:root{--ink:#071722;--navy:#0d2a3c;--paper:#f2f0e9;--paper2:#e7e7df;--cyan:#57e5e1;--coral:#ff6c52;--lime:#c8ff61;--line:#07172224;--muted:#68757d;--max:1220px;--sans:"Manrope","Noto Sans KR",sans-serif;--mono:"DM Mono",monospace;--accent:var(--cyan);--hero-image:url("/assets/images/IMG_0731.JPG")}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.72;word-break:keep-all;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 44px),var(--max));margin:auto}::selection{color:#fff;background:var(--coral)}.noise{position:fixed;z-index:9999;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;z-index:1001;left:0;top:0;width:0;height:3px;background:var(--coral)}
.header{position:fixed;z-index:100;left:0;right:0;top:0;color:#fff;border-bottom:1px solid #ffffff21;background:#071722c9;backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;margin-right:auto}.wordmark{color:#fff;font:800 27px/1 var(--sans);letter-spacing:-.08em}.wordmark em{position:relative;color:var(--cyan);font-style:normal}.wordmark em:after{content:"";position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--coral)}.brand>span{padding-left:13px;color:#7e96a4;border-left:1px solid #ffffff38;font:500 8px var(--mono);letter-spacing:.13em}.nav-links{display:flex;gap:26px}.nav-links a{position:relative;color:#b9c7cf;font-size:11px;font-weight:700}.nav-links a.active,.nav-links a:hover{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--accent)}.nav-contact{padding:10px 15px;color:var(--ink);border-radius:99px;background:var(--accent);font:700 10px var(--mono)}.menu{display:none;width:42px;height:42px;color:#fff;border:1px solid #ffffff2b;border-radius:50%;background:none}
.category-hero{position:relative;min-height:820px;display:flex;align-items:flex-end;padding:155px 0 100px;color:#fff;background:#06131f;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;transform:scale(1.04);animation:heroDrift 16s ease-in-out infinite alternate}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06131ff5 0,#06131fcb 48%,#06131f52 78%,#06131fb3),linear-gradient(0deg,#06131ff2,transparent 58%),radial-gradient(circle at 75% 45%,transparent,#06131fa8 72%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.13fr .87fr;gap:80px;align-items:end}.breadcrumb{display:flex;gap:8px;color:#7e95a2;font:500 8px var(--mono);letter-spacing:.12em}.breadcrumb i{color:var(--accent);font-style:normal}.category-code{display:inline-flex;margin:25px 0 12px;padding:6px 9px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:#06131f7d;font:500 8px var(--mono);letter-spacing:.13em}.category-hero h1{margin:0;font-size:clamp(57px,7.5vw,104px);line-height:.95;letter-spacing:-.08em}.category-hero h1 em{display:block;color:var(--accent);font-style:normal}.hero-intro{max-width:550px;margin:28px 0 0;color:#aab9c1;font-size:16px}.hero-intro strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:55px;padding:0 20px;border:1px solid #ffffff31;font-size:12px;font-weight:800;transition:.25s}.btn.accent{color:var(--ink);border-color:var(--accent);background:var(--accent)}.btn:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--coral)}.hero-panel{border:1px solid #ffffff2d;background:#071722d4;box-shadow:0 40px 100px #0008;backdrop-filter:blur(18px)}.panel-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ffffff1e;color:#6c8492;font:500 7px var(--mono)}.panel-head span:before{content:"●  ●  ●";margin-right:12px;color:var(--coral);letter-spacing:4px}.panel-head b{color:var(--lime);font-weight:500}.panel-body{padding:25px}.panel-body p{margin:0;color:#a7b6bf;font:500 10px/2 var(--mono)}.panel-body p span{display:inline-block;width:26px;color:#435d6c}.panel-body .key{color:#ba9fff}.panel-body .value{color:var(--cyan)}.panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1e}.panel-metrics div{padding:17px;border-right:1px solid #ffffff1e}.panel-metrics div:last-child{border:0}.panel-metrics small{display:block;color:#607986;font:500 6px var(--mono)}.panel-metrics b{color:#fff;font:600 15px var(--mono)}.hero-index{position:absolute;z-index:2;right:22px;top:112px;color:#ffffff20;font:800 clamp(100px,17vw,250px)/1 var(--mono);letter-spacing:-.1em}
.category-ticker{height:74px;display:flex;align-items:center;color:#fff;background:var(--coral);overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ticker 22s linear infinite}.ticker-track span{padding-right:38px;font:800 17px var(--mono);letter-spacing:.03em;white-space:nowrap}.ticker-track span:after{content:"✦";margin-left:38px;color:var(--ink)}
.section{padding:115px 0;position:relative}.section-kicker{margin-bottom:15px;color:var(--coral);font:500 9px var(--mono);letter-spacing:.14em}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:55px}.section h2{margin:0;font-size:clamp(39px,5vw,64px);line-height:1.08;letter-spacing:-.065em}.section h2 em{color:var(--coral);font-style:normal}.section-head p{margin:0;color:var(--muted);font-size:14px}.cards-section{background:radial-gradient(circle at 85% 15%,#57e5e123,transparent 24%),linear-gradient(145deg,#f4f2eb,#e6e8e3)}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.category-card{position:relative;min-height:350px;padding:29px;border:1px solid var(--line);background:#f7f5efb8;overflow:hidden;transition:.3s}.category-card:hover{transform:translateY(-7px);border-color:var(--coral);box-shadow:0 24px 60px #07172215}.category-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border:1px solid #07172217;border-radius:50%;box-shadow:0 0 0 35px #07172209,0 0 0 70px #07172205}.category-card>span{color:#7e898f;font:500 8px var(--mono)}.category-card h3{margin:85px 0 12px;font-size:24px;letter-spacing:-.04em}.category-card p{margin:0;color:var(--muted);font-size:13px}.category-card a{position:absolute;left:29px;bottom:25px;color:var(--coral);font:600 9px var(--mono)}.category-card.featured{color:#fff;background:radial-gradient(circle at 80% 12%,#57e5e128,transparent 28%),linear-gradient(140deg,#071722,#103247)}.category-card.featured p{color:#9eb0ba}.category-card.featured:after{border-color:#ffffff1c;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff06}
.story-section{color:#fff;background:#071722;overflow:hidden}.story-section:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:62px 62px}.story-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.story-copy p{color:#8fa3ae}.story-list{border-top:1px solid #ffffff24}.story-list article{display:grid;grid-template-columns:52px 1fr auto;gap:20px;padding:27px 2px;border-bottom:1px solid #ffffff24;transition:.25s}.story-list article:hover{padding-left:14px;background:#ffffff05}.story-list article>span{color:var(--coral);font:500 9px var(--mono)}.story-list h3{margin:0 0 5px;font-size:19px}.story-list p{margin:0;color:#8499a4;font-size:12px}.story-list b{color:#5d7583;font:500 7px var(--mono)}
.media-section{background:linear-gradient(135deg,#e8e8e1,#f3eee7)}.media-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.media-frame{position:relative;min-height:600px;overflow:hidden;background:#071722}.media-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.8);transition:transform 1s}.media-frame:hover img{transform:scale(1.035)}.media-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071722db,transparent 55%)}.media-caption{position:absolute;z-index:2;left:26px;right:26px;bottom:23px;color:#fff}.media-caption span{color:var(--accent);font:500 8px var(--mono)}.media-caption h3{margin:10px 0 0;font-size:28px}.media-notes{display:grid;gap:12px}.media-note{padding:28px;border:1px solid var(--line);background:#f7f5ef}.media-note span{color:var(--coral);font:500 8px var(--mono)}.media-note h3{margin:35px 0 10px;font-size:21px}.media-note p{margin:0;color:var(--muted);font-size:12px}
.page-cta{position:relative;padding:105px 0;color:#fff;background:radial-gradient(circle at 80% 20%,#57e5e12b,transparent 30%),linear-gradient(120deg,#06131f,#0e3044);overflow:hidden}.page-cta:after{content:"ATOM";position:absolute;right:-25px;bottom:-55px;color:#ffffff0a;font:800 190px/1 var(--mono);letter-spacing:-.1em}.cta-inner{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:50px}.page-cta h2{margin:0;font-size:clamp(45px,6vw,77px)}.page-cta p{color:#8da2ad}.cta-phone{display:block;margin-top:17px;color:var(--accent);font:700 26px var(--mono)}footer{padding:48px 0 85px;color:#7f949f;background:#05101a}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid p{font-size:10px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@keyframes heroDrift{to{transform:scale(1.1) translate(-1.2%,1%)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:960px){.nav-links{display:none}.menu{display:block}.nav-links.open{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:15px 22px 24px;background:#071722}.nav-links.open a{padding:14px 0;border-bottom:1px solid #ffffff1c}.category-hero{min-height:1050px}.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:680px}.section-head,.story-grid{grid-template-columns:1fr;gap:24px}.category-cards{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr}.media-frame{min-height:520px}}
@media(max-width:620px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{height:68px}.brand>span,.nav-contact{display:none}.category-hero{min-height:960px;padding:120px 0 70px}.category-hero h1{font-size:clamp(52px,16vw,76px)}.hero-index{display:none}.category-cards{grid-template-columns:1fr}.category-card{min-height:315px}.section{padding:82px 0}.story-list article{grid-template-columns:38px 1fr}.story-list article>b{display:none}.media-frame{min-height:420px}.cta-inner,.footer-grid{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}.panel-body{padding:20px 14px;overflow:hidden}.panel-body p{font-size:8px}.category-ticker{height:60px}.ticker-track span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* 2026-09 natural-language service summary */
.hero-console.photo-console{padding:0;overflow:hidden;background:#0b1d2b}
.photo-console>img{width:100%;height:310px;display:block;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.photo-console-copy{padding:22px 24px;color:#fff}
.photo-console-copy strong{display:block;margin-bottom:7px;font-size:18px;letter-spacing:-.025em}
.photo-console-copy p{margin:0;color:#b7c4cc;font:400 13px/1.75 "Noto Sans KR",sans-serif}
.photo-console .console-status{border-top:1px solid #ffffff1c}
@media(max-width:700px){.photo-console>img{height:240px}}

.category-photo{margin:0;padding:0;overflow:hidden;background:#0b1d2b}
.category-photo img{width:100%;height:390px;display:block;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.category-photo figcaption{display:grid;gap:7px;padding:22px 24px;color:#fff}
.category-photo figcaption strong{font-size:18px}
.category-photo figcaption span{color:#b9c6cd;font-size:12px}
@media(max-width:700px){.category-photo img{height:280px}}

/* 2026-09 faq accordion (category pages) */
.faq-section{background:var(--paper)}
.faq-list{max-width:900px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;padding:26px 2px;color:var(--ink);border:0;background:none;text-align:left;font:700 15px var(--sans);cursor:pointer}
.faq-q span:before{content:"Q. ";color:var(--coral);font-family:var(--mono)}
.faq-q b{color:#8b9aa2;font:400 22px/1 var(--mono);transition:.2s}
.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.7;transition:max-height .35s}
.faq-a p{margin:0;padding:0 2px 26px}
.faq-a a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.faq-item.open .faq-a{max-height:280px}
.faq-item.open .faq-q b{color:var(--coral);transform:rotate(45deg)}
@media(max-width:620px){.faq-a.open,.faq-item.open .faq-a{max-height:420px}}