@charset "UTF-8";
@import url("layout.css");
@import url("contents.css");
@import url("/resources/css/common/print.css");
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2026-03-20
-------------------------------------------------*/
.krds-main-menu .gnb-menu[class*=type]::before {
  width: 0.8rem;
  height: 0.8rem;
  opacity: 1;
}

#visual, #utile, .page-title-wrap, .krds-side-navigation .lnb-submenu, .lnb-toggle::after {
  display: none !important;
}

.contents_util {
  position: static;
}

[class*=board_] th {
  min-width: 5rem;
}

.contents_info {
  margin-top: 0;
}

#krds-footer {
  border-top: 1px solid #ddd;
}

#container .in-between {
  width: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#container .in-between .krds-side-navigation {
  display: block !important;
  overflow: visible;
  width: auto;
  min-width: 0;
  padding: 10rem 0 8rem;
  border: 0 none;
}
#container .in-between .krds-side-navigation .lnb-tit {
  font-size: 500%;
  position: relative;
  top: 3rem;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  padding: 0;
  margin-bottom: 2rem;
  border: 0 none;
  color: #111;
  text-align: center;
  line-height: 130%;
  -webkit-animation: motion 1s 1s forwards;
          animation: motion 1s 1s forwards;
}
#container .in-between .krds-side-navigation + .contents {
  width: 100%;
  max-width: calc(var(--width1) + 2rem);
  padding-bottom: 18rem;
}
#container .in-between .krds-side-navigation .lnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 25.9rem;
  z-index: 1;
  min-width: 12.1rem;
  margin-top: 0.1rem;
  padding: 0;
  border: 2px solid #111;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  opacity: 0;
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
#container .in-between .krds-side-navigation .lnb-list li {
  border: 0 none;
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
#container .in-between .krds-side-navigation .lnb-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0;
  padding: 0.5rem 1.5rem;
  background: none !important;
  font-size: inherit;
  font-weight: 500;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
#container .in-between .krds-side-navigation .lnb-list a::before {
  display: none;
}
#container .in-between .krds-side-navigation .lnb-list a:hover, #container .in-between .krds-side-navigation .lnb-list a:focus {
  background-color: #F4F4F8 !important;
}
#container .in-between .krds-side-navigation .lnb-list.active {
  padding: 1.4rem 0;
  opacity: 1;
}
#container .in-between .krds-side-navigation .lnb-list.active a {
  height: 2.9rem;
}

@-webkit-keyframes motion {
  100% {
    top: 0;
    opacity: 1;
    -webkit-filter: none;
            filter: none;
  }
}

@keyframes motion {
  100% {
    top: 0;
    opacity: 1;
    -webkit-filter: none;
            filter: none;
  }
}
@-webkit-keyframes breadcrumb {
  100% {
    margin: 0;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes breadcrumb {
  100% {
    margin: 0;
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
#breadcrumb {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  top: 32.4rem;
  margin: 3rem 0 0;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  padding: 0;
  white-space: nowrap;
  -webkit-animation: breadcrumb 1s 1.2s forwards;
          animation: breadcrumb 1s 1.2s forwards;
}
#breadcrumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  border-radius: 0;
  background: none !important;
  color: #111;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#breadcrumb a::before {
  display: none;
}
#breadcrumb li {
  font-size: inherit;
}
#breadcrumb li:not(:last-child)::after {
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 1.2rem;
  -webkit-mask: none;
          mask: none;
  border-radius: 100%;
  background-color: #bbb;
  content: "";
}
#breadcrumb li:last-child a {
  padding: 0 1.2rem 0 1.6rem;
  border: 2px solid #111;
  font-weight: 700;
}
#breadcrumb li:last-child a::after {
  margin-left: 0.5rem;
  font-size: 1rem;
  content: "▼";
  -webkit-transform: scaleY(0.75);
          transform: scaleY(0.75);
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
#breadcrumb li:last-child a.active::after {
  -webkit-transform: scaleY(0.75) rotate(180deg);
          transform: scaleY(0.75) rotate(180deg);
}

.tab.line.full {
  overflow: hidden;
  margin-bottom: 4rem;
  padding: 0.8rem;
  border-radius: 1rem;
  background-color: #F4F4F8;
}
.tab.line.full > ul {
  overflow-y: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab.line.full > ul::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 5.2rem;
  border-radius: 0.8rem;
  background-color: #72A730;
  content: "";
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
.tab.line.full .btn-tab {
  font-size: 125%;
  height: 5.2rem;
  border-bottom: 0 none;
  background: none !important;
  font-weight: 500;
  color: #333;
  -webkit-transition: var(--time2);
  transition: var(--time2);
}
.tab.line.full .btn-tab::before {
  display: none;
}
.tab.line.full.type1 > ul::before {
  width: 100%;
}
.tab.line.full.type1 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type1 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type2::before {
  left: 100%;
}
.tab.line.full.type1 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type3::before {
  left: 200%;
}
.tab.line.full.type1 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type4::before {
  left: 300%;
}
.tab.line.full.type1 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type5::before {
  left: 400%;
}
.tab.line.full.type1 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type6::before {
  left: 500%;
}
.tab.line.full.type1 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type7::before {
  left: 600%;
}
.tab.line.full.type1 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type8::before {
  left: 700%;
}
.tab.line.full.type1 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type1 > ul.type9::before {
  left: 800%;
}
.tab.line.full.type1 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul::before {
  width: 50%;
}
.tab.line.full.type2 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type2 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type2::before {
  left: 50%;
}
.tab.line.full.type2 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type3::before {
  left: 100%;
}
.tab.line.full.type2 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type4::before {
  left: 150%;
}
.tab.line.full.type2 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type5::before {
  left: 200%;
}
.tab.line.full.type2 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type6::before {
  left: 250%;
}
.tab.line.full.type2 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type7::before {
  left: 300%;
}
.tab.line.full.type2 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type8::before {
  left: 350%;
}
.tab.line.full.type2 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type2 > ul.type9::before {
  left: 400%;
}
.tab.line.full.type2 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul::before {
  width: 33.3333333333%;
}
.tab.line.full.type3 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type3 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type2::before {
  left: 33.3333333333%;
}
.tab.line.full.type3 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type3::before {
  left: 66.6666666667%;
}
.tab.line.full.type3 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type4::before {
  left: 100%;
}
.tab.line.full.type3 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type5::before {
  left: 133.3333333333%;
}
.tab.line.full.type3 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type6::before {
  left: 166.6666666667%;
}
.tab.line.full.type3 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type7::before {
  left: 200%;
}
.tab.line.full.type3 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type8::before {
  left: 233.3333333333%;
}
.tab.line.full.type3 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type3 > ul.type9::before {
  left: 266.6666666667%;
}
.tab.line.full.type3 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul::before {
  width: 25%;
}
.tab.line.full.type4 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type4 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type2::before {
  left: 25%;
}
.tab.line.full.type4 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type3::before {
  left: 50%;
}
.tab.line.full.type4 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type4::before {
  left: 75%;
}
.tab.line.full.type4 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type5::before {
  left: 100%;
}
.tab.line.full.type4 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type6::before {
  left: 125%;
}
.tab.line.full.type4 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type7::before {
  left: 150%;
}
.tab.line.full.type4 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type8::before {
  left: 175%;
}
.tab.line.full.type4 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type4 > ul.type9::before {
  left: 200%;
}
.tab.line.full.type4 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul::before {
  width: 20%;
}
.tab.line.full.type5 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type5 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type2::before {
  left: 20%;
}
.tab.line.full.type5 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type3::before {
  left: 40%;
}
.tab.line.full.type5 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type4::before {
  left: 60%;
}
.tab.line.full.type5 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type5::before {
  left: 80%;
}
.tab.line.full.type5 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type6::before {
  left: 100%;
}
.tab.line.full.type5 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type7::before {
  left: 120%;
}
.tab.line.full.type5 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type8::before {
  left: 140%;
}
.tab.line.full.type5 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type5 > ul.type9::before {
  left: 160%;
}
.tab.line.full.type5 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul::before {
  width: 16.6666666667%;
}
.tab.line.full.type6 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type6 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type2::before {
  left: 16.6666666667%;
}
.tab.line.full.type6 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type3::before {
  left: 33.3333333333%;
}
.tab.line.full.type6 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type4::before {
  left: 50%;
}
.tab.line.full.type6 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type5::before {
  left: 66.6666666667%;
}
.tab.line.full.type6 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type6::before {
  left: 83.3333333333%;
}
.tab.line.full.type6 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type7::before {
  left: 100%;
}
.tab.line.full.type6 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type8::before {
  left: 116.6666666667%;
}
.tab.line.full.type6 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type6 > ul.type9::before {
  left: 133.3333333333%;
}
.tab.line.full.type6 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul::before {
  width: 14.2857142857%;
}
.tab.line.full.type7 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type7 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type2::before {
  left: 14.2857142857%;
}
.tab.line.full.type7 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type3::before {
  left: 28.5714285714%;
}
.tab.line.full.type7 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type4::before {
  left: 42.8571428571%;
}
.tab.line.full.type7 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type5::before {
  left: 57.1428571429%;
}
.tab.line.full.type7 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type6::before {
  left: 71.4285714286%;
}
.tab.line.full.type7 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type7::before {
  left: 85.7142857143%;
}
.tab.line.full.type7 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type8::before {
  left: 100%;
}
.tab.line.full.type7 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type7 > ul.type9::before {
  left: 114.2857142857%;
}
.tab.line.full.type7 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul::before {
  width: 12.5%;
}
.tab.line.full.type8 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type8 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type2::before {
  left: 12.5%;
}
.tab.line.full.type8 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type3::before {
  left: 25%;
}
.tab.line.full.type8 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type4::before {
  left: 37.5%;
}
.tab.line.full.type8 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type5::before {
  left: 50%;
}
.tab.line.full.type8 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type6::before {
  left: 62.5%;
}
.tab.line.full.type8 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type7::before {
  left: 75%;
}
.tab.line.full.type8 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type8::before {
  left: 87.5%;
}
.tab.line.full.type8 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type8 > ul.type9::before {
  left: 100%;
}
.tab.line.full.type8 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul::before {
  width: 11.1111111111%;
}
.tab.line.full.type9 > ul.type1::before {
  left: 0%;
}
.tab.line.full.type9 > ul.type1 li:nth-child(1) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type2::before {
  left: 11.1111111111%;
}
.tab.line.full.type9 > ul.type2 li:nth-child(2) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type3::before {
  left: 22.2222222222%;
}
.tab.line.full.type9 > ul.type3 li:nth-child(3) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type4::before {
  left: 33.3333333333%;
}
.tab.line.full.type9 > ul.type4 li:nth-child(4) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type5::before {
  left: 44.4444444444%;
}
.tab.line.full.type9 > ul.type5 li:nth-child(5) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type6::before {
  left: 55.5555555556%;
}
.tab.line.full.type9 > ul.type6 li:nth-child(6) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type7::before {
  left: 66.6666666667%;
}
.tab.line.full.type9 > ul.type7 li:nth-child(7) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type8::before {
  left: 77.7777777778%;
}
.tab.line.full.type9 > ul.type8 li:nth-child(8) .btn-tab {
  font-weight: 600;
  color: #fff;
}
.tab.line.full.type9 > ul.type9::before {
  left: 88.8888888889%;
}
.tab.line.full.type9 > ul.type9 li:nth-child(9) .btn-tab {
  font-weight: 600;
  color: #fff;
}