﻿@charset "utf-8";
/* header */
#header {width:1200px; margin:0 auto; padding:12px 0 15px 0;}
#header:after{content:''; display:block; clear:both;}
#header h1{float:left;}
#header h1 > a{display:block; width:200px; height:45px; margin-top:33px; background:url(../images/layout/img_header_logo.gif) no-repeat; text-indent:-9999px;}
/* lnb */
#header #lnb{overflow:hidden; float:right;}
#header #lnb > ul {float:left;}
#header #lnb > ul > li {display:inline-block; margin:10px 7px 5px 0;}
#header #lnb > ul > li:first-child:before {content:''; display:none;}
#header #lnb > ul > li:before {content:''; display:inline-block; width:1px; height:9px; margin-right:12px; background:#dcdddd;}
#header #lnb .total_search {position:relative; overflow:hidden; float:left; margin-left:10px;}
#header #lnb .total_search input[type="text"]{width:195px; height:34px; padding-left:15px; background:#e3eaf0; border-radius:34px;  border:0; line-height:32px;color:#626262; vertical-align:middle;}
#header #lnb .total_search input[type="text"]:focus{background:#c7d6e3; color:#626262;}
#header #lnb .total_search button{position:absolute; top:0; right:0; width:34px; height:34px; background:url(../images/layout/btn_top_search.png) no-repeat; text-indent:-999px;}
#header #lnb .total_search button:hover,
#header #lnb .total_search button:focus,
#header #lnb .total_search button:active{background:url(../images/layout/btn_top_search_on.png) no-repeat;}
/* gnb */
#header #gnbStart {float:right;} /*sj20181108*/
#header #gnb{margin-top:20px; z-index: 10001;} /*sj20181108*/
#header #gnb > ul{overflow:hidden;}
#header #gnb > ul > li {float:left; margin-left:52px;}
#header #gnb > ul > li > a{font-size:17px; font-weight:600; color:#303030;}
/* gnb_sub */
#header #gnb > ul > li.active > .gnb_wrap{display:block; z-index: 10001; position: absolute;}
#header #gnb > ul > li.active > a{color:#10537d; text-decoration:underline;}
#header #gnb > ul > li > .gnb_wrap{display:none; overflow:hidden; position:absolute; top:105px; left:0; width:100%; border-top:2px solid #10537d; background:#fff; box-shadow:0px 8px 6px rgba(0,0,0,0.16); z-index:50;border-bottom: 2px solid #10537e;}
#header #gnb > ul > li > .gnb_wrap .gnb_area{width:1200px; min-height:25px; margin:0 auto; padding-top:0px; background:url(../images/layout/nav_bg.png) no-repeat right top; position: relative;}
#header #gnb > ul > li > .gnb_wrap .gnb_area:after{content:''; display:block; clear:both;}
.gnb_area > h2{background: url(../images/layout/gnb-h2-bg.png) no-repeat right top; min-height: 88px; position: absolute; text-align: right; top:0px; left:-200px; width: 200px; padding-top:35px; padding-right: 20px; box-sizing: border-box;}
.gnb_area > h2 span{display: block; color:#10557e; background: url("../images/layout/gnb-h2-icon.png") no-repeat right center; padding-right: 30px;}
.gnb_area > h2 a{display: inline-block; font-size: 14px; font-weight: normal; letter-spacing: -1px; color:#027a8f; border: 1px solid #027a8f; padding:5px 10px; border-radius: 20px; margin-top: 10px; background-color: #f4fffd; position: relative; padding-left: 30px;}
.gnb_area > h2 a:before{content: ""; display: block; width: 7px; height: 2px; background-color:#10557e; position: absolute; left:10px; top:50%; margin-top: -1px;}
.gnb_area > button.close{position: absolute;right: -40px;bottom: 0px; width: 40px; height: 40px;background-image: url("../images/common/gnb_closed.gif");}
.gnb_area > button.close:hover,.gnb_area > button.close:focus{background-image: url("../images/common/gnb_closed_r.gif");}
.gnb_area > button.close span{display: none;}
.gnb_detail > ul{display: table; border-collapse: collapse; width: 100%;}
.gnb_detail > ul *{vertical-align: middle;}
.gnb_detail > ul > li{display: table-row; background: url("../images/layout/gnb-li-bg.png") repeat-x left top;}
.gnb_detail > ul > li > a{display: table-cell; padding: 15px 25px; font-size: 14px; font-weight: bold; background-color: #10537d; color:#fff; border-bottom: 1px solid #407597; width: 190px;}
/*메뉴 수정할 부분*/
.gnb_detail > ul > li > ul{display: table-cell; width: auto; padding: 5px 20px;}
.gnb_detail > ul > li > ul > li{display: inline-block; margin-right: 20px; position: relative;}
.gnb_detail > ul > li > ul > li:before{content:""; display: inline-block; width: 3px; height: 3px; background-color: #636363; margin-right: 2px;}
.gnb_detail > ul > li > ul > li a{font-size: 13px; color:#636363; padding: 5px 0; display: inline-block;}
.gnb_detail > ul > li > ul > li a:hover, .gnb_detail > ul > li > ul > li a:focus, .gnb_detail > ul > li > ul > li a:active{text-decoration: underline; color:#0f527d;}
#header #gnb > ul > li.active .gnb-back{position: fixed; left:0px; top:110px; right:0px; bottom: 0px; background: rgba(0,0,0,0.7); z-index: 10000; display: none;}
.s-open-pop #header #gnb > ul > li.active .gnb-back{top:320px;}
/* container */
.container_wrap{position:relative; background:url(../images/layout/bg_location.gif) repeat-x; z-index:10;}
.container_wrap #container{width:1200px; margin:0 auto; z-index:20;}
.container_wrap #location{overflow:hidden; padding:8px 0 8px 8px;}
.container_wrap #location .location_list{float:left;}
.container_wrap #location .location_list > a.lo_home{display:inline-block; width:25px; height:25px; background:url(../images/layout/icon_home.png) no-repeat; text-indent:-999px;}
.container_wrap #location .location_list > a{vertical-align:middle;}
.container_wrap #location .location_list > a:hover,
.container_wrap #location .location_list > a:focus{text-decoration:none;}
.container_wrap #location .location_list > a:hover span,
.container_wrap #location .location_list > a:focus span{font-weight:600; text-decoration:underline;}
.container_wrap #location .location_list > a:before{content:'>'; margin:0 9px 0 12px;}
.container_wrap #location .user_control{overflow:hidden; float:right;}
.container_wrap #location .user_control button, .container_wrap #location .user_control a{display:inline-block; width:25px; height:25px; text-indent:-999px; vertical-align:middle;}
.container_wrap #location .user_control .bookmork{margin-right:25px;}
.container_wrap #location .user_control .bookmork button{margin-right:2px; background:url(../images/layout/icon_book.png) no-repeat;}
.container_wrap #location .user_control .bookmork button.on{background-position:0 -90px;}
.container_wrap #location .user_control .btn_facebook{background:url(../images/layout/btn_facebook.png) no-repeat;}
.container_wrap #location .user_control .btn_twitter{background:url(../images/layout/btn_twitter.png) no-repeat;}
.container_wrap #location .user_control .btn_blog{background:url(../images/layout/btn_blog.png) no-repeat;}
.container_wrap #location .user_control .btn_kakao{background:url(../images/layout/btn_kakao.png) no-repeat;}
.container_wrap #location .user_control button.btn_print{background:url(../images/layout/btn_print.png) no-repeat;}
.container_wrap #location .user_control button:hover, .container_wrap #location .user_control a:hover,
.container_wrap #location .user_control button:focus, .container_wrap #location .user_control a:focus,
.container_wrap #location .user_control button:active, .container_wrap #location .user_control a:active{background-position:0 -45px;}
.container_wrap #content_wrap {padding-bottom:50px;}
.container_wrap #content_wrap:after{content:''; display:block; clear:both;}
.container_wrap #content_wrap #snb{float:left; width:240px; margin-top:25px;}
.container_wrap #content_wrap #snb h2{height:100px; text-align:center; font-size:22px; color:#fff; background:#33739c; line-height:100px;}
.container_wrap #content_wrap #snb > ul{border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.container_wrap #content_wrap #snb > ul > li > a{display:block; padding:13px 15px 12px 20px; border-bottom:1px solid #d4d4d4; font-size:14px; line-height:20px;}
.container_wrap #content_wrap #snb > ul > li > a > span{display:block; background:url(../images/layout/gnb-minus-off.png) no-repeat right 7px; word-break: keep-all;}
.container_wrap #content_wrap #snb > ul > li.hasChild > a > span{background-image: url("../images/layout/gnb-plus-off.png");word-break: keep-all;}
.container_wrap #content_wrap #snb > ul > li.active > a,
.container_wrap #content_wrap #snb > ul > li > a:hover,
.container_wrap #content_wrap #snb > ul > li > a:focus,
.container_wrap #content_wrap #snb > ul > li > a:active{color:#027a8f; text-decoration:none;}
.container_wrap #content_wrap #snb > ul > li.active > a span,.container_wrap #content_wrap #snb > ul > li.active.hasChild > a span{background-image: url(../images/layout/gnb-minus.png) !important;}
.container_wrap #content_wrap #snb > ul > li > a:hover span,
.container_wrap #content_wrap #snb > ul > li > a:focus span,
.container_wrap #content_wrap #snb > ul > li > a:active span{background:url(../images/layout/gnb-minus.png) no-repeat right 7px;}
.container_wrap #content_wrap #snb > ul > li.hasChild > a:hover span,
.container_wrap #content_wrap #snb > ul > li.hasChild > a:focus span,
.container_wrap #content_wrap #snb > ul > li.hasChild > a:active span{background:url(../images/layout/gnb-plus.png) no-repeat right 7px;}
.container_wrap #content_wrap #snb > ul > li > ul{display:none; padding:15px 15px 4px 15px; background:#f2f5fa; border-bottom:1px solid #d4d4d4;}
.container_wrap #content_wrap #snb > ul > li > ul > li{margin-bottom:7px; padding-left:14px; background:url(../images/layout/bul_snb_bar.gif) no-repeat 0 8px; line-height:18px; word-break:keep-all;}
.container_wrap #content_wrap #snb > ul > li > ul > li > a.on,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:hover,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:focus,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:active{color:#10537d; text-decoration:underline; word-break: keep-all;}
.container_wrap #content_wrap #snb > ul > li > ul > li.active.hasChild{background-image: url(../images/layout/gnb-down-off.png) !important;}
.container_wrap #content_wrap #snb > ul > li > ul > li.hasChild{background: url(../images/layout/gnb-down.png) no-repeat 0px 5px !important;}
.container_wrap #content_wrap #snb > ul > li > ul > li > ul{display: none;}
.container_wrap #content_wrap #snb > ul > li > ul > li.active.hasChild  > ul{display: block;}
.container_wrap #content_wrap #snb > ul > li.active > ul {display:block;}
.container_wrap #content_wrap #snb > ul > li.active_on > ul {display:block;}
.container_wrap #content_wrap #snb > ul > li > ul > li > ul{padding:8px 10px 6px 15px; margin:5px 0 0 -15px; background:#fff; border:1px solid #d4d4d4; line-height:18px;}
.container_wrap #content_wrap #snb > ul > li > ul > li > ul > li{padding-left:7px; background:url(../images/layout/bul_snb_bar2.gif) no-repeat 0 8px;}
.container_wrap #content_wrap #snb > ul > li > ul > li > ul > li > a.on,
.container_wrap #content_wrap #snb > ul > li > ul > li > ul > li > a:hover,
.container_wrap #content_wrap #snb > ul > li > ul > li > ul > li > a:focus,
.container_wrap #content_wrap #snb > ul > li > ul > li > ul > li > a:active{text-decoration:underline;}
.container_wrap #content_wrap #content{float:right; width:930px;}
.container_wrap #content_wrap #content > h2{padding-top:45px; margin-bottom:25px; text-align:center;}/*sj20181217 상단여백수정*/
.container_wrap #content_wrap #content > h2 > span{display:inline-block; padding-bottom:15px; font-weight:600; font-size:30px; color:#303030; border-bottom:4px solid #10537d;}/*sj20181109*/
.container_wrap #content_wrap.full_layout #snb{display:none;}
.container_wrap #content_wrap.full_layout #content{float:none; width:100%;}
.footer_wrap {background:#f2f5fa;}
.footer_wrap #footer{position:relative; width:1200px; margin:0 auto; padding:20px 0 30px 0;}
.footer_wrap #footer .fnb {margin-bottom:15px;}
.footer_wrap #footer .fnb > a{display:inline-block; color:#303030;}
.footer_wrap #footer .fnb > a:before{content:''; display:inline-block; width:3px; height:3px; margin:0 10px 0 15px; background:#919295; vertical-align:middle;}
.footer_wrap #footer .fnb > a:first-child:before{content:''; display:none;}
.footer_wrap #footer p{margin-top:3px;}
.footer_wrap #footer p.footer_info span{vertical-align:middle;}
.footer_wrap #footer p.footer_info span:first-child:after{content:''; display:inline-block; width:1px; height:9px; margin:0 7px 0 12px; background:#919295; vertical-align:middle;}
.footer_wrap #footer p.footer_info span.timestamp {margin-left:100px ; color:transparent;}
.btn_page_top{position:absolute; top:-22px; right:-50px; z-index:100;}
.btn_page_top a{display:inline-block; width:44px; height:26px; padding-top:18px; background:url(../images/layout/btn_top.png) no-repeat; text-align:center;  font-weight:600; color:#fff;}
/* main */
.container_wrap .ext_main:before{content:''; position:absolute; top:0; left:0; width:100%; height:320px; background: #e3eaf0;}
.container_wrap .ext_main:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:60px; background:#e3eaf0;}
.ext_main_wrap{position:relative; z-index:50;}
.ext_main_wrap:before{content:''; position:absolute; top:0; left:50%; display:block; width:1260px; height:320px; margin-left:-630px; background:url(../images/layout/bg_main_visual.gif) no-repeat; z-index:10;}
.ext_main_wrap .ext_main_cont{position:relative; z-index:30;}
/* 메인상단 */
.ext_main_wrap .ext_main_cont .ext_main_top{overflow:hidden; height:320px;}
.ext_main_wrap .ext_main_cont .ext_main_top > div{float:left; width:600px; padding:82px 0 0 177px; box-sizing:border-box;}
.ext_main_wrap .ext_main_cont .ext_main_top > div ~ div{padding:82px 0 0 100px;}
.ext_main_wrap .ext_main_cont .ext_main_top > div h3{width:345px; height:95px; margin-bottom:19px; background:url(../images/layout/img_main_title_search.png) no-repeat; text-indent:-9999px;}
.ext_main_wrap .ext_main_cont .ext_main_top > div ~ div h3{background:url(../images/layout/img_main_title_online.png) no-repeat;}
/* 의약품검색 */
.ext_main_wrap .ext_main_cont .ext_main_top .main_search{position:relative; width:320px; height:50px;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]{width:320px; height:50px; padding:0 60px 0 20px;  border:2px solid #99d9e6; font-size:16px; color:#fff; background:none; border-radius:50px;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input::-webkit-input-placeholder{color:#fff;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input::-moz-input-placeholder{color:#fff;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search button{display:inline-block; position:absolute; top:0; right:0; width:52px; height:50px; text-indent:-999px; background:url(../images/layout/btn_main_search.png) no-repeat;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]:hover,
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]:focus,
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]:active{border-color:#fff;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search button:hover,
.ext_main_wrap .ext_main_cont .ext_main_top .main_search button:focus,
.ext_main_wrap .ext_main_cont .ext_main_top .main_search button:active{background-position:0 -51px;}
/* 온라인 전자민원/보고 */
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a{display:inline-block; min-width:117px; height:46px; padding:0 19px; font-size:16px; color:#fff; line-height:46px; border:2px solid #9ab9ce; border-radius:50px;}
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a span{display:block; padding-right:10px; background:url(../images/layout/bul_online_arrow.png) no-repeat right;}
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a:hover,
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a:focus,
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a:active{border-color:#fff;}
.ext_main_wrap .ext_main_cont .ext_main_top .online_btn a + a {background:#5d8fb0;  border:2px solid #5d8fb0;}
.ext_main_wrap .ext_main_cont .ext_main_box{overflow:hidden; margin-top:30px; margin-left:-40px;}
.ext_main_wrap .ext_main_cont .ext_main_box > div{float:left; width:270px; margin-left:40px; box-sizing:border-box;}
/* 자주찾는메뉴 */
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont {padding-bottom:0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont h3{font-size:15px; color:#303030;  font-weight:600; padding: 0px 0px 15px 5px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont:after{content:''; display:block; clear:both;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul{position:relative; float:left; width:126px; margin-top:0px; border: 1px solid #d4d4d4; box-sizing: border-box; padding: 17px 16px 16px 16px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li {height:38px; padding-left:40px; background:url(../images/layout/bg_favourit1.gif) no-repeat; word-wrap:break-word; word-break:keep-all; line-height:16px;padding-top:3px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li + li {margin-top:15px; background-position:0 -58px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li + li + li {background-position:0 -116px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul ~ ul {width:135px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul ~ ul li{background-image:url(../images/layout/bg_favourit2.gif);}
/* 공지 */
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont{overflow:hidden; position:relative; width:580px; height:212px; margin-top:0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul {overflow:hidden; border:0px solid #d4d4d4; margin-left: -10px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li {float:left; padding:0px 7px 0px 7px; background:url(../images/layout/bg_tab_line.gif) no-repeat right;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li:last-child{background-image: none;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button {display:inline-block; padding:0 0 4px 0; border:0; background:none;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button span{position:relative; display:inline-block; padding:0 5px; background:none; color:#626262; font-size:15px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > button,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:hover,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:focus,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:active{outline:0; font-size: 15px; color:#3f3f3f; font-weight: 600;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > button span,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:hover span,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:focus span,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:active span{border-radius:3px;color:#3f3f3f;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > div {display:block;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div {display:none; position:absolute; top:33px; left:0; width:100%; box-sizing: border-box; border: 1px solid #d4d4d4; padding: 15px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul {padding:0 10px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li {margin-top:0px; padding-left:20px; background:url(../images/layout/bul_board_dot.png) no-repeat 7px 7px; padding: 4px 0; position: relative;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > a{overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing: border-box; padding-left: 18px; position: relative;width: 460px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > a:before{content:""; display: block; position: absolute; left:0px; top:50%; width: 3px; height: 3px; margin-top: -1px; background: #b0b0b0; border-radius: 180px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li.new:before{content: "new"; display: block; background: url("../images/layout/s-new.png") no-repeat left center; width: 16px; height: 16px; margin-top: -8px; font-size: 0px; position: absolute; left:-6px; top:50%;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li.new a:before{display: none;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > span{display:inline-block; width:65px; text-align:right; vertical-align:middle; float:right;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > a:hover,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > a:focus,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li > a:active{color:#027a8f;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li.notice {padding-left:0px; background:none;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > ul > li.notice img{margin-right:4px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > p {position:absolute; top:-36px; right:0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div > p > a{display:inline-block; width:25px; height:25px; background:url(../images/layout/btn_notice_more.gif) no-repeat; text-indent:-9999px;  }
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont .bbs_list > div {min-height: 177px;}
/* ectd */
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont {height:219px; background:url(../images/layout/bg_main_ectd.gif) no-repeat;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_title{padding:17px 0 0 55px; line-height:16px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_title span{color:#027a8f; text-decoration:underline;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link{margin-top:60px; padding-left:52px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a{display:block; margin-bottom:10px; font-size:14px; color:#303030; font-weight:600;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a span{display:inline-block; width:50px; height:26px; margin-right:4px; border-radius:26px; text-align:center; font-size:13px; background:#99cc66; color:#fff; border:2px solid #99cc66; line-height:20px; font-style:italic; font-weight:normal; box-sizing:border-box;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a span{background-color:#027a8f; border-color:#027a8f;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a + a span{background-color:#f53b12; border-color:#f53b12;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a:hover span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a:focus span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a:active span{background-color:#fff; color:#99cc66;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a:hover span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a:focus span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a:active span{background-color:#fff; color:#027a8f;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a + a:hover span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a + a:focus span,
.ext_main_wrap .ext_main_cont .ext_main_box .main_ectd_cont .ectd_link a + a + a:active span{background-color:#fff; color:#f53b12;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_line_box {border:0px solid #d4d4d4;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_line_box h3{color:#303030; font-size:15px; font-weight:600; padding-bottom: 15px; padding-left: 5px;}
/* 임상시험정보 */
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical ul{margin:0px; padding:11.8px 5px;  padding-left:95px; background:url(../images/layout/sss.gif) no-repeat 15px center #f2f5fa; border: 1px solid #d0d0d0; box-sizing: border-box;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical ul li{padding:3px 0;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical ul li a{padding-right:8px; background:url(../images/layout/bul_clinical_arrow.png) no-repeat right;}
/* 특허정보 */
.ext_main_wrap .ext_main_cont .ext_main_box .main_patent ul{overflow:hidden; margin:0px; padding: 0px; background:#f2f5fa; border: 1px solid #d0d0d0; box-sizing: border-box;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_patent ul li{float:none; width:100%; background:url("../images/layout/si1.png") no-repeat 20px center; padding:9px 20px; box-sizing: border-box;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_patent ul li:nth-child(2){background-image: url("../images/layout/s2.png"); border-top:1px solid #d0d0d0;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_patent ul li a{display:block; padding-top:0px; text-align:left;  height: 35px; line-height: 37px; padding-left: 45px; background: url("../images/layout/ssi.png") no-repeat right center;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_patent ul li:nth-child(2) a{background-image: url("../images/layout/ssi1.png");}
/* 어린이의약정보 */
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul{overflow:hidden; padding:14px 20px; padding-left: 95px; box-sizing: border-box; border: 1px solid #d0d0d0; background: url("../images/layout/si-icon.gif") no-repeat 14px center #f2f5fa;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li{float:none; width:100%; height:auto; padding-top:5px; box-sizing:border-box; text-align:left;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li + li + li {height:auto; background:transparent;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li:first-child, .ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li:nth-child(3){border-right:0px solid #d4d4d4;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li:nth-child(3) {padding-top:5px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li:nth-child(4) {padding-top:5px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_children ul li a{padding-right: 8px;background: url(../images/layout/bul_clinical_arrow.png) no-repeat right;}
/* 약물유전정보 */
.ext_main_wrap .ext_main_cont .ext_main_box .main_heredity ul{margin:0 0px; border: 1px solid #d0d0d0; background-color: #f2f5fa;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_heredity ul li{padding:10px 8px 8px 15px; border-top:1px solid #d0d0d0;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_heredity ul li:first-child{border-top:0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_heredity ul li a{display:block; padding:0 20px 2px 0; background:url(../images/layout/bg_main_heredity.png) no-repeat  right top;}
/* 고객지원 */
.ext_main_wrap .ext_main_cont .main_user_support{margin-top:30px; margin-bottom:30px; border:1px solid #d0d0d0; border-right: 0px; border-left:0px; text-align: center;}
.ext_main_wrap .ext_main_cont .main_user_support ul{overflow:hidden; margin: 0 auto; display: inline-block;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li {position:relative; float:left;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li > a{display:block; margin:0px 23px 15px 23px; padding-top:70px; background:url(../images/layout/sb1.png) no-repeat center 20px; font-size:13px; color:#626262;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li > a:before{content:''; position:absolute; bottom:15px ; left:0; width:0px; height:16px; background:#d0d0d0;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:first-child > a:before{content:''; display:none;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li > a{background-image: url("../images/layout/sb2.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li > a{background-image: url("../images/layout/sb3.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li > a{background-image: url("../images/layout/sb4.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li + li > a{background-image: url("../images/layout/sb5.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li + li + li > a{background-image: url("../images/layout/sb6.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li + li + li + li > a{background-image: url("../images/layout/sb7.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li + li + li + li + li > a{background-image: url("../images/layout/sb8.png");}
.ext_main_wrap .ext_main_cont .main_user_support ul > li + li + li + li + li + li + li + li + li > a{background-image: url("../images/layout/sb9.png");}
/* 배너모음 */
.ext_main_wrap .ext_main_cont .main_banner{overflow:hidden; position:relative; height:60px;}
.ext_main_wrap .ext_main_cont .main_banner h3{float:left; padding-top:20px; font-size:16px; color:#303030;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control{float:left; overflow:hidden; margin-top:17px; margin-left:10px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button{float:left; display:inline-block; width:26px; height:26px; margin-left:-1px; border:0; background:url(../images/layout/btn_banner_control.gif) no-repeat 1px 0; text-indent:-999px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_stop{background-position:0 -26px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_play{display:none; background-position:0 -52px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_next{background-position:0px -78px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button:hover, .ext_main_wrap .ext_main_cont .main_banner .banner_control button:focus, .ext_main_wrap .ext_main_cont .main_banner .banner_control button:active{background-position:-25px 0;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_stop:hover, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_stop:focus, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_stop:active{background-position:-26px -26px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_play:hover, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_play:focus, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_play:active{background-position:-26px -52px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_next:hover, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_next:focus, .ext_main_wrap .ext_main_cont .main_banner .banner_control button.btn_next:active{background-position:-26px -78px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list{float:left; overflow:hidden; width:1041px; margin-top:10px; margin-left:13px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul{overflow:hidden; margin-left:-4px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul li{float:left; margin-left:4px; width:205px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul li img{width:203px; height:38px; border:1px solid #d0d0d0;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul li a:focus img{border:2px solid #3f95ac;}
/* 어린이 6 depth*/
._6dpeth{margin-bottom:25px; font-size: 13px !important;}
._6dpeth ul{text-align: center; border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; overflow: visible;}
._6dpeth ul > li {display: inline-block; width: auto !important; position: relative; vertical-align: middle; border: 0; bottom: 0px; max-width: 180px; margin-bottom: -1px; padding: 15px 0px 15px 0px;}
._6dpeth ul > li:not(:last-child) {margin-right:15px;}
._6dpeth ul > li > a{font-weight: bold;}
._6dpeth ul > li.active > a{background-color: none; color: #2baec6;}
._6dpeth ul > li.active > a:before{content: ''; background: #2baec6; position: absolute; width: 100%; height: 5px; bottom: 0px;}
.wa_mark{position: absolute; right: 0px; top: 25px; display: block;}