/* ===== inline-1 ===== */

*{box-sizing:border-box} body{margin:0;font-family:'Pretendard','Noto Sans KR',Arial,sans-serif;background:#f7faf8;color:#1f2937;line-height:1.45} .wrap{max-width:980px;margin:28px auto;padding:0 18px} .hero{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px 28px;margin-bottom:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)} .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#2f855a;background:#eef8f1;border:1px solid #d7eedf;border-radius:999px;padding:7px 12px;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;background:#2f855a}.hero h1{margin:0 0 8px;font-size:26px;letter-spacing:-.04em}.hero p{margin:0;color:#6b7280;font-size:15px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.summary-card span{display:block;color:#6b7280;font-size:13px;margin-bottom:6px}.summary-card strong{font-size:18px;color:#111827}.section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;margin-top:16px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}.section h2{margin:0;font-size:20px;letter-spacing:-.03em}.section-desc{margin:4px 0 0;color:#6b7280;font-size:14px}.toggle-area{display:flex;gap:8px;flex-wrap:wrap}.type-btn{border:1px solid #d1d5db;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;color:#4b5563;cursor:pointer;transition:.2s}.type-btn:hover{border-color:#2f855a;color:#2f855a;background:#f4fbf6}.type-btn.active{background:#2f855a;color:#fff;border-color:#2f855a}.service-list{display:grid;gap:10px}.service-card{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;background:#fff;transition:.2s}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.07);border-color:#cce7d5}.service-title{display:flex;gap:10px;align-items:flex-start;font-weight:800}.check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e8f7ee;color:#2f855a;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}.service-code{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:24px;padding:0 8px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:900;margin-right:2px}.sub{display:block;font-weight:500;color:#6b7280;font-size:13px;margin-top:3px}.price{font-weight:800;color:#111827;white-space:nowrap}.apply-btn{border:0;background:#2f855a;color:#fff;border-radius:9px;padding:9px 14px;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap}.apply-btn:hover{background:#276749;box-shadow:0 6px 14px rgba(47,133,90,.22)}.total-box{margin-top:14px;background:#f2f8f4;border:1px solid #d9eee1;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.total-box p{margin:0;color:#4b5563;font-size:14px}.total-box strong{display:block;font-size:22px;color:#1f2937;margin-top:4px}.package-btn{border:0;background:#111827;color:#fff;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;white-space:nowrap}.package-btn:hover{background:#374151}.package-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:12px;overflow:hidden;border:1px solid #e5e7eb;border-radius:14px}.package-table th,.package-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.package-price-cell{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-apply-btn{border:1px solid #2f855a;background:#fff;color:#2f855a;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.2s}.package-apply-btn:hover{background:#2f855a;color:#fff;box-shadow:0 6px 14px rgba(47,133,90,.18)}.package-table th{background:#f9fafb;color:#374151}.package-table tr:last-child td{border-bottom:0}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 22px rgba(0,0,0,.18)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:760px){.wrap{margin:16px auto}.hero{padding:20px}.hero h1{font-size:22px}.summary{grid-template-columns:1fr}.section{padding:18px}.section-head{display:block}.toggle-area{margin-top:12px}.service-card{grid-template-columns:1fr}.price{padding-left:32px}.apply-btn{width:100%}.total-box{display:block}.package-btn{width:100%;margin-top:12px}.package-table{font-size:13px}.package-table th,.package-table td{padding:10px}.package-price-cell{display:block}.package-apply-btn{width:100%;margin-top:8px}}



/* ===== inline-2 ===== */

:root{
  --logo-orange:#d88422;
  --logo-green:#77a83d;
  --logo-green-dark:#4f7f34;
  --logo-green-soft:#edf6e7;
  --cream:#fffaf1;
  --line:#e8eee3;
  --muted:#68766a;
}
body{margin:0}
a{color:inherit;text-decoration:none}
.header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.header *{box-sizing:border-box}
.header-inner{
  max-width:1460px;
  height:88px;
  margin:0 auto;
  padding:0 30px;
  display:flex;
  align-items:center;
}
.logo{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.logo img{width:64px;height:64px;object-fit:contain}
.logo strong{display:block;font-size:25px;letter-spacing:-1.2px;color:#1f2b24}
.nav{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:flex;
  align-items:center;
  justify-content:flex-start!important;
  gap:0!important;
}
.nav-item{
  position:relative;
  padding:34px 10px!important;
  font-size:15.5px;
  font-weight:700;
  color:#29362d;
  white-space:nowrap;
}
.nav-item:hover{color:var(--logo-green-dark)}
.nav-item::after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:24px;
  height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--logo-green),var(--logo-orange));
  transform:scaleX(0);transition:.22s;
}
.nav-item:hover::after{transform:scaleX(1)}
.nav-link{display:block;color:inherit;text-decoration:none;font:inherit;white-space:nowrap}
.nav-separator{color:#c8cec8;font-size:15px;font-weight:400;line-height:1;pointer-events:none;user-select:none}
.mega{
  display:none;position:absolute;top:88px;left:50%;transform:translateX(-50%);
  width:540px;padding:17px;background:#fff;border:1px solid var(--line);
  border-radius:22px;box-shadow:0 24px 65px rgba(58,82,49,.14);color:#1f2b24;
}
.nav-item:hover .mega{display:block}
.mega.small{width:430px}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mega h4{margin:0 0 13px;font-size:15px;color:var(--logo-green-dark)}
.mega-card{
  display:block;margin-bottom:10px;padding:15px 16px;border-radius:16px;
  border:1px solid #dfead6;background:var(--logo-green-soft);transition:.2s;
}
.mega-card:hover{background:#e5f1dd;transform:translateY(-2px)}
.mega-card strong{display:block;margin-bottom:5px;font-size:16px}
.mega-card span{color:var(--muted);font-size:13px;line-height:1.5}
.menu-package strong{color:#46762d}
.menu-package span{color:#6b7d68}
.menu-single{background:#fffaf1;border-color:#f0dfc0}
.menu-single:hover{background:#fff3dc}
.menu-single strong{color:#d88422}
.menu-single span{color:#8f7252}
.menu-small-card{width:500px!important;gap:12px!important}
.menu-small-card h4{margin-bottom:6px!important;font-size:15px!important;font-weight:800!important;white-space:nowrap}
.menu-small-card .mega-card{margin-bottom: 10px!important;padding: 15px 16px!important;border-radius: 14px!important;font-size:15px!important;font-weight:800!important;white-space:nowrap}
.menu-small-card .mega-card span{font-size:12px!important;line-height:1.35!important}
.precheck-menu{width:300px!important;padding:20px!important}
.precheck-menu h4{margin-bottom:12px!important;font-size:15px!important;color:var(--logo-green-dark)}
.precheck-list{display:grid;gap:0}
.precheck-list a{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:13px 4px;border-bottom:1px solid #edf1e8;font-size:15px;font-weight:800;
  color:#344639;transition:.22s;
}
.precheck-list a:last-child{border-bottom:0}
.precheck-list a span{flex:1 1 auto;min-width:0;text-align:left}
.precheck-list a em{
  margin-left:auto;flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;background:#f2f4f1;
  color:#7d8980;font-size:15px;font-weight:900;font-style:normal;transition:.22s;
}
.precheck-list a:hover{color:var(--logo-green-dark);padding-left:6px}
.precheck-list a:hover em{background:var(--logo-orange);color:#fff;transform:translateX(3px)}
.coming-mega{width:220px!important;padding:12px!important;text-align:center}
.coming-card{
  display:flex;justify-content:center;align-items:flex-end;min-height:155px;
  padding-bottom:8px;background:#fffdf8;border-radius:14px;
}
.coming-card img{width:140px;display:block;margin:0 auto}
.coming-card .title{display:none}
.top-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  margin-left:12px!important;padding:10px 13px!important;border-radius:999px;
  background:#fff;color:var(--logo-orange);border:1px solid #f1dcc0;
  box-shadow:0 10px 24px rgba(64,92,52,.08);font-size:13px!important;
  font-weight:900;white-space:nowrap;transition:.22s;
}
.top-btn::after{
  content:"→";width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--logo-green-soft);font-size:13px;
}
.mobile{display:none;font-weight:900}

.wrap{
  padding-top:112px !important;
}

.service-step-hero{
  width:100%;
  margin:0 0 28px 0;
  padding:30px 32px;
  border-radius:24px;
  background:linear-gradient(135deg,#f1f8ec 0%,#fffaf1 100%);
  border:1px solid #dfead6;
  box-shadow:0 14px 34px rgba(64,92,52,.08);
  text-align:left;
  box-sizing:border-box;
}
.service-step-label{
  display:inline-flex;
  align-items:center;
  margin:0 0 12px 0;
  padding:7px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe8d2;
  color:#4f7f34;
  font-size:13px;
  font-weight:900;
  letter-spacing:.4px;
}
.service-step-hero h1{
  margin:0 0 10px;
  color:#2f5f27;
  font-size:36px;
  line-height:1.25;
  letter-spacing:-1.7px;
}
.service-step-hero p{
  margin:0;
  color:#68766a;
  font-size:16px;
  line-height:1.7;
}
@media(max-width:980px){
  .header-inner{height:auto;padding:14px 20px}
  .nav,.top-btn{display:none}
  .mobile{display:block;margin-left:auto}
  .wrap{padding-top:92px!important}
  .service-step-hero{padding:24px 22px}
  .service-step-hero h1{font-size:28px}
}