/* 공통 헤더·푸터와 기존 서브 페이지를 잇는 블루 계열 디자인 토큰 */
:root{--bg:#fff;--ink:#172b3a;--navy:#0c3456;--navy-deep:#0c3456;--aqua:#087daf;--aqua-hover:#096d98;--aqua-light:#83d1ed;--aqua-bg:#eaf7fc;--line:#d9e5ed;--font-title:var(--font-body);--header-h:94px;--container:1448px}
body{letter-spacing:-.025em}
#hd{background:#fff;backdrop-filter:none;border-bottom:0}
.hd-in{max-width:none;height:94px;padding:0 48px;gap:34px}
.hd-logo{flex-shrink:0;gap:18px}
.brand-logo-crop{aspect-ratio:860/800;display:block;position:relative;overflow:hidden;width:58px;flex-shrink:0}
.brand-logo-crop>img{position:absolute;width:168.38%;max-width:none;height:135.75%;top:-18%;left:-34.1%;object-fit:fill}
.hd-logo .onecation-logo{box-sizing:content-box;object-fit:contain;border-left:1px solid #d9e5ed;padding-left:16px;width:140px;height:auto}
.hd-in>nav{margin-left:auto}
#gnb{gap:30px}
#gnb>li>a{font-size:16px;font-weight:600;gap:12px}
#gnb>li>a:after{content:'';width:6px;height:6px;border-right:1px solid #638096;border-bottom:1px solid #638096;transform:rotate(45deg);margin-top:-4px}
.hd-cta{border-radius:30px;background:#78c9f4;color:#132f40;font-size:14px;padding:10px 10px 10px 20px;min-height:48px;gap:20px}
.hd-cta .arr{display:grid;place-items:center;background:#163649;color:#fff;border-radius:50%;width:30px;height:30px}
.gnb-sub{border-radius:12px;min-width:205px}
#ft{background:#f3f8fb;margin-top:100px}
.ft-in{max-width:1440px;padding-top:70px;grid-template-columns:1.8fr repeat(3,1fr);gap:40px}
.renewal-footer-brand{display:flex;align-items:center;gap:18px}
.renewal-footer-brand .brand-logo-crop{width:76px}
.renewal-footer-brand .onecation-logo{box-sizing:content-box;width:165px;height:auto;object-fit:contain;border-left:1px solid #d9e5ed;padding-left:16px}
.ft-statement{font-size:20px;margin:24px 0;color:#0c3456}
.ft-info{color:#64717a;letter-spacing:0;font-size:13px}
.ft-col strong{font-size:15px}
.ft-col a{font-size:14px}
.ft-bottom{max-width:1320px;padding:24px 0;color:#64717a}
#floating-cta{background:#0c3456;border-radius:28px;box-shadow:0 4px 18px #0c345624}
.renewal-arrow{display:inline-grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#163649;color:#fff}
.renewal-home .hero-pager b{font-weight:400}
.renewal-home .destination-cover b{font-weight:inherit}
.renewal-home .destination-summary h4{margin:0;font-size:22px;line-height:1.5}
.renewal-home [hidden]{display:none!important}
@media(max-width:1200px){.hd-in{padding-inline:28px;gap:22px}#gnb{gap:20px}#gnb>li>a{font-size:14px;gap:8px}.hd-logo{gap:10px}.hd-logo .onecation-logo{width:110px;padding-left:10px}}
@media(max-width:1024px){#gnb{display:none}.hd-burger{display:flex}.hd-in{height:80px}.ft-in{grid-template-columns:1.4fr 1fr;gap:35px}.hd-logo .brand-logo-crop{width:50px}.hd-util{margin-left:auto}}
@media(max-width:640px){:root{--header-h:78px}.hd-in{height:78px;padding:0 20px;gap:12px}.hd-logo .brand-logo-crop{width:46px}.hd-logo .onecation-logo{width:108px}.hd-cta{display:none!important}.hd-in>nav{margin:0}.hd-util{gap:4px}.ft-in{grid-template-columns:1fr 1fr;padding:40px 24px 0;gap:30px 20px}.ft-logo{grid-column:1/-1}.renewal-footer-brand .brand-logo-crop{width:66px}.renewal-footer-brand .onecation-logo{width:145px}.ft-bottom{margin:30px 24px 0;font-size:12px}.ft-policy{flex-wrap:wrap;gap:12px}.ft-info{overflow-wrap:anywhere}#ft{margin-top:64px}}

.ft-social{display:flex;gap:18px;margin-top:18px;font-size:13px;color:#087daf}

/* Sites 원본 푸터: 브랜드·회사 / 상담 / 주요 메뉴의 3열 구성 */
#ft{background:#fff;border-top:1px solid #d9e5ed;padding-top:58px;margin-top:100px;color:#172b3a}
.renewal-footer__main,.renewal-footer__bottom{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.renewal-footer__main{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:60px;padding-bottom:44px}
.renewal-footer__main>div{min-width:0}
.renewal-footer__main p,.renewal-footer__info{font-size:13px;line-height:1.95;color:#64717a;letter-spacing:-.005em;margin:0 0 8px;font-style:normal}
.renewal-footer__main .renewal-footer__statement{font-size:20px;line-height:1.5;font-weight:500;color:#172b3a;margin:24px 0}
.renewal-footer__contact .renewal-footer__label{letter-spacing:0;margin-bottom:15px;font-size:14px}
.renewal-footer__phone{display:inline-block;font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-.02em;margin-bottom:8px}
.renewal-footer__email{display:inline-block;font-size:15px;letter-spacing:0;margin-bottom:8px;overflow-wrap:anywhere}
.renewal-footer__links{display:flex;flex-direction:column;gap:14px;padding-top:6px;font-size:14px;line-height:1.7}
.renewal-footer__links a{display:flex;justify-content:space-between;align-items:center;gap:24px}
.renewal-footer__bottom{border-top:1px solid #d9e5ed;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:27px;font-size:11px;letter-spacing:0;color:#64717a}
.renewal-footer__bottom nav{display:flex;flex-wrap:wrap;gap:16px 25px}
.renewal-footer__info{overflow-wrap:anywhere}
.renewal-footer__company .ft-social:empty{display:none}
@media(max-width:1200px){.renewal-footer__main{gap:45px}}
@media(max-width:960px){.renewal-footer__main{grid-template-columns:1.3fr 1fr;gap:40px}.renewal-footer__links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:16px 30px}.renewal-footer__links a{gap:14px}}
@media(max-width:640px){#ft{padding-top:38px;margin-top:64px}.renewal-footer__main,.renewal-footer__bottom{width:calc(100% - 40px)}.renewal-footer__main{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.renewal-footer__main .renewal-footer__statement{font-size:19px;margin:23px 0 21px}.renewal-footer__main p,.renewal-footer__info{font-size:12px;letter-spacing:0;line-height:1.95}.renewal-footer__contact .renewal-footer__label{font-size:12px;margin-bottom:8px}.renewal-footer__phone{font-size:27px}.renewal-footer__email{font-size:13px}.renewal-footer__links{gap:14px 24px;font-size:13px}.renewal-footer__bottom{flex-direction:column-reverse;align-items:flex-start;gap:18px;padding-block:23px;font-size:10px}.renewal-footer__bottom nav{gap:14px 22px}}

#gnb>li>a[aria-current]{color:#0079b5;position:relative}
#gnb>li>a[aria-current]:before{content:'';position:absolute;bottom:20px;left:0;width:22px;height:2px;background:#62bef0}