:root{--navy:#07111f;--navy2:#0c1b2b;--red:#ee2938;--blue:#1d9bf0;--ink:#132332;--muted:#647484;--line:#dfe7ed;--paper:#f5f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}.container{width:min(1180px,calc(100% - 40px));margin:auto}.anchor{scroll-margin-top:78px}.skip{position:fixed;z-index:999;top:-80px;left:16px;padding:12px 16px;background:white;color:#111}.skip:focus{top:10px}.topbar{position:fixed;z-index:100;top:0;left:0;display:flex;width:100%;height:78px;padding:0 max(20px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.1);align-items:center;background:rgba(5,15,27,.94);backdrop-filter:blur(15px)}.brand{display:grid;color:white;text-decoration:none;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center}.brand b{padding:7px 9px;margin-right:7px;background:var(--red);font-size:25px;grid-row:1/3}.brand strong{font-size:17px;letter-spacing:.04em}.brand small{color:#91a0ad;font-size:7px;letter-spacing:.13em}.nav{display:flex;margin-left:auto;align-items:center}.nav a{display:flex;height:78px;padding:0 12px;align-items:center;color:#c7d0d8;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.nav a:hover{color:white}.nav .nav-red,.nav .nav-outline{height:38px;margin-left:7px;border-radius:7px}.nav .nav-red{background:var(--red);color:white}.nav .nav-outline{border:1px solid rgba(255,255,255,.18);color:white}.menu-button{display:none;margin-left:auto;border:0;background:none;color:white;font-size:24px}.hero{position:relative;min-height:800px;padding:155px 0 100px;overflow:hidden;background:radial-gradient(circle at 80% 38%,rgba(29,155,240,.2),transparent 30%),linear-gradient(130deg,#06101d,#0b1c2d);color:white}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-layout{position:relative;display:grid;align-items:center;grid-template-columns:1fr 1.05fr;gap:70px}.eyebrow{display:flex;margin:0 0 18px;align-items:center;color:#8fa2b3;font-size:11px;font-weight:900;letter-spacing:.16em;gap:9px}.eyebrow i{width:24px;height:2px;background:var(--red)}.eyebrow.light{color:#8fcdf3}.eyebrow.dark{color:#1787c8}.hero h1,.section h2,.signup h2{margin:0;font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:1.1}.hero h1 em{color:var(--red);font-style:normal}.lead{max-width:570px;margin:25px 0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.8}.actions{display:flex;margin-top:30px;gap:10px}.button{display:inline-flex;min-height:48px;padding:0 20px;border-radius:8px;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none}.primary{border:0;background:var(--red);color:white;box-shadow:0 12px 28px rgba(238,41,56,.25)}.ghost{border:1px solid rgba(255,255,255,.18);color:white}.white{background:white;color:var(--red)}.trust{display:flex;margin-top:36px;color:rgba(255,255,255,.5);font-size:11px;gap:24px}.trust b{margin-right:6px;color:#41a9e8}.slider{overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#0e1c2a;box-shadow:0 35px 80px rgba(0,0,0,.35)}.slider-top{display:flex;height:40px;padding:0 14px;align-items:center;justify-content:space-between;color:#7790a3;font-size:9px;letter-spacing:.08em}.slides{position:relative;aspect-ratio:690/560;background:white}.slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:cover;transition:opacity .7s ease}.slide.active{opacity:1}.dots{display:flex;height:42px;align-items:center;justify-content:center;gap:7px}.dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#395062}.dot.active{width:24px;border-radius:6px;background:var(--red)}.service-strip{border-bottom:1px solid #e2e8ec;background:white}.service-strip .container{display:grid;height:84px;align-items:center;grid-template-columns:repeat(4,1fr);color:#a0abb4;font-size:12px;font-weight:900;letter-spacing:.12em;text-align:center}.section{padding:120px 0}.heading{display:grid;margin-bottom:52px;align-items:end;grid-template-columns:1fr 480px;gap:50px}.heading h2,.center h2{font-size:clamp(36px,4vw,52px)}.heading>p,.center>p,.service-layout>div>p{color:var(--muted);font-size:14px;line-height:1.8}.service-intro{background:var(--navy2);color:white}.service-layout{display:grid;align-items:center;grid-template-columns:.9fr 1.1fr;gap:80px}.service-layout h2{font-size:clamp(38px,4vw,56px)}.service-layout>div>p{color:rgba(255,255,255,.52)}.service-layout ul{padding:0;margin:30px 0;list-style:none}.service-layout li{display:flex;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:12px;flex-direction:column;gap:3px}.service-layout li b{color:white;font-size:14px}.image-stack{display:grid;transform:rotate(1deg);grid-template-columns:repeat(2,1fr);gap:12px}.image-stack img{width:100%;border:5px solid white;border-radius:9px;box-shadow:0 20px 50px rgba(0,0,0,.28)}.image-stack img:first-child{grid-column:1/3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 18px 45px rgba(13,34,51,.06)}.cards article>b{color:var(--red);font-size:11px}.cards h3{margin:24px 0 8px}.cards p{min-height:48px;color:var(--muted);font-size:13px;line-height:1.65}.cards a{color:#1787c8;font-size:12px;font-weight:800;text-decoration:none}.downloads{background:var(--paper)}.center{margin-bottom:48px;text-align:center}.center .eyebrow{justify-content:center}.downloads-grid article>b{display:inline-flex;padding:7px 9px;border-radius:6px;background:#eaf5fc;color:#1687c9}.notices{background:white}.board{overflow:hidden;border-radius:14px}.light-board{border:1px solid var(--line);box-shadow:0 20px 50px rgba(15,35,52,.06)}.board-head,.board summary{display:grid;min-height:58px;padding:0 22px;align-items:center;grid-template-columns:60px minmax(140px,1fr) 100px 110px;gap:12px}.board-head{border-bottom:1px solid var(--line);background:#f8fafb;color:#9aa6b1;font-size:10px;font-weight:800}.board details{border-bottom:1px solid #edf1f4}.board details:last-child{border-bottom:0}.board summary{color:#697988;font-size:12px;cursor:pointer}.board summary strong{overflow:hidden;color:#1a2a39;text-overflow:ellipsis;white-space:nowrap}.board details>div{padding:20px 28px 24px 94px;background:#fbfcfd;color:#596a79;font-size:13px;line-height:1.8}.empty{display:flex;min-height:150px;margin:0;align-items:center;justify-content:center;color:#93a0ab;font-size:12px}.inquiries{background:radial-gradient(circle at 95% 0,rgba(29,155,240,.12),transparent 32%),var(--navy);color:white}.light-heading h2{color:white}.light-heading>p{color:rgba(255,255,255,.5)}.inquiry-layout{display:grid;align-items:start;grid-template-columns:1.25fr .75fr;gap:20px}.dark-board,.inquiry-form{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);box-shadow:0 28px 60px rgba(0,0,0,.2)}.dark-board>h3{height:72px;margin:0;padding:25px;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px}.dark-board details{border-bottom-color:rgba(255,255,255,.08)}.dark-board summary{color:rgba(255,255,255,.58)}.dark-board summary strong{color:white}.dark-board details>div{border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:rgba(255,255,255,.62)}.dark-board aside{margin-top:18px;padding:16px;border-left:3px solid var(--blue);background:rgba(29,155,240,.09)}.dark-board aside b{color:#7acafa;font-size:12px}.dark-board aside p{margin:6px 0}.dark-board small{display:block;margin-top:14px;color:rgba(255,255,255,.35)}.inquiry-form{padding:28px;border-radius:14px}.inquiry-form h3{margin:0 0 6px}.inquiry-form>p{margin:0 0 20px;color:rgba(255,255,255,.43);font-size:12px}.inquiry-form label{display:block;margin-top:12px;color:rgba(255,255,255,.65);font-size:11px;font-weight:700}.inquiry-form input,.inquiry-form textarea{width:100%;margin-top:7px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;outline:none;background:rgba(255,255,255,.05);color:white;font:inherit;font-size:13px}.inquiry-form textarea{resize:vertical}.captcha{display:grid;margin-top:7px;grid-template-columns:1fr 46px;gap:7px}.captcha img{width:100%;height:64px;border-radius:8px;object-fit:contain;background:white}.captcha button{border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(255,255,255,.06);color:white;font-size:22px}.full{width:100%;margin-top:18px}.hp{position:absolute!important;left:-10000px}.form-alert{margin:12px 0;padding:10px;border-radius:7px;font-size:11px}.form-alert.error{border:1px solid rgba(248,113,113,.4);background:rgba(127,29,29,.28);color:#fecaca}.form-alert.success{border:1px solid rgba(74,222,128,.3);background:rgba(20,83,45,.3);color:#bbf7d0}.signup{padding:88px 0;background:linear-gradient(110deg,var(--red),#b81421);color:white}.signup-layout{display:grid;align-items:center;grid-template-columns:1fr 460px;gap:60px}.signup h2{font-size:48px}.signup p{color:rgba(255,255,255,.7);line-height:1.7}footer{background:#070d14;color:#84919b}footer>img{display:block;width:100%;height:auto}footer>div{display:flex;max-width:1180px;min-height:72px;margin:auto;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em}footer nav{display:flex;gap:20px}footer a{color:#9ba6ae;text-decoration:none}
@media(max-width:1050px){.menu-button{display:block}.nav{position:absolute;top:78px;right:20px;display:none;width:260px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b1928;box-shadow:0 20px 50px rgba(0,0,0,.3);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a,.nav .nav-red,.nav .nav-outline{height:44px;margin:0;padding:0 12px}.hero-layout,.service-layout,.inquiry-layout,.signup-layout,.heading{grid-template-columns:1fr}.hero{min-height:0}.heading{gap:10px}.heading>p{max-width:650px}.cards{grid-template-columns:1fr}.service-layout{gap:50px}.signup-layout{gap:20px}}
@media(max-width:680px){.container{width:calc(100% - 30px)}.topbar{height:70px;padding:0 15px}.anchor{scroll-margin-top:70px}.hero{padding:120px 0 75px}.hero h1{font-size:42px}.trust{gap:10px;flex-wrap:wrap}.slider{margin-top:15px}.service-strip .container{height:auto;padding:22px 0;grid-template-columns:1fr 1fr;gap:17px}.section{padding:82px 0}.section h2,.signup h2{font-size:36px}.image-stack{grid-template-columns:1fr;transform:none}.image-stack img:first-child{grid-column:auto}.board-head,.board summary{padding:0 12px;grid-template-columns:34px minmax(100px,1fr) 58px 76px;gap:6px}.board details>div{padding:17px}.inquiry-form{padding:22px}.signup{padding:70px 0}footer>div{padding:18px 15px;align-items:flex-start;flex-direction:column;gap:12px}footer nav{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide{transition:none}}

/* 공지사항 가독성 강화 */
.light-board{padding:8px 10px 10px;background:#fff}.light-board .board-head{margin:-8px -10px 0}.light-board details{margin-top:8px;border:1px solid #e3eaf0!important;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.light-board details:hover,.light-board details[open]{border-color:#b8d8ea!important;box-shadow:0 10px 25px rgba(18,58,82,.09);transform:translateY(-1px)}.light-board summary{min-height:72px}.light-board summary span:first-child{display:flex;width:32px;height:32px;border-radius:9px;align-items:center;justify-content:center;background:#fff0f2;color:var(--red);font-size:11px;font-weight:900}.light-board summary strong{color:#172635;font-size:16px;font-weight:850;letter-spacing:-.02em}.light-board summary span:nth-child(3),.light-board summary time{color:#83909b;font-size:11px}.light-board details>div{padding:24px 28px 26px 94px;background:linear-gradient(110deg,#fbfcfd,#f5f9fb);font-size:14px;line-height:1.85}
@media(max-width:680px){.light-board summary strong{font-size:16px}.light-board details>div{padding:17px}.light-board{padding-inline:6px}.light-board .board-head{margin-inline:-6px}}

/* 관리자에서 변경하는 브랜드 색상과 세부 문구 */
.topbar{background:color-mix(in srgb,var(--navy) 94%,transparent)}
.hero{background:radial-gradient(circle at 80% 38%,rgba(29,155,240,.2),transparent 30%),linear-gradient(130deg,color-mix(in srgb,var(--navy) 90%,#000),var(--navy))}
.service-intro{background:color-mix(in srgb,var(--navy2) 86%,#173c5c)}
.signup{background:linear-gradient(110deg,var(--red),color-mix(in srgb,var(--red) 74%,#740b15))}
.slides{overflow:hidden}.slide-caption{position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;padding:44px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:white;pointer-events:none;flex-direction:column}.slide-caption small{color:#8fd5ff;font-size:9px;font-weight:900;letter-spacing:.14em}.slide-caption strong{margin-top:3px;font-size:20px;letter-spacing:-.03em}.downloads-grid article>small{display:block;margin-top:14px;color:#8a98a4;font-size:9px;font-weight:800;letter-spacing:.1em}.downloads-grid article h3{margin-top:8px}

/* 고객문의 게시글 가독성 */
.dark-board summary{font-size:13px}.dark-board summary strong{font-size:16px;font-weight:850;letter-spacing:-.02em}.dark-board details>div{font-size:14px;line-height:1.85}.dark-board aside b{font-size:13px}.dark-board aside p{font-size:14px}

/* 게시판 제목/작성자 검색과 10개 단위 페이지 */
.board-search{padding:16px 18px}.board-search label{display:block;margin-bottom:7px;font-size:11px;font-weight:800}.board-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.board-search input{width:100%;min-height:42px;padding:9px 12px;border:1px solid #d7e0e7;border-radius:8px;outline:none;font:inherit;font-size:13px}.board-search input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.12)}.board-search button,.board-search a{display:inline-flex;min-width:64px;min-height:42px;padding:0 13px;border:0;border-radius:8px;align-items:center;justify-content:center;background:#1d8fcb;color:#fff;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.board-search a{border:1px solid #d7e0e7;background:#fff;color:#647484}.light-board .board-search{margin:0 -10px;border-bottom:1px solid var(--line);background:#fbfcfd}.light-board .board-head{margin-top:0}.dark-search{border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}.dark-search label{color:rgba(255,255,255,.6)}.dark-search input{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff}.dark-search input::placeholder{color:rgba(255,255,255,.35)}.dark-search a{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.75)}.board-pagination{display:flex;padding:18px;align-items:center;justify-content:center;gap:6px}.board-pagination a,.board-pagination strong,.board-pagination .ellipsis{display:inline-flex;min-width:36px;height:36px;padding:0 10px;border:1px solid #dce5eb;border-radius:8px;align-items:center;justify-content:center;color:#60717f;font-size:12px;font-weight:800;text-decoration:none}.board-pagination strong{border-color:#1d8fcb;background:#1d8fcb;color:#fff}.board-pagination .ellipsis{border-color:transparent}.dark-pagination{border-top:1px solid rgba(255,255,255,.08)}.dark-pagination a,.dark-pagination .ellipsis{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.68)}.dark-pagination strong{border-color:#1d9bf0;background:#1d9bf0;color:#fff}
@media(max-width:680px){.board-search{padding:13px 12px}.board-search>div{grid-template-columns:1fr auto}.board-search a{grid-column:1/-1}.board-pagination{padding:14px 8px;gap:4px;flex-wrap:wrap}.board-pagination a,.board-pagination strong,.board-pagination .ellipsis{min-width:32px;height:32px;padding:0 8px}}

/* 새 공지사항 N 배지 */
.notice-link{gap:7px}.notice-new-badge{display:none;width:19px;height:19px;border:2px solid rgba(255,255,255,.9);border-radius:50%;align-items:center;justify-content:center;background:#ee2938;color:#fff;font-size:10px;font-weight:950;line-height:1;box-shadow:0 4px 12px rgba(238,41,56,.42)}.notice-new-badge.is-visible{display:inline-flex;animation:noticeBadgePulse .82s ease-in-out 3}.actions .notice-new-badge{width:20px;height:20px;margin-left:2px}.nav .notice-link{padding-right:8px}@keyframes noticeBadgePulse{0%,100%{transform:scale(1)}45%{transform:scale(1.24);box-shadow:0 0 0 7px rgba(238,41,56,0)}}
@media(max-width:1050px){.nav .notice-link{padding-right:12px}.nav .notice-new-badge{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.notice-new-badge.is-visible{animation:none}}