:root{--ms-brand:#2463d4;--ms-ink:#17263e;--ms-muted:#556274;--ms-line:#e3e6ea;--ms-paper:#fff;--ms-tint:#edf3ff;--ms-accent:#f3f6fb}
.ms-page-delivery{background:#fff;color:var(--ms-ink)}.ms-page-delivery .ms-brand{color:#172033}
.md-hero{padding:86px 0 78px;background:linear-gradient(145deg,#fff 50%,#f0f5ff 100%);overflow:hidden}
.md-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}
.md-hero-copy h1{font-size:64px;line-height:1.14;letter-spacing:-3.5px;margin:0 0 28px}.md-hero-copy h1 em{font-style:normal;color:#2463d4}.md-lead{font-size:21px;line-height:1.8;color:var(--ms-muted)}
.md-fine{margin-top:24px;font-size:14px;color:var(--ms-muted)}.md-hero-visual{position:relative;height:590px;display:grid;place-items:center}.md-hero-visual img{position:relative;z-index:2;max-height:570px;width:auto;filter:drop-shadow(0 24px 28px rgba(31,63,119,.22));transition:transform .35s ease}.md-hero-visual:hover img{transform:rotate(2deg) translateY(-5px)}.md-orbit{position:absolute;width:460px;height:460px;border-radius:50%;background:#dce8ff}
.md-value{border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line)}.md-value>.ms-container{display:flex;justify-content:space-between;gap:25px;padding-top:18px;padding-bottom:18px}.md-value p{font-size:15px}.md-value strong{color:#2463d4;margin-right:8px}
.md-stats{background:#17263e;color:#fff;padding:42px 0}.md-stats>.ms-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.md-stats div{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.25);padding-left:22px}.md-stats div:nth-child(1) strong{color:#7eb6ff}.md-stats div:nth-child(2) strong{color:#ff9e88}.md-stats div:nth-child(3) strong{color:#ffc477}.md-stats div:nth-child(4) strong{color:#94afff}.md-stats strong{font-size:35px;line-height:1.2}.md-stats small{font-size:15px;margin-left:4px}.md-stats span{font-size:14px;color:#bdc8d8;margin-top:7px}.md-stats-note{grid-column:1/-1;margin:0;padding-top:4px;color:#93a3b9;font-size:13px;text-align:right}
.md-video-section{padding-top:86px;background:#fff}.md-video-frame{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;border-radius:24px;background:#101722;box-shadow:0 28px 70px rgba(24,40,64,.16)}.md-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#101722}.md-video-status{position:absolute;left:18px;top:18px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(12,22,36,.68);backdrop-filter:blur(8px);color:#fff;font-size:12px;line-height:1;pointer-events:none}
.md-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.md-benefit-grid article{padding:26px 0 0;border:0;border-top:1px solid var(--ms-line);border-radius:0;background:transparent}.md-benefit-grid span{display:block;margin-bottom:20px;font-family:Arial,sans-serif;font-size:13px;color:#475569}.md-benefit-grid h3{font-size:22px;margin:0 0 12px}.md-benefit-grid p,.md-photo-grid p,.md-feature-section p{font-size:17px;line-height:1.8;color:var(--ms-muted)}
.md-flow-section{background:#f7f8fa}.md-flow-section .ms-flow-symbol{color:#2463d4;background:#fff;border:1px solid #dfe5ee;border-radius:50%;box-shadow:0 8px 20px rgba(19,48,83,.08);font-weight:800;font-size:18px}.md-flow-section .ms-flow-symbol span{font-family:Arial,sans-serif}
.md-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.md-photo-grid article{border:1px solid var(--ms-line);border-radius:10px;overflow:hidden;background:#fff}.md-photo-grid img{width:100%;height:250px;object-fit:cover}.md-photo-grid h3,.md-photo-grid p{margin-left:24px;margin-right:24px}.md-photo-grid h3{font-size:22px;margin-top:23px}.md-photo-grid p{margin-bottom:27px}
.md-feature-section{background:#f3f6fb}.md-feature-section .ms-feature-grid article{background:#fff}
.md-app-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.md-app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.md-app-cards article{border:1px solid var(--ms-line);border-radius:10px;overflow:hidden;background:#fff}.md-app-cards img{width:100%;aspect-ratio:4/5;object-fit:cover}.md-app-cards h3{font-size:16px;padding:18px;margin:0}
.md-pricing{background:#eaf2ff}.md-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.md-price-card{background:#fff;border-radius:14px;padding:35px}.md-price-card dl{margin:0 0 28px}.md-price-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--ms-line)}.md-price-card dt{color:var(--ms-muted)}.md-price-card dd{font-size:21px;font-weight:800;margin:0}.md-price-card .ms-button{width:100%;justify-content:space-between}
.md-contact{padding:90px 0;background:#17263e;color:#fff}.md-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.md-contact h2{font-size:45px;line-height:1.3;color:#fff}.md-contact p{font-size:18px;line-height:1.8;color:#c7d1df}.md-contact .ms-kakao-link{color:#fff;border-color:#c7d1df;margin-top:30px}.md-contact-card{padding:36px;background:#fff;color:var(--ms-ink);border-radius:14px}.md-contact-card strong{font-size:24px}.md-contact-card p{color:var(--ms-muted)}.md-contact-card .ms-button{width:100%;justify-content:space-between}
@media(max-width:1000px){.md-hero-copy h1{font-size:48px}.md-hero-grid,.md-app-grid,.md-price-grid,.md-contact-grid{gap:35px}.md-hero-visual{height:470px}.md-hero-visual img{max-height:450px}.md-orbit{width:360px;height:360px}}
@media(max-width:800px){.md-hero{padding:55px 0}.md-hero-grid,.md-app-grid,.md-price-grid,.md-contact-grid{grid-template-columns:1fr}.md-hero-copy h1{font-size:40px;letter-spacing:-2px}.md-hero-visual{height:420px}.md-value>.ms-container{display:grid;gap:9px}.md-stats>.ms-container{grid-template-columns:1fr 1fr}.md-benefit-grid,.md-photo-grid{grid-template-columns:1fr}.md-app-cards{grid-template-columns:repeat(3,1fr)}.md-contact h2{font-size:36px}.ms-page-delivery .ms-page-nav>a{width:50%}}
@media(max-width:520px){.md-hero-copy h1{font-size:35px}.md-lead{font-size:18px}.md-hero-visual{height:350px}.md-hero-visual img{max-height:340px}.md-orbit{width:290px;height:290px}.md-stats>.ms-container{grid-template-columns:1fr 1fr;gap:24px 12px}.md-stats-note{text-align:left}.md-video-section{padding-top:60px}.md-video-frame{border-radius:14px}.md-video-status{left:10px;top:10px;font-size:10px}.md-app-cards{grid-template-columns:1fr}.md-app-cards img{aspect-ratio:16/10}.md-price-card{padding:24px}.md-contact{padding:65px 0}}

/* 배너 전체의 부드러운 색감과 주문 안내를 함께 구성합니다. */
.md-hero{position:relative;background:radial-gradient(ellipse at 82% 28%,#dfeae9 0,transparent 48%),radial-gradient(ellipse at 8% 100%,#e8edf5 0,transparent 52%),#f6f7f5}
.md-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.75),transparent 60%);pointer-events:none}
.md-hero-grid{position:relative;gap:42px;grid-template-columns:1.15fr 1fr}
.md-hero-copy h1{font-size:clamp(38px,4.2vw,60px);line-height:1.22;letter-spacing:-2.8px}
.md-hero-copy .ms-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px}
.md-hero-copy .ms-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#2463d4;box-shadow:0 0 0 5px rgba(36,99,212,.07)}
.md-orbit{width:440px;height:490px;border-radius:48% 48% 36% 36%;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(183,205,219,.3));border:1px solid rgba(255,255,255,.85);transform:rotate(-12deg);box-shadow:inset 0 0 70px rgba(255,255,255,.4)}
.md-hero-visual img{max-width:78%;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(32,49,69,.17))}
.md-hero-note{position:absolute;z-index:3;background:rgba(255,255,255,.96);border:1px solid #fff;border-radius:16px;box-shadow:0 16px 45px rgba(37,62,83,.1);color:#17263e;pointer-events:none}
.md-hero-note small{display:block;font-size:12px;line-height:1.5;color:#627083}
.md-hero-note-order{left:-12px;top:100px;display:flex;align-items:center;gap:12px;padding:17px 20px;transform:rotate(-3deg)}
.md-note-icon{display:grid;place-items:center;width:34px;height:34px;background:#e9f2ec;color:#397356;border-radius:50%;font-size:18px}
.md-hero-note-order strong{display:block;font-size:16px;margin-top:3px}
.md-hero-note-fee{right:-8px;bottom:75px;padding:23px 26px;transform:rotate(3deg)}
.md-hero-note-fee>strong{display:block;font-size:58px;line-height:1.2;letter-spacing:-3px;color:#2463d4;margin:6px 0}
.md-hero-note-fee>strong span{font-size:23px;margin-left:5px;letter-spacing:0}
.md-hero-note-fee p{font-size:12px;margin:0;color:#627083}
@media(max-width:1000px){.md-hero-copy h1{font-size:42px}.md-orbit{width:330px;height:390px}.md-hero-note-order{left:-10px;top:60px;padding:13px}.md-hero-note-fee{right:0;bottom:45px;padding:18px}.md-hero-note-order strong{font-size:14px}}
@media(max-width:800px){.md-hero-grid{grid-template-columns:1fr;gap:20px}.md-hero-copy h1{font-size:42px}.md-hero-visual{width:100%;max-width:480px;margin:0 auto;height:460px}.md-hero-note-order{left:0;top:80px}.md-hero-note-fee{right:0;bottom:35px}}
@media(max-width:520px){.md-hero-copy h1{font-size:34px;letter-spacing:-1.8px}.md-hero-visual{height:390px}.md-orbit{width:270px;height:330px}.md-hero-note-order{top:55px;gap:8px;padding:12px}.md-note-icon{width:28px;height:28px}.md-hero-note-order strong{font-size:12px}.md-hero-note small,.md-hero-note-fee p{font-size:10px}.md-hero-note-fee{padding:14px 17px;bottom:25px}.md-hero-note-fee>strong{font-size:44px}}
@media(prefers-reduced-motion:reduce){.md-hero-visual img{transition:none}.md-hero-visual:hover img{transform:none}}
/* 밝은 배경을 유지하고 휴대폰 주변 배치만 정돈합니다. */
.md-hero{background:linear-gradient(110deg,#fff 45%,#f3f6fa 100%)}
.md-hero::before{display:none}
.md-orbit{display:none}
.md-hero-grid{gap:56px}
.md-hero-visual img{filter:drop-shadow(0 22px 22px rgba(32,49,69,.14))}
.md-hero-note{transform:none;border-radius:12px;box-shadow:0 12px 32px rgba(37,62,83,.08);border:1px solid #e9edf2}
.md-hero-note-order{left:-4px;top:110px}
.md-hero-note-fee{right:0;bottom:90px;padding:20px 24px}
@media(max-width:1000px){.md-hero-grid{gap:32px}.md-hero-note-order{top:75px;left:-8px}.md-hero-note-fee{bottom:55px;padding:17px 20px}}
@media(max-width:800px){.md-hero-grid{gap:20px}.md-hero-note-order{top:80px;left:0}.md-hero-note-fee{bottom:50px}}
@media(max-width:520px){.md-hero-note-order{top:55px}.md-hero-note-fee{bottom:35px;padding:14px 17px}}
/* 배너 사진은 휴대폰이 선명하게 보이도록 단정한 프레임으로 배치합니다. */
.md-hero-grid{position:relative;z-index:1}
.md-hero-visual{height:560px;overflow:hidden;border-radius:28px;background:#f2f4f6;box-shadow:0 22px 60px rgba(27,45,68,.12)}
.md-hero-visual img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:52% center;filter:none;transition:transform .45s ease}
.md-hero-visual:hover img{transform:scale(1.018)}
@media(max-width:1000px){.md-hero-visual{height:470px}}
@media(max-width:800px){.md-hero-visual{height:auto;aspect-ratio:3/2;max-width:100%}.md-hero-visual img{object-position:center}}
@media(max-width:520px){.md-hero-visual{height:auto;aspect-ratio:4/3;border-radius:20px}.md-hero-visual img{object-position:48% center}}

/* 투명 인물 컷은 프레임 없이 배너 바탕에 직접 배치합니다. */
.md-hero{padding-bottom:42px}
.md-hero-grid{grid-template-columns:.9fr 1.1fr;gap:20px}
.md-hero-copy h1{font-size:clamp(38px,3.8vw,56px)}
.md-hero-title-line{white-space:nowrap}
.md-hero-visual{height:620px;overflow:visible;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:flex-end;justify-content:flex-end}
.md-hero-visual img{width:auto;height:620px;max-width:none;max-height:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 18px rgba(26,44,65,.12));transform:none}
.md-hero-visual:hover img{transform:translateY(-4px)}
.md-hero-badge{position:absolute;z-index:4;top:55px;right:8px;display:flex;align-items:center;gap:12px;padding:15px 19px;background:rgba(255,255,255,.96);border:1px solid #e4e9f0;border-radius:14px;box-shadow:0 14px 35px rgba(27,45,68,.1)}
.md-hero-badge>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf2ff;color:#2463d4;font-size:16px;font-weight:800}
.md-hero-badge small{display:block;color:#647084;font-size:12px;line-height:1.35}
.md-hero-badge strong{display:block;margin-top:3px;color:#17263e;font-size:15px;line-height:1.35;white-space:nowrap}
@media(max-width:1000px){.md-hero-grid{grid-template-columns:1fr 1fr;gap:8px}.md-hero-visual{height:540px}.md-hero-visual img{height:540px}}
@media(max-width:800px){.md-hero{padding-bottom:0}.md-hero-grid{grid-template-columns:1fr;gap:12px}.md-hero-visual{height:520px;aspect-ratio:auto;justify-content:center}.md-hero-visual img{height:520px}.md-hero-badge{top:24px;right:12px}}
@media(max-width:520px){.md-hero-title-line{white-space:normal}.md-hero-visual{height:390px;aspect-ratio:auto}.md-hero-visual img{height:390px}.md-hero-badge{top:14px;right:4px;padding:11px 13px;gap:8px}.md-hero-badge>span{width:27px;height:27px}.md-hero-badge strong{font-size:12px}.md-hero-badge small{font-size:10px}}
/* 원본 콘텐츠를 현대적인 이미지·정보 섹션으로 재구성합니다. */
.md-owner-wide{position:relative;margin:46px 0 0;border-radius:12px;overflow:hidden;background:#e9edf1}.md-owner-wide img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 45%}.md-owner-wide figcaption{position:absolute;left:28px;bottom:28px;max-width:510px;padding:20px 24px;background:rgba(255,255,255,.94);border-radius:9px;box-shadow:0 12px 35px rgba(23,38,62,.12)}.md-owner-wide strong,.md-owner-wide span{display:block}.md-owner-wide strong{font-size:20px}.md-owner-wide span{margin-top:7px;color:#475569;line-height:1.7}.md-promo-section{background:#f7f7f5}.md-promo-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}.md-promo-visual{width:100%;max-width:470px;margin:0;overflow:hidden;border-radius:10px;background:transparent;box-shadow:0 12px 28px rgba(20,39,66,.12)}.md-promo-visual img{display:block;width:100%;height:auto;object-fit:cover}.md-promo-list{border-top:1px solid var(--ms-line)}.md-promo-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--ms-line)}.md-promo-list article>span{font:700 13px Arial;color:var(--ms-muted);padding-top:4px}.md-promo-list h3{font-size:20px;margin:0 0 6px}.md-promo-list p{color:#475569;line-height:1.7}.md-portfolio-section{overflow:hidden}.md-portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}.md-portfolio-grid figure{margin:0;overflow:visible;background:transparent}.md-portfolio-grid figure:nth-child(even){margin-top:34px}.md-portfolio-grid img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(20,39,66,.12));transition:transform .35s ease}.md-portfolio-grid figure:hover img{transform:scale(1.018)}.md-screens-section{background:#f7f7f5}.md-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.md-screen-grid figure{margin:0;padding:22px 18px 18px;background:#fff;border:1px solid var(--ms-line);border-radius:12px;text-align:center}.md-screen-grid img{display:block;width:100%;height:520px;object-fit:contain}.md-screen-grid figcaption{margin-top:16px;font-weight:700}.ms-page-delivery .ms-contact-section{--ms-brand:#2463cf;--ms-tint:#edf3ff}
.ms-page-delivery .ms-faq-section .ms-text-link{color:var(--ms-brand)}
@media(max-width:1000px){.md-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.md-promo-layout{grid-template-columns:1fr;gap:30px}.md-screen-grid{grid-template-columns:1fr}.md-screen-grid img{height:460px}.md-owner-wide img{height:360px}}
@media(max-width:520px){.md-owner-wide img{height:420px}.md-owner-wide figcaption{position:relative;left:auto;bottom:auto;margin:0;border-radius:0;box-shadow:none}.md-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.md-portfolio-grid figure:nth-child(even){margin-top:20px}.md-screen-grid img{height:400px}}