@charset "UTF-8";
@import url("/font/gowun_dodum.css");
/*-------------------------------------------------

Title       : Sub
Author      : EASESOFT
Create Date : 2025-01

-------------------------------------------------*/
#sub_wrap {
  padding-bottom: 9rem;
  transition: 0.1s;
  overflow: hidden;
}
#sub_wrap::before {
  content: "";
  position: absolute;
  left: -16rem;
  top: 40%;
  width: 33rem;
  height: 33rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%23F18D8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%23F18D8B'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
  opacity: 0.1;
  animation: sub_symbol_rotate linear 20s infinite forwards;
}
@keyframes sub_symbol_rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.sub_visual {
  height: 38rem;
  padding-top: 10rem;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
}
.sub_visual .img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sub_visual .img img {
  animation: sub_visual_bg 7s linear;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub_visual .desc {
  overflow: hidden;
}
.sub_visual .title {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.25);
  animation: sub_visual_title 0.7s 0.2s ease-in-out forwards;
  transform: translateY(6rem);
}
@keyframes sub_visual_bg {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes sub_visual_title {
  0% {
    transform: translateY(6rem);
  }
  100% {
    transform: translateY(0);
  }
}

#snb {
  position: absolute;
  z-index: 10;
  width: calc(100% - 3.2rem);
  max-width: 144rem;
  margin: 0 auto;
  transform: translateY(-7.2rem);
  padding-bottom: 1.6rem;
}
#snb .title {
  display: none;
}
#snb .depth_btn {
  display: none;
}
#snb #contents_title {
  margin-bottom: 4rem;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
#snb .btn {
  display: none;
}
#snb .depth2 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 100%;
}
#snb .depth2 li {
  flex: 0 1 auto;
  min-width: 22rem;
}
#snb .depth2 a {
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 5.6rem;
  padding: 0 2.4rem;
  border-radius: 0.8rem;
  font-weight: 600;
  transition: 0.3s;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.1;
  word-break: keep-all;
  word-wrap: break-word;
}
#snb .depth2 a em {
  position: relative;
  z-index: 1;
}
#snb .depth2 a::before {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20%;
  height: 100%;
  background: linear-gradient(to right, #374ED3, #E44564);
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  #snb .depth2 a:hover::before {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
  #snb .depth2 a:hover::after {
    transform: translateX(1rem);
  }
}
#snb .depth2 li.active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
#snb .depth3 {
  display: none !important;
}
#snb.sub01 .depth2 li {
  flex: 1 1 auto;
  min-width: auto;
}

.contents_util {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.contents_util .location .path {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.4rem;
}
.contents_util .location .path .icon {
  margin-right: 1rem;
  opacity: 0.5;
}
.contents_util .location .path .icon a::before {
  content: "\ee2b";
  font-size: 1.6rem;
  font-family: "remixicon";
}
.contents_util .location .path li:not(.icon) + li {
  margin-left: 1rem;
  padding-left: 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='%23$color1'%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-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
}
.contents_util .location .path a {
  color: #333;
}
.contents_util .location .path a.active {
  font-weight: 700;
}
.contents_util .nav_menu {
  order: 3;
  flex: none;
  width: 100%;
}
.contents_util .nav_menu:has(.depth3) {
  margin-top: 4rem;
}
.contents_util .nav_menu .depth_box:has(.depth1, .depth2) {
  display: none;
}
.contents_util .nav_menu .depth_box .depth_btn {
  display: none;
}
.contents_util .nav_menu .depth3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.contents_util .nav_menu .depth3 li {
  flex: 1;
}
.contents_util .nav_menu .depth3 a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0.5rem;
  text-align: center;
  word-break: keep-all;
  line-height: 1.1;
  height: 5.6rem;
  font-size: 2rem;
  font-weight: 500;
  color: #8e8e8e;
  border-bottom: 1px solid #DDDDDD;
  transition: 0.3s;
}
.contents_util .nav_menu .depth3 li.active a {
  color: #000;
  border-color: #151515;
}
@media screen and (min-width: 1024px) {
  .contents_util .nav_menu .depth3 a:hover {
    color: #000;
  }
}
.contents_util .util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.contents_util .util .zoom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.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%;
}
.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='black' 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: #EEF4FF;
  }
}
.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 width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.21796C6.86701 4.21796 6.24361 4.29869 5.64898 4.46014V3.11806V2.95661C5.64898 2.92634 5.64898 2.88597 5.63939 2.8557C5.5243 1.2109 4.30627 0 2.82928 0C1.34271 0 0.12468 1.2109 0.00959079 2.8557C0 2.89606 0 8.47629 0 8.47629V12.109C0 12.1393 0 12.1594 0 12.1897C0.0383632 16.5086 3.38555 20.0101 7.5 20.0101C11.6432 20.0101 15 16.4783 15 12.1191C15 7.74975 11.6432 4.21796 7.5 4.21796ZM7.5 18.7891C3.99936 18.7891 1.1509 15.7921 1.1509 12.109V3.01715C1.1509 2.03835 1.89898 1.24117 2.82928 1.24117C3.75 1.24117 4.50767 2.03835 4.50767 3.01715V12.0283C4.50767 13.774 5.85038 15.2674 7.50959 15.2674C9.1688 15.2674 10.5115 13.8547 10.5115 12.109C10.5115 10.3633 9.1688 8.95056 7.50959 8.95056C6.80946 8.95056 6.17647 9.20283 5.65857 9.61655V8.25429C6.21483 7.96166 6.83824 7.79011 7.50959 7.79011C9.77302 7.79011 11.6049 9.71746 11.6049 12.0989C11.6049 14.4803 9.77302 16.4077 7.50959 16.4077C5.24616 16.4077 3.41432 14.4803 3.41432 12.0989V2.95661C3.41432 2.66398 3.15537 2.38143 2.83887 2.38143C2.52238 2.38143 2.26343 2.66398 2.26343 2.95661V12.109C2.26343 12.2503 2.27302 12.3814 2.28261 12.5227C2.48402 15.3784 4.74744 17.6388 7.51918 17.6388C10.4156 17.6388 12.7653 15.1665 12.7653 12.1191C12.7653 9.07165 10.4156 6.5994 7.51918 6.5994C6.86701 6.5994 6.24361 6.72049 5.66816 6.95257V5.7114C6.2532 5.51968 6.8766 5.41877 7.51918 5.41877C11.0294 5.41877 13.8683 8.40565 13.8683 12.0989C13.8491 15.7921 11.0102 18.7891 7.5 18.7891ZM5.64898 12.109C5.64898 11.0394 6.47379 10.1615 7.5 10.1615C8.51662 10.1615 9.35102 11.0293 9.35102 12.109C9.35102 13.1786 8.52621 14.0565 7.5 14.0565C6.48338 14.0464 5.64898 13.1786 5.64898 12.109Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-size: 1.4rem;
}
.contents_util .util .share .item .list .qrcode a {
  color: #000;
  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: #EEF4FF;
  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_nav {
  display: none;
}

#contents {
  outline: none;
  padding: 3rem 0 0;
}

#contents_body {
  margin-top: 6rem;
}

.contents_info {
  margin-top: 6rem;
}
.contents_info > * + * {
  margin-top: 2rem;
}
.contents_info .kogl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #E3E8F1;
  padding: 2rem 3rem;
}
.contents_info .kogl .img {
  flex: none;
  margin-right: 2rem;
}
.contents_info .duty {
  display: flex;
  padding: 2.4rem 3rem;
  background: #F4F7F9;
}
.contents_info .duty .title {
  display: none;
}
.contents_info .duty .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.contents_info .duty li {
  position: relative;
}
.contents_info .duty li ~ li {
  position: relative;
  padding-left: 2rem;
  margin-left: 2rem;
}
.contents_info .duty li ~ li::before {
  content: "";
  display: block;
  background-color: #B0B0B0;
  width: 1px;
  height: 1.2rem;
  position: absolute;
  transform: translate(0, -50%);
  left: 0;
  top: 50%;
  z-index: 0;
}
.contents_info .duty li strong.label {
  font-weight: 700;
}
.contents_info .satisfy {
  background: #F4F7F9;
  padding: 2.4rem 3rem;
}
.contents_info .satisfy .title {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 2.4rem;
}
.contents_info .satisfy fieldset {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.contents_info .satisfy form {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.contents_info .satisfy form .m_select {
  display: none;
}
.contents_info .satisfy form .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
.contents_info .satisfy form li {
  display: flex;
}
.contents_info .satisfy form .btn_box {
  margin-left: auto;
}
.contents_info .satisfy .end {
  text-align: center;
  width: 100%;
  padding: 1rem 0;
  font-weight: 500;
  word-break: keep-all;
  word-wrap: break-word;
}

/* Depth4 메뉴 */
.depth4_tab {
  background: #fff;
  margin-bottom: 6rem;
}
.depth4_tab ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.depth4_tab li {
  flex: 1;
}
.depth4_tab a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 6rem;
  padding: 0 1rem;
  font-size: 1.7rem;
  border: 1px solid #ddd;
  border-left: none;
  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: #000;
  color: #fff;
  border-color: #000 !important;
}
.depth4_tab li:first-child a {
  border-left: 1px solid #ddd;
}

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

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1440px) {
  #sub_wrap::before {
    display: none;
  }
  .contents_info .kogl {
    padding: 2rem;
    gap: 1rem;
  }
  .contents_info .duty {
    padding: 2rem;
  }
  .contents_info .duty .list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .contents_info .duty li ~ li {
    padding-left: 0;
    margin-left: 0;
  }
  .contents_info .duty li ~ li::before {
    display: none;
  }
  .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: #fff;
    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: #fff;
    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;
  }
  #snb .depth2 li {
    flex: 1;
    min-width: auto;
  }
}
@media (max-width: 1280px) {
  #snb .depth2 a {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0 1.6rem;
  }
}
@media (max-width: 1024px) {
  .sub_visual {
    padding-top: 5rem;
  }
  .sub_visual::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
  }
  .sub_visual .title {
    font-size: 5.2rem;
    position: relative;
    z-index: 2;
  }
  #snb {
    z-index: 40;
  }
  #snb .btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0.8rem;
    padding: 0 2.4rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    backdrop-filter: blur(3px);
  }
  #snb .btn::after {
    content: "";
    display: block;
    margin-left: auto;
    width: 3rem;
    height: 3rem;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%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") no-repeat center center;
  }
  #snb .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #374ed3, #E44564);
    opacity: 0;
    transition: 0.3s;
  }
  #snb .btn em {
    position: relative;
    z-index: 2;
  }
  #snb .depth2 {
    position: absolute;
    left: 0;
    top: calc(100% - 1rem);
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
  }
  #snb .depth2 li + li {
    margin-top: 2px;
  }
  #snb .depth2 a {
    background: rgba(0, 0, 0, 0.7);
  }
  #snb .depth2 a::after {
    display: none;
  }
  #snb .depth2 a::before {
    display: none;
  }
  #snb.snb_active .btn::before {
    content: "";
    opacity: 1;
  }
  #snb.snb_active .btn::after {
    transform: rotate(180deg);
  }
  #snb.snb_active .depth2 {
    max-height: 100rem;
  }
  #snb.snb_active .depth2 li.active a {
    background: linear-gradient(to right, #374ed3, #E44564);
  }
  .contents_util .util .zoom {
    display: none;
  }
  .depth4_tab ul {
    flex-wrap: wrap;
    border-top: 1px solid #DDDDDD;
  }
  .depth4_tab li {
    flex: none;
    width: 33.33%;
  }
  .depth4_tab li:nth-child(3n+1) a {
    border-left: 1px solid #DDDDDD;
  }
  .depth4_tab a {
    height: 5rem;
    font-size: 1.6rem;
    border-top: none;
  }
  .contents_info .kogl {
    flex-direction: column;
  }
  .contents_info .kogl .img {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .sub_visual {
    padding-top: 4rem;
  }
  .sub_visual .title {
    font-size: 4.6rem;
  }
  .contents_util .util {
    margin-left: auto;
  }
  .contents_util .location .path {
    font-size: 1.3rem;
    flex-wrap: wrap;
  }
  .contents_util .location .path .icon {
    margin-right: 0.5rem;
  }
  .contents_util .location .path li:not(.icon) + li {
    padding-left: 1rem;
    margin-left: 0.5rem;
    background-position-x: -5px;
  }
  .contents_util .nav_menu .depth3 a {
    min-height: 4rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  .sub_visual .title {
    font-size: 3.6rem;
  }
}