*{box-sizing:border-box;margin:0;padding:0}
body{background:#ececec;color:#222;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;line-height:1.7;font-size:15px}
a{color:inherit}
.wrap{max-width:1000px;margin:0 auto;padding:18px 16px 70px;background:#fff;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
.mu{color:#777}
/* 상단 다크 헤더 */
.topbar{background:#1d1f27;border-bottom:3px solid #b3122a}
.tbin{max-width:1000px;margin:0 auto;display:flex;align-items:center;height:58px;padding:0 16px}
.logo{font-size:22px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-1px}
.logo em{font-style:normal;font-size:12px;color:#e58a97;margin-left:6px}
.gnb{display:flex;gap:2px;margin-left:24px;flex:1}
.gnb a{color:#cdd0da;text-decoration:none;font-size:15px;font-weight:600;padding:8px 14px}
.gnb a:hover{color:#fff;background:#2b2e3a}
.tcta{background:#b3122a;color:#fff;text-decoration:none;font-weight:700;padding:8px 18px;font-size:14px;border-radius:2px}
/* 히어로: 실사 배너 + 오버레이 */
.hero{position:relative;height:340px;overflow:hidden;background:#1d1f27}
.heroimg{width:100%;height:100%;object-fit:cover;display:block;opacity:.55}
.heroov{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,rgba(20,21,28,.75),rgba(20,21,28,.25))}
.hwrap{max-width:1000px;margin:0 auto;padding:0 40px;color:#fff;width:100%}
.badge{display:inline-block;background:#b3122a;color:#fff;font-size:13px;font-weight:700;padding:4px 12px;border-radius:2px;margin-bottom:14px}
.hero h1{font-size:42px;letter-spacing:-1.5px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero p{font-size:17px;margin:12px 0 22px;max-width:560px;color:#e8e8ee}
.btn{display:inline-block;background:#b3122a;color:#fff;font-weight:700;padding:12px 30px;text-decoration:none;border-radius:3px;border:1px solid #8d0e20}
.btn:hover{background:#9a1023}
.btn-lg{font-size:17px;padding:14px 38px}
.intro{background:#f6f6f6;border:1px solid #e0e0e0;border-left:4px solid #b3122a;padding:16px 20px;margin:22px 0;font-size:15px;color:#333}
/* 섹션 헤더: 정통 좌측 바 스타일 */
section{margin:30px 0}
.sech{font-size:20px;font-weight:800;color:#222;padding:0 0 9px 13px;border-left:5px solid #b3122a;border-bottom:2px solid #222;margin-bottom:14px;letter-spacing:-.5px;line-height:1.2}
section>p,section .mu{margin-bottom:10px}
/* CTA 박스 */
.cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fbf4f5;border:1px solid #e7c9cf;padding:18px 22px;margin:24px 0}
.ctxt strong{display:block;font-size:18px;color:#222} .ctxt span{font-size:14px;color:#777}
/* 지역 카드 그리드 (실사 썸네일) */
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rcard{display:block;border:1px solid #d8d8d8;background:#fff;text-decoration:none;color:#222}
.rcard:hover{border-color:#b3122a}
.rcard img{width:100%;height:110px;object-fit:cover;display:block;background:#ddd}
.rcap{display:block;padding:9px 11px} .rcap b{display:block;font-size:15px} .rcap small{color:#888;font-size:12px}
/* 카테고리 카드 (실사) */
.cgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.ccard{display:block;border:1px solid #d8d8d8;background:#fff;text-decoration:none;color:#222}
.ccard:hover{border-color:#b3122a}
.ccard img{width:100%;height:96px;object-fit:cover;display:block;background:#ddd}
/* 브레드크럼 */
.crumb{font-size:13px;color:#999;margin:2px 0 12px}.crumb a{color:#777;text-decoration:none}.crumb a:hover{color:#b3122a}.crumb span{color:#444}
.catrow>div{flex:1}
.ccap{display:block;padding:8px 10px;text-align:center} .ccap b{display:block} .ccap small{color:#888;font-size:11px}
.catrow{display:flex;gap:16px;align-items:flex-start}.catrow img{width:200px;height:130px;object-fit:cover;border:1px solid #d8d8d8;flex-shrink:0;background:#ddd}
/* 단계 리스트 */
.steps{list-style:none;counter-reset:s;border:1px solid #e0e0e0}
.steps li{counter-increment:s;padding:13px 16px 13px 50px;position:relative;border-bottom:1px solid #eee;background:#fff}
.steps li:last-child{border-bottom:0}.steps li:nth-child(odd){background:#fafafa}
.steps li:before{content:counter(s);position:absolute;left:14px;top:13px;width:24px;height:24px;background:#1d1f27;color:#fff;text-align:center;line-height:24px;font-weight:700;font-size:13px;border-radius:2px}
/* 표 */
table{width:100%;border-collapse:collapse;border:1px solid #ccc;background:#fff;font-size:15px}
.info th{background:#f3f3f3;text-align:left;width:140px;color:#333;border:1px solid #e2e2e2;padding:11px 14px}
.info td{border:1px solid #e2e2e2;padding:11px 14px;color:#444}
.cmp th,.cmp td{border:1px solid #ddd;padding:11px 14px;text-align:left}
.cmp thead th{background:#1d1f27;color:#fff} .cmp td:nth-child(2){color:#b3122a;font-weight:700}.cmp tbody tr:nth-child(even){background:#fafafa}
.warn{list-style:none;border:1px solid #e7c9cf;background:#fff7f8}
.warn li{padding:10px 16px 10px 30px;position:relative;color:#7a2a33;border-bottom:1px solid #f0dde0;font-size:14px}.warn li:last-child{border:0}
.warn li:before{content:"!";position:absolute;left:13px;top:10px;width:16px;height:16px;background:#b3122a;color:#fff;text-align:center;line-height:16px;font-size:11px;font-weight:700;border-radius:50%}
/* 후기 */
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rev{border:1px solid #ddd;background:#fff;padding:14px 16px}
.rt{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.rt .who{color:#555;font-weight:700}.rt .score{color:#b3122a;font-weight:700}.rev p{font-size:14px;color:#444}
/* FAQ */
.faq{border:1px solid #e0e0e0}.qa{border-bottom:1px solid #eee}.qa:last-child{border:0}
.qa dt{background:#f6f6f6;padding:12px 16px;font-weight:700;color:#222}.qa dd{padding:12px 16px;color:#555;font-size:14px}
/* 서브페이지 */
.phead{border-bottom:2px solid #222;padding:8px 0 14px;margin:8px 0 22px}.phead h1{font-size:30px;letter-spacing:-1px}
.wideimg{width:100%;height:240px;object-fit:cover;border:1px solid #d8d8d8;margin:0 0 18px;background:#ddd}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid #ccc;background:#f6f6f6;padding:7px 14px;text-decoration:none;color:#333;font-size:14px;border-radius:2px}.chip:hover{border-color:#b3122a;color:#b3122a}
.bcards{display:grid;gap:8px}
.bcard{display:block;border:1px solid #ddd;background:#fff;padding:14px 16px;text-decoration:none;color:#222}.bcard:hover{border-color:#b3122a}.bcard span{display:block;color:#777;font-size:14px;margin:5px 0}.bcard em{font-size:12px;color:#999;font-style:normal}
article p{margin:12px 0}article h3{font-size:18px;margin:18px 0 6px;color:#222}
section img{max-width:100%}
/* 푸터 */
.ft{margin-top:50px;background:#1d1f27;color:#cdd0da;padding:26px 16px;border-top:3px solid #b3122a}
.ftin{max-width:1000px;margin:0 auto}.ftin strong{color:#fff}.ftin span{color:#9fa3b0;font-size:13px}.ftin .cpy{font-size:12px;color:#777}
/* 플로팅 바로가기 */
.fab{position:fixed;right:18px;bottom:18px;z-index:40;background:#b3122a;color:#fff;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.3);border:1px solid #8d0e20}
@media(max-width:760px){.gnb{display:none}.rgrid{grid-template-columns:repeat(2,1fr)}.cgrid{grid-template-columns:repeat(2,1fr)}.revs{grid-template-columns:1fr}.hero{height:280px}.hero h1{font-size:30px}.catrow{flex-direction:column}.catrow img{width:100%}}