@charset "utf-8";
@import url('./font.css');

*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;font-size:100%;font-weight:normal}
br{font-family:initial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}


/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}



/* module --------------------------------------------------------------------------------------------------------------------*/
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-width1"]{position:relative; max-width: 1400px; width: 93%; margin:0 auto; z-index: 10;}
[class*="con-"][class*="-width2"]{position:relative; max-width: 1600px; width: 93%; margin:0 auto; z-index: 10;}
[class*="con-"][class*="-width3"]{position:relative; max-width: 1720px; width: 93%; margin:0 auto; z-index: 10;}
[class*="-layout"]{position:relative;}

/* col */
[class*="col-"][class*="-1"]{width: 100% !important;}
[class*="col-"][class*="-2"]{width: 50% !important;}
[class*="col-"][class*="-3"]{width: 33.33% !important;}
[class*="col-"][class*="-4"]{width: 25% !important;}
[class*="col-"][class*="-5"]{width: 20% !important;}
[class*="col-"][class*="-6"]{width: 16.66% !important;}
[class*="col-"][class*="-7"]{width: 14.28% !important;}
[class*="col-"][class*="-8"]{width: 12.5% !important;}
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

/* lang ko en */
#container [lang="ko"]{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif !important;}
#container [lang="en"]{font-family:'Montserrat', sans-serif !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/

/* container */
#wrap, #container {width:100%;position: relative; overflow:hidden;}
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}

/* header */
#wrap header{position:absolute;padding-top: 20px;top:0;left:0;width:100%;z-index:100;box-sizing: border-box;transition: 0.3s;color:#fff;}
#wrap header .header_wrap{position:relative;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 3%;}
#wrap header h1.logo {position:relative;width: 138px;height: 63px;}
#wrap header h1.logo a{display:block; width:100%; height:100%;}
#wrap header h1.logo svg{width: 100%; height: auto;}
/*#wrap header h1.logo svg *{transition:0.3s;}*/
/*#wrap header.bright h1.logo svg *{fill:#fff;}*/
#wrap header #nav{margin-left: 50px;}
#wrap header .gnb{display: flex;justify-content: center;overflow: hidden;}
#wrap header .gnb .en{font-family: 'Montserrat';font-weight: 600;letter-spacing: -0.25px;}
#wrap header .gnb:after{display:block; content:""; clear:both;}
#wrap header .gnb > li:last-child:after{display:none;}
#wrap header .gnb > li{margin: 0 50px;}
#wrap header .gnb > li > a{position:relative;font-size: 1.9rem;font-weight: 500;display:block;line-height: 98px;}
#wrap header .gnb > li + li > a:before{display:block;content:"";position:absolute;top:50%;margin-top: -6px;left: -50px;width:1px;height: 13px;background: rgba(255,255,255,0.7);transition: 0.3s;}
#wrap header .gnb > li > a:after{position: absolute;content: '';bottom: 0;left:0;transform:scaleX(0);transition: .3s ease-out;width: 100%;height: 2px;background: #42aa79;}
#wrap header .gnb > li:hover > a:after{transform:scaleX(1);transition: .3s ease-out;}

#wrap header .lnb{position: absolute;top: 98px;left: 0;width: 100%;background: #f5f5f5;margin: 0 auto;text-align: center;font-size: 0; display: none; }
#wrap header .lnb > [class*="sub"]{position: relative;width: 100%;margin:0 auto;font-size: 0;vertical-align: top;z-index: 2;text-align: center;display:none;}
#wrap header .lnb ul > li{position:relative;box-sizing: border-box;padding: 0px 20px;display: inline-block;vertical-align: top;}
#wrap header .lnb ul li a{position:relative;display: inline-block;font-size: 1.9rem;font-weight: 300;line-height: 98px;color: #444;transition: 0.3s;}
#wrap header .lnb ul li a:hover{color:#42aa79;}

#wrap header .lnb > .type2{max-width: 1040px;text-align: left;margin: 0 auto;padding: 35px 0;}
#wrap header .lnb > .type2 > li{display: flex;flex-wrap: wrap;align-items: center;padding: 0;}
#wrap header .lnb > .type2 > li + li{margin-top: 25px;}
#wrap header .lnb > .type2 > li a.dep2.bold{font-weight: 400;color: #42aa79;width: 130px;line-height: 1em;}
#wrap header .lnb > .type2 > li a.dep2.bold.en{font-family: 'Montserrat';font-weight: 500;}
#wrap header .lnb > .type2 > li a.dep2.bold:after{display: inline-block;content:"";width: 10px;height: 1px;position: absolute;top: 10px;right: 0;background: #42aa79;}
#wrap header .lnb > .type2 > li .dep3{width: calc(100% - 130px);padding-left: 10px;box-sizing: border-box;}
#wrap header .lnb > .type2 > li .dep3 li{width: ;}
#wrap header .lnb > .type2 > li .dep3 li + li{width: ;}
#wrap header .lnb > .type2 > li .dep3 a{line-height: 1em;}

#wrap header .layout-right{height: 100%;right:0;top:0;display: flex;flex-wrap: wrap;align-items: center;}
#wrap header .layout-right .util_list:after{display:block; content:""; clear:both;}
#wrap header .layout-right .util{float: left;margin-right: 30px;font-size: 0;}
#wrap header .layout-right .util:after{display:block;}
#wrap header .layout-right .util_list > li{display:inline-block;position: relative;float: left;}
#wrap header .layout-right .util>ul>li a{font-size: 11px;color: #fff;font-family:'Montserrat';font-weight:500;letter-spacing: 0.2px;}


#util_list{display: flex !important;flex-wrap: wrap;align-items: center;margin-right: 21px;}
#util_list .language{position:relative;font-family: 'Montserrat';font-weight: 600;font-size: 1.3rem;text-align: left;}
#util_list .language:after{display:block; content:"";}
#util_list .language .title{position:relative;font-family: 'Montserrat';color: #fff;text-transform: uppercase;font-size: 1.3rem;letter-spacing:0.2px;transition: 0.3s;}
#util_list .language .title span{display: inline-block;content: "";width: 4px;height: 4px;margin-top: 5px;margin-left: 7px;border: 1px solid #fff;transform: rotate(45deg);border-top: 0;border-left: 0;vertical-align: top;transition: 0.3s;}
#util_list .language.open .title span{transform: rotate(-135deg);margin-top: 6px;}
#util_list .language .list{position: absolute;width: 80px;top: 25px;left: -4px;background: #000;box-sizing: border-box;display: none;text-align: center;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);text-transform: uppercase;padding: 10px 0;}
#util_list .language .list li{line-height: 20px;}
#util_list .language .list li.on a,#util_list .language .list li:hover a{color: #fff !important;}
#util_list .language .list li a{position:relative;color: rgba(255,255,255,0.8);transition: 0.3s;}
#util_list .language .list li + li{margin-top:3px;}

#wrap header.active{background:#fff;color: #444444;padding-top: 0;}
#wrap header.active .layout-right .util>ul>li a{color:#222; font-weight:600;}
#wrap header.active .gnb > li > a:before{background: rgba(0,0,0,0.7);}
#wrap header.active #util_list .language .title{color:#000;}
#wrap header.active #util_list .language .title span{border-color:#444444;}

/*body.mobile #wrap header h1.logo svg *{fill:#fff;}*/
body.mobile #wrap header.active{background:transparent;padding-top: 20px;}
body.mobile #wrap header.active .layout-right .util>ul>li a{color:#fff; font-weight:500;}
body.mobile #wrap header.active #util_list .language .title{color:#fff;}
body.mobile #wrap header.active #util_list .language .title span{border-color:#fff;}


/* hamburger_btn */
header .hamburger_btn{width: 60px;height: 60px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;background: #000000;border-radius: 50%;cursor: pointer;transition: 0.5s ease 0.3s; z-index: 1200;}
header .hamburger_btn .btn{width: 17px;height: 17px;position: relative;transition: .5s;display:block;}
header .hamburger_btn .btn:before,header .hamburger_btn .btn:after{display: block;content:"";position: absolute;top: -3px;left: 8px;width: 3px;height: 23px;background: #fff;transform: rotate(45deg);opacity: 0;transition: 0.6s ease;}
header .hamburger_btn .btn:after{transform: rotate(-45deg);}
header .hamburger_btn span{position:relative;width: 3px;height: 3px;background-color: #fff;display: block;position: absolute;transition: 0.5s ease 0.3s;}
header .hamburger_btn span:nth-child(1){left: 0;top: 0;}
header .hamburger_btn span:nth-child(2){left: 7px;top: 0;}
header .hamburger_btn span:nth-child(3){right: 0;top: 0;}
header .hamburger_btn span:nth-child(4){left: 0;top: 7px;}
header .hamburger_btn span:nth-child(5){position: absolute;left: 7px;top: 7px;}
header .hamburger_btn span:nth-child(6){right: 0px;top: 7px;}
header .hamburger_btn span:nth-child(7){left: 0px;bottom: 0px;}
header .hamburger_btn span:nth-child(8){position: absolute;left: 7px;bottom: 0px;}
header .hamburger_btn span:nth-child(9){right: 0px;bottom: 0px;} 
header .hamburger_btn.close .btn{transform: rotate(90deg);transition: .7s cubic-bezier(.8, .5, .2, 1.4);}
header .hamburger_btn.close span{border-radius:50%;opacity:0;}
header .hamburger_btn.close .btn:before,header .hamburger_btn.close .btn:after{opacity:1; transition: 0.5s ease 0.4s;}
#wrap.dark header .hamburger_btn{border-color:#222222;}
#wrap.dark header .hamburger_btn span{background-color:#222222;}
#wrap.dark header .hamburger_btn.close .btn:before,#wrap.dark header .hamburger_btn.close .btn:after{background: #222;}

/*top btn*/
#scroll_top{position:relative;transition: 0.5s; z-index:800; }
#scroll_top button{position: fixed;bottom: 30px;right: 2.5%;z-index: 10;display: none;}
#scroll_top .icon{position: relative;width: 55px;height: 55px;background: rgba(0,0,0,0.24);border-radius: 50%;display: block;font-family: 'Montserrat';color: rgba(255,255,255,0.8);font-size: 1.1rem;letter-spacing: 0.2px;padding: 18px 0;font-weight: 500;box-sizing: border-box;}
#scroll_top .icon:before{display: block;content: "";width: 5px;height: 5px;margin: 0 auto 1px;border: 1px solid rgba(255,255,255,0.8);transform: rotate(-135deg);border-top: 0;border-left: 0;}


/* footer */
footer {position:relative; width:100%;background:#e6e6e6; }
footer *{box-sizing:border-box;}
footer .txt1{font-size: 1.7rem;color: #555;line-height: 1.6;font-weight: 300;letter-spacing: -0.25px;word-break: keep-all;}
footer [class*="foot_g_"]{display: flex;flex-wrap: wrap;justify-content: space-between; padding: 0 3%;}
footer .foot_g_1{border-bottom: 1px solid #c4c4c4;height: 70px;align-items: center;}
footer .util_list{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.8rem;color: #444444;font-weight: 500;line-height: 1em;}
footer .util_list li + li:before{display: inline-block;content:"";width: 1px;height: 14px;background: #a1a1a1;margin: 3px 10px 0 12px;vertical-align: top;}
footer .info_list{display:flex; flex-wrap:wrap;}
footer .info_list li + li:before{display: inline-block;content:"";width: 1px;height: 14px;background: #a1a1a1;margin: 8px 10px 0 12px;vertical-align: top;}
footer [class*="con-"][class*="-width2"].footer_g2{padding: 38px 3.5% 42px;}
footer .foot_g_2{padding: 35px 3%;}
footer .foot_g_2 .info_g{width: calc(100% - 150px);color: #444;padding-right: 70px;line-height: 1.8;}
footer .foot_g_2 .logo{width: 150px;height: 68px;}
footer .foot_g_2 .logo a{display: block;width: 100%;height: 100%;}
footer .foot_g_2 .logo svg{width: 100%;height: auto;}
footer .foot_g_2 .logo svg *{fill: rgba(94,94,94,0.5);}
footer .foot_g_2 .logo svg .point{fill: rgba(73,73,73,0.5);}


#wrap.open header{position:fixed; padding-top: 20px;}

#allmenu{position:fixed;top:0;left:0;width:100%;height: 100vh;overflow-y: scroll;z-index:1010;color: #444;overflow:hidden;display:none;}
#allmenu *{box-sizing:border-box; text-align: center;}
#allmenu .inner{position: relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;z-index: 0;}
#allmenu .g_box{position:relative;width: 16.66666666666667%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#allmenu .g_box .center{position:relative;width: 100%;z-index: 30;}
#allmenu .g_box + .g_box:before{display:block;content:"";position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.1);width: 1px;height: 100%; opacity:0; z-index: 20; transition:0.2s;}
#allmenu .g_box h2{position:relative;width:100%;font-size: 3rem;font-weight: 500;line-height: 1em;color: #333;margin-top: 60px;pointer-events: none;z-index: 10;}
#allmenu .g_box h2:after{display:block;content:"";width: 35px;height: 1px;margin: 27px auto 32px;background: rgba(0,0,0,0.4);}
#allmenu .g_box h2 svg{display: block;margin: 0 auto 45px;}
#allmenu .g_box h2 svg *{stroke:#42aa79;}
#allmenu .g_box .list_wrap{position: relative;font-size: 1.7rem;font-weight: 300;min-height: 400px;word-break: keep-all;z-index: 10;}
#allmenu .g_box .list_wrap li{line-height: 1em;}
#allmenu .g_box .list_wrap li + li{margin-top: 15px;}
#allmenu .g_box .list_wrap li .bold{font-size: 2rem;font-weight: 500;margin-bottom: 20px;color: #333;}
#allmenu .g_box .list_wrap .menu.type2 > li + li{margin-top: 40px;}
#allmenu .g_box .list_wrap li a{display: inline-block;}


#allmenu.open .g_box + .g_box:before{opacity:1; transition:1s 0.3s;}
#allmenu .g_box:after{display:block;content:"";position:absolute;top: 0;left: 0;width: 100%;height: 0;background:#fff;opacity:1;z-index: 15;}
#allmenu.open .g_box:after{height: 100%;}
#allmenu.open .g_box:nth-child(6n-5):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.1s;}
#allmenu.open .g_box:nth-child(6n-4):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.2s;}
#allmenu.open .g_box:nth-child(6n-3):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.3s;}
#allmenu.open .g_box:nth-child(6n-2):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.4s;}
#allmenu.open .g_box:nth-child(6n-1):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.5s;}
#allmenu.open .g_box:nth-child(6n):after{transition: 0.8s cubic-bezier(0.42, 0, 0.25, 1.01) height 0.6s;}

#allmenu .g_box .center:before{display:block;content:"";position:absolute;top: 50%;left: 0;width: 100%;height: 100vh;transform:translateY(-50%);background:#e3f2eb;opacity:0;transition: 0.7s;z-index: 0;} 
#allmenu .g_box:hover .center:before{opacity:1;}


#allmenu .g_box .center{opacity:0; transform:translateY(20px);}
#allmenu.open .g_box .center{opacity:1; transform:translateY(0px);}
#allmenu.open .g_box:nth-child(6n-5) .center{transition: 1s 1.3s;}
#allmenu.open .g_box:nth-child(6n-4) .center{transition: 1s 1.5s;}
#allmenu.open .g_box:nth-child(6n-3) .center{transition: 1s 1.7s;}
#allmenu.open .g_box:nth-child(6n-2) .center{transition: 1s 1.9s;}
#allmenu.open .g_box:nth-child(6n-1) .center{transition: 1s 2.1s;}
#allmenu.open .g_box:nth-child(6n) .center{transition: 1s 2.3s;}

/* video popup */
#video-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#video-popup .popup-close{text-align:right;margin-bottom:10px;cursor:pointer}
#video-popup iframe{width:1080px!important;height:608px!important}

/* popup */
#layer-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#layer-popup .popup-close{position:relative; text-align:right; cursor:pointer; z-index:1000; top:60px; right:30px;}
#layer-popup .inner{width:1200px; margin:0 auto; height:695px;  padding:100px 75px; background:#fff; box-sizing: border-box;}
#layer-popup .inner h1{text-align:left;font-size:30px;font-weight:500;color:#362e2b;line-height:28px}
#layer-popup .inner pre{width:100%;margin:0 auto;height:432px;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;border-top:1px solid #cfcdcd;border-bottom:1px solid #cfcdcd;background:#f5f5f5;font-family:'Noto Sans KR';font-size:17px;color:#362e2b;padding:50px 30px;margin-top:28px}
#layer-popup .sub_tit{font-weight:500;font-size:20px}
#layer-popup .inner pre table td,#text-popup .inner pre table th{border:1px solid #000;padding:2px}
#layer-popup.find .inner{width:650px;height:468px;padding:184px 0 0;background:#fff url(../img/page/find_idpw_popup.jpg) no-repeat center top}
#layer-popup.find .inner .pop_title{text-align:center;font-family:'GyeonggiBatang';font-size:26px;font-weight:500;color:#362e2b}

.main_layer_popup .m_h{font-size: 1.6rem; line-height: 1.75; word-break:keep-all;}


/* today index popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}

@media(max-width:1500px){
	#wrap header #nav{margin-left: 0;}
}
@media(max-width:1400px){
	#wrap header #nav{display: none;}
	#allmenu{background: #fff;}
	#allmenu .inner{display: block;flex-wrap: inherit;align-items: inherit;top: 105px;height: calc(100% - 105px);padding-bottom: 150px;overflow-y: auto;}
	#allmenu .g_box{width:100%;top: 0;padding: 0 3%;display: block;height: auto;}
	#allmenu .g_box + .g_box{border-top: 1px solid #e5e5e5;}
	#allmenu .g_box h2{margin: 0;cursor: pointer;display: flex;flex-wrap: wrap;align-items: center;pointer-events: auto;padding: 20px 0;}
	#allmenu .g_box h2 svg{margin: 0 75px 0 0;width: 65px;}
	#allmenu .g_box .list_wrap{display: none;height: auto;min-height: auto;}
	#allmenu .g_box .list_wrap > ul{padding: 20px 0 50px 0;padding-left: 140px;}
	#allmenu .g_box .list_wrap ul li{text-align:left;}
	#allmenu .g_box + .g_box:before{display: none;}
	#allmenu .g_box:after{display:none;}
	#allmenu .g_box h2:after{display: none;}
	#allmenu .g_box .center{opacity:1; transform:translateY(0px); transition: inherit;}
	#allmenu .g_box .center:before{display: none;}
	#allmenu .g_box{opacity:0; transform:translateY(50px);}
	#allmenu.open .g_box{opacity:1; transform:translateY(0px);}
	#allmenu.open .g_box:nth-child(6n-5){transition: 1.2s 0.3s;}
	#allmenu.open .g_box:nth-child(6n-4){transition: 1.2s 0.4s;}
	#allmenu.open .g_box:nth-child(6n-3){transition: 1.2s 0.5s;}
	#allmenu.open .g_box:nth-child(6n-2){transition: 1.2s 0.6s;}
	#allmenu.open .g_box:nth-child(6n-1){transition: 1.2s 0.7s;}
	#allmenu.open .g_box:nth-child(6n){transition: 1.2s 0.8s;}

}
@media(max-width:1279px){
}
@media(max-width:767px){
	#scroll_top button{bottom:10px;}
	#scroll_top .icon{width: 45px;height: 45px;padding: 13px 0px;font-size: 1em;}
	#wrap header, #wrap header.active, #wrap header, body.mobile #wrap header:hover.active,#wrap.open header{padding-top: 10px;}
	#wrap header h1.logo{width:76px;height: 36px;}
	header .hamburger_btn .btn:before, header .hamburger_btn .btn:after{top: -2px;left: 7px;width: 3px;height: 21px;}
	header .hamburger_btn{width: 40px; height: 40px;}
	header .hamburger_btn .btn{transform:scale(0.7);}
	header .hamburger_btn.close .btn{transform: rotate(90deg) scale(0.7);}
	#util_list .language .title{font-size: 10px;}
	#util_list .language .title span{margin-top: 2px;}
	#util_list .language.open .title span{margin-top:5px;}
	#util_list{margin-right:15px;}
	#util_list .language .list{width:69px; font-size:10px; padding:7px 0;}
	#util_list .language .list li{line-height:17px;}
	#util_list .language .list li + li{margin-top: 0;}
	#wrap footer .txt1{font-size: 1.2rem;}
	footer .util_list{font-size: 1.3rem;line-height: 1.6;}
	footer .util_list li + li:before{height: 10px; margin: 6px 6px 0 7px;}
	footer .info_list li + li:before{height:10px; margin: 6px 7px 0 6px;}
	footer .foot_g_1{height: auto;padding: 12px 3% 12px 3%;}
	footer .foot_g_2{padding:15px 3%;}
	footer .foot_g_2 .info_g{width: 100%;padding-right: 0;}
	footer .foot_g_2 .logo{width: 90px;height: 42px;}

	#allmenu .inner{top: 60px;height: calc(100% - 60px);padding-bottom: 70px;}
	#allmenu .g_box{width: ;}
	#allmenu .g_box h2{font-size: 2rem;padding: 15px 0;}
	#allmenu .g_box h2 figure{width:33px;height: 33px;margin-right: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
	#allmenu .g_box h2 svg{display:block;margin:0 auto;height: auto;}
	#allmenu .g_box1 h2 svg{width: 67%;}
	#allmenu .g_box2 h2 svg{width:81%;}
	#allmenu .g_box3 h2 svg{width:100%;}
	#allmenu .g_box4 h2 svg{width:100%;}
	#allmenu .g_box5 h2 svg{width: 91%;}
	#allmenu .g_box .list_wrap{font-size: 1.4rem;font-weight: 400;}
	#allmenu .g_box .list_wrap > ul{padding: 10px 0 30px 0;padding-left: 63px;}
	#allmenu .g_box .list_wrap li + li{margin-top:10px;}
	#allmenu .g_box .list_wrap li .bold{font-size:1.6rem;margin-bottom:12px;}
	#allmenu .g_box .list_wrap .menu.type2 > li + li{margin-top:25px;}
	#allmenu .g_box{transform:translateY(30px);}
	.main_layer_popup .m_h{font-size: 1.2rem;line-height: 1.75;padding: 15px !important;}
}