@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 ExtraBold'), 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: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/Pretendard-Regular.woff2) format('woff2'), url(../font/Pretendard-Regular.woff) format('woff');
}

@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");
}

/*잘난고딕*/
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*어그로체*/
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


/**/
html{font-size: 16px;color:#333}
body{ margin: 0;padding: 0;line-height: 1.2;font-family: "Pretendard", sans-serif;}

/**/
.skip-nav{position:relative;width:100%;z-index:99999;}
.skip-nav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:5px 0; font-style:normal;font-variant:normal;text-align:center;color:#ffffff;background:#000;}
.skip-nav a:active,
.skip-nav a:focus{top:0;text-decoration:none;color:#ffffff;}

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

/*banner*/
.top-banner{display: block; width: 100%;background: url(../images/common/top_banner_bg02.png) repeat-y left top / 100% auto;min-height: 90px ; position:relative;z-index:200;}
.top-banner::before{content:"";display: block; width: 100%;height: 90px ;background:url('../images/common/top_banner_bg05.png') no-repeat left center / 100% auto;position:absolute;left:0;right:0;top:50%;transform:translatey(-50%);z-index:-1;}
.top-banner .inner{max-width: 1400px;padding: 0;height: 100%;margin:0 auto;}
.banner-cont{padding: 0 0 0 165px;height: 100%;min-height:90px; display:flex;align-items: center;flex-wrap: wrap;}
.banner-cont::before{content: "";display: block;position: absolute;bottom:0; width: 132px;height: 70px;transform: translatex(-165px);background: url('../images/common/icon_banner03.png') center no-repeat;}
.banner-cont > .banner-cont-w{height: 100%;column-gap: 20px; display: flex;justify-content: space-between;align-items: center;    flex: 1 1 auto;}
.banner-cont .banner-cont-lf{display:flex;align-items: center;}
.banner-cont p{font-size: 30px;font-weight: 900;color: #fff;padding-right:130px;}
.banner-cont p strong{color:#fff363}
.banner-cont ul li{display: flex;align-items: center; height: 27px;color:#fefefe;font-size: 17px;margin-top:3px;font-weight:400;}
.banner-cont ul li:first-child{margin-top:0;}
.banner-cont ul li strong{display: block;width: 73px;text-align: left;line-height: 27px;margin: 0 15px 0 0;position:relative;font-weight:900;font-size:17px;color:#c1cffe;}
.banner-cont ul li strong::after{content:"";display:block;width:1px; height:12px;background:#fff;position:absolute;right:0;top:6px;}
.banner-cont .btn-banner-link{display: block;width: 144px;}
.banner-cont .btn-banner-link{position: relative; display: flex;align-items: center; padding: 2px 0 2px 22px;width: 130px;height:40px;text-align: center;font-size: 16px;color:#fff;border:1px solid #6878ac}
.banner-cont .btn-banner-link::after{content: "";display: block;position: absolute;right: 20px;top: 50%;width: 16px;height: 12px;background: url('../images/main/arr01.png') center no-repeat;background-size: contain;transform: translateY(-50%) translateX(0);transition: transform 0.3s ease;}
.banner-cont .btn-banner-link:hover {background-color: #101837; }
.banner-cont .btn-banner-link:hover::after {transform: translateY(-50%) translateX(5px); }
.banner-cont .quick-link{display: block;position: fixed;right: 30px;top: 330px;}

.banner-cont .btn-today{display: block;position: absolute;top:50%;right: 20px;color:#fff;line-height: 16px ;transform:translatey(-50%);display:flex;align-items: center;}
.banner-cont .btn-today button{margin-left:20px;}
.banner-cont .btn-today label{font-size:17px;font-weight:300;}
.banner-cont .btn-today input[type="checkbox"]{width: 16px;height: 16px;background-color: #fff;border:0;margin-top: -3px;margin-right:3px;vertical-align: middle;}
.quick-link{display: block;position: fixed;top: 573px;right: 30px;z-index: 90;}
.quick-link a{display: block;position:relative;width:110px;height:131px;background: url('../images/common/light_air02.png') center no-repeat;}
.quick-link a .txt{position:absolute;background:rgb(15,31,87,1);left:50%;bottom:13px;transform:translatex(-50%);width:140px;border-radius:20px;text-align:center;padding:10px 0 15px 0;}
.quick-link a .txt p{font-size:16px;font-weight:500;color:#fff;letter-spacing:-.5px;}
.quick-link a .txt div{font-size:19px;font-weight:400;color:#fff;font-family: 'JalnanGothic';line-height:1.4;padding:5px 0 0 0;}
.quick-link a .txt div span{font-size:19px;color:#77FFFD;}

/* 2025 09 21 msj quick-link-new 생성 start */
.banner-cont .quick-link-new{display: block;position: fixed;right: 30px;top: 330px;}
.quick-link-new{display: block;position: fixed;top: 573px;right: 30px;z-index: 90;}
/*.quick-link-new a{display: block;position:relative;width:110px;height:131px;background: url('../images/common/light_air02.png') center no-repeat;}*/
.quick-link-new a .txt{position:absolute;background:rgb(15,31,87,1);left:50%;bottom:13px;transform:translatex(-50%);width:140px;border-radius:20px;text-align:center;padding:10px 0 15px 0;}
.quick-link-new a .txt p{font-size:16px;font-weight:500;color:#fff;letter-spacing:-.5px;}
.quick-link-new a .txt div{font-size:19px;font-weight:400;color:#fff;font-family: 'JalnanGothic';line-height:1.4;padding:5px 0 0 0;}
.quick-link-new a .txt div span{font-size:19px;color:#77FFFD;}

/* 공통 래퍼 */
.quick-links {position: fixed;right: 30px;bottom: 120px;display: flex;flex-direction: column;gap: 20px;z-index: 90;}

/* 개별 아이콘은 고정 좌표 제거 → 겹침 방지 */
.banner-cont .quick-link-new,
.quick-link-new {position: static !important;top: auto !important;right: auto !important;}
/* 2025 09 21 msj quick-link-new 생성 end */


/*common*/
.wrap{position: relative;}
.inner{width: 100%;max-width: 1400px;margin: 0 auto;}

/*header*/
.header{position: relative; height: 151px;width: 100%;z-index: 100;}
.header::before{content:"";display:block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.6);transition:.1s;visibility: hidden;opacity:0;transition: opacity .1s;z-index:-2;}
.header.overlay::before{transition:.1s;visibility: visible;opacity:1;transition: opacity .05s;z-index:-1;}
.header.overlay2::before{transition:.1s;visibility: visible;opacity:1;transition: opacity .05s;z-index:-1;}
.header.hover{background-color: #fff;}
.header.hover::after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-color: #fff;z-index:-1;}
.header-top{position: relative;  height: 83px;/*border-bottom: 1px solid #a3b9cf;*/}
.header-top .inner{position: relative; display: flex;justify-content: center;align-items: center;max-width:calc(100% - 120px);height: 100%; margin: 0 auto;}
.header-top .logo{width: 248px;height: 44px;background: url('../images/common/logo_h1_03.png') no-repeat left center / 100% auto;}
.header-top .logo a{display: block; height: 100%;}

/*google trans*/
.google{position: absolute;right: 0;}
.VIpgJd-ZVi9od-ORHb-OEVmcd{display: none;}
.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;z-index: 1000;}
.google-translate .drop-box .openLanguageG{position: relative; display:flex;align-items:center;font-size:16px;background-color: #fff;height: 41px;width: 193px;padding: 0 55px 0 15px;border:1px solid #dfdfdf;border-radius: 20px;}
.google-translate .drop-box .openLanguageG span{display: block;color:#666;display:flex;font-weight:300;}
.google-translate .drop-box .openLanguageG::before { content: ''; display: block; width: 98px; height: 17px; background: url("../images/common/google_txt_icon2.png") no-repeat center;margin-top:1px;}
.google-translate .drop-box .openLanguageG::after{content:"";display:block;position: absolute;right: 17px;top:50%;margin: -3px 0 0 0; width:12px;height:7px;background:url("../images/common/arr_google.png") no-repeat center;transition: all 0.5s ease;}
.google-translate .drop-box.expanded .openLanguageG::after {transform: rotate(180deg) ;}
.google-translate .drop-box .translation-links{width:90%;display:none;position:absolute;left:5%;top:41px;z-index: 100; }
.google-translate .drop-box.expanded .translation-links{display:block;background-color: #333;box-shadow: 2px 3px 14px 0px rgba(0, 0, 0, 0.2);}
.google-translate .drop-box.expanded .translation-links li{border:1px solid #ddd;margin-top:-1px;}
.google-translate .drop-box.expanded .translation-links a{color:#333;display:block;padding:5px 15px;margin-top:0;line-height: 1.2 ;background-color: #fff;font-size:14px;font-weight: 500;}
.google-translate .drop-box.expanded .translation-links li:first-child a{margin-top: 0;}
.google-translate .drop-box.expanded .translation-links li:hover a{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;}

/*gnb*/
.header-bot{height: 68px;border-bottom: 1px solid #a3b9cf; position:relative;}
.header-bot .inner{display: flex;justify-content:space-between; height: 100%;max-width:calc(100% - 120px);}
.header-bot .hd-utile{display: flex;align-items: center;justify-content: flex-end; width: 135px;}
.header-bot .hd-utile .btn-opensch{display: block;width: 22px;height: 25px;margin: 0 29px 0 0; background: url('../images/common/icon_search_b.png') center no-repeat;}
.header-bot .hd-utile .btn-sitemap{display: block;width: 25px;height: 21px;margin:0 7px 0 0;background: url('../images/common/icon_sitemap_b.png') center no-repeat;}
.header-bot .hd-utile .btn-opensch.on {background-image: url(../images/common/btn_close_search.png);}
.header-bot .hd-utile .btn-openmenu{display: none;width: 25px;height: 21px;margin:0 7px 0 0;background: url('../images/common/btn_open_menu.png') center no-repeat;}

.hd-setting{position: absolute;top:32px;right:215px; display: flex;}
.hd-setting a{display: block;color:#333;font-weight: 600;font-size:16px;height:23px;line-height:23px;}
.hd-setting a span{font-size:0;display:inline-block;opacity:0;width:1px;height:1px;position:absolute;overflow:hidden;}
.hd-setting a.lang span{font-size:16px; opacity:1;width:auto; height:auto;position:static; overflow:visible;}
.hd-setting .login{display: block;padding:0 0 0 23px;margin: 0 14px 0 0; background: url('../images/common/icon_login_b.png') left center  no-repeat;}
.hd-setting .my{display: block;padding:0 0 0 30px;margin: 0 14px 0 0; background: url('../images/common/icon_mypage_b.png') left center  no-repeat;}
.hd-setting .lang{display: block;padding:0 0 0 22px;background: url('../images/common/icon_lang_b.png') left center  no-repeat;}
.hd-setting .btn-clsmenu{display: none;width: 23px;height: 23px;background: url('../images/common/btn_close_menu.png') center no-repeat;}
.gnb-cont{padding: 0 8% 0 17.5%;flex: 1 1 auto;margin-right:30px;}
.gnb {display: flex;}
.gnb > li{flex:1 1 auto;padding: 0;}
.gnb > li > a{position: relative;color: #333;font-size: 20px;font-weight: 500;padding:0;display: flex;justify-content: center;}
.gnb > li > a span{padding:  0 15px;display:block;position: relative;height: 68px;display: flex;align-items: center;}
.gnb > li > a span::after {content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: #4273b4;transition: all 0.3s ease;transform: translateX(-50%);}
.gnb > li .submenu-box.on{display: block;}
.gnb > li .submenu-box{display: none;position: absolute;top:100%;left:0; width: 100%;background-color: #fff;border-top: 1px solid #dfdfdf;overflow:hidden;z-index: 1;}
.gnb > li .submenu-box .inner{position: relative; max-width: 1670px;}
.gnb > li .submenu-box .inner{display: flex;padding:50px 135px 0 0;}
.gnb > li .submenu-box .inner .gnb-title{width: 390px;min-height: 300px; display:block;margin-right:34px;padding:0 20px;background: url('../images/common/deco_gnb_logo.png') left bottom no-repeat;font-size: 40px;color:#fff;text-align: center;font-weight: 600;position:relative;z-index:0;}
.gnb > li .submenu-box .inner .gnb-title::before{content:"";display:block;width:1200px;background:#273d88;position:absolute;right:0;top:-1000px;bottom:-1000px;z-index:-2;}
.gnb > li .submenu-box .inner .gnb-title::after{content:"";display:block;width:100%;height:100%;background: url('../images/common/deco_gnb_logo.png') right 52px bottom 38px no-repeat;position:absolute;right:0;top:0;bottom:0;z-index:-1;}
.gnb > li .submenu-box .depth2{width: calc(100% - 390px);display: flex;flex-wrap: wrap;align-content: flex-start;padding-bottom:40px;margin-left:-34px;flex:1 1 auto;}
.gnb > li .submenu-box .depth2 > li{flex: 0 1 calc(25% - 34px);margin-left:34px;min-height:190px;padding-bottom:30px;}
.gnb > li .submenu-box .depth2 > li > a{position: relative; display: block;display:flex;align-items: center;justify-content: center;min-height: 50px;border:1px solid #f3f3f3;background:#f3f3f3;color:#222;font-size:18px;padding:5px 10px;text-align:center;}
.gnb > li .submenu-box .depth2 > li > a::after{content: "";display: none;position: absolute;right:25px;top:50%;margin: -3px 0 0 0; width: 11px;height: 7px;background: url('../images/common/arr_submenu.png');transition: all 0.2s ease;}
.gnb > li .submenu-box .depth2 > li.has-ch > a::after{display: none;}
.gnb > li .submenu-box .depth2 > li:hover > a,
.gnb > li .submenu-box .depth2 > li > a:hover,
.gnb > li .submenu-box .depth2 > li > a:focus-visible,
.gnb > li .submenu-box .depth2 > li.open > a{background-color: #4273b4;color:#fff;border-color: #4273b4;}
.gnb > li .submenu-box .depth2 > li.has-ch > a:focus::after,
.gnb > li .submenu-box .depth2 > li.has-ch > a:hover::after{background: url('../images/common/arr_submenu_on.png');}
.gnb > li .submenu-box .depth2 > li.open > a::after{transform: rotatex(180deg);background: url('../images/common/arr_submenu_on.png');}
.gnb > li .submenu-box .depth2 .depth3{display: block; padding: 8px 0 0 0;}
.gnb > li .submenu-box .depth2 .depth3 > li{margin: 12px 0 0 0; padding:  0 10px 0 0;}
.gnb > li .submenu-box .depth2 .depth3 > li > a{position: relative; display: block;padding: 0 0 0 10px; font-size:16px ;color:#555;font-weight: 500;}
.gnb > li .submenu-box .depth2 .depth3 > li > a::before{content: "";display: block;position: absolute;left:0;top:8px; width: 6px;height: 2px;background-color:#555 ;}
.gnb > li .submenu-box .depth2 .depth3 > li > a:hover{color:#283e89;text-decoration:underline;text-underline-offset: 4px;}
.gnb > li .submenu-box .depth2 .depth3 > li > a:hover::before{background:#283e89;}
.gnb > li .submenu-box .depth2 .depth3 .depth4 {padding-left:10px;}
.gnb > li .submenu-box .depth2 .depth3 .depth4 > li {margin-top:8px;}
.gnb > li .submenu-box .depth2 .depth3 .depth4 > li > a{position:relative;font-size:16px;font-weight:300;padding-left:8px;font-size:15px;}
.gnb > li .submenu-box .depth2 .depth3 .depth4 > li > a::before{content: "";display: block;position: absolute;left:0;top:6px; width: 4px;height: 4px;border-radius:50%;background-color:#555 ;}
.gnb > li .submenu-box .depth2 .depth3 .depth4 > li > a:hover{text-decoration:underline;text-underline-offset: 3px;}

.gnb > li > a.link span{padding-right:26px;}
.gnb > li > a[target="_blank"] span::before{content:"";display:block;width:18px;height:18px;position:absolute;right:0;top:50%;transform:translatey(-50%);background: url('../images/common/blank_icon03.png') no-repeat left bottom / 100% auto;}
.gnb > li .submenu-box .depth2 > li > a[target="_blank"] span::after{content:"";display:inline-block;width:17px;height:17px;margin-left:7px;transform:translatey(1px);background: url('../images/common/blank_icon.png') no-repeat left bottom/ 100% auto;}
.gnb > li .submenu-box .depth2 > li > a[target="_blank"]:hover span::after,
.gnb > li .submenu-box .depth2 > li > a[target="_blank"]:focus span::after{background-position:top;}
.gnb > li .submenu-box .depth2 .depth3 a[target="_blank"]::after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align: middle;margin-top: -4px;background: url('../images/common/blank_icon03.png') no-repeat left bottom/ 100% auto;}
.gnb > li .submenu-box .depth2 .depth3 a[target="_blank"]:hover::after,
.gnb > li .submenu-box .depth2 .depth3 a[target="_blank"]:focus::after{background-position:0 -16px;}

.hover .gnb > li > a[target="_blank"] span::before { background-position:0 -36px;}
.hover .gnb > li > a.in[target="_blank"] span::before { background-position:0 -18px;}

/*main*/
#main .header{position:absolute;top:0;z-index:10;}
#main .header::after{content:"";display:none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #fff;z-index:-1;}

#main .header.hover::after{display:block;}

/*검색창*/
.search-box {display: none; position: absolute;width: 100%; top: 100%;left:0;background-color: #fff;}
.search-box.on{display: block;border-top:1px solid #d5d5d5;}
.search-box > div{position: relative;width: 100%;max-width: 1670px;margin:0 auto;padding: 62px 0 ; }
.search-box .intBox{display: flex;  height: 55px; max-width: 620px;border-bottom:2px solid #0042a6; overflow: hidden;margin: 0 auto;}
.search-box .intBox input[type=text]{display: block;height: 100%;width: calc(100% - 45px);padding: 10px 10px 10px 0;border: 0;font-size: 1.125rem;}
.search-box .intBox input[type=text]:focus{outline:none;}
.search-box .intBox input::placeholder{color:#999}
.search-box .intBox .btn-topsearch{ display: block; width: 45px;height: 100%;background:  url(../images/common/btn_search.png) center no-repeat;}
.search-box > div .btn-cloearch{position: absolute;right: 7px;top:25px;display: none; width: 23px;height: 23px;background:  url(../images/common/btn_close_search.png) center no-repeat;}

/* 사이트맵 */
.sitemap-popup{display:none;position:fixed;z-index:202;top: 50%; left: 50%; transform: translate(-50%, -50%);max-width:1400px;width:100%;height:75%;padding:20px 20px 20px 50px;background:#fff;}
.sitemap-popup.show{display:block;}
.sitemap-popup .sp-head{margin:10px 0;font-size:46px;color:#111111;font-weight:700;padding-right:40px;}
.sitemap-popup .sp-body{overflow-y:auto;padding-right:45px;height:calc(100% - 84px);}
.sitemap-popup .sp-body::-webkit-scrollbar {width: 8px;}
.sitemap-popup .sp-body::-webkit-scrollbar-track{background:#f3f3f3;} 
.sitemap-popup .sp-body::-webkit-scrollbar-thumb{background:#3e3e3e;}
.sitemap-popup .sp-body::-webkit-scrollbar-thumb:hover{background:#202020;}
.sitemap-popup .sp-body .cont{border-top:1px solid #e1e1e1;padding:15px 0;display:flex;gap:20px;}
.sitemap-popup .sp-body .cont .name{margin-top: 5px;width:160px;flex:0 0 auto;font-size:30px;color:#111111;font-weight:700;line-height:1.2;}
.sitemap-popup .dep1{display:flex;flex-wrap:wrap;gap:20px;width:100%;}
.sitemap-popup .dep1 > li{width:calc((100% - 20px * 4) / 5);}
.sitemap-popup .dep1 > li > a{display:block;width:100%;min-height:50px;line-height: 1.3;text-align:center;font-size:18px;color:#111111;background:#f3f3f3;padding: 5px 10px;display: flex;justify-content: center;align-items: center;}
.sitemap-popup .dep2{min-height:90px;margin-top:10px;}
.sitemap-popup .dep2 > li + li{margin-top:8px;}
.sitemap-popup .dep2 > li > a{display:block;font-size:16px;color:#555555;padding-left:10px;position:relative;}
.sitemap-popup .dep2 > li > a::before{content:'';position:absolute;top:8px;left:0;width:6px;height:2px;background:#555555;}
.sitemap-popup .close-btn{position:absolute;right:25px;top:25px;transition: 0.3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content: center;align-items: center;overflow:hidden;}
.sitemap-popup .close-btn img{width:27px;height:27px;}
.sitemap-popup .close-btn:hover{transform: rotate(90deg);}
.sitemap-popup .dep2 > li > a:hover{text-decoration:underline;}
.sitemap-popup .dep1 > li > a[target="_blank"]{padding-right:35px;position:relative;}
.sitemap-popup .dep1 > li > a[target="_blank"]::after {content: "";display: block;width: 18px;height: 18px;position: absolute;right: 10px;top: calc(50% - 2px);transform: translatey(-50%);background: url(../images/common/blank_icon03.png) no-repeat left bottom / 100% auto;}
.sitemap-popup .dep2 > li > a[target="_blank"]{position:relative;}
.sitemap-popup .dep2 > li > a[target="_blank"]::after {content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/common/blank_icon03.png) no-repeat left bottom / 100% auto;margin:0 0 -2px 6px;}
.eng .sitemap-popup .sp-body .cont .name{font-size:26px;}
.eng .sitemap-popup .dep1 > li{width:calc((100% - 20px * 4) / 3);}
.blackmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);z-index:201;}
.blackmed.show{display:block;}

/*footer*/
.footer{background-color: #222;}
.footer .footer-top{border-bottom: 1px solid #434343;}
.footer-menu{display: flex;align-items: center; min-height: 65px;height:auto;padding:7px 0;flex-wrap: wrap;}
.footer-menu > li{position: relative;margin: 5px 0 5px 48px;}
.footer-menu > li:first-child{margin-left: 0;padding-left: 0;}
.footer-menu > li::before{content: "";position: absolute;left:0 ;top:2px; display: none;height: 16px;width: 1px;background-color: #707070;}
.footer-menu > li:first-child::before{display: none;}
.footer-menu > li > a{display: block;color: #fff;font-size: 17px;font-weight:300;}
.footer-menu > li:nth-child(2) > a{color: #ff7e00;font-weight:700;}
.footer-bot .inner{position: relative; display: flex;padding: 24px 0 40px 0;}
.foot-cont{width: 50%;padding-right:30px;}
.foot-cont .foot-logo{display: inline-flex;align-items: center;height:50px;}
.foot-cont.kiast .foot-logo img{max-width:240px;}
.foot-cont p{letter-spacing:-1px;;}
.foot-cont .foot-info{margin: 20px 0;color: #ffffff;font-size:17px;font-weight: 400;line-height: 1.5;min-height:51px;}
.foot-cont .foot-info span{display: block;}
.foot-cont .foot-info-eng {color:#fff;opacity:.3;font-size:15px;font-weight:300;letter-spacing:-.8px;}
.logo-wa-wrap{display:flex; align-items: flex-end;}
.logo-wa-wrap .logo-wa{transform:translatey(5px);}

/****************************/
@media screen and (max-width: 1818px) {
	.top-banner {padding:15px 0;}
	.banner-cont > .banner-cont-w { width: 100%;padding-right: 200px;}
	.banner-cont .banner-cont-lf {}
	.banner-cont .btn-banner-link {position: absolute;right: 63px;top:20px;}
	.banner-cont .btn-today {transform: translatey(0);top: auto;bottom: 18px;right: 10px;}
	.gnb-cont {padding: 0 5% 0 14.5%;}
}

@media screen and (max-width: 1680px) {
	.top-banner .inner{padding: 0 10px;}
	.header-top .inner {max-width: none;width:100%;}
	.google{right: 10px;}
	.header-bot .inner {max-width: none;width:100%;}
	.header-bot .hd-setting{right: 225px;transform: none;}
	.gnb-cont{padding: 0 35px;width: calc(100% - 135px);margin: 0 0 0 30px;}
	.gnb{display: flex;width: 100%;justify-content: space-around;}
	.gnb > li{padding: 0 ;}
	.gnb > li .submenu-box .inner .gnb-title{width: 250px;font-size: 1.75rem;margin-right:30px;}
	.gnb > li .submenu-box .inner .gnb-title::after {background-size: 150px;background-position: right 27px bottom 25px;}
	.gnb > li .submenu-box .depth2{width: calc(100% - 250px);margin-left:-30px;}
	.gnb > li .submenu-box .depth2 > li {flex: 0 1 calc(25% - 30px);margin-left:30px;}
	.header-bot .hd-utile {padding-right: 15px;}
	
}

@media screen and (max-width: 1415px) {
	.banner-cont p {padding-right: 40px;font-size:28px;}
	.footer .inner{padding-left:40px ;padding-right: 40px}
	
}

@media screen and (max-width: 1280px) {
	.header-top .inner { justify-content: flex-start;}
	.header-top .logo {transform: translatex(20px);}
	.top-banner {padding: 15px 0 10px 0;}
	.top-banner::before {background-size:121% auto;}
	.banner-cont{padding-left: 175px;}
	.banner-cont > .banner-cont-w { align-items: flex-start;}
	.banner-cont .banner-cont-lf { flex-wrap: wrap;transform: translatey(0);}
	.banner-cont .btn-today { padding-top: 0; margin-top:-20px;transform: translatey(0);}
	.banner-cont p{width: 100%;}
	.banner-cont ul{width: 100%;padding-top: 5px;}
	.banner-cont ul li { height: 24px;}
	.banner-cont ul li strong {line-height:24px;}
}

@media screen and (max-width: 1200px) {
	.gnb-cont{padding: 0 15px;width: calc(100% - 10px);margin: 0 10px;}
	.gnb > li > a{font-size:21px;}
	.gnb > li > a span{padding:0 5px;}
	.gnb > li .submenu-box .inner{padding: 40px 15px;}
	.gnb > li .submenu-box .inner .gnb-title{display: none}
	.gnb > li .submenu-box .depth2{width: 100%;padding: 0 10px 20px 10px;}
	.header-bot .hd-utile{width: 90px;}
	.header-bot .hd-utile .btn-opensch{margin-right: 10px;}

}

@media screen and (max-width: 1024px) {

	html{font-size: 14px}
	html.menuOpen{overflow: hidden;}
	html.menuOpen .mbMask{display: block}
	.top-banner{display: none;}
	.quick-link{display: none}
	
	.header{height: 96px;position: relative;}
	.menuOpen .header.overlay::before{z-index: 2;}
	#main .header{position: relative;}
	.header-top{background-color: #fff;height: 100%;border-bottom: 0;}
	.header-top .inner{justify-content: flex-start;padding-left: 40px;}
	.header-top .logo {background-image: url(../images/common/logo_h1.png) ;width: 190px;transform: translatex(0);}
	.google{right: 100px;z-index: 1;}
	.header-top .hd-setting{display:none;}


	.header-bot{height: auto;border-bottom: 0;}
	.header-bot .hd-setting{position: relative;right:inherit;top: 0;align-items: center; width: 100%;height:97px;background-color: #2e2d2d;padding: 0 0 0 26px; font-size: 16px;}
	.header-bot .hd-setting .google{display: none;}
	.hd-setting a span {font-size: 16px;display:block;opacity: 1;width: auto;height: auto;position: static;overflow: visible;}
	.header-bot .hd-setting .btn-clsmenu{display: block;position: absolute;right: 24px;}
	.header-bot .hd-utile{position: absolute;top: -60px;right: 20px;padding-right: 0;}
	.header-bot .hd-utile .btn-sitemap{display: none;}
	.header-bot .hd-utile .btn-openmenu{display: block;margin-right: 0;}
	.header-bot .hd-utile .btn-opensch{margin-right: 12px; background-image: url(../images/common/icon_search_b.png);}
	.header-bot .hd-setting .btn-clsmenu{display: block;}
	.header-bot .hd-setting .login{color:#fff;background: url(../images/common/icon_login_w.png) left center no-repeat;}
	.header-bot .hd-setting .my{color:#fff;background: url(../images/common/icon_mypage_w.png) left center no-repeat;}
	.header-bot .hd-setting .lang{color:#fff;background: url(../images/common/icon_lang_w.png) left center no-repeat;}
	.gnb-cont{display: none;position: fixed;top: 0;right: 0;background: #0f4c89;width: calc(100% - 50px);height: 100%;min-width: 320px;overflow-y: scroll !important;margin: 0;padding: 0;z-index: 105;}
	.gnb {display: block;position: relative;z-index: 5;padding: 0;}
	.gnb > li {display: block; margin: 0; width: 45%;max-width: none;height: auto;margin-bottom: 0;padding:0;}
	.gnb > li.on{background-color: #fff;}
	.gnb > li.on > a{color: #000;}
	.hover .gnb > li.on> a.in {color: #000;}
	.gnb > li > a{position: relative;width: 100%;min-height: 67px;  color: #fff;padding: 0 30px 0 15px;text-align: left;border-bottom: 1px solid #33608d;padding-right: 30px;font-size:19px;justify-content: flex-start;}
	.gnb > li > a:after{display: none;}
	.gnb > li > a > span{position: relative; }
	.gnb > li.current > a {color: #f7c84c;}
	.gnb > li.current > a > span::after{content: "";display: block;width:100%;height: 3px;background-color: #f7c84c;}
	.gnb > li .submenu-box .inner .gnb-title{display: none;}
	.gnb > li .submenu-box{width: 55%;top: 0;left: 45%;border-top: none;background: transparent;}
	.gnb > li .submenu-box .inner{display: block;padding: 0;}
	.gnb > li .submenu-box .depth2{display: block;width: 100%;padding: 17px;margin:0;}
	.gnb > li .submenu-box .depth2 > li{margin: 0;min-height: auto;padding-bottom: 0;}
	.gnb > li .submenu-box .depth2 > li > a{min-height: 48px;border:0;border-bottom: 1px solid #e6e6e6;font-size:18px ;padding: 5px 28px 5px 10px;text-align: left;background: transparent;justify-content: flex-start;}
	.gnb > li .submenu-box .depth2 > li.has-ch > a::after{display: block;}
	.gnb > li .submenu-box .depth2 .depth3{padding: 10px 0 17px 0; background-color: #f3f6ff;border-bottom: 1px solid #e6e6e6;display:none;}
	.gnb > li .submenu-box .depth2 .depth3 > li {margin: 10px 0 0 0;padding: 0 15px}
	.gnb > li .submenu-box .depth2 .depth3 > li > a{font-size: 17px;}
	.gnb-wrap::after {content: "";display: block;width: 55%;height: 100%;position: absolute;right: 0;top: 97px;z-index: 1;background-color: #fff;}
	.gnb > li .submenu-box .depth2 > li.has-ch > a::after{right: 9px;}
	.gnb > li  > a.link span{padding-right:5px;}
	.gnb > li  > a[target="_blank"] span::before{right:-22px;background-position: top;}
	.gnb > li.on  > a[target="_blank"] span::before{background-position:bottom;}
	.gnb > li .submenu-box .depth2 > li > a[target="_blank"]::before { right: 4px;width:17px;height:17px;}

	.search-box{top:0;}
	.search-box > div{padding:33px  50px;}
	.search-box > div .btn-cloearch{right: 17px;top:42px}
	.search-box .intBox{height: 48px;width: 100%;max-width: inherit;}

	.footer .inner{padding:25px 25px 40px 25px;flex-wrap: wrap;justify-content: space-between;}
	.footer .inner .foot-cont{width: 50%;padding-right: 3%;}
	.footer .inner .kiast{position: relative;padding-left: 3%;padding-right: 0;}
	.footer .inner .kiast::before{content: "";display: block;position: absolute;left:0;top:0;width: 1px;height: 100%;background-color: #616161;}

	.footer .footer-top .inner{padding-top: 0;padding-bottom: 0;}
	.footer-menu > li > a{font-size: 16px;}
	.foot-cont .foot-info{font-size: 16px;}
	.logo-wa-wrap {width: 100%;padding: 20px 0 0 0; justify-content: center;}
	.logo-wa-wrap .logo-wa{position:static;transform: translatey(0);}
}

@media screen and (max-width: 768px) {
	.header-top .inner{justify-content: flex-start;padding-left: 10px}
	.header-bot .hd-utile{right: 10px;}
	.google{right: 85px;}
	.google-translate .drop-box .openLanguageG{height: 33px;width: 142px;padding: 0 24px 0 11px;font-size:14px;}
	.google-translate .drop-box .openLanguageG::after{right: 8px;}
	.google-translate .drop-box.expanded .translation-links{border-top: 1px solid #333;}

	.footer-menu{justify-content: center;}
	.footer-menu > li { margin-left:20px;}
	.footer-menu > li > a{}
	.logo-wa{display: block;width: 80px;position: relative;top:inherit;margin: 0 auto;}
	.footer-bot .inner{display: block;padding: 0 20px 40px 20px;}
	.footer .inner .foot-cont{display: flex; width: 100%;padding: 0;flex-wrap: wrap;padding: 0 0 0 155px;position:relative;margin-top:15px;}
	.footer .inner .kiast{padding-top: 15px ;margin-top: 15px;margin-bottom: 15px;border-top:1px solid #434343;}
	.foot-cont.kiast .foot-logo{top:20px;}
	.footer .inner .kiast::before{display:none;}
	.foot-cont.kiast .foot-logo img { max-width: none;width:100%;}
	.foot-cont .foot-logo{width: 130px;position:absolute;left:0;top:0;height: auto;}
	.foot-cont p{width:100%;flex:1 1 auto;}
	.foot-cont .foot-info{margin: 0 0 10px 0;min-height:auto;}
	.foot-cont .foot-info-eng {margin-top: 0;}
	.quick-links {display:none;}
	.slide-pop {display:none;}
	.pop-inner {display:none;}  
}

@media screen and (max-width: 480px) {
	.google{top:5px;right:10px}
	.google-translate .drop-box .openLanguageG{height: 28px;}
	.google-translate .drop-box .translation-links{top:29px}
	.google-translate .drop-box .tip{width: 200px;padding: 10px;}
	.header-top .logo{width: 165px;background-size: 100%;margin-top:30px;}
	.header-bot .hd-utile{top:-46px}
	.gnb-cont{width: 100%;}
	.search-box > div{padding: 25px;}
	.search-box > div .btn-cloearch{top: 27px;right: 9px;}

	.footer-bot .inner {padding: 0 10px 35px 10px;}
	.footer .inner .foot-cont {padding-left:150px;}

}


@media screen and (min-width: 1025px) {	
	#main .header-top .logo{width: 248px;height: 44px;background-image: url('../images/common/logo_h1_03.png');}
	#main .hover .header-top .logo{background-image: url('../images/common/logo_h1_03.png') ;}
	#main .hd-setting a{color:#fff;height:23px;}
	#main .hd-setting .login{background: url('../images/common/icon_login_w.png') left center  no-repeat;}
	#main .hd-setting .lang{background: url('../images/common/icon_lang_w.png') left center  no-repeat;}
	#main .header-bot{border-bottom:1px solid rgba(255, 255, 255, .2);}
	#main .gnb > li> a{color:#fff}
	#main .google-translate .drop-box .openLanguageG{border-color:#dfdfdf}
	#main .google-translate .drop-box.expanded .translation-links a{color:#333}
	#main .google-translate .drop-box.expanded .translation-links a:hover{color:#fff}
	#main .header-bot .hd-utile .btn-opensch{background: url('../images/common/icon_search_w.png') center no-repeat;}
	#main .header-bot .hd-utile .btn-sitemap{background: url('../images/common/icon_sitemap_w.png') center no-repeat;}
	#main .hover .hd-setting a{color:#333}
	#main .gnb > li > a[target="_blank"] span::before{background-position:top;}
	#main .hover .gnb > li > a[target="_blank"] span::before { background-position:0 -36px;}
	#main .hover .gnb > li > a.in[target="_blank"] span::before { background-position:0 -18px;}
	#main .hover .hd-setting .login{background: url('../images/common/icon_login_b.png') left center  no-repeat;}
	#main .hover .hd-setting .my{background: url('../images/common/icon_mypage_b.png') left center  no-repeat;}
	#main .hover .hd-setting .lang{background: url('../images/common/icon_lang_b.png') left center  no-repeat;}
	#main .hover .header-bot{border-bottom: 1px solid #d5d5d5; }
	#main .hover .gnb > li> a{color:#333;}
	#main .hover .gnb > li> a.in{color:#4273b4;}
	#main .hover .google-translate .drop-box .openLanguageG{border-color:#dfdfdf}
	#main .hover .header-bot .hd-utile .btn-opensch{background: url('../images/common/icon_search_b.png') center no-repeat;}
	#main .hover .header-bot .hd-utile .btn-opensch.on{background-image: url('../images/common/btn_close_search.png') ;}
	#main .hover .header-bot .hd-utile .btn-sitemap{background: url('../images/common/icon_sitemap_b.png') center no-repeat;}
	.gnb > li > a.in span::after {width: 100%;}
	.hover .gnb > li> a.in{color:#4273b4;}

}