/* ========================================
   대구 한국관 나이트 – Traditional Red + Dark Wood
   Prefix: hk-
   Layout: hanok-panel architectural
   ======================================== */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Noto Serif KR','Noto Sans KR',serif;background:#f5f0e8;color:#2c1810;line-height:1.8;overflow-x:hidden}

/* ---- 대청마루 (Hero) ---- */
.hk-daecheong{position:relative;background:#3b2716;color:#f5f0e8;text-align:center;padding:60px 24px 80px;overflow:hidden}
.hk-daecheong::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#b22222 0,#b22222 40px,#3b2716 40px,#3b2716 44px)}
.hk-daecheong::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,transparent,#f5f0e8)}
.hk-roof-ornament{width:120px;height:6px;background:#b22222;margin:0 auto 24px;border-radius:3px;position:relative}
.hk-roof-ornament::before,.hk-roof-ornament::after{content:'';position:absolute;top:-4px;width:14px;height:14px;background:#b22222;border-radius:50%}
.hk-roof-ornament::before{left:-7px}
.hk-roof-ornament::after{right:-7px}
.hk-emblem{width:64px;height:64px;border:2px solid #b22222;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#b22222;margin:0 auto 20px;background:rgba(178,34,34,.08)}
.hk-daecheong-title{font-size:clamp(28px,5.5vw,48px);font-weight:700;line-height:1.35;margin-bottom:18px}
.hk-daecheong-desc{font-size:15.5px;max-width:560px;margin:0 auto 24px;opacity:.8;line-height:1.9}
.hk-daecheong-badge{display:inline-block;background:#b22222;color:#fff;padding:10px 28px;border-radius:6px;font-size:16px;font-weight:700;margin-bottom:24px}
.hk-daecheong-cta{display:inline-block;padding:14px 40px;background:#f5f0e8;color:#3b2716;font-weight:700;border-radius:6px;text-decoration:none;font-size:15px;transition:all .3s}
.hk-daecheong-cta:hover{background:#b22222;color:#fff}

/* ---- 안채 (Main Dance Floor) ---- */
.hk-anchae{padding:70px 24px;background:#f5f0e8;position:relative}
.hk-panel-border{width:60%;max-width:400px;height:4px;background:linear-gradient(90deg,transparent,#b22222,transparent);margin:0 auto 0}
.hk-anchae-wrap{max-width:960px;margin:0 auto;padding-top:32px}
.hk-anchae-title{font-size:clamp(24px,4vw,36px);color:#3b2716;text-align:center;margin-bottom:10px}
.hk-anchae-lead{text-align:center;color:#6b5344;font-size:15px;margin-bottom:44px;max-width:500px;margin-left:auto;margin-right:auto}
.hk-anchae-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.hk-pillar{background:#fff;border:1px solid #e0d5c8;border-radius:4px;padding:32px 24px;text-align:center;position:relative;transition:box-shadow .3s}
.hk-pillar::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#b22222;border-radius:0 0 4px 4px}
.hk-pillar:hover{box-shadow:0 6px 24px rgba(59,39,22,.1)}
.hk-pillar-top{font-size:36px;margin-bottom:12px}
.hk-pillar h3{font-size:18px;color:#3b2716;margin-bottom:10px}
.hk-pillar p{font-size:14px;color:#6b5344;line-height:1.85;text-align:left}

/* ---- 사랑채 (Social Area) ---- */
.hk-sarangchae{background:#3b2716;color:#f5f0e8;padding:70px 24px;position:relative}
.hk-sarangchae::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#b22222 0,#b22222 20px,transparent 20px,transparent 24px)}
.hk-sarangchae-wrap{max-width:880px;margin:0 auto}
.hk-sarangchae-title{font-size:clamp(24px,4vw,36px);text-align:center;margin-bottom:40px}
.hk-sarangchae-story{display:flex;flex-direction:column;gap:24px}
.hk-story-block{background:rgba(255,255,255,.05);border-left:4px solid #b22222;padding:24px 28px;border-radius:0 8px 8px 0}
.hk-story-block h3{font-size:17px;color:#e8c9a0;margin-bottom:8px}
.hk-story-block p{font-size:14.5px;opacity:.82;line-height:1.85}

/* ---- 달빛마당 ---- */
.hk-madang{padding:70px 24px;background:#f5f0e8}
.hk-madang-wrap{max-width:800px;margin:0 auto;text-align:center}
.hk-madang-title{font-size:clamp(24px,4vw,36px);color:#3b2716;margin-bottom:8px}
.hk-madang-sub{color:#6b5344;font-size:15px;margin-bottom:40px}
.hk-madang-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.hk-tile{background:#fff;border:1px solid #e0d5c8;border-top:3px solid #b22222;padding:20px 16px;border-radius:0 0 6px 6px;text-align:center}
.hk-tile-label{display:block;font-size:12px;color:#b22222;font-weight:700;letter-spacing:1px;margin-bottom:6px}
.hk-tile-value{font-size:15px;color:#3b2716;font-weight:600}

/* ---- 문턱 넘기 (Entry Guide) ---- */
.hk-entry{background:#3b2716;color:#f5f0e8;padding:70px 24px}
.hk-entry-wrap{max-width:700px;margin:0 auto}
.hk-entry-title{font-size:clamp(24px,4vw,36px);text-align:center;margin-bottom:40px}
.hk-entry-timeline{position:relative;padding-left:40px}
.hk-entry-timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:rgba(178,34,34,.5)}
.hk-entry-step{position:relative;margin-bottom:28px}
.hk-step-marker{position:absolute;left:-40px;top:0;width:32px;height:32px;background:#b22222;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.hk-step-content h3{font-size:17px;color:#e8c9a0;margin-bottom:6px}
.hk-step-content p{font-size:14px;opacity:.8;line-height:1.85}
.hk-entry-cta{display:inline-block;margin-top:32px;padding:14px 36px;background:#b22222;color:#fff;font-weight:700;border-radius:6px;text-decoration:none;font-size:15px;transition:all .3s}
.hk-entry-cta:hover{background:#d43a3a;transform:translateY(-2px)}

/* ---- 손님맞이 (FAQ) ---- */
.hk-faq{padding:70px 24px;background:#f5f0e8}
.hk-faq-wrap{max-width:740px;margin:0 auto}
.hk-faq-title{font-size:clamp(24px,4vw,36px);color:#3b2716;text-align:center;margin-bottom:36px}
.hk-faq-accordion{display:flex;flex-direction:column;gap:10px}
.hk-faq-panel{background:#fff;border:1px solid #e0d5c8;border-radius:6px;overflow:hidden}
.hk-faq-trigger{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-size:15px;font-weight:600;color:#3b2716;cursor:pointer;font-family:inherit;display:flex;justify-content:space-between;align-items:center}
.hk-faq-trigger::after{content:'▾';font-size:16px;color:#b22222;transition:transform .3s}
.hk-faq-panel.open .hk-faq-trigger::after{transform:rotate(180deg)}
.hk-faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.hk-faq-body p{padding:0 22px 18px;font-size:14px;color:#6b5344;line-height:1.85}

/* ---- Footer ---- */
.hk-footer{background:#3b2716;color:#f5f0e8;text-align:center;padding:50px 24px 36px;border-top:4px solid #b22222}
.hk-footer-inner{max-width:500px;margin:0 auto}
.hk-footer-emblem{font-size:28px;font-weight:900;color:#b22222;margin-bottom:12px;letter-spacing:4px}
.hk-footer-phrase{font-size:17px;margin-bottom:24px;line-height:1.7}
.hk-footer-btn{display:inline-block;padding:13px 34px;background:#b22222;color:#fff;font-weight:700;border-radius:6px;text-decoration:none;font-size:15px;transition:all .3s}
.hk-footer-btn:hover{background:#d43a3a}
.hk-footer-legal{font-size:12px;opacity:.35;margin-top:28px}

/* ---- Responsive ---- */
@media(max-width:640px){
  .hk-daecheong{padding:50px 20px 70px}
  .hk-anchae,.hk-sarangchae,.hk-madang,.hk-entry,.hk-faq{padding:50px 20px}
  .hk-anchae-pillars{grid-template-columns:1fr}
  .hk-madang-tiles{grid-template-columns:repeat(2,1fr)}
}