/*-------------------------------------------------

Title       : Sub
Author      : EASESOFT
Create Date : 2026-02

-------------------------------------------------*/
#sub_wrap {
  padding: 4rem 0 0;
}
#sub_wrap .snb_cont {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8rem;
}
#sub_wrap .bottom_info {
  margin-top: 10rem;
}

#sub_visual {
  display: none;
}

#snb {
  display: block;
  width: 24rem;
  flex: none;
  position: sticky;
  top: 12rem;
}
#snb .title {
  padding: 4.8rem 0;
  border-radius: 1.2rem;
  background: linear-gradient(to right, #00194A, #294987);
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  margin-bottom: 1.6rem;
}
#snb .depth2 > li + li {
  margin-top: 0.8rem;
}
#snb .depth2 > li > a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 5.2rem;
  border: 1px solid #ECECEC;
  border-radius: 1.2rem;
  padding: 0 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  color: #555555;
  transition: 0.3s;
  line-height: 1.1;
  word-break: keep-all;
  word-wrap: break-word;
}
#snb .depth2 > li > a::before, #snb .depth2 > li > a::after {
  content: "";
  position: absolute;
  right: 2.4rem;
  top: calc(50% - 2px);
  width: 0.8rem;
  height: 2px;
  background: #a3a3a3;
  border-radius: 2px;
}
#snb .depth2 > li > a::before {
  transform: rotate(45deg);
}
#snb .depth2 > li > a::after {
  transform: rotate(-45deg);
  top: calc(50% + 2px);
}
#snb .depth2 > li > a:hover {
  border-color: #3E7AC4;
  color: #FFFFFF;
  background: #3E7AC4;
}
#snb .depth2 > li > a:hover::before {
  background: #FFFFFF;
}
#snb .depth2 > li > a:hover::after {
  background: #FFFFFF;
}
#snb .depth2 > li.is-depth3 > a::before, #snb .depth2 > li.is-depth3 > a::after {
  position: absolute;
  right: 2.4rem;
  top: calc(50% - 1px);
  width: 1.2rem;
}
#snb .depth2 > li.is-depth3 > a::before {
  transform: rotate(0);
}
#snb .depth2 > li.is-depth3 > a::after {
  transform: rotate(90deg);
}
#snb .depth2 > li.is-depth3.active > a::after {
  transform: rotate(0);
}
#snb .depth2 > li.active > a {
  border-color: #3E7AC4;
  color: #FFFFFF;
  background: #3E7AC4;
}
#snb .depth2 > li.active > a::before {
  background: #FFFFFF;
}
#snb .depth2 > li.active > a::after {
  background: #FFFFFF;
}
#snb .depth3 {
  padding: 2.4rem;
}
#snb .depth3 a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 3.6rem;
  padding: 0.3rem 0 0.3rem 2.4rem;
  border-left: 1px solid #ECECEC;
  font-size: 1.6rem;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.3;
}
#snb .depth3 a:hover {
  border-color: #0080FB;
}
#snb .depth3 .active a {
  border-color: #0080FB;
  font-weight: 600;
  color: #151515;
}

#contents {
  flex: none;
  width: calc(100% - 32rem);
}

#contents_util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5.6rem;
}
#contents_util .location {
  display: none;
}
#contents_util .nav_menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
#contents_util .nav_menu .go_home {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 1.8rem;
}
#contents_util .nav_menu .depth_box {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#contents_util .nav_menu .depth_box .depth_btn {
  position: relative;
  height: 3.6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #555555;
}
#contents_util .nav_menu .depth_box .depth_btn::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5;
}
#contents_util .nav_menu .depth_box .outer {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 20;
  overflow: hidden;
  max-height: 0;
}
#contents_util .nav_menu .depth_box .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 1px solid #dddddd;
  border-radius: 0.8rem;
  background: #fff;
  padding: 1rem 0;
}
#contents_util .nav_menu .depth_box li {
  padding: 0 1px;
  width: 100%;
}
#contents_util .nav_menu .depth_box a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  gap: 1rem;
  white-space: nowrap;
}
#contents_util .nav_menu .depth_box a::after {
  content: "";
  width: 1rem;
  height: 2rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.2rem;
  opacity: 0;
}
@media screen and (min-width: 1025px) {
  #contents_util .nav_menu .depth_box a:hover {
    background: #F8F8F8;
  }
  #contents_util .nav_menu .depth_box a:hover::after {
    opacity: 1;
  }
}
#contents_util .nav_menu .depth_box.open .outer {
  max-height: 50rem;
}
#contents_util .nav_menu .depth_box.open .depth_btn::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
#contents_util .nav_menu .depth_box:last-child .depth_btn {
  color: #151515;
}
#contents_util .nav_menu .depth_box:last-child .depth_btn::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
  opacity: 1;
}
#contents_util .nav_menu:has(.depth_box4) .depth_box3 .depth_btn {
  color: #151515;
}
#contents_util .nav_menu:has(.depth_box4) .depth_box3 .depth_btn::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23151515'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
  opacity: 1;
}
#contents_util .nav_menu:has(.depth_box4) .depth_box4 {
  display: none;
}
#contents_util .util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
}
#contents_util .util .zoom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}
#contents_util .util .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 4rem;
  height: 4rem;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  border: 1px solid transparent;
}
#contents_util .util .btn.up {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2rem;
}
#contents_util .util .btn.down {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2rem;
}
#contents_util .util .btn.open {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 7.01874C16.8807 7.01874 18 5.89945 18 4.51874C18 3.13803 16.8807 2.01874 15.5 2.01874C14.1193 2.01874 13 3.13803 13 4.51874C13 5.89945 14.1193 7.01874 15.5 7.01874Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 12.8521C6.88071 12.8521 8 11.7328 8 10.3521C8 8.97134 6.88071 7.85205 5.5 7.85205C4.11929 7.85205 3 8.97134 3 10.3521C3 11.7328 4.11929 12.8521 5.5 12.8521Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 18.6854C16.8807 18.6854 18 17.5661 18 16.1854C18 14.8047 16.8807 13.6854 15.5 13.6854C14.1193 13.6854 13 14.8047 13 16.1854C13 17.5661 14.1193 18.6854 15.5 18.6854Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.65833 11.6104L13.35 14.9271' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3417 5.77704L7.65833 9.09371' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 2rem;
}
#contents_util .util .btn.print {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.16652V2.33319H15V8.16652' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.00033 15.6665H3.33366C2.89163 15.6665 2.46771 15.4909 2.15515 15.1783C1.84259 14.8658 1.66699 14.4419 1.66699 13.9998V9.83317C1.66699 9.39114 1.84259 8.96722 2.15515 8.65466C2.46771 8.3421 2.89163 8.1665 3.33366 8.1665H16.667C17.109 8.1665 17.5329 8.3421 17.8455 8.65466C18.1581 8.96722 18.3337 9.39114 18.3337 9.83317V13.9998C18.3337 14.4419 18.1581 14.8658 17.8455 15.1783C17.5329 15.4909 17.109 15.6665 16.667 15.6665H15.0003' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12.3332H5V18.9999H15V12.3332Z' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 2rem;
}
@media screen and (min-width: 1025px) {
  #contents_util .util .btn:hover {
    background-color: #FFFFFF;
    border-color: #dddddd;
  }
}
#contents_util .util .share {
  position: relative;
}
#contents_util .util .share .item {
  position: absolute;
  transform: translate(0, -50%);
  right: calc(100% + 1rem);
  top: 50%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
#contents_util .util .share .item .title {
  display: none;
}
#contents_util .util .share .item .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  background-color: #fff;
  border-radius: 1.6rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#contents_util .util .share .item .list a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.2s;
}
#contents_util .util .share .item .list .facebook a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27778 9.22578V16.4258H5.6358V9.32578H7.90741L8.5 6.32578H5.6358C5.6358 6.32578 5.6358 4.92578 5.6358 4.12578C5.6358 3.82578 5.73457 3.42578 6.2284 3.42578C6.91975 3.42578 7.80864 3.42578 7.80864 3.42578V0.425781C7.80864 0.425781 6.32716 0.425781 4.74691 0.425781C3.75926 0.425781 2.27778 1.72578 2.27778 3.22578C2.27778 4.72578 2.27778 6.32578 2.27778 6.32578H0.5V9.32578L2.27778 9.22578Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-size: 1rem;
}
#contents_util .util .share .item .list .twitter a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.28191 0.70459H0.775146L8.45392 10.943L1.19339 19.2952H3.65669L9.59488 12.4642L14.7182 19.2953H21.225L13.2232 8.62639L20.1096 0.70459H17.6463L12.0823 7.10518L7.28191 0.70459ZM15.6477 17.4363L4.4933 2.56366H6.35237L17.5068 17.4363H15.6477Z' fill='%23000'/%3E%3C/svg%3E");
  background-size: 1.9rem;
}
#contents_util .util .share .item .list .band a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22' viewBox='0 0 16 22' fill='none'%3E%3Cpath d='M9.09028 6.37542C7.51518 6.49209 6.0276 7.19213 4.9192 8.30053V0.541748H0.0189209V20.9304H4.94837V19.3262C5.85259 20.6971 7.42768 21.5138 9.06111 21.4554C13.0572 21.2804 16.149 17.8969 15.974 13.93C15.974 13.9008 15.974 13.8717 15.974 13.8425C15.974 13.8425 15.7115 6.40458 9.09028 6.40458M8.01104 17.1385C6.26094 17.1385 4.86086 15.7385 4.86086 13.9884C4.86086 12.2383 6.26094 10.8382 8.01104 10.8382C9.76114 10.8382 11.1612 12.2383 11.1612 13.9884C11.1612 15.7385 9.76115 17.1385 8.04021 17.1385' fill='%23000'/%3E%3C/svg%3E");
  background-size: 1.4rem;
}
#contents_util .util .share .item .list .qrcode a {
  font-size: 1.4rem;
  font-weight: 700;
}
#contents_util .util .share .item .list .qrcode .qr {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% - 2rem);
  z-index: -1;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-top: none;
  background: #fff;
  padding: 3rem 1rem 1rem;
  text-align: center;
}
#contents_util .util .share .item .list .qrcode .qr img {
  display: block;
  margin: 0 auto;
}
#contents_util .util .share .item .list .qrcode .qr.show {
  display: block;
}
#contents_util .util .share .item .list .urlShare a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.4751 13.5972L15.0362 12.1583L16.4751 10.7195C18.4618 8.73277 18.4618 5.51166 16.4751 3.52496C14.4884 1.53824 11.2672 1.53824 9.28055 3.52496L7.84165 4.96385L6.40275 3.52496L7.84165 2.08605C10.6231 -0.695349 15.1326 -0.695349 17.914 2.08605C20.6954 4.86744 20.6954 9.37692 17.914 12.1583L16.4751 13.5972ZM13.5972 16.4751L12.1583 17.914C9.37701 20.6953 4.86744 20.6953 2.08605 17.914C-0.695349 15.1326 -0.695349 10.623 2.08605 7.84166L3.52494 6.40275L4.96385 7.84166L3.52494 9.28057C1.53824 11.2673 1.53824 14.4883 3.52494 16.4751C5.51165 18.4618 8.73275 18.4618 10.7194 16.4751L12.1583 15.0361L13.5972 16.4751ZM12.8778 5.68331L14.3168 7.12221L7.12221 14.3167L5.6833 12.8778L12.8778 5.68331Z' fill='%23000'/%3E%3C/svg%3E");
  background-size: 1.6rem;
}
#contents_util .util .share .item .btn_close {
  display: block;
  position: absolute;
  right: -5rem;
  top: 0.6rem;
  width: 4rem;
  height: 4rem;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23737373; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem;
  border-radius: 100%;
}
#contents_util .util .share.show .btn.open {
  opacity: 0;
  visibility: hidden;
}
#contents_util .util .share.show .item {
  opacity: 1;
  visibility: visible;
}

#contents_title {
  font-size: 5.6rem;
  font-weight: 700;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1;
  padding-bottom: 3.2rem;
}

#contents_body {
  min-height: 70rem;
  padding: 6.4rem 0 0;
}

#contents_info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.6rem;
}
#contents_info .satisfy {
  padding: 3.2rem;
  border: 1px solid #dddddd;
  border-radius: 1.6rem;
}
#contents_info .satisfy fieldset {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
}
#contents_info .satisfy .title {
  font-size: 1.8rem;
  font-weight: 700;
  flex: none;
}
#contents_info .satisfy form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
#contents_info .satisfy .m_select {
  display: none;
}
#contents_info .satisfy .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
#contents_info .satisfy li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#contents_info .satisfy .btn_box {
  margin-left: auto;
}
#contents_info .kogl {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  border: 1px solid #dddddd;
  padding: 1.6rem 3rem;
  border-radius: 2.4rem;
  font-weight: 500;
}
#contents_info .kogl .img {
  flex: none;
}
#contents_info .duty .title {
  display: none;
}
#contents_info .duty .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 2.4rem;
}
#contents_info .duty li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
#contents_info .duty .label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #555555;
}
#contents_info .duty strong {
  font-weight: 500;
}
#contents_info .duty .date {
  font-size: 1.4rem;
  color: #717171;
  margin-left: 3rem;
}

.depth4_tab {
  background: #fff;
  margin-bottom: 6rem;
}
.depth4_tab ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 1px solid #AAAAAA;
}
.depth4_tab li {
  flex: 1;
}
.depth4_tab a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  padding: 0 1rem;
  font-size: 1.7rem;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.2;
}
.depth4_tab li.on {
  display: none;
}
.depth4_tab li.active a {
  background: #00194A;
  border-color: transparent !important;
  color: #FFFFFF;
}
.depth4_tab li:first-child a {
  border-left: 1px solid #ddd;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1440px) {
  #sub_wrap .snb_cont {
    gap: 4rem;
  }
  #snb {
    width: 22rem;
  }
  #contents {
    width: calc(100% - 26rem);
  }
}
@media (max-width: 1280px) {
  #sub_wrap .snb_cont {
    gap: 2.4rem;
  }
  #snb {
    width: 20rem;
  }
  #snb .title {
    padding: 4rem 0;
    font-size: 2rem;
  }
  #snb .depth2 > li > a {
    height: 4.8rem;
    font-size: 1.6rem;
  }
  #snb .depth3 {
    padding: 2.4rem 0.5rem 2.4rem 1rem;
  }
  #snb .depth3 a {
    padding-left: 1rem;
    font-size: 1.5rem;
  }
  #contents {
    width: calc(100% - 22.4rem);
  }
  #contents_util {
    margin-bottom: 4rem;
  }
  #contents_title {
    font-size: 4rem;
  }
}
@media (max-width: 1024px) {
  #sub_wrap .snb_cont {
    display: block;
  }
  #sub_wrap .bottom_info {
    margin-top: 6.4rem;
  }
  #snb {
    display: none;
  }
  #contents {
    width: 100%;
  }
  #contents_title {
    font-size: 4rem;
    padding: 0;
    border: none;
  }
  #contents_info .kogl {
    flex-direction: column;
  }
  #contents_info .duty .list {
    flex-wrap: wrap;
    gap: 1rem 2.4rem;
    justify-content: flex-start;
  }
  #contents_info .duty .date {
    width: 100%;
    margin: 0;
    justify-content: flex-end;
  }
  #contents_info .satisfy {
    padding: 2rem;
  }
  #contents_info .satisfy .title {
    display: none;
  }
  #contents_info .satisfy #s_form {
    flex-direction: column;
    align-items: flex-start;
  }
  #contents_info .satisfy #s_form .m_select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding: 0 1rem;
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    cursor: pointer;
    font-size: 1.5rem;
  }
  #contents_info .satisfy #s_form .m_select::before {
    content: "\ea50";
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    height: 100%;
    font-size: 2rem;
    line-height: 4rem;
    font-family: "remixicon";
  }
  #contents_info .satisfy #s_form .list {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0.5rem 1rem;
    background: #FFFFFF;
    border: 1px solid #dddddd;
    border-top: none;
  }
  #contents_info .satisfy #s_form .list li {
    width: 100%;
    padding: 0.6rem 0;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem;
  }
  #contents_info .satisfy #s_form .list li:last-child {
    border: none;
  }
  #contents_info .satisfy #s_form .btn_box {
    justify-content: stretch;
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
  }
  #contents_info .satisfy #s_form .btn_box .btn {
    width: 100%;
  }
  #contents_info .satisfy #s_form .end span {
    display: block;
  }
  #contents_info .satisfy #s_form.active .list {
    display: block;
  }
}
@media (max-width: 768px) {
  #sub_wrap {
    padding: 2.4rem 0 0;
  }
  #contents_util {
    gap: 0.5rem 1rem;
    flex-wrap: wrap;
  }
  #contents_util .nav_menu .go_home {
    width: 1.8rem;
  }
  #contents_util .nav_menu .depth_box .depth_btn {
    font-size: 1.4rem;
  }
  #contents_util .nav_menu .depth_box a {
    font-size: 1.5rem;
  }
  #contents_util .nav_menu:has(.depth_box3) .depth_box1,
  #contents_util .nav_menu:has(.depth_box3) .depth_box2 {
    display: none;
  }
  #contents_util .nav_menu:has(.depth_box2):not(.depth_box3) .depth_box1 {
    display: none;
  }
  #contents_title {
    font-size: 3.6rem;
  }
}
@media (max-width: 370px) {
  #contents_title {
    font-size: 3.2rem;
  }
}