:root{color-scheme:light;--blue:#185d99;--ink:#183b5e;--line:#d9e7f3;--bg:#f4f8fc}*{box-sizing:border-box}body{margin:0;font:16px/1.65 'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;color:var(--ink);background:var(--bg);word-break:keep-all}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #157fc3;outline-offset:5px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner,.home{max-width:1160px;margin:auto;padding:22px 28px}.brand{display:inline-block}.brand img{width:225px;max-width:100%;height:auto;display:block}.home{padding-top:32px;padding-bottom:70px}.banner{position:relative;overflow:hidden;border-radius:22px;background:#d7efff;min-height:220px;aspect-ratio:7018/1254;display:flex;align-items:center}.banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}.banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 13%,#d8edfa 27%,#f1f9ff 100%)}.banner-copy{position:relative;z-index:1;padding:28px 35px 28px 29%;width:100%}.banner h1{font-size:clamp(25px,3.6vw,43px);line-height:1.35;letter-spacing:-.04em;margin:0 0 12px;color:#1c5d98}.banner p{font-size:18px;margin:0;color:#476d8d}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.menu-card{background:white;border:1px solid #cbdfee;border-radius:20px;padding:28px;box-shadow:0 5px 22px #14589006;transition:border-color .15s,transform .15s}.menu-card:hover{border-color:#2878b6;transform:translateY(-3px)}.menu-symbol{width:48px;height:48px;margin-bottom:16px;display:grid;place-items:center;color:#2179b5;background:#eaf4fc;border-radius:13px}.menu-symbol svg{width:28px;height:28px}.menu-card h2{font-size:25px;margin:0 0 8px;color:#185d99;letter-spacing:-.04em}.menu-card p{font-size:16px;color:#5a7188;margin:0}.menu-action{display:inline-block;margin-top:23px;padding:9px 17px;border-radius:10px;background:#185d99;color:white;font-size:15px;font-weight:700}.home-footer{text-align:center;color:#718397;font-size:14px;margin-top:35px}.inner-nav{max-width:1160px;margin:auto;padding:12px 28px;display:flex;gap:22px;flex-wrap:wrap;background:white;border-bottom:1px solid var(--line)}.inner-nav a{color:#185d99;font-weight:700;font-size:14px}.inner-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}@media(max-width:640px){.header-inner{padding:17px 20px}.brand img{width:190px}.home{padding:22px 16px 45px}.banner{border-radius:16px;min-height:175px}.banner-copy{padding:22px 16px 22px 39%}.banner:after{background:linear-gradient(90deg,transparent 20%,#d8edfa 39%,#f1f9ff 100%)}.banner h1{font-size:25px;letter-spacing:-.05em}.banner p{font-size:14px;line-height:1.6}.menu-grid{gap:12px;margin-top:19px}.menu-card{padding:21px 16px;border-radius:16px}.menu-symbol{width:41px;height:41px;margin-bottom:14px}.menu-card h2{font-size:21px}.menu-card p{font-size:14px;line-height:1.65}.menu-action{font-size:14px;padding:9px 12px;margin-top:19px}.inner-nav{padding:12px 17px;gap:16px}}@media(max-width:360px){.menu-card{padding:19px 12px}.menu-card h2{font-size:19px}.banner h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.menu-card{transition:none}.menu-card:hover{transform:none}}
:root{--logo-placement:right}.site-header{display:none}.banner-copy{padding-right:26%}.banner-logo{position:absolute;z-index:2;right:28px;top:50%;transform:translateY(-50%);width:215px;max-width:22%;line-height:0}.banner-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}@media(max-width:640px){.banner{min-height:250px}.banner-copy{padding-right:16px;padding-bottom:83px}.banner-logo{right:17px;top:auto;bottom:19px;transform:none;width:145px;max-width:49%}.home{padding-top:20px}}.menu-card{display:flex;flex-direction:column}.menu-symbol{flex-shrink:0}.menu-card h2{line-height:1.45}.menu-card p{margin-bottom:23px}.menu-action{align-self:flex-start;margin-top:auto}

.contact{max-width:640px;display:grid;gap:10px;margin:38px auto 0}.phone{display:block;padding:13px 20px;background:#edf3ff;border:1px solid #d6e3f4;border-radius:13px;text-align:center;color:#1a4777;font-size:27px;font-weight:800;letter-spacing:-.03em}.phone:hover{background:#e1edfc}.talk-link{display:block;text-align:center;margin-top:6px;padding:16px 20px;border-radius:13px;background:#175ad8;color:white;font-size:20px;font-weight:750}.talk-link:hover{background:#104dbf}@media(max-width:640px){.contact{margin-top:25px;gap:9px}.phone{font-size:24px;padding:12px 16px}.talk-link{font-size:18px;padding:15px 16px}}
.banner{width:100%;min-width:0}.menu-card{min-width:0}
.banner-logo{mix-blend-mode:multiply}.banner-logo img{mix-blend-mode:normal}
.banner .banner-slogan{margin:0;letter-spacing:-.045em}.slogan-intro{display:block;font-size:clamp(18px,2.1vw,24px);font-weight:650;line-height:1.55;color:#476d8d;margin-bottom:12px}.slogan-main{display:block;font-size:clamp(27px,3.5vw,42px);font-weight:850;line-height:1.4;color:#1b5f99}.slogan-main em{font-style:normal;color:#086eb8;background:linear-gradient(transparent 73%,#b9e3f8 73%);padding-bottom:3px}@media(max-width:640px){.banner{min-height:270px}.slogan-intro{font-size:clamp(15px,3.15vw,19px);margin-bottom:9px}.slogan-main{font-size:clamp(21px,4.8vw,29px)}}
.consultation-intro{display:block;width:100%;height:auto;border-radius:15px;margin-bottom:6px}.contact{overflow:hidden}
.call-help{text-align:center;margin:5px 12px 8px;font-size:16px;line-height:1.7;color:#476a8b;word-break:keep-all}
.contact-compact{grid-template-columns:32% minmax(0,1fr);gap:14px;padding:22px;background:white;border:1px solid #d9e7f3;border-radius:20px}.contact-title{grid-column:1/-1;margin:0 0 4px;font-size:26px;line-height:1.45;letter-spacing:-.04em}.contact-title span{display:block;font-size:14px;font-weight:750;color:#176bd0;letter-spacing:0;margin-bottom:5px}.contact-portrait{position:relative;overflow:hidden;border-radius:12px;background:#f0f4f5;min-height:250px}.contact-portrait img{position:absolute;right:0;top:0;width:260%;max-width:none;height:auto}.contact-links{display:grid;gap:7px;align-content:center;min-width:0}.contact-links .call-help{font-size:14px;line-height:1.45;margin:0 0 3px}.contact-links .phone{padding:9px 8px;font-size:24px;line-height:1.3}.contact-links .talk-link{padding:11px 8px;font-size:17px;margin-top:0;line-height:1.4}@media(max-width:640px){.contact-compact{padding:16px;gap:12px;border-radius:16px}.contact-title{font-size:23px}.contact-portrait{min-height:230px}.contact-links .phone{font-size:clamp(18px,3.8vw,23px)}.contact-links .talk-link{font-size:clamp(13px,2.9vw,17px)}.contact-links .call-help{font-size:13px}}@media(max-width:380px){.contact-compact{padding:12px;grid-template-columns:30% minmax(0,1fr)}.contact-title{font-size:21px}}

.event-entry{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;border-radius:18px;padding:24px 26px;margin-top:25px;background:linear-gradient(110deg,#155fa6,#0874cf);color:white}.event-entry:hover{background:#155fa6}.event-entry span{font-size:18px;font-weight:700;color:#e5f3ff}.event-entry strong{font-size:29px;line-height:1.4;letter-spacing:-.035em}.event-entry em{font-style:normal;color:#fff3aa}.event-entry+.menu-grid{margin-top:18px}@media(max-width:640px){.event-entry{margin-top:20px;padding:19px 18px;border-radius:15px;gap:4px 20px}.event-entry span{font-size:15px}.event-entry strong{font-size:25px}}
.contact-portrait img{height:140%;width:auto;right:-30%}@media(max-width:420px){.banner:after{background:linear-gradient(90deg,transparent 28%,#d8edfa 50%,#f1f9ff 100%)}}
@media(max-width:640px){.banner{background:linear-gradient(120deg,#d8edfa,#f1f9ff)}.banner:after{display:none}.banner-photo{width:42%;object-position:left center}.banner-copy{padding-left:calc(42% + 12px);padding-right:14px;padding-bottom:88px}.slogan-intro span{display:block}.slogan-intro{font-size:clamp(15px,3.1vw,19px);line-height:1.5}.slogan-main{font-size:clamp(21px,4.7vw,29px)}.banner-logo{right:16px;bottom:22px;width:135px;max-width:43%}}
.banner-mobile{display:none}html{min-height:100%;overflow-y:auto}body{min-height:100svh;height:auto;overflow-y:visible}.contact-compact{overflow:visible}@media(max-width:640px){.banner-desktop{display:none}.banner-mobile{display:flex}.home{padding-bottom:40px}}
@media(max-width:420px){.banner-mobile .banner-photo{object-position:-28px center}}
.shop-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.shop-link{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 10px;border:1px solid #1b67ad;border-radius:13px;font-size:19px;font-weight:750;line-height:1.5;text-align:center}.shop-coupang{background:#1b67ad;color:white}.shop-naver{background:white;color:#195d98}.shop-coupang:hover{background:#15558f}.shop-naver:hover{background:#eaf4fc}.shop-link span{flex-shrink:0}@media(max-width:640px){.shop-links{gap:10px;margin-top:15px}.shop-link{font-size:clamp(12px,3.1vw,17px);padding:13px 7px;gap:5px}.shop-links+.event-entry{margin-top:15px}}
@media(max-width:640px){.banner-mobile .banner-photo{width:100%;-webkit-mask-image:linear-gradient(90deg,#000 52%,transparent 88%);mask-image:linear-gradient(90deg,#000 52%,transparent 88%)}}
@media(max-width:640px){.banner-mobile .banner-copy{padding-left:54%}}
@media(max-width:640px){.banner-mobile .banner-photo{opacity:.32}.banner-mobile .banner-copy{padding-left:45%}.banner-mobile .slogan-intro{color:#416480}.banner-mobile .slogan-main{color:#15588f}}
@media(max-width:640px){.banner-mobile .banner-photo{object-position:center;transform:translateX(-22%);-webkit-mask-image:linear-gradient(90deg,#000 48%,transparent 90%);mask-image:linear-gradient(90deg,#000 48%,transparent 90%)}}
.footer-brand-logo{display:none}@media(max-width:640px){.banner-mobile{min-height:250px}.banner-mobile .banner-logo{display:none}.banner-mobile .banner-copy{padding:28px 18px 28px 45%}.banner-mobile .slogan-intro{font-size:16px;line-height:1.55;margin-bottom:13px}.banner-mobile .slogan-main{font-size:clamp(23px,4.8vw,29px);line-height:1.45}.footer-brand-text{display:none}.footer-brand-logo{display:block;width:180px;height:auto;margin:0 auto;mix-blend-mode:multiply}.home-footer{margin-top:30px}}
@media(max-width:640px){.banner-mobile .banner-photo{object-fit:contain;object-position:left center;transform:translateX(-14%);-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent 70%);mask-image:linear-gradient(90deg,#000 40%,transparent 70%)}}
@media(max-width:640px){.shop-link{flex-direction:column;gap:3px;min-height:68px;padding:11px 7px}.shop-name{font-size:16px;font-weight:800;line-height:1.35}.shop-action{font-size:13px;font-weight:650;line-height:1.35}.shop-links{gap:12px}.banner-mobile .slogan-main{letter-spacing:-.035em}}
@media(max-width:640px){.banner-mobile .banner-photo{width:auto;height:100%;left:-25px;object-fit:contain;transform:none;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}}