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

Title       : singo(신고센터) Sub
Author      : EASESOFT
Create Date : 2024-07

-------------------------------------------------*/
#sub_wrap {
  padding: 2rem 0 10rem;
}
#sub_wrap .sub_visual {
  display: none;
}
#sub_wrap #snb {
  display: none;
}
#sub_wrap .contents_util {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
#sub_wrap .contents_util .location .path {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#sub_wrap .contents_util .location .path .icon {
  margin-right: 1rem;
}
#sub_wrap .contents_util .location .path .icon a::before {
  content: "\ee2b";
  font-family: "remixicon";
}
#sub_wrap .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;
}
#sub_wrap .contents_util .location .path a {
  color: #333;
}
#sub_wrap .contents_util .location .path a.active {
  font-weight: 700;
}
#sub_wrap .contents_util .util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
#sub_wrap .contents_util .util .zoom {
  display: none;
}
#sub_wrap .contents_util .util .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: 0.3s;
  opacity: 0.6;
}
#sub_wrap .contents_util .util .btn.open {
  background: url("/singo/img/sub_share.svg") no-repeat center center;
}
#sub_wrap .contents_util .util .btn.print {
  background: url("/singo/img/sub_print.svg") no-repeat center center;
}
@media screen and (min-width: 1025px) {
  #sub_wrap .contents_util .util .btn:hover {
    opacity: 1;
  }
}
#sub_wrap .contents_util .util .share {
  position: relative;
}
#sub_wrap .contents_util .util .share .item {
  position: absolute;
  transform: translate(0, -50%);
  right: calc(100% + 1rem);
  top: 50%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
#sub_wrap .contents_util .util .share .item .title {
  display: none;
}
#sub_wrap .contents_util .util .share .item .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid #D9D9D9;
  padding: 0.5rem 4rem 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.8rem;
}
#sub_wrap .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;
}
#sub_wrap .contents_util .util .share .item .list .facebook a {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23737373'%3E%3Cpath d='M14 13.5H16.5L17.5 9.5H14V7.5C14 6.47062 14 5.5 16 5.5H17.5V2.1401C17.1743 2.09685 15.943 2 14.6429 2C11.9284 2 10 3.65686 10 6.69971V9.5H7V13.5H10V22H14V13.5Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.1rem;
}
#sub_wrap .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='%23737373'/%3E%3C/svg%3E");
  background-size: 1.9rem;
}
#sub_wrap .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='%23737373'/%3E%3C/svg%3E");
  background-size: 1.2rem;
}
#sub_wrap .contents_util .util .share .item .list .qrcode a {
  color: #737373;
  font-size: 1.4rem;
  font-weight: 700;
}
#sub_wrap .contents_util .util .share .item .list .qrcode .qr {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-top: none;
  background: #fff;
  padding: 1rem;
  text-align: center;
}
#sub_wrap .contents_util .util .share .item .list .qrcode .qr img {
  display: block;
  margin: 0 auto;
}
#sub_wrap .contents_util .util .share .item .list .qrcode .qr.show {
  display: block;
}
#sub_wrap .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='%23737373'/%3E%3C/svg%3E");
  background-size: 1.6rem;
}
@media screen and (min-width: 1025px) {
  #sub_wrap .contents_util .util .share .item .list .facebook a:hover {
    background-color: #1877F2;
    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 d='M14 13.5H16.5L17.5 9.5H14V7.5C14 6.47062 14 5.5 16 5.5H17.5V2.1401C17.1743 2.09685 15.943 2 14.6429 2C11.9284 2 10 3.65686 10 6.69971V9.5H7V13.5H10V22H14V13.5Z'%3E%3C/path%3E%3C/svg%3E");
  }
  #sub_wrap .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");
  }
  #sub_wrap .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");
  }
  #sub_wrap .contents_util .util .share .item .list .qrcode a:hover {
    background-color: #000;
    color: #fff;
  }
  #sub_wrap .contents_util .util .share .item .list .urlShare a:hover {
    background-color: #5E6369;
    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");
  }
}
#sub_wrap .contents_util .util .share .item .btn_close {
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 0.6rem;
  width: 3.2rem;
  height: 3.2rem;
  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;
}
#sub_wrap .contents_util .util .share.show .btn.open {
  opacity: 1;
}
#sub_wrap .contents_util .util .share.show .item {
  opacity: 1;
  visibility: visible;
}
#sub_wrap .contents_nav #contents_title {
  overflow: hidden;
  position: relative;
  padding: 0 6rem;
  background: url("/singo/img/sub_symbol.png") no-repeat 90% center, linear-gradient(to right, #199CC5, #327CC0, #54BEBA);
  border-radius: 2.4rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
#sub_wrap .contents_nav #contents_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/singo/img/sub_symbol.png") no-repeat 90% center, linear-gradient(to right, #54BEBA, #199CC5);
  opacity: 1;
  animation: sub_nav_gra 5s forwards;
}
#sub_wrap .contents_nav #contents_title em {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 18.5rem;
  font-size: 4.2rem;
  color: #fff;
  font-family: "Jalnan";
  pointer-events: none;
}
#sub_wrap .contents_nav #contents_title em::after {
  opacity: 1;
  visibility: visible;
}
@keyframes sub_nav_gra {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#sub_wrap .contents_nav .list.depth1 {
  display: none;
}
#sub_wrap .contents_nav .list.depth2 {
  display: none;
}
#sub_wrap .contents_nav .list.depth3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  border-bottom: 1px solid #DBE1E5;
  margin-top: 1.6rem;
}
#sub_wrap .contents_nav .list.depth3 li.active + li {
  display: none;
}
#sub_wrap .contents_nav .list.depth3 li a {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.6rem 2rem;
  font-size: 2rem;
  opacity: 0.7;
  transition: 0.3s;
  font-weight: 600;
}
#sub_wrap .contents_nav .list.depth3 li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #000;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1025px) {
  #sub_wrap .contents_nav .list.depth3 li a:hover {
    font-weight: 700;
  }
}
#sub_wrap .contents_nav .list.depth3 li.active a {
  opacity: 1;
  font-weight: 700;
}
#sub_wrap .contents_nav .list.depth3 li.active a::after {
  opacity: 1;
  visibility: visible;
}
#sub_wrap #contents {
  outline: none;
}
#sub_wrap #contents_body {
  padding: 4rem 0 0;
}
#sub_wrap .contents_info {
  margin-top: 6rem;
}
#sub_wrap .contents_info > * + * {
  margin-top: 2rem;
}
#sub_wrap .contents_info .kogl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #E3E8F1;
  padding: 2rem 3rem;
}
#sub_wrap .contents_info .kogl .img {
  flex: none;
  margin-right: 2rem;
}
#sub_wrap .contents_info .duty {
  display: flex;
  padding: 2.4rem 3rem;
  background: #F4F7F9;
}
#sub_wrap .contents_info .duty .title {
  display: none;
}
#sub_wrap .contents_info .duty .list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#sub_wrap .contents_info .duty li {
  position: relative;
}
#sub_wrap .contents_info .duty li ~ li {
  position: relative;
  padding-left: 2rem;
  margin-left: 2rem;
}
#sub_wrap .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;
}
#sub_wrap .contents_info .duty li strong.label {
  font-weight: 700;
}
#sub_wrap .contents_info .satisfy {
  background: #F4F7F9;
  padding: 2.4rem 3rem;
}
#sub_wrap .contents_info .satisfy .title {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 2.4rem;
}
#sub_wrap .contents_info .satisfy fieldset {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#sub_wrap .contents_info .satisfy form {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#sub_wrap .contents_info .satisfy form .m_select {
  display: none;
}
#sub_wrap .contents_info .satisfy form .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
#sub_wrap .contents_info .satisfy form .btn_box {
  margin-left: auto;
}
#sub_wrap .contents_info .satisfy .end {
  text-align: center;
  width: 100%;
  padding: 1rem 0;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: break-word;
}

#sub_wrap:has(.return_service) {
  padding-top: 0;
}
#sub_wrap:has(.return_service) #contents_body {
  padding-top: 1rem;
}

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

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1024px) {
  #sub_wrap {
    padding: 2rem 0 4rem;
  }
  #sub_wrap .contents_util .util {
    gap: 1rem;
  }
  #sub_wrap .contents_util .util .btn.open {
    background-size: 1.6rem;
  }
  #sub_wrap .contents_util .util .btn.print {
    background-size: 1.8rem;
  }
  #sub_wrap .contents_util .util .share {
    position: relative;
  }
  #sub_wrap .contents_util .util .share::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
  }
  #sub_wrap .contents_util .util .share .item {
    position: fixed;
    left: calc(50% - 15rem);
    top: 35%;
    z-index: 220;
    transform: translate(0, 0);
    width: 30rem;
    right: auto;
    border: 1px solid #D9D9D9;
    padding: 2rem;
    background-color: #fff;
    border-radius: 1.6rem;
  }
  #sub_wrap .contents_util .util .share .item .title {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2rem;
  }
  #sub_wrap .contents_util .util .share .item .list {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 1rem;
    border: none;
    gap: 1rem;
  }
  #sub_wrap .contents_util .util .share .item .list .facebook a {
    background-color: #1877F2;
    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 d='M14 13.5H16.5L17.5 9.5H14V7.5C14 6.47062 14 5.5 16 5.5H17.5V2.1401C17.1743 2.09685 15.943 2 14.6429 2C11.9284 2 10 3.65686 10 6.69971V9.5H7V13.5H10V22H14V13.5Z'%3E%3C/path%3E%3C/svg%3E");
  }
  #sub_wrap .contents_util .util .share .item .list .twitter a {
    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");
  }
  #sub_wrap .contents_util .util .share .item .list .band a {
    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");
  }
  #sub_wrap .contents_util .util .share .item .list .qrcode a {
    background-color: #000;
    color: #fff;
  }
  #sub_wrap .contents_util .util .share .item .list .qrcode .qr {
    top: calc(100% - 2rem);
    left: -1px;
    width: calc(100% + 2px);
    padding: 3rem 1rem 1rem;
  }
  #sub_wrap .contents_util .util .share .item .list .urlShare a {
    background-color: #5E6369;
    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");
  }
  #sub_wrap .contents_util .util .share .item .btn_close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 10;
    width: 4rem;
    height: 4rem;
    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: %23000; 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");
  }
  #sub_wrap .contents_util .util .share.show::before {
    opacity: 1;
    visibility: visible;
  }
  #sub_wrap .contents_nav #contents_title {
    padding: 0 6rem;
    background-position: center 600%;
    background-size: 35rem, 100%;
  }
  #sub_wrap .contents_nav #contents_title::before {
    background-position: center 600%;
    background-size: 35rem, 100%;
  }
  #sub_wrap .contents_nav #contents_title em {
    font-size: 2.8rem;
    justify-content: center;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
  }
  #sub_wrap .contents_nav .list.depth3 {
    margin-top: 1rem;
  }
  #sub_wrap .contents_nav .list.depth3 li a {
    padding: 1.3rem 1.6rem;
    font-size: 1.6rem;
  }
  #sub_wrap .contents_info .duty {
    padding: 2rem;
  }
  #sub_wrap .contents_info .duty .list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  #sub_wrap .contents_info .duty li ~ li {
    padding-left: 0;
    margin-left: 0;
  }
  #sub_wrap .contents_info .duty li ~ li::before {
    display: none;
  }
  #sub_wrap .contents_info .satisfy {
    padding: 2rem;
  }
  #sub_wrap .contents_info .satisfy .title {
    display: none;
  }
  #sub_wrap .contents_info .satisfy #s_form {
    flex-direction: column;
    align-items: flex-start;
  }
  #sub_wrap .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 #ddd;
    cursor: pointer;
    font-size: 1.5rem;
  }
  #sub_wrap .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";
  }
  #sub_wrap .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 #ddd;
    border-top: none;
  }
  #sub_wrap .contents_info .satisfy #s_form .list li {
    width: 100%;
    padding: 0.6rem 0;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem;
  }
  #sub_wrap .contents_info .satisfy #s_form .list li:last-child {
    border: none;
  }
  #sub_wrap .contents_info .satisfy #s_form .btn_box {
    justify-content: stretch;
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
  }
  #sub_wrap .contents_info .satisfy #s_form .btn_box .btn {
    width: 100%;
  }
  #sub_wrap .contents_info .satisfy #s_form .end span {
    display: block;
  }
  #sub_wrap .contents_info .satisfy #s_form.active .list {
    display: block;
  }
  #sub_wrap:has(.return_service) {
    padding-top: 0;
  }
  #sub_wrap:has(.return_service) .return_service {
    margin-bottom: -4rem;
  }
}
@media (max-width: 768px) {
  #sub_wrap .contents_util {
    flex-wrap: wrap;
    gap: 1rem;
  }
  #sub_wrap .contents_util .location .path .icon {
    margin-right: 0.6rem;
  }
  #sub_wrap .contents_util .location .path li:not(.icon) + li {
    margin-left: 0.5rem;
    padding-left: 1rem;
    background-position: -5px center;
  }
  #sub_wrap .contents_util .util {
    margin-left: auto;
  }
}
@media (max-width: 620px) {
  #sub_wrap .contents_util .location .path li.third a {
    font-size: 0;
  }
  #sub_wrap .contents_util .location .path li.third a::before {
    content: "······";
    font-size: 1.7rem;
  }
}