/* =====================================================================
   chrome-only.css — 신규 헤더/푸터/사이드바(LNB) 공통 chrome 스타일
   전역 리셋 없이 .header / .footer / .lnb-aside 영역에만 적용 → 구 본문 미영향
   ===================================================================== */
.header *, .footer *, .lnb-aside * { margin:0; padding:0; box-sizing:border-box; }
.header ul, .header li, .footer ul, .footer li, .lnb-aside ul, .lnb-aside li { list-style:none; }
.header a, .footer a, .lnb-aside a { text-decoration:none; color:inherit; }
.header button, .footer button { display:flex; align-items:center; justify-content:center; padding:.35rem .75rem; border-radius:6px; font-size:.9rem; font-weight:500; background:transparent; border:none; cursor:pointer; font-family:inherit; }

/* footer 요소 자체 배경 (bare footer 선택자 보강) */
footer { width:100%; background-color:#343434; position:relative; z-index:5; }

/* ---- 유틸리티 (.header/.footer/.lnb-aside 스코프) ---- */
.header .d-flex, .footer .d-flex, .lnb-aside .d-flex {
  display: flex !important;
}

.header .ai-start, .footer .ai-start, .lnb-aside .ai-start {
  align-items: flex-start !important;
}

.header .ai-center, .footer .ai-center, .lnb-aside .ai-center {
  align-items: center !important;
}

.header .ai-end, .footer .ai-end, .lnb-aside .ai-end {
  align-items: flex-end !important;
}

.header .jc-between, .footer .jc-between, .lnb-aside .jc-between {
  justify-content: space-between !important;
}

.header .jc-center, .footer .jc-center, .lnb-aside .jc-center {
  justify-content: center !important;
}

.header .jc-end, .footer .jc-end, .lnb-aside .jc-end {
  justify-content: flex-end !important;
}

.header .fld-column, .footer .fld-column, .lnb-aside .fld-column {
  flex-direction: column !important;
}

.header .flex-1, .footer .flex-1, .lnb-aside .flex-1 {
  flex: 1 !important;
}

.header .w-100, .footer .w-100, .lnb-aside .w-100 {
  width: 100% !important;
}

.header .w-auto, .footer .w-auto, .lnb-aside .w-auto {
  width: auto !important;
}

.header .text-center, .footer .text-center, .lnb-aside .text-center {
  text-align: center !important;
}

.header .g-0, .footer .g-0, .lnb-aside .g-0 {
  gap: 0 !important;
}
.header .g-2, .footer .g-2, .lnb-aside .g-2 {
  gap: 0.2rem !important;
}
.header .g-4, .footer .g-4, .lnb-aside .g-4 {
  gap: 0.4rem !important;
}
.header .g-5, .footer .g-5, .lnb-aside .g-5 {
  gap: 0.5rem !important;
}
.header .g-6, .footer .g-6, .lnb-aside .g-6 {
  gap: 0.6rem !important;
}
.header .g-8, .footer .g-8, .lnb-aside .g-8 {
  gap: 0.8rem !important;
}
.header .g-10, .footer .g-10, .lnb-aside .g-10 {
  gap: 1rem !important;
}
.header .g-12, .footer .g-12, .lnb-aside .g-12 {
  gap: 1.2rem !important;
}
.header .g-16, .footer .g-16, .lnb-aside .g-16 {
  gap: 1.6rem !important;
}
.header .g-20, .footer .g-20, .lnb-aside .g-20 {
  gap: 2rem !important;
}
.header .g-24, .footer .g-24, .lnb-aside .g-24 {
  gap: 2.4rem !important;
}
.header .g-32, .footer .g-32, .lnb-aside .g-32 {
  gap: 3.2rem !important;
}
.header .g-40, .footer .g-40, .lnb-aside .g-40 {
  gap: 4rem !important;
}
.header .g-50, .footer .g-50, .lnb-aside .g-50 {
  gap: 5rem !important;
}
.header .g-60, .footer .g-60, .lnb-aside .g-60 {
  gap: 6rem !important;
}
.header .g-70, .footer .g-70, .lnb-aside .g-70 {
  gap: 7rem !important;
}
.header .g-80, .footer .g-80, .lnb-aside .g-80 {
  gap: 8rem !important;
}
.header .g-100, .footer .g-100, .lnb-aside .g-100 {
  gap: 10rem !important;
}

.header .mb-0, .footer .mb-0, .lnb-aside .mb-0 {
  margin-bottom: 0 !important;
}
.header .mb-4, .footer .mb-4, .lnb-aside .mb-4 {
  margin-bottom: 0.4rem !important;
}
.header .mb-8, .footer .mb-8, .lnb-aside .mb-8 {
  margin-bottom: 0.8rem;
}
.header .mb-12, .footer .mb-12, .lnb-aside .mb-12 {
  margin-bottom: 1.2rem !important;
}
.header .mb-16, .footer .mb-16, .lnb-aside .mb-16 {
  margin-bottom: 1.6rem !important;
}
.header .mb-20, .footer .mb-20, .lnb-aside .mb-20 {
  margin-bottom: 2rem !important;
}
.header .mb-24, .footer .mb-24, .lnb-aside .mb-24 {
  margin-bottom: 2.4rem !important;
}
.header .mb-32, .footer .mb-32, .lnb-aside .mb-32 {
  margin-bottom: 3.2rem !important;
}
.header .mb-36, .footer .mb-36, .lnb-aside .mb-36 {
  margin-bottom: 3.6rem !important;
}
.header .mb-40, .footer .mb-40, .lnb-aside .mb-40 {
  margin-bottom: 4rem !important;
}
.header .mb-48, .footer .mb-48, .lnb-aside .mb-48 {
  margin-bottom: 4.8rem !important;
}
.header .mb-60, .footer .mb-60, .lnb-aside .mb-60 {
  margin-bottom: 6rem !important;
}
.header .mb-auto, .footer .mb-auto, .lnb-aside .mb-auto {
  margin-bottom: auto !important;
}

.header .mt-0, .footer .mt-0, .lnb-aside .mt-0 {
  margin-top: 0 !important;
}
.header .mt-3, .footer .mt-3, .lnb-aside .mt-3 {
  margin-top: 0.3rem;
}
.header .mt-4, .footer .mt-4, .lnb-aside .mt-4 {
  margin-top: 0.4rem;
}
.header .mt-8, .footer .mt-8, .lnb-aside .mt-8 {
  margin-top: 0.8rem;
}
.header .mt-10, .footer .mt-10, .lnb-aside .mt-10 {
  margin-top: 1rem;
}
.header .mt-16, .footer .mt-16, .lnb-aside .mt-16 {
  margin-top: 1.6rem;
}
.header .mt-24, .footer .mt-24, .lnb-aside .mt-24 {
  margin-top: 2.4rem;
}
.header .mt-32, .footer .mt-32, .lnb-aside .mt-32 {
  margin-top: 3.2rem;
}
.header .mt-40, .footer .mt-40, .lnb-aside .mt-40 {
  margin-top: 4rem;
}
.header .mt-auto, .footer .mt-auto, .lnb-aside .mt-auto {
  margin-top: auto;
}

.header .ml-0, .footer .ml-0, .lnb-aside .ml-0 {
  margin-left: 0;
}
.header .ml-4, .footer .ml-4, .lnb-aside .ml-4 {
  margin-left: 0.4rem;
}
.header .ml-8, .footer .ml-8, .lnb-aside .ml-8 {
  margin-left: 0.8rem;
}
.header .ml-16, .footer .ml-16, .lnb-aside .ml-16 {
  margin-left: 1.6rem;
}
.header .ml-24, .footer .ml-24, .lnb-aside .ml-24 {
  margin-left: 2.4rem;
}
.header .ml-32, .footer .ml-32, .lnb-aside .ml-32 {
  margin-left: 3.2rem;
}
.header .ml-auto, .footer .ml-auto, .lnb-aside .ml-auto {
  margin-left: auto;
}

.header .mr-0, .footer .mr-0, .lnb-aside .mr-0 {
  margin-right: 0;
}
.header .mr-4, .footer .mr-4, .lnb-aside .mr-4 {
  margin-right: 0.4rem;
}
.header .mr-8, .footer .mr-8, .lnb-aside .mr-8 {
  margin-right: 0.8rem;
}
.header .mr-16, .footer .mr-16, .lnb-aside .mr-16 {
  margin-right: 1.6rem;
}
.header .mr-24, .footer .mr-24, .lnb-aside .mr-24 {
  margin-right: 2.4rem;
}
.header .mr-32, .footer .mr-32, .lnb-aside .mr-32 {
  margin-right: 3.2rem;
}
.header .mr-auto, .footer .mr-auto, .lnb-aside .mr-auto {
  margin-right: auto;
}

.header .m-auto, .footer .m-auto, .lnb-aside .m-auto {
  margin-left: auto;
  margin-right: auto;
}

.header .m-0, .footer .m-0, .lnb-aside .m-0 {
  margin: 0 !important;
}

.header .h-100, .footer .h-100, .lnb-aside .h-100 {
  height: 100%;
}


/* ---- 헤더/푸터/메가메뉴 규칙 ---- */

/* ===== from common/common.css ===== */

/* ===== from style/import.css ===== */
footer .footer {
  width: 85%;
  height: 180px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  footer .footer {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 2rem 1.5rem;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 1.5rem;
  }
}
@media (max-width: 768px) {
  footer .footer {
    padding: 1.5rem 1rem;
    gap: 1.25rem;
  }
}
@media (max-width: 1024px) {
  footer .footer .footer-left {
    width: 100%;
  }
}
footer .footer .footer-left .footer-logo {
  width: 180px;
}
@media (max-width: 1024px) {
  footer .footer .footer-left .footer-logo {
    width: 150px;
  }
}
@media (max-width: 768px) {
  footer .footer .footer-left .footer-logo {
    width: 120px;
  }
}
footer .footer .footer-left .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 1024px) {
  footer .footer .footer-left .footer-info {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.35rem !important;
  }
}
footer .footer .footer-left .footer-info p {
  font-size: 14px;
  font-weight: 400;
  color: #e7e7e7;
}
@media (max-width: 768px) {
  footer .footer .footer-left .footer-info p {
    font-size: 13px;
    line-height: 1.5;
  }
}
@media (max-width: 1024px) {
  footer .footer .footer-right {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  footer .footer .footer-right ul {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
  }
}
footer .footer .footer-right ul li {
  font-size: 14px;
  font-weight: 400;
  color: #e7e7e7;
}
@media (max-width: 768px) {
  footer .footer .footer-right ul li {
    font-size: 13px;
  }
}
footer .footer .footer-right ul .divider {
  color: #B8B8B8;
}
@media (max-width: 768px) {
  footer .footer .footer-right ul .divider {
    display: none;
  }
}
footer .footer .footer-right ul .bold {
  font-weight: 600;
}
footer .footer .footer-right .copyright {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #B8B8B8;
}
@media (max-width: 768px) {
  footer .footer .footer-right .copyright {
    margin-top: 0.5rem;
    font-size: 12px;
    line-height: 1.5;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.header .header-top {
  height: 46px;
  border-bottom: 1px solid #E8E8E8;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .header .header-top {
    height: auto;
    min-height: 46px;
    padding: 0.5rem 0;
  }
}
.header .header-top .header-top-inner {
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .header .header-top .header-top-inner {
    width: 100%;
    max-width: none;
    padding: 0 1.5rem;
  }
}
@media (max-width: 768px) {
  .header .header-top .header-top-inner {
    padding: 0 1rem;
    gap: 0.5rem;
  }
}
.header .header-top .header-top-inner .header-logo {
  width: 180px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .header .header-top .header-top-inner .header-logo {
    width: 150px;
  }
}
.header .header-top .header-top-inner .header-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.header .header-top .header-top-inner .header-login-status {
  font-size: 14px;
}
@media (max-width: 768px) {
  .header .header-top .header-top-inner .header-login-status {
    font-size: 12px;
  }
}
.header .header-top .header-top-inner .header-login-status .login-status {
  display: none;
  color: #75819B;
}
.header .header-top .header-top-inner .header-login-status .login-status.active {
  display: block;
}
@media (max-width: 768px) {
  .header .header-top .header-top-inner .header-login-status .login-status ul {
    flex-wrap: wrap;
    justify-content: flex-end !important;
    gap: 0.35rem 0.5rem !important;
  }
}
.header .header-top .header-top-inner .header-login-status .login-status .divider {
  color: #DDDDDD;
}
.header .header-top .header-top-inner .header-login-status .login-status .login-status-text {
  color: #1D4ED8;
}
.header .header-top .header-top-inner .header-login-status .login-status .login-status-text.name {
  font-weight: 700;
  text-decoration: underline;
}
.header .header-top .header-top-inner .header-login-status .login-status .timer {
  width: 64px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  font-size: 14px;
  background: #E3EAFF;
  border: 1px solid #93AAE9;
  color: #1D4ED8;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .header .header-top .header-top-inner .header-login-status .login-status .timer {
    width: 56px;
    height: 22px;
    font-size: 12px;
  }
}
.header .header-top .header-top-inner .header-login-status .login-status li:hover {
  color: #2A2A2A;
}
.header .header-top .header-top-inner .header-login-status .login-status .header-notice-link {
  position: relative;
  gap: 0.4rem;
  font-weight: 700;
  color: #000;
}
.header .header-top .header-top-inner .header-login-status .login-status .header-notice-link .notice-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background-color: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .header .header-top .header-top-inner .header-login-status .login-status .header-notice-link .notice-badge {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 10px;
  }
}
.header .header-nav-group {
  position: relative;
}
.header .header-menu-wrap {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: box-shadow 0.35s ease;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #E8E8E8;
}
@media (max-width: 1024px) {
  .header .header-menu-wrap {
    padding: 0 0.5rem;
  }
}
.header .header-menu-wrap .header-menu {
  height: 64px;
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .header .header-menu-wrap .header-menu {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 56px;
  }
}
.header .header-menu-wrap .header-menu .header-menu-item {
  position: relative;
  width: 33.33%;
}
@media (max-width: 1024px) {
  .header .header-menu-wrap .header-menu .header-menu-item {
    width: auto;
    flex: 1;
    min-width: 0;
  }
}
.header .header-menu-wrap .header-menu .header-menu-item.active .gnb-link, .header .header-menu-wrap .header-menu .header-menu-item:hover .gnb-link {
  color: #3F4F7B;
  background-color: #E3EAFF;
}
.header .header-menu-wrap .header-menu .header-menu-item .gnb-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 1024px) {
  .header .header-menu-wrap .header-menu .header-menu-item .gnb-link {
    font-size: 14px;
    line-height: 1.3;
    padding: 0.5rem 0.35rem;
  }
}
@media (max-width: 768px) {
  .header .header-menu-wrap .header-menu .header-menu-item .gnb-link {
    font-size: 12px;
    padding: 0.45rem 0.2rem;
  }
}
.header .sub-nav-wrap {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background-color: #fff;
  border-top: 0 solid #75819B;
  border-bottom: 0 solid #E8E8E8;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: height 0.35s ease, opacity 0.35s ease, border-top-width 0.35s ease, border-bottom-width 0.35s ease;
}
.header .sub-nav-wrap ul {
  width: 85%;
  height: 100px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1279px) {
  .header .sub-nav-wrap ul {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: auto;
    padding: 0 1.5rem;
  }
}
@media (max-width: 1024px) {
  .header .sub-nav-wrap ul {
    padding: 0 1rem;
  }
}
.header .sub-nav-wrap ul .sub-nav {
  height: 100%;
  padding-left: 10rem;
  position: absolute;
  z-index: 1;
  display: none !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media (max-width: 1279px) {
  .header .sub-nav-wrap ul .sub-nav {
    padding-left: 0;
    width: 100%;
    height: auto;
    position: relative;
    flex-direction: column;
    align-items: stretch;
  }
}
.header .sub-nav-wrap ul .sub-nav.active, .header .sub-nav-wrap ul .sub-nav.is-leaving, .header .sub-nav-wrap ul .sub-nav.is-entering {
  display: flex !important;
}
.header .sub-nav-wrap ul .sub-nav.active {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.header .sub-nav-wrap ul .sub-nav.is-entering {
  z-index: 3;
}
.header .sub-nav-wrap ul .sub-nav.is-entering.is-visible {
  opacity: 1;
}
.header .sub-nav-wrap ul .sub-nav.is-leaving {
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3F4F7B;
  width: 20rem;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid #E8E8E8;
}
@media (min-width: 1280px) and (max-width: 1447px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-title {
    width: clamp(14rem, 22vw, 20rem);
  }
}
@media (max-width: 1279px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-title {
    width: 100%;
    height: auto;
    padding: 0.75rem 0;
    border-right: none;
    border-bottom: 1px solid #E8E8E8;
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-title {
    font-size: 1rem;
    padding: 0.5rem 0;
  }
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-title img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  display: block;
}
@media (max-width: 1279px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-title img {
    width: 2rem;
    height: 2rem;
  }
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-list {
  flex: 1;
  min-width: 0;
  padding-left: clamp(3rem, 8vw, 10rem);
  justify-content: flex-start !important;
  gap: 3rem;
}
@media (max-width: 1279px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-list {
    width: 100%;
    padding: 0.75rem 0 1rem;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 0.75rem 1.25rem;
  }
}
@media (max-width: 768px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-list {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
  }
}
@media (max-width: 768px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item {
    width: 100%;
  }
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link {
  position: relative;
  padding-left: 1.2rem;
  color: #3F4F7B;
  font-size: 18px;
}
@media (max-width: 768px) {
  .header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link {
    display: block;
    width: 100%;
    font-size: 14px;
  }
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 95%;
  background-color: #A0B3EA;
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link.active, .header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link:hover {
  color: #2A2A2A;
}
.header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link.active::before, .header .sub-nav-wrap ul .sub-nav .sub-nav-list .sub-nav-item .sub-nav-link:hover::before {
  background-color: #1D4ED8;
  animation: all 0.3s ease-in-out;
}
.header.sub-nav-open .header-menu-wrap, .header.sub-nav-closing .header-menu-wrap {
  box-shadow: none;
}
.header.sub-nav-open .sub-nav-wrap {
  height: 100px;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
@media (max-width: 1279px) {
  .header.sub-nav-open .sub-nav-wrap {
    height: auto;
    max-height: 70vh;
    overflow-y: auto;
  }
}
.header.sub-nav-closing .sub-nav-wrap {
  height: 0;
  opacity: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
.header.sub-nav-closing .sub-nav-wrap .sub-nav.active {
  opacity: 0;
}

/* ---- 사이드바(LNB) / main.sub 레이아웃 규칙 ---- */

/* ===== from style/import.css ===== */
.main.sub {
  position: relative;
  padding-top: 111px;
  left: 0;
  width: 100%;
  z-index: 0;
  --header-height: 111px;
}
@media (max-width: 1024px) {
  .main.sub {
    padding-top: 114px;
    --header-height: 114px;
  }
}
@media (max-width: 768px) {
  .main.sub {
    padding-top: 124px;
    --header-height: 124px;
  }
}
.main.sub {
  --content-width: 85%;
  display: grid;
  grid-template-columns: 320px minmax(0, calc((100% + var(--content-width)) / 2 - 320px));
  align-items: start;
  overflow: visible;
}
@media (max-width: 1279px) {
  .main.sub {
    grid-template-columns: 1fr;
  }
}
.main.sub .lnb-aside {
  grid-column: 1;
  position: sticky;
  top: var(--header-height);
  align-self: start;
  width: 320px;
  height: calc(100vh - var(--header-height));
  height: calc(100dvh - var(--header-height));
  background-color: #1A3FAA;
  overflow-y: auto;
  z-index: 2;
}
@media (max-width: 1279px) {
  .main.sub .lnb-aside {
    display: none;
  }
}
.main.sub {
  transition: grid-template-columns 0.3s ease;
}
.main.sub .lnb-toggle-btn {
  position: fixed;
  top: 50%;
  left: 320px;
  transform: translateY(-50%);
  z-index: 50;
  width: 28px;
  height: 64px;
  background: #1A3FAA;
  border: none;
  border-radius: 0 8px 8px 0;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: left 0.3s ease;
}
.main.sub .lnb-toggle-btn iconify-icon {
  font-size: 18px;
  transition: transform 0.3s ease;
}
@media (max-width: 1279px) {
  .main.sub .lnb-toggle-btn {
    display: none;
  }
}
.main.sub.lnb-collapsed {
  grid-template-columns: 0px minmax(0, 100%);
}
.main.sub.lnb-collapsed .lnb-aside {
  width: 0;
  min-width: 0;
  overflow: hidden;
  border: none;
}
.main.sub.lnb-collapsed .main-inner {
  width: 85%;
  margin: 0 auto;
  padding-left: 0;
}
.main.sub.lnb-collapsed .lnb-toggle-btn {
  left: 0;
}
.main.sub.lnb-collapsed .lnb-toggle-btn iconify-icon {
  transform: rotate(180deg);
}
.main.sub .lnb {
  width: 100%;
  min-height: 100%;
  color: #fff;
}
.main.sub .lnb .krds-side-navigation {
  width: 100%;
}
.main.sub .lnb h2,
.main.sub .lnb .lnb-tit {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  padding: 3rem 0;
  padding-left: calc(2rem + 5px + 1rem);
  position: relative;
  text-align: center;
}
.main.sub .lnb h2::before,
.main.sub .lnb .lnb-tit::before {
  content: "";
  display: block;
  width: 5px;
  height: 1.5rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #A0B3EA;
}
.main.sub .lnb ul,
.main.sub .lnb .lnb-list {
  width: 100%;
}
.main.sub .lnb ul .lnb-item,
.main.sub .lnb .lnb-list .lnb-item {
  padding: 1rem 2rem;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
}
.main.sub .lnb ul .lnb-item a,
.main.sub .lnb .lnb-list .lnb-item a {
  width: 100%;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
}
.main.sub .lnb ul .lnb-item a iconify-icon,
.main.sub .lnb .lnb-list .lnb-item a iconify-icon {
  font-size: 1.375rem;
  stroke-width: 3px;
  color: #A0B3EA;
  opacity: 0;
}
.main.sub .lnb ul .lnb-item.active, .main.sub .lnb ul .lnb-item:hover,
.main.sub .lnb .lnb-list .lnb-item.active,
.main.sub .lnb .lnb-list .lnb-item:hover {
  background-color: #F5F5F5;
}
.main.sub .lnb ul .lnb-item.active a, .main.sub .lnb ul .lnb-item:hover a,
.main.sub .lnb .lnb-list .lnb-item.active a,
.main.sub .lnb .lnb-list .lnb-item:hover a {
  color: #2A2A2A;
}
.main.sub .lnb ul .lnb-item.active a iconify-icon, .main.sub .lnb ul .lnb-item:hover a iconify-icon,
.main.sub .lnb .lnb-list .lnb-item.active a iconify-icon,
.main.sub .lnb .lnb-list .lnb-item:hover a iconify-icon {
  opacity: 1;
}
.main.sub .main-inner {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 48px 0 100px 140px;
}
@media (max-width: 1279px) {
  .main.sub .main-inner {
    grid-column: 1;
    padding: 2rem 0 4rem;
  }
}
@media (max-width: 768px) {
  .main.sub .main-inner {
    padding: 1.5rem 0 3rem;
  }
}
.main.sub .main-inner .main-content .title-wrap {
  text-align: center;
}
.main.sub .main-inner .main-content .title-wrap h2 {
  font-size: 1.75rem;
}
@media (max-width: 768px) {
  .main.sub .main-inner .main-content .title-wrap h2 {
    font-size: 1.375rem;
  }
}
.main.sub .main-inner .main-content .title-wrap p {
  font-size: 1rem;
  color: #606060;
  margin-top: 0.5rem;
}
.main.sub .main-inner .main-content .content-wrap {
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .main.sub .main-inner .main-content .content-wrap {
    margin-top: 2rem;
  }
}
.main.sub .main-inner .main-content .content-wrap .table {
  width: 100%;
}