:root{
  --blue:#2f6fed; --blue-dark:#1c54c9; --ink:#1a1d22; --sub:#5c636b;
  --line:#e6e9ee; --bg-soft:#f5f7fb; --card:#ffffff;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  color:var(--ink);background:#fff;line-height:1.7;word-break:keep-all;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
img{max-width:100%;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.logo{font-size:19px;font-weight:800;letter-spacing:-0.4px;}
.logo span{color:var(--blue);}
nav.site-nav{display:flex;gap:22px;font-size:14px;font-weight:600;color:var(--sub);}
nav.site-nav a:hover{color:var(--ink);}
nav.site-nav a.active{color:var(--blue-dark);}
.btn-primary{background:var(--blue);color:#fff;padding:9px 16px;border-radius:8px;font-size:13.5px;font-weight:700;}
.btn-primary:hover{background:var(--blue-dark);}

.breadcrumb{font-size:12.5px;color:var(--sub);padding:16px 0 0;}
.breadcrumb a:hover{color:var(--blue-dark);}
.breadcrumb .sep{margin:0 6px;color:#c7ccd3;}

.page-hero{padding:44px 0 30px;background:linear-gradient(180deg,#f2f6ff 0%,#fff 100%);}
.page-hero .eyebrow{display:inline-block;font-size:12.5px;font-weight:700;color:var(--blue-dark);background:#e8effe;padding:5px 13px;border-radius:20px;margin-bottom:14px;}
.page-hero h1{font-size:27px;font-weight:800;letter-spacing:-0.5px;margin:0 0 12px;}
.page-hero p{color:var(--sub);font-size:14.5px;max-width:640px;margin:0;}

section{padding:44px 0;}
section.alt{background:var(--bg-soft);}
.cat-head{margin-bottom:20px;}
.cat-head .tag{font-size:12px;font-weight:700;color:var(--blue-dark);display:block;margin-bottom:6px;letter-spacing:.3px;}
.cat-head h2{font-size:20px;font-weight:800;margin:0 0 8px;letter-spacing:-0.3px;}
.cat-head p{font-size:13.5px;color:var(--sub);margin:0;}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.cat-card{display:block;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;transition:border-color .15s;}
.cat-card:hover{border-color:var(--blue);}
.cat-card .icon{width:38px;height:38px;border-radius:10px;background:#e8effe;color:var(--blue-dark);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;}
.cat-card h3{font-size:15px;margin:0 0 4px;}
.cat-card p{font-size:12px;color:var(--sub);margin:0;}
.cat-card .count{margin-top:10px;font-size:11.5px;color:var(--blue-dark);font-weight:700;}

.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.biz-card{display:block;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;}
.biz-card:hover{border-color:var(--blue);}
.biz-card .tag{display:inline-block;font-size:11px;font-weight:700;color:var(--blue-dark);background:#e8effe;padding:3px 9px;border-radius:20px;margin-bottom:10px;}
.biz-card h3{font-size:15px;margin:0 0 6px;}
.biz-card p{font-size:12.5px;color:var(--sub);margin:0;}
.biz-card .loc{margin-top:10px;font-size:11.5px;color:var(--sub);}

.info-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;}
.info-block{border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:14px;background:#fff;}
.info-block h2{font-size:16px;margin:0 0 10px;}
.info-block p{font-size:13.5px;color:var(--sub);margin:0 0 8px;}
.info-block ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--sub);}
.info-block li{padding:3px 0;}
.side-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--bg-soft);margin-bottom:14px;}
.side-card h3{font-size:14px;margin:0 0 10px;}
.side-card dl{margin:0;font-size:13px;}
.side-card dt{color:var(--sub);margin-top:8px;}
.side-card dt:first-child{margin-top:0;}
.side-card dd{margin:2px 0 0;font-weight:700;}
.side-cta{display:block;text-align:center;background:var(--blue);color:#fff;padding:12px;border-radius:9px;font-weight:800;font-size:13.5px;margin-top:14px;}
.side-cta:hover{background:var(--blue-dark);}
.side-link{display:block;text-align:center;border:1px solid var(--line);padding:11px;border-radius:9px;font-weight:700;font-size:13px;margin-top:8px;color:var(--ink);}
.side-link:hover{border-color:var(--blue);}

.price-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px;}
.price-table th,.price-table td{border-top:1px solid var(--line);padding:10px 8px;text-align:left;}
.price-table th{color:var(--sub);font-weight:600;font-size:12.5px;}
.price-table td.p{font-weight:800;text-align:right;}

.faq-item{border-top:1px solid var(--line);padding:14px 0;}
.faq-item:first-child{border-top:none;}
.faq-item summary{cursor:pointer;font-weight:700;font-size:13.5px;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:" +";color:var(--blue-dark);}
.faq-item[open] summary::after{content:" −";}
.faq-item p{margin:8px 0 0;font-size:13px;color:var(--sub);}

.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;}
.photo-ph{aspect-ratio:4/3;border-radius:10px;background:var(--bg-soft);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;font-size:11.5px;color:var(--sub);}

.notice-list{margin:14px 0 0;padding-left:20px;color:var(--sub);font-size:13px;}
.notice-list li{padding:3px 0;}

footer{padding:30px 0 60px;border-top:1px solid var(--line);}
footer .wrap{display:flex;flex-direction:column;gap:6px;}
footer .fname{font-weight:800;font-size:14.5px;}
footer .fmeta{font-size:12.5px;color:var(--sub);}

@media (max-width:860px){
  nav.site-nav{display:none;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .biz-grid{grid-template-columns:1fr;}
  .info-grid{grid-template-columns:1fr;}
  .photo-grid{grid-template-columns:1fr 1fr;}
}
