*{box-sizing:border-box}body{margin:0;font:15px/1.7 "Pretendard","Noto Sans KR",system-ui,sans-serif;color:#222;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.w{max-width:1440px;margin:auto;padding:0 50px}
.strip{background:#111;color:#fff;text-align:center;font-size:13px;font-weight:600;line-height:46px}
.top{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:20}
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:104px}
.util{display:flex;gap:18px;font-size:13px}.red{color:#c0243c}.blue{color:#1e5aa8}
.logo{font-size:36px;font-weight:900;letter-spacing:-.05em;color:#111}.tel{text-align:right;font-size:14px;color:#555}
.cat{display:flex;gap:22px;align-items:center;height:60px;font-size:14px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.cat a:hover{font-weight:700}
.pill{background:#2f6fe4;color:#fff;padding:6px 12px;border-radius:5px;font-weight:600}
.hero{height:712px;background:#eee center/cover;position:relative;display:flex;align-items:center}
.hero .w{width:100%}.hero p{margin:0;font-size:20px;color:#333}.hero h1{font-size:38px;margin:8px 0 14px;color:#111;letter-spacing:-.04em}.hero small{display:block;font-size:17px;color:#555;margin-bottom:26px}
.btn{display:inline-block;background:#1d1d1d;color:#fff;padding:12px 28px;border-radius:30px;font-size:14px}
.btn.o{background:none;border:1px solid #fff;border-radius:0;padding:18px 40px}
.sec{padding:80px 0 20px}.sec h2{text-align:center;font-size:30px;margin:0;color:#111}.sec .sub{text-align:center;color:#888;margin:8px 0 40px}
.bn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:120px}
.bn a{height:256px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;overflow:hidden;font-size:26px;font-weight:700}
.bn small{display:block;font-size:16px;font-weight:400;color:#888;margin-top:6px}.bn img{height:100%;width:260px;object-fit:cover}
.b1{background:linear-gradient(135deg,#e4ebf7,#dbe4f3)}.b2{background:linear-gradient(135deg,#f9e9ea,#f3dfe2)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px}
.prd img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:#eee}
.prd b{display:block;font-weight:500;margin:16px 0 10px;padding-bottom:12px;border-bottom:1px solid #eee}.prd span{font-weight:700;color:#111}
.mos{display:grid;grid-template-columns:323fr 662fr 323fr;grid-template-rows:324px 324px;gap:16px;margin-top:120px}
.mos a{position:relative;border-radius:12px;overflow:hidden;background:#ddd}.mos img{width:100%;height:100%;object-fit:cover}.mos .big{grid-row:span 2}
.mos i{position:absolute;right:18px;bottom:14px;font-style:normal;font-size:22px;font-weight:700;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.mos .big i{left:60px;right:auto;bottom:auto;top:46%;font-size:34px}.mos .big em{position:absolute;left:60px;top:57%;font-style:normal;color:#fff}
.full{position:relative;height:540px;margin-top:120px;border-radius:12px;overflow:hidden}.full img{width:100%;height:100%;object-fit:cover}
.full div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:30px;background:rgba(0,0,0,.28)}
.info{padding:60px 0 0}.info h2{font-size:24px}.info h3{font-size:17px;margin:26px 0 4px}
table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid #e5e5e5;padding:12px 14px;text-align:left}th{background:#f6f7f9;width:25%}
.pg{padding-top:50px}.pg h1{font-size:30px;margin:0 0 10px}.pg .ph{width:100%;height:420px;object-fit:cover;border-radius:12px;margin:24px 0}
footer{background:#f6f6f6;color:#666;padding:44px 0;font-size:13px;margin-top:120px}footer h3{color:#111;margin:0 0 10px;font-size:16px}footer p{margin:3px 0}
@media(max-width:900px){.w{padding:0 16px}.hd{height:70px;grid-template-columns:1fr auto}.util,.tel{display:none}.logo{font-size:26px}.hero{height:420px}.hero h1{font-size:26px}.hero p{font-size:18px}
.bn,.mos{grid-template-columns:1fr;grid-template-rows:none;margin-top:50px}.bn a{padding:0 24px;height:160px}.bn img{width:120px}.mos a{height:240px}.grid4{grid-template-columns:repeat(2,1fr);gap:14px}.full{height:320px;margin-top:50px}}
