/* ===================== HAND-DRAWN DESIGN SYSTEM (전체 오버라이드) ===================== */
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&family=Gaegu:wght@400;700&display=swap');

:root{
  --hd-bg:#fdfbf7; --hd-bg2:#f4efe4; --hd-paper:#ffffff; --hd-ink:#2d2d2d;
  --hd-muted:#8a8578; --hd-accent:#ff4d4d; --hd-blue:#2d5da1; --hd-yellow:#fff7b0;
  --hd-wobble:255px 15px 225px 15px/15px 225px 15px 255px;
  --hd-wobble2:15px 225px 15px 255px/255px 15px 225px 15px;
  /* 기존 다크 테마 변수 덮어쓰기 */
  --bg:#fdfbf7!important; --bg2:#f4efe4!important; --surface:#ffffff!important; --card:#ffffff!important;
  --text:#2d2d2d!important; --muted:#8a8578!important; --line:#2d2d2d!important;
  --pink:#ff4d4d!important; --cyan:#2d5da1!important; --gold:#c9302c!important; --gold-light:#ff4d4d!important;
}
/* 종이 배경 + 점 텍스처 */
html,body{background:var(--hd-bg)!important;color:var(--hd-ink)!important;
  font-family:'Gaegu','Patrick Hand','Kalam',sans-serif!important;
  background-image:radial-gradient(#e5e0d8 1.2px,transparent 1.2px)!important;background-size:24px 24px!important}
*{ text-shadow:none!important }
/* 제목 = 마커 폰트 */
h1,h2,h3,h4,h5,.sec-title,.logo,.hero h1,.card h3,.step h4{font-family:'Kalam','Gaegu',cursive!important;
  color:var(--hd-ink)!important;letter-spacing:0!important;-webkit-text-fill-color:var(--hd-ink)!important;
  background:none!important;text-shadow:2px 2px 0 rgba(45,45,45,.06)!important}
p,li,a,span,div,summary,button,input,label{color:var(--hd-ink)}
.muted,.sec-desc,.finfo,.disclaimer,[class*="muted"]{color:var(--hd-muted)!important}
/* 섹션 배경 강제 페이퍼 */
section,header,footer,.hero,.band,.trust,#regions,#services,#how,#why,#gallery,#faq,.panel-sec,.gallery-ai,.local-guide,.hero-banner-sec{
  background:transparent!important;background-image:none!important}
section:nth-of-type(even){background:var(--hd-bg2)!important}
.hero::after,.hero::before{display:none!important}
/* 카드/컨테이너 = 흰 종이 + 워블리 + 하드 섀도우 + 살짝 기울기 */
.card,.step,.selector,.faq details,.region-card,.feature,.box,.info-card,.price-card,.review-card,.panel-sec>div,.panel-sec .wrap>div{
  background:var(--hd-paper)!important;border:3px solid var(--hd-ink)!important;
  border-radius:var(--hd-wobble)!important;box-shadow:5px 5px 0 0 var(--hd-ink)!important;
  color:var(--hd-ink)!important;transition:transform .1s ease,box-shadow .1s ease!important}
.card:nth-child(even),.step:nth-child(even){border-radius:var(--hd-wobble2)!important;transform:rotate(-1deg)}
.card:nth-child(odd){transform:rotate(1deg)}
.card:hover,.step:hover,.region-card:hover{transform:rotate(-1.5deg) translate(-2px,-2px)!important;box-shadow:8px 8px 0 0 var(--hd-ink)!important}
/* 포스트잇 노랑 강조 카드 (why/trust 내부) */
#why .card,#trust .card,.feature{background:var(--hd-yellow)!important}
/* 버튼 = 손그림 오벌 */
.btn,a.btn,.cta,.call,.tel-btn,button.btn,a[href^="tel:"]{font-family:'Kalam',cursive!important;font-weight:700!important;
  background:var(--hd-paper)!important;color:var(--hd-ink)!important;border:3px solid var(--hd-ink)!important;
  border-radius:var(--hd-wobble)!important;box-shadow:4px 4px 0 0 var(--hd-ink)!important;
  -webkit-text-fill-color:var(--hd-ink)!important;transition:.1s!important}
.btn:hover,a.btn:hover,.cta:hover,.call:hover,a[href^="tel:"]:hover{
  background:var(--hd-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:2px 2px 0 0 var(--hd-ink)!important;transform:translate(2px,2px)!important}
.btn:active,a.btn:active{box-shadow:0 0 0 0 var(--hd-ink)!important;transform:translate(4px,4px)!important}
.btn-gold,.btn-pink,.btn-primary{background:var(--hd-accent)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
/* 칩/지역 링크 = 종이 태그, 기울임 */
.chips a,.area-link,.cat-link,.link-item{background:var(--hd-paper)!important;border:2.5px solid var(--hd-ink)!important;
  border-radius:12px 4px 14px 4px/4px 14px 4px 12px!important;box-shadow:3px 3px 0 0 var(--hd-ink)!important;
  color:var(--hd-ink)!important;font-family:'Gaegu',sans-serif!important;font-weight:700!important;transition:.1s!important;display:inline-block;margin:3px}
.chips a:hover,.area-link:hover{background:var(--hd-yellow)!important;transform:rotate(-2deg) translate(-1px,-1px)!important}
/* 배지/라벨 = 포스트잇 */
.badge,.badge-top,.sec-label,.eng{background:var(--hd-yellow)!important;color:var(--hd-ink)!important;-webkit-text-fill-color:var(--hd-ink)!important;
  border:2px solid var(--hd-ink)!important;border-radius:8px 3px 10px 3px!important;padding:3px 10px!important;
  display:inline-block;transform:rotate(-2deg);font-family:'Kalam',cursive!important;box-shadow:2px 2px 0 0 var(--hd-ink)!important}
/* 이미지 = 워블리 프레임 */
img{border:3px solid var(--hd-ink)!important;border-radius:18px 6px 20px 6px/6px 20px 6px 18px!important;
  box-shadow:5px 5px 0 0 var(--hd-ink)!important;background:#fff}
.logo img,header img,.hero-banner-sec img{box-shadow:6px 6px 0 0 var(--hd-ink)!important}
/* FAQ */
.faq summary{font-family:'Kalam',cursive!important;color:var(--hd-ink)!important}
.faq summary::after{color:var(--hd-accent)!important}
.prose h2,.prose h3{color:var(--hd-ink)!important}
.prose h2{border-bottom:3px dashed var(--hd-accent);display:inline-block;padding-bottom:4px}
/* 스크롤바 */
::-webkit-scrollbar-thumb{background:var(--hd-ink)!important;border-radius:0!important}
::-webkit-scrollbar-track{background:var(--hd-bg2)!important}
/* 구분선 dashed */
hr,.divider{border:0;border-top:3px dashed var(--hd-ink)!important}

/* ===================== 상단 지역 메뉴바 + 햄버거 ===================== */
.hd-topbar{position:sticky;top:0;z-index:400;background:var(--hd-paper);border-bottom:4px solid var(--hd-ink);
  box-shadow:0 5px 0 0 var(--hd-ink);font-family:'Kalam',cursive}
.hd-topbar .in{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px}
.hd-burger{background:var(--hd-yellow);border:3px solid var(--hd-ink);border-radius:12px 4px 14px 4px;
  box-shadow:3px 3px 0 0 var(--hd-ink);font-size:1.3rem;line-height:1;padding:6px 12px;cursor:pointer;font-weight:700}
.hd-burger:active{transform:translate(3px,3px);box-shadow:0 0 0 0 var(--hd-ink)}
.hd-brand{font-family:'Kalam',cursive;font-weight:700;font-size:1.3rem;color:var(--hd-ink);white-space:nowrap}
.hd-brand b{color:var(--hd-accent)}
.hd-nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.hd-nav a{font-family:'Gaegu',sans-serif;font-weight:700;color:var(--hd-ink);padding:6px 12px;border:2.5px solid var(--hd-ink);
  border-radius:10px 4px 12px 4px;background:#fff;box-shadow:2px 2px 0 0 var(--hd-ink);transition:.1s}
.hd-nav a:hover{background:var(--hd-accent);color:#fff}
.hd-call{margin-left:6px;background:var(--hd-accent)!important;color:#fff!important;border:2.5px solid var(--hd-ink);
  border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:6px 14px;font-weight:700;box-shadow:3px 3px 0 0 var(--hd-ink)}
/* 오프캔버스 서랍 */
.hd-drawer{position:fixed;inset:0 40% 0 0;max-width:340px;z-index:600;background:var(--hd-bg);
  border-right:5px solid var(--hd-ink);box-shadow:8px 0 0 0 rgba(45,45,45,.15);
  transform:translateX(-115%);transition:transform .25s cubic-bezier(.2,.7,.2,1);overflow-y:auto;padding:18px}
.hd-drawer.open{transform:none}
.hd-overlay{position:fixed;inset:0;z-index:590;background:rgba(45,45,45,.35);display:none}
.hd-overlay.open{display:block}
.hd-drawer h3{font-family:'Kalam',cursive;font-size:1.5rem;margin:0 0 6px;color:var(--hd-ink)}
.hd-drawer .close{float:right;background:var(--hd-yellow);border:3px solid var(--hd-ink);border-radius:10px;
  box-shadow:3px 3px 0 0 var(--hd-ink);font-size:1.1rem;padding:2px 10px;cursor:pointer;font-weight:700}
.hd-acc{margin-top:14px}
.hd-acc>button{width:100%;text-align:left;font-family:'Kalam',cursive;font-weight:700;font-size:1.12rem;
  background:var(--hd-paper);border:3px solid var(--hd-ink);border-radius:14px 5px 16px 5px;box-shadow:4px 4px 0 0 var(--hd-ink);
  padding:11px 14px;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between}
.hd-acc>button:hover{background:var(--hd-yellow)}
.hd-acc .items{display:none;flex-wrap:wrap;gap:6px;margin:-2px 0 12px;padding:0 4px}
.hd-acc .items.open{display:flex}
.hd-acc .items a{font-family:'Gaegu',sans-serif;font-weight:700;font-size:.92rem;background:#fff;border:2px solid var(--hd-ink);
  border-radius:10px 3px 12px 3px;box-shadow:2px 2px 0 0 var(--hd-ink);padding:5px 9px;color:var(--hd-ink)}
.hd-acc .items a:hover{background:var(--hd-accent);color:#fff}
@media(max-width:760px){ .hd-nav{display:none} .hd-topbar .in{gap:8px} }
@media(prefers-reduced-motion:reduce){ .card,.step,.chips a{transform:none!important} .hd-drawer{transition:none} }

/* 원래 고정 헤더 숨기고 손그림 상단바로 교체 */
body>header{display:none!important}

/* ===================== 가독성 강화 (글자 크게·진하게) ===================== */
html{font-size:118%!important}
body{font-family:'Patrick Hand','Gaegu',sans-serif!important;font-size:1.15rem!important;line-height:1.9!important;color:#242424!important}
p,li,a,td,th,label,summary,input,.sec-desc,.card p,.step p,.prose p,.prose li,.finfo{
  font-size:1.14rem!important;line-height:1.85!important;color:#2b2b2b!important}
h1,.hero h1{font-size:2.7rem!important;line-height:1.2!important}
h2,.sec-title{font-size:2.05rem!important;line-height:1.25!important}
h3,.card h3,.step h4,.prose h3{font-size:1.5rem!important}
.card p{font-size:1.1rem!important}
.muted,.disclaimer,[class*="muted"]{color:#57534a!important}
.sec-desc{color:#4a463d!important}
/* 상단바/메뉴 글자 크게 */
.hd-brand{font-size:1.55rem!important}
.hd-nav a{font-size:1.1rem!important;padding:8px 14px!important}
.hd-burger{font-size:1.25rem!important;padding:8px 15px!important}
.hd-call{font-size:1.08rem!important;padding:8px 16px!important}
.chips a,.area-link{font-size:1.08rem!important;padding:9px 15px!important}
.hd-acc>button{font-size:1.25rem!important}
.hd-acc .items a{font-size:1.05rem!important;padding:8px 12px!important}
.hd-drawer h3{font-size:1.7rem!important}
/* 버튼 크게 */
.btn,a.btn,.cta,.call{font-size:1.22rem!important;padding:14px 28px!important}
.badge,.badge-top,.sec-label{font-size:1rem!important;padding:4px 12px!important}
/* 배경 위 글자 대비 보강 */
.card,.step{color:#242424!important}

/* ===== 홈 전체화면 히어로 빈공간 제거 ===== */
.hero{min-height:auto!important;height:auto!important;display:block!important;
  padding:34px 0 26px!important;background:var(--hd-bg)!important;background-image:none!important;overflow:visible!important}
.hero::after,.hero::before{display:none!important}
section{min-height:auto!important}
.hero .wrap{position:relative}