.mobile-journey-nav{display:none}
.start-here{padding:16px 0 24px;background:#fff}
.start-here-inner{display:flex;align-items:center;gap:30px;border:1px solid #e8edf7;border-radius:18px;padding:18px 22px;box-shadow:0 10px 28px #24385809}
.start-here-label{flex:0 0 230px}
.start-here-label span{font-size:10px;font-weight:750;letter-spacing:.15em;color:#4162df}
.start-here-label h2{font-size:18px;line-height:1.35;letter-spacing:-.04em;margin:6px 0 0}
.start-here-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1}
.start-here-links a{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0;padding:6px 26px;border-left:1px solid #e6ebf5;color:#182743;text-decoration:none}
.start-here-links strong{font-size:15px}
.start-here-links small{font-size:11px;color:#8291a8}
.start-here-links a>span{position:absolute;right:18px;top:6px;color:#365bea}
.start-here-links a:hover strong,.start-here-links a:focus-visible strong{color:#365bea}
.empty-guide{display:inline-block;margin:16px 0 0 14px;color:#365bea;font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:1100px){.start-here-inner{display:block}.start-here-label{margin-bottom:13px}.start-here-links a:first-child{border-left:0;padding-left:0}}
@media(max-width:760px){html{scroll-padding-top:112px}.b-main .main-menu{display:none!important}.b-main .nav{position:relative}.mobile-journey-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:48px;border-top:1px solid #eef1f7;padding:0 10px;align-items:stretch}.b-main .nav nav.mobile-journey-nav>a,.mobile-journey-nav summary{display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:700;color:#384b6a;text-decoration:none;white-space:nowrap}.mobile-journey-nav>a:first-child{color:#365bea}.mobile-journey-nav details{position:static}.mobile-journey-nav summary{height:48px;list-style:none;cursor:pointer}.mobile-journey-nav summary::-webkit-details-marker{display:none}.mobile-journey-nav summary span{margin-left:4px}.mobile-menu-panel{position:absolute;left:0;right:0;top:100%;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:0;background:white;border-top:1px solid #e9edf7;box-shadow:0 16px 30px #17295720;padding:10px 18px 14px}.mobile-menu-panel a{padding:12px 8px;color:#293d60;text-decoration:none;font-size:13px;border-bottom:1px solid #f1f3f8}.start-here{padding:4px 0 22px}.start-here-inner{padding:14px}.start-here-label h2{font-size:17px}.start-here-links{grid-template-columns:1fr;gap:0}.start-here-links a{border-left:0;border-top:1px solid #e7ecf6;padding:12px 20px 12px 0}.start-here-links a>span{right:2px;top:14px}.start-here-links small{font-size:11px}}
@media(max-width:760px){header>.mobile-journey-nav{position:relative;border-bottom:1px solid #eef1f7}.mobile-journey-nav>a{display:flex!important}.mobile-menu-panel a{display:block!important}}
@media(max-width:760px){.board-nav .sub-main-menu{display:none!important}.board-nav{min-height:54px!important}.board-nav .jinsim-brand{margin:0 20px!important;padding:12px 0!important}.mobile-journey-nav{gap:23px}.mobile-journey-nav>a{align-items:center!important;justify-content:center!important;text-align:center!important;font-size:12px!important;font-weight:700!important;color:#384b6a!important;text-decoration:none!important;white-space:nowrap}.mobile-journey-nav>a:first-child{color:#365bea!important}}

/* Information shortcuts: quiet color cues without changing the hero. */
.b-main .portal-categories>:is(a,button){border-color:var(--topic-border);background:var(--topic-bg);box-shadow:0 6px 18px #24385805;transition:background-color .18s,border-color .18s,transform .18s}
.b-main .portal-categories>:is(a,button) span{color:var(--topic-accent);font-weight:700}
.b-main .portal-categories>:is(a,button) small{color:#71829a}
.b-main .portal-categories>:is(a,button):hover{background:var(--topic-hover);border-color:var(--topic-accent)}
.b-main .portal-categories>:is(a,button):focus-visible{outline:2px solid var(--topic-accent);outline-offset:3px}
.b-main .portal-categories>:nth-child(1){--topic-bg:#f0f5ff;--topic-hover:#e9f1ff;--topic-border:#dce8ff;--topic-accent:#4d74dc}
.b-main .portal-categories>:nth-child(2){--topic-bg:#f0f8f5;--topic-hover:#e8f5ef;--topic-border:#dceee6;--topic-accent:#4b977c}
.b-main .portal-categories>:nth-child(3){--topic-bg:#f5f3fc;--topic-hover:#eeebfa;--topic-border:#e8e1f7;--topic-accent:#8a72bc}
.b-main .portal-categories>:nth-child(4){--topic-bg:#fff7f0;--topic-hover:#fff1e6;--topic-border:#f7e8d8;--topic-accent:#bb8660}
.b-main .portal-categories>:nth-child(5){--topic-bg:#f3f8f0;--topic-hover:#ebf4e7;--topic-border:#e1edda;--topic-accent:#779666}
.b-main .portal-categories>:nth-child(6){--topic-bg:#fff4f4;--topic-hover:#ffeded;--topic-border:#f6e1e3;--topic-accent:#b9777e}
@media(max-width:760px){.b-main .portal-categories>a:nth-child(2){display:grid!important}}

/* ── 서브페이지 상단 메뉴(PC): 홈과 같은 크기·간격·위치 (2026-10-21) ──
   홈 값: 높이 78, 메뉴 글자 12px/500/#62738e/자간 -.4px, 항목 간격 23px, 버튼 118x40(8px 14px, 화살표 19px).
   폭별 좌우 위치도 홈과 같다: ~1023 좌우 20 / 1024~1200 왼쪽 40 / 1201~1480 40·20 / 1481~ 가운데 1420. 모바일(≤760)은 건드리지 않는다. */
@media(min-width:761px){
header .board-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:0!important;max-width:none!important;height:78px!important;min-height:0!important;padding:0!important;width:calc(100% - 40px);margin:0 20px!important}
header .board-nav .jinsim-brand{margin:0!important;padding:0!important}
header .board-nav nav.sub-main-menu{display:flex!important;align-items:center;gap:23px!important;white-space:nowrap;font-size:12px}
header .board-nav nav.sub-main-menu>a{display:block!important;font-size:12px!important;font-weight:500!important;line-height:19.8px;color:#62738e;letter-spacing:-.4px;text-decoration:none}
header .board-nav nav.sub-main-menu>a:hover,header .board-nav nav.sub-main-menu>a:focus-visible{color:#365bea}
header .board-nav nav.sub-main-menu>a[href="account.html"]{color:#365bea;font-weight:750!important}
header .board-nav nav.sub-main-menu>a[aria-current]{color:#365bea}
header .board-nav nav.sub-main-menu>a.nav-booking{display:flex!important;align-items:center;justify-content:center;gap:18px;min-height:40px;padding:8px 14px;border-radius:30px;background:#365bea;color:#fff;font-weight:550!important;letter-spacing:-.24px;line-height:19.8px}
header .board-nav nav.sub-main-menu>a.nav-booking:hover{background:#234bd4;color:#fff}
header .board-nav nav.sub-main-menu>a.nav-booking svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}
@media(min-width:1024px){header .board-nav{width:calc(100% - 40px);margin:0 0 0 40px!important}}
@media(min-width:1201px){header .board-nav{width:min(1420px,calc(100% - 60px));margin:0 20px 0 40px!important}}
@media(min-width:1481px){header .board-nav{width:1420px;margin:0 auto 0 max(40px,calc((100% - 1420px)/2))!important}}
/* 태블릿 폭(761~899): 메뉴가 로고와 겹쳐 가로로 넘치던 것을 홈·서브페이지 모두 간격을 줄여 해결 */
@media(min-width:761px) and (max-width:899px){
.b-main .nav nav.main-menu{gap:11px}
header .board-nav nav.sub-main-menu{gap:11px!important}
}
/* 상단 로고 아이콘 테두리: 홈과 같게(짙은 1.7px) — 서브페이지에는 없어서 로고가 달라 보였음 */
header .brand svg rect{stroke:#17283f;stroke-width:1.7px}
