*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
:root{--bg:#070808;--bg-soft:#0c0d0e;--panel:#101112;--panel-2:#151617;--line:rgba(214,173,65,.24);--line-strong:rgba(231,190,76,.48);--gold:#d9ad43;--gold-light:#f2d27f;--gold-deep:#8f681d;--text:#f5f1e8;--muted:#a8a39a;--danger:#ff5572;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow:0 22px 70px rgba(0,0,0,.38);--header-h:76px;--space-section:clamp(64px,8vw,124px);--fs-h1:clamp(2rem,4.4vw,3.5rem);--fs-h2:clamp(1.625rem,3vw,2.5rem);--fs-h3:clamp(1.375rem,2.1vw,2rem);--fs-h4:clamp(1.1875rem,1.6vw,1.5rem);--fs-h5:clamp(1.0625rem,1.3vw,1.25rem);--fs-h6:clamp(1rem,1.1vw,1.125rem);--fs-body:clamp(.9375rem,1vw,1.0625rem);--fs-small:clamp(.75rem,.9vw,.875rem)}
html{font-size:16px}
body{font-family:Inter,"Noto Sans Thai","Noto Sans","Noto Sans KR",Arial,sans-serif;font-size:var(--fs-body);line-height:1.58;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:var(--fs-h1);font-weight:800}
h2{font-size:var(--fs-h2);font-weight:760}
h3{font-size:var(--fs-h3);font-weight:720}
h4{font-size:var(--fs-h4);font-weight:700}
h5{font-size:var(--fs-h5);font-weight:680}
h6{font-size:var(--fs-h6);font-weight:650}
p{color:var(--muted)}
.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--gold);text-transform:uppercase}
.wr-1,.wr-2,.wr-3,.wr-4,.wr-5,.wr-6,.wr-7,.wr-8,.wr-9,.wr-10{width:min(100% - 36px,var(--wr));margin-inline:auto}
.wr-1{--wr:1500px}
.wr-2{--wr:1360px}
.wr-3{--wr:1240px}
.wr-4{--wr:1140px}
.wr-5{--wr:1060px}
.wr-6{--wr:980px}
.wr-7{--wr:900px}
.wr-8{--wr:820px}
.wr-9{--wr:760px}
.wr-10{--wr:700px}
@media (max-width:720px){.wr-1,.wr-2,.wr-3,.wr-4,.wr-5,.wr-6,.wr-7,.wr-8,.wr-9,.wr-10{width:min(100% - 28px,var(--wr))}}
.section-heading{display:grid;gap:10px;max-width:760px;margin-bottom:28px}
.section-heading--center{text-align:center;margin-inline:auto;margin-bottom:34px}
.section-heading--split{max-width:none;display:flex;justify-content:space-between;align-items:end}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);font-size:.83rem;font-weight:800}
.btn--primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#111;border-color:transparent}
.btn--ghost{background:rgba(255,255,255,.02);color:#eee}
.portfolio-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0e0f10;transition:transform .2s,border-color .2s}
.portfolio-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.portfolio-card__media,.portfolio-card__placeholder{aspect-ratio:4/5;background:radial-gradient(circle at 50% 25%,rgba(217,173,67,.17),transparent 28%),linear-gradient(145deg,#17130b,#08090a);position:relative;overflow:hidden}
.portfolio-card__media img,.portfolio-card__media video{width:100%;height:100%;object-fit:cover}
.portfolio-card__placeholder{display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;letter-spacing:.14em}
.portfolio-card__placeholder em{position:absolute;right:12px;bottom:10px;color:#5d4a24;font-size:2rem;font-style:normal;font-weight:800}
.portfolio-card__meta{display:grid;gap:4px;padding:12px 13px 14px}
.portfolio-card__meta small{font-size:.67rem;color:var(--gold);text-transform:uppercase}
.portfolio-card__meta strong{font-size:.88rem;line-height:1.35}
.media-badge{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.72);font-size:.6rem;font-weight:800;color:var(--gold-light)}
.empty-state{padding:42px;border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;color:var(--muted)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:#77736b;font-size:.74rem;margin-bottom:20px}
.breadcrumb a:hover{color:var(--gold)}
.contact-pill{padding:10px 14px;border-radius:999px;font-size:.75rem;font-weight:800}
.contact-pill--kakao{background:#f7d900;color:#111}
.contact-pill--telegram{background:#168fd2;color:#fff}
@media (min-width:901px){:is(.production-page--ko,.production-page--vi,.production-page--ko){background:#050606}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .eyebrow{margin:0;color:#d6ad4b;font-size:12px;font-weight:900;letter-spacing:.15em}
.production-page--ko .why-hero{background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.42) 100%),
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.70)),
url("/assets/hero/ko-night-v91.webp") 60% center/cover no-repeat}
.production-page--ko .why-hero{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.22) 56%,rgba(0,0,0,.04) 76%,rgba(0,0,0,.02) 100%),
linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.10) 58%,rgba(0,0,0,.48) 100%),
url("/assets/why-louie/ko/ko-why-hero-v96.webp") right center/auto 145% no-repeat}
.production-page--ko .why-hero__inner{min-height:460px;padding:92px 0 62px}
.production-page--ko .why-hero h1{max-width:680px}
.production-page--ko .why-hero__lead{max-width:690px}
.production-page--vi .why-hero{background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.80) 44%,rgba(0,0,0,.38) 100%),
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.70)),
url("/assets/hero/vi-night-v91.webp") 60% center/cover no-repeat}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .why-hero{border-bottom:1px solid rgba(214,173,65,.20)}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .why-hero__inner{width:min(calc(100% - 72px),1360px);margin-left:auto;margin-right:auto;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;padding:86px 0 64px}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .why-hero h1{max-width:880px;margin:12px 0 0;color:#f6f1e8;font-size:clamp(46px,4.2vw,68px);font-weight:900;line-height:1.05;letter-spacing:-.05em;text-shadow:0 5px 24px rgba(0,0,0,.60)}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .why-hero__lead{max-width:980px;margin:21px 0 0;color:#ddd6ca;font-size:18px;font-weight:650;line-height:1.72}
:is(.production-page--ko,.production-page--vi,.production-page--ko) .why-hero__note{max-width:880px;margin:10px 0 0;color:#9c968d;font-size:14px;line-height:1.55}
.why-key{display:inline-block;transform-origin:center}
.why-key--glow{color:#e4ba52;animation:whyGlow 3.4s ease-in-out infinite}
.why-key--pulse{animation:whyPulse 3.2s ease-in-out infinite}}
@keyframes whyPulse{0%,100%{transform:scale(1)}
50%{transform:scale(1.045)}}
@keyframes whyGlow{0%,100%{color:#e0b54d;text-shadow:0 0 0 rgba(224,181,77,0)}
50%{color:#f0d27b;text-shadow:0 0 18px rgba(224,181,77,.32)}}
@media (prefers-reduced-motion:reduce){.why-key--glow,.why-key--pulse{animation:none}}
@media (min-width:901px){.production-page--ko .why-master{width:min(calc(100% - 72px),1360px);margin-left:auto;margin-right:auto}
.production-page--ko .why-master--reasons{padding:34px 0 18px}
.production-page--ko .why-master__head{margin-bottom:18px}
.production-page--ko .why-master__head--center{display:flex;align-items:center;justify-content:center;gap:18px}
.production-page--ko .why-master__head--center::before,
.production-page--ko .why-master__head--center::after{content:"";flex:0 0 150px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(218,174,76,.55),rgba(255,255,255,0))}
.production-page--ko .why-master__head h2{margin:0;color:#f6f1e7;font-weight:900;line-height:1.2;text-align:center}
.production-page--ko .why-master__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.production-page--ko .why-master__card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),
#090a0d;box-shadow:0 18px 34px rgba(0,0,0,.26)}
.production-page--ko .why-master__card strong{display:block;font-size:15px;font-weight:950;letter-spacing:.05em}
.production-page--ko .why-master__card h3{margin:12px 0 0;color:#f3eee4;font-weight:900;line-height:1.22;letter-spacing:-.04em}
.production-page--ko .why-master__card p{margin:11px 0 0;color:#a8a39a;font-size:14px;line-height:1.6}
.production-page--ko .why-master__card--pink{color:#ff6ba9}
.production-page--ko .why-master__card--cyan{color:#48c7ff}
.production-page--ko .why-master__card--violet{color:#bf78ff}
.production-page--ko .why-master__card--gold{color:#ffc84c}
.production-page--ko .why-master__card--pink2{color:#ff79d5}
.production-page--ko .why-tool__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.production-page--ko .why-tool{min-height:206px;padding:26px 16px 22px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01)),
#08090c;box-shadow:0 18px 30px rgba(0,0,0,.24)}
.production-page--ko .why-tool h3{margin:0;color:#f2ede3;font-size:17px;font-weight:900}
.production-page--ko .why-tool p{margin:9px 0 0;color:#9f9a91;font-size:13px;line-height:1.55}
.production-page--ko .why-tool--ai{color:#56b8ff}
.production-page--ko .why-tool--video{color:#7ec5ff}
.production-page--ko .why-tool--ps{color:#51b5ff}
.production-page--ko .why-tool--ae{color:#b483ff}
.production-page--ko .why-tool--pr{color:#bb80ff}}
@media (min-width:901px){.production-page--ko .why-master__icon-wrap,
.production-page--ko .why-tool__icon-wrap{position:relative;display:block;width:112px;height:112px;margin:0 0 18px;animation:whyIconFloat 4.8s ease-in-out infinite;will-change:transform}
.production-page--ko .why-tool__icon-wrap{width:120px;height:120px;margin:0 auto 16px}
.production-page--ko .why-master__card:nth-child(2) .why-master__icon-wrap,
.production-page--ko .why-tool__grid article:nth-child(2) .why-tool__icon-wrap{animation-delay:.35s}
.production-page--ko .why-master__card:nth-child(3) .why-master__icon-wrap,
.production-page--ko .why-tool__grid article:nth-child(3) .why-tool__icon-wrap{animation-delay:.7s}
.production-page--ko .why-master__card:nth-child(4) .why-master__icon-wrap,
.production-page--ko .why-tool__grid article:nth-child(4) .why-tool__icon-wrap{animation-delay:1.05s}
.production-page--ko .why-master__card:nth-child(5) .why-master__icon-wrap,
.production-page--ko .why-tool__grid article:nth-child(5) .why-tool__icon-wrap{animation-delay:1.4s}
.production-page--ko .why-master__icon-wrap::after,
.production-page--ko .why-tool__icon-wrap::after{content:"";position:absolute;inset:20%;border-radius:50%;border:1px solid rgba(255,255,255,.18);opacity:0;transform:scale(.82);animation:whyIconRipple 4.8s ease-out infinite;pointer-events:none}
.production-page--ko .why-master__icon-wrap::before,
.production-page--ko .why-tool__icon-wrap::before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.10) 0%, rgba(255,255,255,.03) 45%, rgba(255,255,255,0) 72%);filter:blur(6px);opacity:.9;animation:whyIconBreath 4.8s ease-in-out infinite;pointer-events:none}
.production-page--ko .why-master__icon-img,
.production-page--ko .why-tool__icon-img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}
.production-page--ko .why-tool{padding-top:22px}}
@keyframes whyIconFloat{0%,100%{transform:translateY(0) scale(1);}
45%{transform:translateY(-7px) scale(1.018);}
60%{transform:translateY(-4px) scale(1.012);}}
@keyframes whyIconRipple{0%{opacity:0; transform:scale(.82);}
14%{opacity:.22;}
46%{opacity:.10;}
68%{opacity:0; transform:scale(1.24);}
100%{opacity:0; transform:scale(1.24);}}
@keyframes whyIconBreath{0%,100%{opacity:.55; transform:scale(.94);}
50%{opacity:1; transform:scale(1.06);}}
@media (min-width:901px){.production-page--ko .why-showcase{padding:18px 0 22px}
.production-page--ko .why-showcase__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.production-page--ko .why-showcase__card{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),#090a0d;box-shadow:0 18px 34px rgba(0,0,0,.22)}
.production-page--ko .why-showcase__media{position:relative;overflow:hidden;background:#0b0d12}
.production-page--ko .why-showcase__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.production-page--ko .why-showcase__card:hover .why-showcase__media img{transform:scale(1.04)}
.production-page--ko .why-showcase__media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(4,5,8,.58) 40%,rgba(4,5,8,.95));pointer-events:none}
.production-page--ko .why-showcase__num{position:absolute;left:12px;top:10px;z-index:2;color:#f58df6;font-size:27px;font-weight:800;letter-spacing:-.04em;text-shadow:0 0 12px rgba(255,128,220,.25)}
.production-page--ko .why-showcase__body h3{margin:0;color:#f4efe4;font-weight:900;line-height:1.35;letter-spacing:-.04em}
.production-page--ko .why-showcase__body p{margin:11px 0 0;color:#cfc8bc;font-size:14px;line-height:1.62}
.production-page--ko .why-cta-band{padding:18px 0 54px}
.production-page--ko .why-cta-band__panel{position:relative;overflow:hidden;padding:30px 34px 26px;border-radius:20px;border:1px solid rgba(255,145,210,.22);background:radial-gradient(circle at 15% 30%,rgba(255,113,190,.12),transparent 34%),
radial-gradient(circle at 85% 50%,rgba(255,184,92,.12),transparent 38%),
linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),
#0a0b10;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 0 36px rgba(255,84,180,.10)}
.production-page--ko .why-cta-band__lead{align-items:flex-end;justify-content:space-between;gap:32px}
.production-page--ko .why-cta-band__eyebrow{margin:0 0 8px;color:#f2ece1;font-weight:800;line-height:1.3;letter-spacing:-.04em}
.production-page--ko .why-cta-band__lead h2{margin:0;color:#f4ede2;font-weight:800;line-height:1.55;letter-spacing:-.03em}
.production-page--ko .why-cta-band__lead h2 span{color:#f5c15e}
.production-page--ko .why-cta-band__points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.production-page--ko .why-cta-band__point{display:flex;gap:12px;align-items:flex-start;padding-left:18px;border-left:1px solid rgba(255,255,255,.10)}
.production-page--ko .why-cta-band__point strong{color:#f1ebde;font-size:14px;font-weight:700;line-height:1.6}
.production-page--ko .why-cta-band__button{display:flex;align-items:center;justify-content:center;width:min(100%,560px);margin:26px auto 0;padding:0 22px;border-radius:999px;border:1px solid rgba(255,186,100,.38);background:linear-gradient(180deg,rgba(255,211,126,.12),rgba(255,129,202,.08));color:#ffe3aa;font-weight:800;text-align:center;text-decoration:none;box-shadow:0 0 22px rgba(255,151,209,.12);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.production-page--ko .why-cta-band__button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,151,209,.18);border-color:rgba(255,203,131,.55)}}
@media (min-width:901px){.production-page--ko .why-master__head h2{letter-spacing:-.035em}
.production-page--ko .why-master__card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.production-page--ko .why-showcase__intro{max-width:920px;margin:-8px auto 20px;color:#9f998f;font-size:14px;line-height:1.7;text-align:center}
.production-page--ko .why-showcase__card{display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.production-page--ko .why-showcase__card:hover{transform:translateY(-4px);border-color:rgba(225,119,216,.24);box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 26px rgba(206,86,224,.06)}
.production-page--ko .why-showcase__body{flex:1;display:flex;flex-direction:column;padding:18px 17px 20px}
.production-page--ko .why-showcase__body h3{font-size:18px}
.production-page--ko .why-showcase__body p{margin-top:auto;padding-top:12px}
.production-page--ko .why-cta-band__lead{display:block;max-width:900px}
.production-page--ko .why-cta-band__eyebrow{font-size:26px}
.production-page--ko .why-cta-band__lead h2{max-width:880px;font-size:21px}
.production-page--ko .why-cta-band__point span{min-width:36px;color:#f3b94c;font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1.4}
.production-page--ko .why-cta-band__button{min-height:54px;font-size:16px}}
@media (min-width:901px){.production-page--ko .why-tools-v36{padding:18px 0 20px}
.production-page--ko .why-tools-v36 .why-tool{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.production-page--ko .why-tools-v36 .why-tool:hover{transform:translateY(-4px);border-color:rgba(111,176,255,.22);box-shadow:0 20px 38px rgba(0,0,0,.28),0 0 24px rgba(102,126,255,.06)}
.production-page--ko .why-tools-v36 .why-tool p{max-width:185px}}
@media (min-width:901px){.production-page--ko .why-hero__note{position:relative;max-width:720px;margin-top:18px;padding:14px 18px 14px 20px;border-left:2px solid #ff68bd;background:linear-gradient(90deg,rgba(255,88,181,.06),rgba(255,255,255,0));color:#d8d1c6;font-size:15px;line-height:1.65}
.production-page--ko .why-hero__note strong{color:#f1c15f;font-weight:900}}
@media (min-width:901px){.production-page--ko .why-master{position:relative}
.production-page--ko .why-master__head--center{margin-bottom:20px}
.production-page--ko .why-master__head--center::before,
.production-page--ko .why-master__head--center::after{flex-basis:120px;opacity:.72}
.production-page--ko .why-master__head h2{font-size:clamp(28px,2vw,34px);text-wrap:balance}
.production-page--ko .why-master--reasons{padding-top:38px}
.production-page--ko .why-master__card{min-height:318px;display:flex;flex-direction:column;padding:22px 20px 20px}
.production-page--ko .why-master__card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.14);box-shadow:0 20px 42px rgba(0,0,0,.30)}
.production-page--ko .why-master__icon-wrap{width:100px;height:100px;margin-bottom:12px}
.production-page--ko .why-master__card strong{margin-top:6px}
.production-page--ko .why-master__card h3{min-height:58px;display:flex;align-items:flex-start;font-size:20px}
.production-page--ko .why-master__card p{margin-top:auto;padding-top:12px}
.production-page--ko .why-showcase{padding-top:24px}
.production-page--ko .why-showcase__intro{margin-bottom:18px}
.production-page--ko .why-showcase__card{min-height:470px}
.production-page--ko .why-showcase__media{height:275px}
.production-page--ko .why-tools-v36{padding-top:26px}
.production-page--ko .why-tools-v36 .why-tool__icon-wrap{margin-bottom:8px}
.production-page--ko .why-cta-band__panel{padding-top:28px;padding-bottom:24px}
.production-page--ko .why-cta-band__points{margin-top:20px}
.production-page--ko .why-cta-band__button{margin-top:22px}}
@media (min-width:901px){.production-page--ko .why-kick{padding:8px 0 12px}
.production-page--ko .why-kick__inner{min-height:110px;display:grid;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:18px;padding:20px 28px;border:1px solid rgba(255,120,195,.18);border-radius:18px;background:linear-gradient(90deg,rgba(255,73,170,.045),rgba(255,183,82,.035),rgba(56,199,255,.035)),#08090c;box-shadow:0 14px 30px rgba(0,0,0,.20);text-align:center}
.production-page--ko .why-kick__inner p{margin:0;color:#f5efe5;font-size:28px;font-weight:900;line-height:1.34;letter-spacing:-.04em}
.production-page--ko .why-kick__inner small{grid-column:2;margin-top:-10px;color:#b6afa5;font-size:14px;line-height:1.55}
.production-page--ko .why-kick__pulse{position:relative;height:2px;background:linear-gradient(90deg,transparent,#ff6cb5 35%,#ffc15a 65%,transparent);opacity:.8}
.production-page--ko .why-kick__pulse::after{content:"";position:absolute;left:42%;top:50%;width:9px;height:9px;border:2px solid #ff79c6;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(255,100,190,.35);animation:whyKickPulse 3.6s ease-in-out infinite}
.production-page--ko .why-kick__pulse--right{transform:scaleX(-1)}
.production-page--ko .why-master--tools{padding:20px 0 16px}
.production-page--ko .why-master__head--stack{flex-direction:column;gap:6px}
.production-page--ko .why-master__head--stack::before,
.production-page--ko .why-master__head--stack::after{display:none}
.production-page--ko .why-tools__eyebrow{color:#d8aa48;font-size:11px;font-weight:900;letter-spacing:.16em}
.production-page--ko .why-tools-v36 .why-tool__grid{gap:0;border:1px solid rgba(214,173,65,.16);border-radius:16px;overflow:hidden;background:#08090b}
.production-page--ko .why-tools-v36 .why-tool{min-height:142px;padding:17px 12px 15px;border:0;border-right:1px solid rgba(255,255,255,.07);border-radius:0;box-shadow:none;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006))}
.production-page--ko .why-tools-v36 .why-tool:last-child{border-right:0}
.production-page--ko .why-tools-v36 .why-tool__icon-wrap{width:68px;height:68px;margin:0 auto 8px;animation:none}
.production-page--ko .why-tools-v36 .why-tool__icon-wrap::before,
.production-page--ko .why-tools-v36 .why-tool__icon-wrap::after{display:none}
.production-page--ko .why-tools-v36 .why-tool h3{font-size:13px;letter-spacing:.02em}
.production-page--ko .why-tools-v36 .why-tool p{margin-top:5px;color:#948e85;font-size:11px;line-height:1.45}}
@keyframes whyKickPulse{0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.55}
50%{transform:translate(-50%,-50%) scale(1.22);opacity:1}}
@media (min-width:901px){.production-page--ko .why-director{padding:18px 0 24px}
.production-page--ko .why-director__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:38px;align-items:stretch;padding:38px 40px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(90deg,rgba(255,79,180,.07),transparent 35%),
radial-gradient(circle at 92% 18%,rgba(93,184,255,.10),transparent 30%),
#080a0e;box-shadow:0 18px 42px rgba(0,0,0,.26)}
.production-page--ko .why-director__panel::after{content:"";position:absolute;left:-12%;right:-12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff5fb8 34%,#f5c15e 64%,transparent);opacity:.58;animation:whyDirectorLine 6s ease-in-out infinite}
.production-page--ko .why-director__eyebrow{display:block;margin-bottom:12px;color:#e9b95b;font-size:12px;font-weight:950;letter-spacing:.16em}
.production-page--ko .why-director__copy h2{margin:0;color:#f5efe5;font-size:clamp(34px,3.1vw,48px);font-weight:900;line-height:1.18;letter-spacing:-.05em}
.production-page--ko .why-director__copy h2 span{color:#ff77bc;text-shadow:0 0 22px rgba(255,93,184,.18)}
.production-page--ko .why-director__copy>p{max-width:820px;margin:18px 0 0;color:#c5beb4;font-size:15px;line-height:1.75}
.production-page--ko .why-director__copy .why-director__note{color:#9f998f;font-size:14px}
.production-page--ko .why-director__stats{display:grid;gap:10px}
.production-page--ko .why-director__stat{display:flex;flex-direction:column;justify-content:center;min-height:102px;padding:18px 20px;border-left:2px solid rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)}
.production-page--ko .why-director__stat strong{color:#f1c15c;font-size:25px;font-weight:950;letter-spacing:.02em}
.production-page--ko .why-director__stat:nth-child(2) strong{color:#65c8ff}
.production-page--ko .why-director__stat:nth-child(3) strong{color:#ff79c2}
.production-page--ko .why-director__stat span{margin-top:7px;color:#b7b0a6;font-size:13px;line-height:1.5}}
@keyframes whyDirectorLine{0%,100%{transform:translateX(-5%);opacity:.34}
50%{transform:translateX(5%);opacity:.72}}
@media (min-width:901px){.production-page--ko .why-local-th{padding:18px 0}
.production-page--ko .why-local-th__panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:stretch;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 12% 20%,rgba(255,93,176,.10),transparent 34%),
radial-gradient(circle at 86% 80%,rgba(89,198,255,.08),transparent 34%),
linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
#08090d;box-shadow:0 20px 38px rgba(0,0,0,.24)}
.production-page--ko .why-local-th__title{display:flex;flex-direction:column;justify-content:center;min-height:260px;padding-right:18px}
.production-page--ko .why-local-th__title>span{color:#f4c45f;font-size:12px;font-weight:950;letter-spacing:.14em}
.production-page--ko .why-local-th__title h2{margin:12px 0 0;color:#f4eee4;font-size:38px;font-weight:900;line-height:1.18;letter-spacing:-.045em}
.production-page--ko .why-local-th__title h2 strong{color:#ff72bb;font-weight:900;text-shadow:0 0 18px rgba(255,114,187,.15)}
.production-page--ko .why-local-th__title p{max-width:570px;margin:16px 0 0;color:#aaa39a;font-size:15px;line-height:1.72}
.production-page--ko .why-local-th__list{display:grid;gap:10px}
.production-page--ko .why-local-th__list article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:center;min-height:82px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}
.production-page--ko .why-local-th__list article>b{color:#f4c45f;font-size:22px;font-weight:900;letter-spacing:-.03em}
.production-page--ko .why-local-th__list div{display:flex;flex-direction:column;gap:5px}
.production-page--ko .why-local-th__list strong{color:#f0e9df;font-size:14px;font-weight:900;letter-spacing:.04em}
.production-page--ko .why-local-th__list span{color:#a7a097;font-size:14px;line-height:1.58}}
@media (min-width:901px){.production-page--ko .why-master__head h2,
.production-page--ko .why-showcase__body h3,
.production-page--ko .why-local-th__title h2,
.production-page--ko .why-director__copy h2,
.production-page--ko .why-cta-band__lead h2{text-wrap:balance}
.production-page--ko .why-master__card,
.production-page--ko .why-showcase__card,
.production-page--ko .why-local-th__list article{transition:border-color .22s ease, transform .22s ease, box-shadow .22s ease}
.production-page--ko .why-master__card:hover,
.production-page--ko .why-showcase__card:hover{transform:translateY(-3px);border-color:rgba(255,178,218,.20);box-shadow:0 22px 42px rgba(0,0,0,.30),0 0 24px rgba(255,92,185,.045)}
.production-page--ko .why-local-th__list article:hover{transform:translateX(3px);border-color:rgba(244,196,95,.18)}
.production-page--ko .why-showcase__body p,
.production-page--ko .why-master__card p,
.production-page--ko .why-director__copy>p,
.production-page--ko .why-local-th__title p{text-wrap:pretty}
.production-page--ko .why-cta-band__button:focus-visible{outline:2px solid #ffd477;outline-offset:4px}
.production-page--ko .why-master--reasons,
.production-page--ko .why-showcase,
.production-page--ko .why-local-th,
.production-page--ko .why-director,
.production-page--ko .why-master--tools,
.production-page--ko .why-cta-band{scroll-margin-top:96px}}
@media (prefers-reduced-motion:reduce){.production-page--ko .why-master__icon-wrap,
.production-page--ko .why-tool__icon-wrap,
.production-page--ko .why-kick__pulse::after,
.production-page--ko .why-director__panel::after{animation:none!important}
.production-page--ko .why-master__card,
.production-page--ko .why-showcase__card,
.production-page--ko .why-showcase__media img,
.production-page--ko .why-local-th__list article,
.production-page--ko .why-cta-band__button{transition:none!important;transform:none!important}}
@media (min-width:901px){body.production-page .why-cta-band{padding-bottom:18px!important}
body.production-page .site-footer{margin-top:18px}}
.site-header{position:sticky;top:0;z-index:1000;background:#070808;border-bottom:1px solid rgba(214,173,65,.20);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}
.site-header.is-scrolled{background:rgba(7,8,8,.88);border-bottom-color:rgba(214,173,65,.30);box-shadow:0 12px 36px rgba(0,0,0,.34);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}
.site-header__inner{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;position:relative}
.site-header .brand{grid-column:1;display:flex;align-items:center;gap:11px;min-width:max-content}
.site-header .brand img{width:46px;height:46px;object-fit:contain}
.site-header .brand span{display:grid;line-height:1.13}
.site-header .brand strong{font-size:.96rem;letter-spacing:.075em;white-space:nowrap}
.site-header .brand small{margin-top:4px;color:#807b72;font-size:.66rem;white-space:nowrap}
@media (min-width:1181px){.site-header__inner{width:min(100% - 64px,1520px);min-height:80px}
.site-header .brand img{width:48px;height:48px}
.site-header .brand strong{font-size:1rem}}
.site-header .site-nav{grid-column:2;justify-self:center;display:flex;align-items:center;gap:20px;min-width:0;font-size:.84rem;font-weight:700}
.site-header .site-nav a{position:relative;padding:0;border:0;border-radius:0;background:none;color:#d8d3ca;white-space:nowrap;transform:none;transition:color .2s ease}
.site-header .site-nav a:hover,
.site-header .site-nav a.is-active{color:var(--gold-light)}
.site-header .site-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:-12px;width:20px;height:1px;background:var(--gold);transform:translateX(-50%)}
.site-header .locale-switcher{grid-column:3;display:flex;flex:none;border:1px solid rgba(214,173,65,.25);border-radius:999px;padding:3px;background:rgba(255,255,255,.01)}
.site-header .locale-switcher a{padding:6px 9px;font-size:.69rem;color:#7e7b75;border-radius:999px;white-space:nowrap;transition:color .2s ease,background-color .2s ease}
.site-header .locale-switcher a:hover{color:var(--gold-light)}
.site-header .locale-switcher a.active{background:var(--gold);color:#0b0b0b;font-weight:850}
.site-header .nav-toggle{display:none;width:38px;height:38px;padding:8px;background:none;border:0;color:#fff;cursor:pointer}
.site-header .nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (min-width:1320px){.site-header .site-nav{gap:24px;font-size:.88rem}}
@media (max-width:1180px){.site-header__inner{min-height:var(--header-h);grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
.site-header .brand{grid-column:1;min-width:0}
.site-header .locale-switcher{grid-column:2;justify-self:end}
.site-header .nav-toggle{display:block;grid-column:3;justify-self:end}
.site-header .site-nav{grid-column:auto;display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:calc(100vh - var(--header-h) - 28px);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(12,13,14,.98);box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px;font-size:.9rem}
.site-header .site-nav.is-open{display:flex}
.site-header .site-nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:#0d0e0e;color:#ddd6c9;text-align:center}
.site-header .site-nav a:hover,
.site-header .site-nav a.is-active{border-color:rgba(214,173,65,.28);background:rgba(217,173,67,.055);color:#efca65}
.site-header .site-nav a.is-active::after{display:none}}
@media (max-width:900px){:root{--header-h:66px}
.site-header{background:rgba(4,5,5,.96);border-bottom-color:rgba(214,173,65,.24);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.site-header__inner{width:min(calc(100% - 20px),620px);min-height:66px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.site-header .brand{gap:9px}
.site-header .brand img{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 5px 14px rgba(0,0,0,.58))}
.site-header .brand span{min-width:0}
.site-header .brand small{display:none}
.site-header .brand strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.81rem;letter-spacing:.055em}
.site-header .locale-switcher{padding:3px;border-color:rgba(214,173,65,.30);background:rgba(0,0,0,.36)}
.site-header .locale-switcher a{min-width:31px;padding:6px 7px;text-align:center;font-size:.625rem}
.site-header .locale-switcher a.active{background:linear-gradient(180deg,#edc85e,#c89429);color:#10100f;box-shadow:0 4px 12px rgba(204,156,42,.22)}
.site-header .nav-toggle{width:38px;height:38px;padding:0;border:1px solid rgba(214,173,65,.26);border-radius:10px;background:rgba(255,255,255,.018)}
.site-header .nav-toggle span{width:20px;height:2px}
.site-header .site-nav{top:calc(100% + 7px);left:0;right:0;padding:9px;border-color:rgba(214,173,65,.28);border-radius:13px;background:rgba(8,9,9,.985);box-shadow:0 22px 48px rgba(0,0,0,.52)}}
@media (max-width:390px){:root{--header-h:62px}
.site-header__inner{width:calc(100% - 14px);min-height:62px;gap:6px}
.site-header .brand{gap:7px}
.site-header .brand img{width:38px;height:38px;flex-basis:38px}
.site-header .brand strong{font-size:.72rem;letter-spacing:.035em}
.site-header .locale-switcher{padding:2px}
.site-header .locale-switcher a{min-width:27px;padding:5px;font-size:.56rem}
.site-header .nav-toggle{width:35px;height:35px;border-radius:9px}}
.site-footer{margin-top:var(--space-section);padding:48px 0 22px;border-top:1px solid var(--line);background:#0b0c0d}
.site-footer__grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.45fr);gap:42px;align-items:center}
.site-footer__brand{display:flex;align-items:center;gap:13px}
.site-footer__brand img{width:56px;height:56px;flex:0 0 56px;object-fit:contain}
.site-footer__brand div{display:grid;gap:3px;min-width:0}
.site-footer__brand strong{color:#eee7da;font-size:.92rem;font-weight:800;line-height:1.2;letter-spacing:.02em}
.site-footer__brand span{color:var(--muted);font-size:.74rem;line-height:1.45}
.site-footer__nav{display:block;min-width:0}
.site-footer__primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.site-footer__primary a{color:#d3ad50;text-decoration:none;font-size:.77rem;font-weight:800;line-height:1.35}
.site-footer__primary a:hover{color:#e4bd5a}
.site-footer__bottom{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06);color:#5f5b55;font-size:.68rem}
.site-footer__bottom a{color:#817b72;text-decoration:none;font-weight:800;letter-spacing:.08em}
.site-footer__visitors{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}
.site-footer__visitors>span{min-height:30px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(211,173,80,.13);border-radius:8px;background:rgba(255,255,255,.018);white-space:nowrap}
.site-footer__visitors b{color:#777169;font-size:.64rem;font-weight:700}
.site-footer__visitors strong{color:#c6a451;font-size:.7rem;font-weight:900;font-variant-numeric:tabular-nums}
.site-footer__locale{margin-left:10px}
@media (min-width:981px){.site-footer{padding-top:34px;padding-bottom:18px}
.site-footer__primary a{min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(211,173,80,.13);border-radius:9px;background:rgba(255,255,255,.012);text-align:center}
.site-footer__bottom{min-height:72px;gap:22px;margin-top:22px;padding-top:14px}
.site-footer__visitors{gap:10px;margin-left:auto}
.site-footer__visitors>span{width:118px;min-width:118px;height:48px;min-height:48px;justify-content:center;gap:10px;padding:0 15px;box-sizing:border-box;border-color:rgba(211,173,80,.30);border-radius:10px;background:linear-gradient(180deg,rgba(211,173,80,.06),rgba(255,255,255,.018))}
.site-footer__visitors b{color:#aaa195;font-size:.73rem;font-weight:800;line-height:1}
.site-footer__visitors strong{color:#e0b74c;font-size:1.02rem;line-height:1}
.site-footer__locale{margin-left:8px;padding-left:16px;border-left:1px solid rgba(255,255,255,.08);font-size:.76rem}}
@media (min-width:1181px){body.country-index-pc-page .site-footer__brand strong{font-size:1.04rem}
body.country-index-pc-page .site-footer__brand span{font-size:.84rem}
body.country-index-pc-page .site-footer__primary a{font-size:.88rem}
body.country-index-pc-page .site-footer__bottom{font-size:.76rem}}
@media (min-width:641px) and (max-width:980px){.site-footer__grid{grid-template-columns:minmax(0,1fr);gap:22px}}
@media (max-width:640px){.site-footer{margin-top:16px;padding:18px 14px 14px;border-top:1px solid rgba(211,173,80,.22);background:radial-gradient(circle at 50% -14%,rgba(211,173,80,.10),transparent 40%),
#080909}
.site-footer,
.site-footer .wr-2,
.site-footer__grid,
.site-footer__brand,
.site-footer__nav,
.site-footer__primary,
.site-footer__bottom,
.site-footer__visitors{box-sizing:border-box;min-width:0;max-width:100%}
.site-footer .wr-2{width:100%;max-width:440px;margin-left:auto;margin-right:auto}
.site-footer__grid{width:100%;grid-template-columns:minmax(0,1fr);gap:14px}
.site-footer__brand{justify-content:center;gap:9px}
.site-footer__brand img{width:40px;height:40px;flex-basis:40px}
.site-footer__brand strong{font-size:.84rem;line-height:1.1;letter-spacing:.045em}
.site-footer__brand span{margin-top:3px;color:#918a80;font-size:.61rem;line-height:1.35}
.site-footer__nav{width:100%}
.site-footer__primary{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.site-footer__primary a{width:100%;min-width:0;max-width:100%;min-height:35px;display:flex;align-items:center;justify-content:center;padding:6px 5px;box-sizing:border-box;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.016);color:#d5b45a;text-align:center;font-size:.66rem;font-weight:850;line-height:1.15}
.site-footer__bottom{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);font-size:.66rem}
.site-footer__visitors{grid-column:1/-1;order:-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
.site-footer__visitors>span{min-width:0;min-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 3px;border:1px solid rgba(211,173,80,.24);border-radius:8px;background:linear-gradient(180deg,rgba(211,173,80,.05),rgba(255,255,255,.015))}
.site-footer__visitors b{color:#9b9387;font-size:.56rem;font-weight:800;line-height:1}
.site-footer__visitors strong{color:#ddb64e;font-size:.76rem;font-weight:950;line-height:1}
.site-footer__copyright{color:#6d675f;font-size:.58rem;line-height:1.35}
.site-footer__locale{margin:0;padding:0;border:0;color:#9a9287;font-size:.61rem;letter-spacing:.08em}}
.contact-rail{position:fixed;right:18px;top:50%;z-index:920;display:grid;gap:10px;width:132px;transform:translateY(-50%)}
.contact-rail__card{overflow:hidden;border:1px solid rgba(217,173,67,.38);border-radius:16px;background:rgba(10,11,12,.97);box-shadow:0 16px 38px rgba(0,0,0,.38);text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.contact-rail__card>strong{display:block;padding:9px 6px 7px;font-size:.68rem;line-height:1;letter-spacing:.055em;color:#f4d06a}
.contact-rail__card>a,.contact-rail__static{display:grid;gap:5px;padding:0 10px 10px;color:#f5f1e8}
.contact-rail__qr{display:grid;place-items:center;width:102px;height:102px;margin:auto;overflow:hidden;border-radius:9px;background:#fff}
.contact-rail__qr img{width:100%;height:100%;object-fit:contain}
.contact-rail__qr-empty{width:100%;height:100%;display:grid;place-content:center;gap:2px;background:linear-gradient(145deg,#fff,#ebe8df);color:#151515}
.contact-rail__qr-empty b{font-size:.79rem;letter-spacing:.02em}
.contact-rail__qr-empty small{font-size:.59rem;color:#6c6557}
.contact-rail__card>a>small,.contact-rail__static>small{font-size:.58rem;color:#a9a39a}
.contact-rail__card--line{border-color:rgba(6,199,85,.48)}
.contact-rail__card--line>strong{color:#45dc7e}
.contact-rail__card--zalo{border-color:rgba(0,104,255,.52)}
.contact-rail__card--zalo>strong{color:#67a6ff}
.contact-rail__card--telegram{border-color:rgba(42,171,238,.54)}
.contact-rail__card--telegram>strong{color:#65c8f3}
.contact-rail__card--kakao{border-color:rgba(255,224,0,.54)}
.contact-rail__card--kakao>strong{color:#ffe45d}
.contact-mobile{display:none}
@media (min-width:1181px) and (max-height:760px){.contact-rail{gap:7px;width:118px}
.contact-rail__card>strong{padding:7px 5px 5px;font-size:.62rem}
.contact-rail__card>a,.contact-rail__static{gap:3px;padding:0 8px 8px}
.contact-rail__qr{width:88px;height:88px}
.contact-rail__card>a>small,.contact-rail__static>small{font-size:.53rem}}
@media (max-width:1180px){html{scroll-padding-bottom:96px}
.contact-rail{display:none}
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.contact-mobile{position:fixed;z-index:1400;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid rgba(214,173,65,.30);border-radius:15px;background:rgba(8,9,10,.93);box-shadow:0 -6px 24px rgba(0,0,0,.38),0 8px 24px rgba(0,0,0,.30);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}
.contact-mobile::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(239,202,108,.70),transparent);pointer-events:none}
.contact-mobile__item{min-width:0;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 2px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#f5f0e4;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);-webkit-tap-highlight-color:transparent}
.contact-mobile__item:active{transform:translateY(1px);background:rgba(214,173,65,.075);border-color:rgba(214,173,65,.25)}
.contact-mobile__icon,
.contact-mobile__item>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#181a1b;font-size:10px;line-height:1}
.contact-mobile__icon.has-image{background:transparent}
.contact-mobile__icon.has-image img{display:block;width:100%;height:100%;object-fit:contain}
.contact-mobile__item--zalo .contact-mobile__icon img{transform:scale(1.06)}
.contact-mobile__item--telegram .contact-mobile__icon img{transform:scale(.98)}
.contact-mobile__item--kakao .contact-mobile__icon img{transform:scale(1.04)}
.contact-mobile__item>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#eee8dc;font-size:9.5px;font-weight:760;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.contact-mobile__item.is-pending{opacity:.62}}
@media (max-width:380px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.contact-mobile{left:7px;right:7px;gap:4px;padding:5px;border-radius:15px}
.contact-mobile__item{height:48px;gap:3px}
.contact-mobile__icon,
.contact-mobile__item>span{width:22px;height:22px;flex-basis:22px}
.contact-mobile__item>strong{font-size:9px}}
img,video{-webkit-user-drag:none}
img{-webkit-touch-callout:none}
.sample-modal,.portfolio-card,.root-sample{-webkit-touch-callout:none}
.protected-media{user-select:none;-webkit-user-select:none}
@media (max-width:900px){html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.mobile-public-page{width:100%;min-width:0;max-width:100%;margin:0;overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#050606}
body.mobile-public-page main{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
body.mobile-public-page *,
body.mobile-public-page *::before,
body.mobile-public-page *::after{box-sizing:border-box}
body.mobile-public-page img,
body.mobile-public-page video,
body.mobile-public-page svg,
body.mobile-public-page canvas{max-width:100%}
body.mobile-public-page .wr-1,
body.mobile-public-page .wr-2{min-width:0}}
@media (max-width:380px){body.mobile-public-page{padding-bottom:calc(73px + env(safe-area-inset-bottom))}}
.site-footer-compact{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;margin:18px 0 0!important;padding:15px 0 10px!important;border:0!important;border-top:1px solid rgba(214,173,65,.24)!important;border-radius:0!important;background:linear-gradient(180deg,#090a0a 0%,#070808 100%)!important;box-shadow:none!important;overflow:visible!important}
.site-footer-compact::before,.site-footer-compact::after{display:none!important;content:none!important}
.site-footer-compact>.wr-2{width:min(calc(100% - 44px),1320px)!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
.site-footer-compact__main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;min-height:54px!important}
.site-footer-compact__brand{display:inline-flex!important;align-items:center!important;gap:11px!important;min-width:0!important;color:#f1ece3!important;text-decoration:none!important}
.site-footer-compact__brand img{display:block!important;width:46px!important;height:46px!important;max-width:46px!important;flex:0 0 46px!important;object-fit:contain!important}
.site-footer-compact__brand span{display:block!important;min-width:0!important}
.site-footer-compact__brand strong{display:block!important;margin:0!important;color:#eee9df!important;font-size:15px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:.02em!important}
.site-footer-compact__brand small{display:block!important;margin-top:4px!important;color:#9d927f!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:.035em!important}
.site-footer-compact__visitors{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;width:auto!important}
.site-footer-compact__visitors>span{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:94px!important;height:36px!important;padding:0 10px!important;border:1px solid rgba(214,173,65,.28)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(214,173,65,.045),rgba(255,255,255,.01))!important;box-sizing:border-box!important}
.site-footer-compact__visitors b{color:#948c80!important;font-size:9px!important;font-weight:800!important;line-height:1!important}
.site-footer-compact__visitors strong{color:#dfb84e!important;font-size:14px!important;font-weight:950!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.site-footer-compact__bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:23px!important;margin-top:9px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.05)!important;background:none!important;color:#625d56!important;font-size:9px!important;line-height:1.2!important}
.site-footer-compact__bottom a{margin:0!important;padding:0!important;border:0!important;color:#8f887f!important;font-size:9.5px!important;font-weight:850!important;line-height:1!important;letter-spacing:.09em!important;text-decoration:none!important}
.root-index-page .site-footer-compact{margin-top:0!important}
@media (max-width:640px){.site-footer-compact{margin-top:12px!important;padding:12px 12px 82px!important;background:radial-gradient(circle at 50% -20%,rgba(214,173,65,.055),transparent 38%),#080909!important}
.site-footer-compact>.wr-2{width:100%!important;max-width:440px!important}
.site-footer-compact__main{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;min-height:0!important}
.site-footer-compact__brand{justify-self:start!important;gap:9px!important}
.site-footer-compact__brand img{width:40px!important;height:40px!important;max-width:40px!important;flex-basis:40px!important}
.site-footer-compact__brand strong{font-size:13px!important}
.site-footer-compact__brand small{font-size:7.8px!important;margin-top:3px!important;letter-spacing:.02em!important}
.site-footer-compact__visitors{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.site-footer-compact__visitors>span{min-width:0!important;width:100%!important;height:34px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:4px 2px!important}
.site-footer-compact__visitors b{font-size:7.5px!important}
.site-footer-compact__visitors strong{font-size:12px!important}
.site-footer-compact__bottom{min-height:0!important;margin-top:8px!important;padding-top:7px!important;font-size:8px!important}
.site-footer-compact__bottom a{font-size:8.5px!important}}
@media (min-width:901px){
.whyx-page{background:#050606;color:#f6f1e8}
.whyx-shell{width:min(calc(100% - 72px),1360px);margin-inline:auto}
.whyx-eyebrow,.whyx-head>span,.whyx-experience__years>span,.whyx-local-flow__eyebrow,.whyx-brief__copy>span,.whyx-final__inner>div>span{display:block;color:#d9ad43;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.whyx-hero{min-height:560px;border-bottom:1px solid rgba(217,173,67,.18);background:linear-gradient(90deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.92) 28%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.38) 62%,rgba(0,0,0,.12) 80%,rgba(0,0,0,.03) 100%),url('/assets/why-louie/ko/ko-why-hero-v96.webp') right center/auto 112% no-repeat,#050606}
.whyx-hero__inner{min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:90px 0 68px}
.whyx-hero h1{max-width:860px;margin:13px 0 0;font-size:clamp(48px,4.6vw,72px);font-weight:950;line-height:1.04;letter-spacing:-.055em;color:#fbf6ed;text-shadow:0 8px 30px rgba(0,0,0,.58)}
.whyx-hero h1 span,.whyx-head h2 em,.whyx-local-flow h2 em,.whyx-brief__copy h2 em{color:#e5ba50;font-style:normal}
.whyx-hero__lead{max-width:880px;margin-top:21px;color:#d9d2c7;font-size:18px;font-weight:650;line-height:1.75}
.whyx-hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.whyx-hero__tags span{padding:8px 12px;border:1px solid rgba(217,173,67,.28);border-radius:999px;background:rgba(0,0,0,.36);color:#d9cba8;font-size:11px;font-weight:850;letter-spacing:.07em}
.whyx-hero__note{margin-top:14px;color:#a6a097;font-size:14px}.whyx-hero__note strong{color:#f0e5ce}
.whyx-section{padding:88px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.whyx-section--specialist{background:radial-gradient(circle at 50% 0%,rgba(217,173,67,.055),transparent 34%),#070808}
.whyx-section--experience{background:#090a0b}.whyx-section--custom{background:#060707}.whyx-section--brief{background:linear-gradient(180deg,#090a0b,#070808)}.whyx-section--system{background:#050606}
.whyx-head{max-width:820px;margin-bottom:34px}.whyx-head--center{text-align:center;margin-inline:auto;margin-bottom:40px}.whyx-head h2{margin-top:9px;color:#f5efe6;font-size:clamp(34px,3.3vw,50px);font-weight:930;line-height:1.14;letter-spacing:-.045em}.whyx-head p{margin-top:14px;color:#9d978e;font-size:15px;line-height:1.7}
.whyx-industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.whyx-industry-card{position:relative;min-height:250px;padding:24px 20px 20px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.009)),#0b0c0d;box-shadow:0 18px 42px rgba(0,0,0,.22);overflow:hidden}.whyx-industry-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#7b5a1a,#e1b64c,#7b5a1a);opacity:.75}.whyx-industry-card>b{display:block;color:#5f5544;font-size:38px;font-weight:950;line-height:1}.whyx-industry-card>strong{display:block;margin-top:22px;color:#dfb64f;font-size:13px;letter-spacing:.08em}.whyx-industry-card h3{margin-top:10px;color:#f0ebe2;font-size:19px;font-weight:850;line-height:1.35}.whyx-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.whyx-chip-row span{padding:5px 7px;border:1px solid rgba(217,173,67,.18);border-radius:6px;color:#95866a;font-size:9px;font-weight:900;letter-spacing:.08em}
.whyx-experience{display:grid;grid-template-columns:.8fr 1.4fr;gap:28px}.whyx-experience__years,.whyx-local-flow{border:1px solid rgba(255,255,255,.075);border-radius:22px;background:#0d0e0f}.whyx-experience__years{padding:34px}.whyx-experience__years>strong{display:block;margin-top:6px;color:#e3b84e;font-size:116px;font-weight:950;line-height:.9;letter-spacing:-.08em}.whyx-experience__years>strong span{font-size:.42em;vertical-align:top}.whyx-experience__years h2{margin-top:12px;color:#f5eee3;font-size:30px;font-weight:950;line-height:1.04;letter-spacing:-.04em}.whyx-experience__years p{margin-top:20px;color:#99938a;line-height:1.7}
.whyx-local-flow{padding:34px}.whyx-local-flow h2{margin-top:9px;color:#f5eee4;font-size:38px;font-weight:930;line-height:1.15;letter-spacing:-.045em}.whyx-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.whyx-flow-grid article{padding:18px;border:1px solid rgba(217,173,67,.13);border-radius:14px;background:rgba(255,255,255,.018)}.whyx-flow-grid b{color:#5f5544;font-size:20px}.whyx-flow-grid strong{display:block;margin-top:8px;color:#ddb54e;font-size:12px;letter-spacing:.08em}.whyx-flow-grid p{margin-top:7px;color:#a09a91;font-size:13px;line-height:1.55}
.whyx-compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.whyx-compare__card{padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:#0b0c0d}.whyx-compare__card--custom{border-color:rgba(217,173,67,.26);background:linear-gradient(145deg,rgba(217,173,67,.07),transparent 42%),#0b0c0d}.whyx-compare__label{color:#8f897f;font-size:11px;font-weight:900;letter-spacing:.14em}.whyx-compare__card--custom .whyx-compare__label{color:#d9ad43}.whyx-template-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.whyx-template-stack i{height:115px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(180deg,#232426 0 22%,#151618 22% 58%,#232426 58% 66%,#121315 66%)}.whyx-compare__card h3{color:#f0ebe3;font-size:24px;line-height:1.28}.whyx-compare__card p{margin-top:10px;color:#99938a;line-height:1.65}.whyx-compare__arrow{display:grid;place-items:center;color:#d9ad43;font-size:30px}.whyx-custom-factors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0}.whyx-custom-factors span{display:grid;place-items:center;min-height:55px;border:1px solid rgba(217,173,67,.18);border-radius:10px;background:rgba(217,173,67,.04);color:#d4c19a;font-size:12px;font-weight:800;text-align:center}
.whyx-brief{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.whyx-brief__copy,.whyx-brief__board{padding:32px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:#0b0c0d}.whyx-brief__copy h2{margin-top:10px;color:#f5efe5;font-size:40px;font-weight:930;line-height:1.16;letter-spacing:-.045em}.whyx-brief__copy p{margin-top:17px;color:#a49e95;line-height:1.72}.whyx-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.whyx-trust-row b{padding:8px 10px;border:1px solid rgba(217,173,67,.2);border-radius:8px;color:#d7bd84;font-size:10px;letter-spacing:.08em}.whyx-brief__board>p{color:#d9ad43;font-size:13px;font-weight:900;letter-spacing:.06em}.whyx-brief__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.whyx-brief__grid article{min-height:125px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#101112}.whyx-brief__grid b{color:#6a5b3e;font-size:24px}.whyx-brief__grid strong{display:block;margin-top:10px;color:#f0e9dd;font-size:15px}.whyx-brief__grid span{display:block;margin-top:5px;color:#928c83;font-size:12px}
.whyx-pipeline{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center}.whyx-pipeline article{min-height:150px;padding:20px 16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#0c0d0e}.whyx-pipeline article b{color:#665a45;font-size:26px}.whyx-pipeline article strong{display:block;margin-top:16px;color:#e0b750;font-size:13px;letter-spacing:.08em}.whyx-pipeline article span{display:block;margin-top:7px;color:#9a948b;font-size:12px;line-height:1.45}.whyx-pipeline>i{text-align:center;color:#6e5b31;font-size:20px;font-style:normal}
.whyx-final{padding:64px 0 76px;background:radial-gradient(circle at 80% 20%,rgba(217,173,67,.08),transparent 28%),#080909}.whyx-final__inner{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:34px;border:1px solid rgba(217,173,67,.22);border-radius:22px;background:linear-gradient(135deg,rgba(217,173,67,.055),rgba(255,255,255,.012))}.whyx-final h2{margin-top:8px;color:#f5eee4;font-size:38px;font-weight:930;line-height:1.15}.whyx-final p{max-width:720px;margin-top:12px;color:#9d978e}.whyx-final a{flex:0 0 auto;display:inline-flex;align-items:center;gap:20px;min-height:54px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,#f0ce72,#d4a63c);color:#111;font-size:13px;font-weight:950}.whyx-final a b{font-size:18px}
}
@media (min-width:901px){
.whyx-hero__slogan{max-width:780px;margin:18px 0 0;color:#f7f0e5;font-size:25px;font-weight:900;line-height:1.28;letter-spacing:-.035em;text-shadow:0 5px 22px rgba(0,0,0,.5)}
.whyx-hero__slogan strong{color:#e6b94f;font-weight:950}
.whyx-local-flow__intro{margin:15px 0 0;color:#aaa39a;font-size:14px;line-height:1.7}
.whyx-brief__closing{margin:16px 0 0!important;padding-top:14px;border-top:1px solid rgba(217,173,67,.12);color:#c5b185!important;font-size:12px!important;font-weight:800;line-height:1.55}
.whyx-final__slogan{margin-top:14px!important;color:#efe7da!important;font-size:17px;font-weight:850;line-height:1.5}
.whyx-final__slogan strong{color:#e4b64a;font-weight:950}
}
@media (min-width:901px){
.whyx-section--specialist .whyx-head--center{max-width:1080px}
.whyx-section--specialist .whyx-head h2{font-size:clamp(34px,3.05vw,47px);line-height:1.12}
.whyx-section--specialist .whyx-head h2 em{white-space:nowrap}
.whyx-hero__lead{max-width:820px}
}
@media (min-width:901px){
.whyx-local-visual{display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,.8fr) minmax(0,.9fr);gap:14px;align-items:center;margin:24px 0 4px;padding:18px;border:1px solid rgba(217,173,67,.16);border-radius:18px;background:linear-gradient(135deg,rgba(217,173,67,.04),rgba(255,255,255,.012));overflow:hidden}
.whyx-local-device{position:relative;min-height:154px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#08090a;box-shadow:0 14px 28px rgba(0,0,0,.26)}
.whyx-local-device__flag{position:absolute;left:12px;top:12px;z-index:2;display:grid;place-items:center;width:34px;height:24px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#111315;color:#d7d0c4;font-size:9px;font-weight:950;letter-spacing:.08em}
.whyx-local-device--th .whyx-local-device__flag{border-color:rgba(217,173,67,.3);color:#edc75e}
.whyx-local-device__screen{position:absolute;inset:38px 10px 10px;padding:16px;border-radius:11px;overflow:hidden;background:linear-gradient(155deg,#151619,#090a0b)}
.whyx-local-device__screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 38%)}
.whyx-local-device__screen i{display:block;width:48%;height:54px;border-radius:8px;background:linear-gradient(145deg,#2b2d31,#121417);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.whyx-local-device--kr .whyx-local-device__screen i{background:linear-gradient(145deg,#25272c,#121317)}
.whyx-local-device--th .whyx-local-device__screen i{background:radial-gradient(circle at 70% 25%,rgba(255,62,164,.32),transparent 25%),linear-gradient(145deg,#24161d,#0f1113)}
.whyx-local-device__screen b,.whyx-local-device__screen em{position:relative;display:block;font-style:normal}
.whyx-local-device__screen b{margin-top:10px;color:#f0eade;font-size:12px;letter-spacing:.04em}
.whyx-local-device__screen em{margin-top:4px;color:#827d76;font-size:8px;letter-spacing:.08em}
.whyx-local-process{display:grid;justify-items:center;gap:8px;text-align:center}
.whyx-local-process>span{color:#7d745f;font-size:10px;font-weight:900;letter-spacing:.12em}
.whyx-local-process>b{color:#e0b64d;font-size:18px;font-weight:950;letter-spacing:.08em}
.whyx-local-process>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%}
.whyx-local-process i{padding:6px 5px;border:1px solid rgba(217,173,67,.15);border-radius:7px;color:#a99b7b;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em}
.whyx-local-process:before,.whyx-local-process:after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,#d9ad43,transparent);opacity:.6}
.whyx-template-visual,.whyx-custom-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 12px}
.whyx-template-mini,.whyx-custom-mini{position:relative;min-height:145px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden;background:#111315}
.whyx-template-mini>span,.whyx-custom-mini>span{position:absolute;right:8px;top:8px;color:#6f6b64;font-size:8px;font-weight:950;letter-spacing:.08em}
.whyx-template-mini i,.whyx-custom-mini i{display:block;height:66px;border-radius:7px;background:linear-gradient(155deg,#282a2d,#151618);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.whyx-template-mini:nth-child(2){filter:saturate(.85)}.whyx-template-mini:nth-child(3){filter:saturate(.72)}
.whyx-template-mini b,.whyx-template-mini em,.whyx-custom-mini b,.whyx-custom-mini em{display:block;font-style:normal}
.whyx-template-mini b,.whyx-custom-mini b{margin-top:10px;color:#d9d3c9;font-size:10px;white-space:nowrap}
.whyx-template-mini em,.whyx-custom-mini em{margin-top:4px;color:#69645e;font-size:7px;letter-spacing:.07em}
.whyx-custom-mini{border-color:rgba(217,173,67,.14)}
.whyx-custom-mini--ktv{background:linear-gradient(180deg,rgba(217,173,67,.05),transparent 45%),#101112}.whyx-custom-mini--ktv i{background:radial-gradient(circle at 70% 25%,rgba(255,199,73,.26),transparent 26%),linear-gradient(145deg,#211b10,#0e1012)}
.whyx-custom-mini--spa{background:linear-gradient(180deg,rgba(255,98,157,.05),transparent 45%),#101112}.whyx-custom-mini--spa i{background:radial-gradient(circle at 72% 24%,rgba(255,120,180,.28),transparent 27%),linear-gradient(145deg,#24151d,#101214)}
.whyx-custom-mini--club{background:linear-gradient(180deg,rgba(81,171,255,.05),transparent 45%),#101112}.whyx-custom-mini--club i{background:radial-gradient(circle at 68% 22%,rgba(89,173,255,.32),transparent 26%),linear-gradient(145deg,#101d29,#111214)}
.whyx-custom-mini--ktv>span{color:#dfb54f}.whyx-custom-mini--spa>span{color:#e78eae}.whyx-custom-mini--club>span{color:#75b8e8}
.whyx-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:9px 11px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0d0e0f}.whyx-visual-caption b{color:#858078;font-size:9px;letter-spacing:.1em}.whyx-visual-caption span{color:#716c65;font-size:9px}.whyx-visual-caption--gold{border-color:rgba(217,173,67,.16);background:rgba(217,173,67,.025)}.whyx-visual-caption--gold b{color:#d9ad43}.whyx-visual-caption--gold span{color:#9f9070}
.whyx-compare__card--custom .whyx-custom-factors{margin-top:8px}
.whyx-brief-mock{margin:16px 0 18px;padding:13px;border:1px solid rgba(217,173,67,.13);border-radius:14px;background:linear-gradient(160deg,rgba(217,173,67,.035),transparent 45%),#0d0e0f}
.whyx-brief-mock__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.05)}
.whyx-brief-mock__top span{color:#d9ad43;font-size:9px;font-weight:950;letter-spacing:.09em}.whyx-brief-mock__top b{color:#6d675f;font-size:8px;letter-spacing:.08em}
.whyx-brief-mock__chat{display:grid;gap:7px;padding:12px 0}.whyx-brief-mock__chat i{max-width:72%;padding:8px 10px;border-radius:10px;font-size:9px;font-style:normal;line-height:1.35}.whyx-brief-mock__chat .is-client{justify-self:end;background:#202225;color:#b9b4ab}.whyx-brief-mock__chat .is-louie{justify-self:start;border:1px solid rgba(217,173,67,.16);background:rgba(217,173,67,.05);color:#d7c28f}
.whyx-brief-mock__flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:6px;align-items:center}.whyx-brief-mock__flow span{padding:6px;border:1px solid rgba(255,255,255,.05);border-radius:6px;color:#817a71;font-size:7px;font-weight:900;text-align:center;letter-spacing:.05em}.whyx-brief-mock__flow b{color:#7c6633;font-size:11px}
.whyx-system-strip{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;gap:0;margin:0 0 24px;padding:14px;border:1px solid rgba(217,173,67,.14);border-radius:17px;background:linear-gradient(135deg,rgba(217,173,67,.035),rgba(255,255,255,.01))}
.whyx-system-screen{min-height:104px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0b0c0d}.whyx-system-screen span{color:#79736b;font-size:8px;font-weight:950;letter-spacing:.08em}.whyx-system-screen i{display:block;height:46px;margin-top:7px;border-radius:7px;background:linear-gradient(145deg,#25272a,#121416)}.whyx-system-screen b{display:block;margin-top:8px;color:#d2cbc0;font-size:9px;letter-spacing:.06em}.whyx-system-screen--motion i{background:repeating-linear-gradient(90deg,#17191c 0 16px,#262930 16px 18px),linear-gradient(145deg,#17191c,#111214)}.whyx-system-screen--ai i{background:radial-gradient(circle at 60% 40%,rgba(82,155,255,.28),transparent 28%),linear-gradient(145deg,#14202b,#101214)}.whyx-system-screen--final i{background:radial-gradient(circle at 50% 30%,rgba(217,173,67,.26),transparent 28%),linear-gradient(145deg,#211b10,#111214)}.whyx-system-node{text-align:center;color:#705e32;font-size:16px}
.whyx-final__inner{display:grid;grid-template-columns:minmax(0,1fr) 430px auto;align-items:center;gap:24px}
.whyx-click-visual{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:6px}
.whyx-click-phone{position:relative;min-height:158px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0b0c0d;box-shadow:0 15px 26px rgba(0,0,0,.23)}
.whyx-click-phone:before{content:"";position:absolute;left:50%;top:5px;width:34px;height:4px;border-radius:999px;background:#2b2d30;transform:translateX(-50%)}
.whyx-click-phone span,.whyx-click-phone b,.whyx-click-phone em{display:block;font-style:normal}.whyx-click-phone span{margin-top:7px;color:#7e7870;font-size:8px;font-weight:950;letter-spacing:.08em}.whyx-click-phone i{display:block;height:74px;margin-top:8px;border-radius:9px;background:linear-gradient(145deg,#202225,#121416)}.whyx-click-phone b{margin-top:8px;color:#938d84;font-size:9px}.whyx-click-phone em{margin-top:3px;color:#5d5953;font-size:7px;letter-spacing:.07em}.whyx-click-phone.is-click{border-color:rgba(217,173,67,.28);background:linear-gradient(160deg,rgba(217,173,67,.05),transparent 44%),#0b0c0d}.whyx-click-phone.is-click span{color:#e3b94d}.whyx-click-phone.is-click i{background:radial-gradient(circle at 68% 28%,rgba(255,61,159,.32),transparent 27%),radial-gradient(circle at 28% 75%,rgba(217,173,67,.22),transparent 24%),linear-gradient(145deg,#24151d,#111214)}.whyx-click-phone.is-click b{color:#e7ded0}.whyx-click-arrow{text-align:center;color:#d7ad43;font-size:22px;font-weight:950}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section{padding:78px 0}
.production-page--ko.whyx-page .whyx-section--experience{padding-top:74px;padding-bottom:74px}
.production-page--ko.whyx-page .whyx-section--custom{padding-top:76px;padding-bottom:76px}
.production-page--ko.whyx-page .whyx-section--brief{padding-top:76px;padding-bottom:76px}
.production-page--ko.whyx-page .whyx-section--system{padding-top:80px;padding-bottom:72px}
.production-page--ko.whyx-page .whyx-experience{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start}
.production-page--ko.whyx-page .whyx-experience__years{min-height:0;padding:32px 30px}
.production-page--ko.whyx-page .whyx-experience__years>strong{font-size:108px}
.production-page--ko.whyx-page .whyx-local-flow{padding:30px 32px}
.production-page--ko.whyx-page .whyx-local-visual{margin-top:20px;padding:16px;grid-template-columns:minmax(0,.92fr) minmax(210px,.76fr) minmax(0,.92fr)}
.production-page--ko.whyx-page .whyx-local-device{min-height:166px}
.production-page--ko.whyx-page .whyx-local-device__screen{inset:38px 10px 10px;padding:15px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:60px}
.production-page--ko.whyx-page .whyx-flow-grid{margin-top:18px}
.production-page--ko.whyx-page .whyx-compare{align-items:start;column-gap:0}
.production-page--ko.whyx-page .whyx-compare__card{height:auto;min-height:0;padding:26px}
.production-page--ko.whyx-page .whyx-compare__arrow{align-self:center}
.production-page--ko.whyx-page .whyx-template-visual,
.production-page--ko.whyx-page .whyx-custom-visual{margin-top:20px}
.production-page--ko.whyx-page .whyx-template-mini,
.production-page--ko.whyx-page .whyx-custom-mini{min-height:132px}
.production-page--ko.whyx-page .whyx-template-mini i,
.production-page--ko.whyx-page .whyx-custom-mini i{height:58px}
.production-page--ko.whyx-page .whyx-custom-factors{margin-bottom:20px}
.production-page--ko.whyx-page .whyx-brief{align-items:start;gap:20px}
.production-page--ko.whyx-page .whyx-brief__copy,
.production-page--ko.whyx-page .whyx-brief__board{height:auto;min-height:0;padding:30px}
.production-page--ko.whyx-page .whyx-brief__copy h2{font-size:38px}
.production-page--ko.whyx-page .whyx-brief__copy p{margin-top:14px}
.production-page--ko.whyx-page .whyx-trust-row{margin-top:22px}
.production-page--ko.whyx-page .whyx-brief-mock{margin-top:14px;margin-bottom:14px}
.production-page--ko.whyx-page .whyx-brief__grid article{min-height:112px}
.production-page--ko.whyx-page .whyx-head--center{margin-bottom:30px}
.production-page--ko.whyx-page .whyx-system-strip{margin-bottom:18px;padding:12px}
.production-page--ko.whyx-page .whyx-system-screen{min-height:94px}
.production-page--ko.whyx-page .whyx-system-screen i{height:40px}
.production-page--ko.whyx-page .whyx-pipeline article{min-height:136px;padding:18px 15px}
.production-page--ko.whyx-page .whyx-pipeline article strong{margin-top:13px}
.production-page--ko.whyx-page .whyx-final{padding-top:54px;padding-bottom:64px}
.production-page--ko.whyx-page .whyx-final__inner{grid-template-columns:minmax(0,1fr) 470px auto;gap:28px;padding:32px}
.production-page--ko.whyx-page .whyx-click-phone{min-height:168px}
.production-page--ko.whyx-page .whyx-click-phone i{height:78px}
}
@media (min-width:901px){
.production-page--ko.whyx-page{
--why-gold:#e2b64d;
--why-gold-2:#f0cb69;
--why-ink:#050606;
--why-panel:#0b0c0d;
--why-panel-2:#0e0f10;
--why-line:rgba(226,182,77,.18);
--why-line-strong:rgba(226,182,77,.34);
--why-muted:#9f988e;
background:#050606;
}
.production-page--ko.whyx-page .whyx-shell{
width:min(calc(100% - 88px),1320px);
}
.production-page--ko.whyx-page .whyx-hero{
min-height:548px;
background:
linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.985) 24%,rgba(0,0,0,.91) 38%,rgba(0,0,0,.67) 52%,rgba(0,0,0,.31) 69%,rgba(0,0,0,.06) 88%,rgba(0,0,0,.02) 100%),
linear-gradient(0deg,rgba(3,4,4,.12),rgba(3,4,4,.04)),
url('/assets/why-louie/ko/ko-why-hero-v96.webp') right center/auto 105% no-repeat,
#050606;
box-shadow:inset 0 -1px 0 rgba(226,182,77,.11);
}
.production-page--ko.whyx-page .whyx-hero__inner{
min-height:548px;
justify-content:center;
padding:68px 0 48px;
}
.production-page--ko.whyx-page .whyx-eyebrow{
font-size:11px;
letter-spacing:.17em;
}
.production-page--ko.whyx-page .whyx-hero h1{
max-width:675px;
margin-top:12px;
font-size:clamp(47px,4vw,64px);
line-height:1.055;
letter-spacing:-.05em;
text-wrap:balance;
}
.production-page--ko.whyx-page .whyx-hero__slogan{
max-width:560px;
margin-top:17px;
font-size:23px;
line-height:1.3;
}
.production-page--ko.whyx-page .whyx-hero__lead{
max-width:720px;
margin-top:18px;
color:#ccc4b9;
font-size:16px;
line-height:1.68;
}
.production-page--ko.whyx-page .whyx-hero__tags{
gap:7px;
margin-top:19px;
}
.production-page--ko.whyx-page .whyx-hero__tags span{
padding:7px 11px;
border-color:rgba(226,182,77,.34);
background:rgba(6,7,7,.62);
color:#e0c98d;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.production-page--ko.whyx-page .whyx-hero__tags span:hover{
transform:translateY(-1px);
border-color:rgba(240,203,105,.62);
background:rgba(226,182,77,.075);
color:#f0d98f;
}
.production-page--ko.whyx-page .whyx-hero__note{
margin-top:14px;
color:#8f887f;
font-size:13px;
}
.production-page--ko.whyx-page .whyx-section{
position:relative;
padding:68px 0;
border-bottom-color:rgba(255,255,255,.045);
}
.production-page--ko.whyx-page .whyx-section::before{
content:"";
position:absolute;
left:50%;top:0;
width:min(1320px,calc(100% - 88px));height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(226,182,77,.11),transparent);
pointer-events:none;
}
.production-page--ko.whyx-page .whyx-head{
margin-bottom:28px;
}
.production-page--ko.whyx-page .whyx-head--center{
max-width:1020px;
margin-bottom:30px;
}
.production-page--ko.whyx-page .whyx-head h2{
font-size:clamp(32px,2.75vw,44px);
line-height:1.13;
}
.production-page--ko.whyx-page .whyx-head p{
max-width:920px;
margin-left:auto;
margin-right:auto;
color:#99938a;
font-size:14px;
line-height:1.65;
}
.production-page--ko.whyx-page .whyx-section--specialist{
background:
radial-gradient(circle at 50% -14%,rgba(226,182,77,.085),transparent 32%),
linear-gradient(180deg,#080909,#070808);
}
.production-page--ko.whyx-page .whyx-industry-grid{
gap:10px;
}
.production-page--ko.whyx-page .whyx-industry-card{
min-height:232px;
padding:22px 18px 18px;
border-color:rgba(255,255,255,.072);
border-radius:16px;
background:
linear-gradient(145deg,rgba(226,182,77,.035),transparent 36%),
linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
#0b0c0d;
box-shadow:0 16px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.02);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.production-page--ko.whyx-page .whyx-industry-card:hover{
transform:translateY(-3px);
border-color:rgba(226,182,77,.31);
box-shadow:0 20px 42px rgba(0,0,0,.28),0 0 0 1px rgba(226,182,77,.035) inset;
}
.production-page--ko.whyx-page .whyx-industry-card::before{
height:1px;
background:linear-gradient(90deg,transparent 0,#d9ad43 20%,#edc965 48%,transparent 100%);
}
.production-page--ko.whyx-page .whyx-industry-card::after{
content:"";
position:absolute;
top:19px;right:17px;
width:42px;height:42px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
opacity:.94;
filter:drop-shadow(0 5px 12px rgba(226,182,77,.10));
}
.production-page--ko.whyx-page .whyx-industry-card:nth-child(1)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e2b64d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='18' y='5' width='12' height='24' rx='6'/%3E%3Cpath d='M13 23a11 11 0 0 0 22 0M24 34v8M17 42h14'/%3E%3C/svg%3E")}
.production-page--ko.whyx-page .whyx-industry-card:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e2b64d' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 40c-8-5-13-11-13-18 6 0 10 2 13 7 3-5 7-7 13-7 0 7-5 13-13 18Z'/%3E%3Cpath d='M24 29c-4-4-5-9-3-15 5 3 7 7 3 15Zm0 0c4-4 5-9 3-15-5 3-7 7-3 15Z'/%3E%3C/svg%3E")}
.production-page--ko.whyx-page .whyx-industry-card:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e2b64d' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9h32L26 25v13h8v3H14v-3h8V25L8 9Z'/%3E%3Cpath d='M13 14h22'/%3E%3C/svg%3E")}
.production-page--ko.whyx-page .whyx-industry-card:nth-child(4)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e2b64d' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='17' cy='18' r='6'/%3E%3Ccircle cx='31' cy='18' r='6'/%3E%3Cpath d='M6 39c1-8 5-12 11-12s10 4 11 12M20 39c1-8 5-12 11-12s10 4 11 12'/%3E%3C/svg%3E")}
.production-page--ko.whyx-page .whyx-industry-card:nth-child(5)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23e2b64d' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='9' width='34' height='30' rx='3'/%3E%3Ccircle cx='18' cy='20' r='5'/%3E%3Cpath d='M11 33c1-6 3-8 7-8s6 2 7 8M29 17h7M29 22h7M29 27h6'/%3E%3C/svg%3E")}
.production-page--ko.whyx-page .whyx-industry-card>b{
color:#655a48;
font-size:32px;
}
.production-page--ko.whyx-page .whyx-industry-card>strong{
margin-top:28px;
color:#e4b94f;
font-size:12px;
}
.production-page--ko.whyx-page .whyx-industry-card h3{
margin-top:9px;
max-width:92%;
font-size:17px;
line-height:1.38;
}
.production-page--ko.whyx-page .whyx-chip-row{
margin-top:18px;
}
.production-page--ko.whyx-page .whyx-chip-row span{
border-color:rgba(226,182,77,.22);
background:rgba(226,182,77,.022);
color:#9b8c6d;
}
.production-page--ko.whyx-page .whyx-section--experience{
padding:66px 0;
background:
radial-gradient(circle at 72% 18%,rgba(226,182,77,.045),transparent 28%),
#090a0b;
}
.production-page--ko.whyx-page .whyx-experience{
grid-template-columns:minmax(310px,.62fr) minmax(0,1.38fr);
gap:18px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-experience__years,
.production-page--ko.whyx-page .whyx-local-flow{
border-color:rgba(255,255,255,.07);
border-radius:18px;
box-shadow:0 18px 36px rgba(0,0,0,.16);
}
.production-page--ko.whyx-page .whyx-experience__years{
position:relative;
padding:30px 28px;
background:
radial-gradient(circle at 16% 12%,rgba(226,182,77,.09),transparent 30%),
#0c0d0e;
}
.production-page--ko.whyx-page .whyx-experience__years::after{
content:"";
position:absolute;
left:28px;right:28px;bottom:28px;height:1px;
background:linear-gradient(90deg,rgba(226,182,77,.35),transparent);
opacity:.42;
}
.production-page--ko.whyx-page .whyx-experience__years>strong{
font-size:98px;
}
.production-page--ko.whyx-page .whyx-experience__years h2{
font-size:28px;
}
.production-page--ko.whyx-page .whyx-experience__years p{
margin-top:18px;
padding-bottom:28px;
color:#9f998f;
font-size:14px;
line-height:1.68;
}
.production-page--ko.whyx-page .whyx-local-flow{
padding:28px 30px;
border-color:rgba(226,182,77,.14);
background:
linear-gradient(145deg,rgba(226,182,77,.035),transparent 38%),
#0d0e0f;
}
.production-page--ko.whyx-page .whyx-local-flow h2{
font-size:35px;
}
.production-page--ko.whyx-page .whyx-local-flow__intro{
max-width:840px;
margin-top:12px;
font-size:13.5px;
line-height:1.65;
}
.production-page--ko.whyx-page .whyx-local-visual{
grid-template-columns:minmax(0,1fr) minmax(170px,.54fr) minmax(0,1fr);
gap:12px;
margin:18px 0 0;
padding:13px;
border-color:rgba(226,182,77,.16);
border-radius:14px;
background:#090a0b;
}
.production-page--ko.whyx-page .whyx-local-device{
min-height:148px;
border-radius:13px;
}
.production-page--ko.whyx-page .whyx-local-device__screen{
inset:36px 8px 8px;
padding:12px;
background:#0a0b0c;
}
.production-page--ko.whyx-page .whyx-local-device__screen i{
width:100%;
height:70px;
margin:0;
border-radius:8px;
background-position:center;
background-size:cover;
filter:saturate(.82) brightness(.78) contrast(1.04);
}
.production-page--ko.whyx-page .whyx-local-device--kr .whyx-local-device__screen i{
background-image:linear-gradient(180deg,rgba(3,4,4,.08),rgba(3,4,4,.32)),url('/assets/why-louie/ko/local-kr-v24.webp');
}
.production-page--ko.whyx-page .whyx-local-device--th .whyx-local-device__screen i{
background-image:linear-gradient(180deg,rgba(3,4,4,.04),rgba(3,4,4,.22)),url('/assets/why-louie/ko/local-ko-v24.webp');
}
.production-page--ko.whyx-page .whyx-local-device__screen b{
margin-top:8px;
}
.production-page--ko.whyx-page .whyx-local-process{
position:relative;
gap:7px;
padding:0 8px;
}
.production-page--ko.whyx-page .whyx-local-process>b{
color:#efc65d;
font-size:17px;
}
.production-page--ko.whyx-page .whyx-local-process i{
background:rgba(226,182,77,.025);
}
.production-page--ko.whyx-page .whyx-flow-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:12px;
}
.production-page--ko.whyx-page .whyx-flow-grid article{
min-height:112px;
padding:14px 13px;
border-radius:11px;
background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008));
}
.production-page--ko.whyx-page .whyx-flow-grid b{
font-size:18px;
}
.production-page--ko.whyx-page .whyx-flow-grid strong{
margin-top:7px;
font-size:10.5px;
}
.production-page--ko.whyx-page .whyx-flow-grid p{
font-size:11.5px;
line-height:1.5;
}
.production-page--ko.whyx-page .whyx-section--custom{
padding:66px 0;
background:linear-gradient(180deg,#070808,#060707);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
max-width:800px;
}
.production-page--ko.whyx-page .whyx-compare{
grid-template-columns:minmax(0,.92fr) 58px minmax(0,1.08fr);
align-items:start;
}
.production-page--ko.whyx-page .whyx-compare__card{
padding:24px;
border-radius:17px;
box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.production-page--ko.whyx-page .whyx-compare__card--template{
border-color:rgba(255,255,255,.065);
background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 40%),#0b0c0d;
}
.production-page--ko.whyx-page .whyx-compare__card--custom{
border-color:rgba(226,182,77,.28);
background:
radial-gradient(circle at 90% 0%,rgba(226,182,77,.08),transparent 26%),
linear-gradient(145deg,rgba(226,182,77,.045),transparent 42%),#0b0c0d;
}
.production-page--ko.whyx-page .whyx-compare__arrow{
align-self:center;
width:44px;height:44px;
justify-self:center;
border:1px solid rgba(226,182,77,.34);
border-radius:50%;
background:#090a0a;
box-shadow:0 0 0 6px rgba(226,182,77,.025);
font-size:23px;
}
.production-page--ko.whyx-page .whyx-template-visual,
.production-page--ko.whyx-page .whyx-custom-visual{
margin:18px 0 10px;
gap:7px;
}
.production-page--ko.whyx-page .whyx-template-mini,
.production-page--ko.whyx-page .whyx-custom-mini{
min-height:122px;
border-radius:10px;
}
.production-page--ko.whyx-page .whyx-template-mini i,
.production-page--ko.whyx-page .whyx-custom-mini i{
height:52px;
}
.production-page--ko.whyx-page .whyx-visual-caption{
margin-bottom:14px;
}
.production-page--ko.whyx-page .whyx-compare__card h3{
font-size:21px;
}
.production-page--ko.whyx-page .whyx-compare__card p{
font-size:13px;
}
.production-page--ko.whyx-page .whyx-custom-factors{
gap:7px;
margin:8px 0 17px;
}
.production-page--ko.whyx-page .whyx-custom-factors span{
min-height:47px;
border-color:rgba(226,182,77,.20);
background:rgba(226,182,77,.025);
font-size:11px;
}
.production-page--ko.whyx-page .whyx-section--brief{
padding:64px 0;
background:linear-gradient(180deg,#090a0b,#070808);
}
.production-page--ko.whyx-page .whyx-brief{
grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
gap:18px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-brief__copy{
position:relative;
padding:28px 28px 28px 30px;
border-color:rgba(255,255,255,.055);
border-left:2px solid rgba(226,182,77,.52);
border-radius:16px;
background:linear-gradient(90deg,rgba(226,182,77,.045),transparent 46%),#0a0b0c;
}
.production-page--ko.whyx-page .whyx-brief__copy h2{
font-size:34px;
line-height:1.15;
}
.production-page--ko.whyx-page .whyx-brief__copy p{
font-size:14px;
line-height:1.68;
}
.production-page--ko.whyx-page .whyx-trust-row{
margin-top:21px;
}
.production-page--ko.whyx-page .whyx-trust-row b{
background:rgba(226,182,77,.025);
}
.production-page--ko.whyx-page .whyx-brief__board{
padding:24px;
border-color:rgba(226,182,77,.16);
border-radius:17px;
background:linear-gradient(145deg,rgba(226,182,77,.028),transparent 42%),#0b0c0d;
}
.production-page--ko.whyx-page .whyx-brief-mock{
margin:12px 0 12px;
padding:12px;
}
.production-page--ko.whyx-page .whyx-brief__grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:10px;
}
.production-page--ko.whyx-page .whyx-brief__grid article{
min-height:100px;
padding:13px;
border-radius:11px;
background:#0f1011;
}
.production-page--ko.whyx-page .whyx-brief__grid b{
font-size:21px;
}
.production-page--ko.whyx-page .whyx-brief__grid strong{
margin-top:8px;
font-size:13px;
}
.production-page--ko.whyx-page .whyx-brief__grid span{
font-size:10.5px;
}
.production-page--ko.whyx-page .whyx-brief__closing{
margin-top:11px!important;
padding-top:11px;
}
.production-page--ko.whyx-page .whyx-section--system{
padding:66px 0 60px;
background:
radial-gradient(circle at 50% 0%,rgba(82,155,255,.025),transparent 30%),
#050606;
}
.production-page--ko.whyx-page .whyx-section--system .whyx-head{
max-width:980px;
}
.production-page--ko.whyx-page .whyx-system-strip{
margin-bottom:14px;
padding:11px;
border-color:rgba(226,182,77,.16);
border-radius:14px;
background:linear-gradient(135deg,rgba(226,182,77,.025),rgba(255,255,255,.008));
}
.production-page--ko.whyx-page .whyx-system-screen{
min-height:88px;
padding:9px;
border-radius:9px;
}
.production-page--ko.whyx-page .whyx-system-screen i{
height:36px;
margin-top:6px;
}
.production-page--ko.whyx-page .whyx-pipeline{
grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr 24px 1fr;
}
.production-page--ko.whyx-page .whyx-pipeline article{
min-height:116px;
padding:15px 13px;
border-radius:13px;
transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.production-page--ko.whyx-page .whyx-pipeline article:hover{
transform:translateY(-2px);
border-color:rgba(226,182,77,.26);
background:#0e0f10;
}
.production-page--ko.whyx-page .whyx-pipeline article b{
font-size:22px;
}
.production-page--ko.whyx-page .whyx-pipeline article strong{
margin-top:10px;
font-size:11.5px;
}
.production-page--ko.whyx-page .whyx-pipeline article span{
margin-top:5px;
font-size:10.5px;
}
.production-page--ko.whyx-page .whyx-final{
padding:48px 0 58px;
background:
radial-gradient(circle at 78% 28%,rgba(226,182,77,.075),transparent 26%),
#080909;
}
.production-page--ko.whyx-page .whyx-final__inner{
grid-template-columns:minmax(0,1fr) 410px auto;
gap:22px;
padding:28px;
border-color:rgba(226,182,77,.28);
border-radius:18px;
background:
radial-gradient(circle at 80% 20%,rgba(226,182,77,.06),transparent 28%),
linear-gradient(135deg,rgba(226,182,77,.045),rgba(255,255,255,.008));
box-shadow:0 20px 42px rgba(0,0,0,.20);
}
.production-page--ko.whyx-page .whyx-final h2{
font-size:34px;
}
.production-page--ko.whyx-page .whyx-final p{
font-size:13px;
line-height:1.62;
}
.production-page--ko.whyx-page .whyx-final__slogan{
font-size:15px;
}
.production-page--ko.whyx-page .whyx-click-visual{
grid-template-columns:1fr 28px 1fr;
}
.production-page--ko.whyx-page .whyx-click-phone{
min-height:145px;
border-radius:15px;
}
.production-page--ko.whyx-page .whyx-click-phone i{
height:65px;
}
.production-page--ko.whyx-page .whyx-final a{
min-height:50px;
padding:0 20px;
border-radius:12px;
box-shadow:0 10px 26px rgba(226,182,77,.12),inset 0 1px 0 rgba(255,255,255,.28);
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.production-page--ko.whyx-page .whyx-final a:hover{
transform:translateY(-2px);
filter:brightness(1.04);
box-shadow:0 14px 30px rgba(226,182,77,.18),inset 0 1px 0 rgba(255,255,255,.3);
}
.production-page--ko.whyx-page .contact-rail{
gap:8px;
width:124px;
}
.production-page--ko.whyx-page .contact-rail__card{
border-radius:14px;
box-shadow:0 14px 34px rgba(0,0,0,.34);
}
.production-page--ko.whyx-page .contact-rail__qr{
width:94px;
height:94px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-shell{width:min(calc(100% - 64px),1180px)}
.production-page--ko.whyx-page .whyx-hero h1{font-size:50px;max-width:600px}
.production-page--ko.whyx-page .whyx-hero__lead{max-width:650px;font-size:15px}
.production-page--ko.whyx-page .whyx-industry-card{min-height:228px;padding-left:15px;padding-right:15px}
.production-page--ko.whyx-page .whyx-industry-card h3{font-size:15px}
.production-page--ko.whyx-page .whyx-experience{grid-template-columns:300px minmax(0,1fr)}
.production-page--ko.whyx-page .whyx-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.production-page--ko.whyx-page .whyx-brief{grid-template-columns:.78fr 1.22fr}
.production-page--ko.whyx-page .whyx-brief__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.production-page--ko.whyx-page .whyx-final__inner{grid-template-columns:minmax(0,1fr) 360px}
.production-page--ko.whyx-page .whyx-final a{grid-column:1/-1;justify-self:end}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--specialist{
padding:62px 0 66px;
background:
radial-gradient(ellipse at 50% 0%,rgba(226,182,77,.075),transparent 34%),
linear-gradient(180deg,#080909 0%,#070808 100%);
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head--center{
max-width:1060px;
margin-bottom:27px;
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head>span{
display:inline-flex;
align-items:center;
gap:9px;
letter-spacing:1.5px;
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head>span::before,
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head>span::after{
content:"";
width:22px;
height:1px;
background:linear-gradient(90deg,transparent,rgba(226,182,77,.72));
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head>span::after{
transform:scaleX(-1);
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head h2{
margin-top:10px;
font-size:clamp(34px,2.45vw,42px);
line-height:1.16;
letter-spacing:-.025em;
}
.production-page--ko.whyx-page .whyx-section--specialist .whyx-head p{
margin-top:12px;
max-width:900px;
color:#8f8a82;
font-size:13.5px;
}
.production-page--ko.whyx-page .whyx-industry-grid{
gap:10px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-industry-card{
display:flex;
flex-direction:column;
min-height:220px;
padding:20px 17px 16px;
overflow:hidden;
border:1px solid rgba(226,182,77,.16);
border-radius:15px;
background:
radial-gradient(circle at 92% 4%,rgba(226,182,77,.06),transparent 27%),
linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.008)),
#0b0c0d;
box-shadow:
0 18px 34px rgba(0,0,0,.17),
inset 0 1px 0 rgba(255,255,255,.025);
}
.production-page--ko.whyx-page .whyx-industry-card::before{
left:14px;
right:14px;
width:auto;
opacity:.74;
}
.production-page--ko.whyx-page .whyx-industry-card::after{
top:18px;
right:16px;
width:38px;
height:38px;
opacity:.96;
filter:drop-shadow(0 5px 14px rgba(226,182,77,.12));
}
.production-page--ko.whyx-page .whyx-industry-card>b{
font-size:31px;
line-height:1;
color:#6c604c;
letter-spacing:-.04em;
}
.production-page--ko.whyx-page .whyx-industry-card>strong{
margin-top:27px;
color:#e7bc51;
font-size:11.5px;
letter-spacing:.02em;
}
.production-page--ko.whyx-page .whyx-industry-card h3{
margin-top:8px;
max-width:94%;
min-height:48px;
font-size:15.5px;
line-height:1.48;
color:#f1efea;
}
.production-page--ko.whyx-page .whyx-chip-row{
margin-top:auto;
padding-top:14px;
gap:5px;
}
.production-page--ko.whyx-page .whyx-chip-row span{
min-height:24px;
padding:5px 8px;
border:1px solid rgba(226,182,77,.22);
border-radius:6px;
background:rgba(226,182,77,.025);
color:#9f906e;
font-size:9px;
line-height:1;
letter-spacing:.035em;
}
.production-page--ko.whyx-page .whyx-section--experience{
padding:68px 0 70px;
background:
radial-gradient(ellipse at 73% 10%,rgba(226,182,77,.05),transparent 31%),
linear-gradient(180deg,#090a0b,#080909);
}
.production-page--ko.whyx-page .whyx-experience{
grid-template-columns:minmax(310px,.58fr) minmax(0,1.42fr);
gap:16px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-experience__years,
.production-page--ko.whyx-page .whyx-local-flow{
border-radius:17px;
box-shadow:0 20px 38px rgba(0,0,0,.16);
}
.production-page--ko.whyx-page .whyx-experience__years{
padding:28px 27px 27px;
border:1px solid rgba(255,255,255,.075);
background:
radial-gradient(circle at 18% 14%,rgba(226,182,77,.085),transparent 31%),
linear-gradient(180deg,rgba(255,255,255,.018),transparent 52%),
#0c0d0e;
}
.production-page--ko.whyx-page .whyx-experience__years>span{
letter-spacing:1.2px;
}
.production-page--ko.whyx-page .whyx-experience__years>strong{
margin-top:7px;
font-size:96px;
line-height:.92;
letter-spacing:-.065em;
text-shadow:0 10px 30px rgba(226,182,77,.10);
}
.production-page--ko.whyx-page .whyx-experience__years>strong span{
font-size:.43em;
vertical-align:top;
margin-left:4px;
}
.production-page--ko.whyx-page .whyx-experience__years h2{
margin-top:10px;
font-size:27px;
line-height:1.05;
letter-spacing:-.035em;
}
.production-page--ko.whyx-page .whyx-experience__years p{
margin-top:18px;
padding-bottom:30px;
max-width:285px;
color:#a09a90;
font-size:13.2px;
line-height:1.72;
}
.production-page--ko.whyx-page .whyx-experience__years::after{
left:27px;
right:27px;
bottom:26px;
opacity:.55;
}
.production-page--ko.whyx-page .whyx-local-flow{
padding:26px 27px 25px;
border:1px solid rgba(226,182,77,.17);
background:
radial-gradient(circle at 95% 0%,rgba(226,182,77,.045),transparent 27%),
linear-gradient(145deg,rgba(226,182,77,.03),transparent 38%),
#0d0e0f;
}
.production-page--ko.whyx-page .whyx-local-flow__eyebrow{
color:#d8aa42;
letter-spacing:1.15px;
}
.production-page--ko.whyx-page .whyx-local-flow h2{
margin-top:8px;
font-size:33px;
line-height:1.16;
letter-spacing:-.025em;
}
.production-page--ko.whyx-page .whyx-local-flow__intro{
margin-top:10px;
max-width:860px;
color:#969087;
font-size:13px;
line-height:1.62;
}
.production-page--ko.whyx-page .whyx-local-visual{
grid-template-columns:minmax(0,1fr) minmax(160px,.5fr) minmax(0,1fr);
gap:10px;
margin-top:16px;
padding:11px;
border:1px solid rgba(226,182,77,.18);
border-radius:13px;
background:
linear-gradient(180deg,rgba(226,182,77,.018),transparent 48%),
#090a0b;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.production-page--ko.whyx-page .whyx-local-device{
min-height:154px;
border:1px solid rgba(255,255,255,.065);
border-radius:12px;
background:#0b0c0d;
}
.production-page--ko.whyx-page .whyx-local-device__flag{
top:10px;
left:10px;
min-width:31px;
padding:4px 7px;
border-color:rgba(226,182,77,.25);
background:#111213;
}
.production-page--ko.whyx-page .whyx-local-device__screen{
inset:34px 8px 8px;
padding:8px;
border-radius:9px;
background:#090a0b;
}
.production-page--ko.whyx-page .whyx-local-device__screen i{
height:78px;
border:1px solid rgba(255,255,255,.055);
border-radius:7px;
filter:saturate(.9) brightness(.83) contrast(1.04);
}
.production-page--ko.whyx-page .whyx-local-device__screen b{
margin-top:7px;
font-size:11px;
letter-spacing:.015em;
}
.production-page--ko.whyx-page .whyx-local-device__screen em{
margin-top:2px;
color:#77736c;
font-size:8.5px;
letter-spacing:.025em;
}
.production-page--ko.whyx-page .whyx-local-process{
min-width:0;
padding:0 5px;
}
.production-page--ko.whyx-page .whyx-local-process::before,
.production-page--ko.whyx-page .whyx-local-process::after{
content:"";
position:absolute;
top:50%;
width:13px;
height:1px;
background:linear-gradient(90deg,rgba(226,182,77,.18),rgba(226,182,77,.62));
}
.production-page--ko.whyx-page .whyx-local-process::before{left:-6px}
.production-page--ko.whyx-page .whyx-local-process::after{right:-6px;transform:scaleX(-1)}
.production-page--ko.whyx-page .whyx-local-process>span{
font-size:9px;
color:#8d826d;
letter-spacing:.08em;
}
.production-page--ko.whyx-page .whyx-local-process>b{
margin-top:4px;
color:#efc65d;
font-size:18px;
letter-spacing:.035em;
}
.production-page--ko.whyx-page .whyx-local-process>div{
margin-top:8px;
gap:5px;
}
.production-page--ko.whyx-page .whyx-local-process i{
min-height:24px;
border-color:rgba(226,182,77,.18);
background:rgba(226,182,77,.024);
color:#a6946b;
font-size:8px;
}
.production-page--ko.whyx-page .whyx-flow-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:10px;
}
.production-page--ko.whyx-page .whyx-flow-grid article{
position:relative;
min-height:108px;
padding:13px 12px 12px;
overflow:hidden;
border:1px solid rgba(226,182,77,.13);
border-radius:10px;
background:
linear-gradient(180deg,rgba(226,182,77,.02),transparent 42%),
rgba(255,255,255,.008);
}
.production-page--ko.whyx-page .whyx-flow-grid article::before{
content:"";
position:absolute;
left:12px;
top:0;
width:42px;
height:1px;
background:#d8aa42;
opacity:.62;
}
.production-page--ko.whyx-page .whyx-flow-grid b{
font-size:17px;
color:#75694f;
}
.production-page--ko.whyx-page .whyx-flow-grid strong{
margin-top:6px;
color:#e2b64d;
font-size:10px;
letter-spacing:.025em;
}
.production-page--ko.whyx-page .whyx-flow-grid p{
margin-top:6px;
color:#959087;
font-size:11px;
line-height:1.5;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--specialist{padding:56px 0 60px}
.production-page--ko.whyx-page .whyx-industry-card{min-height:214px;padding:18px 14px 15px}
.production-page--ko.whyx-page .whyx-industry-card::after{width:34px;height:34px;right:13px}
.production-page--ko.whyx-page .whyx-industry-card h3{font-size:14px;min-height:46px}
.production-page--ko.whyx-page .whyx-chip-row span{padding:5px 6px;font-size:8px}
.production-page--ko.whyx-page .whyx-section--experience{padding:60px 0 64px}
.production-page--ko.whyx-page .whyx-experience{grid-template-columns:280px minmax(0,1fr);gap:14px}
.production-page--ko.whyx-page .whyx-experience__years{padding:25px 23px}
.production-page--ko.whyx-page .whyx-experience__years>strong{font-size:84px}
.production-page--ko.whyx-page .whyx-experience__years h2{font-size:24px}
.production-page--ko.whyx-page .whyx-experience__years p{font-size:12.4px}
.production-page--ko.whyx-page .whyx-local-flow{padding:23px 22px}
.production-page--ko.whyx-page .whyx-local-flow h2{font-size:29px}
.production-page--ko.whyx-page .whyx-local-visual{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)}
.production-page--ko.whyx-page .whyx-local-device{min-height:142px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:67px}
.production-page--ko.whyx-page .whyx-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.production-page--ko.whyx-page .whyx-flow-grid article{min-height:104px;padding:12px 10px}
.production-page--ko.whyx-page .whyx-flow-grid p{font-size:10.4px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--specialist .whyx-industry-card::after{
content:none !important;
display:none !important;
}
.production-page--ko.whyx-page .whyx-industry-icon{
position:absolute;
top:16px;
right:16px;
display:block;
width:52px;
height:52px;
object-fit:contain;
object-position:center;
pointer-events:none;
user-select:none;
}
.production-page--ko.whyx-page .whyx-industry-card>strong{
margin-top:28px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-industry-icon{
top:14px;
right:13px;
width:44px;
height:44px;
}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--experience{
padding:42px 0 44px;
background:
radial-gradient(ellipse at 73% 8%,rgba(226,182,77,.035),transparent 28%),
linear-gradient(180deg,#090a0b,#080909);
}
.production-page--ko.whyx-page .whyx-experience{
grid-template-columns:286px minmax(0,1fr);
gap:14px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-experience__years,
.production-page--ko.whyx-page .whyx-local-flow{
border-radius:14px;
box-shadow:0 14px 28px rgba(0,0,0,.13);
}
.production-page--ko.whyx-page .whyx-experience__years{
padding:20px 21px 19px;
min-height:0;
background:
radial-gradient(circle at 18% 12%,rgba(226,182,77,.06),transparent 28%),
#0c0d0e;
}
.production-page--ko.whyx-page .whyx-experience__years>span{
font-size:10px;
letter-spacing:1.05px;
}
.production-page--ko.whyx-page .whyx-experience__years>strong{
margin-top:4px;
font-size:76px;
line-height:.9;
letter-spacing:-.06em;
text-shadow:none;
}
.production-page--ko.whyx-page .whyx-experience__years>strong span{
font-size:.41em;
margin-left:3px;
}
.production-page--ko.whyx-page .whyx-experience__years h2{
margin-top:7px;
font-size:21px;
line-height:1.02;
letter-spacing:-.03em;
}
.production-page--ko.whyx-page .whyx-experience__years p{
margin-top:12px;
padding-bottom:16px;
max-width:245px;
font-size:11.5px;
line-height:1.52;
color:#98928a;
}
.production-page--ko.whyx-page .whyx-experience__years::after{
left:21px;
right:21px;
bottom:17px;
opacity:.42;
}
.production-page--ko.whyx-page .whyx-local-flow{
padding:18px 19px 17px;
min-height:0;
background:
radial-gradient(circle at 95% 0%,rgba(226,182,77,.032),transparent 24%),
#0d0e0f;
}
.production-page--ko.whyx-page .whyx-local-flow__eyebrow{
font-size:9.5px;
letter-spacing:1px;
}
.production-page--ko.whyx-page .whyx-local-flow h2{
margin-top:5px;
font-size:26px;
line-height:1.08;
letter-spacing:-.02em;
}
.production-page--ko.whyx-page .whyx-local-flow__intro{
margin-top:6px;
max-width:none;
font-size:11.2px;
line-height:1.43;
color:#938d84;
}
.production-page--ko.whyx-page .whyx-local-visual{
grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);
gap:8px;
margin:10px 0 0;
padding:8px;
border-radius:10px;
}
.production-page--ko.whyx-page .whyx-local-device{
min-height:105px;
padding:7px;
border-radius:9px;
box-shadow:none;
}
.production-page--ko.whyx-page .whyx-local-device__flag{
left:7px;
top:7px;
width:auto;
min-width:25px;
height:18px;
padding:0 5px;
border-radius:5px;
font-size:7px;
}
.production-page--ko.whyx-page .whyx-local-device__screen{
inset:27px 6px 6px;
padding:6px;
border-radius:7px;
}
.production-page--ko.whyx-page .whyx-local-device__screen i{
width:100%;
height:48px;
border-radius:5px;
filter:saturate(.86) brightness(.82) contrast(1.03);
}
.production-page--ko.whyx-page .whyx-local-device__screen b{
margin-top:5px;
font-size:8.8px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-local-device__screen em{
margin-top:2px;
font-size:6.7px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-local-process{
gap:4px;
padding:0 3px;
}
.production-page--ko.whyx-page .whyx-local-process::before,
.production-page--ko.whyx-page .whyx-local-process::after{
width:10px;
}
.production-page--ko.whyx-page .whyx-local-process>span{
font-size:7.5px;
letter-spacing:.07em;
}
.production-page--ko.whyx-page .whyx-local-process>b{
margin-top:1px;
font-size:15px;
letter-spacing:.02em;
}
.production-page--ko.whyx-page .whyx-local-process>div{
margin-top:3px;
gap:4px;
}
.production-page--ko.whyx-page .whyx-local-process i{
min-height:18px;
padding:4px 3px;
border-radius:5px;
font-size:6.5px;
}
.production-page--ko.whyx-page .whyx-flow-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:7px;
margin-top:7px;
}
.production-page--ko.whyx-page .whyx-flow-grid article{
min-height:78px;
padding:9px 9px 8px;
border-radius:8px;
}
.production-page--ko.whyx-page .whyx-flow-grid article::before{
left:9px;
width:30px;
opacity:.48;
}
.production-page--ko.whyx-page .whyx-flow-grid b{
font-size:14px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-flow-grid strong{
margin-top:4px;
font-size:8.6px;
line-height:1.15;
letter-spacing:.015em;
}
.production-page--ko.whyx-page .whyx-flow-grid p{
margin-top:4px;
font-size:9.4px;
line-height:1.32;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--experience{padding:38px 0 40px}
.production-page--ko.whyx-page .whyx-experience{grid-template-columns:250px minmax(0,1fr);gap:12px}
.production-page--ko.whyx-page .whyx-experience__years{padding:18px 18px 17px}
.production-page--ko.whyx-page .whyx-experience__years>strong{font-size:68px}
.production-page--ko.whyx-page .whyx-experience__years h2{font-size:19px}
.production-page--ko.whyx-page .whyx-experience__years p{font-size:10.7px;line-height:1.46}
.production-page--ko.whyx-page .whyx-local-flow{padding:16px 17px 15px}
.production-page--ko.whyx-page .whyx-local-flow h2{font-size:23px}
.production-page--ko.whyx-page .whyx-local-flow__intro{font-size:10.4px}
.production-page--ko.whyx-page .whyx-local-visual{grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr)}
.production-page--ko.whyx-page .whyx-local-device{min-height:98px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:43px}
.production-page--ko.whyx-page .whyx-flow-grid article{min-height:72px;padding:8px}
.production-page--ko.whyx-page .whyx-flow-grid p{font-size:8.8px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--experience{
padding:24px 0 30px;
background:#090a0b;
}
.production-page--ko.whyx-page .whyx-experience{
grid-template-columns:274px minmax(0,1fr);
gap:34px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-experience__years{
position:relative;
min-height:318px;
padding:10px 28px 12px 8px;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.production-page--ko.whyx-page .whyx-experience__years::after{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:auto;
width:1px;
height:auto;
background:linear-gradient(180deg,rgba(224,178,70,.08),rgba(224,178,70,.78) 18%,rgba(224,178,70,.48) 82%,rgba(224,178,70,.08));
opacity:1;
}
.production-page--ko.whyx-page .whyx-experience__years>span{
font-size:11px;
line-height:1;
letter-spacing:.10em;
}
.production-page--ko.whyx-page .whyx-experience__years>strong{
margin-top:8px;
font-size:88px;
line-height:.84;
letter-spacing:-.065em;
}
.production-page--ko.whyx-page .whyx-experience__years>strong span{
font-size:.42em;
margin-left:3px;
}
.production-page--ko.whyx-page .whyx-experience__years h2{
margin-top:12px;
font-size:23px;
line-height:1.02;
letter-spacing:-.035em;
}
.production-page--ko.whyx-page .whyx-experience__years p{
margin-top:17px;
padding:0;
max-width:228px;
font-size:12.5px;
line-height:1.62;
color:#a19a91;
}
.production-page--ko.whyx-page .whyx-local-flow{
min-height:318px;
padding:9px 0 0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
}
.production-page--ko.whyx-page .whyx-local-flow__eyebrow{
font-size:10px;
line-height:1;
letter-spacing:.085em;
}
.production-page--ko.whyx-page .whyx-local-flow h2{
margin-top:7px;
font-size:27px;
line-height:1.06;
letter-spacing:-.025em;
}
.production-page--ko.whyx-page .whyx-local-flow__intro{
margin-top:6px;
max-width:790px;
font-size:11.8px;
line-height:1.42;
color:#9d968d;
}
.production-page--ko.whyx-page .whyx-local-visual{
grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);
gap:10px;
margin:12px 0 0;
padding:8px;
min-height:134px;
border:1px solid rgba(219,174,68,.26);
border-radius:10px;
background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.004));
}
.production-page--ko.whyx-page .whyx-local-device{
min-height:116px;
padding:7px;
border:1px solid rgba(255,255,255,.075);
border-radius:8px;
background:#0a0b0c;
}
.production-page--ko.whyx-page .whyx-local-device__flag{
top:7px;
left:7px;
min-width:28px;
height:20px;
padding:0 6px;
border-radius:5px;
font-size:8px;
}
.production-page--ko.whyx-page .whyx-local-device__screen{
inset:30px 7px 7px;
padding:0;
border-radius:6px;
overflow:hidden;
background:#090a0b;
}
.production-page--ko.whyx-page .whyx-local-device__screen i{
display:block;
width:100%;
height:64px;
border-radius:5px 5px 2px 2px;
filter:saturate(.96) brightness(.92) contrast(1.05);
}
.production-page--ko.whyx-page .whyx-local-device__screen b{
display:block;
margin:5px 6px 0;
font-size:9.6px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-local-device__screen em{
display:block;
margin:3px 6px 0;
font-size:7px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-local-process{
gap:3px;
padding:0 2px;
align-self:center;
}
.production-page--ko.whyx-page .whyx-local-process::before,
.production-page--ko.whyx-page .whyx-local-process::after{
width:18px;
opacity:.7;
}
.production-page--ko.whyx-page .whyx-local-process>span{
font-size:8px;
letter-spacing:.08em;
}
.production-page--ko.whyx-page .whyx-local-process>b{
margin-top:2px;
font-size:19px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-local-process>div{
margin-top:6px;
gap:5px;
}
.production-page--ko.whyx-page .whyx-local-process i{
min-height:21px;
padding:5px 4px;
border-radius:5px;
font-size:7px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-flow-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin-top:9px;
}
.production-page--ko.whyx-page .whyx-flow-grid article{
min-height:84px;
padding:10px 11px 9px;
border:1px solid rgba(217,173,67,.24);
border-radius:8px;
background:rgba(255,255,255,.012);
}
.production-page--ko.whyx-page .whyx-flow-grid article::before{
left:10px;
width:36px;
opacity:.62;
}
.production-page--ko.whyx-page .whyx-flow-grid b{
font-size:16px;
line-height:1;
}
.production-page--ko.whyx-page .whyx-flow-grid strong{
margin-top:6px;
font-size:9.2px;
line-height:1.15;
letter-spacing:.01em;
}
.production-page--ko.whyx-page .whyx-flow-grid p{
margin-top:5px;
font-size:10.2px;
line-height:1.35;
color:#a19a91;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--experience{padding:22px 0 28px}
.production-page--ko.whyx-page .whyx-experience{grid-template-columns:250px minmax(0,1fr);gap:28px}
.production-page--ko.whyx-page .whyx-experience__years{min-height:300px;padding:8px 24px 10px 6px}
.production-page--ko.whyx-page .whyx-experience__years>strong{font-size:80px}
.production-page--ko.whyx-page .whyx-experience__years h2{font-size:21px}
.production-page--ko.whyx-page .whyx-experience__years p{font-size:11.7px;line-height:1.56}
.production-page--ko.whyx-page .whyx-local-flow{min-height:300px;padding-top:7px}
.production-page--ko.whyx-page .whyx-local-flow h2{font-size:25px}
.production-page--ko.whyx-page .whyx-local-flow__intro{font-size:11.1px}
.production-page--ko.whyx-page .whyx-local-visual{grid-template-columns:minmax(0,1fr) 138px minmax(0,1fr);min-height:126px}
.production-page--ko.whyx-page .whyx-local-device{min-height:108px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:57px}
.production-page--ko.whyx-page .whyx-local-process>b{font-size:17px}
.production-page--ko.whyx-page .whyx-flow-grid article{min-height:80px;padding:9px 9px 8px}
.production-page--ko.whyx-page .whyx-flow-grid p{font-size:9.5px}
}
@media (min-width:1361px){
.production-page--ko.whyx-page .whyx-local-visual{min-height:150px}
.production-page--ko.whyx-page .whyx-local-device{min-height:132px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:80px}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-local-visual{min-height:140px}
.production-page--ko.whyx-page .whyx-local-device{min-height:122px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:72px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--specialist{padding-bottom:38px}
.production-page--ko.whyx-page .whyx-section--experience{padding-top:14px;padding-bottom:16px}
.production-page--ko.whyx-page .whyx-section--custom{padding-top:38px}
.production-page--ko.whyx-page .whyx-local-flow h2{font-size:29px}
.production-page--ko.whyx-page .whyx-local-flow__intro{font-size:12.2px}
.production-page--ko.whyx-page .whyx-local-visual{min-height:160px}
.production-page--ko.whyx-page .whyx-local-device{min-height:140px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:86px}
.production-page--ko.whyx-page .whyx-local-process>b{font-size:20px}
.production-page--ko.whyx-page .whyx-flow-grid article{min-height:88px}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--specialist{padding-bottom:34px}
.production-page--ko.whyx-page .whyx-section--experience{padding-top:12px;padding-bottom:15px}
.production-page--ko.whyx-page .whyx-section--custom{padding-top:34px}
.production-page--ko.whyx-page .whyx-local-flow h2{font-size:27px}
.production-page--ko.whyx-page .whyx-local-flow__intro{font-size:11.6px}
.production-page--ko.whyx-page .whyx-local-visual{min-height:150px}
.production-page--ko.whyx-page .whyx-local-device{min-height:131px}
.production-page--ko.whyx-page .whyx-local-device__screen i{height:78px}
.production-page--ko.whyx-page .whyx-local-process>b{font-size:18px}
.production-page--ko.whyx-page .whyx-flow-grid article{min-height:84px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--custom{
padding:30px 0 32px;
background:linear-gradient(180deg,#060707,#060707);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
display:grid;
grid-template-columns:250px minmax(0,1fr);
gap:24px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
max-width:none;
margin:0;
padding:2px 18px 4px 0;
border-right:1px solid rgba(226,182,77,.26);
align-self:stretch;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head>span{
font-size:10px;
line-height:1.25;
letter-spacing:.11em;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
margin-top:8px;
font-size:27px;
line-height:1.12;
letter-spacing:-.035em;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
margin:12px 0 0;
max-width:none;
font-size:11.3px;
line-height:1.55;
color:#9a948b;
}
.production-page--ko.whyx-page .whyx-compare{
grid-template-columns:minmax(0,.82fr) 48px minmax(0,1.18fr);
gap:0;
align-items:start;
}
.production-page--ko.whyx-page .whyx-compare__card{
min-height:0;
padding:15px;
border-radius:11px;
box-shadow:none;
}
.production-page--ko.whyx-page .whyx-compare__label{
font-size:8.5px;
letter-spacing:.09em;
}
.production-page--ko.whyx-page .whyx-compare__card--template{
border-color:rgba(255,255,255,.085);
background:#0b0c0d;
}
.production-page--ko.whyx-page .whyx-compare__card--custom{
border-color:rgba(226,182,77,.34);
background:linear-gradient(145deg,rgba(226,182,77,.035),transparent 44%),#0b0c0d;
}
.production-page--ko.whyx-page .whyx-compare__arrow{
width:38px;height:38px;
font-size:22px;
border-color:rgba(226,182,77,.42);
box-shadow:0 0 0 4px rgba(226,182,77,.018);
}
.production-page--ko.whyx-page .whyx-template-visual,
.production-page--ko.whyx-page .whyx-custom-visual{
margin:11px 0 7px;
gap:6px;
}
.production-page--ko.whyx-page .whyx-template-mini,
.production-page--ko.whyx-page .whyx-custom-mini{
min-height:82px;
padding:7px;
border-radius:7px;
}
.production-page--ko.whyx-page .whyx-template-mini>span,
.production-page--ko.whyx-page .whyx-custom-mini>span{
right:6px;top:5px;
font-size:6.3px;
}
.production-page--ko.whyx-page .whyx-template-mini i,
.production-page--ko.whyx-page .whyx-custom-mini i{
height:36px;
border-radius:5px;
}
.production-page--ko.whyx-page .whyx-template-mini b,
.production-page--ko.whyx-page .whyx-custom-mini b{
margin-top:6px;
font-size:7.3px;
}
.production-page--ko.whyx-page .whyx-template-mini em,
.production-page--ko.whyx-page .whyx-custom-mini em{
margin-top:2px;
font-size:5.5px;
}
.production-page--ko.whyx-page .whyx-visual-caption{
min-height:26px;
margin:0 0 8px;
padding:5px 7px;
border-radius:6px;
}
.production-page--ko.whyx-page .whyx-visual-caption b,
.production-page--ko.whyx-page .whyx-visual-caption span{
font-size:6.8px;
}
.production-page--ko.whyx-page .whyx-compare__card h3{
font-size:16px;
line-height:1.22;
}
.production-page--ko.whyx-page .whyx-compare__card p{
margin-top:5px;
font-size:9.2px;
line-height:1.45;
}
.production-page--ko.whyx-page .whyx-custom-factors{
gap:6px;
margin:7px 0 9px;
}
.production-page--ko.whyx-page .whyx-custom-factors span{
min-height:31px;
padding:4px 5px;
border-radius:6px;
font-size:8px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--custom{padding:26px 0 28px}
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:220px minmax(0,1fr);
gap:20px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{font-size:24px}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{font-size:10.5px}
.production-page--ko.whyx-page .whyx-compare{grid-template-columns:minmax(0,.84fr) 42px minmax(0,1.16fr)}
.production-page--ko.whyx-page .whyx-compare__card{padding:13px}
.production-page--ko.whyx-page .whyx-template-mini,
.production-page--ko.whyx-page .whyx-custom-mini{min-height:76px}
.production-page--ko.whyx-page .whyx-template-mini i,
.production-page--ko.whyx-page .whyx-custom-mini i{height:32px}
.production-page--ko.whyx-page .whyx-compare__card h3{font-size:15px}
.production-page--ko.whyx-page .whyx-custom-factors span{min-height:29px;font-size:7.5px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--custom{
padding:34px 0 38px;
background:linear-gradient(180deg,#060707,#070808 54%,#060707);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:260px minmax(0,1fr);
gap:24px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
padding:3px 20px 4px 0;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head>span{
font-size:10px;
letter-spacing:.11em;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
margin-top:9px;
font-size:27px;
line-height:1.14;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
margin-top:13px;
font-size:11.5px;
line-height:1.62;
}
.production-page--ko.whyx-page .whyx-upgrade-pc{
display:grid!important;
grid-template-columns:1fr;
gap:13px;
min-width:0;
}
.production-page--ko.whyx-page .whyx-compare--legacy-mobile{
display:none!important;
}
.production-page--ko.whyx-page .whyx-upgrade-row{
position:relative;
min-width:0;
padding:16px;
border:1px solid rgba(255,255,255,.085);
border-radius:13px;
background:#0b0c0d;
overflow:hidden;
}
.production-page--ko.whyx-page .whyx-upgrade-row--current{
background:linear-gradient(180deg,rgba(255,255,255,.016),transparent 38%),#0a0b0c;
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie{
border-color:rgba(226,182,77,.36);
background:
radial-gradient(circle at 92% 0%,rgba(226,182,77,.075),transparent 30%),
linear-gradient(145deg,rgba(226,182,77,.035),transparent 44%),#0b0c0d;
box-shadow:0 16px 36px rgba(0,0,0,.2);
}
.production-page--ko.whyx-page .whyx-upgrade-row__head{
display:flex;
align-items:end;
justify-content:space-between;
gap:18px;
min-height:42px;
margin-bottom:12px;
padding-bottom:11px;
border-bottom:1px solid rgba(255,255,255,.06);
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie .whyx-upgrade-row__head{
border-bottom-color:rgba(226,182,77,.16);
}
.production-page--ko.whyx-page .whyx-upgrade-row__eyebrow{
display:block;
color:#8f897f;
font-size:8.8px;
font-weight:900;
letter-spacing:.11em;
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie .whyx-upgrade-row__eyebrow{
color:#e0b54b;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head h3{
margin-top:4px;
color:#eee8de;
font-size:17px;
font-weight:900;
line-height:1.2;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head>p{
max-width:430px;
margin:0;
color:#aaa39a;
font-size:10.5px;
line-height:1.5;
text-align:right;
}
.production-page--ko.whyx-page .whyx-upgrade-row__signals{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:6px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__signals span{
padding:5px 8px;
border:1px solid rgba(255,255,255,.08);
border-radius:999px;
color:#817b73;
background:#0d0e0f;
font-size:8px;
font-weight:800;
}
.production-page--ko.whyx-page .whyx-upgrade-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.production-page--ko.whyx-page .whyx-upgrade-sample{
min-width:0;
margin:0;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media{
position:relative;
display:grid;
place-items:center;
aspect-ratio:4/5;
min-height:0;
border:1px solid rgba(255,255,255,.08);
border-radius:9px;
overflow:hidden;
background:
linear-gradient(180deg,#1a1b1d 0 19%,#121315 19% 53%,#202123 53% 61%,#0f1011 61%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.26));
pointer-events:none;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media>span{
position:absolute;
top:9px;right:9px;
z-index:1;
color:#706b64;
font-size:8px;
font-weight:900;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media>b{
position:relative;
z-index:1;
color:#777169;
font-size:10px;
font-weight:900;
letter-spacing:.08em;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media{
border-color:rgba(226,182,77,.28);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>b{
color:#d9bd78;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>span{
color:#e0b54b;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-ktv .whyx-upgrade-sample__media{
background:radial-gradient(circle at 65% 18%,rgba(223,177,55,.18),transparent 25%),linear-gradient(150deg,#17130b,#090a0b 58%,#11100d);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-spa .whyx-upgrade-sample__media{
border-color:rgba(214,91,153,.23);
background:radial-gradient(circle at 70% 20%,rgba(224,73,151,.18),transparent 27%),linear-gradient(150deg,#160d13,#0a0a0b 58%,#120e12);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-club .whyx-upgrade-sample__media{
border-color:rgba(71,158,255,.22);
background:radial-gradient(circle at 70% 20%,rgba(65,151,255,.20),transparent 27%),linear-gradient(150deg,#08121c,#090a0d 58%,#0a1017);
}
.production-page--ko.whyx-page .whyx-upgrade-arrow{
width:34px;height:34px;
display:grid;
place-items:center;
justify-self:center;
margin:-3px 0;
border:1px solid rgba(226,182,77,.38);
border-radius:50%;
background:#090a0a;
color:#e0b54b;
font-size:19px;
font-weight:900;
box-shadow:0 0 0 5px rgba(226,182,77,.018);
z-index:2;
}
.production-page--ko.whyx-page .whyx-upgrade-factors{
margin:12px 0 0;
gap:6px;
}
.production-page--ko.whyx-page .whyx-upgrade-factors span{
min-height:32px;
border-radius:6px;
font-size:8.3px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:30px;
margin-top:8px;
padding:6px 9px;
border:1px solid rgba(226,182,77,.14);
border-radius:7px;
background:rgba(226,182,77,.018);
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing b{
color:#e0b54b;
font-size:8.4px;
letter-spacing:.08em;
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing span{
color:#9d9178;
font-size:8.2px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:225px minmax(0,1fr);
gap:20px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{font-size:24px}
.production-page--ko.whyx-page .whyx-upgrade-row{padding:13px}
.production-page--ko.whyx-page .whyx-upgrade-row__head h3{font-size:15px}
.production-page--ko.whyx-page .whyx-upgrade-row__head>p{max-width:350px;font-size:9.5px}
.production-page--ko.whyx-page .whyx-upgrade-grid{gap:8px}
.production-page--ko.whyx-page .whyx-upgrade-row__signals span{font-size:7.4px;padding:4px 7px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--brief{
padding:58px 0 60px;
}
.production-page--ko.whyx-page .whyx-brief{
grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
gap:20px;
align-items:stretch;
}
.production-page--ko.whyx-page .whyx-brief__copy{
padding:28px 26px 27px 30px;
}
.production-page--ko.whyx-page .whyx-brief__copy h2{
font-size:31px;
line-height:1.14;
}
.production-page--ko.whyx-page .whyx-brief__copy p{
margin-top:14px;
font-size:13px;
line-height:1.68;
}
.production-page--ko.whyx-page .whyx-trust-row{
margin-top:19px;
}
.production-page--ko.whyx-page .whyx-brief__board{
padding:24px 24px 22px;
}
.production-page--ko.whyx-page .whyx-brief__board>p{
font-size:14px;
}
.production-page--ko.whyx-page .whyx-brief-mock{
min-height:182px;
margin:12px 0 14px;
padding:13px 14px;
}
.production-page--ko.whyx-page .whyx-brief-mock__chat{
min-height:112px;
align-content:center;
gap:8px;
padding:13px 0;
}
.production-page--ko.whyx-page .whyx-brief-mock__chat i{
max-width:66%;
padding:9px 11px;
font-size:9.5px;
}
.production-page--ko.whyx-page .whyx-brief-mock__flow span{
padding:7px 6px;
font-size:7.4px;
}
.production-page--ko.whyx-page .whyx-brief__grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
margin-top:11px;
}
.production-page--ko.whyx-page .whyx-brief__grid article{
min-height:108px;
padding:15px;
}
.production-page--ko.whyx-page .whyx-brief__grid b{
font-size:22px;
}
.production-page--ko.whyx-page .whyx-brief__grid strong{
margin-top:8px;
font-size:13.5px;
}
.production-page--ko.whyx-page .whyx-brief__grid span{
font-size:10.7px;
line-height:1.45;
}
.production-page--ko.whyx-page .whyx-brief__closing{
margin-top:12px!important;
padding-top:12px;
font-size:12.2px!important;
}
.production-page--ko.whyx-page .whyx-section--system{
padding:58px 0 58px;
}
.production-page--ko.whyx-page .whyx-section--system .whyx-head{
max-width:900px;
margin-bottom:26px;
}
.production-page--ko.whyx-page .whyx-section--system .whyx-head h2{
font-size:42px;
line-height:1.1;
}
.production-page--ko.whyx-page .whyx-section--system .whyx-head p{
margin-top:12px;
font-size:13.5px;
line-height:1.62;
}
.production-page--ko.whyx-page .whyx-system-strip{
margin-bottom:16px;
padding:13px;
}
.production-page--ko.whyx-page .whyx-system-screen{
min-height:106px;
padding:11px;
}
.production-page--ko.whyx-page .whyx-system-screen i{
height:48px;
margin-top:7px;
}
.production-page--ko.whyx-page .whyx-system-screen b{
margin-top:9px;
font-size:9.4px;
}
.production-page--ko.whyx-page .whyx-pipeline{
grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr;
}
.production-page--ko.whyx-page .whyx-pipeline article{
min-height:128px;
padding:17px 14px;
}
.production-page--ko.whyx-page .whyx-pipeline article b{
font-size:24px;
}
.production-page--ko.whyx-page .whyx-pipeline article strong{
margin-top:12px;
font-size:12px;
}
.production-page--ko.whyx-page .whyx-pipeline article span{
margin-top:6px;
font-size:10.8px;
}
.production-page--ko.whyx-page .whyx-final{
padding:46px 0 54px;
}
.production-page--ko.whyx-page .whyx-final__inner{
grid-template-columns:minmax(0,.92fr) 470px auto;
gap:24px;
padding:30px;
align-items:center;
}
.production-page--ko.whyx-page .whyx-final h2{
font-size:32px;
line-height:1.15;
}
.production-page--ko.whyx-page .whyx-final p{
font-size:13px;
}
.production-page--ko.whyx-page .whyx-click-visual{
grid-template-columns:1fr 34px 1fr;
gap:0;
align-items:center;
}
.production-page--ko.whyx-page .whyx-click-phone{
min-height:170px;
padding:12px;
border-radius:16px;
}
.production-page--ko.whyx-page .whyx-click-phone i{
height:82px;
margin-top:8px;
}
.production-page--ko.whyx-page .whyx-click-phone span{
font-size:9px;
}
.production-page--ko.whyx-page .whyx-click-phone b{
margin-top:9px;
font-size:10px;
}
.production-page--ko.whyx-page .whyx-click-arrow{
font-size:27px;
}
.production-page--ko.whyx-page .whyx-final a{
min-height:54px;
padding:0 22px;
font-size:13px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-brief{
grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
}
.production-page--ko.whyx-page .whyx-brief__copy h2{font-size:29px}
.production-page--ko.whyx-page .whyx-section--system .whyx-head h2{font-size:38px}
.production-page--ko.whyx-page .whyx-final__inner{
grid-template-columns:minmax(0,1fr) 410px;
}
.production-page--ko.whyx-page .whyx-final a{
grid-column:1/-1;
justify-self:end;
}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--custom{
padding:38px 0 42px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:250px minmax(0,1fr);
gap:26px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
position:relative;
padding:5px 22px 8px 0;
border-right:1px solid rgba(226,182,77,.22);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
max-width:225px;
font-size:28px;
line-height:1.12;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
max-width:222px;
font-size:11.2px;
line-height:1.68;
color:#8f8b84;
}
.production-page--ko.whyx-page .whyx-upgrade-pc{
gap:15px;
}
.production-page--ko.whyx-page .whyx-upgrade-row{
padding:15px;
border-radius:14px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head{
min-height:46px;
margin-bottom:12px;
padding-bottom:11px;
align-items:center;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head h3{
font-size:17px;
letter-spacing:-.015em;
}
.production-page--ko.whyx-page .whyx-upgrade-row__signals span{
padding:5px 9px;
border-color:rgba(255,255,255,.09);
background:#0b0c0d;
}
.production-page--ko.whyx-page .whyx-upgrade-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-upgrade-sample{
min-width:0;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media{
aspect-ratio:1 / 1;
width:100%;
min-height:0;
border-radius:10px;
background:#050606;
box-shadow:
0 0 0 1px rgba(255,255,255,.015),
inset 0 1px 0 rgba(255,255,255,.025),
0 9px 24px rgba(0,0,0,.16);
}
.production-page--ko.whyx-page .whyx-upgrade-sample__image{
position:relative;
z-index:0;
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
background:#050505;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-current .whyx-upgrade-sample__media{
border-color:rgba(255,255,255,.105);
background:#050505;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-current .whyx-upgrade-sample__media::after{
display:none;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-current .whyx-upgrade-sample__media>span{
top:8px;
right:8px;
z-index:3;
min-width:24px;
height:20px;
display:grid;
place-items:center;
padding:0 6px;
border:1px solid rgba(255,255,255,.12);
border-radius:999px;
background:rgba(5,6,6,.72);
color:#a29b90;
font-size:7.5px;
line-height:1;
backdrop-filter:blur(4px);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media{
border-width:1px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
inset 0 0 0 1px rgba(226,182,77,.018),
0 10px 25px rgba(0,0,0,.18);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media::after{
background:
linear-gradient(180deg,rgba(255,255,255,.012),transparent 26%,rgba(0,0,0,.12)),
linear-gradient(90deg,rgba(226,182,77,.018),transparent 38% 62%,rgba(226,182,77,.018));
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>b{
font-size:9.5px;
letter-spacing:.095em;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>span{
top:9px;
right:9px;
font-size:8px;
}
.production-page--ko.whyx-page .whyx-upgrade-arrow{
width:36px;
height:36px;
margin:-2px 0;
border-color:rgba(226,182,77,.46);
background:linear-gradient(180deg,#0d0e0e,#080909);
box-shadow:0 0 0 5px rgba(226,182,77,.02),0 6px 16px rgba(0,0,0,.22);
}
.production-page--ko.whyx-page .whyx-upgrade-factors{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
margin-top:11px;
}
.production-page--ko.whyx-page .whyx-upgrade-factors span{
min-height:31px;
padding:6px 8px;
border-radius:6px;
background:rgba(226,182,77,.012);
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing{
margin-top:7px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:220px minmax(0,1fr);
gap:20px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
max-width:200px;
font-size:24px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
max-width:198px;
font-size:10.2px;
}
.production-page--ko.whyx-page .whyx-upgrade-row{padding:13px}
.production-page--ko.whyx-page .whyx-upgrade-grid{gap:9px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--custom{
padding:36px 0 42px;
background:
linear-gradient(180deg,rgba(226,182,77,.014),transparent 120px),
linear-gradient(180deg,#060707,#070808 52%,#060707);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:252px minmax(0,1fr);
gap:24px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
position:sticky;
top:118px;
align-self:start;
padding:7px 24px 14px 0;
border-right:1px solid rgba(226,182,77,.24);
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head::after{
content:"";
position:absolute;
top:7px;
right:-2px;
width:3px;
height:54px;
border-radius:3px;
background:linear-gradient(180deg,#e2b64d,rgba(226,182,77,.06));
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head>span{
display:block;
color:#d8ac42;
font-size:9.5px;
font-weight:900;
letter-spacing:.105em;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
max-width:226px;
margin-top:9px;
font-size:28px;
line-height:1.12;
letter-spacing:-.032em;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
max-width:220px;
margin-top:14px;
color:#918c84;
font-size:11px;
line-height:1.68;
}
.production-page--ko.whyx-page .whyx-upgrade-pc{
gap:14px;
}
.production-page--ko.whyx-page .whyx-upgrade-row{
padding:14px;
border-radius:14px;
overflow:visible;
}
.production-page--ko.whyx-page .whyx-upgrade-row--current{
border-color:rgba(255,255,255,.09);
background:
linear-gradient(180deg,rgba(255,255,255,.018),transparent 34%),
#090a0b;
box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie{
border-color:rgba(226,182,77,.44);
background:
radial-gradient(circle at 86% -8%,rgba(226,182,77,.085),transparent 29%),
linear-gradient(145deg,rgba(226,182,77,.032),transparent 42%),
#0a0b0c;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 17px 42px rgba(0,0,0,.24),
0 0 0 1px rgba(226,182,77,.018);
}
.production-page--ko.whyx-page .whyx-upgrade-row__head{
min-height:47px;
margin-bottom:11px;
padding:0 1px 11px;
border-bottom-color:rgba(255,255,255,.065);
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie .whyx-upgrade-row__head{
position:relative;
padding-left:10px;
border-bottom-color:rgba(226,182,77,.18);
}
.production-page--ko.whyx-page .whyx-upgrade-row--louie .whyx-upgrade-row__head::before{
content:"";
position:absolute;
left:0;
top:1px;
bottom:12px;
width:2px;
border-radius:2px;
background:#e2b64d;
box-shadow:0 0 12px rgba(226,182,77,.28);
}
.production-page--ko.whyx-page .whyx-upgrade-row__eyebrow{
font-size:8.5px;
letter-spacing:.115em;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head h3{
margin-top:4px;
font-size:16.5px;
line-height:1.15;
}
.production-page--ko.whyx-page .whyx-upgrade-row__head>p{
max-width:420px;
color:#9d978e;
font-size:9.8px;
line-height:1.45;
}
.production-page--ko.whyx-page .whyx-upgrade-row__signals{
gap:5px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__signals span{
padding:5px 9px;
border-color:rgba(255,255,255,.085);
background:rgba(9,10,11,.88);
color:#817c75;
font-size:7.6px;
}
.production-page--ko.whyx-page .whyx-upgrade-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:11px;
align-items:start;
}
.production-page--ko.whyx-page .whyx-upgrade-sample{
margin:0;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media{
position:relative;
width:100%;
aspect-ratio:1 / 1;
border-radius:9px;
overflow:hidden;
background:#050505;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__image{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
background:#050505;
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media::after{
display:none!important;
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-current .whyx-upgrade-sample__media{
border:1px solid rgba(255,255,255,.105);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.022),
0 8px 20px rgba(0,0,0,.13);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media{
border:1px solid rgba(226,182,77,.33);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 10px 25px rgba(0,0,0,.2);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-spa .whyx-upgrade-sample__media{
border-color:rgba(218,81,151,.34);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-club .whyx-upgrade-sample__media{
border-color:rgba(232,188,31,.48);
}
.production-page--ko.whyx-page .whyx-upgrade-sample__media>span,
.production-page--ko.whyx-page .whyx-upgrade-sample.is-current .whyx-upgrade-sample__media>span,
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>span{
top:8px;
right:8px;
z-index:4;
min-width:22px;
height:19px;
display:grid;
place-items:center;
padding:0 6px;
border:1px solid rgba(255,255,255,.14);
border-radius:999px;
background:rgba(4,5,5,.76);
color:#aaa49b;
font-size:7.2px;
font-weight:900;
line-height:1;
backdrop-filter:blur(5px);
}
.production-page--ko.whyx-page .whyx-upgrade-sample.is-louie .whyx-upgrade-sample__media>span{
border-color:rgba(226,182,77,.38);
color:#e3ba57;
background:rgba(6,6,6,.78);
}
.production-page--ko.whyx-page .whyx-upgrade-arrow{
width:38px;
height:38px;
margin:-2px 0;
border-color:rgba(226,182,77,.52);
background:linear-gradient(180deg,#101111,#070808);
color:#e3b84f;
font-size:20px;
box-shadow:
0 0 0 5px #060707,
0 0 0 6px rgba(226,182,77,.075),
0 7px 18px rgba(0,0,0,.25);
}
.production-page--ko.whyx-page .whyx-upgrade-factors{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
margin-top:10px;
}
.production-page--ko.whyx-page .whyx-upgrade-factors span{
min-height:30px;
padding:6px 9px;
border-color:rgba(226,182,77,.17);
background:rgba(226,182,77,.012);
color:#b9ae96;
font-size:8px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing{
min-height:29px;
margin-top:7px;
padding:6px 9px;
border-color:rgba(226,182,77,.17);
background:linear-gradient(90deg,rgba(226,182,77,.028),rgba(226,182,77,.008));
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing b{
font-size:8.2px;
}
.production-page--ko.whyx-page .whyx-upgrade-row__closing span{
font-size:7.9px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:218px minmax(0,1fr);
gap:18px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head{
top:108px;
padding-right:18px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head h2{
max-width:196px;
font-size:23px;
}
.production-page--ko.whyx-page .whyx-section--custom .whyx-head p{
max-width:194px;
font-size:10px;
}
.production-page--ko.whyx-page .whyx-upgrade-row{padding:12px}
.production-page--ko.whyx-page .whyx-upgrade-grid{gap:8px}
.production-page--ko.whyx-page .whyx-upgrade-row__head h3{font-size:15px}
.production-page--ko.whyx-page .whyx-upgrade-row__head>p{max-width:330px;font-size:9px}
.production-page--ko.whyx-page .whyx-upgrade-row__signals span{font-size:7px;padding:4px 7px}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:274px minmax(0,1fr);
gap:34px;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-section--custom .whyx-shell{
grid-template-columns:250px minmax(0,1fr);
gap:28px;
}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-section--tools{
padding-top:58px;
padding-bottom:56px;
}
.production-page--ko.whyx-page .whyx-section--tools .whyx-head--center{
max-width:820px;
margin-bottom:24px;
}
.production-page--ko.whyx-page .whyx-section--tools .whyx-head--center h2{
margin-top:8px;
font-size:clamp(34px,2.45vw,46px);
line-height:1.12;
}
.production-page--ko.whyx-page .whyx-section--tools .whyx-head--center p{
max-width:650px;
margin-top:11px;
font-size:12px;
line-height:1.55;
}
.production-page--ko.whyx-page .whyx-tools-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
padding:12px;
border:1px solid rgba(217,173,58,.30);
border-radius:14px;
background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.006));
box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.15);
}
.production-page--ko.whyx-page .whyx-tool-card{
position:relative;
display:flex;
align-items:center;
gap:13px;
min-width:0;
min-height:104px;
padding:15px;
border:1px solid rgba(255,255,255,.085);
border-radius:11px;
background:#0c0d0e;
overflow:hidden;
}
.production-page--ko.whyx-page .whyx-tool-card::before{
content:'';
position:absolute;
left:14px;
right:14px;
top:0;
height:1px;
background:linear-gradient(90deg,rgba(217,173,58,.42),transparent 76%);
}
.production-page--ko.whyx-page .whyx-tool-card img{
width:58px;
height:58px;
flex:0 0 58px;
object-fit:contain;
filter:saturate(.90) brightness(.95);
}
.production-page--ko.whyx-page .whyx-tool-card div{
min-width:0;
}
.production-page--ko.whyx-page .whyx-tool-card strong{
display:block;
color:#f0e9df;
font-size:13px;
line-height:1.25;
font-weight:850;
white-space:nowrap;
}
.production-page--ko.whyx-page .whyx-tool-card span{
display:block;
margin-top:6px;
color:#b9aa82;
font-size:10.5px;
line-height:1.35;
font-weight:700;
}
.production-page--ko.whyx-page .whyx-pipeline--compact{
margin-top:14px;
}
.production-page--ko.whyx-page .whyx-pipeline--compact article{
min-height:94px;
padding:14px 14px 12px;
}
.production-page--ko.whyx-page .whyx-pipeline--compact article>b{
margin-bottom:8px;
font-size:22px;
}
.production-page--ko.whyx-page .whyx-pipeline--compact article>strong{
font-size:11.5px;
}
.production-page--ko.whyx-page .whyx-pipeline--compact article>span{
margin-top:5px;
font-size:10px;
}
}
@media (min-width:901px){
.production-page--ko.whyx-page .whyx-final{
padding:34px 0 32px!important;
background:radial-gradient(circle at 78% 16%,rgba(217,173,67,.055),transparent 26%),#080909!important;
}
.production-page--ko.whyx-page .whyx-final__inner{
grid-template-columns:minmax(0,1fr) 450px 230px!important;
gap:24px!important;
min-height:0!important;
padding:24px 26px!important;
align-items:center!important;
border-radius:18px!important;
}
.production-page--ko.whyx-page .whyx-final__copy{
align-self:center!important;
}
.production-page--ko.whyx-page .whyx-final__copy>span{
margin:0 0 6px!important;
font-size:10px!important;
letter-spacing:.12em!important;
}
.production-page--ko.whyx-page .whyx-final h2{
margin:0!important;
font-size:29px!important;
line-height:1.14!important;
}
.production-page--ko.whyx-page .whyx-final__copy>p:not(.whyx-final__slogan){
margin-top:9px!important;
font-size:11.5px!important;
line-height:1.5!important;
}
.production-page--ko.whyx-page .whyx-final__slogan{
margin-top:9px!important;
font-size:12.5px!important;
line-height:1.42!important;
}
.production-page--ko.whyx-page .whyx-click-visual{
grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
align-items:center!important;
}
.production-page--ko.whyx-page .whyx-click-phone{
height:auto!important;
min-height:150px!important;
padding:11px 11px 10px!important;
border-radius:14px!important;
}
.production-page--ko.whyx-page .whyx-click-phone>i{
height:68px!important;
margin:8px 0 8px!important;
}
.production-page--ko.whyx-page .whyx-click-phone>span{
font-size:8.5px!important;
}
.production-page--ko.whyx-page .whyx-click-phone>b{
margin-top:7px!important;
font-size:9.5px!important;
}
.production-page--ko.whyx-page .whyx-click-phone>em{
margin-top:4px!important;
font-size:8px!important;
}
.production-page--ko.whyx-page .whyx-click-arrow{
font-size:24px!important;
}
.production-page--ko.whyx-page .whyx-final__cta{
min-height:116px!important;
padding:12px 0 12px 22px!important;
border-left:1px solid rgba(217,173,58,.16)!important;
}
.production-page--ko.whyx-page .whyx-final__cta>a{
width:100%!important;
min-height:60px!important;
margin:0!important;
padding:0 22px!important;
border-radius:12px!important;
font-size:13px!important;
}
.production-page--ko.whyx-page .whyx-final__cta>a b{
font-size:20px!important;
}
.production-page--ko.whyx-page .site-footer-compact{
margin-top:0!important;
padding:16px 0 12px!important;
background:#070808!important;
}
.production-page--ko.whyx-page .site-footer-compact__main{
min-height:0!important;
align-items:center!important;
gap:22px!important;
}
.production-page--ko.whyx-page .site-footer-compact__brand{
gap:10px!important;
}
.production-page--ko.whyx-page .site-footer-compact__brand img{
width:38px!important;
height:38px!important;
max-width:38px!important;
flex-basis:38px!important;
}
.production-page--ko.whyx-page .site-footer-compact__brand strong{
font-size:12.5px!important;
line-height:1.05!important;
}
.production-page--ko.whyx-page .site-footer-compact__brand small{
margin-top:3px!important;
font-size:7.5px!important;
line-height:1.15!important;
}
.production-page--ko.whyx-page .site-footer-compact__visitors{
gap:7px!important;
}
.production-page--ko.whyx-page .site-footer-compact__visitors>span{
min-width:96px!important;
height:34px!important;
padding:4px 9px!important;
}
.production-page--ko.whyx-page .site-footer-compact__visitors b{
font-size:7.5px!important;
}
.production-page--ko.whyx-page .site-footer-compact__visitors strong{
font-size:12.5px!important;
}
.production-page--ko.whyx-page .site-footer-compact__bottom{
min-height:0!important;
margin-top:8px!important;
padding-top:7px!important;
font-size:8px!important;
}
.production-page--ko.whyx-page .site-footer-compact__bottom a{
font-size:8.5px!important;
}
}
@media (min-width:901px) and (max-width:1360px){
.production-page--ko.whyx-page .whyx-final__inner{
grid-template-columns:minmax(0,1fr) 390px!important;
gap:20px!important;
}
.production-page--ko.whyx-page .whyx-final__cta{
grid-column:1/-1!important;
min-height:0!important;
padding:12px 0 0!important;
border-left:0!important;
border-top:1px solid rgba(217,173,58,.14)!important;
}
.production-page--ko.whyx-page .whyx-final__cta>a{
width:250px!important;
margin-left:auto!important;
}
}