@charset "UTF-8";


@import url("/css/font1.css");


*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing:border-box;
}

/* mobile style */
*{-webkit-text-size-adjust:none}
html {-webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
*{margin:0;padding:0; font-family: 'Noto Sans KR', 'nanumgothic', 'Noto Serif JP', sans-serif; font-weight:normal;  letter-spacing: -0.03em;}
body{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); margin:0 auto;}
li{list-style:none}
a{text-decoration:none;}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing: -0.03em}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
/* 2020-06-12 왜 안보이게? 일단 주석 legend, caption{display:none} */
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing: -0.03em}
p{letter-spacing: -0.03em;}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none; padding:5px;}
input[type="checkbox"]{-webkit-appearance:;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; color:#666; }
input[type="file"] {display: none;}
input:checked {}
.af:after{display: block; content:''; clear: both;}
/*-- main page --*/
#header {width: 75.5%;position:absolute; top:0; left:0; right:0; z-index:3; text-align:center; height:65px; background:transparent;}
#header .ctc--1 {    width:100%; margin:0 auto; height:60px;}
#header #logo {display:inline-block; float:left; padding:10px 0 0px 0; margin: 0 0px 0 30px;}
#header #logo>a {display:flex; width:100%; align-items: center; }
.container {max-width:1800px; margin:0 auto; ; min-height:800px;}
.navbar a{display: block;float: left;margin-top: 14px;margin-right: 9px;}
.navbar a.main_mob{margin-right: 8px;	}
/* 2020-01-31 오후 3:59 로그인 박스 마진 조정 */
#logon_box a{margin-top: 2px;}
/*-- sub page --*/	 
.sub_header{position: static !important;height: 100px !important;max-width: 1800px; width: 100% !important;margin: 0 auto; border-bottom: 1px solid #ddd;}
.sub_head{height: 100% !important;}	 
.sub_head h1{padding: 0 !important;margin: 0 !important;height: 100px !important;}
.sub_head h1 a{height: 100%;width: auto; height: 99.4% !important;}
.sub_head h1 a img{height: 26px;width: 150px;}
.sub_navbar{overflow: visible !important; position: relative;}
.sub_navbar .logon{float: right !important; margin-right: 0 !important;}
.sub_visu1{max-width:1800px; margin:0 auto;background: url(../img/sv_1.jpg) no-repeat; height: 139px; text-align: center; position: relative; top: -1px; z-index: 1;}	
.sub_visu2{background: url(../img/sv_2.jpg) no-repeat;}	
.sub_visu3{background: url(../img/sv_3.jpg) no-repeat;}
.sub_visu1 h3{line-height: 139px;font-size: 42px;font-weight: 500;color: #fff;text-shadow: 0 0 4px rgba(0,0,0,0.2);} 
.sub_footer{border-top: 1px solid #dddddd; height: 127px !important;}
.sub_footer .slogo p{line-height: 127px !important;}
.sub_footer .slogo p.ft_p{margin-left: -11px !important;}
.sub_container{margin-top: 80px;}
#search_layer{min-width:520px; top:0;}
.sub_search_layer_box #search_layer{top: 36px;}

/*11.15*/
.sec1_main{ height: 839px;}
.mv_01{float: left; height: 100%;overflow: hidden;height: 100%;width: 75.5%;position: relative;  padding-right: 8px; background: url(../img/mv_1.jpg) no-repeat; background-size: auto 101%; background-size: cover;}
.mv_02{float: left; height: 100%;  width:24.5% ;}

.navbar { overflow: hidden;text-align: center; display: inline-block; letter-spacing:0px; margin-top:10px; float:right;}
.navbar .logon {float: left; margin-right:58px;   cursor: pointer;margin-top: 14px;}
.navbar #logon_box {position: absolute; top:64px; right:60px; width:100px; background: #fff; display: none; z-index: 9;}
.navbar #logon_box ul {width:100px; border:1px solid #eaeaea;}
.navbar #logon_box ul li {padding-left:10px; line-height:30px; text-align: left;}
.navbar #logon_box ul li a:link, .navbar #logon_box ul li a:visited, .navbar #logon_box ul li a:hover, .navbar #logon_box ul li a:focus, .navbar #logon_box ul li a:link, .navbar #logon_box ul li a:visited, .navbar #logon_box ul li a:active {text-decoration:none; color:#494949;}
.navbar .navigation__link {float: left; font-size: 16px; color: #fff; text-align: center; padding: 5px 10px; margin-right:30px; text-decoration: none; background: #1174BA; margin-top:14px;}
.navbar .navigation__link:hover {color:#fff;}

.mimg img {width:100%; height:100%;}
.hd_logo{margin: 0 auto;display: block;text-align: center;margin-top: 246px;margin-bottom: 57px;}
.searchbox { margin: 0 auto; }
.searchbox img.logow {   position: absolute;    top: -60px;    left: 20px;}
.searchbox .sbox {width: 746px;    height: 83px; -webkit-box-shadow:6px 3px 13px 4px rgba(0,0,0,0.2); margin: 0 auto;  position: relative;;}
.searchbox .sbox input {border:none; outline:none;  width:88.8%; float:left; font-size: 17px; height: 83px; border-radius: 38px 0 0 38px;font-size: 20px;color: #333;font-weight: 500;padding-left: 50px;border: 3px solid #56a8fc;border-right: 0; padding-right: 35px;}
.searchbox .sbox input::placeholder{color: #333; opacity: 1;}
.searchbox .sbox button {float:right;   background:#3a79e1; color:#fff;     position: absolute; font-size:22px; font-weight:200; border:none; outline:none;width: 11.2%;height: 83px;text-indent: -9999px;border-radius: 0 38px 38px 0;background: #56a8fc url(../img/main_sea.png) no-repeat center !important;}





.loginbox {    z-index: 2; background-color: #fff; margin-top: 105px;	margin-bottom: 95px;}
.loginbox img.logore {text-align:center; margin:72px auto 0;}
.loginbox .logbox {width:100%;    height:auto;    top:20%;      left:0; right:0   ; position:relative; }
.loginbox .loglogbox {width:508px;    height:524px;  left:0; right:0  ;  position:relative;       background: #fff;  margin:0 auto;     text-align: center;
box-shadow: 0px 0px 13px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.1);}

.loginbox .logbox .loginput {margin:33px auto 20px;}
.loginbox .logbox input { outline:none; padding:16px 0px 19px 32px; width:63%; font-size: 18px;  border: none;border-bottom: 1px solid #dddddd;box-sizing: border-box;background: url(/design/img/login_icon1.png) no-repeat left center; margin-bottom: 7px;}
.loginbox .logbox input::placeholder{color: #666; opacity: 1;}
.loginbox .logbox input.paw_login{background: url(/design/img/login_icon2.png) no-repeat left center !important;}
.loginbox .logbox button { background:#56a8fc; color:#fff;      font-size:18px;  border:none; outline:none; padding:10px; border-radius:100px;width: 63.4%;font-weight: 500;height: 64px;line-height: 64px;padding: 0;}
.loginbox .logbox .cheput {margin:-5px auto 35px; width:63%; text-align:right; color: #999; }
.loginbox .logbox input[type="checkbox"] {width:auto; margin-right: 5px;	margin-top: 4px;}


.searchbox.sub.connet {float:none; width:1024px}
.searchbox.sub { width:100%;    height:auto;  margin-top: 80px;}
.searchbox.sub img.logow {    opacity: 0.2;    position: absolute;    top: -60px;    left: 20px;}/* 
.searchbox.sub .sbox.sub {{width: 746px;    height: 83px; -webkit-box-shadow:6px 3px 13px 4px rgba(0,0,0,0.2); margin: 0 auto;  position: relative;;}
border-bottom-right-radius:6px;}  */
.searchbox.sub .sbox {width: 720px;    height: 80px; margin: 0 auto;  position: relative;box-shadow: none;box-shadow: 0 5px 6px rgba(134,134,134,0.08);border-radius: 38px;}
.searchbox.sub .sbox.sub input {border:none; outline:none;  width:89.8%; float:left; font-size: 17px; height: 80px; border-radius: 38px 0 0 38px;font-size: 20px;color: #333;font-weight: 500;padding-left: 45px;border: 3px solid #56a8fc;border-right: 0;}
.searchbox.sub .sbox.sub input.i_e_drug { border: 3px solid #000080 !important; }
.searchbox.sub .sbox.sub input.i_drug_img { border: 3px solid #EFBAD6 !important; }
.searchbox.sub .sbox.sub::placeholder{color: #333; opacity: 1;}
.searchbox.sub .sbox.sub button {float:right;   background:#3a79e1; color:#fff;     position: absolute; font-size:22px; font-weight:200; border:none; outline:none;width: 9.9%;height: 80px;text-indent: -9999px;border-radius: 0 38px 38px 0;background: #56a8fc url(../img/main_sea.png) no-repeat center !important;}
.searchbox.sub .sbox.sub button.b_e_drug { background: #000080 url(../img/main_sea.png) no-repeat center !important;}
.searchbox.sub .sbox.sub button.b_drug_img { background: #EFBAD6 url(../img/main_sea.png) no-repeat center !important;}
/* .search_quick{width: 113px; position: absolute; right: 50%;	top:  65.5%; margin-right: -920px;} 스크롤 내리면 딸려 올라가는 문제로 위치 수정*/
.search_quick{width: 113px; position: absolute; right: 50%;	top:  42.7%; margin-right: -920px;}
.search_quick ul{}	 
.search_quick ul li{width: 113px;height: 113px;border-radius: 50%;text-align: center;border: 2px solid #fff;background: #56a8fc; transition:.3s;position: relative;box-shadow: 0px 0 16px rgba(154,154,154,0.12);margin-bottom: 18px;}
.search_quick ul li:before{width: 100%; height: 100%; content:''; position: absolute;left: 0; top: 0;background: linear-gradient(#81dbf9, #58aafc);     border-radius: 50%;	      z-index: 0; transition:.3s; opacity: 0; }
/* .search_quick ul li:hover{background: #56a8fc;} */
.search_quick ul li:hover:before{opacity: 1;}
.search_quick ul li a{height: 100%;display: block;padding-top: 24px; position: relative;z-index: 2;}	 
.search_quick ul li a figure{}
.search_quick ul li a figure img{}
.search_quick ul li a p{color: #fff;font-size: 17px;/* font-weight: 700; */line-height: 30px;}
.search_quick ul li.sl01{height: 113px !important;	 border-radius:5px !important; background: linear-gradient(#81dbf9, #58aafc); }		 
.search_quick ul li.sl01:before{display: none;}
.search_quick ul li.sl01 div.vdet_box {border: 1px solid #ddd;}
.search_quick ul li.sl01 div a{padding-top: 0;}
.search_quick ul li.sl01 div a img{}
.search_quick ul li.sl01 div a div.vdetbox{background-color: #fff;padding-top: 8px;/*! padding: 8px 3px 0 3px; */}	 
.search_quick ul li.sl01 div a div.vdetbox p{color: #303030; line-height: 1.5; font-size: 15px;}
.search_quick ul li.sl01 div a div.vdetbox .vdetbutton{background-color:#56a8fc;height: 30px;	line-height: 30px;color: #fff;/* text-transform: uppercase; */}
 
.search_table table {width:100%; padding:10px 0;}
.search_table table th { background:#f6fbf !important; color:#333 !important;  border-top:1px solid #56a8fc !important;font-weight: 500 !important;line-height: 70px !important;font-size: 18px !important;}
.search_table table td { background:#fff !important;   text-align:center !important; border-bottom:1px solid #ccc !important;     line-height:30px !important;font-size: 18px !important;color: #666 !important;height: 100px !important;  padding: 0 !important;}
.search_table table td a{color: #000000; }
.search_table table td:hover a{color: #1e89f6; text-decoration: underline;}
.search_table ul{border-bottom: 1px solid #ddd; margin-bottom: 68px !important; margin-top: 53px !important;}
.widthauto{text-align: left;}


.detail_div{border-top: 1px solid #ddd; margin-top: 70px !important;}
.detail_div ul span {    padding: 0px 0px 0 12px;    line-height: 42px !important;font-weight: 500;color:  #303030 !important; font-size: 30px !important;}
.detail_div table tr th,
.interaction_sub table th,
.mypage table th{font-size: 18px;text-align: left;line-height: 70px;padding-left: 26px;}
.mypage table th{border-top: 1px solid #56a8fc !important; padding: 0;}
.detail_div table tr td,
.interaction_sub table td{color: #666;font-size: 18px;padding: 0;padding-left: 30px;}
.detail_div table tr:first-child th,
.detail_div table tr:first-child td,
.interaction_sub table th,
.interaction_sub table td{border-top: 1px solid #56a8fc !important;line-height: 70px;}

.detail_div table tr:first-child th.e_drug,
.detail_div table tr:first-child td.e_drug{ border-top: 1px solid #000080 !important; }

.detail_div table tr:first-child th.drug_img,
.detail_div table tr:first-child td.drug_img{ border-top: 1px solid #EFBAD6 !important; }

.interaction_sub table th{border-bottom: none !important;}
.kor_dt .detail_div .ssub_det ul{margin: 33px 17px;margin-bottom: 31px; margin-left: 0;}
.kor_dt .detail_div table.tabbox_mm th.active{color: #fff !important;background-color: #56a8fc !important; font-weight: 500 !important;	}
.kor_dt .detail_div table.tabbox_mm th.e_drug2.active{ color: #fff !important;background-color: #000080 !important; font-weight: 500 !important; }
.kor_dt .detail_div table.tabbox_mm th{font-weight: 400 !important;}
.kor_dt .detail_div table.tabbox_mm th{padding: 10px 0 10px 0;text-align: center;height: 56px !important;line-height: 56px !important;font-size: 18px;color: #666 !important;background-color: #f0f0f0 !important;border-left: 1px solid #fff;border-right: 1px solid #fff !important;border-top: none !important;border-bottom: 1px solid #fff !important; width: 14.28%;}
.kor_dt .detail_div table.tabbox_mm th.e_drug_line { padding: 5px; line-height:25px !important; }
.kor_dt .detail_div table.tabbox_mm td{}
.kor_dt{margin-bottom: 63px;}
#print_area table tr td{font-weight: 500;}


.ssub.connet {width:1500px;; margin:0 auto;}
.ssub {max-width:1500px;;width: 100%; margin:0 auto; margin-bottom: 130px;}
.ssub_tab {width:100%}
.ssub_tab ul {              border-radius: 1px; margin: 35px 0;width: 100%;text-align: center;}
.ssub_tab ul li {    width: 141px;        /*! height: 50px; */    text-align: center; line-height: 47px; /*! border-right: 1px solid #c7c7c7; */ font-size: 18px;color: #999;font-weight: 500;display: inline-block;position: relative;height: 98px;padding-top: 40px;}
.ssub_tab ul li.active{ color:#1e89f6;border-bottom: 2px solid #56a8fc;}
.ssub_tab ul li:last-child {border:none;}
.ssub_tab ul li:hover {color:#1e89f6;cursor:pointer; border-bottom: 2px solid #56a8fc;}
.ssub_tab ul li img {        position: absolute;left: 50%;margin-left: -21px;top: 0;}

.ssub_det {width:100%;margin-top: 32px;}
.ssub_det ul {height: 50px;    display: inline-block;    border-radius: 1px; margin: 33px 17px;margin-bottom: 31px;}
.ssub_det ul  img{margin-top: 3px;}
.ssub_det ul span {    padding: 0px 0px 0 12px;    line-height: 34px; font-size: 20px;}

.ssub table {width:100%; padding:10px 0;}
.ssub table th { background:#f6fbff; color:#333;  border-top:1px solid #ccc; border-bottom:1px solid #ccc;font-weight: 500 !important;letter-spacing: 0 !important; text-align: center;}
.ssub table td { background:#fff; color:#494949; padding:10px; text-align:center; border-bottom:1px solid #c7c7c7;     line-height:25px;}
.ssub table td.tleft, .ssub table th.tleft {text-align:left;}
.ssub table td.tleft.bor {border-top:1px solid #c7c7c7;}
.ssub table td.tleft a {color:#494949}
.ssub table td.tleft a:hover {color:#185ccc}
.ssub table td.deimg {padding:10px; background:#f8f8f8; border:1px solid #c7c7c7;}

.listb {    display: inline-block;       float: right;    right: 0;    position: relative;    top: 28px;}
.listb a img{position: absolute;top: 50%;margin-top: -5.5px;left: 47px;}
.listb_a_img_kr{ left: auto !important; margin-left: 45px; }
.printb {    display: inline-block;       float: right;    right: 0;    position: relative;top: -87px;right: 144px;}
.printb_top { top: -95px !important; }
.printb_right { right: -335px !important; }
button.listbut {background:#56a8fc; color:#fff;      font-size:18px; font-weight:500;    border-radius:3px; outline: none;border: none;width: 135px;height: 54px;line-height: 54px;margin: 0 5px;text-align: left;padding-left: 61px;}
button.listbut_e_drug { background:#000080 !important; }
button.listbut_drug_img { background:#EFBAD6 !important; }
button.print {background:#8d8b8b; color:#fff;      font-size:18px; font-weight:500;    border-radius:3px; outline: none;border: none;width: 135px;height: 54px;line-height: 54px;margin: 0 5px;}

button.detail_kr {background:#56a8fc; color:#fff; font-size:18px; font-weight:500; border-radius:3px; outline: none;border: none;width: 135px;height: 54px; line-height: 54px;margin: 0 5px;text-align: center;}
button.e_drug_btn {background:#56a8fc; color:#fff; font-size:18px; font-weight:500; border-radius:3px; outline: none; border: none; width: 90px;height: 44px; line-height: 44px; margin: 0 5px; text-align: center;}
button.drug_img {background:#56a8fc; color:#fff; font-size:18px; font-weight:500; border-radius:3px; outline: none; border: none; width: 410px; height: 53px; line-height: 54px; margin-top: 15px; text-align: center;}
button.drug_img2 {background:#EFBAD6; color:#fff; font-size:18px; font-weight:500; border-radius:3px; outline: none; border: none; width: 410px; height: 53px; line-height: 54px; margin-top: 15px; text-align: center;}

#injection_table_list .paging,
#solution_table_list .paging{position: absolute; left: 0; bottom: 25px;}
.paging {width:100%; text-align:center; margin:40px auto 0;}
.paging p {color:#8e8e8e; letter-spacing:2px; font-size:13px; padding-bottom:0;}
.paging p a {display:inline-block; border:1px solid #000;   text-decoration: none; color:#000;font-size: 13px;font-weight: 500;width: 33px;height: 33px;line-height: 30px; margin-right: 6px; overflow: hidden;}
.paging b {color:#fff; display:inline-block; border:1px solid #000;  width: 33px;height: 33px;font-size: 13px;font-weight: 500;background-color: #000;line-height: 30px; margin-right: 6px; overflow: hidden;}


.paging_small {width:100%; text-align:center; margin:25px auto 0;}
.paging_small p {color:#8e8e8e; letter-spacing:2px; font-size:13px; padding-bottom:25px;}
.paging_small p a {display:inline-block; border:1px solid #000;   text-decoration: none; color:#000;font-size: 13px;font-weight: 500;width: 33px;height: 33px;line-height: 30px; margin-right: 6px;}
.paging_small b {color:#fff; display:inline-block; border:1px solid #000;  width: 33px;height: 33px;font-size: 13px;font-weight: 500;background-color: #000;line-height: 30px; margin-right: 6px;}

.seabox { overflow: hidden;width: 100%;height: 420px; margin: 0 !important; /* background: url(../img/main_1.jpg) no-repeat;	 */	padding-top: 261px;box-sizing: border-box;padding-left: 56px;position: absolute;width: 100%;height: 100%;top: 0;}	  
.sea_box a img{/* position: absolute; */ z-index: -1; transform:scale(1); transition:1s;}
.sea_box2{/* background: url(../img/main_2.jpg) no-repeat */;	 padding-top: 269px;}			
.seabox p{font-size: 30px;letter-spacing: -0.03em;color: #fff;font-weight: 500; position: relative;padding-top: 12px;margin-bottom: 6px;}
.seabox p:before{content:''; position: absolute;left: 0; top: 0;width: 27px; height: 4px; background-color: #fff;}
.seabox  span{font-size: 18px;letter-spacing: -0.03em;color: rgba(255,255,255,0.7);}
.sea_box2 p{color: #333333;}
.sea_box2 p:before{background-color: #56a8fc;}
.sea_box2 span{color: rgba(51,51,51,0.7);}
.height_a {height: 421px; height: 50%;overflow: hidden;display: block;position: relative;}
.sea_box a:hover img{ transform:scale(1.1)}

/* .vdet_box { width: 136px; min-height: 150px; background: #f8f8f8; position: absolute; bottom: 15%; left: 10%; padding: 20px 0px 0 0px; text-align: center;	display: inline-block; border:1px solid #cdcdcd;}
.vdet_box p { color: #494949; font-size: 17px; margin:10px auto 20px; text-align: center; line-height: 21px;}
.vdet_box.sub {left:auto; right:10%; bottom:auto;}
.vdet_box .vdetbutton {background:rgba(11,58,136,1); color:#fff; padding:10px 15px; font-size:17px; text-align:left; font-weight: 200;}
.vdet_box .vdetbutton span {font-family:'dotum'; float: right;    line-height: 28px;} */

.tabbox_mm {margin:50px auto 50px;}
.ssub table.tabbox_mm th:last-child { border-right:0px solid #eaeaea;}
.ssub table.tabbox_mm td:last-child  { border-right:0px solid #eaeaea;}

.ssub table.tabbox_mm th { border-right:1px solid #eaeaea;}
.ssub table.tabbox_mm td { border-right:1px solid #eaeaea;}
.ssub table.tabbox_mm th.active {background:#185ccc; color:#fff;}
.ssub table.tabbox_mm th:hover {background:#185ccc; color:#fff;}

.tab_box {width:100%; min-height:150px; margin-bottom:50px;}
.tab_b {padding-left: 0;}
.tab_b p {background:#56a8fc; color:#fff; padding:10px; text-align:center;width:275px; display:inline-block; letter-spacing:2px; font-family: 'nanumgothic',sans-serif;}
.tab_b p.e_drug { background:#000080 !important; }
.ttbox {width:100%; height:auto; padding:40px; text-align:left; border:2px solid #56a8fc; background:#f8f8f8; color:#444;}
.ttbox.e_drug { border:2px solid #000080 !important; }


.addbox { margin: 0px 0 30px;}
.interaction_sub .addbox{width: 100%; box-shadow: none;	 height: auto;}
.interaction_sub .addbox input { border:1px solid #ddd;  padding-top: 0; padding-bottom: 0;	    float: left; font-size:15px;     width: 280px; margin:0 10px 0 0;height: 54px;line-height: 52px;border-radius: 3px;font-size: 18px;padding-left: 22px; font-weight: 400; padding-right: 18px;}
.interaction_sub .addbox input::placeholder{color: #555; opacity: 1;}
.interaction_sub .addbox button{position: static;background:#56a8fc !important; color:#fff;      text-indent: 0; 	font-size:18px; font-weight:500;    border-radius:3px; outline: none;border: none;width: 135px;height: 54px;line-height: 54px;margin: 0 5px;; float: right;}
.addbox button.bg_sky{background: #8d8b8b !important;	}
.addbox input.padright {margin-right:20px;}

.addbox {width: 590px;    height: 80px; margin: 0 auto;  position: relative;box-shadow: none;box-shadow: 0 5px 6px rgba(134,134,134,0.08);border-radius: 38px;}
.addbox input {border:none; outline:none;  width:89.8%; float:left; font-size: 17px; height: 80px; border-radius: 38px 0 0 38px;font-size: 20px;color: #333;font-weight: 500;padding-left: 45px;border: 3px solid #56a8fc;border-right: 0; padding-right:10px;     box-sizing: border-box;	}
.addbox input::placeholder{color: #333; opacity: 1;}
.addbox button {float:right;   background:#3a79e1; color:#fff;     position: absolute; top: 0;font-size:22px; font-weight:200; border:none; outline:none;width: 11.9%;height: 80px;right: 0;text-indent: -9999px;border-radius: 0 38px 38px 0;background: #56a8fc url(../img/main_sea.png) no-repeat center !important;}

.modal_title{background: #56a8fc;height: 70px;line-height: 70px;border-radius: 5px 5px 0 0;position: relative;}	 
.modal_title h3{font-size: 22px;font-weight: 500;color: #fff;padding-left: 38px;}
.modal_title p.x_button{position: absolute;right: 35px;top: 50%;margin-top: -11px;}

.addlist {    width: 250px; padding:0px;    margin: 50px 0;    float: left;    display: inline-block; 	}
.addlist ul {   width: 243px;    border: 1px solid #c7c7c7;    padding: 20px; margin: 0px 0 30px;}
.addlist ul li {     line-height: 36px;}
.addlist ul li span {background: #565656;    border-radius: 100%; color: #fff;    width: 24px;    margin-left:10px;    height: 24px;    line-height: 21px;    display: inline-block;    text-align: center;    font-weight: 200;}
button.bun {    width: 47%;background:#0848b2; color:#fff;     position:; font-size:16px; font-weight:200; border:0px solid #c7c7c7; outline:none; padding:10px 10px; }
button.cho {    width: 47%;background:#f6901c; color:#fff;     position:; font-size:16px; font-weight:200; border:0px solid #c7c7c7; outline:none; padding:10px 10px; margin:0 5px}

.interaction_sub{margin-top: 70px !important; margin-bottom: 150px !important;}
.interaction_sub .ssub_det{padding-bottom: 30px;border-bottom: 1px solid #ddd;margin-bottom: 70px;}
.interaction_sub table th{text-align: center; padding: 0;}


table.connbox {width:70%; float:right; margin-top:50px;}
table.connbox td {border:1px solid #c7c7c7;     padding-left: 30px;}

.cored a {color:#cd161e; font-weight:500; font-size:15px;}
.coyellow a {color:#facc13; font-weight:500; font-size:15px;}
.cored a img , .coyellow a img {margin-top:2px; margin-left:5px;}


.conn_b {  background:#fff;  position:absolute; margin-top:10px;border-radius:10px;}
.conn_b > p { color:#565656; padding:10px 20px; text-align:left;width:100%; display:inline-block;border-bottom:1px solid #d8d8d8;/*  position: fixed; background-color:	#fff;width: 1024px; */}
.cttbox {width:100%; height:auto; padding:20px; text-align:left; color:#565656; overflow:auto;}
.conn_b > p.coyellow {border-bottom:0px;color:#facc13; font-weight:500; font-size:17px; padding:0; display:block;}
.closebut {float:right; display:inline-block; padding: 5px;}

#leftSidebar {  position: fixed;  top: 0;  bottom: 0;  left: 0;  z-index: 2;  min-width: 250px;  border-right: 1px solid #000;  background-color: rgba(255,255,255,0.5);}
#leftSidebar > ul {  list-style: none;  margin: 0;  padding: 0;  width: 100%;}
#leftSidebar > ul > li {  width: 100%;  padding: 10px 20px;  border-bottom: 1px solid #999;}


/** footer css **/
#footer{ z-index:1;height: 130px;background-color: #fff; ;}
#footer .slogo{max-width: 1800px;margin: 0 auto;text-align: center;}	  
#footer .slogo p{font-size: 15px;line-height: 30px;color: #afafaf;font-weight: 400;display: inline-block;line-height: 130px;padding: 0 12.5px; position: relative;}
#footer .slogo p:before{content:''; position: absolute;right: 0; top: 50%; margin-top: -6.5px;width: 2px; height: 13px; background-color: #c4c4c4;}
#footer .slogo p.last_p:before{display: none;	}
#footer .slogo p.ft_p{padding-left: 21px; margin-left: 5px;}
#footer .slogo p span{color: #000; margin-right: 3px;}
#footer .slogo p.ones{font-size:20px;}
#footer .foot {width:100%; margin: 0 auto;}
#footer .ft_logo{right: 100px;}	
#footer .ft_logo img{vertical-align: middle;margin-bottom: 15px;}
#footer .ft_logo:before{display: none;}


/** injection css **/
.injection_top { width:100%; }
.injection_top .sbox { margin: 0 auto;  text-align:center; max-width: 1800px;margin: 0 auto;height: 81px;line-height: 81px; border-bottom: 1px solid #ddd;}
.injection_top .sbox button {      outline:none; border: none;font-size: 20px;color: #999;font-weight: 400;background: none;height: 100%;margin: 0 45.5px;}

.ssub.injection {max-width:1500px;width: 100%;}
.injection_box2{margin-top: 0 !important; margin-bottom: 30px !important;}
.injection_box {width:100%; min-height:400px; display:inline-block; margin-bottom:125px; margin-top: 10px;	  position: relative;}
.injection_box .injection_search {float:left; width:18.666%;}
.injection_box .injection_result {float:right; /* width:77.4% */; width: 1161px;	overflow-x: auto;-webkit-overflow-scrolling: touch;		overflow-y: hidden;}
.injection_box .injection_info {float:right; width:77.4%; }

 .cttbox #injection_info table td:last-child{border-right: 1px solid #303030;}

.injection_search .test_button {width:100%; position: relative;}
.injection_search .test_button button:before{content:''; position: absolute;right: 22px; top: 50%; margin-top: -10.5px;width: 21px; height: 21px; background:url(../img/s101_2.png) no-repeat; transition:.3s;}	   
.injection_search .test_button button:after{content:''; position: absolute;right: 22px; top: 50%; margin-top: -10.5px;width: 21px; height: 21px; background:url(../img/s101_1.png) no-repeat; opacity: 0;  transition:.3s;}
.injection_search .test_button:hover button:after{opacity: 1;}				
.injection_search .test_button:hover button:before{opacity:0;}
.injection_search .test_button button { width: 100%;background:#f5f5f5;	 color:#676767; font-size: 18px;	   font-weight: 400;	  outline: none; height: 60px; line-height: 60px; text-align: left;	padding-left: 30px;	  border: 1px solid
#ddd;	border-radius: 10px 10px 0 0;}

.injection_search .test_result {width:100%; min-height:180px; margin:0 0 40px 0; border:1px solid #ddd; border-radius: 0;margin-top: 0;border-top: 0;overflow-y: scroll; max-height: 300px;}
.injection_search .test_result ul {width:100%; }
.injection_search .test_result ul li {width:100%;   height: auto;font-size: 16px;height: auto;letter-spacing: 0;line-height: 30px;color: #555;border-bottom: 1px solid #ddd; padding: 15px 25px; position: relative;}		
.injection_search .test_result ul li:last-child{border-bottom: none;}
.injection_search .test_result ul li .icon_x{width: 16px; height: 16px;border-radius:0;background-color: none; background:url(../img/s101_3.png) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -8px; text-indent: -9999px;}
.injection_search .test_result ul li.two_li{line-height: 22px; padding-top: 6px;}

.injection_search .test_action {width:100%; text-align:center;}
.injection_search .test_action button { width:48%;  color:#fff; font-size:18px; font-weight:500;  outline:none; border-radius: 3px;border: none;background-color: #56a8fc;height: 54px;line-height: 54px;color: #fff !important;}
.injection_search .test_action button.button_bg_b{float: left;}
.injection_search .test_action button.button_bg_y{float:right;}

/* 주사제 정보 */
/* .injection_search .injection_search_wrap {width:100%; text-align:center; background: red; overflow: hidden; position: absolute;}
.injection_search .injection_search_wrap input {float:left; padding:10px; border:1px solid #c7c7c7; font-size:15px; width: 75%;}
.injection_search .injection_search_wrap button {float:left; width:25%; padding:11px 0px; color:#fff; font-size:15px; font-weight:200; border:none; outline:none;} */

.injection_search_wrap {width: 720px;    height: 80px; margin: 0 auto;  position: relative;box-shadow: none;box-shadow: 0 5px 6px rgba(134,134,134,0.08);border-radius: 38px; position: absolute; top:0; left: 50%; margin-left: -360px;}
.injection_search_wrap input {border:none; outline:none;  width:89.8%; float:left; font-size: 17px; height: 80px; border-radius: 38px 0 0 38px;font-size: 20px;color: #333;font-weight: 500;padding-left: 45px;border: 3px solid #56a8fc;border-right: 0; padding-right: 35px;}
.injection_search_wrap input::placeholder{color: #333; opacity: 1;}
.injection_search_wrap button {float:right;   background:#3a79e1; color:#fff;     position: absolute; font-size:22px; font-weight:200; border:none; outline:none;width: 9.9%;height: 80px;text-indent: -9999px;border-radius: 0 38px 38px 0;background: #56a8fc url(../img/main_sea.png) no-repeat center !important;}
.injection_info_div_box{width:100%; min-height:400px; display:inline-block; margin-bottom:125px; margin-top: 80px;	  position: relative;padding-top: 200px; position: relative;}	
.injection_info_div_box:before{content:''; position: absolute;left: 0; top: 150px;width: 100%; height: 1px; background-color: #ddd;}




.injection_search .injection_search_list {clear:both; width:100%; min-height:400px; margin: 0; /* border-bottom:1px solid #ddd;  */ border:1px solid #ddd}
.injection_search .injection_search_list ul {width:100%;  min-height:360px; /* border: 1px solid #ddd; */ /* 2020-02-06 오전 11:46 수정 border-radius: 5px; position: relative; */ border-bottom: 1px solid #ddd;}
.injection_search .injection_search_list ul:before{content:''; position: absolute;left: 0; bottom: 0;width: 277.8px; /* 2020-02-06 오전 11:46 수정 height: 1px; */ background-color: #ddd;}
.injection_search .injection_search_list ul li {width:100%; font-size:16px;    word-break: break-all;height: auto;line-height: 28px;color: #555;border-bottom: 1px solid #ddd;padding-left: 27px;padding: 15.5px 15px 15.5px 27px;}
/* 2020-02-06 오전 11:46 주석 품 */ .injection_search .injection_search_list ul li:last-child{border-bottom: none;}
.injection_search .injection_search_list ul li a { color:#555;font-size: 16px;letter-spacing: 0;}
.injection_search .injection_search_list ul li:hover a,
.injection_search .injection_search_list ul li:hover,
.bluefont{color: #1e89f6;}
#injection_search_list .paging_small{position: relative;width: 106%;	 background-color:#fff;	 left: -2%;	padding-top: 25px; margin: 0;} 




/* 주사제 배합금기 결과 */
.injection_result .description, .injection_info .description { width:100%; padding:20px; font-size:15px; margin:0 auto; border:1px solid #ccc; border-radius: 3px; background: #f7f7f7;}
.injection_result .description ul li, .injection_info .description ul li {width:100%; height:40px; text-align: left; line-height: 40px;}

.injection_result .notice { width:100%; font-size:12px; padding-left:40px;height: 100%;padding-top: 59px;}
.injection_result .notice ul li {width:100%;  text-align: left;font-size: 16px;line-height: 34px;color: #666;}

.injection_info_div .injection_info{}		  
.injection_info_div .injection_info .description{background: none;height: auto;border: none; padding: 0;}	
.injection_info_div .injection_info .description ul{}
.injection_info_div .injection_info .description ul li{ width: 49%;float: left;height: 186px;background-color: #f6fbff;padding-left: 80px;padding-top: 57px;position: relative;}	 
.injection_info_div .injection_info .description ul li:before{content:''; position: absolute;right: -43.5px; top: 50%; margin-top: -34px;width: 69px; height: 68px; background:url(../img/injection2.png) no-repeat; z-index: 999;}
.injection_info_div .injection_info .description ul li:last-child{float: right;}
.injection_info_div .injection_info .description ul li:last-child:before{display: none;}
.injection_info_div .injection_info .description ul li p{font-family: 'Montserrat', sans-serif;font-size: 18px;color: #1e89f6;font-weight: 500;}
.injection_info_div .injection_info .description ul li h4{font-size: 18px;line-height: 32px;color: #666;position: relative;top: -4px;}
.injection_info_div .injection_info .description ul li h4 span{font-weight: 500;color: #333;}							

	  
.injection_result .description{background: none;height: auto;border: none; padding: 0;}	
.injection_result .description ul{margin-bottom: 30px;}
.injection_result .description ul li{ width: 49%;float: left;height: 186px;background-color: #f6fbff;padding-left: 80px;padding-top: 42px;position: relative;}	 
.injection_result .description ul li:before{content:''; position: absolute;right: -43.5px; top: 50%; margin-top: -34px;width: 69px; height: 68px; background:url(../img/injection2.png) no-repeat; z-index: 999;}
.injection_result .description ul li:last-child{float: right;}
.injection_result .description ul li:last-child:before{display: none;}
.injection_result .description ul li p{font-family: 'Montserrat', sans-serif;font-size: 18px;color: #1e89f6;font-weight: 500;}
.injection_result .description ul li h4{font-size: 18px;line-height: 32px;color: #666;position: relative;top: -4px;}
.injection_result .description ul li h4 span{font-weight: 500;color: #333;}	
.injection_result .description ul.ul_sed li{}

.injection_result table {width:100% !important; table-layout: fixed;}
.injection_result table thead{}
.injection_result table thead th { padding:0; border-right:1px solid #ccc; width:auto; height:252px;  text-align:left; overflow:hidden;padding-bottom: 20px;}
.injection_result table thead th:first-child { background:#fff;}
.injection_result table thead th:last-child { border-right:0;}
/* .injection_result table thead span.rotate { width:45px; height:10px; display:inline-block; transform:rotate(-90deg); transform-origin:left; font-weight:600; }
 */
/*  .injection_result table thead span.rotate {  height:110px; display:inline-block; transform:rotate(-90deg);  font-weight:500; text-align: left; font-size: 18px;letter-spacing: 0;color: #333;width: 100%;vertical-align: middle;line-height: 1.5;}
 */
 .injection_result table thead span.rotate{transform: rotate(-90deg); display: block;   font-weight:500; font-size: 18px;letter-spacing: 0;color: #333; position: relative;/*  bottom: -60px; */}

.injection_result table tbody .line_title { text-align:left; font-size:30px;padding: 0;line-height: 60px;font-weight: 500;color: #000;padding-top: 47px;	  padding-bottom: 12px; border-bottom: 2px solid #009af2;}
/* 2020-02-17 오후 2:45 주사제 명 폰트크기 수정 */
/* .injection_result table tbody th { height: 69px;text-align: left;font-size: 18px;padding-left: 26px; width: 392px;} */
.injection_result table tbody th { height: 69px;text-align: left;font-size: 14px;padding-left: 26px; width: 392px;}
.injection_result table tbody td { background:#fff; border-right:1px solid #ccc; color:#494949; padding:0; text-align:center; border-bottom:1px solid #ccc; line-height:25px; font-size:12px; width: 112px;}
.injection_result table tbody td:last-child { border-right:0;}
.injection_result table tbody td.blank { background: #fff;}
.injection_result table tbody td a { text-decoration: underline; line-height: 35px;letter-spacing: 0;/* color: #ce171f; */ font-size: 14px;}
.injection_result table tbody td	button.icon_x{display: block;	  margin: 0 auto;text-align: center;float: none; cursor: default;}
.injection_result table tbody td	button.but_icon{margin-top: 9px;margin-right: 0;float: none; margin-right: 2px; float: none !important;margin: 0 auto;}
button.icon_c {width:18px; height:18px; line-height: 18px; background:#04B404;border:none; outline:none; border-radius: 3px; color:#fff;border-radius: 50%;font-size: 11px;float: left;margin-top: 9px;margin-right: 9px;font-weight: 700 ; font-family: 'Montserrat', sans-serif;}
button.icon_u {width:18px; height:18px; line-height: 18px; background:#f0b709;border:none; outline:none; border-radius: 3px; color:#fff;border-radius: 50%;font-size: 11px;float: left;margin-top: 9px;margin-right: 9px;font-weight: 700; font-family: 'Montserrat', sans-serif;}
button.icon_i {width:18px; height:18px; line-height: 18px; background:#ce171f;border:none; outline:none; border-radius: 3px; color:#fff;border-radius: 50%;font-size: 11px;float: left;margin-top: 9px;margin-right: 9px;font-weight: 700; font-family: 'Montserrat', sans-serif;}
button.icon_x {width:18px; height:18px; line-height: 18px; background:#c1c1c1; border:none; outline:none; border-radius: 20px; color:#fff;border-radius: 50%;font-size: 11px;float: left;margin-top: 9px;margin-right: 9px;font-weight: 700; font-family: 'Montserrat', sans-serif;} 
.fwb{color: #000000; width: auto !important;	height: auto !important; transform-origin: auto important;  transform: rotate(0) important;}
button.button_bg_b {color: #56a8fc !important;border-bottom: 2px solid #56a8fc !important;}
button.button_bg_y {background:#8d8b8b !important;}
button.button_bg_r {background:#FF0000;}
button.button_bg_g {background:#BDBDBD;}

a.font_y {color:#FF0000;}

.injection_hos_button{float: left; margin-left: 17px;	}	 
.injection_hos_button a{}
												
/* 주사제 상세정보 */
#injection_info h1, #injection_info h2, #injection_info h3 { margin:10px 0;}
#injection_info h1{color: #333;font-size: 40px;font-weight: 500;letter-spacing: 0;margin: 0;margin-bottom: 14px;}
#injection_info h2{}
#injection_info p {  font-size: 18px;letter-spacing: 0;line-height: 30px;color: #666;}
#injection_info p b u{font-size: 30px;letter-spacing: 0;line-height: 2;color: #303030;font-weight: 500; display: block; margin-bottom: 10px;}

/*구독권한*/
.rnehr_div{height: auto !important; padding-top: 108px; padding-bottom: 205px;} 
.rnehr_div .interaction_box{top: 11.5% !important;}
.rnehr_div .interaction_box .message_box{width: 510px;height: 413px;box-shadow: 0 0 13px rgba(0,0,0,0.1);padding-top: 96px;}  
.rnehr_div .interaction_box .message_box p{font-size: 38px;line-height: 68px;color: #56a8fc;font-weight: 500;padding: 0;margin-bottom: 6px;}
.rnehr_div .interaction_box .message_box span{font-size: 20px;line-height: 34px;width: 100%;display: block;color: #666;font-weight: 500;margin-bottom: 53px;}
.rnehr_div .interaction_box .message_box button{width: 322px;height: 64px;line-height: 64px;padding: 0;font-size: 18px;color: #fff;font-weight: 500;background: #56a8fc;}
.mb0{margin-bottom: 0 !important;}
.test_result_solution{min-height: 180px ; overflow-y: scroll; max-height:300px }
.mt70{margin-top: 70px !Important;}
														 
input::-ms-clear {width:30px; height: 30px;}
.tab_box .ttbox h4{display: none;}
/* .width_aaa{margin-left: 26px;} */
.width_aaa:hover .coyellow{   background:#faa013;}

/* div.top_button{position: absolute;	bottom: 50px;top: 50%;right: 100px;cursor:pointer; 	 width: 60px;height: 60px;float: right;text-align: center;line-height: 60px;background-color: rgba(0,0,0,0.7);color: #fff;font-weight: 500;}
/* 2020.12.21 김도진 top button 위치 변경 */
.top_button p{}
.top_button {display: none;position:fixed;top:92%;right:89px;width:60px;height:60px;margin-top:-95px;background:#29292a; cursor:pointer; text-align: center;line-height: 60px;background-color: rgba(0,0,0,0.7);color: #fff;font-weight: 500; z-index: 9; }
.top_button.on {position:fixed;bottom:40px; z-index: 9;}

.main_footer .top_button{opacity: 1 !important; display: block !important; }


.conn_b .cttbox2{overflow-y: hidden !important; padding-right: 0 !important;}
.conn_b .cttbox2 .cttbox_inner{padding-right: 35px !important;}

.drug_img_search { width:150px; height:80px; }
.drug_img_detail { width:410px; height:220px; }
.drug_img_mark { width:50px; height:50px; }
.drug_img_font { font-size:27px !important; color:#000000 !important; }

.injection_reconstituted_img { width:20px; height:20px; }
.injection_reconstituted_outer { position:relative; }
.injection_reconstituted_inner { position:absolute; top:50%; left:90%; transform:translate(-50%,-50%); height:auto; }