@charset "UTF-8";



button {cursor:pointer;}


/* 검색어 자동완성 */
.layer_box { position:relative; z-index:9999; background:#f8f8f8; border:1px solid #d8d8d8; min-width:500px;}
.layer_content {width:100%; height:auto; padding:15px; text-align:left; color:#565656;}
.layer_content li { line-height:25px;}
.layer_content li a { height:25px; line-height:25px; display: inline-block; width:100%;}
.layer_content a:link, .layer_content a:visited {color:#666; text-decoration:none}
.layer_content a:hover, .layer_content a:focus,  .layer_content a:link, .layer_content a:visited, .layer_content a:active {text-decoration:none;}
.content_selected {background-color:#E3EDF5;}


/* 검색어 자동완성 박스*/
.search_layer_box {position:absolute; top:69px;}
.sub_search_layer_box {position:absolute; top:55px;}



.hide {display:none;}

.mt20 {margin-top:20px;}



/* 의약품 상세보기 */
.tab_b > div > p {background:none; color: #666; padding:10px; text-align:left; width:100%; display:inline-block; font-size:16px; line-height:32px;}

#print_area {-moz-user-select:text;-webkit-user-select:text;}

.ssub table.tabbox_mm th, .ssub table.tabbox_mm td { cursor:pointer;}


/* 의약품 탭 본문 */
/* .tab_box .ttbox { font-size:14px; line-height:25px;} */
.tab_box .ttbox {font-family: 'nanumgothic', sans-serif; font-size:14px; line-height:25px;}
.tab_box .ttbox p { overflow:auto; min-height:20px; line-height:25px; margin:10px 0; padding:0; font-size:14px;}
.tab_box .ttbox .note { min-height:20px; font-size:14px;}
.tab_box .ttbox p.item { font-size:15px;}

.tab_box .ttbox h4 {font-family: 'nanumgothic', sans-serif; overflow:auto; min-height:30px; line-height:25px; margin:30px 0 0 0; font-size:16px; font-weight: bold;}
.tab_box .ttbox h5 { font-family: 'nanumgothic', sans-serif;overflow:auto; min-height:30px; line-height:25px; margin:30px 0 0 0; font-size:14px; font-weight: bold;}
.tab_box .ttbox h6 { font-family: 'nanumgothic', sans-serif;overflow:auto; min-height:30px; line-height:25px; margin:30px 0 0 0; font-size:14px;}
.tab_box .ttbox ul { margin:10px 0;}

.tab_box .ttbox table {width:100%; padding:10px 0;}
.tab_box .ttbox table th { font-family: 'nanumgothic', sans-serif;background:#f5f4f4; color:#8e8e8e; padding:10px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:13px; font-weight: bold;}
.tab_box .ttbox table td {font-family: 'nanumgothic', sans-serif; background:#fff; color:#494949; padding:10px; text-align:center; border:1px solid #c7c7c7; line-height:25px; font-size:13px;}
.tab_box .ttbox table td p { background:#fff; color:#494949; padding:0px; text-align:center; line-height:25px; font-size:13px; margin:0; min-height:0; width:auto; min-width: 100px; letter-spacing: normal;}
.tab_box .ttbox table tr:first-child td, .tab_box .ttbox table tr:first-child td p {font-weight: bold;}


/* 상호작용 권한없음 */
.interaction_notice { width: 100%; height: 100%; left:0; right:0; top:0; bottom:0; margin: 0 auto; z-index: 2;}
.interaction_notice img.logore {text-align:center; margin:50px auto 0;}
.interaction_notice .interaction_box {width:100%; height:auto; top:20%; left:0; right:0; position:relative; }
.interaction_notice .message_box {width:700px; height:300px; left:0; right:0; position:relative; background: #fff; margin:0 auto; text-align: center;
box-shadow:6px 3px 13px 4px rgba(0,0,0,0.2);
-moz-box-shadow:6px 3px 13px 4px rgba(0,0,0,0.2);
-webkit-box-shadow:6px 3px 13px 4px rgba(0,0,0,0.2);}
.interaction_notice .message_box p {text-align:center; padding:50px; font-weight: bold; color:#565656;}
.interaction_notice .interaction_box button {width:160px; background:#3a79e1; color:#fff;     position:; font-size:22px; font-weight:200; border:none; outline:none; padding:10px; border-radius:100px;}

/* 상호작용 목록 */
.interaction {font-size: 15px; font-weight:500; color: #fff; text-align: center; padding: 1px 8px 5px;}
.interaction.cored {background:#cd161e;}
.interaction.coyellow {background:#facc13; padding: 7px; /* border:1px solid #848484; */ box-shadow: 1px 1px 4px rgba(0,0,0,0.6);}

/* 상호작용 본문 */
/* .conn_box { width:100%; position:fixed; z-index: 9999; top:50px;} */
.conn_box { width:100%; position:fixed; z-index: 9999; top:0;height: 100%;background-color: rgba(0,0,0,0.8); }
.conn_b { position:relative; width:839px; height:664px; margin:0 auto; top: 10%; }
.conn_b .cttbox {   height:530px;  overflow-y: hidden; background-color: #fff; padding-left: 35px;padding-right: 35px; overflow-y: scroll}
.cttbox_inner{overflow-y: auto !important; height: 470px; padding-top: 12px; padding-right: 19px !important;}


.cttbox table {width:100%; padding:10px 0; margin-top: 40px;}
.cttbox table th { background:#f6fbff; color:#333;  border-top:1px solid #56a8fc; border-left: 1px solid #ccc;border-bottom:none;font-size: 18px;letter-spacing: 0;line-height: 60px; border-right: 1px solid #ccc;}
.cttbox table td { background:#fff; color:#666;  text-align:center; border-bottom:1px solid #ccc;  border-left: 1px solid #ccc;   font-size: 18px; line-height: 60px;padding: 0;border-right: 1px solid #ccc; line-height: 1.5; padding: 10px;}
/* .cttbox table td:last-child,
.cttbox table th:last-child{border-right: none;} */
.cttbox table tbody td:hover a{color: #1e89f6; text-decoration:underline;}
.cttbox table tbody td a { color:#666; font-size: 18px; letter-spacing: 0;}
.cttbox table tbody td a sup{color: #0000ef;}
.cttbox table td.tleft, .ssub table th.tleft {text-align:left;}
.cttbox table td.tleft.bor {border-top:1px solid #c7c7c7;}
.cttbox table td.tleft a {color:#494949}
.cttbox table td.tleft a:hover {color:#185ccc}
.cttbox table td.deimg {padding:10px; background:#f8f8f8; border:1px solid #c7c7c7;}
.cttbox table tr:last-child th{border-bottom: 1px solid #56a8fc;}
.cttbox table tr:first-child td{border-top: 1px solid #56a8fc;}


.addbox button[type=button] { background:#3a79e1;}


/* copyright */
#copyright { clear:both; width:100%; min-height:60px; background:#537493; color:#fff;}
#copyright_content {width:700px; margin:0 auto; padding:20px 0;}
#copyright_content p {width:100%; padding:3px;}





/* 병원용주사제 */
.injection_hospital {max-width: 1500px;margin: 0 auto; margin-top: 12px;}
.injection_hospital .injection_box {width:100%; min-height:400px; display:inline-block; margin-bottom:115px;}
.injection_hospital .injection_box .injection_result {width:100%;}
.injection_hospital .injection_box .injection_info {width:100%;}

.injection_hospital .injection_result table {width:100%; padding:10px 0; font-size:12px; margin:10px 0;}
.injection_hospital .injection_result table thead th{background:#f6fbff;	 color:#333;font-size: 18px;line-height: 60px;font-weight: 500;text-align: center;border-top: 1px solid #56a8fc;}
/* .injection_hospital .injection_result table thead th:first-child{border-left: none;} 2020-03-03 오후 4:27 제거 수정 */
/* 2020-02-12 오후 2:25 수정 */
.injection_hospital .injection_result table th { background:#fff; color:#666666;  border:1px solid #ccc; height:28px;text-align: center;padding: 0;}
.injection_hospital .injection_result table td { background:#fff; color:#8e8e8e; padding:0 5px; text-align:center; border:1px solid #c7c7c7; line-height:25px;}
.injection_hospital .injection_result table span { color:#9e9e9e; font-size:14px;}

.injection_hospital_banner { margin-top: -150px;}
.injection_hospital_banner div {}
.injection_hospital_banner div.sort_button_wrap {max-width:1500px; width: 100%; text-align: center;margin:0 auto;/* border-bottom: 1px solid #ddd; */padding-bottom: 14px;margin-top: 75px;}
.injection_hospital_banner div.sort_button_wrap button{display: inline-block;margin: 0;float: none;width: 42px;height: 42px;border-radius: 50%;font-size: 20px;font-weight: 700; margin: 13px;margin-top: 6px;}
.injection_hospital_banner div button.link_button {
   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;
}

/* 2020-02-12 오후 4:26 병원 주사제 화면 상단 메뉴 css 수정 */
/* .injection_hospital_banner div.sort_button_wrap button.icon_c {; background:#fff;border:2px #04B404 solid; outline:inherit;  color:#04B404;margin-left: 850px;} */
.injection_hospital_banner div.sort_button_wrap button.icon_c {; background:#fff;border:2px #04B404 solid; outline:inherit;  color:#04B404;}
.injection_hospital_banner div.sort_button_wrap button.icon_c.checked {color:#fff; background:#04B404; border:none; outline:none;}


.injection_hospital_banner div.sort_button_wrap button.icon_u { background:#fff;border:2px #f0b709 solid; outline:inherit;color:#f0b709;}
.injection_hospital_banner div.sort_button_wrap button.icon_u.checked {color:#fff; background:#f0b709; border:none; outline:none;}

.injection_hospital_banner div.sort_button_wrap button.icon_i { background:#fff;border:2px #ce171f solid; outline:inherit;  color:#ce171f;}
.injection_hospital_banner div.sort_button_wrap button.icon_i.checked {color:#fff; background:#ce171f; border:none; outline:none;}

.injection_hospital_banner div.sort_button_wrap button.icon_x {background:#fff; border:2px #c1c1c1 solid; outline:inherit;color:#c1c1c1;}
.injection_hospital_banner div.sort_button_wrap button.icon_x.checked {color:#fff; background:#c1c1c1; border:none; outline:none;}

.injection_hospital_banner div.sort_button_wrap button.icon_r {width:135px; height:54px; line-height: 54px; font-size: 18px;font-weight: 500; background:#8d8b8b; border:none; outline:none; border-radius: 3px; color:#fff;float: right;margin: 0;}

/* 2020-02-12 오후 4:26 병원 주사제 화면 상단 메뉴 css 수정 */
.injection_hospital_banner div.sort_button_wrap button.icon_sol {width:150px; height:54px; font-size: 15px;font-weight: 500; background:#f6fbff; border:1px #333 solid; outline:none; border-radius: 3px; color:#333; margin: 0; margin-right:13px; }

/* 2020-02-12 오후 4:26 병원 주사제 화면 상단 메뉴 css 수정 */
/* .injection_hospital_subscription {    max-width: 1500px;width: 100%;margin: 0 auto;height: 70px;background-color: #f9f9f9;margin-top: 30px;text-align: center;} */
/* 2020-03-02 오후 1:39 병원 주사제 화면 css 수정*/
/* .injection_hospital_subscription {    max-width: 1500px;width: 100%;margin: 0 auto;height: 70px;background-color: #f9f9f9;margin-top: 85px;text-align: center;} */
.injection_hospital_subscription {    max-width: 1500px;width: 100%;margin: 0 auto; background-color: #f9f9f9;margin-top: 85px;text-align: center;}
.injection_hospital_subscription ul {  width: 100%;overflow: hidden;margin: ;}
.injection_hospital_subscription ul li {    font-size: 16px;color: #666;display: inline-block;line-height: 70px;padding: 0 11px;}
.injection_hospital_subscription ul li button{margin-top: 27px;}

.injection_hospital .injection_result_hos{padding: 0 !important;}
.injection_hospital .injection_result table td button.icon_i,
.injection_hospital .injection_result table td button.icon_c,
.injection_hospital .injection_result table td button.icon_u,
.injection_hospital .injection_result table td button.icon_x{display: inline-block;	 float: none;}

/* 2020-03-03 오후 4:34 추가 수정, 병원주사제 테이블 오른쪽 보더 */
.injection_result_hos table thead th:last-child { border-right: 1px solid #ccc !important; }
.injection_result_hos table tbody td:last-child { border-right: 1px solid #ccc !important; }

/* 2020-03-13 오전 11:02 병원주사제 mix 버튼 관련 */
.choise_mix { width:100%; margin-top:20px; text-align:center; }
.btn_analyze {
    background: #ffffff !important;
    color: #56a8fc;
    border: 2px #56a8fc solid;
    text-indent: 0;
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    width: 370px;
    height: 54px;
    line-height: 50px;
}
.mix_checked { background: #56a8fc !important; color: #fff !important; border: none !important; }