*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#0b1c32;background:#fff}.header{height:86px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:10px 5vw;background:linear-gradient(180deg,rgba(2,13,29,.92),rgba(2,13,29,.35));transition:.3s}.header.scrolled{background:rgba(2,13,29,.96);box-shadow:0 8px 30px #0003}.brand img{width:138px;height:66px;object-fit:contain;filter:drop-shadow(0 2px 8px #0005)}.nav{margin-left:auto;display:flex;gap:34px}.nav a,.cta{color:white;text-decoration:none;font-weight:700;font-size:15px}.cta{margin-left:36px;background:#0878e8;padding:14px 20px;border-radius:4px}.hero{height:100vh;min-height:650px;position:relative;overflow:hidden;background:#03101f}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;pointer-events:none;transition:opacity 1.2s ease;background:#061326}.slide::before{content:"";position:absolute;inset:-4%;background-image:var(--bg);background-size:cover;background-position:center;transform:scale(1.03);animation:ken 9s ease-in-out infinite alternate}.slide.active{opacity:1;pointer-events:auto}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,25,.78) 0%,rgba(0,10,25,.42) 42%,rgba(0,0,0,.08) 75%)}.copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-42%);color:#fff;text-shadow:0 2px 12px #0007}.copy span{font-size:14px;letter-spacing:2px;font-weight:800;color:#39a7ff}.copy h1,.copy h2{font-size:clamp(38px,4.3vw,74px);line-height:1.12;margin:18px 0}.copy p{font-size:clamp(15px,1.25vw,21px);font-weight:600}.copy.dark{color:#fff}.dots{position:absolute;z-index:5;right:3vw;top:50%;display:grid;gap:15px}.dots button{width:10px;height:10px;border:0;border-radius:50%;background:#fff9;padding:0;cursor:pointer}.dots button.on{background:#0b8cf5;transform:scale(1.35)}.scroll{position:absolute;z-index:5;bottom:26px;left:50%;transform:translateX(-50%);color:#fff;font-size:11px;letter-spacing:2px}.section{max-width:1200px;margin:auto;padding:110px 5vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.intro small,.band small,.contact small{color:#0878e8;font-weight:900;letter-spacing:2px}.intro h2,.band h2,.contact h2{font-size:clamp(34px,4vw,58px);line-height:1.15;margin:15px 0}.intro p{font-size:18px;line-height:1.9;color:#5c6775}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:0}.cards article{background:#f4f7fb;padding:42px;min-height:240px;border-top:4px solid #0878e8}.cards b{color:#0878e8}.cards h3{font-size:25px;margin:25px 0 12px}.cards p{color:#697484;line-height:1.7}.band{background:#07182c;color:#fff;padding:120px 8vw}.band h2{max-width:900px}.contact{padding:100px 8vw;display:flex;align-items:center;gap:70px;background:#f5f8fc}.contact img{width:210px;height:150px;object-fit:contain}.contact a{font-size:30px;font-weight:900;color:#0878e8;text-decoration:none}footer{background:#03101f;color:#8290a2;padding:32px 8vw;font-size:12px}@keyframes ken{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1%,1%,0)}}@media(max-width:800px){.header{height:72px;padding:6px 18px}.brand img{width:105px;height:58px}.nav{display:none}.cta{margin-left:auto;font-size:12px;padding:11px 13px}.hero{min-height:600px}.slide::before{background-position:62% center}.copy{left:7vw;right:7vw;top:58%}.copy h1,.copy h2{font-size:38px}.copy p{font-size:14px;max-width:80%}.dots{right:18px}.intro{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.section{padding:75px 7vw}.contact{padding:70px 7vw;gap:20px}.contact img{width:110px;height:100px}.contact h2{font-size:30px}}

/* v6: 기존 정상 화면을 유지하면서 상단/하단만 보강 */
.header{height:80px;padding:7px 5vw}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;min-width:230px}
.brand img{width:66px;height:62px}
.brand span{display:flex;flex-direction:column;line-height:1.05}
.brand strong{font-size:19px;letter-spacing:.6px}
.brand small{font-size:10px;color:#c8d5e5;margin-top:5px}
.nav{gap:24px}
.nav a{font-size:14px}
.cta{margin-left:25px;padding:13px 18px}
.quickbar{position:absolute;z-index:8;left:5vw;right:5vw;bottom:0;height:105px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 -10px 30px #0003}
.quickbar a{display:flex;flex-direction:column;justify-content:center;padding:17px 28px;text-decoration:none;color:#fff;background:rgba(5,24,46,.94);border-right:1px solid #ffffff20}
.quickbar a:nth-child(2){background:rgba(8,48,84,.95)}
.quickbar a:nth-child(3){background:#0878e8}
.quickbar small{font-size:9px;letter-spacing:1.5px;color:#7fc3ff;font-weight:900}
.quickbar strong{font-size:19px;margin:5px 0}
.quickbar span{font-size:11px;color:#d1dbe7}
.scroll{bottom:120px}
.section{padding-top:85px;padding-bottom:85px}
@media(max-width:1150px){.nav{gap:14px}.nav a{font-size:12px}.brand{min-width:195px}.brand strong{font-size:16px}.cta{margin-left:14px}}
@media(max-width:800px){.brand{min-width:0}.brand img{width:52px;height:54px}.brand strong{font-size:14px}.brand small{font-size:8px}.quickbar{left:0;right:0;height:145px}.quickbar a{padding:12px 9px}.quickbar strong{font-size:14px}.quickbar span{font-size:9px}.quickbar small{font-size:7px}.scroll{display:none}}

/* V7 typography */
@media (min-width:1160px){
.header{height:96px;padding:8px 4.8vw}
.brand{min-width:300px;gap:14px}
.brand img{width:82px;height:78px}
.brand strong{font-size:27px}
.brand small{font-size:14px}
.nav{gap:26px}
.nav a{font-size:18px;font-weight:800}
.cta{margin-left:26px;padding:16px 22px;font-size:17px}
.copy span{font-size:15px}
.copy p{font-size:20px;font-weight:700}
.quickbar{height:110px}
.quickbar a{padding:16px 25px}
.quickbar small{font-size:10px}
.quickbar strong{font-size:21px}
.quickbar span{font-size:12px}
.scroll{bottom:124px}
}


/* V8 - requested stronger typography */
@media (min-width:1160px){
  /* top menu: about 50% larger than V7 */
  .nav{gap:24px}
  .nav a{font-size:27px;font-weight:800}
  .cta{font-size:20px;padding:16px 22px}

  /* bottom menu: about 2x V7 */
  .quickbar{height:165px}
  .quickbar a{padding:24px 34px}
  .quickbar small{font-size:18px;letter-spacing:1.8px}
  .quickbar strong{font-size:40px;line-height:1.05;margin:9px 0}
  .quickbar span{font-size:20px}
  .scroll{bottom:180px}
}

/* keep navigation usable on slightly narrower desktops */
@media (min-width:1160px) and (max-width:1500px){
  .brand{min-width:245px}
  .nav{gap:16px}
  .nav a{font-size:22px}
  .cta{margin-left:16px;font-size:17px}
}


/* V9 - top navigation restored, phone added; V8 bottom menu preserved */
@media (min-width:1160px){
  .nav{
    gap:26px;
  }
  .nav a{
    font-size:18px;
    font-weight:800;
  }
  .cta{
    margin-left:26px;
    padding:16px 22px;
    font-size:17px;
  }

  .header-phone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-left:22px;
    padding-left:22px;
    border-left:1px solid rgba(255,255,255,.28);
    text-decoration:none;
    white-space:nowrap;
    line-height:1.05;
  }
  .header-phone small{
    color:#c9d6e5;
    font-size:11px;
    font-weight:700;
    margin-bottom:5px;
    letter-spacing:.5px;
  }
  .header-phone strong{
    color:#25a4ff;
    font-size:23px;
    font-weight:900;
    letter-spacing:.4px;
  }

  /* keep V8 bottom menu exactly prominent */
  .quickbar{height:165px}
  .quickbar a{padding:24px 34px}
  .quickbar small{font-size:18px;letter-spacing:1.8px}
  .quickbar strong{font-size:40px;line-height:1.05;margin:9px 0}
  .quickbar span{font-size:20px}
  .scroll{bottom:180px}
}

@media (min-width:1160px) and (max-width:1500px){
  .brand{min-width:245px}
  .header-phone{margin-left:12px;padding-left:12px}
  .header-phone strong{font-size:19px}
  .nav{gap:14px}
  .nav a{font-size:15px}
  .cta{margin-left:14px;font-size:15px}
}

@media (max-width:1159px){
  .header-phone{display:none}
}
/* inquiry selector */
.inquiry-modal{display:none;position:fixed;inset:0;z-index:999}.inquiry-modal.open{display:block}.inquiry-backdrop{position:absolute;inset:0;background:rgba(0,10,25,.72);backdrop-filter:blur(4px)}.inquiry-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,90vw);background:#fff;padding:48px;border-radius:8px;box-shadow:0 30px 80px #0006}.inquiry-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:34px;cursor:pointer;color:#26384d}.inquiry-box>small{color:#0878e8;font-weight:900;letter-spacing:2px}.inquiry-box h2{font-size:32px;margin:10px 0 6px}.inquiry-box>p{color:#687585;margin:0 0 25px}.inquiry-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inquiry-options a{padding:24px 18px;background:#f3f7fb;text-decoration:none;color:#0b1c32;border-top:3px solid #0878e8}.inquiry-options b{display:block;font-size:20px;margin-bottom:10px}.inquiry-options span{font-size:12px;color:#687585;line-height:1.5}.inquiry-phone{display:block;margin-top:22px;text-align:center;background:#0878e8;color:#fff!important;text-decoration:none;padding:15px;font-weight:900;border-radius:4px}@media(max-width:800px){.inquiry-box{padding:34px 20px}.inquiry-options{grid-template-columns:1fr}.inquiry-box h2{font-size:25px}}

/* Final quick inquiry banner */
.inquiry-box-final{width:min(820px,92vw);background:#07182c;color:#fff;border-top:4px solid #0878e8;padding:42px}.inquiry-box-final .inquiry-close{color:#fff}.inquiry-box-final h2{color:#fff}.inquiry-box-final>p{color:#aebdcd}.inquiry-chat-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.inquiry-chat{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border:1px solid #1b3856;background:#0b223b;text-decoration:none;color:#fff;border-radius:6px;transition:.2s}.inquiry-chat:hover{transform:translateY(-2px);border-color:#0878e8}.inquiry-chat span{display:block}.inquiry-chat small{display:block;color:#7fa9d4;font-size:10px;font-weight:900;letter-spacing:1.4px;margin-bottom:5px}.inquiry-chat b{display:block;color:#fff;font-size:19px;margin-bottom:5px}.inquiry-chat em{display:block;color:#9fb0c1;font-size:12px;font-style:normal}.inquiry-chat strong{font-size:24px}.inquiry-chat.kakao{border-left:4px solid #fee500}.inquiry-chat.openchat{border-left:4px solid #0878e8}.inquiry-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#8194a8;font-size:11px;font-weight:800;letter-spacing:1px}.inquiry-divider:before,.inquiry-divider:after{content:"";height:1px;background:#203a55;flex:1}.inquiry-box-final .inquiry-options a{background:#0b223b;color:#fff;border-top:3px solid #0878e8}.inquiry-box-final .inquiry-options span{color:#9fb0c1}.inquiry-box-final .inquiry-phone{margin-top:18px}@media(max-width:800px){.inquiry-box-final{padding:32px 18px;max-height:92vh;overflow:auto}.inquiry-chat-links{grid-template-columns:1fr}.inquiry-box-final .inquiry-options{grid-template-columns:1fr}.inquiry-chat{padding:16px}}

/* MOBILE FINAL - 2026-09 */
@media (max-width:800px){
  body{overflow-x:hidden}
  .header{height:68px;padding:6px 14px;background:rgba(2,13,29,.97)}
  .brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:#fff}
  .brand img{width:48px;height:50px}
  .brand span{display:block;margin-left:7px;line-height:1.05}
  .brand strong{display:block;font-size:13px;white-space:nowrap}.brand small{display:block;font-size:7px;margin-top:4px;color:#b9c8d8}
  .cta{margin-left:auto;padding:10px 11px;font-size:11px;white-space:nowrap}
  .hero{height:100svh;min-height:650px}
  .copy{left:7vw;right:7vw;top:47%;transform:translateY(-50%)}
  .copy h1,.copy h2{font-size:clamp(32px,9vw,42px);line-height:1.18;margin:13px 0}
  .copy p{font-size:13px;line-height:1.65;max-width:92%}.copy span{font-size:10px}
  .dots{top:42%;right:13px;gap:12px}
  .quickbar{height:118px;bottom:0;grid-template-columns:repeat(3,1fr)}
  .quickbar a{padding:11px 7px;justify-content:center}.quickbar small{font-size:6px;letter-spacing:.5px}.quickbar strong{font-size:13px;line-height:1.2;margin:5px 0}.quickbar span{font-size:8px;line-height:1.3}
  .section{padding:64px 7vw}.intro h2,.band h2,.contact h2{font-size:30px}.intro p{font-size:15px;line-height:1.75}
  .cards article{padding:28px;min-height:auto}.cards h3{font-size:21px;margin:16px 0 8px}.band{padding:72px 7vw}
  .contact{display:block;text-align:center;padding:58px 7vw}.contact img{width:100px;height:80px;margin-bottom:10px}.contact a{font-size:27px}
  footer{text-align:center;padding:24px 7vw}
  .inquiry-box-final{width:94vw;padding:27px 16px 20px;max-height:88svh;border-radius:7px}.inquiry-box-final h2{font-size:23px;margin:8px 0}.inquiry-box-final>p{font-size:13px;margin-bottom:14px}.inquiry-chat-links{gap:8px;margin:15px 0}.inquiry-chat{padding:13px 14px}.inquiry-chat b{font-size:16px}.inquiry-chat em{font-size:10px}.inquiry-chat strong{font-size:20px}.inquiry-divider{margin:14px 0 10px}.inquiry-options{gap:7px}.inquiry-options a{padding:13px 14px}.inquiry-options b{font-size:16px;margin-bottom:4px}.inquiry-phone{margin-top:11px!important;padding:12px!important}.inquiry-close{right:12px;top:7px}
}

/* MOBILE HAMBURGER MENU */
.mobile-menu-btn{display:none}
@media(max-width:800px){
  .header{gap:7px}
  .mobile-menu-btn{display:flex;order:3;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:#0b223b;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:0}
  .mobile-menu-btn span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:.2s}
  .mobile-menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-btn.open span:nth-child(2){opacity:0}
  .mobile-menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .header .brand{order:1;margin-right:auto}
  .header .cta{order:2;margin-left:0}
  .header .nav{display:none!important;position:absolute;left:0;right:0;top:68px;background:#07182c;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 14px 28px rgba(0,0,0,.3);padding:8px 0 12px;z-index:1001}
  .header .nav.mobile-open{display:block!important}
  .header .nav a{display:block;padding:15px 22px;font-size:15px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
  .header .nav a:last-child{border-bottom:0}
  .header .nav a.active{color:#49aaff!important;background:#0b223b}
}
@media(max-width:390px){
  .brand span{display:none!important}
  .brand img{width:44px;height:46px}
  .cta{font-size:10px;padding:9px 8px}
}

/* RICH CONTACT FOOTER */
.contact-rich{align-items:flex-start}
.contact-rich .contact-main{max-width:820px}
.contact-intro{margin:16px 0 24px;color:#53677d;font-size:16px;line-height:1.75}
.contact-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}
.contact-services div{padding:17px 18px;background:#fff;border-top:3px solid #0878e8;box-shadow:0 6px 18px rgba(7,24,44,.06)}
.contact-services b{display:block;color:#07182c;font-size:16px;margin-bottom:7px}
.contact-services span{display:block;color:#64758a;font-size:12px;line-height:1.55}
.contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.contact-actions a{text-decoration:none}
.contact-actions .contact-phone{font-size:28px;font-weight:900;color:#0878e8}
.contact-actions .contact-link{font-size:13px;font-weight:800;color:#07182c;background:#e9f2fb;padding:11px 14px;border-radius:4px}
@media(max-width:800px){
  .contact.contact-rich{display:block;text-align:left;padding:48px 7vw 50px}
  .contact-rich>img{display:block;width:82px;height:auto;margin:0 0 20px}
  .contact-rich .contact-main{max-width:none}
  .contact-rich h2{font-size:29px;line-height:1.25;margin-bottom:12px}
  .contact-intro{font-size:14px;line-height:1.75;margin:0 0 22px}
  .contact-intro br{display:none}
  .contact-services{grid-template-columns:1fr;gap:8px;margin-bottom:22px}
  .contact-services div{padding:15px 16px}
  .contact-services b{font-size:15px;margin-bottom:5px}
  .contact-services span{font-size:12px;line-height:1.5}
  .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .contact-actions .contact-phone{grid-column:1/-1;display:block;font-size:26px;background:#07182c;color:#fff;padding:14px 16px;border-radius:4px;text-align:center}
  .contact-actions .contact-link{display:block;text-align:center;padding:12px 8px;font-size:12px;background:#e9f2fb}
}