/* ============================================================
   Unitel — Marketing Shell (LIGHT variant)
   Same structure as marketing-shell.css but airy / warm-ivory
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:var(--font-sans);
  background:#FAF8F3;
  color:#1E1C1D;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
img{display:block;max-width:100%;}

/* TOP BRAND STRIPE */
.brand-stripe{height:5px;background:var(--stripes-horizontal);position:relative;z-index:1001;}

/* GNB */
.gnb{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(30,28,29,.08);
}
.gnb-inner{
  max-width:1480px;margin:0 auto;
  padding:0 48px;
  display:flex;align-items:center;height:84px;gap:28px;
}
.logo{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.logo img{height:46px;}
.logo-stack{
  display:flex;flex-direction:column;line-height:1;
  border-left:1px solid rgba(30,28,29,.18);
  padding-left:12px;white-space:nowrap;
}
.logo-stack .since{
  font-family:var(--font-mono);
  font-size:9px;font-weight:500;letter-spacing:.18em;
  color:rgba(30,28,29,.55);
  text-transform:uppercase;margin-bottom:5px;white-space:nowrap;
}
.logo-stack .mark{
  font-size:15px;font-weight:800;letter-spacing:.20em;color:#1E1C1D;
}
.gnb-award{
  font-size:11px;line-height:1.4;
  color:rgba(30,28,29,.7);
  border-left:1px solid rgba(30,28,29,.12);
  padding-left:14px;white-space:nowrap;flex-shrink:0;
}
.gnb-award b{color:#A88E00;font-weight:700;}

.gnb-menu{flex:1;display:flex;justify-content:center;gap:4px;}
.gnb-link{
  padding:30px 11px;
  font-size:13.5px;font-weight:600;
  color:rgba(30,28,29,.78);
  position:relative;cursor:pointer;white-space:nowrap;
}
.gnb-link:hover{color:#1E1C1D;}
.gnb-link.cur{color:#A88E00;}
.gnb-link.cur::after{
  content:'';position:absolute;
  left:11px;right:11px;bottom:22px;height:2px;background:#E7C700;
}
.gnb-right{display:flex;gap:10px;align-items:center;}
.gnb-lang{
  padding:7px 14px;
  border:1px solid rgba(30,28,29,.18);
  border-radius:9999px;
  color:rgba(30,28,29,.78);
  font-size:11px;background:transparent;cursor:pointer;font-family:inherit;
}

/* QUICK MENU (right rail) */
.quick-menu{
  position:fixed;top:50%;right:18px;transform:translateY(-50%);z-index:999;
  display:flex;flex-direction:column;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(30,28,29,.08);
  backdrop-filter:blur(10px);
  border-radius:18px;padding:8px;width:78px;
  box-shadow:0 14px 36px rgba(30,28,29,.08);
}
.quick-head{
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.16em;text-align:center;
  color:rgba(30,28,29,.55);
  padding:10px 0 8px;
  border-bottom:1px solid rgba(30,28,29,.08);
  margin-bottom:6px;font-weight:700;
}
.quick-item{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:11px 6px;border-radius:12px;cursor:pointer;
  transition:background .15s var(--ease);
}
.quick-item:hover{background:rgba(231,199,0,.18);}
.quick-icon{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  background:#F4F1E8;border-radius:50%;
  font-size:15px;
}
.quick-item:hover .quick-icon{background:#FBF4CC;}
.quick-label{
  font-size:10px;font-weight:600;color:#1E1C1D;text-align:center;line-height:1.3;
}

/* AWARD BADGE */
.award-badge{
  position:fixed;top:130px;right:18px;z-index:998;width:78px;
  background:#fff;
  border:1px solid rgba(231,199,0,.5);
  border-radius:14px;padding:14px 8px 12px;text-align:center;
  box-shadow:0 8px 24px rgba(231,199,0,.18);
}
.award-trophy{
  width:36px;height:36px;margin:0 auto 8px;
  background:linear-gradient(180deg,#E7C700,#A88E00);
  clip-path:polygon(20% 0,80% 0,100% 30%,80% 65%,60% 70%,60% 80%,75% 95%,75% 100%,25% 100%,25% 95%,40% 80%,40% 70%,20% 65%,0 30%);
}
.award-year{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#A88E00;font-weight:700;margin-bottom:4px;}
.award-text{font-size:9.5px;line-height:1.45;color:#1E1C1D;font-weight:600;}

/* SECTION HEADS */
.kw-section{padding:140px 48px;position:relative;overflow:hidden;background:#FAF8F3;}
.kw-section.alt{background:#fff;}
.kw-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.kw-inner.flip{direction:rtl;}
.kw-inner.flip > *{direction:ltr;}
.kw-text .kw-kor{
  display:block;font-size:18px;font-weight:500;
  color:rgba(30,28,29,.55);margin-bottom:8px;letter-spacing:-.01em;
}
.kw-text .kw-eng{
  display:block;font-size:64px;font-weight:800;
  letter-spacing:.02em;line-height:1;margin-bottom:32px;color:#1E1C1D;
}
.kw-text .kw-rule{width:1px;height:64px;background:rgba(30,28,29,.18);margin-bottom:32px;}
.kw-text p{font-size:14.5px;line-height:1.95;color:rgba(30,28,29,.72);max-width:460px;}
.kw-text p b{color:#1E1C1D;font-weight:700;}
.kw-vis{display:flex;justify-content:center;}

/* RIPPLE — light bg variant */
.ripple{position:relative;width:520px;height:520px;display:flex;align-items:center;justify-content:center;}
.ripple-ring{
  content:'';position:absolute;border-radius:50%;
  border:1px solid rgba(231,199,0,.35);
  animation:rippleOutLight 4.5s ease-out infinite;
}
.ripple-ring.r1{width:25%;height:25%;animation-delay:0s;}
.ripple-ring.r2{width:42%;height:42%;animation-delay:.6s;}
.ripple-ring.r3{width:60%;height:60%;animation-delay:1.2s;}
.ripple-ring.r4{width:78%;height:78%;animation-delay:1.8s;}
.ripple-ring.r5{width:95%;height:95%;animation-delay:2.4s;}
@keyframes rippleOutLight{
  0%{transform:scale(.85);opacity:0;border-color:rgba(231,199,0,.7);}
  20%{opacity:1;}
  100%{transform:scale(1.15);opacity:0;border-color:rgba(231,199,0,.05);}
}
.ripple-core{
  position:relative;z-index:2;width:18%;height:18%;
  border-radius:50%;
  background:radial-gradient(circle,#E7C700 0%,#B89C00 70%);
  box-shadow:0 0 60px rgba(231,199,0,.45),0 0 120px rgba(231,199,0,.2);
  display:flex;align-items:center;justify-content:center;
}
.ripple-core img{width:60%;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));}
.ripple.sm{width:380px;height:380px;}
.ripple.sm.blue .ripple-ring{border-color:rgba(67,96,140,.4);animation-name:rippleOutBlueL;}
@keyframes rippleOutBlueL{
  0%{transform:scale(.85);opacity:0;border-color:rgba(67,96,140,.7);}
  20%{opacity:1;}
  100%{transform:scale(1.15);opacity:0;border-color:rgba(67,96,140,.05);}
}
.ripple.sm.blue .ripple-core{background:radial-gradient(circle,#43608C,#2A4669);box-shadow:0 0 60px rgba(67,96,140,.4);}
.ripple.sm.green .ripple-ring{border-color:rgba(0,108,93,.4);animation-name:rippleOutGreenL;}
@keyframes rippleOutGreenL{
  0%{transform:scale(.85);opacity:0;border-color:rgba(0,108,93,.7);}
  20%{opacity:1;}
  100%{transform:scale(1.15);opacity:0;border-color:rgba(0,108,93,.05);}
}
.ripple.sm.green .ripple-core{background:radial-gradient(circle,#006C5D,#003D34);box-shadow:0 0 60px rgba(0,108,93,.4);}

/* FOOTER (light · warm-ivory tone, harmonized with body) */
.foot-pre{
  background:#F4F1E8;
  border-top:1px solid rgba(30,28,29,.10);
  border-bottom:1px solid rgba(30,28,29,.06);
}
.foot-pre-inner{
  max-width:1480px;margin:0 auto;
  padding:22px 48px;display:flex;align-items:center;gap:32px;
  font-size:13px;color:rgba(30,28,29,.78);letter-spacing:.04em;
}
.foot-pre-inner b{color:#1E1C1D;font-weight:700;}

footer{
  background:#EFEBDE;
  padding:52px 48px 32px;
  color:#1E1C1D;
  border-top:1px solid rgba(30,28,29,.06);
}
.foot-inner{max-width:1480px;margin:0 auto;}
.foot-nav{
  display:flex;gap:36px;padding-bottom:32px;
  border-bottom:1px solid rgba(30,28,29,.10);
  font-size:13px;font-weight:600;color:rgba(30,28,29,.82);
}
.foot-nav span{cursor:pointer;}
.foot-nav span:hover{color:#A88E00;}
.foot-body{display:grid;grid-template-columns:280px 1fr auto;gap:60px;padding:36px 0 24px;}
.foot-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.foot-brand img{height:42px;}
.foot-brand .logo-stack{border-left-color:rgba(30,28,29,.18);}
.foot-brand .logo-stack .since{color:rgba(30,28,29,.55);}
.foot-brand .logo-stack .mark{color:#1E1C1D;}
.foot-info{font-size:11.5px;line-height:1.85;color:rgba(30,28,29,.6);}
.foot-info b{color:rgba(30,28,29,.85);font-weight:600;}
.foot-contact{font-size:13px;line-height:1.85;color:rgba(30,28,29,.78);}
.foot-contact .tel{font-family:var(--font-mono);font-size:18px;font-weight:800;color:#A88E00;}
.foot-contact .mail{color:#A88E00;border-bottom:1px solid rgba(168,142,0,.35);}
.foot-social{display:flex;gap:10px;align-items:flex-start;}
.foot-social .ic{
  width:38px;height:38px;border-radius:50%;
  background:rgba(30,28,29,.06);
  border:1px solid rgba(30,28,29,.08);
  display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;
  color:#1E1C1D;
}
.foot-social .ic:hover{background:rgba(231,199,0,.18);border-color:rgba(231,199,0,.45);}
.foot-bottom{
  padding-top:18px;border-top:1px solid rgba(30,28,29,.08);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;
  color:rgba(30,28,29,.45);display:flex;justify-content:space-between;
}