@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

body {overflow-x:hidden;}
#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

#wrapper {position:relative;}

.contain {max-width:1500px; width: 100%; margin:0 auto; padding-right:var(--space-container); padding-left:var(--space-container);}

/* header */
#header {position:fixed; top:0; left:0; width:100%; height:var(--header-height); overflow:visible; background:transparent; transition:background .3s, box-shadow .3s; z-index:100;}
#sub #header {position: sticky;}
#header .contain {display:flex; align-items:center; justify-content:space-between; column-gap:var(--space-32); position:relative;  height:100%; overflow:visible; z-index:10;}
.sitelogo {flex:none;}
.sitelogo a {position:relative; display:block; line-height:0;}
.sitelogo img {display:block; height:clamp(26px, 2.2vw, 32px); width:auto; max-width:none; transition:opacity .25s ease;}
.sitelogo .logo-d {position:absolute; top:0; left:0; opacity:0;}
#gnb {position:absolute; left:50%; transform:translateX(-50%); overflow:visible;}
#gnb > ul {display:flex; align-items:center; justify-content:center; gap:4px; text-align:center;}
#gnb > ul > li {position:relative;}
#gnb > ul > li > a {display:block; padding:10px clamp(14px, 1.6vw, 28px); color:rgba(255,255,255,.92); font-size:var(--font-size-18); font-weight:600; line-height:1.7em; white-space:nowrap; border-radius:12px;}
#gnb .submenu {display:none; position:absolute; left:50%; top:100%; width:max-content; min-width:0; text-align:center; transform:translateX(-50%); z-index:20;}
#gnb .submenu:before {content:""; position:absolute; top:8px; left:0; right:0; bottom:0; background:#fff; border-radius:24px; box-shadow:0 12px 40px rgba(0,0,0,.12);}
#gnb .submenu>ul {position:relative; z-index:1; padding:var(--space-24) var(--space-18) var(--space-20);}
#gnb .submenu>ul>li>a {display:block; padding:var(--space-8) var(--space-14) 2px; color:#808080; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; white-space:nowrap;}
#gnb .submenu>ul>li>a:hover,
#gnb .submenu>ul>li.active>a {color:var(--color-primary); font-weight:600;}
.submenu-bg {display:none; position:absolute; width:100%; left:0; background:#fff; box-shadow:0 12px 40px rgba(0,0,0,.12);}
.header-utils.gnb-lang {flex:none; display:inline-flex; align-items:center; padding:4px; border:1px solid transparent; border-radius:500px; background:transparent; transition:border-color .28s ease;}
.header-utils .lang-btn {min-width:0; padding:4px var(--space-16); font-size:var(--font-size-14); font-weight:500; line-height:1.714em; border:none; border-radius:500px; background:transparent; color:rgba(255,255,255,.88); cursor:pointer; white-space:nowrap; transition: .3s;}
#main #header:not(.active) .lang-btn.active {background:rgba(255,255,255,.15); color:#fff;}
#header.active {background:rgba(255,255,255,.97); box-shadow:0 1px 0 rgba(0,0,0,.06);}
#header.active .sitelogo .logo-w {opacity:0;}
#header.active .sitelogo .logo-d {opacity:1;}
#header.active #gnb > ul > li > a {color:#454545;}
#header.active #gnb > ul > li.active > a,
#header.active #gnb > ul > li > a:hover {color:var(--color-primary);}
#header.active .header-utils.gnb-lang {border-color:rgba(22,45,59,.4);}
#header.active .header-utils .lang-btn {color:var(--color-primary);}
#header.active .header-utils .lang-btn.active,
#header.active .header-utils .lang-btn:hover {background:var(--color-primary); color:#fff;}
#sub #header {background:rgba(255,255,255,.97); box-shadow:0 1px 0 rgba(0,0,0,.06);}
#sub #header .sitelogo .logo-w {opacity:0;}
#sub #header .sitelogo .logo-d {opacity:1;}
#sub #header #gnb > ul > li > a {color:#454545;}
#sub #header #gnb > ul > li.active > a,
#sub #header #gnb > ul > li > a:hover {color:var(--color-primary);}
#sub #header .header-utils.gnb-lang {border-color:rgba(22,45,59,.4);}
#sub #header .header-utils .lang-btn {color:var(--color-primary);}
#sub #header .header-utils .lang-btn.active,
#sub #header .header-utils .lang-btn:hover {background:var(--color-primary); color:#fff;}
.mobile-navigation .header-utils.gnb-lang {margin:16px 20px; border-color:rgba(22,45,59,.4);}
.mobile-navigation .header-utils .lang-btn {color:var(--color-primary);}
.mobile-navigation .header-utils .lang-btn.active,
.mobile-navigation .header-utils .lang-btn:hover {background:var(--color-primary); color:#fff;}

/* for mobile */
.btn-m-menu {display:none; position:absolute; top:50%; right:var(--space-container); width:24px; height:24px; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.btn-m-menu div {display:flex; flex-direction:column; justify-content:center; gap:5px; width:100%; height:100%;}
.btn-m-menu span {display:block; width:100%; height:2px; background:#fff; border-radius:2px;}
#sub .btn-m-menu span,
#header.active .btn-m-menu span {background:#242424;}

.mobile-navigation {display:block;position:fixed; top:0; right:0; width:300px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102;}
.mobile-navigation .home {max-height:60px; padding: 19px 20px;}
.mobile-navigation .home a {display: block;  color: #2c2c2c; font-size:20px; font-weight: 700; line-height: 1.3em;}
.mobile-navigation .nav-menu>ul {border-top:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; display:block; padding:13px 20px; color:#242424; font-size:18px; font-weight:700; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li>a div {display:flex; align-items:flex-end; gap:5px;}
.mobile-navigation .nav-menu>ul>li>a .en {order:2;  font-size:.8em; font-weight:500; line-height:1.3em; opacity:.4;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:12px; height:12px; border-right:2px solid #454545; border-bottom:2px solid #454545;}
.mobile-navigation .nav-menu>ul>li.active>a:after  {transform:translateY(-35%) rotate(-135deg); border-color:var(--color-primary);}
.mobile-navigation .nav-menu .submenu {display:none; background:var(--color-primary); padding: 10px 0;}
.mobile-navigation .nav-menu .submenu > ul > li > a {display:flex; align-items:flex-end; gap:5px; padding:8px 20px; color:#fff; font-size:16px; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu > ul > li > a .bar {display:none;}
.mobile-navigation .nav-menu .submenu > ul > li > a .en {order:2; font-size:.8em; line-height:1.3em; font-weight:400; opacity:.4;}
.mobile-navigation .close {position:absolute; top:15px; right:15px; width:26px; height:26px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#242424; border-radius:3px;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

/* main-visual */
.main-visual {position:relative; width:100%; height:100vh; }
.main-visual .contain {max-width: 1780px;}
.main-visual .items {position:relative; background:#000; overflow:hidden;}
.main-visual .item {position:relative; height:100vh; overflow:hidden;}
.main-visual .img {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:5s linear; transform:scale(1.15);}
.main-visual .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.main-visual .item:before {content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(13,26,34,.28) 0%, rgba(13,26,34,.58) 100%); pointer-events:none;}
.main-visual .caption {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; width:100%; color:#fff; z-index:40; pointer-events:none;}
.main-visual .caption .contain {pointer-events:auto;}
.main-visual .caption img {margin:0 auto;}
.main-visual .caption .txt {max-width:820px; margin:0 auto; text-align:center;}
.main-visual .caption h2 {transition:1.2s; transform:translate(0,50px); opacity:0;}
.main-visual .caption h2 {font-size:var(--font-size-64); font-weight:700; line-height:1.1875em; letter-spacing:-.02em;}
.main-visual .caption p {margin:var(--space-40) 0 var(--space-64); font-size:var(--font-size-18); font-weight:400; line-height:1.78em; color:rgba(255,255,255,.88); transition:1.2s; transform:translate(0,50px); opacity:0;}
.main-visual .caption a {position:relative; display:inline-flex; align-items:center; gap:56px; padding:14px 24px; border-radius:100px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.6); color:#fff; font-size:var(--font-size-16); font-weight:600; line-height:1.75em; background-color:rgba(255,255,255,.06); background-image:linear-gradient(#fff,#fff); background-repeat:no-repeat; background-position:left center; background-size:0% 100%; backdrop-filter:blur(12px) saturate(1.2); -webkit-backdrop-filter:blur(12px) saturate(1.2); transition:transform 1.2s, opacity 1.2s, background-size .45s cubic-bezier(.4,0,.2,1), color .35s ease, box-shadow .2s ease; transform:translate(0,50px); opacity:0;}
.main-visual .caption a:after {content:""; width:8px; height:8px; border-radius:50%; background:#fff; transition:background .35s ease;}
.main-visual .caption a:hover {background-size:100% 100%; color:var(--color-primary); box-shadow:inset 0 0 0 1px #fff; backdrop-filter:none; -webkit-backdrop-filter:none;}
.main-visual .caption a:hover:after {background:var(--color-primary);}

.main-visual .active .img {transform:scale(1);} 
.main-visual .active .caption h2 {transform:translate(0,0); opacity:1;}
.main-visual .active .caption h2 {transition-delay:.3s;}
.main-visual .active .caption p {transform:translate(0,0); opacity:1; transition-delay:.45s;}
.main-visual .active .caption a {transform:translate(0,0); opacity:1; transition-delay:.6s,.6s,0s,0s,0s;}
.main-visual .active .caption a:hover {transition-delay:0s;}

.main-visual .slide-prev,
.main-visual .slide-next {position:absolute; top:50%; z-index:50; display:flex; align-items:center; justify-content:center; padding:0; border:none; background:none; color:#fff; opacity:.72; transform:translateY(-50%); cursor:pointer; transition:opacity .2s, color .2s;}
.main-visual .slide-prev {left:var(--space-40);}
.main-visual .slide-next {right:var(--space-40);}
.main-visual .slide-prev:hover,
.main-visual .slide-next:hover {opacity:1; color:var(--color-sub);}
.main-visual .slide-prev svg,
.main-visual .slide-next svg {display:block; width:80px; height:80px;}
.main-visual .scroll {position:absolute; bottom:var(--space-40); left:50%; z-index:50; display:flex; flex-direction:column; align-items:center; gap:12px; transform:translateX(-50%);}
.main-visual .scroll span {font-size:var(--font-size-12); font-weight:600; letter-spacing:.12em; color:rgba(255,255,255,.6);}
.main-visual .scroll:after {content:""; width:1px; height:48px; background:linear-gradient(180deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 100%); animation:mainScrollLine 1.6s ease-in-out infinite;}
@keyframes mainScrollLine {
	0%, 100% {transform:scaleY(.35); transform-origin:top; opacity:.45;}
	50% {transform:scaleY(1); opacity:1;}
}

.main-visual .item .video-js,
.main-visual .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.main-visual .item iframe {position:absolute; top:50%; left:50%; width:100vw; height:100vh; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.vjs-has-started .vjs-control-bar {display:none !important; visibility:hidden !important;}

/* 메인 컨텐츠 영역 */
.sec-label {display:block; font-size:var(--fs-body); font-weight:var(--fw-semibold); line-height:var(--lh-body); letter-spacing:0; color:var(--color-main); margin-bottom:var(--sec-eyebrow-title-gap);}
.sec-title {font-size:var(--fs-h2); font-weight:var(--fw-bold); line-height:var(--lh-h2); color:var(--color-ink-deep); margin-bottom:var(--sec-title-desc-gap);}
.sec-desc {font-size:var(--fs-body); line-height:1.6em; color:var(--color-ink);}
.btn-pill {--btn-pill-stroke:var(--color-main); --btn-pill-fill:var(--color-main); --btn-pill-color:var(--color-main); --btn-pill-color-hover:#fff; --btn-pill-dot:var(--color-main); --btn-pill-dot-hover:#fff; --btn-pill-stroke-hover:var(--color-main); position:relative; display:inline-flex; align-items:center; width:auto; flex:0 0 auto; gap:var(--space-56); padding:var(--space-14) var(--space-24); border:none; border-radius:100px; box-shadow:inset 0 0 0 1px var(--btn-pill-stroke); color:var(--btn-pill-color); font-size:var(--fs-body); font-weight:var(--fw-semibold); line-height:var(--lh-body); text-decoration:none; white-space:nowrap; cursor:pointer; background-color:transparent; background-image:linear-gradient(var(--btn-pill-fill), var(--btn-pill-fill)); background-repeat:no-repeat; background-position:left center; background-size:0% 100%; background-clip:border-box; transition:background-size .45s cubic-bezier(.4,0,.2,1), color .35s ease, box-shadow .2s ease;}
.btn-pill--primary {--btn-pill-stroke:var(--color-main); --btn-pill-fill:var(--color-main); --btn-pill-color:var(--color-main); --btn-pill-color-hover:#fff; --btn-pill-dot:var(--color-main); --btn-pill-dot-hover:#fff; --btn-pill-stroke-hover:var(--color-main);}
.btn-pill--white {--btn-pill-stroke:rgba(255,255,255,.6); --btn-pill-fill:#fff; --btn-pill-color:#fff; --btn-pill-color-hover:var(--color-main); --btn-pill-dot:#fff; --btn-pill-dot-hover:var(--color-main); --btn-pill-stroke-hover:#fff;}
.btn-pill:hover, .btn-pill:focus-visible {background-size:100% 100%; box-shadow:inset 0 0 0 1px var(--btn-pill-stroke-hover); color:var(--btn-pill-color-hover); outline:none;}
.btn-pill__text, .btn-pill__dot {position:relative;}
.btn-pill__dot {width:8px; height:8px; border-radius:50%; background:var(--btn-pill-dot); flex-shrink:0; transition:background .35s ease;}
.btn-pill:hover .btn-pill__dot, .btn-pill:focus-visible .btn-pill__dot {background:var(--btn-pill-dot-hover);}
.anim-up {opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
.anim-up.visible {opacity:1; transform:translateY(0);}
.lp-notice-empty {display:flex; align-items:center; min-height:88px; padding:var(--space-28); border-radius:var(--radius-16); background:var(--color-canvas); box-shadow:0 8px 28px var(--color-brand-shadow); color:var(--color-steel); font-size:var(--fs-body);}
body#main .sec-title, body#main .biz-orbit__headline, body#main .lp-inquiry__title {font-size:var(--font-size-44); font-weight:var(--fw-bold); line-height:1.22;}
.lp-about {height:auto; min-height:0; padding:var(--space-100) 0; overflow:visible; background:var(--color-canvas);}
.lp-about > .contain {display:flex; flex-direction:column; justify-content:space-between; align-items:stretch; gap:var(--space-48); min-height:280px;}
.lp-about__head {align-self:flex-start; max-width:980px; margin:0; text-align:left;}
.lp-about__head .sec-label {color:#999999;}
.lp-about__head .sec-title__gradient {background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-point) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.flow-tabs-wrap {align-self:flex-end; flex-shrink:0;}
.flow-tabs {--flow-step-gap:var(--space-36); --flow-step-duration:1.5s; --flow-connector-share:0.071; display:flex; flex-wrap:nowrap; align-items:center; gap:var(--flow-step-gap); padding:0; background:transparent; border-radius:0;}
@property --flow-step-progress {syntax:"<number>"; initial-value:0; inherits:true;}
.flow-tab {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; flex:0 0 auto; width:152px; height:152px; min-width:152px; padding:var(--space-12); border:1px solid var(--color-hairline); border-radius:50%; background:var(--color-canvas); color:var(--color-steel); cursor:pointer; isolation:isolate; transition:background 0.35s ease, color 0.35s ease, border-color 0.35s ease;}
.flow-tab__ring {position:absolute; inset:0; z-index:2; width:100%; height:100%; pointer-events:none; overflow:visible; transform:rotate(180deg);}
.flow-tab__ring-progress {fill:none; stroke:var(--color-primary); stroke-width:1; stroke-linecap:butt; stroke-linejoin:miter; stroke-dasharray:1; stroke-dashoffset:1; opacity:0; shape-rendering:geometricPrecision;}
.flow-tab.is-filling {--flow-step-progress:0; animation:flow-step-unified var(--flow-step-duration) linear forwards;}
.flow-tab:first-child.is-filling {--flow-connector-share:0;}
.flow-tab.is-filling .flow-tab__ring-progress {opacity:1; stroke-dashoffset:calc( 1 - clamp( 0, calc((var(--flow-step-progress) - var(--flow-connector-share)) / (1 - var(--flow-connector-share))), 1 ) );}
.flow-tab.active:not(.is-filling) .flow-tab__ring-progress {opacity:0; stroke-dashoffset:1;}
@keyframes flow-step-unified {from {--flow-step-progress:0;} to {--flow-step-progress:1;}}
@media (prefers-reduced-motion: reduce) {
.flow-tab.is-filling {animation:none;}
.flow-tab.is-filling .flow-tab__ring-progress {opacity:0;}
}
.flow-tab + .flow-tab::before {content:''; position:absolute; right:calc(100% - 0.5px); top:50%; z-index:1; width:calc(var(--flow-step-gap) + 1px); height:1px; background:var(--color-hairline); transform:translateY(-50%) scaleX(1); transform-origin:left center; pointer-events:none;}
.flow-tab:not(:first-child).is-path-done::before {background:var(--color-primary); transform:translateY(-50%) scaleX(1);}
.flow-tab + .flow-tab.is-filling::before {background:var(--color-primary); transform:translateY(-50%) scaleX( clamp(0, calc(var(--flow-step-progress) / var(--flow-connector-share)), 1) );}
.flow-tab__ko {position:relative; z-index:2; font-size:var(--fs-body); font-weight:var(--fw-semibold); color:var(--color-primary); line-height:1.35; text-align:center;}
.flow-tab__en {position:relative; z-index:2; font-size:var(--fs-body-sm); font-weight:var(--fw-semibold); color:#999999; line-height:1.35; text-align:center; white-space:nowrap; margin-top:var(--space-6);}
.flow-tab.active {background:var(--color-main); border-color:var(--color-main);}
.flow-tab.active .flow-tab__ko, .flow-tab.active .flow-tab__en {color:#fff;}
.flow-tab:hover:not(.active) {background:rgba(22, 45, 59, 0.06); border-color:var(--color-brand-border);}
.lp-biz-stagger {position:relative; display:flex; align-items:center; width:100%; height:calc(100vh - var(--header-height)); height:calc(100dvh - var(--header-height)); min-height:calc(100vh - var(--header-height)); min-height:calc(100dvh - var(--header-height)); padding:var(--space-100) 0; background:var(--color-main-dark); overflow:hidden; --biz-glow-p:0;}
.lp-biz-stagger::before, .lp-biz-stagger::after {content:''; position:absolute; border-radius:50%; pointer-events:none; filter:blur(56px); will-change:transform; width:min(72vw, 920px); height:min(72vw, 920px);}
.lp-biz-stagger::before {bottom:-14%; left:-14%; transform:translate( calc(var(--biz-glow-p) * 30vw), calc(var(--biz-glow-p) * -26vh) ); background:radial-gradient( circle, rgba(1, 158, 227, 0.38) 0%, rgba(1, 158, 227, 0.14) 38%, transparent 68% );}
.lp-biz-stagger::after {top:-14%; right:-14%; transform:translate( calc(var(--biz-glow-p) * -30vw), calc(var(--biz-glow-p) * 26vh) ); background:radial-gradient( circle, rgba(108, 204, 115, 0.22) 0%, rgba(108, 204, 115, 0.08) 38%, transparent 68% );}
@media (prefers-reduced-motion: reduce) {
.lp-biz-stagger::before, .lp-biz-stagger::after {transform:none;}
}
.lp-biz-stagger > .contain {position:relative; z-index:1;}
.biz-orbit {display:grid; grid-template-columns:1fr 1fr; gap:var(--space-64); align-items:center;}
.biz-orbit__visual {display:flex; justify-content:center; align-items:center; min-width:0;}
.biz-orbit__card {--orbit-ring-size:68%; --orbit-ring-r:34%; --orbit-icon:152px; --orbit-icon-half:76px; --orbit-dash-len:4px; --orbit-dash-gap:4px; container-type:size; container-name:biz-orbit-card; position:relative; width:min(100%, 560px); height:auto; aspect-ratio:1 / 1; background:transparent; border:none; border-radius:0; box-shadow:none; overflow:visible; flex-shrink:0;}
@supports not (width: 1cqw) {.biz-orbit__card {width:100%; height:auto; max-height:100%; aspect-ratio:1 / 1;}}
.biz-orbit__orbits {position:absolute; inset:0; z-index:1; pointer-events:none;}
.biz-orbit__ring {position:absolute; top:50%; left:50%; width:var(--orbit-ring-size); height:var(--orbit-ring-size); transform:translate(-50%, -50%); border:none; border-radius:50%; --ring-d:68cqw; --dash-deg:calc(360deg * var(--orbit-dash-len) / (3.14159265359 * var(--ring-d))); background:repeating-conic-gradient( from 0deg, rgba(22, 45, 59, 0.16) 0deg var(--dash-deg), transparent var(--dash-deg) calc(var(--dash-deg) * 2) ); mask:radial-gradient(farthest-side, transparent calc(100% - 1px), #000 calc(100% - 1px)); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1px), #000 calc(100% - 1px));}
.biz-orbit__runners {position:absolute; inset:0; z-index:2; pointer-events:none;}
.biz-orbit__runner {position:absolute; inset:0; --runner-angle:0deg; --runner-r-px:0px;}
.biz-orbit__runner::after {content:''; position:absolute; top:50%; left:50%; width:6px; height:6px; margin:0; border-radius:50%; background:var(--color-main); transform:translate(-50%, -50%) rotate(var(--runner-angle)) translateX(var(--runner-r-px)); will-change:transform;}
@keyframes biz-orbit-runner-spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce) {
.biz-orbit__runner {animation:none; opacity:0;}
}
.biz-orbit__core {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; pointer-events:none; z-index:3;}
.lp-biz-stagger--dark .sec-label {color:rgba(255, 255, 255, 0.4);}
.lp-biz-stagger--dark .biz-orbit__core-title {color:#fff;}
.lp-biz-stagger--dark .biz-orbit__core-sub {color:rgba(255, 255, 255, 0.55);}
.lp-biz-stagger--dark .biz-orbit__node {color:rgba(255, 255, 255, 0.85);}
.lp-biz-stagger--dark .biz-orbit__node-icon {position:relative; background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(32px); -webkit-backdrop-filter:blur(32px); border:1px solid rgba(255, 255, 255, 0.16); color:rgba(255, 255, 255, 0.9); overflow:visible; box-shadow:none;}
@supports not (backdrop-filter: blur(1px)) {.lp-biz-stagger--dark .biz-orbit__node-icon {background:rgba(255, 255, 255, 0.1);}}
.lp-biz-stagger--dark .biz-orbit__node-label {color:rgba(255, 255, 255, 0.55);}
.lp-biz-stagger--dark .biz-orbit__node:hover, .lp-biz-stagger--dark .biz-orbit__node.is-active {color:#fff;}
.lp-biz-stagger--dark .biz-orbit__node:hover .biz-orbit__node-label, .lp-biz-stagger--dark .biz-orbit__node.is-active .biz-orbit__node-label {color:#fff;}
.lp-biz-stagger--dark .biz-orbit__node:hover .biz-orbit__node-icon, .lp-biz-stagger--dark .biz-orbit__node.is-active .biz-orbit__node-icon {background:var(--color-secondary); backdrop-filter:none; -webkit-backdrop-filter:none; border-color:rgba(255, 255, 255, 0.22); color:#fff; box-shadow:0 0 0 1px rgba(1, 158, 227, 0.45), 0 0 14px rgba(1, 158, 227, 0.38), 0 8px 26px rgba(1, 158, 227, 0.38);}
.lp-biz-stagger--dark .biz-orbit__node:hover .biz-orbit__node-icon {border-color:rgba(255, 255, 255, 0.32); box-shadow:0 0 0 1px rgba(1, 158, 227, 0.6), 0 0 16px rgba(1, 158, 227, 0.48), 0 0 32px rgba(1, 158, 227, 0.22), 0 10px 30px rgba(1, 158, 227, 0.42);}
.lp-biz-stagger--dark .biz-orbit__node:hover .biz-orbit__node-icon::after {content:''; position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(1, 158, 227, 0.35); box-shadow:0 0 14px rgba(1, 158, 227, 0.35), inset 0 0 12px rgba(1, 158, 227, 0.12); pointer-events:none; z-index:-1; opacity:0.85; animation:biz-orbit-neon-pulse 2.4s ease-in-out infinite;}
.lp-biz-stagger--dark .biz-orbit__node:hover .biz-orbit__node-icon svg {filter:drop-shadow(0 0 3px rgba(255, 255, 255, 0.65)) drop-shadow(0 0 6px rgba(1, 158, 227, 0.45));}
@keyframes biz-orbit-neon-pulse {0%, 100% {opacity:0.65; transform:scale(1);} 50% {opacity:0.9; transform:scale(1.02);}}
.lp-biz-stagger--dark .biz-orbit__headline {color:#fff;}
.lp-biz-stagger--dark .biz-orbit__detail-title {color:#fff;}
.lp-biz-stagger--dark .biz-orbit__detail-desc {color:rgba(255, 255, 255, 0.72);}
.lp-biz-stagger--dark .biz-orbit__ring {background:repeating-conic-gradient( from 0deg, rgba(255, 255, 255, 0.18) 0deg var(--dash-deg), transparent var(--dash-deg) calc(var(--dash-deg) * 2) );}
.lp-biz-stagger--dark .biz-orbit__runner::after {background:#fff; box-shadow:0 0 8px rgba(255, 255, 255, 0.35);}
.biz-orbit__core-title {display:block; font-size:clamp(20px, 2.2vw, 30px); font-weight:var(--fw-bold); line-height:1.2; color:var(--color-ink-deep);}
.biz-orbit__core-sub {display:block; margin-top:var(--space-4); font-size:clamp(12px, 1.2vw, var(--fs-body-sm)); color:var(--color-steel);}
.biz-orbit__nodes {position:absolute; inset:0; z-index:4;}
.biz-orbit__node {position:absolute; display:flex; flex-direction:column; align-items:center; width:var(--orbit-icon); padding:0; background:none; border:none; cursor:pointer; color:var(--color-ink); transition:color 0.25s ease;}
.biz-orbit__node--tl {top:calc(50% - var(--orbit-ring-r) - var(--orbit-icon-half)); left:50%; transform:translateX(-50%);}
.biz-orbit__node--tr {top:calc(50% - var(--orbit-icon-half)); left:calc(50% + var(--orbit-ring-r) - var(--orbit-icon-half));}
.biz-orbit__node--br {top:calc(50% + var(--orbit-ring-r) - var(--orbit-icon-half)); left:50%; transform:translateX(-50%);}
.biz-orbit__node--bl {top:calc(50% - var(--orbit-icon-half)); left:calc(50% - var(--orbit-ring-r) - var(--orbit-icon-half));}
.biz-orbit__node-icon {width:var(--orbit-icon); height:var(--orbit-icon); border-radius:50%; background:rgba(0, 0, 0, 0.03); backdrop-filter:blur(14px) saturate(1.25); -webkit-backdrop-filter:blur(14px) saturate(1.25); border:1px solid rgba(255, 255, 255, 0.42); color:var(--color-main); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-12); padding:var(--space-12); flex-shrink:0; transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, backdrop-filter 0.25s ease;}
@supports not (backdrop-filter: blur(1px)) {.biz-orbit__node-icon {background:rgba(0, 0, 0, 0.05);}}
.biz-orbit__node-icon svg {width:28px; height:28px; flex-shrink:0;}
.biz-orbit__node-label {font-size:var(--fs-body); font-weight:var(--fw-semibold); line-height:1.35; text-align:center; white-space:nowrap; color:var(--color-steel); transition:color 0.25s ease;}
.biz-orbit__node:hover, .biz-orbit__node.is-active {color:var(--color-main);}
.biz-orbit__node:hover .biz-orbit__node-label, .biz-orbit__node.is-active .biz-orbit__node-label {color:#fff;}
.biz-orbit__node:hover .biz-orbit__node-icon, .biz-orbit__node.is-active .biz-orbit__node-icon {background:var(--color-secondary); backdrop-filter:none; -webkit-backdrop-filter:none; border-color:transparent; color:#fff; box-shadow:0 8px 20px rgba(1, 158, 227, 0.22);}
.biz-orbit__content {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; max-width:560px; min-width:0;}
.biz-orbit__headline {color:var(--color-ink-deep);}
.biz-orbit__detail {margin-top:var(--space-40); min-height:120px;}
.biz-orbit__detail-title {font-size:var(--fs-h3); font-weight:var(--fw-bold); line-height:var(--lh-h3); color:var(--color-ink-deep); margin-bottom:var(--space-16); transition:opacity 0.25s ease;}
.biz-orbit__detail-desc {font-size:var(--fs-body); line-height:var(--lh-body); color:var(--color-ink); transition:opacity 0.25s ease;}
.biz-orbit__detail.is-fading .biz-orbit__detail-title, .biz-orbit__detail.is-fading .biz-orbit__detail-desc {opacity:0;}
.biz-orbit__content .btn-pill {align-self:flex-start; margin-top:var(--space-48);}
.lp-rnd-cards {position:relative; display:flex; align-items:center; width:100%; height:calc(100vh - var(--header-height)); height:calc(100dvh - var(--header-height)); min-height:calc(100vh - var(--header-height)); min-height:calc(100dvh - var(--header-height)); padding:var(--sec-py) 0; background:var(--color-canvas); overflow:hidden;}
.lp-rnd-cards::before {content:''; position:absolute; inset:-8%; z-index:0; background:url('../images/main/rnd-section-bg.jpg') center bottom / cover no-repeat; opacity:0.5; pointer-events:none; transform:scale(1); transform-origin:center bottom; transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); will-change:transform;}
.lp-rnd-cards:has(.rnd-card:hover)::before, .lp-rnd-cards:has(.rnd-card:focus-visible)::before {transform:scale(1.08);}
.lp-rnd-cards > .contain {position:relative; z-index:1;}
.lp-rnd-cards__head {text-align:center; max-width:640px; margin:0 auto var(--space-48);}
.lp-rnd-cards__head .sec-label {color:#999999;}
.rnd-card-wrap {display:flex; flex-direction:column; gap:var(--space-64);}
.rnd-card-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-30);}
.rnd-card-grid--3 {grid-template-columns:repeat(3, 1fr);}
.rnd-card {position:relative; display:block; aspect-ratio:3 / 2; padding:var(--space-24) var(--space-32); border-radius:var(--radius-card); overflow:hidden; color:#fff; transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);}
.rnd-card:hover, .rnd-card:focus-visible {transform:translateY(-6px);}
.rnd-card::before {content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(22, 45, 59, 0.12) 0%, rgba(22, 45, 59, 0.72) 100%); z-index:1; transition:background 0.35s ease;}
.rnd-card:hover::before, .rnd-card:focus-visible::before {background:linear-gradient(180deg, rgba(22, 45, 59, 0.28) 0%, rgba(22, 45, 59, 0.92) 100%);}
.rnd-card__bg {position:absolute; inset:0; z-index:0; overflow:hidden; background:var(--color-main-dark); transform:scale(1); transform-origin:center center; transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); will-change:transform;}
.rnd-card__bg img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.rnd-card:hover .rnd-card__bg, .rnd-card:focus-visible .rnd-card__bg {transform:scale(1.1);}
.rnd-card:nth-child(1) .rnd-card__bg, .rnd-card:nth-child(2) .rnd-card__bg, .rnd-card:nth-child(3) .rnd-card__bg, .rnd-card:nth-child(4) .rnd-card__bg {background:var(--color-main-dark);}
.rnd-card__content {position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:flex-end;}
.rnd-card__tags {font-size:var(--font-size-14); font-weight:var(--fw-semibold); letter-spacing:0.04em; color:rgba(255, 255, 255, 0.7); margin-bottom:var(--space-8);}
.rnd-card__title {font-size:var(--fs-h3); font-weight:var(--fw-bold); line-height:var(--lh-h3); margin-bottom:var(--space-8);}
.rnd-card__desc {font-size:var(--font-size-16); line-height:var(--lh-body); color:rgba(255, 255, 255, 0.88); max-height:0; margin:0; opacity:0; overflow:hidden; transform:translateY(10px); transition:opacity 0.35s ease, transform 0.35s ease, max-height 0.4s ease;}
.rnd-card:hover .rnd-card__desc, .rnd-card:focus-visible .rnd-card__desc {max-height:4.5em; margin-top:var(--space-8); opacity:1; transform:translateY(0);}
.rnd-card-more {display:flex; justify-content:center; margin-top:0;}
.lp-notice-board {padding:0; background:var(--color-surface-soft);}
.lp-notice-board--compact {padding:var(--space-100) 0; background:rgba(22, 45, 59, 0.03);}
.lp-notice-board--compact .lp-notice-board__grid {gap:var(--space-120);}
.lp-notice-board--compact .lp-notice-board__head .sec-desc {margin-bottom:0;}
.lp-notice-board--compact .lp-notice-board__cards {gap:var(--space-16);}
.lp-notice-board--compact .lp-notice-card {position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:var(--space-24); height:88px; min-height:88px; max-height:88px; padding:var(--space-28) var(--space-32) var(--space-28) var(--space-28); border-radius:16px; border:none; box-shadow:0 8px 28px var(--color-brand-shadow); overflow:hidden;}
.lp-notice-board--compact .lp-notice-card__cat {padding:var(--space-4) var(--space-8); font-size:var(--font-size-12); line-height:1.4; font-weight:var(--fw-semibold); justify-self:start; align-self:center; white-space:nowrap;}
.lp-notice-board--compact .lp-notice-card__title {min-width:0; font-size:var(--font-size-18); font-weight:var(--fw-semibold); line-height:normal; color:#242424; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lp-notice-board--compact .lp-notice-card__month {grid-column:3; grid-row:1; font-size:var(--font-size-14); font-weight:var(--fw-regular); line-height:normal; color:#999999; letter-spacing:0; white-space:nowrap; justify-self:end; align-self:center; transition:opacity 0.22s ease, visibility 0.22s ease;}
.lp-notice-board--compact .lp-notice-card::after {content:""; position:absolute; inset:0; z-index:1; width:100%; height:88px; background:url("/images/main/notice-card-hover-action.svg") center / 100% 100% no-repeat; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.22s ease, visibility 0.22s ease;}
.lp-notice-board--compact .lp-notice-card__cat, .lp-notice-board--compact .lp-notice-card__title, .lp-notice-board--compact .lp-notice-card__month {position:relative; z-index:2;}
@media (hover: hover) and (pointer: fine) {
.lp-notice-board--compact .lp-notice-card:hover .lp-notice-card__month {opacity:0; visibility:hidden;}
.lp-notice-board--compact .lp-notice-card:hover::after {opacity:1; visibility:visible;}
.lp-notice-board--compact .lp-notice-card:hover {border:none; box-shadow:0 12px 32px rgba(22, 45, 59, 0.12); transform:none;}
}
.lp-notice-board > .contain {width:100%;}
.lp-notice-board__grid {display:grid; grid-template-columns:20.833% 1fr; gap:var(--space-120); align-items:start;}
.lp-notice-board__head .sec-title {margin-bottom:var(--space-24);}
.lp-notice-board__head .sec-label {color:#999999;}
.lp-notice-board__head .btn-pill {margin-top:var(--space-22);}
.lp-notice-board__cards {display:flex; flex-direction:column; gap:var(--space-14);}
.lp-notice-card {display:grid; grid-template-columns:88px 1fr auto; gap:var(--space-20); align-items:center; padding:var(--space-22) var(--space-26); background:var(--color-canvas); border-radius:14px; border:1px solid var(--color-hairline); cursor:pointer; transition:box-shadow 0.22s, border-color 0.22s, transform 0.22s;}
.lp-notice-card:hover {box-shadow:0 8px 28px var(--color-brand-shadow); border-color:var(--color-secondary); transform:translateY(-2px);}
.lp-notice-card__date {text-align:center; padding-right:var(--space-20); border-right:1px solid var(--color-hairline);}
.lp-notice-card__date .d {font-size:var(--font-size-28); font-weight:800; color:var(--color-steel); line-height:1;}
.lp-notice-card__date .m {font-size:var(--font-size-12); color:var(--color-steel); margin-top:var(--space-4); letter-spacing:0.02em;}
.lp-notice-card__title {font-size:var(--font-size-16); font-weight:600; color:var(--color-ink-deep); line-height:1.45;}
.lp-notice-card__cat {font-size:var(--font-size-14); line-height:1.4; font-weight:var(--fw-semibold); color:var(--color-canvas); background:var(--color-primary); padding:5px var(--space-14); border-radius:100px; white-space:nowrap;}
.lp-inquiry {position:relative; padding:var(--space-100) 0; background:var(--color-main); overflow:hidden; --inquiry-glow-p:0;}
.lp-inquiry::before, .lp-inquiry::after {content:''; position:absolute; top:50%; border-radius:50%; pointer-events:none; filter:blur(56px); width:min(68vw, 880px); will-change:transform;}
.lp-inquiry::before {left:-22%; height:min(82vw, 1040px); transform:translateY(calc(-50% + 100px)) translateX(calc(var(--inquiry-glow-p) * 400px)); background:radial-gradient( circle, rgba(1, 158, 227, 0.38) 0%, rgba(1, 158, 227, 0.14) 38%, transparent 68% );}
.lp-inquiry::after {right:-22%; height:min(54vw, 720px); transform:translateY(calc(-50% - 100px)) translateX(calc(var(--inquiry-glow-p) * -400px)); background:radial-gradient( circle, rgba(108, 204, 115, 0.22) 0%, rgba(108, 204, 115, 0.08) 38%, transparent 68% );}
.lp-inquiry .contain {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:0;}
.lp-inquiry__title {color:#fff;}
.lp-inquiry .sec-label {color:rgba(255, 255, 255, 0.4);}
.lp-inquiry__desc {font-size:var(--fs-body); line-height:var(--lh-body); color:rgba(255, 255, 255, 0.72); margin-top:var(--space-24); max-width:560px;}
.lp-inquiry .btn-pill {margin-top:var(--space-48);}

/* 서브 공통 (비주얼, 타이틀 등 전체적인 서브공통레이아웃) */
.sub-visual {position:relative; width:100%; height:clamp(260px, calc(480 / var(--inner) * 100vw), 480px); overflow:visible; color:#fff; background-color:var(--color-main-dark); z-index: 6;}
.sub-visual::before {content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(8,15,20,.22) 0%, rgba(8,15,20,.72) 100%); pointer-events:none;}
.sub-visual .bg {position:absolute; inset:0; width:100%; height:100%; background-position:50% 50%; background-size:cover;}
.sub-visual .bg.bg1 {background-image:url(../images/common/sv1.jpg);}
.sub-visual .bg.bg2 {background-image:url(../images/common/sv2.jpg);}
.sub-visual .bg.bg3 {background-image:url(../images/common/sv3.jpg);}
.sub-visual .bg.bg4 {background-image:url(../images/common/sv4.jpg);}

.sub-visual .cell {position:relative; z-index:2; height:100%;}
.sub-visual .contain {position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--space-24); height:100%; padding-bottom:var(--space-40);}
.sub-visual .sv-head {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); max-width:720px; padding-left: var(--space-container);}
.sub-visual h2 {font-size:var(--font-size-64); font-weight:700; line-height:1.25em; letter-spacing:.04em; text-transform:uppercase; color:#fff; text-align:left;}
.sub-visual .sv-head p {margin-top:8px; font-size:var(--font-size-18); font-weight:400; line-height:1.78em; color:rgba(255,255,255,.72); text-align:left;}
.path-wrap {position:relative; z-index:50;}
.path-wrap .wrap {width:100%;}
.path-wrap .inner {display:flex; align-items:center; gap:10px;}
.path-wrap .part {position:relative; z-index:50;}
.path-wrap .part > a {display:flex; align-items:center; position:relative; min-height:48px; padding:10px 44px 10px 22px; border:1px solid rgba(255,255,255,.45); border-radius:100px; color:#fff; font-size:var(--font-size-16); font-weight:600; line-height:1.5em; white-space:nowrap;}
.path-wrap .part:last-child > a {border-color:var(--color-sub); background:var(--color-sub);}
.path-wrap .part > a:after {content:""; position:absolute; top:50%; right:16px; width:16px; height:16px; margin-top:-8px; background:url("../images/common/path_down.svg") 50% 50% no-repeat; background-size:contain; transition:transform .2s;}
.path-wrap .part.active > a:after {transform:rotate(180deg);}
.path-wrap .part ul {display:none; position:absolute; top:100%; left:0; min-width:100%; width:max-content; padding:24px 18px 20px; background:transparent; list-style:none; z-index:50;}
.path-wrap .part ul:before {content:""; position:absolute; top:8px; left:0; right:0; bottom:0; background:#fff; border-radius:24px; box-shadow:0 12px 40px rgba(0,0,0,.12);}
.path-wrap .part ul li {position:relative; z-index:1;}
.path-wrap .part ul li a {display:block; padding:8px 14px 2px; color:#808080; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; text-align:center; white-space:nowrap;}
.path-wrap .part ul li a:hover,
.path-wrap .part ul li.active a {color:var(--color-primary); font-weight:600; background:transparent;}
.lnb-depth {display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:16px; line-height:1; color:rgba(255,255,255,.58);}
.lnb-depth .icon {display:inline-flex; align-items:center; gap:10px; color:rgba(255,255,255,.72);}
.lnb-depth .icon img {width:16px; height:16px;}
.lnb-depth a.depth {display:inline-flex; align-items:center; gap:10px;}
.lnb-depth .icon:hover,
.lnb-depth .depth:hover {color:#fff;}
.lnb-depth .icon::after,
.lnb-depth a.depth::after {content:""; display:block; flex-shrink:0; width:14px; height:14px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain; opacity:.28; transform:rotate(-90deg);}
.lnb-depth .depth2 {color:rgba(255,255,255,.88);}

#contArea {max-width:1500px; padding:0 var(--space-container); margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.sub-title h2 {position: relative; padding-top: var(--space-100); padding-bottom: var(--space-64); font-size:var(--font-size-40); font-weight:700; color:#242424; line-height:1.375em; text-align: left;}

.real-cont {min-height:300px; padding-bottom: var(--space-160);}
.real-cont.pb0 {padding-bottom: 0;}

/* footer */
#footer {width:100%; z-index:1; position:relative; background:var(--color-main-dark); color:rgba(255,255,255,.7); padding:var(--space-56) 0 var(--space-48); border-top:1px solid rgba(255,255,255,.2);}
#main #footer {border-top:none;}
#footer .contain {display:flex; flex-direction:column; gap:var(--space-40);}
#footer .ft-head {display:flex; flex-direction:column; gap:var(--space-16);}
#footer .ft-brand-row {align-items:center; gap:var(--space-24);}
#footer .ft-logo-wrap {display:block; line-height:0; flex-shrink:0;}
#footer .ft-logo-wrap img {width:386px; max-width:100%; object-fit:contain; object-position:left center;}
#footer .ft-gnb {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:var(--space-32); font-size:var(--font-size-17); font-weight:600; line-height:1;}
#footer .ft-gnb a {color:rgba(255,255,255,.8);}
#footer .ft-gnb a:hover {color:#fff;}
#footer .ft-company {margin:0; font-size:var(--font-size-12); font-weight:500; line-height:1.4em; color:rgba(255,255,255,.55);}
#footer .ft-offices {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-44);}
#footer .ft-office {display:flex; flex-direction:column; gap:var(--space-8); min-width:0; font-size:var(--font-size-12); font-weight:400; line-height:1.4em;}
#footer .ft-office-title {margin:0; width:203px; max-width:100%; font-size:var(--font-size-14); font-weight:700; line-height:1.4em; color:rgba(255,255,255,.9);}
#footer .ft-office-row {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-8);}
#footer .ft-office-inline {gap:var(--space-7) var(--space-8);}
#footer .ft-label {flex-shrink:0; color:rgba(255,255,255,.7);}
#footer .ft-value {color:rgba(255,255,255,.35);}
#footer .ft-bar {align-items:center; gap:var(--space-16) var(--space-24); width:100%;}
#footer .ft-links {display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-12); font-size:var(--font-size-12); font-weight:500; line-height:1.4em;}
#footer .ft-links a {color:rgba(255,255,255,.8);}
#footer .ft-links a:hover {color:#fff;}
#footer .ft-links .sep {color:rgba(255,255,255,.35);}
#footer .copyright {margin:0; font-size:var(--font-size-12); font-weight:500; line-height:1.4em; color:rgba(255,255,255,.45); text-align:right;}
#footer .copyright .design-credit {color:inherit; font-size:inherit; text-decoration:none;}
#footer .copyright .design-credit:hover {text-decoration:underline;}

/* 퀵메뉴 (있을때 아래에 스타일 구현) */