@charset "utf-8";

/* wrap */
#wrap{position:relative; width:100%; text-align:left; min-width:1200px; overflow:hidden;}


/* header */
#header{position:absolute; top:0; right:0; left:0; height:90px; z-index:999;}
#header:after {content:''; display:block; clear:both;}

.header_util .inner{position:relative; width:1200px; height:89px; margin:0 auto;}
.header_util .inner:after{content:''; display:block; clear:both;}
.header_util .inner .logo{position:absolute; top:0; left:0; z-index:9999;}
.header_util .inner .logo a{display:block; background:url("../images/common/logo.png") no-repeat 50% 50%; width:154px; height:89px; background-size:154px 42px; transition:all .25s ease;}


/* gnb */
.gnb_wrap{position:absolute; top:0; left:0; width:100%; z-index:999; background:rgba(255,255,255,1); transition:all .25s ease; overflow:hidden;}
.gnb_wrap:before, .gnb_wrap:after{content:''; position:absolute; left:0; width:100%; height:1px; background:#ebebeb;}
.gnb_wrap:before{top:89px;}
.gnb_wrap:after{bottom:0;}
.gnb_wrap .gnb_inner{position:relative; width:840px; height:90px; margin:0 auto;}
.gnb_wrap .gnb_inner:after{content:''; display:block; clear:both;}

.gnb_hero > li{position:relative; width:20%; padding:0; float:left; text-align:center;}
.gnb_hero > li > a{display:block; position:relative; color:#303030; height:90px; line-height:90px; font-size:18px; letter-spacing:-1px; font-family:nsr; font-weight:300;}
.gnb_hero > li:hover a{color:#001546;}
.gnb_hero > li:first-child .depth2:before{content:''; position:absolute; left:0; bottom:0; width:1px; height:0; background:#ebebeb;}
.header_dy .gnb_hero > li:first-child .depth2:before{height:100%;}

.gnb_hero > li > .depth2{display:none; position:relative; padding:20px 0; height:365px; box-sizing:border-box;}
.gnb_hero > li > .depth2:after{content:''; position:absolute; right:0; bottom:0; width:1px; height:0; background:#ebebeb;}
.header_dy .gnb_hero > li > .depth2:after{height:100%;}
.gnb_hero > li > .depth2 li{position:relative;}
.gnb_hero > li > .depth2 li a{display:block; position:relative; text-align:left; color:#606060; letter-spacing:-0.8px; font-size:13px; line-height:150%; padding:4px 20px; padding-right:0; transition:all .25s ease;}
.gnb_hero > li > .depth2 li a:before{content:''; position:absolute; right:152px; top:50%; width:0; height:2px; margin-top:-1px; background:#1b89af; transition:all .25s ease;}
.gnb_hero > li > .depth2 li a:hover{color:#1b89af;}
.gnb_hero > li > .depth2 li a:hover:before{width:20px; background:#1b89af;}





/* sfocus */
.sfocus{position:relative; height:400px; background:#f8f8f8;}
.sfocus.swall_01{background:#f8f8f8 url("../images/common/sfocus_01.jpg") no-repeat 50% 50%;}
.sfocus.swall_02{background:#f8f8f8 url("../images/common/sfocus_02.jpg") no-repeat 50% 50%;}
.sfocus.swall_03{background:#f8f8f8 url("../images/common/sfocus_03.jpg") no-repeat 50% 50%;}
.sfocus.swall_04{background:#f8f8f8 url("../images/common/sfocus_04.jpg") no-repeat 50% 50%;}
.sfocus.swall_05{background:#f8f8f8 url("../images/common/sfocus_05.jpg") no-repeat 50% 50%;}
.sfocus.swall_06{background:#f8f8f8 url("../images/common/sfocus_06.jpg") no-repeat 50% 50%;}
.sfocus.swall_07{background:#f8f8f8 url("../images/common/sfocus_07.jpg") no-repeat 50% 50%;}
.sfocus .caption_cont{position:absolute; left:50%; top:138px; width:1200px; margin-left:-600px; color:#fff; text-align:center;}
.sfocus .caption_cont .mtxt{display:inline-block; position:relative; font-size:30px; line-height:140%; font-family:nsr; font-weight:300; letter-spacing:-1px; margin-bottom:22px; padding-bottom:8px;}
.sfocus .caption_cont .mtxt:after{content:""; position:absolute; left:50%; bottom:0; width:50px; height:1px; margin-left:-25px; background:#fff; transition:all .9s ease;}
.sfocus .caption_cont .stxt{font-size:16px; line-height:140%; font-weight:normal; letter-spacing:-0.8px;}
.sfocus:hover .caption_cont .mtxt:after{width:150px; margin-left:-75px;}


/* current_location */
.current_location{position:relative; min-height:50px; background:rgba(24,57,92,.9);}
.current_location .location_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box;}
.current_location .location_hero{position:relative; padding-left:37px;}
.current_location .location_hero .home{display:block; position:absolute; top:0; left:0; width:37px; height:50px; background:url("../images/common/location_home.png") no-repeat 50% 50%; background-size:17px 14px;}
.current_location .location_hero > ul:after {content:''; display:block; clear:both;}
.current_location .location_hero > ul > li{position:relative; float:left; width:18%; padding:0 15px; height:50px; box-sizing:border-box;}
.current_location .location_hero > ul > li:before{content:''; position:absolute; left:0; top:50%; background:rgba(255,255,255,.2); width:1px; height:30px; margin-top:-15px;}
.current_location .location_hero > ul > li .deth{display:block; text-align:left; height:50px; line-height:50px; letter-spacing:-0.2px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.current_location .location_hero > ul > li span.deth{color:rgba(255,255,255,.8);}
.current_location .location_hero > ul > li button.deth{position:relative; width:100%; color:#fff; border:0; border-radius:0; margin:0; padding:0; background:none; cursor:pointer;}
.current_location .location_hero > ul > li button.deth:after{content:"\f077"; position:absolute; right:0; top:0; height:50px; line-height:50px; font-size:14px; color:#fff; font-family:"Font Awesome 5 Pro"; font-weight:300; transform:rotate(-180deg); transition:all .25s ease;}
.current_location .location_hero > ul > li.active button.deth:after{transform:rotate(0deg);}

.current_location .dynamic_depth{display:none; position:absolute; top:100%; left:0; width:100%; z-index:9;}
.current_location .dynamic_depth .dynamic_list{background:rgba(24,57,92,.9); padding:5px 0 15px;}
.current_location .dynamic_depth .dynamic_list li{position:relative;}
.current_location .dynamic_depth .dynamic_list li a{display:block; position:relative; line-height:150%; color:rgba(255,255,255,.8); padding:5px 15px; font-size:13px; letter-spacing:-0.2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.current_location .dynamic_depth .dynamic_list li:hover a{color:rgba(255,255,255,1);}
.current_location .dynamic_depth .dynamic_list li.on a{color:rgba(255,255,255,1);}
.current_location .dynamic_depth .dynamic_list li.on:before{content:""; position:absolute; left:-10px; top:50%; width:20px; height:2px; margin-top:-2px; background:#fff;}


.current_location .screen_control{position:absolute; top:0; right:0;}
.current_location .screen_control li{float:left; width:40px; border-left:1px solid rgba(255,255,255,.2); transition:all .25s ease;}
.current_location .screen_control li:last-child{border-right:1px solid rgba(255,255,255,.2);}
.current_location .screen_control li button{display:block; width:100%; height:50px; border:0; border-radius:0; margin:0; padding:0; background:none; cursor:pointer;}
.current_location .screen_control li button.print{background:url('../images/common/ico_print.png') no-repeat 50% 50%; background-size:14px 11px;}
.current_location .screen_control li button.zoomin{background:url('../images/common/ico_zoomin.png') no-repeat 50% 50%; background-size:10px 10px;}
.current_location .screen_control li button.zoomou{background:url('../images/common/ico_zoomou.png') no-repeat 50% 50%; background-size:10px 2px;}


/* container */
#mcontainer{position:relative;}
#mcontainer:after{content:''; display:block; clear:both;}
#scontainer{position:relative; padding-top:90px;}
#scontainer:after{content:''; display:block; clear:both;}


/* mcontents */
.mcontents{position:relative; padding-bottom:40px;}
.mcontents.mcontents_or{padding-top:180px;}
.mcontents.mcontents_at{padding-top:50px;}
.mcontents:after{content:''; display:block; clear:both;}
.mcontents .dev_contents{position:relative; width:1200px; margin:0 auto;}


/* scontents */
.scontents{position:relative; width:1200px; margin:-75px auto 0; padding:50px 40px 80px; box-sizing:border-box; background:#fff;}
.scontents:after {content:''; display:block; clear:both;}
.scontents .dev_contents{position:relative;}


/* footer */
#footer{position:relative; padding-bottom:60px; background:#f8f8f8;}
#footer:after{content:''; display:block; clear:both;}

.foot_cont{position:relative;}
.foot_cont .cont_inner{position:relative; width:1200px; margin:0 auto;}
.foot_cont .cont_inner .menu_area{position:relative; height:80px; border-bottom:1px solid #ebebeb;}
.foot_cont .cont_inner .menu_area .menu_list{overflow:hidden; padding-top:29px;}
.foot_cont .cont_inner .menu_area .menu_list li{position:relative; float:left;}
.foot_cont .cont_inner .menu_area .menu_list li:after{content:""; position:absolute; top:50%; right:0; width:1px; height:22px; margin-top:-11px; background:#ddd;}
.foot_cont .cont_inner .menu_area .menu_list li:last-child:after{display:none;}
.foot_cont .cont_inner .menu_area .menu_list li a{display:block; padding:0 15px; line-height:22px; color:#606060; font-size:13px; letter-spacing:-1px;}
.foot_cont .cont_inner .menu_area .menu_list li a span{font-family:rbt; font-weight:normal; letter-spacing:0;}
.foot_cont .cont_inner .menu_area .menu_list li a:hover{color:#303030;}
.foot_cont .cont_inner .menu_area .menu_list li:first-child a{padding-left:0;}
.foot_cont .cont_inner .menu_area .menu_list li:last-child a{border-right:none;}

.foot_cont .cont_inner .menu_area .web_network{position:absolute; right:0; top:50%; margin-top:-16px;}

.select_web {display:inline-block; position:relative; height:30px; *display:inline; *zoom:1; border:1px solid #777b88; vertical-align:middle; border-radius:0; overflow:hidden;}
.select_web.spider{display:block;}
.select_web select {width:100%; height:30px; line-height:32px; color:#fff; padding:0; padding-left:10px; background:none; letter-spacing:-0.5px; font-size:13px; -webkit-appearance:none; border:0; margin:0; cursor:pointer; border-radius:0; background:#777b88 url('../images/common/select_web.png') right 50% no-repeat; background-size:26px 34px;}
.select_web option {line-height:24px; font-size:13px;}
.select_web select::-ms-expand {display:none;}
@-moz-document url-prefix(){}

.foot_cont .cont_inner .det_info{position:relative; padding:15px 0 5px;}
.foot_cont .cont_inner .det_info .addr_info{line-height:150%; overflow:hidden; margin-bottom:5px; font-size:13px; letter-spacing:-1px;}
.foot_cont .cont_inner .det_info .addr_info dt{float:left; margin-right:5px; color:#505050; letter-spacing:-1px;}
.foot_cont .cont_inner .det_info .addr_info dd{float:left; margin-right:15px; color:#505050; letter-spacing:-0.5px;}
.foot_cont .cont_inner .det_info .certifi_list{position:absolute; overflow:hidden; top:12px; right:0;}
.foot_cont .cont_inner .det_info .certifi_list li{float:left; height:56px; margin-left:5px;}
.foot_cont .cont_inner .det_info .certifi_list li.certifi1{background:url("../images/common/certifi1.png") no-repeat 50% 50%; width:56px; height:56px; background-size:56px 56px;}
.foot_cont .cont_inner .det_info .certifi_list li.certifi2{background:url("../images/common/certifi2.png") no-repeat 50% 50%; width:57px; height:56px; background-size:57px 56px;}
.foot_cont .cont_inner .det_info .certifi_list li.certifi3{background:url("../images/common/certifi3.png") no-repeat 50% 50%; width:37px; height:56px; background-size:37px 56px;}
.foot_cont .cont_inner .copyright{font-size:13px; color:#909090; font-weight:normal; letter-spacing:0; line-height:150%;}


/* wing_topdown */
.wing_topdown{position:fixed; left:0; top:50%; width:75px; height:318px; margin-top:-250px; background:url("../images/common/wing_topdown.png") no-repeat 50% 50%; background-size:75px 318px; border-radius:0 3px 3px 0; overflow:hidden; z-index:99999;}
.wing_topdown .inner_box{display:block; width:75px; height:318px; padding-top:42px; color:#fff; text-align:center; box-sizing:border-box;}
.wing_topdown .inner_box .tit{display:block; font-size:13px; line-height:130%; margin-bottom:10px;}
.wing_topdown .inner_box i{font-size:16px; transform:rotate(-180deg); transition:all .55s ease;}
.wing_topdown .inner_box:hover i{transform:rotate(0deg);}