/*
Theme Name: GN Room Guide
Description: 강남 유흥가이드 독립 편집 디자인
Version: 1.2.0
Author: gnroomgroup.com
Text Domain: gnroomgroup
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f0;color:#142333;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.75;word-break:keep-all}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #2258ed;outline-offset:5px}::selection{background:#cad8ff}.shell{max-width:1320px;padding:0 52px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;z-index:20;background:white;padding:15px}.mast{border-bottom:1px solid #cbd0d1}.mast-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;height:100px}.brand{text-decoration:none;display:flex;align-items:center;gap:14px}.monogram{background:#142333;color:#fff;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:14px;font-weight:800;letter-spacing:-1px}.brand strong{display:block;font-size:19px;line-height:1.5;letter-spacing:-.6px}.brand small{font-size:9px;letter-spacing:2.4px;display:block}.mast-note{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px}.dot{width:6px;height:6px;border-radius:50%;background:#2258ed}.topnav{display:flex;gap:28px;align-items:center;padding:16px 0;flex-wrap:wrap}.topnav a{font-size:13px;text-decoration:none}.topnav a[aria-current=page]{color:#2258ed;font-weight:750}.nav-rule{border-bottom:1px solid #cbd0d1}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:46px;padding:64px 0 58px;align-items:center}.kicker{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2258ed;display:flex;align-items:center;gap:12px}.kicker:before{content:'';display:inline-block;height:1px;width:32px;background:currentColor}h1{font-size:clamp(40px,4.5vw,67px);line-height:1.24;font-weight:650;letter-spacing:-3.5px;margin:28px 0}h1 em{font-style:normal;color:#2258ed}.lead{font-size:16px;color:#58646c;max-width:470px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:#2258ed;color:#fff;padding:14px 20px;font-size:13px;text-decoration:none}.text-link{font-size:12px;text-underline-offset:6px}.cover{position:relative;min-height:425px;background:#dfe8f5;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.cover:before{content:'';position:absolute;background:#2258ed;border-radius:50%;width:270px;height:270px;top:70px;right:55px}.cover-top{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:10px;letter-spacing:1px}.cover svg{position:absolute;bottom:50px;width:100%;height:250px;left:0}.cover-label{position:relative;display:flex;justify-content:space-between;align-items:end;z-index:2}.cover-label strong{font-size:36px;line-height:1;letter-spacing:-1.5px}.cover-label small{font-size:9px;letter-spacing:1.5px;text-align:right}.strip{border-top:1px solid #aeb8c0;border-bottom:1px solid #aeb8c0;display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin-bottom:64px}.strip div{display:flex;gap:16px;align-items:center;padding:0 20px;border-right:1px solid #cbd0d1}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip b{font-size:11px;color:#2258ed}.strip span{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:29px;letter-spacing:-1.2px;margin:6px 0}.section-head p{font-size:12px;color:#637079;margin:0}.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 38px}.topic{display:grid;grid-template-columns:34px 1fr 22px;align-items:start;gap:12px;padding:28px 0;border-top:1px solid #bfc7cd;text-decoration:none;transition:color .2s}.topic:hover{color:#2258ed}.topic .num{font-size:11px;color:#2258ed;padding-top:5px}.topic small{font-size:10px;color:#637079}.topic h3{font-size:23px;letter-spacing:-.8px;margin:6px 0}.topic p{color:#637079;font-size:13px;margin:0;max-width:350px}.topic .arrow{font-size:22px}.feature{margin-top:70px;background:#142333;color:#f6f5f0;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:44px}.feature .kicker{color:#9fbaff}.feature h2{font-size:34px;line-height:1.4;letter-spacing:-1px;margin:20px 0}.feature p{font-size:13px;color:#b4c2d0}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:30px 1fr;gap:15px;border-bottom:1px solid #40505f;padding:18px 0}.steps li:first-child{padding-top:0}.steps b{font-size:11px;color:#9fbaff}.steps strong{font-size:14px;font-weight:600}.steps p{margin:5px 0 0;font-size:12px}.editor-note{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:45px 0 65px}.editor-note h2{font-size:12px;letter-spacing:1px}.editor-note p{font-size:12px;color:#637079;margin:8px 0}.foot{border-top:1px solid #cbd0d1;padding:30px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot p{font-size:10px;color:#637079}.foot a{text-decoration:none;font-size:11px}.breadcrumbs{padding:30px 0 0;font-size:11px;color:#637079}.breadcrumbs a{text-underline-offset:4px}.article-hero{padding:48px 0 52px;border-bottom:1px solid #bfc7cd;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.article-hero h1{font-size:53px;white-space:pre-line;margin-bottom:0}.article-hero .lead{font-size:14px;margin:0}.reading{display:grid;grid-template-columns:230px 1fr;gap:85px;padding:55px 0 65px}.toc{font-size:11px;position:sticky;top:25px;align-self:start}.toc b{letter-spacing:1px;font-size:10px}.toc a{display:block;margin-top:18px;text-decoration:none;color:#637079}.toc a:hover{color:#2258ed}.article-body{max-width:720px}.article-body section{scroll-margin-top:30px;margin-bottom:45px}.article-body .sec-num{font-size:10px;color:#2258ed;letter-spacing:1px}.article-body h2{font-size:26px;letter-spacing:-1px;line-height:1.5;margin:10px 0 18px}.article-body p{font-size:15px;color:#4e5f6a;line-height:2}.article-note{border-left:2px solid #2258ed;padding:5px 22px;margin-top:40px}.article-note p{font-size:12px}.related{padding-bottom:55px}.related .index-grid{grid-template-columns:repeat(2,1fr)}@media(min-width:1050px){.topic:last-child{grid-column:1/3;max-width:calc(50% - 19px)}}@media(max-width:850px){.shell{padding:0 26px}.hero{gap:30px}.cover{min-height:360px}.cover:before{width:220px;height:220px;right:20px}h1{letter-spacing:-2px}.hero-actions{gap:18px}.button{gap:18px}.reading{gap:35px;grid-template-columns:170px 1fr}.article-hero{gap:30px}.article-hero h1{font-size:40px}.feature{gap:30px;padding:30px}.strip div{padding:0 12px;gap:9px}}@media(max-width:620px){.shell{padding:0 20px}.mast-inner{height:82px}.mast-note{font-size:9px;letter-spacing:0}.brand strong{font-size:16px}.brand small{font-size:8px}.monogram{width:36px;height:36px}.topnav{gap:10px 20px;padding:13px 0}.topnav a{font-size:11px}.hero{grid-template-columns:1fr;padding:38px 0 30px;gap:30px}h1{font-size:44px;margin:20px 0}.lead{font-size:14px}.cover{min-height:315px}.cover:before{width:220px;height:220px;top:25px;right:40px}.cover svg{height:220px;bottom:34px}.cover-label strong{font-size:30px}.strip{padding:15px 0;margin-bottom:40px}.strip div{display:block;padding:0 9px}.strip b{display:block;margin-bottom:5px;font-size:9px}.strip span{font-size:10px}.section-head{display:block}.section-head h2{font-size:26px}.section-head p{margin-top:10px}.index-grid{grid-template-columns:1fr}.topic{padding:23px 0}.topic h3{font-size:22px}.feature{grid-template-columns:1fr;margin-top:40px;padding:25px;gap:20px}.feature h2{font-size:28px}.editor-note{grid-template-columns:1fr;padding:25px 0 35px;gap:0}.foot-inner{display:block}.article-hero{grid-template-columns:1fr;padding:30px 0;gap:25px}.article-hero h1{font-size:38px;letter-spacing:-2px}.reading{grid-template-columns:1fr;gap:30px;padding:30px 0}.toc{position:static;border-bottom:1px solid #cbd0d1;padding-bottom:20px}.toc a{margin-top:10px}.article-body h2{font-size:23px}.article-body p{font-size:14px}.related .index-grid{grid-template-columns:1fr}.kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.article-hero h1{font-size:clamp(28px,3.6vw,48px);letter-spacing:-1.8px}.reading{display:block;max-width:980px;margin:auto}.article-body{max-width:860px;margin:auto}.article-intro{max-width:820px}.guide-image{width:320px;max-width:100%;margin:28px auto 36px}.guide-image img{width:100%;height:auto;display:block;border-radius:3px}.guide-image figcaption{font-size:12px;line-height:1.7;color:#566371;margin-top:10px;text-align:center}.guide-image figcaption span{display:block;font-size:10px;color:#77828c;margin-top:3px}.guide-toc{padding:22px 28px;margin:36px 0;background:#eaf0f5;border:1px solid #ccd7e1}.guide-toc h2{font-size:18px;margin:0 0 10px}.guide-toc ol{margin:0;padding-left:20px}.guide-toc li{font-size:13px;line-height:2}.guide-toc a{text-decoration:none}.article-body h3{font-size:21px;line-height:1.55}.article-body ul{color:#4e5f6a;font-size:14px;line-height:2.1}.article-body a{text-decoration-thickness:1px;text-underline-offset:4px}.article-body .article-intro{font-size:16px}.article-body section{margin-bottom:40px}.source-note{border-top:1px solid #ccd7e1;padding-top:20px}.related-text a{color:#2258ed}@media(max-width:620px){.guide-image{width:100%;max-width:320px}.guide-toc{padding:18px}.article-hero h1{font-size:31px;letter-spacing:-1px}.article-body .article-intro{font-size:14px}.article-body h3{font-size:20px}.reading{padding-top:26px}}

.article-hero{grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:36px 0 42px}.article-heading h1{font-size:48px;letter-spacing:-2px;margin:24px 0 20px;line-height:1.18;white-space:normal}.article-heading h1 span{display:block;font-size:28px;letter-spacing:-1px;font-weight:500;line-height:1.45;margin-top:17px;color:#58646c}.article-heading .lead{font-size:15px;line-height:1.8;margin:0}.article-meta{margin-top:27px;font-size:10px;letter-spacing:1.1px;color:#7d8891}.article-meta span{margin:0 10px}.article-cover{margin:0;width:100%;max-width:480px;justify-self:end}.article-cover img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 12px 32px #14233312}.article-cover figcaption{font-size:11px;color:#7d8891;margin-top:10px;text-align:right}.breadcrumbs{padding-top:22px}.reading{padding-top:35px}.related-text{margin-top:45px;padding-top:25px;border-top:1px solid #cbd0d1}.related-text ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-text li{min-width:0}.related-text a{display:block;text-decoration:none;color:#142333;font-size:13px;line-height:1.5}.related-text img{width:100%;height:auto;display:block;border-radius:3px;margin-bottom:10px}.related-text strong{display:block;font-size:14px}.related-text span{display:block;color:#77828c;font-size:11px;margin-top:5px;line-height:1.65}@media(max-width:850px){.article-hero{gap:30px}.article-heading h1{font-size:38px}.article-heading h1 span{font-size:23px}.article-cover{max-width:430px}.related-text ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.article-hero{grid-template-columns:1fr;gap:24px;padding:26px 0 30px}.article-heading h1{font-size:36px;margin:19px 0 16px}.article-heading h1 span{font-size:24px;margin-top:12px}.article-heading .lead{font-size:14px}.article-meta{margin-top:16px}.article-cover{width:100%;max-width:480px;justify-self:center}.article-cover figcaption{text-align:left;font-size:10px}.related-text ul{gap:16px}.reading{padding-top:25px}.article-body .article-intro{margin-top:0}}