@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/Pretendard-Black.woff2) format('woff2'), url(../font/Pretendard-Black.woff) format('woff'), url(../font/Pretendard-Black.ttf) format("truetype");
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/Pretendard-ExtraBold.woff) format('woff'), url(../font/Pretendard-ExtraBold.ttf) format("truetype");
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/Pretendard-SemiBold.woff2) format('woff2'), url(../font/Pretendard-SemiBold.woff) format('woff'), url(../font/Pretendard-SemiBold.ttf) format("truetype");
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/Pretendard-Medium.woff2) format('woff2'), url(../font/Pretendard-Medium.woff) format('woff'), url(../font/Pretendard-Medium.ttf) format("truetype");
}	

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../font/Pretendard-Light.woff2) format('woff2'), url(../font/Pretendard-Light.woff) format('woff'), url(../font/Pretendard-Light.ttf) format("truetype");
}


.skip_nav{position:relative;width:100%;z-index:99999;}
.skip_nav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:10px 0 14px; font-style:normal; font-variant:normal;text-align:center;font-size:13px;color:#ffffff;background:#4e90d0;}
.skip_nav a:active,
.skip_nav a:focus{top:0;text-decoration:none;color:#ffffff;}

/*blind*/
caption,
.blind {position: absolute;overflow: hidden;width: 1px;height: 1px;margin: -1px;line-height: 0;border: 0;clip: rect(0 0 0 0);font-size: 0;}

/*Layout*/
body{font-family: 'Pretendard', sans-serif;top:0 !important}
.wrap{min-width: 320px;color:#333}
.inner{max-width: 1496px;margin:0 auto;}

/*Header*/
.header{position: relative;width: 100%;background: rgba(0, 0, 0, 0.2);z-index: 1000;}
.header .headTop{height: 41px; border-bottom: 1px solid #727173;box-sizing: border-box;}
.header .headTop .inner{display: flex;justify-content: flex-end;max-width: 1600px;}
.header .headTop .inner .utils{display: flex;align-items: center;height: 40px;}
.header .headTop .inner .utils li { height: auto;min-height: 23px; margin: 0  25px 0 0;}
.header .headTop .inner .utils li.util3{margin-right: 0;}
.header .headTop .inner .utils li a{display: block;line-height: 23px; padding: 0 0 0 26px; color:#fff;font-size: 17px;font-weight: 300;background-position: left center;background-repeat: no-repeat;}
.header .headTop .inner .utils li.util1 a{background-image: url(../images/common/ico_util01.png);}
.header .headTop .inner .utils li.util2 a{background-image: url(../images/common/ico_util02.png);}
.header .headTop .inner .utils li.util3 a{background-image: url(../images/common/ico_util03.png);}
.header.hover .headTop .inner .utils li a{color:#000}
.header.hover .headTop .inner .utils li.util1 a{background-image: url(../images/common/ico_util01_ov.png);}
.header.hover .headTop .inner .utils li.util2 a{background-image: url(../images/common/ico_util02_ov.png);}
.header.hover .headTop .inner .utils li.util3 a{background-image: url(../images/common/ico_util03_ov.png);}
.header .haedArea{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;max-width:1912px;height: 111px;margin: 0 auto;padding: 0;}
.header .haedArea .logo{display: flex;align-items: center;justify-content: flex-end;width:420px;height: 111px;padding: 0 30px 0 0;}
.header .haedArea .logo > a{display: block;width: 270px;height:27px;background: url(../images/common/h1_logo.png) left top no-repeat;background-size:100% ;}
.header::before{content: "";display: none;position: absolute;left:0;top:41px;width: 50%;height: 111px; background-color:#003b9e ;}
.mainBody .header{position: fixed;left: 0;top:0;}
.subBody .header{position: absolute;left: 0;top:0;}
.haedArea .btns{display: flex;width: 315px; align-items: center;justify-content: flex-start;padding: 0 0 0 93px;}
.haedArea .btns .searchBtn{display: block;width: 25px;height: 25px;margin:0 17px 0 0; background: url(../images/common/btn_search02.png) center no-repeat; }
.scroll .haedArea .btns .searchBtn,
.hover .haedArea .btns .searchBtn{background: url(../images/common/btn_search02_ov.png) center no-repeat; }

/*Gnb*/
.gnbArea{max-width: 1000px;}
.gnbArea .depth1{display: flex;/*width: 1130px;*/ justify-content: space-evenly;margin:0;gap: 0 68px;}
.gnbArea .depth1 > li{height: 111px;}
.gnbArea .depth1 > li > a{display: flex;align-items: center;width: 100%;height: 100%;font-size: 22px;padding:0; color: #fff;font-weight: 500;position: relative; word-break: keep-all;text-align: center;line-height: 26px;}
.gnbArea .depth1 > li > a:after{content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; height: 7px; opacity: 0; background: #5799ff;}
.gnbArea .depth1 > li .subMenu{display:none;position:  absolute;left: 0;right: 0;top: 112px;background: #fff;}
.gnbArea .depth1 > li .subMenu:before{content: ''; position: absolute; left: 0; right: 50%; top: 0; bottom: 0; background: #f5f5fa;}
.gnbArea .depth1 > li .subMenu > div{display: flex; width: 100%;margin: 0 auto; max-width: 1910px; position: relative; z-index: 2; background: #fff;min-height: 300px;}
.gnbArea .depth1 > li .subMenu > div .gnbTit{position: relative; background: #f5f5fa; width: 420px;padding: 40px 0;text-align: center;}
.gnbArea .depth1 > li .subMenu > div .gnbTit::before{content: "";position: absolute;left:0;top:1px; display: block;width: 176px;height: 86px;background: url(../images/common/bg_menu01.png) left no-repeat;} 
.gnbArea .depth1 > li .subMenu > div .gnbTit::after{content: "";position: absolute;right:0;bottom:0;display: block;width: 230px ;height: 228px;background: url(../images/common/bg_menu02.png) left no-repeat;}
.gnbArea .depth1 > li .subMenu > div .gnbTit > h2{display: flex;align-items: center;justify-content: center;height: 100%; font-size: 48px; color: #9b9bb2; font-weight: 800;line-height: 48px;padding:0;text-align: left;}
.gnbArea .depth1 > li .subMenu > div .gnbTit > span{display: inline-block; background: #7990B7; font-size: 25px; color: #fff; font-family: 'KoreanSWGI'; line-height: 26px; padding: 4px 4px 0;} 
.gnbArea .depth1 > li .subMenu > div .gnbTit > p{font-weight: 300; font-size: 16px; color: #7d7c7c; margin-top: 10px; word-break: keep-all;}
.gnbArea .depth1 > li .subMenu > div .depth2{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;padding: 42px 150px 35px 10px;width: calc(100% - 420px);}
.gnbArea .depth1 > li .subMenu > div .depth2 > li{width: calc(25% - 30px);margin: 0 0 0 30px;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > a{display: flex;align-items: center;min-height: 54px;font-size: 18px; color: #000; line-height: 18px; padding:0 20px; font-weight: 500;border:1px solid #cfcfcf}
.gnbArea .depth1 > li .subMenu > div .depth2 > li:hover > a::after{background-image: url(../images/common/nWindow_ic_ov.png);}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul{padding: 20px 0 0 20px;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li{position: relative;margin: 0 0 5px 0;padding: 0 0 5px 13px; }
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li:before{content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #7f7f7f; border-radius: 50%;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a{display: inline-block; font-size: 19px; color: #555555; line-height: 19px; padding: 0 0 5px 0; position: relative;font-weight: 30;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a.opennw::after{display: inline-block;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a::before{content: '';display: none;position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #7394dc;}
.gnbArea .depth1 > li .subMenu > div .depth2 > li:hover > a,
.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > a{background-color:#003b9e ;border-color: #003b9e;color:#fff }
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li.selected > a,
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:hover,
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:before{color:#2665d0}
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li.selected > a::before,
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:hover::before,
.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:focus:before{display: block;}
.bgSubMenu{position: absolute;left:0;top:152px;width: 100%;background-color: #fff;overflow: hidden;box-sizing: border-box;}
.bgSubMenu::before{content  : "";display: block;position: absolute;width:50%;height: 100%;; left:0;top:0;background-color: #f5f5fa;}
.mbMask{display: none; position: fixed; top:0; bottom: 0; left: 0; right: 0;background: rgba(0,0,0,0.6); z-index: 200;}

/*Mobile*/
.gnbOpen {display: none;position: absolute;right:0;top: 22px;}
.mbMask {display: none;position: fixed;top: 66px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 200;}
.gnbArea .mbLogo{display: none;position: absolute; left:37px;top:36px}
.gnbArea .mbMenuTop{display: none; position: relative;width:100%;height: 185px; padding: 36px 24px 0 37px;text-align: right;}
.gnbArea .mbMenuTop .login{display: inline-block;width: 77px;height: 32px;margin: 0 45px 0 0;font-size: 16px;color:#151b3d;text-align: center;line-height: 32px;background-color: #fff;border-radius: 20px;}
.gnbArea .mbMenuTop .langList{width: 100%;display: flex;justify-content: flex-end;margin:23px 0 0 0 }
.gnbArea .mbMenuTop .langList ul{background-color: #343183;height: 45px;display: flex;justify-content: center;align-items: center;padding: 0 25px;border-radius: 25px;}
.gnbArea .mbMenuTop .langList ul > li{margin: 0 0 0 9px;}
.gnbArea .mbMenuTop .langList ul > li > a{display: block;position: relative;color:#ffffff;font-size: 16px;font-weight: 600;padding: 0 0 0 10px;}
.gnbArea .mbMenuTop .langList ul > li > a::before{content: "";display: block;position: absolute;width: 1px;height: 11px;left:0;top:0;background-color: #6b69a5;}
.gnbArea .mbMenuTop .langList ul > li:first-child{margin-left: 0;}
.gnbArea .mbMenuTop .langList ul > li:first-child a{padding-left: 0;}
.gnbArea .mbMenuTop .langList ul > li:first-child a::before{display: none;}
.gnbArea .mbMenuTop .mo-mclo{display: block;position: absolute; right:24px;top:43px}
/* .searchBtn{display: none;position: absolute;right: 35px;top: 22px; } */
.mbMenuTop .langList::after{content: "";display: block;clear: both;}
.gnbArea::after{content: "";display: none;width: 55%;height: 100%;position: absolute;right:0;top:185px;z-index: 1;background-color: #fff;border-radius: 8px 0 0 0;}
.gnbArea .mbMenuTop .linkGo{display: inline-block;    padding: 8px 15px; background-color: #fff;color: #000;border-radius: 15px;}
/**/
.lang{position: relative; display: block;width: 124px;height: 40px; background: #003b9e; border-radius: 20px;text-align: center;}
.lang .btnLang{display: inline-block;font-size: 14px;color:#fff;padding: 0 20px 0 0;line-height: 35px;margin:3px 0 0 0;vertical-align: top;}
.lang .btnLang::after{content: '';position: absolute;top: 50%;right: 16px;transform: translateY(-50%);width: 12px;height: 6px;background: url(../images/common/arr_lang01.png) no-repeat center center;background-size: contain;transition: transform 0.3s ease; }
.lang.on .btnLang::after {transform: translateY(-50%) rotate(180deg); }
.lang .langList{display: none; position: absolute;top:35px; width:100px;left:15px}
.lang .langList li{width: 100%; background: #003b9e;padding: 5px;}
.lang .langList li a{color: #fff;font-size: 14px;}
.siteMap {display: inline-block; width: 25px;height: 18px; margin:0 0 0 0;}
.siteMap .bar {position: relative; display: block; margin-top: 6px; width: 100%; height: 2px;}
.siteMap .bar1 {margin-top: 0;width: 100%;}
.siteMap .bar:before {position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #fff; content: ""; transition: all 0.5s ease;} 
.siteMap .bar2:before {width: 100%;}
.siteMap .bar3:before {width: 100%;}
.siteMap:hover .bar1:before{width: 100%;}
.siteMap:hover .bar2:before{width: 50%;}
.siteMap:hover .bar3:before{width: 70%;}

/*.header bg*/
.scroll .header,
.hover{background-color: #fff;}
.scroll .headTop{display: none;}
.scroll .header::before{display: block;top:0}
.hover::before{display: block;}
.scroll .haedArea,
.hover .haedArea{background-color: #fff;}
.scroll .haedArea .logo,
.hover .haedArea .logo{background-color: #003b9e;}
.scroll .gnbArea .depth1 > li > a,
.hover .gnbArea .depth1 > li > a{color:#222}
.scroll .siteMap .bar:before,
.hover .siteMap .bar:before{background-color: #1a1a1a;}
.gnbArea .depth1 > li.act > a,
.gnbArea .depth1 > li.on > a,
.gnbArea .depth1 > li > a:hover,
.scroll .gnbArea .depth1 > li > a:hover, 
.hover .gnbArea .depth1 > li > a:hover{color:#003b9e}
.scroll .bgSubMenu{top:111px;}
.hover .bgSubMenu{border-top:1px solid #e4e4e4}

/*상단 검색*/
.srcArea {display: none;position: absolute;width: 100%;height: 180px;top:152px;left:0;}
.srcArea > div{display:flex;justify-content: center;align-items: center;width: 100%;height: 100%; background:url(../images/common/bg_srcarea.png) ;width: 100%;}
.srcArea .intBox{display: flex; width: calc(100% - 85px);height: 60px; max-width: 800px;border-radius: 12px;background-color: #f9faff;overflow: hidden;}
.srcArea .intBox input[type=text]{display: block;height: 100%;width: 100%; padding: 10px 22px;border: 0;}
.srcArea .intBox input::placeholder{color:#888}
.srcArea .intBox .btnTopSch{display: block; width: 60px;height: 60px;background:  url(../images/common/btn_search04.png) center no-repeat;}
.srcArea > div .closeSearch{display: block; width: 60px;height: 60px;background:  url(../images/common/btn_schclose.png) center no-repeat;}
.srcArea.on{display: block;}
.scroll .srcArea.on{top:111px;}

.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none;}
.header .headTop .inner .utils li.google{margin-left: 25px;margin-right: 0;}
.skiptranslate {display: none;}
#goog-gt-tt {display: none !important;}
#google_translate_element > div > div > select::-ms-expand {display: none;}
.google-translate .drop-box{position: relative; width: auto;margin-top: 2px;}
.openLanguageG{display:flex;align-items:center;}
.openLanguageG span{display: block;width: 80px;height: 15px;background: url("../images/common/google_txt.png") center no-repeat;font-size:14px;color:#fff;font-weight: 300;background-size: auto 16px;}
.openLanguageG::before { margin: 0 8px 0 0; content: ''; display: block; width: 17px; height: 18px; background: url("../images/common/ic-lang.png") no-repeat center;}
.openLanguageG::after{content:"";display:block;width:10px;height:6px;margin-left:10px;margin-top: 0; background:url("../images/common/arr_google.png") no-repeat center;}
.header .headTop .inner .utils li .translation-links a{color: #333;font-size: 13px;padding-left: 20px;}
.header .headTop .inner .utils li .translation-links a img{vertical-align: middle;}
.header .headTop .inner .utils li .translation-links li{margin-right: 0;}
.google-translate .drop-box .translation-links{width: 110px;display:none;position:absolute;left:calc(100% - 120px);top:23px; z-index: 1000000; }
.google-translate .drop-box.expanded .translation-links{display:block;}
.translation-links a{font-size:13px;color:#000;background-color: rgba(156, 156, 156 );display:block;padding:5px 15px;margin-top:1px;}
.header .headTop .inner .utils li .translation-links  a:hover{background-color: #333;color:#fff}
.google-translate .drop-box .tip{display: none; position: absolute; background-color: #fff; width: 440px; padding: 15px 20px;border-radius: 10px;font-size: 14px;  box-shadow: 2px 2px 10px rgba(0, 0, 0, .4); color: #666;  z-index: 1000000; top: 150%;text-align: center;}
.google-translate .drop-box .tip .btn-box{text-align: center; margin-top: 20px;}
.google-translate .drop-box .tip button{background-color: #014195; color:#fff; border-radius: 4px; padding:3px 10px;}
.google-translate .drop-box.on .tip{ display: block; right:0;}
.header.hover .openLanguageG span{font-size:14px;color:#333;background: url("../images/common/google_txt_ov.png") center no-repeat;background-size: auto 16px;}
.header.hover .openLanguageG::after {background: url("../images/common/arr_google_ov.png") no-repeat center;}


/*Foot*/
.footer{background-color: #424242;}
.footer .inner {height: 205px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}	
.footer .inner .fotLogo{width: 295px ;height: 27px;margin: 0 80px 0 0; background:url("../images/common/foot_logo.png") center no-repeat ;background-size: 100%;}
.footer .inner .fotInfo{width: calc(100% - 690px);}
.footer .inner .fotInfo p{margin: 0 0 8px 0;font-size: 18px;color: #b8b8b8;font-weight: 300;}
.footer .inner .snsList{width: 286px; display: flex;margin: 0 22px 0 0;}
.footer .inner .snsList li{margin-left: 18px;}   

/**/
.opennw{position: relative;}
.opennw::after{content: "";display: block;width: 14px;height: 14px;margin-left: 10px; background: url(../images/common/nWindow_ic.png) center no-repeat;}

/*팝업*/
.popWrap{position: fixed;max-width: 560px;width: 98%;left: 50%;transform: translateX(-50%);top: 200px;z-index: 100000;}
.popCotainer{border-radius: 10px 10px 0 0;overflow:hidden;}
.popCont{background-color: #fff;}
.popCotainer .popFoot{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; height: 50px;background-color: #003b9e;border-radius: 0 0 10px  10px;overflow: hidden;padding: 0 15px;color:#fff;font-weight: 300;}
.popCotainer .popFoot .close-btn{background-color: #547bb4;padding: 5px 10px;border-radius: 3px;}

/****************************/
@media screen and (max-width: 1750px) {
	.header .haedArea{padding:0;}
	.header .haedArea .logo{width: 330px;}
	.haedArea .btns{width: 95px;padding: 0;}
	.gnbArea .depth1 > li .subMenu > div .gnbTit{width: 330px;}
	.gnbArea .depth1 > li .subMenu > div .depth2{width: calc(100% - 330px);padding-right: 15px;}
}

@media screen and (max-width: 1555px) {
	.inner{max-width: none;padding: 0 15px; }
	.header .haedArea .logo{width: 180px;}
	.header .headTop .inner .utils li a{font-size: inherit;}
	.gnbArea{width: calc(100% - 335px);max-width: inherit;}
	.gnbArea .depth1{width:100%;gap: 0 30px;}
	.gnbArea .depth1 > li{max-width: 130px;}
	.gnbArea .depth1 > li > a{font-size: 18px;padding: 0 10px;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a{font-size: 16px;}
	.gnbArea .depth1 > li .subMenu > div .gnbTit{width: 235px;}
	.header .haedArea .logo{width: 235px;justify-content: center;padding-right: 0;}
	.header .haedArea .logo > a{width: 180px;height: 18px;}
	.gnbArea .depth1 > li .subMenu > div .gnbTit > h2{font-size: 32px;line-height: 28px;}
	.gnbArea .depth1 > li .subMenu > div .depth2{width: calc(100% - 240px);}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li{width: calc(33.3% - 20px);margin-left:20px;}
	.lang{width: 60px;}
	.lang .btnLang{width: 24px; font-size: 0;background: url(../images/common/ico_lang01.png) left top no-repeat;background-size: 24px;margin-top: 8px;}
	.lang .btnLang::after{display: none;}
	.lang .langList{width: 35px;}
	.siteMap{margin-right: 11px;}
	.haedArea .btns{padding-left: 15px;}
	.googleTrans{right: 213px;transform: none;}
}

@media screen and (max-width: 1300px) {
	.footer .inner .fotLogo{width: 230px;margin-right: 40px;}
	.footer .inner .fotInfo{width: calc(100% - 560px);}
	.footer .inner .snsList{margin-right: 0;}
}

@media screen and (max-width: 1200px) {
	.depth1 > li > a{font-size: 18px;line-height: 18px;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > a{font-size:16px ;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a{font-size: 16px;}
}

@media screen and (max-width: 1024px) {
	html.menuOpen{overflow: hidden;}
	html.menuOpen .header .haedArea{z-index: 1005;}
	.header .headTop{position: absolute;height: 23px;right: 73px;top:21px;border: 0;z-index: 1;}
	.header .headTop .inner{padding: 0;}
	.header .headTop .inner .utils li.util1{display: none;}
	.header .headTop .inner .utils li.util3{display: none;}
	.header .headTop .inner .utils{height: 100%;margin: 0;}
	.scroll .header, 
	.hover{background-color: #003b9e;}
	.scroll .headTop{display: block;}
	.header{/*background-color: #003b9e;*/padding: 0 15px;}
	.header::before{display: none !important;}
	.scroll .haedArea, 
	.hover .haedArea{background-color: #003b9e;}
	
	.siteMap{display: none;}
	.utils{margin: 22px 70px 0 0;}
	.lang{width: 31px;height: 25px;}
	.lang .btnLang{background: url(../images/common/ico_lang02.png) left top no-repeat;background-size: 24px;margin-top: 0; padding:0;line-height: 24px;margin: 0;}
	.lang .langList{left: 0;top:26px}
	.gnbOpen {display: block;}
	.haedArea .btns{width: 100px;padding-left: 0;justify-content: flex-end;}
	.haedArea .btns .searchBtn{margin-right: 32px; }
	.header .haedArea{height: 65px;}
	.header .haedArea .logo{height: 65px;width: 167px;justify-content: space-between;}
	.header .haedArea .logo > a{width: 100px;height: 47px; background: url(../images/common/h1_logo_mb.png) left top no-repeat;background-size: 100%;}
	.gnbArea.on {display: block;}
	.gnbArea.on > .depth1 > li.on ul.gnbArea .depth1 > li .subMenu > div .depth2 {display: block;}
	.gnbArea.on > .depth1 > li.on ul.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > ul{display: block;}
	.gnbArea {display: none;margin: 0;position: fixed;top: 0;right: 0;background: #161270;z-index: 210;width: calc(100% - 50px);height: 100%;min-width: 320px;overflow-y: scroll !important;}
	.gnbArea .mbLogo{display: block;}
	.gnbArea::after{display: block;}
	.gnbArea .mbMenuTop{display: block;}
	.gnbArea .depth1{display: block;position: relative;z-index: 5;padding: 15px 0 0 29px;}
	.gnbArea .depth1 > li {float: none; margin: 0; width: 45%;max-width: none;height: auto;margin-bottom: 0;padding:0;}
	.gnbArea .depth1 > li > a{position: relative;width: 100%; font-size: 20px;min-height: 55px;  color: #fff; line-height: 20px;padding: 0 30px 0 15px;text-align: left;/*border-bottom: 1px solid #45418d;*/z-index: 5;}
	.gnbArea .depth1 > li > a.hasch:before {content: "";display: none; position: absolute;top: 21px;right: 23px;width: 6px;height: 10px;background: url('../images/common/arr_mbmenu01.png') center no-repeat; }
	.gnbArea .depth1 > li > a:after{display: block;left: 0;right: inherit;opacity: 1;height: 1px;background-color: #45418d;width: calc(100% - 40px);}
	.gnbArea .depth1 > li.on > a.hasch:before, 
	.gnbArea .depth1 > li.current > a.hasch:before{display: block; }
	.gnbArea .depth1 > li.on > a,
	.gnbArea .depth1 > li.current > a{border-bottom: 0;color:#fff;background-color: #0e7e86;border-radius: 13px 13px 34px 13px;box-shadow: 4px 7px 11px 3px rgba(0, 0, 0, 0.3);}
	.gnbArea .depth1 > li.on .subMenu,
	.gnbArea .depth1 > li.current > .subMenu {display: block;}
	.gnbArea .depth1 > li .subMenu{position: absolute;display: none; top:32px; left: 45%; border-top: none;background: transparent;}
	.gnbArea .depth1 > li .subMenu:before{display: none;}
	.gnbArea .depth1 > li .subMenu > div{display: block; width: auto;background: transparent;}
	.gnbArea .depth1 > li .subMenu > div .gnbTit{display: none;}
	.gnbArea .depth1 > li .subMenu > div .depth2{display: none; padding: 0 35px 35px 35px; width: auto;background-color: #fff;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li{border: none;width: 100%;margin-left:0;border-bottom: 1px solid #e7e8ec;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > a{width: auto; font-size: 18px; color: #151b3d; padding-left:10px; padding-right: 35px;position: relative;line-height: 20px;min-height: 38px;border:0}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > a.hasch:before {content: "";position: absolute;top: 15px;right: 16px;width: 8px;height: 5px;background-color: #fff;opacity: 1;transition: all 0.3s ease; background: url('../images/common/arr_mbmenu02.png') center no-repeat; }
	.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > a{background-color: #fff;color:#19a8e4}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > a.hasch:before {background: url('../images/common/arr_mbmenu02_on.png') center no-repeat;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul{display: none; float: none; width: auto; padding:  10px 0 0 0; background: #6294f7; border-top: 1px solid #008ff5;background-color: #fff;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li{margin: 0 0 8px 0; display: block;padding: 0;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li:before{left: 8px;top:11px;background-color: #c5c9d6;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a{display: block; font-size: 18px; color: #737996; line-height: 18px; padding: 5px 0; padding-left: 23px;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:hover::after,
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a:focus:after{display: none;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > ul{display: block;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li:hover > a, 
	.gnbArea .depth1 > li .subMenu > div .depth2 > li.on > a{background-color: transparent;border-color: #003b9e;color: #19a8e4;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li.current > a{color:#151b3d} 
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li.current::before{background-color: #151b3d;} 
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > a.opennw{padding-right: 0;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li:hover > a.opennw::after{background: url(../images/common/nWindow_ic.png) center no-repeat;}
	.scroll .gnbArea .depth1 > li > a,
	.hover .gnbArea .depth1 > li > a,
	.gnbArea .depth1 > li.act > a, 
	.gnbArea .depth1 > li.on > a, 
	.gnbArea .depth1 > li > a:hover, 
	.scroll .gnbArea .depth1 > li > a:hover, 
	.hover .gnbArea .depth1 > li > a:hover{color:#fff}
	.scroll .haedArea, 
	.hover .haedArea{border: 0;}
	.scroll .haedArea .btns .searchBtn{background-image: url(../images/common/btn_search02.png);}

	.srcArea{height: 120px;top:65px}
	.srcArea .intBox{height: 50px;}
	.srcArea .intBox .btnTopSch{height: 50px;}
	.srcArea > div .closeSearch{margin-left: 10px; width: 38px;height: 38px;background-size: 38px 38px;}
	.gnbArea .mbMenuTop .linkGo{font-size: 13px;}
	.googleTrans{right:90px;top:24px}
	.header .headTop .inner .utils li.google{margin-left: 0;margin-right: 10px;}
	.scroll .googleTrans{display: block;}
	.scroll #google_translate_element{display: block;}
	.gnbArea .mbMenuTop .gnbClose{display: inline-block;}
	.scroll .srcArea.on{top:65px;}

	/*foot*/
	.footer .inner{height: auto; display: block;padding: 15px;}
	.footer .inner .fotLogo{width: 120px ;height: 65px;margin: 0 auto;  background:url("../images/common/foot_logo_mb.png") center no-repeat ;background-size: 100%;}
	.footer .inner .fotInfo{width: 100%;text-align: center;padding: 15px 0;}
	.footer .inner .snsList{ width:100% ;justify-content: center;}
}

@media screen and (max-width: 640px) {
	/*Gnb*/
	.gnbArea .mbLogo{top:15px;left:10px}
	.gnbArea .mbLogo img{vertical-align: top;width: 130px;}
	.gnbArea .mbMenuTop{padding:10px;height: 135px;}
	.gnbArea .mbMenuTop .login{width: 70px;height: 25px;line-height: 25px;font-size: 14px;margin-right: 12px;margin-top: 5px;}
	.gnbArea .mbMenuTop .gnbClose{padding: 7px 5px 0 0;}
	.gnbArea .mbMenuTop .gnbClose img{vertical-align: top;}
	.gnbArea .mbMenuTop .langList{padding: 10px 0;margin-top:10px;justify-content: center;}
	.gnbArea .mbMenuTop .langList ul{padding: 0 10px;width: 100%;}
	.gnbArea .mbMenuTop .langList ul > li > a{font-size: 12px;}
	.gnbArea .depth1{padding-left: 10px;}
	.gnbArea .depth1 > li{width: 50%;}
	.gnbArea .depth1 > li > a{font-size: 15px;padding-right: 30px;padding-left: 10px;}
	.gnbArea .depth1 > li .subMenu{left: 50%;top:16px}
	.gnbArea .depth1 > li .subMenu > div .depth2{padding: 0 10px 10px 10px;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > a{font-size: 14px;line-height: 15px;}
	.gnbArea .depth1 > li .subMenu > div .depth2 > li > ul > li > a{font-size: 14px;padding-left: 16px;line-height: 15px;}
	.gnbArea::after{top:135px}
	.google-translate .drop-box .tip{width: 250px;}
	.google-translate .drop-box.on .tip{right: -50px;}
}

@media screen and (max-width: 480px) {
	.subBody .header{padding: 0 10px;}
	.header .haedArea .logo>a{width: 100px;background-size: 100%;margin-top: 10px;}
	.googleTrans{right: 79px;}
	#google_translate_element{right: 79px;}
	.btnLanguage span{font-size: 12px;}
	.header .headTop .inner .utils li.google{margin-right: 5px;}
	.openLanguageG span{font-size: 12px;}
	/*foot*/
	.footer .inner .fotInfo p{font-size: 15px;}
}

@media screen and (min-width: 1025px) {
	.gnbArea .depth1 > li:nth-child(2) .subMenu > div .depth2 > li{width: 44%;}
	.gnbArea .depth1 > li:nth-child(3) .subMenu > div .depth2 > li{width: 30%;}
	.gnbArea .depth1 > li:nth-child(4) .subMenu > div .depth2 > li{width: 44%;}
}