@charset "utf-8";

.body-wrap { position: relative; width: 100vw; overflow: hidden; padding-top: 320px; }
.header:not(:has(.header-campaign)) + #smooth-wrapper .body-wrap {padding-top: 134px}
.page-back-color { display: block; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: -1; background-color: #fff; }
#smooth-wrapper { width: 100%; overflow-x: hidden; }
.default-wrap.new { position: relative; padding-left: 24px; padding-right: 24px; max-width: 1384px; width: 100%; margin-left: auto; margin-right: auto; }
.default-wrap.new.small { max-width: 1166px; }
.default-wrap.new.big { max-width: 1478px; }
.base-wrap:has(.no-floatingbtn) .btn-page-top { display: none;}

.btn-page-top { display:flex; flex-direction: column; align-items: center; gap:10px; opacity: 1; position: fixed; bottom: 27px; right: 22px; z-index: 1001; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.2)) ; -webkit-filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.2)); }
.btn-float-top {  width: 48px; height: 48px; background-color: #fff; border: 1px solid #D1D5DB; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background-image: url(../../img/campaign/icon_top.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; margin-top: 20px; }
.btn-float-chest {  width: 48px; height: 48px; background-color: #F7E600; border: 1px solid #D1D5DB; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background-image: url(../../img/campaign/img_float_chest.png); background-repeat: no-repeat; background-position: center; }
.btn-float-kakao { width: 48px; height: 48px; background-color: #fff; border: 1px solid #D1D5DB; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background-image: url(../../img/campaign/img_float_kakao.png); background-repeat: no-repeat; background-position: center; }
.btn-float-kakao img { display: none; }
.btn-float-letter {  width: 48px; height: 48px; background-color: #fff; border: 1px solid #D1D5DB; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background-image: url(../../img/campaign/img_float_letter.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.btn-page-top > a { position: relative; }
.btn-page-top > a > .tip-text { opacity: 0;  visibility: hidden; border: 1px solid #d1d5db; position: absolute; left: -140px; top: calc(50% - 24px); width: 125px; height: 48px; background-color: #fff; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; color: #252525; transition: opacity .3s ease-in;}
.btn-page-top > a:hover > .tip-text { opacity: 1; visibility: visible; }

.redball-wrap { position: absolute; display: block; width: 800px; height: 800px; left: -100px; top: -100px; transform-origin: 50% 50%; opacity: .8; animation: redballRotate 10s infinite linear; -webkit-animation: redballRotate 10s infinite linear; z-index: -1; }
@keyframes redballRotate {
	0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
	100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
/* .redball-wrap.opend { opacity: 0 !important; } */
.redball { position: absolute; width: 500px; height: 500px; transform: translate(-50% , -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: radial-gradient(ellipse at center, rgb(250, 51, 51) 0%, rgba(250, 51, 51, 0) 60%); mix-blend-mode: multiply; }
.redball.redball-1 { top: 50%; left: calc(50% - 150px); animation: redballScale 30s infinite linear; -webkit-animation: redballScale 30s infinite linear; }
.redball.redball-2 { top: calc(50% - 238px); left: 50%; }
.redball.redball-3 { top: 50%; left: calc(50% + 178px); }
/* .redball.redball-1 { top: 0; left: 160px; animation: redballScale 30s infinite linear; -webkit-animation: redballScale 30s infinite linear; }
.redball.redball-2 { top: 260px; left: 300px; }
.redball.redball-3 { top: 260px; left: 0; } */
@keyframes redballScale {
	0% { transform: translate(-50% , -50%) scale(1); -webkit-transform: translate(-50% , -50%) scale(1); -moz-transform: translate(-50% , -50%) scale(1); -ms-transform: translate(-50% , -50%) scale(1); -o-transform: translate(-50% , -50%) scale(1); }
	50% { transform: translate(-50% , -50%) scale(0.6); -webkit-transform: translate(-50% , -50%) scale(0.6); -moz-transform: translate(-50% , -50%) scale(0.6); -ms-transform: translate(-50% , -50%) scale(0.6); -o-transform: translate(-50% , -50%) scale(0.6); }
	100% { transform: translate(-50% , -50%) scale(1); -webkit-transform: translate(-50% , -50%) scale(1); -moz-transform: translate(-50% , -50%) scale(1); -ms-transform: translate(-50% , -50%) scale(1); -o-transform: translate(-50% , -50%) scale(1); }
}
.redball-wrap.old { width: 545px; height: 510px; z-index: 0; left: 0; top: 0; }
.redball-wrap.old .redball { width: 267px; height: 267px; background: #fff; filter: blur(10px); }
.redball-wrap.old .redball.redball-1 { animation: none; -webkit-animation: none; top: 40%; left: calc(50% - 180px); }
.redball-wrap.old .redball.redball-2 { top: calc(50% - 238px); }
.redball-wrap.old .redball.redball-3 { left: calc(50% + 73px); }

/* header */
.header{width:100%; padding:0 0 0 30px; position: sticky; left:0; top:0; border-width:0 0 1px; border-style:solid ; justify-content:space-between; align-items:center; z-index:99999; transition:all .2s; height:100px; background:#fff; border-color:#ddd;}
/* .header::before{content:''; display:block; width:100vw; height:100vh; background:rgba(0,0,0,.6); position:absolute; top:100%; left:0; pointer-events:none; opacity:0; visibility:hidden; transition:all .2s;} */
.header::after{content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; right:89px; pointer-events:none; transition:all .2s;}
.header.type2::after { display: none; }

.header.over::before{opacity:1; visibility:visible;}

/*
.header.type1{border-color:rgba(255, 255, 255, .2);}
*/
/*
.header.over,
.header.type2{border-color:#ddd;}

.header.over,
.scrolling .header{background:#fff;}

.header.over::after,
.scrolling .header::after{opacity:1;}
*/

.header__logo{display:block; margin:0;    position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
/* .header__logo a{display:block; text-indent:-9999px; overflow:hidden; width:150px; height:37px; background-repeat:no-repeat; background-position:0 0; transition:all .2s; background-image:url('/common/img/intro/logo.png'); background-size: 100%;} */
.header__logo a{display:block; text-indent:-9999px; overflow:hidden; width:170px; height:56px; background-repeat:no-repeat; background-position:0 0; transition:all .2s; background-image:url('/common/img/intro/logo.png'); background-size: 100%;}
/*
.type1 .header__logo a{background-image:url('../images/header_logo1.png');}
.over .header__logo a,
.type2 .header__logo a{background-image:url('../images/header_logo2.png');}
*/

html.opend, body.opend{overflow: hidden}
html.opend .header__nav::before{display: none}
.header__nav{transition:all .2s;     max-width: 1400px;margin: 0 auto;padding-left: 255px;}
.header__nav::before{content:''; display:block; height:430px; width:100%; position:absolute; top:100%; left:0; background:#fff; border-top:1px solid #ddd; pointer-events:none; opacity:0; visibility:hidden; transition:all .2s;border-bottom: 3px solid #cb0802;}
.menuOver .header__nav::before{opacity:1; visibility:visible;}
.header__menu{display:flex; /* gap:88px; */}
.header__menu > li{}
.header__menu > li:last-child{margin-right: 0;}

.header__menu > li.sm_foot{display: none}
.header__menu > li > button,
.header__menu > li > a{font-size:20px; font-weight:500; line-height:1; height:100px; display:flex; align-items:center; transition:all .2s; position:relative; color:#333;}
.header__nav:not(.sitemapVer) .header__menu > li > button,
.header__nav:not(.sitemapVer) .header__menu > li > a{padding:0 44px;}
.header__menu > li > button::after.
.header__menu > li > a::after{content:''; display:block; width:calc(100% - 88px); height:3px; background:#df0808; position:absolute; left:50%; transform:translateX(-50%); top:65px; max-width:0;}

.header__nav.new { display: none; }
.header__nav.new .btn-close { display: none; }

.sitemapVer .header__menu > li.sm_foot{display: block}
.sitemapVer .header__menu > li.sm_foot .depth2__item > li{padding-bottom: 0; margin-bottom: 15px; border-bottom: 0;}
.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a{position: relative;font-size: 16px;font-weight: normal;color: #888;display: inline-block;}
.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a::after{content:''; display:block; width:100%; height:2px; background:#df0808; position:absolute; left:0; bottom:-5px; opacity:0; transition:all .2s;}

.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a:hover,
.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a:focus{color:#df0808;}
.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a:hover::after,
.sitemapVer .header__menu > li.sm_foot .depth2__item > li >a:focus::after{opacity:1;}
/*
.type1 .header__menu > li > button{color:#fff;}
.over .header__menu > li > button,
.type2 .header__menu > li > button{color:#333;}
*/

.header__menu > li > button.active,
.header__menu > li > a.active{color:black;}
.header__menu > li > button.active::after,
.header__menu > li > a.active::after{max-width:100%;}

.header__menu .depth2{display:flex; opacity:0; visibility:hidden; width:100%; position:absolute; top:100%;/* background:#fff; */ left:0; border-top:1px solid #ddd; pointer-events:none;/* transition:all .2s; */height: 427px;}

.header__menu > li > button.active + .depth2,
.header__menu > li > a.active + .depth2{opacity:1; visibility:visible; pointer-events:auto;}

.header__menu .depth2 .layout{display:flex;}
.header__menu .depth2__title{width:280px; font-size:32px; color:#000033; font-weight:500; line-height:1; padding:60px 60px 60px 0; display:flex; flex-direction:column;justify-content: flex-start; border-right:1px solid #e7e7e7;}
.header__menu .depth2__title::after{content:''; display:block; height:120px; background-repeat:no-repeat; background-position:0 0; margin-left:auto; margin-top:20px;}

.header__menu .depth2__title.campaign::after{width:116px; background-image:url('../images/gnb_icon_1.png');}
.header__menu .depth2__title.donation::after{width:122px; background-image:url('../images/gnb_icon_2.png');}
.header__menu .depth2__title.business::after{width:108px; background-image:url('../images/gnb_icon_3.png');}
.header__menu .depth2__title.love::after{width:120px; background-image:url('../images/gnb_icon_4.png');}

.header__menu .depth2__item{flex:1; display:flex;}
.header__menu .depth2__item > li{/* flex:1; */ border-right:1px solid #e7e7e7; padding:30px; transition:all .2s;width: 240px;}
.header__menu .depth2__item > li:hover,
.header__menu .depth2__item > li.over{background:#fef7f7;}
.header__menu .depth2__item > li > a{font-size:18px; color:#000033; line-height:1; font-weight:500; display:block;}

.header__menu .depth3{margin-top:20px;}
.header__menu .depth3 > li{display:flex;}
.header__menu .depth3 > li:not(:last-child){margin-bottom:15px;}
.header__menu .depth3 > li > a{font-size:16px; color:#888; line-height:1; display:block; transition:all .2s; position:relative;padding-left: 0;}
.header__menu .depth3 > li > a::before{content:'·';  font-size:inherit; color:inherit; line-height:inherit;position: absolute;top: 0;left: 0; display: none;}
.header__menu .depth3 > li > a::after{content:''; display:block; width:100%; height:2px; background:#df0808; position:absolute; left:0; bottom:-5px; opacity:0; transition:all .2s;}

.header__menu .depth3 > li > a:hover,
.header__menu .depth3 > li > a:focus{color:#df0808;}
.header__menu .depth3 > li > a:hover::after,
.header__menu .depth3 > li > a:focus::after{opacity:1;}

.header__item{display:flex; align-items:center; position: absolute;top: 0; right: 0; z-index:10;}

.sitemapVer{position:fixed; top:99px; height:calc(100% - 99px); overflow-y:auto; left:0; width:100%; border-top:1px solid #ddd; background:#fff; padding:50px 0;  overflow:auto; max-width:100%}
.sitemapVer .header__menu{width:1400px; margin:0 auto;/* gap:40px; */flex-wrap: wrap;}

.sitemapVer .header__menu > li{/* flex:1; */width: calc((100% - 150px)/4);margin-right: 50px; margin-bottom: 80px;}
.sitemapVer .header__menu > li:nth-child(4n){margin-right: 0;}
.sitemapVer .header__menu > li > button,
.sitemapVer .header__menu > li > a{height:auto; font-size:26px; color:#000033; padding-bottom:30px; border-bottom:2px solid #363636;}
.sitemapVer .header__menu > li > button::after,
.sitemapVer .header__menu > li > a::after{display:none;}

.sitemapVer .header__menu .depth2{pointer-events:auto; opacity:1; visibility:visible; position:static; margin-top:30px; border:0;height: auto;}
.sitemapVer .header__menu .depth2 .layout{width:100%;}

.sitemapVer .header__menu .depth2__title{display:none;}

.sitemapVer .header__menu .depth2__item{flex-direction:column;}
.sitemapVer .header__menu .depth2__item > li{border:0; padding:0;}
.sitemapVer .header__menu .depth2__item > li:not(:last-child){margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd;}

.sitemapVer .header__menu .depth2__item > li:hover,
.sitemapVer .header__menu .depth2__item > li.over{background:transparent;}

.header__select{display:flex; margin-right:30px; gap:30px;}
/*
.header__select select{font-size:13px; color:#222; appearance:none; border:0; background:transparent; padding:0;}
.header__select select::ms-extend{display:none;}
.header__select select:first-child{}
.header__select select:last-child{}
*/


.header__item .header__select-item{display:block; position:relative;}
.header__item .header__select-item > button{font-size:13px; color:#222; background:transparent; border:0; display:flex; align-items:center; align-items:center; position:relative;}

.header__item .header__select-item > button::before,
.header__item .header__select-item > button::after{content:''; display:block; background-repeat:no-repeat; background-position:0 0;}
.header__item .header__select-item > button::before{margin-right:8px;}
.header__item .header__select-item > button::after{width:18px; height:18px; border-radius:100%; background:url(/common/img/intro/top_black_arrow.png) no-repeat center center #eee; box-shadow:2px 2px 5px rgba(0,0,0,.15); margin-left:10px;}

.header__item .header__select-item > button.active::after{background-image:url(/common/img/intro/top_red_arrow.png);}


.header__item .header__select-item.local{}
.header__item .header__select-item.local > button::before{width:19px; height:17px; background:url('../images/header_change_ico_03.png') no-repeat 0 0;}
.header__item .header__select-item.language{}
.header__item .header__select-item.language > button::before{width:16px; height:16px; background:url('../images/header_change_ico_05.png') no-repeat 0 0;}

.header__select-list{position:absolute; top: calc(100% + 15px); border: 1px solid #eee; border-radius: 5px; position: absolute; width:110px; left:50%; transform:translateX(-50%); box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); z-index: 9; background:#fff; display:none;}
.header__select-list li{}
.header__select-list li:not(:last-child){border-bottom: 1px solid #eee;}
.header__select-list li a{position:relative; color:#888; font-size:14px; padding:10px 10px; display:block;}
.header__select-list li a::after{content: ""; display: block; position: absolute; background: url(/common/img/intro/pointer.png) no-repeat; width: 6px; height: 6px; right: 10px; top: 50%; transform: translateY(-50%); opacity:0;}
.header__select-list li a:hover{color: #e21f20; background-color: #f0f0f0;}
.header__select-list li a:hover::after{opacity:1;}

/*
.type1 .header__select select{border-color:rgba(255, 255, 255, .5); color:#fff; background-image:url('../images/header_select_1.png');}
.over .header__select select,
.type2 .header__select select{border-color:#555; color:#333; background-image:url('../images/header_select_2.png');}
*/
.sitemapOpend .header__select-item{opacity:0; visibility:hidden; pointer-events:none;}

.header__searchBtn{display:block; text-indent:-9999px; overflow:hidden; width:34px; height:34px; background-size: 20px 20px; background-position: center; background-repeat:no-repeat; background-color:transparent; background-position: center; border:0; transition:all .2s; background-image:url('../images/header_search_2.svg');}

/*
.type1 .header__searchBtn{background-image:url('../images/header_search_1.png');}
.over .header__searchBtn,
.type2 .header__searchBtn{background-image:url('../images/header_search_2.png')}
*/

.sitemapOpend .header__searchBtn{opacity:0; visibility:hidden; pointer-events:none;}

.header__search{position: fixed; top: 100px; left:0; display:flex; flex-direction:column; align-items:center; background:#fff; padding:70px 0 90px; border-top:1px solid #ddd; width:100%; pointer-events:none; opacity:0; visibility:hidden; transition:all .2s;}
.header__search.active{visibility:visible; opacity:1; pointer-events:auto;}
.header__search .title{font-size:32px; color:#000033; font-weight:500; line-height:1;}
.header__search .txt{font-size:16px; color:#888; line-height:1; margin-top:20px;}
.header__search .item{display:flex; margin-top:40px; max-width:620px; width:100%;}
.header__search .item input[type="text"]{flex:1; border:2px solid #df0808; border-radius:20px 0 0 20px; padding:0 30px; font-size:16px; height:auto;}
.header__search .item button[type="submit"]{display:flex; width:120px; height:70px; justify-content:center; align-items:center; font-size:18px; color:#fff; font-weight:500; background:#df0808; border-radius:0 20px 20px 0; border:0; cursor:pointer;}
.header__search .closeBtn{position:absolute; bottom:-35px; left:50%; transform:translateX(-50%); width:70px; height:70px; background:url('../images/searchClose.png') no-repeat center center #fff; border-radius:100%; text-indent:-9999px; overflow:hidden; border:0; cursor:pointer;}

.header__sitemapBtn{display:block; width:90px; height:100px; border:0; margin-left:20px; border-bottom:1px solid #ddd;}
.header__sitemapBtn .ir { text-indent:-9999px; overflow:hidden; display: none; }
.header__sitemapBtn span { display: block; width: 24px; height: 2px; background-color: #000; margin: 0 auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
.header__sitemapBtn span:nth-child(3) { margin: 6px auto; }

.header__sitemapBtn.active span:nth-child(2) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.header__sitemapBtn.active span:nth-child(3) { display: none; }
.header__sitemapBtn.active span:nth-child(4) { transform: rotate(-45deg) translate(2px, -2px); -webkit-transform: rotate(-45deg) translate(2px, -2px); -moz-transform: rotate(-45deg) translate(2px, -2px); -ms-transform: rotate(-45deg) translate(2px, -2px); -o-transform: rotate(-45deg) translate(2px, -2px); }

/*
.type1 .header__sitemapBtn{background-image:url('../images/header_sitemap_1.png');}
.over .header__sitemapBtn,
.type2 .header__sitemapBtn{background-image:url('../images/header_sitemap_2.png');}
*/
.header__mSearch { display: none; }
.header__mChange{display:none; padding:11px 25px 19px; }
.header__mChange select{border:0; background:transparent; font-size:16px; padding:0; color:#333;}
.header__mChange select:focus{outline:none !important;}
.header__mQuick{display:none;}
.header__mQuick a{ display:flex; flex-direction:column; align-items:center; text-align:Center; font-size:16px; color:#414141; font-weight:500; width: calc(50% - 8px); height: 43px; margin-right: 8px; line-height: 43px; word-break: keep-all; border: 1px solid #645F60; border-radius:50px;  -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; }
.header__mQuick a:nth-child(n+3) { margin-top: 12px; }
/* .header__mQuick a::before{content:''; display:block; background-repeat:no-repeat; background-position:0 0;}
.header__mQuick a.book::before{background-image:url('../images/mobile_sitemap_ico_12.png'); width:59px; height:41px;}
.header__mQuick a.online::before{background-image:url('../images/mobile_sitemap_ico_06.png'); width:56px; height:42px;}
.header__mQuick a.myDonation::before{background-image:url('../images/mobile_sitemap_ico_03.png'); width:53px; height:44px;}
.header__mQuick a.donation::before{background-image:url('../images/mobile_sitemap_ico_09.png'); width:50px; height:43px;}
.header__mQuick a.support::before{background-image:url('../images/gnb_m_support_03.png'); width:51px; height:50px;} */

.header__sns{display:none; align-items:center; padding:20px 0 53px; justify-content:center; }
.header__sns a{ display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position: center; width: 65px; height: 65px; border: 1px solid rgba(0,0,0,.15); border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; }
.header__sns a:not(:last-child){margin-right:13px;}
.header__sns a.youtube{ background-image:url('../images/header_youtube.svg');}
.header__sns a.facebook{ background-image:url('../images/header_facebook.svg');}
.header__sns a.blog{ background-image:url('../images/header_blog.svg');}
.header__sns a.instagram{ background-image:url('../images/header_insta.svg');}
.header__mMenu { display: none; }
.header__mMenu_new { display: none; }

/* header type2 */
.header.type2 { position: fixed; height: auto; border: none; background: #fff !important; transition: all .35s; padding: 0; }
.header.type2 .header-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto; }
.header.type2 .header-area-main { width: 100%; height: 90px; border-bottom: 1px solid #eee; }
.header.type2 .header-area-main .content-bound { display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 90px; max-width: 1440px; margin: 0 auto; }
.header.type2 .header-inner .header-area-main .header-util-wrap .btn-region { display: none; }
.header.type2 .header-area-sub { width: 100%; height: 46px; border-bottom: 1px solid #ccc; }
.header.type2 .header-area-sub .content-bound { display: flex; justify-content: flex-end; align-items: center; gap: 20px; width: 100%; height: 46px; max-width: 1440px; margin: 0 auto; }
.header.type2 .header-area-sub .list-submenu { display: flex; justify-content: flex-end; align-items: center; gap: 18px; width: 100%; flex: 1 1 auto; }
.header.type2 .header-area-sub .list-submenu > li + li { padding-left: 19px; border-left: 1px solid #ccc; height: 14px; display: flex; justify-content: center; align-items: center;}
.header.type2 .header-area-sub .list-submenu > li >a { color: #231916; }
.header.type2 .header-area-sub .list-submenu li.mydonation { display:flex; justify-content: center; align-items: center; }
.header.type2 .header-area-sub .list-submenu li.counsel::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_counsel.png) no-repeat center / cover; margin-right: 8px; }
.header.type2 .header-area-sub .list-submenu li.mydonation::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_mydonation.png) no-repeat center / cover; margin-right: 8px; }
.header.type2 .header-area-sub .list-submenu li.appli::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_appli.png) no-repeat center / cover; margin-right: 8px; }
.header.type2 .header-inner.active { position: relative; z-index: 2; background-color: #fff; }
.header.type2 .header-inner h1 { max-width: 150px; width: 100%; height: 49px; margin-left: 30px; z-index: 1; }
.header.type2 .header-inner h1 > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.header.type2 .header-inner .sub-logo { max-width : 180px; }

.header.type2 .header-area-sub .btn.lang { display: flex; align-items: center;  justify-content: center; gap:8px; width: 65px; height: 36px; background-color: #fff;  }
.header.type2 .header-area-sub .btn.lang::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../images/ico_lang.png) no-repeat center/cover; }
.header.type2 .header-area-sub .btn.lang::after { content: ""; display: block; width: 10px; height: 6px; background: url(../images/ico_arrow_header_select_b.png) no-repeat center/cover; }
.header.type2 .header-area-sub .btn.lang.active::after { transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; }
.header.type2 .header-area-sub .btn.lang > span { color: #231916; font-size: 16px; font-weight: 400; }
.header.type2 .header-area-sub .select-list { display: none; position: absolute; top:51px; left:-10%; width: 120%; box-shadow: 5px 0px 5px rgb(0 0 0 / 10%); border: 1px solid #ccc; box-sizing: content-box; }
.header.type2 .header-area-sub .select-list li { width: 100%; height: 34px; line-height: 34px; background-color: #fff; border-bottom: 1px solid #ccc; }
.header.type2 .header-area-sub .select-list > li:last-child { border-bottom:none; }
.header.type2 .header-area-sub .select-list li a { display: block; font-size: 16px; font-weight: 600; color: #231916; text-align:center; padding-left:0; }
.header.type2 .header-area-sub .select-list li.active { background-color: #474A4B; }

.header.type2 .navbarmenu-wrap { flex: 1 1 auto; }
/*.header.type2 .navbarmenu-wrap .navbarmenu-container { position: relative; }*/
.header.type2 .navbarmenu-wrap .btn-back { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.header.type2 .navbarmenu-wrap .btn-back.visible { opacity: 1; visibility: visible; overflow: visible; }
.header.type2 .navbarmenu-wrap .menu-list { display: flex; align-items: center; justify-content: flex-end; height:90px; margin: 0 auto; padding: 0 60px 0 50px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.header.type2 .navbarmenu-wrap .menu-list::-webkit-scrollbar { height: 4px; background-color: transparent; }
.header.type2 .navbarmenu-wrap .menu-list::-webkit-scrollbar-thumb { width: 1px; background-color: rgba(255,255,255,.3); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.header.type2 .navbarmenu-wrap .menu-list::-webkit-scrollbar-track { background-color: transparent; }
.header.type2 .navbarmenu-wrap .menu-list > li { display: flex; align-items: center; justify-content: center; -webkit-box-align: center; -webkit-box-pack: center; height: 100%; }
.header.type2 .navbarmenu-wrap .menu-list > li > a { position: relative; font-size: 20px; font-weight: bold; color: #1F2937; font-family: 'Pretendard'; word-break: keep-all; padding: 20px 45px; height: 100%; line-height: 52px; }
.header.type2 .navbarmenu-wrap .menu-list > li.active > a { color: #1F2937; }
.header.type2 .navbarmenu-wrap .menu-list > li.active > a::after { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 100%; height: 3px; background-color: #D41616; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.header.type2 .navbarmenu-wrap .menu-list > li.hidden { display: none; overflow: hidden; }
.header.type2 .navbarmenu-wrap .menu-list .navbarmenu-list { display: flex; align-items: center; }
.header.type2 .navbarmenu-wrap .menu-list .navbarmenu-list > li { display: none; overflow: hidden; white-space: nowrap; transition: all .4s ease-in; margin: 0; padding: 0; transition-duration: 0s; }
.header.type2 .navbarmenu-wrap .menu-list .navbarmenu-list > li + li { padding-left: 28px; }
.header.type2 .navbarmenu-wrap .menu-list .navbarmenu-list > li > a { font-size: 16px; color: #475569; }

.header.type2 .navbarmenu-wrap .menu-list .lnb-area { display: none; position: absolute; left: 0; top: 136px; width: 100%; background: linear-gradient(90deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(255, 255, 255, 1) 49%, rgba(255, 255, 255, 1) 100%); }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap { display: flex; max-width: 1440px; margin: 0 auto; justify-content: flex-start; width: 100%; min-height: 451px; gap: 22px;}
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-list { display:flex; background-color: #fff; gap: 50px 49px; flex-wrap : wrap; padding-top: 45px; padding-left:37px; padding-bottom: 50px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap { display:flex; flex-direction: column; justify-content: space-between; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .banner-zone { padding: 23px 0 0 8px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .banner-zone > a { padding: 23px 0 0 8px; display: inline-block; width: 279px; height: 299px; text-align: center; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .banner-zone > a img { width: 212px; height:auto; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list { display: flex; justify-content: flex-end; align-items:center; gap: 11px; padding-bottom: 50px;}
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li { display: inline-flex; justify-content: center; align-items:center; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li a { display: inline-flex; justify-content: center; align-items:center; padding: 0 2px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li .ico-youtube-dg { display: inline-block; width: 18px; height: 14px; background: url(../images/ico_yt_darkgray@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li .ico-blog-dg { display: inline-block; width: 12px; height: 16px; background: url(../images/ico_bl_darkgray@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li .ico-facebook-dg { display: inline-block; width: 8px; height: 16px; background: url(../images/ico_fb_darkgray@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li .ico-instagram-dg { display: inline-block; width: 16px; height: 16px; background: url(../images/ico_in_darkgray@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li:has(.ico-youtube-dg) a:hover .ico-youtube-dg { background: url(../images/ico_yt_hover@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li:has(.ico-blog-dg) a:hover .ico-blog-dg { background: url(../images/ico_bl_hover@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li:has(.ico-facebook-dg) a:hover .ico-facebook-dg { background: url(../images/ico_fb_hover@2x.png) no-repeat center/cover;  }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-wrap .lnb-content-wrap .sns-list > li:has(.ico-instagram-dg) a:hover .ico-instagram-dg { background: url(../images/ico_in_hover@2x.png) no-repeat center/cover;  }




.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > a { font-size: 17px; font-weight: 500; color: #222; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > a:after { content:""; display: block; width: 170px; height:2px; background-color: #333; margin-top: 6px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > ul { margin-top: 12px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > ul > li + li { margin-top: 4px; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > ul > li > a { font-size: 15px; color: #666; }
.header.type2 .navbarmenu-wrap .menu-list .lnb-area .lnb-list > li > ul > li > a:hover { color: #e60013; }

/*.header.type2 .navbarmenu-wrap.on { width: 100%; padding-left: 92px; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }*/
.header.type2 .navbarmenu-wrap.on .navbarmenu-container { padding-left: 56px; }
/*.header.type2 .navbarmenu-wrap.on .menu-list { justify-content: flex-start; margin: 0; padding: 0; gap: 0; overflow-x: auto; } */
.header.type2 .navbarmenu-wrap.on .menu-list .navbarmenu-list::before { content: ""; display: block; width: 1px; height: 16px; background-color: #CBD5E1; margin: 0 24px 0 22px; }
.header.type2 .navbarmenu-wrap.on .menu-list .navbarmenu-list > li { display: block; overflow: visible; }
/*.header.type2 .navbarmenu-wrap.on .menu-list > li:not(.navbarmenu) { opacity: 0; visibility: hidden; animation: navbarmenuAni .3s forwards; -webkit-animation: navbarmenuAni .3s forwards;}*/

.header.type2 .navbarmenu-wrap.on .menu-list .navbarmenu-list > li.active a { color: #D41616; }
.header.type2 .navbarmenu-wrap.on .menu-list .navbarmenu-list > li.active a::after { position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 100%; height: 3px; background-color: #D41616; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

@keyframes navbarmenuAni {
    0% { width: 100px; padding-left: 72px; }
    100% { width: 0; padding-left: 0; }
}

.header.type2 .navbarmenu-wrap.open .menu-list > li:not(.navbarmenu) { animation: navbarmenuAni 0s 0s forwards; -webkit-animation: navbarmenuAni 0s 0s forwards; }

.header.type2 .header-inner .flex-con { display: flex; }
.header.type2 .header-inner .header-util-wrap { position: relative; display: flex; align-items: center; }
.header.type2 .header-inner .header-util-wrap .btn-region { width: 108px; height: 46px; font-size: 16px; font-weight: 500; color: #fff; background-color: #c50018; border-radius:0px; padding: 0 4px; text-align: left; display: flex; align-items: center; justify-content: center; gap: 5px; border-bottom: 1px solid #ccc; }
.header.type2 .header-inner .header-util-wrap .btn-region::after { content: ""; display: inline-block; width: 9px; height: 5px; background: url(../images/ico_arrow_header_select_w.png) no-repeat center/cover; vertical-align: middle; }
.header.type2 .header-inner .header-util-wrap .btn-region.active::after { transform: rotate(180deg);}
.header.type2 .header-inner .header-util-wrap .btn-search { width: 40px; height: 40px; background-image: url(../images/header_search_2.svg); background-repeat: no-repeat; background-position: center; background-size: 23px 23px; }
.header.type2 .header-inner .header-util-wrap .btn-search.active { background-image: url(../../img/common/icon_search_close.svg) !important; background-size: 40px 40px; }
.header.type2 .header-inner .header-util-wrap .btn-search.active ~ .btn-gnb.mo span { background-color: #242424; }
.header.type2 .header-inner .header-util-wrap .region-wrap { position: absolute; top: calc(100% + 10px); width: 108px; height: 0; transition: all .3s; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index: 101; }
.header.type2 .header-inner .header-area-main .header-util-wrap .region-wrap { display: none; }
.header.type2 .header-inner .header-util-wrap .region-wrap.active { height: 720px;  }
.header.type2 .header-inner .header-util-wrap .region-list { overflow-y: scroll; max-height: 40vh; background-color: #c50018; border-radius: 0;}
.header.type2 .header-inner .header-util-wrap .region-list::-webkit-scrollbar { width: 4px; height: 4px;}
.header.type2 .header-inner .header-util-wrap .region-list::-webkit-scrollbar-thumb { background-color: #dbdbdb; border-radius: 6px; }
.header.type2 .header-inner .header-util-wrap .region-list::-webkit-scrollbar-track { background-color: #c50018; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }

.header.type2 .header-inner .header-util-wrap .region-list li a { display: block; height: 40px; line-height: 38px; background-color: #c50018; font-size: 15px; color: #fff; text-align: center; }
.header.type2 .header-inner .btn-donate { width: 90px; height: 90px; background-color: #D41616; background-image: url(../../img/campaign/btn_donate.gif); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 99; position: relative; }
.header.type2 .header-inner .btn-donate.active { background-color: #3E3E3E; background-image: url(../../img/campaign/icon_close.svg); background-size: auto; }
.header.type2 .search-wrap { opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 195px; background-color: #fff; border-top: 1px solid #CBD5E1; padding: 64px 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.header.type2 .search-wrap.active { opacity: 1; visibility: visible; }
.header.type2 .search-wrap::after { content: ""; display: block; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.4); position: fixed; top: 285px; left: 0; z-index: -1; }
.header.type2 .search-wrap .search-inner { position: relative; max-width: 720px; width: 100%; height: 67px; margin: 0 auto; }
.header.type2 .search-wrap .search-inner > input { width: 100%; height: 100%; border: 1px solid #CBD5E1; border-radius: 8px; font-size: 18px; }
.header.type2 .search-wrap .search-inner > input::placeholder { color: #9CA3AF; }
.header.type2 .search-wrap .search-inner > button { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 32px; height: 32px; background-image: url(../images/header_search_2.svg); background-repeat: no-repeat; background-position: center; text-indent: -9999px; overflow: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.header.type2 .gnb-donate-wrap { display: flex; justify-content: space-between; position: absolute; bottom: 0; right: -100%; width: calc(100% - 90px); height: 90px; background-color: #fff; padding-left: 60px; transition: right .3s; -webkit-transition: right .3s; -moz-transition: right .3s; -ms-transition: right .3s; -o-transition: right .3s; z-index: 2; }
.header.type2 .gnb-donate-wrap.active { right: 90px; }
.header.type2 .gnb-donate-wrap ul { display: flex; align-items: center; }
.header.type2 .gnb-donate-wrap ul li > a { display: block; }
.header.type2 .gnb-donate-wrap .donate-list-type1 li { width: 24px; height: 24px; margin-right: 20px; }
.header.type2 .gnb-donate-wrap .donate-list-type2 li { width: 80px; height: 80px; margin-right: 20px; text-align: center; }
.header.type2 .gnb-donate-wrap .donate-list-type2 li > a > span:first-child { display: block; width: 40px; height: 40px; margin: 6px auto 4px; }
.header.type2 .gnb-donate-wrap .donate-list-type2 li > a > span { font-size: 14px; font-weight: bold; color: #1F2937; }
.header.type2 .gnb-donate-wrap .qr { width: 80px; height: 80px; margin: 8px 0; }
.header.type2 .header-inner .btn-gnb.mo { display: none; }
.header.type2 .header-mo,
.header.type2 .header-mo.active { display: none; }

.header.type2.white { background-color: #fff !important; }

.header.type2.active { background-color: #fff !important; top: 0; }
.header.type2.dark.active { background-color: rgba(0,0,0,0) !important; }

.header.type2.dark:not(.on) .header-inner .menu-list li a { color: #fff; }
.header.type2.dark:not(.on) .header-inner .menu-list li.active a::after { background-color: #fff; }
.header.type2.dark::before { content: ""; display: block; position: absolute; width: 100%; height: 90px; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 14%, rgba(0, 0,0, 0.6) 53%, rgba(0, 0, 0, 0) 100%); }
.header.type2.dark:not(.on) .header-inner .header-util-wrap .btn-region { color: #fff; border-bottom: 1px solid #fff; }
.header.type2.dark:not(.on) .header-inner .header-util-wrap .btn-region::after { border-top-color: #fff; }
.header.type2.dark:not(.on) .header-inner .header-util-wrap .btn-search { background-image: url(../images/header_search_1.svg); }

.header.type2.on { background-color: #fff !important; }
.header.type2.dark.on { background-color: #fff !important; }
.header.type2.dark.on::before { display: none; }

.header.type2 .header-inner .donate-wrap { display:flex; }
.header.type2 .header-inner .stiemap-wrap { width: 55px; height: 46px; z-index: 99; position:relative; font-weight: 500; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; gap: 8px; color: #fff; font-size: 16px;}
.header.type2 .header-inner span.btn-popup.sitemap {display: inline-flex; width: 25px; height: 16px; flex-direction: column; gap: 4px; align-items: flex-start;}
.header.type2 .header-inner span.btn-popup.sitemap span:nth-child(1) {display: inline-block; width: 25px; height: 2px; background-color: #000;}
.header.type2 .header-inner span.btn-popup.sitemap span:nth-child(2) {display: inline-block; width: 20px; height: 2px; background-color: #000;}
.header.type2 .header-inner span.btn-popup.sitemap span:nth-child(3){display: inline-block; width: 16px; height: 2px; background-color: #000;}
.header.type2.dark .header-inner span.btn-popup.sitemap span:nth-child(1),.header.type2.dark .header-inner button.btn-popup.sitemap span:nth-child(3) {background-color: #FFF;}
.header.type2.dark .header-inner span.btn-popup.sitemap span:nth-child(2),.header.type2.dark .header-inner button.btn-popup.sitemap span:nth-child(4) {background-color: #FFF;}

/* 2025 캠페인 배너 */
.ui-modal-end .header.type2 { transform: translateY(-137px) !important; }
.header-campaign { font-family: 'Pretendard'; position: relative; height: 0; padding-bottom: calc(16.666% + 16px); background-image: url(/common/bodyCampaign/images/2025/bg_banner.png); background-size: 100%; background-position: bottom 16px center; background-repeat: no-repeat; }
.header-campaign-inner.default-wrap.new { position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); padding-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }
.header-campaign .link-wrap .title { font-family: 'Sangju Gotgam'; color: #1F2937; font-size: 30px; }
.header-campaign .link-wrap .title strong { display: block; font-size: 64px; }
.header-campaign .link-wrap .title strong span { color: #D41616; }
.header-campaign .link-wrap a { display: inline-flex; align-items: center; margin-top: 24px; padding: 11px 24px 11px 32px; background-color: #D41616; color: #fff !important; font-size: 24px; font-weight: 700; line-height: 1.2; border-radius: 40px; border: 2px solid #D41616; }
.header-campaign .link-wrap a:after { content: ''; width: 24px; height: 24px; margin-left: 8px; background-image: url(/common/bodyCampaign/images/2025/icon_arrow_right.svg); background-repeat: no-repeat; }

.header-campaign .temperature-wrap { align-self: flex-end; display: flex; align-items: center; }
.header-campaign .figure-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 172px; height: 172px; border-radius: 50%; border: 2px solid #D41616; background-color: #fff; color: #D41616; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.2; }
.header-campaign .figure-wrap .figure { display: block; font-size: 36px; font-weight: 800; }
.header-campaign .figure-wrap > span { font-size: 24px; font-weight: 800; }
.header-campaign .funding-wrap { position: relative; width: 144px; height: 300px; margin: 0 16px; }
.header-campaign .funding-wrap .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/common/bodyCampaign/images/2025/img_temperature_banner.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat; }
.header-campaign .funding-wrap .bar-area { position: absolute; left: 29.6%; top: 39.5%; width: 22px; height: 157px; }
.header-campaign .funding-wrap .bar-area .bar { position: absolute; left: calc(50% - 2.5px); bottom: 17px; width: 6px; height: calc(calc(130px * var(--bar-percentage)) / 100); background: linear-gradient(0deg, #C71D1E 0%, #E72B4E 100%); border-radius: 4px; transform-origin: bottom; }
.header-campaign .funding-wrap .bar-area .icon { position: absolute; bottom: 0; left: 0; width: 22px; height: 22px; }

.header-campaign .header-campaign-bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; background-color: #fff; }
.header-campaign .header-campaign-bar span { position: absolute; top: 0; left: 0; width: 88%; height: 100%; border-radius: 0px 8px 8px 0px; background-color: #D41616; transform: translateX(-100%); animation: gauge 2s forwards; }

@keyframes gauge {
    from { transform: translateX(-100%) }
    to { transform: translateX(0%) }
}
@media all and (max-width: 1920px) {
    .body-wrap { padding-top: calc(17.7083vw); }
    .header-campaign-inner { max-width: 72.0833vw !important; }
    .header-campaign .link-wrap .title { font-size: 1.5625vw; }
    .header-campaign .link-wrap .title strong { font-size: 3.3333vw; }
    .header-campaign .link-wrap a { margin-top: 1.25vw; padding: 0.5729vw 1.25vw 0.5729vw 1.6666vw; font-size: 1.25vw; border-radius: 2.0833vw; }

    .header-campaign .figure-wrap { width: 8.9583vw; height: 8.9583vw; font-size: 0.83333vw; }
    .header-campaign .figure-wrap .figure { font-size: 1.875vw; }
    .header-campaign .figure-wrap > span { font-size: 1.25vw; }

    .header-campaign .funding-wrap { width: 7.5vw; height: 0; padding-bottom: 15vw; }
    .header-campaign .funding-wrap .bar-area { width: 1.1458vw; height: 8.177vw; }
    .header-campaign .funding-wrap .bar-area .bar { left: calc(50% - 0.1vw); bottom: 0.8854vw; width: 0.3125vw; height: calc(calc(6.7708vw * var(--bar-percentage)) / 100); }
    .header-campaign .funding-wrap .bar-area .icon { width: 1.1458vw; height: 1.1458vw; }
}
@media all and (max-width: 1024px) {
    .body-wrap { padding-top: 558px; }
    .ui-modal-end .header.type2 { transform: translateY(-1500px) !important; }
    .header-campaign { height: auto; padding-bottom: 0; background-image: url(/common/bodyCampaign/images/2025/bg_banner_mo.png); background-size: cover; background-position: bottom center; }
    .header-campaign-inner.default-wrap.new { position: relative; max-width: 100% !important; flex-direction: column; align-items: initial; height: 550px; padding: 60px 6.6667vw 0; }
    .header-campaign .link-wrap .title { font-size: 2.8vw; }
    .header-campaign .link-wrap .title strong { font-size: 6.4vw; }
    .header-campaign .link-wrap a { font-size: 18px; margin-top: 16px; padding: 12px 24px 12px 32px; border-radius: 54px; }

    .header-campaign .temperature-wrap { align-self: stretch; justify-content: space-around; }

    .header-campaign .figure-wrap { width: 120px; height: 120px; font-size: 14px; }
    .header-campaign .figure-wrap .figure { font-size: 24px; }
    .header-campaign .figure-wrap > span { font-size: 18px; }

    .header-campaign .header-campaign-bar { height: 8px; }
    .header-campaign .funding-wrap { width: 26.6666vw; height: 55.384vw; margin: 0; }
    .header-campaign .funding-wrap .bar-area { position: absolute; left: 29.6%; top: 41%; width: 4.1025vw; height: 27.6923vw; }
    .header-campaign .funding-wrap .bar-area .bar { left: calc(50% - 2px); bottom: 3.0769vw; width: 1.0256vw; height: calc(calc(23.846vw * var(--bar-percentage)) / 100); border-radius: 2px; }
    .header-campaign .funding-wrap .bar-area .icon { width: 4.1025vw; height: 4.1025vw; }
    .header.type2 .header-inner .sub-logo { max-width : 126px;}
    .header.type2 .header-inner-mo .sub-logo { max-width : 126px;}
    
    .header.type2 .header-area-sub { display:none; }
    .header.type2 .header-area-main { height: 56px; border-bottom: none; }
    .header.type2 .header-area-main .content-bound { height: 64px; border-bottom: none; }
    
    .btn-page-top > a:hover > .tip-text { opacity: 0; visibility: hidden; }
    
    .header.type2 .header-inner .header-util-wrap .region-list { border-radius: 0px; }
}
@media all and (min-width: 600px) and (max-width: 1024px) {
    .header-campaign { background-position: bottom 20% center; }
    .header-campaign .link-wrap .title { font-size: 17px; }
    .header-campaign .link-wrap .title strong { font-size: 38px; }
    .header-campaign .funding-wrap { width: 160px; height: 332px; margin: 0; }
    .header-campaign .funding-wrap .bar-area { position: absolute; left: 29.6%; top: 41%; width: 24.6px; height: 166px; }
    .header-campaign .funding-wrap .bar-area .bar { left: calc(50% - 3px); bottom: 18.46px; width: 6.15px; height: calc(calc(143px * var(--bar-percentage)) / 100); border-radius: 4px; }
    .header-campaign .funding-wrap .bar-area .icon { width: 24px; height: 24px; }
}
@media all and (max-width: 500px) {
    .body-wrap { padding-top: calc(110.2564vw + 8px); }
    .header-campaign-inner.default-wrap.new { height: 110.2564vw; }
    .header-campaign .link-wrap .title { font-size: 14px; }
    .header-campaign .link-wrap .title strong { font-size: 32px; }
    
    .header-campaign .temperature-wrap { justify-content: space-between; }
    .header-campaign .figure-wrap { width: 108px; height: 108px; }
    .header-campaign .figure-wrap .figure { font-size: 22px; }
}
@media all and (max-width: 376px) {
    .header-campaign .link-wrap .title { font-size: 3.73vw; }
    .header-campaign .link-wrap .title strong { font-size: 8.53vw; }
    .header-campaign .figure-wrap { width: 100px; height: 100px; font-size: 12px; }
    .header-campaign .figure-wrap .figure { font-size: 20px; }
    .header-campaign .figure-wrap > span { font-size: 16px; }
}


/* footer */
.footer{background:#222;}
.footer__top{border-bottom:1px solid #434343;}
.footer__top .layout{display:flex;}
.footer__top a{height:76px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#ddd; padding:0 30px; border-left:1px solid #434343;}
.footer__top a:hover{text-decoration:underline; text-underline-position:under;}
.footer__top a:nth-last-of-type(1){border-right:1px solid #434343;}
.footer__top select{margin-left:auto; width:200px; height:76px; font-size:14px; color:#eee; background:url('../images/footer_select.png') no-repeat right 30px center transparent; appearance:none; padding:0 30px; border-width:0 1px; border-color:#434343; border-style:solid; cursor:pointer;}
.footer__top select::ms-extend{display:none;}

.footer__bot{padding:55px 0;}
.footer__bot .layout{display:flex; flex-direction:column;}

.footer__select{display:none; position:relative;}
/* .footer__select > button{display:flex; width:260px; height:55px; border:1px solid #434343; padding:0 20px; background:url('../images/footer_arrow_ico_03.png') no-repeat right 30px center transparent; font-size:16px; color:#fff; align-items:center; gap:5px;} */
.footer__select-list{position:absolute; bottom: calc(100% + 15px); border: 1px solid #eee; border-radius: 5px; position: absolute; width:120px; left:3%; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); z-index: 9; background:#fff; display:none;}
.footer__select-item.language .footer__select-list { left: 54%; }
.footer__select-list li{}
.footer__select-list li:not(:last-child){border-bottom: 1px solid #eee;}
.footer__select-list li p{position: relative; color: #333; font-size: 13px; font-weight: 600; padding: 10px 5px; display: flex; align-items:center; gap:5px;}
.footer__select-list li a{position:relative; color:#888; font-size:12px; padding:10px 10px; display:block;}
.footer__select-list li a::after{content: ""; display: block; position: absolute; background: url(/common/img/intro/pointer.png) no-repeat; width: 6px; height: 6px; right: 10px; top: 50%; transform: translateY(-50%); opacity:0;}
.footer__select-list li a:hover{color: #e21f20; background-color: #f0f0f0;}
.footer__select-list li a:hover::after{opacity:1;}

.footer__item{display:flex; justify-content:space-between;}
.footer__info{display:flex; flex-direction:column;}

.footer__logo{margin:0 0 30px;}
.footer__txt{font-size:14px; color:#999; line-height:1.8;}
.footer__txt a{color:inherit;}

.footer__sns{display:flex; align-items:center; margin-top:30px;}
.footer__sns a{display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.footer__sns a:not(:last-child){margin-right:25px;}
.footer__sns a.youtube{width:25px; height:18px; background-image:url('../images/footer_youtube.png');}
.footer__sns a.facebook{width:11px; height:21px; background-image:url('../images/footer_facebook.png');}
.footer__sns a.blog{width:15px; height:20px; background-image:url('../images/footer_blog.png');}
.footer__sns a.instagram{width:21px; height:21px; background-image:url('../images/footer_insta.png');}

.footer__menu{display:flex; gap:70px;}
.footer__menu > li{}
.footer__menu > li > a{font-size:16px; color:#ddd; line-height:1; display:block;}
.footer__menu > li > a:hover{text-decoration:underline; text-underline-position:under;}

.footer__menu .depth2{margin-top:30px;}
.footer__menu .depth2 > li{}
.footer__menu .depth2 > li:not(:last-child){margin-bottom:15px;}
.footer__menu .depth2 > li > a{font-size:14px; color:#999; line-height:1; display:block;}
.footer__menu .depth2 > li > a:hover{text-decoration:underline; text-underline-position:under;}

.footer__content{display:flex; justify-content:space-between; align-items:flex-end; margin-top:20px;}
.footer__copyright{font-size:13px; color:#666; line-height:1;}
.footer__link{margin-top:auto; display:flex; justify-content:flex-end;}
.footer__link a:not(:last-child){margin-right:35px;}

/* footer-wrap */
.footer-wrap { position: relative; background-color: #1B1C1D; }
.footer-wrap::before { content: ""; display: block; position: absolute; top: 80px; border-bottom: 1px solid #333636; width: 100%; height: 1px; }
.footer-wrap .footer-top { display: flex; justify-content: space-between; }
/* .footer-wrap .footer-top { display: flex; justify-content: space-between; border-top: 1px solid #CBD5E1; border-bottom: 1px solid #CBD5E1; } */
.footer-wrap .footer-top .btn.lang { display: flex; align-items: center;  justify-content: space-between; width: 160px; height: 46px; background-color: #323536; margin: 17px 0; padding: 0 18px 0 19px; }
.footer-wrap .footer-top .btn.lang::after { content: ""; display: block; width: 12px; height: 6px; background-image: url(../../img/common/icon_arrow_w.svg); background-repeat: no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.footer-wrap .footer-top .btn.lang.active::after { transform: rotate(0) ; -webkit-transform: rotate(0) ; -moz-transform: rotate(0) ; -ms-transform: rotate(0) ; -o-transform: rotate(0) ; }
/* .footer-wrap .footer-top .btn.lang { display: block; width: 160px; height: 46px; background-color: #F1F5F9; margin: 17px 0; padding: 0 18px 0 19px; } */
.footer-wrap .footer-top .btn.lang > span { color: #FFFFFF; font-size: 14px; font-weight: 600; }
/* .footer-wrap .footer-top .btn.lang > span { display: flex; align-items: center;  justify-content: space-between; width: 100%; height: 100%; color: #4B5563; font-size: 16px; font-weight: 600; position: relative; } */
/* .footer-wrap .footer-top .btn.lang > span::after { content: ""; display: block; width: 20px; height: 20px; background-image: url(../../img/common/icon_arrow.svg); background-repeat: no-repeat; } */
.select-list-wrap { position: relative; z-index: 2; }
.footer-wrap .select-list { display: none; position: absolute; bottom: 63px; left: 0; width: 100%; box-shadow: 5px 0px 5px rgb(0 0 0 / 20%); }
.footer-wrap .select-list li { width: 160px; height: 46px; line-height: 46px; background-color: #323536; border-bottom: 1px solid #000; }
.footer-wrap .select-list li a { display: block; font-size: 14px; font-weight: 600; color: #fff; padding-left: 19px; }
.footer-wrap .select-list li.active { background-color: #474A4B; }
.footer-wrap .etc-nav-wrap { display: flex; align-items: center; }
.footer-wrap .etc-nav-wrap > ul { display: flex; align-items: center; }
.footer-wrap .etc-nav-wrap > .etc-nav { margin-right: 82px; }
.footer-wrap .etc-nav-wrap > .etc-nav > li + li::before { content: ""; display: inline-block; width: 1px; height: 16px; background-color: #6B7280; margin: 0 21px 0 20px; vertical-align: middle; }
.footer-wrap .etc-nav-wrap > .etc-nav > li > a { font-size: 14px; color: #fff; }
.footer-wrap .etc-nav-wrap > .etc-nav > li:first-child > a { color: #ed1c24; }
/* .footer-wrap .etc-nav-wrap > .etc-nav > li > a { font-size: 14px; color: #1E293B; font-weight: bold; } */
.footer-wrap .etc-nav-wrap .sns-list li + li { margin-left: 20px; }
.footer-wrap .etc-nav-wrap .sns-list li { width: 24px; height: 24px; }
.footer-wrap .etc-nav-wrap .sns-list li a { display: block; width: 100%; height: 100%; }
.footer-wrap .footer-bot { display: flex; justify-content: space-between; padding-top: 57px; padding-bottom: 111px; }
.footer-wrap .footer-bot p { font-size: 13px; font-weight: 500; color: #9CA3AF; }
/* .footer-wrap .footer-bot p { max-width: 635px; width: 100%; font-size: 13px; font-weight: 500; color: #64748B; } */
.footer-wrap .footer-bot p > a { color: #9CA3AF; }
/* .footer-wrap .footer-bot p > a { color: #64748B; text-decoration: underline; } */
.footer-wrap .footer-bot .footer-util { max-width: 652px; width: 100%; }
.footer-wrap .footer-bot .link-list { display: flex; align-items: center; justify-content: flex-start; gap: 50px; margin-top: 90px; }
.footer-wrap .footer-bot .link-list li:nth-child(1) { width: 119px; }
.footer-wrap .footer-bot .link-list li:nth-child(2) { width: 72px; }
/* .footer-wrap .footer-bot .link-list li:nth-child(2) { width: 143px; } */
.footer-wrap .footer-bot .link-list li:nth-child(3) { width: 142px; }
/* .footer-wrap .footer-bot .link-list li:nth-child(3) { width: 107px; } */
.footer-wrap .footer-bot .link-list li > a { display: block; width: 100%; height: 100%; }
.footer-wrap .footer-bot .footer-menu { display: flex; }
.footer-wrap .footer-bot .footer-menu div + div { margin-left: 24px; }
.footer-wrap .footer-bot .footer-menu div p { font-size: 16px; font-weight: 600; color: #F9FAFB; margin-bottom: 16px; }
/* .footer-wrap .footer-bot .footer-menu div p { font-size: 16px; font-weight: bold; color: #64748B; margin-bottom: 16px; } */
.footer-wrap .footer-bot .footer-menu button { display: none; }
.footer-wrap .footer-bot .footer-menu ul li + li { margin-top: 4px; }
.footer-wrap .footer-bot .footer-menu ul li a { font-size: 15px; color: #D1D5DB; }
/* .footer-wrap .footer-bot .footer-menu ul li a { font-size: 15px; color: #64748B; } */

/* quick */
.quick{position:fixed; top:0; right:0; display:flex; flex-direction:column; justify-content:center; align-items:center; width:90px; height:100%; border-width:0 0 0 1px; border-style:solid ; z-index:9; transition:all .4s; border-color:#ddd; background:#fff;}
.quick.st_hide{right: -90px;}
/*
.type1.quick{border-color:rgba(255, 255, 255, .2);}
.type2.quick{border-color:#ddd;}
*/

.quick__donation{position:absolute;left: -150px; top:140px;width: 130px; height:178px;background: url('../images/main_donation_bg.png') no-repeat 0 0 / 100%; animation:donationAnimate 1.8s infinite;animation-timing-function: ease-in-out;}
.quick__donation span{position:absolute;top: 70px; left:50%; transform:translateX(-50%); font-size:20px; color:#fff; font-weight:600; font-family:'S-Core'; white-space:nowrap;}

@keyframes donationAnimate{
    0%{
        margin-top:10px;
    }
    50%{
        margin-top:0px;
    }
    100%{
        margin-top:10px;
    }
}

.quick__item{margin-bottom:20px; margin-top:20px;}
.quick__item li{display:flex; justify-content:center; padding:12px 0; position:relative;}
.quick__item li::after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; transition:all .4s; background:repeating-linear-gradient(to right, rgba(90, 90, 90, .8) 0, transparent 1px, transparent 3px); }
.quick__item li:first-child{padding-top:0;}
.quick__item li:last-child{padding-bottom:0;}
.quick__item li.support-item::after,
.quick__item li:last-child::after{display:none;}

/*
.type1 .quick__item li::after{background:repeating-linear-gradient(to right, rgba(255, 255, 255, .8) 0, transparent 1px, transparent 3px); }
.type2 .quick__item li::after{background:repeating-linear-gradient(to right, rgba(90, 90, 90, .8) 0, transparent 1px, transparent 3px); }
*/

.quick__item li a{font-size:14px; display:flex; flex-direction:column; align-items:center; text-align:center; opacity:.8; transition:all .4s; color:#222;}

/*
.type1 .quick__item li a{color:#fff;}
.type2 .quick__item li a{color:#222;}
*/

.quick__item li a:not(.qr-code)::before{content:''; display:block; margin-bottom:5px; background-repeat:no-repeat; background-position:0 0; transition:all .4s;}

.quick__item li a.book::before{width:42px; height:29px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='29' xml:space='preserve' fill='%23222'%3E%3Cpath d='M41.22 4.813h-.879a.777.777 0 0 0-.779.773c0 .426.35.771.779.771h.101v21.007l-14.96-1.646a.779.779 0 0 0-.637.221l-1.53 1.516h-4.629l-1.53-1.516a.78.78 0 0 0-.638-.221L1.559 27.365V6.358h.099a.776.776 0 0 0 .781-.771.777.777 0 0 0-.781-.773H.779A.775.775 0 0 0 0 5.587v22.64c0 .221.094.431.26.577a.796.796 0 0 0 .606.191l15.452-1.7 1.494 1.479a.776.776 0 0 0 .55.226h5.276c.207 0 .404-.08.551-.227l1.493-1.479 15.451 1.7a.786.786 0 0 0 .608-.19.77.77 0 0 0 .26-.577V5.587a.78.78 0 0 0-.781-.774z'/%3E%3Cpath d='M4.296 25.518c2.216 0 4.382-.529 6.478-1.039 3.811-.931 7.104-1.733 9.674.813a.793.793 0 0 0 .502.225h.001l.049.002a.796.796 0 0 0 .508-.188.48.48 0 0 0 .047-.043c2.569-2.541 5.862-1.738 9.671-.809 2.096.51 4.263 1.039 6.478 1.039.43 0 .78-.347.78-.772V2.103a.778.778 0 0 0-.78-.773c-1.878 0-3.795-.343-5.649-.676-3.862-.69-7.851-1.406-11.057 1.272C17.9-.622 14.091.307 10.401 1.206c-2.005.49-4.078.996-6.105.996a.775.775 0 0 0-.78.772v21.771c.001.426.35.773.78.773zM21.78 3.303c2.683-2.439 6.08-1.831 9.998-1.128 1.674.3 3.396.608 5.146.683v21.09c-1.775-.105-3.574-.546-5.324-.972-1.899-.462-3.83-.934-5.681-.934-1.448 0-2.846.287-4.139 1.095V3.303zm-16.704.422c1.945-.103 3.85-.567 5.698-1.019 3.7-.902 6.911-1.686 9.447.598v19.833c-2.946-1.837-6.434-.987-9.82-.161-1.748.426-3.548.866-5.325.972V3.725z'/%3E%3Cpath d='M9.571 9.842h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.347-.78.772 0 .426.35.772.78.772zM9.571 13.325h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.345-.78.772 0 .426.35.772.78.772zM26.197 9.842h6.154c.431 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772h-6.154a.776.776 0 0 0-.779.772c0 .426.349.772.779.772zM32.352 13.325c.431 0 .78-.346.78-.772a.776.776 0 0 0-.78-.772h-6.154a.775.775 0 0 0-.779.772c0 .426.349.772.779.772h6.154zM13.867 16.037a.776.776 0 0 0-.779-.773H9.571c-.43 0-.78.346-.78.773 0 .426.35.772.78.772h3.517a.775.775 0 0 0 .779-.772z'/%3E%3C/svg%3E");}
/*
.type1 .quick__item li a.book::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='29' xml:space='preserve' fill='%23fff'%3E%3Cpath d='M41.22 4.813h-.879a.777.777 0 0 0-.779.773c0 .426.35.771.779.771h.101v21.007l-14.96-1.646a.779.779 0 0 0-.637.221l-1.53 1.516h-4.629l-1.53-1.516a.78.78 0 0 0-.638-.221L1.559 27.365V6.358h.099a.776.776 0 0 0 .781-.771.777.777 0 0 0-.781-.773H.779A.775.775 0 0 0 0 5.587v22.64c0 .221.094.431.26.577a.796.796 0 0 0 .606.191l15.452-1.7 1.494 1.479a.776.776 0 0 0 .55.226h5.276c.207 0 .404-.08.551-.227l1.493-1.479 15.451 1.7a.786.786 0 0 0 .608-.19.77.77 0 0 0 .26-.577V5.587a.78.78 0 0 0-.781-.774z'/%3E%3Cpath d='M4.296 25.518c2.216 0 4.382-.529 6.478-1.039 3.811-.931 7.104-1.733 9.674.813a.793.793 0 0 0 .502.225h.001l.049.002a.796.796 0 0 0 .508-.188.48.48 0 0 0 .047-.043c2.569-2.541 5.862-1.738 9.671-.809 2.096.51 4.263 1.039 6.478 1.039.43 0 .78-.347.78-.772V2.103a.778.778 0 0 0-.78-.773c-1.878 0-3.795-.343-5.649-.676-3.862-.69-7.851-1.406-11.057 1.272C17.9-.622 14.091.307 10.401 1.206c-2.005.49-4.078.996-6.105.996a.775.775 0 0 0-.78.772v21.771c.001.426.35.773.78.773zM21.78 3.303c2.683-2.439 6.08-1.831 9.998-1.128 1.674.3 3.396.608 5.146.683v21.09c-1.775-.105-3.574-.546-5.324-.972-1.899-.462-3.83-.934-5.681-.934-1.448 0-2.846.287-4.139 1.095V3.303zm-16.704.422c1.945-.103 3.85-.567 5.698-1.019 3.7-.902 6.911-1.686 9.447.598v19.833c-2.946-1.837-6.434-.987-9.82-.161-1.748.426-3.548.866-5.325.972V3.725z'/%3E%3Cpath d='M9.571 9.842h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.347-.78.772 0 .426.35.772.78.772zM9.571 13.325h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.345-.78.772 0 .426.35.772.78.772zM26.197 9.842h6.154c.431 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772h-6.154a.776.776 0 0 0-.779.772c0 .426.349.772.779.772zM32.352 13.325c.431 0 .78-.346.78-.772a.776.776 0 0 0-.78-.772h-6.154a.775.775 0 0 0-.779.772c0 .426.349.772.779.772h6.154zM13.867 16.037a.776.776 0 0 0-.779-.773H9.571c-.43 0-.78.346-.78.773 0 .426.35.772.78.772h3.517a.775.775 0 0 0 .779-.772z'/%3E%3C/svg%3E");}
.type2 .quick__item li a.book::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='29' xml:space='preserve' fill='%23222'%3E%3Cpath d='M41.22 4.813h-.879a.777.777 0 0 0-.779.773c0 .426.35.771.779.771h.101v21.007l-14.96-1.646a.779.779 0 0 0-.637.221l-1.53 1.516h-4.629l-1.53-1.516a.78.78 0 0 0-.638-.221L1.559 27.365V6.358h.099a.776.776 0 0 0 .781-.771.777.777 0 0 0-.781-.773H.779A.775.775 0 0 0 0 5.587v22.64c0 .221.094.431.26.577a.796.796 0 0 0 .606.191l15.452-1.7 1.494 1.479a.776.776 0 0 0 .55.226h5.276c.207 0 .404-.08.551-.227l1.493-1.479 15.451 1.7a.786.786 0 0 0 .608-.19.77.77 0 0 0 .26-.577V5.587a.78.78 0 0 0-.781-.774z'/%3E%3Cpath d='M4.296 25.518c2.216 0 4.382-.529 6.478-1.039 3.811-.931 7.104-1.733 9.674.813a.793.793 0 0 0 .502.225h.001l.049.002a.796.796 0 0 0 .508-.188.48.48 0 0 0 .047-.043c2.569-2.541 5.862-1.738 9.671-.809 2.096.51 4.263 1.039 6.478 1.039.43 0 .78-.347.78-.772V2.103a.778.778 0 0 0-.78-.773c-1.878 0-3.795-.343-5.649-.676-3.862-.69-7.851-1.406-11.057 1.272C17.9-.622 14.091.307 10.401 1.206c-2.005.49-4.078.996-6.105.996a.775.775 0 0 0-.78.772v21.771c.001.426.35.773.78.773zM21.78 3.303c2.683-2.439 6.08-1.831 9.998-1.128 1.674.3 3.396.608 5.146.683v21.09c-1.775-.105-3.574-.546-5.324-.972-1.899-.462-3.83-.934-5.681-.934-1.448 0-2.846.287-4.139 1.095V3.303zm-16.704.422c1.945-.103 3.85-.567 5.698-1.019 3.7-.902 6.911-1.686 9.447.598v19.833c-2.946-1.837-6.434-.987-9.82-.161-1.748.426-3.548.866-5.325.972V3.725z'/%3E%3Cpath d='M9.571 9.842h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.347-.78.772 0 .426.35.772.78.772zM9.571 13.325h6.155c.43 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772H9.571c-.43 0-.78.345-.78.772 0 .426.35.772.78.772zM26.197 9.842h6.154c.431 0 .78-.346.78-.772a.777.777 0 0 0-.78-.772h-6.154a.776.776 0 0 0-.779.772c0 .426.349.772.779.772zM32.352 13.325c.431 0 .78-.346.78-.772a.776.776 0 0 0-.78-.772h-6.154a.775.775 0 0 0-.779.772c0 .426.349.772.779.772h6.154zM13.867 16.037a.776.776 0 0 0-.779-.773H9.571c-.43 0-.78.346-.78.773 0 .426.35.772.78.772h3.517a.775.775 0 0 0 .779-.772z'/%3E%3C/svg%3E");}
*/
.quick__item li a.donation::before{width:38px; height:32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='32' xml:space='preserve' fill='%23222'%3E%3Cpath d='M37.273 30.484h-3.891a7.445 7.445 0 0 0 1.332-4.238c0-.13-.013-.256-.02-.385l2.81-8.299a2.438 2.438 0 0 0-.227-2.047L32.374 7.48a7.697 7.697 0 0 0-4.254-3.033C21.309 2.552 11.873.05 11.779.025a.755.755 0 0 0-.922.54.76.76 0 0 0 .537.926c.094.024 9.521 2.523 16.324 4.417a6.169 6.169 0 0 1 3.396 2.402l4.879 7.996a.91.91 0 0 1 .085.769l-2.051 6.062a7.45 7.45 0 0 0-3.274-3.459c.237-1.031.381-1.468.382-1.472a.76.76 0 0 0-.143-.738l-3.189-3.729a.752.752 0 0 0-.319-.22l-4.43-1.583a.77.77 0 0 0-.47-.012l-1.1.332a.904.904 0 0 0-.154.066l-3.803 2.159a.76.76 0 0 0-.38.595c-.029.343-.138 2.104.631 3.064 1.123 1.401 2.967 2.074 4.45 2.616.78.284 1.588.58 1.883.862 1.037.991 1.856 2.715 1.827 3.848-.002.067-.005.207-.235.355-.46.29-1.37.317-1.947.059-.446-.199-2.546-.923-5.95-2.091a849.45 849.45 0 0 1-4.435-1.529 9.685 9.685 0 0 1-4.828-3.706c-2.299-3.357-5.105-8.078-5.133-8.125a.749.749 0 0 0-.364-.314l-2.008-.818a.753.753 0 0 0-.982.417.76.76 0 0 0 .415.988l1.773.723c.584.976 3.014 5.008 5.056 7.988a11.18 11.18 0 0 0 5.575 4.28c1.32.46 2.909 1.004 4.442 1.531.906.31 1.814.621 2.646.909-.001.038-.006.075-.006.112a7.43 7.43 0 0 0 1.333 4.238H17.4c-.416 0-.753.34-.753.758s.335.759.751.759H31.707l.01.002.011-.002h5.546c.417 0 .754-.34.754-.758s-.338-.758-.755-.758zM18.951 17.189c-.232-.29-.319-1.018-.318-1.596l3.365-1.91.782-.236 4.009 1.432 2.793 3.263a23.39 23.39 0 0 0-.246.971 7.262 7.262 0 0 0-2-.284 7.323 7.323 0 0 0-3.523.918 27.67 27.67 0 0 0-1.07-.415c-1.375-.503-2.933-1.07-3.792-2.143zm2.534 9.474c.851.298 1.477.522 1.655.602.47.211 1.01.313 1.543.313.668 0 1.326-.16 1.821-.476.589-.373.922-.941.938-1.596.037-1.482-.862-3.493-2.115-4.793a5.835 5.835 0 0 1 2.008-.369c3.238 0 5.871 2.647 5.871 5.901a5.914 5.914 0 0 1-1.796 4.238h-8.152a5.905 5.905 0 0 1-1.773-3.82z'/%3E%3C/svg%3E");}
/*
.type1 .quick__item li a.donation::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='32' xml:space='preserve' fill='%23fff'%3E%3Cpath d='M37.273 30.484h-3.891a7.445 7.445 0 0 0 1.332-4.238c0-.13-.013-.256-.02-.385l2.81-8.299a2.438 2.438 0 0 0-.227-2.047L32.374 7.48a7.697 7.697 0 0 0-4.254-3.033C21.309 2.552 11.873.05 11.779.025a.755.755 0 0 0-.922.54.76.76 0 0 0 .537.926c.094.024 9.521 2.523 16.324 4.417a6.169 6.169 0 0 1 3.396 2.402l4.879 7.996a.91.91 0 0 1 .085.769l-2.051 6.062a7.45 7.45 0 0 0-3.274-3.459c.237-1.031.381-1.468.382-1.472a.76.76 0 0 0-.143-.738l-3.189-3.729a.752.752 0 0 0-.319-.22l-4.43-1.583a.77.77 0 0 0-.47-.012l-1.1.332a.904.904 0 0 0-.154.066l-3.803 2.159a.76.76 0 0 0-.38.595c-.029.343-.138 2.104.631 3.064 1.123 1.401 2.967 2.074 4.45 2.616.78.284 1.588.58 1.883.862 1.037.991 1.856 2.715 1.827 3.848-.002.067-.005.207-.235.355-.46.29-1.37.317-1.947.059-.446-.199-2.546-.923-5.95-2.091a849.45 849.45 0 0 1-4.435-1.529 9.685 9.685 0 0 1-4.828-3.706c-2.299-3.357-5.105-8.078-5.133-8.125a.749.749 0 0 0-.364-.314l-2.008-.818a.753.753 0 0 0-.982.417.76.76 0 0 0 .415.988l1.773.723c.584.976 3.014 5.008 5.056 7.988a11.18 11.18 0 0 0 5.575 4.28c1.32.46 2.909 1.004 4.442 1.531.906.31 1.814.621 2.646.909-.001.038-.006.075-.006.112a7.43 7.43 0 0 0 1.333 4.238H17.4c-.416 0-.753.34-.753.758s.335.759.751.759H31.707l.01.002.011-.002h5.546c.417 0 .754-.34.754-.758s-.338-.758-.755-.758zM18.951 17.189c-.232-.29-.319-1.018-.318-1.596l3.365-1.91.782-.236 4.009 1.432 2.793 3.263a23.39 23.39 0 0 0-.246.971 7.262 7.262 0 0 0-2-.284 7.323 7.323 0 0 0-3.523.918 27.67 27.67 0 0 0-1.07-.415c-1.375-.503-2.933-1.07-3.792-2.143zm2.534 9.474c.851.298 1.477.522 1.655.602.47.211 1.01.313 1.543.313.668 0 1.326-.16 1.821-.476.589-.373.922-.941.938-1.596.037-1.482-.862-3.493-2.115-4.793a5.835 5.835 0 0 1 2.008-.369c3.238 0 5.871 2.647 5.871 5.901a5.914 5.914 0 0 1-1.796 4.238h-8.152a5.905 5.905 0 0 1-1.773-3.82z'/%3E%3C/svg%3E");}
.type2 .quick__item li a.donation::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='32' xml:space='preserve' fill='%23222'%3E%3Cpath d='M37.273 30.484h-3.891a7.445 7.445 0 0 0 1.332-4.238c0-.13-.013-.256-.02-.385l2.81-8.299a2.438 2.438 0 0 0-.227-2.047L32.374 7.48a7.697 7.697 0 0 0-4.254-3.033C21.309 2.552 11.873.05 11.779.025a.755.755 0 0 0-.922.54.76.76 0 0 0 .537.926c.094.024 9.521 2.523 16.324 4.417a6.169 6.169 0 0 1 3.396 2.402l4.879 7.996a.91.91 0 0 1 .085.769l-2.051 6.062a7.45 7.45 0 0 0-3.274-3.459c.237-1.031.381-1.468.382-1.472a.76.76 0 0 0-.143-.738l-3.189-3.729a.752.752 0 0 0-.319-.22l-4.43-1.583a.77.77 0 0 0-.47-.012l-1.1.332a.904.904 0 0 0-.154.066l-3.803 2.159a.76.76 0 0 0-.38.595c-.029.343-.138 2.104.631 3.064 1.123 1.401 2.967 2.074 4.45 2.616.78.284 1.588.58 1.883.862 1.037.991 1.856 2.715 1.827 3.848-.002.067-.005.207-.235.355-.46.29-1.37.317-1.947.059-.446-.199-2.546-.923-5.95-2.091a849.45 849.45 0 0 1-4.435-1.529 9.685 9.685 0 0 1-4.828-3.706c-2.299-3.357-5.105-8.078-5.133-8.125a.749.749 0 0 0-.364-.314l-2.008-.818a.753.753 0 0 0-.982.417.76.76 0 0 0 .415.988l1.773.723c.584.976 3.014 5.008 5.056 7.988a11.18 11.18 0 0 0 5.575 4.28c1.32.46 2.909 1.004 4.442 1.531.906.31 1.814.621 2.646.909-.001.038-.006.075-.006.112a7.43 7.43 0 0 0 1.333 4.238H17.4c-.416 0-.753.34-.753.758s.335.759.751.759H31.707l.01.002.011-.002h5.546c.417 0 .754-.34.754-.758s-.338-.758-.755-.758zM18.951 17.189c-.232-.29-.319-1.018-.318-1.596l3.365-1.91.782-.236 4.009 1.432 2.793 3.263a23.39 23.39 0 0 0-.246.971 7.262 7.262 0 0 0-2-.284 7.323 7.323 0 0 0-3.523.918 27.67 27.67 0 0 0-1.07-.415c-1.375-.503-2.933-1.07-3.792-2.143zm2.534 9.474c.851.298 1.477.522 1.655.602.47.211 1.01.313 1.543.313.668 0 1.326-.16 1.821-.476.589-.373.922-.941.938-1.596.037-1.482-.862-3.493-2.115-4.793a5.835 5.835 0 0 1 2.008-.369c3.238 0 5.871 2.647 5.871 5.901a5.914 5.914 0 0 1-1.796 4.238h-8.152a5.905 5.905 0 0 1-1.773-3.82z'/%3E%3C/svg%3E");}
*/

.quick__item li a.online::before{width:40px; height:30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='30' xml:space='preserve' fill='%23222'%3E%3Cpath d='M39.264 23.555h-1.777V2.422A2.42 2.42 0 0 0 35.075 0H4.92a2.42 2.42 0 0 0-2.412 2.422v21.132H.732a.74.74 0 0 0-.737.739v1.682c0 2.264 1.834 4.105 4.087 4.105h31.83c2.255 0 4.087-1.842 4.087-4.105v-1.682a.737.737 0 0 0-.735-.738zM3.982 2.422c0-.521.421-.943.938-.943h30.155a.94.94 0 0 1 .938.943v21.132H24.187a.735.735 0 0 0-.521.217l-1.461 1.465h-3.659l-2.328-1.557a.727.727 0 0 0-.409-.125H3.982V2.422zm34.545 23.554a2.623 2.623 0 0 1-2.614 2.626H4.083a2.623 2.623 0 0 1-2.614-2.626v-.941h14.118l2.328 1.558a.737.737 0 0 0 .409.124h4.187a.74.74 0 0 0 .521-.217l1.46-1.465h14.036v.941z'/%3E%3Cpath d='m14.451 4.422-2.83 2.841-1.154-1.158a.735.735 0 0 0-1.042 0 .743.743 0 0 0 0 1.046L11.1 8.833a.73.73 0 0 0 1.042 0l3.351-3.364a.741.741 0 0 0 0-1.046.735.735 0 0 0-1.042-.001zM14.451 10.312l-2.83 2.841-1.154-1.158a.735.735 0 0 0-1.042 0 .743.743 0 0 0 0 1.046l1.675 1.682a.73.73 0 0 0 1.042 0l3.351-3.364a.741.741 0 0 0 0-1.046.732.732 0 0 0-1.042-.001zM14.451 16.199l-2.83 2.843-1.154-1.159a.735.735 0 0 0-1.042 0 .743.743 0 0 0 0 1.046l1.675 1.682a.73.73 0 0 0 1.042 0l3.351-3.364a.742.742 0 0 0 0-1.047.735.735 0 0 0-1.042-.001zM17.485 7.368h11.727c.407 0 .737-.331.737-.74s-.33-.74-.737-.74H17.485c-.407 0-.737.331-.737.74s.331.74.737.74zM17.485 13.257h11.727a.739.739 0 0 0 0-1.479H17.485a.74.74 0 0 0 0 1.479zM17.485 19.146h11.727a.739.739 0 0 0 0-1.479H17.485a.738.738 0 0 0 0 1.479z'/%3E%3C/svg%3E");}

.quick__item li a.support::before{width:38px; height:37px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='37' fill='%23222' xml:space='preserve'%3E%3Cpath d='M11.94 21.199a.748.748 0 0 0 .688 0c.435-.233 10.657-5.775 11.78-11.802.69-3.705-.992-7.312-4.091-8.772A6.4 6.4 0 0 0 17.567 0c-1.881 0-3.75.847-5.283 2.39C10.749.847 8.88 0 6.999 0a6.4 6.4 0 0 0-2.75.625C1.152 2.085-.53 5.692.159 9.397c1.123 6.026 11.346 11.569 11.781 11.802zM4.871 1.934a5 5 0 0 1 2.152-.495c1.675 0 3.346.884 4.706 2.489.267.316.843.316 1.111 0 1.952-2.308 4.568-3.074 6.857-1.995 2.503 1.179 3.852 4.139 3.282 7.2-.888 4.768-8.813 9.529-10.695 10.599-1.882-1.07-9.809-5.832-10.697-10.599-.568-3.06.781-6.021 3.284-7.199z'/%3E%3Cpath d='M37.252 27.043H32.67a.713.713 0 0 0-.406.125l-11.787 7.954a3.02 3.02 0 0 1-3.116.116L2.254 26.6a1.647 1.647 0 0 1-.429-2.458 1.673 1.673 0 0 1 1.894-.5l10.635 4.125c-.069.424-.064.865.015 1.342.203 1.231 1.132 2.206 2.424 2.546a4.29 4.29 0 0 0 1.085.132c1.834 0 4.826-.993 8.659-5.725a.723.723 0 0 0-.111-1.018.75.75 0 0 0-1.02.11c-4.596 5.674-7.551 5.284-8.245 5.102-.741-.195-1.249-.711-1.36-1.382-.256-1.555.466-2.009 2.128-2.889 1.313-.696 2.8-1.485 3.601-3.299 1.259-2.843 3.838-4.225 7.884-4.225h7.838c.4 0 .726-.324.726-.723a.726.726 0 0 0-.726-.724h-7.838c-4.619 0-7.718 1.712-9.211 5.088-.602 1.357-1.801 1.993-2.961 2.607-.819.435-1.741.924-2.331 1.721L4.245 22.293a3.155 3.155 0 0 0-3.55.938 3.087 3.087 0 0 0-.648 2.485 3.12 3.12 0 0 0 1.471 2.13l15.122 8.646c.66.377 1.416.577 2.187.577.888 0 1.741-.259 2.467-.749l11.601-7.83h4.358c.4 0 .726-.324.726-.723s-.327-.724-.727-.724z'/%3E%3C/svg%3E");}

.quick__item li a:hover{opacity:1; text-decoration:underline;}
.quick__item li a:hover::before{}

.quick__sns{display:block; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-position:0 0; transition:all .4s; margin-left: auto; margin-right: auto;}

.quick__sns.facebook{width:8px; height:16px; background-image:url('../images/quick_facebook_2.png');}
/*
.type1 .quick__sns.facebook{background-image:url('../images/quick_facebook_1.png');}
.type2 .quick__sns.facebook{background-image:url('../images/quick_facebook_2.png');}
*/
.quick__sns.insta{width:15px; height:15px; background-image:url('../images/quick_insta_2.png');}
/*
.type1 .quick__sns.insta{background-image:url('../images/quick_insta_1.png');}
.type2 .quick__sns.insta{background-image:url('../images/quick_insta_2.png');}
*/
.quick__sns.blog{width:11px; height:15px; background-image:url('../images/quick_blog_2.png');}
/*
.type1 .quick__sns.blog{background-image:url('../images/quick_blog_1.png');}
.type2 .quick__sns.blog{background-image:url('../images/quick_blog_2.png');}
*/
.quick__sns.youtube{width:15px; height:12px; background-image:url('../images/quick_youtube_2.png');}
/*
.type1 .quick__sns.youtube{background-image:url('../images/quick_youtube_1.png');}
.type2 .quick__sns.youtube{background-image:url('../images/quick_youtube_2.png');}
*/
.quick__sns:not(:nth-last-of-type(1)){margin-bottom:10px;}

.quick .gotop{
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:10px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    background: #333;
    width: 100%;
    height: 90px;
}
.quick .gotop:before{
    content:'';
    display:block;
    position: static;
    transform: none;
    border-width: 0 4px 5px 4px;
    border-style:solid;
    border-color:transparent transparent #fff transparent;
}


.quick__closeBtn{display: block; position: absolute;width: 37px;height: 117px;background: url('/common/mainRenewal/images/quick_btn.png') no-repeat center / 100%;top: 50%;right: 101%;}
.quick__closeBtn >span{display: block;color: #666;transform: rotate(270deg);font-size: 13px;text-transform: uppercase;margin-top: 15px;}
.quick__closeBtn .txt-close{display: block;}
.quick__closeBtn .txt-open{display: none;}
.st_hide .quick__closeBtn .txt-close{display: none;}
.st_hide .quick__closeBtn .txt-open{display: block;}
.quick__closeBtn >span:after{content: '';position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;top: 10px;left: calc(100% + 5px);}
.quick__closeBtn .txt-close:after{border-top: 4px solid #666;border-bottom: 4px solid transparent;}
.quick__closeBtn .txt-open:after{border-top: 4px solid transparent; border-bottom: 4px solid #666; top: 5px;}

@media screen and (max-width:1400px){
    .sitemapVer .header__menu{width:100%; padding:0 20px;}
    .sitemapVer .header__menu .depth2 .layout{padding:0 10px;}
    .header__nav{padding-left: 180px}
    .header__menu .depth2__title{width: 180px; white-space: nowrap; justify-content: flex-start}
    .header__menu .depth2__title::after { width: 80px !important; margin-left: 0;  background-size: 100%}

    .quick{width:0; border:0;}
    .quick__item{display:none;}
    .quick__sns{display:none;}
    .init .quick__donation{top:140px; bottom:auto}
    .quick__donation{left:-125px;    width: 115px; background-size: 100%; height: 130px; top:auto; bottom:15px}
    .quick__donation span{top:63px; margin-left:-1px}
}

@media screen and (max-width:1200px){
    .header.type2 .navbarmenu-wrap .menu-list { gap: 46px; }
    .header.type2 .navbarmenu-wrap.on { padding-left: 42px; }

    .header__nav:not(.sitemapVer) .header__menu > li > button,
    .header__nav:not(.sitemapVer) .header__menu > li > a{padding:0 22px;}

    .quick{display:none;}
}

@media screen and (max-width:1024px){
    .redball-wrap { width: 360px; height: 360px; top: 30px; left: -120px; }
	.redball { width: 228px; height: 228px; }
	.redball.redball-1 { top: 50%; left: calc(50% - 89px); }
	.redball.redball-2 { top: calc(50% - 109px); left: 50%; }
	.redball.redball-3 { top: 50%; left: calc(50% + 29px); }

	.redball-wrap.old { display: none; }
	/* .redball-wrap.old { width: 360px; height: 360px; top: 30px; left: -120px; }
	.redball-wrap.old .redball { width: 228px; height: 228px; } */
	/* .redball.redball-1 { top: 50%; left: calc(50% - 89px); }
	.redball.redball-2 { top: calc(50% - 109px); left: 50%; }
	.redball.redball-3 { top: 50%; left: calc(50% + 29px); } */

    .header{background:#fff !important; padding:0 0 0 20px; border-bottom: none;}
    .header::after{display:none;}
    .header__logo { top: 15px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .header__logo a{background-image:url('/common/img/intro/logo.png') !important;}
    /* .header__logo a{background-image:url('../images/header_logo2.png') !important;} */
    .header__select select{border-color:#555 !important; color:#333 !important; background-image:url('../images/header_select_2.png') !important;}
    /* .header__searchBtn{background-image:url('../images/header_search_2.png') !important;} */

    .header__sitemapBtn { border-bottom: none; margin-left: 16px; width: 34px; height: 34px; }

    .header__item { top: 17px; right: 22px; }

    .header__nav.new { display: block; top: 56px; z-index: 1; }
    .header__nav{ overflow:auto; max-height:0; transition: auto; -webkit-transition: auto; -moz-transition: auto; -ms-transition: auto; -o-transition: auto; }
    .header__nav.sitemapVer {display:flex; flex-direction:column; border-top: none; padding: 0 13px; max-height: 100%; height: 100%; padding-bottom: 64px; }
    .header__nav.new .btn-close { width: 34px; height: 34px; background: none; }

    @supports (-webkit-appearance:none) and (stroke-color:transparent){
        min-height: -webkit-fill-available;
    }

    .header.type2 { height: 56px; transition: all .2s; }
    .header.type2 .header-inner { justify-content: space-between; padding-left: 10px; height: 64px; }
    .header.type2.active .header-inner { background-color: #fff; }
    .header.type2 .header-inner h1 { max-width: none; height: 40px; margin-top: 0; margin-left: 0; }
    .header.type2 .header-inner h1 > a { max-width: 119px; }
    .header.type2 .header-inner .menu-list { display: none; }
    .header.type2 .header-inner .header-util-wrap { margin-right: 0px; margin-left: 0px; align-items: center; }
    .header.type2 .header-inner .header-util-wrap .btn-region { display: none; }
    .header.type2 .header-inner .content-bound > .header-util-wrap { margin-right: 18px; margin-left: 0px; }
    
    .header.type2 .header-inner-mo .btn-region { width: 76px; height: 27px; font-size: 11px; font-weight: 500; color: #fff; background-color: #c50018; border-radius:0px; padding: 0 4px; text-align: left; display: flex; align-items: center; justify-content: center; gap: 5px; margin: 0; margin-right: 54px; margin-bottom: 1px; }
    .header.type2 .header-inner-mo .btn-region::after { content: ""; display: inline-block; width: 6px; height: 3px; background: url(../images/ico_arrow_header_select_w.png) no-repeat center/cover; vertical-align: middle; }
    .header.type2 .header-inner-mo .btn-region.active::after { transform: rotate(180deg);}
    .header.type2 .header-inner-mo .btn-search { width: 40px; height: 40px; background-image: url(../images/header_search_2.svg); background-repeat: no-repeat; background-position: center; background-size: 23px 23px; }
    .header.type2 .header-inner-mo .btn-search.active { background-image: url(../../img/common/icon_search_close.svg) !important; background-size: 40px 40px; }
    .header.type2 .header-inner-mo .btn-search.active ~ .btn-gnb.mo span { background-color: #242424; }
    .header.type2 .header-inner-mo .region-wrap { position: absolute; top: calc(100% + 10px); width: 108px; height: 0; transition: all .3s; overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index: 101; }
    .header.type2 .header-inner-mo .region-wrap.active { height: 720px; }
    .header.type2 .header-inner-mo .region-list { overflow-y: scroll; max-height: 40vh; border-radius: 5px;}
    .header.type2 .header-inner-mo .region-list::-webkit-scrollbar { width: 4px; height: 4px;}
    .header.type2 .header-inner-mo .region-list::-webkit-scrollbar-thumb { background-color: #dbdbdb; border-radius: 6px; }
    .header.type2 .header-inner-mo .region-list::-webkit-scrollbar-track { background-color: #c50018; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
    
    .header.type2 .header-inner-mo .btn.lang { display: flex; align-items: center;  justify-content: center; gap:7px; width: 68px; height: 36px; background-color: #2c363f; margin-right: 19px;  }
    .header.type2 .header-inner-mo .btn.lang::before { content: ""; display: inline-block; width: 13px; height: 13px; background: url(../images/ico_lang_w.png) no-repeat center/cover; }
    /*.header.type2 .header-inner-mo .btn.lang::after { content: ""; display: block; width: 10px; height: 6px; background: url(../images/ico_arrow_header_select_b.png) no-repeat center/cover; }*/
    .header.type2 .header-inner-mo .btn.lang.active::after { transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; }
    .header.type2 .header-inner-mo .btn.lang > span { color: #fff; font-size: 13px; font-weight: 400; }
    .header.type2 .header-inner-mo .select-list { display: none; position: absolute; top:42px; left: -10%; width: 100%; box-shadow: 5px 0px 5px rgb(0 0 0 / 10%); border: 1px solid #ccc; border-top: none; }
    .header.type2 .header-inner-mo .select-list li { width: 100%; height: 34px; line-height: 34px; background-color: #fff; border-bottom: 1px solid #ccc; }
    .header.type2 .header-inner-mo .select-list > li:last-child { border-bottom:none; }
    .header.type2 .header-inner-mo .select-list li a { display: block; font-size: 12px; font-weight: 500; color: #231916; text-align:center; padding-left:0; }
    .header.type2 .header-inner-mo .select-list li.active { background-color: #474A4B; }
        
    .header.type2 .header-inner .header-util-wrap .btn-search { width: 32px; height: 32px; margin-top: 0; margin-right: 14px; background-size: 18px 18px; }
    .header.type2 .header-inner .header-util-wrap .btn-search.active { background-size: 32px 32px; }
    
    .header.type2 .header-inner .header-area-main .header-util-wrap .btn-region { display: flex; width:76px; height:27px; font-size:11px; border-radius: 0px; }
    .header.type2 .header-inner .header-area-main .header-util-wrap .btn-region::after { width:6px; height:3px; }
    .header.type2 .header-inner .header-area-main .header-util-wrap .region-wrap { display:block; width: 76px }
    .header.type2 .header-inner .header-area-main .header-util-wrap .region-list { padding: 5px 0; background-color: #c50018; }
    .header.type2 .header-inner .header-area-main .header-util-wrap .region-list li a { line-height:28px; height: 28px; font-size: 11px; }
    
    .header.type2 .header-inner .btn-donate { display: none; }
    .header.type2 .header-inner .btn-gnb.mo { display: block; width: 36px; height: 36px; position: relative; z-index: 2; }
    .header.type2 .header-inner .donate-wrap { display: none; }
    .header.type2 .header-inner .btn-gnb.mo.active { visibility: hidden; }
    /* .header.type2 .header-inner .btn-gnb.mo.active { position: absolute; right: 0; } */

    .header.type2.dark { background-color: #fff !important; }

    .header-mo .btn-gnb.event { display: none; width: 18px; height: 24px; position: absolute; top: 22px; right: 18px; z-index: 2; }
    .header-mo .btn-gnb.event.active { display: block; }
    .header-mo .btn-gnb.event span { display: block; width: 22px; height: 2px; background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
    .header-mo .btn-gnb.event span:nth-child(2) { width: 16px; margin: 5px 0; }

    .header-mo .btn-gnb.event span:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header-mo .btn-gnb.event span:nth-child(2) { display: none; }
    .header-mo .btn-gnb.event span:nth-child(3) { transform: rotate(-45deg) translate(2px, -2px); -webkit-transform: rotate(-45deg) translate(2px, -2px); -moz-transform: rotate(-45deg) translate(2px, -2px); -ms-transform: rotate(-45deg) translate(2px, -2px); -o-transform: rotate(-45deg) translate(2px, -2px); }
    /****/
    
    .header-mo .mo-menu-wrap { display: flex; width: 100%; background: #fff; min-height: calc(100% - 64px);}
    .header-mo .mo-menu-tab { width: 30%; background: #f6f6f6; list-style: none; padding: 0; margin: 0; min-width: 126px; padding-top: 5px;}
    .header-mo .mo-menu-tab li { padding: 15px 0px 15px 20px; font-size: 15px; color: #222; font-weight: 500; }
    .header-mo .mo-menu-tab li.active { color: #c50018; font-weight: 500; }
    .header-mo .mo-menu-content { width: 70%; padding: 20px; background: #fff; }
    .header-mo .mo-menu-panel { display: none; border-top:2px solid #333; }
    .header-mo .mo-menu-panel.active { display: block; }
    .header-mo .menu-list { list-style: none; padding: 0; }
    .header-mo .menu-list > li { padding: 10px 0; border-bottom: 1px solid #ddd; font-size:14px;}
    .header-mo .menu-list > li > a { font-size: 14px; padding-left: 10px; color:#222; }
    .header-mo .menu-list .has-submenu { padding: 0; }
    .header-mo .has-submenu .submenu { display: none; padding-left: 10px; padding-top:5px; padding-bottom:5px; background: #f6f6f6; }
    .header-mo .has-submenu.open .submenu { display: block; }
    .header-mo .has-submenu .submenu li {padding-left : 11px; padding-top:5px; padding-bottom:5px; position: relative; }
    .header-mo .has-submenu .submenu li:before { content:""; display:inline-block; width: 6px; height: 2px; background-color: #333; position: absolute; top: 14px; left: 0px;}
    .header-mo .has-submenu .submenu li a {color: #666;}
    .header-mo .toggle-submenu { display: block; color:#222; padding: 10px 0; font-weight: 400; font-size: 14px; padding-right: 23px; position: relative; }
    .header-mo .toggle-submenu:after { content:""; display:inline-block; width: 15px; height: 15px; background:url(../images/ico_plus_toggle.png) no-repeat center / cover; position: absolute; right: 5px; top: 13px;}
    .header-mo .has-submenu.open .toggle-submenu:after { content:""; display:inline-block; width: 15px; height: 15px; background:url(../images/ico_minus_toggle.png)no-repeat center / cover; position: absolute; right: 5px; top: 13px;}
    .header.type2 .header-inner .btn-gnb.mo span { display: block; width: 25px; height: 2px; background-color: #242424; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
    .header.type2 .header-inner .btn-gnb.mo span:nth-child(2) { width: 20px; margin: 5px 0; }
    .header.type2 .header-inner .btn-gnb.mo span:nth-child(3) { width: 16px; }
    
    .header.type2.dark:not(.on).active .header-inner .header-util-wrap .btn-search { background-image: url(../images/header_search_2.svg); }
    /* .header.type2:not(.active).dark .header-inner .btn-gnb.mo span { background-color: #fff; } */
    .header.type2.dark .header-inner .btn-gnb.mo.active span { background-color: #242424; }


    /* .header.type2 .header-util-wrap.active { margin-right: 32px; } */
    .header.type2 .header-util-wrap.active .btn-search { opacity: 0; }

    .header.type2 .header-inner .header-util-wrap .region-wrap { display: none; }

    .header.type2 .header-inner .btn-gnb.mo.active span:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header.type2 .header-inner .btn-gnb.mo.active span:nth-child(2) { display: none; }
    .header.type2 .header-inner .btn-gnb.mo.active span:nth-child(3) { transform: rotate(-45deg) translate(2px, -2px); -webkit-transform: rotate(-45deg) translate(2px, -2px); -moz-transform: rotate(-45deg) translate(2px, -2px); -ms-transform: rotate(-45deg) translate(2px, -2px); -o-transform: rotate(-45deg) translate(2px, -2px); }


    .header.type2 .search-wrap { padding: 32px 24px; height: 124px; }
    .header.type2 .search-wrap .search-inner { height: 60px; }
    .header.type2 .search-wrap::after { top: 180px; }
    .header.type2 .gnb-donate-wrap { display: none; }

    .header.type2.dark::before { display: none; }
    .header.type2.dark.active { background-color: #fff !important; }
    
    
    .header:not(:has(.header-campaign)) + #smooth-wrapper .body-wrap { padding-top:30px;}
    .default-wrap.mo { position: relative; width: 100%; padding-left: 36px; padding-right: 36px; margin-left: auto; margin-right: auto; }

    .header.type2 .header-mo { display: none; width: calc(100% - 15px); height: 100%; background-color: #fff; position: fixed; top: 0; right:0; z-index: 1; }
    .header.type2 .header-mo.active { display: block; }
    .header.type2 .header-mo .header-inner-mo h1 { display: inline-block; width: 125px; height: 40px; margin: 8px 14px; }
    .header.type2 .header-mo .header-inner-mo h1 > a { display: block; width: 100%; height: 100%; }
    .header.type2 .header-mo .header-inner-mo { overflow-y: scroll; height: 100%; }
    .header.type2 .header-mo .header-top { position: relative; background-color: #F1F5F9; padding-top: 36px; padding-bottom: 40px; }
    .header.type2 .header-mo .header-top .btn-region { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 46px; font-size: 18px; font-weight: 600; color: #4B5563; text-align: left; border-bottom: 1px solid #1F2937; padding-left: 12px; padding-right: 12px; }
    .header.type2 .header-mo .header-top .btn-region::after { content: ""; display: inline-block; width: 0px; height: 0px; border-top: 6px solid #1F2937; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 20px; vertical-align: middle; }
    .header.type2 .header-mo .header-top .btn-region.active::after { border-top-color: #B91C1C; }
    .header.type2 .header-mo .header-top .region-wrap { position: absolute; top: 46px; width: calc(100% - 72px); height: 0; overflow: hidden; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index: 1;}
    .header.type2 .header-mo .header-top .region-wrap.active { height: 720px;  }
    .header.type2 .header-mo .header-top .region-list { overflow-y: scroll; height: calc(100vh - 37%); box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);  }
    .header.type2 .header-mo .header-top .region-list li a { display: block; height: 40px; line-height: 38px; background-color: #F1F5F9; padding-left: 12px; border-bottom: 1px solid #D1D5DB; font-size: 15px; color: #4B5563; }

    .header.type2 .header-mo .header-top .item-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
    .header.type2 .header-mo .header-top .item-wrap li { width: calc(33.333% - 8px); height: 52px; background-color: #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
    .header.type2 .header-mo .header-top .item-wrap li > a { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; height: 100%; }
    .header.type2 .header-mo .header-top .item-wrap li > a > span:first-child { display: block; width: 40px; height: 40px; }
    .header.type2 .header-mo .header-top .item-wrap li > a > span { font-size: 15px; font-weight: 600; color: #1F2937; height: 20px; }
    .header.type2 .header-mo .menu-list.mo { padding-top: 40px; }
    .header.type2 .header-mo .menu-list.mo > li + li { margin-top: 45px; }
    .header.type2 .header-mo .menu-list.mo > li > a { font-size: 26px; font-weight: 600; color: #18181B; line-height: 1.2; }
    .header.type2 .header-mo .menu-list.mo > li > .sub-menu { position: relative; padding-top: 44px; }
    .header.type2 .header-mo .menu-list.mo > li > .sub-menu::before { content: ""; display: block; width: 100%; height: 1px; background-color: #CBD5E1; position: absolute; top: 16px; }
    .header.type2 .header-mo .menu-list.mo > li > .sub-menu li + li { margin-top: 20px; }
    .header.type2 .header-mo .menu-list.mo > li > .sub-menu li a { font-size: 16px; font-weight: 600; color: #4B5563; }
    .header.type2 .header-mo .sns-wrap { display: flex; align-items: center; gap: 16px; }
    .header.type2 .header-mo .sns-wrap li { width: 24px; height: 24px; }
    
    .header.type2 .header-mo .item-wrap .stiemap-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 15px;}
    .header.type2 .header-mo .item-wrap .stiemap-wrap .sitemap { display: inline-flex; width: 30px; height: 20px; flex-direction: column; gap: 4px; align-items: start; padding-left:7px;}
    .header.type2 .header-mo .item-wrap .stiemap-wrap span {font-size: 15px; font-weight: 600; color: #1F2937;}
    .header.type2 .header-mo .item-wrap .stiemap-wrap .sitemap span:nth-child(1),.header.type2 .header-mo .stiemap-wrap .sitemap span:nth-child(3) { display: inline-block; width: 26px; height: 2px; background-color: #1F2937;}
    .header.type2 .header-mo .item-wrap .stiemap-wrap .sitemap span:nth-child(2),.header.type2 .header-mo .stiemap-wrap .sitemap span:nth-child(4) { display: inline-block; width: 22px; height: 2px; background-color: #1F2937;}
    
    .header.type2 .header-mo .header-area-util { position: relative; background-color: #2c363f; display: flex; color: #fff; height: 64px; align-items: center; justify-content: space-between; padding-left: 18px; }
    .header.type2 .header-mo .header-area-util strong { font-size:18px; font-weight: 500; flex: 1 1 auto; }
    
    .type-full .popup-area > .popup-inner {padding-top:120px;}
    .type-full .button-area {top: 24px;}
    .type-full .button-area .btn-popup-ty1.black {width: 44px; height: 44px; margin-left:18px; }
    .type-full .button-area .sns-wrap {gap: 8px;}
    .sitemap-zone .category-menu-list { margin-top: 24px; }
    .sitemap-zone .category-list > li strong {font-size: 24px;}
    .sitemap-zone .category-menu-list > li { min-height: 48px; padding-bottom: 18px;}
    .sitemap-zone .category-menu-list > li:has(i) { padding-left:34px;}
    .sitemap-zone .category-menu-list > li > a { font-size:18px; }
    .type-full .category-list > li i.ico-book-s { width: 28px; height: 28px; padding-bottom: 28px; top: 0px; left: 2px;}
    .type-full .category-list > li i.ico-heartbox-s {width: 22px; height: 22px; padding-bottom: 30px; top: -2px; left: 5px;}
    .type-full .category-list > li i.ico-check-s {width: 30px; height: 30px; top: -1px;}
    .type-full .category-list > li i.ico-phone-s {width: 20px; height: 20px; top: 5px; left: 7px;}

    .header.type2 .header-inner .btn-back { display: none; }

    .sitemapVer .header__menu { display: none; }

    .header__menu,
    .sitemapVer .header__menu{padding:0; gap:0; flex-direction:column; flex:1;}

    .header__menu > li > button,
    .header__menu > li > a,
    .sitemapVer .header__menu > li > button,
    .sitemapVer .header__menu > li > a{font-size:26px; color:#000033 !important; padding:20px; border-bottom:1px solid #ddd; height:auto; width:100%;}
    .sitemapVer .header__menu > li > button::after,
    .sitemapVer .header__menu > li > a::after{content:''; display:block; width:23px; height:13px; background:url('../images/m_sitemap_arrow_ico_03.png') no-repeat 0 0; position:absolute; top:50%; right:20px; transform:translateY(-50%); max-width:none; left:auto;}
    .sitemapVer .header__menu > li > button.active::after,
    .sitemapVer .header__menu > li > a.active::after{background-image:url('../images/m_sitemap_arrow_ico_06.png');}

    .header__menu > li > button::after,
    .header__menu > li > a::after{display:none;}

    .header__menu .depth2,
    .sitemapVer .header__menu .depth2{display:none; margin:0; position:static; opacity:1; visibility:visible; pointer-events:auto; border-top:0; transition:auto; background:#fff6f7;}

    .header__menu .depth2__title,
    .sitemapVer .header__menu .depth2__title{display:none;}

    .header__menu .depth2 .layout,
    .sitemapVer .header__menu .depth2 .layout{padding:0;}

    .header__menu .depth2__item,
    .sitemapVer .header__menu .depth2__item{border-bottom:1px solid #ddd; flex-direction:column;}

    .header__menu .depth2__item > li,
    .sitemapVer .header__menu .depth2__item > li{padding:0; border:0;width: 100%;}

    .header__menu .depth2__item > li:hover,
    .header__menu .depth2__item > li.over{background:transparent;}

    .header__menu .depth2__item > li:not(:last-child),
    .sitemapVer .header__menu .depth2__item > li:not(:last-child){padding-bottom:0; margin-bottom:0; padding:0; border:0;}

    .header__menu .depth2__item > li > a,
    .sitemapVer .header__menu .depth2__item > li > a{padding:15px 25px; border-bottom:0;}

    .header__menu .depth2__item > li > a{position:relative;}
    .header__menu .depth2__item > li > a::after{content:''; display:block; width:22px; height:2px; background:url('../images/m_sitemap_arrow_ico_09.png') no-repeat 0 0; position:absolute; top:50%; right:25px; transform:translateY(-50%)''}

    .header__menu .depth3{margin-top:0; display:none;}
    .header__menu .depth3 > li:not(:last-child){margin:0;}
    .header__menu .depth3 > li > a{padding:5px 30px; width:100%; display:flex; align-items:center; gap:8px; font-size:16px; color:#777;}
    .header__menu .depth3 > li > a::before{position:static; content:''; display:block; width:3px; height:3px; background:#999; border-radius:100%;}
    .header__menu .depth3 > li > a::after{bottom:0; display:none;}

    .sitemapVer .header__menu > li.sm_foot{display:none;}

    /* mobile menu */
    .header__mMenu { display: block; }
    .header__mMenu .sun-title { font-size: 16px; font-weight: 600; color: #4A4A4A; line-height: 1.2; }
    .header__mMenu .sun-title::after { content: ""; display: block; width: 100%; height: 1px; background-color: #D9D9D9; margin-top: 10px; }
    .header__mMenu > li { overflow: hidden; margin-bottom: 30px; }
    .header__mMenu > li > ul { float: left; margin-top: 22px; width: calc(50% - 10px); }
    .header__mMenu > li > ul.depth1-right { margin-left: 20px; }
    .header__mMenu > li > ul > li { margin-bottom: 10px; }
    .header__mMenu > li > ul > li > a { font-size: 18px; font-weight: 600; color: #1D1D1D; }

    .header__mMenu_new { display: block; }
    .header__mMenu_new li { margin-bottom: 12px; }
    .header__mMenu_new li a { font-size: 18px; font-weight: 600; color: #1D1D1D; }

    .sitemapOpend .header__select select{opacity:1; visibility:visible; pointer-events:auto;}
    /* .sitemapOpend .header__searchBtn{opacity:1; visibility:visible; pointer-events:auto;} */

    .header__select{display:none;}

    .header__search{padding:35px 0;}
    .header__search .txt{margin-top:10px;}
    .header__search .item{margin-top:20px;}

    .header__mSearch { display: block; position: relative; margin-top: 20px; }
    .header__mSearch > button#mBtnResult { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 20px; height: 20px; }
    .header__mSearch input { width: 100%; height: 46px; border: 1px solid #645F60; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; padding-left: 48px; font-size: 16px; font-weight: 500; }
    .header__mSearch input::placeholder { color: #B3B3B3; }

    .header__mChange{display:block;}
    .header__mChange .header__select-item{position:relative;}
    .header__mChange .header__select-item::after{ position:absolute; top:50%; right:0; transform:translateY(-50%); pointer-events:none; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
    .header__mChange select{padding-right:26px;}

    .header__mChange .header__select-item > button{ width: 100%; height: 56px; border-bottom: 1px solid #2D2D2D; font-size:18px; font-weight: 500; color:#B3B3B3; background-image:url(/common/img/intro/select_black_arrow.svg); text-align: left; background-repeat: no-repeat; background-position: center right 7px; }
    .header__mChange .header__select-item > button.active { background-image: url(/common/img/intro/select_red_arrow.svg); }

    .header__mChange .header__select-item.local > button::before{ content: none; }

    .header__select-list { width: 100%; height: 50vh; overflow-x: hidden; overflow-y: auto;  }
    .header__select-list li a{ font-size:13px; }

    .header__mQuick{display:flex; flex-wrap: wrap; }
    .header__sns{display:flex; }

    .footer__select{display:flex; align-items: center; justify-content: space-between; width: 278px;}
    .footer__select button { width: 135px; height: 42px; background-color: #F2F2F2; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; color: #353535; font-size: 16px; font-family: 'Pretendard'; font-weight: 500; }
    .footer__select button::after { content: ""; display: inline-block; width: 10px; height: 7px; background-image: url(../images/mainDonation_arrow.png); background-repeat: no-repeat; background-size: contain; margin-left: 22px;}
    .footer__item{flex-direction:column; align-items:center;}
    .footer__info{align-items:center; margin-bottom:40px; display: grid; grid-template: repeat(3, auto) / repeat(2, auto); width: 100%; justify-content: space-between;}
    .footer__txt{text-align:left;}

    .footer__sns{margin-top:auto;}

    .footer__top .layout{padding:0;}




    .footer__menu{gap:30px; display:none;}

    .footer__content{align-items:flex-end; margin-top:40px;}
    .footer__copyright{}
    .header__menu > li,
    .sitemapVer .header__menu > li{width: 100%; margin: 0;}
    .header__menu .depth2__item > li
    .sitemapVer .header__menu .depth2__item > li{width: 100%;}

    .footer-wrap .footer-top { flex-direction: column; }
	.footer-wrap .footer-top .btn.lang { width: 100%; margin: 17px 0 42px; }
	.footer-wrap .select-list { bottom: 88px; }
	.footer-wrap .select-list li { width: 100%; }
	.footer-wrap .etc-nav-wrap { flex-direction: column; padding-bottom: 27px; }
	.footer-wrap .etc-nav-wrap > .etc-nav { margin-right: 0; margin-bottom: 30px; }
	.footer-wrap .etc-nav-wrap > .etc-nav > li + li::before { height: 14px; margin: 0 12px; }
	.footer-wrap .footer-bot { flex-direction: column; justify-content: center; padding-top: 32px; padding-bottom: 152px; border-top: 1px solid #333636; }
    .footer-wrap .footer-bot .footer-util { max-width: 100%; }
	.footer-wrap .footer-bot .link-list { position: absolute; bottom: 64px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .footer-wrap .footer-bot .link-list li:nth-child(1) { width: 105px; }
    .footer-wrap .footer-bot .link-list li:nth-child(2) { width: 64px; }
    .footer-wrap .footer-bot .link-list li:nth-child(3) { width: 125px; }
	.footer-wrap .footer-bot .footer-menu { margin-top: 40px; gap: 8px; justify-content: center; }
    .footer-wrap .footer-bot .footer-menu > div { position: relative; width: 100%; }
    .footer-wrap .footer-bot .footer-menu > div > p { display: none; }
    .footer-wrap .footer-bot .footer-menu > div > button { display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; height: 46px; background-color: #323536; font-size: 14px; font-weight: 600; color: #fff; padding: 12px; text-align: left; }
    /* .footer-wrap .footer-bot .footer-menu > div > button { display: block; position: relative; width: 167px; height: 46px; background-color: #F1F5F9; font-size: 16px; font-weight: 600; color: #4B5563; padding: 12px; text-align: left; } */
    .footer-wrap .footer-bot .footer-menu div > button::after { content: ""; display: block; width: 12px; height: 6px; background-image: url(../../img/common/icon_arrow_w.svg); background-repeat: no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
    .footer-wrap .footer-bot .footer-menu div > button.on::after { transform: rotate(0) ; -webkit-transform: rotate(0) ; -moz-transform: rotate(0) ; -ms-transform: rotate(0) ; -o-transform: rotate(0) ; }
    /* .footer-wrap .footer-bot .footer-menu div > button::after { content: ""; display: block; width: 20px; height: 20px; background-image: url(../../img/common/icon_arrow.svg); background-repeat: no-repeat; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */
    .footer-wrap .footer-bot .footer-menu div .footer-select-wrap { position: absolute; bottom: 46px; width: 100%; overflow: hidden; display: none; }
    /* .footer-wrap .footer-bot .footer-menu .footer-menu-1 .footer-select-wrap.active { height: 200px; }
    .footer-wrap .footer-bot .footer-menu .footer-menu-2 .footer-select-wrap.active { height: 160px; } */
    .footer-wrap .footer-bot .footer-menu ul li + li { margin-top: 0px; }
    .footer-wrap .footer-bot .footer-menu div + div { margin-left: 0; }
    .footer-wrap .footer-bot .footer-menu div .footer-select-wrap li > a { display: block; background-color: #323536; padding: 10px 12px; border-bottom: 1px solid #000; font-size: 12px; color: #fff; font-weight: 600; word-break: keep-all; }
    /* .footer-wrap .footer-bot .footer-menu div .footer-select-wrap li > a { display: block; height: 40px; line-height: 38px; background-color: #F1F5F9; padding: 0 12px; border-bottom: 1px solid #D1D5DB; font-size: 12px; color: #4B5563; } */

}

@media screen and (max-width:768px){
    .header{height:64px;padding-left: 20px;}
    .header__logo{left: 20px; }
    .header__logo a { width: 120px; height: 40px; }
    .header__select{margin-right:10px; flex-direction:column; gap:5px;}
    .header__select select{font-size:12px; padding:0 20px 0 10px; background-position:right 5px center; height:28px; border-width:1px !important; border-radius:30px !important;}
    .header__nav,
    .sitemapVer.header__nav{top: 64px;}
    .header__search{top: 64px;}

    .header__nav.new, .sitemapVer.header__nav.new { top: 56px; }

    .header__menu > li > button,
    .header__menu > li > a,
    .sitemapVer .header__menu > li > button,
    .sitemapVer .header__menu > li > a{font-size:22px;}
    .header__menu .depth2__item > li > a{font-size:16px;}
    .header__menu .depth3 > li > a{font-size:14px;}

    .header__search{padding:20px;}
    .header__search .title{font-size:28px;}
    .header__search .txt{font-size:14px;}
    .header__search .item button[type="submit"]{height:38px; font-size:14px;}
    .header__search .item input[type="text"]{font-size:14px; padding:0 15px;}
    .header__search .closeBtn{width:35px; height:35px; bottom:-17px;}

    /* .header__mChange{padding:20px 10px;} */

    .header.over + #baseBody{pointer-events:none;}

    .footer__logo{margin:0 0 20px;}
    .footer__top .layout{padding:0;}
    .footer__top a{font-size:11px; padding:0 10px; width:50%; height:40px; border-width:0 1px 0 0; border-style:solid; border-color:#434343; text-align:center;}
    .footer__top select{margin:0; width:50%; height:40px; border-width:0 1px 0 0; border-style:solid; border-color:#434343; font-size:12px;}

    .footer-wrap::before { display: none; }
    /* .footer__select > button{height:35px; font-size:14px; width:140px; background-position:right 10px center; padding:0 10px; margin:0 0 20px; display:flex; align-items:center; justify-content:start; gap:10px;} */
     /* .footer__select > button::before{content:''; display:block; width:22px; height:18px; background:url('/common/mainRenewal/images/07footer_m_ico_03.png') no-repeat 0 0;} */
    .footer__bot{padding:30px 0;}
    .footer__txt{font-size:10px; letter-spacing:-0.12em; grid-area:2 / 1 / 3 / 3;}
    .footer__info{position: relative; margin-bottom:30px; gap:0 10px;}
    .footer__select { position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .footer__menu{gap:10px;}
    .footer__menu > li > a{font-size:14px;}
    .footer__menu .depth2 > li > a{font-size:12px;}
    .footer__content{align-items:center; gap:10px; margin-top:0; flex-direction:column;}
    .footer__copyright{font-size:12px; order:2;}
    .footer__sns{margin-top:100px; grid-area: 3 / 1 / 4 / 3; justify-self: center;}
    .footer__sns a:not(:last-child){margin-right:15px;}

    .footer__link{align-items:center;}
    .footer__link a:not(:last-child){margin-right:15px;}
       
    .type-full .popup-area > .popup-inner {padding-top:82px;}

}

@media all and (max-width: 500px){
    .header.type2 .header-mo .header-top .item-wrap li { width: 100%; }
}

@media all and (max-width: 414px){
    .footer-wrap .footer-bot .link-list { gap: 15px; }
	.footer-wrap .etc-nav-wrap > .etc-nav > li > a { font-size: 12px; }
	.footer-wrap .footer-bot p { font-size: 12px; }
}

@media all and (max-width: 375px){
	.footer-wrap .etc-nav-wrap > .etc-nav > li + li::before { margin: 0 4px; }
}

@media all and (min-width: 768px){
    .header.type2 .header-inner .menu-list > li > a:hover { color: #1f2937 !important; }
    .header.type2 .header-inner .menu-list > li > a:hover::after { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 100%; height: 3px; background-color: #D41616; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .header.type2 .header-inner .header-util-wrap .region-list li a:hover,
    .header.type2 .header-inner .header-util-wrap .region-list li a:focus-visible {  color: #fff !important; font-weight: 500; background-color: #db5151; }

    .header.type2.dark .header-inner .menu-list > li > a:hover { color: #fff !important; }
    .header.type2.dark .header-inner .menu-list > li > a:hover::after { background-color: #fff; }

    /* .footer-wrap .select-list li:hover { background-color: #474A4B; } */
    /* .footer-wrap .etc-nav-wrap > .etc-nav > li > a:hover { color: #9CA3AF !important; } */
}


/* 250513 모바일 전체메뉴 버튼 작업 (추후  ui.content.css.로 이동 예정 */
.header-inner-mo .stiemap-wrap.mob { width: 87px;  height: 27px; background-color: #fff; font-size: 11px; font-weight: 500; color: #222; }
.header-inner-mo .stiemap-wrap.mob:after { content: ""; display:inline-block; margin-left:3px; width: 6px; height: 4px; vertical-align: middle; background: url(../images/ico_arrow_header_select_b.png) no-repeat center/cover; }
.header-inner-mo .select-flex-wrap { display: flex; align-items: center; }



