html{scroll-padding-top: var(--row-gap150);}
body{background: var(--point-color02);}
#wrap{position: relative; overflow: clip;}
.w_custom{position: relative; width: calc(100% - 140px); max-width: 1540px; margin-inline: auto;}
#wrap [class*="swiper-button"]::after{display: none;}
main{padding-block: clamp(80px, 35vw, 350px) clamp(100px, 23vw, 230px);}
main:has(.full-sec){width: 100%; max-width: 100%;}
main:has(.pt-dn){padding-top: 0;}
main:has(.pb-dn){padding-bottom: 0;}
.link{position: absolute;inset: 0;z-index: 3;}
br.for_t{display:none;}
br.for_m{display:none;}
@media (max-width:1400px) {
br.for_pc{display:none;}
}
@media (max-width:1200px) {
.w_custom{width: calc(100% - 60px);}
}
@media (max-width:1023px) {
br.for_pct{display:none;}
br.for_t{display:block;}
}
@media (max-width:860px) {
.w_custom{width: calc(100% - 38px);}
}
@media (max-width:479px) {
br.for_pcm{display: none;}
br.for_m{display:block;}
}
/*────────────────────────────────────────────────────
Header
────────────────────────────────────────────────────*/
#header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;padding-block: clamp(20px, 5vw, 50px);transition: all 0.4s;height: clamp(80px, 22.1vw, 221px);}
#header.on{padding-block: clamp(10px, 1.5vw, 15px);height: clamp(65px, 8vw, 80px); }
#header .bg{position: absolute;content:'';width: 200vw;height:var(--hd-h, 0px);top: 0;left: 50%;translate: -50%;background: rgb(255 251 242 / 60%);transition: inherit; box-shadow: inset 0 -1px var(--border-color01);}
#header.on .bg{height: var(--hd-h, 100%);}
#header .w_custom{max-width: 1780px;display: flex;justify-content: space-between;gap: 15px;height: 100%;}
#header .logo{position: relative;height: 100%; z-index: 1;}
#header .logo a{display: flex;align-items: flex-start;max-width: clamp(60px, 15vw, 150px);height: 100%;}
#header .cont{display: flex;align-items: flex-start;flex-shrink: 0;gap: clamp(70px, 12.5vw, 240px);position: absolute;top: 0;right: 0;transition: all 0.4s;}
#header .gnb{position: relative;display: flex;gap: clamp(40px, 7.82vw, 150px);height: 100%;}
#header .gnb > li{position: relative;font-size: var(--text-22);font-weight: 600;color: var(--black-color00);line-height: 1;letter-spacing: 0;height: 100%;transition: all 0.4s;}
#header .gnb > li > a{display: flex;height: 100%;transition: inherit;padding-bottom: 20px;}
#header .gnb .dep02{position: absolute;top: calc(100% - 1px);left: 0;width: max-content;padding-block: 15px;transition: all 0.4s;opacity: 0;clip-path: inset(-200vw -200vw 100% -200vw);}
#header .gnb .dep02 > li{position: relative;font-size: 90.9%;font-weight: 400;transition: inherit;letter-spacing: -0.03em;}
#header .gnb .dep02 > li > a{display: block;padding-bottom: 10px; transition: inherit;}
#header .all-cate{position: relative;display: flex;flex-direction: column;justify-content: space-between; align-items: flex-end; width: clamp(24px, 3.2vw, 30px);aspect-ratio: auto 1.36;}
#header .all-cate span{width: 100%;height: 2px;background: var(--black-color03);border-radius: 10px;}
#header .all-cate span:nth-child(2){width: 80%;}
body:has(.hd-wh) #header:not(.on) .cont{filter:var(--filter-white);}
@media (min-width:1023px) {
body:has(.hd-type02) #header:not(.on) .bg{height: 0;}
body:has(.hd-type02) #header:not(.on) .gnb > li:nth-child(1) .dep02{opacity: 1;pointer-events: all;background: none;top: 75%;left: 0;translate: 0;text-align: left;padding-block: 0; clip-path: inset(0);}
body:has(.hd-type02) #header:not(.on) .gnb .dep02 > li{filter: none;}
.hd-type02{background: var(--point-white); padding-top: 350px;}
}
/* over */
@media (hover:hover) and (pointer: fine) {
#header .gnb > li:hover .dep02{opacity: 1;pointer-events: all;clip-path: inset(-200vw -200vw 0 -200vw);transition: all 0.4s 0.1s;}
#header .gnb .dep02:has(li:hover) > li:not(:hover){opacity: 0.4;}
}
@media (max-width:1023px) {
#header .gnb{display: none;}
#header .cont{top: 50%; translate: 0 -50% !important;}
}
/*───────────────────────────────────────────────────────────
Aside
───────────────────────────────────────────────────────────*/
#aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255, 251, 242, 0.7);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
#aside.on{opacity: 1;clip-path: inset(0);}
body:has(#aside.on){overflow: clip; touch-action: none;}
#aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
#aside .gnb{width: 100%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
#aside .gnb > li{color: var(--black-color01);font-size: var(--text-20);text-align: center;}
@media (min-width:861px) {
#aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
#aside.on .gnb > li{opacity:1;translate:0;}
#aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
#aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
#aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
#aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
#aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
}
#aside .gnb > li > a{position: relative;display: block;font-size: var(--text-40);font-weight: 700;line-height: 1.4;padding-block: 30px;transition: all 0.4s;letter-spacing: 0;}
#aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
#aside .gnb .dep02{position: relative;}
#aside .gnb .dep02 > li > a{display: block;font-weight: 400;padding-block: clamp(7px, 1.7vw, 13px);color: var(--black-color06);line-height: 1.6;transition: all 0.4s;}
#aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: clamp(20px, 1.6vw, 30px);z-index:2;}
#aside .close_btn{position: relative;width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);z-index: 9;}
#aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--black-color01);}
#aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
/* over */
@media (hover:hover) and (pointer:fine){
#aside .gnb > li:hover > a{color: var(--point-color01);}
#aside .gnb > li:hover > a:before{height:12px;opacity:1;}
#aside .gnb .dep02 > li:hover a{color: var(--point-color01);}
}
@media (max-width:1023px){
#aside{padding-block: clamp(80px, 12vw, 120px);}
}
@media (max-width:860px){
#aside{display: block;}
#aside .w_custom{align-items:flex-start;}
#aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
#aside .gnb > li{padding-block: clamp(20px, 3vw, 25px);text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
#aside .gnb > li > a{padding-block: 0;}
#aside .gnb > li > a:before{display: none;}
#aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: clamp(10px, 1.8vw, 15px);justify-content: flex-start;}
#aside .utility{top:15px; right: 15px;}
}
@media (max-width:479px){
#aside .gnb .dep02{grid-template: auto / repeat(1, 1fr);}
}
/*────────────────────────────────────────────────────
Footer
────────────────────────────────────────────────────*/
/* 하단 */
#footer{position: relative;background: var(--point-color03);padding-block: clamp(50px, 7vw, 70px);font-size: var(--text-16);color: var(--point-white);font-weight: 200;}
#footer .cont{position: relative;display: flex;gap: var(--row-gap50);align-items: flex-start;justify-content: space-between;}
#footer .addr-desc{display: grid;gap: 10px;}
#footer .addr-desc dt{font-size: var(--text-18);font-weight: 400;line-height: 1.66;}
#footer .addr-desc dd{line-height: 1.875;letter-spacing: 0;}
#footer .cs-desc{position: relative;margin-inline: clamp(0px, 4.7vw, 90px) clamp(0px, 8.6vw, 165px);display: grid;gap: 4px;}
#footer .cs-desc dt{font-size: var(--text-18);font-weight: 300;opacity: 0.9;}
#footer .cs-desc dd{position: relative;font-size: var(--text-16);line-height: 1.875;color: rgb(255 255 255 / 80%);display: grid;gap: 4px;}
#footer .cs-desc .tel{font-size: var(--text-34);font-weight: 500;line-height: 1.2;color: var(--point-white);letter-spacing: 0;}
#footer .cs-desc .divide{display: flex;gap: 20px;font-size: var(--text-18);line-height: 1.2;color: var(--point-white);margin-top: 6px;letter-spacing: 0.01em;}
#footer .cs-desc .divide + .divide{margin-top:4px;}
#footer .cs-desc .divide span{min-width: 43px;flex-shrink: 0;text-align-last: justify;font-size: var(--text-16);}
#footer .btm-sec{display: grid;gap: clamp(15px, 2vw, 18px);margin-top: -53px;}
#footer .btm-sec .item{position: relative;}
#footer .link-list{display: flex;flex-wrap: wrap;gap: 15px clamp(30px, 5vw, 50px);letter-spacing: 0.02em;}
#footer .link-list a{position: relative;}
#footer .link-list strong{font-weight: 300;}
#footer .copy{font-size: var(--text-15);color: rgb(255 255 255 / 50%);letter-spacing: 0.015em;}
#footer .sns-list{display: flex;flex-wrap: wrap;gap: clamp(10px, 1.4vw, 14px);margin-top: clamp(30px, 9.5vw, 95px);translate: 0 10px;}
#footer .sns-list a{display: flex;align-items: center;justify-content: center;inline-size: clamp(36px, 5vw, 48px);aspect-ratio: auto 1;border: 1px solid rgb(255 255 255 / 50%);border-radius: 100%;padding: 10px;}
@media (max-width:1200px) {
#footer .cs-desc{margin-inline: 0;}
}
@media (max-width:1023px) {
#footer .cont{flex-direction: column;}
#footer .btm-sec{margin-top: var(--row-gap50);}
#footer .sns-list{translate:0;}
}
/* 퀵 */
.quick-list{position: fixed;top: 80px;right: 0;z-index: 50;display: flex;flex-direction: column;gap: clamp(5px, 1vw, 10px);align-items: flex-end;opacity: 0;translate: 100%;transition: all 0.4s;}
body:has(#header.on:not(.end)) .quick-list{opacity: 1;translate: 0;}
.quick-list > li{position: relative;display: grid;grid-template-columns: auto minmax(0, 0fr);transition: all 0.4s;justify-content: end;}
.quick-list .front{position: relative;writing-mode: sideways-rl;overflow: hidden;transition: all 0.4s;}
.quick-list .front button{display: flex;align-items: center;justify-content: center;text-align: center;gap: clamp(10px, 1.4vw, 12px);width: clamp(40px, 5.5vw, 50px);min-height: clamp(110px, 13.5vw, 130px);height: 100%;font-size: var(--text-17);font-weight: 500;color: var(--black-color03);letter-spacing: 0;background: var(--point-white);padding-inline: 10px;}
.quick-list .front button em{position: relative;display: flex;align-items: center;justify-content: center;width: 10px;aspect-ratio: auto 1;}
.quick-list .front button em{&::before, &::after{display: inline-flex;content: '';width: 100%;height: 2px;background: var(--black-color02);}}
.quick-list > li.active .front button{color: var(--point-white);font-weight: 400;background: var(--point-color04);}
.quick-list > li.active .front button em{&::before, &::after{background: var(--point-white);}}
.quick-list > li.wall.active .front button{background: var(--point-color05);}
.quick-list > li.hill.active .front button{background: var(--point-color06);}
.quick-list > li.star.active .front button{background: var(--point-color07);}
.quick-list > li.royhills.active .front button{background: var(--point-color17);}
.quick-list .front button em::after{position: absolute;top: 0;left: 50%;translate: -50%;width: 2px;height: 100%;}
.quick-list .front button strong{position: relative;font-weight: inherit;text-align: left;width: fit-content;line-height: 1;}
.quick-list .back{position: relative;overflow: hidden;width: max-content;background: var(--point-color04);color: var(--point-white);padding: 20px;min-width: 200px;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;z-index: 2;transition: inherit;}
.quick-list .front button small{font-size: 70%;}
.quick-list > li.wall .back{background: var(--point-color05);}
.quick-list > li.hill .back{background: var(--point-color06);}
.quick-list > li.star .back{background: var(--point-color07);}
.quick-list > li.royhills .back{background: var(--point-color17);}
.quick-list .desc{display: grid;gap: 10px;}
.quick-list .desc dt{display: flex;}
.quick-list .desc dd{font-size: var(--text-14);font-weight: 200;line-height: 1.3;}
.quick-list .arw{position: relative;display: flex;width: clamp(20px, 2.4vw, 22px);aspect-ratio: auto 1;background: var(--point-white) url('/images/arw.svg') no-repeat center / 7px auto;margin-left: auto;}
@media (hover:hover) and (pointer: fine) {
.quick-list > li:hover{grid-template-columns: auto minmax(0, 1fr);}
.quick-list > li:hover .front{opacity: 0;translate: 100%;}
}
.quick-list > li.on{grid-template-columns: auto minmax(0, 1fr);}
.quick-list > li.on .front{opacity: 0;translate: 100%;}
.scr-top{position: fixed;right: 20px;bottom: 20px;z-index: 50;inline-size: clamp(40px, 5.2vw, 50px);aspect-ratio: auto 1;padding: 10px;background: var(--black-color02);display: flex;align-items: center;justify-content: center; opacity: 0; pointer-events: none; transition: all 0.4s;}
body:has(#header.on:not(.end)) .scr-top{opacity: 1;pointer-events: all;}
@media (max-width:1200px) {
.quick-list .front{writing-mode:unset;}
.quick-list .front button{width: 65px;min-height: 65px;padding: 8px;font-size: var(--text-16);}
.quick-list .front button em{display:none;}
.quick-list .front button strong {text-align:center;}
.quick-list .back{position:absolute;top: 0;right: 0;translate: 100%;}
.quick-list > li.on .back{translate: 0;}
}
/*────────────────────────────────────────────────────
Main
────────────────────────────────────────────────────*/
/* 비주얼 */
.integratSwiper{position: relative; overflow: hidden;}
.integratSwiper .swiper-slide{height: auto; aspect-ratio: 16 / 8.4; overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.integratSwiper .thumb{position: absolute;inset: 0;overflow: hidden;}
.integratSwiper .thumb::before{position: absolute; content: ''; inset: 0; background: rgb(0 0 0 / 30%); z-index: 1;}
.integratSwiper .thumb :where(img, video, iframe){width: 101%;height: 101%;object-fit: cover;}
.integratSwiper .thumb :where(video, iframe){pointer-events: none;position: absolute;top: 50%;left: 50%;translate: -50% -50%;width:calc(100% + 240px);height: calc(100% + 240px); pointer-events: none;}
.integratSwiper .title{text-align: center;filter: var(--filter-white);}
.integratSwiper .title h2{font-size: var(--text-70);font-weight: 100;letter-spacing: 0;display: flex;align-items: center;justify-content: center;gap: clamp(15px, 4vw, 64px);}
.integratSwiper .title h2 em{font-size: var(--text-90);font-weight: 600;font-family: var(--font-type02);letter-spacing: 0.06em;translate: 0 3px;}
.integratSwiper .title h3{font-size: var(--text-30);font-weight: 400;line-height: 1.6;}
.integratSwiper .controller{position: absolute;left: 50%;bottom: clamp(20px, 5vw, 100px);translate: -50%;z-index: 3;display: flex;align-items: center;flex-wrap: wrap;gap: clamp(20px, 4vw, 40px);}
.integratSwiper .play-btn{position: relative;width: clamp(50px, 10vw, 100px);aspect-ratio: auto 1;}
.integratSwiper .play-btn.on::before{width: 12px;clip-path: var(--clip-poly03);margin-left: 1px;}
.integratSwiper .play-btn.on::after{opacity: 0;}
.integratSwiper .play-btn{&::before, &::after{position:absolute;content:'';width: 3px;height: 15px;background: var(--point-white);top: 50%;left: 50%;translate: calc(-50% - 0.5px) calc(-50% - 0.5px);margin-left: -4px;}}
.integratSwiper .play-btn::after{margin-left: 4px;}
.integratSwiper .circle{width: 100%;height: 100%;}
.integratSwiper .play-btn.init:not(.on) .fill-svg{animation:fill-svg var(--prog) forwards linear; animation-delay: var(--spd);}
@keyframes fill-svg{to{stroke-dashoffset:0}}
.integratSwiper .volume-btn{display: flex;}
.integratSwiper .volume-btn svg{width: clamp(15px, 2vw, 20px);height: auto;}
.integratSwiper .volume-off{display: none;}
.integratSwiper .volume-btn.on .volume-off{display: block;}
.integratSwiper .volume-btn.on .volume-on{display: none;}
.integratSwiper .swiper-pagination{position: relative;inset: auto;width: auto;display: flex;align-items: center;flex-wrap: wrap;gap: 10px clamp(15px, 3vw, 30px);}
.integratSwiper .swiper-pagination button{opacity: 0.6;margin: 0 !important;width: auto;height: auto;border-radius: 0;background: none;font-size: var(--text-20);font-weight: 500;color: var(--point-white);transition: all 0.4s;}
.integratSwiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
/* main-title */
.main-title{position: relative;text-align: center;display: flex;flex-direction: column;gap: 16px;margin-bottom: clamp(60px, 10.3vw, 103px);text-wrap: balance;}
.main-title h2{font-size: var(--text-70);font-weight: 400;color: var(--point-color01);font-family: var(--font-type02);line-height: 1.1;letter-spacing: 0.07em;}
.main-title h3{position: relative;font-size: var(--text-43);font-weight: 600;color: var(--point-color01);font-family: var(--font-type03);letter-spacing: -0.05em;}
.main-title h3 + p{margin-top: clamp(15px, 2.3vw, 23px);}
.main-title p{font-size: var(--text-27);color: var(--black-color03);line-height: 1.8;letter-spacing: -0.03em;}
/* our-story */
.our-story{display: flex;gap: var(--row-gap40) clamp(50px, 3.7vw, 70px);}
.our-story .thumb{position: relative;width: 50%;flex-shrink: 0; overflow: hidden;}
.our-story .thumb img{width: 100%; height: 100%; object-fit: cover;}
.our-story .title{position: relative;margin-top: -9px;display: flex;flex-direction: column;gap: 41px;width: 100%;}
.our-story .title p{font-size: var(--text-27);color: var(--black-color02);letter-spacing: -0.04em;line-height: 1.7;}
.our-story .title p strong{font-weight: 700;}
@media (max-width:1023px) {
.our-story{flex-wrap: wrap;}
.our-story .thumb{width: 100%; flex-shrink: unset;}
.our-story .title{text-align: center; margin-top: 0;}
}
/* values-list */
.values-list{display: grid;grid: auto / repeat(5, 1fr);max-width: 1460px;margin-inline: auto;}
.values-list > li{position: relative;text-align: center;box-shadow: inset 1px 0 var(--black-color00), 1px 0 var(--black-color00);padding: 36px 15px 42px;}
.values-list .desc{position: relative;display: grid;gap: 4px;}
.values-list .desc dt{font-size: var(--text-34);font-weight: 600;color: var(--black-color00);letter-spacing: 0.05em;}
.values-list .desc dd{font-size: var(--text-25);color: var(--black-color00);line-height: 1.6;letter-spacing: -0.04em;}
@media (max-width:1023px) {
.values-list{grid: auto / repeat(3, 1fr);}
}
@media (max-width:479px) {
.values-list{grid: auto / repeat(1, 1fr);}
.values-list > li{box-shadow: inset 0px 1px var(--black-color00), 0px 1px var(--black-color00);}
}
/* btn-wrap */
.btn-wrap{position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px);margin-top: clamp(40px, 8.8vw, 88px);}
.btn-wrap.left{justify-content: flex-start;}
.btn-wrap :where(button, a){position: relative;display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight: 200;color: var(--point-white);background: var(--point-color01);padding: clamp(12px, 1.8vw, 13px) clamp(20px, 2.6vw, 26px);letter-spacing: 0.01em;line-height: 1.2;}
.btn-wrap.lg{margin-top: clamp(50px, 10vw, 100px);}
.btn-wrap.lg :where(button, a){font-size: var(--text-24);font-weight: 500;min-width: clamp(140px, 21vw, 200px);min-height: clamp(50px, 7.5vw, 70px);}
/* promise-list */
.promise-list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(10px, 1.1vw, 18px);}
.promise-list > li{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;min-height: clamp(320px, 49.5vw, 950px);padding: 100px 30px;}
.promise-list .desc dt{position: absolute;inset: 0;overflow: hidden;}
.promise-list .desc dt img{width:100%;height: 100%;object-fit: cover;}
.promise-list .desc dd{position: relative;font-size: var(--text-70);font-style: italic;font-weight: 300;font-family: var(--font-type02);filter: var(--filter-white);letter-spacing: 0.06em;}
@media (max-width:1160px) {
.promise-list{grid: auto / repeat(2, 1fr);}
}
@media (max-width:640px) {
.promise-list{grid: auto / repeat(1, 1fr);}
}
/* found-meta */
.found-meta{display: flex;gap: clamp(60px, 10vw, 100px) 30px;align-items: flex-start;}
.found-meta .title{position: relative;}
.found-meta .title p{font-size: var(--text-27);color: var(--black-color03);line-height: 1.7;letter-spacing: -0.04em;}
.found-meta .exp{position: relative;padding-inline: clamp(50px, 5.42vw, 104px);text-align: center;border-inline: 1px solid var(--black-color00);margin: 5px clamp(0px , 4.95vw, 95px) 0 auto;display: flex;flex-direction: column;gap: 28px;}
.found-meta .exp p{font-size: var(--text-20);color: var(--black-color03);line-height: 1.5;}
@media (max-width:1023px) {
.found-meta{flex-wrap: wrap;}
.found-meta .title{width: 100%; text-align: center;}
.found-meta .exp{width: 100%;margin: 0;padding: clamp(60px, 10vw, 100px) 0;border: 0;border-block: 1px solid var(--black-color00);}
}
/* gallery-list */
.gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap:var(--row-gap60) var(--col-gap30);}
.gallery-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap30);}
.gallery-list .thumb{width: 100%;aspect-ratio: 3 / 2;overflow: hidden;}
.gallery-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;}
.gallery-list .prefix{position: absolute;top: 0;left: 0;font-size: var(--text-16);color: var(--point-white);background: var(--point-color01);line-height: 1.2;font-weight: 300;padding: 5px 8px;}
.gallery-list .cont{display: flex;flex-direction: column;gap: clamp(20px, 4vw, 40px);flex-grow: 1;justify-content: space-between;}
.gallery-list .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);}
.gallery-list .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery-list .desc dt{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);letter-spacing: -0.02em;}
.gallery-list .desc dd{font-size: var(--text-18);color: var(--black-color06);letter-spacing: -0.02em;}
.gallery-list .regdate{font-size: var(--text-18);color: var(--black-color09);line-height: 1.33;}
.main_news .gallery-list {grid: auto / repeat(3, 1fr);}
.gallery-list:has(.pop-style){grid: auto / repeat(4, 1fr); gap: var(--col-gap30);}
.gallery-list:has(.pop-style) > li{cursor: pointer;}
.gallery-list:has(.pop-style) .cont{display: none;}
.gallery-list:has(.pop-style) .thumb{aspect-ratio: 3 / 4;}
@media (hover:hover) and (pointer: fine) {
.gallery-list > li:hover .thumb img{scale: 1.08;}
}
@media (max-width:1023px) {
.gallery-list{grid: auto / repeat(2, 1fr);}
.gallery-list:has(.pop-style){grid: auto / repeat(2, 1fr);}
}
@media (max-width:479px) {
.gallery-list{grid: auto / repeat(1, 1fr);}
}
/* news-list */
.news-list{display: grid;grid: auto / repeat(1, 1fr);border-top: 1px solid var(--black-color00);}
.news-list > li{position: relative;display: flex;align-items: center;gap: 20px clamp(25px, 3.2vw, 60px);padding: clamp(25px, 3vw, 30px) clamp(25px, 4vw, 40px);border-bottom: 1px solid var(--border-color01);}
.news-list .thumb{position: relative;width: min(420px, 30%);aspect-ratio: auto 1.61;overflow: hidden;flex-shrink: 0;}
.news-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;}
.news-list .prefix{position: absolute;top: 0;left: 0;font-size: var(--text-16);color: var(--point-white);background: var(--point-color01);line-height: 1.2;font-weight: 300;padding: 5px 8px;}
.news-list .cont{display: flex;flex-direction: column;gap: var(--row-gap30);justify-content: space-between;width: 100%;}
.news-list .desc{display: grid;gap: var(--row-gap20);}
.news-list .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list .desc dt{font-size: var(--text-30);font-weight: 500;color: var(--black-color03);letter-spacing: -0.02em;}
.news-list .desc dd{font-size: var(--text-20);color: var(--black-color06);letter-spacing: -0.02em;line-height: 1.6;}
.news-list .regdate{font-size: var(--text-18);color: var(--black-color08);}
@media (hover:hover) and (pointer: fine) {
.news-list > li:hover .thumb img{scale: 1.08;}
}
@media (max-width:860px) {
.news-list > li{flex-wrap: wrap;}
.news-list .thumb{width: auto; flex-shrink: unset;}
}
/* visualSwiper */
.visualSwiper{position: relative;}
.visualSwiper .swiper-slide{position: relative;height: auto;min-height: clamp(680px, 98vw, 980px);overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-block: var(--row-gap120);}
.visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden; }
.visualSwiper .swiper-slide-active .thumb{ transition: all 5s 0.2s;}
.visualSwiper .thumb img{width: 100%;height: 100%;object-fit: cover;}
.visualSwiper .title{position: relative;text-align: center;filter: var(--filter-white);}
.visualSwiper .title h2{font-size: var(--text-70);font-weight: 400;font-family: var(--font-type02);letter-spacing: 0.3em;}
.visualSwiper .swiper-pagination{position: absolute;inset: auto;left: 50%;bottom: clamp(30px, 6vw, 60px);translate: -50%;display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(15px, 2vw, 20px);}
.visualSwiper .swiper-pagination span{position: relative;margin: 0 !important;width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1;height: auto;border-radius: 100%;background: rgb(255 255 255 / 50%);opacity: 1;transition: all 0.4s;}
.visualSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--point-white);}
/* proud-intro */
.proud-intro{position: relative;text-align: center;padding-block: clamp(70px, 9vw, 90px) clamp(70px, 17.5vw, 175px);display: grid;gap: clamp(60px, 9.3vw, 93px);}
.proud-intro .title{position: relative;}
.proud-intro .title h3{font-size: var(--text-44);font-weight: 700;color: var(--black-color00);font-family: var(--font-type03);line-height: 1.27;letter-spacing: -0.05em;}
.proud-intro .logo{margin-top: clamp(30px, 9.2vw, 92px);height: clamp(100px, 16.3vw, 163px);}
.proud-intro .desc{display: grid;gap: clamp(15px, 3.2vw, 32px);}
.proud-intro .desc dt{font-size: var(--text-48);color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0.05em;}
.proud-intro .desc dd{font-size: var(--text-30);color: var(--black-color02);line-height: 1.66;letter-spacing: -0.04em;}
.proud-intro.type02{gap: clamp(60px, 9.3vw, 72px); padding-bottom: clamp(70px, 16vw, 160px);}
.proud-intro.type02 .logo{margin-top: clamp(30px, 9.2vw, 115px);}
.proud-intro.type02 .desc{gap: clamp(15px, 3.2vw, 26px);}
.proud-intro.type02 .desc dt{font-size: var(--text-44);font-family: var(--font-type03);letter-spacing: -0.05em;font-weight: 700;}
.proud-intro.type02 .desc dd{font-size: var(--text-28);line-height: 1.78;letter-spacing: -0.02em;}
/* hill-story */
.hill-story{position: relative;display: flex;align-items: flex-start;gap: 50px;}
.hill-story .title{position: sticky;top: 100px;width: 100%;display: flex;flex-direction: column;gap: var(--row-gap30);padding-top: 41px;}
.hill-story .title h3{font-size: var(--text-22);font-weight: 400;color: var(--black-color00);line-height: 1.6;letter-spacing: 0.03em;}
.hill-story .title h4{font-size: var(--text-36);font-weight: 400;color: var(--black-color00);line-height: 1.33;font-family: var(--font-type03);letter-spacing: -0.05em;}
.hill-story .title h4::after{display: block;content:'';width: clamp(35px, 5.6vw, 54px);height: 2px;background: var(--black-color01);margin-block: clamp(20px, 3.5vw, 35px) 5px;}
.hill-story .title h4 strong{font-weight: 700;}
.hill-story .title p{font-size: var(--text-22);color: var(--black-color02);line-height: 1.72;letter-spacing: -0.03em;}
.hill-story .item-list{position: relative;width: min(960px, 63%);flex-shrink: 0;display: flex;flex-direction: column;gap: var(--row-gap100);}
.hill-story .item-list > li{position: relative;display: grid;gap: var(--row-gap40);}
.hill-story .thumb img{min-height: 180px;object-fit: cover;}
.hill-story .logo-desc{display: flex;align-items: flex-end;gap: clamp(20px, 3.6vw, 36px);margin-inline: auto;}
.hill-story .logo-desc dt{position: relative;display: flex;width: clamp(100px, 20vw, 200px);}
.hill-story .logo-desc dd{font-size: var(--text-26);color: var(--black-color00);line-height: 1.46;letter-spacing: -0.02em;width: 380px;}
@media (max-width:1023px) {
.hill-story{flex-wrap: wrap;}
.hill-story .title{position: relative;inset: auto;padding-top: 0;}
.hill-story .item-list{width: 100%;flex-shrink: unset;}
.hill-story .logo-desc{padding-left: 0; margin-inline: auto;}
}
@media (max-width:1023px) {
.hill-story .logo-desc{flex-wrap: wrap;justify-content: center;}
.hill-story .logo-desc dd{width: 100%; text-align: center;}
}
/* proud-title */
.proud-title{position: relative;text-align: center;margin-bottom: clamp(40px, 12.9vw, 129px);display: flex;flex-direction: column;gap: 5px;}
.proud-title h3{font-size: var(--text-56);font-weight: 400;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0.07em;line-height: 1.3;}
.proud-title h4{font-size: var(--text-30);font-weight: 500;color: var(--point-color01);}
/* feature-list */
.feature-list{display: grid;grid: auto / repeat(3, 1fr);gap: var(--row-gap60) clamp(15px, 3.3vw, 62px);}
.feature-list > li{position: relative;display: flex;flex-direction: column;gap: 20px;}
.feature-list .thumb{height: clamp(400px, 61vw, 610px);overflow: hidden;}
.feature-list .thumb img{width: 100%;height: 100%;object-fit: cover;}
.feature-list .cont p{font-size: var(--text-21);color: var(--black-color03);line-height: 1.55;letter-spacing: -0.03em;}
.feature-list .desc{display: grid;gap: clamp(15px, 2.6vw, 26px);}
.feature-list .desc dt{font-size: var(--text-21);color: var(--black-color00);letter-spacing: 0.02em;}
.feature-list .desc dd{font-size: var(--text-35);font-weight: 700;color: var(--black-color03);font-family: var(--font-type03);letter-spacing: -0.05em;}
.feature-list .desc::after{display:block;content:'';width: clamp(35px, 5.2vw, 50px);height: 1px;background: var(--black-color03);margin-block: 4px clamp(22px, 3.2vw, 32px);}
.feature-list .arw-btns{margin-top: 25px;justify-content: flex-start;}
.feature-list.type02{column-gap: clamp(15px, 2.61vw, 50px);}
.feature-list.type03{column-gap: clamp(15px, 3.55vw, 68px);}
.feature-list.type03 .thumb{height: 360px;}
.feature-list.type03 .desc::after{display: none;}
.feature-list.type02 + .noti-txt {margin-top: clamp(70px, 13.5vw, 135px);}
@media (min-width:1023px) {
.feature-list.type02 > li:first-child{grid-column:1 / 3;}
}
@media (max-width:1023px) {
.feature-list{grid: auto / repeat(2, 1fr)}
}
@media (max-width:479px) {
.feature-list{grid: auto / repeat(1, 1fr)}
}
/* symmet-list */
.symmetSwiper{position: relative;}
.symmet-list{position: relative;}
.symmet-list > li{position: relative; height: auto;}
.symmet-list .desc{position: relative;text-align: center;display: grid;gap: clamp(15px, 2vw, 20px);}
.symmet-list .desc dt{width: 100%; aspect-ratio: auto 1.39; overflow: hidden;}
.symmet-list .desc dt img{width: 100%; height: 100%; object-fit: cover;}
.symmet-list .desc dd{font-size: var(--text-26);color: var(--black-color03);line-height: 1.6;}
.symmetSwiper .swiper-arw{left: clamp(15px, 3vw, 30px);}
.symmetSwiper .swiper-arw.next{right: clamp(15px, 3vw, 30px);}
.symmetSwiper .swiper-scrollbar{position: absolute;inset: auto;top: calc(100% + clamp(15px, 2.5vw, 25px));left: 0;width: 100%;height: clamp(2px, 0.4vw, 4px);background: var(--border-color03);}
.symmetSwiper .swiper-scrollbar-drag{background: var(--point-color01);}
.symmet-tab > .items{transition: all 0.4s;}
.symmet-tab > .items:not(.on){opacity: 0; height: 0; overflow: hidden; translate: 0 70px;}
.layer-pop .layer-cont .symmet-list{display: grid; grid: auto / repeat(2, 1fr); gap:40px var(--col-gap20);}
.layer-pop .layer-cont .symmet-list > li{cursor:auto;}
@media (min-width:641px) {
.symmet-list:not(:has(> li:nth-child(3))){justify-content: center;}
.symmet-list:not(:has(> li:nth-child(3))) > li:last-child{margin-right: 0 !important;}
}
@media (min-width:0px) {
.symmet-list:not(:has(> li:nth-child(2))){justify-content: center;}
.symmet-list:not(:has(> li:nth-child(2))) > li:last-child{margin-right: 0 !important;}
}
/* arw-btns */
.arw-btns{display: flex;justify-content: center;gap: clamp(10px, 3vw, 30px);flex-wrap: wrap;margin-top: var(--row-gap80);}
.arw-btns :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;gap: 10px;font-size: var(--text-20);font-weight: 400;color: var(--point-white);background: var(--point-color04);min-width: clamp(95px, 14vw, 130px);min-height: clamp(42px, 6.5vw, 60px);line-height: 1.2;letter-spacing: 0.02em;padding: 10px 15px;}
.arw-btns :where(button, a).pt04{background: var(--point-color06);}/*더힐*/
.arw-btns :where(button, a).pt02{background: var(--point-color05);}/*더월*/
.arw-btns :where(button, a).pt03{background: var(--point-color07);}/*별의숲*/
.arw-btns :where(button, a)::after{display: inline-flex;content:'';width: clamp(7px, 1vw, 8px);aspect-ratio: auto 0.66;background: url('/images/arw02.svg') no-repeat center / 100% auto;filter: var(--filter-white);}
.arw-btns.sm :where(button, a){min-height: clamp(42px, 5.5vw ,50px);}
.arw-btns.wide :where(button, a){min-width: clamp(110px, 15vw, 160px);}
/* wide-bnr */
.wide-bnr{position: relative;min-height: clamp(430px, 64vw, 640px);padding-block: clamp(120px, 18vw, 180px);text-align: center;}
.wide-bnr .bg{position: absolute;inset: 0;overflow: hidden;}
.wide-bnr .bg img{width: 100%;height: 100%;object-fit: cover;}
.wide-bnr .title{position: relative;filter: var(--filter-white);}
.wide-bnr .title h3{font-size: var(--text-34);font-weight: 400;line-height: 1.79;font-family: var(--font-type03);letter-spacing: -0.05em;}
.wide-bnr .desc{display: grid;gap: 9px;}
.wide-bnr .desc dt{font-size: var(--text-36);font-weight: 300;font-family: var(--font-type02);letter-spacing: 0.07em;line-height: 1.3;}
.wide-bnr .desc dd{font-size: var(--text-34);line-height: 1.64;font-family: var(--font-type03);letter-spacing: -0.05em; font-weight: 400;}
.wide-bnr.type02{min-height: clamp(430px, 78vw, 780px);padding-block: clamp(120px, 18vw, 156px);}
/* layer-pop */
.layer-pop{position: fixed;inset: 0;z-index: 200;background: rgb(0 0 0 / 70%);display: flex;flex-direction: column;opacity: 0;pointer-events: none;transition: all 0.4s;overflow: hidden;overflow-y: auto;}
.layer-pop.on{opacity: 1; pointer-events: all;}
body:has(.layer-pop.on){overflow: clip;}
.layer-pop.rele{opacity: 1;pointer-events: all;position: relative;inset: auto;background: none;z-index: 1; overflow: visible;}
.layer-pop.rele .w_custom{width:100%;margin-block: 0;}
.layer-pop .w_custom{max-width: 1540px;margin-block: 35px;}
.layer-pop .w_custom.w1120{max-width: 1120px;}
.layer-pop .w_custom.w1120 .layer-cont{padding: clamp(50px, 3.2vw, 60px) clamp(25px, 3.2vw, 60px);}
.layer-pop .layer-cont{position: relative;padding: clamp(50px, 5.73vw, 110px) clamp(25px, 5.73vw, 110px);overflow: hidden;overflow-y: auto;background: var(--point-color12);display: grid;grid: auto / minmax(0, 1fr);gap: var(--row-gap100); align-items: start;}
.layer-pop .close-btn{position: absolute;width: clamp(20px, 4.2vw, 38px);aspect-ratio: auto 1;top: -6px;right: -52px;z-index: 3;}
.layer-pop .close-btn{&::before, &::after{position: absolute;content:'';width: 100%;height: 2px;background: var(--point-white);top: 50%;left: 50%;translate: -50% -50%;rotate: 45deg;}}
.layer-pop .close-btn::after{rotate: -45deg;}
.layer-pop .pop-title{position: relative;display: flex;flex-direction: column;margin-bottom: var(--row-gap40);font-family: var(--font-type03);margin-bottom: clamp(15px, 2.6vw, 26px);}
.layer-pop .pop-title:has(h2.af-dn){margin-bottom: clamp(15px, 5vw, 50px);}
.layer-pop .pop-title h2{font-size: var(--text-52);font-weight: 700;color: var(--black-color02);line-height: 1.11;font-family: var(--font-type03);letter-spacing: -0.05em;}
.layer-pop .pop-title h2::after{display:block;content:'';width: clamp(35px, 5vw, 50px);height: 2px;background: var(--black-color02);margin-block: clamp(30px, 4.8vw, 48px) clamp(28px, 4.5vw, 45px);}
.layer-pop .pop-title h2.af-dn::after{display: none;}
.layer-pop .pop-title h3{font-size: var(--text-35);font-weight: 700;color: var(--black-color02);line-height: 1.4;letter-spacing: -0.05em;}
.layer-pop .title-desc{position: relative;font-family: var(--font-type05);display: flex;align-items: center;flex-wrap: wrap;gap: 6px clamp(12px, 2vw, 20px);margin-bottom: var(--row-gap30);padding-right: clamp(30px, 5vw, 50px);}
.layer-pop .title-desc dt{font-size: var(--text-30);font-weight: 600;color: var(--black-color01);line-height: 1.6;}
.layer-pop .title-desc dd{position: relative;font-size: var(--text-20);font-weight: 400;color: var(--black-color01);}
.layer-pop.type02{background: rgb(0 0 0 / 30%);}
.layer-pop.type02 .w_custom{max-width: 1400px;display: flex;flex-direction: column;justify-content: center;height: calc(100% - 70px);}
.layer-pop.type02 .layer-cont{background: var(--point-white);padding: 30px clamp(25px, 4vw, 40px); gap: 0;}
.layer-pop.type02 .close-btn{position: absolute;top: clamp(36px, 3.6vw, 36px);right: clamp(23px, 3.7vw, 37px);}
.layer-pop.type02 .close-btn{&::before, &::after{background: var(--black-color03);}}
.layer-pop.type02 .com-tab.type02{margin-bottom: var(--row-gap30);}
.guide-list{position: relative;display: flex;flex-wrap: wrap;--gap: clamp(15px, 1.3vw, 24px);gap: var(--gap);}
.guide-list > li{position: relative;width: calc(100% / 4 - var(--gap) / 4 * 3);background: var(--point-white);padding: clamp(20px, 2.5vw, 25px) clamp(25px, 3vw, 30px) clamp(23px, 2.8vw, 28px);display: flex;flex-direction: column;gap: 10px;}
.guide-list > li.array02{width: calc(100% / 2 - var(--gap) / 2 );position: relative;}
.guide-list > li.array02 .list-desc{display: flex;align-items: baseline;}
.guide-list > li.array02 .list-desc:has(dt.hid){gap:0;}
.guide-list > li.array02 .list-desc dt.hid{width: 0;overflow: hidden;}
.guide-list > li.array02 .list-desc dd{color: var(--point-color01);font-size: var(--text-28);}
.guide-list > li.array05{width: calc(100% / 5 - var(--gap) / 5 * 4);}
.guide-list .list-desc{display: grid;gap: 15px 18px;}
.guide-list .list-desc dt{position: relative;font-size: var(--text-50);color: var(--point-color13);font-family: var(--font-type02);line-height: 1;}
.guide-list .list-desc dd{position: relative;font-size: var(--text-26);font-weight: 700;color: var(--black-color00);line-height: 1.38;letter-spacing: 0;}
.guide-list .list-desc dd small{font-size: var(--text-21);font-weight: 400;letter-spacing: -0.05em;}
.guide-list .cont{font-size: var(--text-24);color: var(--black-color00);line-height: 1.41;letter-spacing: -0.03em;}
.bullet-list{display: flex;flex-direction: column;gap: 10px;}
.bullet-list > li{font-size: var(--text-21);font-weight: 500;color: var(--black-color00);line-height: 1.33;display: flex;align-items: baseline;gap: clamp(10px, 3.2vw, 32px);}
.bullet-list > li::before{display: inline-flex;content:'';width: clamp(4px, 0.8vw, 6px);aspect-ratio: auto 1;background: currentColor;flex-shrink: 0;translate: 0 clamp(-5px, -0.7vw, -3px);border-radius: 100%;}
.bullet-list > li:has(.exp-desc)::before{width: clamp(4px, 1vw, 8px);}
.bullet-list .exp-desc{display: flex;align-items: baseline;gap: 5px var(--row-gap10);}
.bullet-list .exp-desc dt{font-size: var(--text-26);font-weight: 700;flex-shrink: 0;letter-spacing: 0;}
.bullet-list .exp-desc dd{font-size: var(--text-24);font-weight: 400;width: 100%;}
@media (max-width:1520px) {
.guide-list{display: grid; grid: auto / repeat(2, 1fr);}
.guide-list > li{width: 100% !important;}
}
@media (max-width:1200px) {
.layer-pop .close-btn{top: clamp(10px, 2vw, 20px);right: clamp(10px, 2vw, 20px);}
.layer-pop .close-btn{&::before, &::after{background: var(--black-color00);}}
}
@media (max-width:1023px) {
.guide-list{grid: auto / repeat(1, 1fr);}
}
@media (max-width:479px) {
.layer-pop .title-desc{flex-direction: column;align-items: flex-start;}
.bullet-list .exp-desc{flex-wrap: wrap;}
.bullet-list .exp-desc dt{flex-shrink: unset;}
}
/*────────────────────────────────────────────────────
Sub
────────────────────────────────────────────────────*/
/* 비주얼 */
.sub-visual{position: relative;min-height: clamp(500px, 75vw, 750px);padding-block: var(--row-gap150);display: flex;flex-direction: column;justify-content: center;}
.sub-visual .thumb{position: absolute;inset: 0;overflow: hidden;}
.sub-visual .thumb img{width: 100%;height: 100%;object-fit: cover;}
.sub-visual .title{text-align: center; filter: var(--filter-white);}
.sub-visual .title h2{font-size: var(--text-74);font-weight: 400;font-family: var(--font-type02);letter-spacing: 0.06em;line-height: 1.3;}
/* page-title */
.page-title{position: relative;text-align: center;text-wrap: balance;display: flex;flex-direction: column;gap: clamp(20px, 5.7vw, 57px);}
.page-title.hd{margin-bottom: var(--row-gap60);}
.page-title.hd-l{margin-bottom: clamp(50px, 10vw, 100px);}
.page-title h3{font-size: var(--text-50);font-weight: 700;color: var(--point-color01);line-height: 1.36;font-family: var(--font-type03);}
.page-title h3.en{font-size: var(--text-54);font-weight: 300;letter-spacing: 0.07em;font-family: var(--font-type02);}
.page-title h4{font-size: var(--text-31);font-weight: 400;color: var(--black-color01);line-height: 1.8;}
.page-title h4 strong{font-weight: 700;color: var(--black-color02);}
/* story-sign */
.story-sign{position: relative;}
.story-sign dt{width: fit-content;margin-inline: auto;}
.story-sign dd{position: absolute;left: calc(50% + 20px);transform: translateX(calc(255px + 15px));/*right: clamp(0px, 1.7vw, 17px);*/bottom: clamp(-125px, -18.5vw, -30px);display: grid;gap: var(--row-gap15);}
.story-sign dd em{font-size: var(--text-20);font-weight: 500;color: var(--black-color00);line-height: 1.4;}
.story-sign dd span{display: block;width: clamp(100px, 19vw, 240px);}
@media (max-width:1090px) {
.story-sign dd{transform: translateX(calc(25vw + 10px));}
}
@media (max-width:640px) {
.story-sign dd{position: static;left: auto;right: auto;bottom: auto;transform: none;margin-top: clamp(20px, 5vw, 30px);}
}
/* memorial-list */
.memorial-list{position: relative;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(35px, 11vw, 110px) clamp(15px, 6.67vw, 128px);}
.memorial-list > li{position: relative;text-align: center;display: flex;flex-direction: column;gap: var(--row-gap40);width: calc(100% / 3 - clamp(15px, 6.67vw, 128px) * 2 / 3);}
.memorial-list .thumb-desc{position: relative;min-height: clamp(280px, 50vw, 500px);padding: 50px 15px;display: flex;flex-direction: column;justify-content: center;}
.memorial-list .thumb-desc dt{position: absolute;inset: 0;overflow: hidden;}
.memorial-list .thumb-desc dt img{width:100%; height:100%; object-fit:cover;}
.memorial-list .thumb-desc dd{position: relative;filter: var(--filter-white);font-size: var(--text-32);font-weight: 600;letter-spacing: 0.1em;margin-bottom: clamp(0px, 1.4vw,14px);}
.memorial-list .info-desc{display: grid;gap: clamp(12px, 1.6vw, 16px);text-wrap: balance;}
.memorial-list .info-desc dt{font-size: var(--text-26);font-weight: 600;color: var(--black-color01);line-height: 1.38;}
.memorial-list .info-desc dd{font-size: var(--text-19);font-weight: 300;color: var(--black-color01);line-height: 1.52;letter-spacing: -0.04em;}
@media (max-width:1023px) {
.memorial-list > li{width: calc(100% / 2 - clamp(15px, 6.67vw, 128px) / 2);}
}
@media (max-width:479px) {
.memorial-list > li{width: 100%;}
}
/* sincerity-list */
.sincerity-list{position: relative; display: grid; gap:20px;}
.sincerity-list > li{position: relative;display: flex;justify-content: space-between;gap: var(--row-gap50);align-items: flex-start;}
.sincerity-list .cont{position: relative;margin-top: -8px;min-width: 460px;}
.sincerity-list .title{position: relative;display: grid;gap: 10px;}
.sincerity-list .title::after{display:block;content:'';width: clamp(30px, 5.2vw, 50px);height: 1px;background: var(--black-color01);margin-block: clamp(10px, 2.7vw, 27px) clamp(24px, 4.4vw, 44px);}
.sincerity-list .title h5{font-size: var(--text-35);font-weight: 700;color: var(--black-color03);font-family: var(--font-type03);line-height: 1.48;}
.sincerity-list .items{display: grid;gap: clamp(18px, 2.1vw, 21px);}
.sincerity-list .items p{font-size: var(--text-22);color: var(--black-color01);line-height: 1.73;letter-spacing: -0.03em;}
.sincerity-list .items-desc{display: grid;gap: 4px;}
.sincerity-list .items-desc dt{font-size: var(--text-21);font-weight: 700;color: var(--black-color01);}
.sincerity-list .items-desc dd{font-size: var(--text-21);color: var(--black-color01);line-height: 1.66;}
.sincerity-list .thumb-desc{position: relative;}
.sincerity-list .thumb-desc dt{position: relative;width: 100%;height: 100%; text-align: center;}
.sincerity-list .thumb-desc dt img{width:100%; height:100%; object-fit:cover;}
.sincerity-list .thumb-desc dd:not(.rela){position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: var(--text-32);font-weight: 600;filter: var(--filter-white);letter-spacing: 0.1em; text-align: center;}
@media (min-width:1023px) {
.sincerity-list .type02{position: relative;flex-direction: row-reverse;justify-content: flex-end;column-gap: clamp(50px, 10vw, 192px);}
.sincerity-list .type02 .cont{margin-top: 54px;}
.sincerity-list .type03 .cont{margin-top: 103px;}
.sincerity-list .type03 .thumb-desc{margin-right: clamp(0px, 5.95vw, 111px);}
.sincerity-list .type04 .title::after{margin-block: clamp(10px, 2.7vw, 18px) clamp(24px, 4.4vw, 36px);}
.sincerity-list .type04 .title h5{letter-spacing: -0.05em; line-height: 1.37;}
}
@media (max-width:1023px) {
.sincerity-list{gap: clamp(40px, 13vw, 130px);}
.sincerity-list > li{flex-direction: column-reverse;}
.sincerity-list .cont{margin-top: 0;min-width: auto;}
.sincerity-list .thumb-desc dt{height: auto;}
}
/* his-meta */
.his-meta{position: relative;display: grid;gap: clamp(60px, 17.7vw, 177px);}
.his-meta article{position: relative;display: flex;align-items: flex-start;gap: clamp(50px, 6.41vw, 123px);}
.his-meta .thumb-desc{position: relative;width: min(640px, 42%);flex-shrink: 0;text-align: center;display: flex;flex-direction: column;gap: clamp(30px, 5.7vw, 57px);}
.his-meta .thumb-desc dt{display: flex;justify-content: center;}
.his-meta .thumb-desc dd{font-size: var(--text-34);font-weight: 700;font-family: var(--font-type03);line-height: 1.23;color: var(--black-color07);display: grid;gap: clamp(15px, 1.8vw, 18px);}
.his-meta .thumb-desc dd span{display: grid;gap: clamp(15px, 1.8vw, 18px);}
.his-meta .thumb-desc dd span.en{font-size: var(--text-35);font-family: var(--font-type02);font-weight: 300;letter-spacing: 0.06em;}
.his-meta .thumb-desc dd span::after{display: block;content:'';width: 1px;height: clamp(25px, 4.4vw, 44px);background: var(--black-color07);margin-inline: auto;}
.his-meta .cont{position: relative;width: 100%;display: flex;flex-direction: column;gap: clamp(20px, 3.8vw, 38px);}
.his-meta .year-desc{position: relative;}
.his-meta .year-desc dt{font-size: var(--text-46);font-weight: 700;color: var(--black-color00);line-height: 1.3;font-family: var(--font-type03);}
.his-meta .year-desc dd{font-size: var(--text-60);font-weight: 300;color: var(--point-color01);font-family: var(--font-type02);line-height: 1.2;letter-spacing: 0.06em;}
.his-meta .items{display: grid;gap: 40px;}
.his-meta .sec{display: grid;gap: 12px;}
.his-meta .exp-desc{display: flex;align-items: baseline;gap:7px 10px;flex-wrap: wrap;}
.his-meta .exp-desc dt{font-size: var(--text-31);font-weight: 700;color: var(--black-color00);}
.his-meta .exp-desc dd{font-size: var(--text-21);color: var(--black-color00);}
.his-meta .detail-list{position: relative;}
.his-meta .detail-list > li{position: relative;font-size: var(--text-25);color: var(--black-color02);display: flex;align-items: baseline;gap: clamp(15px, 2vw, 20px);line-height: 1.73;}
.his-meta .detail-list > li em{color: var(--black-color00);flex-shrink: 0;min-width: clamp(80px, 13.2vw, 122px);letter-spacing: 0.02em;}
@media (max-width:1023px) {
.his-meta article{flex-wrap: wrap;}
.his-meta .thumb-desc{width: 100%; flex-shrink: unset;}
}
@media (max-width:640px) {
.his-meta .exp-desc{flex-direction: column;}
}
/* found-info */
.found-info{position: relative;display: flex;align-items: center;gap: var(--row-gap50);justify-content: space-between;}
.found-info .title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap30);}
.found-info .title .logo{display: block;margin-bottom: 6px;max-width: clamp(150px, 29vw, 280px);}
.found-info .title p{font-size: var(--text-19);color: var(--black-color01);line-height: 1.579;}
.found-info .thumb{position: relative;margin-right: clamp(0px, 3.65vw, 70px);}
@media (max-width:1023px) {
.found-info{flex-direction: column;align-items: flex-start;}
}
/* noti-txt */
.noti-txt{font-size: var(--text-18); color: rgb(51 51 51 / 70%); line-height: 1.33; margin-bottom: var(--row-gap20); text-align: right;}
/* com-tab */
.com-tab{display: flex;justify-content: center;text-align: center;flex-wrap: wrap;gap: clamp(25px, 4vw, 35px) clamp(30px, 4.2vw, 80px);margin-bottom: clamp(50px, 11vw, 110px);}
.com-tab > li{position: relative;font-size: var(--text-30);font-weight: 500;color: var(--black-color00);line-height: 1.6;cursor: pointer;letter-spacing: -0.03em; transition: all 0.4s;}
.com-tab > li.on{color: var(--point-color01);text-decoration: underline;text-underline-offset: clamp(10px, 2.3vw, 21px);text-decoration-thickness: 2px;-webkit-text-stroke: 0.4px;}
.com-tab.type02{flex-wrap: nowrap;gap: 0;}
.com-tab.type02 > li{font-size: var(--text-24);font-weight: 400;text-decoration: none;width: 100%;border: 1px solid var(--border-color02);padding: 9px 10px;display: flex;align-items: center;justify-content: center;}
.com-tab.type02 > li + li{margin-left:-1px}
.com-tab.type02 > li.on{background: var(--point-color14);border-color: var(--point-color14);color: var(--point-white);-webkit-text-stroke: 0.1px;z-index: 1;}
.com-tab:has(+ .search-form){margin-bottom: var(--row-gap50);}
.comtab-cont > article{transition: all 0.4s;}
.comtab-cont > article:not(.on){opacity: 0; height: 0; overflow: hidden;}
@media (hover:hover) and (pointer: fine) {
.com-tab > li:not(.on):hover{color: var(--point-color01);}
}
/* line-tab */
.line-tab{position: relative;display: flex;gap: 13px 0;justify-content: center;text-align: center;margin-bottom: var(--row-gap40);}
.line-tab > li{position: relative;font-size: var(--text-24);font-weight: 400;color: var(--black-color03);cursor: pointer;line-height: 1.6;display: flex;align-items: center;justify-content: center;min-width: clamp(120px, 19vw, 180px);border-bottom: 2px solid var(--border-color02);padding: 0 15px 8px;transition: all 0.4s;}
.line-tab > li.on{color: var(--point-color14);-webkit-text-stroke: 0.2px;border-color: var(--point-color14);}
.linetab-cont > article{transition: all 0.4s;}
.linetab-cont > article:not(.on){opacity: 0; height: 0; overflow: hidden;}
@media (hover:hover) and (pointer: fine) {
.line-tab > li:not(.on):hover{color: var(--point-color14);}
}
@media (max-width:640px) {
.line-tab > li{width: 100%; min-width: auto;}
.line-tab:has(li:nth-child(4)){flex-wrap: wrap;display: grid;grid: auto / repeat(3, 1fr);}
}
/* art-intro */
.art-intro{display: grid;gap: clamp(70px, 11.5vw, 115px);}
.art-desc{position: relative;display: grid;gap: 14px;text-wrap: balance; text-align: center;}
.art-desc dt{position: relative;font-size: var(--text-54);color: var(--point-color01);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0.065em;}
.art-desc dd{font-size: var(--text-43);font-weight: 700;color: var(--point-color01);font-family: var(--font-type03);letter-spacing: -0.05em;}
.art-intro .logo-list{position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--row-gap40);}
/* profile-desc */
.profile-desc{position: relative;display: flex;align-items: center;width: fit-content;margin-inline: auto;gap: clamp(25px, 4.2vw, 80px);}
.profile-desc dt{position: relative;width: clamp(160px, 24vw, 240px);flex-shrink: 0;}
.profile-desc dd{font-size: var(--text-24);font-weight: 300;color: var(--black-color02);line-height: 1.66;}
@media (max-width:640px) {
.profile-desc{flex-wrap: wrap;width: 100%;justify-content: center;text-align: center;}
.profile-desc dd{width: 100%;}
}
/* artstory-list */
.artstory-list{max-width: 1360px;margin-inline: auto;display: grid;gap: var(--row-gap150);}
.artstory-list > li{position: relative;display: flex;align-items: flex-start;gap: var(--row-gap50) clamp(50px, 8.1vw, 154px);}
.artstory-list > li:nth-child(2n){justify-content: space-between;flex-direction: row-reverse;}
.artstory-list .cont{display: flex;flex-direction: column;gap: var(--row-gap50);}
.artstory-list .logo{display: block;}
.artstory-list .logo img{max-height: 20px;}
.artstory-list .title{display: grid;gap: 26px;}
.artstory-list .title p{font-size: var(--text-26);font-weight: 400;color: var(--black-color01);line-height: 1.54;letter-spacing: -0.03em;}
.artstory-list .thumb{position: relative;}
@media (max-width:1023px) {
.artstory-list > li{flex-wrap: wrap; flex-direction: row !important;}
.artstory-list .cont{width: 100%;}
.artstory-list .logo{max-width: 70%;}
}
/* art-logos */
.art-logoscr{position: relative;padding-block: clamp(50px, 10.5vw, 105px) clamp(50px, 12.3vw, 123px);}
.art-logoscr::before{position: absolute;content:'';width: 200vw;height: 100%;border-block: 1px solid var(--black-color00);pointer-events: none;top: 0;left: 50%;translate: -50%;}
.art-logos{position: relative;display: flex;align-items: flex-end;justify-content: space-between;gap: var(--row-gap90);}
.art-logos > li{position: relative;text-align: center;}
@media (max-width:860px) {
.art-logos{display: grid;grid: auto / repeat(3, 1fr);}
}
/* location-meta */
.location-meta{position: relative; display: grid; gap: clamp(70px, 14.2vw, 142px);}
.location-meta > li{position: relative;display: flex;align-items: flex-start;gap: var(--row-gap50);}
.location-meta .cont{position: relative;width: 100%;margin-top: -8px; display: flex; flex-direction: column; gap: var(--row-gap50);}
.location-meta .desc{position: relative;}
.location-meta .desc dt{font-size: var(--text-35);font-weight: 700;color: var(--black-color03);font-family: var(--font-type03);}
.location-meta .desc dt:has(+ dd)::after{display:block;content:'';width: clamp(35px, 5vw, 50px);height: 1px;background: var(--black-color03);margin-block: clamp(25px, 3.8vw, 38px) clamp(28px, 5vw, 50px);}
.location-meta .desc dd{font-size: var(--text-26);line-height: 1.34;color: var(--black-color01);display: grid;gap: 10px;}
.location-meta .desc dd span{display: flex; flex-wrap: wrap; gap: 7px;}
.location-meta .btn-wrap{margin-top: 0;display:none;}
.location-meta .btn-wrap :where(button, a){padding-inline:19px;}
.location-meta .import{position: relative;width: min(900px, 60%);flex-shrink: 0;height: clamp(300px, 52vw, 520px);overflow: hidden;}
.location-meta iframe{width: 100%; height: 100%;}
@media (max-width:1023px) {
.location-meta > li{flex-wrap: wrap;}
.location-meta .cont{margin-top: 0;}
.location-meta .import{width: 100%; flex-shrink: unset;}
}
/* use-table */
.use-table{position: relative; width: 100%;}
.use-table{-ms-overflow-style: none;scrollbar-width: none;}
.use-table::-webkit-scrollbar {display: none;}
.use-table table{position: relative;table-layout: fixed;width: 100%;overflow: hidden;}
.use-table table::before{position:absolute;content:'';inset: 0;border-top: 1px solid var(--border-color01);z-index: 1;pointer-events: none;}
.use-table :where(th, td){box-shadow: inset 0 -1px var(--border-color01);}
.use-table th{position: relative;font-size: var(--text-26);font-weight: 600;color: var(--black-color03);background: var(--point-color15);padding: 15px 10px;border-right: 1px solid var(--border-color01);}
.use-table td{padding: 22px clamp(14px, 3vw, 30px);}
@media (max-width:479px) {
.use-table{width: calc(100% + 50px);margin-left: -25px;padding-inline: 20px;overflow: hidden;overflow-x: auto;}
.use-table table{min-width: 479px;}
}
/* loca-step */
.loca-step{position: relative;display: flex;flex-wrap: wrap;gap: var(--row-gap10);}
.loca-step > li{position: relative;display: flex;align-items: center;gap: var(--row-gap10);font-size: var(--text-22);font-weight: 400;color: var(--black-color03);letter-spacing: -0.03em;}
.loca-step > li::after{display: inline-flex; content:'→';}
.loca-step > li:last-child::after{display: none;}
.loca-step span{display: flex;align-items: baseline;gap: 6px;}
.loca-step em{display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight: 600;color: var(--point-white);background: #866E53;border-radius: 100%;min-width: clamp(22px, 2.9vw, 24px);min-height: clamp(22px, 2.9vw, 24px);line-height: 1.2;flex-shrink: 0;}
@media (max-width:640px) {
.loca-step > li{width: 100%;flex-direction: column;align-items: flex-start;}
.loca-step > li::after{content:'↓';padding-left: 29px;}
}
/* table-grid */
.table-grid{display: grid; grid: auto / repeat(2, 1fr); gap: var(--col-gap40);}
.table-grid .table-title{position: relative; margin-bottom: clamp(15px, 2vw, 20px);}
.table-grid .table-title h4{font-size: var(--text-28);font-weight: 600;color: var(--black-color03);line-height: 1.3;}
@media (max-width:640px) {
.table-grid{grid: auto / repeat(1, 1fr);}
}
/* info-table */
.info-table{position: relative;width: 100%;}
.info-table table{position: relative;width: 100%;table-layout: fixed;}
.info-table table::before{position:absolute;content:'';inset:0;border: 1px solid var(--border-color01);z-index: 1;pointer-events: none;}
.info-table :where(th, td){position: relative;text-align: center;padding: 10px 5px 9px;box-shadow: inset 1px 1px var(--border-color01);}
.info-table th{font-size: clamp(13px, 2.4vw, 24px);font-weight: 500;color: var(--point-white);line-height: 1.3;background: var(--black-color03);}
.info-table td{font-size: clamp(13px, 2.2vw, 22px);color: var(--black-color03);font-weight: 400;line-height: 1.3;padding-block: 11px;}
/* subway-items */
.subway-items{display: grid;gap: clamp(15px, 2vw, 20px);}
.subway-items > li{position: relative;padding: clamp(25px, 4vw, 40px);background: var(--gray-bg01);}
.subway-items .line-desc{position: relative;display: grid;gap: var(--row-gap20);}
.subway-items .line-desc dt{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-24);font-weight: 400;color: var(--point-white);line-height: 1.2;background: #C9A754;min-width: clamp(60px, 9vw, 80px);padding: 6px 5px 5px;width: fit-content;}
.subway-items .line-desc dd{position: relative;font-size: var(--text-24);font-weight: 400;color: var(--black-color03);line-height: 1.6;}
/* 인풋 */
:where([type="text"], [type="password"], [type="tel"], [type="number"]){position: relative;height: clamp(50px, 7.5vw, 70px);background: var(--point-white);border: 1px solid var(--border-color02);padding-inline: clamp(15px, 2vw, 20px);font-size: var(--text-22);font-weight: 400;color: var(--black-color01);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
:where([type="text"], [type="password"], [type="tel"], [type="number"])::placeholder{color: var(--black-color06); font-weight: 300;}
/* 검색 */
.search-form{position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px;margin-bottom: clamp(50px, 10vw, 100px);flex-direction: column;}
.search-form .inp-box{position: relative;width: min(600px, 100%);}
.search-form .inp-box [type="text"]{width: 100%;padding-right: clamp(45px, 6vw, 60px);}
.search-form .inp-box button{position: absolute;top: 0;right: clamp(15px, 2vw, 20px);background: url('/images/search-i.svg') no-repeat center / 100% auto;font-size: 0;width: clamp(18px, 2.4vw, 22px);height: 100%;}
/* 페이징 */
.pagination {display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: clamp(50px, 10vw, 100px);gap: clamp(8px, 1vw, 10px);}
.pagination li { font-size: var(--text-16); color: var(--black-color08); }
.pagination a {display: flex;align-items: center;justify-content: center;min-width: clamp(30px, 5.2vw, 50px);min-height: clamp(30px, 5.2vw, 50px);padding: 4px;font-size: var(--text-26);color: var(--black-color02);}
.pagination a.arw {font-size: 0px;background: url('/images/pagination_last.svg') center center / auto clamp(11px, 1.8vw, 16px) no-repeat;padding: 0px;}
.pagination a:is(.prev, .next) { background-image: url('/images/pagination_prev.svg'); }
.pagination a.prev { margin-right: clamp(5px, 1vw, 10px); }
.pagination a.next {margin-left: clamp(5px, 1vw, 10px);}
.pagination a.first { margin-right: -5px; }
.pagination a.last { margin-left: -5px; }
.pagination a.disabled { display: none; }
.pagination a.on {font-weight: 600;}
.pagination a.scale { scale: -1; }
/* 게시판 상세 */
.board-view{position: relative;}
.board-view .title-desc{position: relative;padding: clamp(25px, 4vw, 40px);border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);display: grid;gap: clamp(10px, 1.2vw, 12px);}
.board-view .title-desc dt{font-size: var(--text-30);font-weight: 500;color: var(--black-color03);display: grid;gap: var(--row-gap10);}
.board-view .title-desc dd{font-size: var(--text-20);font-weight: 400;color: var(--black-color08);}
.board-view .prefix{font-size: var(--text-16);color: var(--point-white);background: var(--point-color01);line-height: 1.2;font-weight: 300;padding: 5px 8px;width: fit-content;}
.board-view .cont{position: relative;padding: clamp(25px, 4vw, 40px);font-size: var(--text-20);font-weight: 400;color: var(--black-color06);line-height: 1.6;border-bottom: 1px solid var(--border-color01);min-height: clamp(200px, 30vw, 300px);}
.board-view .file-desc{position: relative;margin-top: clamp(25px, 4vw, 40px);background: var(--point-color12);padding: clamp(20px, 2.6px, 26px) clamp(25px, 4vw, 40px);display: flex;align-items: center;font-size: var(--text-20);font-weight: 400;color: var(--black-color06);}
.board-view .file-desc dt{font-weight: 500;color: var(--black-color02);flex-shrink: 0;display: flex;align-items: center;}
.board-view .file-desc dt::after{display: inline-flex;content:'';width: 1px;height: clamp(10px, 1.4vw, 12px);background: var(--border-color02);margin-inline: clamp(15px, 2vw, 20px);}
.board-view .file-desc dd{position: relative;}
.board-view .file-desc dd a{position: relative;}
/* FAQ */
.faq-list { position: relative; border-top: 1px solid var(--black-color00); }
.faq-list > li {position: relative;border-bottom: 1px solid var(--border-color02);padding: clamp(25px, 3vw, 30px) clamp(25px, 4vw, 40px);}
.faq-list .desc { position: relative; display: grid; grid-template-rows: auto 0fr; transition: 0.4s; align-content: start; }
.faq-list .desc.on { grid-template-rows: auto 1fr; }
.faq-list .desc :where(dt, dd) {display: flex;align-items: baseline;gap: 10px clamp(15px, 2vw, 20px);transition: inherit;}
.faq-list .desc :where(dt, dd)::before {display: inline-flex;content: "Q";align-items: center;justify-content: center;text-align: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);background: var(--point-color01);font-size: var(--text-22);font-weight: 400;color: var(--point-white);translate: 0px clamp(-2px, -0.4vw, 0px);padding: 3px;line-height: 1.2;}
.faq-list .desc dd::before { content: "A"; background: var(--point-color16); }
.faq-list .desc dt {position: relative;font-size: var(--text-26);color: var(--black-color00);line-height: 1.6;padding-right: clamp(35px, 5.2vw, 50px);cursor: pointer;}
.faq-list .desc dt::after {position: absolute;content: "";inline-size: clamp(11px, 1.6vw, 14px);aspect-ratio: auto 1 / 1;clip-path: var(--clip-poly02);border: 2px solid var(--black-color05);top: 42%;right: 3px;translate: 0px -50%;rotate: 45deg;border-radius: 2px;overflow: hidden;transition: 0.4s;}
.faq-list .desc.on dt::after { scale: -1; top: 58%; }
.faq-list .desc dt em { display: flex; align-items: baseline; gap: 10px; }
.faq-list .desc dd {font-size: var(--text-24);color: var(--black-color03);line-height: 1.8;overflow: hidden;margin-top: clamp(20px, 3vw, 30px);}
.faq-list .desc:not(.on) dd { margin-top: 0px; }
.faq-list .desc .prefix {font-size: var(--text-16);color: var(--point-white);background: var(--point-color03);line-height: 1.2;font-weight: 300;padding: 5px 8px;translate: 0px clamp(-4px, -0.6vw, -2px);flex-shrink: 0;}
@media (max-width:479px) {
.faq-list .desc :where(dt, dd){flex-direction: column;}
.faq-list .desc :where(dt, dd)::before{translate: 0;}
.faq-list .desc .prefix{translate: 0;position: absolute;top: 2px;left: 42px;max-width: calc(100% - 80px);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
}
/* lounge-title */
.lounge-title{position: relative;text-align: center;display: grid;gap: clamp(20px, 4.4vw, 44px);}
.lounge-title h2{font-size: var(--text-54);font-weight: 700;color: var(--point-color01);font-family: var(--font-type03);line-height: 1.125;letter-spacing: 0.05em;}
.lounge-title h3{font-size: var(--text-27);font-weight: 400;color: var(--black-color01);line-height: 1.85;letter-spacing: -0.02em;}
/* loungeSwiper */
.loungeSwiper{position: relative;}
.loungeSwiper .swiper-slide{height: auto; overflow: hidden;}
.loungeSwiper .swiper-slide img{width: 100%;height: 100%;min-height: 250px;object-fit: cover;}
.loungeSwiper .swiper-pagination{position: absolute;left: 0;bottom: clamp(15px, 4vw, 40px);display: flex;justify-content: center;flex-wrap: wrap;padding-inline: 15px;gap: clamp(12px, 2vw, 20px);}
.loungeSwiper .swiper-pagination span{width: clamp(8px, 1.4vw, 12px);height: auto;aspect-ratio: auto 1;border-radius: 100%;background: rgb(255 255 255 / 50%);opacity: 1;margin: 0 !important;transition: all 0.4s;}
.loungeSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--point-white);}
/* img-desc */
.img-desc{position: relative;}
.img-desc dt img{position: relative;min-height: 280px;object-fit: cover;}
.img-desc dd{position: absolute;left: 0;bottom: 0;padding: clamp(15px, 3vw, 30px);font-size: var(--text-18);color: var(--black-color00);line-height: 1.33;}
/* tbsetting-list */
.tbsetting-list{display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 38px);}
.tbsetting-list > li{position: relative;background: var(--point-color12);width: calc(100% / 3 - clamp(15px, 2vw, 38px) * 2 / 3);text-align: center;padding: clamp(30px, 4.4vw, 44px) clamp(15px, 2vw, 20px) clamp(30px, 4.8vw, 48px);display: flex;flex-direction: column;justify-content: space-between;gap: clamp(30px, 6vw, 60px);}
.tbsetting-list .desc{position: relative;}
.tbsetting-list .desc dt{font-size: var(--text-40);font-weight: 600;color: var(--black-color01);line-height: 1.25;letter-spacing: 0.03em;max-width: 310px;margin-inline: auto;display: flex;justify-content: center;flex-wrap: wrap;gap: 8px 0;}
.tbsetting-list .desc dt:has(+ dd){padding-bottom: clamp(20px, 3.2vw, 32px);margin-bottom: clamp(20px, 3.2vw, 32px);border-bottom: 1px solid var(--point-color01);}
.tbsetting-list .desc dt span{display: flex;align-items: center;}
.tbsetting-list .desc dt span::after{display: inline-block;content:'';width: 2px;height: 70%;background: var(--black-color02);margin-inline: 7px 8px;}
.tbsetting-list .desc dt span:last-child::after{display: none;}
.tbsetting-list .desc dd{position: relative;font-size: var(--text-32);font-weight: 500;color: var(--black-color01);line-height: 1.4;display: grid;justify-items: center;gap: clamp(15px, 2vw, 20px);}
.tbsetting-list .exp{position: relative;font-size: var(--text-26);font-weight: 500;color: var(--point-color01);line-height: 1.46;}
.tbsetting-list > li.array02{width: calc(100% / 2 - clamp(15px, 2vw, 38px) / 2);padding-block: clamp(30px, 5vw, 50px);gap: 30px;}
@media (max-width:640px) {
.tbsetting-list > li{width: 100% !important;}
}
/* tbsetting-title */
.tbsetting-title{position: relative; text-align: center;}
.tbsetting-title h4{font-size: var(--text-52);font-weight: 700;color: var(--black-color02);line-height: 1.11;font-family: var(--font-type03);letter-spacing: 0.05em;}
/* tbsetting-noti */
.tbsetting-noti{position: relative;margin-top: clamp(15px, 2vw, 38px);text-align: center;text-wrap: balance;}
.tbsetting-noti p{font-size: var(--text-26);font-weight: 500;color: var(--point-color01);line-height: 1.46;letter-spacing: -0.03em;}
/* sadamjae-list */
.sadamjae-list{position: relative;background: var(--point-color12);padding: clamp(30px, 5.8vw, 58px) 20px clamp(30px, 8.2vw, 82px);display: flex;justify-content: center;gap: var(--row-gap70) clamp(15px, 3.65vw, 70px);}
.sadamjae-list > li{position: relative;text-align: center;min-width: clamp(390px, 45vw, 450px);}
.sadamjae-list .desc{position: relative;}
.sadamjae-list .desc dt{font-size: var(--text-32);font-weight: 600;color: var(--black-color01);line-height: 1.56;letter-spacing: 0.03em;}
.sadamjae-list .desc dt:has(+ dd){margin-bottom: clamp(20px, 4.2vw, 42px);padding-bottom: clamp(15px, 1.8vw, 18px);border-bottom: 1px solid var(--point-color01);}
.sadamjae-list .desc dd{position: relative;font-size: var(--text-32);font-weight: 500;line-height: 1.4;color: var(--black-color01);display: grid;gap: var(--row-gap30);padding-inline: 30px;}
@media (max-width:1500px) {
.sadamjae-list > li{min-width: auto; width: 100%;}
}
@media (max-width:640px) {
.sadamjae-list{flex-wrap: wrap;}
}
/* floors-meta */
.floors-meta{position: relative;display: flex;align-items: flex-start;width: min(1520px, 100%);margin-inline: auto;}
.floors-meta .thumb{position: relative;width: min(810px, 53%);flex-shrink: 0;}
.floors-meta .item-list{position: relative;width: 100%;padding-top: var(--row-gap100);}
.floors-meta .exf-desc{display: flex;gap: clamp(15px, 2vw, 20px);}
.floors-meta .exf-desc dt{position: relative;width: 100%;display: flex;align-items: center;font-size: var(--text-27);color: var(--point-color01);box-shadow: inset 0 2px var(--point-color19), 0 2px var(--point-color19);padding: clamp(25px, 4vw, 40px) 15px clamp(25px, 4vw, 39px);letter-spacing: 0.12em;text-indent: 45px;}
.floors-meta .exf-desc dt svg{margin-inline:auto;}
.floors-meta .exf-desc dt strong{font-weight: 700; display: contents;}
.floors-meta .exf-desc dd{position: relative;font-size: var(--text-28);font-weight: 600;color: var(--point-color01);line-height: 1.57;width: clamp(70px, 16vw, 150px);flex-shrink: 0;display: flex;align-items: center;justify-content: center;text-align: center;box-shadow: inset 0 2px var(--point-color01), 0 2px var(--point-color01);padding: 25px 10px;}
.layer-pop .floors-meta{width: 100%;flex-direction: column;gap: clamp(15px, 4vw, 40px);}
.layer-pop .floors-meta .thumb{width:100%;flex-shrink: unset;}
.layer-pop .floors-meta .item-list{padding-top:0;}
.floors-wrap{position: relative;padding-inline: clamp(25px, 5vw, 50px);}
.swiper-arw{position: absolute;top: 45%;left: 0;width: clamp(15px, 3vw, 30px);height: auto;aspect-ratio: auto 1;margin: 0;translate: 0 -50%;}
.swiper-arw::before{position: absolute;content:'';width: 100%;aspect-ratio: auto 1;border: 2px solid var(--point-color01);clip-path: var(--clip-poly02);rotate: 135deg;border-radius: 2px;top: 50%;left: 70%;translate: -50% -50%;}
.swiper-arw.next{left: auto;right:0;scale: -1 1;}
.floorsSwiper{position: relative; overflow: hidden;}
@media (min-width:1601px) {
.floors-meta .exf-desc:first-child dt{padding-block: 30px 29px;}
.floors-meta .exf-desc:last-child dt{padding-block: 46px;}
}
@media (max-width:1600px) {
.floors-meta{flex-wrap: wrap;}
.floors-meta .thumb{width: min(1000px, 100%);margin-inline: auto;}
.floors-meta .exf-desc dt{text-indent:0;padding-inline: clamp(20px, 7vw, 70px);}
}
@media (max-width:479px) {
.floors-wrap{padding-inline:0;}
.floors-wrap .swiper-arw{left: auto;right: 25px;translate: 0;top: 100%;}
}
/* News Room > 공지사항 탭 전용 페이지 타이틀 */
.page-title h3.newsroom-notice-title{font-weight: 400 !important;font-family: var(--font-type02) !important;letter-spacing: 0.07em !important;}