:root{--ink:#153c3e;--teal:#087573;--deep:#0c5958;--cream:#fbf8f0;--mist:#eaf3ed;--line:#d6ded7;--muted:#527071;color:var(--ink);background:var(--cream);font-family:"Noto Sans KR","Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
a{color:inherit}
a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #e49a39;outline-offset:3px}
.skip{position:absolute;left:-9999px;z-index:50;background:var(--deep);color:white;padding:.75rem 1rem}
.skip:focus{left:1rem;top:1rem}
.content-width{width:min(100% - 2.5rem,1220px);margin-inline:auto}
.topbar{background:#fff;border-bottom:1px solid var(--line)}
.topbar-inner{display:flex;align-items:center;gap:2rem;min-height:94px}
.brand{display:inline-flex;align-items:center;gap:.55rem;font-size:clamp(1.65rem,2.5vw,2.3rem);font-weight:800;letter-spacing:-.09em;white-space:nowrap;text-decoration:none}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--teal);color:white;font-size:1.65rem;font-weight:400;letter-spacing:0}
.desktop-nav{display:flex;align-items:center;gap:clamp(.7rem,1.8vw,1.6rem);margin-left:auto}
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.desktop-nav a:hover,.city-nav a:hover,.desktop-nav a:focus-visible,.city-nav a:focus-visible{color:var(--teal);text-decoration:underline;text-underline-offset:5px}
.search-standby{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;color:var(--muted);font-size:.72rem}
.search-standby>span:first-child{font-size:1.4rem}
.mobile-menu{display:none}
.city-nav{display:flex;gap:.55rem;overflow-x:auto;white-space:nowrap;padding-top:.65rem;padding-bottom:.8rem;scrollbar-width:thin}
.city-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 1.1rem;border:1px solid var(--line);border-radius:100px;background:var(--cream);font-size:.78rem;font-weight:700;text-decoration:none}
.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.17em}
.cover-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,.9fr);gap:1.2rem;margin-top:2rem}
.hero-card{position:relative;min-height:480px;border-radius:20px;overflow:hidden;background:#b5cac2;color:white;isolation:isolate}
.hero-media{position:absolute;inset:0;background:linear-gradient(140deg,#91ada3,#406b6c 55%,#163d46)}
.hero-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#102e38d9);z-index:0}
.hero-caption{position:absolute;z-index:1;left:clamp(1.5rem,4vw,3rem);right:clamp(1.5rem,4vw,3rem);bottom:clamp(1.5rem,4vw,3rem)}
.hero-caption h1{font-size:clamp(2.5rem,4.3vw,4.5rem);line-height:1.18;letter-spacing:-.07em;margin:.5rem 0}
.hero-caption p:not(.eyebrow){max-width:580px;line-height:1.7}
.media-note{font-size:.72rem;color:#e2edeb}
.cover-aside{display:grid;grid-template-rows:1fr 1fr;gap:1.2rem}
.small-feature{background:white;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}
.small-feature .media-placeholder{min-height:130px;background:linear-gradient(135deg,#d4e2d9,#a8c5ba)}
.small-feature:nth-child(2) .media-placeholder{background:linear-gradient(135deg,#e8dfce,#c4b29e)}
.small-feature>div:last-child{padding:1rem 1.2rem}
.small-feature p{color:var(--muted);font-size:.83rem;line-height:1.6;margin:.3rem 0}
.checklist{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:center;background:var(--teal);color:white;border-radius:16px;margin-top:2rem;padding:1.5rem 2rem}
.checklist h2{font-size:clamp(1.35rem,2vw,1.8rem);margin:.2rem 0}
.checklist .eyebrow{color:#c9ebdf;margin:0}
.checklist ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:0}
.checklist li{display:flex;align-items:center;min-height:60px;padding:.6rem;border-left:1px solid #ffffff66;font-size:.82rem;font-weight:700}
.checklist li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;margin-right:.65rem;border:1px solid #ffffffb3;border-radius:50%}
.section-block{padding:3.8rem 0 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem}
.section-heading h2{font-size:clamp(1.7rem,2.5vw,2.45rem);letter-spacing:-.06em;margin:.25rem 0}
.section-heading .eyebrow{color:var(--teal);margin:0}
.section-heading a{display:inline-flex;align-items:center;min-height:44px;color:var(--deep);font-size:.78rem;font-weight:700;white-space:nowrap;text-decoration:none}
.section-heading a:hover{text-decoration:underline}
.trip-grid,.stay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.travel-card,.stay-card{background:white;border-radius:16px;overflow:hidden;min-width:0}
.travel-card .media-placeholder{display:flex;align-items:end;justify-content:end;aspect-ratio:4/3;background:linear-gradient(145deg,#cbded5,#89ada9);padding:1rem;font-size:.7rem;color:#244e4d}
.travel-card:nth-child(2) .media-placeholder{background:linear-gradient(145deg,#e9dfcd,#b5c8be)}
.travel-card:nth-child(3) .media-placeholder{background:linear-gradient(145deg,#c9d9d5,#87a5ac)}
.card-copy{padding:1.25rem}
.card-copy .eyebrow{color:var(--teal);margin:.1rem 0}
.card-copy p:not(.eyebrow){font-size:1rem;font-weight:700;line-height:1.55}
.card-copy a{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem;font-weight:700;color:var(--teal);text-decoration:none}
.card-copy a:hover{text-decoration:underline}
.middle-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);gap:1.3rem}
.middle-grid>*{min-width:0}
.table-scroll{max-width:100%;overflow-x:auto;border-radius:14px;background:white}
table{width:100%;min-width:400px;border-collapse:collapse;text-align:left}
th,td{padding:1.15rem;border-bottom:1px solid var(--line);font-size:.85rem}
th{background:var(--mist);color:var(--deep)}
td{color:var(--muted);line-height:1.6}
.issue-panel{align-self:end;min-height:235px;background:#e6f1e9;border-radius:16px;padding:1.5rem}
.issue-panel h2{font-size:1.7rem;margin:.3rem 0}
.issue-panel p:not(.eyebrow){color:var(--muted);font-size:.88rem;line-height:1.7}
.issue-panel a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;font-weight:700;color:var(--teal);text-decoration:none}
.stay-card .media-placeholder{aspect-ratio:16/10;background:linear-gradient(145deg,#c8d7ca,#91ada8)}
.stay-card:nth-child(2) .media-placeholder{background:linear-gradient(145deg,#e5d9c5,#c1ab90)}
.stay-card:nth-child(3) .media-placeholder{background:linear-gradient(145deg,#c5d8d8,#9fb8bd)}
.stay-card h3{font-size:1.15rem;margin:1rem 1.1rem .3rem}
.stay-card p{color:var(--muted);font-size:.8rem;line-height:1.6;margin:.3rem 1.1rem 1.3rem}
.sister-card{display:flex;align-items:center;gap:1.2rem;margin:3.5rem 0;padding:1.3rem 1.7rem;background:#fff;border:1px solid var(--line);border-radius:15px}
.sister-card span{font-size:.75rem;color:var(--muted)}
.sister-card strong{font-size:1.3rem}
.sister-card a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;font-weight:700;text-decoration:none;color:var(--teal)}
.sister-card a:hover{text-decoration:underline}
.site-footer{background:white;border-top:1px solid var(--line);padding:2.6rem 0 3rem}
.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:1rem 2rem}
.footer-brand strong{font-size:1.55rem;letter-spacing:-.06em}
.footer-brand p,.footer-notice{color:var(--muted);font-size:.78rem;line-height:1.7}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:0 1.1rem}
.footer-inner nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;text-decoration:none}
.footer-inner nav a:hover{text-decoration:underline}
.footer-notice{grid-column:1/-1}
.footer-notice p{margin:.4rem 0}
.hub-page,.article-page{padding-top:2rem;padding-bottom:5rem;min-height:60vh}
.breadcrumb{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.8rem;margin-bottom:2rem}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.hub-heading{background:var(--mist);border-radius:20px;padding:clamp(1.5rem,4vw,3rem)}
.hub-heading .eyebrow{color:var(--teal)}
.hub-heading h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.07em;margin:.5rem 0}
.hub-heading>p:last-child{color:var(--muted);line-height:1.7}
.place-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0}
.place-grid li{background:white;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:2rem}
.place-grid .media-placeholder{aspect-ratio:16/9;background:linear-gradient(145deg,#d4e3d6,#a7c2b6)}
.place-grid strong{padding:1rem 1.1rem .1rem;font-size:1.1rem}
.place-grid li>span{padding:.3rem 1.1rem 1.3rem;color:var(--muted);font-size:.78rem}
.empty-note{background:white;border-radius:14px;padding:1.5rem;color:var(--muted);line-height:1.7}
.about-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.about-sections>div{padding:1.5rem;background:white;border-radius:14px;scroll-margin-top:2rem}
.about-sections h2{margin:.2rem 0;font-size:1.15rem}
.about-sections p{color:var(--muted);line-height:1.7}
.article-page{max-width:1000px}
.article-page article{background:white;border-radius:20px;padding:clamp(1.5rem,4vw,4rem)}
.article-page .eyebrow{color:var(--teal)}
.article-page h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.2;letter-spacing:-.06em;margin:.6rem 0 1.5rem}
.article-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;padding-bottom:1.4rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}
.article-media{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(145deg,#d5e5d8,#a5beb6);border-radius:13px;margin:1.5rem 0;color:var(--muted);font-size:.78rem}
.article-body{max-width:760px;margin:auto;font-size:1.05rem;line-height:1.95;white-space:pre-line;padding-top:1rem}
@media(max-width:1040px){.desktop-nav{gap:.65rem}.desktop-nav a{font-size:.73rem}.topbar-inner{gap:1rem}.search-standby span:last-child{display:none}}
@media(max-width:850px){.desktop-nav,.search-standby{display:none}.topbar-inner{min-height:78px;justify-content:space-between}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.4rem;min-height:44px;font-size:.82rem;font-weight:700}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;z-index:10;right:0;top:100%;width:min(80vw,300px);padding:.5rem;background:white;border:1px solid var(--line);box-shadow:0 10px 25px #153c3e24;display:flex;flex-direction:column}.mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:0 .8rem;text-decoration:none}.cover-layout{grid-template-columns:1fr}.hero-card{min-height:430px}.cover-aside{grid-template-columns:1fr 1fr;grid-template-rows:auto}.small-feature .media-placeholder{min-height:135px}.checklist{grid-template-columns:1fr}.checklist ul{grid-template-columns:repeat(2,minmax(0,1fr))}.middle-grid{grid-template-columns:1fr 1fr}.place-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.content-width{width:min(100% - 2rem,1220px)}.brand{font-size:1.75rem}.brand-mark{width:38px;height:38px}.cover-layout{margin-top:1rem}.hero-card{min-height:450px}.hero-caption h1{font-size:2.35rem}.cover-aside{grid-template-columns:1fr}.small-feature{grid-template-columns:120px 1fr;grid-template-rows:auto;min-height:145px}.small-feature .media-placeholder{min-height:145px}.checklist{padding:1.3rem}.checklist li{font-size:.78rem}.trip-grid,.stay-grid,.place-grid,.about-sections{grid-template-columns:1fr}.middle-grid{grid-template-columns:minmax(0,1fr)}.section-block{padding-top:2.8rem}.sister-card{flex-wrap:wrap}.sister-card a{margin-left:0}.footer-inner{grid-template-columns:1fr}.footer-notice{grid-column:auto}.section-heading{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-media{display:block;width:100%;height:100%;object-fit:cover}
.road-fallback{display:block;width:100%;object-fit:cover;padding:0!important}
.travel-card .road-fallback,.stay-card .road-fallback,.place-grid .road-fallback{height:auto}
.small-feature .road-fallback{height:130px}
.visual-credit{display:block;color:#527071;font-size:.68rem;margin:.1rem 1.1rem 1rem}
.article-illustration{margin:1.5rem 0}.article-illustration img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px}.article-illustration figcaption{color:#527071;font-size:.72rem;margin-top:.4rem}
:root{--accent-public:#0f6e6b;--card-radius:14px}
.topbar-inner{min-height:72px}.brand-mark{border-radius:10px}.hero-caption h1{font-size:clamp(1.6rem,2.5vw,2.5rem)}.trip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.checklist{grid-template-columns:repeat(4,minmax(0,1fr))}.checklist-intro{grid-column:auto}.checklist ul{grid-column:span 3}
@media(max-width:1000px){.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.checklist-intro,.checklist ul{grid-column:span 2}}
@media(max-width:600px){.trip-grid{grid-template-columns:1fr}.checklist ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* PHP 제출본의 공개 카드·검색·분류 동작을 Java 발행 글에 연결한 영역. */
.mag-category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0}
.mag-category-chips a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .8rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.82rem}
.mag-category-chips .current{background:var(--accent-public);color:#fff;border-color:var(--accent-public)}
.mag-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.mag-article-card{display:flex;flex-direction:column;gap:.5rem;min-width:0;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden}
.mag-article-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.mag-article-card span{padding:0 1rem;font-weight:700;line-height:1.5}
.mag-article-card small{padding:0 1rem 1rem;color:var(--muted);line-height:1.55}
.mag-article-list{list-style:none;padding:0;margin:1rem 0}.mag-article-list li{padding:.8rem 0;border-top:1px solid var(--line)}
.mag-article-list a{font-weight:700;text-decoration:none}.mag-article-list p{margin:.35rem 0 0;color:var(--muted);font-size:.85rem}
.mag-pager{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.mag-pager a{padding:.5rem .8rem;border:1px solid var(--line);border-radius:6px}
.mag-search{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.5rem 0}.mag-search label{font-weight:700}.mag-search input{min-height:44px;min-width:min(100%,260px);padding:.55rem;border:1px solid var(--line);border-radius:5px;font:inherit}.mag-search button{min-height:44px;padding:.55rem 1rem;background:var(--accent-public);color:white;border:0;border-radius:5px;font:inherit;cursor:pointer}
.article-summary{font-size:1.08rem;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.mag-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mag-article-grid{grid-template-columns:1fr}.mag-search{align-items:stretch}.mag-search input{flex:1}}