﻿/* header */
body{overflow-x:hidden; }
.area{max-width: 1200px; margin:0 auto; position: relative; box-sizing: border-box;}
#header { padding:0px 0 0px 0;}
#header:after{content:''; display:block; clear:both;}
#header h1{position: absolute; left:355px; top:50%; margin-top:10px; float: none;/*margin-top: 20px; float:left; width: 200px;*/} /*20200416*/
/*20200423*/
@media screen and (max-width: 1700px) {
    #header h1{left:14.5%;}
}
@media screen and (max-width: 1480px) {
    #header h1{left:9%;}
}
#header h1 > a{display:block; width:200px; height:45px; background:url(../images/layout/header_logo.png) no-repeat left top; text-indent:-9999px;}
/* lnb */
#header #lnb{overflow:hidden; width: 100%; background:linear-gradient(to left, #3173b7 , #46a874); }
#header #lnb .area{text-align: right;}
#header #lnb  ul {display: inline-block;}
#header #lnb  ul > li {display:inline-block; margin:8px 7px 8px 0;color:#fff;}
#header #lnb  ul > li:LAST-CHILD{margin-right: 0px;}
#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  ul > li a, #header #lnb  ul > li span{color:#fff;}
/*
#header #lnb .total_search {position:absolute; overflow:hidden; margin-left:0px;}
#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.on .sub-menu-bg{
    display: block;
    position: absolute;
    top: 283px;
    left: 0px;
    border-top:1px solid #e5e5e5;
    background-color: #fff;
    width: 100vw;
    z-index: 99;
    border-bottom: 3px solid #18447e;
}
.sub-menu-bg{display: none;}
#header.on.t-up .sub-menu-bg{top:120px;}
.sub-html #header.on .sub-menu-bg{top:220px;}
#header #gnbStart {position:relative;} /*20200415*/
#header #gnbStart .area{/*padding-left: 200px;20191209*/position: static;}
#header #gnb{margin-top:0px; z-index: 10001;/* 20191209 */margin-left: 235px; margin-right: 100px;} /*sj20181108*/
/*#header #gnb > ul{overflow:hidden;}*/
#header #gnb > ul > li {float:left; margin-left:35px; cursor: pointer;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;} /*20191209*/
#header #gnb > ul > li > a{font-size:17px; font-weight:600; color:#303030; display: block; padding: 30px 0; position: relative;}
#header #gnb > ul > li > a:hover:after,#header #gnb > ul > li > a:focus:after,#header #gnb > ul > li > a:active:after,#header #gnb > ul > li.active > a:after,#header #gnb > ul > li.on > a:after{content:""; display: block; width: 100%; height: 3px; background-color: #1676cc; position: absolute; /*bottom:0px;*/ left:0px; bottom: 0px; /* 20191209 */}
#header #gnb > ul > li.active > a,#header #gnb > ul > li.on > a,#header #gnb > ul > li > a:hover,#header #gnb > ul > li > a:focus,#header #gnb > ul > li > a:active{color:#1676cc; text-decoration: none;}
.sub-main-a{display: block; padding:35px 10px; border: 0px solid #ddd; border-top:0px; text-align: center;  background-color:#f5f7fa;
    color: #282828;
    font-size: 18px;
    font-weight: 600;
}
.sub-main-a span{background: url("../images/common/sub-main-icon1.png") no-repeat left center, url("../images/common/sub-main-icon.png") no-repeat right center; display: inline-block; padding: 5px; padding-left: 40px; padding-right:35px;}
/* gnb_sub */
#header #gnb > ul > li.active > .gnb_wrap{display:block; z-index: 10001; position: absolute; /*height: 650px;*/ }
#header #gnb > ul > li.active > .gnb_wrap
#header #gnb > ul > li.active > a{color:#10537d; text-decoration:underline;}
#header #gnb > ul > li > .gnb_wrap{display:none;  overflow:visible; position:absolute; top:85px;/*20200415 다시 수정 // 20191209 top: 120px !important;*/ left:0; width:100%; border-top:0px solid #10537d; background:#fff;  z-index:50;border-bottom:3px solid #10537e;}
#header #gnb > ul > li > .gnb_wrap .gnb_area{max-width:1200px; box-sizing: border-box; padding-right: 335px; min-height:100%; margin:0 auto; padding-top:0px; position: relative; border-top:1px solid #e5e5e5;}
#header #gnb > ul > li > .gnb_wrap .gnb_area:after{content:''; display:block; clear:both;}
.gnb_area > h2{background: url(../images/layout/gnb-h2-bg1.png) no-repeat right bottom 60px #fff; min-height:100%; width:185px; position: absolute; text-align: left; top:0px; left:0px; padding-top:35px; padding-right: 0px; box-sizing: border-box; box-sizing: border-box;}
.gnb_area > h2 span{display: block; font-weight:600; color:#18447e; padding-right: 30px;}
.gnb_area > h2 a{display: inline-block; font-size: 15px; font-weight:500; letter-spacing: -1px; color:#18447e; border: 1px solid #3c70c6; padding:7px 13px; border-radius: 0px; margin-top: 15px; background-color: #fff; position: relative; }

.gnb_area > button.close{display:block; position: absolute;right: -40px;bottom: 0px; width: 40px; height: 40px;background-image: url("../images/common/gnb_closed.gif"); background-position: center center;}
.gnb_area > button.close:hover,.gnb_area > button.close:focus{background-image: url("../images/common/gnb_closed_r.gif"); border: 6px solid #fff;}
.gnb_area > button.close span{/*display: none;*/ display: inline-block; width: 0; height: 0; line-height: 0; overflow: hidden; }
.gnb_detail{padding-left: 185px;}
.gnb_detail > ul{display: block; width: 100%; min-height:655px; border-left:1px solid #e5e5e5; position: relative;}
.gnb_detail > ul *{vertical-align: middle;}
.gnb_detail > ul > li{display: block; }
.gnb_detail > ul > li > a{display: block; padding: 8px 25px; box-sizing:border-box; font-size: 15px; font-weight: 600; color:#18447e; max-width:265px; border-bottom: 1px solid #e5e5e5; width:39%; background: url("../images/layout/gnb-2.png") no-repeat right 15px center;}
.gnb_detail > ul > li > a:hover,.gnb_detail > ul > li > a:focus,.gnb_detail > ul > li > a:active,.gnb_detail > ul > li.active > a{color:#fff; background: url("../images/layout/gnb-2-on.png") no-repeat right 15px center #18447e; text-decoration: none;}
/*메뉴 수정할 부분*/
.gnb_detail > ul > li > ul{display: none; width: 61%; position: absolute; right:0px; top:0px; }
.gnb_detail > ul:before{content:""; width: 1px; height: 100%; min-height: 100%; background:#e5e5e5; position: absolute; left:39%; top:0px; }
.gnb_detail > ul > li.active > ul{display: block; min-height: 100%; border-left:1px solid #e5e5e5;  padding-top: 10px; box-sizing: border-box; }
.gnb_detail > ul > li > ul > li{display:block; margin-right: 0px; position: relative;}
.gnb_detail > ul > li > ul > li:before{content:""; display: inline-block; position:absolute; left:30px; top:50%; margin-top:-2px; width: 4px; height: 4px; background-color: #aaaaaa; margin-right: 2px; border-radius: 180px;}
.gnb_detail > ul > li > ul > li a{font-size: 15px; color:#444444; padding: 8px 40px; padding-right:20px; display:block; font-weight: 500; line-height: 100%; }
.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:#18447e;}
.gnb_detail > ul > li > ul > li a:hover:before, .gnb_detail > ul > li > ul > li a:focus:before, .gnb_detail > ul > li > ul > li a:active:before{background-color: #18447e;}


#header #gnb > ul > li > .gnb_wrap .gnb_area.new-type{padding-right: 0px;}
.new-type .gnb_detail{padding-left: 0px; background: url(../images/layout/gnb_detail_line.png) repeat-y left 23% top, url(../images/layout/gnb_detail_line.png) repeat-y left 49% top, url(../images/layout/gnb_detail_line.png) repeat-y left 73% top;}
.new-type .gnb_detail > ul:before{display: none;}
.new-type .gnb_detail > ul{height: 100%; min-height: 30px; border-left: 0px solid red;}
.new-type .gnb_detail > ul.new-menu{height: 100%;}
.new-type .gnb_detail > ul.new-menu.flex{height: inherit; display: flex; flex-direction: column; flex-wrap: wrap;}
.new-type .gnb_detail > ul:after{content:''; display:block; clear:both;}
.new-type .gnb_detail > ul > li{float: left; box-sizing: border-box; width: 25%; height: 100%; position: relative; padding: 10px 20px;}
.new-type .gnb_detail > ul > li.menu-li{ height: auto; border-left: #e5e5e5 0px solid; margin-left:-2px; }
.new-type .gnb_detail > ul > li.menu-li.fill-height{ height: 100%; }
.new-type .gnb_detail > ul > li h3{color:#282828; font-size:18px; font-weight: 600; padding-bottom: 10px;}
.new-type .gnb_detail > ul > li:before{content:""; width: 1px; height: 100%; min-height: 100%; background:#e5e5e5; position: absolute; left:0; top:0px; display: none; }
.new-type .gnb_detail > ul > li > ul{display: block; width: 100%; position: relative; margin-bottom: 0px !important;}
.new-type .gnb_detail > ul > li > ul > li a{padding:5px 10px;}
.new-type .gnb_detail > ul > li > ul > li:before{left:0px;}
.new-type .gnb_detail .pic-li{padding:35px 0; padding-right: 1px;}
/*.new-type .gnb_detail .new-menu li:FIRST-CHILD:BEFORE {border-left: 0px; display: none;}*/
.new-type .gnb_detail .pic-li dl{position: relative; padding-left: 185px; min-height: 120px;}
.new-type .gnb_detail .pic-li dl:FIRST-CHILD{margin-bottom:20px; }
.new-type .gnb_detail .pic-li dl dt{position: absolute; left:0px; top:0px;}
.new-type .gnb_detail .pic-li dl dd{color:#002e5f; font-size: 14px; font-weight: 500;}
.new-type .gnb_detail .pic-li dl dd strong{display: block; font-size: 16px; font-weight: 600; color:#333333; line-height: 110%; margin-top: 10px; margin-bottom: 15px;}
.new-type .gnb_detail .pic-li dl dd a{display: inline-block; font-size: 14px; color:#18447e; padding:4px 8px; background:url("../images/layout/me-arr.png") no-repeat right 10px center; padding-right: 25px; border: 1px solid #b9c7d8;}
.new-type .gnb_detail .pic-li ul:after{content:''; display:block; clear:both;}
.new-type .gnb_detail .pic-li:BEFORE, .new-type .gnb_detail .pic-li li:BEFORE{display: none;}
.new-type .gnb_detail .pic-li li a{background: url("../images/layout/me-i1.png") no-repeat center 20px; color:#002e5f; font-size:14px; font-weight: 500; display: block; border: 1px solid #e5e5e5; padding: 25px; padding-top: 85px;}
.new-type .gnb_detail .pic-li li{float: left; width: calc(50% - 7px); margin-bottom: 14px;}
.new-type .gnb_detail .pic-li li{display: block; text-align: center;}
.new-type .gnb_detail .pic-li li:NTH-CHILD(odd){margin-right: 14px;}
.me-icon1{}
.me-icon2{background-image: url("../images/layout/me-i2.png") !important;}
.me-icon3{background-image: url("../images/layout/me-i3.png") !important;}
.me-icon4{background-image: url("../images/layout/me-i4.png") !important;}
.new1, .new1 > li{min-height: 607px;}
.new2, .new2 > li{min-height: 687px;}
.new3, .new3 > li{min-height: 329px;}
.new4, .new4 > li{min-height: 839px;}
.new5, .new5 > li{min-height: 330px;}
.menu-li h3 + ul{margin-bottom: 30px;}
#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;}
.gnb-s-con{position: absolute; right:0px; top:0px; min-height: 100%; width: 335px; box-sizing: border-box; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.gnb-s-con > div{padding: 33px; padding-right: 20px;}
.gnb-s-con dl:FIRST-CHILD{margin-bottom: 15px;}
.gnb-s-con dl{position: relative; padding-left: 185px; min-height: 120px; }
.gnb-s-con dl dt{position: absolute; left:0px; top:0px;}
.gnb-s-con dl dt img{display:block; width: 170px; height: 119px;}
.gnb-s-con dl dd{color:#333; font-size: 16px; line-height: 110%; font-weight: 500; letter-spacing: -1px;}
.gnb-s-con dl dd span{display: block; font-size: 14px; font-weight: 500; color:#002e5f; margin-bottom: 10px; margin-top: 2px;}
.gnb-s-con dl dd a{display: block; color:#18447e; padding:5px 10px; font-size:14px; border: 1px solid #b9c7d8; margin-top:20px; background: url("../images/layout/ba-arr.png") no-repeat right 10px center;}

.gnb-s-con ul{padding: 33px;}
.gnb-s-con ul:after{content:""; display: block; clear: both;}
.gnb-s-con ul li{float: left; width: calc(50% - 8px); margin-bottom: 16px;}
.gnb-s-con ul li:NTH-CHILD(odd){margin-right: 16px;}
.gnb-s-con ul li a{display: block; background:url("../images/layout/ic-1.png") no-repeat center top 18px; height: 115px; box-sizing: border-box; border: 1px solid #b9c7d8; padding-top: 82px; text-align: center; color:#002e5f; font-size: 14px; font-weight: 500;}
/* container */
.container_wrap{position:relative; background:url(../images/layout/bg_location.gif) repeat-x; z-index:10;}
.container_wrap #container{max-width:1200px; margin:0 auto; z-index:20; margin-top: 5px;}
.sub-main .container_wrap #container{ margin-top: 0px;}
.main-html .container_wrap #container{margin-top: 0px;}
.container_wrap #location{ padding:8px 0 8px 8px; text-align: right; position: relative;}
.container_wrap #location *{vertical-align: middle;}
.container_wrap #location .location_list{display: inline-flex; margin-right: 10px;}
.container_wrap #location .location_list > a.lo_home{display:inline-block; width:25px; height:25px; background:url(../images/layout/home.png) no-repeat center 5px; text-indent:-999px; font-size:0px; overflow: hidden;}
.container_wrap #location .location_list > a{vertical-align:middle;font-size: 13px;color: #666;}
.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; width:5px; display:inline-block; height:10px; background: url("../images/layout/location-arr.png") no-repeat center center;}
.container_wrap #location .location_list > a:first-child:before{display: none;}
.container_wrap #location .user_control{overflow:hidden; float:none; display: inline-flex; vertical-align: middle;}
.container_wrap #location .user_control button, .container_wrap #location .user_control a{display:inline-block; width:25px; font-size:0px; 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/print.png) no-repeat center center; width: 27px; height: 27px; display: inline-block; border: 1px solid #d2d2d2; border-radius:180px; box-sizing: border-box; }
/*.container_wrap #location .user_control button.btn_info{background:url(../images/layout/qq2.png) no-repeat center center; width: 27px; height: 27px; display: inline-block; border: 1px solid #d2d2d2; border-radius:180px; box-sizing: border-box; } */
/* (3차) 온라인도움말 (btn_info) */
.container_wrap #location .user_control button.btn_info{background:url(../images/layout/qq2.png) no-repeat center center; width: 120px; height: 27px; display: inline-block; border: 1px solid #d2d2d2; box-sizing: border-box; }
.container_wrap #location .user_control button.btn_sns{margin-left:5px; background:url(../images/layout/sns-link.png) no-repeat center center;width: 27px; height: 27px; display: inline-block; border: 1px solid #d2d2d2; border-radius:180px; box-sizing: border-box; transform: rotate(0deg);
    transition: 1s;}
.container_wrap #location .user_control button.btn_sns.on{    background-color: #f3f4f6;
    transform: rotate(-90deg);
    transition: 1s;}
.container_wrap #location .user_control button.btn_info2{margin-left:5px; background:url(../images/layout/qq2.png) no-repeat center center;width: 120px; height: 27px; display: inline-block; border: 1px solid #d2d2d2; border-radius:180px; box-sizing: border-box; transform: rotate(0deg);
    transition: 1s;}
.container_wrap #location .user_control button.btn_info2:focus{border: 3px solid #000000; !important;}
.container_wrap #location .user_control button.btn_info2.on{    background-color: #f3f4f6;
    transform: rotate(-90deg);
    transition: 1s;}
.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-color: rgba(0,0,0,0.04);}
.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:245px; margin-top:-40px;}
.container_wrap #content_wrap #snb h2{height:150px; text-align:center; font-size:22px; color:#fff; border-radius:0 30px 0 0; background:url("../images/layout/sub-gnb-title.png") no-repeat right bottom #2569c5; line-height:150px;}
.container_wrap #content_wrap #snb > ul{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; margin-top: 10px; border-top:1px solid #eaeaea; }
.container_wrap #content_wrap #snb > ul > li > a{display:block; padding:13px 15px 12px 20px; border-bottom:1px solid #eaeaea; font-size:14px; line-height:20px; font-size: 16px; color:#242424; font-weight: 600;}
.container_wrap #content_wrap #snb > ul > li > a > span{display:block; background:url(../images/layout/sub-ic.png) no-repeat right 5px center; word-break: keep-all;}
.container_wrap #content_wrap #snb > ul > li.hasChild > a > span{background-image: url("../images/layout/sub-ic.png"); background-position:right 5px center; 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:#fff; text-decoration:none; background:url("../images/layout/sub-i.png") no-repeat right 20px center #2a3c54;  border: 6px solid #fff; }
.container_wrap #content_wrap #snb > ul > li.active > a span,.container_wrap #content_wrap #snb > ul > li.active.hasChild > a span{background-image: none;}
.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:none;}
.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; background-image: none;}
.container_wrap #content_wrap #snb > ul > li > ul{display:none; padding:15px 0px 4px 0px; background:#f3f4f6; border-bottom:1px solid #eaeaea;}
.container_wrap #content_wrap #snb > ul > li > ul > li{margin-bottom:7px; line-height:18px; word-break:keep-all;}
.container_wrap #content_wrap #snb > ul > li > ul > li > a{color:#242424; padding-left:24px; display:block; font-size: 14px; position: relative; font-weight: 400;}
.container_wrap #content_wrap #snb > ul > li > ul > li > a:before{position: absolute; left:13px; top:10px; width: 3px; height: 3px; display: block; content: "";  background: #636363; }
.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:#2b6fcc; text-decoration:underline; word-break: keep-all;}
.container_wrap #content_wrap #snb > ul > li > ul > li > a.on:before,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:hover:before,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:focus:before,
.container_wrap #content_wrap #snb > ul > li > ul > li > a:active:before{background-color:#2b6fcc; }
.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 10px 5px !important;}
.container_wrap #content_wrap #snb > ul > li > ul > li.hasChild a:before{display: none;}
.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 0px; background:rgba(255,255,255,0.35); border:1px solid #eaeaea; border-left:0px; border-right:0px; 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; margin-top:15px;}
.container_wrap #content_wrap #content > h2{padding-top:0px; margin-bottom:25px; margin-top:-15px; border-bottom:1px solid #e5e5e5; text-align:left;}/*sj20181217 상단여백수정*/
.container_wrap #content_wrap #content > h2 > span{display:inline-block; padding-bottom:25px; font-weight:600; font-size:21px; color:#222; border-bottom:0px solid #10537d; padding-left:30px;}/*sj20181109*/
.container_wrap #content_wrap.full_layout #snb{display:none;}
.container_wrap #content_wrap.full_layout #content{float:none; width:100%;}
.btn_page_top{/*position:absolute; top:-22px; right:-50px;*/ position:fixed; bottom:13%; right:13%; display:none; 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;}
.footer_wrap{background:#F6F6F6}
.footer_wrap #footer .fnb{width:84%; display: inline-block}
.footer_wrap #footer .sns-link{display: inline-block;width: calc(100% - 86%);}
.footer_wrap #footer .fnb > a{display:inline-block; color:#626262; font-weight:500;}
.footer_wrap #footer .fnb > a:before{content:''; display:inline-block; width:1px; height:12px; margin:0 10px 0 15px; background:rgba(255,255,255,0.2); vertical-align:middle;}
.footer_wrap #footer .fnb > a:first-child:before{content:''; display:none;}
.footer_wrap address, .footer_wrap .footer_info{color:#767676;/*padding-left:210px;*/font-size:0.75rem;}
.footer_wrap .copy{color:#767676; margin-top:15px;}
.footer_wrap #footer .footer_box{overflow:hidden;}
.footer_wrap #footer .footer_box .footer_block{float:left; padding-left:100px; padding-top: 20px; width:342px;}
.footer_wrap #footer .footer_box .footer_block:first-child{padding-left:205px; width:408px;}
.footer_wrap #footer p{}
.footer_wrap #footer p.footer_info span{color:rgba(255,255,255,0.6);}
.footer_wrap #footer p.footer_info span:first-child:after{content:''; display:inline-block; width:0px; height:9px; margin:0 7px 0 12px; background:#919295; vertical-align:middle;}
.footer_wrap #footer p.footer_info span.timestamp {color:transparent;}
.footer_wrap #footer .footer_logo{position: absolute; left: 525px; top: 55px; display: block;}
.footer_wrap #footer{position:relative; max-width:1200px; margin:0 auto; padding:20px 0 30px 0; background:url('../images/main/footer-fds.png') left top 60px no-repeat; }  /* 20200410 수정 */

/* main */
.main-html .container_wrap{}
.ext_main_wrap > .bx-wrapper{border: 0px;}
.ext_main_wrap > .bx-wrapper .bx-pager{position: absolute; top:200px; bottom:auto;}
.ext_main_wrap > .bx-wrapper .bx-pager.bx-default-pager a:hover,.ext_main_wrap > .bx-wrapper .bx-pager.bx-default-pager a.active,.ext_main_wrap > .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:#3174b7; border: 0px; }
.ext_main_wrap > .bx-wrapper .bx-pager.bx-default-pager a{width: 14px; height: 14px; box-sizing: border-box; border: 3px solid #fff; border-radius: 180px; background-color: transparent; }
.ext_main_wrap > .bx-wrapper .bx-prev{background:url(../images/layout/v-prev.png) no-repeat center top; width: 85px; height: 72px; left:110px;}
.ext_main_wrap > .bx-wrapper .bx-next,.ext_main_wrap > .bx-wrapper .bx-next:hover,.ext_main_wrap > .bx-wrapper .bx-next:focus,.ext_main_wrap > .bx-wrapper .bx-next:active{background:url(../images/layout/v-next.png) no-repeat center top; width: 85px; height: 72px; right:110px;}
.visual-slider > div{background:url(../images/layout/visual3.jpg) no-repeat center top; min-height:710px; text-align: center; width: 100%;}
.visual-slider > div.visual1{background-image: url("../images/layout/visual1.png");}
.visual-slider > div.visual2{background-image: url("../images/layout/visual2.png");}
.visual-slider > div.visual3{background-image: url("../images/layout/visual3.png");}
.visual-slider > div img{ margin: auto; margin-top: 65px;}
.visual-slider > div:FIRST-CHILD{display: block;}
.main-html .container_wrap #container{max-width: 100%; width: 100%; }
.container_wrap .ext_main{max-width: 100%; }
.container_wrap .ext_main:before{content:''; position:absolute; top:0; left:0; width:100%; height:320px; background: #e3eaf0; display: none;}
/*피해구제 수정 20230912*/
/*.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 .ext_main_cont{position:relative; z-index:200; }
.top-group,.ext_main_box > div,.main_user_support,.main_banner > div{max-width: 1200px; margin: 0 auto;}
/* 메인상단 */
.ext_main_wrap .ext_main_cont .ext_main_top{}
.ext_main_wrap .ext_main_cont .ext_main_top > div{ width:100%; box-sizing:border-box;}

/* 의약품검색 */

/* 2020-06-11 차세대3차 김미혜 .search-group{position:relative; max-width:816px; min-height:180px; margin:0 auto; padding-left:170px; margin-bottom:35px; padding-right:15px; background: url(../images/layout/top-search.png) no-repeat left 15px center #fff; border-radius:180px;} */
/* e약은료, 묶음의약품 정보 */
.search-group{position:relative; max-width:1100px; min-height:180px; margin:0 auto; padding-left:170px; margin-bottom:35px; padding-right:15px; background: url(../images/layout/top-search.png) no-repeat left 15px center #fff; border-radius:180px;}
/* 묶음의약품정보
.search-group{position:relative; max-width:1000px; min-height:180px; margin:0 auto; padding-left:170px; margin-bottom:35px; padding-right:15px; background: url(../images/layout/top-search.png) no-repeat left 15px center #fff; border-radius:180px;}
*/
/* .ext_main_wrap .ext_main_cont .ext_main_top .main_search{position:relative; width: 80%; margin: 0 auto; box-sizing: border-box; padding-right: 25px;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]{width:100%; height:53px; padding:0 60px 0 20px;  border:0px solid #99d9e6; color:#484848; font-size:16px; background:#f2f2f2; border-radius:50px ;} */
.ext_main_wrap .ext_main_cont .ext_main_top .main_search{position:relative; width: 80%; margin: 0 auto; box-sizing: border-box; padding-right: 25px; max-width: 790px;background: #f2f2f2; border-radius: 50px;} /*20200107*/
.ext_main_wrap .ext_main_cont .ext_main_top .main_search select{width:31%; height:53px; padding: 0 10px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/layout/s-select.png) no-repeat right 15px center, url(../images/layout/s-line.png) no-repeat right center; border:0;}/*20200107*/
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input[type="text"]{width:68%; height:53px; padding:0 60px 0 15px;  border:0px solid #99d9e6; color:#484848; font-size:14px; background:#f2f2f2;}/*20200107*/
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input::-webkit-input-placeholder{color:#484848;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search input::-moz-input-placeholder{color:#484848;}
.ext_main_wrap .ext_main_cont .ext_main_top .main_search button{display:inline-block; font-size:0; position:absolute; top:0; right:0; width:53px; border-radius:180px; height:53px; text-indent:-999px; background:url(../images/layout/search-btn.png) no-repeat center center #005bbc;}
.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{}
.search-group ul{padding-top: 30px; margin-bottom: 20px;}
.search-group h3{font-size: 0px;}
.search-group ul:after{content:""; display: block; clear: both;}
.search-group ul li{float: left; position: relative;}
.search-group ul li:before{content: ""; display: block; position:absolute; left:0px; top:50%; margin-top: -15px; height: 30px; width: 1px; background: #eaeaea;}
.search-group ul li:FIRST-CHILD:BEFORE{display: none;}
.search-group ul li a{color:#282828; font-weight:600; font-size: 14px; display: block; letter-spacing:-1px; padding:0 25px; padding-top: 45px; background: url("../images/layout/search-i1.png") no-repeat center top;}
.search-group ul li.s-i2 a{background-image: url("../images/layout/search-i2.png");}
.search-group ul li.s-i3 a{background-image: url("../images/layout/search-i3.png");}
.search-group ul li.s-i4 a{background-image: url("../images/layout/search-i4.png");}
.search-group ul li.s-i5 a{background-image: url("../images/layout/search-i5.png");}
.search-group ul li.s-i6 a{background-image: url("../images/layout/search-i6.png"); text-align:center;}
.search-group ul li.s-i7 a{background-image: url("../images/layout/search-i7.png");}
.search-group ul li:hover a, .search-group ul li.active a{ background-image: url("../images/layout/search-i1-on.png"); } /* 20200103 */
.search-group ul li.s-i2:hover a, .search-group ul li.s-i2.active a{background-image: url("../images/layout/search-i2-on.png");}
.search-group ul li.s-i3:hover a, .search-group ul li.s-i3.active a{background-image: url("../images/layout/search-i3-on.png");}
.search-group ul li.s-i4:hover a, .search-group ul li.s-i4.active a{background-image: url("../images/layout/search-i4-on.png");}
.search-group ul li.s-i5:hover a, .search-group ul li.s-i5.active a{background-image: url("../images/layout/search-i5-on.png");}
.search-group ul li.s-i6:hover a, .search-group ul li.s-i6.active a{background-image: url("../images/layout/search-i6-on.png");}
.search-group ul li.s-i7:hover a, .search-group ul li.s-i7.active a{background-image: url("../images/layout/search-i7-on.png");}

.top-g{position: relative; width: 100%; box-sizing: border-box; padding-left: 320px; background: #fff; border-radius: 10px 10px 0px 0; overflow: hidden; max-height: 220px;}
.top-g .left-con{position: absolute;left:0px; top:0px; width: 320px; text-align: center; padding: 0 20px; box-sizing: border-box;}
.top-g .left-con h3{text-align:center; padding-top:25px; color:#333333; font-size: 24px; font-weight: 600; display: block;}
.top-g .left-con p.txt{font-size: 15px; color:#767676; padding-top:7px;}
.top-g .left-con p.online_btn{display: inline-block;}
.top-g .left-con p:after{content:""; display: block; clear: both;}
.top-g .left-con p a{display: block; margin-top:20px; float:left; width: 120px; height: 40px; line-height: 40px; color:#fff; font-size: 15px; border-radius:3px; background-color: #707173; }
.top-g .left-con p a:FIRST-CHILD{background-color: #005bbc; margin-right: 3px;}
.top-g .left-con div{color:#454545; font-weight: 500; background: url("../images/layout/left-i.png") no-repeat left center,url("../images/layout/left-arr.png") no-repeat right center; font-size: 16px; margin-top: 15px;}
.top-g .left-con div strong{color:#005bbc; font-weight: 500;}
.top-g .right-con{position: relative; width: 690px; background:#1678c3; min-height: 220px; float:left; display:inline-block;}
.top-g .right-con h3{font-weight: 500; font-size: 24px; color:#fff; text-align: center; padding-top:25px; margin-bottom: 30px;}
.top-g .right-con .me-g{padding-left: 75px; padding-right: 75px; position: relative;}
.top-g .right-con .me-g .bx-wrapper{border: 0px; background: none;}
.top-g .right-con .me-g .bx-pager{display: none;}
.top-g .right-con .me-g .bx-wrapper .bx-prev{background:url(../images/layout/r-prev.png) no-repeat center top; width: 18px; height: 35px; left:-40px; margin-top:-17px; }
.top-g .right-con .me-g .bx-wrapper .bx-next,.top-g .right-con .me-g .bx-wrapper .bx-next:hover,.top-g .right-con .me-g .bx-wrapper .bx-next:focus,.top-g .right-con .me-g .bx-wrapper .bx-next:active{ margin-top:-17px; background:url(../images/layout/r-next.png) no-repeat center top; width: 18px; height: 35px; right:-40px;}
.top-g .right-con ul:after{content:""; display: block; clear: both;}
.top-g .right-con li{float: left; position: relative; }
.top-g .right-con li a:BEFORE{content: ""; display: block; position:absolute; left:0px; top:5px; height: 50px; width: 1px; background: rgba(0,0,0,0.2);}
.top-g .menu-slider > li a.me0:FIRST-CHILD:BEFORE{display: none;}
.top-g .right-con li a{color:#fff; display: block; width: 125px; background:url("../images/layout/me0.png") no-repeat center top; padding-top:50px; min-height: 90px; box-sizing: border-box; text-align: center; }
.top-g .right-con li a.me0{color: #EEFF31!important; font-weight: bold!important; font-size: 14px!important;}
.top-g .right-con li a.me1{background-image: url("../images/layout/me1.png");}
.top-g .right-con li a.me2{background-image: url("../images/layout/me2.png");}
.top-g .right-con li a.me3{background-image: url("../images/layout/me3.png");}
.top-g .right-con li a.me4{background-image: url("../images/layout/me4.png");}
.top-g .right-con li a.me5{background-image: url("../images/layout/me5.png");}
.top-g .right-con li a.me6{background-image: url("../images/layout/me6.png");}
.top-g .right-con li a.me7{background-image: url("../images/layout/me7.png");}
.top-g .right-con li a.me8{background-image: url("../images/layout/me8.png");}
.top-g .right-con li a.me9{background-image: url("../images/layout/me9.png");}
.top-g .right-con li a.me10{background-image: url("../images/layout/me10.png");}
.top-g .right-con li a.me11{background-image: url("../images/layout/me11.png");}

/*
.covid-con{width: 190px; float:left; display: inline-block; height: 220px; text-align: center; padding: 25px 0; box-sizing: border-box; background:url("../images/layout/covid-bg.jpg") no-repeat left top;}
.covid-con h3{font-size: 25px; color:#333333; line-height: 120%; margin-bottom: 10px;}
.covid-con h3 .red{color:#c33232;}
.covid-con a{font-size: 15px; color:#464646; display: block; padding: 5px; border-radius: 3px; background:rgba(255,255,255,0.6); margin:3px 20px; border: 1px solid #d0d0d0}
*/
.covid-con{width: 190px; float:left; display: inline-block; height: 220px; text-align: center; padding: 12px 0; box-sizing: border-box; background:url("../images/layout/covid-bg.jpg") no-repeat left top;}
.covid-con h3{font-size: 25px; color:#333333; line-height: 120%; margin-bottom: 5px;}
.covid-con h3 .red{color:#c33232;}
.covid-con a{font-size: 15px; color:#464646; display: block; padding: 4px; border-radius: 3px; background:rgba(255,255,255,0.6); margin:2px 20px; border: 1px solid #d0d0d0}

.covid-con1{width: 100%; float:left; display: inline-block; height: 220px; text-align: center; padding: 5px 0; box-sizing: border-box; background:url("../images/layout/covid-bg.jpg"); background-size:100%;}
.covid-con1 h3{font-size: 24px; color:#333333; line-height: 120%; margin-bottom: 10px;}
.covid-con1 h3 .red{color:#c33232;}
.covid-con1 a{font-size: 15px; color:#464646; display: block; padding: 5px; border-radius: 3px; background:rgba(255,255,255,0.6); margin:3px 20px; border: 1px solid #d0d0d0}

/*.top-g .menu-slider > li a.me1:FIRST-CHILD:BEFORE{display: none;}
.top-g .right-con li a{color:#fff; display: block; width: 125px; background:url("../images/layout/me1.png") no-repeat center top; padding-top:50px; min-height: 90px; box-sizing: border-box; text-align: center;}
.top-g .right-con li a.me2{background-image: url("../images/layout/me2.png");}
.top-g .right-con li a.me3{background-image: url("../images/layout/me3.png");}
.top-g .right-con li a.me4{background-image: url("../images/layout/me4.png");}
.top-g .right-con li a.me5{background-image: url("../images/layout/me5.png");}
.top-g .right-con li a.me6{background-image: url("../images/layout/me6.png");}
.top-g .right-con li a.me7{background-image: url("../images/layout/me7.png");}
.top-g .right-con li a.me8{background-image: url("../images/layout/me8.png");}
.top-g .right-con li a.me9{background-image: url("../images/layout/me9.png");}
.top-g .right-con li a.me10{background-image: url("../images/layout/me10.png");}*/

/* 온라인 전자민원/보고
.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{ position:relative; 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: 30px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li {float:left; /*padding:0px 7px 0px 7px;*/ padding: 0px; } /* 20200108 */
.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:17px 0 17px 0; border:0; background:none; position: relative;}
.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:#fff; font-size:16px; font-weight: 800;}
.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:#fff; font-weight: 600;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > button:after,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:hover:after,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:focus:after,
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > button:active:after{width: 100%; height:15px; content:""; display: block; position: absolute; bottom:0px; left:0px; background:url("../images/layout/tab-arr.png") no-repeat center bottom; border-bottom:3px solid #fff;}
.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:#fff;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > div {display:block; padding-top: 20px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li.active > div:before{content:""; display: block; width:calc(100% - 70px); height:1px; background-color:rgba(255,255,255,0.5); position: absolute; left:35px; top:0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .ext_notice_cont > ul > li > div {display:none; position:absolute; top:53px; left:0; width:100%; box-sizing: border-box; border: 0px solid #d4d4d4; padding: 0px;}
.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_clinical ul{margin:0px; box-sizing: border-box; position: absolute; bottom:40px; left:37px; width: calc(100% - 74px); }
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical ul li{margin-top: 5px;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical ul li a{display: block; padding:7px; font-size:15px; color:#464646; border: 1px solid #d0d0d0; background: rgba(255,255,255,0.6); border-radius: 3px; text-align: center;}
.ext_main_wrap .ext_main_cont .ext_main_box .main_clinical.type1 ul{bottom:82px;}
/* 특허정보 */
.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; box-sizing:border-box; margin-bottom:30px; border:4px solid #e1e1e1; border-radius:10px; text-align: center;}
.ext_main_wrap .ext_main_cont .main_user_support ul{    overflow: hidden;
    margin: 0 auto;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li {position:relative; float:left; box-sizing: border-box; width:12.5%;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li > a{display: block; box-sizing: border-box; text-align: center; font-size: 14px; color: #767676; font-weight: 500; line-height: 115%; padding: 58px 0 10px 0; background: url(../images/layout/sb1.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(2) > a{background: url(../images/layout/sb2.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(3) > a{background: url(../images/layout/sb3.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(4) > a{background: url(../images/layout/sb4.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(5) > a{background: url(../images/layout/sb5.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(6) > a{background: url(../images/layout/sb7.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(7) > a{background: url(../images/layout/sb8.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(8) > a{background: url(../images/layout/sb9.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:nth-child(9) > a{background: url(../images/layout/sb6.png) no-repeat center top 7px;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li > a:before{content:''; position:absolute; top:50%; margin-top:-16px; left:0; width:1px; height:33px; background:#e5e5e5; display: block;}
.ext_main_wrap .ext_main_cont .main_user_support ul > li:first-child > a:before{content:''; display:none;}

.ext_main_box{background: url("../images/layout/main-con-bg.png") left top;}

/* 배너모음 */
.ext_main_wrap .ext_main_cont .main_banner{overflow:hidden; position:relative; height:100px; background-color: #fff; border-top:1px solid #eaeaea; }
.ext_main_wrap .ext_main_cont .main_banner h3{float:left; padding-top:35px; font-size:20px; color:#282828;}
.ext_main_wrap .ext_main_cont .main_banner .banner_control{float:left; overflow:hidden; margin-top:38px; 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:calc(100% - 165px); margin-top:27px; padding-left:13px; box-sizing: border-box;}
.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:0px; width:200px;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul li img{width:200px; height:45px; border:0px solid #d0d0d0;}
.ext_main_wrap .ext_main_cont .main_banner .banner_list ul li a:focus img{border:0px 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: inherit; 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: 50px; display: block;}


.con-title-h2{padding-top: 80px; padding-bottom: 40px;}
.con-title-h2 h2{font-size: 33px; text-align: center; font-weight: 600; color:#191919;}
.con-title-h2 h2 strong{color:#1C897B;}
.con-title-h2 h2 strong span{display: inline-block; position: relative;}
.con-title-h2 h2 strong span:before{content:""; background-color:#1C897B; display: block; width: 6px; height: 6px; border-radius: 180px; position: absolute; top:-8px; left:50%; margin-left: -3px;}
.con-title-h2 p{text-align: center; font-size: 16px; color:#8a8a8a;}

.cont-group1{overflow: hidden;}
.cont-group1:after{content:""; display: block; clear: both;}
.cont-group1 .ext_notice_cont{width: 100%; max-width: calc(100% - 505px); float: left;}
.cont-group1 .ext_notice_cont *{color:#fff;}
.cont-group1 .ext_notice_cont .notice-left{float: left; width: 50%; padding-right: 10px; padding-left:35px; box-sizing: border-box;}
.cont-group1 .ext_notice_cont .notice-left dl{}
.cont-group1 .ext_notice_cont .notice-left dt{min-height: 80px;}
.cont-group1 .ext_notice_cont .notice-left dt a{display: block; padding-left: 85px; position: relative; font-size: 16px;}
.cont-group1 .ext_notice_cont .notice-left dt span{border: 1px solid rgba(255,255,255,0.5); font-size: 13px; padding:5px 11px; position: absolute; left:0px; top:0px;}
.cont-group1 .ext_notice_cont .notice-left dt strong{display: block; text-align: center; font-size: 26px;}
.cont-group1 .ext_notice_cont .notice-left dd{border-top:1px dashed rgba(255,255,255,0.4); }
.cont-group1 .ext_notice_cont .notice-left dd a{font-weight: 300; font-size: 15px; display: block; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /* display: -webkit-box; */line-height: 1.5; height: 3.7em;}/*20200212 3줄요약 추가*/
.cont-group1 .ext_notice_cont .notice-right{float: left; width: 50%; box-sizing: border-box; padding-right: 35px;top: -35px; right: 35px;}
.cont-group1 .ext_notice_cont .notice-right .notice{position: relative; margin-bottom:5px;}
.cont-group1 .ext_notice_cont .notice-right .notice a{padding-left: 24px; font-size:15px; font-weight:300; padding-right: 68px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cont-group1 .ext_notice_cont .notice-right .notice a:before{content:""; display: block; width: 17px; height: 17px; position: absolute; left:0px; top:2px; background: url("../images/layout/notice-i.png") no-repeat center center;}
.cont-group1 .ext_notice_cont .notice-right .notice.new a:before{background-image: url("../images/layout/new.png"); content:"new"; font-size: 0px; }
.cont-group1 .ext_notice_cont .notice-right .notice span{position: absolute; font-size:15px; font-weight:300; right: 0px; top:0px;}
.cont-group1 .ext_notice_cont .notice-right p{position: absolute; top:-35px; right:25px;}
.cont-group1 .ext_notice_cont .notice-right p a{display: block; width: 17px; height: 18px; background: url("../images/layout/notice-more.png") no-repeat center center; font-size: 0px;}
.cont-group2 .main_heredity{background: url("../images/layout/con1-1.png") no-repeat center top #005bbc; background-size: 30% auto;}
.cont-group2 .yac{background: url("../images/layout/con1-2.png") no-repeat center top #0a3058; background-size: 30% auto;}
.cont-group2 .ma-group{display: inline-block; float: right; width: 100%; max-width: 244px;}
.cont-group2 .ma-box{padding: 30px 0; box-sizing: border-box; position: relative; max-width: 252px; width: 100%; min-height: 185px;}
.cont-group2 .ma-box *{color:#fff;}
.cont-group2 .ma-box h3{text-align: center; font-size: 21px; font-weight: 500; margin-bottom: 5px;}
.cont-group2 .ma-box p{text-align: center; font-weight: 400;}
.cont-group2 .ma-box ul{position: absolute; bottom:30px; width: calc(100% - 2vw); left:1vw;}
.cont-group2 .ma-box ul:after{content:""; display: block; clear: both;}
.cont-group2 .ma-box ul li{float: left; width:calc(55% - 2px); }
.cont-group2 .ma-box ul li:FIRST-CHILD{margin-right: 4px; width:calc(45% - 2px); }
.cont-group2 .ma-box ul li a{display: block; font-size:15px; border: 1px solid rgba(255,255,255,0.5); color:#fff; height: 38px; border-radius: 3px; text-align: center;  line-height: 36px;}
.cont-group2 .ma-box > a{display: block; font-size:15px; border: 1px solid rgba(255,255,255,0.5); color:#fff; height: 38px; left:1vw; border-radius: 3px; position: absolute;  line-height: 36px; bottom:30px;width:calc(100% - 2vw); text-align: center;}
.cont-group2{}
.cont-group2:after{content:""; display: block; clear: both;}
.cont-group2 > div:FIRST-CHILD{position:relative;}
.cont-group2 > div:FIRST-CHILD li a{display: block; letter-spacing:-1px;}
.cont-group2 > div.main_clinical{width: 260px; overflow:hidden; float: left; box-sizing:border-box; padding:40px 0; position:relative; min-height:370px; background: url("../images/layout/im.png") no-repeat right bottom #f9f9fa;}
.cont-group2 > div.main_clinical.type1{background: url("../images/layout/licence.png") no-repeat center bottom #e9e7e4;}
.cont-group2 > div.main_clinical h3{text-align: center; font-size: 21px; font-weight:600; letter-spacing: -1px; color:#000; padding-bottom: 30px; position: relative; margin-bottom: 30px;}
.cont-group2 > div.main_clinical h3:before{background:#646464; position: absolute; left:50%; margin-left: -15px; width: 30px; height: 2px; bottom:0px; content:""; display: block;}
.cont-group2 > div.main_clinical p{text-align: center; color:#000; font-size: 15px; font-weight: 400; opacity: 0.6; line-height: 115%;}

/*popupzone*/
.pop-box {max-width: 505px; background-color: #fff; width:100%; box-sizing: border-box; float: right; min-height: 260px;}
.pop-box ul{overflow: hidden;border: 0px solid #d2d2d2;}
.pop-box > div:after{content: ""; display: block; clear: both;}
.pop-box > div > span{    position: absolute;
    right: 100px;
    top: 50%;
    margin-top: -13px;
    font-size: 15px;
    color: #333;
    text-align: right;}
.pop-box > div > span strong{    color: #fff;
    font-weight: normal;
    display: inline-block;
    background: #0b437e;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    border-radius: 180px;}
.pop-box .banner_control{overflow:hidden; margin-top:0px; margin-left:10px; border-left:0px solid #d0d0d0; background: url("../images/layout/pop-conto.gif") no-repeat right center; width: 85px; padding-left: 90px; height:29px;}
.pop-box .banner_control button,.pop-box .banner_control a{float:left; display:inline-block; box-sizing: border-box; width:29px; height:29px; border:0; border-left:0px solid #d0d0d0;  margin-left:-1px;  text-indent:-999px; overflow: hidden; background: transparent;}
.pop-box .banner_control a{display: none;}
.pop-box .banner_list_child li{float: left;}
.pop-box .banner_list_child li a{display: block; }
.pop-box{border: 0px; margin-top: 0px; position: relative;}
.pop-box > div{position: absolute; top:25px; right:33px;}
.pop-box h3{    margin-bottom: 0px;
    padding: 25px 0px 15px 5px;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-top: 0px;
    padding-left: 30px;}
.pop-box .banner_list_child li a img{max-height: 155px; display: block; max-width:441px;}
.pop-box ul{height: 155px; margin-left: 30px; margin-top: 5px;}

.cont-group2 > div.pop-box{overflow: hidden; width:42%; max-width:515px; float: left; min-height:370px; box-sizing: border-box; padding: 40px 0; background: #fff;}
.cont-group2 > div.pop-box h3{}
.cont-group2 > div.pop-box ul{}
.cont-group2 > div.pop-box > div{position: absolute; right:37px; top:40px;}
.cont-group2 > div.pop-box > div span{}
.cont-group2 > div.pop-box > div span strong{}
.cont-group2 > div.pop-box > div .banner_control{}
.cont-group2 > div.pop-box .banner_list_child{margin: 0 auto; max-width: 441px; width: 100%;}
.cont-group3{}
.cont-group3:after{content:""; display: block; clear: both;}
.cont-group3 > div:NTH-CHILD(1){width: calc(58% - 260px); position:relative; box-sizing:border-box; padding:40px; float: left; min-height:260px; padding-bottom: 0px; background: url("../images/layout/bio1.png") no-repeat right top, url("../images/layout/bio2.png") no-repeat right 30px bottom #2d5a7c;}
.cont-group3 > div:NTH-CHILD(1) *{color:#fff;}
.cont-group3 > div:NTH-CHILD(1) h3{font-size: 21px; font-weight:500; margin-bottom: 10px;}
.cont-group3 > div:NTH-CHILD(1) h3 span{color:#7ec0e1;}
.cont-group3 > div:NTH-CHILD(1) p{color:rgba(255,255,255,0.9); font-size: 15px; font-weight: 300; line-height: 115%;}
.cont-group3 > div:NTH-CHILD(1) ul{margin-top: 30px;}
.cont-group3 > div:NTH-CHILD(1) ul li{width: 100%; margin-bottom: 7px;}
.cont-group3 > div:NTH-CHILD(1) a{display:block; padding-left: 10px; text-align:left; position:relative; width:100%; font-weight: 300; box-sizing:border-box; border: 0px solid rgba(255,255,255,0.25); border-radius: 3px;}
.cont-group3 > div:NTH-CHILD(1) a:before{content:""; display: block; position: absolute; left:0px; top:50%; width: 3px; height: 3px; background-color: #fff; margin-top: -1px;}
.cont-group3 > div:NTH-CHILD(2){width: 260px; float: left; box-sizing:border-box; padding:40px 0; position:relative; min-height:260px; background: url("../images/layout/bu-p.png") no-repeat right bottom #c4dbee;}
.cont-group3 > div:NTH-CHILD(2) h3{text-align: center; font-size: 21px; font-weight:600; letter-spacing: -1px; color:#252525;}
.cont-group3 > div:NTH-CHILD(2) h3 span{color:#2D5A7C;}
.cont-group3 > div:NTH-CHILD(2) p{position:absolute; bottom:30px; left:40px; width: 100%;}
.cont-group3 > div:NTH-CHILD(2) p a{display: block; padding: 10px; margin-bottom: 5px; width:100%; font-size:15px; font-weight:500;  text-align:center; box-sizing: border-box; width: calc(100% - 80px); border-radius: 3px; background: rgba(255,255,255,0.8); color:#1b1b1b;}
.cont-group3 > div:NTH-CHILD(2) p a:LAST-CHILD{margin-bottom: 0px;}
.cont-group3 > div:NTH-CHILD(3){width:42%; max-width:515px; float: left; min-height:260px; box-sizing: border-box; padding: 33px 0; background: #dcebf5;}
.cont-group3 > div:NTH-CHILD(3) h3{font-size: 21px; font-weight:600; color:#282828; padding-left: 40px;}
.cont-group3 > div:NTH-CHILD(3) h3 span{color:#1C897B;}
.cont-group3 > div:NTH-CHILD(3) ul{width: 95%; margin:0 auto; margin-top: 20px;}
.cont-group3 > div:NTH-CHILD(3) ul:after{content:""; display: block; clear: both;}
.cont-group3 > div:NTH-CHILD(3) ul li{float: left; width: 25%; box-sizing: border-box;}
.cont-group3 > div:NTH-CHILD(3) ul li a{color:#1b1b1b; font-weight: 400; text-align: center; line-height:115%; position: relative; display: block; padding-top: 95px; font-size: 14px; font-weight: 500; color:#1b1b1b;}
.cont-group3 > div:NTH-CHILD(3) ul li a:before{content:""; display:block; width: 78px; height: 78px; border-radius: 180px; background: url("../images/layout/c3-1.png") no-repeat center center #fff; position: absolute; left:50%; top:0px; margin-left: -37px;}
.cont-group3 > div:NTH-CHILD(3) ul li:NTH-CHILD(2) a:BEFORE{background-image: url("../images/layout/c3-2.png");}
.cont-group3 > div:NTH-CHILD(3) ul li:NTH-CHILD(3) a:BEFORE{background-image: url("../images/layout/c3-3.png");}
.cont-group3 > div:NTH-CHILD(3) ul li:NTH-CHILD(4) a:BEFORE{background-image: url("../images/layout/c3-4.png");}



.pop-cl{height: 38px; margin-left:15px; line-height:38px; background: url("../images/layout/pop-a.png") no-repeat right 10px center #1e5995 !important; color:#fff; text-indent:-10px; display: inline-block; position: relative; top:0px; padding: 0 25px;}
.s-open-pop .pop-cl{background-image: url("../images/layout/pop-a1.png");}
.s-open-pop .p-c{display: inline;}
.s-open-pop .p-o{display: none;}
.p-c{display: none;}
.p-o{display: inline;}
#con_body{position: relative; }

/*피해구제 추가 20230912*/
.sub_th{display: none;}

/* 20191231 즐겨찾기 영역 */
div.ext_main_cont > div.my_favor { max-width: 1200px; margin: 0 auto; }

@media screen and (max-width: 1024px) {
    .top-g .right-con .me-g .bx-wrapper .bx-prev {
        margin-top: 0px;
        display:block;
        width: 10%;
        height: 100%;
        position: absolute;
        left: 10px;
        top: 10%;
        color: rgba(0,0,0,0);
    }
    .top-g .right-con .me-g .bx-wrapper .bx-next {
        margin-top: 0px;
        display:block;
        width: 10%;
        height: 100%;
        position: absolute;
        left: inherit;
        right: 10px;
        top: 10%;
        color: rgba(0,0,0,0);
    }
}