@charset "utf-8";
:lang(en){font-family:Roboto,sans-serif;font-weight:700}
.container{max-width:1400px;margin:0 auto;position:relative}
.popup_close{background-color: #f5f5f5;padding: .5rem 1rem}
.popup_close a{float: right;}
#depth5_menu_ul a[target="_blank"]::after,#snb a[target="_blank"]::after,.content a[target="_blank"]::after,.depth4 a[target="_blank"]::after,.header .topmenu a[target="_blank"]::after{content:'\e980';font-family:xeicon;margin-left:.3rem;display:inline-block;font-size:1em;font-weight:300}
.no_icon::after{display: none!important}
.point01,.point01_bold{color:#4059ab}
[class*="_pop"]{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:8}
[class*="_pop"].active{display:block}
[class*="_pop"] .layer{max-width:1000px;overflow:auto;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border-radius:1rem;padding:3rem}
[class*="_pop"].active .pop_close,[class*="_pop"].active .pop_title{display:block}
[class*="_pop"]::before{content:'';display:block;width:100%;height:100%;position:absolute;z-index:9;background-color:rgba(0,0,0,.7)}
.pop_title{display:none;color:#242427;font-size:2.4rem;margin-bottom:2.5rem}
.pop_close{display:none;position:absolute;right:3rem;top:3rem;font-size:2.5rem;color:#242427}
.pc{display:block}
.mobile{display:none}
.dimm{overflow:hidden;margin-right:17px}
.layerpopup{visibility:hidden;overflow:hidden;width:0;height:0;opacity:0;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#46464a}
.layerpopup .group{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:108rem;max-width:calc(100% - 2rem);margin-left:auto!important;margin-right:auto!important;overflow:hidden;overflow-y:auto;height:50rem;max-height:90%;padding:4rem;border-radius:.5rem;background-color:#fff}
.layerpopup .title{font-size:2.4rem;display:block;margin-bottom:3rem;color:#242427;white-space:normal}
.layerpopup .group .title{font-size: 2.4rem;margin-top: 0;margin-bottom: 2rem;padding-right: 0}
.layerpopup .player{overflow:hidden;float:left;position:relative;width:calc(100% - 36rem);height:36rem}
.layerpopup .player iframe{border:0;background-color:#f5f5f5;position:absolute;left:0;top:0;width:100%;height:100%}
.layerpopup .video .desc{overflow:hidden;overflow-y:auto;float:right;width:34rem;height:36rem;padding:1rem 1.5rem 0;border:1px solid #e4e9ee;background-color:#f9f9fb;white-space:normal;font-size: 1.6rem;color: #46464a;line-height:1.8;text-overflow:inherit;}
.layerpopup .desc::after{display:block;width:100%;height:1.5rem;content:''}
.layerpopup .close{font-size:2.5rem;overflow:hidden;position:absolute;right:4rem;top:4rem;width:3rem;height:3rem;line-height:3rem}
.layerpopup .close::before{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s;transition:all .2s}
.layerpopup .close:focus::before,.layerpopup .close:hover::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.layerpopup .close::before{display:block;width:100%;height:100%;font-family:xeicon;text-align:center;line-height:inherit;color:#242427;content:"\e921"}
.layerpopup.active{visibility:visible;overflow:visible;width:auto;height:auto;opacity:1;width:100%!important;height:100%!important;-webkit-transition:opacity .5s;transition:opacity .5s}
.layerpopup .list_table{margin-bottom:0}
.header{min-height:10rem;color:#242427;border-bottom:1px solid rgba(149,160,183,.25)}
.header .container{z-index:4}
.header .logo a{display:block;width:12.6rem;height:5.7rem;background:url(../_Image/common/logo.png) no-repeat; background-position: 0 0px; float:left;margin-top:3.5rem;background-size:100% auto}
.header .top_util {position:absolute; right:0; top:1rem;}
.header .top_util:after {content:""; display:block; clear:both;}
.header .top_util .link {opacity:0.8; -webkit-opacity:0.8; position:relative; z-index:71;}
.header .top_util .link:after {content:""; display:block; clear:both;}
.header .top_util .link li {float:left; padding:0 12px; position:relative;}
.header .top_util .link li:after {content:""; display:block; width:2px; height:2px; background:#222; position:absolute; left:0; top:50%;}
.header .top_util .link li:first-child:after {display:none;}
.header .top_util .link li:last-child { padding-right:0px}
.header .top_util .link li a {display:block; font-size:1.5rem; color:#222; line-height:32px; font-weight:300; position:relative;}
.header .gnb_util{float:right;margin-top:4.5rem;color:#39393c;font-size:2.6rem}
.header .gnb_util .btn_eng i{display:inline-block;vertical-align:middle}
.header .gnb_util span{font-size:1.4rem;margin-left: .2rem}
.gnb_util [class^=btn_]~[class^=btn_]{margin-left:1.5rem;display:inline-block;vertical-align:middle}
.header .nav{margin:0 auto;position:relative;width:100%}
.nav .topmenu{display:block;text-align:center}
.topmenu::after{content:'';display:block;clear:both}
.topmenu .depth1{display:inline-block;margin-left: -.3rem; margin-right: 3rem;}

.topmenu .depth1:first-child{margin-left:-.3rem; margin-right: 3rem;}
.topmenu .depth1>a{display:block;white-space:nowrap;position:relative;padding:5.5rem 2rem 4.3rem;letter-spacing:-.025em;font-size:1.9rem;font-weight:500;color:#222}
.topmenu .depth1.active>a::before{content:"";position:absolute;left:0;bottom:-1px;height:4px;width:100%;background-color:#4059ab}
.topmenu .nkis{color:#888895}
.topmenu .nkis a span{color:transparent;display:inline-block;margin-left:.4rem;width:3.4rem;height:2rem;background:url() 0 0 no-repeat;vertical-align: bottom;}
.header .topmenu .nkis a span{    background-position: 0 -2rem;}
.header .topmenu .nkis>a::after{display:none}
.topmenu .nkis .depth2>li{width:auto;float:right}
.topmenu .nkis .depth2>li>a{padding-left:1.5rem;padding-right:1.5rem}
.topmenu .nkis .title_area .title{float:left}
.topmenu .nkis .title_area p{float:left;width:40%;margin-left:5.5rem;margin-top:.6rem}
.topmenu .nkis .title_area p::before{display:none}
.topmenu .nkis .title_area p strong{display:block;font-size:2.4rem;color:#242427}
.topmenu .nkis .title_area p strong::after{content:'';display:block;width:2rem;height:1px;background-color:#aaa;margin:1rem 0}
.topmenu .nkis .title_area p span{font-size:1.6rem;color:#333}
.topmenu .submenu{display:none;position:absolute;left:0;top:12rem;z-index:20;width:100%;background-color:#fff;padding:4rem 0 2rem 0;text-align:left;box-shadow:0 2rem 2rem rgba(0,0,0,.12);border-top:1px solid rgba(149,160,183,.25)}

.submenu .title_area{width:1400px;position:absolute;left:50%;transform:translateX(-50%);}
.submenu .title_area .title{font-size:3.0rem;color:#222;margin-bottom:4rem}
.submenu .title_area p{color:#333;position:relative;width:30rem;word-break:keep-all}
.submenu .title_area p::before{content:'';display:block;width:2rem;height:1px;background-color:#aaa;margin-bottom:1rem}
.topmenu .depth2{max-width:1400px;margin:0 auto;position:relative;overflow-y:auto;padding-left:30rem}
.topmenu .depth2>li{width:22.7%;margin-left:1.8%;display:inline-block;vertical-align:top;position:relative;margin-bottom:2rem}
.topmenu .depth2>li>a{display:block;border:0px solid #4059ab;text-align:left;padding:1rem 0;font-size:1.7rem;color:#222;font-weight:500;}
.topmenu .depth2>li>a:hover{/*background-color:#4059ab;border-color:#4059ab;*/color:#4059ab;transition:all .25s}
.topmenu .depth3{margin:.5rem 0 0rem 0rem}
.topmenu .depth3>li>a{color:#727272;display:block;padding:.5rem 0 .5rem 1rem;position:relative}
.topmenu .depth3>li>a:hover{color:#4059ab;font-weight:500}
.topmenu .depth3>li>a::before{content:'';display:block;width:.3rem;height:.3rem;position:absolute;top:1.5rem;left:0;border-radius:50%;background-color:#b3bec1}
.topmenu .depth4{display:none}
.header.search{border-bottom:1px solid #e7e8ea}
.header .sch_layer{display:none;position:absolute;left:50%;top:10.1rem;z-index:4;background:#f9f9fb;width:200%;transform:translateX(-50%);text-align:center;padding:3rem 0;box-shadow:0 2rem 2rem rgba(0,0,0,.12)}
.header .sch_layer .title{font-size:3rem;color:#46464a;margin-right:4rem;display: inline-block;vertical-align: middle;}
.header .sch_layer input[type=text]{border:2px solid #46464a;color:#727272;font-size:2rem;width:50rem;padding:1.5rem 5rem 1.5rem 1.5rem;box-shadow:1rem 1rem 1rem rgba(0,0,0,.1)}
.header .sch_layer .btn_sch{font-size:2.5rem;color:#242427;margin-left:-5rem;vertical-align:middle}
.header .sch_layer .btn_sch_close{position:absolute;right:5.9rem;top:1rem}
.header .sch_layer .btn_sch_close i{color:#4059ab;font-size: 3rem;font-weight:700}
.allmenu_pop{display:block}
.allmenu_pop .header .nav{width:1200px;height:90%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border-radius:1rem;padding:3rem}
.allmenu_pop .pop_title{display:block}
.allmenu_pop .topmenu{width:100%;height:90%;overflow:auto}
.allmenu_pop .topmenu::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5}
.allmenu_pop .topmenu::-webkit-scrollbar{width:.6rem;background-color:#f5f5f5}
.allmenu_pop .topmenu::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d5d7dc}
.allmenu_pop .topmenu .submenu{display:block!important;position:static;box-shadow:none;padding-left:25rem}
.allmenu_pop .topmenu .depth1:first-child{margin-left:0}
.allmenu_pop .topmenu .nkis a span{display:none}
.allmenu_pop .topmenu .nkis .depth2>li{float:none}
.allmenu_pop .header .nav .depth1{display:block;width:100%;position:relative;min-height:11.5rem}
.allmenu_pop .topmenu .depth1>a{position:absolute;left:0;top:0;font-size:2.8rem;color:#4059ab;font-weight:700;}
.allmenu_pop .pop_close{display:block}
.allmenu_pop .topmenu .title_area,.topmenu .depth1.active>a::before{display:none}
.allmenu_pop .topmenu .depth1~.depth1{border-top:0px solid #e6eaef}
.allmenu_pop .topmenu .depth2{padding-left:0}
.allmenu_pop .topmenu .depth2>li>a{font-size:1.8rem;font-weight:500;border-color:#d2d4da}
.allmenu_pop .topmenu .depth2>li>a:hover{border-color:#4059ab}
.allmenu_pop .topmenu .depth3>li>a{color:#46464a;display:block;padding-left:0;}
.allmenu_pop .topmenu .depth3>li>a:hover{color:#4059ab;font-weight:500}
.allmenu_pop .topmenu .depth3>li>a::before{display:none}
.allmenu_pop .topmenu .depth4{display:block}
.allmenu_pop .topmenu .depth4>li>a{color:#727272;display:block;font-size:1.4rem;padding:.5rem 0 .5rem 1rem;position:relative}
.allmenu_pop .topmenu .depth4>li>a:hover{color:#4059ab;font-weight:500}
.allmenu_pop .topmenu .depth4>li>a::before{content:'';display:block;width:.3rem;height:.3rem;position:absolute;top:1.2rem;left:0;border-radius:50%;background-color:#b3bec1}
.main{position:relative;width: 100%;}
/*#snb{width:220px;height:100%;float:left}
#snb+#content{float:left;margin-left:60px;position:relative}*/
#content{width:100%;height:100%;margin:0 auto}
#content h2{display: block; font-size: 4rem; font-weight: 500; line-height: 4rem; margin-bottom: 3rem; color: #000; vertical-align: middle; text-align:center;}
.location_bar{background-color:#f6f6f8;position:relative;z-index:2;height:5.3rem}
.location_bar .container{padding-top:1.5rem;padding-bottom:1.5rem}
.location_bar .container::after{content:'';display:block;clear:both}
.location_bar .location{float:left;font-size:1.6rem}
.location_bar .location li{display:inline-block}
.location_bar .location li~li::before{content:"\e940";font-family:xeicon;margin:0 .25rem}
.location_bar .location .xi-home{font-size:2rem;color:#666}
.location_bar .location .current{font-weight:700;color:#46464a}
.location_bar .util{float:right}
.location_bar .util .sns{display:inline-block;vertical-align:middle;padding:0;position:relative;margin-left:1.8rem}
.sns.active .close_btn,
.sns.active .sns_list{opacity:1;visibility:visible;-webkit-transition:all .3s;transition:all .3s}
.location_bar .util [class$="_btn"]{display:inline-block;vertical-align:middle;font-size:2rem;color:#666;position:relative;z-index:2}
.location_bar .util [class$="_btn"]:hover{color:#000;-webkit-transition:all .2s;transition:all .2s}

.location_bar .util .sns_list{right:1rem;top:4rem;transform:translateX(50%);}
.location_bar .util .sns_list::after,.location_bar .util .sns_list::before{content:'';border:.6rem solid transparent;position:absolute;left:50%;transform:translateX(-50%);top:-1.2rem;border-bottom-color:#bdbdbe}
.location_bar .util .sns_list::after{border-bottom-color:#fff;top:-1.1rem}
.location_bar .util .close_btn{display:none}
.location_bar .util .sns_list ul{background-color:#fff;border:1px solid #ddd;border-radius:.3rem;padding:1rem 1.5rem}
.location_bar .util .sns_list li{display:table-cell;padding:0 .5rem}
.sns_list{position:absolute;opacity:0;visibility:hidden}
.sns_list li i{border-radius:50%;width:3rem;height:3rem;font-size:2rem;text-align:center;color:#fff;line-height:3rem;-webkit-transition:all .2s;transition:all .2s}
.sns_list li .xi-facebook{background-color:#4267b2;border:1px solid #4267b2}
.sns_list li .xi-twitter{background-color:#01aced;border:1px solid #01aced}
.sns_list li .xi-naver{background-color:#3acc15;border:1px solid #3acc15}
.sns_list li .xi-kakaostory{background-color:#fac500;border:1px solid #fac500}
.sns_list li .xi-share{background-color:#868e96;border:1px solid #868e96;padding-bottom:.2rem}
.sns_list li a:hover i{background-color:transparent}
.sns_list li a:hover .xi-facebook{color:#4267b2}
.sns_list li a:hover .xi-twitter{color:#01aced}
.sns_list li a:hover .xi-naver{color:#3acc15}
.sns_list li a:hover .xi-kakaostory{color:#fac500}
.sns_list li a:hover .xi-share{color:#868e96}

#contentWrap{margin-top:5rem; margin-bottom:5rem}
#contentWrap::after{content:"";display:block;clear:both}
/*#snb .title{font-size:2.4rem;color:#242427;font-weight:700;position:relative;padding:0 0 2.6rem;border-bottom:2px solid #242427}
#snb .title span{position:relative;z-index:1}
#snb .nav{margin-bottom:1rem}
#snb .nav .depth2{border-bottom:1px solid #d3d8dd}
#snb .nav .depth2>li{position:relative}
#snb .nav .depth2>li~li{border-top:1px solid #eaeef3}
#snb .nav .depth2>li>a{display:block;padding:1.6rem 1rem 1.5rem 1.1rem;font-size:1.7rem;letter-spacing:-1px;position:relative;z-index:1}
#snb .nav .depth2>li.is-depth3>a::before{content:'\e942';font-family:xeicon;font-size:1.8rem;display:block;position:absolute;right:1.4rem;top:1.7rem;z-index:2;color:#aaa;-webkit-transition:all .2s;transition:all .2s}
#snb .nav .depth2>li.active>a{color:#000;font-weight:700}
#snb .nav .depth2>li.is-depth3:hover>a::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#snb .nav .depth2>li.is-depth3.active>a::before{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#242427}
#snb .nav .depth2>li.active .depth3{display:block}
#snb .nav .depth2>li .depth3{margin:-.7rem 0 0 1rem;display:none;padding:0 .5rem 1.8rem .75rem}
#snb .nav .depth2>li .depth3>li.active{color:#4a7cc2;font-weight:700}
#snb .nav .depth2>li .depth3>li>a{display:block;position:relative;font-size:1.5rem;padding:.3rem 0 .3rem .8rem}
#snb .nav .depth2>li .depth3>li>a::before{content:'';background-color:#555;width:5px;height:1px;position:absolute;left:0;top:1.1rem}
#snb .nav .depth2>li .depth3>li>a:hover{font-weight:700;text-decoration:underline}
#snb .nav .depth2>li .depth3>li~li{margin-top:.3rem}
#snb .nav .depth4{display:none}*/
.content .tabN { width:100%; margin-bottom:2rem; }
.content .depth4{ overflow:hidden;/*display:table;table-layout:fixed;width:100%;*/ }
.content .depth4 li{display: inline-block; vertical-align:middle; padding-left:0;  background:#f6f6f6;}
.content .depth4 li::before{display:none}
.content .depth4 li a{display:block;text-align:center; padding:1.2rem 1.6rem;line-height:1.35;margin:0;font-size:1.7rem;border:1px solid #e1e6eb;/*margin-left:-1px*/}
.content .depth4 li a:hover{background-color:#3b6edd; border:1px solid #3b6edd; -webkit-transition:all .2s;transition:all .2s; color:#fff}
.content .depth4 li.active a{position: relative;background-color:#487fe3;color:#fff;font-weight:500; border:1px solid #487fe3}
/*.content .depth4 li.active::after{content: '';display: block;border:1rem solid  transparent;border-top-color: #4059ab;position: absolute;left:50%;bottom: -1.6rem;transform:translateX(-50%)}*/
.row_br::after{content:"";clear:both;display:table}
.row_br li{display:table;width:25%;min-height:3.2rem;float:left}
.row_br li a{display:table-cell;vertical-align:middle;padding:.4rem .6rem;min-height:64px}
.li_col4 li{width:33.33%}
.open_code{margin:4rem 0}
.in_charge{padding:2rem 2rem 2rem 7rem;border:4px solid #e7e8ea;margin-top:5rem;margin-bottom:5rem;}
.in_charge .title{font-size:2.2rem;color:#242427;display:inline-block;vertical-align:middle;margin-right:7.8rem}
.in_charge .title::before{content:'';width:4rem;height:4.4rem;background:url(../img/common/icon_incharge.png) 0 0/cover no-repeat;display:inline-block;vertical-align:middle;margin-right:1.8rem}
.in_charge .cont{display:inline-block;vertical-align:middle}
.in_charge .cont li{display:inline-block;position:relative}
.in_charge .cont li~li{margin-left:5rem}
.in_charge .cont li~li::before{content:'';display:block;width:2px;height:1.2rem;background-color:#dadada;position:absolute;left:-2.5rem;top:.5rem}
.in_charge .cont span{color:#76767c;margin-right:.8rem}
.in_charge .cont strong{color:#46464a}
.quick_nav{position:fixed;text-align:center;right: 2.5rem;bottom:2.5rem;z-index:7;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s;}
.quick_nav.active{opacity:1;visibility:visible;}
.quick_nav.stick{position:absolute;bottom:22rem}
.dimm .quick_nav{right:calc(2.5rem + 17px);transition:none}
.go_top{display:block;width:7rem;height:7rem;line-height: 6.8rem;border-radius:50%;background-color:#fff;color:#000;border: 1px solid #000; }
.go_top::before {display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; display: block; content: ''; font-size: 3rem;}

.go_top i{font-size:3rem; display:none}
.go_top span{display:block;font-size:1.5rem;line-height:1}

.quick_nav .go_nkis,
.quick_nav .sns{display: block;width: 5.2rem;height: 5.2rem;line-height: 4.8rem;border: 1px solid #bbb;border-radius: 50%;background-color: #fff;margin: 1.2rem auto;position: relative; display: none;}
.quick_nav .sns .sns_btn,
.quick_nav .sns .close_btn{font-size: 2.2rem;color: #888894;}
.quick_nav .sns .sns_list{left: -1px;bottom: -1px;border: 1px solid #bbb;padding: .5rem 1rem;border-radius: 3rem;background-color: #fff;}

.footer { border: 0; background-color: #dee3e6; }
.footer{position:relative;padding:4rem 0 5rem;letter-spacing:-1px}
.footer nav::after{content:'';display:block;clear:both}
.footer .footer_nav{float:left;margin-bottom:1.6rem}
.footer .footer_nav>li{display:inline-block;position:relative;padding-left:1.5rem;margin-left:1.5rem;font-size:1.7rem;color:#333}
.footer .footer_nav>li::before{content:"";display:block;width:1px;height:1.3rem;background-color:#d8d8d8;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.footer .footer_nav>li:first-of-type{padding-left:0;margin-left:0}
.footer .footer_nav>li:first-of-type::before{display:none}
.footer .footer_nav>li strong{color:#333}
.footer .footer_nav>li a:hover strong,
.footer .footer_nav>li a:hover{color:#000}
.footer .sns{float:right;position:relative}
.footer .sns li{display:inline-block;vertical-align:middle;margin-left:1.4rem}
.footer .sns a{display:block;width:2.8rem;height:2.8rem;background-color:#7b7b82;color:#fff;border-radius:50%;text-align:center;line-height:2.8rem;-webkit-transition:all .3s;transition:all .3s}
.footer .sns a.fb{background:#3b5999}
.footer .sns a.ytb{background:#cd201f}
.footer .sns a.blog{background:#00c300}
.footer .sns a:hover{background-color: #50505A;}
.footer .sns .wa{width:auto;height:auto;background-color:transparent!important;border-radius:0;}
.footer .award{position:absolute;right:24rem;top:0;width:8rem}

.footer .address_group{font-size:1.6rem;line-height:1.5;color:#666;display:block}
.footer .copyright{display:block;margin-top:.1rem}
.footer .relate_site{position:absolute;right:0;top:2rem;width:20.7rem;z-index:7}
.footer .relate_site .title{display:block;padding:1.4rem 3rem 1.4rem 1.5rem;color:#666;border:1px solid #ddd;font-size:1.6rem;-webkit-transition:background-color .2s;transition:background-color .2s; background: #fff;}
.footer .relate_site .title:hover{background-color:#fff}
.footer .relate_site .xi-caret-up{font-size:1rem;color:#333;position:absolute;right:2.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}
.footer .relate_site .list{opacity:0;visibility:hidden;overflow:hidden;position:absolute;bottom:5rem;max-height:0;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;width:100%}
.footer .relate_site .list>li{padding:0;border:0;text-align:left}
.footer .relate_site .list>li a{display:block;padding:.3rem 1rem;font-size:1.4rem}
.footer .relate_site .list>li a:hover{background-color:#dee3e6;color:#333}
.footer .relate_site.active .xi-caret-up{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.footer .relate_site.active .list{opacity:1;visibility:visible;border:1px solid #ddd;padding:1rem 0;max-height:1000px}
@media (max-width:1279.98px){
.container{padding:0 1.5rem}
.header .logo a{ background-position: 0 0rem;margin-top: 4rem;}
.gnb_util [class^=btn_]~[class^=btn_]{margin-left:.8rem}
.header .sch_layer{width:100%}
.header .sch_layer .btn_sch_close{right:5.9rem}
.allmenu_pop #gnb{display:block;width:calc(100% - 2rem)}
.topmenu .depth1:first-child{margin:0}
.topmenu .depth1>a{padding-left:.7rem;padding-right:.7rem}
.submenu .title_area{width:20%;left:2rem;transform:none}
.submenu .title_area .title{font-size:3rem}
.submenu .title_area p{width:100%}
.submenu .title_area p br{display:none}
.topmenu .depth1 .submenu{padding-left:23%}
.topmenu .depth2{padding-left:0}
.nkis .submenu .title_area{width:auto}
.allmenu_pop .topmenu .depth2{padding-left:0}
/*#snb{width:20%}
#snb+#content{width:76%;margin-left:4%}*/
.location_bar .util .sns_list{right:-2rem;transform:none}
.location_bar .util .sns_list ul{padding:1rem}
.location_bar .util .sns_list li{display:block;padding:.5rem 0}
.footer .address_group{padding-right:34rem}
.footer .relate_site{right:2rem}
}
@media (max-width:991.98px){
html{font-size:9px}
.dimm{margin-right:0}
.dimm .go_top{right:2.5rem}
.layerpopup .group{padding:4rem 2rem;height:auto}
.layerpopup .player{float:none;width:100%;height:0;padding-top:55%}
.layerpopup .video .desc{float:none;width:100%;margin-top:1rem}
.layerpopup .close{right:1rem;top:1.5rem}
.header{min-height:7rem}
.header .logo{padding:1.7rem 0}
.header .logo::before{content:'';display:table}
.header .logo a{margin:0 auto;float:none;background-position:0 0}
.header .top_util {display:none}
.header .nav{display:none}
.header .sch_layer{left: 0;top:7rem;width:100%;padding:2rem 0;transform:none}
.header .btn_allmenu{position:absolute;left:2rem;top:2.3rem}
.header .btn_sch_open{position:absolute;right:2rem;top:1.5rem}
.header .sch_layer .btn_sch_close{top:-7.5rem;right:2rem;background-color: #fff}
.gnb_util [class^=btn_]~[class^=btn_]{margin-left:0}
.gnb_util .btn_eng{display:none}
.allmenu_pop .header{background-color:#fff;border-bottom:1px solid #e7e8ea}
.allmenu_pop .header .logo a{background-position:0 0}
.allmenu_pop .header .gnb_util{color:#39393c}
.allmenu_pop #gnb{width:100%;height:100%;top:0;left:0;transform:none;border-radius:0;padding:0}
.allmenu_pop .pop_title{display:none}
.allmenu_pop .mobile_global{display:block;height:7rem;background-color:#4059ab;color:#fff;padding:1.5rem 2rem}
.allmenu_pop .mobile_global a{display:inline-block;padding:1rem; font-size:1.6rem}
/*.allmenu_pop .mobile_global a:first-of-type::after{content:'';display:block;height:.3rem;width:100%;background-color:#fff;margin-top:.5rem}*/
/*.allmenu_pop .mobile_global a:last-child{color:#aab5d4}*/
.allmenu_pop .mobile_global a i { padding-right:.5rem}
.allmenu_pop .pop_close{right:2rem;top:1.6rem;color:#fff}
.allmenu_pop .topmenu{height:calc(100vh - 6.875rem);padding-right:0}
.allmenu_pop .header .nav .depth1{min-height:6.5rem;margin-left: 0;}
.allmenu_pop .topmenu .depth1>a{width:16.25rem;font-size:2rem;color:#222222;font-weight:400;margin-bottom:0;padding:2rem 0;background-color:#f6f6f8}
.topmenu{position:relative;background-color:#f6f6f8}
.topmenu .submenu{padding:0}
.allmenu_pop .topmenu .submenu{display:none!important;padding:1.5rem;position:fixed;top:7rem;left:16.25rem;width:calc(100% - 16.25rem);height:calc(100% - 7rem);border-left:1px solid #d6d8de;background-color:#fff;overflow-y:auto}
.topmenu .depth2>li{width:100%;margin-left:0;display:block}
.topmenu .depth2>li>a{text-align:left;padding:1.5rem 1rem;margin-bottom:0rem; color:#222222}
.topmenu .depth3{display:none}
.allmenu_pop .topmenu .depth1 a.active+.submenu{display:block!important}
.allmenu_pop .topmenu .depth1>a.active{color:#4059ab;font-weight:500;background-color:#fff}
.allmenu_pop .topmenu .depth2>li>a {font-size: 2rem; font-weight: 400; border-bottom:1px solid #e6eaef}
.allmenu_pop .topmenu .depth3>li>a:hover {color: #4059ab; font-weight:500;}
.topmenu .depth2>li {margin-bottom:0rem;}
.topmenu .depth2>li.active>a{background-color:#4059ab;color:#fff}
.topmenu .depth2>li.active>.depth3{display:block;margin:1rem}
.topmenu .depth3>li~li{border-top:1px solid #e6eaef}
.topmenu .depth3>li>a{padding:1.5rem; font-size:1.8rem}
.topmenu .depth2>li.is-depth3>a::before{content:'\e942';font-family:xeicon;font-size:1.8rem;display:block;position:absolute;right:1rem;top:1.7rem;z-index:2;color:#aaa;-webkit-transition:all .2s;transition:all .2s}
.topmenu .depth2>li.is-depth3.active>a::before{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#fff}

.footer .relate_site .list>li a {font-size: 1.8rem;}
/*#contentWrap{padding-top:2rem}
#content{width:100%}
.location_bar{border-bottom:1px solid #d2d4da}
#snb{width:auto;float:none}
#snb+#content{float:none;width:100%;margin-left:0}
#snb .title,.location_bar .location,.location_bar .util .print_btn{display:none}
#snb .nav{margin-bottom:0;position:absolute;left:0;top:-5.3rem;z-index:3;width:calc(100% - 5rem)}
#snb .nav .depth2{border:0}
#snb .nav .depth2>li{position:static}
#snb .nav .depth2>li~li{border:0}
#snb .nav .depth2>li .depth3>li a,#snb .nav .depth2>li>a{display:block;font-size:1.7rem;background-color:#f6f6f8;padding:0 3.2rem 0 1.1rem;max-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;transition:all .2s;-webkit-transition:all .2s}
#snb .nav .depth2>li>a{width:50%}
#snb .nav .depth2>li.is-depth3>a::before{display:none}
#snb .nav .depth2>li .depth3{background-color:#f6f6f8;position:absolute;left:calc(50% - 1px);top:0;width:50%;margin:0;padding:0;z-index:2;border-left:1px solid #d2d4da}
#snb .nav .depth2>li .depth3>li>a::before{display:none}
#snb .nav .depth2>li .depth3>li.active a,#snb .nav .depth2>li .depth3>li.on a,#snb .nav .depth2>li.active>a,#snb .nav .depth2>li.on>a{color:#46464a;font-weight:500;padding-top:1.6rem;padding-bottom:1.5rem;height:5.3rem;max-height:5.7rem;border-bottom:1px solid #d2d4da;border-right:1px solid #d2d4da;position:relative}
#snb .nav .depth2>li .depth3>li~li{margin-top:0}
#snb .nav .depth2>li .depth3>li.active a::after,#snb .nav .depth2>li.active>a::after{content:'\e941';font-family:xeicon;font-size:1.8rem;display:block;transform:rotate(0);color:#46464a;position:absolute;right:1.4rem;top:1.7rem;z-index:2;color:#aaa;-webkit-transition:all .2s;transition:all .2s}
#snb .nav .depth2>li .depth3>li.active.on a,#snb .nav .depth2>li.active.on>a{background-color:#e4e4e8}
#snb .nav .depth2>li .depth3>li.active.on a::after,#snb .nav .depth2>li.active.on>a::after{color:#000;transform:rotate(180deg)}
#snb .nav .depth2>li.active>.depth3{display:block!important}
#snb .nav .depth2>li .depth3>li>a:hover{text-decoration:none}*/
.content .depth4 li{display:block;width:50%;float:left}
.content .depth4 li:nth-child(2)~li{margin-top:-1px}
.content .depth4 li.active::after{display: none;}
.content .depth4 li.active a {border: 1px solid #487fe3;}

}
@media (max-width:767.98px){
html{font-size:8px}
br{display:none}
#contentWrap {margin-top: 3rem; margin-bottom: 3rem;}
#content br{display:block;}
#content h2 { font-size: 3rem; line-height: 2rem; margin-bottom: 2rem;}
.pc{display:none}
.mobile{display:block}
.header .logo{padding:1.2rem 0}
.header .sch_layer{text-align:left}
.header .sch_layer .title{display:block;font-size:2rem;margin-bottom: 2rem;}
.header .sch_layer input[type=text]{width:100%}
.footer{padding-top:2rem}
.footer .footer_nav{float:none;text-align:center;padding-bottom:2rem;border-bottom:1px solid #e7e8ea}
.footer .footer_nav>li{padding-left:1rem;margin-left:1rem}
.footer .sns{float:none;text-align:center;margin-bottom:2rem}
.footer .address_group{text-align:center;padding-right:0}
.footer .address address{word-break:keep-all}
.footer .relate_site{z-index: 1;position:relative;right:auto;top:auto;width:100%;margin-top:3rem;}
.in_charge{padding-left:2rem}
.in_charge .title{margin-right:0;width:45%}
.in_charge .title::before{margin-right:1rem}
.in_charge .cont li~li{display:block;margin-left:0}
.in_charge .cont li~li::before{display:none}
.layerpopup .video .desc{height:30rem}
[id^="layerPopup"]{left: 1rem!important;top: 1rem!important;width:100%!important;height:auto!important;max-width: calc(100% - 2rem);max-height: calc(100% - 2rem);background-color:#000;text-align: center;}
.popup_cont{width: auto !important;height: auto!important;max-width:100%;max-height:calc(100% - 2.4rem)}
.popup_cont img{height:auto;max-height:100%}
.quick_nav{right: 2rem}
.quick_nav.stick .sns,
.quick_nav.stick .go_nkis{display: none;}
.footer .award{position:static;width:5rem}
}