﻿@charset "utf-8";
/* 용어사전 */
.term_wrap {overflow:hidden; margin-top:20px; padding:20px 5px; border-top:2px solid #027a8f; border-bottom:2px solid #027a8f;}
.term_wrap .term_box{float:left; width:430px; margin:0 15px;}
.term_wrap .term_box h2{margin-bottom:10px; color:#303030; font-weight:600;}
.term_wrap .term_box h2 ~ div {overflow-y:auto; height:408px; border:1px solid #d2d2d2; box-sizing:border-box;}
.term_wrap .term_box .term_list ul > li > a{display:block; padding:13px 20px 10px 40px; border-bottom:1px dotted #d5d5d5; background:url(../images/common/bul_dot_blue.png) no-repeat 19px 17px; line-height:18px;}
.term_wrap .term_box .term_list ul > li > a.on,
.term_wrap .term_box .term_list ul > li > a:hover,
.term_wrap .term_box .term_list ul > li > a:focus,
.term_wrap .term_box .term_list ul > li > a:active{background-color:#027a8f; color:#ffffff; text-decoration:underline;}
.term_wrap .term_box .term_list ul > li > a.on span,
.term_wrap .term_box .term_list ul > li > a:hover span,
.term_wrap .term_box .term_list ul > li > a:focus span,
.term_wrap .term_box .term_list ul > li > a:active span{display:block; background:url(../images/common/bul_term_list_on.png) no-repeat right 0px;}
.term_wrap .term_box .term_detail {padding:13px 15px; background:#f2f5fa; line-height:20px;}
.term_wrap .term_box .term_nodata {margin-top:155px; padding-top:65px; text-align:center; font-weight:600;}
.term_wrap .term_box .term_list .term_nodata {background:url(../images/common/icon_term_list_none.png) no-repeat top center;}
.term_wrap .term_box .term_detail .term_nodata {margin-top:142px; background:url(../images/common/icon_term_detail_none.png) no-repeat top center;}
/*sj20181106*/
.term_wrap{position:relative;}
.term_wrap .term_box .term_list .datailCont{position:absolute; left:500px; top:70px; line-height:18px;}
.datailCont{width: 395px;}
/* 사용자별서비스 */
.user_top_info {margin-bottom:20px; padding:33px 30px 30px 125px; border:1px solid #d2d2d2; background:url(../images/contents/bg_user_top_info.gif) no-repeat;}
.user_top_info p.user_title{margin-bottom:8px; font-size:18px; color:#303030;}
.user_top_info p.user_title b{color:#10537d;}
.user_cont_tab > li {width:14.285%; margin-bottom:0;}
.user_mn_list li {border-bottom:1px solid #d2d2d2;}
.user_mn_list li > a{position:relative;  display:block; padding:15px 20px;}
.user_mn_list li dl{padding-right:120px;}
.user_mn_list li dl > dt{font-size:18px; color:#303030; line-height:24px;}
.user_mn_list li dl > dd{margin-top:5px; line-height:20px;}
.user_mn_list li .btn_detail{display:inline-block; position:absolute; top:22px; right:20px; height:33px; padding:0 15px; border:1px solid #d0d0d0; border-radius:3px; background:#fcfcfd; line-height:33px;}/*20190115 sh수정*/
.user_mn_list li .btn_detail span{padding-right:15px; background:url(../images/common/bul_detail_bk.png) no-repeat right;}
.user_mn_list li > a:hover, .user_mn_list li > a:focus, .user_mn_list li > a:active {background:#f2f5fa; text-decoration:none;}
.user_mn_list li > a:hover dt, .user_mn_list li > a:focus dt, .user_mn_list li > a:active dt{color:#10537d; font-weight:600;}
.user_mn_list li > a:hover .btn_detail, .user_mn_list li > a:focus .btn_detail,.user_mn_list li > a:active .btn_detail{background:#5c7aa0; color:#fff; border-color:#5c7aa0;}
.user_mn_list li > a:hover .btn_detail span, .user_mn_list li > a:focus span, .btn_detail,.user_mn_list li > a:active .btn_detail span{background:url(../images/common/bul_detail_wt.png) no-repeat right;}
/*Q&A자주하는질문*//*sj20181119 a버튼 탭으로 이동*/
.qna dl {border-top:1px solid #019caa; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:5px; overflow:hidden;}
.qna dl:last-child {margin:0;}
.qna dt {padding:0 14px 0 50px; overflow:hidden; font-size:13px; font-weight:bold; color:#303030; position:relative; background:url(../images/contents/qna_arr.png) 884px center no-repeat;}
.qna dt:hover {background:url(../images/contents/qna_arr_r.png) 884px center no-repeat;}
.qna dt a {display:block; width:35px; height:35px; float:right; margin:1% 0;}
.qna dt a:hover {color:#33739c; text-decoration:underline;}
.qna dt strong {display:block; padding-right:50px; font-weight:normal; line-height:18px; width:90%; padding:15px 0; float:left;}
.qna dd {padding:15px 20px 15px 50px; border-top:1px solid #d2d2d2; position:relative; display:none; line-height:18px;}
.qna .on dt {background-image:url(../images/contents/qna_arr_on.png);}
.qna .on dt:hover {background-image:url(../images/contents/qna_arr_on_r.png);}
.qna .on dt a {color:#33739c;}
.qna .on dd {display:block; background-color:#f2f5fa;}
.qna span.qna_q {position:absolute; display:inline-block; left:14px; top:10px; width:29px; height:29px; background:url(../images/contents/qna_q.png) no-repeat; text-align:left; text-indent:-9999px;}
.qna span.qna_a {position:absolute; display:inline-block; left:14px; top:10px; width:29px; height:29px; background:url(../images/contents/qna_q.png) no-repeat; text-align:left; text-indent:-9999px;background-image:url(../images/contents/qna_a.png);}
.qna span.qna_a + div *{color:#626262 !important; line-height:160%; font-size:13px !important; font-weight: 400 !important; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif !important;}
/*순수컨텐츠*sh******/
.ct_box {line-height:18px; word-break:keep-all;}/*20181119수정 text-align:justify;*/
.ct_text_box {padding:20px 25px 20px 105px; border:2px solid #c1cadb; border-radius:3px; background:url(../images/contents/ct_box_icon_note.png) no-repeat 25px 20px;}
.ct_text_box_bg {padding:20px 25px 20px 105px; border:2px solid #c1cadb; border-radius:3px; background:url(../images/contents/ct_box_icon_note.png) no-repeat 25px 20px #f2f5fa;}
.bor_bot_grey {border-bottom:1px solid #d4d4d4;}
.dot_line {background:url(../images/common/dot_line.gif) repeat-x bottom;}
/*의약품 동등성의 평가*/
.ct_equ {overflow:hidden;}
.ct_equ li {float:left; width:300px; height:430px; padding:20px; margin-right:15px; background:#f2f5fa; box-sizing:border-box;}
.ct_equ li + li {background:#e3eaf0;}
.ct_equ li + li + li {margin-right:0px; background:#d7dee5;}
.ct_equ li p {padding-top:148px; background:url(../images/contents/ct_0301010400_img01.png) no-repeat top center;}
.ct_equ li + li p {background:url(../images/contents/ct_0301010400_img02.png) no-repeat top center;}
.ct_equ li + li + li p {background:url(../images/contents/ct_0301010400_img03.png) no-repeat top center;}
/*제네릭의약품 관련용어*/
.ct_ter {overflow:hidden; line-height:18px;}
.ct_ter li {margin-bottom:10px; padding:20px; border:1px solid #d4d4d4; box-sizing:border-box;}
.ct_ter li.two {background:#f0f0f0;}
/*4개박스*/
.additive_list {overflow:hidden; margin-top:20px;}
.additive_list li {float:left; width:210px; height:324px; margin-right:30px; padding:50px 20px 0 20px; border:1px solid #d4d4d4;}
.additive_list li:last-child {margin:0;}
/*가이드박스_변형*/
.guide_box_ct {position:relative; padding:20px 20px 20px 122px; border:2px solid #c1cadb; border-radius:3px; background:url(../images/contents/icon_guidebox_pen.png) no-repeat 20px 20px #fff;}
.guide_box_ct .guide_box_ct_title {margin-bottom:10px; font-size:18px; font-weight:600; color:#303030;}
/* 연도별 의약품 문헌 재평가 실시 현황 컨텐츠 테이블 좌우여백수정 */
.tb_base_ct {width:100%; margin-top:10px; border-collapse:collapse; border-top:2px solid #019caa;}
.tb_base_ct caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;}
.tb_base_ct thead th {padding:10px 1px 9px 1px; color:#333; background:#e0f7fb; border:1px solid #d0d0d0;}/*sj20181116*/
.tb_base_ct tbody th {padding:10px 1px 9px 1px; color:#3d3e3e; background:#ecf7f9; border:1px solid #d0d0d0; font-weight:600;}
.tb_base_ct tfoot th {padding:10px 1px 9px 1px; color:#3d3e3e; background:#d8eff3; border:1px solid #d0d0d0; font-weight:600;}/*sh추가*/
.tb_base_ct tbody td {padding:10px 1px 9px 1px; color:#333; border:1px solid #d0d0d0; text-align:left; word-break:keep-all; word-wrap:break-word;}
.tb_base_ct tfoot td {padding:10px 1px 9px 1px; color:#333; border:1px solid #d0d0d0; text-align:left; word-break:keep-all; word-wrap:break-word; background:#f0f0f0;}/*sh추가*/
.tb_base_ct tbody th.th_sub, .tb_base_ct tbody td.th_sub{padding:10px 1px 9px 1px; background:#f3f3f3; font-weight:600; text-align:center;}
.tb_base_ct tbody.tb_center td,
.tb_base_ct tfoot.tb_center td {padding:10px 1px 9px 1px; text-align:center;}/*sh수정*/
.tb_base_ct tbody.tb_input td {padding:5px 1px 4px 1px; text-align:left;}
.tb_base_ct tbody.tb_input td *{vertical-align:middle;}
.tb_base_ct tbody.tb_input td button, .tb_base tbody.tb_input td a{vertical-align:top;}
.tb_base_ct tbody td.al_l {padding:10px 1px 9px 1px; text-align:left;}
.tb_base_ct tbody td.al_c {padding:10px 1px 9px 1px; text-align:center;}
.tb_base_ct tbody td.al_r {padding:10px 1px 9px 1px; text-align:right;}
.tb_base_ct tbody td pre {color:#626262; font-size:13px; font-family:'Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif; white-space: pre-line;}
.tb_base_ct tbody td a {color:#0790a8; text-decoration:none;}
.tb_base_ct tbody td a:hover {color:#0790a8; text-decoration:underline;}/*sh추가 201800912*/
/*패턴박스*/
.patt_line_box {padding:5px; background:url(../images/common/ct_pat_line.png) repeat;}
.patt_line_box > .wh {background:#ffffff;}
/*어르신 의약품 사용 십계명*/
.ct_eld {overflow:hidden; padding:30px;}
.ct_eld li {padding:15px 0; overflow:hidden;}
.ct_eld li:first-child {padding:0 0 15px 0;}
.ct_eld li:last-child {padding:15px 0 0 0;}
.ct_eld li > span {float:left; display:inline-block; width:46px; height:46px; background:#33739c; color:#fff; line-height:45px; font-weight:bold; font-style:italic; font-size:17px; text-align:center; border-radius:5px;}
.ct_eld li > span.grey {background:#e3eaf0; color:#10537d;}
.ct_eld li > div {float:left; width:790px; margin-left:20px;}
.ct_eld li > div > h2 {font-size:17px; color:#303030;}
/*용법용량에 영향을 주는 사항*/
.ct_usage {overflow:hidden;}
.ct_usage li {float:left; width:300px; height:350px; padding:20px; margin-right:15px; background:#f2f5fa; box-sizing:border-box;}
.ct_usage li + li {background:#e3eaf0;}
.ct_usage li + li + li {margin-right:0px; background:#d7dee5;}
.ct_usage li p {padding-top:148px; background:url(../images/contents/ct0505030000_img01.png) no-repeat top center;}
.ct_usage li + li p {background:url(../images/contents/ct0505030000_img02.png) no-repeat top center;}
.ct_usage li + li + li p {background:url(../images/contents/ct0505030000_img03.png) no-repeat top center;}
/*여러종류 의약품 사용시 주의점, 임신부 의약품 사용 방법(가로 3단 사진)*/
.ct_cau {overflow:hidden;}
.ct_cau li {float:left; width:300px; margin-right:15px; border:1px solid #d0d0d0; box-sizing:border-box;}
.ct_cau li:last-child {margin:0;}
.ct_cau li p {padding:20px; border-top:1px solid #d0d0d0;}
.ct_cau li p.h40 {height:40px;}
.ct_cau li p.h80 {height:80px;}
/*전자민원이용안내*/
.ct_eco_top01 {overflow:hidden; padding:7px; border:1px solid #cce5ea; background:#f3f6f9;}
.ct_eco_top01 > div {display:block; padding:16px 30px ; background:url(../images/contents/gb0301010000_top01.png) no-repeat 30px 15px #fff;}
.ct_eco_top01 > div h2 {margin-left:113px;}
.ct_eco_top01 > div p {margin:10px 0 0 113px;}
.ct_eco_top01 > div p b {color:#303030;}
.ct_eco_list01 {overflow:hidden;}
.ct_eco_list01 li {float:left; width:195px; overflow:hidden;}
.ct_eco_list01 li > a {float:left; display:block;}
.ct_eco_list01 li > a:hover {text-decoration:none;}
.ct_eco_list01 li > a > div {width:150px; height:100px; background:url(../images/contents/gb0301010000_01img_01.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list01 li > a > div:hover {border:1px solid #0d7e9c; background:url(../images/contents/gb0301010000_01img_01r.png) no-repeat center 34px #fff; box-sizing:border-box;}
.ct_eco_list01 li + li > a > div {background:url(../images/contents/gb0301010000_01img_02.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list01 li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_02r.png) no-repeat center 34px #fff;}
.ct_eco_list01 li + li + li > a > div {background:url(../images/contents/gb0301010000_01img_03.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list01 li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_03r.png) no-repeat center 34px #fff;}
.ct_eco_list01 li + li + li + li > a > div {background:url(../images/contents/gb0301010000_01img_04.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list01 li + li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_04r.png) no-repeat center 34px #fff;}
.ct_eco_list01 li + li + li + li + li > a > div {background:url(../images/contents/gb0301010000_01img_05.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list01 li + li + li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_05r.png) no-repeat center 34px #fff;}
.ct_eco_list01 li > a > div:hover > span {height:21px; line-height:20px;}
.ct_eco_list01 li > a:hover > p {color:#0d7e9c; text-decoration:underline;}
.ct_eco_list01 li > a > div > span {display:block; margin:0 auto; width:22px; height:22px; border-radius:0 0 3px 3px; background:#0d7e9c; color:#ffffff; text-align:center; line-height:22px;}
.ct_eco_list01 li > a > p {margin-top:10px; text-align:center;}
.ct_eco_list01 li > span.arr {float:left; width:40px; height:100px; background:url(../images/contents/gb0301010000_arr01.png) no-repeat center 52px;}
.ct_eco_list01 li:last-child {width:150px;}
.ct_eco_top02 {overflow:hidden; padding:7px; border:1px solid #bcc8d8; background:#e3eaf0;}
.ct_eco_top02 > div {display:block; padding:16px 30px ; background:url(../images/contents/gb0301010000_top02.png) no-repeat 30px 15px #fff;}
.ct_eco_top02 > div h2 {margin-left:113px;}
.ct_eco_top02 > div p {margin:10px 0 0 113px;}
.ct_eco_top02 > div p b {color:#303030;}
.ct_eco_list02 {overflow:hidden;}
.ct_eco_list02 li {float:left; width:162px; overflow:hidden;}
.ct_eco_list02 li > a {float:left; display:block;}
.ct_eco_list02 li > a:hover {text-decoration:none;}
.ct_eco_list02 li > a > div {width:118px; height:100px; background:url(../images/contents/gb0301010000_02img_01.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li > a > div:hover {border:1px solid #5c7aa0; background:url(../images/contents/gb0301010000_02img_01r.png) no-repeat center 34px #fff; box-sizing:border-box;}
.ct_eco_list02 li + li > a > div {background:url(../images/contents/gb0301010000_01img_02.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_02r.png) no-repeat center 34px #fff;}
.ct_eco_list02 li + li + li > a > div {background:url(../images/contents/gb0301010000_01img_04.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_04r.png) no-repeat center 34px #fff;}
.ct_eco_list02 li + li + li + li > a > div {background:url(../images/contents/gb0301010000_02img_04.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li + li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_02img_04r.png) no-repeat center 34px #fff;}
.ct_eco_list02 li + li + li + li + li > a > div {background:url(../images/contents/gb0301010000_01img_05.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li + li + li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_01img_05r.png) no-repeat center 34px #fff;}
.ct_eco_list02 li + li + li + li + li + li > a > div {background:url(../images/contents/gb0301010000_02img_06.png) no-repeat center 35px #f2f5fa;}
.ct_eco_list02 li + li + li + li + li + li > a > div:hover {background:url(../images/contents/gb0301010000_02img_06r.png) no-repeat center 34px #fff;}
.ct_eco_list02 li > a > div:hover > span {height:21px; line-height:20px;}
.ct_eco_list02 li > a:hover > p {color:#5c7aa0; text-decoration:underline;}
.ct_eco_list02 li > a > div > span {display:block; margin:0 auto; width:22px; height:22px; border-radius:0 0 3px 3px; background:#557196; color:#ffffff; text-align:center; line-height:22px;}
.ct_eco_list02 li > a > p {margin-top:10px; text-align:center;}
.ct_eco_list02 li > span.arr {float:left; width:44px; height:100px; background:url(../images/contents/gb0301010000_arr02.png) no-repeat center 52px;}
.ct_eco_list02 li:last-child {width:118px;}
/*관련사이트*/
.ct_age {overflow:hidden;}
.ct_age h2 {font-size:18px; color:#303030;}
.ct_age > ul {overflow:hidden; border-top:1px solid #019caa; border-right:1px solid #d2d2d2; box-sizing:border-box;}
.ct_age > ul > li {float:left; width:100%; padding:10px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; box-sizing:border-box;}/*1017수정*/
.ct_age > ul.w33 > li {width:33.3333%;}
.ct_age > ul.w50 > li {width:50%;}
.ct_age > ul > li.no_img {height:64px; background:url(../images/contents/no_img_logotype.png) no-repeat center;}
.ct_age > ul > li b {display:block; padding-bottom:3px; color:#303030;}
.ct_age > ul > li span {display:inline-block; width:36px; height:20px; margin-right:5px; border:1px solid #d2d2d2; color:#0d7e9c; text-align:center; border-radius:10px;}
.ct_age > ul > li > p.icon {background:url(../images/contents/icon_home.png) no-repeat right;}
.ct_age dl {margin-top:15px; padding:5px 15px 10px 15px; border-top:1px dotted #d2d2d2; background:#f6f6f6;}
.ct_age dl.h310 {height:310px;}
.ct_age dt {display:block; margin:8px 0 3px 0; color:#027a8f; font-weight:bold;}
/*의약품 사용시 기억해야 할 사항*/
.ct_mem {padding-bottom:200px; background:url(../images/contents/ct0505070000_img.jpg) no-repeat center bottom;}
/* 약효군별정보 */
.bul_circle_info {overflow:hidden;}
.bul_circle_info > li {margin-bottom:20px;}
.bul_circle_info > li:last-child {margin:0;}
.bul_circle_info > li > p {display:inline-block; width:auto; margin-left:10px; font-size:17px; color:#303030; font-weight:bold; vertical-align:middle;}
.bul_circle_info > li > span {display:inline-block; width:36px; height:36px; font-size:17px; color:#fff; font-weight:bold; line-height:35px; text-align:center; border-radius:36px; background:#33739c;}
.bul_circle_info > li:nth-child(even) > span {display:inline-block; width:36px; height:36px; font-size:17px; color:#fff; font-weight:bold; line-height:35px; text-align:center; border-radius:36px; background:#027a8f;}
.bul_circle_info > li > div {overflow:hidden; margin-top:5px; padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.bul_circle_info > li > div.noline {border:none; padding-bottom:0;}
.bul_circle_info > li > div > span {display:block; float:left; width:22px; height:22px; margin-left:4px; font-size:14px; color:#6e737e; font-weight:bold; text-align:center; line-height:21px; border-radius:22px; border:3px solid #6e737e; background:#ffffff;}
.bul_circle_info > li > div > p {float:left; margin-left:15px; width:832px;}
/*이미지박스 기본 20181024*/
.imgbox_noline {padding:15px; text-align:center; background:#ffffff;}
.imgbox_line {padding:15px; text-align:center; background:#ffffff; border:1px solid #d0d0d0;}
.bo_sm_photo {position:relative; overflow:hidden; margin-top:10px;}
.bo_sm_photo > span {float:left; display:block; width:194px; padding:8px; background:#ffffff; border:1px solid #d0d0d0;}
.bo_sm_photo > p,.bo_sm_photo > ul {float:left; width:624px; margin-left:15px;}
/*컨텐츠_박스 20181011*/
.ct_blue_box {background:#f2f5fa; padding:20px;}
/*숫자 리스트*/
.num_one > li {position:relative; min-height:25px; margin-bottom:5px; padding:2px 0 0 35px; line-height:18px;}
.num_one > li:last-child {margin-bottom:0px;}
.num_one > li > span {position:absolute; left:0px; top:0px; display:inline-block; width:25px; height:25px; background:#547095; color:#fff; text-align:center; font-weight:bold; line-height:25px; border-radius:180px;}
/*ㄱ.ㄴ.ㄷ. 리스트*/
.num_hk > li {position:relative; margin-bottom:5px; padding:2px 0 0 25px;}
.num_hk > li:last-child {margin-bottom:0px;}
.num_hk > li > span {position:absolute; left:0px; top:0px; display:inline-block; color:#626262; font-weight:bold; line-height:22px; background:none; text-align:left;}
/*응급피임제 용법용량 백그라운드 이미지*/
.bg0512030300 {padding-bottom:30px; background:url(../images/contents/ct0512030300_img.jpg) no-repeat bottom right;}
.bg0513030000 {padding-bottom:20px; background:url(../images/contents/ct0513030000_img.jpg) no-repeat top right;}
.bg0301010600 {padding-bottom:230px; background:url(../images/contents/ct0301010600_img.jpg) no-repeat bottom center;}
.bg0505020000 {background:url(../images/contents/ct0505020000_img.jpg) no-repeat bottom right;}
.bg0505060000 {padding-bottom:30px; background:url(../images/contents/ct0505060000_img.jpg) no-repeat bottom right;}
/*내용강조 박스_컨텐츠_작은박스로 사용*/
.ct_dot_box {padding:5px; border:1px dotted #d0d0d0; line-height:20px; background:#fff;}/*sh line-height:20px; 수정*/
/*암임상시험피험자용 탑버튼*/
span.top {float:right; padding:0 20px 0 10px; color:#626262; font-size:13px; display:inline-block; background:url(../images/contents/0513030000_arr.gif) no-repeat 80% 50%; border-radius:100px; border:1px solid #d0d0d0;}
span.top:hover {border:1px solid #027a8f;}
/*순수컨텐츠*jj********/
.line-h18 {line-height:20px;}
.line-h23 {line-height:23px;}
.ct_text_box_2 {padding:20px 25px 20px 105px; border:2px solid #c1cadb; border-radius:3px; background:url(../images/contents/ct_box_icon_warning.png) no-repeat 25px 20px;} /* 경고박스 PJJ */
/* 이미지박스 PJJ */
.images_box {position:relative; border:1px solid #d0d0d0; line-height:24px; background:#fff; text-align:center;}
.images_box > p {margin:30px 30px 60px 30px;}
.images_box > span {position:absolute; bottom:0; left:0; width:920px; z-index:9; padding:5px 5px; display:block; color:#fff; font-weight:bold; background-color:rgba(0,0,0,0.6);}
/* 사선박스 PJJ */
.diag_area {padding:8px; background:url(../images/contents/diag_pattern.png) repeat;}
.diag_area .indiag_area {padding:20px; background:#fff;}
/* guide box PJJ */
.guide_area {position:relative; min-height:130px; padding:30px; border:3px solid #e3eaf0; background:url(../images/contents/guide_ico.png) no-repeat 30px 15px #f9fbfe; box-sizing:border-box; line-height:18px;}/*sh 세로 최소사이즈 지정*/
.guide_area:after {content:''; position:absolute; top:-3px; left:-3px; width:930px; height:16px; background:url(../images/contents/guide_border.png) no-repeat;}
.guide_area > dl {margin-left:120px;}/*sh line-height삭제*/
.guide_area > dl > dt {font-size:20px; color:#303030;}
.guide_area > dl > dt > span {color:#33739c; font-weight:bold;}
.guide_area > p {margin-left:120px; line-height:24px; font-size:20px;}/*sh추가*/
.guide_area > ul {margin-left:120px;}/*20181120추가*/
.guide_area > p > span {font-weight:bold;}
.guide_area > p > .font_14 {display:inline-block; font-size:14px; font-weight:normal;}
/* 블릿 동그라미 스타일 */
.bul_circle_style1 > li {margin:20px 0; line-height:20px;}
.bul_circle_style1 > li > p {display:inline-block; width:884px; margin-left:5px; font-size:17px; color:#303030; font-weight:bold;  vertical-align:middle;}/*20190125수정*/
.bul_circle_style1 > li > span {display:inline-block; width:36px; height:36px; font-size:17px; color:#fff; font-weight:bold; line-height:35px; text-align:center; border-radius:36px; background:#33739c;}
.bul_circle_style1 > li:nth-child(even) > span {display:inline-block; width:36px; height:36px; font-size:17px; color:#fff; font-weight:bold; line-height:35px; text-align:center; border-radius:36px; background:#0d7e9c;}
.bul_circle_style1 > li > div {padding:20px 30px;  line-height:20px; margin-top:10px; background:#f2f5fa;}
.bul_circle_style1 > li > div > .gr_circle {display:inline-block; width:22px; height:22px; font-size:14px; color:#676d78; font-weight:bold; text-align:center; line-height:21px; border-radius:22px; border:3px solid #6e737e; background:#f2f5fa;}
.bul_circle_style1 > li > div > .gr_circle_p {display:inline-block; margin-left:10px; width: 820px;  vertical-align:middle;}
/* 이상사례보고란 PJJ */
.adverse_area {overflow:hidden;  width:100%; background:#dfedf6;}
.adverse_area > dl {margin:65px 0 0 40px; text-align:center;  background:url(../images/contents/adverse_ico.png) no-repeat center top;}
.adverse_area > dl > dt {margin-top:92px; font-size: 18px; color:#1d4056; font-weight:bold;}
.adverse_area dl > dt > span {display:block;}
.adverse_area dl > dd {margin-top:10px; padding-bottom:30px;}
.adverse_event {overflow:hidden; width:65%; margin:20px; border:2px solid #a2b8d4; background:#ffffff;}
.adverse_event > dl {margin:40px 0 0 40px; text-align:center;  background:url(../images/contents/adverse_ico2.png) no-repeat center top;}
.adverse_event > dl > dt {margin-top:92px; font-size:18px; color:#1d4056; font-weight:bold;}
.adverse_drug {margin:20px; width:50%; background:#e9eef5;}
.adverse_drug > dl {margin:24px 0 0 40px; text-align:center;  background:url(../images/contents/adverse_ico3.png) no-repeat center top;}
.adverse_drug > dl > dt {margin-top:92px; font-size: 18px; color:#1d4056; font-weight:bold;}
.diag_area .indiag_area > dl {padding:0 0 20px 80px; line-height:18px; border-bottom:1px dotted #d2d2d2;}
.diag_area .indiag_area > dl:last-child {border-bottom:none;}/*20181106추가sh*/
.diag_area .indiag_area > dl > dt {padding-top:20px; font-size:17px; color:#303030;}
.diag_area .indiag_area > dl > dt > a {display:inline-block; margin-left:8px; width:16px; height:16px; font-size:0; background:url(../images/contents/bul_file_off.gif) no-repeat !important; vertical-align:top;}/*20181106수정sh*/
.diag_area .indiag_area > dl > dt > a:hover {background:url(../images/contents/bul_file_on.gif) no-repeat;}
.diag_area .indiag_area > dl > dd {margin-top:5px;}
.diag_area .indiag_area .adv_info1 {background:url(../images/contents/ico_adv_info1.png) no-repeat left center;}
.diag_area .indiag_area .adv_info2 {background:url(../images/contents/ico_adv_info2.png) no-repeat left center;}
.diag_area .indiag_area .adv_info3 {background:url(../images/contents/ico_adv_info3.png) no-repeat left center;}
.ol_inline_style1 > li {display:inline; color:#D9350F;}
/* 생동성시험흐름도 PJJ */
.flowchart_area {padding:20px; text-align:center; background:#f2f5fa;}
.flowchart_area > h3 {font-size:18px; color:#027b90;}
.flowchart_area > ol {margin-top:15px; text-align:center;}
.flowchart_area > ol > li {display:inline; padding-left:28px;}
.flowchart_area > ol > li > p {display:inline; padding-left:5px;}
.flowchart_area > ol > li > span {display:inline-block; width:23px; height:23px; border-radius:23px; font-size:14px; line-height:21px; color:#ffffff; background:#027b90; vertical-align:middle;}
/* 생물학적동등성시험 PJJ */
.equiv_area {margin:20px 20px 50px 20px; background:#f2f5fa; text-align:center;}
.equiv_area > p {display:inline-block; margin:30px 10px;}
.equiv_area > p > span {display:block; margin-top:10px; font-size:16px; color:#33739c;}
/* 임상시험의요건 PJJ */
.clinicalt_area {padding:30px;}
.clinicalt_area > dl {overflow:hidden; padding:5px 0; border-bottom:1px dotted #d2d2d2;}
.clinicalt_area > dl:last-child {border-bottom:none;}
.clinicalt_area > dl > dt {float:left; width:98px; height:98px; font-size:15px; color:#ffffff; text-align:center;}
.clinicalt_area > dl > dt > span {display:block; padding-top:28px;}/*20181106수정*/
.clinicalt_area > dl > dt.circle1 {border-radius:50px; background: #458411;}
.clinicalt_area > dl > dt.circle2 {border-radius:50px; background: #027b90;}
.clinicalt_area > dl > dt.circle3 {border-radius:50px; background: #557196;}
.clinicalt_area > dl > dt.circle4 {border-radius:50px; background: #3d5571;}
.clinicalt_area > dl > dd {float:right; width:745px; font-size:17px; color:#303030; line-height:22px;}/*20181106추가*/
/* 의약품첨가제정보 PJJ */
.additives_area {background:url(../images/contents/ct0309010100.jpg) no-repeat right 20px;}
.additives_area > p {width:60%; line-height:20px;}
.additives_area > p > span {display:block; padding-bottom:10px; font-size:18px; font-weight:bold;  line-height:28px;  border-bottom:1px dotted #d5d5d5;}
/* 허가변경정보개요 PJJ */
.permission_area {padding:285px 30px 30px 30px; background:url(../images/contents/ct0414010100.png) no-repeat center top #f2f5fa; text-align:center;}
.permission_area > div {padding:20px 150px; background:#fff;}
/* 안전성정보처리 PJJ */
.safety_info_area {padding:229px 30px 30px 30px; background:url(../images/contents/ct0414010500.png) no-repeat center top #f2f5fa; text-align:center;}
.safety_info_area > div {padding:20px 0; background:#fff;}
.safety_info_area > div > div {overflow:hidden;  margin:30px 0 0 110px; text-align:center;}
.safety_info_area > div > div > dl {width:305px; min-height:100px; padding:30px 0; background:#fff;}
.safety_info_area > div > div > dl:first-child {float:left; border-radius:5px; border:1px solid #33739c;}
.safety_info_area > div > div > dl:last-child {float:left; border-radius:5px; border:1px solid #027a8f;}
.safety_info_area > div > div > dl > dt {padding-bottom:30px; font-size:18px; font-weight:bold;}
.safety_info_area > div > div > dl > .ico_dot_safety1 {background:url(../images/contents/ico_dot_safety1.png) no-repeat center 30px; color:#557196;}
.safety_info_area > div > div > dl > .ico_dot_safety2 {background:url(../images/contents/ico_dot_safety2.png) no-repeat center 30px; color:#027a8f;}
.safety_info_area > div > div > dl > dd {margin:0 30px;}
/* 의약품이란 무엇인가요 PJJ */
.medicine_info_area {padding:30px 0 60px 40px;}
.medicine_info_area > ol {overflow:hidden;}
.medicine_info_area > ol > li {float:left; margin:0 21px; width:168px; min-height:168px;  font-size:16px; color:#fff; border-radius:168px; background:#0d7e9c;} 
.medicine_info_area > ol > li + li {background: #015e6f;}
.medicine_info_area > ol > li + li + li {background:#34739c;} 
.medicine_info_area > ol > li + li + li + li {background:#135784;} 
.medicine_info_area > ol > li > span {display:inline-block; padding:25px 0 10px 0; font-size:16px;  font-style:italic; font-weight:bold; border-bottom:2px solid #fff;} 
.medicine_info_area > ol > li > p {padding-top:10px;} 
/* 참여방법 PJJ */
.partic_area {padding:30px; text-align:left;}
.partic_area > ol > li {margin-bottom:20px; border-radius:3px; border:1px solid #d2d2d2; background:#f2f5fa;}
.partic_area > ol > li > span {display:inline-block; padding:10px 20px;  font-size:17px;  font-style:italic; font-weight:bold; color:#fff; border-radius:3px;  background: #0d7e9c;}
.partic_area > ol > li > .sp_col_bul {background:#34739c;}
.partic_area > ol > li > p {display:inline-block; margin-left:10px; font-size:17px;  color:#303030;}
/* 임상시험의요건 PJJ */
.clinical_trial_area {padding:25px; margin-bottom:60px; background:url(../images/contents/bg_clinical_trial.png) no-repeat center bottom;}
.clinical_trial_area > div {overflow:hidden; line-height:20px;}
.clinical_trial_area > div > div {float:left; padding:0 10px; margin:10px; width:250px; min-height:360px; border-radius:3px; border:1px solid #1495ad; background:#fff;}
.clinical_trial_area > div > div + div {border:1px solid #33739c;}
.clinical_trial_area > div > div + div + div {border:1px solid #1495ad;}
.clinical_trial_area > div > div  > dl > dt  {display:inline-block; padding:20px 0 10px 0; font-size:17px; font-weight:bold; color:#1495ad; border-bottom:2px solid #1495ad;}
.clinical_trial_area > div > div + div > dl > dt {display:inline-block; font-size:17px; font-weight:bold; color:#33739c; border-bottom:2px solid #33739c;}
.clinical_trial_area > div > div + div + div  > dl > dt  {display:inline-block; font-size:17px; font-weight:bold; color:#1495ad; border-bottom:2px solid #1495ad;}
.clinical_trial_area > div > div  > dl > dd {font-size:15px; color:#303030;}
.clinical_trial_area > div > div  > .clin_box {margin:20px 0; padding:10px; border-radius:3px; background:#f2f5fa;}
.clinical_trial_area > div > div  > .clin_box > li {display:inline-block; width:80px }
.clinical_trial_area .trial_dl {margin-left:15px; width:845px; border-radius:3px; background:#33739c;}
.clinical_trial_area .trial_dl > dt {padding:15px 0; font-size:17px; color:#fff; font-weight:bold; border-radius:3px;}
.clinical_trial_area .trial_dl > dd {display:inline-block; padding:8px; margin-bottom:15px; font-size:15px; color:#303030; border-radius:3px; background:#fff;}
.clinical_trial_area > p {margin-top:20px; font-size:17px; color:#33739c;}
/* 품목갱신정보란 PJJ */
.item_renew_area {overflow:hidden; margin:30px 0 0 10px; line-height:20px;}
.item_renew_area > div {float:left; padding:20px; width:380px; min-height:400px; border-radius:10px; border:1px solid #1495ad; background:#fff;}
.item_renew_area > div:first-child {margin-right:30px}
.item_renew_area > div > h3 {display:inline-block; padding-bottom:10px; font-size:18px; font-weight:bold; color:#027b90; border-bottom:2px solid #1495ad;}
/* 일반의약품이란 PJJ */
.general_medi_area {padding:30px; background:#f2f5fa; text-align:center;}
.general_medi_area > h2 {background:#f2f5fa;}
.general_medi_area > div {position:relative; background:url(../images/contents/bg_ct0502010100.png) no-repeat center;}
.general_medi_area > div > p {display:inline-block; margin:40px 5px; border-radius:100px; border:3px solid #fff;}
.general_medi_area > div >.try_bul {position:absolute; bottom:64px; left:163px; width:48px;  height:43px; z-index:9; font-size:0; background:url(../images/contents/bg_try_bul.png) no-repeat;}
.general_medi_area > div >.try_bgr {position:absolute; top:60px; right:163px; width:48px; height:43px; z-index:8;  font-size:0; background:url(../images/contents/bg_try_bgr.png) no-repeat;}
.general_medi_area > p {padding:30px 150px; background:#fff;}
.general_medi_area > p > span {display:block; padding-top:30px; font-size:15px; color:#027a8f; background:url(../images/contents/bg_line_bgr.png) no-repeat center 15px;}
/* 중앙약사위원회 찾아오시는길 PJJ */
.center_apimap {width:930px; height:580px; border:1px solid #d2d2d2;}
.li_bold {font-weight:bold;}
.visit_guide_area {padding:30px 0 60px 15px; background:url(../images/contents/ft0301030000.png)no-repeat 180px 100px;}
.visit_guide_area > ol {overflow:hidden;}
.visit_guide_area > ol > li {float:left; margin:0 21px; width:136px; min-height:146px;  font-size:16px; color:#fff; border-radius:5px; background:#027a8f;}
.visit_guide_area > ol > li + li {background:#015E6F;}
.visit_guide_area > ol > li + li + li {background:#34739c;}
.visit_guide_area > ol > li + li + li + li {background:#135784;}
.visit_guide_area > ol > li + li + li + li + li {background:#053d63;}
.visit_guide_area > ol > li > span {display:inline-block; padding:10px 0; font-size:17px;  font-style:italic; font-weight:bold; border-bottom:2px solid #fff;}
.visit_guide_area > ol > li > p {padding-top:10px;}
.center_info_area {padding:20px; background:#f2f5fa;}
.center_info_area > dl > dt {padding-left:20px; font-size:16px; color:#303030; font-weight:bold; background:url(../images/common/bul_warn2.gif) no-repeat;}
.center_info_area > dl > dd {padding-left:10px; margin-left:20px; background:url(../images/common/bul_bar.gif) no-repeat 0 6px;}
.center_info_area > div {overflow:hidden; padding:15px; margin-top:20px;  background:url(../images/contents/center_cal01.jpg) no-repeat  20px center #fff;}
.center_info_area > div > dl {overflow:hidden; float:left;  font-size:15px;  font-weight:bold;}
.center_info_area > div > dl:first-child {padding:10px 30px 10px 60px; background:url(../images/contents/bg_hline.gif) no-repeat right center;}
.center_info_area > div > dl:last-child {padding:10px 30px 10px 30px;}
.center_info_area > div > dl > dt {float:left;}
.center_info_area > div > dl > dd {float:left; margin-left:15px; color:#34739c;}
/* 중앙약사위원회 연구위원실 PJJ */
.researcher_area div {position:relative; padding:20px; margin-top:20px; background:#fff; border-radius:3px; border:1px solid #d3dde5;}
.researcher_area div > dl > dt {font-size:18px; color:#303030; line-height:28px; font-weight:bold;}
.researcher_area div > dl > dd {font-size:18px; color:#303030;}/*20181119 margin-top:10px;삭제*/
.researcher_area div > dl > dd > span {display:inline-block; margin-left:10px; font-size:14px; color:#626262; vertical-align:middle;}
.researcher_area div > dl > dd > span > a {display:inline-block; padding-right:20px; background:url(../images/contents/email_ico_off.png) no-repeat right;}
.researcher_area div > dl > dd > span > a:hover {background:url(../images/contents/email_ico_on.png) no-repeat right;}
.researcher_area div > div {padding:20px; margin-top:10px; background:#f2f5fa; border-radius:3px; border:none;}
.researcher_area .chief_box:after {content:''; position:absolute; top:-3px; left:-3px; width:930px; height:3px; background:#027a8f;}
.researcher_area .chief_box {border-radius:3px; border:3px solid #e3eaf0; background:url(../images/contents/chief_bg.gif) no-repeat right top;}
/* 중앙약사위원회 연혁 PJJ */
.cen_pharmacist_history {background:url(../images/contents/bg_history.gif)repeat-y 42px top;}
.cen_pharmacist_history ul > li > span {display:inline-block; width:84px; height:84px; line-height:80px; text-align:center; font-size:15px; font-style:italic; color:#fff; border-radius:84px; background:#33739c; vertical-align:top;}
.cen_pharmacist_history ul > li:nth-child(even) > span {background:#0d7e9c;}
.cen_pharmacist_history ul > li > dl {display:inline-block; width:770px; padding:32px 0; margin-left:10px;  border-bottom:1px dotted #d2d2d2;}
.cen_pharmacist_history ul > li > dl.last {border:none;}
.cen_pharmacist_history ul > li > dl > dt {padding-bottom:10px; font-size:20px; color:#303030;}
.cen_pharmacist_history ul > li > dl > dd {padding-left:14px; background:url(../images/common/bul_bar.gif) no-repeat 0 8px; line-height:20px;}
/* 의견진술신청 PJJ */
.opinion_area {background:url(../images/contents/bg_ft0801030100.png)no-repeat right top;}
.opinion_area p {font-size:28px; color:#3e5572;  font-weight:bold; line-height:35px;}
.opinion_area p + p {font-size:22px; color:#3e5572; font-weight:normal;}
.opinion_area p + p + ol + p {width:72%; font-size:13px; color:#626262; font-weight:normal;  line-height:20px;}
.opinion_info {padding:30px 0; text-align:center;  background:#f2f5fa;}
.opinion_info p {font-size:15px; color:#303030;  line-height:25px;  font-weight:bold;}
.opinion_info p + p {font-size:13px; color:#626262;}
.opinion_info div > dl {display:inline-block; width:163px; min-height:165px; margin:0 10px; border-radius:3px; border:3px solid #027a8f; text-align:center; background:url(../images/contents/bg_opinion_tel.gif) no-repeat center 30px #fff; vertical-align:top;}
.opinion_info div > dl + dl {background:url(../images/contents/bg_opinion_fax.gif) no-repeat center 30px #fff;}
.opinion_info div > dl + dl + dl {background:url(../images/contents/bg_opinion_email.gif) no-repeat center 30px #fff;}
.opinion_info div > dl + dl + dl + dl {background:url(../images/contents/bg_opinion_down.gif) no-repeat center 30px #fff;}
.opinion_info div > dl dt {margin-top:90px; font-size:13px; color:#303030; font-weight:bold;}
/* 피임제환자용체크리스트 PJJ */
.anti_checklist_area p {font-size:22px; color:#3e5572;  line-height:30px; text-align:center;}
.anti_checklist_area p span {color:#027a8f;  font-weight:bold;}
.anti_checklist_area div {display:inline-block; padding-bottom:50px; margin-top:20px; width:420px; min-height:350px; border-radius:3px; background:url(../images/contents/bg_anti_checklist1.png)no-repeat center 50px #f2f5fa; text-align:center; vertical-align:top;}
.anti_checklist_area div + div {margin-left:30px; background:url(../images/contents/bg_anti_checklist2.png)no-repeat center 50px #f2f5fa;}
.anti_checklist_area div > p {margin-top:200px; padding-top:20px; font-size:18px; color:#303030; line-height:28px;  background:url(../images/contents/bg_anticheck_bar1.gif)no-repeat center top;}
.anti_checklist_area div > p > span {color:#f43c11;}
.anti_checklist_area div + div > p {background:url(../images/contents/bg_anticheck_bar2.gif)no-repeat center top;}
.anti_checklist_area div .btn_checklist {position:relative; display:inline-block;  margin-top:10px; box-sizing:border-box; vertical-align:middle; height:45px; padding:0 15px; line-height:43px;}
.anti_checklist_area div .btn_checkicon {font-size:15px; background-color:#027a8f; color:#fff; border-radius:3px;}
.anti_checklist_area div .btn_checkicon:hover, .anti_checklist_area div .btn_checkicon:focus, .anti_checklist_area div .btn_checkicon:active {background-color:#626262; color:#fff; border-radius:3px;}
.anti_checklist_area div + div .btn_checklist {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:45px; padding:0 15px; line-height:43px;}
.anti_checklist_area div + div .btn_checkicon {background-color:#10537c; color:#fff; border-radius:3px;}
.btn_checkicon span{display:inline-block; padding-left:22px; line-height:20px;}
.btn_checkicon .icon_hwp_w{background:url(../images/contents/icon_btn_exe_w.png) no-repeat;}
/* ectd설치 및 이용안내 PJJ */
.ectd_info_area {overflow:hidden; text-align:center;}
.ectd_info_area p {display:inline-block; margin-right:15px;}
.ectd_info_area p + p + p {display:block;}
.ectd_info_area p span {display:block; margin-top:10px;}
.ectd_info_area a {display:inline-block; padding:0 50px 10px 50px; color:#303030;  font-size:17px; border-radius:3px; border:1px solid #027a8f; background:#fff;}
.ectd_info_area a:hover, .ectd_info_area a:focus, .ectd_info_area a:active {color:#fff; background:#027a8f;}
.ectd_info_area a .ico_ectd {display:inline-block; padding-left:60px;  line-height:50px; background:url(../images/contents/ico_ectd.png) no-repeat; vertical-align:center;}
/*전자보고이용안내 20190125수정*/
.s-c-box{border: 1px solid #b9e4ec; padding: 7px; background: #f3f6f9; width: 100%; box-sizing: border-box;}
.s-c-box dl{background: url("../images/contents/ssi1.png") no-repeat 30px center #fff; padding: 30px; padding-left: 145px;}
.s-c-box dl dt{font-size: 22px; font-weight: bold; color: #3e5572; margin-bottom: 13px;}
.s-c-box dl dd{font-size: 13px; font-weight: normal; color: #626262;}
.s-c-box dl dd:last-child{margin-bottom: 0px;}
.s-c-box dl dd strong{font-size: 13px; font-weight: bold; color: #303030;}
.ct_bogo_list {overflow:hidden;}
.ct_bogo_list li {float:left; width:242px; overflow:hidden;}
.ct_bogo_list li > a {float:left; display:block;}
.ct_bogo_list li > a:hover {text-decoration:none;}
.ct_bogo_list li > a > div {width:200px; height:100px; background:url(../images/contents/gb0301020000_01.png) no-repeat center 45px #f2f5fa;}
.ct_bogo_list li > a > div:hover {border:1px solid #0d7e9c; background:url(../images/contents/gb0301020000_01r.png) no-repeat center 44px #fff; box-sizing:border-box;}
.ct_bogo_list li + li > a > div {background:url(../images/contents/gb0301020000_02.png) no-repeat center 35px #f2f5fa;}
.ct_bogo_list li + li > a > div:hover {background:url(../images/contents/gb0301020000_02r.png) no-repeat center 34px #fff;}
.ct_bogo_list li + li + li > a > div {background:url(../images/contents/gb0301020000_03.png) no-repeat center 39px #f2f5fa;}
.ct_bogo_list li + li + li > a > div:hover {background:url(../images/contents/gb0301020000_03r.png) no-repeat center 38px #fff;}
.ct_bogo_list li + li + li + li > a > div {background:url(../images/contents/gb0301020000_04.png) no-repeat center 35px #f2f5fa;}
.ct_bogo_list li + li + li + li > a > div:hover {background:url(../images/contents/gb0301020000_04r.png) no-repeat center 34px #fff;}
.ct_bogo_list li > a > div:hover > span {height:21px; line-height:20px;}
.ct_bogo_list li > a:hover > p {color:#0d7e9c; text-decoration:underline;}
.ct_bogo_list li > a > div > span {display:block; margin:0 auto; width:22px; height:22px; border-radius:0 0 3px 3px; background:#0d7e9c; color:#ffffff; text-align:center; line-height:22px;}
.ct_bogo_list li > a > p {margin-top:10px; text-align:center;}
.ct_bogo_list li > span.arr {float:left; width:40px; height:100px; background:url(../images/contents/gb0301010000_arr01.png) no-repeat center 52px;}
.ct_bogo_list li:last-child {width:204px;}
.s-icon-box{box-sizing: border-box; width: 100%; border: 1px solid #dce3e8; border-radius: 4px; overflow: hidden; margin-bottom: 10px;}
.s-icon-box dl{padding: 24px  20px  20px  88px; background: url("../images/contents/ssi-dl1.png") no-repeat 34px center;}
.s-icon-box dl dt{color: #34739c; font-size: 15px; font-weight: 600; margin-bottom: 10px;}
.s-icon-box dl dd{color:#626262; font-size: 13px; font-weight: normal;}
.s-icon-box ul{width: 100%; box-sizing: border-box; background: #f2f5fa; padding:15px 30px;}
.s-icon-box ul:after{content:""; clear: both; display: block;}
.s-icon-box ul li{float: left; padding-right: 20px;}
.s-icon-box ul li a{display: block; box-sizing: border-box; padding-right: 15px; color:#10537D; font-size: 13px; font-weight: normal; background: url("../images/contents/ssi-plus.png") no-repeat right center;  }
.s-icon-box ul li a:hover,.s-icon-box ul li a:active,.s-icon-box ul li a:focus{background-image: url("../images/contents/ssi-plus-on.png"); color:#0d7e9c; text-decoration: underline;}
.s-icon-box.si2 dl{background-image: url("../images/contents/ssi-dl2.png"); background-position:30px center;}
.s-icon-box.si3 dl{background-image: url("../images/contents/ssi-dl3.png"); background-position:30px center;}
.s-icon-box.si4 dl{background-image: url("../images/contents/ssi-dl4.png"); background-position:30px center;}
.s-icon-box.si5 dl{background-image: url("../images/contents/ssi-dl5.png"); background-position:25px center;}
.s-icon-box.si6 dl{background-image: url("../images/contents/ssi-dl6.png"); background-position:25px center;}
.s-icon-box.si7 dl{background-image: url("../images/contents/ssi-dl7.png"); background-position:30px center;}
.s-icon-box.si8 dl{background-image: url("../images/contents/ssi-dl8.png"); background-position:30px center;}
/*게시형 컨텐츠 관련20181024*/
.s-num{display: block; font-size: 12px; padding-top: 5px; color:#767676;}
.s-num span{margin-right: 20px;}
.s-float-layout:after{content:""; display: block; clear: both;}
.s-float-layout li{position:relative; float: left; box-sizing: border-box; width: 50%; padding-left: 10px; padding-bottom: 20px; line-height:18px;}
.s-float-layout li:nth-child(odd){padding-right: 10px; padding-left: 0px;}
.s-float-layout li:last-child {padding-bottom:0px;}/*20181120수정*/
.s-img{position: relative; width:100%; box-sizing:border-box; border:1px solid #d2d2d2; text-align:center; background:#ffffff;}/*20181024수정*/
.s-img span{position: absolute; text-align: center; bottom: 0px; left:0px; color:#fff; background-color:rgba(0,0,0,0.6); display: block; padding: 10px; width: 100%; box-sizing: border-box; font-size: 14px; font-weight: 600;}/*20181025 sh수정*/
.s-img strong{position: absolute; text-align:center; top:0px; left:0px; color:#fff; background-color:rgba(16,83,124,0.8); display: block; padding:10px; width:10%; box-sizing:border-box; font-size: 14px; font-weight: 600;}/*20181025 sh추가*/
.accod .ac-con .list_st1.list-type2  > li{font-size: 13px !important;}
/*guide box_컨텐츠게시형 백그라운드이미지 사이즈 조정20181024*/
.ac-con .guide_area:after {width:870px; background-size:870px auto;}
/*의약품부작용심의위원회 링크버튼20181119 컨텐츠 target="_blank" 버튼*/
.con_tit_bt {overflow:hidden;}
.con_tit_bt a[target="_blank"] {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:35px; padding:0 15px; margin:0 !important; line-height:33px; background:#557196 !important; border:1px solid #557196; color:#fff !important; border-radius:3px;}
.con_tit_bt a[target="_blank"]:hover {text-decoration:none; background:#3d5571 !important;}
.con_tit_bt a span {padding-right:15px; background:url(../images/common/icon_arrow_white.png) no-repeat right;}
/*컨텐츠게시물 ol 여백 재 설정 20181115 sh*/
.ol_list_box {position:relative;}
.ol_list_box > .ol_list_decimal li {margin:0 0 5px 0 !important; padding:0 !important;}
.ol_list_box > .ol_list_decimal li > ul,.ol_list_box > .ol_list_decimal li > ol {margin-top:5px;}
/*컨텐츠게시물 링크 안내멘트 20181115 sh*/
.text_per {font-size:18px; padding-top:40px; margin:0; font-weight:600; background:url(../images/contents/icon_link_p.png) no-repeat center top;}
/*빨간 강조 박스*/
.dot_red_box {padding:15px; border:2px dotted #f43c11;}
/*참고문서 타이틀*/
.liter_tit {padding:5px 0 12px 30px; border-bottom:1px dotted #d0d0d0; font-size:16px; font-weight:600; color:#027b90; background:url(../images/contents/liter_tit.png) no-repeat 2px 6px;}
.slink_tit {padding:5px 0 12px 30px; border-bottom:1px dotted #d0d0d0; font-size:16px; font-weight:600; color:#557195; background:url(../images/contents/slink_tit.png) no-repeat 2px 6px;}
/*첨부파일 다운로드 20181128 sh*/
.ctdown_tit {padding:5px 0 12px 30px; border-bottom:1px dotted #d0d0d0; font-size:16px; font-weight:600; color:#027b90; background:url(../images/contents/ctdown_tit.png) no-repeat 1px 5px;}
/*게시형 타겟 버튼 css[테스트] 20181121 sh*/
.bt_per a[target="_blank"] {position:relative; display:inline-block; box-sizing:border-box; vertical-align:middle; height:35px; padding:0 15px; margin:0 !important; line-height:33px; background:#557196 !important; border:1px solid #557196; color:#fff !important; border-radius:3px;}
.bt_per a[target="_blank"]:hover {text-decoration:none; background:#3d5571 !important;}
.bt_per a span {padding-right:15px; background:url(../images/common/icon_arrow_white.png) no-repeat right;}
/*한국인약물유전정보_팝업창*/
.korea_wrap {position:relative; width:1000px; height:822px; border:8px solid #2caec6; box-sizing:border-box;}
.korea_wrap header {width:96%; margin:0 auto; padding-bottom:20px;}
.korea_wrap header div {height:60px; border-bottom:1px solid #d0d0d0; overflow:hidden; background:url(../images/contents/korea_top_bg.gif) no-repeat;}
.korea_wrap header div h1 {float:left; padding:17px 0 0 44px; font-size:24px; color:#303030;}
.korea_wrap header div button {float:right; width:35px; height:30px; margin:15px 1px 0 0; border:1px solid #d2d2d2; background:url(../images/contents/korea_bt_closed.png) no-repeat center; border-radius:3px; box-sizing:border-box;}
.korea_wrap header div button:hover {background:url(../images/contents/korea_bt_closed.png) no-repeat center #f0f0f0;}
.korea_wrap header div button:focus {outline:none; box-shadow: 0px 0px 1px 0px #d2d2d2;}
.korea_wrap header h2 {margin:20px 0 10px 0; padding-left:13px; font-size:16px; color:#027b90; background:url(../images/contents/korea_h2_bar.gif) no-repeat 0 8px;}
.korea_wrap header nav {height:38px; background:#f2f5fa; text-align:center; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.korea_wrap header nav a {display:inline-block; padding:0 20px 0 17px; background:url(../images/contents/korea_nav_bar.gif) no-repeat right 11px;}
.korea_wrap header nav a:first-child {padding-left:0px;}
.korea_wrap header nav a:last-child {padding-right:0px; background:none;}
.korea_wrap header nav a span {display:inline-block; margin-top:-1px; padding-top:10px;}
.korea_wrap header nav a span:hover {text-decoration:underline;}
.korea_wrap header nav a.on {background:url(../images/contents/korea_nav_bar.gif) no-repeat right 13px;}
.korea_wrap header nav a.on span {color:#3d5571; border-top:2px solid #3d5571; font-weight:600; box-sizing:border-box;}
.korea_wrap .con {width:96%; margin:0 auto; padding-bottom:20px;}
.korea_wrap .con h3 {margin-bottom:10px; padding-left:14px; font-size:14px; color:#303030; background:url(../images/contents/korea_h3_bar.gif) no-repeat 0 3px;}
.korea_wrap .con div.scroll_box {height:450px; padding:15px; line-height:18px; border:1px solid #d2d2d2; box-sizing:border-box; overflow-y:auto;}
.korea_wrap .con div.scroll_box img {width:100%;}
.korea_wrap .con div.scroll_box table {width:100%; border-top:2px solid #303030; border-collapse:collapse;}
.korea_wrap .con div.scroll_box table td {padding:10px 5px 9px 5px; background:#f6f6f6; border:1px solid #d0d0d0;}
.korea_wrap .con div.scroll_box span.no_text {display:block; padding-top:260px; background:url(../images/contents/korea_notext.png) no-repeat center bottom;}
.korea_wrap .bot {width:96%; margin:0 auto;}
.korea_wrap .bot div.line {padding-bottom:20px; background:url(../images/contents/korea_dot_line.gif) repeat-x bottom; overflow:hidden;}
.korea_wrap .bot div.line span.day {float:left; margin:5px 0 0 15px; padding:5px 0 5px 25px; background:url(../images/contents/korea_day_icon.gif) no-repeat 0 3px;}
.korea_wrap .bot div.line span.day b {color:#557196;}
.korea_wrap .bot div.closed {margin-top:20px; text-align:center;}
.korea_wrap .bot div.closed button {height:45px; padding:0 22px; line-height:33px; vertical-align:middle; font-size:15px; background-color:#626262; color:#fff !important; border:1px solid #626262; border-radius:3px;}
.korea_wrap .bot div.closed button:focus {outline:none;}
.korea_wrap .bot div.closed button:hover {background:#303030; color:#fff; text-decoration:none;}
/*20190123게시형컨텐츠_의약품 안전사용을 위한 주의사항*/
.bg_bbs7 {background: url("../images/contents/bo0501020000_img01.png") no-repeat top right;}
/*20190124게시형 컨텐츠_폰트 사이즈 추가*/
.piim_font {font-size:17px; color:#da3610;}
/* 웹접근성 추가 -sj */
.contents_wrap {width:930px; float:right;}
.s-con .float-layout {position:relative;}
.detailCont {position:absolute; left:500px; top:50px;width:400px; overflow:hidden; line-height:22px; color:#000 !important;}
.sort ,.sort-up, .sort-down {display:block; color:#fff !important;}
.tb_cmpare {position:relative;}
.tb_cmpare .btn_ab_del {position:absolute; right:0; top:5px;}
/*   1:1 온라인문의(Q&A) */
.question{position: relative; height:213px; width:100%; border: 3px solid #e3eaf0; background: #f9fbfe; box-sizing: border-box; line-height: 18px;}
.question .question_inner{position:absolute; top:-3px; left:-3px; background: url(../images/contents/guide_border.png) no-repeat; padding:20px;}
.question .question_inner p{font-size:13px; color:#626262; font-weight:600; line-height:1.5; width:880px;}
.question .question_inner .question_guide{position:relative; width:860px; height:88px; background:#e3eaf0; padding:0; margin: 0 auto;}
.question .question_inner .question_guide img{position:absolute; top:-1px; left:-1px; box-shadow:2px 2px 2px rgba(1,1,1,0.2);}
.question .question_inner .question_guide ul{margin-left:130px; padding-top:17px; vertical-align:center;}
.question .question_inner .question_guide ul li{float:left; width: 32%; height:63px; line-height:1.3; display:inline-block;}
.question .question_inner .question_guide ul li:first-child{font-size:15px; color:#303030; margin-top:2px;}
.question .question_inner .question_guide ul li:first-child span{font-size:23px; color:#b92300;}
.question .question_inner .question_guide ul li:nth-child(2){font-size:23px; color:#0d3e5e; font-weight:800; background:url(../images/contents/question_1.png) top left  no-repeat; margin-left:15px;}
.question .question_inner .question_guide ul li:nth-child(2) span{display:inline-block; padding:12px 0 0 63px;}
.question .question_inner .question_guide ul li:last-child{background:url(../images/contents/question_2.png) top left no-repeat;}
#con_body .question .question_inner .question_guide ul li:last-child a{display:block; font-size:15px; color:#303030; font-weight:600; padding:7px 0 0 65px; background:url(../images/contents/question_arrow.png) bottom 5px right 58px no-repeat;}