@charset "utf-8";
@import "reset.css";
@import "font.css";
@import "slick.css";
/* skip navigation */
#accessibility{position:relative}
#accessibility a{display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap}
#accessibility a:focus,
#accessibility a:active{position:absolute;height:auto;width:100%;padding:5px;margin-bottom:10px;width:100%;background:#fff;z-index:9999}
.skip, hr, legend{position:absolute;left:-5000px}
.skip, hr, legend, caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* header */
#header {position: relative; top: 0; z-index: 500; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .6);transition: all .3s;box-sizing:border-box;}
#header:before {display: block; content: ''; position: absolute; top: 0; z-index: 1; width: 100%; height: 118px; background: #ffffff; opacity: 0; transition: all .4s;}
#header:after {display: block; content: ''; position: absolute; bottom: 0; z-index: -1; width: 100%; height: 0; background: #f7f7f7; opacity: 0; transition: all .5s;}
#header h1{float:left;margin-right:60px}
#header nav{float:left;margin-top:20px}
#header .aside{float:right;margin-top:20px;}
#header .aside a{display:inline-block;float:left;padding:3px 18px;background:#4c4f5c;font-size:16px;color:#fff;font-weight:500;vertical-align:top}
#header .aside .sitemap{background:#e3e3e3;color:#30333f;margin-right:1px}
#header .inner {position: relative; z-index: 10;width:1200px;margin: 0 auto;padding:30px 0 27px}
#header .inner:after{content:''; display:block; clear:both;}
#header .logo {display: inline-block;width:166px;height:49px;background:url(../../images/common/logo_b.png) no-repeat;font-size:0}
.main #header{position:fixed}
.main #header .logo{background:url(../../images/common/logo_w.png) no-repeat;}
.main #header #gnb >ul>li>a{color:#fff;font-weight:500;}
#gnb > ul:after {content:''; display:block; clear:both;}
#gnb > ul > li{float:left;position: relative;}
#gnb > ul > li > a{display:block;padding:0 25px 10px;color:#222;font-size:20px;font-weight:500;letter-spacing:-1px;transition: all .3s}
#gnb > ul > li > a:hover,
#gnb > ul > li.on > a {color:#00a2e4 !important;}
#gnb > ul > li .depth2 {position:absolute;width:100%;padding-top:50px; z-index: -1; text-align:center;visibility:hidden;opacity: 0;transition: all .3s}
#gnb > ul > li .depth2 > ul > li > a {display: block;margin:8px 0; font-size: 16px; color: #000; opacity: .6; transition: all .3s;}
#gnb > ul > li .depth2 > ul > li > a:hover {opacity: 1;font-weight:700;}
#gnb > ul > li .srv{position:relative;left:-20px;width:130px}
#header.active {box-shadow: 0px 0px 45px 5px rgba(0, 0, 0, 0.1); background: #ffffff;}
#header.on.active {background: #ffffff;}
#header.on {background: rgba(255, 255, 255, .9);}
#header.on #gnb > ul > li > a{color:#222}
#header.on .inner .logo,
#header.active .inner .logo{background:url(../../images/common/logo_b.png) no-repeat;}
#header.active .inner #gnb > ul > li > a {color: #000000;}
#header.open:before {top: 0;opacity:1}
#header.open:after {bottom: -185px; height: 185px; opacity: 1;}
#header.open .inner #gnb > ul > li .depth2{z-index: 12; visibility:visible;opacity:1;}
/*footer*/
#footer{background:#373737;color:#fff}
#footer .static{overflow:hidden;padding:50px 0;line-height:1.8;font-size:14px}
#footer .static>div{float:left}
.footer_link{width:183px}
.footer_link a{display:inline-block;font-weight:500;}
.footer_info{width:323px}
.footer_info span{display:block;color:#8d8d8d}
.footer_addr .tel{font-family: Roboto;font-weight:500;font-size:30px;letter-spacing:1px;}
.footer_addr p{color:#8d8d8d}
#container{background:#f4f3f1}
.main #container{background:#fff}
/*sub visual*/
.sub_title{height:380px;}
.sub_title h2{font-size:70px;color:#fff;text-align:center;line-height:330px;}
.sub_visual_01{background:url(../../images/content/sub_visual1.jpg) no-repeat 50% 0}
.sub_visual_02{background:url(../../images/content/sub_visual2.jpg) no-repeat 50% 0}
.sub_visual_03{background:url(../../images/content/sub_visual3.jpg) no-repeat 50% 0}
.sub_visual_05{background:url(../../images/content/sub_visual5.jpg) no-repeat 50% 0}
.sub_visual_06{background:url(../../images/content/sub_visual6.jpg) no-repeat 50% 0}
.path{padding:12px 0;border-top:1px solid rgba(255, 255, 255, .13)}
.path span{font-size:14px;color:#fff}
.path span:before{content:'>';display:inline-block;margin:0 10px}
.path span:first-child:before{display:none}
.h_tit1{padding:50px 0 50px;text-align:center;}
.h_tit1 p{font-size:18px;color:#888}
.h_tit1 .bg_tx{display:inline-block;background:#4c4f5c;padding:6px 18px;font-size:14px;color:#fff;border-radius:15px}
.h_tit1.second{padding-top:90px}
.h_ty1{font-size:44px;color:#444}
.h_ty1 sup{font-size:24px;vertical-align: super;}
.h_ty2{margin-bottom:30px;font-size:30px;color:#4c4f5c}
.h_ty2:before{content:'';display:block;width:50px;height:4px;margin-bottom:20px;background:#4c4f5c;}
.h_ty2 .upper{text-transform:uppercase}
.h_ty2 .thin{font-weight:300;}
/* Contents-tab */
.contents{width:1200px;margin:0 auto;padding:70px 0 120px}
.content_tab {border-bottom: 3px solid #45bea9; text-align: center;}
.content_tab ul {width:100%}
.content_tab ul:after {display: block; content: ''; clear: both;}
.content_tab ul li {float: left; position: relative;}
.content_tab ul li:before{content:'';position:absolute;top:0;left:0;width:1px;height:70px;background:#fff}
.content_tab ul li:first-child:before{display:none}
.content_tab ul li a{display:block;width:100%;height:70px;background:#999;line-height:70px;font-size:22px;color: #fff}
.content_tab ul li.on a{background:#45bea9;font-weight:500;}
.content_tab ul.col2 li{width:50%}
.content_tab ul.col3 li{width:33.3333%}
.content_tab ul.col4 li{width:25%}
.content_tab_wrap>div{display:none}
.content_tab_wrap>div.on{display:block;}
/* common style */
html.fixed {position: fixed; left: 0; width: 100%; height: 100%;}
.static{width:1200px;margin:0 auto}
.dot_list li{position: relative;padding-left:10px}
.dot_list li:before{content:'';display:inline-block;position:absolute;left:0;top:8px;width:4px;height:4px;background:#777;border-radius:100%;vertical-align:top;}
.dot_list li a{display:inline-block;vertical-align:top;}
.btn{padding:6px 28px;font-weight:500;box-sizing:border-box;text-align:center;}
.btn.btn_nor{min-width:143px;padding:12px 30px;font-size:18px;color:#fff;background:#4c4f5c;text-align:center;border-radius:0;}
.btn.btn_gray{background:#a8a8a8;}
.btn.btn_view{min-width:76px;padding:2px 10px;background:#deaa4f;color:#fff;font-size:12px;text-align:center;border-radius:10px}
a.btn_down{padding:1px 15px 3px 30px;background:#4c4f5c url(../../images/common/ico_down.png) no-repeat 13px 50%;color:#fff;border-radius:13px}
.btn.btn_dn{width:100%;padding:11px 0 12px;background:#45bea9;color:#fff;font-size:18px;font-weight:400;}
.add_file{padding-left:12px;background:url(../../images/common/ico_file.png) no-repeat 0 4px;font-size:12px;color:#888}
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tx1{font-size:18px}
.h_c1{color:#000}
.h_c2{color:#4b7598}
.h_c3{color:#4275b4}
.h_c4{color:#ffea00}
sup{vertical-align: super;font-size:0.65rem}
.str{font-weight:700;}
.tag{display:inline-block;padding:6px 18px 6px;border:1px solid #bdbdbd;border-radius:18px;color:#888}
.bor_bx{border:2px solid #ededed;border-radius:20px;box-sizing:border-box;}
.bar{position: relative;padding-left:8px;}
.bar:before{content:'';display:inline-block;position:absolute;top:14px;left:0;width:5px;height:1px;background:#666;}
.c_red{color:#ed4040}
.c_blue{color:#0c7bbd}
.b_note{display:inline-block;font-size:14px;color:#00b5d1}
.tb_adv{display:inline-block;padding:1px 10px;background:#4275b4;font-size:14px;color:#fff}
.ag_c{text-align:center}
/* layer popup */
.layer-back {display: table; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.6); -webkit-overflow-scrolling: touch;}
.layer-back.bg-none {background: none;}
.layer-back-main {display: table; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.6); -webkit-overflow-scrolling: touch;}
.layer-back-main.bg-none {background: none;}
.layer-wrap {display: table-cell; z-index: 9999; margin: 0 auto; transform: translate3d(0, 30px, 0); opacity: 0; transition: all .5s; vertical-align: middle;}
.layer-wrap.open {transform: translate3d(0, 0, 0); opacity: 1;}
.layer-popup {overflow-y: auto; position: relative; z-index: 1000; box-sizing: border-box; max-height: 90vh; margin: 0 auto; background: #ffffff; -webkit-overflow-scrolling: touch;border:4px solid #232737}
.layer-popup {margin:0 auto}
.layer-popup .layer-head {position: relative; padding: 0 0 0 20px; background: #333333;}
.layer-popup .layer-head .layer-title {font-weight: 700; font-size: 16px; line-height: 50px; color: #ffffff;}
.layer-popup .layer-head .layer-close {display: block; position: absolute; top: 15px; right: 15px; width: 21px; height: 21px; background: url(../../images/common/ico_x.png) 0 0 no-repeat; text-indent: -9999em;}
.layer-popup .password_input{padding:40px 20px}
.layer-popup .password_input p{color:#000}
.layer-popup .password_input .ipt{margin-top:10px;background:#ececec;border:0}
.layer-popup .password_input_btn .btn{width:100%;background:#232737}
/*paging*/
.pagination {overflow: hidden;position: relative;width: 100%;text-align: center;margin-top:60px}
.pagination .paging {display: inline-block; }
.pagination .paging > a {display: block;float: left;box-sizing: border-box;width: 35px;height: 35px;background-color: none;transition: all .3s; }
.pagination .paging .page_first {background: url(../../images/common/page_first.png) no-repeat 50% 50% }
.pagination .paging .page_prev {margin:0 30px;background: url(../../images/common/page_prev.png) no-repeat 50% 50%  }
.pagination .paging .page_next {margin:0 30px;background: url(../../images/common/page_next.png) no-repeat 50% 50% }
.pagination .paging .page_last {background: url(../../images/common/page_last.png) no-repeat 50% 50%  }
.pagination .paging .page {float: left; padding: 0 10px; }
.pagination .paging .page > a {display: block;position: relative;float: left;width: 35px;height: 35px;margin: 0 0 0 10px;font-size: 24px;line-height: 35px;color: #c4c4c4;transition: all .3s;}
.pagination .paging .page > a.on, .pagination .paging .page > a:hover {background: #4c4f5c;font-weight: 500;color: #ffffff}
.file_wrap {position:relative;}
.file_wrap input[type='file']{width:100%;height:50px;background-color:transparent;position:absolute;left:0px;top:0px;border:solid 0px #fff;font-size:0px; opacity:0;  filter:alpha(opacity=0)}
.file_wrap .ipt{width:994px}
.file_wrap .btn_find{position:absolute;top:0;right:0;width:105px;height:50px;background:#4c4f5c;font-size:16px;color:#fff}

.main_popup {position: absolute; z-index: 1000; background: #666;}
.main_popup .main_popup_body {position: relative;}
.main_popup .main_popup_body a {display: inline-block;}
.main_popup.sizeFixed .main_popup_body a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.main_popup.sizeFixed .main_popup_body img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important;}
.main_popup .main_popup_foot {overflow: hidden; padding: 5px 10px; background: #000000;}
.main_popup .main_popup_foot .chk {float: left;padding-top:10px}
.main_popup .main_popup_foot .chk input{vertical-align:top;margin:2px 5px 0 0}
.main_popup .main_popup_foot .chk span {color: #ffffff;vertical-align:top;line-height:1;font-size:14px}
.main_popup .main_popup_foot .close {float: right; color: #ffffff;padding-top:5px;margin-right:10px}