@charset "UTF-8";

/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none!important}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* font */
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 700;
  src: local('Spoqa Han Sans Bold'),
  url('/assets/common/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
  url('/assets/common/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
  url('/assets/common/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 400;
  src: local('Spoqa Han Sans Regular'),
  url('/assets/common/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
  url('/assets/common/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
  url('/assets/common/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 300;
  src: local('Spoqa Han Sans Light'),
  url('/assets/common/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
  url('/assets/common/font/SpoqaHanSansNeo-Light.woff') format('woff'),
  url('/assets/common/font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 100;
  src: local('Spoqa Han Sans Thin'),
  url('/assets/common/font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
  url('/assets/common/font/SpoqaHanSansNeo-Thin.woff') format('woff'),
  url('/assets/common/font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

/* common */
:root{
  --bg:#0a0f1c; --bg-2:#071227; --ink:#eef3ff; --ink-dim:#a7b3d9;
  --primary:#2878ff; --accent:#1ac6ff; --card:#0e1833; --line:#1f2a48;
  --success:#42e6a4; --warning:#ffd166; --danger:#ff6b6b;
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);
  --gnb-h:88px;
  --bg-sub:#fff;
  --search-z:1100;
  --search-bg:#fff;
  --search-ink:#222;
  --search-line:#E7ECF5;
  --search-maxw:1184px;
  --search-inner-maxw:800px;
  --menu-z: 1200;
  --menu-bg: #fff;
  --menu-ink: #111;
  --menu-line: #E7ECF5;
  --menu-maxw: 1184px;

  --layer-popup-cancel-btn-color:#fff;
  --layer-popup-confirm-btn-color:#fff;
  --layer-popup-close-btn-color:#fff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:'Spoqa Han Sans','Spoqa Han Sans Neo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,'맑은 고딕',sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.6; overscroll-behavior-y:contain;
}
html[lang|="ko"] {
  word-break: keep-all!important;
  overflow-wrap: break-word;
}
html[lang|="en"] {
  word-break: normal!important;
  overflow-wrap: break-word;
}
a, button{ font-family:'Spoqa Han Sans','Spoqa Han Sans Neo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,'맑은 고딕',sans-serif;}
._js-global-language-btn {
  position:relative;
}
.lang-indicator {
  border: 1px solid #222;
  border-radius: 16px;
  box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.25);
  padding: 16px 24px;
  position:absolute;
  background-color: #fff;
  color:#000;
  width:135px;
  top:32px;
  left:-26px;
  display:none;
  opacity: 0;
  transition: all .2s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(12px);
}
.lang-indicator.on {
  transform: translateY(0vh); opacity: 1;
}
.lang-indicator ul {
  list-style: none;;
  width:100%;
}
.lang-indicator ul li {
  display:flex;
  line-height:1.4;
  cursor:pointer;
}
.lang-indicator ul li + li {
  margin-top: 8px;
}
.lang-indicator ul li .code {
  font-size:16px;
  font-weight:700;
  flex-basis:30px;
  flex-shrink: 0;
}
.lang-indicator ul li .name {
  font-size:16px;
}
body.sub .lang-indicator {

}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
.text-align-right{text-align:right}
.w-100p {width:100%!important}
.font-bold {font-weight:700!important}

.fade-out{opacity:0!important;transform:translateY(-30px)!important;transition:all .3s ease}
.fade-out-image{opacity:0!important;transform:translateX(50px)!important;transition:all .3s ease}

a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
.container{width:min(1200px,92vw);margin:0 auto}

.wb-keep, .__editor {word-break:keep-all!important;}
.__editor {width:100%;justify-self:center;}
.__editor b {font-weight:700;}
.__editor blockquote {
  background-color: #fff;
  border-left: .7rem solid #007bff;
  margin: 1.5em .7rem;
  padding: .5em .7rem;
}
.__editor .blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.__editor h1, .__editor h2, .__editor h3, .__editor h4, .__editor h5, .__editor h6 {
  margin-top:0;
}
.__editor .h1, .__editor .h2, .__editor .h3, .__editor .h4, .__editor .h5, .__editor .h6, .__editor h1, .__editor h2, .__editor h3, .__editor h4, .__editor h5, .__editor h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
.__editor .h1, h1 {
  font-size: 2.5rem;
}
.__editor .h2, h2 {
  font-size: 2rem;
}
.__editor .h3, h3 {
  font-size: 1.75rem;
}
.__editor .h4, h4 {
  font-size: 1.5rem;
}
.__editor .h5, h5 {
  font-size: 1.25rem;
}
.__editor .h6, h6 {
  font-size: 1rem;
}

.no-data-container{
  width:min(1184px,92vw);
  margin:0 auto;
  margin-top:24px;
  border-top:3px solid #222222;
}
.no-data-container.no-margin {
  margin-top:0;
}
.no-data-container.no-border{
  border-top:unset;
}
.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-weight: 700;
  color: #e05052;
  border-bottom: 1px solid #dedede;
}
.no-data.border-top {
  border-top: 1px solid #dedede;
}
.no-data.no-border {
  border-bottom: unset;
}
.no-data.small-height {
  height: 100px;
}
._editor-image {
  display:inline-block;
}
._bind-message {
  color: #e05052;
  font-size: 14px;
  margin-top:4px;
  display:none;
  transition: all .3s ease;
}
._bind-message.on {
  display:block;
}
._bind-message[data-color=gold]{
  color: #ffb800;
}
.form-element-info {
  font-size: 14px;
  color: #a7b3d9;
  margin: 6px 2px;
}
/* === pagination === */
.pagination-container { margin:32px 0 160px }
.pagination-container ul { display:flex; justify-content:center; align-items:center;}
.pagination-container ul li { font-size:13px }
.pagination-container ul li.current a { width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background-color:#C8D9FF; cursor:default; }
.pagination-container ul li + li { margin-left:30px;}
.pagination-container ul li + li.current,.pagination-container ul li.current + li { margin-left:20px }
.pagination-container ul li.prev-pg, .pagination-container ul li.next-pg { margin-left:20px;}
@media (max-width:768px){.pagination-container { margin-bottom:64px }}

/* ===== Header (GNB) ===== */
.header{
  position:fixed;inset-inline:0;top:0;z-index:50;
  background:linear-gradient(to bottom,rgba(7,12,24,.9),rgba(7,12,24,.55) 40%,rgba(7,12,24,0));
  backdrop-filter:saturate(1.2) blur(6px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header .bar{display:flex;align-items:center;gap:24px;height:89px}
.brand img{height:28px}
nav{margin-left:auto;height:100%;}
.nav{display:flex;align-items:center;position:relative}
.nav a{opacity:.9;font-size:18px;font-weight:700;line-height:89px;padding:0 20px;}
.nav a:hover{opacity:1}
.header .icons a{line-height:1}
.header .icons svg rect{fill:#fff;stroke:#fff}
.header .icons svg.gnb-menu rect{stroke:none}
.header .icons svg circle{stroke:#fff}
.header .icons{display:flex;gap:20px;position:relative;flex-shrink:0;margin-left:20px;}
.header .icon{width:24px;height:24px;cursor:pointer}

.brand._js-back-btn { display:flex;align-items:center;}
.brand._js-back-btn img { width:20px!important;}
.brand._js-back-btn span { margin-left: 12px;font-size: 20px;font-weight: 700;}

/* ====== Overlay Common ====== */
:root{--svc-gap:22px;--svc-col-w:260px;--svc-ink-dim:#a7b3d9;--svc-accent:#2878ff}
.svc-overlay{
  position:fixed;left:0;right:0;top:var(--gnb-h,64px);bottom:0;background:#060B17;
  color:#eef3ff;z-index:20;display:none;border-top:1px solid rgba(28,100,255,.30);
}
#svcToggleAll {width:168px;text-align:left;padding-left:20px;}
#svcToggleAll.en {width:182px;text-align:center;}

.svc-overlay.is-open{display:block;animation:svcFadeDown .30s ease forwards}
/*
@keyframes svcFadeDown{
  from{opacity:1; transform:translateY(-12px)}
  to{opacity:1; transform:none}
}
*/
@keyframes svcFadeDown{
  from{opacity:1;}
  to{opacity:1;}
}
.svc-wrap{height:100%;display:grid;grid-template-rows:auto 1fr;max-width:1200px;padding-top:23px;margin:0 auto}
.svc-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 0 21px;}
.svc-title{font-size:18px;font-weight:800;letter-spacing:.2px}
.svc-actions{display:flex;gap:8px;padding-right:22px}
.svc-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:#1C64FF;color:#fff;padding:7px 18px;border-radius:32px;font-weight:400;cursor:pointer}
#svcOverlay .svc-wrap{padding-bottom:24px}
#indOverlay .svc-head, #csOverlay .svc-head, #companyOverlay .svc-head{display:none!important}

.svc-body{height:100%;min-height:150px;overflow:auto;padding:14px 28px 34px;scrollbar-width: thin;scrollbar-color:rgba(255,255,255,.45) rgba(255,255,255,.08)}
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(var(--svc-col-w),1fr));gap:var(--svc-gap)}
.svc-col{padding:0!important}
.svc-col h3{font-size:18px;font-weight:700;letter-spacing:.2px;color:#1C64FF;height:80px;border-bottom:1px solid #1C64FF4D;}

.svc-acc{
  width:100%;background:transparent;color:#fff;cursor:pointer;border:none;padding:10px 0 5px 0;margin:0;text-align:left;font-weight:700;display:inline-flex;gap:8px;margin-top:18px;font-size:16px;
}
.svc-col h3 + .svc-acc{margin-top:14px}
.svc-acc::after{
  margin-top:2px;
  content:'';display:inline-block;width:20px;height:20px;flex:0 0 20px;background-repeat:no-repeat;background-size:contain;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9.5" fill="%235374BE" fill-opacity="0.6" stroke="%235374BE"/><path d="M13.292 8.29297C13.6824 7.90235 14.3147 7.90235 14.7051 8.29297C15.0955 8.68359 15.0955 9.31642 14.7051 9.70703L10.7061 13.708C10.6084 13.8057 10.4954 13.8789 10.375 13.9277C10.315 13.9521 10.2533 13.9712 10.1904 13.9834C10.0958 14.0017 9.99899 14.0062 9.90332 13.9971C9.68016 13.9758 9.46289 13.879 9.29199 13.708L5.29297 9.70703C4.90256 9.31642 4.90258 8.68359 5.29297 8.29297C5.68339 7.90235 6.31563 7.90237 6.70605 8.29297L9.99902 11.5859L13.292 8.29297Z" fill="white"/></svg>');
  transform:rotate(0deg);transform-origin:center/100%;transition:transform .28s ease;
}
.svc-acc[aria-expanded="true"]::after{transform:rotate(180deg)}

.svc-panel{overflow:hidden;max-height:0;transition:max-height .28s ease;padding-left:0}
.svc-panel[hidden]{display:block}
.svc-panel ul{list-style:none;margin-top:6px;padding:0}
.svc-panel li{padding:4px 0;font-size:14px;line-height:14px;color:#fff}
.svc-panel li a{color:#5374BE;text-decoration:none;display:inline-block;line-height:1.53}
.svc-panel li a:hover,.svc-panel li a:focus,.svc-panel li a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;outline:none}

@media (max-width:1200px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.svc-grid{grid-template-columns:1fr}}
@media (max-width:768px){.svc-grid{row-gap: 56px;}}

body.svc-locked{overflow:hidden}
.svc-overlay.is-closing{animation:svcFadeUpOut .28s ease forwards;pointer-events:none}
/*@keyframes svcFadeUpOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}*/
@keyframes svcFadeUpOut{
  from{opacity:1;}
  to{opacity:0;}
}
.svc-overlay.is-open .svc-wrap .svc-body{
  animation:svcBodyDown .3s ease both;
}
.svc-overlay.is-closing .svc-wrap .svc-body{
  animation:svcBodyUpOut .3s ease both;
}
@keyframes svcBodyDown{
  from{transform:translateY(-32px); opacity: 0;}
  to{transform:translateY(0);opacity: 1;}
}
@keyframes svcBodyUpOut{
  from{opacity: 1;}
  to{opacity: 0;}
}


/* ===== 산업 오버레이 ===== */
#indOverlay{ background:rgba(0,0,0,.5);}
#indOverlay .svc-wrap{ height:auto;max-width:unset;padding:40px calc(50vw - 600px) 40px;background-color:#060B17;}
#indOverlay .svc-body{height:auto;overflow:visible;padding:0 28px;}
.ind-tabs{display:flex;flex-wrap:wrap;column-gap:96px;row-gap:32px;align-items:center;padding:0;list-style:none;margin:0;}
.ind-tabs li{cursor:pointer;color:#85A6F8;white-space:nowrap;}
.ind-tabs li a{color:#fff;text-decoration:none;font-size:18px;font-weight:700}
.ind-tabs li a:hover{color:#1C64FF;text-decoration:underline;text-underline-offset:2px;}
#indOverlay .ind-tabs{ margin:0 110px 0 385px;justify-content:left;}

@media (max-width:1200px){.ind-solutions{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ind-solutions{grid-template-columns:1fr}}

/* 고객지원/회사소개도 산업 오버레이와 동일한 레이아웃 */
#csOverlay, #companyOverlay { background: rgba(0,0,0,.5); }
#csOverlay .svc-wrap, #companyOverlay .svc-wrap{
  height:auto; max-width:unset;
  padding:40px calc(50vw - 600px) 40px;
  background-color:#060B17;
  min-height:225px;
}
#csOverlay .svc-body, #companyOverlay .svc-body{
  height:auto; overflow:visible;
  padding:0 28px;
}
#csOverlay .ind-tabs, #companyOverlay .ind-tabs {
  column-gap:60px;
}
#csOverlay .ind-tabs {justify-content:end;margin-right:140px;}
#csOverlay .ind-tabs.en {margin-right:174px;}
#companyOverlay .ind-tabs {justify-content:end;}

/* ===== Family Site ===== */
footer .inner {position:relative;}
/* 기존 btn-wrap은 그대로 사용 */
footer .btn-wrap{
  display:flex;
  flex-wrap:wrap;
  column-gap:8px;
  row-gap:8px;
}

/* Family site 드롭다운 */
footer .family-site{
  position:absolute;
  top:0;
  right:16px;
  font-size:14px;
  color:#2C2E2F;
}

footer .family-toggle{
  position:relative;
  min-width:160px;
  height:32px;
  padding:0 28px 0 16px;
  border:1px solid #A8ADBB;
  background:#6F778C;
  color:#FFF;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.sub footer .family-toggle{
  border:1px solid #D9D9D9;
  background:#fff;
  color:#999;
}

footer .family-toggle .label{
  display:inline-block;
  vertical-align:middle;
}

/* 작은 삼각형 아이콘 */
footer .family-toggle .ico{
  position:absolute;
  right:10px;
  top:50%;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #fff;
  transform:translateY(-50%);
}
.sub footer .family-toggle .ico{
  border-top:6px solid #999;
}

/* 펼쳐졌을 때 아이콘 방향 반전 */
footer .family-site.is-open .family-toggle .ico{
  border-top:none;
  border-bottom:5px solid #fff;
}
.sub footer .family-site.is-open .family-toggle .ico{
  border-bottom:5px solid #999;
}

/* 목록 레이어 */
footer .family-list{
  position:absolute;
  right:0;
  top:100%;
  min-width:160px;
  background:#6F778C;
  list-style:none;
  padding:0;
  z-index:20;
}
.sub footer .family-list{
  background:#fff;
}

footer .family-list li {
  border-left: 1px solid #A8ADBB;
  border-right: 1px solid #A8ADBB;
  border-bottom:1px solid #A8ADBB;
}
.sub footer .family-list li {
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-bottom:1px solid #D9D9D9;
}

footer .family-list li a{
  display:block;
  padding:6px 16px;
  line-height:20px;
  font-size:14px;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
.sub footer .family-list li a{
  color:#222;
}
footer .family-list li a:hover{
  background-color:#1C64FF;
  color:#fff;
}
.sub footer .family-list li a:hover{
  background-color: #222;
  color:#fff;
}

/* ===== GNB inkbar ===== */
.nav .inkbar{
  position:absolute;left:0;bottom:-1px;height:4px;width:0;background:var(--primary);
  transform:scaleX(0);transform-origin:left center;
  transition:left .35s ease,width .35s ease,transform .35s ease,opacity .2s ease;opacity:0;pointer-events:none
}
.nav a[data-svc-indicator].is-active::after{display:none!important}
.svc-overlay.no-anim{animation:none!important}

/* Footer */
footer{background:#060b18;border-top:1px solid #EDEFF4;color:#cdd7ff80}
.copyright{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:12px}

@media (max-width:1024px){
  .trend .panel{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .nav{display:none}
  .cards{grid-template-columns:1fr}
  .title{font-size:clamp(28px,8vw,42px)}
}

/* ===== 전환 커버 레이어 (배경 노출 방지) ===== */
.overlay-switch-cover{
  position: fixed;
  left: 0; right: 0;
  top: var(--gnb-h, 64px); bottom: 0;
  background: #060B17;
  z-index: 1002;
  opacity: 0; pointer-events: none;
  transition: opacity .12s linear;
  display: none;
}
.overlay-switch-touch { /* (Optional) 터치 스크롤 막기용 클래스 */
  touch-action: none;
}
.overlay-switch-cover.is-on{ display:block; opacity:1; pointer-events:auto; }

/* GNB 검색 레이어 */
.search-overlay{
  position:fixed;
  left:0;
  right:0;
  top:0;                      /* 헤더 포함 전체 덮기 */
  bottom:0;
  z-index:var(--search-z);
  display:none;
  pointer-events:auto;        /* 바깥 영역 클릭 감지 */
  overflow:auto;
}

/* 실제 내려오는 커튼 패널 */
.search-curtain{
  pointer-events:auto;
  background:var(--search-bg);
  color:var(--search-ink);
  max-width:100%;
  /* 높이 애니메이션 핵심 */
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
  position:relative;
}

/* 내용 래퍼 */
.search-wrap-layer{
  max-width:var(--search-maxw);
  margin:0 auto;
  padding:48px 16px 80px;
  box-sizing:border-box;
  min-height:100dvh;      /* 뷰포트 전체 높이만큼 채우기 */
  position:relative;      /* 닫기 버튼 absolute 기준 */
}
.search-head{
  position:absolute;
  top:56px;
  right:20px;
  display:block;
  max-width:none;
  margin:0;
}

.search-close{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:0;
}
.search-title{ font-size:24px; font-weight:700; text-align:center; max-width: var(--search-inner-maxw); margin:141px auto 31px; }

.search-hero{ margin:0 auto 30px; max-width: var(--search-inner-maxw) }
.search-hero .input{
  width:min(880px, 92vw);
  height:60px; border-radius:28px; border:2px solid rgba(28, 100, 255, 1);
  padding:0 60px 0 24px; font-size:18px; font-weight:500;
  outline: none
}
.search-hero .input.is-open{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:1px solid #E8EFFF;
}
.search-hero .input::placeholder{ color:rgba(28, 100, 255, 1) }

.search-section{ width:min(var(--search-inner-maxw), 92vw); margin:0 auto; max-width: var(--search-inner-maxw) }
.search-section h3{ font-size:16px; color:rgba(143, 152, 156, 1) }
.search-section.suggest { display:flex; align-items:center }
.search-separator { height: 1px; margin: 40px 0 31px; border-top: 1px solid rgba(238, 240, 244, 1) }
.search-list{ margin-top:10px; }
.search-item{
  display:flex; align-items:center; gap:10px; height:40px;
}
.search-item .dot{ width:6px; height:6px; border-radius:50%; background:#9EA3AC }
.search-item .title{ flex:1 1 auto; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;margin-top:0; }
.search-item .date{ width:64px; text-align:right; color:#98A1A7; font-variant-numeric:tabular-nums }

/* ===== 검색 자동완성 ===== */
.search-ac{
  position:absolute;
  left:0; right:0;
  top:59px;
  background:#fff;
  border:2px solid #1C64FF;
  border-radius:20px;
  box-shadow:0 14px 28px rgba(0,0,0,.12);
  z-index:5;
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:1px solid #E8EFFF;

  overflow:hidden;
  max-height:0;                         /* 닫힘 */
  transition:max-height .22s ease;      /* 서랍 모션만 */
}

/* 열림 */
.search-ac.is-open{
  opacity:1;
  transform: translateY(0);
  border-left: 2px solid #1C64FF;
  border-right: 2px solid #1C64FF;
  border-bottom: 1px solid #E8EFFF;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* 내부 스크롤은 안쪽 래퍼 */
.search-ac .ac-scroll{
  max-height:320px;
  overflow:auto;
  padding:12px 30px 24px;
}

/* 스크롤바(보이게) */
.search-ac .ac-scroll::-webkit-scrollbar{ width:10px; }
.search-ac .ac-scroll::-webkit-scrollbar-thumb{ background:#D7DCE6; border-radius:10px; }
.search-ac .ac-scroll::-webkit-scrollbar-track{ background:transparent; }

/* 닫힘 모션(선택) */
.search-ac.is-closing{
  opacity:0;
  transform: translateY(-6px);
}

/* 스크롤바(보이게) */
.search-ac::-webkit-scrollbar{ width:10px; }
.search-ac::-webkit-scrollbar-thumb{ background:#D7DCE6; border-radius:10px; }
.search-ac::-webkit-scrollbar-track{ background:transparent; }

.search-ac .ac-item{
  display:flex;
  align-items:center;
  gap:10px;
  height:52px;
  cursor:pointer;
  user-select:none;
}

.search-ac .ac-ico{
  width:22px;height:22px;flex:0 0 22px;
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url('/assets/app/img/search-word-autocomplete-icon.svg');
}
.search-ac .ac-enter-ico{
  width:15px;height:15px;flex:0 0 22px;
  background-repeat:no-repeat;background-position:center;background-size:contain;
  background-image:url('/assets/app/img/search-word-enter.svg');
}
.search-ac .ac-title{
  flex:1 1 auto;
  font-size:16px;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.search-ac .ac-item.is-active{
  background:#F3F6FF;
}
.search-ac .hl{
  color:#1C64FF;
  font-weight:800;
}

/* 바디 스크롤 잠금(선택) */
body.search-locked{ overflow:hidden; }

/* 모바일 */
@media (max-width:768px){
  .search-wrap-layer{ padding:18px 16px 32px }
  .search-head { top:unset;}
  .search-hero .input{ height:52px; font-size:16px }
  .search-item .title{ font-size:16px }
  .search-hero .submit { width:40px!important; height:40px!important }
  .search-hero .submit::before { width:22px!important; height:22px!important }
  .search-title{ margin:32px auto 24px}
  .search-close svg{ width:26px!important; height:26px!important }
  .search-ac{top:52px;}
}

/* 검색 인풋 우측 버튼(파란 원) */
.search-hero .field{ position:relative; width:min(880px,92vw); }
.search-hero .input{
  width:100%;
  padding-right:72px;           /* 버튼 공간 확보 */
}
.search-hero .submit{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  width:48px; height:48px; border-radius:50%;
  background:#1C64FF; border:0; cursor:pointer;
}
.search-hero .submit:focus{ outline:2px solid #9DB8FF; outline-offset:2px; }

/* 아이콘(돋보기) – 흰색 */
.search-hero .submit::before{
  content:""; display:block; width:24px; height:24px; margin:0 auto;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="10.6" cy="10.6" r="8.1" stroke="white" stroke-width="3"/><rect x="17.29" y="15.85" width="7.08" height="2.03" rx="1.015" transform="rotate(45 17.29 15.85)" stroke="white" fill="white"/></svg>');
}
/* 추천 검색어 – 밑줄 텍스트 나열 */
.search-suggest{
  display:flex; flex-wrap:wrap; gap:24px; margin-left:40px; flex:1
}
.search-suggest .s-item{
  appearance:none; background:none; border:0; padding:0;
  font:inherit; font-weight:700; color:#000; cursor:pointer;
  border-bottom:1px solid #000; line-height:1.3;
  transition:transform .18s ease;
}
.search-suggest .s-item:hover{ transform:translateY(-2px) }

/* 최근 검색어 아이콘 & 삭제 버튼 */
.search-item{
  position:relative; padding-right:40px;   /* 삭제 버튼 자리 */
}
.search-item .ico.clock{
  width:24px; height:24px; flex:0 0 24px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23EEF0F4"/><path d="M12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5ZM12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6ZM11.75 8C12.1642 8 12.5 8.33579 12.5 8.75V11.3779L15.3623 13.5459C15.6774 13.7844 15.7508 14.228 15.5283 14.5547C15.2864 14.9097 14.7937 14.9854 14.4561 14.7197L11.626 12.4932C11.5727 12.4512 11.5279 12.4027 11.4902 12.3506C11.2047 12.2447 11.0002 11.9727 11 11.6504V8.75C11 8.33579 11.3358 8 11.75 8Z" fill="%23BDC5D8"/></svg>');
}
.search-item .title{ margin-left:2px; } /* 간격 미세조정 */

.search-item .btn-del{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:24px; height:24px; border:0; background:transparent; cursor:pointer;
}
.search-item .btn-del::before{
  content:""; display:block; width:16px; height:16px; margin:4px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M3 3l10 10M13 3L3 13" stroke="%23D9D9D9" stroke-width="2" stroke-linecap="round"/></svg>');
}
.search-item .btn-del:hover::before{
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M3 3l10 10M13 3L3 13" stroke="%2398A1A7" stroke-width="2" stroke-linecap="round"/></svg>');
}

/* GNB 전체 메뉴 */
.menu-overlay{
  position:fixed; left:0; right:0; top:0; bottom:0;    /* ← 화면 전체 */
  z-index:var(--menu-z);
  display:none; pointer-events:none;
}
.menu-overlay.is-open{ display:block; pointer-events:auto; }
.menu-topbar{ display:none; }

/* 상단에서 슬라이드다운: max-height 애니메이션 */
.menu-curtain{
  background:var(--menu-bg); color:var(--menu-ink);
  max-height:0; overflow:hidden;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  transition:max-height .28s ease;
}

/* 내부 스크롤 컨테이너 – 화면 높이에 맞춰 개별 스크롤 */
.menu-scroll{
  max-height:calc(100dvh);      /* curtain이 열리면 여기서 스크롤 */
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.menu-wrap{ max-width:var(--menu-maxw); margin:0 auto; padding:180px 16px 180px; position:relative; }
.menu-close{
  position:absolute; right:12px; top:56px;
  appearance:none; border:0; background:transparent; cursor:pointer; line-height:0;
}

/* 섹션 */
.menu-section h3{ font-size:24px; font-weight:700; line-height:1; letter-spacing:-1px; color:#222222; margin:6px 0 16px; }

/* 섹션 구분선 */
.menu-hr{
  height:1px;
  background:rgba(223,230,246,1);
  margin:64px 0 70px;
}

/* 회사소개 / 고객지원 – 단순 리스트 */
.menu-links{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px 24px; margin-top:36px }
.menu-links.cs{ grid-template-columns:repeat(4,1fr) }
.menu-links a{ color:#222222; text-decoration:none; font-size:20px; line-height:1.6 }
.menu-links a:hover{ text-decoration:underline; text-underline-offset:3px }

/* 솔루션 – navigationData로 동적 */
.menu-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.menu-grid .menu-col{ margin-top: 27px; }
.menu-col h4{ font-size:20px; color:#222222; line-height:1; height:74px; border-bottom:1px solid #DFE6F6;}
.menu-col h5{ margin:32px 0 8px; font-size:14px; line-height:1; color:rgba(28, 100, 255, 1); font-weight:700; }
.menu-col ul{ list-style:none; padding:0; margin:0 0 16px }
.menu-col ul:last-child{ margin-bottom:0; }
.menu-col li{ padding:4px 0; font-size:14px; line-height:1.5 }
.menu-col a{ color:#222; text-decoration:none }
.menu-col a:hover{ text-decoration:underline; text-underline-offset:3px }

/* 산업 – industrialData로 동적 */
.menu-industry{ display:grid; grid-template-columns:repeat(4,1fr); gap:13px 24px; margin-top:38px; }
.menu-industry a{ color:#222222; text-decoration:none; font-size:20px; line-height:1.6 }
.menu-industry a:hover{ text-decoration:underline; text-underline-offset:3px }

/* === [모바일 전용] 솔루션 2Depth 아코디언 === */
.menu-acc{
  appearance:none; background:transparent; border:0; width:100%;
  display:flex; align-items:center; justify-content:space-between;
  text-align:left; padding:0 24px; margin:18px 0 10px;
  font-size:16px; font-weight:700; line-height:1; color:#1C64FF; /* 2Depth 색상 */
  cursor: pointer;
}
.menu-acc::after{
  content:''; width:20px; height:20px; flex:0 0 20px;
  background-repeat:no-repeat; background-size:contain;
  /* GNB 솔루션 오버레이 2Depth와 같은 아이콘 */
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9.5" fill="%23C4CFE7" fill-opacity="1" stroke="%23AFC1E9"/><path d="M13.292 8.29297C13.6824 7.90235 14.3147 7.90235 14.7051 8.29297C15.0955 8.68359 15.0955 9.31642 14.7051 9.70703L10.7061 13.708C10.6084 13.8057 10.4954 13.8789 10.375 13.9277C10.315 13.9521 10.2533 13.9712 10.1904 13.9834C10.0958 14.0017 9.99899 14.0062 9.90332 13.9971C9.68016 13.9758 9.46289 13.879 9.29199 13.708L5.29297 9.70703C4.90256 9.31642 4.90258 8.68359 5.29297 8.29297C5.68339 7.90235 6.31563 7.90237 6.70605 8.29297L9.99902 11.5859L13.292 8.29297Z" fill="white"/></svg>');
  transform:rotate(0deg); transform-origin:center/100%;
  transition:transform .28s ease;
}
.menu-acc[aria-expanded="true"]::after{ transform:rotate(180deg); }

.menu-panel{ overflow:hidden; transition:max-height .28s ease; padding:0; }
.menu-panel[hidden]{ display:block; } /* 흐름 유지용 */

/* 바디 스크롤 잠금 */
body.menu-locked{ overflow:hidden; }

@media (min-width:769px){
  .menu-col h4 + .menu-acc{margin-top:29px;}
  .menu-acc{ padding:0; margin:34px 0 8px; font-size:16px;}
  .menu-acc::after{ display:none; }
  .menu-panel{ max-height:none!important; }
}

/* 반응형 */
@media (max-width:1024px){
  .menu-grid{ grid-template-columns:repeat(2,1fr); }
  .menu-links{ grid-template-columns:repeat(2,1fr); }
  .menu-industry{ grid-template-columns:repeat(2,1fr); }
}
/* 모바일 */
@media (max-width:768px){
  .brand img{height:22px}
  .menu-wrap{ padding:18px 16px 80px; }
  .menu-grid{ grid-template-columns:1fr; }
  .menu-links, .menu-links.cs{ grid-template-columns:1fr; }
  .menu-industry{ grid-template-columns:1fr; }
  .menu-topbar{
    display:block;
    top: 0; z-index: 2;
    background:#fff; color:#2A2F39;
    height:73px;
    margin:0;
    padding:20px 32px 24px;
    border-bottom:1px solid #EEF0F4;
    position:relative;
  }
  .menu-topbar-title {
    font-size: 20px;
    font-weight: 700;
  }
  /* 우상단 닫기 버튼 */
  .menu-topbar .menu-close--top{
    position:absolute; right:18px; top:24px;
    appearance:none; border:0; background:transparent; line-height:0; cursor:pointer;
  }
  /* 기존 데스크톱용 닫기 버튼은 모바일에서 숨김 */
  .menu-wrap > .menu-close{ display:none; }

  /* 상단바 아래 콘텐츠 시작 여백 보정(모바일) */
  .menu-wrap{ padding-top:0; }

  .menu-section{
    border:1px solid #EEEEEE;
    border-radius:24px;
    box-shadow:8px 8px 32px -10px #0000001A;
    padding-bottom:18px;
  }
  .menu-links { margin:0; }
  .menu-hr { display:none; }
  .menu-hr + .menu-section {
    margin-top:24px;
  }
  .menu-section h3 { font-size:20px; padding:28px 24px; margin:0; }
  .menu-links a { font-size:16px; padding:2px 24px; border-bottom:1px solid #E8EFFF; height:38px; }
  .menu-links a:last-child { border-bottom:none; }

  .menu-col h4 { font-size:16px; padding:0 24px; margin-bottom:unset; border-bottom:none; }
  .menu-col h5 { font-size:16px; padding:0 24px; margin-bottom:10px; }
  .menu-col ul { margin-top:-2px; }
  .menu-col li { padding:0 24px; line-height:2.7; }
  .menu-grid { gap:9px; }
  .menu-grid .menu-col{ margin-top:6px; }

  /* 두 번째 .menu-col부터 위에 1px 라인 생성 */
  .menu-grid .menu-col + .menu-col{
    position: relative;
  }
  .menu-grid .menu-col + .menu-col::before{
    content:"";
    display:block;
    height:1px;
    background:#E8EFFF;
    margin-bottom:28px;
  }

  .menu-industry { margin-top:3px; }
  .menu-industry a { font-size:16px; padding:5px 24px; border-bottom:1px solid #E8EFFF; height:35px; line-height:1; }
  .menu-industry a:last-child { border-bottom:none; }

  footer {
    padding: 64px 0 122px!important;
  }
  footer .family-site {
    top: calc(100% + 32px);
    left: 16px;
  }
  footer .family-list {
    top:unset;
    left:0;
    right:unset;
    bottom:32px;
  }
  footer .family-list li {
    border-left: 1px solid #A8ADBB;
    border-right: 1px solid #A8ADBB;
    border-top:1px solid #A8ADBB;
    border-bottom:none;
  }
  .sub footer .family-list li {
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-top:1px solid #D9D9D9;
    border-bottom:none;
  }
}

/* Float Layer */
#floatingAlertLayer { z-index:10020;}
#floatingConfirmLayer { z-index:10010;}
.float-layer { position: fixed; width: 100%; height: 100dvh; top: 0; left: 0; display: none; align-items: center; justify-content: center; z-index: 10000;}
.float-layer .inner { position:relative; border:1px solid #E4EAF5; background-color: #fff; opacity: 0; box-shadow: 6px 14px 16px 0px #0F152240; z-index: 1001; width: auto; min-width: 320px; max-width: 665px; transition: all .2s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(10vh); border-radius:14px;}
.float-layer .inner-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100vw; height: 100dvh; background: rgba(0, 0, 0, 0.4); z-index: 998; transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);}
.float-layer.on .inner { transform: translateY(0vh); opacity: 1;}
.float-layer.on .inner-overlay { opacity: 1; transition-delay: 0s;}
.float-layer .close-area { position:absolute; right:32px; top:32px; cursor:pointer;}
.float-layer .message { padding: 80px 80px 28px; font-size: 24px; font-weight:700; letter-spacing: -.5px; text-align: center; overflow-y: auto; max-height: calc(100dvh - 8rem); line-height: 1.6;}
.float-layer .icon-area { background-position:center center;}
.float-layer .icon-area.icon-ok { height:101px; background-repeat:no-repeat;background-image: url(/assets/app/img/icon_popup_layer_ok.png);}
.float-layer .icon-area.icon-x { height:101px; background-repeat:no-repeat;background-image: url(/assets/app/img/icon_popup_layer_x.png);}
.float-layer .icon-area.icon-complete { height:101px; background-repeat:no-repeat;background-image: url(/assets/app/img/icon_popup_layer_complete.png);}
.float-layer .btn-area { width: 100%; padding:38px 0 64px 0; text-align: center;}
.float-layer .btn-area a, .float-layer .btn-area button { border:none;border-radius:24px; background-color:#222222; font-size:16px; font-weight:700; color:#fff; padding:12px 64px; cursor:pointer; }
.float-layer .btn-area a, .float-layer .btn-area button.btn-confirm { width:150px; padding:12px 32px;background-color:#1C64FF;}
.float-layer .btn-area a, .float-layer .btn-area button.btn-cancel { width:150px; padding:12px 32px;}
.float-layer .btn-area a:active, .float-layer .btn-area a:focus, .float-layer .btn-area button:active,
.float-layer .btn-area button:focus { outline: none;}
.float-layer .btn-area a:first-child, .float-layer .btn-area button:first-child { border-left: none;}
.float-layer .btn-area .btn-cancel { color: var(--layer-popup-cancel-btn-color)}
.float-layer .btn-area .btn-confirm { margin-left:10px; color: var(--layer-popup-confirm-btn-color)}
.float-layer .btn-area .btn-close { color: var(--layer-popup-close-btn-color)}

/* top 버튼 */
.top-btn-cont { width: 72px;position:fixed;bottom:32px;right:32px;z-index:1;transition:all .3s ease;}
.top-btn-cont .floating-inquiry-link { background-color:#222;color:#fff;font-size:18px;padding:0 18px;display:flex;height:72px;justify-items:center;align-items:center;line-height:1.3;word-break:break-all;}
.top-btn-cont .floating-inquiry-link.en { font-size:15px;padding: 0 6px;text-align:center;}
.top-btn-cont .floating-top-btn { background-color:#1C64FF;border:none;color:#fff;width:100%;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:16px;}
.top-btn-cont .floating-top-btn img { margin-left:3px;}

@media (max-width:768px){
  .float-layer .message { font-size:20px; padding: 80px 32px 28px;}
  .float-layer .btn-area { padding:38px 12px 48px;}
  .top-btn-cont { display:none!important;}
}

.working-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background-color: #000; opacity: .7; z-index: 20000; display:none;}
.working-overlay.on { display: flex!important; justify-content:center;}
.working-overlay i { color: #fff;}
.loading-spinner { height: 100%; display: flex; justify-content: center; align-items: center;}
.loading-spinner .spinner { width: 70px; height: 70px; border: 8px #fff solid; border-top: 8px solid #1C64FF; border-radius: 50%; animation: spinner-anime 0.8s infinite linear; z-index: 1200;}
@keyframes spinner-anime {
  100% { 
      transform: rotate(360deg);
  }
}
/* =========================================================
   [MENU OVERLAY] Mobile Accordion (<=768px)
========================================================= */
/* ✅ PC(기본)에서는 모바일 아코디언 숨김 */
#menuOverlay .menu-mobile-acc { display:none; }
@media (max-width:768px){
  #menuOverlay .menu-wrap { height:100dvh;padding:0!important;}
  /* 모바일에선 기존 섹션(PC 레이아웃) 숨기고, 모바일 아코디언만 노출 */
  #menuOverlay .menu-wrap > .menu-section,
  #menuOverlay .menu-wrap > .menu-hr,
  #menuOverlay .menu-wrap > .menu-close{ display:none !important; }

  /* 모바일 아코디언 컨테이너 */
  #menuOverlay .menu-mobile-acc{
    margin-top: 12px;
    display:grid;
  }

  /* 공통 버튼/링크 */
  #menuOverlay .mmo-btn,
  #menuOverlay .mmo-link{
    width:100%;
    border:0;
    appearance:none;
    background:none;
    cursor:pointer;
    text-align:left;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 32px;
    position:relative;
    user-select:none;
  }

  /* ====== 1Depth ====== */
  #menuOverlay .mmo-l1-btn{
    height:68px;
    font-size:20px;
    font-weight:700;
    color:#000;
    background:#fff;
    border-bottom:1px solid #EEF0F4;
  }
  #menuOverlay .mmo-item.is-open > .mmo-l1-btn{
    color:#1C64FF;
  }

  /* 1Depth 화살표(chevron) */
  #menuOverlay .mmo-l1-btn::after{
    content:"";
    width:10px; height:6px;
    flex:0 0 10px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    /* 닫힘 아이콘(#2A2F39) */
    background-image:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70801 0.292969C1.31758 -0.0976517 0.685349 -0.0976522 0.294922 0.292969C-0.09548 0.683592 -0.0954971 1.31642 0.294922 1.70703L4.29395 5.70801C4.39162 5.80573 4.50456 5.87891 4.625 5.92773C4.68503 5.95209 4.74671 5.97119 4.80957 5.9834C4.90417 6.00174 5.00101 6.00624 5.09668 5.99707C5.31984 5.97577 5.53711 5.87899 5.70801 5.70801L9.70703 1.70703C10.0974 1.31642 10.0974 0.683594 9.70703 0.292969C9.31661 -0.0976461 8.68437 -0.0976334 8.29395 0.292969L5.00098 3.58594L1.70801 0.292969Z" fill="%232A2F39"/></svg>');
    transform: rotate(0deg);
    transition: transform .18s ease;
  }
  #menuOverlay .mmo-item.is-open > .mmo-l1-btn::after{
    /* 열린 아이콘 = 180도 회전 + #1C64FF */
    background-image:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70801 0.292969C1.31758 -0.0976517 0.685349 -0.0976522 0.294922 0.292969C-0.09548 0.683592 -0.0954971 1.31642 0.294922 1.70703L4.29395 5.70801C4.39162 5.80573 4.50456 5.87891 4.625 5.92773C4.68503 5.95209 4.74671 5.97119 4.80957 5.9834C4.90417 6.00174 5.00101 6.00624 5.09668 5.99707C5.31984 5.97577 5.53711 5.87899 5.70801 5.70801L9.70703 1.70703C10.0974 1.31642 10.0974 0.683594 9.70703 0.292969C9.31661 -0.0976461 8.68437 -0.0976334 8.29395 0.292969L5.00098 3.58594L1.70801 0.292969Z" fill="%231C64FF"/></svg>');
    transform: rotate(180deg);
  }

  /* ====== 패널(아코디언) ====== */
  #menuOverlay .mmo-panel{
    overflow:hidden;
    max-height:0;
    transition:max-height .26s ease;
  }
  #menuOverlay .mmo-panel[hidden]{ display:block; } /* 흐름 유지용 */

  /* ====== 2~4Depth 공통 ====== */
  #menuOverlay .mmo-l2-btn,
  #menuOverlay .mmo-l3-btn{
    height:57px;
    font-size:16px;
    font-weight:700;
    color:#222222;
    padding-right:50px;
  }
  #menuOverlay .mmo-l2-btn {
    border-bottom:1px solid #DFE7F7;
  }
  #menuOverlay .mmo-l3-btn {
    font-weight:400!important;
    border-bottom:1px solid #DFE7F7;
  }
  #menuOverlay .mmo-item.is-open > .mmo-l2-btn,
  #menuOverlay .mmo-item.is-open > .mmo-l3-btn{
    color:#1C64FF;
  }

  /* 2Depth 배경 */
  #menuOverlay .mmo-l2-btn,
  #menuOverlay .mmo-l2-link{ background:#F5F8FF; }
  /* 3Depth 배경 */
  #menuOverlay .mmo-l3-btn,
  #menuOverlay .mmo-l3-link{ background:#EAEFFA; }
  /* 4Depth 배경 */
  #menuOverlay .mmo-l4-link{ background:#D1DBF0; }

  /* 2/3Depth chevron */
  #menuOverlay .mmo-l2-btn::after,
  #menuOverlay .mmo-l3-btn::after{
    content:"";
    position:absolute;
    right:32px;
    top:50%;
    transform:translateY(-50%) rotate(0deg);
    width:10px; height:6px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transition: transform .18s ease;
    background-image:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70801 0.292969C1.31758 -0.0976517 0.685349 -0.0976522 0.294922 0.292969C-0.09548 0.683592 -0.0954971 1.31642 0.294922 1.70703L4.29395 5.70801C4.39162 5.80573 4.50456 5.87891 4.625 5.92773C4.68503 5.95209 4.74671 5.97119 4.80957 5.9834C4.90417 6.00174 5.00101 6.00624 5.09668 5.99707C5.31984 5.97577 5.53711 5.87899 5.70801 5.70801L9.70703 1.70703C10.0974 1.31642 10.0974 0.683594 9.70703 0.292969C9.31661 -0.0976461 8.68437 -0.0976334 8.29395 0.292969L5.00098 3.58594L1.70801 0.292969Z" fill="%232A2F39"/></svg>');
  }
  #menuOverlay .mmo-item.is-open > .mmo-l2-btn::after,
  #menuOverlay .mmo-item.is-open > .mmo-l3-btn::after{
    background-image:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70801 0.292969C1.31758 -0.0976517 0.685349 -0.0976522 0.294922 0.292969C-0.09548 0.683592 -0.0954971 1.31642 0.294922 1.70703L4.29395 5.70801C4.39162 5.80573 4.50456 5.87891 4.625 5.92773C4.68503 5.95209 4.74671 5.97119 4.80957 5.9834C4.90417 6.00174 5.00101 6.00624 5.09668 5.99707C5.31984 5.97577 5.53711 5.87899 5.70801 5.70801L9.70703 1.70703C10.0974 1.31642 10.0974 0.683594 9.70703 0.292969C9.31661 -0.0976461 8.68437 -0.0976334 8.29395 0.292969L5.00098 3.58594L1.70801 0.292969Z" fill="%231C64FF"/></svg>');
    transform:translateY(-50%) rotate(180deg);
  }

  /* ====== Leaf link (하위 메뉴) 오른쪽 화살표: 오른쪽에서 24px ====== */
  #menuOverlay .mmo-link{
    height:57px;
    font-size:16px;
    font-weight:700;
    color:#222222;
    text-decoration:none;
    padding-right:56px; /* 아이콘 자리 */
  }
  #menuOverlay .mmo-link::after{
    content:"";
    position:absolute;
    right:32px;
    top:50%;
    transform:translateY(-50%);
    width:6px;
    height:10px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    /* 요청한 6x10 아이콘 */
    background-image:url('data:image/svg+xml;utf8,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292968 8.29199C-0.0976521 8.68242 -0.0976526 9.31465 0.292968 9.70508C0.683592 10.0955 1.31642 10.0955 1.70703 9.70508L5.70801 5.70605C5.80573 5.60838 5.87891 5.49545 5.92773 5.375C5.95209 5.31497 5.97119 5.25329 5.9834 5.19043C6.00174 5.09583 6.00624 4.99899 5.99707 4.90332C5.97577 4.68016 5.87899 4.46289 5.70801 4.29199L1.70703 0.292969C1.31642 -0.097444 0.683594 -0.0974151 0.292969 0.292969C-0.0976461 0.68339 -0.0976334 1.31563 0.292969 1.70605L3.58594 4.99902L0.292968 8.29199Z" fill="%232A2F39"/></svg>');
  }

  #menuOverlay .mmo-l2-btn, #menuOverlay .mmo-l2-link{ border-bottom:1px solid #DFE7F7;}
  #menuOverlay .mmo-l4-link{ padding:0 16px;font-weight:400;width:calc(100vw - 32px);}
  /*
  #menuOverlay .mmo-l4-link{ border-top:1px solid #B2C2E4; font-weight:400;}
  #menuOverlay .mmo-panel > .mmo-l4-link:last-child { border-bottom:1px solid #B2C2E4; }
  */

  .mmo-item .mmo-l3 .mmo-panel {
    background-color: #D1DBF0;
    border-top: 1px solid #B2C2E4;
    border-bottom: 1px solid #B2C2E4;
    justify-items: center;
  }
  #menuOverlay .mmo-link.mmo-l4-link {
    height: 56px !important;
  }
  #menuOverlay .mmo-link.mmo-l4-link:not(:first-child) {
    border-top:1px solid #B2C2E4;
    height: 57px !important;
  }
  #menuOverlay .mmo-link.mmo-l4-link:last-child {
    height: 56px !important;
  }
  #menuOverlay .mmo-link.mmo-l4-link.is-selected {
    pointer-events: none;
    cursor: default;
    padding-left:32px;
  }
  #menuOverlay .mmo-link.mmo-l4-link.is-selected::after {
    content: '▶ ';
    position: absolute;
    top: 25px;
    left: 16px;
    color: #1C64FF !important;
    font-size: 10px;
    background-image: none !important;
  }
  #menuOverlay .mmo-link.mmo-l4-link::after {
    right:16px !important;
  }

  /* 리스트 간 구분선(선택) */
  #menuOverlay .mmo-panel .mmo-btn,
  #menuOverlay .mmo-panel .mmo-link{
    border-radius:0;
  }
  /* 선택된(현재) 메뉴 컬러 */
  #menuOverlay .mmo-btn.is-selected,
  #menuOverlay .mmo-link.is-selected{
    color:#1C64FF !important;
    font-weight: 700 !important;
  }

  /* 2Depth/3Depth 버튼이 선택된 경우(열림/닫힘 무관) 화살표도 파란색 유지 */
  #menuOverlay .mmo-btn.is-selected::after{
    background-image:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.70801 0.292969C1.31758 -0.0976517 0.685349 -0.0976522 0.294922 0.292969C-0.09548 0.683592 -0.0954971 1.31642 0.294922 1.70703L4.29395 5.70801C4.39162 5.80573 4.50456 5.87891 4.625 5.92773C4.68503 5.95209 4.74671 5.97119 4.80957 5.9834C4.90417 6.00174 5.00101 6.00624 5.09668 5.99707C5.31984 5.97577 5.53711 5.87899 5.70801 5.70801L9.70703 1.70703C10.0974 1.31642 10.0974 0.683594 9.70703 0.292969C9.31661 -0.0976461 8.68437 -0.0976334 8.29395 0.292969L5.00098 3.58594L1.70801 0.292969Z" fill="%231C64FF"/></svg>') !important;
  }

  /* leaf(2/4Depth 링크) 우측 6x10 화살표도 파란색 */
  #menuOverlay .mmo-link.is-selected::after{
    background-image:url('data:image/svg+xml;utf8,<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292968 8.29199C-0.0976521 8.68242 -0.0976526 9.31465 0.292968 9.70508C0.683592 10.0955 1.31642 10.0955 1.70703 9.70508L5.70801 5.70605C5.80573 5.60838 5.87891 5.49545 5.92773 5.375C5.95209 5.31497 5.97119 5.25329 5.9834 5.19043C6.00174 5.09583 6.00624 4.99899 5.99707 4.90332C5.97577 4.68016 5.87899 4.46289 5.70801 4.29199L1.70703 0.292969C1.31642 -0.097444 0.683594 -0.0974151 0.292969 0.292969C-0.0976461 0.68339 -0.0976334 1.31563 0.292969 1.70605L3.58594 4.99902L0.292968 8.29199Z" fill="%231C64FF"/></svg>') !important;
  }
}