@charset "UTF-8";
@import url("layout_respond.css");
@import url("contents_respond.css");
/*-------------------------------------------------
title       : 서브 반응형
Author      : ㅈㅁㅈ
Create date : 2026-03-20
-------------------------------------------------*/
@media (max-width: 1280px) {
  .tab.line.full .btn-tab {
    font-size: 115%;
  }
}
@media (max-width: 767px) {
  #container .in-between .krds-side-navigation {
    padding-top: 5rem;
  }
  #container .in-between .krds-side-navigation .lnb-tit {
    font-size: 400%;
  }
  #container .in-between .krds-side-navigation .lnb-list {
    top: 19rem;
  }
  .tab.line.full {
    overflow: visible;
    position: relative;
    height: 6.8rem;
  }
  .tab.line.full::before {
    font-size: 125%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5.2rem;
    border-radius: 0.8rem;
    background-color: #72A730;
    color: #fff;
    content: attr(data-label);
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tab.line.full > ul {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    width: 100%;
    border-radius: 0 0 0.8rem 0.8rem;
    border: 1px solid #F4F4F8;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    -webkit-transition: var(--time2);
    transition: var(--time2);
  }
  .tab.line.full > ul::before {
    display: none;
  }
  .tab.line.full > ul .active {
    background-color: #F4F4F8;
  }
  .tab.line.full > ul .btn-tab {
    visibility: hidden;
    height: 0;
    opacity: 0;
    color: #333 !important;
    -webkit-transition: var(--time2);
    transition: var(--time2);
  }
  .tab.line.full.active {
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .tab.line.full.active > ul {
    visibility: visible;
    opacity: 1;
  }
  .tab.line.full.active > ul .btn-tab {
    visibility: visible;
    height: 5rem;
    opacity: 1;
  }
  #breadcrumb {
    top: 25rem;
  }
  #breadcrumb .breadcrumb li:not(.home):not(:last-child) {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: initial !important;
  }
  #breadcrumb .breadcrumb li::before, #breadcrumb .breadcrumb li:last-child:after {
    display: none !important;
  }
}
@media (max-width: 500px) {
  #container .in-between .krds-side-navigation .lnb-tit {
    font-size: 240%;
  }
  #container .in-between .krds-side-navigation .lnb-list {
    top: 16rem;
  }
  #breadcrumb {
    top: 22rem;
  }
}