@font-face{font-family:SUIT;font-weight:400;font-display:swap;src:url('/assets/fonts/SUIT-Regular.woff2') format('woff2')}
@font-face{font-family:SUIT;font-weight:500;font-display:swap;src:url('/assets/fonts/SUIT-Medium.woff2') format('woff2')}
@font-face{font-family:SUIT;font-weight:600;font-display:swap;src:url('/assets/fonts/SUIT-SemiBold.woff2') format('woff2')}
@font-face{font-family:SUIT;font-weight:700;font-display:swap;src:url('/assets/fonts/SUIT-Bold.woff2') format('woff2')}

:root{--ink:#171c30;--muted:#667089;--violet:#6826cd;--violet2:#a12bf4;--orange:#f64a15;--bg:#f8f9fd;--border:#e7e8f0;--radius:22px;--shadow:0 18px 65px rgba(29,28,79,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:SUIT,Pretendard,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.smallcap{font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--violet)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,25,62,.08)}.navwrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;font-weight:850;letter-spacing:.13em;white-space:nowrap}.brand .mark{width:58px;height:36px;object-fit:contain}.brand .letter-c{color:#ff6200}.brand .letter-m{color:#711af7}.navlinks{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:700}.navlinks a{padding:12px 2px;color:#4c5267}.navlinks a.active,.navlinks a:hover{color:var(--violet)}.navlinks .partner-nav{background:#29204c;color:#fff;border-radius:12px;padding:13px 19px}.navlinks .partner-nav:hover,.navlinks .partner-nav.active{background:var(--violet);color:#fff}.mobile-toggle{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 12px;font-size:22px}
.hero{position:relative;overflow:hidden;isolation:isolate}.hero:after{content:'';position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(153,82,240,.1),transparent 65%);top:-120px;right:-100px;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:58px;min-height:660px;padding-block:90px}.hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.2;letter-spacing:-.065em;margin:20px 0 26px;font-weight:850}.hero h1 .gradient{background:linear-gradient(100deg,var(--orange),#ca346d 55%,var(--violet));color:transparent;-webkit-background-clip:text;background-clip:text}.lead{font-size:18px;line-height:1.9;color:var(--muted);max-width:570px;word-break:keep-all}.actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.btn{border-radius:12px;padding:15px 22px;background:#252044;color:#fff;font-weight:750;border:1px solid #252044;font-size:14px;display:inline-flex;align-items:center;gap:10px}.btn:hover{filter:brightness(1.14)}.btn.secondary{background:#fff;color:#30294b;border-color:#dfe0ea}.btn.violet{background:var(--violet);border-color:var(--violet)}.btn:disabled{cursor:not-allowed;opacity:.5}
.brand-scene{position:relative;min-height:440px;background:linear-gradient(145deg,#fff,#f8f6ff);border:1px solid #eceafa;border-radius:30px;box-shadow:0 28px 85px rgba(52,27,86,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-scene:before{content:'';position:absolute;inset:auto auto -125px -80px;width:300px;height:300px;border-radius:50%;background:rgba(255,103,35,.06)}.brand-scene:after{content:'';position:absolute;inset:-85px -75px auto auto;width:250px;height:250px;border-radius:50%;background:rgba(128,42,239,.075)}.brand-inner{position:relative;z-index:1;text-align:center;padding:20px}.brand-inner img{width:min(80%,330px);margin:auto}.brand-inner .hero-chemi{font-size:43px;font-weight:850;letter-spacing:.3em;margin:6px 0 4px;padding-left:.3em}.hero-chemi .c{color:#ff6200}.hero-chemi .m{color:#711af7}.brand-inner p{font-size:12px;letter-spacing:.27em;font-weight:700;color:#656078;margin:6px 0}.brand-inner .kor{font-size:14px;letter-spacing:0;color:#827b96;margin-top:20px}
section.padded{padding:100px 0}section.soft{background:var(--bg)}.section-title{font-size:clamp(32px,3.7vw,46px);line-height:1.23;letter-spacing:-.055em;margin:14px 0 18px}.section-desc{font-size:16px;color:var(--muted);line-height:1.85;max-width:730px}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.value-card{border:1px solid var(--border);background:white;border-radius:20px;padding:29px;box-shadow:0 8px 35px rgba(28,29,67,.025)}.value-icon{height:52px;width:52px;display:grid;place-items:center;border-radius:15px;font-size:24px;margin-bottom:25px}.value-icon.orange{color:var(--orange);background:#fff0ea}.value-icon.purple{color:var(--violet);background:#f3eafa}.value-icon.blue{color:#4c65c8;background:#ecf0ff}.value-card h3{font-size:20px;margin:0 0 12px}.value-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;background:#191832;color:white;border-radius:26px;overflow:hidden}.service-copy{padding:54px}.service-copy .pill{display:inline-flex;border:1px solid #7c6d9b;background:#383058;padding:7px 12px;border-radius:30px;font-size:12px;letter-spacing:.12em}.service-copy h3{font-size:38px;margin:25px 0 12px}.service-copy p{font-size:15px;line-height:1.9;color:#cbc7d8;max-width:460px}.service-copy .btn{background:#fff;color:#1c1934;border-color:white;margin-top:18px}.service-image{min-height:380px;background:linear-gradient(110deg,rgba(39,24,66,.38),rgba(88,36,102,.34)),url('/assets/hero-bg.jpg') center/cover}.banner{background:linear-gradient(110deg,#2a214e,#45298a 60%,#632cc1);color:white;border-radius:28px;padding:50px 55px;display:flex;align-items:center;justify-content:space-between;gap:24px}.banner h2{font-size:29px;line-height:1.3;margin:0 0 12px;letter-spacing:-.045em}.banner p{color:#d7d3e7;margin:0;font-size:14px;line-height:1.8}.banner .btn{background:#fff;color:#271e4d;border-color:#fff;flex-shrink:0}
.pagehead{background:#f7f5fd;padding:74px 0 80px;position:relative;overflow:hidden}.pagehead h1{font-size:clamp(34px,4.8vw,56px);letter-spacing:-.06em;line-height:1.25;margin:17px 0}.pagehead p{color:#66647e;line-height:1.9;font-size:16px;max-width:720px}.story{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding-block:90px}.story h2{font-size:35px;line-height:1.3;letter-spacing:-.05em;margin:0}.story p{font-size:17px;line-height:2.12;color:#52576e;margin:0 0 23px;word-break:keep-all}.story strong{color:#4c2384}.partner-main{min-height:calc(100vh - 164px);background:linear-gradient(116deg,#f7f6fe 0%,#fff 50%,#fff8f5 100%);display:flex;align-items:center}.partner-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;padding-block:90px}.partner-copy h1{font-size:clamp(39px,5vw,57px);letter-spacing:-.05em;line-height:1.27;margin:22px 0}.partner-copy p{font-size:17px;color:var(--muted);line-height:1.85}.login-card{background:#fff;box-shadow:0 28px 75px rgba(32,23,75,.11);border:1px solid #ededf3;border-radius:25px;padding:43px;max-width:480px;width:100%;margin-inline:auto}.login-card h2{font-size:26px;margin:0 0 10px;letter-spacing:-.05em}.login-card .sub{font-size:13px;color:#737a8b;margin-bottom:31px;line-height:1.7}.field{display:block;font-size:13px;font-weight:750;margin:19px 0 9px}.login-input{width:100%;height:51px;border:1px solid #d9dce8;background:#fafbfe;border-radius:11px;padding:0 15px;outline:0}.login-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7b41e622}.form-note{margin:18px 0 0;padding:13px;border-radius:11px;background:#f6f2ff;color:#5c4b82;font-size:12px;line-height:1.7}.error-note{margin-top:12px;color:#ba3737;font-size:13px}.login-card button{margin-top:26px;width:100%;justify-content:center}.info-mini{font-size:12px;color:#83869a;text-align:center;margin-top:20px;line-height:1.7}
.footer{border-top:1px solid var(--border);background:#fff;padding:42px 0}.footergrid{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer b{font-size:19px;letter-spacing:.11em}.footer p,.footer a{font-size:12px;line-height:1.85;color:#8a8d9d}.footer .links{display:flex;gap:18px;flex-wrap:wrap}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);min-width:290px;z-index:100;display:none;background:#292345;color:#fff;border-radius:12px;padding:17px 20px;box-shadow:0 12px 35px #22194b33;font-size:13px;line-height:1.7}.toast.show{display:block}
@media(max-width:880px){.navlinks{gap:18px}.hero-grid{grid-template-columns:1fr;gap:35px;padding-block:60px}.brand-scene{min-height:360px;max-width:620px;width:100%}.partner-grid{grid-template-columns:1fr;gap:36px}.partner-copy{text-align:center}.partner-copy h1{font-size:43px}.story{grid-template-columns:1fr;gap:24px}.service-row{grid-template-columns:1fr}.service-image{min-height:260px}.service-copy{padding:38px}}
@media(max-width:610px){.wrap{width:min(100% - 36px,1160px)}.navwrap{min-height:66px}.brand{font-size:19px}.brand .mark{width:43px}.mobile-toggle{display:block}.navlinks{position:absolute;left:0;right:0;top:66px;display:none;flex-direction:column;gap:4px;padding:12px 20px 22px;background:white;border-bottom:1px solid var(--border)}.navlinks.open{display:flex}.navlinks a{width:100%;padding:13px 10px}.navlinks .partner-nav{width:100%;text-align:center}.hero-grid{min-height:unset}.hero h1{font-size:43px}.lead{font-size:15px}.brand-scene{min-height:300px}.brand-inner .hero-chemi{font-size:28px}.brand-inner .kor{font-size:12px}.brand-inner img{width:80%}section.padded{padding:65px 0}.values{grid-template-columns:1fr}.value-card{padding:24px}.service-copy{padding:32px}.service-copy h3{font-size:31px}.service-image{min-height:240px}.banner{padding:32px;display:block}.banner .btn{margin-top:20px}.banner h2{font-size:23px}.pagehead{padding-block:48px}.story{padding-block:58px}.story h2{font-size:28px}.story p{font-size:15px}.partner-grid{padding-block:50px}.partner-copy h1{font-size:34px}.partner-copy p{font-size:15px}.login-card{padding:27px}.footergrid{display:block}.footer .links{margin-top:18px}}
.partner-copy .partner-mark{width:min(100%,300px);margin-top:46px;opacity:.9}
.approval-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:12px 14px;border-radius:12px;background:#faf8ff;border:1px solid #ece6fb;font-size:13px;font-weight:700;color:#4c2384;line-height:1.5}
.approval-note .check{color:var(--violet);font-weight:900}
@media(max-width:880px){.partner-copy .partner-mark{margin:30px auto 0;width:200px}}
@media(max-width:610px){.partner-copy .partner-mark{width:150px;margin-top:22px}}
.login-error{margin:16px 0 0;padding:12px 14px;border-radius:11px;background:#fff1ee;border:1px solid #ffd5ca;color:#b3320f;font-size:13px;font-weight:700;line-height:1.6}
.login-error[hidden]{display:none}
/* company page: brand board (2026-10-19, replaces the old logo-concept picture) */
.board{max-width:980px;margin:20px auto 0;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(60,30,120,.12);border:1px solid #ece9f5;background:#fff;display:grid;grid-template-columns:1.05fr 1.45fr;grid-template-rows:auto auto;font-family:inherit}
.board .b-main{grid-row:1 / span 1;padding:34px 20px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.board .b-mark{width:78%;max-width:340px;height:auto}
.board .b-word{font-weight:700;letter-spacing:.42em;font-size:46px;margin:14px 0 6px;padding-left:.42em;line-height:1}
.board .b-word.sm{font-size:30px;margin:0 0 4px;padding-left:0}
.b-word .c{color:#ff6200}.b-word .m{color:#711af7}.b-word .n{color:#072b5a}
.b-word{color:#072b5a}.b-word.w{color:#fff}.b-word.w .m,.b-word.w .c{color:inherit}.b-word.g{color:#555}
.board .b-en{font-size:12px;letter-spacing:.36em;color:#3b4361;margin:0}.board .b-en.sm{font-size:9px;letter-spacing:.3em}.b-en.w{color:#e8e6ff}
.board .b-ko{display:flex;align-items:center;gap:10px;justify-content:center;color:#333;font-size:15px;margin:12px 0 0}.board .b-ko i{display:block;height:1px;width:42px;background:#aaa}.board .b-ko.sm{font-size:11px;margin-top:6px}.board .b-ko.sm i{width:30px}
.board .b-side{background:#f9f9fc;display:flex;flex-direction:column}
.board .b-lock{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 20px;border-bottom:1px solid #eee}.board .b-lock img{width:120px;height:auto}.board .b-lock .bar{width:1px;height:90px;background:#cfcfd8}
.board .b-concept{padding:18px 22px 22px;background:#fff;flex:1}.board h3{font-size:17px;margin:0 0 10px;color:#14142b}
.board .b-concept-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.board .b-concept p{font-size:11.5px;line-height:1.75;color:#333;margin:0}.board .b-concept b{color:#711af7}
.board ul{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid #e6e6ee;display:flex;flex-direction:column;gap:12px}.board li{display:flex;gap:10px;align-items:center}.board li b{display:block;color:#14142b;font-size:12px}.board li span{font-size:10px;color:#666}
.board .ic{font-style:normal;width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}.ic.o{background:#ff6200}.ic.p{background:#711af7}.ic.v{background:#711af7}
.board .b-var{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 10px;min-height:150px;grid-row:2}
.board .b-var img{width:90px;height:auto}.board .dark{background:#0d1b3a}.board .grad{background:linear-gradient(135deg,#ff6200,#711af7)}
.board .grad img.white{filter:brightness(0) invert(1)}.board .mono img.gray{filter:grayscale(1) brightness(.5)}.board .mono{background:#f1f1f4}.board .apps{background:#f6f6fa;flex-direction:row;gap:14px;flex-wrap:wrap}
.board .app{width:78px;height:78px;border-radius:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.15)}.board .app.light{background:#fff}.board .app.black{background:#000}.board .app img{width:56px}.board .cap{flex-basis:100%;text-align:center;font-size:11px;color:#666}
.board{grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto}.board .b-main{grid-column:1 / span 2}.board .b-side{grid-column:3 / span 2}
@media(max-width:700px){.board{grid-template-columns:1fr 1fr}.board .b-main,.board .b-side{grid-column:1 / span 2}.board .b-word{font-size:34px}.board .b-concept-grid{grid-template-columns:1fr}}