@charset "utf-8";
/* CSS Document */

/*공통layer*/
.Area{position:relative; width:1400px; margin:0 auto;/* overflow: hidden;*/ box-sizing: border-box}
.Area:after{ content: ""; display: block; clear: both; }
.Sub-Wrapper{width:100%;  position:relative;box-sizing: border-box }
.Sub-Wrapper:after{ content: ""; display: block; clear: both; }
.sub_contents{position:relative; /*overflow: hidden;*/ padding: 50px 0 60px;;box-sizing: border-box; min-height: 800px;}
.sub_contents:after{ content: ""; display: block; clear: both; }
.inbox {position:relative; overflow: hidden; }

/*서브비주얼*/
.sub_visual {height:167px; background-size: cover; position:relative}
.sub01{background:url("../images/sub/sub_visual01.png") no-repeat}
.sub02{background:url("../images/sub/sub_visual02.png") no-repeat}
.sub03{background:url("../images/sub/sub_visual03.png") no-repeat}
.sub04{background:url("../images/sub/sub_visual04.png") no-repeat}
.sub05{background:url("../images/sub/sub_visual05.png") no-repeat}
.sub06{background:url("../images/sub/sub_visual06.png") no-repeat}
.sub_visual > div >  h1 {text-align:center; color:#fff; font-size:35px; padding-top: 58px; }

.sub_visual > div > a {font-size:20px;}


#nav-prev-next a{position:absolute; top:75%; transform: translate(0,-50%); padding: 23px 55px; color: rgba(255,255,255,0.8); }
#nav-prev-next a:hover:before{width:100%; background:rgba(255,255,255,0.6)}
#nav-prev-next a:hover{color:#fff;}

.top-nav-prev{left:0;}
.top-nav-prev:after{ position: absolute; left: 25px; top: 50%; display: inline-block;  width: 23px;  height: 23px; content: "";  border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; transform: translate(0,-50%) rotate(-45deg);}
.top-nav-prev:before { width: 68px;  height:  3px;  display:  block;  position:  absolute; left:  0;  bottom:10%;  transform: translate(0,-50%); content: "";  z-index: -1;-webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;}

.top-nav-next{right:0;}
.top-nav-next:after{ position: absolute; right: 25px; top: 50%; display: inline-block; width: 23px; height: 23px;  content: ""; border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; transform: translate(0,-50%) rotate(136deg);}
.top-nav-next:before { width: 68px;  height:  3px;  display:  block;  position:  absolute; right:  0;  bottom:10%;  transform: translate(0,-50%); content: "";  z-index: -1;-webkit-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;}
    

    
.location-dep3{position:relative; border-bottom:1px solid #e9e9e9; background: #fbfbfb; }
.location-dep3 .loca_dep3_nav{width:1400px; margin:0 auto; position:relative; }
.location-dep3 .loca_dep3_nav:after{ content: ""; display: block; clear: both; }
.location-dep3 .loca_dep3_nav>ul>li {min-width:185px;  float:left; text-align: center; position:relative; line-height: 49px;}
.location-dep3 .loca_dep3_nav>ul>li:first-child{border-left:1px solid #e5e5e5}
.location-dep3 .loca_dep3_nav>ul>li:after{position:absolute; content: '';  width: 1px; height: 52px; background: #e5e5e5; right:0; top:0}
.location-dep3 .loca_dep3_nav>ul>li>a{font-size: 16px; color:#000; display: inline-block; font-family: 'scDream5'}
.location-dep3 .loca_dep3_nav>ul>li>a:hover{background:#fff; display: inline-block; width: 100%; height: 100%; color:#013392;  font-family: 'scDream5'}
.location-dep3 .loca_dep3_nav>ul>li>a.select{background:#fff; display: inline-block; width: 100%; height: 100%; color:#013392;  font-family: 'scDream5';border-bottom: 3px solid #013392}


.subdepth3{display:none}


/*탭 dep3*/
.tab_group{margin-bottom:30px; position:relative; }
.tab_group:after{content:''; display: block; clear: both; }
.tab { position:relative;}
.tab li { float:left; width:50%;  text-align:center; display:inline-block;  padding:12px 0; border:1px solid #ddd; background:#fff;}
.tab li+li { margin-left:-1px;}
.tab li {  cursor:pointer; color:#000; font-size:18px;  text-align:center;  white-space: nowrap;}
.tab li:hover{background:#013392; color:#fff;  }
.tab li.on { background:#013392; color:#fff;  }
.tab_con { position:relative; }
.tab_con>div { display:none; padding:30px 0px    }

/*dep4*/
.dep4_area {position:relative; overflow: hidden;}
.dep4_area > ul > li {border:1px solid #a9a9a9; display: inline-block; border-radius: 30px;margin-right: 15px;}
.dep4_area > ul > li > a{display:inline-block; width: 100%; height: 100%;  padding: 8px 15px; min-width: 120px; text-align: center; font-size: 17px; border-radius: 30px;  }
.dep4_area > ul > li > a:hover, .dep4_area > ul > li > a.on{display:inline-block; width: 100%; height: 100%; background:#000; color:#fff; border:1px solid #000; border-radius: 30px;}


.cont {    position: relative; margin: 30px 0}
/*상세검색*/

.detail_search {position:relative; }
.detail_search > a {position:absolute; left:45%; top:0px;}
.detail_search .menu a{position:absolute;left:40%;bottom:-16px; width: 120px; display: inline-block; font-size: 16px; text-align: center; line-height: 42px;}
.detail_search  .menu .hide{display:none;}
 .detail_search  .more {  display:inline-block;  width: 132px;  height: 32px;  display:inline-block;   background-image:url("../images/sub/search_arr.png");   }
.detail_search  .blind {  position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  margin: -1px;  }
 .detail_search  .more:hover, .detail_S .close:hover {  cursor:pointer;}
.detail_search  .close {  position:relative;display:inline-block; width: 132px;  height: 32px; background-image:url("../images/sub/search_arr_close.png");  }

.detail_search  .more_area {position:absolute; right:0; width: 50px !important; height: 40px; top:0;}
#toc-content {    display: none; z-index: 99999; border: 1px solid #dadde1;    border-radius: 6px;    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 7%);    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 7%);    background-color: #fff; ; width: 120px; padding: 15px; position:absolute}
#toc-content li {margin-bottom:8px;}
 #toc-toggle {    cursor: pointer;    color: #bbbbbb;  width: 50px !important; height: 40px;  display: inline-block; line-height: 40px; font-size: 11px;}
#toc-toggle:hover {  width: 50px !important; height: 40px;}



/* multi_uploader */
.multi_uploader_wrap{position:relative;}
.multi_import{display:inline-block; position:relative; vertical-align:middle}
.multi_import label{display:block; text-align:center; padding:3px 15px 3px; font-size:13px; cursor:pointer; background:#4172a5; border:1px solid #4172a5; color:#fff; line-height:150%; letter-spacing:0; text-align:center; border-radius:2px; font-weight:normal;}
.multi_import label input{position:absolute; width:0; height:0; overflow:hidden;}

.multi_uploader{position:relative; border:1px solid #ddd}
.multi_uploader > .upl_header{position:relative; border-bottom:1px solid #ddd; height:30px; padding-left:30px; padding-right:100px; background:#f5f5f5;}
.multi_uploader > .upl_header > .header_tit{display:inline-block; vertical-align:middle; line-height:30px; font-size:13px; text-align:center; letter-spacing:-0.5px; font-weight:300; color:#606060; box-sizing:border-box;}
.multi_uploader > .upl_header > .file_check{position:absolute; left:0; top:0; width:30px; height:100%; border-right:1px solid #ddd;}
.multi_uploader > .upl_header > .file_name{display:block; height:30px; padding-left:10px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.multi_uploader > .upl_header > .file_size{position:absolute; right:100px; top:0; width:100px; height:100%; border-left:1px solid #ddd;}
.multi_uploader > .upl_header > .file_view{position:absolute; right:0; top:0; width:100px; height:100%; border-left:1px solid #ddd;}

.multi_uploader .upl_body{position:relative; min-height:68px; max-height:140px; overflow-x:hidden; overflow-y:auto;}
.multi_uploader .upl_body .file_list{padding:5px 0; background:#fff;}
.multi_uploader .upl_body .file_list li{position:relative; height:26px; padding-left:30px; padding-right:100px;}

.multi_uploader .upl_body .body_tit{display:inline-block; vertical-align:middle; line-height:26px; font-size:13px; text-align:center; box-sizing:border-box;}
.multi_uploader .upl_body .file_check{position:absolute; left:0; top:0; width:30px; height:100%;}
.multi_uploader .upl_body .file_name{display:block; height:26px; padding-left:10px; text-align:left; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.multi_uploader .upl_body .file_size{position:absolute; right:100px; top:0; width:100px; height:100%; padding-right:10px; text-align:right;}
.multi_uploader .upl_body .file_view{position:absolute; right:0; top:0px; width:100px; text-align:center;}

.multi_uploader .upl_body .drag_info{position:absolute; top:0; left:0; width:100%; height:100%; padding-top:25px; text-align:center; background:rgba(255,255,255,1); z-index:9; box-sizing:border-box;}
.multi_uploader .upl_body .drag_info.active{display:block;}
.multi_uploader .upl_body .drag_info p{display:inline-block; letter-spacing:-0.5px; font-weight:300; color:#606060; font-size:13px;}
.multi_uploader .upl_body .drag_info p > i {font-size:30px; margin-bottom: 5px}


.multi_uploader .file_state{display:inline-block; position:relative; padding-right:30px;}
.multi_uploader .file_state .state_num{position:absolute; right:0; top:-5px; font-size:11px; font-family:rbt; font-weight:normal; color:#808080; letter-spacing:-0.2px}
.multi_uploader .file_state .state_bar{position:relative; height:4px; border:1px solid #0095da;}
.multi_uploader .file_state .state_bar .bar_loading{position:absolute; top:0; left:0; width:0; height:100%; background:#0095da; transition:all .25s ease;}

.multi_uploader_wrap .upl_btn{position:relative; margin-top:5px;}
.multi_uploader_wrap .upl_btn .info_txt{position:absolute; top:0; right:0; line-height:140%; color:#505050; font-size:13px;}

.multi_uploader.pre_active .upl_body{max-height:none; overflow:hidden;}
.multi_uploader.pre_active .upl_body .file_list{padding:0;}
.multi_uploader.pre_active .upl_body .file_list li{height:auto; border-bottom:1px solid #ebebeb; padding-top:5px; padding-bottom:10px;}
.multi_uploader.pre_active .upl_body .file_list li:last-child{border-bottom:none;}
.multi_uploader.pre_active .upl_body .file_check{top:5px; height:auto;}
.multi_uploader.pre_active .upl_body .file_name{height:auto;}
.multi_uploader.pre_active .upl_body .file_name .file_img{display:block; max-width:100%; margin-top:5px;}
.multi_uploader.pre_active .upl_body .file_size{top:5px; height:auto;}

/*접기*/
.add_item{position:relative; width: 100%;}
.add_item .add_fm {position:absolute;right:0; top:0}
.add_item .add_form{ margin:15px 0}

/*의견달기*/
/* comment */
.comments_wrap{position:relative;}
.comment_form{display:block; position:relative; border:1px solid #c2c2c2}
.table_wrap .comment_form textarea{display:block; width:100%; padding:15px; border:0; background:none !important; color:#303030; font-size:14px; border-radius:0; resize:vertical; box-sizing:border-box; resize:none; outline:none}
.comment_form .count_area{padding:5px 15px 10px; overflow:hidden}
.comment_form .count_area .counting{float:right; font-size:13px; color:#808080; letter-spacing:-0.8px; line-height:135%}
.comment_form .count_area .counting span{color:#013392}
.comment_form .confirm_area{position:relative; height:42px; line-height: 42px; padding-left: 8px;}
.comment_form .confirm_area .btn_confirm
{
    display:inline-block; position:absolute; top:-1px; right:-1px; margin:0; padding:0; line-height:150%;
    color:#fff; text-align:center; vertical-align:middle; background:#013392; border:1px solid #013392;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:-0.8px
}
.comment_form .confirm_area .btn_confirm span{display:block; padding:10px 25px 10px; font-size:14px}

.comment_list{position:relative; margin-bottom:25px}
.comment_list > ul > li{position:relative; padding:18px 0; border-bottom:1px solid #dadada}
.comment_list > ul > li .comment_form{margin-top:5px}
.comment_list .comment_box{position:relative}
.comment_list .comment_box .re{position:absolute; left:0; top:21px; width:8px; height:8px}
.comment_list .comment_box .re:before, .comment_list .comment_box .re:after{content:''; position:absolute; background:#018de7}
.comment_list .comment_box .re:before{left:0; top:0; width:1px; height:8px}
.comment_list .comment_box .re:after{left:0; bottom:0; width:8px; height:1px}
.comment_list .comment_writer{display:inline-block; position:relative; margin-bottom:5px; font-size:14px; color:#000; line-height:160%; letter-spacing:-0.8px; font-weight: bold}
.comment_list .comment_writer em, .rt_wrap li em{font-size:13px;  color:#808080; padding-left: 15px}
.comment_list .comment_tit{position:relative; margin-bottom:8px; font-size:15px; color:#000; line-height:160%; letter-spacing:-0.8px}
.comment_list .comment_info:after {content:''; display:block; clear:both}
.comment_list .comment_info > li{float:left; padding:0 10px; border-right:1px solid #dadada; color:#808080; font-size:13px; line-height:20px; letter-spacing:-0.5px}
.comment_list .comment_info > li:first-child{padding-left:0; color:#303030}
.comment_list .comment_info > li:last-child{border-right:none}
.comment_list .comment_info > li a{color:#000;font-family: 'scDream5'}
.comment_list .comment_info > li a:hover{text-decoration:underline}


.comment_list .comment_info > li .replay{position:relative; margin:0; padding:0;border:none; background:none; color:#033fb0; text-align:center; vertical-align:middle; cursor:pointer; font-family: 'scDream5'}
.comment_list .comment_info > li .replay i {font-size:20px; color:#000; }
.comment_list .comment_info > li .replay{margin-right:10px}

.rt_wrap{margin:15px}
.rt_wrap li{font-weight:bold; margin-bottom: 12px}
.rt_wrap li>p{padding:10px 15px; font-weight: normal}


/*팝업*/
  #popup1{  display:none;  position:fixed; width:100%; height:100%;  top:0; left:0;   background:rgba(0,0,0,0.3); z-index: 9999;  }
.popup-con{  display:none;  position:fixed;  top:50%; left:50%;  transform: translate(-50%,-50%);  max-width: 60%;
  min-height: 30%;  background:#fff;z-index: 9999;  min-width: 1000px;  width:800px; }
.popup-con .title{  font-size:18px;   padding: 15px;   background : #0050a2; color:#fff;}
.popup-con .con{  font-size:15px; line-height:1.3;  padding: 30px; }
.popup-con .close{  display:block;  position:absolute;  width:60px; height:30px; line-height: 30px;  text-decoration:none; font-size:15px; right:10px; top:10px; color:#ffff}
.popup-con .close > i {padding-bottom:3px; padding-right: 5px}


/*테이블*/
.table_wrap table .clean_tbl {border-top: solid 1px #c9d0de;     width: 100%;    table-layout: fixed; background: #fff}
.table_wrap table .clean_tbl  tr th {background:#fff ; font-weight: normal; font-size:14px ; border-right:1px solid #c9d0de; border-bottom:1px solid #c9d0de; color:#485e8b;}
.clean_tbl  tr th.br-r{border-right:none !important}
.table_wrap table .clean_tbl  tr td{ text-align:center ; border-right:1px solid #c9d0de; border-bottom:1px solid #c9d0de}
.clean_tbl  tr td > *{  margin-bottom: 5px;    vertical-align:top;}


.detail_T_SCl{position:relative; margin-bottom: 100px;}
.tbl02{width:100%; border:1px solid #000}

/*적합성검사 미리보기 팝업*/
.suitability{width:1200px; margin: 0 auto; border:1px solid #e1e1e1;}
.suitability > h3 {font-size:30px; border-top:3px solid #000; text-align: center; padding: 15px;}
.suitability .table_wrap .view tr th {background:none}
.suitability .table_wrap {margin-bottom:0}

.suitability .detail_T_SCl {margin-bottom:0}
.sutiability_name {position:relative; overflow: hidden; margin: 35px 0; text-align: right; padding: 0 50px}
.sutiability_name > ul > li {display:inline-block; margin-right: 15px; font-size:18px;}
.sutiability_name ul > p {font-size:22px; line-height: 25px; margin-top: 20px;}

/*취합결과*/
.result_pop{position:relative; background: #f2f2f2; min-height: 150px; text-align: left; padding: 15px}

/*통합검색*/
.search_result {width: 100%;position: relative;}
.search_result .search_title {text-align: center;margin-bottom: 30px}
.search_result .search_title > strong {font-size: 30px;color: #000}
.search_result .search_title > p {font-size: 18px;margin-top: 10px;color: #444}
 .search_result .search_title > p > span {color: #1e57b5;font-weight: 500}

.group{ margin-bottom:70px; position:relative; overflow: hidden}
/*통합검색목록*/
.result{ position:relative; border-bottom:1px solid #e7e7e7; overflow:hidden; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;box-sizing: border-box;transition:all .5s cubic-bezier(0.7, 0, 0.3, 1) ; margin-bottom: 15px;}
.result_cont{margin-bottom: 15px; position:relative;}
.result_cont >h3 {font-size: 20px; margin-bottom: 15px; display: block; color:#2f4479;border-top:2px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding: 15px 0}
.result_cont >h3:after{display:none}

.result_cont > span {position:absolute; right:0; bottom:15px}
.result_cont > span a > i { font-size: 18px; vertical-align: middle; margin-bottom: 3px; color:#000}
.result_cont > span a:hover{text-decoration: underline}

.info_area2{ float:left;width:100%; position:relative; overflow:hidden; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;box-sizing: border-box; padding:  0 10px;}
.info_area2 h4.tit{color:#000; font-size:17px; font-weight:bold; text-overflow:ellipsis;word-wrap:break-word;overflow:hidden; line-height: normal; background: none; padding-left: 0; margin-bottom: 0}
.info_area2 h4.tit a:hover{ text-decoration:underline}
.info_area2 a{color:#000}
.info_area2 p.info{display:box;display:-webkit-box;display:-ms-flexbox;height:42px;color:#707070;font-size:15px;line-height:155%;letter-spacing:-0.8px;font-weight:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:15px; margin-bottom: 15px;}
.suk { margin: 8px 0; color:#005faf; line-height: 30px; width: 100%; display: inline-block}
.suk > span { margin-left:15px; position:relative}
.suk > span:after{position:absolute; content: '/';}
.suk > span:last-child:after { display:none}

.total_inbox {position:relative; display: flex;}
.total_inbox .faceBox{float:left; width: 18%; margin-right:2%;}
.total_inbox .result_Listbox{width:80%;}

/*패싯내비게이션*/
.facetBox {float:left; width: 100%;  background: #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; margin-right:25px;}
.faceted{ border:2px solid #013392;}
.faceted > h3 { background: #fff; color:#013392; font-size: 17px; padding: 15px 15px;margin-bottom: 0}
.faceted > h3:after, .filterBox h3:after{background:none !important;}
.faceted > h3 > i {font-size:25px; vertical-align: middle; margin-top: -3px}
 .fc_menu a{cursor:pointer;}
    /*.menu .hide{display:none;}*/

.filterBox h3{ background: #e6eaf0; color:#000 !important; font-size: 16px; padding:10px 8px; display: inline-block; width: 100%; border-bottom: 1px solid #f2f2f2; position: relative; margin-bottom: 0}
.filterBox h3 > a{color:#000;}	
.filterBox h3  span { position: absolute; right:15px; top:10px;}

.fc_menu > ul { padding:10px; background: #fff;}
.fc_menu > ul li { line-height: 25px; position: relative; padding-left: 18px;}
.fc_menu > ul li:after{ position: absolute; content: '└';  left:0; top:0%;}
.fc_menu > ul li a:hover{ text-decoration: underline}


/*홍보자료*/
.newsletter{ position:relative; height:540px; margin-bottom:50px; margin-top:30px; border-bottom:1px solid #e9e9e9} 
.newsletter:after{content:''; display:block; clear:both;}

.newsletter_Area{ width:20%; float:left; position:relative; margin-right:6.5%; padding-top: 10px}
.newsletter_Area:nth-child(4n){ margin-right:0%;}

.pre_box{ float:left; width:100%;  height:360px;  text-align:center;  position:relative; padding:0px 0px 45px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.pre_box:after{content:''; display:block; clear:both;}
.pre_box .LT_vol {position:absolute;right: 0px;top: 0px;display:inline-block;min-width:100px;padding:0 15px;height: 35px;line-height: 35px;font-size:18px;color:#fff;background:#005faf; z-index: 10}

.news_Limg{display: block; width:100%; height:370px;  box-shadow: 8px 8px rgba(0,0,0,.1); text-align:center; background:#fff }
.news_Limg img{width:100%; height:380px; overflow:hidden; display: block; transform: translate(0px, -8px); -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; min-height:290px; border:1px solid #ddd; }
.news_Limg img:before{ position:absolute; content:'';left: 30px; top:95px; display:inline-block; width:150px; height:79px; color:#5f5f5f; background:url('../image/sub/bg_logo.png') no-repeat}
.news_Limg:hover img{transform: translate(7px, 0); -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}

.bews_Ltxt{ display: block; width:100%; }


.pre_box  dl { margin-top:20px;text-align:left; position:relative}
.pre_box  dl dt { font-size:17px;  line-height:25px; margin-bottom:15px; height: 50px; overflow: hidden;white-space:normal;font-weight:normal;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.pre_box  dl dt a{color:#000} .pre_box  dl dt a:hover{ text-decoration:underline}
.pre_box  dl dd{font-size:13px;line-height:24px;color:#575757; font-weight:300}

.poromo_btn{ }
.Btn{ display:inline-block; min-width:120px;line-height:35px; text-align:center;; font-size:15px; margin-right:8px;}
.Btn:hover{ text-decoration:underline; cursor:pointer}
.Btn1{border:1px solid #dddddd; background:#fff; color:#000;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; box-shadow:inset 0 -2px 0px 0px rgba(0,0,0,0.2); }
.Btn1:hover{ background:#005faf; color:#fff; }