/* html { font-size: 100%; }
@media (max-width:1024px) {
html { font-size: 90%; }
}
@media (max-width:768px) {
html { font-size: 80%;}
}
@media (max-width:500px) {
html { font-size: 70%;}
} */

/* Classico URW Regular
font-family: "classico-urw", sans-serif;
font-weight: 400;
font-style: normal;
Classico URW Regular Italic
font-family: "classico-urw", sans-serif;
font-weight: 400;
font-style: italic;
Classico URW Bold
font-family: "classico-urw", sans-serif;
font-weight: 700;
font-style: normal;
Classico URW Bold Italic
font-family: "classico-urw", sans-serif;
font-weight: 700;
font-style: italic;
Classico URW Condensed T Regular
font-family: "classico-urw-condensed", sans-serif;
font-weight: 400; */

html { font-size: 16px;     /* letter-spacing: -0.025em; */ }
button { background-color: transparent; border: none; }
.input_def { display: flex; height: 48px; align-items: center; width: 100%; font-size: 14px; font-style: normal; font-weight: 400; border: 1px solid #AEB8BC; border: 1px solid #E8EBED; padding: 10px; }
.tab_btn_list { display: flex; grid-gap: 12px; grid-gap: clamp(6px, 0.6250vw, 12px); overflow-x: scroll; scrollbar-width: none; }
.tab_btn_list::-webkit-scrollbar { display: none; }
.tab_btn { padding: 0.9375rem 1.5rem; padding: clamp(8px, 0.7813vw, 15px) clamp(12px, 1.2500vw, 24px); font-size: 14px; display: flex; justify-content: center; align-items: center; border-radius: 6.1875rem; border: 1px solid #B3B3B3; word-break: keep-all; white-space: nowrap; }
textarea.input_def { height: 300px; }
.cmn_checkbox { display: inline-block; position: relative; cursor: pointer; }
.cmn_checkbox > div { display: flex; position: relative; cursor: pointer; align-items: center; justify-content: flex-start; grid-gap: 4px }
.cmn_checkbox .cmn_checkbox_chk { position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0; }
.cmn_checkbox .cmn_checkmark { width: 24px; height: 24px; background-image: url('/img/platform/unchecked.svg'); display: inline-block; transition: background-image 0.3s; }
.cmn_checkbox .cmn_checkbox_chk:checked + .cmn_checkmark { background-image: url('/img/platform/checked.svg'); }
.cmn_checkbox .cmn_checkbox_text { color: var(--gray-90, #172225); font-size: 14px; font-weight: 500; }
.tab_btn.on { border: 1px solid #0D0D0D; background: #0D0D0D; color: #fff; }
.tab_btn:not(.on):hover { border: 1px solid #B3B3B3; background: #F3F3F3; color: #0D0D0D; }
.btn_default_1 { display: flex; padding: 14px 38px; justify-content: center; align-items: center; color: #0D0D0D; font-size: 1rem; font-size: 16px; font-style: normal; font-weight: 400; border: 1px solid #B3B3B3; transition: 0.2s; width: max-content; }
.btn_default_1:hover { background: transparent; box-shadow: inset 0 -80px 0 0 #0D3D48; color: #fff; }
.btn_default_2 { display: flex; padding: 14px 38px; justify-content: center; align-items: center; border: 1px solid rgba(13, 61, 72, 0.29); background: #0D3D48; color: #FFF; font-size: 1rem; font-size: 16px; font-weight: 700; width: max-content; }
.btn_cancel_1 { display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; background: #666; color: #FFF; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; max-width: 148px; }
.btn_next_1 { display: flex; width: 100%; height: 60px; justify-content: center; align-items: center; opacity: 0.65; background: #DCDCDC; color: #FFF; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; max-width: 148px; }
.btn_next_1.next { background: #0C5D6F; opacity: 1; }

.btn_icon { display: flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 6px; border-radius: 99px; border: 1px solid #FFF; color: #FFF; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.btn_icon > svg { transition: all 0.3s ease; }
.btn_icon:hover svg { transform: rotate(90deg); }


/* 헤더 */
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }
#header > .top { height: clamp(58px, 3.6458vw, 70px); background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 22px; padding: 0 clamp(10px, 1.1458vw, 22px); border-bottom: 1px solid #F1F1F1; }
#header > .top .logo_box { display: flex; align-items: center; line-height: 1; }
#header > .top .logo_box img { height: clamp(14px, 1.0417vw, 20px); width: auto; }
#header .quick_menu { display: flex; grid-gap: clamp(16px, 1.1458vw, 22px); align-items: center; }
#header .quick_menu > * { display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; }
#header > .bottom { height: 50px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 0 22px; border-bottom: 1px solid #E8EBED; }
#header > .bottom .menu { height: 100%; }
#header > .bottom .menu > ul { display: flex; grid-gap: 30px; height: 100%; align-items: center; color: #111; font-size: 0.9375rem; font-weight: 400; }
#header > .bottom .menu > ul > li { height: 100%; display: flex; align-items: center; }
#header > .bottom .menu > ul > li a { height: 100%; display: flex; align-items: center; position: relative; }
#header > .bottom .menu > ul > li a::after { content: ""; position: absolute; bottom: -1px; left: 0; height: 2px; background-color: #0D3D48; width: 0; transition: width 0.3s ease; }
#header > .bottom .menu > ul > li a:hover::after { width: 100%; }
#header > .bottom .menu > ul > li a.on::after { width: 100%; }
#header > .bottom .menu > ul > li span.bar { height: 11px; width: 1px; background: #111; }
#header > .bottom .menu > ul > li.special a { color: #111; font-family: "classico-urw", sans-serif; font-weight: 400; }
#header > .bottom .login { display: flex; grid-gap: 30px; height: 100%; align-items: center; color: #111; font-size: 0.9375rem; font-weight: 400; }
#header > .bottom .login > div { display: flex; align-items: center; grid-gap: 6px; }

body.scrolled #header > .bottom{
	display: none;
}

body.scrolled:not(.open) #header > .top{
	border: 1px solid #E8EBED;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(12px);
}

@media (max-width:1200px) {
#header > .bottom { display: none; }
}
@media (max-width:1024px) {
#header > .bottom { display: none; }
}
main { padding-top: calc(clamp(58px, 3.6458vw, 70px) + 50px) }
@media (max-width:1200px) {
main { padding-top: clamp(58px, 3.6458vw, 70px) }
}
main .img_box { position: relative; }
main .img_box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#main_banner { width: 100%; overflow: hidden; }
#main_banner .vimeo { width: 100%; aspect-ratio: 1920 / 750; position: relative; height: auto; overflow: hidden; }
#main_banner .vimeo video { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); height: auto; }
#main_banner .img_box { width: 100%; aspect-ratio: 1920 / 750; position: relative; }
#main_banner .img_box img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
@media (max-width:1024px) {
#main_banner .img_box { width: 100%; aspect-ratio: 2 / 1; position: relative; }
#main_banner .vimeo { width: 100%; aspect-ratio: 2 / 1; position: relative; }
}
@media (max-width:500px) {
#main_banner .img_box { width: 100%; aspect-ratio: 4 / 3; position: relative; }
/* #main_banner .vimeo { width: 100%; aspect-ratio: 1 / 1; position: relative; } */ }
#main_member { width: 100%; overflow: hidden; display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 110px; margin-bottom: clamp(50px, 5.7292vw, 110px); }
#main_member > div { width: 100%; display: flex; align-items: flex-start; padding: clamp(20px, 2.1875vw, 42px) clamp(10px, 2.3958vw, 46px); }
#main_member h2 { color: #000; font-size: 42px; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 300; line-height: 130%; }
#main_member .list { display: flex; flex-direction: column; grid-gap: 24px; grid-gap: clamp(20px, 1.2500vw, 24px); }
#main_member .list .row { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; grid-gap: 6px; }
#main_member .list .row > div { display: flex; grid-gap: 27px; grid-gap: clamp(18px, 1.4063vw, 27px); align-items: center; }
#main_member .list .row > a { display: flex; grid-gap: 9px; align-items: center; font-size: 14px; font-size: clamp(14px, 0.8333vw, 16px) }
#main_member .list .row > div p.title { color: rgba(18, 18, 18, 0.47); font-size: 14px; font-style: normal; font-weight: 400; }
#main_member .list .row > div p { color: #111; font-size: 24px; font-size: clamp(16px, 1.2500vw, 24px); font-style: normal; font-weight: 500; line-height: 140%; word-break: keep-all; }
#main_member .list .row > div p > span { text-decoration-line: underline; }
@media (max-width:1080px) {
#main_member .list .row > div { display: flex; grid-gap: 27px; grid-gap: clamp(18px, 1.4063vw, 27px); align-items: center; flex-direction: column; align-items: flex-start; grid-gap: 3px; }
}
@media (max-width:768px) {
#main_member { display: flex; flex-direction: column; }
#main_member .list .row { border-bottom: 1px solid #111; padding-bottom: 12px; }
#main_member .list { padding-top: 0; }
}
#main_room { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 10.625rem; margin-top: clamp(100px, 8.8542vw, 170px); border-top: 1px solid #E8EBED; overflow: hidden; }
#main_room.member { margin-top: 0; }
#main_room > div { display: flex; flex-direction: column; width: 100%; }
#main_room .row { width: 100%; height: clamp(100px, 8.8542vw, 170px); border-bottom: 1px solid #E8EBED; position: relative; }
#main_room .img_box { z-index: 1; }
#main_room .img_box .img_inner:hover::before { background-color: rgba(0, 0, 0, 0.20); }
#main_room .img_box .img_inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.5s ease; z-index: 2; }
#main_room .img_box .img_inner .title { position: absolute; top: 0; left: 0; width: 100%; display: flex; grid-gap: clamp(14px, 0.8333vw, 16px); align-items: center; color: #FFF; font-family: Montserrat; font-size: clamp(30px, 2.1875vw, 42px); font-style: normal; font-weight: 275; line-height: normal; z-index: 3; padding: clamp(20px, 1.7188vw, 33px) clamp(20px, 2.2396vw, 43px); line-height: 1; }
#main_room .img_box .img_inner .title > img { transition: 0.3s; height: clamp(20px, 1.3021vw, 25px); width: auto; }
#main_room .img_box .img_inner:hover .title > img { transform: rotate(90deg); }
#main_room .img_box .img_inner > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#main_room .img_box .img_inner { display: block; }
#main_room .row.img1 .img_box { position: absolute; left: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px) * 4); }
#main_room .row.img1 .img_box .img_inner { position: relative; height: 100%; width: auto; aspect-ratio: 640 / 684; }
#main_room .row.img2 .img_box { position: absolute; left: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px) * 3); }
#main_room .row.img2 .img_box .img_inner { position: relative; height: 100%; width: auto; aspect-ratio: 641 / 513; }
/* #main_room .row.img2 .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;} */
#main_room .row.img3 .img_box { position: absolute; right: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px) * 3); }
#main_room .row.img3 .img_box .img_inner { position: relative; height: 100%; width: auto; aspect-ratio: 641 / 513; }
/* #main_room .row.img3 .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;} */
#main_room .row.img4 .img_box { position: absolute; right: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px) * 3); }
#main_room .row.img4 .img_box .img_inner { position: relative; height: 100%; width: auto; aspect-ratio: 641 / 513; }
/* #main_room .row.img4 .img_box img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;} */
@media (max-width:768px) {
#main_room { grid-template-columns: repeat(1, 1fr); }
#main_room .row.img1 .img_box .img_inner { aspect-ratio: 1/1; }
#main_room .row.img2 .img_box .img_inner { aspect-ratio: 1/1; }
#main_room .row.img3 .img_box .img_inner { aspect-ratio: 1/1; }
#main_room .row.img4 .img_box .img_inner { aspect-ratio: 1/1; }
#main_room { display: none; }
}
#main_room_mobile { width: 100%; overflow: hidden; height: 0; }
#main_room_mobile .list_box .swiper-slide { width: 100%; max-width: 320px; min-width: auto; }
#main_room_mobile .img_box { z-index: 1; aspect-ratio: 4/3; width: 100%; }
#main_room_mobile .img_box .img_inner { aspect-ratio: 4/3; position: relative; height: auto; width: 100%; display: block; }
#main_room_mobile .img_box .img_inner > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#main_room_mobile .img_box .img_inner .title { position: absolute; top: 0; left: 0; width: 100%; display: flex; grid-gap: clamp(10px, 0.8333vw, 16px); align-items: center; color: #FFF; font-family: Montserrat; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 275; line-height: normal; z-index: 3; padding: clamp(20px, 1.7188vw, 33px) clamp(20px, 2.2396vw, 43px); line-height: 1; }
#main_room_mobile .img_box .img_inner .title > img { transition: 0.3s; height: clamp(16px, 1.3021vw, 25px); width: auto; }
@media (max-width:768px) {
#main_room_mobile { height: auto; margin-top: clamp(50px, 8.8542vw, 170px); }
/* #main_room_mobile.member { margin-top: 0; } */ }
#main_now { width: 100%; padding: 6rem 22px 0; padding: clamp(50px, 5.0000vw, 96px) var(--width-padding) 0; background-color: #fff; display: flex; flex-direction: column; grid-gap: 28px; grid-gap: clamp(18px, 1.4583vw, 28px); overflow: hidden; }
#main_now { margin-bottom: clamp(50px, 6.2500vw, 120px); }
#main_now .navi_box { display: flex; grid-gap: 2.8125rem; grid-gap: clamp(20px, 2.3438vw, 45px); align-items: center; flex-wrap: wrap; }
#main_now .navi_box h2 { color: #0D0D0D; font-size: 1.375rem; font-size: var(--main-sub-title); font-weight: 700; }
#main_now .list_box { width: 100%; overflow: hidden; }
#main_now .list_box .img_box { aspect-ratio: 372/480; position: relative; }
#main_now .list_box .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#main_now .list_box .cont_box { background: rgba(232, 235, 237, 0.62); display: flex; flex-direction: column; grid-gap: 2rem; grid-gap: clamp(18px, 1.6667vw, 32px); padding: 2.625rem 1.5rem; padding: 42px 24px; padding: clamp(20px, 2.1875vw, 42px) clamp(12px, 1.2500vw, 24px); }
#main_now .list_box .cont_box .category { color: #000; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
#main_now .list_box .cont_box .title { color: #111; font-size: 1.375rem; font-size: clamp(17px, 1.1458vw, 22px); font-style: normal; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
#main_now .list_box .cont_box .desc { color: #808080; font-size: 0.875rem; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2;     /* 두 줄까지 표시 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;     /* 줄바꿈 허용 */ }
#main_now .list_box .swiper-slide { width: 100%; max-width: 373px; min-width: auto; }
#main_now .list_box .cont_box .tag_box { display: flex; grid-gap: 6px; justify-content: flex-start; }
#main_now .list_box .cont_box .tag_box span { color: #000; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 8px; display: flex; justify-content: center; align-items: center; line-height: 1; width: max-content; }
#main_now .list_box .cont_box .tag_box span:nth-child(3n+1) { background: #FFF; color: #0D0D0D; }
#main_now .list_box .cont_box .tag_box span:nth-child(3n+2) { background: #C3DCFC; color: #000; }
#main_now .list_box .cont_box .tag_box span:nth-child(3n) { background: #0D3D48; color: #FFF; }
@media (max-width:768px) {
#main_now .list_box .img_box { aspect-ratio: 1.2/1; }
}
@media (max-width:500px) {
#main_now .list_box .swiper-slide { max-width: 282px; }
}
#main_brand { display: none; }
#main_brand .title_box { display: flex; width: 100%; height: 10.625rem; height: clamp(100px, 8.8542vw, 170px); padding: 1.125rem 22px; padding: clamp(10px, 0.9375vw, 18px) var(--width-padding); align-items: flex-end; color: #000; font-size: var(--main-sub-title); font-style: normal; font-weight: 700; line-height: normal; }
#main_brand .marquee_conts { width: 100%; overflow: hidden; }
#main_brand .marquee_conts ul { display: flex; grid-gap: 28px; grid-gap: clamp(18px, 1.4583vw, 28px); width: 100%; flex-wrap: nowrap }
#main_brand .marquee_conts ul li { width: clamp(150px, 12.9167vw, 248px); height: clamp(150px, 12.9167vw, 248px); border: 1px solid #EAEAEA; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center; }
#main_brand .brands_box { padding: 1.5rem 0 5.25rem; padding: clamp(12px, 1.2500vw, 24px) 0 clamp(50px, 4.3750vw, 84px); }
#main_banner1 { width: 100%; overflow: hidden; padding: 0 var(--width-padding); }
#main_banner1 .swiper-container { width: 100%; overflow: hidden; }
#main_banner1 .img_box { width: 100%; aspect-ratio: 1876 / 680; position: relative; }
#main_banner1 .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#main_banner1 .info_box { padding: 2.5rem 0 10.625rem; padding: clamp(20px, 2.0833vw, 40px) 0 clamp(50px, 8.8542vw, 170px); width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.5rem; grid-gap: clamp(20px, 2.0833vw, 40px); }
#main_banner1 .info_box .title { color: #000; font-size: 2.625rem; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 300; line-height: 130%; white-space: pre-line; word-break: keep-all; }
#main_banner1 .more_info_box { display: flex; flex-direction: column; grid-gap: 5.375rem; grid-gap: clamp(30px, 4.4792vw, 86px); }
#main_banner1 .more_info_box h4 { color: #000; font-family: "classico-urw", sans-serif; font-size: 1.625rem; font-size: clamp(20px, 1.3542vw, 26px); font-style: normal; font-weight: 400; line-height: normal; }
#main_banner1 .more_info_box p { color: #000; white-space: pre-line; word-break: keep-all; font-size: 1.125rem; font-size: clamp(14px, 0.9375vw, 18px); font-style: normal; font-weight: 300; line-height: 160%;     /* 28.8px */ }
#main_banner1 .more_info_box > div.flex { display: flex; flex-direction: column; grid-gap: 2.0625rem; grid-gap: clamp(18px, 1.7188vw, 33px); }
#main_banner1 .more_info_box > div img { height: 7.5rem; height: clamp(80px, 6.2500vw, 120px); width: auto; }
#main_banner1 .more_info_box > div img { height: 7.5rem; height: clamp(100px, 6.2500vw, 120px); width: auto; }
#main_banner1 .vimeo { width: 100%; aspect-ratio: 1876 / 680; position: relative; height: auto; overflow: hidden; }
#main_banner1 .vimeo video { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); height: auto; }
.barcode_box { display: flex; align-items: center; grid-gap: 40px; cursor: pointer; position: relative; }
.barcode_box .barcode { width: 120px; height: 120px; position: relative; display: flex; justify-content: center; align-items: center; }
.barcode_box .barcode > div { position: absolute; width: 14px; height: 14px; transition: all 0.3s ease-in-out; }
.barcode_box .barcode > div.line1 { left: 0; top: 0; border-top: 1px solid #000; border-left: 1px solid #000; }
.barcode_box .barcode > div.line2 { right: 0; top: 0; border-top: 1px solid #000; border-right: 1px solid #000; }
.barcode_box .barcode > div.line3 { left: 0; bottom: 0; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.barcode_box .barcode > div.line4 { right: 0; bottom: 0; border-bottom: 1px solid #000; border-right: 1px solid #000; }
#main_banner1 .more_info_box > div .barcode_box .barcode > img { width: 68px; height: auto; }
/* .barcode_box .barcode:hover{
cursor: none;
} */
.barcode_box .barcode > img.custom-cursor { position: absolute; width: 300px; height: auto; pointer-events: none; display: none; }
.barcode_box .barcode:hover > div.line1 { left: 10px; top: 10px; border-top: 1px solid #000; border-left: 1px solid #000; }
.barcode_box .barcode:hover > div.line2 { right: 10px; top: 10px; border-top: 1px solid #000; border-right: 1px solid #000; }
.barcode_box .barcode:hover > div.line3 { left: 10px; bottom: 10px; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.barcode_box .barcode:hover > div.line4 { right: 10px; bottom: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.barcode_box .text { color: #000; font-family: "classico-urw", sans-serif; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; display: flex; flex-direction: column; }
.barcode_box .text .icon { position: relative; padding-right: 14px; display: flex; width: max-content; }
.barcode_box .text .icon::after { content: ""; display: flex; justify-content: center; align-items: center; width: 8px; height: 8px; background-image: url(/img/temp/icon.png); background-size: contain; position: absolute; right: 0; top: 6px; transition: all 0.3s ease-in-out; }
.barcode_box:hover .text .icon::after { transform: rotate(90deg); }
@media (max-width:768px) {
#main_banner1 .info_box { grid-template-columns: repeat(1, 1fr); }
#main_banner1 .img_box { aspect-ratio: 1.5/1; }
#main_banner1 .vimeo { aspect-ratio: 3 / 2; }
}
@media (max-width:500px) {
/* #main_banner1 { padding: 0 10px; } */
#main_banner1 .info_box .title { white-space: normal; }
#main_banner1 .more_info_box p { white-space: normal; }
}
#main_banner2 { padding: 0 var(--width-padding);     /* display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3px; */ overflow: hidden; overflow-x: scroll; scrollbar-width: none; }
#main_banner2::-webkit-scrollbar { display: none; }
#main_banner2 .box { padding: 2.25rem 2.125rem; padding: clamp(15px, 1.8750vw, 36px) clamp(12px, 1.7708vw, 34px); display: flex; flex-direction: column; justify-content: space-between; height: 100%; aspect-ratio: 1/1; position: relative; min-width: 273px;     /* max-width: 623px; */ }
#main_banner2 .box * { z-index: 2; }
#main_banner2 .box::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/img/temp/main_banner2_1.png) center no-repeat; background-size: cover; }
#main_banner2 .box::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.5s ease; z-index: 1; }
#main_banner2 .box.box-2::before { background: url(/img/temp/main_banner2_2.png) center no-repeat; background-size: cover; }
#main_banner2 .box.box-3::before { background: url(/img/temp/main_banner2_3.png) center no-repeat; background-size: cover; }
#main_banner2 .box:hover::after { background-color: rgba(0, 0, 0, 0.20); }
#main_banner2 .box h4 { color: #FFF; font-family: Montserrat; font-size: 3.25rem; font-size: clamp(30px, 2.7083vw, 52px); font-style: normal; font-weight: 300; line-height: 110%; }
#main_banner2 .box .title { display: flex; flex-direction: column; grid-gap: 14px; grid-gap: clamp(10px, 0.7292vw, 14px); }
#main_banner2 .box .title > p { display: flex; align-items: center; color: #FFF; font-size: 1.375rem; font-size: clamp(17px, 1.1458vw, 22px); font-style: normal; font-weight: 600; grid-gap: 6px; }
#main_banner2 .box .title > p svg { display: flex; align-items: center; justify-content: center; height: 100%; }
#main_banner2 .box .info { display: flex; flex-direction: column; grid-gap: 1.125rem; grid-gap: clamp(12px, 0.9375vw, 18px); }
#main_banner2 .box .info .desc { padding-bottom: clamp(14px, 0.9375vw, 18px); border-bottom: 1px solid #fff; width: 100%; color: #FFF; font-size: 1.125rem; font-size: clamp(14px, 0.9375vw, 18px); font-style: normal; font-weight: 500; line-height: 140%; white-space: pre-line; }
#main_banner2 .box .info .tag {     /* padding-top: clamp(14px, 0.9375vw, 18px); */
display: flex; grid-gap: 10px; grid-gap: clamp(5px, 0.5208vw, 10px); flex-wrap: wrap; }
#main_banner2 .box .info .tag a { border-radius: 99px; background: rgba(255, 255, 255, 0.23); display: flex; padding: 10px; justify-content: center; align-items: center; color: #FFF; font-size: 14px; font-style: normal; font-weight: 500; }
#main_banner2 .box .info .tag a:hover { background: rgba(0, 0, 0, 1); }
@media (max-width:1600px) {
#main_banner2 .box .info .desc { white-space: normal; word-break: keep-all; }
}
@media (max-width:1440px) {
#main_banner2 .box { aspect-ratio: 1 / 1.2; }
}
@media (max-width:500px) {
#main_banner2 .box::after { background-color: rgba(0, 0, 0, 0.20); }
}
#main_banner3 { width: 100%; padding: 5.4375rem 0; padding: clamp(50px, 4.5313vw, 87px) 0; overflow: hidden; color: #0D3D48; text-align: center; font-family: "classico-urw", sans-serif; font-size: 8rem; font-size: clamp(60px, 6.6667vw, 128px); font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; }
#main_board { width: 100%; padding: 0 var(--width-padding); background-color: #fff; display: flex; flex-direction: column; grid-gap: 28px; overflow: hidden; margin-bottom: 120px; margin-bottom: clamp(50px, 6.2500vw, 120px); }
#main_board .list_box { width: 100%; overflow: hidden; }
#main_board .list_box .img_box { aspect-ratio: 364/647; position: relative; background-color: #000; }
#main_board .list_box .img_box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#main_board .list_box .cont_box { position: absolute; bottom: 46px; bottom: clamp(20px, 2.3958vw, 46px); left: 0; width: 100%; display: flex; flex-direction: column; grid-gap: 17px; grid-gap: clamp(12px, 0.8854vw, 17px); padding: 0 var(--width-padding); }
#main_board .list_box .cont_box .tag_box { display: flex; grid-gap: 3px; justify-content: center; flex-wrap: wrap; }
#main_board .list_box .cont_box .tag_box > div { display: flex; color: #FFF; font-size: 10px; font-style: normal; font-weight: 300; padding: 6px 10px; grid-gap: 3px; border-radius: 99px; background: rgba(255, 255, 255, 0.25); align-items: center; line-height: 1; }
#main_board .list_box .cont_box .tag_box > div img { width: 9px; height: auto; }
#main_board .list_box .img_box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: background-color 0.5s ease; z-index: 1; }
#main_board .list_box .img_box:hover::before { background-color: rgba(0, 0, 0, 0.50); }
#main_board .list_box .cont_box { z-index: 2; }
#main_board .list_box .cont_box .title { display: flex; justify-content: center; align-items: center; padding: 10px; width: 100%;     /* height: 65px; */ color: #FFF; text-align: center; font-size: 32px; font-size: clamp(24px, 1.6667vw, 32px); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main_board .list_box .cont_box .title > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main_board .list_box .cont_box .desc { display: flex; width: 100%; justify-content: center; align-items: center; padding: 10px; height: 50px; color: #FFF; text-align: center; font-size: 14px; font-style: normal; font-weight: 300; line-height: 140%; }
#main_board .list_box .cont_box .desc > span { display: -webkit-box;     /* 플렉스 컨테이너 */ -webkit-box-orient: vertical;     /* 박스 방향 설정 */ -webkit-line-clamp: 2;     /* 최대 줄 수 설정 */ overflow: hidden;     /* 넘치는 텍스트 숨김 */ text-overflow: ellipsis;     /* 생략(...) 표시 */ white-space: pre-line; }
#main_board .list_box .swiper-slide { width: 100%; max-width: 364px; min-width: 273px; }
#main_board .navi_box { display: flex; justify-content: center; }
#main_board .navi_box .navi_box_inner { position: relative; display: flex; align-items: center; }
#main_board .navi_box .navi_box_inner svg { width: 6px; }
#main_board .navi_box .navi_box_inner .swiper-button-next { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex: 1; }
#main_board .navi_box .navi_box_inner .swiper-button-prev { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 0; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex: 1; }
#main_board .navi_box .navi_box_inner .swiper-button-prev svg { transform: rotate(-180deg) }
#main_board .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none; }
#main_board .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; }
#main_board .swiper-pagination-info { text-align: center; color: #0D0D0D; font-family: "classico-urw", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; }
@media (max-width:1024px) {
#main_board .list_box .img_box { aspect-ratio: 1/1.3; }
}
@media (max-width:768px) {
#main_board .list_box .img_box { aspect-ratio: 1/1.3; }
}
@media (max-width:500px) {
#main_board .list_box .img_box { aspect-ratio: 1/1.3; }
#main_board .list_box .img_box::before { background-color: rgba(0, 0, 0, 0.50); }
}
#main_notice { width: 100%; height: 44px; background: #E8EBED; overflow: hidden; }
#main_notice .swiper-container { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
#main_notice .swiper-slide { display: flex; align-items: center; justify-content: center; }
#main_notice .swiper-button-next:after { display: none; }
#main_notice .swiper-button-prev:after { display: none; }
#main_notice a { color: var(--Enford-Main-Color, #0D3D48); font-family: "classico-urw", sans-serif; font-size: 15px; font-style: normal; font-weight: 400; }
@media (max-width:500px) {
#main_notice a { display: inline-block; width: 216px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; text-align: center;}
}
footer { display: flex; flex-direction: column; grid-gap: 95px; grid-gap: clamp(35px, 4.9479vw, 95px); padding: 30px 22px 60px; padding: clamp(12px, 1.5625vw, 30px) var(--width-padding) clamp(30px, 3.1250vw, 60px); background-color: #fff; color: #111; }
footer .top { padding: 14px 0; display: flex; align-items: center; grid-gap: 45px; }
footer .top .menu { height: 100%; }
footer .top .menu > ul { display: flex; grid-gap: 30px; height: 100%; align-items: center; color: #111; font-size: 0.9375rem; font-weight: 400; }
footer .bottom { display: flex; flex-direction: column; width: 100%; }
footer .bottom .bottom-top { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; padding: clamp(10px, 1.0417vw, 20px) 0; border-top: 1px solid #E8EBED; border-bottom: 1px solid #E8EBED; }
footer .bottom-top .menu { height: 100%; }
footer .bottom-top .menu ul { display: flex; grid-gap: 1.5rem; grid-gap: clamp(16px, 1.0417vw, 24px); grid-row-gap: clamp(8px, 1.0417vw, 24px); height: 100%; align-items: center; color: #111; font-size: 0.875rem; font-size: 14px; font-weight: 400; flex-wrap: wrap; }
footer .sns_box { display: flex; grid-gap: 6px; }
footer .sns_box a { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; }
footer .bottom-bottom { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0; padding: clamp(10px, 1.0417vw, 20px) 0; flex-wrap: wrap; grid-row-gap: 10px; }
footer .bottom-bottom address { display: flex; height: 100%; align-items: center; grid-gap: 1.5rem; grid-gap: clamp(16px, 1.2500vw, 24px); font-style: normal; font-size: 0.875rem; font-size: 14px; flex-wrap: wrap; grid-row-gap: 10px; }
footer .copyright { color: rgba(13, 61, 72, 0.53); text-align: right; font-size: 0.875rem; font-weight: 400; font-size: 14px; }
@media (max-width:768px) {
footer .top { display: none; }
footer .bottom .bottom-top { flex-direction: column; grid-row-gap: 16px; }
footer .copyright { text-align: left; font-size: 12px; }
}
.sub_banner > .swiper-container { position: relative; }
.sub_banner .img_box { width: 100%; aspect-ratio: 1920 / 683; position: relative; }
.sub_banner .img_box img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
.sub_banner .text_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; display: flex; flex-direction: column; grid-gap: 21px; grid-gap: clamp(16px, 1.0938vw, 21px); z-index: 1; }
.sub_banner .text_box h1 { text-align: center; font-size: 5rem; font-size: clamp(32px, 4.1667vw, 80px); font-weight: 400; text-transform: uppercase; }
.sub_banner .text_box p { text-align: center; font-size: 1.125rem; font-size: clamp(14px, 0.9375vw, 18px); font-weight: 400; line-height: normal; letter-spacing: 0.019em; text-transform: uppercase; word-break: keep-all; line-height: 1.2; }
@media (max-width:1024px) {
.sub_banner .img_box { aspect-ratio: 2/1; }
}
.sub_header { display: grid; grid-template-columns: repeat(3, 1fr); background-color: #000; }
.sub_header.no_grid { display: block; width: 100%; aspect-ratio: 1920 / 680; }
.sub_header.no_grid .col { height: 100%; }
.sub_header.no_grid .col > div { height: 100%; }
.sub_header .col { display: grid; grid-template-rows: 1fr 1fr; }
.sub_header .col > div { width: 100%; height: 340px; height: clamp(50px, 17.7083vw, 340px); }
.sub_header .col > div.title {
	padding: 28px 22px;
	padding: clamp(12px, 1.4583vw, 28px) var(--width-padding);
	display: flex;
	align-items: flex-end;
	color: #FFF;
	font-size: 74px;
	font-size: clamp(30px, 3.8542vw, 74px);
    font-size: clamp(40px, 3.8542vw, 74px);
	font-style: normal;
	font-weight: 200;
	line-height: 130%;
}

.sub_header .col > div.tab_menu {
	padding: 28px 22px;
	padding: clamp(12px, 1.4583vw, 28px) var(--width-padding);
	display: flex;
	align-items: flex-start;
	grid-gap: 9px;
	flex-wrap: wrap;
}

.sub_header .col > div.tab_menu a { display: flex; padding: 8px 16px; justify-content: center; align-items: center; gap: 10px; border-radius: 99px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.00); color: #FFF; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; word-break: keep-all; white-space: nowrap; }
.sub_header.basic { margin-bottom: 0; background-color: #fff; background: #E8EBED; grid-gap: 1px; }
.sub_header.basic .col { grid-gap: 1px; }
.sub_header.basic .col > div.title { color: #000; font-size: 74px; font-size: clamp(30px, 3.8542vw, 74px); font-style: normal; font-weight: 100; }
.sub_header.basic .tab_menu {
	color: #000;
	font-size: 18px;
	font-size: clamp(16px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	letter-spacing: -0.54px;
}

.sub_header.basic .col > div { background-color: #fff; height: 170px; height: clamp(80px, 8.8542vw, 170px); }
.sub_header.basic .col > div.tab_menu a { border: 1px solid #E8EBED; background: rgba(255, 255, 255, 0.00); color: #C7C7C7; }
.sub_header.basic .col > div.tab_menu a.on { border: 1px solid #0D0D0D; background: #0D0D0D; color: #fff; }
.sub_header.basic .col > div.tab_menu.text { white-space: pre-line; }
.sub_header.grid_img { position: relative; grid-gap: 0px; background-color: #fff; }
.sub_header.grid_img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.sub_header.grid_img > div { z-index: 1; border-right: 1px solid rgba(255, 255, 255, 0.3); }
.sub_header.grid_img > div:last-child { border-right: none; }
.sub_header.grid_img > div > div:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.sub_header.grid_img .col > div.tab_menu { grid-row-gap: 9px; }
.sub_header.grid_img .col > div.tab_menu.txt {
	color: var(--Color-Brand-white, #FFF);
	text-align: center;
	font-family: Pretendard;
	font-size: clamp(16px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}

.sub_header.grid_img .col > div.tab_menu > .flex_box { display: flex; gap: 5px; flex-wrap: wrap; }
@media (max-width:1200px) {
.sub_header.basic { display: flex; flex-direction: column; }
.sub_header.basic .col:nth-child(2) { display: none; }
.sub_header.basic .col:nth-child(3) { display: none; }
.sub_header.grid_img { display: flex; flex-direction: column; aspect-ratio: 3/2; }
.sub_header.grid_img .col:not(.info) { display: none; }
.sub_header.grid_img > div > div:first-child { height: 100%; }
.sub_header .col.info { height: 100%; }
}
@media (max-width:1024px) {
.sub_header.no_grid { aspect-ratio: 2 / 1; }
.sub_header.basic { display: flex; flex-direction: column; }
.sub_header.basic .col:nth-child(2) { display: none; }
.sub_header.basic .col:nth-child(3) { display: none; }
}

@media (max-width:500px) {
.sub_banner .img_box { aspect-ratio: 3/2; }
}


@media (max-width:400px) {
.sub_header .col > div.tab_menu { flex-wrap: nowrap; overflow-x: scroll;        height: 100%; }
.sub_header .col > div.tab_menu::-webkit-scrollbar { display: none; }
.sub_header .col > div.tab_menu { -ms-overflow-style: none;         /* IE, Edge */ scrollbar-width: none;         /* Firefox */ }

.sub_header.grid_img .col > div.tab_menu > .flex_box{
	height: auto;
}
}
.sub_page_wrap { border-top: 1px solid #E8EBED; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; background-color: #E8EBED; grid-gap: 1px; }
.sub_page_wrap .side { grid-column: 1; width: 100%; padding: 24px 22px; padding: clamp(12px, 1.2500vw, 24px) var(--width-padding); background-color: #fff; }
.sub_page_wrap .side > div { position: sticky; top: 140px; background-color: #fff; }
.sub_page_wrap .side h2 { color: #000; font-size: 42px; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 300; line-height: 130%; padding: 28px 0 45px; padding: clamp(12px, 1.4583vw, 28px) 0 clamp(22px, 2.3438vw, 45px); }
.sub_page_wrap .side .side_menu { display: flex; flex-direction: column; grid-gap: 17px; grid-gap: clamp(12px, 0.8854vw, 17px); }
.sub_page_wrap .side p { color: var(--Black, #0D0D0D); font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; }
.sub_page_wrap .side p.on { color: #000; font-size: 17px; font-style: normal; font-weight: 700; line-height: normal; }
.sub_page_wrap .side a { color: var(--Black, #0D0D0D); font-size: 17px; font-size: clamp(15px, 0.8854vw, 17px); font-style: normal; font-weight: 400; line-height: normal; }
.sub_page_wrap .side a.on { color: #000; font-style: normal; font-weight: 700; line-height: normal; }
.sub_page_wrap .side .side_menu > div { display: flex; align-items: center; grid-gap: 8px; color: #868686; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; }
.sub_page_wrap .side .side_menu .tab_btn { width: 84px; height: 34px; padding: 0; cursor: pointer; }
.sub_page_wrap .side .side_menu > div.on { font-weight: 600; color: #000; }
.sub_page_wrap .side .side_menu > div.on .tab_btn { border: 1px solid #E8EBED; background: #000; color: #fff; font-weight: 400; }
.sub_page_wrap .contents.basic { grid-column: span 2; width: 100%; background-color: #fff; }
@media (max-width:1200px) {
.sub_page_wrap { display: flex; flex-direction: column; }
}
.sub_footer { display: grid; grid-template-columns: repeat(3, 1fr); background-color: #E8EBED; grid-gap: 1px; border-top: 1px solid #E8EBED; }
.sub_footer .col { display: grid; grid-template-rows: 1fr; }
.sub_footer .col > div { width: 100%; height: clamp(50px, 8.8542vw, 170px); background-color: #fff; }
.sub_footer.v2 { grid-template-columns: repeat(6, 1fr); }
#hd_hamberg { position: relative; cursor: pointer; width: 20px; height: 20px; }
#hd_hamberg .line { position: absolute; width: 100%; height: 2px; border-radius: 0; background: #555555; left: 0; }
#hd_hamberg .line:first-child { top: 25%; transform-origin: 25% 50%; transition: .3s; }
#hd_hamberg .line:last-child { bottom: 25%; transform-origin: 25% 50%; transition: .3s; }
#hd_hamberg.open .line:first-child { transform: rotate(45deg) translateX(5%); }
#hd_hamberg.open .line:last-child { transform: rotate(-45deg) translateX(5%); }
#site_map { position: fixed; top: 120px; width: 100%; background-color: #E8EBED; left: 0; height: 0; z-index: 100; line-height: 1; transition-duration: 0.6s; overflow: hidden; font-size: 15px; color: #111; }
#site_map { top: calc(clamp(58px, 3.6458vw, 70px) + 50px) }
#site_map { scrollbar-width: none; }
#site_map::-webkit-scrollbar { display: none; }
@media (max-width:1200px) {
#site_map { top: clamp(58px, 3.6458vw, 70px) }
.sub_footer.v2 { grid-template-columns: repeat(1, 1fr); }
.sub_footer .col:not(:first-child) { display: none; }
}
body.open #site_map { height: calc(100vh - 120px); height: calc(100vh - calc(clamp(58px, 3.6458vw, 70px) + 50px)); }
body.scrolled #site_map{
	top: calc(clamp(58px, 3.6458vw, 70px));
}
body.open.scrolled #site_map{
	
	
	height: calc(100vh - calc(clamp(58px, 3.6458vw, 70px)));
}

@media (max-width:1200px) {
body.open #site_map { height: calc(100vh - clamp(58px, 3.6458vw, 70px)); }
}
#site_map .row { display: grid; grid-template-columns: repeat(6, 1fr); aspect-ratio: 1/1; grid-gap: 1px; }
#site_map .row > div { background-color: #fff; overflow: hidden; }
#site_map .row > div > .row_title { border-bottom: 1px solid #E8EBED; padding: 20px; padding: clamp(10px, 1.0417vw, 20px); height: 58px; display: flex; align-items: center; font-weight: 500; }
#site_map .row > div > .row_title > a { display: flex; justify-content: space-between; width: 100%; align-items: center; }
#site_map .row > div > .row_title > a > span { border-right: 1px solid #111; border-bottom: 1px solid #111; width: 8px; height: 8px; transform: rotate(-45deg); }


#site_map .row > div > div { padding: 20px; padding: clamp(15px, 1.0417vw, 20px); }
#site_map .row > div .sub_menu { display: flex; flex-direction: column; grid-gap: 20px; grid-gap: clamp(15px, 1.0417vw, 20px); }
#site_map .row > div .sub_menu .title { font-weight: 500; }
#site_map .row > div .sub_menu > a { font-weight: 500; }
#site_map .row > div .sub_menu > div { display: flex; flex-direction: column; grid-gap: 20px; grid-gap: clamp(15px, 1.0417vw, 20px); margin-bottom: 20px; margin-bottom: clamp(10px, 1.0417vw, 20px); }
#site_map .row > div .menu { display: flex; flex-direction: column; grid-gap: 20px; grid-gap: clamp(15px, 1.0417vw, 20px); }
#site_map .row > div .menu a { padding-left: 10px; font-size: 15px; font-weight: 400; color: #111; }
@media (max-width:1200px) {
body.open #site_map { overflow-y: scroll; }
#site_map .row { grid-template-columns: repeat(3, 1fr); }
#site_map .row { aspect-ratio: unset; grid-auto-rows: 1fr; }
/* #site_map { background-color: #fff; } */ }
@media (max-width:768px) {
#site_map .row { grid-template-columns: repeat(2, 1fr); grid-auto-rows: unset; }
}
@media (max-width:500px) {

	#site_map .row > div > div.site_slide{
		display: none;
	}
}

#site_map .login { display: none; }
@media (max-width:1200px) {
#site_map .login { display: flex; grid-gap: 30px; grid-gap: clamp(20px, 1.5625vw, 30px); height: 58px; align-items: center; color: #111; font-size: 0.9375rem; font-weight: 400; width: 100%; background: #fff; border-bottom: 1px solid #F1F1F1; justify-content: flex-end; padding: 0 var(--width-padding); }
#site_map .login > div { display: flex; align-items: center; grid-gap: 6px; }
}
.site_slide { width: 100%; overflow: hidden; position: relative; }
.site_slide .img_box { width: 100%; aspect-ratio: 2/1; position: relative; }
.site_slide .img_box img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.hd_pop {
	position: fixed;
	left: 0;     /* 좌측 여백 */
	bottom: -100px;     /* 처음에는 화면 아래로 숨김 */
	width: 100%;
	max-width: 480px;
	padding: 20px;
	background: #fff;
	color: white;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
	height: auto;
	overflow: hidden;
	z-index: 1000;
}

.hd_pop.show {
	bottom: 0;
	animation: popupFadeIn 0.6s ease-out forwards;
}

.hd_pops {
	position: relative;
	border: none;
	background: #fff;
	color: #111;
	display: flex;
	flex-direction: column;
	grid-gap: 10px;
}

.hd_pops_con {
	color: #111;
	font-size: 14px;
	width: 100%;
}

.hd_pops_footer:after {
	display: none;
}

.hd_pops_footer {
	padding: 0;
	background: #fff;
	color: #111;
	text-align: left;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.hd_pops_footer .hd_pops_reject {

	background: #fff;
	text-align: left;
	font-size: 14px;
	padding: 0;
	font-weight: 400;
	color: #111;
	text-decoration: underline;
}

.hd_pops_footer .hd_pops_close {
	background: #fff;
	position: relative;
	top: auto;
	right: auto;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	color: #111;
	text-decoration: underline;
}

@keyframes popupFadeIn {
from { opacity: 0; transform: translateY(50px); }
to { opacity: 1; transform: translateY(0); }
}
.bt_navi_basic { display: flex; justify-content: space-between; padding: clamp(50px, 4.3750vw, 84px) var(--width-padding); width: 100%; }
.bt_navi_basic .href { display: flex; grid-gap: clamp(6px, 1.4583vw, 28px); align-items: center; }
.bt_navi_basic .href > span { color: #000; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; min-width: 48px; text-align: center; }
.bt_navi_basic .act_box { width: 41px; height: 41px; position: relative; display: flex; justify-content: center; align-items: center; }
.bt_navi_basic .act_box > div { position: absolute; width: 8px; height: 8px; transition: all 0.3s ease-in-out; }
.bt_navi_basic .act_box > div.line1 { left: 0; top: 0; border-top: 1px solid #000; border-left: 1px solid #000; }
.bt_navi_basic .act_box > div.line2 { right: 0; top: 0; border-top: 1px solid #000; border-right: 1px solid #000; }
.bt_navi_basic .act_box > div.line3 { left: 0; bottom: 0; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.bt_navi_basic .act_box > div.line4 { right: 0; bottom: 0; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.bt_navi_basic .act_box.next > svg { transform: rotate(180deg); }
.bt_navi_basic .href:hover > span { font-weight: 600; }
.bt_navi_basic .href:hover div.line1 { left: 4px; top: 4px; border-top: 1px solid #000; border-left: 1px solid #000; }
.bt_navi_basic .href:hover div.line2 { right: 4px; top: 4px; border-top: 1px solid #000; border-right: 1px solid #000; }
.bt_navi_basic .href:hover div.line3 { left: 4px; bottom: 4px; border-bottom: 1px solid #000; border-left: 1px solid #000; }
.bt_navi_basic .href:hover div.line4 { right: 4px; bottom: 4px; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.bt_navi_basic .href.blank { opacity: 0.5; pointer-events: none; }
@media (max-width:500px) {
.bt_navi_basic .act_box { width: 32px; height: 32px; }
.bt_navi_basic .btn_default_1 { padding: 8px 12px; }
.bt_navi_basic .href > span { font-size: 14px; }
}
.new_sub_banner { height: calc(100dvh - calc(clamp(58px, 3.6458vw, 70px) + 50px)); overflow: hidden; }
.sub_banner.new_sub_banner > .swiper-container { height: 100%; }
.sub_banner.new_sub_banner .img_box { aspect-ratio: unset; width: 100%; height: 100%; }
.sub_banner.new_sub_banner .text_box h1 { font-size: clamp(32px, 6.2500vw, 120px); font-family: "classico-urw", sans-serif; }
.new_sub_page { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #E8EBED; }
.new_sub_page .side {
	grid-column: 1;
	padding: clamp(22px, 2.3438vw, 45px) var(--width-padding);
	border-right: 1px solid #E8EBED;
	padding-bottom: clamp(50px, 8.8542vw, 170px);
}

.new_sub_page .side .btn_box{
	display: flex;
	grid-gap: 16px;
	margin-top: 45px;
}

.new_sub_page .contents { grid-column: span 2; width: 100%; }
.new_sub_page .title_box { display: flex; flex-direction: column; grid-gap: clamp(20px, 2.1875vw, 42px); margin-bottom: clamp(20px, 2.1875vw, 42px); }
.new_sub_page .title_box h2 { color: #0D0D0D; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.21em; }
.new_sub_page .title_box h1 { color: #000; font-size: clamp(24px, 2.1875vw, 42px); font-style: normal; font-weight: 200; line-height: 130%; word-break: keep-all; }
.new_sub_page .desc { color: #0D0D0D; font-size: clamp(15px, 0.9375vw, 18px); font-style: normal; font-weight: 300; line-height: 150%; white-space: pre-line; word-break: keep-all; }
.new_sub_page .contents .blank { width: 100%; height: clamp(200px, 17.7083vw, 340px); }
.new_sub_page .contents > .img_box { aspect-ratio: 1280 / 680; width: 100%; }
.new_detail-img { display: grid; background-color: #E8EBED; grid-template-columns: repeat(6, 1fr); grid-gap: 1px; }
.new_detail-img.mobile { display: none; }
.new_detail-img.mobile > div { display: flex; aspect-ratio: 3 / 2; background: #fff; }
.new_detail-img > div { display: grid; grid-template-rows: 1fr 1fr 1fr; grid-gap: 1px; }
.new_detail-img > div > div { height: clamp(100px, 8.8542vw, 170px); width: 100%; background-color: #fff; position: relative; }
.new_detail-img > div > div.img_type .ab_box { position: absolute; left: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px)* 2); width: calc(100% * 2); z-index: 1; }
.new_detail-img > div > div.img_type.img_type2 .ab_box { position: absolute; left: 0; top: 0; height: calc(clamp(100px, 8.8542vw, 170px)* 3); width: calc(100% * 3); z-index: 1; }
.new_detail-img > div > div.img_type .ab_box .img_box { position: relative; height: 100%; width: 100%; }
@media (max-width:1200px) {
/* .new_sub_banner{
height: calc(100dvh - calc(clamp(58px, 3.6458vw, 70px)));
} */
.new_sub_banner { height: auto; aspect-ratio: 2/1; }
}
@media (max-width:1024px) {
.new_sub_page { display: flex; }
.new_sub_page .contents { grid-column: none; width: 100%; display: flex; flex-direction: column; }
/* .new_sub_page .contents .blank{
display: none;
} */ }
@media (max-width:768px) {
.new_sub_page .contents .blank { display: none; }
.new_sub_page { flex-direction: column; }
.new_detail-img { display: none; }
.new_detail-img.mobile {
	display: flex;
	flex-direction: column;
    grid-gap: 4px;
        background: #fff;
}

}

@media (max-width:500px) {
    .new_sub_banner {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .new_sub_page .contents > .img_box{
        aspect-ratio: 3 / 2;
    }

	.new_sub_page .side .btn_box{
		flex-direction: column;
		grid-gap: 8px;
		
	}

	.new_sub_page .side .btn_box .btn_default_1{
		width: 100%;
	}

	.new_sub_page .side .btn_box .btn_default_2{
		width: 100%;
	}
}

#hd_language {
    position: relative;
    cursor: pointer;
}

.language-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 120px;
}



.language-dropdown .lang-option {
    display: block;
    padding: 10px 16px;
    text-decoration: none;
    transition: background-color 0.2s;
	font-size: 14px;
	font-weight: 400;
	color: #14142B;
}



.language-dropdown .lang-option:hover {
    background-color: #f5f5f5;
}