@charset "utf-8";
/* 공통 */

#charge{display: none;}
body{opacity:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
@media print {
    body{opacity:1;}
}
#wrap{position:relative;margin: 0 auto;}
#wrap .layout{max-width:1200px; margin:100px auto;}
@media all and (max-width: 1370px) {
    #wrap .layout{max-width:100%; width:calc(100% - 60px);}
}

/* 공통 */
#header,
#footer{position:relative; z-index:100;}
#header{z-index:600;}


/* 상단 */
#header{height:5.57em;max-width:1920px; margin-left:calc(50% - 960px); background-color:#fff;transition:height 0.2s linear;-webkit-transition:height 0.2s linear;}
#header h1{position:absolute; left:10px; top:0;z-index: 10;}
#header h1 a{overflow:hidden; display:block; width:7.875em; height:5.556em; text-indent:-1000px; background:url(../img/layout/logo.png) no-repeat center center;}
#header>strong{position: absolute; left: 130px;top: 0;z-index: 10;}
#header>strong a{display: block;padding:1em; font-size: 1.4em;color:#283847;font-weight: 600;}
#header>strong a:before{display: inline-block; position: absolute;left: 0;top:1.3em;width:1px;height:1.3em;background: #eaeaea;content: '';}
#header .util{display: none; position:relative; z-index:110; width:3.3em; height:auto;}

/* 로그인, 검색 */
#header .etc{position:absolute;right:7em;top: 2.5em;}
#header .etc>ul:after{content:""; display:block; clear:both;}
#header .etc>ul>li{float:left; position:relative;}
#header .etc>ul>li:not(:nth-child(1)){padding-left:1em;}
#header .etc>ul>li:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:0.5em; top:calc(50% - 0.3em); width:1px; height:0.6em; line-height:0.6em; background-color:#b0b8bf;}
#header .etc>ul>li a{display:block; position:relative; line-height:1em; font-size:0.7em; color:#8e99a5;}
#header .etc>ul>li:not([class*="search"]) a:hover{color:#000;}
#header .etc>ul>li.search>a{padding-right:3.5em; color:#004190;}
#header .etc>ul>li.search>a:before,
#header .etc>ul>li.search>a:after{content:"";display:block;position:absolute;right:-1em;bottom: -1.1em;width:3em;height:3em;border-radius:50%;-webkit-border-radius:50%;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
#header .etc>ul>li.search>a:before{opacity:0; right:calc(-1em + 1px); z-index:0; background-color:#1155a7;}
#header .etc>ul>li.search>a:after{z-index:10; background-image:url(../img/layout/icon_search.png); background-repeat:no-repeat; background-position:center center; background-size:70% auto;}
#header .etc>ul>li.search>a span{position:relative; line-height:inherit;}
#header .etc>ul>li.search>a span em{position:absolute; left:0; top:-1000px; font-size:0;}
#header .etc>ul>li.search>a span:after{content:""; display:none; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#1155a7;}
#header .etc>ul>li.search>a:hover:before{opacity:0.2;transform:scale(1.5);-webkit-transform:scale(1.5);}
#header .etc>ul>li.search>a:hover:after{background-color:#1155a7; background-image:url(../img/layout/icon_search_on.png);}
#header .etc>ul>li.search>a:hover span:after{display:block;}
#header #searchbox{display:none; position:fixed; left:0; top:5.57em; z-index:500; width:100%; padding:2em 0 4.5em 0; background-color:#1155a7;}
#header #searchbox>button.start,
#header #searchbox>button.end{position:absolute; left:0; top:0;transform:scale(0);-webkit-transform:scale(0);}
#header #searchbox .lay{max-width:calc(540px + 4em); padding:0 2em; margin:0 auto; font-size:1.6em; box-sizing:border-box;}
#header #searchbox .lay+.lay{margin-top:2em;}
#header #searchbox .lay .in{position:relative; padding:0 1em;}
#header #searchbox .lay:nth-child(1){position:relative;}
#header #searchbox .lay:nth-child(1) .in:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.2em; background-color:#fff;}
#header #searchbox .lay:nth-child(1) .in input[type="text"]{display:block; width:calc(100% - 1.8em); height:3.4em; line-height:3.4em; font-size:1em; color:#fff; background-color:transparent;}
#header #searchbox .lay:nth-child(1) .in input[type="text"]::placeholder{font-size:0.65em; color:rgba(255,255,255,0.5);}
#header #searchbox .lay:nth-child(1) .in input[type="submit"]{overflow:hidden; position:absolute; right:1em; top:calc(50% - 0.4em); width:0.9em; height:0.9em; text-indent:-1000px; background:url(../img/layout/icon_search_on.png) no-repeat center center; background-size:100% auto;}
#header #searchbox .lay:nth-child(2) .in ul{display:table; width:100%;}
#header #searchbox .lay:nth-child(2) .in ul li{display:table-cell; padding-left:0.5em;}
#header #searchbox .lay:nth-child(2) .in ul li:first-child{padding-left:0;}
#header #searchbox .lay:nth-child(2) .in ul li a{display:block; line-height:1em; padding:0.8em 0.2em; text-align:center; font-size:0.55em; border:1px solid rgba(255,255,255,0.5); color:#fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>ul>li{position:relative; padding:1em 1em 1em 2.5em;}
#header #searchbox .lay:nth-child(1) .out>ul>li:not(:nth-child(1)){border-top:1px solid rgba(255,255,255,0.2);}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong{display:block; position:relative; height:1em;}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong:before{content:""; display:block; position:absolute; left:-1.5em; top:0; width:1em; height:1em; background-repeat:no-repeat; background-position:left center; background-size:100% auto;}
#header #searchbox .lay:nth-child(1) .out>ul>li:nth-child(1)>strong:before{background-image:url(../img/layout/search_simbol_1.png);}
#header #searchbox .lay:nth-child(1) .out>ul>li:nth-child(2)>strong:before{background-image:url(../img/layout/search_simbol_2.png);}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong span{display:block; line-height:1.5em; font-size:0.65em; font-weight:normal; color:#82c0ff;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul{margin-top:0.5em;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li{padding:0.3em 0;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a{display:block; vertical-align:top; font-size:0.6em; color:#fff;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a span{position:relative;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a span:after{content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:1px; background-color:#fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a:hover span:after{left:-0.5em; width:calc(100% + 1em);}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more{overflow:hidden; position:absolute; right:2em; top:2em; width:13px; height:13px; text-indent:-1000px;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:before,
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:after{content:""; display:block; position:absolute; background-color:#fff;transform:rotate(0);-webkit-transform:rotate(0);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:before{left:6px; top:0; width:1px; height:100%;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:after{left:0; top:6px; width:100%; height:1px;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:hover:before,
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#header #searchbox .lay:nth-child(1) .out>.btn_more{line-height:1em; padding:1em 3em; font-size:0.7em; border:2px solid #fff; color:#fff;}
#header #searchbox .lay:nth-child(1) .out>.btn_more:after{content:""; display:block; position:absolute; right:2em; top:0; width:1.48em; height:100%; background:url(../img/layout/btn_arrow_w.png) no-repeat center center; background-size:100% auto;transition:right 0.3s ease;-webkit-transition:right 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>.btn_more:hover:after{right:1.5em;}
#header #searchbox .lay:nth-child(2) .in ul li a:hover{color:#154e92; background-color:#fff;}

body.search{overflow-y:hidden;}
body.search:before{content:""; display:block; position:fixed; left:0; top:0; z-index:400; width:100%; height:100%; background-color:rgba(255,255,255,0.5);}
body.search #header .etc>ul>li.search>a:before{opacity:0.2;transform:scale(1.5);-webkit-transform:scale(1.5);}
body.search #header .etc>ul>li.search>a:after{background-color:#1155a7; background-image:url(../img/layout/icon_search_click.png);}
body.search #header .etc>ul>li.search>a span:after{display:block;}
body.search #header #searchbox.on{padding-bottom:0;}
body.search #header #searchbox.on .lay:nth-child(1) .out{display:block;}
body.search #header #searchbox.on .lay:nth-child(2){max-width:100%; border-top:1px solid rgba(255,255,255,0.2);}
body.search #header #searchbox.on .lay:nth-child(2) .in{max-width:calc(540px + 4em); padding:1em 3em; margin:0 auto;}


/* 사이트맵 버튼 */
#header .btn_sitemap{display:block; position:absolute; right:32px; top:33px; width:23px; height:20px;}
#header .btn_sitemap:before,
#header .btn_sitemap:after,
#header .btn_sitemap span:before{content:""; display:block; position:absolute; right:0; width:100%; height:2px; background-color:#015eaa;}
#header .btn_sitemap:before{top:0;}
#header .btn_sitemap:after{bottom:0;}
#header .btn_sitemap span{overflow:hidden; display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-1000px;}
#header .btn_sitemap span:before{top:calc(50% - 1px); width:70%;transition:width 0.3s ease;-webkit-transition:width 0.3s ease;}
#header .btn_sitemap:hover span:before{width:100%;}

body.sitemap{height:100%; margin:0; overflow-y:hidden;}
body.sitemap #header .btn_sitemap{font-size:0.73em;}
body.sitemap #header .btn_sitemap:before,
body.sitemap #header .btn_sitemap:after{content:""; display:block; position:absolute; right:-1em; top:auto; bottom:-0.8em; width:3em; height:3em;border-radius:50%;-webkit-border-radius:50%;}
body.sitemap #header .btn_sitemap:before{opacity:0.2; right:-1em; z-index:0; background-color:#1155a7;transform:scale(1.5);-webkit-transform:scale(1.5);}
body.sitemap #header .btn_sitemap:after{z-index:10; background-color:#1155a7; background-image:url(/site/kr/img/layout/icon_search_click.svg); background-repeat:no-repeat; background-position:center center; background-size:auto 50%;}
body.sitemap #header .btn_sitemap span{opacity:0;}
body.sitemap #header .btn_sitemap span:after{display:none;}

#header #sitemapbox{overflow:hidden; display:block; position:fixed; left:0; top:5.57em; z-index:500; width:100%; height:0; max-height:calc(100% - 5.57em - 4em); padding:0; background-color:#154e92;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #sitemapbox .item{max-width:1270px; margin:0 auto;}
#header #sitemapbox .item:nth-child(1){height:100%;}
#header #sitemapbox .item:nth-child(2){height:6em;}
#header #sitemapbox .item:nth-child(1)>ul{overflow:hidden;}
#header #sitemapbox .item:nth-child(1)>ul>li{float:left; position:relative; width:calc(100% / 4); padding:0 2em;}
#header #sitemapbox .item:nth-child(1)>ul>li:not(:first-child):before{opacity:0.3; content:""; display:block; position:absolute; left:0; top:0; width:1px; height:2000px; background-color:#48b9f0;}
#header #sitemapbox .item:nth-child(1)>ul>li>a{display:block; font-size:1.1em; color:#5acaff;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul{width:100%; margin-top:1.2em;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul:after{content:""; display:block; clear:both;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li{position: relative; width:100%; padding:0 0.8em; margin-bottom:1em;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li:before{content:""; display:block; position:absolute; left:0; top:0.75em; width:4px; height:4px; background-color:#42ace4;border-radius:50%;-webkit-border-radius:50%;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li>a{position:relative; font-size:1em; color:#fff;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li>ul{padding:0.5em 0 0.5em 0.5em;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li>ul>li{padding:0.2em 0;}
#header #sitemapbox .item:nth-child(1)>ul>li>ul>li>ul>li>a{font-size:0.9em; color:rgba(255,255,255,0.7);}
#header #sitemapbox .item:nth-child(2){padding-top:3em;}
#header #sitemapbox .item:nth-child(2)>ul>li{float:left; display:block; width:calc((100% - 3em) / 4); margin-right:1em;}
#header #sitemapbox .item:nth-child(2)>ul>li:last-child{margin-right:0;}
#header #sitemapbox .item:nth-child(2)>ul>li>a{display:block; position:relative; width:100%; height:4em; line-height:4em; padding:0 4em 0 2em; vertical-align:middle; border:1px solid rgba(255,255,255,0.3); color:#5acaff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #sitemapbox .item:nth-child(2)>ul>li>a:after{opacity:0.5; content:""; position:absolute; right:1.5em; top:0; width:2em; height:100%; background:url(/site/kr/img/layout/btn_arrow_w.svg) no-repeat right center;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #sitemapbox .item:nth-child(2)>ul>li>a:hover{border-color:#1183c6; color:#fff; background-color:#1183c6;}
#header #sitemapbox .item:nth-child(2)>ul>li>a:hover:after{opacity:1;}
#header #sitemapbox .item:nth-child(2)>ul>li>ul{display:none;}

#header #sitemapbox>button.end{display:none; position:absolute; right:4em; bottom:-1.5em; width:3em; height:3em; text-indent:-100000px;}
#header #sitemapbox>button.end:before,
#header #sitemapbox>button.end:after{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background-color:#249bd6; background-image:url(/site/kr/img/layout/search_close.svg); background-repeat:no-repeat; background-position:center center; background-size:30% auto;border-radius:50%;-webkit-border-radius:50%;}
#header #sitemapbox>button.end:before{transform:rotate(0);-webkit-transform:rotate(0);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
#header #sitemapbox>button.end:after{opacity:0.15; z-index:0; background-image:none; background-color:#1155a7;transform:scale(1.5);-webkit-transform:scale(1.5);}
#header #sitemapbox>button.end:hover:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

body.sitemap:before{content:""; display:block; position:fixed; left:0; top:0; z-index:400; width:100%; height:100%; background-color:rgba(255,255,255,0.5);}
body.sitemap #wrap:before{z-index:10;}
body.sitemap #header #sitemapbox{overflow:visible; height:25em; padding:4em 0;}
body.sitemap #header #sitemapbox>button.end{display:block;}

/* 모바일메뉴 버튼 */
#header .btn_mgnb{display:none; position:absolute; right:2.5em; top:1.8em; width:29px; height:20px;}
#header .btn_mgnb:before,
#header .btn_mgnb:after,
#header .btn_mgnb span:before{content:""; display:block; position:absolute; right:0; width:100%; height:2px; background-color:#015eaa;}
#header .btn_mgnb:before{top:0;}
#header .btn_mgnb:after{bottom:0;}
#header .btn_mgnb span{overflow:hidden; display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-1000px;}
#header .btn_mgnb span:before{top:calc(50% - 1px); width:70%;}

/* 상단메뉴 */
#header #gnb.menu{position:relative; text-align:center;}
#header #gnb.menu>ul{display:inline-block; vertical-align:top;}
#header #gnb.menu>ul:after{clear:both;}
#header #gnb.menu>ul>li{float:left; }
#header #gnb.menu>ul>li>a{display:block; padding:0 2.2em;line-height:5.31em; font-weight:600; font-size:1.05em; color:#31353b;}
#header #gnb.menu>ul>li>a span{position:relative;}
#header #gnb.menu>ul>li>a span:before{content:""; display:block; position:absolute; left:-1em; top:calc(50% + 0.15em); width:0.3em; height:0.3em; background-color:#1155a7;border-radius:50%;-webkit-border-radius:50%;transform:scale(0);-webkit-transform:scale(0);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #gnb.menu>ul>li:hover>a,
#header #gnb.menu>ul>li>a:hover{color:#1155a7;}
#header #gnb.menu>ul>li:hover>a span:before,
#header #gnb.menu>ul>li>a:hover span:before{top:calc(50% - 0.15em);transform:scale(1);-webkit-transform:scale(1);}
#header #gnb.menu>ul>li>ul{overflow:hidden; display:none !important;}

#header #mobile_gnb{display:none;}

@media all and (max-width:1920px) {
    #header{margin-left: 0;}
}
@media all and (max-width: 1300px) {
    #header #sitemapbox .item{max-width:100%; width:calc(100% - 4em);}
}
@media all and (max-width: 1024px) {
    #header{width:100%; margin-left:0;}
    #header h1{left:1em;}
    #header>strong{left:130px;}
    #header #gnb.menu,
    #header .btn_sitemap{display:none;}
    #header .etc{top: 2.2em;}
    #header .etc>ul>li:not(.search),
    #header .etc>ul>li.search:before{display:none;}
    #header .etc>ul>li.search>a{padding-right:0;}
    #header .etc>ul>li.search>a span{display:block; overflow:hidden; opacity:0; width:1px; text-indent:-1000px;}
    #header .btn_mgnb{display:block;top: 2em;}

    #header #sitemapbox{display:none !important;}
    body.sitemap:before{display:none;}
    body.sitemap #wrap:before{z-index:600;}

    #header #mobile_gnb{visibility:hidden; display:block; position:fixed; right:0; top:0; z-index:2000; width:100%; height:100%; box-sizing:border-box;}
    #header #mobile_gnb:before{opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
    #header #mobile_gnb .lay{position:absolute; right:-280px; top:0; z-index:100; width:280px; height:100%; background-color:#fff;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
    #header #mobile_gnb .metc{position:relative; height:100px; background-color:#33404f;}
    #header #mobile_gnb .metc ul{position:absolute; left:20px; bottom:20px; width:calc(100% - 40px);}
    #header #mobile_gnb .metc ul li a{color:#fff;}

    #header #mobile_gnb .metc ul:after{content:""; display:block; clear:both;}
    #header #mobile_gnb .metc ul li{float:left; position:relative; width:calc(100% / 3); margin:0;}
    #header #mobile_gnb .metc ul li:nth-child(n+2):before{content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:13px; margin-top:-6px; background-color:rgba(255,255,255,0.5);}
    #header #mobile_gnb .metc ul li,
    #header #mobile_gnb .metc ul li a{display:block; line-height:20px; text-align:center; font-size:15px; color:#fff;}
    #header #mobile_gnb .metc ul li a span{position:relative; line-height:inherit;}
    #header #mobile_gnb .metc ul li a span em{position:absolute; left:0; top:-1000px; font-size:0;}
    #header #mobile_gnb .metc ul li.search{display: none;}

    #header #mobile_gnb .menu{overflow:auto; width:100%; height:calc(100% - 100px);}
    #header #mobile_gnb .menu .depth1_ul>li{border-bottom:1px solid #e5e5e5;}
    #header #mobile_gnb .menu .depth1_ul>li>a{display:block; position:relative; height:60px; line-height:60px; padding:0 45px 0 25px; font-family:"nsr"; font-weight:600; font-size:20px; color:#273c57;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li{border-top:1px solid #e5e5e5;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li>a{display:block; position:relative; line-height:26px; padding:17px 45px 17px 35px; font-family:"nsr"; font-weight:600; font-size:16px; color:#222; background-color:#fff;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li.on>a{color:#fff; background-color:#273c57;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul{padding:10px 37px; background-color:#f4f4f4;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li{padding:5px 0;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li>a{display:block; position:relative; line-height:18px; padding-left:10px; font-family:"nsr"; font-size:14px; color:#000;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li>a:before{content:""; display:block; position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#000;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li>a:hover,
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li>a:focus{text-decoration:underline; color:#0056a4;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li .depth3_ul>li>a:before{background-color:#0056a4;}

    #header #mobile_gnb .menu .depth1_ul>li.child>a:before,
    #header #mobile_gnb .menu .depth1_ul>li.child>a:after{content:""; display:block; position:absolute; right:21px; top:calc(50% - 1px); width:17px; height:3px; background-color:#273c57;}
    #header #mobile_gnb .menu .depth1_ul>li.child>a:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
    #header #mobile_gnb .menu .depth1_ul>li.child.on>a:after{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li.child>a:after{content:""; display:block; position:absolute; right:21px; top:calc(50% - 8px); width:17px; height:17px; background-image:url(../img/layout/gnb_bul_2.png); background-repeat:no-repeat; background-position:center center;transition:background 0.3s ease;-webkit-transition:background 0.3s ease;}
    #header #mobile_gnb .menu .depth1_ul>li .depth2_ul>li.child.on>a:after{background-image:url(../img/layout/gnb_bul_2_on.png);}

    #header #mobile_gnb .btn_close{overflow:hidden; display:block; position:absolute; right:23px; top:17px; z-index:200; width:17px; height:17px; text-indent:-1000px;}
    #header #mobile_gnb .btn_close:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/layout/gnb_btn_close.png) no-repeat center center;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
    #header #mobile_gnb .btn_close:hover:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

    #header #mobile_gnb.on{visibility:visible;}
    #header #mobile_gnb.on:before{opacity:1;}
    #header #mobile_gnb.on .lay{right:0;}
}
@media all and (max-width: 500px) {
	#header{height: 4.5em;}
	#header h1{left: 0;}
	#header h1 a {height: 4.5em;background-size: cover;left: 0.5em;}
	#header>strong{left: 100px;}
	#header>strong a{font-size: 1.2em;}
	#header .etc{top: 1.8em;right: 6em;}
	#header .btn_mgnb{top: 1.5em;right: 2em;}
    #header #searchbox{padding:0 0 1em;}
    #header #searchbox .lay,
    body.search #header #searchbox.on .lay:nth-child(1),
    body.search #header #searchbox.on .lay:nth-child(2) .in{width:100%; max-width:100%; padding:0 1em 0.5em;}
    body.search #header #searchbox.on .lay:nth-child(2) .in{padding:1em 0;}
    body.search #header #searchbox.on .lay:nth-child(2){padding:1em 1.5em;}
}



/* 하단 */
#footer{position:relative; z-index:300; background-color:#0b3c78;}
#footer .layout{position: relative;padding:5em 0;margin:0 auto;}
#footer .layout .menu .f_point{color: #8ed6ff;}
#footer .top_btn{position: absolute;right: 0;top: 80px;}
#footer .top_btn a{display: block;padding:27px 13px 9px;border:1px solid #fff;color:#fff;font-size: 13px;}
#footer .top_btn a:before{display: inline-block;position: absolute;left: 19px;top:10px;width:15px;height:18px;background:url(../img/layout/top_btn.png)center no-repeat;content: ''; }
#footer .sns{margin-top:0; text-align:center;}
#footer .sns ul{display:inline-block;}
#footer .sns ul li{float:left;margin: 0em;padding: 1.5em;}
#footer .sns ul li a{overflow:hidden;display:block;width:1.5em;height:1.5em;padding: 0.5em;text-align:left;text-indent:-1000px;fill:#fff;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
#footer .sns ul li:nth-child(1) {padding-top: 1em}
#footer .sns ul li:nth-child(1) a{position: relative; width:auto;height:3.5em;color:#fff; text-indent: 0; padding-right: 2.5em}
#footer .sns ul li:nth-child(1) a:after {position: absolute; overflow:hidden;display:block; top:0.5em; right:0;width:0.5em; height:0.5em;padding: 0.5em;text-align:left;background-repeat:no-repeat;background-position:center center;background-size:100% auto; content: ""; background-image:url(/common/img/layout/icon_sns.svg);}
#footer .sns ul li:nth-child(2) a{background-image:url(/common/img/layout/footer_sns_3.svg);}
#footer .sns ul li:nth-child(3) a{background-image:url(/common/img/layout/footer_sns_4.svg);}
#footer .sns ul li:nth-child(4) a{background-image:url(/common/img/layout/footer_sns_1.svg);}
#footer .sns ul li:nth-child(5) a{background-image:url(/common/img/layout/footer_sns_2.svg);}
#footer .menu{width:100%; margin:0 0 1em 0; text-align:center;}
#footer .menu ul{display:inline-block !important;}
#footer .menu ul:after{content:""; display:block; clear:both;}
#footer .menu ul li{display: inline-block;position: relative;}
#footer .menu ul li a{display:block;padding: 0.6em 0.4em;font-size:0.9em;color:#fff;opacity: .8;}
/*#footer .menu ul li a[target="_blank"]{padding-right:20px;}
#footer .menu a[target="_blank"]:after{content:"";display:block;opacity:1;position:absolute;right: 5px;top: 10px;width:11px;height:14px;background:url(../img/layout/blank.png) no-repeat center center;z-index:3;}
 */
#footer address,
#footer .copy{line-height:1.8em;margin:0;text-align:center;font-style:normal;font-weight:300;font-size: 1em;color:rgba(255,255,255,0.6);}

#footer .layout .content_controll{position:absolute; right:-3.3em; top:-2em; z-index:1000;}
#footer .layout .content_controll:before{content:""; display:block; position:absolute; right:-0.5em; bottom:-0.5em; z-index:0; width:4em; height:4em; background-color:#fff;}
#footer .layout .content_controll:after{content:""; display:block; clear:both;}
#footer .layout .content_controll [class*="btn_"]{overflow:hidden; display:block; position:relative; z-index:100; float:left; width:4em; height:4em;text-indent:-1000px;background-color:#015eaa;border-right:1px solid rgba(255,255,255,0.1);}
#footer .layout .content_controll .btn_site{position: relative; width:14em;padding:1.5em;text-indent:0;color:#fff;background-color:#083562;text-align: left; transition: .5s;-webkit-transition: .5s;}
#footer .layout .content_controll .btn_site.on{width:17em;background-color: #004c98;}
#footer .layout .content_controll .btn_site span{display: block;line-height: 1em;}
#footer .layout .content_controll .btn_site span.btnmore{display: inline-block;position: absolute;right: 1.3em;top:50%;width:1.4em;height:1px;padding:0;background: #fff;}
#footer .layout .content_controll .btn_site:before{display: inline-block;position: absolute;right: 1.3em;top:40%;width:1.4em;height:1px;background: #fff;content: '';transition:0.3s ease;-webkit-transition:0.3s ease;transform-origin:83%;}
#footer .layout .content_controll .btn_site:after{display: inline-block;position: absolute;right: 1.3em;top:60%;width:1.4em;height:1px;background: #fff;content: '';transition:0.3s ease;-webkit-transition:0.3s ease;transform-origin:83%;}
#footer .layout .content_controll .btn_site:hover:before{top:calc(40% - 0.1em);}
#footer .layout .content_controll .btn_site:hover:after{top:calc(60% + 0.1em);}
#footer .layout .content_controll .btn_site.on span.btnmore{display: none;}
#footer .layout .content_controll .btn_site.on:before{width:1.7em;transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}
#footer .layout .content_controll .btn_site.on:after{width:1.7em;transform: rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .layout .content_controll .btn_site.on:hover:before{top:40%;}
#footer .layout .content_controll .btn_site.on:hover:after{top:60%;}
#footer .layout .content_controll .btn_prev span,
#footer .layout .content_controll .btn_top span,
#footer .layout .content_controll .btn_list:before,
#footer .layout .content_controll .btn_list:after,
#footer .layout .content_controll .btn_list span{opacity:0.8; content:""; display:block; position:absolute; left:calc(50% - 0.7em); top:50%; width:1.4em; height:1px;background-color:#fff;color:transparent;}
#footer .layout .content_controll .btn_prev:before,
#footer .layout .content_controll .btn_top:before{content:""; display:block; position:absolute; left:calc(50% - 0.7em + 1px); top:calc(50% - 0.4em); width:0.8em; height:0.8em; border:1px solid #fff; border-right:none; border-top:none; box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .layout .content_controll .btn_prev span, #footer .layout .content_controll .btn_top span{transition:width 0.3s ease;-webkit-transition:width 0.3s ease;}
#footer .layout .content_controll .btn_list:before, #footer .layout .content_controll .btn_list:after{transition:top 0.3s ease;-webkit-transition:top 0.3s ease;}
#footer .layout .content_controll .btn_list:before{top:calc(50% - 0.5em);}
#footer .layout .content_controll .btn_list:hover:before{top:calc(50% - 0.6em);}
#footer .layout .content_controll .btn_list:after{top:calc(50% + 0.5em);}
#footer .layout .content_controll .btn_list:hover:after{top:calc(50% + 0.6em);}
#footer .layout .content_controll .btn_top{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#footer .layout .content_controll .btn_top:before{top:calc(50% - 0.4em);}
#footer .layout .content_controll .btn_prev:hover span, #footer .layout .content_controll .btn_top:hover span{width:1.7em;}

#footer .layout .content_controll .sitebox{display: none;position: absolute;right: 0;bottom:4em;width:calc(100% + 25em);padding:2em;border:0.5em solid #004c98;background: #fff;}
#footer .layout .content_controll .sitebox ul li{display: inline-block;width:32%;margin:0.2em 0;vertical-align: top;}
#footer .layout .content_controll .sitebox ul li a{position:relative; display: block;padding:0.1em 0; color:#000;}
#footer .layout .content_controll .sitebox ul li a:before{display: inline-block;position: absolute;left: 0;bottom:0;width:0;height:1px;background:#004c98;content: '';transition: .5s;-webkit-transition: .5s;}
#footer .layout .content_controll .sitebox ul li a:hover,
#footer .layout .content_controll .sitebox ul li a:focus{color:#004c98;/*background:url(/site/kr/img/layout/blank.png) no-repeat right 1em center;*/}
#footer .layout .content_controll .sitebox ul li a:hover:before,
#footer .layout .content_controll .sitebox ul li a:focus:before{width:95%;}

body#main #footer .layout{padding:8em 0 5em;}
body#main #footer .layout .content_controll{top:3em;}

@media all and (max-width: 1370px) {
	#footer .layout .content_controll{right:0;}
}
@media all and (max-width: 1024px) {
    #footer ul li:nth-child(n+6){display: block;}
    #footer .menu>ul{padding-right: 0;border-bottom: 0;}
    #footer .menu>ul>li{width:calc(20% - 0.2em);margin:0.1em;border:1px solid rgba(255,255,255,0.2);}
    #footer .menu ul li:not(:nth-child(1)){padding-left:0;}
    #footer .menu>ul>li{float: left;}
    #footer .menu>ul>li>a{padding:0.8em 0;font-size: 1em;color:#fff;opacity: .7;font-size:14px;}
    #footer .menu a[target="_blank"]:after{top: 14px;right: 10px;}
    #footer address, #footer .copy{font-size:14px;}
}
@media (max-width:767px){
    #footer .menu>ul>li{width:calc(50% - 0.4em);margin:0.2em;}
    #footer .menu ul li:nth-child(13),#footer .menu ul li:nth-child(14),#footer .menu ul li:nth-child(15){display: block;}
    #footer .menu>ul>li>a{font-size: 13px;}
    #footer .sns ul li{padding: 15px 8px;}
    #footer .sns ul li a{width: 20px;height: 20px;}
    #footer .sns ul li:nth-child(1) a{font-size:13px;}	
}
@media (max-width:400px){
	body#main #footer .layout{padding:1em 0 6em;}
	body#main #footer .layout .content_controll{right: -3.2em;top:auto;bottom:0;width: calc(100% + 6.2em);background: #083562;}
    #footer .layout .content_controll{right: -3.2em;top:auto;bottom:0;width: calc(100% + 6.2em);background: #083562;}
    #footer .layout .content_controll:before{display: none;}
    #footer .layout .content_controll .btn_site{width:calc(100% - 8em);}
    #footer .layout .content_controll .btn_top{position: absolute;top:0;right: 0;}
    #footer .layout .content_controll .btn_prev{position: absolute;top:0;right:4em;}
}

.quick{position:absolute;left:calc(50% - 1010px);top: 0; height:calc(100% - 560px);width:53px;background:#fff;z-index:100;}
.wrap{max-width:1200px;margin:0 auto;}

#mcontainer{background:url(../img/main/m_bg.jpg)right bottom 0px no-repeat;}
#mcontainer .quick_txt{position: absolute;left:calc(50% - 1010px);width: 12px; z-index: 100;}
#mcontainer .quick_txt span{display: inline-block;font-size: 0;}
#mcontainer .mvisual .quick_txt{top:calc(50% - 75px);height:150px; background: url(../img/main/quick_txt01.png)center no-repeat;}
#mcontainer .mcont .quick_txt{display: none; top:calc(50% - 80px);height:160px;background: url(../img/main/quick_txt02.png)center no-repeat;}
#mcontainer .notice .quick_txt{top:calc(50% - 50px);height:100px;background: url(../img/main/quick_txt03.png)center no-repeat;}

#mcontainer .mvisual{position:relative;max-width: 1920px;margin:0 auto;}
#mcontainer .mvisual .visual-wrap{position:relative;height:700px;color:#fff;width:100%;}
#mcontainer .mvisual .visual-wrap .tit-box{position:absolute;left: calc(50% - 600px);top:240px; z-index:10;line-height:0;font-size:0;z-index: 10;width: 1200px;}
#mcontainer .mvisual .visual-wrap .tit-box strong{position:relative;display:inline-block;width: 100%;height:20px;font-size:0;background: url(../img/main/mvisual_thinking.png) no-repeat;}
#mcontainer .mvisual .visual-wrap .tit-box strong:before{position:absolute;left:290px;top:50%;width: calc(100% - 148px - 276px);height:1px;background:#ccc;content:'';}

#mcontainer .mvisual .visual-wrap .txt-box{padding:0;position: absolute;left: 0;top: 0; z-index:0; height: 100%;margin: 0;width: 100%;}
#mcontainer .mvisual .visual-wrap .txt-box ul{overflow:hidden;width: 100%;height: 100%;}
#mcontainer .mvisual .visual-wrap .txt-box ul li{opacity:0; overflow:hidden;position:absolute; left:0; top:0; z-index:0; padding: 0;background-position:  center center;background-repeat:  no-repeat;background-size:cover;width: 100%;height: 100%;transition:opacity 0s linear 0.5s;-webkit-transition:opacity 0s linear 0.5s;}
#mcontainer .mvisual .visual-wrap .txt-box ul li:nth-child(1){background-image:url(../img/main/mvisual_img03.jpg);}
#mcontainer .mvisual .visual-wrap .txt-box ul li:nth-child(2){background-image:url(../img/main/mvisual_img01.jpg);}
#mcontainer .mvisual .visual-wrap .txt-box ul li:nth-child(3){background-image:url(../img/main/mvisual_img05.jpg);}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt{max-width: 1200px;margin:280px auto 0;}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt a{display:block;}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt strong{display:block;margin:15px 0;font-size:60px;font-style:italic;font-weight:700;color:#fff;line-height:1;text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt p{color:#fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.6);}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt span{position:relative;display:block;margin-top:35px;padding-left:50px;color:#ccc;font-style:italic;}
#mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt span:before{display:inline-block;position:absolute;left:0;bottom:7px;height:1px;width:35px;background:#ccc;content:'';}
#mcontainer .mvisual .visual-wrap .txt-box ul li.on{opacity:1; z-index:100;transition:opacity 0.5s linear;-webkit-transition:opacity 0.5s linear;}

#mcontainer .mvisual .visual-wrap .control{position:absolute;left: calc(50% - 600px);bottom: 150px;z-index:10;}
#mcontainer .mvisual .visual-wrap .control .wrap{width:1000px;}
#mcontainer .mvisual .visual-wrap .control button{position:relative;width:40px;height:40px;}
#mcontainer .mvisual .visual-wrap .control button:before{position: absolute;left: calc(50% - 3px);top:calc(50% - 8px);width: 15px;height: 15px;border-width: 1px 1px 0 0;border-style:solid;border-color: #fff;transform: rotate(225deg);content:'';}
#mcontainer .mvisual .visual-wrap .control button.next:before{left: calc(50% - 10px);transform: rotate(45deg);}
#mcontainer .mvisual .visual-wrap .control .count{display:inline-block;margin:0 5px 5px 5px;vertical-align: middle;font-size:15px;}
#mcontainer .mvisual .visual-wrap .control .count span.now{color:#13bfff;}

#mcontainer .mvisual .president{position:absolute;right:0;top:0;width:357px;height:100%;background:#1b68c7 url(../img/main/president_bg.jpg)right bottom -30px no-repeat;background-size:cover;}
#mcontainer .mvisual .president .txt{width:310px;margin:120px auto 0;text-align:center;}
#mcontainer .mvisual .president .txt strong{display:block;font-size:0;margin:0 auto;width:310px;height:82px;background:url(../img/main/president_slogan.png)center no-repeat;}
#mcontainer .mvisual .president .txt span{display:inline-block;position:relative;margin:30px 0 0 20px;font-size:14px;font-style:italic;color:#fff;text-align:left;opacity:.8;}
#mcontainer .mvisual .president .txt span:before{display:inline-block;position:absolute;left:-40px;top:7px;width:27px;height:1px;background:#fff;content:'';}
#mcontainer .mvisual .president .msign{position:absolute;right: 0;bottom: 0; width:310px;height:372px;padding:120px 0 0 0;background:url(../img/main/president_img01.png)right bottom no-repeat;color:#fff;}
#mcontainer .mvisual .president .msign span{display:block;width:98px;height:32px;background:url(../img/main/president_tit.png)center no-repeat;font-size:0;}
#mcontainer .mvisual .president .msign strong{position:relative;display:block;margin:85px 0 10px;font-size:28px;}
#mcontainer .mvisual .president .msign strong:before{display: none; position:absolute;left:90px;;bottom:-20px;width:134px;height:46px;background:url(../img/main/president_sign.png);content:'';}
#mcontainer .mvisual .president .msign em{color:#edf4f7;}

#mcontainer .mcont{overflow: hidden;text-align: center;}
#mcontainer .mcont .vice_box{position: relative;display: inline-block;white-space: nowrap; width:100%; padding:150px 0;font-size: 0;}
#mcontainer .mcont .vice_box:before{display: inline-block;position: absolute;left: -40px;top: 240px;content:'LEADERSHIP';font-size: 145px;font-weight: 800;color:#eee;}
#mcontainer .mcont .vice_box:after{display: inline-block;position: absolute;right: -140px;bottom: 260px;content:'AGENCY';font-size: 140px;font-weight: 800;color:#f8f8f8;z-index: 1;}
#mcontainer .mcont .vice_box [class*="vice0"]{display: inline-block; position: relative;left:-50px; width:25%; margin:0 15px;z-index: 10;}
#mcontainer .mcont .vice_box [class*="vice0"]:before{display: none;position: absolute;right: 50px;top: 20px;width:80px;height:80px;background: #d6daef;border-radius: 80px;content: '';z-index: -1;}
#mcontainer .mcont .vice_box [class*="vice0"] a{display: block;height:570px;background-position: center;background-repeat: no-repeat;transition: .3s;-webkit-transition:.3s;}
#mcontainer .mcont .vice_box [class*="vice0"] a:hover, #mcontainer .mcont .vice_box [class*="vice0"] a:focus{margin-left:20px; transform: scale(1.1);-webkit-transform: scale(1.1);}
#mcontainer .mcont .vice_box [class*="vice0"].gray a{opacity: .9;filter: blur(1.5px);-webkit-filter: blur(1.5px);}
#mcontainer .mcont .vice_box [class*="vice0"] .vice_txt{display: none;position: absolute;left: -70px;top:-70px; width:175px;height:175px; background: url(/site/leaderkr/img/main/vice_bg.jpg)center no-repeat;border-radius: 175px;box-shadow:5px 5px 20px rgba(0,0,0,0.3);}
#mcontainer .mcont .vice_box [class*="vice0"] .vice_txt strong{display: block;margin-top:40px; font-size: 25px;color:#fff;}
#mcontainer .mcont .vice_box [class*="vice0"] .vice_txt span.tag{display: block; position:relative; font-size: 15px;line-height: 1.2; color:rgba(255,255,255,0.5);}
#mcontainer .mcont .vice_box [class*="vice0"] .vice_txt span.tag:before{display: inline-block;position: absolute;left: calc(50% - 10px);bottom: -33px;width:19px;height:19px;background: url(/site/leaderkr/img/main/vice_more.png)center no-repeat;content: '';}
#mcontainer .mcont .vice_box [class*="vice0"].on:before{display: inline-block;}
#mcontainer .mcont .vice_box [class*="vice0"].on .vice_txt{display: block;}

#mcontainer .mcont .vice_box .vice01 a{background-image: url(/site/leaderkr/img/main/vice_img01.png?ver=20240423);}
#mcontainer .mcont .vice_box .vice02 a{background-image: url(/site/leaderkr/img/main/vice_img02.png);}
#mcontainer .mcont .vice_box .vice03 a{background-image: url(/site/leaderkr/img/main/vice_img03.png);}
#mcontainer .mcont .vice_box .vice04 a{background-image: url(/site/leaderkr/img/main/vice_img04.png?ver=20230302);}

#mcontainer .mcont .vice_scroll{display: none; text-align: center;position: relative; width:100%;height:30px; background:url(/site/leaderkr/img/main/vice_bar.png)center top 10px no-repeat;}
#mcontainer .mcont .vice_scroll span{display: inline-block;position: absolute;left:50%;top:0; width:21px;height:29px;background: url(/site/leaderkr/img/main/vice_scroll.png)center no-repeat;animation: scroll 1.3s linear infinite;}
@keyframes scroll{
    0%{left:calc(50% - 40px);}
    100%{left:50%;}
}

#mcontainer .notice{position:relative;overflow: hidden;}
#mcontainer .notice:before{display:inline-block;position:absolute;left:0;bottom:0;height:150px;width:100%;/*background:#0b3c78;*/content:'';}
#mcontainer .notice .notice-box{position:relative;z-index: 100;}
#mcontainer .notice .notice-box:before{display:inline-block;position:absolute;left:-50px;top:-40px;content:'LATEST NEWS';font-size:120px;font-weight:900;z-index:-1;opacity:.05;}
#mcontainer .notice .notice-box .control{display:inline-block;position:absolute;left:810px;bottom:-10px;z-index:100;}
#mcontainer .notice .notice-box .control button.more{width:96px;height:50px;margin-top:35px;position:relative;color:#fff;font-weight:700;opacity:.5;transition:.5s;-webkit-transition:.5s;}
#mcontainer .notice .notice-box .control button.more:hover, #mcontainer .notice .notice-box .control button.more:focus{opacity:1;}
#mcontainer .notice .notice-box .control button.more:before{display: inline-block;position:absolute;right: 0;top:-10px; width:100%;height:18px;background:url(../img/main/notice_more.png)no-repeat right center;content: '';}
#mcontainer .notice .notice-box .control button.pre:before{transform:rotatey(180deg);}
#mcontainer .notice .notice-box .control button.pre{text-align:left;}
#mcontainer .notice .notice-box .control button.next{text-align:right;}
#mcontainer .notice .notice-box .control ul{display:inline-block;vertical-align:middle;margin:0 30px;}
#mcontainer .notice .notice-box .control ul li{float:left;margin:0 5px;}
#mcontainer .notice .notice-box .control ul li.on button{background:#fff;}
#mcontainer .notice .notice-box .control ul li button{ width:10px;height: 17px;transform: skew(-45deg);border:1px solid #fff;}
#mcontainer .notice .notice-box .box-item{position:relative; width:100%; height:480px;}
#mcontainer .notice .notice-box .box-item ul{position:absolute; left:0; top:0; width:100%; height:100%;}
#mcontainer .notice .notice-box .box-item ul li{position:absolute; left:0; top:0; height:480px;width:100%;}
#mcontainer .notice .notice-box .box-item ul li .img-box{overflow:hidden;position:absolute;left: 0;bottom:0; width:60%; height:100%; max-height:90%;}
#mcontainer .notice .notice-box .box-item ul li .img-box span{display:block; width:100%; height:100%;}
#mcontainer .notice .notice-box .box-item ul li .img-box img{position:relative; filter: blur(2px);  -webkit-filter: blur(2px); vertical-align:bottom;width: 100%}
#mcontainer .notice .notice-box .box-item ul li .img-box:before{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background:#1c385b;opacity: .5; content: '';z-index:10;}
#mcontainer .notice .notice-box .box-item ul li.on .img-box img{filter:none;width: 100%;}
#mcontainer .notice .notice-box .box-item ul li.on .img-box:before{display:none;}
#mcontainer .notice .notice-box .box-item ul li .txt-box{position:absolute;right:0;top:10px;width:40%;height:390px;padding:35px;background:#fff;box-shadow:0px 0px 12px rgba(0,0,0,0.3);}
#mcontainer .notice .notice-box .box-item ul li .txt-box em{display:block; font-size:16px;color:#0b3c78;font-style: italic;}
#mcontainer .notice .notice-box .box-item ul li .txt-box strong{display:block;margin:15px 0 20px;font-size:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#mcontainer .notice .notice-box .box-item ul li .txt-box span.txt{display: inline-block; max-height:100px; word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;font-size: 15px; font-weight: 300;}
#mcontainer .notice .notice-box .box-item ul li .txt-box span.date{display:block;margin:20px 0 15px;font-style:italic;color:#c6c6c6;}
#mcontainer .notice .notice-box .box-item ul li .txt-box span.more{display:block;position:relative;padding:10px 0;border:1px solid #545454;text-align:center;}

@media screen and (max-width: 1920px){
    #mcontainer .mvisual .visual-wrap .tit-box{top:310px;left: 100px;width: calc(100% - 200px);}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt{margin:370px 100px 0 100px;}
    #mcontainer .mvisual .visual-wrap .control{left: 100px;bottom: 60px;}
}

@media screen and (max-width: 1279px){
    #mcontainer .mvisual .visual-wrap .tit-box{top:230px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt{margin:290px 100px 0 100px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt strong{font-size: 50px;}
    #mcontainer .mvisual .visual-wrap .control{bottom: 150px;}
    #mcontainer .mcont{margin:50px 0;}
    #mcontainer .mcont .vice_box{padding:150px 0 40px;}
    #mcontainer .mcont .vice_box:before{left:40px;font-size: 120px;}
    #mcontainer .mcont .vice_box:after{right:0;bottom:230px; font-size: 110px;}
    #mcontainer .notice .notice-box .box-item ul li{width:1000px;}
    #mcontainer .notice .notice-box .control{left:660px;}
}

@media screen and (max-width: 1023px){
    .quick{display:none;}
    #mcontainer .mvisual .quick_txt{display: none;}
    #mcontainer .mvisual .visual-wrap{width:100%;}
    #mcontainer .mvisual .visual-wrap .tit-box{top:160px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt{margin:200px 50px 0 100px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt strong{font-size:40px;}
    #mcontainer .mvisual .visual-wrap .control{bottom: 260px;}
    #mcontainer .mcont{overflow: hidden;}
    #mcontainer .mcont .vice_box{overflow-x: auto;}
    #mcontainer .mcont .vice_box [class*="vice0"]{left:0; width:33%;}
    #mcontainer .mcont .vice_box [class*="vice0"] .vice_txt{display: block; left:calc(33% - 160px);}
    #mcontainer .mcont .vice_scroll{position: relative;display: block;top:-50px; margin-bottom:50px;}
    #mcontainer .notice .notice-box{margin-bottom:90px;}
    #mcontainer .notice .notice-box .box-item{width:100%;height:700px;}
    #mcontainer .notice .notice-box .box-item ul{width:calc(100% - 40px); margin:0 20px;}
    #mcontainer .notice .notice-box .box-item ul li{width:100%;height:auto;}
    #mcontainer .notice .notice-box .box-item ul li .img-box{position:relative;height:400px;width:100%; max-height:100%; background:#fff;text-align:center;}
    #mcontainer .notice .notice-box .box-item ul li .img-box span{display:block;position:relative;width:100%;height:100%;}
    #mcontainer .notice .notice-box .box-item ul li .img-box span img{max-width:100%;height:auto;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
    #mcontainer .notice .notice-box .box-item ul li .txt-box{position:static;width:100%;height:auto;}
    #mcontainer .notice .notice-box .box-item ul li .txt-box em{font-size:14px;}
    #mcontainer .notice .notice-box .box-item ul li .txt-box strong{margin:10px 0;font-size:18px;}
    #mcontainer .notice .notice-box .box-item ul li .txt-box span.txt{font-size:14px;-webkit-line-clamp: 3;}
    #mcontainer .notice .notice-box .control{left:0;bottom:-100px; width:100%; text-align:center;}
    #mcontainer .notice .notice-box .control button.more{width:50px;}
}

@media screen and (max-width: 767px){
    #mcontainer .quick_txt{display: none;}
    #mcontainer .mvisual .visual-wrap{height:550px;}
    #mcontainer .mvisual .visual-wrap .tit-box{top:100px;left:40px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt{margin:150px 30px 0;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt strong{font-size:26px;}
    #mcontainer .mvisual .visual-wrap .txt-box ul li .content-txt p{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
    #mcontainer .mvisual .visual-wrap .control{left: 30px;bottom: 150px;}
    #mcontainer .mcont .vice_box{padding:0;}
    #mcontainer .mcont .vice_box:before{top:120px;}
    #mcontainer .mcont .vice_box:after{right:-330px;bottom:150px;}
    #mcontainer .mcont .vice_box [class*="vice0"]{width:50%; transform: scale(0.8);-webkit-transform: scale(0.8);}
    #mcontainer .mcont .vice_box [class*="vice0"] .vice_txt{top:-40px;left:calc(50% - 170px); width:130px;height:130px;}
    #mcontainer .mcont .vice_box [class*="vice0"] .vice_txt strong{margin-top:20px;font-size: 20px;}
    #mcontainer .notice .notice-box .box-item ul{margin:0;width:100%;}
}
@media screen and (max-width: 600px){
    #mcontainer .notice .notice-box .box-item{height:600px;}
    #mcontainer .notice .notice-box .box-item ul li .img-box{height:300px;}
}
@media screen and (max-width: 480px){
    #mcontainer .mvisual .visual-wrap .tit-box strong{width:250px;background-size:100%;}
    #mcontainer .mvisual .visual-wrap .control{left: calc(50% - 80px);bottom: 35px;}
    #mcontainer .mcont .vice_box [class*="vice0"]{width:100%;}
    #mcontainer .mcont .vice_box [class*="vice0"] .vice_txt{left:calc(50% - 170px);}
    #mcontainer .notice .notice-box .box-item{height:500px;}
    #mcontainer .notice .notice-box .box-item ul li .img-box{height:200px;}
}


/*sub_visual*/
#sub_visual{position: relative;margin: 0 auto;}
#sub_visual strong{position: absolute;left: 0;top: 120px;display: block;width: 100%;font-size: 70px;color:#fff;z-index: 10;font-weight: 600;opacity: .5;line-height: 1;text-align: center;}
#sub_visual .sub_wrap{width:100%;height:340px;overflow: hidden;}
#sub_visual .sub_wrap .sub_bg{position: relative; width:100%;height:100%; z-index:1;background:url(../img/sub/sub_visual.jpg)center no-repeat;background-size:cover;
    animation-name:s_visual;animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-direction:linear;}
@keyframes s_visual {
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}

#sub_visual .lnb_wrap{position: absolute;right: 0;bottom: -40px; width:calc(50% + 600px);height:80px;background:#1b68c7;z-index: 100;}
#sub_visual .lnb_wrap>ul{position: relative;}
#sub_visual .lnb_wrap>ul>li{float: left;}
#sub_visual .lnb_wrap>ul>li:nth-child(1){display: inline-block;position: relative; padding:26px 40px;background: #fff}
#sub_visual .lnb_wrap>ul>li:nth-child(1):before{display: inline-block;position: absolute;right: 0;top:0;width:1px;height:100%;background: #fff;content: '';}
#sub_visual .lnb_wrap>ul>li:nth-child(1)>a{display: block;color:#1b68c7;font-size:18px;font-weight: 600; opacity: 1;}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul{}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li{float:left;position: relative;margin: 7px 40px;}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li:before{display: inline-block;position: absolute;right: -43px;top: 30px;width: 3px;height: 3px;border-radius: 3px;background: #fff;content: '';}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li:last-child:before{display: none;}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li a{display: block;position: relative;color:#fff;opacity: .7;font-weight: 300;padding: 20px;}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li.on a{opacity: 1;font-weight: 500;}
#sub_visual .lnb_wrap>ul>li:nth-child(2) ul li.on a:before{display: inline-block;position: absolute;left: 15px;bottom: 15px;width: calc(100% - 30px);height:2px;background: #fff;content: '';}

@media all and (max-width: 1279px) {
    #sub_visual .lnb_wrap{width:100%;}
}
@media all and (max-width: 767px) {
    #sub_visual strong{top:2em; font-size:40px;}
    #sub_visual .sub_wrap{height:230px;}
    #sub_visual .lnb_wrap{display: none;}
}

/*container loacation*/
#container{z-index:0;overflow: hidden; font-size:1em;}
#container #contents{min-height:200px; max-width:1240px; margin:0 auto;}

#container #location{position:relative; min-height:1.8em; margin-bottom:3.6em;}
#container #location:before{content:""; display:block; position:absolute; left:0; top:0.9em; z-index:0; width:1000%; height:1px; background-color:#e8ebef;}
#container #location h2{display:inline-block; position:relative; z-index:10; margin:0;padding-right:1.5em; font-weight:600; font-size:1.8em; color:#015eaa; background-color:#fff;}
#container #location h2:before{display: none;}
#container #location h2 span{display:inline-block; position:relative; padding-right:1.6em;}
#container #location h2 span:after{content:""; display:block; position:absolute; right:calc(0.8em - 1px); top:calc(50% - 0.4em); width:2px; height:0.8em; background-color:#ddd;}

#container #path{position:absolute; right:-2.8em; top:0; z-index:10; padding:0 2em; font-size:0.8em; background-color:#fff;}
#container #path:after{content:""; display:block; clear:both;}
#container #path .navi{float:left;}
#container #path .navi span{display:inline-block; position:relative; line-height:2.4em; color:rgba(0,0,0,0.6);}
#container #path .navi span:last-child{color:#015eaa;}
#container #path .navi span:not(:nth-child(1)){padding-left:2em;}
#container #path .navi span:not(:nth-child(1)):before{content:""; display:block; position:absolute; left:calc(1em - 3px); top:0; width:5px; height:100%; background:url(../img/layout/navi_bul.png) no-repeat center center;}

#container #path .print{overflow:hidden; float:left; position:relative; width:2.4em; height:2.4em; line-height:2.4em; margin-left:1em; text-indent:-1000px;}
#container #path .print:before,
#container #path .print:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#container #path .print:before{background-color:#11a4ee;border-radius:50%;-webkit-border-radius:50%;transform:scale(0);-webkit-transform:scale(0);}
#container #path .print:after{z-index:10; background-image:url(../img/layout/icon_print.png);}
#container #path .print:hover:before{transform:scale(1);-webkit-transform:scale(1);transition:transform 0.2s ease;-webkit-transition:transform 0.2s ease;}
#container #path .print:hover:after{background:url(../img/layout/icon_print_on.png) no-repeat center center;}
#container #path .sns{float:left; position:relative; width:2.4em; height:2.4em; line-height:2.4em; margin-left:1em;}
#container #path .sns button{overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-1000px;}
#container #path .sns button:before,
#container #path .sns button:after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#container #path .sns button:before{background-color:#004c98;border-radius:50%;-webkit-border-radius:50%;transform:scale(0);-webkit-transform:scale(0);}
#container #path .sns button:after{background-image:url(/site/kr/img/layout/icon_sns.svg); background-size:60% auto;}
#container #path .sns button:hover:before,
#container #path .sns.on button:before{transform:scale(1);-webkit-transform:scale(1);transition:transform 0.2s ease;-webkit-transition:transform 0.2s ease;}
#container #path .sns button:hover:after,
#container #path .sns.on button:after{background-image:url(/site/kr/img/layout/icon_sns_on.svg);}

#container #path .sns .sns_box{display:none; position:absolute; left:0; top:2.6em;}
#container #path .sns .sns_box ul li{margin-top:0.4em;}
#container #path .sns .sns_box ul li a{overflow:hidden; display:block; width:2.4em; height:2.4em; text-indent:-1000px;border-radius:50%;-webkit-border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
#container #path .sns .sns_box ul li a:before{content:""; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:40% auto;}
#container #path .sns .sns_box ul li.t a{background-color:#1da1f2;}
#container #path .sns .sns_box ul li.t a:before{background-image:url(/site/kr/img/layout/footer_sns_3.svg);}
#container #path .sns .sns_box ul li.f a{background-color:#3b5998;}
#container #path .sns .sns_box ul li.f a:before{background-image:url(/site/kr/img/layout/footer_sns_4.svg);}
#container #path .sns .sns_box .btn_close{overflow:hidden; display:block; width:2.4em; height:2.4em; margin-top:0.3em; text-indent:-1000px;}
#container #path .sns .sns_box .btn_close:before{content:""; display:block; width:100%; height:100%; background:url(/site/kr/img/layout/search_close_black.svg) no-repeat center center; background-size:40% auto;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
#container #path .sns .sns_box .btn_close:hover:before{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#container #path .sns.on .sns_box{display:block;}
#txt{font-size:16px;}

@media all and (max-width: 1370px) {
    #container #path{right:-2em;}
}
@media all and (max-width: 1100px) {
    #container #path{top:auto; bottom:calc(100% + 1em);}
}
@media all and (max-width: 1024px) {
    #wrap{font-size:0.9em;}
    #container #path .print{display:none;}
}
@media all and (max-width: 400px) {
    #wrap{font-size:0.6em;}
    #header{font-size:1.4em;}
}