:root{--bg:#fff;--fg:#1a1a1a;--sub:#666;--line:#e5e5e5;--link:#e8641a}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#eee;--sub:#aaa;--line:#333;--link:#ff8a4c}}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 -apple-system,"Pretendard","Noto Sans KR",sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px}
h1{font-size:28px}h2{font-size:18px;margin-top:32px}
a{color:var(--link)}.meta{color:var(--sub);font-size:14px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}
.biz{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);color:var(--sub);font-size:13px}
.hero{padding:56px 20px;border-radius:16px;background-size:cover;background-position:center;color:#fff;text-align:left}.hero h1{font-size:40px;margin:0}.hero .meta{color:#cbd2e0}
.slogan{font-size:20px;font-weight:700;color:var(--link);margin:4px 0 16px}
.cards{list-style:none;padding:0;display:grid;gap:12px}
.cards li{border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15px}
.cards strong{display:block;font-size:16px;margin-bottom:2px}
.cards img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto 10px;border-radius:12px}
.shots{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.shots figure{margin:0;flex:0 0 220px;scroll-snap-align:start}
.shots img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.shots figcaption{font-size:13px;color:var(--sub);margin-top:6px}
/* 홈 */
.home main.wrap,.wrap{max-width:1040px;margin:0 auto;padding-left:16px;padding-right:16px}
.top{background-size:cover;background-position:center;color:#fff}
.hero2{display:flex;align-items:center;gap:32px;padding-top:56px;padding-bottom:56px}
.hero-text{flex:1}.hero-text h1{font-size:40px;line-height:1.25;margin:8px 0 16px}
.brand{font-size:22px;font-weight:800;margin:0}.brand span{color:var(--link)}
.btn{display:inline-block;background:var(--link);color:#fff;font-weight:700;padding:12px 22px;border-radius:12px}
.small{font-size:13px;color:#cbd2e0}
.hero-phones{flex:1;display:flex;gap:12px;justify-content:center}
.hero-phones img{width:46%;max-width:220px;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}
.feat{display:flex;align-items:center;gap:40px;padding:48px 0;border-bottom:1px solid var(--line)}
.feat.rev{flex-direction:row-reverse}
.feat img{width:40%;max-width:300px;height:auto;border-radius:20px}
.feat div{flex:1}.feat h2{font-size:28px;margin:4px 0 12px}
.tag{color:var(--link);font-weight:700;margin:0}
.center{text-align:center;margin-top:48px}
.grid3{grid-template-columns:repeat(3,1fr)}
.notice{margin-top:32px;padding:4px 20px 12px;border-radius:12px;border:1px solid var(--line);font-size:14px}
@media (max-width:720px){
.hero2,.feat,.feat.rev{flex-direction:column;text-align:left}
.hero-text h1{font-size:30px}.feat{gap:20px;padding:32px 0}
.feat img{width:70%}.grid3{grid-template-columns:1fr}
}
