@charset "UTF-8";
/*-------------------------------------------------

Title       : SUB
Author      : EASESOFT
Create Date : 2025-08

-------------------------------------------------*/
#sub_wrap {
  padding: 0 0 10rem;
  position: relative;
}

.sub_visual {
  position: relative;
  margin-bottom: -6rem;
}
.sub_visual .img {
  overflow: hidden;
  height: 32rem;
}
.sub_visual .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: visual_image 6s forwards;
}
@keyframes visual_image {
  0% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.sub_visual .desc {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
}
.sub_visual .desc .tt {
  display: block;
  font-size: 6.4rem;
  font-weight: 700;
}

#snb {
  display: none;
}

#contents {
  outline: none;
}
@media screen and (min-width: 1025px) {
  #contents .linkWindow:hover {
    text-decoration: underline;
  }
}

.contents_util {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10rem;
}
.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: 0.5rem;
}
.contents_util .location .path .icon a::before {
  content: "\ee2b";
  font-family: "remixicon";
  font-size: 1.8rem;
  color: #FFFFFF;
}
.contents_util .location .path li:not(.icon) + li {
  margin-left: 2rem;
  position: relative;
}
.contents_util .location .path a {
  color: #FFFFFF;
}
.contents_util .nav_menu {
  display: none;
}
.contents_util .util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
.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;
  width: 3.2rem;
  height: 3.2rem;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
}
.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='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}
.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='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}
.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='%23fff' 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='%23fff' 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='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.65833 11.6104L13.35 14.9271' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3417 5.77704L7.65833 9.09371' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.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='%23fff' 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='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12.3332H5V18.9999H15V12.3332Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.contents_util .util .share {
  position: relative;
}
.contents_util .util .share .item {
  position: absolute;
  transform: translate(0, -50%);
  right: 0;
  top: 50%;
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  opacity: 0;
  visibility: hidden;
}
.contents_util .util .share .item .title {
  display: none;
}
.contents_util .util .share .item .list {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border: 1px solid #dddddd;
  padding: 0.6rem 1rem;
  background-color: #fff;
  border-radius: 1.6rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.contents_util .util .share .item .list a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 100%;
  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='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9996 10.7867C19.9996 5.24365 15.5225 0.75 9.9998 0.75C4.47711 0.75 0 5.24365 0 10.7867C0 15.4936 3.22874 19.4432 7.58425 20.528V13.854H5.52229V10.7867H7.58425V9.4651C7.58425 6.04899 9.12462 4.4656 12.4662 4.4656C13.0997 4.4656 14.1929 4.59046 14.6401 4.71491V7.49509C14.4041 7.4702 13.9941 7.45775 13.4849 7.45775C11.8454 7.45775 11.2118 8.08123 11.2118 9.70196V10.7867H14.4781L13.9169 13.854H11.2118V20.75C16.1633 20.1498 20 15.9183 20 10.7867H19.9996Z' fill='%23151515'/%3E%3C/svg%3E%0A");
  background-size: 2.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='%23151515'/%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='%23151515'/%3E%3C/svg%3E");
  background-size: 1.2rem;
}
.contents_util .util .share .item .list .qrcode a {
  color: #151515;
  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 #dddddd;
  border-top: none;
  background: #fff;
  padding: 4rem 2rem 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 1.6rem 1.6rem;
  text-align: center;
}
.contents_util .util .share .item .list .qrcode .qr img {
  margin: 0 auto;
  display: block;
}
.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='%23151515'/%3E%3C/svg%3E");
  background-size: 1.6rem;
}
@media screen and (min-width: 1025px) {
  .contents_util .util .share .item .list .facebook a:hover {
    background-color: #1877F2;
    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='M19.9996 10.7867C19.9996 5.24365 15.5225 0.75 9.9998 0.75C4.47711 0.75 0 5.24365 0 10.7867C0 15.4936 3.22874 19.4432 7.58425 20.528V13.854H5.52229V10.7867H7.58425V9.4651C7.58425 6.04899 9.12462 4.4656 12.4662 4.4656C13.0997 4.4656 14.1929 4.59046 14.6401 4.71491V7.49509C14.4041 7.4702 13.9941 7.45775 13.4849 7.45775C11.8454 7.45775 11.2118 8.08123 11.2118 9.70196V10.7867H14.4781L13.9169 13.854H11.2118V20.75C16.1633 20.1498 20 15.9183 20 10.7867H19.9996Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
  .contents_util .util .share .item .list .twitter a:hover {
    background-color: #000;
    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='%23fff'/%3E%3C/svg%3E");
  }
  .contents_util .util .share .item .list .band a:hover {
    background-color: #5CBA1E;
    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='%23fff'/%3E%3C/svg%3E");
  }
  .contents_util .util .share .item .list .qrcode a:hover {
    background-color: #555;
    color: #fff;
  }
  .contents_util .util .share .item .list .urlShare a:hover {
    background-color: #555;
    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='%23fff'/%3E%3C/svg%3E");
  }
}
.contents_util .util .share .item .btn_close {
  display: block;
  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: %23151515; 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.3rem;
  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_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: #FAFAFA;
  padding: 3.2rem 4rem;
  border-radius: 2.4rem;
}
.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 .btn_box {
  margin-left: auto;
}
.contents_info .satisfy .end {
  text-align: center;
  width: 100%;
  padding: 1rem 0;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: break-word;
}

/* Depth4 메뉴 */
#depth4_menu_div {
  margin-bottom: 6rem;
  background: #fff;
}
#depth4_menu_div ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
#depth4_menu_div li {
  flex: 1;
}
#depth4_menu_div li.active a {
  background: #0072CB;
  color: #FFFFFF;
  border-color: transparent !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
#depth4_menu_div li.active a::before {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  bottom: -13px;
  border-top: 8px solid #0072CB;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
#depth4_menu_div a, #depth4_menu_div button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 4.8rem;
  padding: 1rem 0.5rem;
  font-size: 1.6rem;
  border: 1px solid #ddd;
  border-left: none;
  border-bottom: none;
  transition: 0.3s;
  font-weight: 600;
  position: relative;
  white-space: nowrap;
}
#depth4_menu_div a em, #depth4_menu_div button em {
  font-size: 1.4rem;
}
#depth4_menu_div a::after, #depth4_menu_div button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #0072CB;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
#depth4_menu_div li:first-child a, #depth4_menu_div li:first-child button {
  border-left: 1px solid #ddd;
}
#depth4_menu_div a:hover, #depth4_menu_div button:hover {
  color: #0072CB;
}
#depth4_menu_div a:hover::after, #depth4_menu_div button:hover::after {
  opacity: 1;
  visibility: visible;
}
#depth4_menu_div.top_sticky {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

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

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 640px) {
  .sub_visual .desc .tt {
    font-size: 10vw;
  }
}