

/* 서브페이지 헤더 고정 스타일 */
.sub .header {
    background:#fff;
    color:var(--ink);
}

/* 서브페이지에서도 hover 효과 유지 */
.sub .header:hover {
    background:#fff;
    color:var(--ink);
}



.breadcrumb {height:62px;border-bottom:1px solid var(--line);background:#fff;}
.breadcrumb .inner {height:100%;display:flex;align-items:center;justify-content:flex-end;gap:15px;font-size:1.4rem;color:#817a71;}
.breadcrumb strong {color:var(--ink);font-weight:600;}
.breadcrumb .sep {color:#c5bdb1;}
.page-head {text-align:center;padding:100px 20px 66px;background:#fff;}
.page-head .eyebrow {font-family:var(--serif-en);font-size:2.2rem;letter-spacing:.24em;color:var(--gold);}
.page-head h1 {font-family:var(--serif);font-size:5.8rem;font-weight:400;letter-spacing:-.065em;margin:14px 0 20px;}
.page-head p {font-size:1.6rem;line-height:1.9;color:var(--sub);}
.hero {position:relative;height:650px;background:#494b4b url('./img/hero-poster.jpg') center 52%/cover no-repeat;overflow:hidden;}
.hero:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#161a1a80,transparent 43%);}
.hero-content {position:absolute;z-index:1;left:5%;bottom:58px;color:#fff;}
.hero-content .label {display:block;font-family:var(--serif);font-size:2.2rem;letter-spacing:.15em;margin-bottom:10px;color:#e7d6bd;}
.hero-content strong {font-family:var(--serif);font-weight:400;font-size:3.5rem;letter-spacing:-.05em;line-height:1.45;}
.overview {padding:115px 0 135px;background:#fff;}
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px;}
.section-heading .eyebrow {display:block;font-family:var(--serif-en);font-size:2rem;letter-spacing:.18em;color:var(--gold);margin-bottom:12px; font-weight:500}
.section-heading h2 {font-family:var(--serif);font-size:4.6rem;font-weight:400;letter-spacing:-.055em; border-bottom:2px solid var(--ink); padding-bottom:15px;}
.section-heading p {font-size:1.45rem;color:var(--sub);line-height:1.8;}
.overview-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:65px;row-gap:0;}
.overview-item {padding:35px 0 38px;border-bottom:1px solid var(--line);min-width:0;}
.overview-item dt {font-size:1.5rem;color:#9b815e; letter-spacing:-.02em;margin-bottom:13px;}
.overview-item dd {font-size:2.25rem;line-height:1.5;font-weight:500;letter-spacing:-.045em;}
.overview-item dd small {font-size:1.35rem;color:var(--sub);font-weight:400;}
.overview-item.address dd {font-size:1.95rem;}
.overview-item.wide {grid-column:span 2;}
.overview-item.wide dd {font-size:1.85rem;}
.overview-note {margin-top:35px;font-size:1.25rem;line-height:1.9;color:#918a81;}
.summary {padding:90px 0;background:var(--bg);}
.summary-inner {display:flex;justify-content:space-between;align-items:center;gap:60px;}
.summary-title {font-family:var(--serif);font-size:4rem;font-weight:400;line-height:1.45;letter-spacing:-.05em;}
.summary-title em {font-style:normal;color:var(--gold);}
.summary p {max-width:600px;font-size:1.55rem;color:var(--sub);line-height:2;}
.footer {background:#292621;color:#e5dbce;padding:55px 0 35px;}
.footer-inner {display:flex;justify-content:space-between;gap:30px;}
.footer .logo {font-size:2.4rem;}
.footer p {font-size:1.25rem;color:#bcb1a3;line-height:2;}
.footer .copyright {margin-top:40px;padding-top:25px;border-top:1px solid #ffffff24;font-size:1.15rem;color:#8f8476;}
@media(max-width:1100px) {.nav {gap:20px;}.phone {display:none;}.overview-grid {column-gap:35px;}.hero {height:520px;}}
@media(max-width:900px) {.header {height:74px;}.header-inner {justify-content:center;}.nav {display:none;}.page-head {padding:70px 20px 45px;}.page-head h1 {font-size:4.3rem;}.hero {height:440px;}.hero-content strong {font-size:2.8rem;}.overview {padding:80px 0;}.overview-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.section-heading {display:block;}.section-heading p {margin-top:15px;}.summary-inner {display:block;}.summary p {margin-top:20px;}}
@media(max-width:600px) {.inner {width:88%;}.breadcrumb {height:52px;}.page-head .eyebrow {font-size:1.8rem;}.page-head h1 {font-size:3.7rem;}.page-head p {font-size:1.4rem;}.hero {height:330px;}.hero-content {left:6%;bottom:30px;}.hero-content strong {font-size:2.2rem;}.overview-grid {grid-template-columns:1fr;}.overview-item,.overview-item.wide {grid-column:auto;padding:25px 0;}.overview-item dd {font-size:2rem;}.overview-item.address dd,.overview-item.wide dd {font-size:1.7rem;}.section-heading h2 {font-size:3.6rem;}.summary {padding:65px 0;}.summary-title {font-size:3rem;}.footer-inner {display:block;}.footer-inner>div+div {margin-top:20px;}}

/* 사업개요: 좌측 조감도 / 우측 사업정보 */
.overview {padding:100px 0 120px;}
.overview-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:75px;align-items:start;}
.overview-photo {top:120px;min-width:0;overflow:hidden;background:#eae5dd;}
.overview-photo img {width:100%;height:790px;object-fit:cover;object-position:right;display:block;}
.overview-photo-caption {padding:18px 22px;background:#332e28;color:#e8d8bf;font-family:var(--serif-en);font-size:1.5rem;letter-spacing:.15em;}
.overview-content {min-width:0;}
.overview-content .section-heading {display:block;margin-bottom:20px;}
.overview-content .section-heading h2 {font-size:4.2rem; line-height:1.2;}
.overview-content .section-heading p {margin-top:12px;}
.overview-content .overview-grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;}
.overview-content .overview-item {padding:22px 0 24px;}
.overview-content .overview-item dt {margin-bottom:0px;font-size:1.6rem;}
.overview-content .overview-item dd {font-size:1.85rem;}
.overview-content .overview-item.address dd,.overview-content .overview-item.wide dd {font-size:1.8rem;}
.overview-content .overview-item.wide {grid-column:span 2;}
@media(max-width:1100px) {.overview-layout {gap:38px;}.overview-photo img {height:650px;}}
@media(max-width:900px) {.overview-layout {grid-template-columns:1fr;gap:45px;}.overview-photo {position:relative;top:auto;}.overview-photo img {height:480px;}.overview-content .overview-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px) {.overview {padding:60px 0 75px;}.overview-layout {gap:35px;}.overview-photo img {height:330px;}.overview-content .section-heading h2 {font-size:3.4rem;}.overview-content .overview-grid {grid-template-columns:1fr;}.overview-content .overview-item.wide {grid-column:auto;}.overview-content .overview-item dd {font-size:1.8rem;}}





/* 서브페이지 통합 비주얼 - 실크 배경 */
.sub .page-head {
margin-top:85px;
    position:relative;
    isolation:isolate;
    min-height:0;
    padding:65px 20px 70px;
    background: url("../img/silk2.png") 0 0 /cover no-repeat;
    text-align:center;
    overflow:hidden;
}


.sub .page-head {
    background:
        linear-gradient(rgba(255,255,255,.45), rgba(255,255,255,.45)),
        url("../img/silk2.png") center center/cover no-repeat;
}




/* 기존 원형 장식 제거 */
.sub .page-head::before,
.sub .page-head::after {
    display:none;
}

/* 브레드크럼을 같은 배경 위에 배치 */
.sub .breadcrumb {
    position:absolute;
    top:90px;
    left:0;
    width:100%;
    height:auto;
    z-index:5;
    background:transparent;
    border:0;
}

.sub .breadcrumb .inner {
    height:auto;
    padding-top:20px;
    justify-content:flex-end;
}

/* 타이틀 가독성 */
.sub .page-head .eyebrow {font-weight:500; color:#92734d;}
.sub .page-head h1 {margin:0; color:#302c27; line-height:1.2;}
.sub .page-head p { color:#625b53; margin-top:15px;}

/* 모바일 */
@media(max-width:900px) {
    .sub .breadcrumb {top:74px;}
    .sub .page-head {padding:65px 20px 55px; background-position:center center;}
}

@media(max-width:600px) {
    .sub .page-head {padding:75px 20px 45px;}
    .sub .page-head h1 {font-size:3.5rem;}
    .sub .page-head p {font-size:1.3rem;}
}


