*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:#162033;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:0 auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #edf0f5}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;white-space:nowrap}.logo-mark{width:38px;height:38px;border-radius:12px;background:#0b5cff;color:#fff;display:grid;place-items:center;font-weight:800}.menu{display:flex;gap:20px;font-weight:700;color:#455066;white-space:nowrap}.menu a:hover,.menu a.active{color:#0b5cff}.nav-right{display:flex;align-items:center;gap:12px;white-space:nowrap}.nav-phone{font-weight:800;color:#162033}.nav-phone strong{color:#0b5cff;font-size:18px;margin-left:4px}.nav-btn{padding:11px 18px;border-radius:999px;background:#0b5cff;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(11,92,255,.18)}.hero{padding:90px 0 80px;background:linear-gradient(135deg,#f5f9ff 0%,#fff 55%,#eef5ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.eyebrow{margin:0 0 14px;color:#0b5cff;font-weight:800;letter-spacing:.08em;font-size:14px}.hero h1{margin:0;font-size:52px;line-height:1.16;letter-spacing:-.045em}.lead{font-size:19px;line-height:1.75;color:#546176;margin:24px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:14px;font-weight:800;border:0;cursor:pointer}.primary{background:#0b5cff;color:#fff;box-shadow:0 14px 30px rgba(11,92,255,.22)}.secondary{background:#fff;color:#0b5cff;border:1px solid #d9e5ff}.white{background:#fff;color:#0b5cff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.stats div{background:#fff;border:1px solid #e7edf7;border-radius:18px;padding:18px}.stats b{display:block;font-size:18px;color:#0b5cff}.stats span{display:block;margin-top:6px;color:#677489;font-size:14px}.hero-card{position:relative;min-height:460px}.hero-card.has-photo img{width:100%;height:430px;object-fit:cover;border-radius:34px;box-shadow:0 30px 80px rgba(16,24,40,.18)}.screen{position:absolute;inset:30px 25px 40px 25px;background:#101828;border-radius:34px;padding:26px;box-shadow:0 30px 80px rgba(16,24,40,.25)}.screen-top{width:80px;height:8px;background:#344054;border-radius:99px;margin:0 auto 30px}.screen-row{height:36px;background:#26344d;border-radius:12px;margin:14px 0}.screen-row.big{height:110px;background:linear-gradient(135deg,#0b5cff,#6ea0ff)}.screen-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.screen-buttons span{height:76px;border-radius:16px;background:#f2f6ff}.floating-card{position:absolute;background:#fff;border:1px solid #e7edf7;border-radius:18px;padding:18px 20px;box-shadow:0 20px 50px rgba(16,24,40,.13)}.floating-card.one{left:0;top:70px}.floating-card.two{right:0;bottom:70px}.floating-card b{display:block}.floating-card span{display:block;color:#667085;margin-top:6px}.page-hero{padding:78px 0;background:linear-gradient(135deg,#f5f9ff,#eef5ff)}.page-hero.promo-hero{background:linear-gradient(135deg,#fff7ed,#eef5ff)}.page-hero h1{margin:0;font-size:48px;letter-spacing:-.04em}.page-hero p:not(.eyebrow){font-size:19px;color:#546176;line-height:1.7;max-width:760px}.section{padding:90px 0}.section-title{text-align:center;margin-bottom:38px}.section-title h2,.two-col h2,.contact h2,.cta h2,.support h2,.detail-intro h2{margin:0;font-size:38px;line-height:1.25;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e7edf7;border-radius:24px;padding:28px;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,24,40,.08)}.card-link{display:block;height:100%}.more{display:inline-block;margin-top:18px;color:#0b5cff;font-weight:900}.icon{width:50px;height:50px;border-radius:16px;background:#eef4ff;color:#0b5cff;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.product-img{width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:18px}.card h3{margin:0 0 12px;font-size:22px}.card p,.body-text{margin:0;color:#5d6a7e;line-height:1.75}.mt{margin-top:20px}.soft{background:#f7f9fd}.two-col{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.about-visual img{width:100%;height:360px;object-fit:cover;border-radius:30px;box-shadow:0 20px 50px rgba(16,24,40,.1)}.about-card,.promo-card{height:360px;border-radius:30px;background:linear-gradient(135deg,#0b5cff,#101828);color:#fff;display:grid;place-items:center;text-align:center;padding:30px}.promo-card{background:linear-gradient(135deg,#ff7a00,#0b5cff)}.about-card b,.promo-card b{font-size:34px}.promo-clients{margin-top:26px;background:#f7f9fd;border:1px solid #e7edf7;border-radius:22px;padding:22px}.promo-clients b{display:block;color:#0b5cff;margin-bottom:8px}.why-list{display:grid;gap:16px}.why-list.grid3{grid-template-columns:repeat(3,1fr)}.why-list div{background:#fff;border:1px solid #e7edf7;border-radius:22px;padding:24px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.steps div{background:#fff;border:1px solid #e7edf7;border-radius:22px;padding:22px}.steps span{width:34px;height:34px;border-radius:50%;background:#0b5cff;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.home-links{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.home-links a{background:#fff;border:1px solid #e7edf7;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(16,24,40,.04)}.home-links b{display:block;font-size:20px;color:#0b5cff;margin-bottom:10px}.home-links span{color:#5d6a7e;line-height:1.6;font-size:15px}.support-box{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:#f7f9fd;border:1px solid #e7edf7;border-radius:30px;padding:42px}.support-call{background:#fff;border:1px solid #e7edf7;border-radius:26px;padding:34px;text-align:center;box-shadow:0 18px 45px rgba(16,24,40,.07)}.support-call a{display:block;color:#0b5cff;font-size:42px;font-weight:900}.cta{padding:44px 0}.cta-box{background:linear-gradient(135deg,#0b5cff,#003bb5);color:#fff;border-radius:30px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px}.contact-info{margin-top:26px;padding:22px;border-radius:22px;background:#f7f9fd}.form{background:#fff;border:1px solid #e7edf7;border-radius:28px;padding:28px;box-shadow:0 20px 55px rgba(16,24,40,.07)}.form label{display:block;font-weight:700;margin-bottom:16px}.form input,.form select,.form textarea{width:100%;margin-top:8px;border:1px solid #d9e1ef;border-radius:14px;padding:14px 15px;font:inherit}.form button{width:100%;margin-top:8px}.detail-intro{max-width:780px;margin:0 auto 36px;text-align:center}.detail-intro p{margin:16px 0 0;color:#5d6a7e;line-height:1.75;font-size:18px}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-item{background:#fff;border:1px solid #e7edf7;border-radius:26px;overflow:hidden;box-shadow:0 14px 36px rgba(16,24,40,.06)}.product-item img,.product-placeholder{width:100%;height:240px;object-fit:cover;background:#eef4ff;display:grid;place-items:center;color:#0b5cff;font-size:26px;font-weight:900}.product-item div:last-child{padding:24px}.product-item h3{margin:0 0 10px;font-size:23px}.product-item p{margin:0;color:#5d6a7e;line-height:1.7}.empty-gallery{text-align:center;background:#f7f9fd;border:1px dashed #b9c7dc;border-radius:28px;padding:60px 20px}.footer{background:#101828;color:#cbd5e1;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer b{display:block;color:#fff;font-size:20px}.footer p{margin:6px 0 0;color:#98a2b3}@media(max-width:980px){.nav{height:auto;padding:16px 0;flex-wrap:wrap}.menu{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero-grid,.two-col,.contact-grid,.support-box{grid-template-columns:1fr}.hero h1{font-size:38px}.cards,.product-list{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.home-links{grid-template-columns:1fr 1fr}.why-list.grid3{grid-template-columns:1fr}.cta-box,.footer-inner{display:block}}@media(max-width:560px){.section{padding:64px 0}.cards,.steps,.stats,.product-list,.home-links{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:32px}.section-title h2,.two-col h2,.contact h2,.cta h2,.support h2,.detail-intro h2{font-size:30px}.nav-phone{display:none}.support-call a{font-size:32px}}

.hero-visual{padding:40px 0 30px;background:linear-gradient(135deg,#f5f9ff 0%,#fff 55%,#eef5ff 100%)}
.hero-banner{position:relative;min-height:760px;border-radius:40px;overflow:hidden;box-shadow:0 30px 80px rgba(16,24,40,.16);background:#111827}
.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-banner-fallback{position:absolute;inset:0;background:linear-gradient(135deg,#0b5cff,#101828)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.55) 32%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.08) 100%)}
.hero-copy{position:relative;z-index:2;max-width:560px;padding:110px 56px;color:#fff}
.hero-copy .eyebrow{color:#9fc2ff}
.hero-copy h1{margin:0;font-size:68px;line-height:1.12;letter-spacing:-.05em;color:#fff}
.hero-copy .lead{color:rgba(255,255,255,.92);font-size:24px;line-height:1.65;margin:24px 0 34px}
.hero-secondary{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.hero-secondary:hover{background:rgba(255,255,255,.24)}
.hero-stats{margin-top:22px}
.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}
.delay-1{animation-delay:.15s}.delay-2{animation-delay:.45s}.delay-3{animation-delay:.75s}.delay-4{animation-delay:1.05s}.delay-5{animation-delay:1.35s}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){
  .hero-banner{min-height:620px}
  .hero-copy{padding:80px 34px 60px;max-width:100%}
  .hero-copy h1{font-size:48px}
  .hero-copy .lead{font-size:20px}
}
@media(max-width:560px){
  .hero-visual{padding-top:24px}
  .hero-banner{min-height:540px;border-radius:26px}
  .hero-copy{padding:56px 22px 34px}
  .hero-copy h1{font-size:34px}
  .hero-copy .lead{font-size:18px;line-height:1.55}
  .hero-actions{flex-direction:column;align-items:flex-start}
}


.hero-main-banner{border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(16,24,40,.18);background:#111827}
.hero-main-banner-image{display:block;width:100%;height:auto}
.fade-in-banner{opacity:0;animation:bannerFade .9s ease forwards}
@keyframes bannerFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.hero-main-banner{border-radius:24px}}
@media(max-width:560px){.hero-main-banner{border-radius:18px}}


.hero-main-banner{position:relative}
.hero-banner-cta-hotspot{
  position:absolute;
  right:3.5%;
  bottom:24%;
  width:23%;
  height:12%;
  border-radius:999px;
  z-index:5;
  cursor:pointer;
}
.hero-banner-cta-hotspot:focus{
  outline:3px solid rgba(255,255,255,.9);
  outline-offset:4px;
}
@media(max-width:980px){
  .hero-banner-cta-hotspot{right:3%;bottom:22%;width:25%;height:13%}
}
@media(max-width:560px){
  .hero-banner-cta-hotspot{right:3%;bottom:18%;width:34%;height:14%}
}


.category-section{
  padding:34px 0 54px;
  background:#fff;
}
.category-buttons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.category-buttons a{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:26px;
  background:linear-gradient(135deg,#0b5cff,#003bb5);
  color:#fff;
  font-size:32px;
  font-weight:900;
  letter-spacing:-.04em;
  box-shadow:0 18px 42px rgba(11,92,255,.22);
  transition:.2s ease;
}
.category-buttons a:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 54px rgba(11,92,255,.3);
}
@media(max-width:980px){
  .category-buttons{
    grid-template-columns:repeat(2,1fr);
  }
  .category-buttons a{
    min-height:100px;
    font-size:28px;
  }
}
@media(max-width:560px){
  .category-section{
    padding:24px 0 42px;
  }
  .category-buttons{
    grid-template-columns:1fr;
    gap:12px;
  }
  .category-buttons a{
    min-height:86px;
    font-size:26px;
    border-radius:20px;
  }
}


/* 업종별 버튼 연한 색상 적용 */
.category-buttons a{
  background:#f4fbff !important;
  color:#18324a !important;
  border:2px solid rgba(24,50,74,.06);
  box-shadow:0 14px 34px rgba(16,24,40,.06) !important;
}
.category-buttons a:nth-child(1){
  background:#eaf8ff !important;   /* 음식점 - 아주 연한 하늘색 */
  color:#17618a !important;
  border-color:#ccefff;
}
.category-buttons a:nth-child(2){
  background:#fff8d9 !important;   /* 카페/베이커리 - 아주 연한 노란색 */
  color:#7a5a00 !important;
  border-color:#ffefad;
}
.category-buttons a:nth-child(3){
  background:#eaf1ff !important;   /* 도소매 - 아주 연한 파랑색 */
  color:#174ea6 !important;
  border-color:#d4e2ff;
}
.category-buttons a:nth-child(4){
  background:#fff0f7 !important;   /* 서비스업 - 아주 연한 분홍색 */
  color:#9b2f63 !important;
  border-color:#ffd5e8;
}
.category-buttons a:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 44px rgba(16,24,40,.10) !important;
  filter:saturate(1.04);
}


.warm-message-section{padding:20px 0 8px;background:#fff}
.warm-message-box{background:linear-gradient(135deg,#fff8f1 0%,#fff2e8 48%,#fff7ef 100%);border:1px solid #f6dfcf;border-radius:28px;padding:28px 24px;box-shadow:0 14px 36px rgba(183,118,72,.08)}
.warm-message-box p{margin:0;text-align:center;font-size:34px;line-height:1.45;font-weight:800;letter-spacing:-.04em;color:#9b694d}
.category-section{padding-top:22px}
@media(max-width:980px){.warm-message-box{padding:24px 18px}.warm-message-box p{font-size:28px}}
@media(max-width:560px){.warm-message-section{padding:16px 0 6px}.warm-message-box{padding:18px 14px;border-radius:20px}.warm-message-box p{font-size:22px;line-height:1.5}}


.footer-company-info{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.footer-brand b{display:block;font-size:28px;letter-spacing:-.03em;color:#fff;margin-bottom:12px}
.footer-brand p{margin:0 0 14px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.footer-copy{display:block;color:rgba(255,255,255,.45);font-size:13px;line-height:1.5}
.footer-details{display:grid;grid-template-columns:1fr;gap:10px}
.footer-detail-row{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-detail-row:last-child{border-bottom:none}
.footer-detail-row span{color:rgba(255,255,255,.58);font-size:14px;font-weight:700}
.footer-detail-row strong{color:#fff;font-size:15px;font-weight:700;line-height:1.6}
@media(max-width:980px){.footer-company-info{grid-template-columns:1fr;gap:28px}.footer-brand b{font-size:24px}}
@media(max-width:560px){.footer-detail-row{grid-template-columns:1fr;gap:6px;padding:8px 0}.footer-detail-row span{font-size:13px}.footer-detail-row strong{font-size:14px}}


.footer-refined{background:linear-gradient(90deg,#1f2024 0%,#27282c 100%);padding:36px 0 42px;color:rgba(255,255,255,.68)}
.footer-refined-inner{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}
.footer-logo{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.95)}
.footer-logo-mark{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#4ea2ff,#003bb5);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 12px 28px rgba(11,92,255,.22)}
.footer-logo-text-wrap{display:flex;flex-direction:column;line-height:1.15}
.footer-logo-text-wrap strong{font-size:20px;letter-spacing:-.03em;color:#fff}
.footer-logo-text-wrap small{margin-top:4px;font-size:12px;color:rgba(255,255,255,.55)}
.footer-content-block{display:flex;flex-direction:column;gap:14px}
.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:700;color:rgba(255,255,255,.82)}
.footer-links a:hover{color:#fff}
.footer-links span{color:rgba(255,255,255,.32)}
.footer-meta-lines{display:flex;flex-direction:column;gap:8px}
.footer-meta-lines p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.42)}
.footer-meta-lines p span{margin:0 10px;color:rgba(255,255,255,.22)}
.footer-copyright{margin:2px 0 0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.34)}
@media(max-width:980px){.footer-refined-inner{grid-template-columns:1fr;align-items:start}.footer-logo-block{margin-bottom:6px}}
@media(max-width:560px){.footer-refined{padding:28px 0 34px}.footer-logo-mark{width:44px;height:44px}.footer-logo-text-wrap strong{font-size:18px}.footer-links{gap:8px;font-size:14px}.footer-meta-lines p,.footer-copyright{font-size:13px}}


.restaurant-form-section{padding:10px 0 70px;background:#fff}
.restaurant-form-wrap{background:#eef3f7;border-radius:30px;padding:28px 24px 34px;box-shadow:0 14px 34px rgba(16,24,40,.05)}
.restaurant-form-notice{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #e4ebf3;border-radius:24px;padding:18px 18px 16px;margin-bottom:28px}
.restaurant-form-star{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f3ebff;color:#7c4dff;font-size:17px;font-weight:900;flex:0 0 28px;margin-top:4px}
.restaurant-form-notice-text{display:flex;flex-direction:column;gap:8px}
.restaurant-form-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:12px;background:linear-gradient(90deg,#f1ecff,#f7f0ff);color:#7e7e8b;font-size:15px;font-weight:800;width:fit-content}
.restaurant-form-notice-text strong{font-size:19px;line-height:1.45;color:#1e2b3c}
.restaurant-form-notice-text strong a{color:#1e2b3c;text-decoration:underline}
.restaurant-form-grid{display:grid;grid-template-columns:1fr;gap:22px}
.restaurant-form label>span{display:block;font-size:17px;font-weight:900;color:#173451;margin-bottom:10px;letter-spacing:-.02em}
.restaurant-form label em{font-style:normal;color:#ff5f57}
.restaurant-form input,.restaurant-form select{width:100%;height:52px;border:1px solid #dfe6ee;border-radius:0;background:#fff;padding:0 14px;font:inherit;color:#1f2c3d}
.restaurant-form input::placeholder{color:#a1aabc}
.phone-split{display:grid;grid-template-columns:96px 96px 96px;gap:14px}
.agree-row .agree-box{display:flex;align-items:center;gap:10px;padding-top:4px}
.agree-row .agree-box input[type="checkbox"]{width:20px;height:20px;accent-color:#0b5cff}
.agree-row .agree-box p{margin:0;color:#5f697a;font-size:16px;line-height:1.5}
.restaurant-form-submit{display:flex;justify-content:flex-end;padding-top:22px}
.restaurant-form-submit .btn{min-width:210px;border-radius:999px;padding:16px 26px}
@media(max-width:980px){.phone-split{grid-template-columns:repeat(3,1fr)}.restaurant-form-submit{justify-content:center}}
@media(max-width:560px){.restaurant-form-section{padding-bottom:48px}.restaurant-form-wrap{border-radius:22px;padding:18px 14px 22px}.restaurant-form-notice{border-radius:18px;padding:14px 14px 13px;gap:12px}.restaurant-form-badge{font-size:13px;min-height:30px}.restaurant-form-notice-text strong{font-size:16px}.restaurant-form label>span{font-size:16px}.phone-split{grid-template-columns:1fr 1fr 1fr;gap:8px}.restaurant-form input,.restaurant-form select{height:48px;padding:0 12px}.agree-row .agree-box{align-items:flex-start}.agree-row .agree-box p{font-size:14px}.restaurant-form-submit .btn{width:100%}}


.homepage-video-section{padding:18px 0 8px;background:#fff}
.homepage-video-box{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #e8eef6;border-radius:30px;padding:30px 28px 26px;box-shadow:0 16px 40px rgba(16,24,40,.06)}
.homepage-video-head{margin-bottom:20px}
.homepage-video-eyebrow{margin:0 0 8px;color:#0b5cff;font-size:13px;font-weight:900;letter-spacing:.08em}
.homepage-video-head h2{margin:0 0 10px;font-size:34px;line-height:1.25;letter-spacing:-.04em;color:#18283d}
.homepage-video-head p{margin:0;font-size:18px;line-height:1.7;color:#536277}
.homepage-video-player-wrap{border-radius:26px;overflow:hidden;background:#000;box-shadow:0 20px 50px rgba(16,24,40,.12)}
.homepage-video-player{display:block;width:100%;height:auto;max-height:760px;background:#000}
@media(max-width:980px){.homepage-video-box{padding:24px 20px 20px}.homepage-video-head h2{font-size:28px}.homepage-video-head p{font-size:17px}}
@media(max-width:560px){.homepage-video-section{padding-top:14px}.homepage-video-box{padding:18px 14px 16px;border-radius:22px}.homepage-video-head{margin-bottom:14px}.homepage-video-head h2{font-size:22px}.homepage-video-head p{font-size:15px;line-height:1.6}.homepage-video-player-wrap{border-radius:18px}}


.video-only-box{padding:18px 18px 18px !important}
@media(max-width:560px){.video-only-box{padding:12px 12px 12px !important}}


.privacy-consent-row>span{display:block;margin-bottom:10px}
.privacy-consent-row em{font-style:normal;color:#ff5f57}
.privacy-consent-box{display:flex;align-items:flex-start;gap:10px;padding:14px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fffaf7}
.privacy-consent-box input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:#0b5cff}
.privacy-consent-box p{margin:0;color:#5f697a;font-size:14px;line-height:1.6}
@media(max-width:560px){.privacy-consent-box{padding:12px}.privacy-consent-box p{font-size:13px}}


.restaurant-hero{background:linear-gradient(135deg,#fff8ef,#eef7ff)}
.restaurant-intro-section{padding-bottom:70px}
.restaurant-intro-box{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:#fffaf4;border:1px solid #f2dfc9;border-radius:32px;padding:42px;box-shadow:0 14px 34px rgba(183,118,72,.08)}
.restaurant-intro-box h2{margin:0 0 18px;font-size:38px;line-height:1.25;letter-spacing:-.04em}
.restaurant-point-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.restaurant-point-list div{background:#fff;border:1px solid #f1dfcd;border-radius:22px;padding:22px}
.restaurant-point-list b{display:block;color:#0b5cff;font-size:18px;margin-bottom:8px}
.restaurant-point-list span{display:block;color:#27364a;font-weight:900;font-size:20px}
.restaurant-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.restaurant-gallery-card{background:#fff;border:1px solid #e7edf7;border-radius:26px;overflow:hidden;box-shadow:0 14px 36px rgba(16,24,40,.06)}
.restaurant-gallery-card img,.restaurant-placeholder{width:100%;height:240px;object-fit:cover;background:linear-gradient(135deg,#eaf8ff,#fff8d9);display:grid;place-items:center;color:#17618a;font-size:26px;font-weight:900}
.restaurant-placeholder.install{background:linear-gradient(135deg,#fff0f7,#eaf1ff);color:#9b2f63}
.restaurant-gallery-card div:last-child{padding:24px}
.restaurant-gallery-card h3{margin:0 0 10px;font-size:23px;letter-spacing:-.03em}
.restaurant-gallery-card p{margin:0;color:#5d6a7e;line-height:1.7}
@media(max-width:980px){.restaurant-intro-box{grid-template-columns:1fr}.restaurant-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.restaurant-intro-box{padding:24px;border-radius:24px}.restaurant-intro-box h2{font-size:30px}.restaurant-point-list,.restaurant-gallery{grid-template-columns:1fr}.restaurant-gallery-card img,.restaurant-placeholder{height:210px}}


.industries-hero{background:linear-gradient(135deg,#f5f9ff,#fff8ef)}
.industries-section{padding-top:80px}
.industry-large-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.industry-large-buttons a{min-height:170px;border-radius:30px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px solid rgba(24,50,74,.06);box-shadow:0 16px 38px rgba(16,24,40,.07);transition:.2s ease}
.industry-large-buttons a:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(16,24,40,.11)}
.industry-large-buttons strong{display:block;font-size:32px;line-height:1.2;font-weight:900;letter-spacing:-.04em;margin-bottom:14px}
.industry-large-buttons span{display:block;font-size:16px;line-height:1.55;font-weight:700;color:rgba(24,50,74,.72)}
.industry-restaurant{background:#eaf8ff;color:#17618a;border-color:#ccefff!important}
.industry-cafe{background:#fff8d9;color:#7a5a00;border-color:#ffefad!important}
.industry-retail{background:#eaf1ff;color:#174ea6;border-color:#d4e2ff!important}
.industry-service{background:#fff0f7;color:#9b2f63;border-color:#ffd5e8!important}
@media(max-width:980px){.industry-large-buttons{grid-template-columns:repeat(2,1fr)}.industry-large-buttons a{min-height:145px}.industry-large-buttons strong{font-size:28px}}
@media(max-width:560px){.industry-large-buttons{grid-template-columns:1fr;gap:12px}.industry-large-buttons a{min-height:120px;border-radius:22px}.industry-large-buttons strong{font-size:26px}.industry-large-buttons span{font-size:15px}}


.industry-select-buttons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.industry-select-buttons a{
  min-height:210px;
  border-radius:34px;
  padding:34px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid rgba(24,50,74,.06);
  box-shadow:0 18px 42px rgba(16,24,40,.08);
  transition:.2s ease;
}
.industry-select-buttons a:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 58px rgba(16,24,40,.13);
}
.industry-select-buttons strong{
  display:block;
  font-size:38px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.05em;
  margin-bottom:18px;
}
.industry-select-buttons span{
  display:block;
  font-size:17px;
  line-height:1.65;
  font-weight:800;
  color:rgba(24,50,74,.72);
}
.industry-retail-service{
  background:#f1f4ff;
  color:#3153b7;
  border-color:#dbe4ff!important;
}
@media(max-width:980px){
  .industry-select-buttons{grid-template-columns:1fr;gap:16px}
  .industry-select-buttons a{min-height:150px}
  .industry-select-buttons strong{font-size:32px}
}
@media(max-width:560px){
  .industry-select-buttons a{min-height:130px;border-radius:24px;padding:24px 18px}
  .industry-select-buttons strong{font-size:28px}
  .industry-select-buttons span{font-size:15px}
}


/* 상단 업종별 드롭다운 */
.menu .industry-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.industry-dropdown-toggle{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  font:inherit;
  font-weight:700;
  color:#455066;
  cursor:pointer;
}
.industry-dropdown-toggle:hover,
.industry-dropdown-toggle.active{
  color:#0b5cff;
}
.industry-dropdown-toggle::after{
  content:"";
  display:inline-block;
  width:0;
  height:0;
  margin-left:6px;
  vertical-align:middle;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
}
.industry-dropdown-menu{
  position:absolute;
  top:30px;
  left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:190px;
  padding:10px 0;
  border-radius:0;
  background:#fff;
  border:1px solid #e7edf7;
  box-shadow:0 16px 40px rgba(16,24,40,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.16s ease;
  z-index:100;
}
.industry-dropdown.open .industry-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.industry-dropdown-menu a{
  display:block;
  padding:13px 18px;
  color:#1f2937;
  font-weight:700;
  white-space:nowrap;
  text-align:left;
}
.industry-dropdown-menu a:hover{
  background:#f7f9fc;
  color:#0b5cff;
}

/* 업종별 선택 페이지 */
.industries-hero{background:linear-gradient(135deg,#f5f9ff,#fff8ef)}
.industries-section{padding-top:80px}
.industry-select-buttons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.industry-select-buttons a{
  min-height:210px;
  border-radius:34px;
  padding:34px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:2px solid rgba(24,50,74,.06);
  box-shadow:0 18px 42px rgba(16,24,40,.08);
  transition:.2s ease;
}
.industry-select-buttons a:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 58px rgba(16,24,40,.13);
}
.industry-select-buttons strong{
  display:block;
  font-size:38px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.05em;
  margin-bottom:18px;
}
.industry-select-buttons span{
  display:block;
  font-size:17px;
  line-height:1.65;
  font-weight:800;
  color:rgba(24,50,74,.72);
}
.industry-retail-service{
  background:#f1f4ff;
  color:#3153b7;
  border-color:#dbe4ff!important;
}
@media(max-width:980px){
  .menu .industry-dropdown{justify-content:center}
  .industry-dropdown-menu{top:28px}
  .industry-select-buttons{grid-template-columns:1fr;gap:16px}
  .industry-select-buttons a{min-height:150px}
  .industry-select-buttons strong{font-size:32px}
}
@media(max-width:560px){
  .industry-dropdown-menu{min-width:170px}
  .industry-select-buttons a{min-height:130px;border-radius:24px;padding:24px 18px}
  .industry-select-buttons strong{font-size:28px}
  .industry-select-buttons span{font-size:15px}
}


@media(max-width:980px){
  .menu .industry-dropdown{justify-content:center}
  .industry-dropdown-menu{left:50%;transform:translateX(-50%);min-width:180px}
}
@media(max-width:560px){
  .industry-dropdown-toggle{padding:10px 16px;border-radius:16px}
  .industry-dropdown-menu{min-width:170px}
}


/* 업종별 버튼은 제품소개와 같은 텍스트 스타일 유지 */
.menu .industry-dropdown .industry-dropdown-toggle{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#455066;
}
.menu .industry-dropdown .industry-dropdown-toggle:hover,
.menu .industry-dropdown .industry-dropdown-toggle.active{
  color:#0b5cff!important;
}


/* FINAL FIX: 업종별 버튼을 제품소개와 완전히 같은 텍스트 메뉴 스타일로 고정 */
.header .menu{
  align-items:center;
}
.header .menu .industry-dropdown{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}
.header .menu .industry-dropdown > .industry-dropdown-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  font:inherit !important;
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:700 !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  color:#455066 !important;
  cursor:pointer !important;
  text-decoration:none !important;
}
.header .menu .industry-dropdown > .industry-dropdown-toggle::after{
  content:none !important;
  display:none !important;
}
.header .menu .industry-dropdown > .industry-dropdown-toggle:hover,
.header .menu .industry-dropdown > .industry-dropdown-toggle.active{
  color:#0b5cff !important;
  background:transparent !important;
}

/* 업종별 하위 메뉴는 버튼을 클릭했을 때만 표시 */
.header .menu .industry-dropdown-menu{
  position:absolute !important;
  top:32px !important;
  left:50% !important;
  transform:translateX(-50%) translateY(8px) !important;
  min-width:190px !important;
  padding:10px 0 !important;
  border-radius:0 !important;
  background:#fff !important;
  border:1px solid #e7edf7 !important;
  box-shadow:0 16px 40px rgba(16,24,40,.14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:.16s ease !important;
  z-index:9999 !important;
}
.header .menu .industry-dropdown.open .industry-dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
.header .menu .industry-dropdown:not(.open) .industry-dropdown-menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.header .menu .industry-dropdown-menu a{
  display:block !important;
  padding:13px 18px !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#1f2937 !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-align:left !important;
  white-space:nowrap !important;
}
.header .menu .industry-dropdown-menu a:hover{
  background:#f7f9fc !important;
  color:#0b5cff !important;
}
@media(max-width:980px){
  .header .menu .industry-dropdown-menu{
    top:28px !important;
  }
}


/* 결제단말기 모델별 분리 페이지 */
.terminal-hero{background:linear-gradient(135deg,#f5f9ff,#fff8ef)}
.terminal-section{padding-top:70px}
.terminal-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:44px}
.terminal-filter a{display:inline-flex;align-items:center;justify-content:center;min-width:126px;padding:14px 20px;border-radius:999px;background:#f4f7fb;border:1px solid #e3eaf3;color:#334155;font-weight:900}
.terminal-filter a.active,.terminal-filter a:hover{background:#0b5cff;color:#fff;border-color:#0b5cff}
.terminal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.terminal-card{background:#fff;border:1px solid #e7edf7;border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(16,24,40,.07);transition:.2s ease}
.terminal-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(16,24,40,.12)}
.terminal-card a{display:block;color:inherit}
.terminal-card-image{height:310px;background:#f8fafc;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}
.terminal-card-image img{width:100%;height:auto;display:block}
.terminal-card-body{padding:24px}
.terminal-card-body span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef5ff;color:#0b5cff;font-size:13px;font-weight:900;margin-bottom:12px}
.terminal-card-body h3{margin:0 0 8px;font-size:25px;line-height:1.25;letter-spacing:-.03em}
.terminal-card-body p{margin:0 0 14px;color:#536277;font-weight:800}
.terminal-card-body ul{margin:0 0 18px;padding-left:18px;color:#667085;line-height:1.6}
.terminal-card-body b{color:#0b5cff}
.terminal-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.terminal-detail-image{background:#fff;border:1px solid #e7edf7;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(16,24,40,.08)}
.terminal-detail-image img{display:block;width:100%;height:auto}
.terminal-detail-info{background:#fff;border:1px solid #e7edf7;border-radius:28px;padding:36px;box-shadow:0 18px 50px rgba(16,24,40,.06)}
.terminal-category-label{display:inline-flex;padding:8px 14px;border-radius:999px;background:#eef5ff;color:#0b5cff;font-weight:900;margin-bottom:16px}
.terminal-detail-info h2{margin:0 0 10px;font-size:38px;letter-spacing:-.04em}
.terminal-detail-info>p{margin:0 0 24px;color:#536277;font-size:18px;line-height:1.7}
.terminal-spec-table{width:100%;border-collapse:collapse;margin:22px 0 26px}
.terminal-spec-table th,.terminal-spec-table td{border-bottom:1px solid #e7edf7;padding:15px 10px;text-align:left;vertical-align:top}
.terminal-spec-table th{width:120px;color:#334155;background:#f8fafc;font-weight:900}
.terminal-spec-table td{color:#475467;line-height:1.65}
.terminal-detail-buttons{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:980px){.terminal-grid{grid-template-columns:repeat(2,1fr)}.terminal-detail-layout{grid-template-columns:1fr}.terminal-card-image{height:280px}}
@media(max-width:560px){.terminal-grid{grid-template-columns:1fr}.terminal-filter a{min-width:auto;flex:1}.terminal-card-image{height:250px}.terminal-detail-info{padding:24px}.terminal-detail-info h2{font-size:30px}.terminal-spec-table th{width:92px}}


/* 제품소개 카드 이미지 보정 */
.product-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
  border-radius:18px;
  margin-bottom:18px;
  background:#f8fafc;
}
.product-card .thumb{
  display:block;
  margin-bottom:18px;
}
@media(max-width:560px){
  .product-card img{height:220px}
}


/* 테이블오더 자세히보기 이미지 보정 */
.detail-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
}
.detail-card{
  background:#fff;
  border:1px solid #e7edf7;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(16,24,40,.08);
}
.detail-card img{
  width:100%;
  max-height:720px;
  object-fit:cover;
  display:block;
}
.detail-body{
  padding:30px;
}
.detail-body h3{
  margin:0 0 12px;
  font-size:28px;
  letter-spacing:-.04em;
}
.detail-body p{
  margin:0;
  color:#5d6a7e;
  line-height:1.8;
}
@media(max-width:560px){
  .detail-body{padding:22px}
  .detail-body h3{font-size:23px}
  .detail-card img{max-height:420px}
}


/* no1pos.co.kr 메인 화면 캡처 스타일 적용 */
.cok-container{
  width:100%;
  max-width:1250px;
  margin:0 auto;
  padding:0 24px;
}
.cok-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:78px;
  background:#fff!important;
  border-bottom:1px solid #eee!important;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.cok-nav{
  height:78px;
  display:flex;
  align-items:center;
}
.cok-logo{
  width:170px;
  display:flex;
  align-items:center;
}
.cok-logo img{
  width:115px;
  height:auto;
  display:block;
}
.cok-menu{
  display:flex;
  align-items:center;
  gap:42px;
  flex:1;
  margin-left:30px;
}
.cok-menu a{
  color:#202020!important;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
.cok-menu a:hover,
.cok-menu a.active{
  color:#0b63c7!important;
}
.cok-right{
  display:flex;
  align-items:center;
  height:78px;
}
.cok-phone{
  height:78px;
  display:flex;
  align-items:center;
  padding:0 22px;
  color:#0a63c7!important;
  font-size:22px;
  font-weight:900;
  border-left:1px solid #f1f1f1;
}
.cok-quick{
  height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 36px;
  background:#065fc7;
  color:#fff!important;
  font-size:18px;
  font-weight:900;
}

/* Hero */
.cok-hero{
  position:relative;
  min-height:865px;
  background:#eee;
}
.cok-hero-bg{
  position:absolute;
  inset:0 0 120px 0;
  background:url('legacy/slide1.jpg') center center/cover no-repeat;
}
.cok-hero-bg:after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.18);
}
.cok-hero-inner{
  position:relative;
  z-index:2;
  min-height:735px;
  display:flex;
  align-items:center;
}
.cok-hero-text{
  margin-left:10px;
  margin-top:70px;
}
.cok-hero-text h1{
  margin:0 0 26px;
  font-size:58px;
  line-height:1.15;
  font-weight:900;
  color:#191919;
  letter-spacing:-.06em;
}
.cok-hero-text h1 strong{
  color:#e52228;
  font-weight:900;
}
.cok-hero-text p{
  margin:0;
  color:#333;
  font-size:18px;
  line-height:1.8;
  letter-spacing:-.04em;
}
.cok-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:52px;
  border:0;
  background:rgba(0,0,0,.32);
  color:#fff;
  font-size:44px;
  line-height:1;
  cursor:default;
}
.cok-arrow-left{left:0;}
.cok-arrow-right{right:0;}
.cok-quick-panel{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  z-index:4;
  width:min(1250px, calc(100% - 48px));
  min-height:122px;
  background:#fff;
  border-top:3px solid #0b63c7;
  box-shadow:0 -1px 0 rgba(0,0,0,.04), 0 12px 30px rgba(0,0,0,.08);
  display:grid;
  grid-template-columns:1.25fr .75fr;
}
.cok-quick-form,
.cok-quick-call{
  padding:28px 36px;
}
.cok-quick-form{
  border-right:1px solid #ddd;
}
.cok-quick-form h3,
.cok-quick-call h3{
  margin:0 0 8px;
  font-size:20px;
  color:#222;
  font-weight:700;
}
.cok-quick-form p,
.cok-quick-call p{
  margin:0 0 14px;
  color:#777;
  font-size:14px;
}
.cok-quick-form form{
  display:flex;
  gap:10px;
}
.cok-quick-form input{
  height:42px;
  border:1px solid #ddd;
  padding:0 14px;
  min-width:170px;
}
.cok-quick-form button{
  height:42px;
  border:0;
  background:#0b63c7;
  color:#fff;
  padding:0 28px;
  font-weight:700;
}
.cok-quick-call strong{
  display:block;
  color:#0b63c7;
  font-size:38px;
  line-height:1;
}

/* Section title */
.cok-section{
  padding:84px 0 70px;
  text-align:center;
  background:#fff;
}
.cok-section h2{
  margin:0;
  color:#333;
  font-size:42px;
  font-weight:500;
  letter-spacing:-.04em;
}
.cok-section h2 span{
  color:#0b63c7;
  font-weight:500;
}
.cok-section > .cok-container > i,
.cok-fit-text i{
  display:block;
  width:42px;
  height:2px;
  background:#0b63c7;
  margin:26px auto 28px;
}
.cok-section p{
  margin:0;
  color:#555;
  font-size:17px;
  line-height:1.85;
}

/* Service tiles */
.cok-service-tiles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:500px;
  background:url('legacy/parallax_img.jpg') center center/cover no-repeat;
}
.cok-service-tiles article{
  position:relative;
  min-height:500px;
  padding:140px 55px 80px;
  text-align:center;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.35);
  overflow:hidden;
}
.cok-service-tiles article:before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.46);
}
.cok-service-tiles article>*{
  position:relative;
  z-index:1;
}
.cok-tile-icon{
  font-size:54px;
  line-height:1;
  margin-bottom:34px;
  opacity:.95;
}
.cok-service-tiles h3{
  margin:0;
  font-size:25px;
  font-weight:700;
}
.cok-service-tiles i{
  display:block;
  width:34px;
  height:2px;
  background:#fff;
  opacity:.85;
  margin:24px auto 28px;
}
.cok-service-tiles p{
  margin:0 auto;
  max-width:330px;
  color:rgba(255,255,255,.9);
  font-size:16px;
  line-height:1.8;
}

/* Products */
.cok-products{
  padding-top:92px;
}
.cok-product-grid{
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px;
  text-align:center;
}
.cok-product-card{
  border:1px solid #d9d9d9;
  background:#fff;
  min-height:480px;
  display:flex;
  flex-direction:column;
}
.cok-product-body{
  padding:52px 24px 30px;
  flex:1;
}
.cok-product-card h3{
  margin:0 0 12px;
  font-size:32px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.05em;
  color:#111;
}
.cok-product-card h3 span{
  color:#0b63c7;
}
.cok-product-card p{
  margin:0 0 36px;
  color:#666;
  font-size:16px;
  line-height:1.6;
}
.cok-product-card img{
  height:170px;
  max-width:82%;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
.cok-product-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  height:52px;
}
.cok-product-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  font-size:16px;
  font-weight:700;
}
.cok-product-actions a:first-child{
  background:#0b63c7;
}
.cok-product-actions a:last-child{
  background:#858ba4;
}

/* Fit section */
.cok-fit{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:520px;
  background:#f6f6f6;
}
.cok-fit-image{
  background:url('legacy/slide2.jpg') center center/cover no-repeat;
  min-height:520px;
}
.cok-fit-text{
  padding:100px 70px;
  background:#f7f7f7;
}
.cok-fit-text p{
  margin:0 0 18px;
  color:#222;
  font-size:15px;
  font-weight:500;
}
.cok-fit-text h2{
  margin:0;
  color:#333;
  font-size:36px;
  line-height:1.35;
  font-weight:300;
  letter-spacing:-.05em;
}
.cok-fit-text h2 strong{
  font-weight:900;
}
.cok-fit-text i{
  margin:24px 0 28px;
}
.cok-fit-text h4{
  margin:0 0 14px;
  color:#222;
  font-size:18px;
  font-weight:800;
}
.cok-fit-text span{
  display:block;
  color:#888;
  margin-bottom:38px;
  font-size:17px;
}
.cok-fit-text a{
  display:inline-flex;
  width:210px;
  height:50px;
  align-items:center;
  justify-content:center;
  background:#858ba4;
  color:#fff!important;
  font-size:16px;
  font-weight:700;
}

/* Notice Q&A */
.cok-board{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #e5e5e5;
  background:#fff;
}
.cok-board-col{
  padding:86px 70px 84px;
  min-height:330px;
}
.cok-board-col:first-child{
  border-right:1px solid #e5e5e5;
}
.cok-board h2{
  position:relative;
  margin:0 0 42px;
  padding-top:18px;
  font-size:44px;
  line-height:1;
  font-weight:500;
  color:#111;
}
.cok-board h2:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:42px;
  height:2px;
  background:#0b63c7;
}
.cok-board h2 span{
  font-size:18px;
  color:#888;
  margin-left:10px;
  vertical-align:middle;
}
.cok-board ul{
  list-style:none;
  padding:0;
  margin:0;
}
.cok-board li{
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:#666;
  font-size:17px;
  line-height:2.1;
}
.cok-board em{
  font-style:normal;
  color:#777;
  flex:0 0 auto;
}

/* Kakao floating */
.cok-kakao{
  position:fixed;
  right:42px;
  bottom:58px;
  z-index:999;
  width:72px;
  height:72px;
  border-radius:50%;
  background:#ffd900;
  color:#3b2200!important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

/* Footer */
.cok-footer{
  background:#222!important;
  color:#777!important;
  padding:58px 0!important;
}
.cok-footer-inner{
  display:grid;
  grid-template-columns:230px 1fr;
  gap:36px;
  align-items:start;
}
.cok-footer-logo img{
  width:160px;
  opacity:.55;
}
.cok-footer-menu{
  margin-bottom:18px;
  color:#888;
}
.cok-footer-menu a{
  color:#aaa!important;
  font-size:17px;
  font-weight:700;
  margin:0 12px;
}
.cok-footer-menu a:first-child{
  margin-left:0;
}
.cok-footer-info p{
  margin:6px 0!important;
  color:#6f6f6f!important;
  font-size:15px;
  line-height:1.6;
}
.cok-footer-info a{
  color:#888!important;
}
.cok-copy{
  margin-top:22px!important;
}

/* 기존 섹션 충돌 최소화 */
body:has(.cok-hero) .hero,
body:has(.cok-hero) .homepage-video-section,
body:has(.cok-hero) .warm-message-section,
body:has(.cok-hero) .category-section{
  display:none!important;
}

@media(max-width:1100px){
  .cok-menu{gap:24px;margin-left:15px}
  .cok-menu a{font-size:16px}
  .cok-phone{font-size:18px;padding:0 14px}
  .cok-quick{padding:0 22px;font-size:16px}
  .cok-product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .cok-header{height:auto}
  .cok-nav{height:auto;flex-wrap:wrap;padding:14px 20px}
  .cok-logo{width:130px}
  .cok-menu{order:3;width:100%;justify-content:center;margin:14px 0 0;gap:18px;flex-wrap:wrap}
  .cok-right{margin-left:auto;height:50px}
  .cok-phone{height:50px;font-size:16px}
  .cok-quick{height:50px;padding:0 14px}
  .cok-hero{min-height:760px}
  .cok-hero-bg{bottom:210px}
  .cok-hero-inner{min-height:560px}
  .cok-hero-text h1{font-size:38px}
  .cok-hero-text p{font-size:15px}
  .cok-quick-panel{grid-template-columns:1fr;bottom:0}
  .cok-quick-form form{flex-wrap:wrap}
  .cok-service-tiles{grid-template-columns:1fr}
  .cok-product-grid{grid-template-columns:1fr}
  .cok-fit{grid-template-columns:1fr}
  .cok-board{grid-template-columns:1fr}
  .cok-board-col:first-child{border-right:0;border-bottom:1px solid #e5e5e5}
  .cok-footer-inner{grid-template-columns:1fr}
  .cok-kakao{right:20px;bottom:24px}
}


/* quick consult panel uncropped fix */
.cok-hero{
  min-height:760px;
}
.cok-hero-bg{
  inset:0;
}
.cok-hero-inner{
  min-height:760px;
  padding-bottom:80px;
}
.cok-quick-panel-wrap{
  background:#f5f5f5;
  padding:0 0 42px;
  margin-top:-58px;
  position:relative;
  z-index:5;
}
.cok-quick-panel{
  position:relative;
  left:auto;
  bottom:auto;
  transform:none;
  width:min(1240px, calc(100% - 48px));
  margin:0 auto;
  min-height:156px;
  background:#fff;
  border:1px solid #d9d9d9;
  border-top:3px solid #0b63c7;
  box-shadow:none;
  display:grid;
  grid-template-columns:2.2fr 1fr;
}
.cok-quick-form,
.cok-quick-call{
  padding:34px 26px 26px;
}
.cok-quick-form{
  border-right:1px solid #ddd;
}
.cok-quick-title-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.cok-quick-form h3,
.cok-quick-call h3{
  margin:0;
  color:#333;
  font-size:19px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.03em;
}
.cok-quick-form p{
  margin:3px 0 0;
  color:#8a8a8a;
  font-size:14px;
  line-height:1.4;
}
.cok-inline-form{
  display:grid;
  grid-template-columns:minmax(120px, 280px) minmax(120px, 280px) 182px;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.cok-inline-form input{
  width:100%;
  height:50px;
  border:1px solid #dadada;
  padding:0 14px;
  font-size:15px;
  color:#333;
  background:#fff;
}
.cok-inline-form input::placeholder{
  color:#c3c3c3;
}
.cok-inline-form button{
  height:50px;
  border:0;
  background:#0b63c7;
  color:#fff;
  font-size:16px;
  font-weight:700;
  padding:0 20px;
}
.cok-privacy-check{
  display:flex;
  align-items:center;
  gap:8px;
  color:#888;
  font-size:14px;
}
.cok-privacy-check input{
  width:16px;
  height:16px;
  margin:0;
}
.cok-quick-call strong{
  display:block;
  margin-top:14px;
  color:#0b63c7;
  font-size:30px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.03em;
}
.cok-quick-call p{
  margin:10px 0 0;
  color:#9a9a9a;
  font-size:14px;
}
@media(max-width:980px){
  .cok-quick-panel{grid-template-columns:1fr; width:min(1240px, calc(100% - 28px));}
  .cok-quick-form{border-right:0; border-bottom:1px solid #ddd;}
  .cok-inline-form{grid-template-columns:1fr 1fr 180px;}
}
@media(max-width:760px){
  .cok-hero{min-height:520px;}
  .cok-hero-inner{min-height:520px; padding-bottom:40px;}
  .cok-quick-panel-wrap{margin-top:-24px; padding-bottom:28px;}
  .cok-quick-form,.cok-quick-call{padding:20px 16px;}
  .cok-inline-form{grid-template-columns:1fr;}
  .cok-inline-form button{width:100%;}
}


/* 제품소개 hover 메가메뉴 */
.cok-menu-item{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}
.cok-products-link{
  display:flex;
  align-items:center;
  height:100%;
  color:#202020!important;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
.cok-products-link:hover,
.cok-products-link.active,
.cok-menu-item.active>.cok-products-link{
  color:#0b63c7!important;
}
.cok-mega-menu{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-38%);
  width:min(1240px, calc(100vw - 80px));
  background:#f3f3f3;
  border-top:3px solid #0b63c7;
  box-shadow:0 20px 40px rgba(0,0,0,.16);
  display:grid;
  grid-template-columns:repeat(6,1fr);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:1200;
}
.cok-products-menu:hover .cok-mega-menu,
.cok-products-menu:focus-within .cok-mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cok-mega-col{
  padding:26px 20px 28px 20px;
  border-right:1px solid #dedede;
  min-height:350px;
}
.cok-mega-col:last-child{border-right:0;}
.cok-mega-col h4{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
  color:#444;
}
.cok-mega-col h4 a{color:#444!important;}
.cok-mega-col ul{
  list-style:none;
  margin:0;
  padding:0;
}
.cok-mega-col li{
  margin:0 0 10px;
  line-height:1.45;
}
.cok-mega-col li a{
  color:#666!important;
  font-size:15px;
  font-weight:500;
}
.cok-mega-col li a:hover{color:#0b63c7!important;}
.cok-mega-col li.subhead{
  margin-top:20px;
}
.cok-mega-col li.subhead a{
  color:#444!important;
  font-size:16px;
  font-weight:800;
}
@media(max-width:1200px){
  .cok-mega-menu{
    left:0;
    transform:none;
    width:min(1120px, calc(100vw - 30px));
    grid-template-columns:repeat(3,1fr);
  }
  .cok-mega-col{min-height:auto;}
}
@media(max-width:760px){
  .cok-menu-item{width:100%; justify-content:center;}
  .cok-products-link{height:auto; padding:6px 0;}
  .cok-mega-menu{display:none!important;}
}


/* 긴급복구: 메인 2개 슬라이드 자동전환 */
.cok-hero.cok-hero-slider{
  position:relative;
  min-height:865px;
  background:#eee;
  overflow:hidden;
}
.cok-hero-slider .cok-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease, visibility .8s ease;
}
.cok-hero-slider .cok-hero-slide.is-active{
  opacity:1;
  visibility:visible;
}
.cok-hero-slider .cok-hero-bg{
  position:absolute;
  inset:0 0 120px 0;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.cok-hero-slider .cok-hero-bg:after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.18);
}
.cok-hero-slider .cok-hero-inner{
  position:relative;
  z-index:2;
  min-height:735px;
  display:flex;
  align-items:center;
}
.cok-hero-slider .cok-hero-text{
  margin-left:10px;
  margin-top:70px;
  max-width:650px;
}
.cok-hero-slider .cok-hero-dots{
  position:absolute;
  left:50%;
  bottom:145px;
  transform:translateX(-50%);
  z-index:4;
  display:flex;
  gap:10px;
}
.cok-hero-slider .cok-hero-dots button{
  width:12px;
  height:12px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.75);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
  cursor:pointer;
  padding:0;
}
.cok-hero-slider .cok-hero-dots button.is-active{ background:#0b63c7; }
.cok-hero-slider .cok-arrow{ cursor:pointer; }
@media(max-width:760px){
  .cok-hero.cok-hero-slider{min-height:700px;}
  .cok-hero-slider .cok-hero-inner{min-height:570px;}
  .cok-hero-slider .cok-hero-text{margin-top:40px;max-width:92%;}
  .cok-hero-slider .cok-hero-text h1{font-size:40px;}
  .cok-hero-slider .cok-hero-text p{font-size:16px;line-height:1.7;}
  .cok-hero-slider .cok-hero-dots{bottom:130px;}
}


/* 제품소개 펼침 메뉴 제품사진 표시 */
.cok-mega-product-link{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.cok-mega-product-img{
  width:42px;
  height:34px;
  object-fit:contain;
  border:1px solid #e5e5e5;
  background:#fff;
  border-radius:5px;
  padding:3px;
  flex:0 0 auto;
}
.cok-mega-product-link span{
  min-width:0;
}


/* 회사소개 hover 드롭다운 메뉴 */
.cok-company-menu{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}
.cok-company-link{
  display:flex;
  align-items:center;
  height:100%;
  color:#202020!important;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
.cok-company-link:hover,
.cok-company-link.active,
.cok-company-menu.active > .cok-company-link{
  color:#0b63c7!important;
}
.cok-company-dropdown{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  min-width:170px;
  background:#fff;
  border-top:3px solid #0b63c7;
  box-shadow:0 14px 28px rgba(0,0,0,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:1250;
  padding:8px 0;
}
.cok-company-menu:hover .cok-company-dropdown,
.cok-company-menu:focus-within .cok-company-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cok-company-dropdown a{
  display:block;
  padding:13px 22px;
  color:#444!important;
  font-size:16px;
  font-weight:700;
  white-space:nowrap;
}
.cok-company-dropdown a:hover{
  background:#f5f8ff;
  color:#0b63c7!important;
}
.company-anchor-section{
  scroll-margin-top:95px;
}
@media(max-width:760px){
  .cok-company-menu{height:auto;width:100%;justify-content:center;}
  .cok-company-link{height:auto;padding:6px 0;}
  .cok-company-dropdown{display:none!important;}
}


/* 회사소개 페이지 */
.company-page-hero{
  position:relative;
  height:365px;
  background:url('legacy/page_title2.jpg') center center/cover no-repeat;
  overflow:hidden;
}
.company-page-hero-overlay{
  position:absolute; inset:0;
  background:rgba(10,18,34,.35);
}
.company-page-hero-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
}
.company-page-hero-inner h1{
  margin:0 0 18px;
  font-size:66px;
  font-weight:800;
  letter-spacing:-.05em;
}
.company-page-hero-inner p{
  margin:0;
  font-size:18px;
  font-weight:500;
  opacity:.95;
}
.company-subnav{
  max-width:100%;
  margin:0;
  height:68px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #ececec;
  border-bottom:1px solid #ececec;
  background:#fff;
}
.company-subnav a{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#222 !important;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.04em;
  border-bottom:3px solid transparent;
}
.company-subnav a.active,
.company-subnav a:hover{
  color:#0b63c7 !important;
  border-bottom-color:#0b63c7;
}

.company-greeting-wrap{
  background:#fff;
  padding:110px 0 120px;
}
.company-greeting-title,
.company-location-title{
  text-align:center;
  margin-bottom:56px;
}
.company-greeting-title h1,
.company-location-title h1{
  margin:0;
  color:#333;
  font-size:68px;
  font-weight:800;
  letter-spacing:-.05em;
}
.company-greeting-title i,
.company-location-title i{
  display:block;
  width:46px;
  height:2px;
  background:#0b63c7;
  margin:26px auto 0;
}
.company-quote-block{
  text-align:center;
  position:relative;
  min-height:350px;
}
.company-quote-block .quote{
  display:block;
  color:#f0f0f0;
  font-size:120px;
  line-height:.7;
  font-family:Georgia,serif;
  font-weight:900;
}
.company-quote-block .quote.bottom{
  margin-top:18px;
  transform:rotate(180deg);
}
.company-greeting-logo{
  width:250px;
  max-width:65%;
  display:block;
  margin:0 auto 40px;
}
.company-quote-block .quote-text{
  margin:0;
  color:#333;
  font-size:27px;
  line-height:1.6;
  letter-spacing:-.04em;
}
.company-quote-block .quote-text strong{
  color:#ff4639;
  font-weight:400;
  font-size:48px;
  line-height:1.35;
}
.company-photo-card{
  max-width:1140px;
  margin:10px auto 0;
  background:#f4f4f4;
  padding:36px 36px 0;
}
.company-photo-card > img{
  display:block;
  width:100%;
  height:430px;
  object-fit:cover;
}
.company-message-box{
  position:relative;
  z-index:2;
  max-width:1020px;
  margin:-72px auto 0;
  background:#fff;
  border-top:3px solid #0b63c7;
  display:grid;
  grid-template-columns:290px 1fr;
  gap:50px;
  padding:48px 52px 52px;
  box-shadow:0 12px 35px rgba(0,0,0,.06);
}
.company-message-left h2{
  margin:0;
  color:#212121;
  font-size:42px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:-.05em;
}
.company-message-left h2 strong{
  color:#0b63c7;
}
.company-message-right p{
  margin:0;
  color:#444;
  font-size:18px;
  line-height:1.9;
  letter-spacing:-.03em;
}

.company-location-section{
  background:#fff;
  padding:110px 0 120px;
}
.company-location-info-grid{
  display:grid;
  grid-template-columns:1.2fr 1.6fr 1fr 1fr;
  align-items:center;
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
  margin-bottom:52px;
}
.company-location-slogan{
  padding:40px 20px 40px 18px;
}
.company-location-slogan h2{
  margin:0;
  font-size:34px;
  line-height:1.25;
  color:#222;
  letter-spacing:-.05em;
  font-weight:400;
}
.company-location-slogan h2 span{
  color:#0b63c7;
  font-weight:800;
}
.company-location-slogan em{
  display:block;
  width:56px;
  height:3px;
  background:#0b63c7;
  margin-top:24px;
}
.company-location-item{
  min-height:138px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px 26px;
  border-left:1px solid #ededed;
}
.company-location-icon{
  width:74px;
  height:74px;
  min-width:74px;
  border:1px solid #d7d7d7;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  background:#fff;
}
.company-location-item h3{
  margin:0 0 8px;
  color:#111;
  font-size:18px;
  font-weight:800;
}
.company-location-item p{
  margin:0;
  color:#666;
  font-size:17px;
  line-height:1.55;
  letter-spacing:-.03em;
}
.company-map-frame{
  width:100%;
  border-top:3px solid #0b63c7;
  background:#f6f6f6;
}
.company-map-frame iframe{
  width:100%;
  height:560px;
  border:0;
  display:block;
}
.cok-top-btn{
  position:fixed;
  right:26px;
  bottom:118px;
  z-index:999;
  width:46px;
  height:46px;
  border-radius:4px;
  background:#1f1f1f;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-weight:900;
}

@media (max-width:1200px){
  .company-location-info-grid{
    grid-template-columns:1fr 1fr;
  }
  .company-location-slogan{
    grid-column:1 / -1;
    border-bottom:1px solid #ededed;
  }
}
@media (max-width:900px){
  .company-page-hero{height:260px;}
  .company-page-hero-inner h1{font-size:46px;}
  .company-page-hero-inner p{font-size:15px;}
  .company-subnav{height:58px;}
  .company-subnav a{font-size:19px;}
  .company-greeting-title h1,
  .company-location-title h1{font-size:48px;}
  .company-quote-block .quote-text{font-size:22px;}
  .company-quote-block .quote-text strong{font-size:34px;}
  .company-message-box{
    grid-template-columns:1fr;
    gap:24px;
    padding:34px 28px;
    margin-top:-38px;
  }
  .company-message-left h2{font-size:34px;}
  .company-location-info-grid{
    grid-template-columns:1fr;
  }
  .company-location-item{
    border-left:0;
    border-top:1px solid #ededed;
  }
  .company-map-frame iframe{height:420px;}
}
@media (max-width:560px){
  .company-page-hero{height:210px;}
  .company-page-hero-inner h1{font-size:36px;}
  .company-subnav a{font-size:17px;}
  .company-greeting-wrap,
  .company-location-section{padding:70px 0 85px;}
  .company-greeting-title h1,
  .company-location-title h1{font-size:34px;}
  .company-greeting-logo{width:190px;}
  .company-quote-block .quote{font-size:84px;}
  .company-quote-block .quote-text{font-size:18px;}
  .company-quote-block .quote-text strong{font-size:25px;}
  .company-photo-card{padding:16px 16px 0;}
  .company-photo-card > img{height:245px;}
  .company-message-left h2{font-size:28px;}
  .company-message-right p{font-size:15px;}
  .company-location-slogan h2{font-size:28px;}
  .company-location-icon{
    width:58px;
    height:58px;
    min-width:58px;
    font-size:26px;
  }
  .company-map-frame iframe{height:320px;}
}


/* 찾아오시는 길 네이버 지도 링크 */
.company-map-link{
  display:inline-flex;
  margin-top:10px;
  color:#0b63c7!important;
  font-weight:800;
  font-size:15px;
  border-bottom:1px solid #0b63c7;
}
.company-naver-map-linkbox{
  border-top:3px solid #0b63c7;
  background:#eef5ff;
}
.company-naver-map-linkbox a{
  display:block;
  min-height:420px;
  background:linear-gradient(135deg, rgba(11,99,199,.10), rgba(11,99,199,.02)), url('legacy/page_title2.jpg') center center/cover no-repeat;
  position:relative;
}
.company-naver-map-linkbox a:before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.72);
}
.company-map-preview{
  position:relative;
  z-index:2;
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#222;
  padding:40px 20px;
}
.company-map-preview strong{
  display:block;
  font-size:42px;
  color:#0b63c7;
  margin-bottom:18px;
  letter-spacing:-.04em;
}
.company-map-preview span{
  display:block;
  font-size:20px;
  color:#333;
  margin-bottom:14px;
}
.company-map-preview em{
  display:block;
  font-style:normal;
  color:#666;
  font-size:18px;
}
@media(max-width:760px){
  .company-naver-map-linkbox a,
  .company-map-preview{
    min-height:300px;
  }
  .company-map-preview strong{
    font-size:30px;
  }
  .company-map-preview span{
    font-size:17px;
  }
  .company-map-preview em{
    font-size:15px;
  }
}


/* company map direct image */
.company-map-image-box{
  border-top:3px solid #0b63c7;
  background:#fff;
  overflow:hidden;
}
.company-map-image-box a{
  display:block;
}
.company-map-image-box img{
  display:block;
  width:100%;
  height:auto;
}


/* 제품소개 메뉴 탭만 표시 */
.cok-mega-menu .cok-mega-col{
  min-height:90px;
}
.cok-mega-menu .cok-mega-col h4{
  margin-bottom:0;
}


/* 고객센터 드롭다운 */
.cok-support-menu{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}
.cok-support-link{
  display:flex;
  align-items:center;
  height:100%;
  color:#202020!important;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.04em;
}
.cok-support-link:hover,
.cok-support-link.active,
.cok-support-menu.active>.cok-support-link{
  color:#0b63c7!important;
}
.cok-support-dropdown{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  min-width:210px;
  background:#fff;
  border-top:3px solid #0b63c7;
  box-shadow:0 14px 28px rgba(0,0,0,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:1250;
  padding:8px 0;
}
.cok-support-menu:hover .cok-support-dropdown,
.cok-support-menu:focus-within .cok-support-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.cok-support-dropdown a{
  display:block;
  padding:13px 22px;
  color:#444!important;
  font-size:16px;
  font-weight:700;
  white-space:nowrap;
}
.cok-support-dropdown a:hover{
  background:#f5f8ff;
  color:#0b63c7!important;
}

/* 고객센터 버튼 */
.customer-center-section{
  background:#fff;
}
.customer-center-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.customer-center-grid a{
  min-height:150px;
  border:1px solid #dfe7f2;
  border-top:3px solid #0b63c7;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:22px 16px;
  box-shadow:0 12px 28px rgba(16,24,40,.05);
}
.customer-center-grid strong{
  display:block;
  color:#0b63c7;
  font-size:23px;
  margin-bottom:12px;
  letter-spacing:-.04em;
}
.customer-center-grid span{
  color:#667085;
  font-size:15px;
  line-height:1.5;
}
.customer-center-grid a:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(16,24,40,.10);
}

/* 공지사항 FAQ 문의 원격지원 개인정보 */
.notice-list article,
.contact-card,
.remote-support-box,
.privacy-box{
  background:#fff;
  border:1px solid #e3e8ef;
  border-top:3px solid #0b63c7;
  padding:30px;
  box-shadow:0 12px 28px rgba(16,24,40,.05);
}
.notice-list{
  display:grid;
  gap:18px;
}
.notice-list b{
  display:block;
  font-size:22px;
  color:#222;
  margin-bottom:8px;
}
.notice-list span{
  color:#0b63c7;
  font-weight:700;
}
.notice-list p{
  margin:12px 0 0;
  color:#555;
  line-height:1.7;
}
.faq-list{
  display:grid;
  gap:14px;
}
.faq-list details{
  background:#fff;
  border:1px solid #e3e8ef;
  padding:20px 24px;
}
.faq-list summary{
  cursor:pointer;
  color:#222;
  font-size:19px;
  font-weight:800;
}
.faq-list p{
  color:#555;
  line-height:1.75;
  margin:14px 0 0;
}
.contact-card,
.remote-support-box{
  text-align:center;
}
.contact-card h2,
.remote-support-box h2{
  margin:0 0 14px;
  font-size:32px;
  color:#222;
}
.contact-card p,
.remote-support-box p{
  color:#555;
  line-height:1.8;
}
.remote-support-box strong{
  display:block;
  color:#0b63c7;
  font-size:42px;
  margin:18px 0;
}
.privacy-section{
  background:#f8fafc;
}
.privacy-box{
  max-width:1100px;
  margin:0 auto;
  color:#333;
  font-size:16px;
  line-height:1.9;
  white-space:normal;
  text-align:left;
}
@media(max-width:1100px){
  .customer-center-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:760px){
  .cok-support-menu{height:auto;width:100%;justify-content:center;}
  .cok-support-link{height:auto;padding:6px 0;}
  .cok-support-dropdown{display:none!important;}
  .customer-center-grid{
    grid-template-columns:1fr;
  }
  .privacy-box{
    padding:22px;
    font-size:14px;
  }
}


/* 제품소개 펼침 메뉴 세로 정렬 */
.cok-products-menu .cok-mega-menu{
  width:230px !important;
  min-width:230px !important;
  max-width:230px !important;
  grid-template-columns:1fr !important;
  display:block !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  padding:0 !important;
  background:#fff !important;
  border-top:3px solid #0b63c7 !important;
}
.cok-products-menu .cok-mega-col{
  min-height:auto !important;
  padding:0 !important;
  border-right:0 !important;
  border-bottom:1px solid #e8e8e8 !important;
}
.cok-products-menu .cok-mega-col:last-child{
  border-bottom:0 !important;
}
.cok-products-menu .cok-mega-col h4{
  margin:0 !important;
}
.cok-products-menu .cok-mega-col h4 a{
  display:block !important;
  padding:15px 22px !important;
  color:#333 !important;
  font-size:17px !important;
  font-weight:800 !important;
  text-align:left !important;
  white-space:nowrap !important;
}
.cok-products-menu .cok-mega-col h4 a:hover{
  background:#f5f8ff !important;
  color:#0b63c7 !important;
}
.cok-products-menu .cok-mega-col ul{
  display:none !important;
}
@media(max-width:760px){
  .cok-products-menu .cok-mega-menu{
    display:none !important;
  }
}


/* POS 상세페이지 전체 이미지 표시 */
.pos-full-image-page{
  width:100%;
  margin:0;
  padding:0;
  background:#f5f9ff;
  overflow-x:hidden;
}
.pos-full-image-page img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0 auto;
}
@media(max-width:760px){
  .pos-full-image-page img{
    width:100%;
    height:auto;
  }
}