@charset "utf-8";
body, html{min-width: 1260px;}
body { font-family:'Noto Sans KR'}

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 } 
.search-close{display: none;}
.th-title{display: none;}
/*쏘팅*/
.sort{background: url("../images/common/sort-sang.png") no-repeat right center !important; color:#2c2c2e !important;}/*sj20181106*/
.sort-up{background: url("../images/common/sort-sang-up.png") no-repeat right center !important; color:#2c2c2e !important;}/*sj20181106*/
.sort-down{background: url("../images/common/sort-sang-down.png") no-repeat right center !important; color:#2c2c2e !important;}/*sj20181106*/
/*커서*/
.p_cursor{cursor: pointer;}
.sitemap dl dt{padding:8px 10px !important; box-sizing: border-box;}
.sitemap dl dt:before{content:""; display: inline-block; width: 5px; height: 2px; background:#b0b0b0; position: relative; top:-3px; left:3px;}
.sitemap dl dd{padding-left:20px; padding-right: 20px;}
.sitemap dl dd > ul > li:before{content:""; display: inline-block; width: 3px; height: 3px; background: #2caec4; position: relative; left:8px; top:-3px;}
.sitemap dl dd > ul > li{position: relative; width: 100% !important; box-sizing: border-box; padding: 5px 0 !important;}
.sitemap dl dd > ul > li > button{font-size: 0px; background: url("../images/contents/s-plus.gif") no-repeat center center #fff ; display: block; position: absolute; right:0px; top:4px;  width: 17px; border-radius:3px;  border: 1px solid #d7d8d8; height: 17px; box-sizing: border-box;}
.sitemap dl dd > ul > li.on > button{background:url("../images/contents/s-mius.gif") no-repeat center center #e3eaf2;}
.sitemap dl dd > ul > li.on > a,.sitemap dl dd > ul > li.on > label{text-decoration: underline !important; color:#2caec4 !important;}
.sitemap dl dd > ul > li > a{padding-right: 20px;}
.sitemap dl dd ul li{position: relative;}
.sitemap dl dd ul .depth3.on .depth4{display: block;}
.sitemap dl dd ul .depth4{padding-left: 5px; display: none;}
.sitemap dl dd ul .depth4 ul{background: #fff; margin-top: 10px; border: 1px solid #d5d5d5; padding: 10px !important; width: 100%; box-sizing: border-box;}
.sitemap dl dd ul ul li{width: 100% !important; box-sizing: border-box; margin: 0px !important; margin-top: 3px !important; padding-left: 8px !important;}
.sitemap dl dd ul ul li:before{content:""; display: inline-block; width: 4px; height: 1px; background: #626262; position: absolute; top:9px; left:0px;}
.sitemap dl dd ul ul li:first-child{margin-top: 0px !important;}
.left{text-align: left !important;}
.s-con h2.title-t{font-size: 18px; font-weight: 600; margin-bottom: 10px; min-height: 25px; color:#303030;}
.s-con h2.title-t em{background: #30afc7; border-radius: 50px; padding:4px 15px; font-size: 13px; display: inline-block; color: #fff; margin-left: 10px;}
.s-con .float-layout:after{content:""; display: block; clear: both;}
.s-con .float-layout > div{float: left; width: 50%; box-sizing: border-box; padding-right: 15px;}
.s-con .float-layout > div:nth-child(even){padding-left: 15px; padding-right: 0px;}
.s-con .tb_list.type2{margin-top: 0px;}
.s-con .tb_list.type2 tbody tr:nth-child(odd){background-color: #fff;}
.s-con .text-box textarea{white-space: pre-wrap; word-break:keep-all; overflow: auto; min-height: 210px;}
.s-con .board_search .search_layout1{text-align:left;}
.s-con .board_search .search_layout1 label{min-width: 50px;}
.s-con .board_search .search_layout1 input{width: calc(100% - 200px); min-width: 30px;}
.s-con .cont-b{margin-bottom: 30px;}
.bf{font-size: 22px;}
.red-f{color:#da3610;}
.blue-f{color:#10537c;}
.t-box{border: 1px solid #d0d0d0; position: relative; overflow: hidden;}
.center{text-align: center !important;}
.t-box h4{position: relative;}
.t-box > div{padding: 15px 0px 10px 5px; background: #fff;}/*수정*/
.t-box > div > span{display: block;}
.t-box > div ul li{text-align: left; margin-bottom:6px; position: relative;}
.t-box > div ul li:last-child{margin-bottom: 0px;}
.t-box > div ul li button{background: none;white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow:ellipsis; width: 100%; display: block;text-align: left;}
.t-box > div ul li button:hover,.t-box > div ul li button:focus,.t-box > div ul li button:active,.t-box > div ul li button.on, .t-box li.on input[type="checkbox"] + label{text-decoration: underline; color: #027b90;}/*sh수정*/
.t-box h4 label{position: absolute; right: 13px; top:13px; margin-right: 0px;}
.c-group .b-title.du .t-box:first-child {border-right: 0px;}
.b-title h3{color:#303030; font-size:16px; margin-bottom: 10px;font-weight: 600;}
.b-title h3:before{content:""; display: inline-block; width: 6px; height: 4px; background: #5c7aa0; margin-right: 7px; position: relative;  top:-3px;}
.b-title .t-box:nth-child(3){margin-top: 10px;}
.t-box.check  ul:before{content:""; display: block; position: absolute; top:-15px; width: 1px; background: #d0d0d0; left: 35px; height: 500px;}
.t-box  input[type="checkbox"]{opacity: 0.0; position: absolute;}
.t-box  input[type="checkbox"] + label {padding-left: 40px; box-sizing: border-box; width: 100%; margin: 0px;height: 17px;display: inline-block; cursor: pointer;font-size: 13px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.t-box  input[type="checkbox"] + label:hover{text-decoration: underline; color: #027b90;}
.t-box  input[type="checkbox"] + label:hover:before{background: #027b90;}
.t-box  input[type="checkbox"] + label:after{content:""; display: inline-block; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #fff; position: absolute; left:10px;}
.t-box  input[type="checkbox"]:disabled + label:after{content:""; display: inline-block; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #e4e4e4; position: absolute; left:10px;}
.t-box.check h4 input[type="checkbox"] + label{content:""; display: inline-block; width: 15px; padding: 0px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background-color: #fff; position: absolute; left:10px;}
.t-box.check h4 input[type="checkbox"] + label:after{display: none;}
.t-box.check h4 input:checked +label{content:""; display: inline-block; width: 15px; padding: 0px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background: url("../images/common/check-on.png") no-repeat center center #fff; position: absolute; left:10px;}
.t-box.check h4 input:focus +label{content:""; display: inline-block; width: 15px; padding: 0px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background: url("../images/common/check-on.png") no-repeat center center #fff; position: absolute; left:10px;}
.t-box.check ul li{position: relative; height: 17px; margin-left: -5px;} /*sh수정*/
.t-box > div ul li label:after{position: absolute; left: 0px; margin: 0px; top:2px;content:"";}
.t-box > div ul li label:before{content: "";display: inline-block;width: 5px;height: 2px;background: #626262;position: relative;top: -4px;margin-right: 5px;}
.t-box input:checked +label{position: relative;}
.t-box input:checked +label:after{display: inline-block; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background: url("../images/common/check-on.png") no-repeat center center #fff;}
.t-box input:focus +label{position: relative;}
.t-box input:focus +label:after{display: inline-block; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #d0d0d0; background: url("../images/common/check-on.png") no-repeat center center #fff;}
.t-box label{margin: 0px;}
/*1012 추가 부분*/
#step_two li label:after, #step_one li label:after {left: -18px;width: 15px;height: 15px;top: 0px;background:url("../images/common/radio_check.png") no-repeat center center #fff;}
#exam_type input[type="radio"] + label:after {left: -11px;width: 15px;height: 15px;top: 0px;background:url("../images/common/radio_check.png") no-repeat center center #fff;}
#exam_type li input[type="radio"]:focus + label:after {display: inline-block; width: 15px; height: 15px;  border: 0px; box-sizing: border-box; background: url(../images/common/radio_check_on.png) no-repeat center center #fff;  left: -11px;}
#exam_type li input[type="radio"]:checked + label:after {display: inline-block; width: 15px; height: 15px;  border: 0px; box-sizing: border-box; background: url(../images/common/radio_check_on.png) no-repeat center center #fff;  left: -11px;}
#exam_type li input[type="radio"]:disabled + label:after {display: inline-block; width: 15px; height: 15px;  border: 0px; box-sizing: border-box; background: url(../images/common/radio_check_disable.png) no-repeat center center #fff;  left: -11px;}
#step_two input[type="checkbox"]:disabled + label:after, #step_two input[type="checkbox"]:disabled + label:after{background: url(../images/common/radio_check_disable.png) no-repeat center center #fff;}
#exam_type li input[type="radio"] {opacity: 0.0;}
#exam_type li input[type="radio"] + label {padding-left: 30px; box-sizing: border-box; width: 100%; margin: 0px; cursor: pointer; font-size: 13px; color: #000;}
#exam_type li input[type="radio"] + label:hover {text-decoration: underline; color: #027b90;}
#step_two li label:before, #step_one li label:before{content: "";width: 0px;}
#step_one li input , #step_two li input {opacity: 0.0;}
#step_two input[type="checkbox"] + label:hover, #step_one input[type="checkbox"] + label:hover{text-decoration: underline; color: #027b90;}
#step_two li label:before, #step_one li label:before{content: "";width: 0px;}
#step_two input:checked +label:after, #step_one input:checked +label:after{display: inline-block; width: 15px; height: 15px; border:0px; box-sizing: border-box; background: url("../images/common/radio_check_on.png") no-repeat center center #fff;cursor: pointer;}
#step_two input:checked +label span, #step_one  input:checked +label span{text-decoration: underline; color: #027b90;}
#step_one > li , #step_two > li{width: 100%;cursor: pointer;}
#step_one > li span , #step_two > li span {width: 155px; text-align: left; display: inline-block; vertical-align: top;cursor: pointer;}
/*@media \0screen\,screen\9{\0#step_one > li span , #step_two > li span {vertical-align: text-top;}\9}
@media screen and(min-width:0\0) {#step_one > li span , #step_two > li span {vertical-align: text-top;}}*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){#step_one > li span , #step_two > li span {vertical-align: text-top;}}
.t-box h4{text-align: center; height: 40px; line-height: 40px; color:#303030; background: #e3eaf0; border-bottom: 1px solid #d0d0d0;}
.float-layout.type1 > div{padding: 0px !important;}
.dot-box .float-layout{margin-bottom:0px;}
.float-layout{margin-bottom: 30px;}
.b-title{float: left;}
.t-box.check h4{background-color: #f2f5fa;}
.t-box .bf{font-weight: 800;}
.t-box.check > div,.c-group .b-title.du .t-box > div{height: 140px; overflow: auto;}
.c-group:after{content:""; display: block; clear: both;}
.c-group .b-title{margin-left: 20px; box-sizing: border-box; width:calc( 25% - 15px);}
.c-group .b-title:first-child{margin-left: 0px;}
.location{background:url("../images/common/arr.png") no-repeat 10px center #10537d; padding: 10px; color:#fff; padding-left:30px; border-radius: 5px; font-size: 13px; position: relative; margin-bottom: 30px;}
.location:after{content:""; display: block; width: 100%; margin-top: 10px; border-bottom: 1px dashed #b8b8b8; position: absolute; left:0px; bottom: -10px;}
.dot-box{padding: 15px; background-color: #f2f5fa; border: 1px dashed #b8b8b8;}
.c-group .b-title.du{width: calc( 50% - 10px);}
.c-group .b-title.du .t-box h4{background-color: #e0f7fb;}
.btn_area.big-type a,.btn_area.big-type button{font-size: 18px !important; padding: 12px 45px; height: auto !important; line-height: normal !important;}
/*설문조사*/
.s-sul{border-bottom: 1px solid #303030;}
.s-sul .sa-box{border: 1px solid #d2d2d2; margin-bottom: 30px; border-radius: 4px;}
.s-sul .sa-box *{vertical-align: middle;}
.s-sul .sa-box > div{padding: 15px; position: relative; min-height: 50px; padding-left: 80px; display: table; width: 100%; box-sizing: border-box;}
.s-sul .sa-box > div > strong{text-align: center; line-height: 50px; color:#fff; background: #56bed1; font-weight: bold; border-radius: 180px; display: inline-block; height: 50px; width: 50px; position: absolute; left:15px; top:15px;}
.s-sul .sa-box > div.sq strong{background: #33739c;}
.s-sul .sa-box > div.sq{font-size: 15px; font-weight: bold; color:#33739c;}
.s-sul .sa-box > div.an{border-top:1px solid #d2d2d2;}
.s-sul .sa-box > div > div{display: table-cell; vertical-align: middle; height: 50px;}
.s-sul .ch-g{display: inline-block; box-sizing: border-box;} /*sh수정*/
.s-sul .ch-g:nth-child(1),.s-sul .ch-g:nth-child(2),.s-sul .ch-g:nth-child(3),.s-sul .ch-g:nth-child(4){margin-top: 0px;}
.s-bar{padding: 15px 0;}
.s-bar strong:last-child{color:#33739c; right: 0px; top:0px; left:auto;}
.s-bar strong:first-child{width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s-bar strong{color:#626262; position: absolute; left:0px; top:0px;}
.s-bar li{position: relative; padding-left: 130px; padding-right: 130px; box-sizing: border-box; font-size: 13px; min-height: 15px; margin-top: 20px;}
.s-bar li:first-child{margin-top: 0px;}
.s-bar li span{display: block; height: 15px; background: #a2dde8; border-radius: 50px;}
.sul-te{border-bottom: 1px solid #303030; margin-bottom: 30px;}
.sul-te > div:after{content: ""; display: block; clear: both;}
.sul-te *{vertical-align: middle;}
.sul-te > div{padding: 15px; border-bottom: 1px solid #d0d0d0;}
.sul-te > div.type-s strong{position: absolute; left:0px; margin-top: -8px; top:50%; float: none;}
.sul-te > div.type-s > span{padding-left: 70px;}
.sul-te > div > span{position: relative; display:block;  float: left; padding-right: 30px; box-sizing: border-box;}
.sul-te > div > span > span{display: block; float: left; box-sizing: border-box; padding-left: 15px;}
.sul-te > div > span:first-child strong{min-width:50px;}
.sul-te > div:last-child{border-bottom: 0px;}
.sul-te strong{display:inline-block; min-width: 20px; float: left; position: relative; padding-right: 15px;}
.sul-te strong:after{content:""; display: inline-block;  width: 1px; height: 7px; background: #626262; position: absolute; top:50%; right:0px; margin-top: -4px;}
/*전주기추적관리 상세정보*/
.s-pop{padding: 15px;}
.s-info{background: url("../images/common/mi.png") no-repeat left center; font-size: 12px; color:#019caa; padding-left:20px; margin-bottom: 20px;}
.s-acc{border: 1px solid #d2d2d2; margin-bottom: 20px; border-top:2px solid #027b90; box-shadow: 1px 1px 0px rgba(0,0,0,0.05);}
.s-acc.on .s-acon{display: block; padding: 20px; padding-top: 0px;}
.s-acc .s-acon{display: none;}
.s-acc h2{padding: 15px; position: relative; border-bottom: 1px solid #d2d2d2;}
.s-acc h2 > button{background:url("../images/common/off-i.png") no-repeat right center; color:#303030; font-size: 18px; font-weight: bold; padding-right:30px;}
.s-acc.on h2 > button{background:url("../images/common/on-i.png") no-repeat right center;}
.s-acc .s-acon{display: none;}
.blue-s{color:#0691a6 !important;}
.s-acc .s-acon .h3-group{border-bottom:1px solid #d2d2d2;}
.s-acc .s-acon .h3-group.no-line{border-bottom: 0px;}
.s-acc .s-acon .h3-group:last-child{border-bottom: 0px;}
.s-acc .s-acon h3{font-size: 15px; color:#303030; margin-bottom: 12px; font-weight: bold; padding-top: 20px;}
.s-acc .s-acon h3:before{content:"";display: inline-block; border: 3px solid #019caa; box-sizing: border-box; width: 12px; height: 12px; border-radius: 180px; margin-right: 7px;}
.s-acc .s-acon h3.red-type{color:#e55428;}
.s-acc .s-acon h3.red-type:before{border: 3px solid #e55428;}
.s-acc .s-acon ul.s-type-list{padding-bottom: 20px;}
.s-acc .s-acon ul.s-type-list:after{content:""; display: block; clear: both;}
.s-acc .s-acon ul.s-type-list li{float: left; font-size: 13px; color:#626262; margin-right: 15px;}
.s-acc .s-acon dl{border: 1px solid #c7d1e0; margin-bottom: 0px;}
.s-acc .s-acon dl *{vertical-align: middle;}
.s-acc .s-acon dt{position: relative; background: #f1f6fc; padding: 15px 10px;}
.s-acc .s-acon dt strong{background: url("../images/common/c-i.png") no-repeat left center; font-size: 14px; font-weight: bold; color:#019caa; display: inline-block; padding-left: 10px; margin-right: 15px;}
.s-acc .s-acon dt ul{display: inline-block;}
.s-acc .s-acon dt ul:after{content:""; display: block; clear: both;}
.s-acc .s-acon dt li{float: left; padding-right: 10px;}
.s-acc .s-acon dd{padding: 10px; padding-bottom: 0px;}
.s-acc .s-acon dd li{position: relative;}
.s-acc .s-acon dd li ul:after{content: ""; clear: both; display: block;}
.s-acc .s-acon dd li strong{position: absolute; left:0px; top:50%; margin-top: -10px; border: 1px solid #017185; color:#017185; font-weight: bold; font-size: 12px; padding:0 5px; border-radius: 2px; height: 20px; line-height: 20px;}
.s-acc .s-acon dd > ul > li{min-height: 30px; padding-top: 16px;}
.s-acc .s-acon dd > ul > li:last-child:after{display: none;}
.s-acc .s-acon dd li strong.num2{border: 1px solid #539710; color:#539710;}
.s-acc .s-acon dd li strong.num3{border: 1px solid #e55428; color:#e55428;}
.s-acc .s-acon dd li strong.num4{border: 1px solid #003d70; color: #003d70;}
.s-acc .s-acon dd li:after{content:""; display: block; position: absolute; width: 100%; height: 1px; background: #c8d1e0; left:0px; bottom:0px;}
.s-acc .s-acon dd li ul{width: 100%; box-sizing: border-box;}
.s-acc .s-acon dd li ul li{float: left; min-height: 20px; padding-left: 40px;}
.s-acc .s-acon dd li ul li:after{display: none;}
.s-acc .s-mc{position: relative;}
.s-acc .s-more{position: absolute;  right:15px; top:50%; margin-top: -10px; font-size: 12px; color:#626262; padding: 0 5px; padding-right: 15px; border: 1px solid #c7d1e0; height: 20px; line-height: 20px; background: url("../images/common/m-arr.png") no-repeat right center #fff; border-radius: 2px;}
.s-acc  dd .s-mc .s-more{right: 5px; top:50%; margin-top: -10px;}
.s-acc .s-mc .s-more{top:0px; margin-top: -1px;}
.s-acc h3 + .s-mc .s-more{right: 0px;}
.s-acc .s-text{position:absolute; right:15px; top:50%; margin-top:-5px; font-size:12px; color:#5c7aa0;}/*sh추가*/
.dot:after{content:""; clear: both; width: 0px !important; height: 0px !important;}
.dot > span{display: inline-block; min-width: 50px; margin-right: 10px;}
.dot{min-height: 20px !important; padding-top: 0px !important; margin-bottom: 10px;}
.dot > div{display: inline-block;}
.dot-ul{padding-left: 10px; padding-bottom: 5px;}
.dot:before{content:""; display: inline-block; width: 6px; height: 6px; background: #019caa; border-radius: 180px;}
.pop-btn{border-top:1px solid #d0d0d0; padding: 10px 15px; text-align: right; margin-left: -15px; margin-right: -15px;}
.pop-btn *{vertical-align: middle;}
.pop-btn a,.pop-btn button{height: 30px; padding: 0 20px; line-height: 30px; background: red; color:#fff; font-size: 12px; background: #52647c; display: inline-block; margin-left: 3px;}
.green-btn{background: #017185 !important;}
.ci:before{content:""; display: inline-block; width: 10px; height: 10px; background:url("../images/contents/xi.gif") no-repeat center center; position: relative; left:-5px;}
.step-box{margin-bottom: 20px;}
.step-box:after{content:""; display: block; clear: both;}
.step-box .st-con{width: calc(25% - 23px); float: left; box-sizing: border-box; margin-right: 30px;position: relative;}
.step-box .st-con:after{position: absolute; content:""; display: block; width: 12px; height: 23px; background: url("../images/contents/s-arr.png") no-repeat left center; top:25px;  right:-22px;}
.step-box .st-con:last-child:after{content:""; display: none;}
.step-box .st-con:last-child{margin-right: 0px;}
.step-box .st-con > div{box-sizing: border-box;}
.step-box .st-con > div > div{padding: 20px; border: 1px solid #d0d0d0; height: 520px; border-top:0px; overflow-y: auto; overflow-x: hidden;}
.step-box .st-con > div > div ul:first-child {margin-top: -9px;}
.step-box .st-con h2{background: #027b90; color:#fff; text-align: center; padding: 20px 0; font-size: 18px; border-radius:5px 5px 0 0;}
.step-box .st-con:nth-child(even) h2{background: #52647c;}
.step-box .st-con h2 span{color: #027b90; background: #fff; border-radius: 180px; height: 30px; width: 30px; line-height: 30px; display: inline-block; text-align: center; font-size: 15px; font-weight: 800;}
.step-box .st-con:nth-child(even) h2 span{color:#52647c;}
.step-box .st-con h3{text-align: center; font-size: 14px; color: #027b90; background: #ebf1f9; padding: 10px; border-radius: 5px;}
.step-box .st-con h3.type-red{background: #ffeae4; color:#e55428;}
.step-box .st-con ul li:after{content:""; display: block; clear: both;}
.step-box .st-con ul li{padding:4px 10px; position: relative; border-bottom: 1px solid #d2d2d2;}
.step-box .st-con ul li:nth-last-child(1){border-bottom: 0px !important;}
.step-box .st-con  ul li strong{margin-right: 10px; float: left; padding: 3px 0;}
.step-box .st-con  ul li span{float: left; padding: 3px 0; word-break: keep-all;}
.step-box .st-con ul li:before{content:""; display: inline-block; width: 4px; height: 4px; background:#99a5b6; border-radius: 180px; position: absolute; top:13px; left:0px;}
.step-box .st-con  ul li.no-data{height: 85px; font-size: 0px; border-bottom: 0px; background: url("../images/contents/no-date-i.png") no-repeat center center;}
.step-box .st-con  ul li.no-data:before{display: none; content: "";}
.s-t{position: relative; padding-right: 99px; display: inline-block;}
.s-t > p{position: absolute; right: 0px !important; top:0px !important;}
.s-t ul li input{width: 300px !important;}
.info-ex{color:#10537c; font-size: 14px; margin-bottom: 10px; display: block;}
.info-ex:before{content:""; display: inline-block; width: 4px; height: 4px; background:#10537c; margin-right: 8px; position: relative; top:-3px;}
.toggle-btn{font-size: 0px; display: block; width: 80px; height: 30px; background: url("../images/layout/acco-arr.png") no-repeat center center; border-radius: 3px; }
.accod{border-top:0px solid #303030;  border-bottom: 1px solid #d0d0d0; line-height:18px; word-break:keep-all;}
.accod > div > h2{position: relative; padding: 20px 0; border-bottom: 0px solid #d0d0d0; font-size: 17px; color:#303030; font-weight: normal; padding-left: 20px;}
.accod > div > h2:after{content:""; display: block; clear: both;}
.accod > div > h2 *{vertical-align: middle;}
.accod > div > h2 > span{font-size: 18px; color:#595959; display:inline; position: relative; top:0%; left:0px; margin-top:0px;}
.accod > div > h2 > span:after{content:"."; display: inline-block;}
.accod > div > h2 button{position: absolute; right: 20px; top:50%; margin-top: -15px;}
.accod > div > h2 > p{display: inline;}
.accod > div.s-acc-con.on > h2 > span{color:#0068cc; font-weight: 500;}
.accod > div.s-acc-con.on > h2 button{background-image: url("../images/layout/acco-arr-on.png");}
.accod.allc > .s-acc-con.on .ac-con{display: none !important;}
.accod .ac-con{background: #f8f8fa; padding: 30px; border: 1px solid #c3c6cd; border-bottom: 0px; }
.accod .ac-con table{background: #fff;}
.accod .ac-con table .list_st1 > li{font-size: 13px;}
.accod .ac-con > p {line-height:18px; word-break: keep-all;}/*게시물컨텐츠관련수정sh_20181022*/
.accod .ac-con .con-box{border: 1px solid #d9d9d9; border-radius: 5px; padding: 18px 50px; background: url("../images/layout/info-i.png") no-repeat 20px 20px #fff; margin-bottom: 15px; line-height:18px;}/*게시물컨텐츠관련수정sh_20181022*/
.accod .ac-con .con-box strong{font-weight: normal; color:#e55428;}
.notice-pop {overflow: hidden; min-height: 161px; box-sizing: border-box;}
.notice-pop > div > .bx-wrapper{border:0px;}
.accod .ac-con ol li strong{background: #027b90; color:#fff; font-weight: bold; font-size: 14px; display: inline-block; width: 22px; height: 22px; line-height: 22px; border-radius: 180px; text-align: center; position: absolute; top:0px; left:0px;}
/*20190102 ol추가*/
.accod .ac-con ol li strong.num{position:relative; display: inline-block; width: 22px; height: 22px; margin:0 10px 5px 0; background: #0d7e9c; color:#fff; font-weight: bold; font-size: 14px; line-height: 22px; border-radius: 180px; text-align: center;}
.s-acc-con.on .ac-con{display: block;}
.s-acc-con.on h2{color:#10537d; text-decoration:underline; border: 1px solid #3672c5 !important; color:#1172cf; text-decoration: none;}/*게시물컨텐츠관련추가sh_20181022*/
.s-acc-con .ac-con{display: none;}
.accod .s-acc-con > h2{border: 1px solid #d0d0d0; border-bottom: 0px;}
.graph-view .graph-box{border: 1px solid #d2d2d2; box-sizing: border-box; margin-bottom: 20px; position: relative; text-align: center;}
.graph-view .graph-box.g-search:before{content:""; display: block; width: 100%; height: 1px; background-color: #d2d2d2; position: absolute; top:-4px; left:0px;}
.graph-view .graph-box .graph-search{border-bottom: 1px solid #d2d2d2; position: relative; padding: 20px; margin-bottom: 25px; box-sizing: border-box; min-height: 70px;}
.graph-view .graph-box .graph-search .search-con *{vertical-align: middle !important; display: inline-block;}
.graph-view .graph-box .graph-search .search-con label{margin:0 10px;}
.graph-view .graph-box .graph-search .search-con label:first-child{margin-left: 0px;}
.graph-view .graph-box .graph-search .btn_mob{position: absolute; right:25px; top:50%; margin-top: -15px;}
.graph-view .graph-box .graph img{width: 100%;}
.graph-view .graph-box h2{text-align: center; color:#3e5672; font-weight:normal; font-size: 18px; padding: 30px;}
.info-t{text-align: right; color:#0e537c; display: block; padding:40px;}
.graph-view .graph-box.fl-con{border: 0px;}
.graph-view .graph-box.fl-con > div{float: left; width: 45%; box-sizing: border-box;}
.graph-view .graph-box.fl-con > div:last-child{width: 55%;}
.graph-view .graph-box.fl-con.half > div{width:calc(50% - 12px); border: 1px solid #d2d2d2; box-sizing: border-box; padding-top: 40px; overflow: hidden;}
.graph-view .graph-box.fl-con.half > div:last-child{margin-left: 24px;}
.graph-view .graph-box.fl-con > div h3{text-align: center; font-size: 18px; color:#303030; margin-bottom: 20px;}
.graph-view .graph-box.fl-con.half > div h3{color:#3e5572; font-size: 22px; font-weight: bold;}
.graph-view .graph-box.fl-con > div table{border-collapse: collapse; border: 1px solid #d0d0d0; border-top:2px solid #019caa;  width: 100%; text-align: center;}
.graph-view .graph-box.fl-con > div table caption{font-size: 0px; position: absolute;}
.graph-view .graph-box.fl-con > div table thead th{border: 1px solid #d0d0d0; background-color: #e0f7fb; color:#303030; padding: 10px 0;}
.graph-view .graph-box.fl-con > div table tbody th{border: 1px solid #d0d0d0; background-color: #ecf7f9;}
.graph-view .graph-box.fl-con > div table tbody td{border: 1px solid #d0d0d0; color:#333; font-weight: normal; padding: 10px;}
.graph-view .graph-box.fl-con > div table tbody td.gray{font-weight: bold; background-color: #f3f3f3;}
.graph-view .graph-box.fl-con h2{font-size: 22px; font-weight: bold;}
.graph-view .graph-box.fl-con:after{content:""; display: block; clear: both;}
.graph-view .graph-box.g-search.no-type .graph-search{border-bottom: 0px;}
.graph-box.only{padding-bottom: 40px;}
.graph-box.g-search.no-type:before{display: none;}
.graph-box.g-search.one-type .graph-search{margin-bottom: 0px; border-bottom: 0px;}

/* eCTD Viewer 스타일 */
#contents{width: 100%;}
#treeView{box-sizing: border-box; }/*여기부터*/
.over-h{overflow-y: hidden;}
#treemenu_wrap{height: calc(100vh - 165px);}
#ContentsWrap > div[id *="scroll_"]{height: calc(100vh - 150px);}
#treeInfo{position: fixed; left:0px; bottom:0px;}/*여기까지*/
/*#header.fix{position: fixed;z-index: 999;}
#treeView.fix{position: fixed; top:50px;}*/
#viewer{width:calc(100% - 434px); box-sizing: border-box;}
#viewer.big{width:calc(100% - 664px);}
#viewer > div {width: 100%;}
#viewTab{left:10px; right: auto;}
#header .btn_help{left:auto; right:10px; top:0px;}
.board{width: 100%;}
#ContentsWrap{width: 100%;}
#memo_all_view span.title{width: 100%;}
#board_ser_set .search_set{width: 100%;}

.search-con .calender_type{max-width: 150px;}
.table-box table{border-collapse: collapse;}
.table-box table caption{font-size: 0px; position: absolute;}
.table-box table thead th{padding: 15px; font-weight: normal; background-color: #f0f0f0; border: 1px solid #d0d0d0; color:#303030;}
.table-box table tbody td{padding: 15px; border-left:1px solid #d0d0d0;  border-bottom: 1px solid #d0d0d0; word-break: keep-all;}
.table-box table tbody tr td:first-child{border-left:0px;}
.guide_box .info-t{padding: 0px; color: #027b90; text-align: left; padding-left: 15px; position: relative;}
.guide_box .info-t:before{content:"※ "; display: inline-block; position: absolute; left:0px; top:0px;}
.graph-view .guide_box{background-image: url("../images/common/icon_guidebox3.png") !important; margin-bottom: 40px;}
.only{padding-bottom: 40px;}
.it{background: url("../images/contents/i.png") no-repeat left center; margin-top: 15px; padding:3px 20px; display: inline-block;color:#626262; margin-bottom: 20px;}
h3.type-b{position: relative; min-height: 30px; margin-bottom: 15px;}
h3.type-b > span{display: block; text-align: left; font-weight: bold; font-size: 22px; color:#3e5572;padding-left: 40px;}
h3.type-b .btn_mob{position: absolute; right: 40px; top:50%; margin-top: -15px;}
.s-detail{padding: 20px; background: #f2f5fa;}
.s-detail > div{margin: 0 auto; width: 70%;}
.s-detail > div:after{content:""; display: block; clear: both;}
.s-detail > div dl{box-sizing: border-box; padding-right: 55px; padding-left: 80px; position: relative; float: left; width: 50%;}
.s-detail > div dl:after{content:""; display: block; clear: both;}
.s-detail > div dl dt{position: absolute; top:50%; left:0px; padding-right: 10px; text-align: right; min-width: 80px; box-sizing: border-box; margin-top: -7px; color: #626262;}
.s-detail > div dl dd:last-child{position: absolute; top:50%; right:0px; margin-top: -34px;}
.s-detail > div dl dd button{display: block; padding: 8px; border: 1px solid #da3610; box-sizing: border-box; border-radius: 3px; background: #fff; color: #da3610;}
.s-detail > div dl dd button:hover,.s-detail > div dl dd button:focus,.s-detail > div dl dd button:active{background-color: #da3610; color:#fff;}
.s-detail > div dl dd button.s-plus{color: #027b90;border: 1px solid #027b90; margin-bottom: 2px;}
.s-detail > div dl dd button.s-plus:hover,.s-detail > div dl dd button.s-plus:focus,.s-detail > div dl dd button.s-plus:active{background: #027b90; color:#fff;}
.s-detail > div dl dd.s-scroll{overflow-y: auto; overflow-x: hidden; box-sizing: border-box; border: 1px solid #d2d2d2; position: relative; height: 90px; width: 100%;}
.s-detail > div dl dd.s-scroll li{border-bottom: 1px solid #d2d2d2; background: #fff;}
.s-detail > div dl dd.s-scroll li:nth-child(even){background: #f2f5fa;}
.s-detail > div dl dd.s-scroll li a{display: block; padding:7px 10px; text-align: left;}
.s-detail > div dl dd.s-scroll li:last-child{border-bottom: 0px;}
.graph-view .graph-box .graph-search.detail{padding: 20px 0 0 0;}
.t-con:after{content:""; display: block; clear: both;}
.t-con > div{float: left; width:calc(100% - 320px); margin-bottom: 30px; box-sizing: border-box;}
.t-con > div:first-child{width: 290px; margin-right: 30px;}
.t-con.st2 > div{float: left; width:calc(50% - 15px);}
.b-box{background: #33739c; color:#fff; padding-top: 17px; margin-top: 20px;}
.b-box:first-child{margin-top: 0px;}
.b-box h2{background: rgba(0,0,0,0.15); text-align: center; padding: 10px; font-size: 18px;}
.b-box > div{padding: 20px;}
.b-box > div h3{text-align: center; font-weight: normal; font-size: 13px; background: url("../images/contents/ic3.png") no-repeat center top; padding-top: 75px; padding-bottom:25px;}
.b-box > div h3 span{display: block; text-align: center;}
.b-box > div h3+ul{border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.b-box > div h3+ul li{border-bottom: 1px solid rgba(255,255,255,0.4); padding: 10px 0; font-size: 13px; font-weight: bold;}
.b-box > div h3+ul li:after{content:""; display: block; clear: both;}
.b-box > div h3+ul span{display: inline-block; width: 40%; letter-spacing: -1px; float: right; text-align: right;}
.b-box > div h3+ul span:first-child{width: 60%; float: left; text-align: left;letter-spacing: -0px;}
.b-box.type2{background: #027b90;}
.b-box.type2 ul.fl-a:after{content:""; display: block; clear: both;}
.b-box.type2 ul.fl-a li{float: left; width: calc(50% - 5px); margin-top: 10px;}
.b-box.type2 ul.fl-a li:nth-child(odd){margin-right: 10px; text-align: center;}
.b-box.type2 ul.fl-a li:nth-child(1),.b-box.type2 ul.fl-a li:nth-child(2){margin-top: 0px;}
.b-box.type2 ul.fl-a li a{display: table; height: 95px; background: #fff; text-align: center; width: 100%; box-sizing: border-box; border-radius: 4px;}
.b-box.type2 ul.fl-a li a:hover{border: 2px solid #fff; background-color: transparent; color:#fff; text-decoration: none;}
.b-box.type2 ul.fl-a li span{display: table-cell; vertical-align: middle; word-break: keep-all;}
.graph-b{box-sizing: border-box; margin-bottom: 30px; border: 1px solid #d2d2d2; width: 100%;}
.graph-b h2{padding: 30px; position: relative; font-size:18px; font-weight:300; color:#303030;} /*20190115  sh수정*/
.graph-b h2 span{text-align: left;}
.graph-b h2 select{position: absolute; right: 30px; top:30px;}
.graph-b .graph img{width: 100%;}
.graph-b > div{padding-bottom: 30px;}
.graph-b .info-t{padding: 0px 30px; text-align: left; margin-bottom: 15px; margin-top: -15px;}
.left-none{width: 100% !important;}
.graph-b .fl-b{padding: 0 30px;}
.graph-b .fl-b a{display: block; width: calc(50% - 2px); float: left; box-sizing: border-box; border: 1px solid #d2d2d2; border-radius: 3px; background: url("../images/contents/ic2.png") no-repeat center 17px; padding: 20px; padding-top: 90px; text-align: center;}
.graph-b .fl-b a:first-child{margin-right: 4px; background-image: url("../images/contents/ic1.png");}
.graph-b .fl-b  a strong{text-align: center; display: block; font-size: 15px; color:#626262; font-weight: normal; padding-bottom: 15px;}
.graph-b .fl-b  a span{border: 1px solid #d0d0d0; color:#626262; border-radius: 3px; padding: 10px; padding-right: 30px; background: url("../images/contents/ar1.png") no-repeat right center; display: inline-block;}
.graph-b .fl-b  a:hover strong,.graph-b .fl-b  a:focus strong{color: #027b90;}
.graph-b .fl-b  a:hover span,.graph-b .fl-b  a:focus span{color: #027b90; border: 1px solid #027b90;}
.graph-b .fl-b  a:hover,.graph-b .fl-b  a:focus{border: 1px solid #027b90; text-decoration: none;}
.b-h{background:#f2f5fa; padding: 30px;}
.b-h h3{font-size: 15px; font-weight: bold; color:#303030; text-align: center; margin-bottom: 30px;}
.b-h ul.s-cycle{padding-bottom: 20px;}
.graph-b .fl-b:after,.b-h ul.s-list:after,.b-h ul.s-cycle:after{content: ""; display: block; clear: both;}
.b-h ul.s-cycle li{float: left; text-align: center; width: 20%; box-sizing: border-box; padding: 0 10px;}
.b-h ul.s-cycle li span{background-color: #027b90; width: 56px; height: 56px; display: inline-block; line-height: 56px; color:#fff; border-radius: 180px;}
.b-h ul.s-cycle li em{display: block; text-align: center; word-break: keep-all; margin-top: 15px;}
.b-h ul.s-cycle li:nth-child(2) span{background-color: #557196;}
.b-h ul.s-cycle li:nth-child(3) span{background-color: #3d5571;}
.b-h ul.s-cycle li:nth-child(4) span{background-color: #33729b;}
.b-h ul.s-cycle li:nth-child(5) span{background-color: #00326e;}
.b-h ul.s-list{margin-top: -5px;}
.b-h ul.s-list li{float: left; width: 50%; box-sizing: border-box; min-height: 20px; position: relative; padding-left: 45px; margin-top: 5px;}
.b-h ul.s-list li span{color:#fff; font-weight: bold; background-color: #00326e; font-size: 11px;  border-radius: 3px; width: 40px; text-align: center; height: 20px; line-height: 20px; position: absolute; left:0px; top:0px;}
.b-h ul.s-list li em{width: 100%; white-space: nowrap; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: block; padding-top: 3px;}
.b-h ul.s-list li:nth-child(1) span{background-color: #458411;}
.b-h ul.s-list li:nth-child(2) span{background-color: #027b90;}
.b-h ul.s-list li:nth-child(3) span{background-color: #3d5571;}
.b-h ul.s-list li:nth-child(4) span{background-color: #33729b;}
.b-h ul.s-list li:nth-child(5) span{background-color: #10537d;}
.bx-wrapper{box-shadow: none !important;}
.dr_img .bx-wrapper .bx-pager.bx-default-pager a{width: 20px !important; height: 20px !important; background: none !important; border: 3px solid #027b90 !important; margin: 0 3px !important; box-sizing: border-box !important; border-radius: 180px !important;}
.dr_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
.dr_img .bx-wrapper .bx-pager.bx-default-pager a.active,
.dr_img .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#5b7ba3 !important; border: 0px !important;}
.dr_img .bx-wrapper .bx-pager,
.dr_img .bx-wrapper .bx-controls-auto{bottom: 20px !important;}
.dr_img .bx-wrapper .bx-pager{bottom:0px !important;}
.sec_top.fr-on + .info_box{display: block;}
.sec_top + .info_box{display: none;}
.list-view{border: 1px solid #d2d2d2; position: relative; margin-top:15px; margin-bottom: 20px;}
.list-view:after{content:""; display: block; width: 100%; height: 1px; background: #d2d2d2; position: absolute; top:-4px; left:0px;}
.list-view .board_search{margin: 0px; border: 0px; border-bottom: 1px solid #d2d2d2;}
.list-view .board_search *{vertical-align: middle !important;}
.list-view .board_search .search_layout1{text-align: center;}
.list-view .board_search input[type="text"]{max-width: 100px;}
.list-view .board_search input[type="submit"]{max-width:60px;}
.list-view-box{border-top:0px; padding:30px; padding-top: 0px;}
.list-view-box h3:after{content: ""; display: block; clear: both;}
.list-view-box h3 em{float: right; font-size: 13px; color: #da3610;}
.list-view-box .ol-list{background:#f2f5fa; padding: 30px; margin-top: 20px;}
.list-view-box .ol-list:after{content:""; display: block; clear: both;}
.list-view-box .ol-list ol{margin: 0px; float: left; box-sizing: border-box; width: 50%;}
.list-view-box .ol-list ol li{min-height: 22px; position: relative; box-sizing: border-box; padding-left: 30px; margin-bottom: 10px; padding-top: 3px;}
.list-view-box .ol-list ol li span{position: absolute; display: block; width: 22px; height: 22px; left:0px; top:0px; line-height: 22px; background: #027b90; color:#fff;text-align: center; border-radius: 180px;}
.list-view-box .ol-list ol li:last-child{margin-bottom: 0px;}
.s-info-box{border: 2px solid #c0cada; border-radius: 3px; padding: 30px; padding-left: 105px; box-sizing: border-box; background: url("../images/contents/s-icon.png") no-repeat 25px center #fff;}
.s-info-box ul li{margin-bottom: 5px;}
.s-info-box ul li:last-child{margin-bottom: 0px;}
.s-info-box ul li.in{color: #da3610;}
.s-pop.en-con{padding: 0px;}
h1.en-h1{position: relative; padding: 25px 45px;}
h1.en-h1 .close{position: absolute; right: 45px; top:25px; display: block; width: 38px; height: 38px; background: url("../images/common/en-close.png") no-repeat center center; font-size: 0px;}
.en-tab a{display: block; float: left; width: 50%; box-sizing: border-box; text-align: center; padding: 13px; background-color: #dce4f0; color:#2c3a4c; text-decoration: none;}
.en-tab a.on{background-color: #10537c; color:#fff;}
.en-tab:after{content:""; display: block; clear: both;}
.en-h2{background: url("../images/common/title-bg.png") no-repeat right top; min-height: 145px; box-sizing: border-box; padding-top: 50px;}
.en-h2 span{position: relative; margin-left: 45px; font-size: 28px;}
.en-h2 span:after{content:""; display: block; width: 37px; height: 3px; background: #10537c; position: absolute; left:0px; bottom: -30px;}
.s-tab-c{padding: 0 45px;}
.s-tab-c > div{padding:30px 10px; border: 1px solid #d2d2d2; border-radius: 5px; background: #fff;}
.s-en-scroll{height: 440px; overflow-y: auto; padding: 0 30px;}
.s-en-scroll.en-login{height: auto;}
.s-con div[id *="en-tab"]{display: none; background: url("../images/common/en-pop-bg.png") left top; padding-bottom: 40px;}
.s-con div[id *="en-tab"].on{display: block;}
.en-login{border: 2px solid #c0cada; border-radius: 3px; padding: 30px; margin: 0 auto; margin-top: 30px; width: 50%;}
.en-login h3{font-size: 25px; font-weight: normal; min-height: 54px; background: url("../images/common/log-icon.png") no-repeat left top; box-sizing: border-box; line-height: 54px; padding-left: 70px; color:#303030; margin-bottom: 20px;}
.en-login label{display: block; font-size: 13px; font-weight: bold; color:#626262; padding: 10px 0; padding-bottom: 8px;}
.en-login label.lighter{font-weight: 400;}
.en-login label.lighter > input[type="checkbox"]:checked + span{font-weight: 400;}
.en-login input[type="text"],.en-login input[type="password"]{width: 100%; box-sizing: border-box;}
.en-login button{display: block; background: #10537d; color:#fff; text-align: center; width: 100%; font-size: 15px; padding: 17px; box-sizing: border-box; margin-top: 10px; border-radius: 3px;}
.en-login button.save{background: #027b90;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li{background: url("../images/layout/s-l-1.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(2){background: url("../images/layout/s-l-2.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(3){background: url("../images/layout/s-l-3.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(4){background: url("../images/layout/s-l-4.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(5){background: url("../images/layout/s-l-5.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(6){background: url("../images/layout/s-l-6.png") no-repeat left top;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul{background-image:none;}
.mobile-menu,.mobile-li,.main_line_box.main_info,.s-m-top{display: none;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li{float: left; width: 50%; box-sizing: border-box;line-height: 16px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul li:nth-child(2){margin-top: 0px;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul:after{content:""; display: block; clear: both;}
.ext_main_wrap .ext_main_cont .ext_main_box .favourit_cont ul{width:100%;}
.s-th,.mobile-table-list,.mobile-tr,.mobile-btn{display: none;}
.l_sec_md h2{display: none;}
/*웹접근성 20200415 search-con 부분 수정*/
.search-con button{display: block; position: relative; right:0; top:0; z-index:10001; }/*20191212*/
.search-con input{ float: left; line-height: 18px; box-sizing: border-box; height: 42px; margin-right: 2px; border:1px solid #dbdbdb;}
.search-con div > button.total_search{ display: inline-block; height: 42px; width: 42px; line-height: 30px; color: #fff; background:url("../images/layout/search-i.png") no-repeat center center; box-sizing:border-box; background-color: transparent; font-size: 0px; }
.search-con div > button.total_search:focus { border: 6px solid #fff;}
/*.search-con > div{display: none;}
.search-con.on > div{display: block; padding:0px; border: 5px solid #439fe3; width: 420px; height:115px; position: absolute; right:-2px; top:85px; background-color: #fff;}
.search-con.on input{height: 42px;
    padding: 2px 10px;
    line-height: 18px;
    position: absolute;
    box-sizing: border-box;
    right: 77px;
    top: 35px;
    width:calc(100% - 112px);
    border:1px solid #dbdbdb;
    padding-right: 47px; 
}
.search-con div > button.total_search{
	display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 30px;
    color: #fff;
    background:url("../images/layout/search-i.png") no-repeat center center;
    box-sizing:border-box;
    background-color: transparent;
    font-size: 0px;
    padding: 0 10px;
    margin-left: 0px;
    z-index: 999;
    position: absolute;
    right:35px;
    top:35px;
}*/
.search-con button.t-search-btn{background: url("../images/layout/search-icon.png") no-repeat center center; margin-top: 18px; font-size:0px; width:47px; height: 47px; border: 1px solid #e6e6e6; }
.search-con.on button.t-search-btn{background-image: url("../images/layout/search-x.png"); background-color: #439fe3; border-color: #439fe3;}
/*.total_search{-webkit-box-shadow: 0 0 0 30px transparent inset;-webkit-text-fill-color: #626262;*/ /*position: absolute;*//* top:0px; right:0px; z-index: 999; float: right;}*/ /*20191209*/
.total_search{-webkit-box-shadow: 0 0 0 30px transparent inset;-webkit-text-fill-color: #626262; position: absolute; top:23px; right:250px; z-index: 999;} /*20200415*/
/*20200423*/
@media screen and (max-width: 2000px) {
    .total_search{right:160px;}
}
@media screen and (max-width: 1700px) {
	.total_search{right:3%;}
}
@media screen and (max-width: 1530px) {
	.total_search{right:0;}
    .search-con input{ max-width: 96px; }
}
.main_searchinput:-webkit-autofill{-webkit-box-shadow: 0 0 0 30px transparent inset;-webkit-text-fill-color: #fff;}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s;}
.s-si select{min-width: 70px;}
.s-si input{width: calc(100% - 197px) !important;}

button.btn_question{display: inline-block; background: url(../images/layout/qq.png) center center no-repeat; width: 27px; height: 27px; border-radius: 100px;}
button.btn_question > span {display: inline-block;background: #da3610;color:#fff;width: 17px;max-width:35px;height: 17px;position: absolute;border: 1px solid #fff;border-radius: 100px;}
.my_favor .favor_position{position:relative;border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; margin-top:30px;}
.my_favor .favor_position ul{height: 67px; overflow-y: hidden;margin-left:88px; padding:5px;}
.my_favor .favor_position ul li{margin-bottom:10px;}
.my_favor .favor_position .favor_button_list{position: absolute; top:6px; left:10px; width: 75px; height: 65px; background: #1c638f; color:#fff; font-size:12px; font-weight:500;}
.my_favor .favor_position .favor_button_list span{display: block; background: url("../images/layout/favor_main.png") no-repeat center top;  height:21px; padding-bottom:4px;}
.my_favor .favor_position .favor_button{vertical-align: middle;position: absolute;top: 0px;right: 0px; width: 16px;height: 100%; background:#fff;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; background: url("../images/layout/favor_arrow_main.png") no-repeat center center #fff;}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content{border: 2px solid #a3d3dd; box-shadow:2px 2px 2px rgba(1,1,1,0.2); padding:8px 0px;}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li a{padding:7px 15px; display: block;}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li a:hover,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li a:focus,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content li a:active{background-color: #f2f5fa; text-decoration: none;}
.m-con-gr .m-con-t,.m-con-gr .pop-box{display: none;} 
.ui-corner-all .ui-menu-item .ui-corner-all span{margin-right: 5px;}
.tb_base .m-btn{display: none !important;}
.td_img_300 img {max-width:300px; height: auto; display: inline-block;}


.top-group{ margin-top: -495px; min-height:430px;}

.visual-slider{z-index: 0;}
/*.sub-visual{background:url("../images/layout/v-img2.png") no-repeat left 10% top,url("../images/layout/sub-bng.png") repeat-x left top;" }*/
.sub-visual{background:url("../images/layout/v-img3.png") no-repeat left top; display:block;}
.sub-visual:nth-of-type(n+2){ display: none; } /* 20191126 첫번째 영역외에는 전부 숨김 처리 */
.sub-visual > div{max-width: 1200px; margin: 0 auto; /*background: url("../images/layout/v-img1.png") no-repeat right bottom;*/ min-height: 225px;}
.sub-bg > div{background: url("../images/layout/sub-img.png") no-repeat right bottom;}
.sub-bg1 > div{background: url("../images/layout/sub-img1.png") no-repeat right 130px bottom;}
.sub-bg2 > div{background: url("../images/layout/sub-img2.png") no-repeat right 105px bottom;}
.sub-bg3 > div{background: url("../images/layout/sub-img3.png") no-repeat right 110px bottom 10px;}
.sub-bg4 > div{background: url("../images/layout/sub-img4.png") no-repeat right 115px bottom 10px;}
.sub-bg5 > div{background: url("../images/layout/sub-img5.png") no-repeat right 110px bottom 3px;}
.sub-bg6 > div{background: url("../images/layout/sub-img6.png") no-repeat right 130px bottom 10px;}
.sub-visual > div img{display: block; padding-top: 60px; margin-left: 55px;}
.dis-sns{display: none;}
.dis-sns.on{display: block; position: absolute; top:40px; right:0px;}


.sub-main{}
.sub-main .sub-visual{display: none;}
.sub-main .container_wrap{background: url("../images/layout/sub-main-bg.png") repeat left top;}
.sub-main .container_wrap #container{max-width: 100%;}
.sub-main .container_wrap #content_wrap{ padding-bottom: 0px;}
.sub-main .s-main-visual{background: url("../images/layout/sub-main.png") no-repeat right top; }
.sub-main .s-main-visual > div{position: relative; max-width:1200px; width:100%; margin: 0 auto; min-height: 553px;}
.sub-main .s-main-visual > div h2{position: absolute; left:0px; top:0px; padding-top: 80px;}
.sub-main .s-main-visual > div ul{background: #fff; border-radius:10px; position: absolute; bottom: 60px; left:0px; width: 100%; overflow: hidden;}
.sub-main .s-main-visual > div ul:after{content:""; display: block; clear: both;}
.sub-main .s-main-visual > div ul li{float: left; border-left:1px solid #eaeaea; width: 25%; box-sizing: border-box;}
.sub-main .s-main-visual > div ul li:FIRST-CHILD{border: 0px;}
.sub-main .s-main-visual > div ul li a{display: block; background:url("../images/layout/s-main-i1.png") no-repeat right 30px bottom 22px; box-sizing: border-box; padding-left: 40px; min-height:120px; padding-top: 30px; font-weight: 600; font-size: 18px; color:#444444;}
.sub-main .s-main-visual > div ul li + li a{background-image: url("../images/layout/s-main-i2.png");}
.sub-main .s-main-visual > div ul li + li + li a{background-image: url("../images/layout/s-main-i3.png");}
.sub-main .s-main-visual > div ul li + li + li + li a{background-image: url("../images/layout/s-main-i4.png"); background-color: #3c70c6; color:#fff;}
.sub-main .s-main-visual > div ul li a span{display: block; font-size: 15px; font-weight: 500; color:#3c70c6; margin-top: 11px;}
.sub-main .container_wrap #content_wrap #content > h2,.sub-main #snb,.container_wrap #location{display: block;}
.sub-main .container_wrap #content_wrap #content{float: none; width: 100%;}
.sub-main .banner-zone{background-color: #fff; padding: 44px;}
.sub-main .banner-zone ul{width: 100%; border:4px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; max-width: 1200px; margin: 0 auto;}
.sub-main .banner-zone ul:after{content:""; display: block; clear: both;}
.sub-main .banner-zone ul li{float: left; width:11%; padding: 15px 0; }
.sub-main .banner-zone ul li a{display: block; text-align: center; font-size: 14px; color:#767676; font-weight: 500; border-left:1px solid #e5e5e5; line-height: 110%;padding: 58px 0 10px 0; background: url(../images/layout/sb1.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(2) > a{background: url(../images/layout/sb2.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(3) > a{background: url(../images/layout/sb3.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(4) > a{background: url(../images/layout/sb4.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(5) > a{background: url(../images/layout/sb5.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(6) > a{background: url(../images/layout/sb7.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(7) > a{background: url(../images/layout/sb8.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(8) > a{background: url(../images/layout/sb9.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(9) > a{background: url(../images/layout/sb6.png) no-repeat center top 7px;}
.sub-main .banner-zone ul > li:nth-child(1) > a:first-child{margin-right:0 !important; padding-right:0 !important; background: url(../images/layout/sb1.png) no-repeat center top 7px !important; color: #767676 !important;}

.sub-main .list-con{margin-top: 80px; margin-bottom: 65px;}
.sub-main .list-con > div:after{content:""; display: block; clear: both;}
.sub-main .list-con > div{max-width: 1200px; position: relative; width: 100%; margin: 0 auto;}
.sub-main .list-con > div > div{float:left;}
.sub-main .list-con .s-list{width: 170px; margin-right: 15px;}
.sub-main .list-con .s-list.type1{width: 390px;}
.sub-main .list-con .s-list.type1 h2{padding-left: 13px;}
.sub-main .list-con .s-list.type1 ul:after{content:""; display: block; clear: both;}
.sub-main .list-con .s-list.type1 ul li{float: left; width: calc(53% - 40px);}
.sub-main .list-con .s-list.type1 ul li:NTH-CHILD(3n){width: calc(47% - 40px);}
.sub-main .list-con .s-list.type1 ul li:NTH-CHILD(3n - 1){width: 80px;}
.sub-main .list-con .s-list h2{font-size: 18px; color:#3a3c4f; font-weight: 600; margin-bottom: 20px; position: relative;}
.sub-main .list-con .s-list h2 a{font-size: 0px; width: 12px; height: 12px; display: block; background: url("../images/layout/sm-arr.png") no-repeat center top; position: absolute; right:5px; top:50%; margin-top: -6px;}
.sub-main .list-con .s-list ul{border: 1px solid #cfcfcf; padding: 27px; border-radius:10px; }
.sub-main .list-con .s-list ul li{}
.sub-main .list-con .s-list ul li a{color:#565972; font-size: 16px; letter-spacing: -1px; font-weight: 500;}

.sub-main .s-main-tab{width:calc(100% - 590px); }
.sub-main .s-main-tab > ul{position: relative; width:100%;}
.sub-main .s-main-tab ul:after{}
.sub-main .s-main-tab ul li{}
.sub-main .s-main-tab ul li h2{position: absolute; top:0px; left:20px; letter-spacing: -1px; }
.sub-main .s-main-tab ul li:NTH-CHILD(2) h2{left:230px;}
.sub-main .s-main-tab ul li h2 a{color:#c4c4ca;}
.sub-main .s-main-tab ul li h2.on a{color:#3a3c4f; position: relative;}
.sub-main .s-main-tab ul li h2.on a:after{content: "";
    position: absolute;
    right: -19px;
    top: 13px;
    width: 9px;
    height: 5px;
    background: url(../images/layout/sm-tab-arr.png) no-repeat center top;
    display: block;}
.sub-main .s-main-tab ul li h2.on + div{display: block; padding-top: 47px;}
.sub-main .s-main-tab ul li div{display: none;}
.sub-main .s-main-tab ul li div > a{font-size: 0px; width: 12px; height: 12px; display: block; background: url("../images/layout/sm-arr.png") no-repeat center top; position: absolute; right:5px; top:0; margin-top: 12px;}
.sub-main .s-main-tab ul li div ul{
	border: 1px solid #cfcfcf;
    border-radius: 10px;
    padding: 27px;
    min-height: 147px;
    padding-bottom: 0px; 
    position: relative;
    }
.sub-main .s-main-tab ul li div ul li a.on:after,.sub-main .s-main-tab ul li div ul li a:hover:after,.sub-main .s-main-tab ul li div ul li a:active:after,.sub-main .s-main-tab ul li div ul li a:focus:after{content: ""; position:absolute; right:10px; top:10px; display: block; width: 155px; height:155px; background: url("../images/layout/back-i.png") no-repeat center top;}
.sub-main .s-main-tab ul li div ul li a.on{}
.sub-main .s-main-tab ul li div ul li a{font-size: 16px; color:#565972; font-weight: 500;}
.sub-main .s-main-tab ul li div ul li a{background: url("../images/layout/on-icon1.png") no-repeat left 10px center; display: block; padding-left: 30px;}
.sub-main .s-main-tab ul li div ul li a.on,.sub-main .s-main-tab ul li div ul li a:hover,.sub-main .s-main-tab ul li div ul li a:focus,.sub-main .s-main-tab ul li div ul li a:active{background-image: url("../images/layout/on-icon.png"); background-position: left center; font-weight: 600; text-decoration: none;}

.sub-main .sub-m-tab{position: relative;}
.sub-main .sub-m-tab .s-title-group,.sub-main .sub-m-tab > ul{max-width: 1200px; width: 100%; margin: 0 auto; z-index: 999; position: relative;}

.sub-main .sub-m-tab > ul > li{}
.sub-main .sub-m-tab > ul > li > div{display: none;}
.sub-main .sub-m-tab > ul > li.on > div{display: block; padding-top: 56px;}
.sub-main .sub-m-tab > ul > li > a{width: 130px; display: block; padding-top:90px; position: absolute;  right:0px; top:-80px; text-align: center; font-size: 18px; font-weight: 600; color:#565972;}
.sub-main .sub-m-tab > ul > li.on > a:before,.sub-main .sub-m-tab > ul > li > a:hover:before,.sub-main .sub-m-tab > ul > li > a:focus:before,.sub-main .sub-m-tab > ul > li > a:active:before{background:url("../images/layout/s-main-tab2-on.png") no-repeat center center #3c70c6; border-color: #3c70c6; }
.sub-main .sub-m-tab > ul > li > a:before{background:url("../images/layout/s-main-tab2.png") no-repeat center center #f9f9f9; content:""; display: block; width: 80px; height: 80px; border-radius: 20px; border: 1px solid #e0e3e5;
	position: absolute; left:50%; top:0px; margin-left: -40px;
}
.sub-main .sub-m-tab > ul > li.on > a:after{content:""; display: block; position: absolute; width: 36px; height:25px; background: url("../images/layout/s-main-tab2-arr.png") no-repeat center bottom;
top: 111px;
    left: 50%;
    margin-left: -18px;
}
.sub-main .sub-m-tab > ul > li.on > a,.sub-main .sub-m-tab > ul > li > a:hover,.sub-main .sub-m-tab > ul > li > a:focus,.sub-main .sub-m-tab > ul > li > a:active{color:#2b6ecb; text-decoration: none;}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a{right:520px;}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a{right:390px;}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(2) > a{right:260px;}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(3) > a{right:130px;}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a:before{background-image: url("../images/layout/s-main-tab1.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(3) > a:before{background-image: url("../images/layout/s-main-tab3.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(4) > a:before{background-image: url("../images/layout/s-main-tab4.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(5) > a:before{background-image: url("../images/layout/s-main-tab5.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(1).on > a:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a:hover:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a:active:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(1) > a:focus:before{background-image: url("../images/layout/s-main-tab1-on.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(3).on > a:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(3) > a:hover:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(3) > a:active:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(3) > a:focus:before{background-image: url("../images/layout/s-main-tab3-on.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(4).on > a:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(4) > a:hover:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(4) > a:active:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(4) > a:focus:before{background-image: url("../images/layout/s-main-tab4-on.png");}
.sub-main .sub-m-tab > ul > li:NTH-CHILD(5).on > a:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(5) > a:hover:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(5) > a:active:before,.sub-main .sub-m-tab > ul > li:NTH-CHILD(5) > a:focus:before{background-image: url("../images/layout/s-main-tab5-on.png");}
.sub-main .sub-m-tab:before{content:""; display:block; background: #d4e4f0; height: calc(100% - 135px); width: 100%; position: absolute; left:0px; top:135px;}
.sub-main .sub-m-tab{padding-bottom: 75px;}
.sub-main .sub-m-tab .s-title-group{}
.sub-main .sub-m-tab .s-title-group h2{font-size: 36px; color:#000000; font-weight:600;}
.sub-main .sub-m-tab .s-title-group p{color:#767676; font-size: 17px;}

.s-banner{margin-top: 70px;}
.s-banner:after{content:""; display: block; clear: both;}
.s-banner li{width: 26%; box-sizing: border-box; position: relative; float: left;}
.s-banner li:NTH-CHILD(2){width:22%;}
.s-banner li:after{content:""; display: block; width: 45px; height: 45px; border-radius:180px; background:url("../images/layout/sm-banner1.png") no-repeat center center #fff; position: absolute; right:35px; top:0px; }
.s-banner li:NTH-CHILD(2):after{background-image: url("../images/layout/sm-banner2.png"); background-position:6px 9px;}
.s-banner li:NTH-CHILD(3):after{background-image: url("../images/layout/sm-banner3.png");}
.s-banner li:NTH-CHILD(4):after{background-image: url("../images/layout/sm-banner4.png");}
.s-banner li a{font-weight: 600; color:#3a3c4f; font-size: 16px; display: block;}
.s-banner li span{font-weight: 500; font-size: 15px; color:#565972; display: block;}
.s-banner li span *{vertical-align: middle;}
.s-banner li span a{display: inline-block; width: 15px; height: 14px; margin-left:5px; background: url("../images/layout/s-down.png") no-repeat center top; font-size: 0px; position: relative; top:-2px;}
.am {padding-top: 83px;}
.am h3{margin-bottom: 25px;}
.am .s-banner li{border-left: 0px dashed #fff; position: relative;}
.am .s-banner li:before{content:""; width: 1px; height: 50px; border-left:1px dashed #fff; position: absolute; left:-17px; top:0px;}
.am .s-banner li:first-child:before{display: none;}
.am .s-banner li:after{background-image: url("../images/layout/blank.png");}
.am .s-banner li:NTH-CHILD(2):after{background-position: center center;}
.am .area-2{padding-top: 80px;}
.am .area-2:after{content:""; display: block; clear: both;}
.am .area-2 > div{float: left; width: 50%; padding-right: 17px; box-sizing: border-box;}
.am .area-2 > div:last-child{padding-left: 17px; padding-right: 0px;}
.am table{width: 100%;}
.am table caption{font-size: 0px; height: 1px; width: 1px; overflow: hidden; opacity: 0.0;}
.am table thead{box-sizing: border-box; border: 4px solid #fff; border-radius:6px; display: table-caption; margin-bottom: 10px;}
.am table thead tr{display: table; width: 100%;}
.am table th{padding: 10px 0; font-size:15px; font-weight: bold; color:#282828;}
.am table td{padding:15px 5px; color:#5f6b74; font-size: 15px;}
.am table td a{color:#484b62; white-space: nowrap; font-weight:500; overflow: hidden; text-overflow: ellipsis; width: 250px; box-sizing:border-box; display: block; height: 24px; word-break: break-all;}
.am table td em{color:#484b62; white-space: nowrap; font-weight:500; overflow: hidden; text-overflow: ellipsis; width: 250px; box-sizing:border-box; display: block; height: 24px; word-break: break-all;}
.am table tr td span{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 140px; box-sizing:border-box; display: block; height: 24px; word-break: break-all;}
.am table tr td:first-child{color:#3c70c6; font-size:16px; font-weight:500; padding-left: 0px; padding-right: 0px;}
.am .num{width: 50px; display: table-cell; }
.am th.link{text-indent: -25px;}
.am td.link{width: auto; display: table-cell;}
.am .com-name{width: 150px;}
.am th.com-name{width: 183px;}
.am .com-day{width: 95px;}
.am th.com-day{width: 99px;}
.area-2:after,.area-3:after{content:""; display: block; clear: both;}
.area-2 > div{float: left;}
.im{background: url("../images/layout/light.png") no-repeat right 34% top 56px;}
.book-list{padding-top: 100px;}
.book-list h3{margin-bottom:70px; }
.book-list h3 img{margin-right: 15px;}
.book-list ul{position: relative;}
.book-list ul:before{position: absolute; width: 100%; display: block; height: 13px; content: ""; background-color: #fff; left:0px; top: 243px;}
.book-list ul:after{content:""; display: block; clear: both;}
.book-list ul li{float: left; padding:0 15px;}
.book-list ul li dl{}
.book-list ul li dl dt{}
.book-list ul li dl dd{text-align: center; margin-top: 30px;}
.book-list ul li dl dd span{display: block;color:#282828; font-size: 18px; text-align: center; font-weight: 600; margin-bottom: 30px; }
.book-list ul li dl dd a{display: inline-block; border:1px solid #9ab7cd; font-weight:500; border-radius:5px; padding:7px 10px; padding-right:55px; display: inline-block; color:#282828; font-size: 14px; text-align: center; background: url("../images/layout/btn-arr.png") no-repeat right 10px center;}
.link-list{padding-top: 100px; padding-left: 50px;}
.link-list h3{margin-bottom: 70px;}
.link-ul li{border-bottom: 1px dashed #fff;}
.link-ul li a{color:#565972; font-size: 15px; position: relative; padding: 20px 0px; padding-right: 60px; display: block;}
.link-ul li a:before{content:""; display: block; position:absolute; right:0px; top:50%; margin-top:-23px; width: 46px; height: 46px; border-radius: 180px; background: url("../images/layout/main-blank.png") no-repeat center #fff;}
.link-ul li.check-list a:before{ background: url("../images/layout/down-icon.png") no-repeat center #3c70c6;}
.link-ul li a strong{display: block; color:#3a3c4f; font-size: 16px;}
.icon-list{padding-top: 100px;}
.icon-list h3{margin-bottom:70px; }
.icon-list ul:after{content:""; display: block; clear: both;}
.icon-list ul li{float: left; width: 50%; box-sizing: border-box; padding-right: 5px; margin-bottom: 10px;}
.icon-list ul li:nth-child(even){padding-left: 5px; padding-right: 0px;}
.icon-list ul li a{display: block; background: url("../images/layout/m-icon1.png") no-repeat center top 20%; border: 4px solid #fff; border-radius: 10px; padding:25px; padding-top: 105px; text-align: center; color:#3a3c4f; font-size: 16px; line-height:115%; font-weight: 500;}
.icon-list ul li.icon1 a{}
.icon-list ul li.icon2 a{background-image: url("../images/layout/m-icon2.png");}
.icon-list ul li.icon3 a{background-image: url("../images/layout/m-icon3.png");}
.icon-list ul li.icon4 a{background-image: url("../images/layout/m-icon4.png");}
.area-3{}
.area-3 > div{float: left; width: 30%; box-sizing: border-box;}
.area-3 > div h3{margin-bottom: 45px;}
.area-3 > div.book-list{width: 40%; padding-right:40px;}
.area-3 .link-ul{width:100%; position: relative; top:-10px;}
.area-3 .link-ul li a{padding-top: 25px !important; padding-bottom: 25px !important;}
.area-3 .link-ul li:LAST-CHILD{border-bottom: 0px;}
#con_body .am .s-banner li a[target="_blank"]{padding: 0px; background: none;}
.s-list-group{width: 100%; }
.s-list-group:after{content:""; display: block; clear: both;}
.s-list-group .s-safe{float: left; box-sizing: border-box; width:calc(50% - 50px); margin-right: 50px;}  
.s-list-group .s-safe dl{position: relative; padding-left: 235px;}
.s-list-group .s-safe dt{position: absolute; left:0px; top:0px;}
.s-list-group .s-safe dd{}
.s-list-group .list-faq{float: left;box-sizing: border-box; width:calc(25% - 25px);}
.s-list-group .list-faq:LAST-CHILD{margin-left: 50px;}
.s-list-group .s-safe h3,.s-list-group .list-faq h3{position: relative; color:#3a3c4f; font-size: 22px; font-weight: 600; margin-bottom: 17px;}
.s-list-group .list-faq h3 a{font-size: 0px;
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/layout/sm-arr.png) no-repeat center top;
    position: absolute;
    right: 5px;
    top: 0;
    margin-top: 12px;}
.s-list-group .list-faq li{}
.s-list-group .list-faq li a,.s-list-group .s-safe li a{display: block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color:#565972; font-size: 16px; font-weight: 400; position: relative; box-sizing: border-box;}
.s-list-group .s-safe li a strong{color:#3c70c6; font-weight: 400; display: inline-block; min-width: 105px;}
.s-list-group .list-faq li a{padding-left: 23px; box-sizing: border-box; }
.s-list-group .list-faq li a:before{content:"Q."; display: block; position: absolute; left:0px; top:0px; color:#3c70c6; font-weight: 500;}

.cont-top{margin-top: 80px; margin-bottom: 60px;}
.cont-top h3{font-size: 22px; font-weight: 800; color:#3a3c4f; margin-bottom: 20px;}
.cont-top h3 *{vertical-align: baseline;}
.cont-top h3 strong{color:#3c70c6; font-weight: 800;}
.cont-top h3 strong em{color:#0b429d; font-style: normal; font-weight: 800;}
.cont-top h3 span{font-weight: 500; font-size: 17px; color:#565972; margin-left: 15px;}
.cont-top .search{border: 4px solid #fff; border-radius: 10px; box-sizing: border-box; width:calc(100% - 315px); float: left; padding: 20px 25px; padding-right: 5px;}
.cont-top .search .info{margin-left:1.3vw; letter-spacing:-1px; background: url("../images/layout/search-info.png") no-repeat left center,url("../images/layout/sm-search-arr.png") no-repeat right center; padding:5px 30px; display: inline-block; color:#565972; font-weight: 500; font-size: 17px; }
.cont-top .search > div{display: inline-block;}
.cont-top .area-2:after{content:""; display: block; clear: both;}
.cont-top .area-2 .q-con{width: 315px; float: left; padding-left: 120px; box-sizing: border-box;}
.cont-top .area-2 .q-con ul{border: 4px solid #fff; border-radius:10px; min-height: 97px; box-sizing: border-box;}
.cont-top .area-2 .q-con .bx-wrapper{background: none; border: 0px; margin-bottom: 0px;}
.cont-top .area-2 .q-con .bx-viewport{overflow: visible !important;}
.cont-top .area-2 .q-con .bx-wrapper .bx-pager{display: none;}
.cont-top .area-2 .q-con .bx-wrapper .bx-next{background: url("../images/layout/sm-q-next.png") no-repeat center center;}
.cont-top .area-2 .q-con .bx-wrapper .bx-next:hover,.cont-top .area-2 .q-con  .bx-wrapper .bx-next:focus{background: url("../images/layout/sm-q-next.png") no-repeat center center;}
.cont-top .area-2 .q-con .bx-wrapper .bx-prev{background: url("../images/layout/sm-q-prev.png") no-repeat center center;}
.cont-top .area-2 .q-con .bx-wrapper .bx-prev:hover,.cont-top .area-2 .q-con .bx-wrapper .bx-prev:focus{background: url("../images/layout/sm-q-prev.png") no-repeat center center;}
.cont-top .area-2 .q-con ul li{display: block; margin-left: -8px;}
.cont-top .area-2 .q-con ul li a{color:#565972; font-size: 16px; text-align: center; font-weight: 500; display: table; position: relative; min-height: 89px; width: 100%;}
.cont-top .area-2 .q-con ul li a > span{display: table-cell; vertical-align: middle; color:#565972; font-weight: 500;}
.cont-top .area-2 .q-con ul li a:before{content:""; display: block; width: 96px; height: 96px; background:url("../images/layout/qu-i.png") no-repeat center center; overflow: hidden; border-radius:180px; overflow: hidden; position: absolute; left:-72px; top:0px;}
.cont-top .search input{border-radius:5px; background-color: #fff; height: 46px; border: 0px;}
.cont-top .search span{color:#565972; font-weight: 500; font-size: 17px; line-height: 46px; display: inline-block; padding-left: 10px; padding-right: 15px;}
.cont-top .search label{color:#565972; font-weight: 500; font-size: 17px; line-height: 46px; display: inline-block; padding-right: 10px; margin: 0px;}
.cont-top .search .year{ display: inline-block; width: 105px;}
.cont-top .search .day,.cont-top .search .month{display: inline-block; width: 55px;}
.cont-top .search button{background: url("../images/layout/sm-search.png") no-repeat left top; font-size: 0px; width: 89px; height: 46px; display: inline-block;}

/*대한민국약전*/
.yac{}
.yac fieldset{border:0px; margin-bottom: 50px;}
.yac fieldset legend{position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0.0;}
.yac form{display: block; width: 100%; text-align:center; box-sizing: border-box; background-color: #f3f4f6; padding: 23px;}
.yac form select{height: 40px;border-radius:3px !important; background-color: #fff; display: inline-block;}
.yac form input{height: 40px; box-sizing: border-box; width:80%; max-width:255px;  border: 1px solid #d0d0d0; border-radius:3px !important;display: inline-block;}
.yac form button{height: 40px; width:40px; border-radius:3px !important; line-height: 40px; display: inline-block; font-size: 0px; background:url("../images/layout/search-ic.png") no-repeat center center #2f3f56; }
/*대한민국약전_수정 2020년1월13일*/
.yac .area-2{width: 100%; margin-bottom:50px; margin-left:7px;}
.yac .area-2:after{content:""; display: block; clear: both;}
.yac .area-2 .left-con{float: left; box-sizing: border-box; padding-right: 2px; width: 100%;}
.yac .area-2 .left-con ul:after{content:""; display: block; clear: both;}
.yac .area-2 .left-con ul li{float: left; width: calc(17% - 12px); margin-right:10px; padding-top:10px; }
.yac .area-2 .left-con ul li:last-child{margin-right:0;}
@media screen and (max-width: 767px) {
	.yac .area-2 .left-con ul li{float: left; width: calc(50% - 10px); margin-right:10px; padding-top:10px; }
}
/*대한민국약전_수정 2020년1월13일*/
.yac .area-2 .left-con ul li a{display: block; text-align:center; font-weight:bold; font-size:16px; color:#131313; border: 1px solid #dddddd; padding: 20px 0px; padding-top:115px; background: url("../images/layout/yac-img1.png") no-repeat center 23px;}
.yac .area-2 .left-con ul li:nth-child(2) a{background-image: url("../images/layout/yac-img2.png");}
.yac .area-2 .left-con ul li:nth-child(3) a{background-image: url("../images/layout/yac-img3.png");}
.yac .area-2 .left-con ul li:nth-child(4) a{background-image: url("../images/layout/yac-img4.png");}
.yac .area-2 .left-con ul li:nth-child(5) a{background-image: url("../images/layout/yac-img5.png");}
.yac .area-2 .left-con ul li:nth-child(6) a{background-image: url("../images/layout/yac-img6.png");}
.yac .area-2 .left-con2{float: left; box-sizing: border-box; padding-right: 2px; width: 100%;}
.yac .area-2 .left-con2 ul:after{content:""; display: block; clear: both;}
.yac .area-2 .left-con2 ul li{float: left; width: calc(33.333% - 10px); margin-right: 10px; }
.yac .area-2 .left-con2 ul li a{display: block; text-align:center; font-weight:bold; font-size:16px; color:#131313; border: 1px solid #dddddd; padding: 30px; padding-top:115px; background: url("../images/layout/yac-img4.png") no-repeat center 23px;}
.yac .area-2 .left-con2 ul li:nth-child(2) a{background-image: url("../images/layout/yac-img5.png");}
.yac .area-2 .left-con2 ul li:nth-child(3) a{background-image: url("../images/layout/yac-img6.png");}
.yac .area-2 .right-con{float: right; padding-left: 12px; box-sizing: border-box; width: 50%;}
.yac .area-2 .right-con dl{}
.yac .area-2 .right-con dl dt{font-size: 16px; color:#131313; font-weight: bold; margin-bottom: 5px;}
.yac .area-2 .right-con dl dd{}

.yac .area-3{width: 100%; margin-bottom: 50px;}
.yac .area-3:after{content:""; display: block; clear: both;}
.yac .area-3 .left-con{float: left; box-sizing: border-box; padding-right: 2px; width: 100%;}
.yac .area-3 .left-con ul:after{content:""; display: block; clear: both;}
.yac .area-3 .left-con ul li{float: left; width: calc(33.333% - 10px); margin-right: 10px; }

.yac .area-3 .left-con ul li a{display: block; text-align:center; font-weight:bold; font-size:16px; color:#131313; border: 1px solid #dddddd; padding: 30px; padding-top:115px; background: url("../images/layout/yac-img1.png") no-repeat center 23px;}
.yac .area-3 .left-con ul li:nth-child(2) a{background-image: url("../images/layout/yac-img2.png");}
.yac .area-3 .left-con ul li:nth-child(3) a{background-image: url("../images/layout/yac-img3.png");}
.yac .area-3 .left-con2{float: left; box-sizing: border-box; padding-right: 2px; width: 100%;}
.yac .area-3 .left-con2 ul:after{content:""; display: block; clear: both;}
.yac .area-3 .left-con2 ul li{float: left; width: calc(33.333% - 10px); margin-right: 10px; }
.yac .area-3 .left-con2 ul li a{display: block; text-align:center; font-weight:bold; font-size:16px; color:#131313; border: 1px solid #dddddd; padding: 30px; padding-top:115px; background: url("../images/layout/yac-img4.png") no-repeat center 23px;}
.yac .area-3 .left-con2 ul li:nth-child(2) a{background-image: url("../images/layout/yac-img5.png");}
.yac .area-3 .left-con2 ul li:nth-child(3) a{background-image: url("../images/layout/yac-img6.png");}
.yac .area-3 .right-con{float: right; padding-left: 12px; box-sizing: border-box; width: 50%;}
.yac .area-3 .right-con dl{}
.yac .area-3 .right-con dl dt{font-size: 16px; color:#131313; font-weight: bold; margin-bottom: 5px;}
.yac .area-3 .right-con dl dd{}
.key-tab{border: 1px solid #d3d3d3; padding-top: 37px; position: relative;}
.key-tab li{}
.key-tab li h4{width: calc(50% + 1px); position: absolute; top:-1px; left:-1px;}
.key-tab li:nth-child(2) h4{top:-1px; right:-1px; left:auto;}
.key-tab li h4 a{display: block; border: 1px solid #d3d3d3; text-align: center; height: 37px; line-height: 35px;}
.key-tab li.on h4 a{display: block; border: 1px solid #0068cc !important; color:#0068cc !important;}
.key-tab li:nth-child(2) h4 a{border-left: 0px;}
.key-tab li > div{background: #f3f4f6; padding: 20px 13px; padding-right: 0px; padding-bottom: 17px; display: none;}
.key-tab li.on > div{display: block;}
.key-tab li > div:after{content:""; display: block; clear: both;}
.key-tab li > div button{display: block; float: left; text-transform: uppercase; margin-right:3px; margin-bottom:3px; border:1px solid #c6c5ca; background: #fff; color:#131313; font-size: 14px; text-align: center; width:6.7%; height:30px; line-height:27px;  }/* 20200310 약전 수정 */
.yac h3{margin-bottom: 22px; position: relative; margin-top:-5px;}
.yac h3 a{position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    display: block;
    width: 60px;
    line-height: 32px;
    height: 30px;
    background: url(../images/layout/yac-more.png) no-repeat;
    font-weight: normal;}
.yac .yac-notice{border: 1px solid #dddddd; padding: 29px 39px;}
.yac .yac-notice:after{content:""; display: block; clear: both;}
.yac .yac-notice dl{float: left; width: 50%; box-sizing: border-box; padding-right: 28px; position: relative;}
.yac .yac-notice dl dt{color:#131313; font-weight: bold; font-size: 16px; padding-bottom: 20px; min-height:82px; border-bottom: 1px dashed #d3d3d3; margin-bottom: 20px; padding-left: 90px;}
.yac .yac-notice dl dt span{display: inline-block; border: 1px solid #d3d3d3; background-color: #f3f4f6; font-size: 14px; color:#6b6b6b; padding: 10px; position: absolute; left:0px; top:0px;}
.yac .yac-notice dl dt span strong{display: block; text-align: center; font-size: 27px; font-weight: bold; color:#6b6b6b;}
.yac .yac-notice dl dd a{color:#808080; font-size: 15px;}
.yac .yac-notice ul{float: right; box-sizing: border-box; width: 50%; padding-left: 28px;}
.yac .yac-notice ul li:first-child{margin-top: 0px;}
.yac .yac-notice ul li{position: relative; min-height: 17px; margin-top: 10px;}
.yac .yac-notice ul li em{position: absolute; z-index:999; font-size:0px; left:0px; top:4px; height: 17px; width: 17px; background: url("../images/layout/yac-new.png") no-repeat center center; display: block;}
.yac .yac-notice ul li a{color:#808080; font-size: 15px; padding-left: 21px; display: block; padding-right:70px; }
.yac .yac-notice ul li a:before{content:""; display: block; width: 3px; height: 3px; border-radius: 180px; background: #6d6d6d; position: absolute; left:8px; top:10px;}
.yac .yac-notice ul li span{color:#808080; font-size: 15px; position: absolute; right:0px; top:0px;}

/* 20200310 약전 추가 */
.key-tab li > #ekp_kor > div > div{float:left; width:32%; margin-right:1%;}
@media screen and (max-width: 767px) {
    .key-tab li > div button {width:13%;}
    .key-tab li > #ekp_kor > div > div{width: 100%;}
}