/* 소사휴먼빌 | Pretendard 본문 / Noto Serif KR 한글 명조 / Cormorant Garamond 영문·숫자 명조 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap");

.sian_tab {width:100%; display:flex; text-align:center;   height:55px;  }
.sian_tab li  {width:25%; display:inline-block; line-height:55px;  text-align:center;  font-size:2rem;   background-color:#f5f5f5; transition: all 0.3s ease-out;}
.sian_tab li a {color:#333 !important; width:100%; display:inline-block }
.sian_tab li.ov {background-color:#00a5b5}
.sian_tab li.ov a {color:#fff !important}

* {box-sizing:border-box; margin:0; padding:0;}
html {font-size:62.5%; scroll-behavior:smooth; scroll-padding-top:var(--header-h);}
body {font:1.6rem/1.8 var(--sans); color:var(--ink); background:var(--bg); word-break:keep-all;}
a {color:inherit; text-decoration:none;}

img, video {display:block; max-width:100%;}
img {width:100%; object-fit:cover;}
button, a {-webkit-tap-highlight-color:transparent;}
a:focus-visible, button:focus-visible {outline:3px solid var(--gold); outline-offset:4px;}
button {
    font: inherit;
    color: inherit;
    cursor: pointer;
    border-radius: 0;
}
.inner {width:min(var(--inner),calc(100% - var(--space)*2)); margin-inline:auto;}
.section {padding-block:var(--section-gap);}
.section-kicker {display:block; margin-bottom:26px; font-size:1.1rem; font-weight:600; letter-spacing:.28em; line-height:1.5; color:var(--gold); text-transform:uppercase;}

.section-description {font-size:var(--body-size); color:var(--sub); line-height:1.9;}
.section-heading {display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:60px;}
.section-heading .section-description {max-width:345px;     text-align: right;}
.section-heading h2 {margin-top:4px;}
.section-note {margin-top:26px; color:#8c8274; font-size:1.4rem; line-height:1.8;}
.detail-link {display:inline-flex; align-items:center; justify-content:space-between; min-width:152px; gap:30px; padding:12px 0 13px;
border:0; border-bottom:1px solid currentColor; background:transparent; color:var(--gold-dark);  font-weight:600; line-height:1.4; white-space:nowrap; transition:color .25s,gap .25s;}
.detail-link::after {content:"↗"; font-size:1.8rem; line-height:1; font-weight:300;}
.detail-link:hover {color:var(--ink); gap:39px;}
.detail-link.light {color:#f0ddbd;}
.detail-link.light:hover {color:#fff;}
.text-gold {color:var(--gold-dark);}
.reveal {opacity:1; transform:none;}
.has-motion .reveal {opacity:0; transform:translateY(35px); transition:opacity .85s ease,transform .85s ease;}
.has-motion .reveal.in-view {opacity:1; transform:none;}

.header.solid, .header.open {background:#faf8f4f7; color:var(--ink); border-color:var(--line); backdrop-filter:blur(15px);}
.header-inner {height:100%; width:min(var(--inner),calc(100% - var(--space)*2)); margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:35px;}
.logo {display:inline-flex; align-items:center; width:max-content; gap:5px; line-height:1;}
.logo img {width:29px; height:40px; object-fit:contain; flex:none;}
.logo strong {font-size:2.7rem; font-weight:600; letter-spacing:-.055em; white-space:nowrap;}
.nav {display:flex; justify-content:center; align-items:center; gap:clamp(20px,2.6vw,50px);}
.nav a {padding:18px 0; font-size:1.8rem; font-weight:500; white-space:nowrap; transition:color .2s;}
.nav a:hover {color:var(--gold);}
.header-phone {justify-self:end; display:inline-flex; align-items:center; gap:10px; font-size:2rem; font-weight:600; white-space:nowrap; letter-spacing:.01em;}
.header-phone svg {width:18px; height:18px; fill:currentColor;}
.menu-toggle {display:none; background:none; border:1px solid currentColor; padding:7px 14px; font-size:1.25rem;}
.section01 {position:relative; isolation:isolate; height:100svh; min-height:680px; max-height:1080px; overflow:hidden; color:#fff; background:#3c403e;}
.section01 .hero-poster, .section01 .hero-video, .section01 .hero-shade {position:absolute; inset:0; width:100%; height:100%;}
.section01 .hero-poster, .section01 .hero-video {object-fit:cover;}
.section01 .hero-video {z-index:0;}
/* .section01 .hero-shade {z-index:1; background:linear-gradient(30deg, #171b178c, #171b1750 45%, #171b1708 88%), linear-gradient(0deg, #18161050, transparent 38%);} */

.section01 .section-kicker {color:#e6ce9e; margin-bottom:31px; font-weight:300;}
.section01 h1 {font-family:var(--serif); font-size:7rem; line-height:1.2; font-weight:400; letter-spacing:-5px;}
.section01 h1 strong {color:#f0d9ac; font-weight:500;}
.section01 .hero-copy {margin-top:20px; font-size:1.65rem; color:#f3eee6e8; line-height:2;}
.section01 .detail-link {margin-top:24px;}
.section01 .hero-bottom {position:absolute; left:0; right:0; bottom:46px; z-index:2;}
.section01 .hero-bottom .inner {display:flex; justify-content:space-between; align-items:end; gap:25px;}
.section01 .hero-caption {font-size:1.3rem; color:#f1ebe0c8;}
.section01 .scroll-cue {font-size:1.3rem; letter-spacing:.24em; color:#fff; white-space:nowrap; font-family:var(--serif-en); font-weight:600;}
.section01 .hero-vertical {position:absolute; top:150px; right:3%; z-index:2; font-size:1rem; letter-spacing:.28em; writing-mode:vertical-rl; color:#ffffffc5;}
.section02 {position:relative; display:flex; align-items:center; overflow:hidden; text-align:center; background:#fff; padding:80px 0 !important;}
.section02 .story-content {position:relative; z-index:1; padding-block:50px 160px;}
.section02 .section-kicker {margin-bottom:44px;}
.section02 h2 {font-size:5.5rem; line-height:1.82;}
.section02 h2 strong {color:var(--gold-dark); font-weight:500; background:linear-gradient(110deg,#bfa783,#896744,#bfa783); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:gold-shine 8s linear infinite;}
.section02 .story-line {display:block;}
.section02 .section-description {margin-top:30px; font-size:1.8rem; font-weight:400;}
.section02 .story-watermark {position:absolute; z-index:0; left:50%; bottom:0; transform:translateX(-50%); font:700 20rem/1 var(--serif); letter-spacing:-.08em; white-space:nowrap; color:#f5f3f0; pointer-events:none; font-family:var(--serif-en); font-size: 25rem;}
.has-motion .section02 .story-line {opacity:0; transform:translateY(28px); filter:blur(5px); transition:opacity 1.1s,transform 1.1s,filter 1.1s;}
.has-motion .section02.in-view .story-line {opacity:1; transform:none; filter:blur(0);}
.has-motion .section02.in-view .story-line:nth-child(2) {transition-delay:.22s;}
@keyframes gold-shine {
to {background-position:200% 0;}
}
.section04 {background:#faf8f4; padding:100px 0;}
.section-title {
    font-family: var(--serif);
    font-size: var(--h2);
    font-weight: 400;
    line-height: 1.52;
    font: 400 8rem/1.15 var(--serif);
    letter-spacing: -.055em;
    color: #293b32;
}
.section-title em {color:var(--gold); font-weight:400;}


.section04 .section-heading {align-items:end;}
.section04 .community-cards {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px;}
.section04 .community-card {min-width:0;}
.section04 .community-card:nth-child(even) {padding-top:58px;}
.section04 .community-photo {position:relative; overflow:hidden; aspect-ratio:3/4.1; background:#e4dfd8;}
.section04 .community-photo img {width:100%; height:100%; transition:transform .7s ease;}
.section04 .community-card:hover .community-photo img {transform:scale(1.06);}
.section04 .community-photo::after {content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0007,transparent 34%);}
.section04 .community-photo small {position:absolute; z-index:1; top:19px; left:19px; color:#fff; font-size:1rem; font-weight:600; letter-spacing:.17em;}
.section04 .community-photo span {position:absolute; z-index:1; bottom:17px; left:19px; color:#fff; font-size:1rem; letter-spacing:.13em;}
.section04 .community-info {padding-top:22px;}
.section04 .community-tag {display:flex; align-items:center; justify-content:space-between; color:var(--gold); font-size:1.2rem; letter-spacing:.15em; font-family:var(--serif); font-weight:600;}
.section04 .community-tag b {font:400 3rem/1 var(--serif-en); color:#acb4aa;}


.section04 .community-info .detail-link {margin-top:17px;}

/* FOOTER */
.footer {padding:65px 0; background:#292621; color:#e5dbce;}
.footer .footer-top {display:flex; justify-content:space-between; gap:20px; padding-bottom:30px; border-bottom:1px solid #ffffff25; flex-direction:column;}
.footer .footer-brand .logo {display:inline-flex; align-items:center; gap:10px;}
.footer .footer-brand .logo img {width:29px; height:40px; object-fit:contain;}
.footer .footer-brand .logo strong {font-size:2.5rem; font-weight:600;}
.footer .footer-brand p {margin-top:12px; font-size:1.1rem; letter-spacing:.15em; color:#a99b89;}

.footer .footer-info {font-size:1.4rem; line-height:2.1; color:#bcb1a3;}
.footer .footer-info p {display:flex; gap:20px;}
.footer .footer-info strong {min-width:65px; font-weight:300; color:#e5dbce;}
.footer .footer-info a:hover {color:#fff;}

.footer .footer-notice {padding:20px 0; border-bottom:1px solid #ffffff20;}
.footer .footer-notice p {margin-bottom:3px; font-size:1.3rem; font-weight:400; line-height:1.8; letter-spacing:-.02em; color:#a99e90; word-break:keep-all;}
.footer .footer-notice p:last-child {margin-bottom:0;}

.footer .footer-bottom {padding-top:25px;}
.footer .footer-bottom p {font-size:1.15rem; letter-spacing:.02em; color:#8f8476;}

/* MOBILE */
@media(max-width:900px) {
    .footer {padding:50px 0 100px;}
    .footer .footer-top {flex-direction:column; align-items:flex-start; gap:25px; padding-bottom:30px;}
    .footer .footer-brand .logo strong {font-size:2.2rem;}
    .footer .footer-info {font-size:1.25rem;}
    .footer .footer-notice {padding:25px 0 30px;}
    .footer .footer-notice p {font-size:1.1rem; line-height:1.8; margin-bottom:12px;}
    .footer .footer-bottom {padding-top:20px;}
    .footer .footer-bottom p {font-size:1.1rem;}
}

@media(max-width:600px) {
    .footer .footer-info p {display:block;}
    .footer .footer-info strong {display:inline-block; min-width:65px;}
}

.back-top {position:fixed; z-index:30; right:22px; bottom:22px; width:48px; height:48px; display:grid; place-items:center; background:#453c30; color:#fff; border:1px solid #ab9578; font-size:1.6rem;}
.modal {position:fixed; inset:0; z-index:160; background:#1a1715b8; display:flex; justify-content:center; align-items:center; padding:24px;}
.modal[hidden] {display:none;}
.modal-dialog {width:min(640px,100%); max-height:min(85vh,850px); overflow:auto; position:relative; background:#fbf9f5; padding:clamp(25px,4vw,45px); box-shadow:0 20px 80px #0004;}
.modal-close {position:absolute; top:14px; right:14px; width:40px; height:40px; background:#fff; border:1px solid var(--line); font-size:2.3rem; line-height:1;}
.modal-eyebrow {color:var(--gold-dark); font-size:1.1rem; letter-spacing:.22em;}
.modal-dialog h2 {font:400 3rem var(--serif); margin:12px 0 22px;}
.modal-dialog img {max-height:300px; object-fit:cover; margin-bottom:19px;}
.modal-dialog p {font-size:1.5rem; line-height:1.9; color:#726a60;}
.modal-dialog .section-note {margin-top:15px;}
@media (max-width:1200px) {
.header-inner {gap:20px;}
.nav {gap:22px;}
.header-phone {font-size:1.45rem;}
.logo strong {font-size:2rem;}
.section04 .community-info h3 {font-size:2rem;}
.section05 .unit-tabs button {min-width:57px; padding:7px 9px;}
}
@media (max-width:900px) {
:root {--header-h:74px; --space:6%; --section-gap:80px; --h2:4rem;}
.header-inner {grid-template-columns:1fr auto; gap:16px;}
.logo img {width:25px; height:34px;}
.logo strong {font-size:2.1rem;}
.menu-toggle {display:inline-block; justify-self:end;}
.header-phone {display:none;}
.nav {display:none; position:absolute; top:var(--header-h); left:0; width:100%; padding:14px 6% 22px; flex-direction:column; align-items:stretch; gap:0; color:var(--ink); background:#faf8f4; border-bottom:1px solid var(--line); box-shadow:0 12px 20px #0001;}
.header.open .nav {display:flex;}
.nav a {padding:14px 0; border-bottom:1px solid #ece5da;}
.section01 {height:86svh; min-height:650px;}
.section01 h1 {font-size:5.6rem;}
.section01 .section-kicker {margin-bottom:20px;}
.section02 {min-height:520px;}
.section02 .story-content {padding-block:90px 120px;}
.section02 h2 {font-size:3.5rem;}
.section02 .section-description {font-size:1.45rem;}
.section02 .story-watermark {font-size:12rem; bottom:45px;}
.section-heading {display:block; margin-bottom:39px;}
.section-heading .section-description {margin-top:16px; max-width:none;}
.section04 .community-cards {grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px;}
.section04 .community-card:nth-child(even) {padding-top:32px;}
.section04 .community-info p {min-height:auto;}
}
@media (max-width:600px) {
:root {--space:6%; --section-gap:65px;}
.section01 {height:84svh; min-height:600px;}
.section01 h1 {font-size:3.6rem; line-height:1.55;}
.section01 .hero-copy {font-size:1.35rem; margin-top:22px;}
.section01 .hero-vertical, .section01 .scroll-cue {display:none;}
.section01 .hero-caption {font-size:1rem;}
.section02 {min-height:490px;}
.section02 .story-content {padding-block:75px 115px;}
.section02 h2 {font-size:3.2rem; line-height:1.75;}
.section02 .story-line {display:block;}
.section02 .section-description {font-size:1.3rem;}
.section02 .section-description br {display:none;}
.section-title {font-size:6rem;}
.section04 .community-cards {gap:30px 15px;}
.section04 .community-card:nth-child(even) {padding-top:27px;}
.section04 .community-photo {aspect-ratio:3/4.2;}
.section04 .community-photo small, .section04 .community-photo span {left:12px; font-size:.82rem;}
.section04 .community-info h3 {font-size:1.75rem;}
.section04 .community-info p {font-size:1.2rem;}
.section04 .community-tag b {font-size:2.5rem;}
.detail-link {font-size:1.25rem; min-width:140px;}
.section05 .unit-tabs button {min-width:56px; min-height:42px; font-size:1.3rem;}
.footer-inner {flex-direction:column; gap:20px;}
}
@media (max-width:380px) {
.section04 .community-cards {grid-template-columns:1fr;}
.section04 .community-card:nth-child(even) {padding:0;}
.section04 .community-photo {aspect-ratio:1.3;}
.section04 .community-info p {font-size:1.3rem;}
}
@media (prefers-reduced-motion:reduce) {
html {scroll-behavior:auto;}
*, *::before, *::after {animation:none !important; transition:none !important;}
.has-motion .reveal, .has-motion .section02 .story-line {opacity:1; transform:none; filter:none;}
}
/* SECTION 03 - 분양일정 (7개) */
.section03 {position:relative; display:flex; align-items:center; padding:120px 0; overflow:hidden; color:#fff; background:#302c27; word-break:keep-all;}
.section03 .schedule-bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.12; filter:grayscale(1); z-index:1; pointer-events:none;}
.section03 .wrap {position:relative; z-index:3;}
.section03 .section-heading {display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:65px;}
.section03 .section-kicker {color:#c4a97d;}
.section03 .section-title {color:#fff;}
.section03 .section-description {color:rgba(255,255,255,.7);}
.section03 .schedule-list {display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin:0 0 40px; padding:0; list-style:none; border-top:1px solid #ffffff38; border-bottom:1px solid #ffffff38; background:#ffffff04;}
.section03 .schedule-list li {display:flex; flex-direction:column; align-items:center; min-width:0; padding:38px 6px 40px; text-align:center; border-right:1px solid #ffffff26; transition:background .3s;}
.section03 .schedule-list li:last-child {border-right:0;}
.section03 .schedule-list li:hover {background:#c4a97d15;}
.section03 .schedule-list .num {display:block; margin-bottom:15px; font-family: var(--serif-en); letter-spacing:.1em; color:#c4a97d; font-size:3rem;}

.section03 .schedule-list time {display:block;  font-size:2.4rem;  color:#d8be91; white-space:nowrap; font-weight:600; line-height:1.4;}
.section03 .note {color:#ffffff80; font-size:1.4rem;}
@media(max-width:1200px) {
.section03 .schedule-list {grid-template-columns:repeat(4,minmax(0,1fr));}
.section03 .schedule-list li {border-bottom:1px solid #ffffff26;}
.section03 .schedule-list li:nth-child(4n) {border-right:0;}
.section03 .schedule-list li:nth-child(n+5) {border-bottom:0;}
.section03 .schedule-list time {font-size:1.4rem;}
}
@media(max-width:900px) {
.section03 {min-height:auto;}
.section03 .section-heading {display:block; margin-bottom:40px;}
.section03 .section-heading .section-description {margin-top:16px; text-align:left;}
.section03 .schedule-list {grid-template-columns:repeat(2,minmax(0,1fr));}
.section03 .schedule-list li {padding:28px 8px; border-right:0; border-bottom:1px solid #ffffff26;}
.section03 .schedule-list li:nth-child(odd) {border-right:1px solid #ffffff26;}
.section03 .schedule-list li:nth-child(7) {grid-column:1/-1; border-right:0; border-bottom:0;}
.section03 .schedule-list .num {margin-bottom:14px;}
.section03 .schedule-list h3 {min-height:44px; margin-bottom:12px; font-size:1.5rem;}
.section03 .schedule-list time {font-size:1.35rem;}
}
.section05 {position:relative; isolation:isolate;  background:#302923; overflow:hidden; padding-block:80px;}
.section05::before {content:""; position:absolute; inset:0; z-index:-2; background:url("../img/unit_modelhouse_background.jpg") center center/cover no-repeat; transform:scale(1.01);}
.section05::after {content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(18,19,19,.83) 0%,rgba(21,21,20,.68) 36%,rgba(27,24,22,.18) 78%),linear-gradient(0deg,rgba(16,15,14,.35),transparent 45%);}
.section05 .unit-stage {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:20px; align-items:center;}
.section05 .unit-editorial {color:#fff; padding:15px 0;}
.section05 .section-kicker {color:#ddc29a; margin-bottom:22px; font-size:1.15rem; letter-spacing:.26em;}

.section05 .section-title em {font-style:normal; color:#e6d0ae;}
.section05 .unit-intro {color:#eee8e0; font-size:1.7rem; margin-top:10px;}
.section05 .unit-navigation {max-width:610px; margin-top:60px;}
.section05 .unit-group {display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:center; padding:15px 0;}
.section05 .unit-group-label {color:#d6c6ad; font-size:1.4rem; letter-spacing:.11em;}
.section05 .unit-tabs {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px;}
.section05 .unit-tab-btn {min-width:0; min-height:52px;  background:rgb(255 255 255 / 20%); color:#fff; font-size:1.55rem; font-weight:600; border-radius:0; padding:8px 4px; transition:background .25s,border-color .25s,color .25s; border:none;}
.section05 .unit-tab-btn::before, .section05 .unit-tab-btn::after {display:none;}
.section05 .unit-tab-btn:hover {background:#ffffff35; transform:none;}
.section05 .unit-tab-btn[aria-pressed="true"] {background:#d3b58a; color:#27231e; border-color:#d3b58a;}
.section05 .unit-editorial-foot {display:flex; justify-content:space-between; max-width:610px; padding-top:24px; font-size:1.05rem; letter-spacing:.22em; color:#d5c4ac;}
.section05 .unit-editorial-foot span {font-size:2.1rem; line-height:1;}
.section05 .unit-showroom {min-width:0; padding:clamp(22px,3vw,46px); background:rgba(253,251,247,.96); box-shadow:0 35px 100px #0006; border:1px solid #ffffffbb;}
.section05 .showroom-drawing {display:flex; align-items:center; justify-content:center; transition:opacity .2s,transform .2s;}
.section05 .showroom-drawing img {width:auto; height:auto; max-height:100%; max-width:100%; object-fit:contain; mix-blend-mode:multiply;}
.section05 .showroom-bottom {display:flex; justify-content:space-between; align-items:end; gap:20px; padding:0 0 22px;}
.section05 .unit-title-lg {font:400 6rem/1.1 var(--serif); color:#443c32; letter-spacing:-.06em; margin-top:8px;     font-size: 7rem;}
.section05 .unit-title-lg small {margin-left:10px; font:500 1.4rem var(--sans); letter-spacing:.1em; color:#9b8566;}
.section05 .unit-desc-txt { color:#777067; line-height:1.75; font-weight:500;}
.section05 .showroom-specs {display:grid; grid-template-columns:1fr 1fr; gap:20px; list-style:none; padding-top:18px; border-top:1px solid #e2dbd0;}
.section05 .showroom-specs li {display:flex; flex-direction:column; color:#8b8072;}
.section05 .showroom-specs strong { color:#413b34; font-weight:600;}
.section05 .detail-link {margin-top:8px;}
.section05 .section-note {margin-top:26px; color:#f4e9d9b8; font-size:1.4rem; font-weight:400;}
@media (max-width:900px) {
.section05 .unit-stage {grid-template-columns:1fr; gap:35px;}
.section05 .unit-editorial {padding:0;}
.section05 .unit-intro {margin-bottom:30px;}
.section05 .unit-showroom {max-width:800px;}
.section05 .showroom-drawing {height:400px;}
}
@media (max-width:600px) {
.section05 {padding:75px 0 50px;}
.section05 .section-title {font-size:4rem;}
.section05 .unit-group {grid-template-columns:1fr; gap:10px; padding:15px 0;}
.section05 .unit-tabs {gap:7px;}
.section05 .unit-tab-btn {min-height:46px; font-size:1.35rem;}
.section05 .unit-showroom {padding:18px;}
.section05 .showroom-drawing {height:300px; min-height:0; padding:12px;}
.section05 .showroom-bottom {display:block;}
.section05 .unit-desc-txt {margin-top:12px;}
.section05 .showroom-specs {gap:12px;}
.section05 .showroom-specs strong {font-size:1.2rem;}
}
.sh-quick {position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:120; font-family:var(--sans);}
.sh-quick * {box-sizing:border-box;}
.sh-quick-panel {width:96px; padding:10px 8px; background:rgba(250,248,244,.96);  box-shadow:0 16px 55px rgba(35,29,22,.1); }
.sh-quick-brand {padding:11px 0 13px; text-align:center; border-bottom:1px solid #ded5c8; 
color:#9a7950;font-family:var(--serif);  font-size:11px; letter-spacing:.15em; line-height:1.5; font-weight:700}
.sh-quick-list {display:flex; flex-direction:column;}
.sh-quick-link {display:flex; min-height:80px; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#443b30; text-decoration:none; border-bottom:1px solid #e9e2d9; transition:background .25s,color .25s;}
.sh-quick-link:hover, .sh-quick-link:focus-visible {background:#443b30; color:#fff; outline:none;}
.sh-quick-link svg {width:23px; height:23px; stroke:currentColor; stroke-width:1.5; fill:none; stroke-linecap:round; stroke-linejoin:round;}
.sh-quick-link span {font-size:14px; font-weight:500;  letter-spacing:-.04em; white-space:nowrap;}
.sh-quick-link.sh-quick-primary {margin-top:8px; min-height:83px; background:#453b2e; color:#fff; border:1px solid #453b2e;}
.sh-quick-link.sh-quick-primary:hover {background:#977a53; border-color:#977a53;}
.sh-quick-top {display:flex; width:100%; padding:13px 0 4px; justify-content:center; align-items:center; gap:6px; border:0; background:transparent; color:#9b7b53; font-size:11px; font-weight:700; letter-spacing:.1em; cursor:pointer;}
.sh-quick-top:hover {color:#453b2e;}
.sh-quick-top svg {width:15px; height:15px; stroke:currentColor; stroke-width:2; fill:none;}
.sh-quick-top span{font-weight:500; font-size:1.4rem;}
.sh-quick a:focus-visible, .sh-quick button:focus-visible {outline:2px solid #a88b5c; outline-offset:3px;}
@media (max-width:900px) {
.sh-quick {top:auto; right:0; bottom:0; left:0; transform:none;}
.sh-quick-panel {width:100%; padding:0 6px max(0px,env(safe-area-inset-bottom)); border:0; border-top:1px solid #d9cbb8; box-shadow:0 -7px 30px rgba(35,29,22,.12);}
.sh-quick-brand {display:none;}
.sh-quick-list {flex-direction:row; align-items:stretch;}
.sh-quick-link {flex:1; min-height:68px; gap:4px; border:0; border-right:1px solid #e9e2d9;}
.sh-quick-link svg {width:21px; height:21px;}
.sh-quick-link span {font-size:11px;}
.sh-quick-link.sh-quick-primary {margin:5px 4px; min-height:58px;}
.sh-quick-top {width:55px; flex-direction:column; gap:3px; padding:0; font-size:10px;}
.sh-quick-top svg {width:17px; height:17px;}
body {padding-bottom:78px;}
}

/* ===== 공통 섹션 제목/간격: --h2 숫자만 변경하면 제목 크기 조절 ===== */
:root {
    --inner: 1600px;
    --space: clamp(22px,4.5vw,80px);
    --header-h: 85px;
    --ink: #302c27;
    --gold: #a88b5c;
    --gold-dark: #8c6b42;
    --bg: #faf8f4;
    --beige: #eee8df;
    --line: #dbd2c5;
    --sub: #7b746c;
    --white: #fff;
    --serif-kr: "Noto Serif KR",serif;
    --serif-en: "Cormorant Garamond",serif;
    --serif: "Noto Serif KR","Cormorant Garamond",serif;
    --sans: "Pretendard",Arial,sans-serif;
    --body-size: 1.55rem;
    --radius: 0px;
    --h2: 6rem;
    --section-gap: clamp(90px,8vw,150px);
}

.section02 h2.section-title,.section03 h2.section-title,.section04 h2.section-title,.section05 h2.section-title,.section06 h2.section-title {font-family:var(--serif); font-size:var(--h2); 
font-weight:400; line-height:1.45; letter-spacing:-4px;}
.section02 .section-kicker,.section03 .section-kicker,.section04 .section-kicker,.section05 .section-kicker,.section06 .section-kicker {font-family:var(--sans); font-size:1.3rem; 
letter-spacing:.24em; margin-bottom:10px; font-weight:400;}
.section03 .section-heading,.section06 .location-head {display:flex; justify-content:space-between; align-items:end; gap:40px;}
.section03 .section-heading .section-description,.section06 .location-head .section-description {max-width:360px; text-align:right;}
.section03 .inner,.section06 .inner {width:min(var(--inner),calc(100% - var(--space)*2)); max-width:none; padding-inline:0; margin-inline:auto;}
.section04 .section-title em {color:var(--gold); font-style:italic;}
.section05 .section-title {
    font-size: 6rem;
    line-height: 1.32;
    letter-spacing: -.065em;
    font-weight: 400;
    color: #fff;
}
.section06 .location-head h2.section-title {color:var(--ink);}
@media(max-width:900px) {:root {--h2:4rem;} .section02,.section03,.section04,.section05,.section06 {padding-block:80px;} .section03 .section-heading,.section06 .location-head {display:block;} .section03 .section-heading .section-description,.section06 .location-head .section-description {margin-top:16px; max-width:none; text-align:left;}}
@media(max-width:600px) {:root {--h2:3.4rem;} .section02,.section03,.section04,.section05,.section06 {padding-block:65px;} .section02 h2.section-title,.section03 h2.section-title,.section04 h2.section-title,.section05 h2.section-title,.section06 h2.section-title {font-size:var(--h2);}}


.section02 h2.section-title{font-size:5rem;}
.section04 h2.section-title{font-size:10rem; line-height:1; font-family: var(--serif-en);}


/* 폰트 사용 안내: --sans 본문 / --serif-kr 국문 제목 / --serif-en 영문 제목 / --serif 혼합 제목(영문 우선, 한글 자동 대체) */

/* ===== CLEAN NAVIGATION: PC MEGA / MOBILE ACCORDION ===== */
.header {
    height: var(--header-h);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid #ffffff50;
    background: linear-gradient(180deg,#17171360,transparent);
    color: #fff;
    transition: background .3s,color .3s,border-color .3s;
    overflow: visible;
}
.nav-item {position:relative; min-width:0;}
.nav-item .nav-main {display:block; text-align:center;}
.nav-expand,.nav-sub {display:none;}

.mega-menu {display:none;}
@media (min-width:901px) {
    .header-inner {grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);}
    .nav {display:grid; grid-template-columns:repeat(5,minmax(110px,1fr)); gap:22px;}
    .nav-item .nav-main {padding:18px 0;}
    .nav-item:hover .nav-main,.nav-item:focus-within .nav-main {color:var(--gold-dark);}
    .mega-menu {display:block; position:absolute; top:100%; left:0; width:100%; background:#fff; color:var(--ink); border-top:1px solid #eae6df; border-bottom:1px solid #eae6df; box-shadow:0 20px 30px #0000000c; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s,visibility .2s;}
    .mega-inner {width:var(--nav-width,700px); max-width:calc(100% - 40px); margin:0; margin-left:var(--nav-left,calc(50% - 350px)); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; padding:26px 0 35px;}
    .mega-column {display:flex; flex-direction:column; align-items:center; gap:13px; text-align:center;}
    .mega-column a {font-size:1.6rem; line-height:1.5; font-weight:400; color:#665f57; white-space:nowrap; transition:color .2s;}
    .mega-column a:hover,.mega-column a:focus-visible {color:var(--gold-dark);}
    .header:hover .mega-menu,.header:focus-within .mega-menu {opacity:1; visibility:visible; pointer-events:auto;}
    .header:hover,.header:focus-within {background:#fff; color:var(--ink); border-color:#eae6df;}
}
@media (max-width:1200px) and (min-width:901px) {
    .header-inner {grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr); gap:14px;}
    .nav {grid-template-columns:repeat(5,minmax(90px,1fr)); gap:10px;} .mega-inner {gap:10px;}
    .nav .nav-main {font-size:1.35rem;}
}
@media (max-width:900px) {
    .mega-menu {display:none;}
    .nav {max-height:calc(100svh - var(--header-h)); overflow-y:auto;}
    .nav-item {display:grid; grid-template-columns:minmax(0,1fr) 44px; border-bottom:1px solid #ece5da;}
    .nav-item .nav-main {padding:14px 0; border:0;}
    .nav-expand {display:block; width:44px; height:44px; background:transparent; border:0; font-size:2rem; line-height:1; color:var(--gold-dark);}
    .nav-item.expanded .nav-expand {transform:rotate(45deg);}
    .nav-sub {grid-column:1/-1; display:none; padding:5px 0 12px; background:#f2ede5;}
    .nav-item.expanded .nav-sub {display:block;}
    .nav-sub a {display:block; padding:10px 16px; font-size:1.35rem; border:0;}
}

/* ============================================================
   SECTION 06 — LOCATION / refined editorial
   Reference: warm ivory + two fine outline circles.
   Isolated selectors prevent unexpected changes to other sections.
   ============================================================ */
.section06 {position:relative; isolation:isolate; overflow:hidden; padding:80px 0;  background:#f8f7f3; color:#302c27;}
.section06::before {content:""; display:block; position:absolute; z-index:0; width:70vw; height:70vw; right:-25vw; top:-45vw; border:1px solid rgba(199,184,158,.3); border-radius:50%; background:none; pointer-events:none;}
.section06::after {content:""; display:block; position:absolute; z-index:0; width:45vw; height:45vw; left:-32vw; bottom:-28vw; border:1px solid rgba(199,184,158,.25); border-radius:50%; background:none; pointer-events:none;}
.section06 .inner.location-inner {position:relative; z-index:1; width:min(var(--inner),calc(100% - var(--space)*2)); max-width:none; padding:0; margin-inline:auto;}
.section06 .location-headline {display:flex; justify-content:space-between; align-items:end; gap:45px; margin-bottom:30px;}
.section06 .location-headline .section-kicker {margin:0 0 10px; color:#967448; font-size:1.1rem; font-weight:600; letter-spacing:.24em;}
.section06 .location-headline h2.section-title {margin:0; font:400 clamp(4.6rem,5.3vw,7.4rem)/1.15 var(--serif-en); color:#302c27; white-space:nowrap; letter-spacing:0;  font-size: 10rem;}
.section06 .location-headline-rule {flex:1; height:1px; margin:0 0 12px; background:#d5ccbe; display:none;}
.section06 .location-layout {display:grid; grid-template-columns:minmax(0,1.33fr) minmax(0,.85fr); gap:clamp(38px,6.2vw,106px); align-items:stretch;}
.section06 .location-map {position:relative; min-width:0; /* min-height:440px; height:440px;  */overflow:hidden; background:#eae6df; box-shadow:0 20px 42px rgba(60,48,36,.095);}
.section06 .location-map .root_daum_roughmap {width:100% !important; max-width:100% !important; margin:0 !important;}
.section06 .location-map .root_daum_roughmap .wrap_map,.section06 .location-map .root_daum_roughmap .wrap_controllers {width:100% !important; max-width:100% !important;}
.section06 .location-map .root_daum_roughmap .wrap_map {height:450px !important;}
.section06 .location-content {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding:12px 0;}
.section06 .location-label {display:block; color:#967448; font-size:1.8rem; font-weight:600;     font-family: var(--serif-en);}
.section06 .location-content h3 {margin: 0 0 10px 0; font:400 clamp(3.2rem,3vw,4.5rem)/1.4 var(--serif-kr); letter-spacing:-.065em; color:#302c27;}
.section06 .location-details {width:100%; margin:0; }
.section06 .location-details > div {display:grid; grid-template-columns:130px minmax(0,1fr); gap:clamp(12px,2vw,26px); margin-block:10px;
align-items:center; padding:20px; background:rgb(138 113 81 / 5%);}

.section06 .location-details dt { color:#8a7151; font-weight:600; letter-spacing:-1px; line-height:1.6;display:flex; gap:10px; align-items:center; font-size:1.7rem;}
.section06 .location-details dd {margin:0; color:#3d362f; font-size:1.8rem; font-weight:600; line-height:1.85; letter-spacing:-.03em; overflow-wrap:anywhere;}
.section06 .location-details dd a {font-size:2.1rem; font-weight:650; letter-spacing:-.025em; white-space:nowrap;}
.section06 .location-details dd a:hover {color:#8c6b42;}
.section06 .location-more {display:inline-flex; align-items:center; justify-content:space-between; gap:48px; min-width:140px; min-height:46px; 
margin-top:29px; padding:11px 0; border-bottom:1px solid #9b7b55; color:#725536; font-size:1.6rem; font-weight:500; line-height:1.5; transition:color .22s,border-color .22s;}
.section06 .location-more span {font-size:2rem; font-weight:400; line-height:1; transition:transform .22s;}
.section06 .location-more:hover {color:#302c27; border-color:#302c27;}
.section06 .location-more:hover span {transform:translate(3px,-3px);}
.section06 .location-more:focus-visible {outline:2px solid #a88b5c; outline-offset:5px;}
@media(max-width:1100px) { .section06 .location-layout {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:38px;} .section06 .location-details > div {grid-template-columns:83px minmax(0,1fr);} }
@media(max-width:900px) { .section06 {padding:80px 0;} .section06::before {width:95vw; height:95vw; top:-55vw; right:-48vw;} .section06::after {width:76vw; height:76vw; bottom:-52vw; left:-48vw;} .section06 .location-headline {margin-bottom:34px; padding-bottom:20px;} .section06 .location-headline h2.section-title {font-size:4.4rem;} .section06 .location-layout {grid-template-columns:1fr; gap:30px;} 

/* .section06 .location-map {height:420px; min-height:420px;}  */.section06 .location-content {padding:0;} .section06 .location-content h3 {margin:10px 0 24px; font-size:3.5rem;} .section06 .location-details > div {grid-template-columns:100px minmax(0,1fr);} }
@media(max-width:600px) { .section06 {padding:65px 0;} .section06 .location-headline {margin-bottom:27px;} .section06 .location-headline h2.section-title {font-size:3.6rem;} .section06 .location-map {height:360px; min-height:360px;} .section06 .location-map .root_daum_roughmap .wrap_map {height:320px !important;} .section06 .location-content h3 {font-size:3.2rem;} .section06 .location-details > div {grid-template-columns:82px minmax(0,1fr); gap:12px; padding:16px 0;} .section06 .location-details dd {font-size:1.45rem;} .section06 .location-details dd a {font-size:1.85rem;} .section06 .location-more {margin-top:22px;} }
/* Global micro-refinements: typography/readability without structural edits */
.section04 .community-info h3 {
    margin: 0 0 11px;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.45;
}
.section04 .community-info p {
    min-height: 80px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    color: #696158;
}
.section03 .schedule-list h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 5px;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -.04em;
    color: #fff;
    line-height: 1.55;
}
.section05 .unit-tab-btn:focus-visible {outline:2px solid #f3dfbc; outline-offset:3px;}


.root_daum_roughmap .cont .section.lst{display:none !important;}

/* MAIN HERO SWIPER : 이미지 + 영상 / 썸네일 네비게이션 */
.section01 .hero-swiper {position:absolute; inset:0; width:100%; height:100%; z-index:0;}
.section01 .hero-swiper .swiper-wrapper, .section01 .hero-swiper .swiper-slide {height:100%;}
.section01 .hero-slide {position:relative; overflow:hidden;}

.section01 .hero-swiper .hero-video {position:absolute; z-index:auto;}

.section01 .hero-body, .section01 .hero-vertical, .section01 .hero-bottom {pointer-events:none;}
.section01 .hero-body a, .section01 .hero-bottom a {pointer-events:auto;}
.section01 .hero-thumbs {position:absolute; right:5%; bottom:80px; z-index:5; display:flex; gap:15px;}
.section01 .hero-thumb {position:relative; width:145px; height:87px; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.45); background:#242424; opacity:.65; transition:opacity .3s,border-color .3s,transform .3s;}
.section01 .hero-thumb img {width:100%; height:100%; object-fit:cover;}
.section01 .hero-thumb::after {content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 70%);}
.section01 .hero-thumb span {position:absolute; bottom:7px; left:9px; z-index:1; color:#fff; font:600 1rem/1.2 var(--sans); letter-spacing:.08em;}
.section01 .hero-thumb i {position:absolute; top:50%; left:50%; z-index:1; transform:translate(-50%,-50%); color:#fff; font-size:1.6rem; font-style:normal;}
.section01 .hero-thumb:hover, .section01 .hero-thumb.is-active {opacity:1; border-color:#f0d9ac;}
.section01 .hero-thumb.is-active {outline:2px solid #f0d9ac; outline-offset:2px;}
@media(max-width:900px) {
    .section01 .hero-thumbs {right:6%; bottom:112px; gap:8px;}
    .section01 .hero-thumb {width:94px; height:60px;}
}
@media(max-width:600px) {
    .section01 .hero-body {padding-bottom:200px;}
    .section01 .hero-thumbs {left:6%; right:auto; bottom:105px;}
    .section01 .hero-thumb {width:88px; height:54px;}
    .section01 .hero-bottom {bottom:34px;}
}

/* 이미지 확대 효과 */
.section01 .hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transform: scale(1);
}

.section01 .swiper-slide.hero-animate .hero-media {
    animation:heroZoom 5s ease-out both;
}

@keyframes heroZoom {
    from {transform:scale(1);}
    to {transform:scale(1.15);}
}

/* 텍스트 기본 상태 */
.section01 .hero-body h1,
.section01 .hero-body .hero-copy,
.section01 .hero-body .detail-link {
    opacity:0;
    transform:translateY(35px);
    filter:blur(5px);
}

/* 제목 */
.section01.hero-text-animate .hero-body h1 {
    animation:heroTextUp 1.2s .3s ease-out both;
}

/* 설명 */
.section01.hero-text-animate .hero-body .hero-copy {
    animation:heroTextUp 1.2s .65s ease-out both;
}

/* 버튼 */
.section01.hero-text-animate .hero-body .detail-link {
    animation:heroTextUp 1.2s 1s ease-out both;
}

@keyframes heroTextUp {
    from {opacity:0; transform:translateY(35px); filter:blur(5px);}
    to {opacity:1; transform:translateY(0); filter:blur(0);}
}


/* 첫 번째 이미지 슬라이드만 확대 효과 */
.section01 .swiper-slide[data-swiper-slide-index="0"] .hero-media {
    transform:scale(1);
}

/* 첫 번째 슬라이드 활성화 시 확대 */
.section01 .swiper-slide[data-swiper-slide-index="0"].hero-animate .hero-media {
    animation:heroZoom 10s ease-out both;
}

/* 두 번째 영상 슬라이드는 확대 효과 없음 */
.section01 .swiper-slide[data-swiper-slide-index="1"] .hero-media {
    animation:none;
    transform:none;
}

@keyframes heroZoom {
    from {transform:scale(1);}
    to {transform:scale(1.15);}
}

/* 이미지에만 적용, 영상은 제외 */
.section01 .hero-swiper .swiper-slide img.hero-media {
    filter:contrast(1.06) saturate(1.08);
}

/* 메인 비주얼 텍스트 영역 */
.section01 .hero-body {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 200px;
}

/* 기존 화이트 배경 패널 제거 */
.section01 .hero-body::before {
    display:none;
}

/* 타이틀 */
.section01 .hero-body h1 {
    font-family:var(--serif-kr);
    font-size:6rem;
    font-weight:400;
    line-height:1.1;
    letter-spacing:-6px;
    color:#fff;
/*     text-shadow:0 2px 18px rgba(13,38,62,.22); */
}

/* 강조 문구 */
.section01 .hero-body h1 strong {
    display:inline-block;
    margin-top:8px;
    color:#fff;
    font-weight:600;
/*     text-shadow:0 2px 18px rgba(13,38,62,.22); */
}

/* 설명 */
.section01 .hero-body .hero-copy {
    max-width:580px;
    margin-top:25px;
    color:rgba(255,255,255,.95);
    font-size:1.7rem;
    font-weight:400;
    line-height:1.9;
}

/* 자세히 보기 버튼 */
.section01 .hero-body .detail-link {
    min-width:170px;
    margin-top:30px;
    padding:12px 0;
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.75);
    color:#fff;
    font-size:1.5rem;
    font-weight:500;
    text-shadow:0 2px 10px rgba(13,38,62,.3);
}

.section01 .hero-body .detail-link:hover {
    color:#fff;
    border-color:#fff;
}

/* 배경 전체를 어둡게 하지 않고 왼쪽 상단에만 은은한 음영 */
.section01 .hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
            110deg,
            rgba(12,37,65,.34) 0%,
            rgba(12,37,65,.16) 32%,
            transparent 65%
        );
}

/* 모바일 */
@media(max-width:900px) {
    .section01 .hero-body {
        padding-bottom:40px;
    }

    .section01 .hero-body h1 {
        font-size:4.5rem;
    }

    .section01 .hero-body .hero-copy {
        max-width:480px;
        font-size:1.5rem;
    }
}

@media(max-width:600px) {
    .section01 .hero-body h1 {
        font-size:3.5rem;
        line-height:1.4;
    }

    .section01 .hero-body .hero-copy {
        font-size:1.35rem;
        margin-top:18px;
    }

    .section01 .hero-body .detail-link {
        margin-top:22px;
    }
}

/* SECTION 07 — SOSA HUMANVILL / Editorial Location */

.section07 *, .section07 *::before, .section07 *::after {box-sizing:border-box;}
.section07 .lp-shell {width:min(1600px,calc(100% - 80px));margin:0 auto;}
.section07 .lp-heading {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:70px;align-items:end;margin-bottom:40px;}

.section07 .lp-kicker::before {content:"";width:37px;height:1px;background:currentColor;}


.section07 .lp-heading-side {padding-bottom:5px;max-width:500px;justify-self:end;}


.section07 .lp-main {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);min-height:640px;border-top:1px solid var(--loc-line);border-bottom:1px solid var(--loc-line);}
.section07 .lp-stage {position:relative;min-height:640px;overflow:hidden;background:#bec6b9;isolation:isolate;}
.section07 .lp-stage-photo {position:absolute;inset:0;opacity:0;transform:scale(1.065);transition:opacity .7s ease, transform 1.4s cubic-bezier(.2,.7,.2,1);}
.section07 .lp-stage-photo.is-active {opacity:1;transform:scale(1);z-index:1;}
.section07 .lp-stage-photo img {display:block;width:100%;height:100%;object-fit:cover;}
.section07 .lp-stage::after {content:"";pointer-events:none;position:absolute;z-index:2;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 42%);}
.section07 .lp-stage-index {position:absolute;z-index:3;top:32px;left:38px;font:400 1.25rem/1.4 var(--sans,Arial,sans-serif);letter-spacing:.21em;color:#fff;}
.section07 .lp-stage-caption {position:absolute;z-index:3;bottom:42px;left:42px;right:42px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:15px;}
.section07 .lp-stage-caption strong {font:400 clamp(3.8rem,4.8vw,7rem)/1 var(--serif-en); font-size:9rem; color:rgba(255,255,255,.9)}
.section07 .lp-stage-caption span {font:500 1.2rem/1.5 var(--serif-en); letter-spacing:.14em;white-space:nowrap; font-size:2rem;}
.section07 .lp-list {display:flex;flex-direction:column;padding:10px 0 10px clamp(28px,3vw,55px);}

.section07 .lp-option:last-child {border-bottom:0;}


.section07 .lp-option-title {display:block;margin-top:7px;font:500 clamp(2.1rem,1.7vw,3rem)/1.4 var(--serif-kr,'Noto Serif KR',serif);letter-spacing:-3px;word-break:keep-all; font-size:3.3rem}

.section07 .lp-option.is-active .lp-option-desc {max-height:80px;margin-top:3px;opacity:1;}

.section07 .lp-option-thumb {position:relative;width:76px;aspect-ratio:1/1;overflow:hidden;}
.section07 .lp-option-thumb img {display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.77);transition:transform .6s ease,filter .4s ease;}
.section07 .lp-option.is-active .lp-option-thumb img,.section07 .lp-option:hover .lp-option-thumb img {transform:scale(1.08);filter:saturate(1);}

.section07 .lp-foot {display:flex;justify-content:space-between;align-items:start;gap:35px;margin-top:30px;}

@media(max-width:1100px) {.section07 .lp-heading {gap:30px;}.section07 .lp-main {grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);min-height:540px;}.section07 .lp-stage {min-height:540px;}.section07 .lp-list {padding-left:26px;}.section07 .lp-option {grid-template-columns:27px minmax(0,1fr) 60px;gap:10px;}.section07 .lp-option-thumb {width:60px;}}
@media(max-width:900px) {.section07 .lp-shell {width:calc(100% - 48px);}.section07 .lp-heading {grid-template-columns:1fr;gap:24px;margin-bottom:45px;}.section07 .lp-heading-side {max-width:none;justify-self:start;}.section07 .lp-heading-en {margin-bottom:10px;}.section07 .lp-main {grid-template-columns:1fr;}.section07 .lp-stage {min-height:0;aspect-ratio:16/10;}.section07 .lp-list {padding:4px 0;}.section07 .lp-option {grid-template-columns:45px minmax(0,1fr) 74px;padding:20px 0;min-height:112px;}.section07 .lp-option-thumb {width:74px;}.section07 .lp-foot {flex-direction:column;gap:13px;}.section07 .lp-note {text-align:left;}}
@media(max-width:600px) {.section07 {padding:70px 0 35px;}.section07 .lp-shell {width:calc(100% - 36px);}.section07 .lp-title {font-size:3.7rem;}.section07 .lp-description {font-size:1.4rem;}.section07 .lp-stage {aspect-ratio:4/4.4;}.section07 .lp-stage-index {top:20px;left:20px;font-size:1rem;}.section07 .lp-stage-caption {bottom:22px;left:22px;right:22px;}.section07 .lp-stage-caption strong {font-size:4.3rem;}.section07 .lp-stage-caption span {font-size:1rem;}.section07 .lp-option {grid-template-columns:30px minmax(0,1fr) 58px;gap:8px;min-height:100px;padding:14px 0;}.section07 .lp-option-thumb {width:58px;}.section07 .lp-option-title {font-size:2rem;}.section07 .lp-option-desc {font-size:1.2rem;}.section07 .lp-option-en {font-size:.95rem;}.section07 .lp-foot {margin-top:22px;}}
@media(prefers-reduced-motion:reduce) {.section07 .lp-stage-photo,.section07 .lp-option-desc,.section07 .lp-option-thumb img {transition:none;}}


.section07 {
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    --loc-ink: #f8f6f0;
    --loc-muted: #b6c0b6;
    --loc-line: rgba(232,235,222,.19);
    --loc-accent: #d1bd95;
    isolation: isolate;
    background: radial-gradient(ellipse 56% 60% at 96% 10%,rgba(131,155,132,.24),transparent 75%),radial-gradient(ellipse 62% 70% at -10% 95%,rgba(113,139,121,.16),transparent 75%),linear-gradient(130deg,#273731 0%,#192a26 55%,#12211e 100%);
    color: var(--loc-ink);
}
.section07::before {content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.34;background:repeating-linear-gradient(125deg,transparent 0,transparent 170px,rgba(241,234,216,.035) 171px,transparent 172px);}
.section07::after {content:"";position:absolute;z-index:-1;width:min(67vw,1100px);aspect-ratio:1;right:-27%;top:-62%;border:1px solid rgba(237,230,205,.12);border-radius:50%;pointer-events:none;box-shadow:0 0 0 95px rgba(237,230,205,.015),0 0 0 190px rgba(237,230,205,.01);}
.section07 .lp-kicker {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 23px;
    font: 600 1.2rem/1.4 var(--sans,Arial,sans-serif);
    letter-spacing: .27em;
    color: #dbc8a5;
}
.section07 .lp-title {
    margin: 0;
    font-family: var(--serif-kr,"Noto Serif KR",serif);
    font-size:7rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -6px;
    word-break: keep-all;
    color: #f6f2e9;
}
.section07 .lp-title strong {
    font-weight: 600;
    color: #d9c59b;
}
.section07 .lp-heading-en {
    margin: 0 0 18px;
    font: 400 clamp(2rem,2.3vw,3.7rem)/1.14 var(--serif-en,Georgia,serif);
    letter-spacing: -.04em;
    color: #d5c7a9;
    opacity: .72;
}
.section07 .lp-description {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.85;
    letter-spacing: -.025em;
    word-break: keep-all;
    color: #c1cbc1;
}
.section07 .lp-option {
    appearance: none;
    border: 0;
    border-bottom: 1px solid var(--loc-line);
    background: transparent;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 76px;
    align-items: center;
    gap: 16px;
    width: 100%;
    flex: 1;
    text-align: left;
    padding: 21px 0;
    cursor: pointer;
    transition: background .3s ease;
    color: #f4f3ed;
}
.section07 .lp-option-num {
    align-self: start;
    font: 400 1.35rem/1.4 var(--serif-en);
    color: #aab9b0;
	font-size:2rem;
	line-height:1;
}
.section07 .lp-option-en {
    display: block;
    font: 600 1.1rem/1.4 var(--serif-en);
    letter-spacing: .17em;
    transition: color .3s ease;
	font-size:1.6rem;
    color: #b8c4b5;
}
.section07 .lp-option.is-active .lp-option-num,.section07 .lp-option.is-active .lp-option-en {
    color: #dfc9a2;
}
.section07 .lp-option-desc {
    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .45s ease,margin .45s ease,opacity .4s ease;
    word-break: keep-all;
    color: #c9d2ca;
	font-weight:300;
	font-size: 1.7rem;
}
.section07 .lp-address {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.7;
    color: #b7c5bb;
}
.section07 .lp-address b {
    font-weight: 600;
    margin-right: 14px;
    color: #eee9dc;
}
.section07 .lp-note {
    max-width: 780px;
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.65;
    text-align: right;
    word-break: keep-all;
    color: #aebbb0;
}
.section07 .lp-option:focus-visible {
    outline: 2px solid var(--loc-accent);
    outline-offset: -2px;
    outline-color: #d9c59b;
}
@media(max-width:600px) {.section07::after {width:100vw;right:-65%;top:-5%;}}