/* 길담 v4 공용 옷 — 홈·내 서재 말고 나머지 페이지(계산기·판매·안내·약관…)에 입힌다. 2026-10-04
   사장님: "계산기 컬러감도 맞추고, 나머지 페이지들도 동일하게"
   · 페이지마다 따로 짠 옛 남색·금색·크림을 **색 변수만 갈아** 흰 바탕·먹색·해주황으로 바꾼다(gildam.css·calc 의 :root 변수)
   · 옛 머리글(#nav)·아래 막대(gildam-nav.js)를 숨기고 홈과 같은 흰 머리글·아래 탭·전체 메뉴를 gd-site-v4.js 가 그린다
   · 서체는 전부 GD Sans 하나로 */
@font-face{font-family:"GD Sans";src:url(fonts/gd-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"GD Sans";src:url(fonts/gd-sans-600.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"GD Sans";src:url(fonts/gd-sans-800.woff2) format("woff2");font-weight:700 900;font-display:swap}
@font-face{font-family:"GD Serif";src:url(fonts/gd-serif-700.woff2) format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:"GD Body";src:url(fonts/gd-body-400.woff2) format("woff2");font-weight:300 500;font-display:swap}
html:root{
  --navy:#111;--navy-d:#000;--navy-2:#232320;--navy2:#232320;--navyD:#000;
  --gold:#E8552F;--gold-l:#F07A55;--goldlt:#F07A55;--gold-ink:#C2421F;--gold-txt:#C2421F;--goldbd:#E7E6E1;--golddk:#C2421F;--sun:#E8552F;
  --teal:#1F5C63;--teal-l:#2C7A82;
  --cream:#FFFFFF;--cream-d:#F5F4F0;--beige:#F5F4F0;--card:#FFFFFF;
  --line:#E7E6E1;--line-2:#DCDBD5;
  --ink:#111;--ink-2:#3A3A36;--ink2:#3A3A36;--mut:#6B6B66;
  --serif:"GD Sans",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --display:"GD Sans",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --sans:"GD Sans",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --ui:"GD Sans",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --nav-h:64px;--gs-h:64px;
}
body,body *:not(svg):not(path):not(circle):not(rect):not(line):not(polyline){font-family:"GD Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif!important}
body{letter-spacing:-.02em}
html.gs-on body{padding-top:var(--gs-h)}
html.gs-on.gs-ownnav body{padding-top:0}
::selection{background:#E8552F;color:#fff}

/* 옛 길잡이 숨김 */
html.gs-on #nav.nav,html.gs-on .drawer,html.gs-on .drawer-bg,html.gs-on .gnav,html.gs-on .gprog{display:none!important}

/* 페이지마다 있는 'button{width:100%…}' 같은 통째 규칙이 새 머리글·탭을 망가뜨리지 않게 먼저 지운다 */
:where(.gs-hd,.gs-tab,.gs-sheet) button,:where(.gs-hd,.gs-tab,.gs-sheet) a,:where(.gs-hd,.gs-tab,.gs-sheet) img,:where(.gs-hd,.gs-tab,.gs-sheet) svg{width:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:inherit;line-height:normal;letter-spacing:inherit;text-transform:none}
:where(.gs-hd,.gs-tab,.gs-sheet) img{max-width:none}
/* ── 머리글(홈 v4 와 같은 모양) ── */
.gs-hd{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--gs-h);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #E7E6E1;color:#111}
.gs-in{max-width:1280px;margin:0 auto;height:100%;padding:0 32px;display:flex;align-items:center;gap:40px}
.gs-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.04em;color:#111!important;text-decoration:none}
.gs-logo img{width:22px;height:24px}
.gs-nav{display:flex;gap:28px;font-size:15.5px;font-weight:600}
.gs-nav a{color:#2A2A27!important;text-decoration:none;position:relative;padding:8px 0}
.gs-nav a:hover{color:#111!important}
.gs-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#111}
.gs-r{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.gs-lang{padding:8px 10px;color:#2A2A27!important;text-decoration:none}
.gs-my{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px 0 12px;border:1px solid #E7E6E1;border-radius:999px;color:#111!important;text-decoration:none;background:#fff}
.gs-my svg,.gs-menu svg{width:20px;height:20px}
.gs-menu{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;color:#111;cursor:pointer}
.gs-menu svg{width:24px;height:24px}

/* ── 폰 아래 탭 ── */
.gs-tab{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1000;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid #E7E6E1;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
.gs-tab a,.gs-tab button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 0;font-size:11px;font-weight:600;color:#8A8A85!important;text-decoration:none;background:none;border:0;cursor:pointer}
.gs-tab [aria-current]{color:#111!important}
.gs-tab svg{width:23px;height:23px}

/* ── 전체 메뉴 ── */
.gs-sheet{position:fixed;inset:0;z-index:1100;background:#fff;color:#111;display:flex;flex-direction:column;overflow-y:auto;animation:gsIn .24s ease both}
.gs-sheet[hidden]{display:none}
@keyframes gsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gs-st{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 8px 0 20px;border-bottom:1px solid #E7E6E1}
.gs-x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#111;cursor:pointer}.gs-x svg{width:24px;height:24px}
.gs-sb{padding:4px 20px 12px;flex:1}
.gs-g{padding:20px 0;border-bottom:1px solid #E7E6E1}.gs-g:last-child{border-bottom:0}
.gs-g h3{font-size:13px;font-weight:600;color:#6B6B66;margin:0 0 8px}
.gs-g a{display:block;font-size:21px;font-weight:800;letter-spacing:-.035em;padding:8px 0;color:#111!important;text-decoration:none}
.gs-g.chips a:not(:first-of-type){display:inline-block;font-size:14.5px;font-weight:600;padding:8px 14px;margin:6px 6px 0 0;background:#F5F4F0;border-radius:999px;letter-spacing:-.01em}
.gs-sf{display:flex;flex-wrap:wrap;gap:10px 18px;padding:18px 20px calc(24px + env(safe-area-inset-bottom));font-size:14.5px;color:#6B6B66;background:#F5F4F0}
.gs-sf a{color:#6B6B66!important;text-decoration:none}.gs-sf a:first-child{color:#111!important;font-weight:800}
html.gs-lock,html.gs-lock body{overflow:hidden}

/* 쿠키 띠 */
body #cookieBar{background:rgba(17,17,17,.94)!important;backdrop-filter:blur(12px)}
body #cookieBar p{color:#D9D9D4!important}body #cookieBar a{color:#fff!important}
body #cookieBar .cb-ok{background:#E8552F!important;color:#fff!important}
body #cookieBar .cb-no{background:rgba(255,255,255,.12)!important;color:#fff!important}
body #cookieBar button{font-weight:800!important}

/* ── 공통 부품 다듬기(옛 페이지들이 함께 쓰는 이름) ── */
.eyebrow{letter-spacing:.06em!important;text-transform:none!important;font-weight:700!important;color:#E8552F!important}
.btn-gold,.btn.gold,.cta-gold{background:#111!important;color:#fff!important;box-shadow:none!important}

/* ── 계산기(calc*.html) ── */
.cover{background:#fff!important;background-image:none!important;top:0}
html.gs-on .cover{top:var(--gs-h)}
.cv-logo-img{content:url(logo-full.png);width:96px!important}
.cv-hz{filter:grayscale(1) brightness(.35) contrast(1.4);opacity:.85}
.cv-place{color:#6B6B66!important}
.cv-sub{color:#55554f!important;font-size:15px!important}
.cv-sub b{color:#111!important}
.cv-count{color:#8A8A85!important}.cv-count b{color:#E8552F!important}
.cv-brand{color:#111!important}.cv-slogan{color:#E8552F!important}
.cv-start{background:#111!important;color:#fff!important;box-shadow:none!important;border-radius:999px!important}
.cv-start:hover{background:#E8552F!important}
.head .sun .arc{background:#E8552F!important}.head .sun .hor{background:#111!important}
.head .label{color:#E8552F!important;letter-spacing:.06em!important}
.gs-calc .sec{border:1px solid #E7E6E1!important;box-shadow:none!important;border-radius:20px!important}
.gs-calc .preset{border-radius:14px!important}
.gs-calc .tab.on{background:#111!important}
.gs-calc .spot{background:#F5F4F0!important}
.gs-calc .spot.sel{background:#FFF1EC!important;border-color:#E8552F!important}
.gs-calc .spot.sel .cb{background:#E8552F!important;border-color:#E8552F!important}
.rwarn,.dwarn{background:#FFF6F1!important;border-color:#F5B9A3!important;color:#8A3415!important}
.tr.sel{border-color:#111!important}


/* ── 판매·안내 페이지(gildam.css): 남색 띠 → 연회색 판, 첫 화면 강조는 흰색 ── */
.hero h1 em{color:#fff!important}
.hero p em,.hero p b,.hero p strong{color:#FFD2C2!important}
.how,.price-sec,.foot{background:#F5F4F0!important;color:#111!important}
:is(.how,.price-sec) :not(a):not(button):not(a *):not(button *):not(svg):not(svg *){color:#111!important;border-color:#DCDBD5!important}
:is(.how,.price-sec) :is(p,li,small,.section-desc,.desc,.sub){color:#55554f!important}
:is(.how,.price-sec) :is(.eyebrow,em){color:#E8552F!important}
:is(.how,.price-sec):before,:is(.how,.price-sec):after{opacity:.15}
.price-sec :is(.btn,.btn-gold,a.cta,.buy){background:#111!important;color:#fff!important}
.foot{color:#6B6B66!important;border-top:1px solid #E7E6E1}
.foot :not(svg):not(svg *){color:#55554f!important;border-color:#E7E6E1!important}
.foot :is(h3,h4,b,strong,.foot-brand,.logo){color:#111!important}
.foot img{filter:none}
.calc-bridge,.buybar{background:#111!important}
.section{scroll-margin-top:calc(var(--gs-h) + 12px)}
/* ── 계산기 모음(calc-all) ── */
.pg-calc-all body{background:#fff!important;color:#111!important}
.pg-calc-all .eb{color:#E8552F!important;letter-spacing:.06em!important}
.pg-calc-all h1{font-weight:800!important;letter-spacing:-.045em!important}
.pg-calc-all .gnote{background:#F5F4F0!important;border:0!important;border-radius:14px!important;color:#55554f!important}
.pg-calc-all a.card{background:#fff!important;border:1px solid #E7E6E1!important;border-radius:16px!important}
.pg-calc-all a.card:hover{border-color:#111!important;box-shadow:0 6px 20px rgba(17,17,17,.08)}
.pg-calc-all .t-full{background:#E8552F!important;color:#fff!important}
.pg-calc-all .t-part{background:#F5F4F0!important;color:#55554f!important;border-color:#E7E6E1!important}
.pg-calc-all :is(.lead,.why,.gsub,.meta,.nm small,.back){color:#6B6B66!important}
.pg-calc-all .w{max-width:1080px!important}
.pg-calc-all .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important;gap:14px!important}


/* ── 구입코드·맞춤 의뢰(claim·custom) ── */
:is(.pg-claim,.pg-custom) body{background:#fff!important}
/* 숨긴 라디오가 width:100% 를 받아 화면 밖까지 늘어나 폰에서 옆으로 밀리던 원래 버그 */
.pg-custom .pills input{width:1px!important;height:1px!important}
:is(.pg-claim,.pg-custom) :is(input,textarea,select){max-width:100%;box-sizing:border-box}
:is(.pg-claim,.pg-custom) :is(input,textarea,select){background:#fff!important;border:1px solid #DCDBD5!important;border-radius:12px!important}
:is(.pg-claim,.pg-custom) :is(input,textarea,select):focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.07)}
:is(.pg-claim,.pg-custom) button:not(:where(.gs-hd *,.gs-tab *,.gs-sheet *,#cookieBar *)){color:#fff!important;box-shadow:none!important}
:is(.pg-claim,.pg-custom) .card{border:1px solid #E7E6E1!important;box-shadow:none!important}
:is(.pg-claim,.pg-custom) .wrap :is(label,.hint,.d){color:#55554f!important}
.pg-claim .result{background:#111!important}
.pg-claim .go{color:#fff!important}
/* ── 약관·개인정보·환불(terms·privacy·refund) ── */
:is(.pg-terms,.pg-privacy,.pg-refund) body{background:#fff!important}
html.gs-on:is(.pg-terms,.pg-privacy,.pg-refund) .bar{display:none!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap{padding-top:48px!important}
:is(.pg-terms,.pg-privacy,.pg-refund) h1{font-weight:800!important;letter-spacing:-.04em}
:is(.pg-terms,.pg-privacy,.pg-refund) th{background:#F5F4F0!important;color:#111!important}
:is(.pg-terms,.pg-privacy,.pg-refund) :is(.box,.note){background:#F5F4F0!important;border-color:#E7E6E1!important;color:#55554f!important}
:is(.pg-terms,.pg-privacy,.pg-refund) footer a{color:#1F5C63!important}
:is(.pg-terms,.pg-privacy,.pg-refund) table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap{overflow-wrap:anywhere}


/* ── 404 ── */
.pg-404 body{background:#fff!important;color:#111!important;height:auto!important;min-height:calc(100dvh - var(--gs-h))}
.pg-404 .code{color:#E8552F!important;font-weight:800!important}
.pg-404 p{color:#6B6B66!important}
.pg-404 .c a{background:#111!important;color:#fff!important}

/* ── PC/폰 ── */
@media (min-width:1024px){
  .gs-tab{display:none!important}
}
@media (max-width:1023.98px){
  html:root{--gs-h:56px;--nav-h:56px}
  .gs-in{padding:0 6px 0 20px;gap:0}
  .gs-logo{font-size:19px}
  .gs-nav,.gs-my{display:none}
  .gs-r{gap:0}
  .gs-menu{display:inline-flex}
  html.gs-sale body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  body #cookieBar{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;border-radius:16px}
}
@media (min-width:1024px) and (max-width:1199px){.gs-in{gap:28px}.gs-nav{gap:20px}}

/* ════════ 판매 페이지(경주·강릉·묵호, 한/영) — v4 배치로 다시 짬. 2026-10-04 「디자인 리빌딩」 ════════
   html.gs-sale 은 gd-site-v4.js 가 붙인다. 마크업은 그대로, 짜임만 바꾼다.
   M = 창 바깥 여백 = max(32px, (100% - 1216px)/2) — 홈 첫 화면과 같은 폭 */
html.gs-sale{--M:max(32px,calc((100% - 1216px) / 2))}
html.gs-sale .splash,html.gs-sale .mcta,html.gs-sale .scroll-cue{display:none!important}
html.gs-sale .section{padding:96px 0}
html.gs-sale .wrap{max-width:1280px;padding:0 32px}
html.gs-sale .section-head{max-width:760px;margin-bottom:36px}
html.gs-sale .section-head.center{text-align:center}
html.gs-sale .eyebrow{font-size:13.5px!important;letter-spacing:0!important;color:#E8552F!important}
html.gs-sale .eyebrow:before,html.gs-sale .eyebrow:after{display:none!important}
html.gs-sale .section-title{font-weight:800!important;font-size:clamp(28px,2.8vw,40px)!important;line-height:1.22!important;letter-spacing:-.045em!important;color:#111!important;margin-top:10px!important}
html.gs-sale .section-desc{font-size:16.5px!important;color:#6B6B66!important;margin-top:12px!important;line-height:1.7!important}
html.gs-sale .btn{border-radius:999px!important;font-weight:700!important;letter-spacing:-.02em}

/* 첫 화면: 흐린 바깥 + 둥근 창 */
html.gs-sale .hero{min-height:0!important;display:block!important;padding:28px 0 44px;overflow:hidden;isolation:isolate;color:#fff}
html.gs-sale .gs-hblur{position:absolute;inset:-50px;z-index:-1;background:#9fb8c9}
html.gs-sale .gs-hblur img{width:100%;height:100%;object-fit:cover;filter:blur(22px) saturate(1.1) brightness(.9);transform:scale(1.06)}
html.gs-sale .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
html.gs-sale .hero-bg{position:relative!important;inset:auto!important;z-index:0;margin:0 var(--M);height:clamp(520px,calc(100vh - 210px),700px);border-radius:24px;overflow:hidden;box-shadow:0 30px 70px rgba(10,25,30,.28)}
html.gs-sale .hero-bg img{transform:none!important;object-position:50% 50%}
html.gs-sale .hero.ready .hero-bg img{animation:gsKb 14s cubic-bezier(.25,.6,.2,1) both}
@keyframes gsKb{from{transform:scale(1.07)}to{transform:scale(1)}}
html.gs-sale .hero-bg:after{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.66) 100%)!important}
html.gs-sale .hero-in{position:absolute!important;z-index:2;left:var(--M);right:var(--M);bottom:44px;max-width:none!important;margin:0!important;padding:0 48px 44px!important}
html.gs-sale .hero .eyebrow{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff!important;font-size:13px!important;text-shadow:none!important}
html.gs-sale .hero h1{font-weight:800!important;font-size:clamp(40px,5vw,70px)!important;line-height:1.08!important;letter-spacing:-.05em!important;margin-top:16px!important;text-shadow:0 2px 26px rgba(0,0,0,.28)!important}
html.gs-sale .hero h1 em{text-shadow:inherit!important}
html.gs-sale .hero-sub{max-width:44ch!important;font-size:clamp(16px,1.35vw,19px)!important;color:rgba(255,255,255,.94)!important;margin-top:16px!important;line-height:1.6!important}
html.gs-sale .hero-sub span{color:#fff!important;font-weight:700}
html.gs-sale .hero-cta{margin-top:26px!important;gap:10px!important}
html.gs-sale .hero-cta .btn{height:52px;padding:0 26px!important;font-size:15.5px!important}
html.gs-sale .hero-cta .btn-gold{background:#fff!important;color:#111!important;box-shadow:none!important}
html.gs-sale .hero-cta .btn-gold:hover{background:#F0EFEA!important}
html.gs-sale .hero-cta .btn-ghost{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;backdrop-filter:blur(10px)}
html.gs-sale .hero-meta{margin-top:22px!important;gap:8px!important}
html.gs-sale .hero-meta span{padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.22);color:rgba(255,255,255,.9)!important;font-size:13px!important}
html.gs-sale .hero-meta b{color:#fff!important;font-weight:800!important}

/* 섹션 탭 + 구매(위에 붙음) */
.gs-stab{position:sticky;top:var(--gs-h);z-index:900;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #E7E6E1}
.gs-stab-in{max-width:1280px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;gap:24px}
.gs-stab nav{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.gs-stab nav::-webkit-scrollbar{display:none}
.gs-stab nav a{position:relative;white-space:nowrap;font-size:15px;font-weight:600;color:#6B6B66!important;padding:19px 0;text-decoration:none}
.gs-stab nav a:hover{color:#111!important}
.gs-stab nav a.on{color:#111!important}
.gs-stab nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#111}
.gs-stab-buy{display:flex;align-items:center;gap:14px;flex:none}
.gs-stab-buy span{font-size:14px;color:#6B6B66;white-space:nowrap}.gs-stab-buy b{color:#111;font-weight:800;margin-right:6px}
.gs-stab-buy a,.gs-buy a{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:999px;background:#111;color:#fff!important;font-size:14.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.gs-stab-buy a:hover,.gs-buy a:hover{background:#E8552F}
.gs-buy{display:none}

/* 왜 다른가 — 연회색 카드 셋 */
html.gs-sale .how{background:#fff!important}
html.gs-sale .how:before,html.gs-sale .how:after{display:none!important}
html.gs-sale .how-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin-top:0!important}
html.gs-sale .how-card{background:#F5F4F0;border:0!important;border-radius:20px;padding:28px 28px 30px!important}
html.gs-sale .how-card .n{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#E8552F!important;font-weight:800;font-size:13px;margin-bottom:28px}
html.gs-sale .how-card h3{font-weight:800!important;font-size:20px!important;letter-spacing:-.035em;color:#111!important;margin-bottom:10px!important}
html.gs-sale .how-card p{font-size:15.5px!important;color:#55554f!important;line-height:1.7!important}

/* 숫자 띠 */
html.gs-sale .dest{background:#fff!important;padding:0!important}
html.gs-sale .dest-stats{border:0!important;border-top:1px solid #E7E6E1!important;border-bottom:1px solid #E7E6E1!important;border-radius:0!important;background:none!important;gap:0!important;margin-top:0!important}
html.gs-sale .stat{background:none!important;padding:30px 12px!important;border-right:1px solid #E7E6E1}
html.gs-sale .stat:last-child{border-right:0}
html.gs-sale .stat .num{font-weight:800!important;color:#111!important;font-size:clamp(32px,3.2vw,46px)!important;letter-spacing:-.04em!important}
html.gs-sale .stat .num .u{color:#E8552F!important;font-weight:700!important}
html.gs-sale .stat .lbl{color:#6B6B66!important;font-size:14px!important}

/* 스팟 — 사진 카드 */
html.gs-sale .spots{background:#fff!important}
html.gs-sale .spots-grid{gap:20px!important}
html.gs-sale .spot{height:clamp(420px,52vh,500px)!important;border-radius:18px!important;border:0!important;box-shadow:none!important}
html.gs-sale .spot:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px rgba(17,17,17,.16)!important}
html.gs-sale .spot:after{background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.3) 42%,rgba(0,0,0,0) 70%)!important}
html.gs-sale .spot-tag{background:#fff!important;color:#111!important;border:0!important;font-weight:700!important;letter-spacing:0!important}
html.gs-sale .spot-idx{color:rgba(255,255,255,.85)!important;font-weight:700}
html.gs-sale .spot-name{font-weight:800!important;font-size:26px!important;letter-spacing:-.04em!important}
html.gs-sale .spot-loc{color:rgba(255,255,255,.85)!important}
html.gs-sale .spot-cta{background:#fff!important;color:#111!important;border-radius:999px!important}

/* 구성 — 연회색 바탕, 흰 카드 */
html.gs-sale .incl{background:#F5F4F0!important}
html.gs-sale .incl-cover .frame{border:0!important;border-radius:16px!important;box-shadow:0 24px 50px rgba(17,17,17,.14)!important}
html.gs-sale .incl-cover .cap{color:#6B6B66!important;font-weight:600}
html.gs-sale .incl-list{gap:14px!important}
html.gs-sale .incl-item{display:grid!important;grid-template-columns:112px 1fr;gap:20px;background:#fff!important;border:0!important;border-radius:20px!important;padding:28px!important;box-shadow:none!important}
html.gs-sale .incl-item:hover{transform:none!important;box-shadow:0 10px 30px rgba(17,17,17,.07)!important}
html.gs-sale .incl-item>.num{font-size:34px;font-weight:800;letter-spacing:-.05em;color:#111;line-height:1}
html.gs-sale .incl-item>.num u{display:block;text-decoration:none;font-size:13px;font-weight:600;color:#8A8A85;letter-spacing:0;margin-top:6px}
html.gs-sale .incl-item h3{font-weight:800!important;font-size:19px!important;color:#111!important;letter-spacing:-.035em}
html.gs-sale .incl-item .tag{background:#F5F4F0!important;color:#55554f!important;letter-spacing:0!important}
html.gs-sale .incl-item .tag.only{background:#E8552F!important;color:#fff!important}
html.gs-sale .incl-item p{font-size:15px!important;color:#55554f!important;line-height:1.7!important}
html.gs-sale .incl-item p b{color:#111}
html.gs-sale .incl-item .meta{color:#8A8A85!important}
html.gs-sale .incl-item .meta:before{background:#E8552F!important}

/* 하루 코스 — 연회색 판 안의 시간표 */
html.gs-sale .course{background:#fff!important}
html.gs-sale .timeline{max-width:820px!important;background:#F5F4F0;border-radius:24px;padding:36px 40px}
html.gs-sale .tl-time{font-weight:800!important;color:#111!important;font-size:15px!important}
html.gs-sale .tl-dot{background:#fff!important;border-color:#111!important}
html.gs-sale .tl-rail:before{background:#D6D5CF!important}
html.gs-sale .tl-body h4{font-weight:800!important;color:#111!important;font-size:17px!important;letter-spacing:-.03em}
html.gs-sale .tl-body p{color:#6B6B66!important}
html.gs-sale .tl-body .opt-tag{background:#FFF1EC!important;color:#C2421F!important}
html.gs-sale .pv-note{color:#6B6B66!important;font-size:14.5px!important}
html.gs-sale .pv-note b{color:#111}

/* 미리보기 */
html.gs-sale .preview{background:#fff!important}
html.gs-sale .pv-lead{color:#55554f!important}
html.gs-sale .pv-grid{background:#F5F4F0;border-radius:24px;padding:32px;gap:24px!important}
html.gs-sale .pv-shot{border:0!important;border-radius:10px!important;box-shadow:0 10px 28px rgba(17,17,17,.13)!important}
html.gs-sale .pv-cap{font-weight:800!important;color:#111!important;font-size:16px!important}
html.gs-sale .pv-cap span{color:#6B6B66!important}

/* 왜 이 책인가 */
html.gs-sale .proof{background:#F5F4F0!important}
html.gs-sale .proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border:0!important;background:none!important}
html.gs-sale .proof-stats .ps{background:#fff!important;border:0!important;border-radius:18px;padding:26px!important}
html.gs-sale .proof-stats b{display:block;font-weight:800!important;font-size:38px!important;letter-spacing:-.04em;color:#111!important}
html.gs-sale .proof-stats span{color:#6B6B66!important;font-size:14.5px!important}
html.gs-sale .ledger{margin-top:20px;display:flex;flex-direction:column;gap:12px;border:0!important}
html.gs-sale .lg{display:grid!important;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:0!important;border-radius:18px;overflow:hidden}
html.gs-sale .lg-l,html.gs-sale .lg-r{padding:24px 26px!important;font-size:15px!important;line-height:1.7!important;border:0!important}
html.gs-sale .lg-l{color:#6B6B66!important;background:#FBFBF9}
html.gs-sale .lg-r{color:#111!important;border-left:1px solid #EEEDE9!important}
html.gs-sale .lg-l,html.gs-sale .lg-r{border-radius:0!important}
html.gs-sale .lg-r{background:#fff!important}
html.gs-sale .lg-r b{color:#111!important}
html.gs-sale .lg-l b{color:#3A3A36!important}
html.gs-sale .lg i{display:block;font-style:normal;font-size:13px;font-weight:800;margin-bottom:6px;color:#8A8A85!important}
html.gs-sale .lg-r i{color:#E8552F!important}
html.gs-sale .proof-promise{color:#111!important;font-size:17px!important}
html.gs-sale .proof-promise b{color:#E8552F}
html.gs-sale .proof-src,html.gs-sale .proof-src a{color:#8A8A85!important}

/* 자주 묻는 질문 — PC 두 줄 */
html.gs-sale .faq{background:#fff!important}
html.gs-sale .faq-list{max-width:none!important;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:0!important}
html.gs-sale .faq-item{padding:26px 0!important;border-top:1px solid #E7E6E1!important}
html.gs-sale .faq-item h3{font-weight:800!important;font-size:18px!important;color:#111!important;letter-spacing:-.03em}
html.gs-sale .faq-item p{font-size:15.5px!important;color:#55554f!important}
html.gs-sale .faq-item a{color:#1F5C63!important;text-decoration:underline}

/* 가격 — 흰 카드 */
html.gs-sale .price-sec{background:#F5F4F0!important}
html.gs-sale .price-sec .sun{display:none!important}
html.gs-sale .price-card{background:#fff!important;border:1px solid #E7E6E1!important;border-radius:24px!important;box-shadow:0 20px 50px rgba(17,17,17,.08)!important;padding:48px 40px!important;backdrop-filter:none!important}
html.gs-sale .price-card h2{font-weight:800!important;color:#111!important;font-size:clamp(24px,2.4vw,32px)!important;letter-spacing:-.045em}
html.gs-sale .price-card .bundle{color:#6B6B66!important}
html.gs-sale .price-amt .now{font-weight:800!important;color:#111!important;letter-spacing:-.05em}
html.gs-sale .price-amt .won{color:#111!important;font-weight:700}
html.gs-sale .price-card .save{background:#FFF1EC!important;color:#C2421F!important;border-radius:999px}
html.gs-sale .price-card .btn{background:#111!important;color:#fff!important;box-shadow:none!important;height:56px}
html.gs-sale .price-card .btn:hover{background:#E8552F!important}
html.gs-sale .price-alt,html.gs-sale .price-trust,html.gs-sale .news-note{color:#6B6B66!important}
html.gs-sale .price-alt a{color:#111!important;border-bottom-color:#111!important}
html.gs-sale .news-form input{background:#fff!important;border:1px solid #DCDBD5!important;color:#111!important}
html.gs-sale .news-form input::placeholder{color:#A9A8A2!important}

/* 이야기(묵호) */
html.gs-sale .story{background:#fff!important}
html.gs-sale .story-quote blockquote{font-weight:800!important;color:#111!important;letter-spacing:-.04em}
html.gs-sale .story-quote blockquote em{color:#E8552F!important;box-shadow:none!important}
html.gs-sale .story-quote .q-mark{color:#E8552F!important;opacity:.15!important}
html.gs-sale .story-body p{color:#55554f!important}
html.gs-sale .story-sign .name{color:#111!important;font-weight:800!important}

/* 닫는 화면 — 둥근 사진 판 */
html.gs-sale .final{min-height:440px!important;margin:16px var(--M) 0;border-radius:24px;overflow:hidden}
html.gs-sale .final-bg:after{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.55))!important}
html.gs-sale .final .eyebrow{background:rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;color:#fff!important}
html.gs-sale .final h2{font-weight:800!important;font-size:clamp(32px,4vw,52px)!important;letter-spacing:-.05em!important}
html.gs-sale .final .btn-gold{background:#fff!important;color:#111!important;box-shadow:none!important}

/* 바닥글 — 흰 3단 */
html.gs-sale .foot{background:#fff!important;border-top:1px solid #E7E6E1;margin-top:96px;padding:56px 0 40px!important}
html.gs-sale .foot-top{border-bottom-color:#E7E6E1!important}
html.gs-sale .foot-col h4{color:#111!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;font-weight:800!important}
html.gs-sale .foot-col a{color:#55554f!important}
html.gs-sale .foot-col a:hover{color:#111!important}
html.gs-sale .foot-brand .brand{color:#111!important;font-weight:800}
html.gs-sale .foot-brand .brand img{filter:none}
html.gs-sale .foot-bottom{color:#8A8A85!important}

@media (max-width:1023.98px){
  html.gs-sale{--M:12px}
  html.gs-sale .section{padding:64px 0}
  html.gs-sale .wrap{padding:0 20px}
  html.gs-sale .hero{padding:12px 0 22px}
  html.gs-sale .hero-bg{height:min(80svh,700px);min-height:560px;border-radius:20px}
  html.gs-sale .hero-in{bottom:22px;padding:0 20px 22px!important}
  html.gs-sale .hero h1{font-size:clamp(34px,9vw,48px)!important}
  html.gs-sale .hero-sub{font-size:15.5px!important}
  html.gs-sale .hero-cta{flex-direction:column;align-items:stretch}
  html.gs-sale .hero-cta .btn{width:100%;height:50px}
  html.gs-sale .hero-meta span{font-size:12.5px!important}
  .gs-stab-in{padding:0 0 0 20px;height:52px}
  .gs-stab nav{gap:20px;padding-right:20px}
  .gs-stab nav a{font-size:14.5px;padding:15px 0}
  .gs-stab-buy{display:none}
  html.gs-sale .gs-tab{display:none!important}
  html.gs-sale .gs-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #E7E6E1}
  .gs-buy div{flex:1;min-width:0;line-height:1.3}
  .gs-buy b{display:block;font-size:15.5px;font-weight:800;color:#111}
  .gs-buy small{display:block;font-size:13px;color:#6B6B66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gs-buy a{height:48px;padding:0 22px;font-size:15px}
  html.gs-sale .how-grid{grid-template-columns:1fr!important;gap:12px!important}
  html.gs-sale .how-card{padding:24px 22px!important}
  html.gs-sale .how-card .n{margin-bottom:18px}
  html.gs-sale .dest-stats{grid-template-columns:repeat(2,1fr)!important}
  html.gs-sale .stat:nth-child(2){border-right:0}
  html.gs-sale .stat:nth-child(-n+2){border-bottom:1px solid #E7E6E1}
  html.gs-sale .incl-item{grid-template-columns:1fr;gap:10px;padding:22px!important}
  html.gs-sale .incl-item>.num{font-size:28px}
  html.gs-sale .incl-item>.num u{display:inline;margin-left:4px}
  html.gs-sale .timeline{padding:24px 16px}
  html.gs-sale .pv-grid{padding:18px;border-radius:20px}
  html.gs-sale .proof-stats{grid-template-columns:1fr}
  html.gs-sale .lg{grid-template-columns:1fr}
  html.gs-sale .lg-r{border-left:0!important;border-top:1px solid #EEEDE9!important}
  html.gs-sale .faq-list{grid-template-columns:1fr}
  html.gs-sale .price-card{padding:36px 22px!important}
  html.gs-sale .final{min-height:420px!important;margin-top:8px}
  html.gs-sale .foot{margin-top:64px;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
  html.gs-sale body #cookieBar{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}

/* ════════ 나머지 페이지 배치 — 2026-10-04 「나머지 페이지들도, 전체적으로 이쁘게」 ════════
   공통: 맨 위 연회색 머리 판(눈썹·큰 제목·한 줄) + 1080 폭 본문. 페이지마다 pg-<이름> 으로 갈린다. */
html.gs-on{--P:max(32px,calc((100% - 1216px) / 2))}
html.gs-on .buybar{background:#111!important;border:0!important}
html.gs-on .buybar-t{color:rgba(255,255,255,.8)!important}
html.gs-on .buybar-t b{color:#fff!important}
html.gs-on .buybar-b{background:#fff!important;color:#111!important;border-radius:999px!important;font-weight:700!important}

/* 머리 판 */
:is(.pg-howto,.pg-howmade) .hd,.pg-calc-all .gs-phd,.pg-board .gs-phd,:is(.pg-terms,.pg-privacy,.pg-refund) .gs-phd{
  background:#F5F4F0;border-radius:24px;padding:56px 56px 52px!important;margin:24px 0 40px!important;text-align:left!important}
:is(.pg-howto,.pg-howmade) .heyebrow,.pg-calc-all .eb{font-size:13.5px!important;font-weight:700!important;letter-spacing:0!important;color:#E8552F!important;text-transform:none!important}
:is(.pg-howto,.pg-howmade) .hd h1,.pg-calc-all h1{font-weight:800!important;font-size:clamp(32px,3.6vw,48px)!important;line-height:1.18!important;letter-spacing:-.05em!important;color:#111!important;margin:12px 0 12px!important}
:is(.pg-howto,.pg-howmade) .lead,.pg-calc-all .lead{font-size:17px!important;color:#55554f!important;line-height:1.7!important;max-width:56ch}
:is(.pg-howto,.pg-howmade) .lead b{color:#111}

/* 사용 방법 — 단계마다 글 | 화면 */
.pg-howto .hwrap{max-width:1216px!important;padding:0 32px 40px!important;margin:0 auto!important}
.pg-howto .hlang{display:inline-block;margin-top:14px;font-size:14px;color:#6B6B66!important;text-decoration:underline}
.pg-howto .flow{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px!important}
.pg-howto .flow span{display:inline-flex;align-items:center;gap:8px;background:#fff!important;border:0!important;border-radius:999px!important;padding:8px 14px 8px 8px!important;font-size:14px!important;font-weight:600;color:#111!important}
.pg-howto .flow b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#111!important;color:#fff!important;font-size:12px}
.pg-howto .hstep{display:grid!important;grid-template-columns:1fr minmax(260px,380px);gap:56px;align-items:center;padding:48px 0!important;border-top:1px solid #E7E6E1;margin:0!important}
.pg-howto .hstep:nth-of-type(even){grid-template-columns:minmax(260px,380px) 1fr}
.pg-howto .hstep:nth-of-type(even) .hstep-h{order:2}
.pg-howto .hstep-h{display:flex!important;gap:20px;align-items:flex-start}
.pg-howto .hnum{flex:none;width:48px!important;height:48px!important;border-radius:50%!important;background:#111!important;color:#fff!important;font-size:18px!important;font-weight:800!important;display:flex;align-items:center;justify-content:center}
.pg-howto .hstep h2{font-weight:800!important;font-size:clamp(22px,2vw,28px)!important;letter-spacing:-.045em!important;color:#111!important;line-height:1.3!important}
.pg-howto .hstep p{font-size:16.5px!important;color:#55554f!important;line-height:1.75!important;margin-top:10px!important}
.pg-howto .hstep p b{color:#111}
.pg-howto .hgo{display:inline-flex!important;margin-top:16px!important;padding:11px 18px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:14.5px!important;font-weight:700!important;text-decoration:none!important}
.pg-howto .shot{margin:0!important;background:#F5F4F0;border-radius:24px;padding:28px 28px 20px!important;text-align:center}
.pg-howto .shot img{width:100%;max-width:300px!important;margin:0 auto;border-radius:14px!important;box-shadow:0 14px 34px rgba(17,17,17,.16)!important;border:0!important}
.pg-howto .shot figcaption{margin-top:14px!important;font-size:13.5px!important;color:#6B6B66!important}
.pg-howto .hnote{background:#F5F4F0!important;border:0!important;border-radius:20px!important;padding:26px 28px!important;color:#55554f!important;font-size:15.5px!important;margin-top:16px!important}
.pg-howto .hnote b{color:#111}.pg-howto .hnote a{color:#1F5C63!important}
.pg-howto .hcta,.pg-howto .hcta2{display:flex!important;align-items:center;justify-content:center;max-width:420px;height:56px;margin:14px auto 0!important;border-radius:999px!important;font-weight:700!important;font-size:16px!important;text-decoration:none!important}
.pg-howto .hcta{background:#111!important;color:#fff!important;margin-top:32px!important}
.pg-howto .hcta2{background:#fff!important;color:#111!important;border:1px solid #DCDBD5!important}
.pg-howto .hback,.pg-howmade .back{display:block;text-align:center;margin-top:28px!important;color:#8A8A85!important;font-size:14px!important}

/* 어떻게 만드나 — 글 카드 두 줄 */
.pg-howmade .hwrap{max-width:1216px!important;padding:0 32px 40px!important;margin:0 auto!important;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pg-howmade .hd,.pg-howmade .back{grid-column:1/-1}
.pg-howmade .hd{margin-bottom:24px!important}
.pg-howmade .sec{background:#fff!important;border:1px solid #E7E6E1!important;border-radius:20px!important;padding:32px!important;margin:0!important}
.pg-howmade .sec:first-of-type{grid-column:1/-1}
.pg-howmade .sec h2{font-weight:800!important;font-size:22px!important;letter-spacing:-.04em!important;color:#111!important;margin-bottom:12px!important}
.pg-howmade .sec p{font-size:15.5px!important;color:#55554f!important;line-height:1.8!important}
.pg-howmade .sec p b{color:#111}
.pg-howmade .chk{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px!important;padding:0!important}
.pg-howmade .chk li{list-style:none;background:#F5F4F0;border-radius:14px;padding:16px 18px 16px 44px!important;position:relative;font-size:15px!important;color:#3A3A36!important;line-height:1.7}
.pg-howmade .chk li:before{content:"";position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:50%;background:#E8552F}
.pg-howmade .no{background:#F5F4F0!important;border:0!important;border-radius:16px!important;padding:20px 22px!important}
.pg-howmade .no h3{font-size:13.5px!important;font-weight:800!important;color:#E8552F!important;letter-spacing:0!important}
.pg-howmade .tool{color:#8A8A85!important;font-size:14px!important}

/* 소식 — 공지 카드 + 의견 판 */
.pg-board .board-wrap{max-width:1216px!important;padding:0 32px!important;margin:0 auto}
.pg-board .section{padding:0 0 56px!important}
.pg-board .gs-phd .section-title{font-weight:800!important;font-size:clamp(32px,3.6vw,48px)!important;letter-spacing:-.05em!important;color:#111!important}
.pg-board .gs-phd .section-desc{color:#55554f!important;font-size:17px!important}
.pg-board .eyebrow{color:#E8552F!important;letter-spacing:0!important;font-size:13.5px!important}
.pg-board #notices .section-title,.pg-board #opinion .section-title{font-weight:800!important;font-size:26px!important;letter-spacing:-.04em!important;color:#111!important}
.pg-board .notice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pg-board .notice{display:block!important;background:#fff!important;border:1px solid #E7E6E1!important;border-radius:20px!important;padding:26px 28px!important;margin:0!important}
.pg-board .notice-date{font-size:13.5px!important;color:#8A8A85!important;font-weight:600;margin-bottom:10px}
.pg-board .notice-tag{display:inline-block;background:#FFF1EC!important;color:#C2421F!important;border-radius:999px!important;padding:4px 10px!important;font-size:12px!important;font-weight:800!important}
.pg-board .notice h3{font-weight:800!important;font-size:19px!important;letter-spacing:-.035em;color:#111!important;margin:10px 0 8px!important}
.pg-board .notice p{font-size:15px!important;color:#55554f!important;line-height:1.7!important}
.pg-board .notice a{color:#1F5C63!important}
.pg-board .op-form{background:#F5F4F0!important;border:0!important;border-radius:24px!important;padding:32px!important;max-width:760px;box-shadow:none!important}
.pg-board .op-form label{color:#3A3A36!important;font-weight:700}
.pg-board .op-cat{background:#fff!important;border:1px solid #E7E6E1!important;color:#3A3A36!important;border-radius:999px!important}
.pg-board .op-cat.on{background:#111!important;color:#fff!important;border-color:#111!important}
.pg-board .op-form :is(input,textarea){background:#fff!important;border:1px solid #DCDBD5!important;border-radius:12px!important}
.pg-board .op-form .btn{background:#111!important;color:#fff!important;height:54px}
.pg-board .op-note{color:#6B6B66!important}

/* 구입코드·맞춤 의뢰 — PC 는 왼쪽 사진 판 + 오른쪽 입력 */
.gs-side{display:none}
:is(.pg-claim,.pg-custom) .brand{display:none!important}
:is(.pg-claim,.pg-custom) .wrap>div:nth-child(2):not(.h):not(.card){margin-top:0!important}
:is(.pg-claim,.pg-custom) .h{font-weight:800!important;font-size:30px!important;letter-spacing:-.045em!important;color:#111!important;margin:28px 0 10px!important}
:is(.pg-claim,.pg-custom) .d{color:#6B6B66!important;font-size:15px!important}
:is(.pg-claim,.pg-custom) .card{border-radius:20px!important;padding:28px 24px!important}
:is(.pg-claim,.pg-custom) button:not(:where(.gs-hd *,.gs-tab *,.gs-sheet *,#cookieBar *)):not(.copy){background:#111!important;border-radius:999px!important;height:54px;padding:0 20px!important}
:is(.pg-claim,.pg-custom) .pills label{border-radius:999px!important}
.pg-custom .pills input:checked+label{background:#111!important;border-color:#111!important;color:#fff!important}
.pg-custom .price b{color:#111!important;font-weight:800!important}
.pg-claim .result .rk{color:#E8552F!important;letter-spacing:.06em!important}
.pg-claim .result .code{color:#fff!important;font-weight:800!important}
.pg-claim .go{background:#E8552F!important;border-radius:999px!important}
.pg-claim .copy{border-radius:999px!important}
:is(.pg-claim,.pg-custom) .foot{color:#8A8A85!important;background:none!important;border:0!important;margin-top:24px!important}

/* 약관 — PC 는 왼쪽 목차 */
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-phd h1{margin:0!important;font-size:clamp(30px,3.2vw,42px)!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-phd .upd{margin:10px 0 0!important;color:#6B6B66!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap{max-width:1216px!important;padding:0 32px 64px!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-doc{display:grid;grid-template-columns:240px minmax(0,760px);gap:56px}
.gs-toc{position:sticky;top:calc(var(--gs-h) + 24px);align-self:start;max-height:calc(100vh - var(--gs-h) - 48px);overflow-y:auto;border-left:1px solid #E7E6E1;padding:4px 0 4px 18px}
.gs-toc a{display:block;font-size:14px;color:#6B6B66!important;padding:6px 0;text-decoration:none;line-height:1.45}
.gs-toc a:hover,.gs-toc a.on{color:#111!important;font-weight:700}
:is(.pg-terms,.pg-privacy,.pg-refund) h2{font-weight:800!important;font-size:19px!important;color:#111!important;scroll-margin-top:calc(var(--gs-h) + 20px);padding-top:8px}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap :is(p,li){font-size:15.5px!important;color:#3A3A36!important;line-height:1.8!important}

/* 계산기 모음 — 도시 사진 카드 */
.pg-calc-all .w{max-width:1216px!important;padding:0 32px 64px!important}
.pg-calc-all .gs-phd{padding-bottom:40px!important}
.pg-calc-all .gnote{background:#fff!important;margin:22px 0 0!important;max-width:760px}
.pg-calc-all h2{font-weight:800!important;font-size:22px!important;letter-spacing:-.04em!important;color:#111!important;margin-top:44px!important}
.pg-calc-all .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important;gap:20px!important}
.pg-calc-all a.card{padding:0!important;border:0!important;border-radius:0!important;background:none!important}
.pg-calc-all a.card:hover{box-shadow:none!important}
.pg-calc-all .gs-cph{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#F5F4F0 center/cover no-repeat;margin-bottom:12px;transition:transform .4s}
.pg-calc-all a.card:hover .gs-cph{transform:translateY(-3px);box-shadow:0 12px 30px rgba(17,17,17,.14)}
.pg-calc-all .gs-cph.blank{display:flex;align-items:flex-end;padding:18px;font-size:30px;font-weight:800;letter-spacing:-.05em;color:#111}
.pg-calc-all .nm{font-weight:800!important;font-size:19px!important;color:#111!important}
.pg-calc-all .tag{margin-top:8px!important}

/* 계산기 첫 화면 — 도시 사진 창 (계산기 쪽에만: html.gs-calc) */
.gs-calc .cover{justify-content:center!important}
.gs-calc .cover .gs-cv-ph{width:min(440px,86vw);aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 22px 50px rgba(17,17,17,.18);margin:0 auto 22px}
.gs-calc .cover .gs-cv-ph img{width:100%;height:100%;object-fit:cover}
html.gs-cvph .cv-logo-img,html.gs-cvph .cv-hz{display:none!important}
.gs-calc .cv-place{font-size:13.5px!important;font-weight:600;margin-bottom:10px}
.gs-calc .cv-sub{font-size:17px!important;line-height:1.6!important}
.gs-calc .cv-sub b{font-weight:800!important}
.gs-calc .cv-start{height:56px;padding:0 44px!important;font-size:16.5px!important;margin-top:26px!important}
/* 계산기 안쪽 */
.gs-calc body{background:#F5F4F0!important}
.gs-calc .wrap{max-width:680px}
.gs-calc .head{background:transparent!important}
.gs-calc .head .sun{display:none!important}
.gs-calc .head .ko{font-weight:800!important;letter-spacing:-.045em!important;color:#111!important}
.gs-calc .head .wm{color:#111!important}
.gs-calc .preset{background:#111!important}
.gs-calc .sec{background:#fff!important}
.gs-calc .sec h2{font-weight:800!important;color:#111!important}
.gs-calc .tab{background:#F5F4F0!important;color:#3A3A36!important}
.gs-calc .tab.on{background:#111!important;color:#fff!important}
.gs-calc .spot{background:#F7F6F3!important}

/* 계산기 결과 카드 — 검정 표 + 주황 숫자, 옛 금·갈색 걷어내기 */
.gs-calc .result{background:#111!important;border:0!important;border-radius:24px!important}
.gs-calc .result .rlabel{color:#E8552F!important;letter-spacing:.06em!important}
.gs-calc .result .big{color:#fff!important;letter-spacing:-.04em}
.gs-calc .result .verdict.ok{background:rgba(255,255,255,.08)!important;color:#fff!important}
.gs-calc .result .verdict.warn{background:rgba(232,85,47,.18)!important;color:#FFB59E!important}
.gs-calc .result .verdict.no{background:rgba(232,85,47,.3)!important;color:#FFD2C4!important}
.gs-calc .result .rchips span{background:rgba(255,255,255,.1)!important;color:#fff!important}
.gs-calc .prolock{background:#fff!important;border:1px solid #E7E6E1!important;border-radius:16px!important}
.gs-calc .prolock .pl-t,.gs-calc .prolock .pl-i b{color:#111!important}
.gs-calc .prolock .pl-b{background:#E8552F!important;color:#fff!important;border-radius:999px!important}
.gs-calc .pro-tag{background:#FFF1EC!important;color:#C2421F!important}
.gs-calc .rd{border-color:#DCDBD5}
.gs-calc .rdiag .di{background:#FFF6F1!important;border-color:#F5CDBE!important;color:#8A3415!important}
.gs-calc .rdiag .di b{color:#6E2A10!important}

@media (max-width:1023.98px){
  :is(.pg-howto,.pg-howmade) .hd,.pg-calc-all .gs-phd,.pg-board .gs-phd,:is(.pg-terms,.pg-privacy,.pg-refund) .gs-phd{padding:32px 22px 30px!important;margin:12px 0 28px!important;border-radius:20px}
  .pg-howto .hwrap,.pg-howmade .hwrap,.pg-board .board-wrap,.pg-calc-all .w,:is(.pg-terms,.pg-privacy,.pg-refund) .wrap{padding-left:16px!important;padding-right:16px!important}
  .pg-howto .hstep,.pg-howto .hstep:nth-of-type(even){grid-template-columns:1fr!important;gap:22px;padding:36px 0!important}
  .pg-howto .hstep:nth-of-type(even) .hstep-h{order:0}
  .pg-howto .hnum{width:40px!important;height:40px!important;font-size:16px!important}
  .pg-howto .shot{padding:20px 20px 16px!important;border-radius:20px}
  .pg-howmade .hwrap{grid-template-columns:1fr}
  .pg-howmade .chk{grid-template-columns:1fr}
  .pg-howmade .sec{padding:24px 22px!important}
  .pg-board .notice-list{grid-template-columns:1fr}
  .pg-board .op-form{padding:22px!important}
  :is(.pg-terms,.pg-privacy,.pg-refund) .gs-doc{display:block}
  .gs-toc{display:none}
  .pg-calc-all .grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .pg-calc-all .nm{font-size:17px!important}
}
@media (min-width:1024px){
  html.gs-on:is(.pg-claim,.pg-custom) .gs-side{display:block;position:fixed;z-index:1;left:16px;top:calc(var(--gs-h) + 16px);bottom:16px;width:calc(50% - 32px);border-radius:24px;overflow:hidden;background:#8db8e6}
  .gs-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .gs-side:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
  .gs-side p{position:absolute;z-index:2;left:40px;right:40px;bottom:40px;color:#fff;font-size:30px;font-weight:800;line-height:1.3;letter-spacing:-.045em;margin:0}
  .gs-side p small{display:block;font-size:15px;font-weight:600;margin-bottom:10px;opacity:.9;letter-spacing:-.01em}
  html.gs-on:is(.pg-claim,.pg-custom) .wrap{margin-left:calc(50% + max(32px,(50% - 480px) / 2))!important;margin-right:max(32px,(50% - 480px) / 2)!important;max-width:480px!important;padding-top:48px!important}
}

/* ════════ 읽기 쉬움 — 2026-10-06 사장님: "디자인 말고 눈에 보이기 쉽게, 단락 같은 거 모든 페이지"
   check_readability.py 로 118개 화면을 재서 나온 것만 고친다.
   원칙: 본문 14px 이상(폰은 대개 15px), 짧은 표시 12px 이상, 글자·바탕 대비 4.5 이상,
        주황은 큰 글씨·면에만 #E8552F, 작은 글씨는 #C2421F, 흰 글씨 얹는 주황 버튼은 #D04520,
        회색 보조 글씨는 #6B6B66 보다 옅게 쓰지 않는다, 한글은 낱말 단위로 줄을 바꾼다. ════════ */
html:lang(ko) body{word-break:keep-all;overflow-wrap:break-word}
:is(.eyebrow,.heyebrow,.eb,.head .label,.price-card .eyebrow){color:#C2421F!important}
.hero .eyebrow,.final .eyebrow{color:#fff!important;font-size:14px!important}
html.gs-sale .how-card .n{color:#C2421F!important}
html.gs-sale .incl-item .tag{font-size:12.5px!important}
html.gs-sale .incl-item .tag.only,.pg-calc-all .t-full,.gs-calc .pro-tag{background:#C2421F!important;color:#fff!important}
html.gs-sale .incl-item .meta{color:#6B6B66!important;font-size:14px!important}
html.gs-sale .spot-tag{font-size:12.5px!important}
html.gs-sale .spot-loc{font-size:14px!important}
html.gs-sale .pv-cap span{font-size:14.5px!important}
html.gs-sale .price-card .save{font-size:14px!important}
html.gs-sale .price-alt{font-size:15px!important}
html.gs-sale .proof-promise b{color:#C2421F!important}
html.gs-sale .proof-src,html.gs-sale .proof-src a{color:#6B6B66!important;font-size:13.5px!important}
html.gs-sale .foot-bottom,html.gs-sale .foot-bottom .biz,html.gs-sale .foot-bottom a{color:#6B6B66!important;font-size:13.5px!important}
html.gs-sale .hero-meta span{font-size:13.5px!important}
.gs-stab-buy a:hover,.gs-buy a:hover{background:#D04520}
/* 계산기 */
.gs-calc .info .mt{font-size:14px!important;line-height:1.55}
.gs-calc .prolock .pl-i{font-size:14.5px!important;line-height:1.65!important}
.gs-calc .prolock .pl-s{font-size:13px!important;color:#6B6B66!important}
.gs-calc .prolock .pl-b{background:#D04520!important;font-size:15px!important}
.gs-calc .wrap>.foot{font-size:13px!important;color:#6B6B66!important}
.gs-calc .pro-tag{font-size:12px!important}
.gs-calc .nm .gem,.gs-calc .nm .nite{font-size:12px!important}
.gs-calc :is(.head .slogan,.head .presets-lead,.desc,.dwarn,.rwarn,.ab-d){font-size:14.5px!important;line-height:1.65!important}
.gs-calc .ab-k{font-size:12.5px!important;color:#C2421F!important}
.gs-calc .fxnote{font-size:14px!important;line-height:1.65!important}
.gs-calc .result .perp2{font-size:14px!important;color:#D4D4CF!important}
.gs-calc .result .verdict{line-height:1.6!important}
.gs-calc .result .verdict span{font-size:14.5px!important}
.gs-calc .result .rchips span{font-size:13.5px!important}
.gs-calc .rnote div{font-size:13.5px!important;line-height:1.6}
.gs-calc .livebar .lv-info{font-size:14.5px!important}
.gs-calc .bk-cta .bk-d{font-size:14px!important}
.gs-calc button.preset em{color:#1F5C63!important}
.gs-calc .about li,.gs-calc ul li{font-size:15px!important;line-height:1.7}
.gs-calc .about div>span{font-size:14.5px!important}
/* 계산기 모음 */
.pg-calc-all .gnote{font-size:15px!important;line-height:1.75!important}
.pg-calc-all .gsub{font-size:14px!important}
.pg-calc-all .why{font-size:14px!important}
.pg-calc-all .tag{font-size:12.5px!important}
/* 사용 방법·어떻게 만드나 */
.pg-howto .shot figcaption{font-size:14.5px!important}
.pg-howto .hback,.pg-howmade .back{color:#6B6B66!important}
/* 구입코드·맞춤 의뢰 */
:is(.pg-claim,.pg-custom) .wrap .hint{font-size:13px!important;color:#6B6B66!important}
:is(.pg-claim,.pg-custom) .foot{color:#6B6B66!important;font-size:13px!important}
.pg-claim .go{background:#D04520!important}
:is(.pg-claim,.pg-custom) button:not(:where(.gs-hd *,.gs-tab *,.gs-sheet *,#cookieBar *)):not(.copy):hover{background:#D04520!important}
/* 약관 — 한 줄 46자 안쪽, 16px */
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-doc{grid-template-columns:220px minmax(0,680px)!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap :is(p,li){font-size:16px!important;line-height:1.85!important}
:is(.pg-terms,.pg-privacy,.pg-refund) :is(td,th,td a){font-size:14.5px!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-phd .upd{font-size:14.5px!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .wrap :is(p,li)+:is(p){margin-top:.6em}
/* 404 */
.pg-404 p{word-break:keep-all}
/* 읽기 쉬움 2차 */
html.gs-sale .eyebrow,html.gs-sale .section-head .eyebrow,html.gs-sale .price-card .eyebrow{color:#C2421F!important;font-size:14px!important}
html.gs-sale .hero .eyebrow,html.gs-sale .final .eyebrow{color:#fff!important;font-size:14px!important}
html.gs-sale .foot-bottom,html.gs-sale .foot-bottom .biz,html.gs-sale .foot-bottom a{font-size:14px!important}
html.gs-sale .incl-item p{max-width:64ch}
html.gs-sale .incl-cover .cap{font-size:14px!important}
html.gs-sale .tl-body .opt-tag{font-size:12.5px!important}
html.gs-sale .price-card .save small{font-size:13px!important}
html.gs-sale .pv-two,html.gs-sale .news-note{font-size:14px!important}
html.gs-sale .meta a{color:#1F5C63!important}
html.gs-sale .proof-src,html.gs-sale .proof-src a{font-size:14px!important}
.gs-calc .wrap>.foot,.gs-calc .prolock .pl-s{font-size:14px!important}
.gs-calc .result .rchips span,.gs-calc .rnote div,.gs-calc .bk-cta a{font-size:14px!important}
:is(.pg-claim,.pg-custom) .wrap .hint{font-size:14px!important}
:is(.pg-claim,.pg-custom) .wrap label{font-size:14px!important}
.pg-custom .price span{font-size:14px!important}
.pg-board .notice-date{color:#6B6B66!important}
.pg-board .op-note,.pg-board .op-note b{font-size:14px!important}
.pg-howmade .no h3{color:#C2421F!important}
.pg-calc-all .meta{font-size:12.5px!important}
:is(.pg-terms,.pg-privacy,.pg-refund) .gs-doc{grid-template-columns:220px minmax(0,640px)!important}
.gs-toc a{line-height:1.6!important}
html.gs-on .foot-bottom,html.gs-on .foot-bottom .biz,html.gs-on .foot-bottom a{font-size:14px!important;color:#6B6B66!important}
:is(.pg-claim,.pg-custom) .wrap>.foot,.gs-calc .wrap>.foot{font-size:14px!important}
html.gs-sale .pv-cap{line-height:1.5!important}

/* 객관 측정(2026-10-06) 뒤 손본 것 — WCAG 1.4.3 대비 */
html.gs-sale .stat .num .u{color:#C2421F!important}
html.gs-sale .incl-item>.num u{color:#6B6B66!important}
html.gs-sale .lg i{color:#6B6B66!important}
html.gs-sale .lg-r i{color:#C2421F!important}
body #cookieBar .cb-ok{background:#D04520!important}

/* 글꼴 기다리는 동안 첫 화면 글 숨김 → 오면 부드럽게(눈에 보이는 밀림 없음) */
html.gs-sale:not(.gs-fonts) .hero-in,html.gs-calc:not(.gs-fonts) .cover>*:not(.gs-cv-ph){visibility:hidden}
html.gs-sale.gs-fonts .hero-in{animation:gsFade .5s ease both}
@keyframes gsFade{from{opacity:0}to{opacity:1}}

/* ════════ 브랜드 서체 되살림 — 2026-10-06 사장님: "브랜드 서체 살리고"
   제목 = Hahmlet(GD Serif) · 긴 본문 = 마루 부리(GD Body) · 버튼·메뉴·숫자·입력칸 = GD Sans 그대로 ════════ */
html:root{--serif:"GD Serif","Apple SD Gothic Neo","Malgun Gothic",serif;--display:"GD Serif","Apple SD Gothic Neo","Malgun Gothic",serif;--sans:"GD Body","Apple SD Gothic Neo","Malgun Gothic",serif}
html.gs-on body :is(h1,h2,h3,.section-title,.price-card h2,.final h2,.spot-name,.how-card h3,.incl-item h3,.tl-body h4,.faq-item h3,
  .story-quote blockquote,.hd h1,.hstep h2,.sec h2,.notice h3,.gs-phd h1,.h,.head .ko,.result h2,.pg-calc-all .nm,.cv-sub b,.b-ph ul){
  font-family:"GD Serif","Apple SD Gothic Neo","Malgun Gothic",serif!important;font-weight:700!important;letter-spacing:-.025em!important}
html.gs-on body .hero h1{letter-spacing:-.035em!important}
html.gs-on body :is(.section-desc,.how-card p,.incl-item p,.faq-item p,.story-body p,.lg-l,.lg-r,.pv-lead,.proof-promise,.tl-body p,
  .pg-howmade .sec p,.pg-howmade .chk li,.pg-howmade .no p,.pg-howto .hstep p,.pg-board .notice p,.pg-howto .lead,.pg-howmade .lead,.pg-board .gs-phd .section-desc,.pg-calc-all .lead){
  font-family:"GD Body","Apple SD Gothic Neo","Malgun Gothic",serif!important;letter-spacing:-.01em!important}
html.gs-on body :is(.section-desc,.how-card p,.incl-item p,.faq-item p,.story-body p,.lg-l,.lg-r,.pg-howmade .sec p,.pg-howto .hstep p,.pg-board .notice p) b{font-weight:700}
html.gs-sale :is(.how-card p,.incl-item p,.faq-item p,.lg-l,.lg-r){font-size:16px!important;line-height:1.8!important}
html.gs-sale .section-desc{font-size:17px!important}
.pg-howto .hstep p,.pg-howmade .sec p{font-size:17px!important;line-height:1.85!important}

/* 판매 페이지 후기 칸 */
html.gs-sale .gs-rv{background:#fff}

/* 제목·긴 글 안의 강조(em·b·span)도 같은 서체를 따른다 */
html.gs-on body :is(h1,h2,h3,.section-title,.price-card h2,.final h2,.spot-name,.how-card h3,.incl-item h3,.tl-body h4,.faq-item h3,
  .story-quote blockquote,.hd h1,.hstep h2,.sec h2,.notice h3,.gs-phd h1,.h,.head .ko,.result h2,.pg-calc-all .nm,.cv-sub b,.b-ph ul) *,html.gs-on body :is(.section-desc,.how-card p,.incl-item p,.faq-item p,.story-body p,.lg-l,.lg-r,.pv-lead,.proof-promise,.tl-body p,
  .pg-howmade .sec p,.pg-howmade .chk li,.pg-howmade .no p,.pg-howto .hstep p,.pg-board .notice p,.pg-howto .lead,.pg-howmade .lead,.pg-board .gs-phd .section-desc,.pg-calc-all .lead) *{font-family:inherit!important}

/* ════════ 브랜드 색 규칙 되살림(2026-10-10) — 원래 규칙: "브랜드 면·작은 제목은 기와 청록, 해 주황은 구매 버튼·NEW·가격에만"
   작은 눈썹 제목·번호·단위·강조를 청록(#1F5C63, 흰 바탕 대비 7.6)으로. 구매 버튼·NEW·가격·지도 핀은 주황 그대로. ════════ */
:is(.eyebrow,.heyebrow,.eb,.head .label,.price-card .eyebrow),html.gs-sale .eyebrow,html.gs-sale .section-head .eyebrow,html.gs-sale .price-card .eyebrow{color:#1F5C63!important}
html.gs-sale .hero .eyebrow,html.gs-sale .final .eyebrow{color:#fff!important}
html.gs-sale .how-card .n{color:#1F5C63!important}
html.gs-sale .stat .num .u{color:#1F5C63!important}
html.gs-sale .lg-r i{color:#1F5C63!important}
html.gs-sale .proof-promise b{color:#1F5C63!important}
html.gs-sale .story-quote blockquote em{color:#1F5C63!important}
html.gs-sale .incl-item .meta:before{background:#1F5C63!important}
.pg-howmade .chk li:before{background:#1F5C63!important}
.pg-howmade .no h3,.gs-calc .ab-k{color:#1F5C63!important}
.gs-stab nav a.on:after{background:#1F5C63}
.gs-stab nav a.on{color:#1F5C63!important}

/* 묵호 첫 화면(새 사진, 옅은 저녁 하늘) — 흰 글이 또렷하게 */
html.gs-sale.pg-mukho .hero-bg img{filter:brightness(.86) saturate(1.1)}

/* 사면 이렇게 받아요 · 다른 하루 (2026-10-11) */
.gs-how{max-width:620px;margin:22px auto 0;background:#fff;border:1px solid #E7E6E1;border-radius:20px;padding:24px 26px;text-align:left}
.gs-how h3{font-family:"GD Serif",serif!important;font-weight:700!important;font-size:19px!important;color:#111!important;margin:0 0 14px!important;letter-spacing:-.025em}
.gs-how ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gs-how li{display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:start}
.gs-how li i{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#E3EFEF;color:#1F5C63;font-style:normal;font-weight:800;font-size:14px}
.gs-how li b{font-size:15.5px;color:#111;font-weight:700}
.gs-how li span{font-size:14px;color:#55554f}
.gs-how p{margin:16px 0 0!important;padding-top:14px;border-top:1px solid #EEEDE9;font-size:14px!important;color:#55554f!important}
.gs-how a{color:#1F5C63!important;text-decoration:underline}
.gs-more{padding:80px 0 0;background:#fff}
.gs-more .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.gs-more h2{font-family:"GD Serif",serif!important;font-weight:700!important;font-size:clamp(24px,2.2vw,30px)!important;color:#111!important;letter-spacing:-.025em;margin:0 0 22px!important}
.gs-mc{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.gs-mi{display:flex;flex-direction:column;gap:4px;color:#111!important;text-decoration:none}
.gs-mp{display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:10px;background:#F5F4F0}
.gs-mp img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gs-mi:hover .gs-mp img{transform:scale(1.04)}
.gs-mi b{font-family:"GD Serif",serif;font-size:19px;font-weight:700}
.gs-mi span{font-family:"GD Body",serif;font-size:15px;color:#55554f}
.gs-mi em{font-style:normal;font-weight:800;font-size:15px;color:#111;margin-top:4px}
@media (max-width:1023.98px){.gs-how{padding:20px}.gs-more{padding-top:56px}.gs-more .wrap{padding:0 20px}.gs-mc{grid-template-columns:1fr 1fr;gap:12px}.gs-mi b{font-size:16.5px}.gs-mi span{font-size:14px}}

/* ── 톤 정리 2026-10-11(배포 전 검증): 옛 계산기의 금색·베이지가 남아 있던 자리를 브랜드 색으로.
   ⚠ 추천 코스 버튼은 검은 바탕에 검은 글씨라 이름이 안 보였다(옛 .preset 테두리형 위에 #111 바탕만 덮어서) */
.gs-calc .preset{background:#fff!important;color:#111!important;border:1px solid #E7E6E1!important;box-shadow:none!important}
.gs-calc .preset em{color:#1F5C63!important;font-weight:700!important}
.gs-calc .preset:hover,.gs-calc .preset:active{background:#111!important;border-color:#111!important;color:#fff!important}
.gs-calc button.preset:hover em,.gs-calc button.preset:active em{color:#9FD3D8!important}
.gs-calc .spot .fee{color:#1F5C63!important}
.gs-calc .spot .gem{background:#E4EFEE!important;color:#1F5C63!important}
.gs-calc .spot.sel .gem{background:#1F5C63!important;color:#fff!important}
.gs-calc .spot .nite{background:#ECEBE6!important;color:#3A3A36!important}
.gs-calc .spot.sel .nite{background:rgba(17,17,17,.08)!important;color:#111!important}
.gs-calc .tr.sel{background:#FFF1EC!important;border-color:#E8552F!important}
.gs-calc .tr.sel .rd{border-color:#E8552F!important}
.gs-calc .bk-cta{background:#F5F4F0!important;border-color:#E7E6E1!important}
.gs-calc .bk-cta a{background:#111!important;color:#fff!important}
.pg-custom .pills label{border-color:#E7E6E1!important}
.pg-custom .pills input:checked+label{background:#111!important;border-color:#111!important;color:#fff!important}
:is(.pg-terms,.pg-privacy,.pg-refund) a:not([class]):not(:is(.gs-hd,.gs-menu,footer) a){color:#1F5C63}
.gs-calc .tr .cost{color:#1F5C63!important}
.pg-calc-all .gnote b{color:#111!important}
.gs-calc .wm-ko{color:#C2421F!important;opacity:1!important}

/* ── 계산 결과 카드: 검정 → 사이트 기본 톤(흰 카드·먹 글씨·청록 이름표) — 2026-10-11 사장님 "결과값도 기본 톤앤톤에 맞게"
   주황은 구매 버튼(.pl-b)에만 남긴다. 위의 검정 규칙(564~)을 덮어쓴다 */
.gs-calc .result{background:#fff!important;color:#111!important;border:1px solid #E7E6E1!important;box-shadow:0 18px 48px rgba(17,17,17,.07)!important}
.gs-calc .result .rlabel{color:#1F5C63!important}
.gs-calc .result h2{color:#111!important}
.gs-calc .result .big,.gs-calc .result .big small{color:#111!important}
.gs-calc .result .perp,.gs-calc .result .perp2,.gs-calc .result .fxper{color:#55554F!important}
.gs-calc .result .fxbig{color:#3A3A36!important}
.gs-calc .result .rchips span{background:#F5F4F0!important;color:#111!important}
.gs-calc .result .verdict.ok{background:#E9F1F0!important;color:#1F5C63!important}
.gs-calc .result .verdict.warn{background:#FFF1EC!important;color:#8A3415!important}
.gs-calc .result .verdict.no{background:#FDE3DA!important;color:#6E2A10!important}
.gs-calc .result .verdict *{color:inherit!important}
.gs-calc .result .rows{border-color:#E7E6E1!important}
.gs-calc .result .row{color:#55554F!important;border-color:#EFEEEA!important}
.gs-calc .result .row b{color:#111!important}
.gs-calc .result .row b[style]{color:#C2421F!important}
.gs-calc .result .rnote{background:#F5F4F0!important;color:#55554F!important}
.gs-calc .result .rnote div{color:#55554F!important}
.gs-calc .result button.share{background:#111!important;color:#fff!important}
.gs-calc .result button.share:hover{background:#1F5C63!important}

/* 계산기 아래 「이 숫자는 이렇게 모았습니다」 — 영어 눈썹·아이콘 목록을 걷어 낸 글 한 단락(patch_calc_about_v2.py) */
.gs-calc .about h3{font-family:"GD Serif",serif!important;font-size:21px!important;font-weight:700!important;color:#111!important;letter-spacing:-.03em!important}
.gs-calc .about .ab-t{font-family:"GD Body",serif;font-size:16px;line-height:1.8;color:#3A3A36;margin:10px 0 0;word-break:keep-all}
.gs-calc .about .ab-lk{display:inline-block;margin-top:10px;font-size:15px;font-weight:700;color:#1F5C63;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.gs-calc .about .ab-box{background:#fff!important;border:0!important;border-radius:18px!important;padding:22px 20px 18px!important}
.gs-calc .about .ab-box li{color:#3A3A36!important}
.gs-calc .about .ab-box li b{color:#111!important}
.gs-calc .about .ab-more{border:1px solid #DCDBD5!important;color:#111!important;background:#fff!important;border-radius:999px!important}
/* 판매 페이지 세 칸 카드: 로마 숫자(i. ii. iii.)+선 아이콘은 AI 템플릿 티가 난다 — 제목과 글만 남긴다(2026-10-11) */
html.gs-sale .how-card .ico,html.gs-sale .how-card .n{display:none!important}
html.gs-sale .how-card h3{margin-top:0!important}

/* 계산기 첫 화면: 로고 + 도시 판화(gs-cvart, gd-site-v4.js) — 사진 창(gs-cvph)을 되돌림 */
html.gs-cvart .cover{justify-content:center!important}
html.gs-cvart .cv-logo-img{display:block!important;width:min(132px,34vw)!important;height:auto!important;margin:0 auto!important;filter:none!important;opacity:1!important}
html.gs-cvart .cv-hz{display:block!important;filter:none!important;opacity:1!important}
html.gs-cvart img.cv-art{width:min(460px,90vw)!important;height:auto!important;margin:30px auto 22px!important}
html.gs-cvart svg.cv-hz path{stroke:#1F5C63!important}
html.gs-cvart svg.cv-hz .hz-b{stroke:rgba(31,92,99,.35)!important}
html.gs-cvart .cv-place{color:#1F5C63!important}
html.gs-cvart .cv-sub,html.gs-cvart .cv-sub *{color:#3A3A36!important}html.gs-cvart .cv-sub b{color:#111!important}html.gs-cvart .cv-count b{color:#1F5C63!important}
/* 판매 첫 사진: 폰은 세로 창이라 가로 사진의 가운데 1/3 만 보인다 → 주인공이 보이게 초점 지정(2026-10-11 사장님 "메인 이미지가 잘려 웅장함이 없다")
   경주 = 동궁과 월지 누각(오른쪽 76%) · 강릉 = 두 사람(가운데) · 묵호 = 등대(47%) */
@media (max-width:1023.98px){
  :is(.pg-gyeongju,.pg-gyeongju-en) .hero-bg img{object-position:76% 42%!important}
  :is(.pg-gangneung,.pg-gangneung-en) .hero-bg img{object-position:50% 40%!important}
  .pg-mukho .hero-bg img{object-position:47% 55%!important}
}
@media (max-width:1023.98px){
  /* 주인공이 제목 뒤에 깔리지 않게 아래쪽을 기준으로 살짝 키워 위로 올린다(천천히 다가오는 움직임은 폰에서만 끔) */
  html.gs-sale:is(.pg-gyeongju,.pg-gyeongju-en) .hero-bg img{transform:scale(1.18)!important;transform-origin:76% 100%!important;animation:none!important}
  html.gs-sale:is(.pg-gangneung,.pg-gangneung-en) .hero-bg img{transform:scale(1.22)!important;transform-origin:50% 100%!important;animation:none!important}
}
/* 「지금 무료로 열려 있어요」 표시가 폰에서 꽉 찬 빨간 띠로 보였다 — 작은 알약으로(2026-10-12 폰 검수) */
html.gs-sale .incl-item .top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
html.gs-sale .incl-item .tag.only{display:inline-flex!important;width:auto!important;flex:none;align-items:center;height:24px;padding:0 10px!important;border-radius:999px!important;background:#FFF1EC!important;color:#C2421F!important;font-size:12.5px!important;font-weight:700!important;line-height:1!important}
/* 강릉 구성 카드의 검은 아이콘 타일(템플릿 티) — 제목만 남긴다 */
html.gs-sale .incl-item .top .ico{display:none!important}
/* 계산기 맨 아래 「가이드북이 나와 있어요」 막대: 짜임 규칙이 없어 폰에서 검은 덩어리로 보였다(2026-10-12 폰 검수) → 흰 띠 + 주황 구매 버튼 */
html.gs-on .buybar{background:#fff!important;border-top:1px solid #E7E6E1!important;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px))!important;margin-top:28px}
html.gs-on .buybar-in{display:flex!important;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;max-width:680px;margin:0 auto;padding:0!important}
html.gs-on .buybar-t{font-size:15px!important;line-height:1.5;color:#3A3A36!important;word-break:keep-all}
html.gs-on .buybar-t b{color:#111!important;font-weight:800}
html.gs-on .buybar-b{display:inline-flex!important;align-items:center;justify-content:center;height:46px;padding:0 20px!important;background:#D04520!important;color:#fff!important;border-radius:999px!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap}
html.gs-on .buybar-b:hover{background:#B33A1A!important}
@media (max-width:520px){html.gs-on .buybar-b{width:100%}}
.pg-howto .buybar,.pg-howto-en .buybar{display:none!important}  /* 사용 방법엔 홍보를 섞지 않는다(사장님 원칙) */
/* 계산기 모음 상태 표시: 빨간 알약이 11번 반복돼 시끄러웠다 — 주황은 구매·NEW·가격에만. 상태는 청록 옅은 알약 */
.pg-calc-all .tag.t-full,.pg-calc-all-en .tag.t-full{background:#E9F1F0!important;color:#1F5C63!important}
.pg-calc-all .tag:not(.t-full),.pg-calc-all-en .tag:not(.t-full){background:#F1F0EC!important;color:#3A3A36!important}

/* ── 폰 전용 판매 페이지 다듬기(≤767px, PC·태블릿은 그대로) — 2026-10-12 사장님 "폰 점수 올리되 PC 점수 깎지 말고"
   ① 첫 화면: 사진을 4:5 판으로 크게, 제목·설명·버튼·숫자는 사진 아래 흰 바탕(글이 사진을 가리지 않게 → 웅장함)
   ② 길이: 섹션 간격 줄이고, 세 칸 카드·출처 숫자는 옆으로 넘기기, 숫자 네 칸은 한 줄, 자주 묻는 질문은 눌러서 펼치기(JS) */
@media (max-width:767.98px){
  html.gs-sale .hero{padding:10px 0 0!important;color:#111}
  html.gs-sale .hero:after{display:none}
  html.gs-sale .hero-bg{height:auto!important;min-height:0!important;aspect-ratio:10/11;margin:0 12px!important}
  html.gs-sale .hero-bg:after{background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.28) 100%)!important}
  html.gs-sale:is(.pg-gyeongju,.pg-gyeongju-en,.pg-gangneung,.pg-gangneung-en) .hero-bg img{transform:none!important}
  html.gs-sale:is(.pg-gyeongju,.pg-gyeongju-en) .hero-bg img{object-position:74% 50%!important}
  html.gs-sale .hero-in{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:24px 20px 30px!important;margin-top:12px!important;background:#fff}
  html.gs-sale .hero .eyebrow{background:#E9F1F0!important;border:0!important;color:#1F5C63!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html.gs-sale .hero h1,html.gs-sale .hero h1 em{color:#111!important;text-shadow:none!important}
  html.gs-sale .hero h1 em{color:#1F5C63!important}
  html.gs-sale .hero-sub{color:#3A3A36!important}
  html.gs-sale .hero-sub span{color:#111!important}
  html.gs-sale .hero-cta .btn-gold{background:#111!important;color:#fff!important}
  html.gs-sale .hero-cta .btn-ghost{background:#fff!important;border:1px solid #DCDBD5!important;color:#111!important;backdrop-filter:none!important}
  html.gs-sale .hero-meta span{background:#F5F4F0!important;color:#3A3A36!important}
  html.gs-sale .hero-meta b{color:#111!important}
  html.gs-sale .scroll-cue{display:none!important}
  html.gs-sale .gs-hblur{bottom:auto!important;height:calc((100vw - 24px) * 1.1 + 80px)}

  html.gs-sale .section:not([style]){padding:52px 0!important}
  /* 세 칸 카드 → 옆으로 넘기기 */
  html.gs-sale .how-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scrollbar-width:none}
  html.gs-sale .how-grid::-webkit-scrollbar{display:none}
  html.gs-sale .how-card{flex:0 0 82%;scroll-snap-align:start}
  /* 출처 숫자 → 옆으로 넘기기 */
  html.gs-sale .proof-stats{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-20px!important;margin-right:-20px!important;padding:0 20px 6px;scrollbar-width:none}
  html.gs-sale .proof-stats::-webkit-scrollbar{display:none}
  html.gs-sale .proof-stats .ps{flex:0 0 74%;scroll-snap-align:start}
  /* 숫자 네 칸 → 한 줄 */
  html.gs-sale .dest-stats{grid-template-columns:repeat(4,1fr)!important}
  html.gs-sale .dest-stats .stat{padding:18px 4px!important}
  html.gs-sale .dest-stats .num{font-size:30px!important}
  html.gs-sale .dest-stats .lbl{font-size:13px!important}
  /* 자주 묻는 질문: 눌러서 펼치기(gd-site-v4.js 가 gs-acc 를 붙임) */
  html.gs-sale .faq-list.gs-acc .faq-item{padding:0!important}
  html.gs-sale .faq-list.gs-acc .faq-item h3{position:relative;margin:0!important;padding:20px 40px 20px 0!important;cursor:pointer;font-size:17px!important}
  html.gs-sale .faq-list.gs-acc .faq-item h3:after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);transition:transform .2s}
  html.gs-sale .faq-list.gs-acc .faq-item.open h3:after{transform:rotate(-135deg);margin-top:-2px}
  html.gs-sale .faq-list.gs-acc .faq-item p{display:none;margin:0 0 20px!important}
  html.gs-sale .faq-list.gs-acc .faq-item.open p{display:block}
}
@media (max-width:767.98px){html.gs-sale .hero-sub,html.gs-sale .hero-meta,html.gs-sale .hero .eyebrow{text-shadow:none!important}}
@media (max-width:767.98px){
  /* 「왜 이 책인가」 대조 세 쌍 → 한 쌍씩 옆으로 넘기기(쌍 안에서는 위아래) */
  html.gs-sale .ledger{flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-20px;margin-right:-20px;padding:0 20px 8px;scrollbar-width:none}
  html.gs-sale .ledger::-webkit-scrollbar{display:none}
  html.gs-sale .lg{flex:0 0 86%;scroll-snap-align:start;grid-template-columns:1fr!important}
  html.gs-sale .lg-r{border-left:0!important;border-top:1px solid #EEEDE9!important}
  html.gs-sale .lg-l,html.gs-sale .lg-r{padding:20px!important;font-size:14.5px!important}
  /* 바닥글: 링크 세 줄을 촘촘하게 */
  html.gs-sale .foot{margin-top:40px!important;padding-top:40px!important}
  html.gs-sale .foot-top{gap:24px!important;padding-bottom:24px!important}
  html.gs-sale .foot-cols{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px 12px!important}
  html.gs-sale .foot-col{gap:0!important}
  html.gs-sale .foot-col a{display:block;padding:7px 0!important;font-size:14px!important;line-height:1.35!important}
  html.gs-sale .foot-col h4{margin-bottom:4px!important}
  /* 넘기는 줄이 있다는 걸 알게: 오른쪽 카드가 살짝 보이도록 위 비율 유지 + 넘김 안내 점 대신 그림자 */
  html.gs-sale :is(.how-grid,.proof-stats,.ledger)>*{box-shadow:0 6px 18px rgba(17,17,17,.06)}
}
@media (max-width:767.98px){
  /* 미리보기 쪽들도 옆으로(강릉은 세로로 쌓여 1,000px 넘게 먹었다) */
  html.gs-sale .pv-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;margin-left:-20px;margin-right:-20px;padding:0 20px 8px;scrollbar-width:none}
  html.gs-sale .pv-grid::-webkit-scrollbar{display:none}
  html.gs-sale .pv-grid .pv-card{flex:0 0 66%;scroll-snap-align:start}
}

/* 폰 아래 구매 막대: 첫 화면의 구매 버튼이 보이는 동안엔 숨겼다가, 지나가면 올라온다(같은 버튼이 두 번 겹쳐 보이던 것) */
.gs-buy{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.gs-buy.gs-buy-off{transform:translateY(115%)}
@media (max-width:767.98px){html.gs-sale .hero-sub *,html.gs-sale .hero h1 *{text-shadow:none!important}}

/* 구매 버튼 = 주황(#D04520, 흰 글씨 4.6:1) — 2026-10-12 분석: 규칙은 「주황 = 구매」인데 판매 페이지 구매 버튼이 검정·흰색이라 다른 버튼과 구분이 안 됐다.
   크몽·Etsy 로 가는 링크만 칠한다(묵호 「출시 알림 받기」 등은 그대로) */
html.gs-on :is(a.btn,.gs-buy a,.gs-stab-buy a,a.mcta,.price-card a):is([href*="kmong.com/gig"],[href*="etsy.com/listing"]){background:#D04520!important;color:#fff!important;border-color:#D04520!important;box-shadow:none!important}
html.gs-on :is(a.btn,.gs-buy a,.gs-stab-buy a,a.mcta,.price-card a):is([href*="kmong.com/gig"],[href*="etsy.com/listing"]):hover{background:#B33A1A!important}
html.gs-on :is(a.btn,.gs-buy a,.gs-stab-buy a,.price-card a):is([href*="kmong.com/gig"],[href*="etsy.com/listing"]) *{color:#fff!important}

/* ── PC 계산기 두 칸(≥1100px): 왼쪽 단계 · 오른쪽 결과 고정 — gd-site-v4.js 가 .gs-cols 를 만든다 ── */
@media (min-width:1100px){
  html.gs-calc .wrap{max-width:1180px!important}
  html.gs-calc .wrap>.head,html.gs-calc .wrap>.about,html.gs-calc .wrap>.foot,html.gs-calc .wrap>.bk-cta{max-width:760px;margin-left:auto!important;margin-right:auto!important}
  html.gs-calc .gs-cols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
  html.gs-calc .gs-cl{min-width:0}
  html.gs-calc .gs-cr{position:sticky;top:calc(var(--gs-h,64px) + 20px);max-height:calc(100vh - var(--gs-h,64px) - 36px);overflow-y:auto;scrollbar-width:thin;padding-bottom:4px}
  html.gs-calc .gs-cr .result{margin-top:8px!important}
  html.gs-calc .gs-cl .sec:first-child{margin-top:8px!important}
  html.gs-calc .livebar{display:none!important}   /* 결과가 늘 보이니 아래 요약 막대는 PC 에선 필요 없다 */
}