@charset "UTF-8";
main.page-main-content {
  padding-top: 0;
  overflow: hidden;
}

.main-typo--info-1 {
  font-size: clamp(2.1rem, 1.4583vw, 2.8rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.main-typo--info-2 {
  font-size: clamp(1.4rem, 0.8854vw, 1.7rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.main-typo--info-3 {
  font-size: max(1.4rem, 0.7813vw, 1.5rem);
  font-weight: 400;
  line-height: 1.5;
}

.main-typo--kv-1 {
  font-size: clamp(2.2rem, 1.6667vw, 3.2rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.main-typo--facility-1 {
  font-size: clamp(1.8rem, 1.1458vw, 2.2rem);
  font-weight: 700;
  line-height: 1.5;
}

#mainLoading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  background: #fff;
}

#mainKV {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  #mainKV {
    height: auto;
  }
}
#mainKV .main-kv-content {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: max(4.4rem, 7.3958333333vw);
  padding-bottom: max(4.4rem, 7.3958333333vw);
  z-index: 3;
}
@media screen and (max-width: 1280px) {
  #mainKV .main-kv-content {
    padding-top: 6.8rem;
    padding-bottom: 4.4rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .main-kv-content {
    padding-top: 6.6rem;
    padding-bottom: 0;
  }
}
#mainKV .container,
#mainKV .container-box-xl {
  height: 100%;
}
#mainKV .container {
  max-height: 79.7rem;
}
@media screen and (max-width: 1440px) {
  #mainKV .container {
    max-height: 56.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .container {
    max-height: none;
  }
}
#mainKV .kv-wrapper {
  position: relative;
  height: 100%;
  z-index: 2;
}
#mainKV .swiper {
  width: 100%;
  height: 100%;
}
#mainKV .outer-swiper {
  overflow: visible;
}
#mainKV .outer-swiper .slide-anchor {
  display: block;
  width: 100%;
  height: 100%;
}
#mainKV .outer-swiper .outer-slide {
  flex-shrink: 1;
}
@media screen and (max-width: 1024px) {
  #mainKV .outer-swiper .outer-slide {
    flex-shrink: 0;
  }
}
#mainKV .outer-swiper .outer-slide.default {
  margin-right: 0.8rem;
}
@media screen and (min-width: 1441px) {
  #mainKV .outer-swiper .outer-slide.default {
    width: calc(100% - 53.1rem);
    flex: 1;
  }
}
@media screen and (min-width: 1025px) {
  #mainKV .outer-swiper .outer-slide.default {
    width: calc(100% - 38rem);
    flex: 1;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .outer-swiper .outer-slide.default {
    margin-right: 0.4rem;
  }
}
#mainKV .outer-swiper .outer-slide.has-inner-swiper {
  margin-left: 0.8rem;
}
@media screen and (max-width: 1024px) {
  #mainKV .outer-swiper .outer-slide.has-inner-swiper {
    margin-left: 0.4rem;
  }
}
#mainKV .outer-swiper .outer-slide .mo-type {
  display: none;
}
@media screen and (max-width: 1024px) {
  #mainKV .outer-swiper .outer-slide .mo-type {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    height: 3.4rem;
    padding: 0 1.2rem;
    background-color: #1D1D1D;
    z-index: 3;
  }
}
#mainKV .outer-swiper .outer-slide .mo-type .type-text {
  display: inline-block;
  font-size: 1.4rem;
  color: #E4E4E4;
}
#mainKV .outer-swiper .outer-slide .mo-type .mo-util {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
#mainKV .outer-swiper .outer-slide .mo-type .mo-util .mo-util-pagination {
  display: flex;
  gap: 0.8rem;
  width: fit-content;
  height: 100%;
}
#mainKV .outer-swiper .outer-slide .mo-type .mo-util .swiper-pagination-bullet {
  margin: 0;
  background-color: #8E8E8E;
  backdrop-filter: blur(80px);
  opacity: 1;
  transition: ease 0.3s;
}
#mainKV .outer-swiper .outer-slide .mo-type .mo-util .swiper-pagination-bullet-active {
  background-color: #ffffff;
  transition: ease 0.3s;
}
#mainKV .outer-swiper .has-inner-swiper {
  position: relative;
  width: auto;
  height: 100%;
  aspect-ratio: 531/796;
}
@media screen and (max-width: 1024px) {
  #mainKV .outer-swiper .has-inner-swiper {
    aspect-ratio: auto;
    width: 53.7rem;
    min-width: auto;
    height: 80rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .outer-swiper .has-inner-swiper {
    aspect-ratio: auto;
    width: 100%;
    height: 52.1rem;
  }
}
#mainKV .inner-swiper .inner-slide {
  height: 100%;
}
#mainKV .inner-swiper.disabled {
  pointer-events: none;
}
#mainKV .swiper-slide {
  height: auto;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  #mainKV .swiper-slide {
    width: 53.7rem;
    height: 80rem;
    overflow: unset;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .swiper-slide {
    width: 100%;
    height: 52.1rem;
  }
}
#mainKV .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform ease 0.7s;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  #mainKV .swiper-slide img:hover {
    transform: scale(1.05);
  }
}
#mainKV .slide-controler {
  position: absolute;
  bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  left: 0;
  width: 100%;
  z-index: 3;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler {
    bottom: -4.2rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .slide-controler {
    bottom: -3.3rem;
  }
}
#mainKV .slide-controler .slide-desc {
  position: relative;
}
#mainKV .slide-controler .desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: none;
}
#mainKV .slide-controler .desc .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  background-color: #000000;
  margin-right: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
#mainKV .slide-controler .desc .title h2 {
  display: inline-block;
  padding: 0.25em max(1.2rem, 0.8333vw);
  color: #ffffff;
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .desc .title h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .slide-controler .desc .title h2 {
    font-size: 2.6rem;
  }
}
#mainKV .slide-controler .desc .title .title-line {
  display: inline-block;
  height: 0.3rem;
  background-color: #ffffff;
}
#mainKV .slide-controler .desc .info {
  display: flex;
  align-items: center;
  gap: 0.5333333333em;
  overflow: hidden;
  padding: 0.4em 0;
  background-color: #000000;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  #mainKV .slide-controler .desc .info {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .desc .info {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .slide-controler .desc .info {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1025px) {
  #mainKV .slide-controler .desc .info {
    margin-top: -1px;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .desc .info {
    height: 4.2rem;
    font-size: 1.7rem;
    color: #E4E4E4;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .slide-controler .desc .info {
    height: 3.3rem;
    font-size: 1.4rem;
    padding: 0.4285714286em 0;
  }
}
#mainKV .slide-controler .desc .info .category {
  padding-left: max(1.2rem, 0.8333vw);
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .desc .info .category {
    display: none;
  }
}
#mainKV .slide-controler .desc .info .date {
  padding-right: max(1.2rem, 0.8333vw);
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .desc .info .date {
    padding-left: max(1.2rem, 0.8333vw);
  }
}
#mainKV .slide-controler .desc .info .category,
#mainKV .slide-controler .desc .info .date {
  word-break: keep-all;
  white-space: pre;
}
#mainKV .slide-controler .desc .info .line {
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  background-color: #ffffff;
}
#mainKV .slide-controler .util {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.5333333333em;
  padding: 0.8em 0;
  padding-left: max(1.2rem, 0.8333vw);
  padding-right: 0.6rem;
  background: rgba(29, 29, 29, 0.6);
  backdrop-filter: blur(12.1528282166px);
  -webkit-backdrop-filter: blur(12.1528282166px);
  pointer-events: all;
}
@media screen and (max-width: 1280px) {
  #mainKV .slide-controler .util {
    gap: 0.5333333333em;
    padding: 0.5833333333em 0;
    padding-left: max(1.2rem, 0.8333vw);
    padding-right: 0.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .util {
    display: none;
  }
}
#mainKV .slide-controler .util .util-pagination {
  color: #E4E4E4;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  #mainKV .slide-controler .util .util-pagination {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainKV .slide-controler .util .util-pagination {
    font-size: 1.2rem;
  }
}
#mainKV .slide-controler .util .util-pagination .swiper-pagination-current {
  margin-right: 0.2em;
  color: #ffffff;
  font-weight: 700;
}
#mainKV .slide-controler .util .util-pagination .swiper-pagination-total {
  margin-left: 0.2em;
}
#mainKV .slide-controler .util .control {
  display: flex;
  align-items: center;
  padding: 0 0.4em;
}
@media screen and (max-width: 1280px) {
  #mainKV .slide-controler .util .control svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
#mainKV .has-inner-swiper .desc {
  position: absolute;
  bottom: 0;
}
#mainKV .main-kv-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainKV .main-kv-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #mainKV .main-kv-bg::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 50%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, #fff 100%);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
  }
}
#mainKV .main-kv-bg img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.7s ease;
}
#mainKV .main-kv-bg img.active {
  opacity: 1;
  z-index: 1;
}

.head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.4rem;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .head {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}
.head::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  .head::after {
    height: 1px;
  }
}
.head h3 {
  color: #1D1D1D;
}

#mainInfo {
  padding-top: 5vw;
  padding-bottom: 5vw;
}
@media screen and (max-width: 1280px) {
  #mainInfo {
    padding-top: clamp(5.2rem, 6.25vmax, 12rem);
    padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
  }
}
@media screen and (max-width: 1024px) {
  #mainInfo {
    margin-top: 4.2rem;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo {
    margin-top: 3.3rem;
    padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
#mainInfo .info-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 3.2rem;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper {
    flex-direction: column;
    gap: clamp(5.2rem, 6.25vmax, 12rem);
  }
}
@media screen and (max-width: 1024px) {
  #mainInfo .info-wrapper {
    gap: 6.4rem;
  }
}
#mainInfo .info-wrapper .news {
  width: calc(100% - 69.6rem - 3.2rem);
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    border: 1px solid #D8D8D8;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item {
  position: relative;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainInfo .info-wrapper .news .news-list .news-item {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}
#mainInfo .info-wrapper .news .news-list .news-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1D1D1D;
  transition: ease 1s width;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item:first-child {
    padding-top: 0;
  }
  #mainInfo .info-wrapper .news .news-list .news-item:last-child {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1281px) and (hover: hover) {
  #mainInfo .info-wrapper .news .news-list .news-item:hover::after {
    width: 100%;
  }
  #mainInfo .info-wrapper .news .news-list .news-item:hover .date {
    color: #1D1D1D;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0.4rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item a {
    padding: 0;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item a .left {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  width: calc(100% - 8.1rem - 1.2rem);
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item a .left {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    width: 100%;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item a .left .tag {
  padding: 0.3rem 0.8rem;
  color: #1D1D1D;
  border-radius: 0.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item a .left .tag {
    padding: 0.2rem 0.8rem;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item a .left .tag.style1 {
  background-color: #F0F0F0;
  border: 1px solid #F0F0F0;
}
#mainInfo .info-wrapper .news .news-list .news-item a .left .tag.style2 {
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
}
#mainInfo .info-wrapper .news .news-list .news-item a .left .item-tit {
  width: 100%;
  color: #1D1D1D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item a .left .item-tit {
    padding-left: 0.2rem;
  }
}
#mainInfo .info-wrapper .news .news-list .news-item a .date {
  color: #717171;
  transition: ease 0.5s color;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .news .news-list .news-item a .date {
    position: absolute;
    top: 0.3rem;
    left: 6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
#mainInfo .info-wrapper .event-info {
  width: clamp(66rem, 36.25vw, 69.6rem);
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info {
    width: 100%;
  }
}
#mainInfo .info-wrapper .event-info .event-info-tit {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-tit {
    color: #717171;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list {
    flex-direction: column;
    gap: 0;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: calc(100% - 31.7rem - 0.8rem);
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time {
    flex-direction: row;
    gap: 0;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time {
    flex-direction: column;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box {
  position: relative;
  width: 100%;
  padding: 2.4rem;
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
  border-radius: 0.2rem;
  transition: ease 0.5s border-color, ease 0.3s background-color;
}
@media screen and (min-width: 1280px) and (hover: hover) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box:hover {
    background-color: #ffffff;
    border-color: #1D1D1D;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box {
    background-color: #ffffff;
    border-bottom: 0;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box:nth-last-of-type(1) {
    border-left: 0;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box:nth-last-of-type(1) {
    border-left: 1px solid #F0F0F0;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .top {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1.9rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time {
    margin-top: 3.2rem;
    gap: 0.8rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p {
    font-size: 2.1rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time p.no-time {
    font-size: 2.1rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .time span {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn {
  position: absolute;
  bottom: 2.85rem;
  right: 2.4rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn {
    position: relative;
    right: unset;
    bottom: unset;
    color: #717171;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn::after {
    content: "";
    position: absolute;
    display: block;
    width: 0.1rem;
    height: 1.2rem;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #D8D8D8;
  }
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn svg path {
    stroke: #8E8E8E;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn span {
  position: relative;
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1D1D1D;
  transition: ease 0.5s width;
}
@media screen and (hover: hover) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-time .time-box .txt-btn:hover span::after {
    width: 100%;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 31.7rem;
  padding: 2.4rem;
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
  border-radius: 0.2rem;
  transition: ease 0.5s border-color, ease 0.3s background-color;
}
@media screen and (min-width: 1280px) and (hover: hover) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view:hover {
    background-color: #ffffff;
    border-color: #1D1D1D;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view {
    width: 100%;
    border-top: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view .view-top {
    padding: 2.4rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view .view-bottom .btn-inner {
  font-weight: 700;
  padding: 0.8em 1.0666666667em;
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view .event-info-tit {
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view .event-info-tit {
    color: #2D2D2D;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl:not(:first-of-type) {
  margin-top: 0.4rem;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl dt {
  width: 3.9rem;
  margin-right: 1rem;
  color: #717171;
}
@media screen and (max-width: 1280px) {
  #mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl dt {
    width: 3.9rem;
    margin-right: 1rem;
  }
}
#mainInfo .info-wrapper .event-info .event-info-list .event-info-view dl dd {
  color: #1D1D1D;
}

#mainFacility {
  padding-bottom: 10.4166666667vw;
}
@media screen and (max-width: 1280px) {
  #mainFacility {
    padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
  }
}
#mainFacility .swiper {
  overflow: visible;
  margin-left: -1.2rem;
}
@media screen and (max-width: 1280px) {
  #mainFacility .swiper {
    margin-left: -0.8rem;
  }
}
#mainFacility .swiper-slide {
  width: auto;
}
#mainFacility .facility-item {
  padding: 0 1.2rem;
}
@media (hover: hover) {
  #mainFacility .facility-item:hover .btn-link-text::after {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  #mainFacility .facility-item {
    padding: 0 0.8rem;
  }
}
#mainFacility .head {
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 1280px) {
  #mainFacility .head {
    padding-bottom: 2rem;
  }
}
#mainFacility .control {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1280px) {
  #mainFacility .control {
    gap: 0.8rem;
  }
}
#mainFacility .control button {
  padding: 0.7rem;
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  background-color: #ffffff;
  transition: ease 0.5s all;
}
@media screen and (max-width: 1280px) {
  #mainFacility .control button {
    padding: 0.3rem;
  }
}
#mainFacility .control button.swiper-button-disabled svg path {
  stroke: #8E8E8E;
}
@media screen and (hover: hover) {
  #mainFacility .control button:not(.swiper-button-disabled):hover {
    background-color: #1D1D1D;
    border-color: #1D1D1D;
  }
  #mainFacility .control button:not(.swiper-button-disabled):hover svg path {
    stroke: #ffffff;
  }
}
#mainFacility .control button svg {
  width: 2.4rem;
  height: 2.4rem;
}
#mainFacility .control button svg path {
  transition: ease 0.3s stroke;
}
#mainFacility .img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#mainFacility .img.type-1 {
  width: clamp(566px, 43.125vw, 828px);
  aspect-ratio: 827/500;
}
@media screen and (max-width: 1280px) {
  #mainFacility .img.type-1 {
    width: clamp(416px, 32.5vw, 566px);
    aspect-ratio: 416/505;
  }
}
@media screen and (max-width: 1024px) {
  #mainFacility .img.type-1 {
    width: clamp(320px, 40.625vw, 416px);
    aspect-ratio: 320/388;
  }
}
@media screen and (max-width: 600px) {
  #mainFacility .img.type-1 {
    width: 29rem;
    aspect-ratio: 290/353;
  }
}
#mainFacility .img.type-2 {
  width: clamp(515px, 39.2708333333vw, 754px);
  aspect-ratio: 754/400;
}
@media screen and (max-width: 1280px) {
  #mainFacility .img.type-2 {
    width: clamp(390px, 30.46875vw, 515px);
    aspect-ratio: 390/370;
  }
}
@media screen and (max-width: 1024px) {
  #mainFacility .img.type-2 {
    width: clamp(300px, 38.0859375vw, 390px);
    aspect-ratio: 300/285;
  }
}
@media screen and (max-width: 600px) {
  #mainFacility .img.type-2 {
    width: 27.4rem;
    aspect-ratio: 274/259;
  }
}
@media screen and (hover: hover) {
  #mainFacility .img:hover img {
    height: 105%;
  }
}
#mainFacility .img img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: ease 0.7s height;
  will-change: height;
}
#mainFacility .desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
#mainFacility .desc .title {
  color: #1D1D1D;
}
#mainFacility .desc .btn-link {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  #mainFacility .desc .btn-link {
    display: none;
  }
}
#mainFacility .desc .btn-link .btn-link-text {
  position: relative;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
#mainFacility .desc .btn-link .btn-link-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0.1rem;
  background-color: #1D1D1D;
  transition: ease 0.3s;
}
#mainFacility .desc .btn-link svg {
  width: 2.4rem;
  height: 2.4rem;
}

.main-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* 모바일 사용 */
}
.main-popup-container.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.main-popup-container .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main-popup-container .main-popup-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.main-popup-container .main-popup {
  width: fit-content;
  overflow: hidden;
}
.main-popup-container .main-popup .main-popup-top {
  position: relative;
  width: 100%;
  display: flex;
  /* 모바일 사용 */
}
.main-popup-container .main-popup .main-popup-top[data-slide-count="1"] .main-popup-indicator {
  display: none !important;
}
.main-popup-container .main-popup .main-popup-top .sheet-top {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.1rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #E4E4E4;
}
.main-popup-container .main-popup .main-popup-top .main-popup-content {
  width: clamp(30rem, 20.8333333333vw, 40rem);
  height: clamp(36rem, 25vw, 48rem);
  aspect-ratio: 5/6;
  background-color: #ededed;
}
.main-popup-container .main-popup .main-popup-top .main-popup-content:not(:last-of-type) {
  margin-right: min(3.2rem, 1.6666666667vw);
}
.main-popup-container .main-popup .main-popup-top .main-popup-content img {
  display: block;
  width: 100%;
  height: 100%;
}
.main-popup-container .main-popup .main-popup-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  width: 100%;
  padding-top: 4rem;
}
.main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
  color: #454545;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.6rem;
  }
}
.main-popup-container .main-popup .main-popup-bottom .popup-today-btn-mo {
  display: none;
}
.main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .mo {
  display: none;
}
.main-popup-container .main-popup-indicator {
  display: none;
  position: absolute;
  top: 1.4rem;
  right: 2rem;
  align-items: center;
  gap: 2rem;
  width: fit-content;
  padding: 0.35rem 1.3rem;
  z-index: 10;
  font-size: 1.4rem;
  line-height: 21px;
  font-weight: 400;
  background-color: rgba(45, 45, 45, 0.6);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 2rem;
}
.main-popup-container .main-popup-indicator .main-popup-pagination {
  display: flex;
  gap: 0.4rem;
  order: 2;
  color: rgba(255, 255, 255, 0.6);
}
.main-popup-container .main-popup-indicator .main-popup-pagination .swiper-pagination-current {
  color: #ffffff;
}
.main-popup-container .main-popup-indicator .next-btn {
  order: 3;
}
.main-popup-container .main-popup-indicator .prev-btn {
  order: 1;
}
@media screen and (max-width: 1024px) {
  .main-popup-container .main-popup .main-popup-top .main-popup-content {
    width: 27.34375vw;
    height: 32.8125vw;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 600px) {
  .main-popup-container {
    top: unset;
    bottom: 0;
  }
  .main-popup-container .container {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .main-popup-container .container-box-xl {
    height: 100%;
  }
  .main-popup-container .main-popup {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
    background-color: #ffffff;
  }
  .main-popup-container .main-popup .main-popup-top .main-popup-slider {
    width: 100%;
  }
  .main-popup-container .main-popup .main-popup-top .sheet-top {
    display: flex;
    border: 0;
  }
  .main-popup-container .main-popup .main-popup-top .main-popup-content {
    max-width: 100%;
    width: 100%;
    max-height: 75vh;
    height: auto;
    flex-shrink: 0;
  }
  .main-popup-container .main-popup .main-popup-bottom {
    justify-content: space-between;
    padding: 0 1.6rem;
    height: 5.2rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .popup-today-btn-pc {
    display: none;
  }
  .main-popup-container .main-popup .main-popup-bottom .popup-today-btn-mo {
    display: flex;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn,
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner {
    padding: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.4rem;
    min-height: auto;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn svg,
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .pc,
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner .pc {
    display: none;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .mo,
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner .mo {
    display: block;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .label,
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner .label {
    display: none;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn:has(.btn-inner),
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .btn-inner:has(.btn-inner) {
    padding: 0;
    border: 0;
  }
  .main-popup-container .main-popup-indicator {
    display: flex;
  }
}

.sub-section[data-current-page=request] .request-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}

.sub-section[data-current-page=announce] .announce-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=announce] .detail-content-btn {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=announce] br.pc {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=announce] br.pc {
    display: none;
  }
}

.sub-section[data-current-page=fee] .sub-component-title-box.info .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=fee] .sub-component-title-box.info .txt {
  color: #717171;
}
.sub-section[data-current-page=fee] .fee-container:not(:last-of-type) {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=fee] .fee-container .txt-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=fee] .fee-container .txt-container.no-margin-top {
  margin-top: 0;
}
.sub-section[data-current-page=fee] .fee-container .hyphen-list[data-type=hyphen][data-size=l] {
  gap: 0rem;
}
.sub-section[data-current-page=fee] .fee-container .hyphen-list[data-type=hyphen].in-txt {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.sub-section[data-current-page=fee] .fee-container .vertical-text {
  padding: 0 4rem;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=fee] .fee-container .vertical-text {
    padding: 1.2rem;
  }
}
.sub-section[data-current-page=fee] .fee-container .table-container th.border-right {
  border-right: 1px solid #555555;
}

@counter-style korean-list {
  system: fixed;
  symbols: "가." "나." "다." "라." "마." "바." "사." "아." "자." "차." "카." "타." "파." "하.";
  suffix: ". ";
}
.sub-section[data-current-page=code] {
  /* 공통 컴포넌트 분기 */
  /* 개인정보처리방침 박스 */
  /* 목차 */
  /* 아이콘 */
  /* 텍스트 리스트 */
}
.sub-section[data-current-page=code] img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=code] .card img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=code] .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.sub-section[data-current-page=code] .btn-wrap.outlink svg, .sub-section[data-current-page=code] .btn-wrap.outlink path {
  fill: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .btn-wrap {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] {
  gap: 0.4rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] .dot-txt {
  padding-left: 1.6rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] a {
  display: inline-block;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl].indent-2 .dot-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] {
  gap: 0.4rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] .dot-txt {
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot) {
  padding-left: 0.8rem;
}
.sub-section[data-current-page=code] a.btn {
  display: flex !important;
  text-decoration: none !important;
  width: fit-content !important;
}
.sub-section[data-current-page=code] .dis-underline {
  text-decoration: none !important;
}
.sub-section[data-current-page=code] .color-blue {
  color: #0045C9;
}
.sub-section[data-current-page=code] .bold {
  font-weight: 700;
}
.sub-section[data-current-page=code] .bg-gray {
  background-color: #F8F8F8 !important;
}
.sub-section[data-current-page=code] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .only-web {
    display: none;
  }
}
.sub-section[data-current-page=code] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .only-mobile {
    display: block;
  }
}
.sub-section[data-current-page=code] .custom-card {
  flex-direction: row;
  align-items: flex-end;
  height: 30rem;
  padding: 4rem;
}
.sub-section[data-current-page=code] .custom-card .card-top-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=code] .custom-card .card-top-box span {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=code] .custom-card .card-top-box svg {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .custom-card {
    height: auto;
    padding: 1.6rem 2rem;
    align-items: center;
    gap: 1rem;
  }
  .sub-section[data-current-page=code] .custom-card .card-top-box {
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.2rem;
    justify-content: flex-end;
  }
  .sub-section[data-current-page=code] .custom-card .card-top-box svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.sub-section[data-current-page=code] .txt-icon-card {
  display: flex;
  flex-direction: row;
  gap: to-em(40, 19);
  margin-bottom: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=code] .txt-icon-card:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .txt-icon-card:hover {
  border-color: #0045C9;
}
.sub-section[data-current-page=code] .txt-icon-card .icon-box {
  width: to-em(100, 19);
  height: to-em(100, 19);
  padding: to-em(6, 19) to-em(12, 19);
  flex-shrink: 0;
}
.sub-section[data-current-page=code] .txt-icon-card .icon-box i, .sub-section[data-current-page=code] .txt-icon-card .icon-box svg {
  width: 100%;
  height: 100%;
}
.sub-section[data-current-page=code] .txt-icon-card .txt-box {
  color: #1D1D1D;
}
.sub-section[data-current-page=code] .txt-icon-card .txt-box .title {
  margin-bottom: to-em(16, 19);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
  }
  .sub-section[data-current-page=code] .txt-icon-card .txt-box .title {
    margin-bottom: 0;
  }
  .sub-section[data-current-page=code] .txt-icon-card .icon-box {
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
  }
}
.sub-section[data-current-page=code] .toc-list {
  padding: 2.4rem 4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list {
    padding: 1.6rem 2rem;
  }
}
.sub-section[data-current-page=code] .toc-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list ul {
    grid-template-columns: 1fr;
  }
}
.sub-section[data-current-page=code] .toc-list li button, .sub-section[data-current-page=code] .toc-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem 1.6rem 1.6rem 1.2rem;
}
.sub-section[data-current-page=code] .toc-list li:not(:last-child):not(:nth-last-child(2)) {
  border-bottom: 1px solid #D8D8D8;
}
.sub-section[data-current-page=code] .toc-list .toc-tit {
  text-align: left;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .toc-list.btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  padding-top: 0;
  padding-bottom: 0;
}
.sub-section[data-current-page=code] .toc-container {
  position: relative;
  padding-top: clamp(1.6rem, 2.08333vmax, 4rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=code] .toc-container .toc-wrap {
  padding: 4.8rem 5.6rem;
  background-color: #F8F8F8;
}
.sub-section[data-current-page=code] .toc-container .toc-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=code] .toc-container .toc-wrap .terms-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .toc-container .toc-wrap .terms-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .toc-container .toc-wrap .terms-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-container .toc-wrap .terms-title {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem 1.6rem;
}
.sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box li {
  display: flex;
  white-space: nowrap;
  gap: 1.2rem;
}
.sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box li p.toc-tit {
  width: 7rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #1D1D1D;
}
.sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box li span.toc-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .toc-container .toc-wrap {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=code] .toc-container .toc-wrap .terms-title {
    margin-bottom: 1.6rem;
  }
  .sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box li {
    gap: 0.2rem;
  }
  .sub-section[data-current-page=code] .toc-container .toc-wrap .toc-box li p.toc-tit {
    width: 6rem;
  }
}
.sub-section[data-current-page=code] section.terms-section {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=code] section.terms-section .terms-title {
  position: relative;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=code] section.terms-section .terms-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=code] section.terms-section .terms-content-wrap .paragraph {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=code] .detail-btn-wrap[data-type=compact] {
  justify-content: flex-end;
  gap: 1.6rem;
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=code] .icon-wrap {
  display: flex;
  gap: 0.8rem;
}
.sub-section[data-current-page=code] .icon-wrap img {
  width: 4rem;
  height: 4rem;
}
.sub-section[data-current-page=code] .num-list {
  counter-reset: number 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .num-list > li {
  word-break: break-all;
  position: relative;
  padding-left: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .num-list > li {
    padding-left: 2.2rem;
  }
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li::before {
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number 1;
  font-size: 1em;
}
.sub-section[data-current-page=code] .num-list[data-type=number] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] {
  counter-reset: steps;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li {
  line-height: 1.8;
  counter-increment: steps;
  position: relative;
  padding-left: 2.4rem;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(0):before {
  content: "⓪";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(1):before {
  content: "①";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(2):before {
  content: "②";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(3):before {
  content: "③";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(4):before {
  content: "④";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(5):before {
  content: "⑤";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(6):before {
  content: "⑥";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(7):before {
  content: "⑦";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(8):before {
  content: "⑧";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(9):before {
  content: "⑨";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(10):before {
  content: "⑩";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(11):before {
  content: "⑪";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(12):before {
  content: "⑫";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(13):before {
  content: "⑬";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(14):before {
  content: "⑭";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(15):before {
  content: "⑮";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(16):before {
  content: "⑯";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(17):before {
  content: "⑰";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(18):before {
  content: "⑱";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(19):before {
  content: "⑲";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(20):before {
  content: "⑳";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li[data-num]::before {
  content: attr(data-num); /* 각 li에 data-index 값을 표시 */
}
.sub-section[data-current-page=code] .num-list[data-type=circle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] {
  counter-reset: steps;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li {
  counter-increment: steps;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.6rem;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(0):before {
  content: "";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(1):before {
  content: "가.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(2):before {
  content: "나.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(3):before {
  content: "다.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(4):before {
  content: "라.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(5):before {
  content: "마.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(6):before {
  content: "바.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(7):before {
  content: "사.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(8):before {
  content: "아.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(9):before {
  content: "자.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(10):before {
  content: "차.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(11):before {
  content: "카.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(12):before {
  content: "타.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(13):before {
  content: "파.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(14):before {
  content: "하.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(15):before {
  content: "거.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(16):before {
  content: "너.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(17):before {
  content: "더.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(18):before {
  content: "러.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(19):before {
  content: "머.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(20):before {
  content: "버.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] > li {
  margin-bottom: 1.6rem;
  padding-left: 2.1rem;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] > li::before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .terms-dropbox-section {
  margin: 0 0 clamp(3rem, 10px + 2.39583vmax, 5.6rem) auto;
  width: fit-content;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-dropbox-section {
    width: 100%;
  }
  .sub-section[data-current-page=code] .terms-dropbox-section .selected-value {
    padding: 1.2rem 1.6rem;
  }
  .sub-section[data-current-page=code] .terms-dropbox-section .dropbox-item {
    padding: 1.2rem 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-section {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  color: #555555;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap img {
  width: 3.2rem;
  height: 3.2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-section .icon-wrap img {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink {
  align-items: center;
  gap: 0;
  word-break: initial;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink.center {
  justify-content: center;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink img {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-section .icon-wrap.outlink img {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-title-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sub-section[data-current-page=code] .terms-title-section .btn-box {
  flex-shrink: 0;
}
.sub-section[data-current-page=code] .terms-title-section .title-desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=code] .terms-title[data-type=xl] {
  color: #0045C9;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-title {
    justify-content: space-between;
  }
}
.sub-section[data-current-page=code] .terms-section p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .indent-2 {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .indent-2-pl {
  padding-left: 2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .indent-2-pl {
    padding-left: 0.8rem;
  }
}
.sub-section[data-current-page=code] .mt-4 {
  margin-top: 0.4rem;
}
.sub-section[data-current-page=code] .mt-8 {
  margin-top: 0.8rem;
}
.sub-section[data-current-page=code] .mt-16 {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=code] .mt-24 {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=code] .mt-32 {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=code] .mb-4 {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=code] .mb-8 {
  margin-bottom: 0.8rem;
}
.sub-section[data-current-page=code] .mb-16 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem) !important;
}
.sub-section[data-current-page=code] .mb-24 {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=code] .mb-32 {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=code] .badge {
  display: block;
  margin-bottom: 0.4rem;
  background-color: #0045C9;
  color: #ffffff;
  width: fit-content;
}
.sub-section[data-current-page=code] .badge-white {
  background-color: #ffffff;
  color: #0053F2;
  border: 1px solid #F0F0F0;
}
.sub-section[data-current-page=code] img.indent-2,
.sub-section[data-current-page=code] .table-container.indent-2 {
  margin-left: -2.4rem;
  width: calc(100% + 2.4rem);
}
.sub-section[data-current-page=code] img.indent-4,
.sub-section[data-current-page=code] .table-container.indent-4 {
  margin-left: -4.8rem;
  width: calc(100% + 4.8rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=code] .table-container.indent-2[data-scroll=true] {
    margin-left: calc(-1 * max(2rem, 5.12821vw) - 2.2rem);
    width: calc(100% + max(2rem, 5.12821vw) + 2.2rem);
  }
  .sub-section[data-current-page=code] img.indent-4,
  .sub-section[data-current-page=code] .table-container.indent-4 {
    margin-left: -4.4rem;
    width: calc(100% + 4.4rem);
  }
}
.sub-section[data-current-page=code] .table-sub-tit.border-right {
  border-right: 1px solid #D8D8D8 !important;
}
.sub-section[data-current-page=code] .table-sub-tit.no-border-bottom {
  border-bottom: unset;
}
.sub-section[data-current-page=code] .table-tit-icon-box {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=code] .table-tit-icon-box i, .sub-section[data-current-page=code] .table-tit-icon-box img {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.sub-section[data-current-page=code] td a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: ease 0.3s;
}
.sub-section[data-current-page=code] td a.download {
  text-decoration: auto !important;
}
.sub-section[data-current-page=code] td a .icon-download {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] td a .icon-download {
    width: 2rem;
    height: 2rem;
  }
}
.sub-section[data-current-page=code] td a svg {
  width: 2rem;
  height: 2rem;
}
.sub-section[data-current-page=code] td a svg path {
  transition: ease 0.3s;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=code] td a:hover {
    color: #0045C9;
  }
  .sub-section[data-current-page=code] td a:hover svg path {
    stroke: #0045C9;
  }
}
.sub-section[data-current-page=code] td a:active {
  color: #0045C9;
}
.sub-section[data-current-page=code] td a:active svg path {
  stroke: #0045C9;
}

.sub-section[data-current-page=privacy] .terms-section {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=privacy] .terms-section:has(> .btn-box) {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-section .terms-title-section {
    flex-direction: column;
    gap: 1.6rem;
  }
}

.sub-section[data-current-page=etiquette] .etiquette-container {
  position: relative;
  padding-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container {
    padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=etiquette] .etiquette-container .tit {
  display: inline-block;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .txt {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .info-box {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
  padding: 4.8rem 5.6rem;
  border-radius: 0.2rem;
  background-color: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .info-box {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .info-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .info-box .tit {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .info-box .tit {
    margin-bottom: 1.2rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content {
  display: flex;
  align-items: center;
  gap: 5.6rem;
  padding: 5rem 2rem;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content:first-child {
  padding-top: 0;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content:last-child {
  padding-bottom: 0;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content:last-child .icon-wrap {
  margin-bottom: auto;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .list .content {
    align-items: flex-start;
    gap: 2.4rem;
    padding: clamp(3rem, 10px + 2.39583vmax, 5.6rem) 0;
    padding-right: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .list .content {
    flex-direction: column;
  }
  .sub-section[data-current-page=etiquette] .etiquette-container .list .content:last-child {
    padding-right: 0;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content .icon-wrap img {
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .list .content .icon-wrap img {
    width: 5.6rem;
    height: 5.6rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .content .tit {
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=etiquette] .etiquette-container .list .content .tit {
    margin-bottom: 0.8rem;
  }
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .indent {
  margin-left: 1.1rem;
  margin-top: 0.3rem;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .indent .dot-txt {
  color: #8E8E8E;
}
.sub-section[data-current-page=etiquette] .etiquette-container .list .indent .dot-txt::before {
  background-color: #8E8E8E;
}

.sub-section[data-current-page=request] .request-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=request] .request-fee-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=request] .form-container .file-upload-box .msg.dot {
  display: flex;
}
.sub-section[data-current-page=request] .form-container .file-upload-box .msg.dot::before {
  display: none;
}
.sub-section[data-current-page=request] .form-container .file-upload-box .msg.dot .icon svg {
  display: block;
  margin-top: 1.5px;
}
.sub-section[data-current-page=request] .form-container .file-upload-box .dot-txt-list {
  padding-left: 2.3rem;
}

.sub-section[data-current-page=announce] .announce-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=announce] br.pc {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=announce] br.pc {
    display: none;
  }
}

@counter-style korean-list {
  system: fixed;
  symbols: "가." "나." "다." "라." "마." "바." "사." "아." "자." "차." "카." "타." "파." "하.";
  suffix: ". ";
}
.sub-section[data-current-page=code] {
  /* 공통 컴포넌트 분기 */
  /* 개인정보처리방침 박스 */
  /* 목차 */
  /* 아이콘 */
  /* 텍스트 리스트 */
}
.sub-section[data-current-page=code] img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=code] .card img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=code] .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.sub-section[data-current-page=code] .btn-wrap.outlink svg, .sub-section[data-current-page=code] .btn-wrap.outlink path {
  fill: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .btn-wrap {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] {
  gap: 0.4rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] .dot-txt {
  padding-left: 1.6rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl] a {
  display: inline-block;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=xl].indent-2 .dot-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] {
  gap: 0.4rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] .dot-txt {
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot) {
  padding-left: 0.8rem;
}
.sub-section[data-current-page=code] a.btn {
  display: flex !important;
  text-decoration: none !important;
  width: fit-content !important;
}
.sub-section[data-current-page=code] .dis-underline {
  text-decoration: none !important;
}
.sub-section[data-current-page=code] .color-blue {
  color: #0045C9;
}
.sub-section[data-current-page=code] .bold {
  font-weight: 700;
}
.sub-section[data-current-page=code] .bg-gray {
  background-color: #F8F8F8 !important;
}
.sub-section[data-current-page=code] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .only-web {
    display: none;
  }
}
.sub-section[data-current-page=code] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .only-mobile {
    display: block;
  }
}
.sub-section[data-current-page=code] .custom-card {
  flex-direction: row;
  align-items: flex-end;
  height: 30rem;
  padding: 4rem;
}
.sub-section[data-current-page=code] .custom-card .card-top-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=code] .custom-card .card-top-box span {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=code] .custom-card .card-top-box svg {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .custom-card {
    height: auto;
    padding: 1.6rem 2rem;
    align-items: center;
    gap: 1rem;
  }
  .sub-section[data-current-page=code] .custom-card .card-top-box {
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.2rem;
    justify-content: flex-end;
  }
  .sub-section[data-current-page=code] .custom-card .card-top-box svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.sub-section[data-current-page=code] .txt-icon-card {
  display: flex;
  flex-direction: row;
  gap: to-em(40, 19);
  margin-bottom: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=code] .txt-icon-card:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .txt-icon-card:hover {
  border-color: #0045C9;
}
.sub-section[data-current-page=code] .txt-icon-card .icon-box {
  width: to-em(100, 19);
  height: to-em(100, 19);
  padding: to-em(6, 19) to-em(12, 19);
  flex-shrink: 0;
}
.sub-section[data-current-page=code] .txt-icon-card .icon-box i, .sub-section[data-current-page=code] .txt-icon-card .icon-box svg {
  width: 100%;
  height: 100%;
}
.sub-section[data-current-page=code] .txt-icon-card .txt-box {
  color: #1D1D1D;
}
.sub-section[data-current-page=code] .txt-icon-card .txt-box .title {
  margin-bottom: to-em(16, 19);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .txt-icon-card {
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
  }
  .sub-section[data-current-page=code] .txt-icon-card .txt-box .title {
    margin-bottom: 0;
  }
  .sub-section[data-current-page=code] .txt-icon-card .icon-box {
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
  }
}
.sub-section[data-current-page=code] .toc-list {
  padding: 2.4rem 4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list {
    padding: 1.6rem 2rem;
  }
}
.sub-section[data-current-page=code] .toc-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list ul {
    grid-template-columns: 1fr;
  }
}
.sub-section[data-current-page=code] .toc-list li button, .sub-section[data-current-page=code] .toc-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem 1.6rem 1.6rem 1.2rem;
}
.sub-section[data-current-page=code] .toc-list li:not(:last-child):not(:nth-last-child(2)) {
  border-bottom: 1px solid #D8D8D8;
}
.sub-section[data-current-page=code] .toc-list .toc-tit {
  text-align: left;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .toc-list.btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  padding-top: 0;
  padding-bottom: 0;
}
.sub-section[data-current-page=code] .toc-container {
  position: relative;
  padding-top: clamp(1.6rem, 2.08333vmax, 4rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=code] section.terms-section {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=code] section.terms-section .terms-title {
  position: relative;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=code] section.terms-section .terms-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=code] section.terms-section .terms-content-wrap .paragraph {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=code] .detail-btn-wrap[data-type=compact] {
  justify-content: flex-end;
  gap: 1.6rem;
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=code] .icon-wrap {
  display: flex;
  gap: 0.8rem;
}
.sub-section[data-current-page=code] .icon-wrap img {
  width: 4rem;
  height: 4rem;
}
.sub-section[data-current-page=code] .num-list {
  counter-reset: number 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .num-list {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .num-list > li {
  word-break: break-all;
  position: relative;
  padding-left: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .num-list > li {
    padding-left: 2.2rem;
  }
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=number] > li::before {
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number 1;
  font-size: 1em;
}
.sub-section[data-current-page=code] .num-list[data-type=number] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] {
  counter-reset: steps;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li {
  line-height: 1.8;
  counter-increment: steps;
  position: relative;
  padding-left: 2.4rem;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(0):before {
  content: "⓪";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(1):before {
  content: "①";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(2):before {
  content: "②";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(3):before {
  content: "③";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(4):before {
  content: "④";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(5):before {
  content: "⑤";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(6):before {
  content: "⑥";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(7):before {
  content: "⑦";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(8):before {
  content: "⑧";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(9):before {
  content: "⑨";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(10):before {
  content: "⑩";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(11):before {
  content: "⑪";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(12):before {
  content: "⑫";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(13):before {
  content: "⑬";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(14):before {
  content: "⑭";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(15):before {
  content: "⑮";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(16):before {
  content: "⑯";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(17):before {
  content: "⑰";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(18):before {
  content: "⑱";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(19):before {
  content: "⑲";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li:nth-child(20):before {
  content: "⑳";
}
.sub-section[data-current-page=code] .num-list[data-type=circle] > li[data-num]::before {
  content: attr(data-num); /* 각 li에 data-index 값을 표시 */
}
.sub-section[data-current-page=code] .num-list[data-type=circle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] {
  counter-reset: steps;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li {
  counter-increment: steps;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.6rem;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(0):before {
  content: "";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(1):before {
  content: "가.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(2):before {
  content: "나.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(3):before {
  content: "다.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(4):before {
  content: "라.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(5):before {
  content: "마.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(6):before {
  content: "바.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(7):before {
  content: "사.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(8):before {
  content: "아.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(9):before {
  content: "자.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(10):before {
  content: "차.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(11):before {
  content: "카.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(12):before {
  content: "타.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(13):before {
  content: "파.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(14):before {
  content: "하.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(15):before {
  content: "거.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(16):before {
  content: "너.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(17):before {
  content: "더.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(18):before {
  content: "러.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(19):before {
  content: "머.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] > li:nth-child(20):before {
  content: "버.";
}
.sub-section[data-current-page=code] .num-list[data-type=korean] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] > li {
  margin-bottom: 1.6rem;
  padding-left: 2.1rem;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] > li::before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=code] .num-list[data-type=triangle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=code] .terms-dropbox-section {
  margin: 0 0 clamp(3rem, 10px + 2.39583vmax, 5.6rem) auto;
  width: fit-content;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-dropbox-section {
    width: 100%;
  }
  .sub-section[data-current-page=code] .terms-dropbox-section .selected-value {
    padding: 1.2rem 1.6rem;
  }
  .sub-section[data-current-page=code] .terms-dropbox-section .dropbox-item {
    padding: 1.2rem 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-section {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  color: #555555;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap img {
  width: 3.2rem;
  height: 3.2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-section .icon-wrap img {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink {
  align-items: center;
  gap: 0;
  word-break: initial;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink.center {
  justify-content: center;
}
.sub-section[data-current-page=code] .terms-section .icon-wrap.outlink img {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-section .icon-wrap.outlink img {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-title-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sub-section[data-current-page=code] .terms-title-section .btn-box {
  flex-shrink: 0;
}
.sub-section[data-current-page=code] .terms-title-section .title-desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .terms-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=code] .terms-title[data-type=xl] {
  color: #0045C9;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-title {
    justify-content: space-between;
  }
}
.sub-section[data-current-page=code] .terms-section p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .terms-section p {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=code] .indent-2 {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=code] .indent-2-pl {
  padding-left: 2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] .indent-2-pl {
    padding-left: 0.8rem;
  }
}
.sub-section[data-current-page=code] .mt-4 {
  margin-top: 0.4rem;
}
.sub-section[data-current-page=code] .mt-8 {
  margin-top: 0.8rem;
}
.sub-section[data-current-page=code] .mt-16 {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=code] .mt-24 {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=code] .mt-32 {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=code] .mb-4 {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=code] .mb-8 {
  margin-bottom: 0.8rem;
}
.sub-section[data-current-page=code] .mb-16 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem) !important;
}
.sub-section[data-current-page=code] .mb-24 {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=code] .mb-32 {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=code] .badge {
  display: block;
  margin-bottom: 0.4rem;
  background-color: #0045C9;
  color: #ffffff;
  width: fit-content;
}
.sub-section[data-current-page=code] .badge-white {
  background-color: #ffffff;
  color: #0053F2;
  border: 1px solid #F0F0F0;
}
.sub-section[data-current-page=code] img.indent-2,
.sub-section[data-current-page=code] .table-container.indent-2 {
  margin-left: -2.4rem;
  width: calc(100% + 2.4rem);
}
.sub-section[data-current-page=code] img.indent-4,
.sub-section[data-current-page=code] .table-container.indent-4 {
  margin-left: -4.8rem;
  width: calc(100% + 4.8rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=code] .table-container.indent-2[data-scroll=true] {
    margin-left: calc(-1 * max(2rem, 5.12821vw) - 2.2rem);
    width: calc(100% + max(2rem, 5.12821vw) + 2.2rem);
  }
  .sub-section[data-current-page=code] img.indent-4,
  .sub-section[data-current-page=code] .table-container.indent-4 {
    margin-left: -4.4rem;
    width: calc(100% + 4.4rem);
  }
}
.sub-section[data-current-page=code] .table-sub-tit.border-right {
  border-right: 1px solid #D8D8D8 !important;
}
.sub-section[data-current-page=code] .table-sub-tit.no-border-bottom {
  border-bottom: unset;
}
.sub-section[data-current-page=code] .table-tit-icon-box {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=code] .table-tit-icon-box i, .sub-section[data-current-page=code] .table-tit-icon-box img {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.sub-section[data-current-page=code] td a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: ease 0.3s;
}
.sub-section[data-current-page=code] td a.download {
  text-decoration: auto !important;
}
.sub-section[data-current-page=code] td a .icon-download {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=code] td a .icon-download {
    width: 2rem;
    height: 2rem;
  }
}
.sub-section[data-current-page=code] td a svg {
  width: 2rem;
  height: 2rem;
}
.sub-section[data-current-page=code] td a svg path {
  transition: ease 0.3s;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=code] td a:hover {
    color: #0045C9;
  }
  .sub-section[data-current-page=code] td a:hover svg path {
    stroke: #0045C9;
  }
}
.sub-section[data-current-page=code] td a:active {
  color: #0045C9;
}
.sub-section[data-current-page=code] td a:active svg path {
  stroke: #0045C9;
}

.sub-section[data-current-page=privacy] .terms-section {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=privacy] .terms-section:has(> .btn-box) {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-section .terms-title-section {
    flex-direction: column;
    gap: 1.6rem;
  }
}

.sub-section[data-current-page=writer] .announce-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}

.sub-component-title-box {
  position: relative;
  padding-top: clamp(1.6rem, 2.08333vmax, 4rem);
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-component-title-box.info, .sub-component-title-box.between {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.sub-component-title-box.info .info-txt, .sub-component-title-box.between .info-txt {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box.info .info-txt, .sub-component-title-box.between .info-txt {
    gap: 0.6rem;
  }
}
.sub-component-title-box .component-search {
  display: flex;
  justify-content: flex-end;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box .component-search {
    display: block;
  }
}
.sub-component-title-box .component-search .search-wrap[data-type=dropbox] .search-bar {
  min-width: 34.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box .component-search .search-wrap[data-type=dropbox] .search-bar {
    width: 100%;
    min-width: auto;
  }
  .sub-component-title-box .component-search .search-wrap[data-type=dropbox] .search-bar input.search {
    width: calc(100% - 4rem);
  }
}
.sub-component-title-box .component-search .search-wrap[data-type=label] .search-bar {
  min-width: 34.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box .component-search .search-wrap[data-type=label] .search-bar {
    width: 100%;
  }
  .sub-component-title-box .component-search .search-wrap[data-type=label] .search-bar input.search {
    width: calc(100% - 4rem);
  }
}
.sub-component-title-box .sub-component-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  color: #1D1D1D;
}
.sub-component-title-box .sub-component-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-component-title-box .sub-component-title + .sub-component-txt {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 600px) {
  .sub-component-title-box .sub-component-title + .sub-component-txt {
    margin-top: 0.8rem;
    margin-bottom: 4rem;
  }
}
.sub-component-title-box .sub-component-title .no-bottom {
  margin-bottom: 0;
}
.sub-component-title-box .sub-component-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-component-title-box .sub-component-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box .sub-component-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-component-title-box .sub-component-txt {
    font-size: 1.6rem;
  }
}
.sub-component-title-box .sub-component-txt {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  color: #555555;
}

.customer-form-container .sub-component-title-box {
  padding: 0;
}
.customer-form-container .sub-component-title-box.essential {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.customer-form-container .sub-component-title-box.essential .essential-txt {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.customer-form-container .sub-component-title-box.essential .essential-txt::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #E81D21;
}
.customer-form-container .sub-component-title-box .inner {
  display: flex;
  align-items: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.customer-form-container .sub-component-title-box .sub-component-title::after {
  display: none;
}

.customer-agree-container .form-item-colum {
  gap: 0;
}
.customer-agree-container .agree-form-item {
  display: flex;
  justify-content: space-between;
  padding: 1.1rem 0;
}
.customer-agree-container .agree-form-item .form-title {
  padding-top: 0;
  padding-bottom: 0;
}
.customer-agree-container .agree-form-item:nth-child(2) {
  padding-top: 0;
}
.customer-agree-container .agree-form-notice {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .customer-agree-container .agree-form-item {
    flex-direction: column;
    padding: 0;
  }
  .customer-agree-container .agree-form-item .form-title {
    padding: 0.6rem 0.8rem 1rem 0.2rem;
  }
  .customer-agree-container .agree-form-item:nth-child(2) {
    margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  .customer-agree-container .agree-form-notice {
    margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
}

.customer-form-container .form-container,
.customer-form-container .customer-agree-container {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-form-container .form-container .detail-btn-wrap[data-type=compact] {
  margin-top: clamp(2rem, 2.5vmax, 4.8rem);
  justify-content: flex-start;
}
@media screen and (max-width: 600px) {
  .customer-form-container .form-container .detail-btn-wrap[data-type=compact] {
    flex-direction: column;
    gap: 1rem;
  }
  .customer-form-container .form-container .detail-btn-wrap[data-type=compact] .btn {
    width: 100%;
  }
}

.board-detail-container .detail-container {
  background-color: #ffffff;
  border: 1px solid #1D1D1D;
  border-radius: 0.2rem;
  padding: 4rem;
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-container {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-container {
    padding: 2.4rem;
  }
}
.board-detail-container .detail-top-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.board-detail-container .detail-top-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  color: #717171;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-bottom: 1px solid #D8D8D8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.board-detail-container .detail-top-info .info-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.4rem;
}
.board-detail-container .detail-top-info .info-list li {
  position: relative;
  display: flex;
  gap: 0.4rem;
}
.board-detail-container .detail-top-info .info-list li .label {
  font-weight: 700;
}
.board-detail-container .detail-top-info .info-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.2rem;
  background-color: #D8D8D8;
}
.board-detail-container .detail-top-info .info-list li:first-child::before {
  display: none;
}
.board-detail-container .detail-top .sub-component-title {
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-top-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .board-detail-container .detail-top-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .board-detail-container .detail-top-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .board-detail-container .detail-top-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-top-info {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
.board-detail-container .detail-content {
  padding: clamp(3rem, 10px + 2.39583vmax, 5.6rem) 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .board-detail-container .detail-content {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-content {
    font-size: 1.6rem;
  }
}
.board-detail-container .detail-content img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.board-detail-container .detail-content p { /*에디터로 등록될 경우 p 태그가 부모요소로 추가되는 부분*/ }
.board-detail-container .detail-content p:has(iframe) {
  position: relative;
  width: 100%; /* 부모 요소의 너비에 맞게 설정 */
  padding-top: 56.25%; /* 16:9 비율 유지 (9 / 16 = 0.5625 * 100) */
  overflow: hidden; /* 초과 내용 숨기기 */
}
.board-detail-container .detail-content p iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* 너비를 부모에 맞춤 */
  height: 100%; /* 높이를 부모에 맞춤 */
  border: 0; /* 테두리 제거 */
}
.board-detail-container .detail-content .detail-btn-wrap[data-type=compact] {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-content .detail-btn-wrap[data-type=compact] .btn {
    min-width: 16.7rem;
    flex: 0;
  }
}
.board-detail-container .detail-file-title {
  margin-bottom: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .board-detail-container .detail-file-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-file-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-file-title {
    font-size: 1.8rem;
  }
}
.board-detail-container .detail-file-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.board-detail-container .detail-file-list .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.4rem;
  height: 5.8rem;
  padding: 1.6rem;
  background-color: #F8F8F8;
  border-radius: max(0.2rem, 0.2083vw);
}
.board-detail-container .detail-file-list .list-item .file-info {
  width: calc(100% - 22.1rem);
  display: flex;
  color: #454545;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.6rem;
  }
}
.board-detail-container .detail-file-list .list-item .file-info .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 94%;
}
.board-detail-container .detail-file-list .list-item .file-info .file-type {
  white-space: nowrap;
}
.board-detail-container .detail-file-list .list-item .file-btn {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .board-detail-container .detail-file-list .list-item {
    height: 5.6rem;
  }
  .board-detail-container .detail-file-list .list-item .file-info {
    width: calc(100% - 22.8rem);
  }
  .board-detail-container .detail-file-list .list-item .file-btn {
    display: flex;
    gap: 1.6rem;
  }
  .board-detail-container .detail-file-list .list-item .file-btn .txt-btn {
    position: relative;
  }
  .board-detail-container .detail-file-list .list-item .file-btn .txt-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.8rem;
    transform: translateY(-50%);
    width: 1px;
    height: 1.6rem;
    background-color: #D8D8D8;
  }
  .board-detail-container .detail-file-list .list-item .file-btn .txt-btn:first-child::after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .board-detail-container .detail-file-list .list-item {
    flex-direction: column;
    gap: 1.6rem;
    align-items: flex-start;
    height: 9.6rem;
  }
  .board-detail-container .detail-file-list .list-item .file-info {
    width: 100%;
  }
  .board-detail-container .detail-file-list .list-item .file-btn {
    width: 100%;
    justify-content: flex-end;
  }
}
.board-detail-container .detail-bottom {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}

table th span.essential {
  display: inline-block;
  align-items: flex-start;
  gap: 0.4rem;
}
table th span.essential::after {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin-bottom: 0.4rem;
  margin-left: 0.4rem;
  background-color: #E81D21;
}

.form-input-item .msg {
  position: relative;
  display: none;
  color: #717171;
  margin-top: 0.8rem;
  padding-left: 0.4rem;
  gap: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.form-input-item .msg::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px 16px;
}
.form-input-item:has(.alt_blue) input {
  border-color: #0045C9;
}
.form-input-item:has(.alt_blue) .msg {
  display: flex;
  color: #0045C9;
}
.form-input-item:has(.alt_blue) .msg::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%230045C9' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%230045C9'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%230045C9' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.form-input-item:has(.alt_blue) .msg.error {
  display: none;
}
.form-input-item:has(.alt_red) input:not(:read-only), .form-input-item:has(.alt_red) textarea:not(:read-only) {
  border-color: #E81D21;
}
.form-input-item:has(.alt_red) .dropbox-wrap:not(.show) .selected-value {
  border-color: #E81D21;
}
.form-input-item:has(.alt_red) .msg {
  display: flex;
  color: #E81D21;
}
.form-input-item:has(.alt_red) .msg::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23E81D21'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23E81D21' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23E81D21'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23E81D21' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.form-input-item:has(.alt_red) .msg.success {
  display: none;
}
.form-input-item:has(.alt_gray) .msg.info {
  display: flex;
}
.form-input-item:has(.alt_gray).error .msg.info {
  color: #717171;
}
.form-input-item:has(.alt_gray).error .msg.info::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-view-container.edit .table-container table td:has(input), .customer-view-container.edit .table-container table td:has(select), .customer-view-container.edit .table-container table td:has(textarea), .customer-view-container.edit .table-container table td:has([data-type=select]) {
  padding: 0.6rem;
}
.customer-view-container.edit .table-container table td input:not(input[type=radio], input[type=checkbox]), .customer-view-container.edit .table-container table td textarea {
  width: 100%;
}
.customer-view-container.edit .table-container table td .row {
  gap: 0.6rem;
}
.customer-view-container.edit .table-container table td .dropbox {
  max-height: 140px;
  overflow-y: scroll;
  margin-right: 0.4rem;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar {
  width: 9px;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar-track {
  background: transparent;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar-thumb {
  background-color: #C6C6C6;
  border-radius: 3px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
@media screen and (max-width: 1024px) {
  .customer-view-container.edit .table-container table td input:not(input[type=radio], input[type=checkbox]), .customer-view-container.edit .table-container table td textarea {
    padding: 0.8rem 1.6rem;
    height: unset;
  }
  .customer-view-container.edit .table-container table td .row {
    gap: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-view-container.edit .table-container table td .row {
    gap: 0.6rem;
  }
  .customer-view-container.edit .table-container table td .calendar-wrap {
    flex-direction: column;
  }
  .customer-view-container.edit .table-container table td .calendar-wrap hr {
    display: none;
  }
}
.customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box {
  margin-bottom: 0.8rem;
}
.customer-view-container.edit .form-item.address {
  padding: 0;
}
.customer-view-container.edit .form-item.address .input-text-button {
  gap: 0.6rem;
}
.customer-view-container.edit .form-item.address .input-text-box {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.6rem;
}
.customer-view-container.edit .form-item:has(.textarea-wrap) {
  max-width: 100%;
  padding: 0;
}
.customer-view-container.edit .form-item:has(.file-upload-box) {
  max-width: 100%;
  padding: 0;
}

.customer-step-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.customer-step-container.no-margin-bottom {
  margin-bottom: 0;
}
.customer-step-container .customer-step {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-step-container .customer-step {
    padding: 2.4rem;
  }
}
.customer-step-container .customer-step {
  border: 1px solid #000000;
  border-radius: 0.2rem;
  padding: 5rem 2rem 4rem;
}
.customer-step-container .customer-step-list {
  display: flex;
  justify-content: space-between;
}
.customer-step-container .customer-step-list li {
  flex: 1;
  text-align: center;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-step-container .customer-step-list li dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6em;
}
.customer-step-container .customer-step-list li dt {
  width: 100%;
}
.customer-step-container .customer-step-list li .icon-box {
  position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.customer-step-container .customer-step-list li .icon-box::before, .customer-step-container .customer-step-list li .icon-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 50%;
  height: 2px;
  background-color: #D8D8D8;
}
.customer-step-container .customer-step-list li .icon-box::before {
  left: 0;
}
.customer-step-container .customer-step-list li .icon-box::after {
  left: 50%;
}
.customer-step-container .customer-step-list li .icon-box .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 2em;
  height: 2em;
}
.customer-step-container .customer-step-list li .icon-box .icon svg {
  width: 100%;
  height: auto;
}
.customer-step-container .customer-step-list li .sub-txt {
  display: block;
  margin-bottom: 0.13em;
}
.customer-step-container .customer-step-list li .txt {
  display: block;
  font-weight: 700;
}
.customer-step-container .customer-step-list li.ready .icon svg {
  color: #D8D8D8;
}
.customer-step-container .customer-step-list li.ing .icon {
  background-color: #ffffff;
}
.customer-step-container .customer-step-list li.completed .icon-box::before, .customer-step-container .customer-step-list li.completed .icon-box::after {
  background-color: #1D1D1D;
}
.customer-step-container .customer-step-list li.completed .icon svg {
  color: #1D1D1D;
}
.customer-step-container .customer-step-list li.completed + .ing .icon-box::before {
  background-color: #1D1D1D;
}
.customer-step-container .customer-step-list li:first-child .icon-box::before {
  display: none;
}
.customer-step-container .customer-step-list li:last-child .icon-box::after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .customer-step-container .customer-step {
    padding: 3.2rem;
  }
  .customer-step-container .customer-step-list li {
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.2rem;
  }
  .customer-step-container .customer-step-list li dl {
    align-items: flex-start;
    gap: 1.17em;
  }
  .customer-step-container .customer-step-list li .icon-box {
    justify-content: flex-start;
  }
  .customer-step-container .customer-step-list li .txt {
    width: 5.69em;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  }
}
@media screen and (min-width: calc(600px + 1px)) and (max-width: 1024px) {
  .customer-step-container .customer-step-list li.completed + .ing .icon-box::before {
    width: 0.8rem;
  }
  .customer-step-container .customer-step-list li.completed + .ing .icon-box::after {
    width: 100%;
    left: 0.8rem;
  }
  .customer-step-container .customer-step-list li:not(:last-child) .icon-box, .customer-step-container .customer-step-list li:not(:last-child) dd {
    padding-left: 0.8rem;
  }
  .customer-step-container .customer-step-list li:first-child .icon-box, .customer-step-container .customer-step-list li:first-child dd {
    padding-left: 0;
  }
  .customer-step-container .customer-step-list li:first-child .icon-box::before {
    display: block;
    left: 3px;
  }
  .customer-step-container .customer-step-list li:last-child .icon-box::before {
    width: 5rem;
  }
  .customer-step-container .customer-step-list li:last-child .icon-box, .customer-step-container .customer-step-list li:last-child dd {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-step-container .customer-step {
    padding: 2rem 2.4rem;
  }
  .customer-step-container .customer-step-list {
    flex-direction: column;
  }
  .customer-step-container .customer-step-list li dl {
    flex-direction: row;
    gap: 0.93em;
  }
  .customer-step-container .customer-step-list li dt {
    width: auto;
  }
  .customer-step-container .customer-step-list li dd {
    display: flex;
    gap: 0.71em;
    padding: 0.39em 0;
  }
  .customer-step-container .customer-step-list li .icon-box {
    padding: 0.6rem 0.2rem;
  }
  .customer-step-container .customer-step-list li .icon-box .icon {
    width: 2rem;
    height: 2rem;
  }
  .customer-step-container .customer-step-list li .icon-box::before, .customer-step-container .customer-step-list li .icon-box::after {
    width: 2px;
    height: 100%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
  .customer-step-container .customer-step-list li .icon-box::before {
    display: none;
  }
  .customer-step-container .customer-step-list li .icon-box::after {
    top: 50%;
    margin-top: 0.8rem;
  }
  .customer-step-container .customer-step-list li .sub-txt {
    margin-bottom: 0;
  }
  .customer-step-container .customer-step-list li .txt {
    width: 100%;
  }
  .customer-step-container .customer-step-list li.ing .icon-box {
    padding: 0.35rem 0;
  }
  .customer-step-container .customer-step-list li.ing .icon-box .icon {
    width: 2.4rem;
    height: 2.4rem;
  }
  .customer-step-container .customer-step-list li:last-child .icon-box::before {
    width: 2px;
  }
}

.hyphen-list[data-type=hyphen] {
  display: flex;
  flex-direction: column;
  padding-left: 1.1rem;
}
.hyphen-list[data-type=hyphen].in-txt {
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}
.hyphen-list[data-type=hyphen] .hyphen-txt {
  position: relative;
  color: #555555;
}
.hyphen-list[data-type=hyphen] .hyphen-txt::before {
  content: "-";
  position: absolute;
  top: 0.75em;
  transform: translateY(-50%);
  left: 0;
  color: #717171;
}
.hyphen-list[data-type=hyphen] .hyphen-txt.no-hyphen::before {
  display: none;
}
.hyphen-list[data-type=hyphen] .hyphen-txt.flex-txt {
  display: flex;
}
.hyphen-list[data-type=hyphen] .hyphen-txt.flex-txt .tit {
  white-space: pre;
}
.hyphen-list[data-type=hyphen] .hyphen-txt a {
  display: inline-flex;
  color: #0045C9;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hyphen-list[data-type=hyphen] .red-hyphen::before {
  color: #E81D21 !important;
}
.hyphen-list[data-type=hyphen] .red-txt {
  color: #E81D21;
}
.hyphen-list[data-type=hyphen] .blue-txt {
  color: #0045C9;
}
.hyphen-list[data-type=hyphen][data-size=xl] {
  gap: 0.8rem;
}
.hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt:not(.no-hyphen) {
  padding-left: 1.1rem;
}
.hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt.indent {
  padding-left: 1.1rem;
}
@media screen and (max-width: 1024px) {
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt.indent {
    padding-left: 0.9rem;
  }
}
.hyphen-list[data-type=hyphen][data-size=l] {
  gap: 0.6rem;
}
.hyphen-list[data-type=hyphen][data-size=l] .hyphen-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.hyphen-list[data-type=hyphen][data-size=l] .hyphen-txt:not(.no-hyphen) {
  padding-left: 1.1rem;
}
.hyphen-list[data-type=hyphen][data-size=s] .hyphen-txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.hyphen-list[data-type=hyphen][data-size=s] .hyphen-txt:not(.no-hyphen) {
  padding-left: 0.8rem;
}
.hyphen-list[data-type=hyphen][data-size=s] .hyphen-txt::before {
  width: 0.2rem;
  height: 0.2rem;
  background-color: #8E8E8E;
}
@media screen and (max-width: 1024px) {
  .hyphen-list[data-type=hyphen][data-size=xl] {
    gap: 0.6rem;
  }
  .hyphen-list[data-type=hyphen][data-size=xl] .hyphen-txt:not(.no-hyphen) {
    padding-left: 0.9rem;
  }
  .hyphen-list[data-type=hyphen][data-size=l] {
    gap: 0.4rem;
  }
  .hyphen-list[data-type=hyphen][data-size=l] .hyphen-txt:not(.no-hyphen) {
    padding-left: 0.9rem;
  }
}

.align-center {
  align-items: center;
}

.exhibition-art-container {
  position: relative;
  display: flex;
  padding-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container {
    flex-direction: column;
  }
}
.exhibition-art-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.exhibition-art-container .exhibition-slide-container {
  border-radius: 0.2rem;
}
.exhibition-art-container .exhibition-slide-container .arrow-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.exhibition-art-container .exhibition-slide-container .arrow-btn.btn[data-color=line-gray-30] .btn-inner {
  background-color: rgba(0, 0, 0, 0.3803921569);
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.exhibition-art-container .exhibition-slide-container .arrow-btn.btn[data-color=line-gray-30] .btn-inner:hover {
  background: rgba(0, 0, 0, 0.5803921569);
}
.exhibition-art-container .exhibition-slide-container .arrow-btn svg path:not(.stroke) {
  fill: white;
}
.exhibition-art-container .exhibition-slide-container .arrow-btn.prev-btn {
  left: 0;
}
.exhibition-art-container .exhibition-slide-container .arrow-btn.next-btn {
  right: 0;
}
.exhibition-art-container .exhibition-slide-item .img-wrap {
  aspect-ratio: 1060/596;
}
.exhibition-art-container .exhibition-slide-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exhibition-art-container .exhibition-slide-pagination.swiper-pagination {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
.exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  transition: width 0.3s;
}
.exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
}
.exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet-active {
  width: 4rem;
}
.exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet-active::before {
  width: 100%;
  animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}
@keyframes slide-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .exhibition-slide-container .arrow-btn {
    display: none;
  }
  .exhibition-art-container .exhibition-slide-pagination.swiper-pagination {
    bottom: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-slide-pagination.swiper-pagination {
    bottom: 1.6rem;
  }
  .exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin: 0 3px;
  }
  .exhibition-art-container .exhibition-slide-pagination .swiper-pagination-bullet-active {
    width: 3.2rem;
  }
}
.exhibition-art-container .exhibition-thumbnail-slide-container {
  margin-top: 1.25rem;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-thumbnail-slide-container {
    width: 100%;
  }
}
.exhibition-art-container .exhibition-thumbnail-slide-wrapper {
  justify-content: center;
  gap: 1.25rem;
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-thumbnail-slide-wrapper.col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .exhibition-art-container .exhibition-thumbnail-slide-wrapper.col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.exhibition-art-container .exhibition-thumbnail-slide-item {
  max-width: 133px;
  width: auto;
  flex: 1;
}
.exhibition-art-container .exhibition-thumbnail-slide-item .img-wrap {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  aspect-ratio: 160/90;
  cursor: pointer;
}
.exhibition-art-container .exhibition-thumbnail-slide-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exhibition-art-container .exhibition-thumbnail-slide-item .img-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #1D1D1D;
  border-radius: 0.2rem;
  opacity: 0;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
}
.exhibition-art-container .exhibition-thumbnail-slide-item.swiper-slide-thumb-active .img-wrap::before {
  opacity: 1;
}
@media screen and (hover: hover) {
  .exhibition-art-container .exhibition-thumbnail-slide-item:hover .img-wrap::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .exhibition-thumbnail-slide-container {
    margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  }
  .exhibition-art-container .exhibition-thumbnail-slide-wrapper {
    gap: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-thumbnail-slide-container {
    margin-top: 0.8rem;
  }
  .exhibition-art-container .exhibition-thumbnail-slide-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .exhibition-art-container .exhibition-thumbnail-slide-item {
    width: 100%;
    max-width: none;
  }
}
.exhibition-art-container .exhibition-slide-con,
.exhibition-art-container .slide-info-con {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .exhibition-slide-con,
  .exhibition-art-container .slide-info-con {
    width: 100%;
  }
}
.exhibition-art-container .slide-info-con {
  margin-left: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con {
    margin-left: 0;
  }
}
.exhibition-art-container .slide-info-con .info-title {
  padding-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.exhibition-art-container .slide-info-con .info-sub-title {
  padding-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-art-container .slide-info-con .info-sub-title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-sub-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .slide-info-con .info-sub-title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-sub-title {
    padding-bottom: 4rem;
  }
}
.exhibition-art-container .slide-info-con .info-sub-title span {
  display: block;
  margin-bottom: 1.2rem;
  font-weight: 700;
}
.exhibition-art-container .slide-info-con .info-txt-box {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-txt-box {
    margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
.exhibition-art-container .slide-info-con .info-txt-box .wrap:not(:last-of-type) {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.exhibition-art-container .slide-info-con .info-txt-box .info-txt-title {
  margin-bottom: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-art-container .slide-info-con .info-txt-box .info-txt-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-txt-box .info-txt-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .slide-info-con .info-txt-box .info-txt-title {
    font-size: 1.8rem;
  }
}
.exhibition-art-container .slide-info-con .info-txt-box .box {
  display: flex;
  justify-content: space-between;
}
.exhibition-art-container .slide-info-con .info-txt-box .box:not(:last-of-type) {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #D8D8D8;
}
.exhibition-art-container .slide-info-con .info-txt-box .box .tit {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .tit {
    font-size: 1.6rem;
  }
}
.exhibition-art-container .slide-info-con .info-txt-box .box .txt {
  text-align: right;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .slide-info-con .info-txt-box .box .txt {
    font-size: 1.6rem;
  }
}
.exhibition-art-container .slide-info-con .info-txt-box .dot-txt-list.right {
  align-items: flex-end;
  margin-top: 0.4rem;
}
.exhibition-art-container .exhibition-slide-con {
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-slide-con {
    padding-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .exhibition-table-container table colgroup col:first-child {
    width: 14.8rem;
  }
  .exhibition-art-container .exhibition-table-container table br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .exhibition-table-container table colgroup col:first-child {
    width: 12rem;
  }
}
.exhibition-art-container .slide-controler {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.exhibition-art-container .slide-controler .util {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.5333333333em;
  padding: 0.8em 0;
  padding-left: max(1.2rem, 0.8333vw);
  padding-right: 0.6rem;
  background: rgba(29, 29, 29, 0.6);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util {
    gap: 0;
    padding: 0.6rem 0.8rem 0.6rem 1.2rem;
    background: rgba(29, 29, 29, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
}
.exhibition-art-container .slide-controler .util .util-pagination {
  color: #E4E4E4;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .exhibition-art-container .slide-controler .util .util-pagination {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .util-pagination {
    font-size: 1.3rem;
  }
}
.exhibition-art-container .slide-controler .util .util-pagination .swiper-pagination-current {
  margin-right: 0.2em;
  color: #ffffff;
  font-weight: 700;
}
.exhibition-art-container .slide-controler .util .util-pagination .swiper-pagination-total {
  margin-left: 0.2em;
}
.exhibition-art-container .slide-controler .util .util-bullets {
  display: none;
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .util-bullets {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-left: 1.2rem;
    margin-right: 0.8rem;
  }
}
.exhibition-art-container .slide-controler .util .util-bullets .swiper-pagination-bullet {
  background: #ffffff;
}
.exhibition-art-container .slide-controler .util .control {
  display: flex;
  align-items: center;
  padding: 0 0.4em;
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .control {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .control .prev,
  .exhibition-art-container .slide-controler .util .control .next {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container .slide-controler .util .control .pause svg {
    width: 2.2rem;
    height: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container [data-current-page=museum] .sub-component-txt br:not(.t-show) {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-art-container [data-current-page=museum] .sub-component-title br {
    display: none;
  }
  .exhibition-art-container [data-current-page=museum] .sub-component-txt br.t-show {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-art-container [data-current-page=artcenter] .exhibition-table-container table colgroup col:first-child {
    width: 14rem;
  }
}

.customer-calendar-container {
  /* 정보 및 선택초기화 */
  /* 버튼 스타일 */
  /* 캘린더 스타일 */
  /* 날짜 하단 텍스트 스타일 */
}
.customer-calendar-container #custom-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-bottom: #E4E4E4;
  border-bottom: 2px solid #000000;
  gap: clamp(1.6rem, 2.08333vmax, 4rem);
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #custom-toolbar {
    flex-direction: column;
    gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
    align-items: stretch;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #custom-toolbar {
    padding-bottom: 0;
    margin-bottom: 1.6rem;
  }
}
.customer-calendar-container #custom-toolbar .date {
  display: flex;
  align-items: center;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.customer-calendar-container #custom-toolbar .date .year-display {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.customer-calendar-container #custom-toolbar .date .nav-button {
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #custom-toolbar .date {
    justify-content: center;
    padding-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
}
.customer-calendar-container #custom-toolbar .month-list {
  display: grid;
  grid-template-columns: repeat(12, auto);
  flex: 1;
  justify-items: end;
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #custom-toolbar .month-list {
    justify-items: center;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #custom-toolbar .month-list {
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-top: 2px solid #000000;
  }
}
.customer-calendar-container #custom-toolbar .month-list li {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(3.4rem, 2.5vw, 4.8rem);
  height: clamp(3.4rem, 2.5vw, 4.8rem);
  margin: 0.3rem;
  border-radius: 50%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #custom-toolbar .month-list li {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #custom-toolbar .month-list li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #custom-toolbar .month-list li {
    font-size: 1.6rem;
  }
}
.customer-calendar-container #custom-toolbar .month-list li.active {
  background-color: black;
  color: white;
}
.customer-calendar-container #custom-toolbar .month-list li:not(.active):hover {
  background-color: #e0e0e0;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #custom-toolbar .month-list li {
    width: 3.4rem;
    height: 3.4rem;
  }
}
.customer-calendar-container .info-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-calendar-container .info-container .box .reset-button {
  display: flex;
  gap: 0.2em;
  align-items: center;
}
.customer-calendar-container .info-container .box .reset-button span.tit {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-calendar-container .info-container .box .reset-button span.tit {
  color: #1D1D1D;
}
.customer-calendar-container .info-container .box .reset-button svg {
  margin-bottom: 0.1em;
}
.customer-calendar-container .info-container.not-btn-wrap {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.customer-calendar-container .button-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.customer-calendar-container .button-container .button-group {
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.customer-calendar-container .button-container .button-group .btn.active .btn-inner {
  background-color: #1D1D1D;
  color: #ffffff;
  border: 1px solid #1D1D1D;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .button-container .button-group {
    width: 100%;
    gap: 0.25rem;
  }
  .customer-calendar-container .button-container .button-group .btn {
    flex: 1;
  }
}
.customer-calendar-container .button-container .reset-button {
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.customer-calendar-container .calendar-select-txt {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container .calendar-select-txt {
    padding: 2.4rem;
  }
}
.customer-calendar-container .calendar-select-txt {
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  border: 1px solid #1D1D1D;
  border-radius: 2px;
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-calendar-container .calendar-select-txt .box {
  border-bottom: 1px solid #E4E4E4;
  display: flex;
  justify-content: space-between;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.customer-calendar-container .calendar-select-txt .box:last-child {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}
.customer-calendar-container .calendar-select-txt .box .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container .calendar-select-txt .box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container .calendar-select-txt .box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .calendar-select-txt .box .tit {
    font-size: 1.8rem;
  }
}
.customer-calendar-container .calendar-select-txt .box .tit {
  color: #1D1D1D;
}
.customer-calendar-container .calendar-select-txt .box .date {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container .calendar-select-txt .box .date {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container .calendar-select-txt .box .date {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .calendar-select-txt .box .date {
    font-size: 1.8rem;
  }
}
.customer-calendar-container .calendar-select-txt .box .date {
  color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .calendar-select-txt .box .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .customer-calendar-container .calendar-select-txt .box .date {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .calendar-select-txt {
    padding: 0;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .customer-calendar-container .calendar-select-txt .box {
    padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
    margin: 0;
  }
  .customer-calendar-container .calendar-select-txt .box:last-child {
    padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .customer-calendar-container .calendar-select-txt .box .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .customer-calendar-container .calendar-select-txt .box .date {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.customer-calendar-container #calendar-container {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell {
  position: relative;
  padding: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell:after {
    width: 100%;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell .fc-col-header-cell-cushion {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell .fc-col-header-cell-cushion {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell .fc-col-header-cell-cushion {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell .fc-col-header-cell-cushion {
    font-size: 1.8rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-header .fc-col-header-cell .fc-col-header-cell-cushion {
  color: #1D1D1D;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr:not(.week_none) .fc-daygrid-day:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr:not(.week_none) .fc-daygrid-day:after {
    width: 100%;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr:not(.week_none).week_last .fc-daygrid-day:after {
  display: none;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr:not(.week_none).week_last .fc-daygrid-day .fc-other-month .fc-event-title {
  display: none;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day {
  position: relative;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day {
    padding: clamp(0.8rem, 0.833333vmax, 1.6rem) 0;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day {
    padding: clamp(0.8rem, 0.833333vmax, 1.6rem) 0;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.only .fc-daygrid-day-frame .fc-daygrid-day-top, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-first-day .fc-daygrid-day-frame .fc-daygrid-day-top, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-last-day .fc-daygrid-day-frame .fc-daygrid-day-top {
  position: relative;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.only .fc-daygrid-day-frame .fc-daygrid-day-top:before, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-first-day .fc-daygrid-day-frame .fc-daygrid-day-top:before, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-last-day .fc-daygrid-day-frame .fc-daygrid-day-top:before {
  content: "";
  position: absolute;
  cursor: pointer;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: black;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.only .fc-daygrid-day-frame .fc-daygrid-day-top:before, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-first-day .fc-daygrid-day-frame .fc-daygrid-day-top:before, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-last-day .fc-daygrid-day-frame .fc-daygrid-day-top:before {
    width: 3rem;
    height: 3rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.only .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-first-day .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number, .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-last-day .fc-daygrid-day-frame .fc-daygrid-day-top .fc-daygrid-day-number {
  color: white;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day:not(.only) .fc-daygrid-day-frame .fc-daygrid-day-top {
  position: relative;
  justify-content: center;
  width: 100%;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day:not(.only) .fc-daygrid-day-frame .fc-daygrid-day-top:after {
  content: "";
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  background-color: #F0F0F0;
  padding: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) + 0.5rem);
  z-index: 1;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-first-day .fc-daygrid-day-frame .fc-daygrid-day-top:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  right: 0;
  transform: translate(1%, -50%);
  z-index: 1;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day.select-last-day .fc-daygrid-day-frame .fc-daygrid-day-top:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translate(-51%, -50%);
  z-index: 1;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #FF9194;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun.disabled .fc-daygrid-day-top .fc-daygrid-day-number {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #FF2024;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day:not(.fc-day-sun).disabled .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #D8D8D8;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day:not(.fc-day-sun).disabled .fc-daygrid-day-events .fc-event-title {
  color: #8E8E8E;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day:not(.fc-day-sun).disabled .fc-daygrid-day-events .fc-event-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-event-title {
  color: #8E8E8E;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-event-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
    font-size: 1.8rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number .day-text {
    display: none;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
  margin-bottom: 1.3em;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
    margin-bottom: 1em;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event {
  background-color: unset;
  border: unset;
  display: block;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event .fc-event-main {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event .fc-event-main {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event .fc-event-main {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event .fc-event-main {
    font-size: 1.6rem;
  }
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-h-event .fc-event-main {
  color: #2D2D2D;
}
.customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-frame {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: calc(clamp(7.2rem, 8.33333vmax, 16rem) - 8px);
  gap: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) - 8px);
}
.customer-calendar-container #calendar-container .fc-daygrid-body tbody tr:last-child td:after {
  display: none;
}
.customer-calendar-container .fc-daygrid-day-frame {
  text-align: center;
  position: relative;
}
.customer-calendar-container .fc .fc-daygrid-day.fc-day-today {
  background-color: unset;
}
.customer-calendar-container .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
  content: "";
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border: 1px solid #C6C6C6;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
    width: 3rem;
    height: 3rem;
    padding: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) + 0.45rem);
  }
}
.customer-calendar-container .fc-day-selected {
  background-color: black !important;
  color: white !important;
  border-radius: 50%;
}
.customer-calendar-container .fc-daygrid-day-events {
  margin-top: 5px;
}
@media screen and (max-width: 600px) {
  .customer-calendar-container .fc-daygrid-day-events {
    margin-top: 2px;
  }
}
.customer-calendar-container .fc-theme-standard .fc-scrollgrid {
  border: unset;
}
.customer-calendar-container .fc-theme-standard .fc-scrollgrid tr.week_none {
  display: none;
}
.customer-calendar-container .fc-theme-standard .fc-scrollgrid tr td,
.customer-calendar-container .fc-theme-standard .fc-scrollgrid tr th {
  border: unset;
}
.customer-calendar-container .fc .fc-cell-shaded,
.customer-calendar-container .fc .fc-day-disabled {
  background-color: transparent;
}

.art-procedure-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.art-procedure-container .sub-component-title-box {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.art-procedure-container .step-container .step-wrap:last-child .wrap {
  padding-bottom: 0;
}
.art-procedure-container .step-container .step-wrap .step-title {
  display: flex;
  align-items: center;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  color: #1D1D1D;
}
.art-procedure-container .step-container .step-wrap .step-title .step {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #000;
  border-radius: 50%;
  z-index: 1;
}
.art-procedure-container .step-container .step-wrap .step-title .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .art-procedure-container .step-container .step-wrap .step-title .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .art-procedure-container .step-container .step-wrap .step-title .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap .step-title .tit {
    font-size: 1.8rem;
  }
}
.art-procedure-container .step-container .step-wrap .wrap {
  position: relative;
  gap: 0.75rem;
  padding-left: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
}
.art-procedure-container .step-container .step-wrap .wrap:before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 15px;
  border-left: 1px solid #e4e4e4;
  height: 100%;
}
.art-procedure-container .step-container .step-wrap .wrap .sub-box {
  display: flex;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap .wrap .sub-box {
    margin-top: 1.2rem;
  }
}
.art-procedure-container .step-container .step-wrap .wrap .sub-box .card {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.25rem 1.85rem;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
  background-color: #F0F0F0;
}
.art-procedure-container .step-container .step-wrap .wrap .sub-box .card .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #555555;
}
.art-procedure-container .step-container .step-wrap .wrap .sub-box .card .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #555555;
}
.art-procedure-container .step-container .step-wrap .wrap .sub-box .card .between {
  justify-content: space-between;
}
.art-procedure-container .step-container .step-wrap .wrap .step-cont {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .art-procedure-container .step-container .step-wrap .wrap .step-cont {
    padding: 2.4rem;
  }
}
.art-procedure-container .step-container .step-wrap .wrap .step-cont {
  padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.art-procedure-container .step-container .step-wrap .wrap .step-cont .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.art-procedure-container .step-container .step-wrap .wrap .dot-txt-list .dot-txt {
  color: #1D1D1D;
}
.art-procedure-container .step-container .step-wrap img {
  display: block;
  width: 100%;
  height: 100%;
}
.art-procedure-container .step-container .step-wrap.content {
  gap: 4rem;
}
@media screen and (max-width: 1024px) {
  .art-procedure-container .step-container .step-wrap.content {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap.content {
    gap: 2.4rem;
  }
}
.art-procedure-container .step-container .step-wrap.flex-row {
  flex-direction: row;
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap.flex-row {
    flex-direction: column;
  }
}
.art-procedure-container .step-container .step-wrap.flex-row .card-top-box {
  gap: 1.2rem;
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap.flex-row .card-top-box {
    gap: 0.8rem;
  }
}
.art-procedure-container .step-container .step-wrap.flex-row .card-bottom-box {
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap.flex-row .card-bottom-box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .art-procedure-container .step-container .step-wrap.icon-content {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap.icon-content {
    padding: 2.4rem;
  }
}
.art-procedure-container .step-container .step-wrap .content {
  display: flex;
  align-items: center;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  padding: 4rem;
  background-color: #F8F8F8;
  border-radius: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .art-procedure-container .step-container .step-wrap .content {
    padding: 2.4rem 2.4rem 3.2rem 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap .content {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.art-procedure-container .step-container .step-wrap .content .icon-wrap {
  align-self: flex-start;
}
.art-procedure-container .step-container .step-wrap .content .icon-wrap img {
  width: 5.6rem;
  height: 5.6rem;
}
@media screen and (max-width: 600px) {
  .art-procedure-container .step-container .step-wrap .content .icon-wrap img {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.sub-section[data-current-page=voc] .sub-component-title-box {
  padding-top: 0;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=voc] .sub-component-title-box .sub-component-title {
  color: #1D1D1D;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=voc] .sub-component-title-box .inner {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.sub-section[data-current-page=voc] .search-no-result {
  padding-top: 0;
}
.sub-section[data-current-page=voc] .customer-form-container .form-container {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=voc] .customer-form-container .sub-component-title-box.essential {
  align-items: flex-end;
}
.sub-section[data-current-page=voc] .mo {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=voc] .mo {
    display: block;
  }
}
.sub-section[data-current-page=voc] .customer-category-list .input-radio-box {
  width: 100%;
}
.sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item {
  width: inherit;
}
.sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item label {
  width: inherit;
  display: inline-grid;
  gap: 8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
  }
}
.sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item label .icon {
  position: absolute;
  left: 0;
  top: 0.95em;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item label .icon {
    top: 2.1em;
  }
}
.sub-section[data-current-page=voc] .customer-category-list .input-radio-box .input-radio-item label img {
  display: flex;
  justify-self: self-end;
}
.sub-section[data-current-page=voc] .input-checkbox-box {
  width: 100%;
}
.sub-section[data-current-page=voc] .input-checkbox-box .input-checkbox-item {
  width: inherit;
}
.sub-section[data-current-page=voc] .input-checkbox-box .input-checkbox-item label {
  width: inherit;
  display: inline-grid;
  gap: 8rem;
}
.sub-section[data-current-page=voc] .input-checkbox-box .input-checkbox-item label .icon {
  position: absolute;
  left: 0;
  top: 0.95em;
  transform: translateY(-50%);
}
.sub-section[data-current-page=voc] .input-checkbox-box .input-checkbox-item label img {
  display: flex;
  justify-self: self-end;
}
.sub-section[data-current-page=voc] .card-info-wrap {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .card-info-wrap {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=voc] .card-info-wrap {
  background-color: #F8F8F8;
  border: 0;
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem) clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=voc] .detail-btn-wrap[data-type=compact] {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=voc] .customer-category-list .category-item {
  padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  background-color: #ffffff;
  border: 0.1rem solid #D8D8D8;
  border-radius: max(0.2rem, 0.2083vw);
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item .inner {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item .tit {
  display: block;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=voc] .customer-category-list .category-item .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=voc] .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=voc] .customer-category-list .category-item .icon {
  display: block;
  text-align: right;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item .icon img {
  width: 6rem;
  height: auto;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item.active {
  border-color: #000000;
  background-color: #000000;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item.active .tit {
  display: block;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
.sub-section[data-current-page=voc] .customer-category-list .category-item.active .category-image {
  filter: invert(1);
}
@media screen and (min-width: calc(1024px - 1px)) and (hover: hover) {
  .sub-section[data-current-page=voc] .customer-category-list .category-item:hover {
    border-color: #000000;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .customer-category-list .category-item {
    padding: 1.5rem clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .sub-section[data-current-page=voc] .customer-category-list .category-item .inner {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }
  .sub-section[data-current-page=voc] .customer-category-list .category-item .icon img {
    width: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=voc] .customer-category-list.row {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=voc] .customer-category-list.row {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=voc] .customer-category-note {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (min-width: calc(1024px + 1px)) {
  .sub-section[data-current-page=voc] .customer-agree-container .input-radio-box {
    width: auto;
  }
}

.sub-section[data-current-page=lost] .sub-search-container {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=lost] .d-flex {
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.sub-section[data-current-page=lost] .board-list-tbody .board-list-row .column {
  border-right: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .board-list-tbody .board-list-row .column {
    border-right: 0;
  }
}
.sub-section[data-current-page=lost] .board-list-tbody .board-list-row .column:first-child {
  border-left: 0;
}
.sub-section[data-current-page=lost] .board-list-tbody .board-list-row .column:last-child {
  border-right: 0;
}
.sub-section[data-current-page=lost] .sub-component-title-box {
  padding-top: 0;
}
.sub-section[data-current-page=lost] .list-btn-wrap[data-type=write] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .list-btn-wrap[data-type=write] {
    display: none;
  }
}
.sub-section[data-current-page=lost] .board-detail-container .detail-container .detail-top-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=lost] .table-container .table-wrapper table {
  border-top: 1px solid #D8D8D8;
  border-bottom: 0;
}
.sub-section[data-current-page=lost] .table-container .table-wrapper table .table-tit {
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
}
.sub-section[data-current-page=lost] .table-container .table-wrapper table .table-txt {
  border-bottom: 1px solid #D8D8D8;
}
.sub-section[data-current-page=lost] .customer-form-container .sub-component-title-box.essential {
  align-items: flex-end;
}
.sub-section[data-current-page=lost] .mo {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=lost] .mo {
    display: block;
  }
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box {
  width: 100%;
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item {
  width: inherit;
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label {
  width: inherit;
  display: inline-grid;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
  }
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label .icon {
  position: absolute;
  left: 0;
  top: 0.95em;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label .icon {
    top: 0.9em;
  }
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label img {
  display: flex;
  justify-self: self-end;
}
.sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label .box .txt {
  width: 100%;
  display: inline-block;
  margin-left: -2.8rem;
  margin-top: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label .box .txt {
    margin-top: 1rem;
    margin-left: -2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-container .input-radio-box .input-radio-item label .box {
    width: 100%;
  }
}
.sub-section[data-current-page=lost] .sub-component-title-box {
  position: relative;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=lost] .sub-component-title-box .sub-component-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=lost] .sub-component-title-box .inner {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.sub-section[data-current-page=lost] .customer-form-container + .customer-form-container {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=lost] .customer-form-container .form-container {
  margin-bottom: 0;
}
.sub-section[data-current-page=lost] .input-checkbox-box {
  width: 100%;
}
.sub-section[data-current-page=lost] .input-checkbox-box .input-checkbox-item {
  width: inherit;
}
.sub-section[data-current-page=lost] .input-checkbox-box .input-checkbox-item label {
  width: inherit;
  display: inline-grid;
  gap: 8rem;
}
.sub-section[data-current-page=lost] .input-checkbox-box .input-checkbox-item label .icon {
  position: absolute;
  left: 0;
  top: 0.95em;
  transform: translateY(-50%);
}
.sub-section[data-current-page=lost] .input-checkbox-box .input-checkbox-item label img {
  display: flex;
  justify-self: self-end;
}
.sub-section[data-current-page=lost] .card-info-wrap {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .card-info-wrap {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=lost] .card-info-wrap {
  background-color: #F8F8F8;
  border: 0;
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem) clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=lost] .detail-btn-wrap[data-type=compact] {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=lost] .customer-category-list .category-item {
  padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  background-color: #ffffff;
  border: 0.1rem solid #D8D8D8;
  border-radius: max(0.2rem, 0.2083vw);
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item .inner {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item .tit {
  display: block;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=lost] .customer-category-list .category-item .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=lost] .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=lost] .customer-category-list .category-item .icon {
  display: block;
  text-align: right;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item .icon img {
  width: 6rem;
  height: auto;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item.active {
  border-color: #000000;
  background-color: #000000;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item.active .tit {
  display: block;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item.active .txt {
  color: #ffffff;
}
.sub-section[data-current-page=lost] .customer-category-list .category-item.active .category-image {
  filter: invert(1);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-category-list .category-item {
    padding: 1.5rem clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .sub-section[data-current-page=lost] .customer-category-list .category-item .inner {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }
  .sub-section[data-current-page=lost] .customer-category-list .category-item .icon img {
    width: 5rem;
  }
  .sub-section[data-current-page=lost] .customer-category-list .category-item img {
    width: 4.8rem;
    height: 4.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-category-list .category-item {
    padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem) clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=lost] .customer-category-list.row {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=lost] .customer-category-note {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (min-width: calc(1024px + 1px)) {
  .sub-section[data-current-page=lost] .customer-agree-container .input-radio-box {
    width: auto;
  }
}

.sub-section[data-current-page=introduce] .announce-download-container {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day:after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-check-cont .time {
    position: relative;
  }
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-check-cont .time:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: -12px;
    width: 1px;
    height: 50%;
    background-color: #D8D8D8;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-text {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number {
    display: flex;
    gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
    align-items: center;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-text {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today {
  background-color: unset;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
  content: "";
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  border: 1px solid #C6C6C6;
  border-radius: 50%;
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
    display: none;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-frame {
  justify-content: space-between;
  min-height: calc(clamp(7.2rem, 8.33333vmax, 16rem) - 8px);
  height: 100%;
  padding-top: 0.5rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
    border-top: 1px solid #8E8E8E;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
  flex: 1;
  margin-bottom: 0;
  min-height: 7rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
    width: 100%;
    min-height: unset;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness {
  margin-bottom: 1rem;
  height: inherit;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event {
  height: inherit;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main {
  height: inherit;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main .title-wrap {
  height: inherit;
  display: flex;
  align-items: center;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .input-checkbox-item input[type=checkbox] {
  padding: 1.2rem;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .input-checkbox-item label {
  padding-left: 0.5rem;
  color: #2D2D2D;
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont {
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont {
    flex-flow: wrap;
    column-gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
    row-gap: 0.6rem;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .time {
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .time:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: -12px;
    width: 1px;
    height: 50%;
    background-color: #717171;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .fc-event-title {
  text-wrap: auto;
  text-align: left;
}
.sub-section[data-current-page=introduce] .customer-calendar-container .info-container {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container {
    flex-direction: column;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box {
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box {
    width: 100%;
  }
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box:nth-of-type(2) {
    justify-content: flex-end;
    padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont {
  color: #555555;
}
.sub-section[data-current-page=introduce] .customer-calendar-container .info-container .box .cont.disabled {
  color: #C6C6C6;
}
.sub-section[data-current-page=introduce] .customer-calendar-container .calendar-select-txt .date {
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .calendar-select-txt .date {
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-end;
  }
}
.sub-section[data-current-page=introduce] .customer-calendar-container .calendar-select-txt .date .date-time {
  position: relative;
  display: inline-block;
}
.sub-section[data-current-page=introduce] .customer-calendar-container .calendar-select-txt .date .date-time:before {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  right: -14px;
  width: 1px;
  height: 50%;
  background-color: #D8D8D8;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=introduce] .customer-calendar-container .calendar-select-txt .date .date-time:before {
    display: none;
  }
}
.sub-section[data-current-page=introduce] .form-item .file-upload-box .file-info-box {
  width: 100%;
}

main[data-current-page=museum] .space-museum-content .tab-container .tabs {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .tab-container .tabs {
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
}
main[data-current-page=museum] .space-museum-content .tab-container .tab-content {
  border: 0 !important;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .tab-content .accordion-left .img-wrap {
    height: 48.2421875vw;
  }
  main[data-current-page=museum] .space-museum-content .tab-content .accordion-left .img-wrap img {
    height: 100%;
  }
}
main[data-current-page=museum] .space-museum-content .holiday-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8rem 4rem;
  border: 1px solid #000000;
  border-radius: 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .holiday-info {
    padding: 4rem 3.2rem;
    height: 48.2421875vw;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .holiday-info {
    height: auto;
  }
}
main[data-current-page=museum] .space-museum-content .holiday-info .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=museum] .space-museum-content .holiday-info .tit {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
main[data-current-page=museum] .space-museum-content .holiday-info .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=museum] .space-museum-content .holiday-info .txt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .holiday-info .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .holiday-info .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
main[data-current-page=museum] .space-museum-content .holiday-info .txt {
  text-align: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=light-blue] {
  background-color: #3379FF;
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=blue] {
  background-color: #0053F2;
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=dark-blue] {
  background-color: #0038A3;
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=light-red] {
  background-color: #FF6B6E;
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=red] {
  background-color: #FF4549;
}
main[data-current-page=museum] .space-museum-content .dropdown-container .dropdown-item-top .number[data-color=dark-red] {
  background-color: #750F11;
}
main[data-current-page=museum] .space-museum-content .box-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 4rem;
  background-color: #F8F8F8;
  border-radius: 0.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .box-list {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .box-list {
    grid-template-columns: 1fr;
    padding: 2rem;
  }
}
main[data-current-page=museum] .space-museum-content .box-list .box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(1), main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(2) {
  padding-bottom: 2rem;
  border-bottom: 1px solid #D8D8D8;
}
main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(3), main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(4) {
  padding-top: 2rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(2), main[data-current-page=museum] .space-museum-content .box-list .box:nth-child(3) {
    padding: 2rem 0;
  }
  main[data-current-page=museum] .space-museum-content .box-list .box:not(:last-child) {
    border-bottom: 1px solid #D8D8D8;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .box-list .box img {
    width: 6.4rem;
    height: 6.4rem;
  }
}
main[data-current-page=museum] .space-museum-content .box-list .box .txt {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=museum] .space-museum-content .box-list .box .txt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .box-list .box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .box-list .box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc {
    flex-flow: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc p {
  width: calc(100% - 25rem);
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc p {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .space-museum-tit-box + .desc p {
    width: 100%;
  }
}
main[data-current-page=museum] .space-museum-content .sub-search-container {
  margin: clamp(2rem, 18px + 0.3125vmax, 2.4rem) 0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .sub-search-container .tabs {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=museum] .space-museum-content .sub-search-container .tabs .btn {
    flex: 1 1 50% !important;
  }
  main[data-current-page=museum] .space-museum-content .sub-search-container .tabs .btn:nth-child(4) .btn-inner {
    border-top: 0 !important;
  }
}
main[data-current-page=museum] .space-museum-content .list-container .hidden {
  display: none;
}
main[data-current-page=museum] .space-museum-content .pagination {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=museum] .space-museum-content .pagination {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

.sub-section[data-current-page=museum] .form-input-item.notice .dot-txt-list {
  padding-left: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=museum] .form-input-item.notice .dot-txt-list:not(.in-txt) {
  padding-top: 0.6rem;
}
.sub-section[data-current-page=museum] .form-input-item.notice .dot-txt-list:not(.in-txt) .dot-txt {
  color: #717171;
}
.sub-section[data-current-page=museum] .form-input-item.notice .dot-txt-list .in-txt {
  padding-top: 0.6rem;
  padding-left: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-bottom: 1px solid #8E8E8E;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day:after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-check-cont .time {
    position: relative;
  }
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.disabled .fc-daygrid-day-events .fc-check-cont .time:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: -12px;
    width: 1px;
    height: 50%;
    background-color: #d8d8d8;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-text {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number {
    display: flex;
    gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
    align-items: center;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-number .day-number {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.selected-day .fc-daygrid-day-top {
  margin-bottom: 1px;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today {
  background-color: unset;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
  margin-bottom: 1px;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
  content: "";
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #C6C6C6;
  border-radius: 50%;
  padding: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) + 0.45rem);
  z-index: 0;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
    width: 3rem;
    height: 3rem;
    padding: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) + 0.45rem);
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-frame {
  justify-content: space-between;
  min-height: calc(clamp(7.2rem, 8.33333vmax, 16rem) - 8px);
  height: 100%;
  padding-top: 0.5rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
    border-top: 1px solid #8E8E8E;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
  flex: 1;
  margin-bottom: 0;
  min-height: 7rem;
  margin-top: 1rem;
  display: flex;
  flex-flow: wrap;
  height: 100%;
  padding: 0 1.2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events {
    width: 100%;
    min-height: unset;
    flex-flow: inherit;
    padding: 0;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness {
  margin-bottom: 1rem;
  height: auto;
  flex: 1;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness {
    margin-bottom: 0;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness:last-child {
    margin-bottom: 1rem;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event {
  height: inherit;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main {
  height: inherit;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main .title-wrap {
  height: fit-content;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main .title-wrap {
    justify-content: center;
  }
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-event-harness .fc-h-event .fc-event-main .title-wrap label {
    cursor: pointer;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .input-checkbox-item input[type=checkbox] {
  padding: 1.2rem;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .input-checkbox-item label {
  padding-left: 0.25rem;
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont {
  display: flex;
  flex-flow: column;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont {
    flex-flow: wrap;
    gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .time {
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .time:before {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: -12px;
    width: 1px;
    height: 50%;
    background-color: #717171;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container #calendar-container .fc-scrollgrid-section-body tr .fc-daygrid-day .fc-daygrid-day-events .fc-check-cont .fc-event-title {
  text-wrap: auto;
  text-align: left;
}
.sub-section[data-current-page=museum] .customer-calendar-container .info-container {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container {
    flex-direction: column;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container .info-container .box {
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container .box {
    width: 100%;
  }
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container .box:nth-of-type(2) {
    justify-content: flex-end;
    padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont {
  color: #555555;
}
.sub-section[data-current-page=museum] .customer-calendar-container .info-container .box .cont.disabled {
  color: #C6C6C6;
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt.mo {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt.mo {
    display: block;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .date {
  display: flex;
  gap: 2.5rem;
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .date .date-time {
  position: relative;
  display: inline-block;
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .date .date-time:before {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  right: -14px;
  width: 1px;
  height: 50%;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .choice-date {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .choice-date {
    display: block;
  }
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .choice-date .choice_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E4E4;
  padding: clamp(0.8rem, 0.833333vmax, 1.6rem) clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .choice-date .choice_wrap .hour {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=museum] .customer-calendar-container .calendar-select-txt .choice-date .choice_wrap .hour.disabled {
  color: #C6C6C6;
}
.sub-section[data-current-page=museum] .form-item .file-upload-box .file-info-box {
  width: 100%;
}
.sub-section[data-current-page=museum] .dot-txt-list.calendar-middle {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}

.layer-popup-container .inner .keyword {
  width: fit-content;
  padding: 0.55rem clamp(0.8rem, 0.833333vmax, 1.6rem);
  background-color: #F8F8F8;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}

.sub-section[data-current-page=facility] .exhibition-art-container {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=facility] .exhibition-art-container:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=facility] .exhibition-art-container .exhibition-slide-item .img-wrap {
  aspect-ratio: 520/335;
}
.sub-section[data-current-page=facility] .exhibition-art-container .exhibition-slide-con {
  padding-bottom: 0;
}
.sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con {
    padding-top: clamp(2rem, 2.5vmax, 4.8rem);
    padding-bottom: 0;
  }
}
.sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .sub-component-title-number {
  margin-bottom: 2rem;
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .sub-component-title-number {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .sub-component-title-number {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .sub-component-title-number {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .sub-component-title-number {
    margin-bottom: 0.8rem;
  }
}
.sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .info-txt-box {
  width: 100%;
  margin-bottom: 0;
}
.sub-section[data-current-page=facility] .exhibition-art-container .slide-info-con .info-txt-box .box .tit {
  color: #2D2D2D;
}

main[data-current-page=spaceguide] .guide-map-wrapper {
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  margin-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  position: relative;
}
main[data-current-page=spaceguide] .guide-map-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1d1d1d;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper {
  position: relative;
  display: flex;
  border-radius: 2px;
  border: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper {
    flex-direction: column-reverse;
  }
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list {
  display: grid;
  grid-template-columns: 1fr;
  flex-shrink: 0;
  overflow: hidden;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:not(:last-child) {
  border-bottom: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list {
    grid-template-columns: repeat(2, 2fr);
    border-top: 1px solid #1D1D1D;
  }
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(even) {
    border-right: none;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(1) {
    grid-column: span 2;
  }
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(n+2) {
    grid-column: span 1;
  }
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(odd) {
    border-right: none;
  }
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(even) {
    border-right: 1px solid #1D1D1D;
  }
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item:nth-child(4) {
    border-bottom: none;
  }
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item {
  display: flex;
  align-items: center;
  padding: 1.2rem 2rem 1.2rem 3rem;
  gap: 1.2rem;
  border-right: 1px solid #1D1D1D;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item {
    margin-right: 0;
    padding: 1.6rem;
  }
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item p {
  flex: 1;
  padding-right: 6.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item p {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item p {
    padding-right: 0;
  }
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item.active {
  background: #1D1D1D;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item.active p {
  color: #ffffff;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item.active .icon > svg rect {
  fill: #ffffff;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-list .space-guide-map-item.active .icon > svg path {
  fill: #000000;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper {
  background-color: #F8F8F8;
  width: 100%;
  overflow: hidden;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image {
  width: 70.2rem;
  height: 58.1rem;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image {
    width: 64.1rem;
    height: 55rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image {
    width: 35rem;
    height: 30rem;
  }
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg {
  width: 100%;
  height: 100%;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg .map-background.active {
  fill: #555555;
  transition: all 0.3s ease;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg .map-number-bg.active,
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg .map-text.active {
  fill: #ffffff;
  transition: all 0.3s ease;
}
main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg .map-number-icon.active {
  fill: #1D1D1D;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-map-wrapper .space-guide-map .space-guide-map-wrapper .space-guide-map-image-wrapper .space-guide-map-image svg .map-text {
    display: none;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list {
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1d1d1d;
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list::after {
    display: none;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list:last-child {
  padding-bottom: 0;
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  align-items: flex-start;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card {
    padding-top: 2.2rem;
    gap: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card {
    padding-top: 0;
    gap: 2rem;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image {
  position: relative;
  margin: 0 auto;
  padding-bottom: 2rem;
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1d1d1d;
  transform: scaleY(1);
  transform-origin: top;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image {
    padding-bottom: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image::after {
    height: 2px;
  }
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--line-width, 0);
    height: 2px;
    background-color: #1d1d1d;
    transform: scaleY(1);
    transform-origin: top;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8rem;
  padding-right: 6.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box {
    padding-right: 0;
    gap: 2rem;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-index {
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-index {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-index {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-index {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info {
    gap: 1.2rem;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-title {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-title {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-title {
    font-size: min(3em, 5.641vw);
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-desc {
  color: #717171;
  word-break: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-desc {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .contents-box .space-guide-info .space-guide-desc a {
  display: inline;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .view-more {
  padding-top: 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .view-more {
    padding-top: 2.4rem;
  }
}
main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .view-more .btn-inner {
  border: 1px solid #000000;
}
@media screen and (max-width: 600px) {
  main[data-current-page=spaceguide] .guide-list-wrapper .guide-list-card .space-guide-contents .view-more .btn-inner {
    height: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}

div[class^=space-][class$=-container] .watch-top-container {
  padding-bottom: 0;
}
div[class^=space-][class$=-container] .watch-top-slide .inner-slide .img-wrap {
  aspect-ratio: 792/445;
}
div[class^=space-][class$=-container] .watch-top-info {
  padding-left: 3.75vw;
}
div[class^=space-][class$=-container] .watch-top-info .tit-box {
  padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
div[class^=space-][class$=-container] .watch-top-info .tit-box .tit {
  padding-top: 0;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .tit {
    font-size: min(3em, 5.641vw);
  }
}
div[class^=space-][class$=-container] .watch-top-info .tit-box .txt {
  color: #555555;
  margin-top: 2.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .txt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  div[class^=space-][class$=-container] .watch-top-info .tit-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
div[class^=space-][class$=-container] .watch-top-info .info-box {
  padding-bottom: 0;
}
div[class^=space-][class$=-container] .watch-top-info .info-box .info-item:not(:first-child) {
  padding: 2rem 0;
}
div[class^=space-][class$=-container] .watch-top-info .info-box .info-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
div[class^=space-][class$=-container] .watch-top-info .btn-box {
  display: flex;
  gap: 2rem;
  margin-top: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
div[class^=space-][class$=-container] .watch-top-info .btn-box .btn {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-container] .watch-top-info {
    padding-left: 0;
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  div[class^=space-][class$=-container] .watch-top-info .tit-box {
    padding-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  div[class^=space-][class$=-container] .watch-top-info .tit-box .txt {
    margin-top: 1.3rem;
  }
  div[class^=space-][class$=-container] .watch-top-info .info-box {
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  div[class^=space-][class$=-container] .watch-top-info .info-box .info-item:not(:first-child) {
    padding: 1.6rem 0;
  }
  div[class^=space-][class$=-container] .watch-top-info .info-box .info-item:last-child {
    padding-bottom: 0;
  }
  div[class^=space-][class$=-container] .watch-top-info .btn-box {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
    gap: 1.6rem;
  }
}
div[class^=space-][class$=-container] .tab-container {
  gap: 0;
}
div[class^=space-][class$=-container] .tab-container .tabs {
  display: flex;
  width: 100%;
}
div[class^=space-][class$=-container] .tab-container .hidden {
  display: none;
}
div[class^=space-][class$=-container] .tab-container button[class=btn][data-color=black]:not(.hover-motion) .btn-inner {
  background-color: #ffffff;
  color: #1D1D1D;
  border: 1px solid #1D1D1D;
  border-radius: 0;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=black]:not(.hover-motion) {
  flex: 1;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=black]:not(.hover-motion) .btn-inner {
  background-color: #1D1D1D;
  color: #ffffff;
  border: 1px solid #1D1D1D;
  border-radius: 0;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=black]:not(:first-child) {
  margin-left: -1px;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=line-gray-90]:not(.hover-motion) {
  flex: 1;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=line-gray-90]:not(.hover-motion) .btn-inner {
  border-radius: 0;
}
div[class^=space-][class$=-container] .tab-container .btn[data-color=line-gray-90]:not(:first-child) {
  margin-left: -1px;
}
div[class^=space-][class$=-container] .tab-container .tab-content {
  border: 1px solid #1D1D1D;
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  border-top: 0;
}

div[class^=space-][class$=-content] {
  margin-top: clamp(7.2rem, 8.33333vmax, 16rem);
}
div[class^=space-][class$=-content] .m-btn-box {
  display: none;
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-content] .m-btn-box {
    display: flex;
    justify-content: center;
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

div[class^=space-][class$=-tit-box] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
}
div[class^=space-][class$=-tit-box]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 1px;
  background-color: #1D1D1D;
}
div[class^=space-][class$=-tit-box] .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  div[class^=space-][class$=-tit-box] .tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-tit-box] .tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  div[class^=space-][class$=-tit-box] .tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 1024px) {
  div[class^=space-][class$=-tit-box] {
    padding-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
  div[class^=space-][class$=-tit-box] .btn {
    display: none;
  }
}

main[data-current-page=hall] .space-hall-content .tab-content {
  padding: 1.0909090909em 1.0909090909em 0.1818181818em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=hall] .space-hall-content .tab-content {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=hall] .space-hall-content .tab-content {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=hall] .space-hall-content .tab-content {
    font-size: 2.1rem;
  }
}
main[data-current-page=hall] .space-hall-content .dot-txt-list {
  margin-top: 1.6rem;
}
main[data-current-page=hall] .hall-seat-box .stage {
  border: 1px solid #1D1D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.5rem;
  margin-bottom: 2.5454545455em;
}
main[data-current-page=hall] .hall-seat-box .seat-box-wrap {
  overflow: auto;
  padding: 0 0 2.3636363636em;
  margin: 0 1.3rem;
}
main[data-current-page=hall] .hall-seat-box .seat-box-wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
main[data-current-page=hall] .hall-seat-box .seat-box-wrap::-webkit-scrollbar-thumb {
  background-color: #8E8E8E;
  border-color: #8E8E8E;
  border-radius: 4px;
  border: 2px solid transparent;
}
main[data-current-page=hall] .hall-seat-box .seat-box-wrap::-webkit-scrollbar-track {
  background-color: #E4E4E4;
  border-radius: 50px;
}
main[data-current-page=hall] .hall-seat-box .seat-box {
  position: relative;
}
main[data-current-page=hall] .hall-seat-box .seat-box svg {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  min-width: 1534px;
  min-height: 680px;
}
main[data-current-page=hall] .hall-seat-box .seat-box .seat {
  cursor: pointer;
}
main[data-current-page=hall] .hall-seat-box .seat-img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 36rem;
  border: 1px solid #1D1D1D;
  border-radius: 0.2rem;
  overflow: hidden;
  opacity: 0;
}
main[data-current-page=hall] .hall-seat-box .seat-img-box .img-wrap {
  aspect-ratio: 360/235;
}
main[data-current-page=hall] .hall-seat-box .seat-img-box .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main[data-current-page=hall] .hall-seat-box .seat-img-box .txt-box {
  padding: 1rem 1.6rem;
  background-color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=hall] .hall-seat-box .seat-img-box .txt-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=hall] .hall-seat-box .seat-img-box .txt-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=hall] .hall-seat-box .seat-img-box .txt-box {
    font-size: 1.6rem;
  }
}
main[data-current-page=hall] .hall-seat-box .seat-img-box.show {
  opacity: 1;
  z-index: 9;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=hall] .space-hall-content .tab-content {
    padding: 0 0 0.4rem;
  }
  main[data-current-page=hall] .space-hall-content .tabs {
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  main[data-current-page=hall] .hall-seat-box .seat-box-wrap {
    padding: 0 0 2rem;
  }
  main[data-current-page=hall] .hall-seat-box .stage {
    border-left: 0;
    border-right: 0;
    height: 4.8rem;
  }
  main[data-current-page=hall] .hall-seat-box .seat-box svg {
    min-width: 1150px;
    min-height: 517px;
  }
  main[data-current-page=hall] .hall-seat-box .seat-box .seat {
    cursor: pointer;
  }
  main[data-current-page=hall] .hall-seat-box .seat-img-box {
    width: min(260px, 100%);
  }
}

main[data-current-page=gallery] .gallery-tab-con {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10rem 0;
}
main[data-current-page=gallery] .gallery-tab-con img {
  width: 46.875vw;
  height: auto;
}
main[data-current-page=gallery] .gallery-tab-con img.m-ver {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=gallery] .gallery-tab-con {
    padding: 0 4.2rem;
  }
  main[data-current-page=gallery] .gallery-tab-con img.pc-ver {
    display: none;
  }
  main[data-current-page=gallery] .gallery-tab-con img.m-ver {
    display: block;
    width: auto;
    height: 59rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=gallery] .gallery-tab-con img.m-ver {
    height: 35rem;
  }
}
main[data-current-page=gallery] .space-gallery-content .work-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
main[data-current-page=gallery] .pagination {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=gallery] .pagination {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

.space-gallery-popup .layer-popup-top {
  border-bottom: 1.5px solid #1D1D1D;
}
.space-gallery-popup .layer-popup-top .name {
  margin-top: 0.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .space-gallery-popup .layer-popup-top .name {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .space-gallery-popup .layer-popup-top .name {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .space-gallery-popup .layer-popup-top .name {
    font-size: 1.6rem;
  }
}
.space-gallery-popup .layer-popup-top .close-btn {
  border: 0;
}
.space-gallery-popup .layer-popup-content .img-wrapper {
  border-radius: 0.2rem;
  overflow: hidden;
  border: 1px solid #F0F0F0;
}
.space-gallery-popup .layer-popup-content .img-wrapper img {
  display: block;
  max-height: none;
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.space-gallery-popup .layer-popup-content .info-txt-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.space-gallery-popup .layer-popup-content .info-txt-list li {
  display: flex;
  gap: 1.2rem;
}
.space-gallery-popup .layer-popup-content .info-txt-list li .label {
  position: relative;
  color: #1D1D1D;
  padding-left: 1rem;
  min-width: 4em;
  font-weight: 700;
}
.space-gallery-popup .layer-popup-content .info-txt-list li .label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  background-color: #1D1D1D;
  border-radius: 50%;
}
.space-gallery-popup .layer-popup-content .info-txt-list li .txt {
  color: #555555;
}

.tab-list-wrap .tab-list {
  display: flex;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: 700;
}
.tab-list-wrap .tab-list .tab-item {
  color: #C6C6C6;
  margin-left: 1em;
}
.tab-list-wrap .tab-list .tab-item.active {
  color: #1D1D1D;
}
.tab-list-wrap .tab-list .tab-item:first-child {
  margin-left: 0;
}
.tab-list-wrap .tab-list[data-type=line] {
  border-bottom: 1px solid #D8D8D8;
}
.tab-list-wrap .tab-list[data-type=line] .tab-item {
  position: relative;
  padding-bottom: 0.8571428571em;
}
.tab-list-wrap .tab-list[data-type=line] .tab-item::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1D1D1D;
}
.tab-list-wrap .tab-list[data-type=line] .tab-item.active::before {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .tab-list-wrap .tab-list {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
  .tab-list-wrap .tab-list .tab-item {
    margin-left: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .tab-list-wrap .tab-list {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .tab-list-wrap .tab-list {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .tab-list-wrap .tab-list {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .tab-list-wrap .tab-list {
    font-size: 1.8rem;
  }
}

/* 관람안내 공통 :: 전체 컨테이너 */
/* 관람안내 공통 :: 상단 영역 */
.watch-top-container {
  position: relative;
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
.watch-top-container::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  .watch-top-container .row {
    row-gap: 0;
  }
}

.watch-top-slide {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
}
.watch-top-slide .inner-slide {
  position: relative;
}
.watch-top-slide .inner-slide .img-wrap {
  position: relative;
  aspect-ratio: 925/596;
  display: flex;
  width: 100%;
  justify-content: center;
  z-index: 3;
}
.watch-top-slide .inner-slide .img-wrap img {
  display: block;
  height: 100%;
  object-fit: cover;
}
.watch-top-slide .inner-slide .bg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  z-index: 2;
}
.watch-top-slide .inner-slide .bg img {
  width: 100%;
}
.watch-top-slide .inner-slide .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  z-index: 2;
}
.watch-top-slide .slide-controler {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.watch-top-slide .slide-controler .util {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.5333333333em;
  padding: 0.8em 0;
  padding-left: max(1.2rem, 0.8333vw);
  padding-right: 0.6rem;
  background: rgba(29, 29, 29, 0.6);
  backdrop-filter: blur(12.1528282166px);
  -webkit-backdrop-filter: blur(12.1528282166px);
}
@media screen and (max-width: 1280px) {
  .watch-top-slide .slide-controler .util {
    gap: 0.5333333333em;
    padding: 0.5833333333em 0;
    padding-left: max(1.2rem, 0.8333vw);
    padding-right: 0.6rem;
  }
}
.watch-top-slide .slide-controler .util .util-pagination {
  color: #E4E4E4;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .watch-top-slide .slide-controler .util .util-pagination {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .watch-top-slide .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-top-slide .slide-controler .util .util-pagination {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .watch-top-slide .slide-controler .util .util-pagination {
    font-size: 1.2rem;
  }
}
.watch-top-slide .slide-controler .util .util-pagination .swiper-pagination-current {
  margin-right: 0.2em;
  color: #ffffff;
  font-weight: 700;
}
.watch-top-slide .slide-controler .util .util-pagination .swiper-pagination-total {
  margin-left: 0.2em;
}
.watch-top-slide .slide-controler .util .control {
  display: flex;
  align-items: center;
  padding: 0 0.4em;
}
@media screen and (max-width: 1280px) {
  .watch-top-slide .slide-controler .util .control svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.watch-top-slide .slide-controler .util .control .pause {
  position: relative;
  width: 2.4rem;
}
.watch-top-slide .slide-controler .util .control .pause svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.watch-top-slide .slide-controler .util .control .pause .play-icon {
  display: none;
}
.watch-top-slide .slide-controler .util .control .pause.play .play-icon {
  display: block;
}
.watch-top-slide .slide-controler .util .control .pause.play .pause-icon {
  display: none;
}

.watch-top-info {
  padding-left: 4.1666666667vw;
}
.watch-top-info .tit-box {
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  border-bottom: 1px solid #1D1D1D;
}
.watch-top-info .tit-box .tit {
  padding-top: 0.3333333333em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  .watch-top-info .tit-box .tit {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .watch-top-info .tit-box .tit {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  .watch-top-info .tit-box .tit {
    font-size: min(4em, 6.154vw);
  }
}
.watch-top-info .info-box {
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  padding-bottom: 0.9473684211em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .watch-top-info .info-box {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .watch-top-info .info-box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .watch-top-info .info-box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.watch-top-info .info-box .info-item {
  display: flex;
  padding: 0.9473684211em 0;
  border-bottom: 1px solid #D8D8D8;
}
.watch-top-info .info-box .info-item .label {
  width: 7.8947368421em;
}
.watch-top-info .info-box .info-item .txt {
  width: calc(100% - 7.8947368421em);
}
.watch-top-info .info-box .info-item:first-child {
  padding-top: 0;
}
.watch-top-info .note-box {
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
}
@media screen and (max-width: 1024px) {
  .watch-top-info {
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
    padding-left: 0;
  }
  .watch-top-info .tit-box .tit {
    padding-top: 1.6rem;
  }
  .watch-top-info .info-box {
    padding-bottom: 1.6rem;
  }
  .watch-top-info .info-box .info-item {
    padding: 1.6rem 0;
  }
  .watch-top-info .info-box .info-item .label {
    width: 7.7777777778em;
  }
  .watch-top-info .info-box .info-item .txt {
    width: calc(100% - 7.7777777778em);
  }
  .watch-top-info .note-box {
    padding-bottom: 0;
  }
  .watch-top-info .btn-box {
    margin-top: clamp(2rem, 2.5vmax, 4.8rem);
  }
}
@media screen and (max-width: 600px) {
  .watch-top-info .tit-box .tit {
    padding-top: 1.2rem;
  }
  .watch-top-info .info-box .info-item .label {
    width: 7.5em;
  }
  .watch-top-info .info-box .info-item .txt {
    width: calc(100% - 7.5em);
  }
}

.watch-floating-btn {
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 3.2rem;
  background-color: #ffffff;
  box-shadow: 0px -10px 10px 0px #FFF;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .watch-floating-btn {
    display: block;
  }
}

.showinfo-reservation-box {
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  background-color: rgba(0, 0, 0, 0.75);
}
.showinfo-reservation-box.active {
  display: flex;
}
@media screen and (max-width: 600px) {
  .showinfo-reservation-box {
    padding: 0 max(2rem, 5.12821vw);
    background-color: rgba(0, 0, 0, 0.75);
  }
}
.showinfo-reservation-box .box-inner {
  padding: 2.8rem 2.4rem;
  margin-top: 2rem;
  width: max(45rem, 23.4375vw);
  border: 1px solid #1D1D1D;
  border-radius: 0.2rem;
  background-color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .showinfo-reservation-box .box-inner {
    width: max(35rem, 43.9453125vw);
    padding: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .showinfo-reservation-box .box-inner {
    width: 100%;
    max-width: 32rem;
  }
}
.showinfo-reservation-box .box-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .showinfo-reservation-box .box-head {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .showinfo-reservation-box .box-head {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .showinfo-reservation-box .box-head {
    font-size: 2.1rem;
  }
}
.showinfo-reservation-box ul li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.showinfo-reservation-box ul li:nth-child(1) img {
  width: 5.5rem;
}
.showinfo-reservation-box ul li:nth-child(2) img {
  width: 8rem;
}
.showinfo-reservation-box ul li:nth-child(3) img {
  width: 5.1rem;
}
.showinfo-reservation-box ul a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.7rem 2rem 1.7rem 2.4rem;
  background-color: #F8F8F8;
  border-radius: 0.2rem;
  transition: ease 0.3s;
}
@media screen and (max-width: 1024px) {
  .showinfo-reservation-box ul a {
    padding: 1.4rem 1.6rem;
  }
}
@media screen and (hover: hover) {
  .showinfo-reservation-box ul a:hover {
    background-color: #F0F0F0;
  }
}
.showinfo-reservation-box ul a .left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .showinfo-reservation-box ul a .left {
    gap: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .showinfo-reservation-box ul a .left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.showinfo-reservation-box ul a .left span {
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}

/* 관람안내 공통 :: 하단 리스트 */
.watch-list-container {
  position: relative;
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  overflow: hidden;
}
.watch-list-container::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.watch-list-container .pagination {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .watch-list-container {
    padding-top: clamp(1.6rem, 2.08333vmax, 4rem);
  }
}

.watch-list-top {
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.watch-list-top .row {
  align-items: center;
}
@media screen and (min-width: calc(768px + 1px)) {
  .watch-list-top .search-wrap .search-bar {
    width: calc(100% - 18.4rem);
  }
}
@media screen and (max-width: 768px) {
  .watch-list-top .row {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .watch-list-top .row .col-5 {
    width: 100%;
  }
  .watch-list-top .search-wrap {
    margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  }
}
@media screen and (max-width: 600px) {
  .watch-list-top {
    padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}

/*  1.관람안내>공연정보>공연
    2.관람안내>공연정보>전시
    3.공간안내>공연장
    4.공간안내>전시장
    5.통합검색 */
.watch-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem) 2rem;
  /*  1.공간안내>공연장>최근공연
      2.공간안내>갤러리>소장미술품
      3.공간안내>전기박물관>전기박물관 소장유물 */
}
@media screen and (max-width: 1024px) {
  .watch-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 5.6rem 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem 1.6rem;
  }
}
.watch-list .watch-list-item dl dt {
  position: relative;
  aspect-ratio: 385/550;
  border-radius: 0.2rem;
  border: 1px solid #F0F0F0;
  overflow: hidden;
}
.watch-list .watch-list-item dl dt .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.watch-list .watch-list-item dl dt .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.watch-list .watch-list-item dl dt .badge {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.watch-list .watch-list-item dl dd {
  position: relative;
}
.watch-list .watch-list-item dl dd::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #1D1D1D;
}
.watch-list .watch-list-item dl dd .tit {
  display: block;
  margin-top: 0.9090909091em;
  padding-top: 0.9090909091em;
  color: #1D1D1D;
  word-break: break-word;
  white-space: normal;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .tit {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .tit {
    margin-top: 1.4rem;
    padding-top: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
.watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .date, .watch-list .watch-list-item dl dd .place {
    font-size: 1.4rem;
  }
}
.watch-list .watch-list-item dl dd .date {
  padding-top: 0.6315789474em;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .date {
    padding-top: 0.4rem;
  }
}
.watch-list .watch-list-item dl dd .place {
  padding-top: 0.4210526316em;
}
@media screen and (max-width: 1024px) {
  .watch-list .watch-list-item dl dd .place {
    padding-top: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .place {
    padding-top: 0.4rem;
  }
}
.watch-list .watch-list-item dl dd .place + .date {
  padding-top: 0.8421052632em;
}
@media screen and (max-width: 600px) {
  .watch-list .watch-list-item dl dd .place + .date {
    padding-top: 1rem;
  }
}
@keyframes lineani {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media screen and (hover: hover) {
  .watch-list .watch-list-item:hover dl dt .img-wrap img {
    transform: scale(1.1);
  }
  .watch-list .watch-list-item:hover dl dd::after {
    animation: lineani 1s ease forwards;
  }
}
.watch-list .watch-list-item.default dl .img-wrap {
  display: flex;
  align-items: center;
  background-color: #F0F0F0;
}
.watch-list .watch-list-item.default dl .img-wrap img {
  position: relative;
  height: auto;
}
.watch-list.work-list dl dt {
  aspect-ratio: 385/217;
}
.watch-list.exhibition-list .watch-list-item dl dt .img-wrap {
  top: 50%;
  height: auto;
  transform: translateY(-50%);
  z-index: 2;
}
.watch-list.exhibition-list .watch-list-item dl dt .img-wrap img {
  height: auto;
}
.watch-list.exhibition-list .watch-list-item dl dt .badge {
  z-index: 3;
}
.watch-list.exhibition-list .watch-list-item dl dt .bg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  z-index: 2;
}
.watch-list.exhibition-list .watch-list-item dl dt .bg img {
  width: 100%;
  height: 100%;
}
.watch-list.exhibition-list .watch-list-item dl dt .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  z-index: 1;
}

/* 관람안내 공통 :: 상세페이지 */
.watch-detail-container .watch-top-container {
  padding-bottom: 0;
}
.watch-detail-container .watch-top-info {
  position: sticky;
  top: calc(7rem + 5.2083333333vw);
  transition: top 0.3s ease-in-out;
}
.watch-detail-container .watch-list-container {
  padding-top: calc(clamp(5.2rem, 6.25vmax, 12rem) - 2.8rem);
  overflow: unset;
}
.watch-detail-container .watch-list-container::after {
  display: none;
}
.watch-detail-container .watch-list-container .watch-top-info {
  padding-left: 0;
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
.watch-detail-container .watch-list-container .watch-top-info .btn-box {
  display: none;
}
.watch-detail-container .tab-list-wrap {
  position: sticky;
  top: 7rem;
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  padding-bottom: 0;
  background-color: #ffffff;
  padding-top: 2.8rem;
  z-index: 9;
  transition: top 0.3s ease-in-out;
}
@media (max-width: 1280px) {
  .watch-detail-container .watch-top-info {
    top: calc(6rem + 5.2083333333vw);
  }
  .watch-detail-container .tab-list-wrap {
    top: 6rem;
  }
}
@media screen and (min-width: calc(1024px + 1px)) {
  .watch-detail-container #tabContent01, .watch-detail-container .tab-item[data-link="#tabContent01"] {
    display: none;
  }
  .watch-detail-container .tab-item[data-link="#tabContent02"] {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .watch-detail-container {
    padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
  }
  .watch-detail-container .watch-list-container {
    padding-top: 0;
  }
  .watch-detail-container .watch-list-container .watch-top-info {
    padding-top: 0;
  }
  .watch-detail-container .watch-top-container .col-5 {
    display: none;
  }
  .watch-detail-container .tab-list-wrap {
    padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
    margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  .watch-detail-container .tab-list-wrap.sticky {
    padding-top: 2rem;
  }
  .watch-detail-container .tab-list-wrap.sticky .tab-item {
    padding-bottom: 1.6rem;
    margin-left: 2.4rem;
  }
  .watch-detail-container .tab-list-wrap.sticky .tab-item:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .watch-detail-container .tab-list-wrap {
    margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
  }
  .watch-detail-container .tab-list-wrap.sticky .tab-item {
    margin-left: 1.6rem;
  }
}

.watch-detail-content .con-box {
  max-height: 62.5vw;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .watch-detail-content .con-box {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .watch-detail-content .con-box {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .watch-detail-content .con-box {
    font-size: 1.8rem;
  }
}
.watch-detail-content .con-box img {
  display: block;
  width: 100%;
}
.watch-detail-content .btn-box .btn {
  width: 100%;
}
.watch-detail-content .btn-box.hide {
  display: none;
}
.watch-detail-content .btn-box.show {
  display: block;
}
.watch-detail-content.open .con-box {
  max-height: none;
}
.watch-detail-content.open .btn-box svg {
  transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
  .watch-detail-content .con-box {
    max-height: 30rem;
  }
}

.hide-header .tab-list-wrap {
  top: 0;
}
.hide-header .watch-top-info {
  top: 5.2083333333vw;
}

.location-container .map-container {
  border: 1px solid #2D2D2D;
  border-radius: 0.2rem;
}
.location-container .map-container .map-content .map-script-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0px auto;
  height: 550px;
}
.location-container .map-container .map-content .map-script-wrapper .map-script-con {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1060px;
  height: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .location-container .map-container .map-content .map-script-wrapper {
    height: 365px;
  }
  .location-container .map-container .map-content .map-script-wrapper .map-script-con {
    height: 550px;
  }
  .location-container .map-container .map-content .map-script-wrapper .root_daum_roughmap {
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .location-container .map-container .map-content .map-script-wrapper {
    height: 250px;
  }
}
.location-container .map-container .info-content {
  border-top: 1px solid #2D2D2D;
}
.location-container .map-container .info-content .inner {
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 4rem;
}
.location-container .map-container .info-content .info {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  color: #2D2D2D;
}
.location-container .map-container .info-content .info .label {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .location-container .map-container .info-content .info .label {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .location-container .map-container .info-content .info .label {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .location-container .map-container .info-content .info .label {
    font-size: 1.8rem;
  }
}
.location-container .map-container .info-content .info .txt {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.8rem;
  }
}
.location-container .map-container .info-content .info .txt .icon {
  display: inline-flex;
}
.location-container .map-container .info-content .info .txt .icon img {
  display: block;
}
@media screen and (max-width: 1024px) {
  .location-container .map-container .info-content .inner {
    padding: 2rem;
  }
  .location-container .map-container .info-content .info {
    gap: 0.4rem;
  }
  .location-container .map-container .info-content .info .txt {
    gap: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .location-container .map-container .info-content .info .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .location-container .map-container .info-content .info .txt .icon img {
    width: 2.4rem;
  }
  .location-container .map-container .info-content .info.tel {
    gap: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .location-container .map-container .info-content .inner {
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
  }
  .location-container .map-container .info-content .info {
    flex-direction: column;
    align-items: flex-start;
  }
  .location-container .map-container .info-content .info .txt {
    display: inline-block;
  }
  .location-container .map-container .info-content .info .icon {
    transform: translateY(7px);
    margin-left: 4px;
  }
}
.location-container .location-component {
  display: flex;
  align-items: flex-start;
  padding: clamp(5.6rem, 38px + 2.1875vmax, 8rem) 0;
  color: #2D2D2D;
}
.location-container .location-component .tit-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  max-width: 30rem;
  flex: 1;
}
.location-container .location-component .tit-box .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.location-container .location-component .txt-box {
  flex: 1;
}
.location-container .location-component .txt-box .item-tit {
  display: block;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 2.1rem;
  }
}
.location-container .location-component .txt-box .item-tit.has-num {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.location-container .location-component .txt-box .item-tit.has-num .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  color: #ffffff;
  background-color: #EB7B27;
  border-radius: 50%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.location-container .location-component .txt-box .txt-item:not(:first-child) {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #D8D8D8;
}
.location-container .location-component .link-box {
  display: flex;
  gap: 1.6rem;
  margin-top: 3.2rem;
}
.location-container .location-component .link-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 6rem;
  border-radius: 0.2rem;
}
.location-container .location-component .link-box a.kakao {
  background-color: #FAE200;
}
.location-container .location-component .link-box a.kakao img {
  height: 3.5rem;
}
.location-container .location-component .link-box a.naver {
  background-color: #03C75A;
}
.location-container .location-component .link-box a.naver img {
  height: 2.8rem;
}
.location-container .location-component .link-box a.tmap {
  border: 1px solid #D8D8D8;
}
.location-container .location-component .link-box a.tmap img {
  height: 2.2rem;
}
.location-container .location-component:not(:last-child) {
  border-bottom: 1px solid #1D1D1D;
}
.location-container .location-component:last-child {
  padding-bottom: 0;
}
.location-container .location-component object {
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .location-container .location-component {
    flex-direction: column;
    gap: 3.2rem;
  }
  .location-container .location-component .tit-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .location-container .location-component .tit-box .icon img {
    width: 5.6rem;
  }
  .location-container .location-component .txt-box {
    width: 100%;
  }
  .location-container .location-component .txt-box .item-tit {
    margin-bottom: 0.8rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .location-container .location-component .txt-box .item-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .location-container .location-component .txt-box .item-tit.has-num {
    margin-bottom: 1.2rem;
  }
  .location-container .location-component .txt-box .item-tit.has-num .num {
    width: 2.4rem;
    height: 2.4rem;
  }
  .location-container .location-component .txt-box .txt-item:not(:first-child) {
    margin-top: 2.6rem;
    padding-top: 2.6rem;
  }
}
@media screen and (max-width: 600px) {
  .location-container .location-component {
    gap: 2rem;
  }
  .location-container .location-component .txt-box .txt-item:not(:first-child) {
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .location-container .location-component .link-box {
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 1.6rem;
  }
  .location-container .location-component .link-box a {
    flex: auto;
  }
}

main[data-current-page=introduce] .section-kv-media .media-wrap {
  opacity: 1;
}
main[data-current-page=introduce] .about,
main[data-current-page=introduce] .history {
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about,
  main[data-current-page=introduce] .history {
    display: flex;
    flex-direction: column;
  }
}
main[data-current-page=introduce] .about:after,
main[data-current-page=introduce] .history:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1d1d1d;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about:after,
  main[data-current-page=introduce] .history:after {
    height: 3px;
  }
}
main[data-current-page=introduce] .about .sub-component-title,
main[data-current-page=introduce] .history .sub-component-title {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: min(4.8rem, 6.6666vw);
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  main[data-current-page=introduce] .about .sub-component-title,
  main[data-current-page=introduce] .history .sub-component-title {
    font-size: min(4.8rem, 6.6666vw);
  }
}
main[data-current-page=introduce] .about .about-content,
main[data-current-page=introduce] .about .history-content,
main[data-current-page=introduce] .history .about-content,
main[data-current-page=introduce] .history .history-content {
  width: 100%;
  max-width: 92.4rem;
}
main[data-current-page=introduce] .about {
  padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about {
    padding-top: 8.8rem;
    gap: 3.2rem;
  }
}
main[data-current-page=introduce] .about .about-content {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=introduce] .about .about-content {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about .about-content {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=introduce] .about .about-content {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .about .about-content {
    padding-bottom: 5.6rem;
  }
}
main[data-current-page=introduce] .history {
  padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history {
    padding-top: 3.2em;
  }
}
main[data-current-page=introduce] .history .history-content {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 600px) {
  main[data-current-page=introduce] .history .history-content {
    font-size: 1.6rem;
    font-weight: 600;
  }
}
main[data-current-page=introduce] .history .history-content .history-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 3rem 0;
  gap: 8.4rem;
  transition: color 0.3s ease;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .history-item {
    padding: 2.4rem 0;
    gap: 3.2rem;
  }
}
main[data-current-page=introduce] .history .history-content .history-item:not(:last-child) {
  border-bottom: 1px solid #1D1D1D;
}
main[data-current-page=introduce] .history .history-content .history-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #1D1D1D;
  transition: width 0.5s ease;
  z-index: -1;
}
main[data-current-page=introduce] .history .history-content .history-item.active .year-marker {
  padding-left: 2.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .history-item.active .year-marker {
    padding-left: 0;
    margin-left: 2.4rem;
  }
}
main[data-current-page=introduce] .history .history-content .history-item.active .year-marker div,
main[data-current-page=introduce] .history .history-content .history-item.active .event-content div,
main[data-current-page=introduce] .history .history-content .history-item.active .event-date div {
  color: white !important;
  transition: color 0.5s ease;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .history-item.active .events-container {
    padding-right: 2.4rem;
  }
}
main[data-current-page=introduce] .history .history-content .history-item.active .event-date {
  padding-right: 2.4rem;
}
main[data-current-page=introduce] .history .history-content .history-item.active::before {
  width: 100%;
}
main[data-current-page=introduce] .history .history-content .year-marker {
  width: 9.3rem;
  margin-top: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .year-marker {
    width: 5.5rem;
  }
}
main[data-current-page=introduce] .history .history-content .events-container {
  flex: 1;
}
main[data-current-page=introduce] .history .history-content .event {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0;
}
main[data-current-page=introduce] .history .history-content .event:nth-child(2) {
  padding-top: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .event {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0;
  }
}
main[data-current-page=introduce] .history .history-content .event-date {
  white-space: nowrap;
  flex-shrink: 0;
  min-width: fit-content;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .event-date {
    align-self: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=introduce] .history .history-content .event-date div {
    font-size: 1.3rem;
    font-weight: 500;
    padding-top: 0.4rem;
    color: #8E8E8E !important;
  }
}

.sub-section[data-current-page=search] .search-result-title {
  padding-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .search-result-title {
    padding-top: 0;
    padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
  }
}
.sub-section[data-current-page=search] .search-tab-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 1.2rem;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  border: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .search-tab-list {
    margin-top: 0.8rem;
  }
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item {
  display: flex;
  justify-content: center;
  padding: 1.3rem 0;
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item:not(:last-child) {
  border-right: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .search-tab-list .search-tab-item {
    padding: 0.8rem 0;
  }
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item span {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=search] .search-tab-list .search-tab-item span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .search-tab-list .search-tab-item span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=search] .search-tab-list .search-tab-item span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .search-tab-list .search-tab-item span {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item .count {
  margin-left: 0.4rem;
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item.active {
  background-color: #1D1D1D;
}
.sub-section[data-current-page=search] .search-tab-list .search-tab-item.active span {
  color: #ffffff;
}
.sub-section[data-current-page=search] .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 5.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=search] .list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2.8rem;
  }
}
.sub-section[data-current-page=search] .list .img {
  position: relative;
  margin-bottom: 2rem;
  border-radius: 0.4rem;
  overflow: hidden;
  border: 1px solid #F0F0F0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .list .img {
    margin-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=search] .list .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sub-section[data-current-page=search] .list .img .item-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.8rem 1.8rem;
  color: #ffffff;
  background-color: #1D1D1D;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.sub-section[data-current-page=search] .list .img .item-tag.end {
  background-color: #717171;
}
.sub-section[data-current-page=search] .list .info {
  padding-top: 2rem;
  border-top: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .list .info {
    padding-top: 1.6rem;
  }
}
.sub-section[data-current-page=search] .list .info .title {
  margin-bottom: 0.4rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=search] .list .info .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .list .info .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=search] .list .info .title {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=search] .list .info .date {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=search] .list .info .place {
  display: block;
  margin-bottom: 1rem;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=search] .list .info .place {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .list .info .place {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=search] .list .info .place {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
.sub-section[data-current-page=search] .result-title-box {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=search] .result-title-box .inner {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=search] .result-section {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .result-section {
    margin-top: 1.6rem;
    gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
.sub-section[data-current-page=search] .board-section {
  position: relative;
}
.sub-section[data-current-page=search] .board-section::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=search] .board-section .sub-component-title-box {
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  padding-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .board-section .sub-component-title-box {
    padding-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=search] .sub-component-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
}
.sub-section[data-current-page=search] .sub-component-title-box .inner {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=search] .sub-component-title-box .inner {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .sub-component-title-box .inner {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=search] .sub-component-title-box .inner {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=search] .sub-component-title-box .inner .count-box span {
  margin-right: 0.1rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .sub-component-title-box {
    padding-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=search] .d-flex {
  align-items: flex-start;
}
.sub-section[data-current-page=search] .d-flex svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .d-flex svg {
    margin-top: 0.3rem;
  }
}
.sub-section[data-current-page=search] .d-flex strong {
  width: calc(100% - 2rem - 0.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .column.tag {
    gap: 0 !important;
    font-weight: 700;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=search] .m-label-none::before {
    display: none;
  }
  .sub-section[data-current-page=search] .m-label-none.tag {
    position: relative;
    margin-left: 2rem;
  }
  .sub-section[data-current-page=search] .m-label-none.tag::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -0.8rem;
    transform: translateY(-50%);
    width: 1px;
    height: 1rem;
    background-color: #8E8E8E;
  }
}

.logout-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* 대표홈페이지 버튼 스타일 */
}
.logout-popup-container.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.logout-popup-container .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.logout-popup-container .logout-popup-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.logout-popup-container .logout-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70.4rem;
  padding: 4rem;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
}
.logout-popup-container .logout-popup svg {
  width: 3rem;
  height: 3rem;
}
.logout-popup-container .logout-popup .tit {
  margin-top: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.1rem;
  }
}
.logout-popup-container .logout-popup .txt-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.6rem;
  }
}
.logout-popup-container .logout-popup .txt-wrap .sub-txt {
  color: #1D1D1D;
}
.logout-popup-container .logout-popup .txt-wrap .time {
  color: #0053F2;
  font-weight: 700;
}
.logout-popup-container .logout-popup .notice {
  width: 100%;
  padding: 2.4rem;
  background-color: #F8F8F8;
  border-radius: 0.6rem;
}
.logout-popup-container .logout-popup .btn-wrap {
  display: flex;
  gap: 0.8rem;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .container-box-xl {
    width: 100%;
  }
  .logout-popup-container .logout-popup {
    width: 100%;
    padding: 3.6rem;
  }
  .logout-popup-container .logout-popup svg {
    width: 2.8rem;
    height: 2.8rem;
  }
  .logout-popup-container .logout-popup .notice {
    padding: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup {
    padding: 2.4rem;
  }
  .logout-popup-container .logout-popup svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.logout-popup-container a[class=btn],
.logout-popup-container button[class=btn],
.logout-popup-container .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  isolation: isolate;
  border-radius: 0.6rem;
}
.logout-popup-container a[class=btn][data-size=l],
.logout-popup-container button[class=btn][data-size=l],
.logout-popup-container .btn[data-size=l] {
  gap: 0.2105263158em;
  padding: 0.6315789474em 1.0526315789em;
  min-height: 5.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
.logout-popup-container a[class=btn][data-size=l] i,
.logout-popup-container button[class=btn][data-size=l] i,
.logout-popup-container .btn[data-size=l] i {
  width: 1.2631578947em;
  height: 1.2631578947em;
}
.logout-popup-container a[class=btn][data-size=l] i[data-type=only-news],
.logout-popup-container button[class=btn][data-size=l] i[data-type=only-news],
.logout-popup-container .btn[data-size=l] i[data-type=only-news] {
  width: 0.9473684211em;
  height: 0.9473684211em;
}
.logout-popup-container a[class=btn][data-size=l][data-type=only-icon],
.logout-popup-container button[class=btn][data-size=l][data-type=only-icon],
.logout-popup-container .btn[data-size=l][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 5.6rem;
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    gap: 0.2352941176em;
    padding: 0.5882352941em 0.9411764706em;
    min-height: 4.8rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]) i,
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]) i,
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) i {
    width: 1.1764705882em;
    height: 1.1764705882em;
  }
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container .btn[data-size=l]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4.8rem;
  }
}
.logout-popup-container a[class=btn][data-size=m],
.logout-popup-container button[class=btn][data-size=m],
.logout-popup-container .btn[data-size=m] {
  gap: 0.2352941176em;
  padding: 0.5882352941em 0.9411764706em;
  min-height: 4.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
.logout-popup-container a[class=btn][data-size=m] i,
.logout-popup-container button[class=btn][data-size=m] i,
.logout-popup-container .btn[data-size=m] i {
  width: 1.1764705882em;
  height: 1.1764705882em;
}
.logout-popup-container a[class=btn][data-size=m][data-type=only-icon],
.logout-popup-container button[class=btn][data-size=m][data-type=only-icon],
.logout-popup-container .btn[data-size=m][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed]),
  .logout-popup-container .btn[data-size=m]:not([data-fixed]) {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed]) i,
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed]) i,
  .logout-popup-container .btn[data-size=m]:not([data-fixed]) i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container .btn[data-size=m]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
}
.logout-popup-container a[class=btn][data-color=fill-blue-50],
.logout-popup-container button[class=btn][data-color=fill-blue-50],
.logout-popup-container .btn[data-color=fill-blue-50] {
  background-color: #0045C9;
  color: #ffffff;
}
.logout-popup-container a[class=btn][data-color=fill-blue-50] i path,
.logout-popup-container button[class=btn][data-color=fill-blue-50] i path,
.logout-popup-container .btn[data-color=fill-blue-50] i path {
  fill: #ffffff;
}
@media screen and (hover: hover) {
  .logout-popup-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  .logout-popup-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  .logout-popup-container .btn[data-color=fill-blue-50]:not(.not-hover):hover {
    background-color: #0038A3;
  }
}
.logout-popup-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
.logout-popup-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
.logout-popup-container .btn[data-color=fill-blue-50]:not(.not-hover):active {
  background-color: #002B7D;
}
.logout-popup-container a[class=btn][data-color=border-blue-0],
.logout-popup-container button[class=btn][data-color=border-blue-0],
.logout-popup-container .btn[data-color=border-blue-0] {
  border: 1px solid #94B8FF;
  background-color: #ffffff;
  color: #0045C9;
}
.logout-popup-container a[class=btn][data-color=border-blue-0] i path,
.logout-popup-container button[class=btn][data-color=border-blue-0] i path,
.logout-popup-container .btn[data-color=border-blue-0] i path {
  fill: #0045C9;
}
@media screen and (hover: hover) {
  .logout-popup-container a[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  .logout-popup-container button[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  .logout-popup-container .btn[data-color=border-blue-0]:not(.not-hover):hover {
    background-color: #EFF5FF;
  }
}
.logout-popup-container a[class=btn][data-color=border-blue-0]:not(.not-hover):active,
.logout-popup-container button[class=btn][data-color=border-blue-0]:not(.not-hover):active,
.logout-popup-container .btn[data-color=border-blue-0]:not(.not-hover):active {
  border: 1px solid #94B8FF;
  background-color: #D1E1FF;
  color: #0045C9;
}

.sub-section[data-current-page=legalnotice] .terms-section,
.sub-section[data-current-page=report] .terms-section {
  position: relative;
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
}
.sub-section[data-current-page=legalnotice] .terms-section::after,
.sub-section[data-current-page=report] .terms-section::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--line-width, 0);
  height: 2px;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=legalnotice] .terms-section p,
.sub-section[data-current-page=report] .terms-section p {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=report] .terms-section p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=report] .terms-section p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=report] .terms-section p {
    font-size: 1.6rem;
  }
}

.sub-section[data-current-page=report] .title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=report] .info {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=report] .info .gray-box {
  padding: 4rem;
  border-radius: 0.2rem;
  background-color: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=report] .info .gray-box .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=report] .info .gray-box .desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc-list {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list {
    margin-top: 2rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item:not(:last-child) {
  margin-bottom: 1.6rem;
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot {
  position: relative;
  padding-left: 1.1rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot {
    padding-left: 0.9rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0.75em;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #1D1D1D;
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot-indent {
  position: relative;
  padding-left: 1.6rem;
  margin-left: 1rem;
  margin-top: 0.4rem;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot-indent {
    margin-top: 0;
    margin-left: 0.9rem;
    padding-left: 1.4rem;
  }
}
.sub-section[data-current-page=report] .info .gray-box .desc-list .desc-item .dot-indent::after {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=report] .customer-process {
  border-radius: max(0.2rem, 0.2083vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .customer-process {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=report] .customer-process {
  border: 1px solid #1D1D1D;
}
.sub-section[data-current-page=report] .customer-process-list {
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
  counter-reset: list-number;
}
.sub-section[data-current-page=report] .customer-process-list li {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=report] .customer-process-list li dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  counter-increment: list-number;
}
.sub-section[data-current-page=report] .customer-process-list li dd {
  display: inline-block;
  text-align: center;
}
.sub-section[data-current-page=report] .customer-process-list li .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
}
.sub-section[data-current-page=report] .customer-process-list li .icon img {
  width: 100%;
}
.sub-section[data-current-page=report] .customer-process-list li .txt {
  display: block;
  font-weight: 700;
  text-align: center;
}
.sub-section[data-current-page=report] .customer-process-list li .txt::before {
  content: counter(list-number) ". ";
}
.sub-section[data-current-page=report] .customer-process-list li.arrow {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.sub-section[data-current-page=report] .customer-process-list li.black .icon {
  background-color: #F8F8F8;
}
.sub-section[data-current-page=report] .customer-process-list li.blue .icon {
  background-color: #EFF5FF;
}
.sub-section[data-current-page=report] .customer-process-list.list-step-4 li dl {
  width: 13rem;
}
.sub-section[data-current-page=report] .customer-process-list.list-step-4 li .txt {
  white-space: pre;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .customer-process {
    padding: 3.2rem;
  }
  .sub-section[data-current-page=report] .customer-process-list {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 2.4rem;
    padding: 0;
  }
  .sub-section[data-current-page=report] .customer-process-list li {
    margin-bottom: 2.3rem;
  }
  .sub-section[data-current-page=report] .customer-process-list li dl {
    gap: 1.6rem;
  }
  .sub-section[data-current-page=report] .customer-process-list li:not(.arrow) {
    width: calc(33.33% - 1.6rem);
  }
  .sub-section[data-current-page=report] .customer-process-list li.t-hide {
    display: none;
  }
  .sub-section[data-current-page=report] .customer-process-list.list-step-4 li dl {
    width: auto;
  }
  .sub-section[data-current-page=report] .customer-process-list.list-step-4 li:not(.arrow) {
    width: calc(50% - 1.2rem);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=report] .customer-process {
    padding: 3.2rem 2rem;
  }
  .sub-section[data-current-page=report] .customer-process-list {
    justify-content: space-between;
    align-items: unset;
  }
  .sub-section[data-current-page=report] .customer-process-list li:not(.arrow) {
    width: calc(50% - 1.2rem);
  }
  .sub-section[data-current-page=report] .customer-process-list li.t-hide {
    display: flex;
  }
  .sub-section[data-current-page=report] .customer-process-list li.m-hide {
    display: none;
  }
  .sub-section[data-current-page=report] .customer-process-list.list-step-4 li .txt {
    white-space: normal;
  }
}
.sub-section[data-current-page=report] .detail-btn-wrap {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=report] .sub-component-title-box.m-column {
    flex-direction: column;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .sub-section[data-current-page=report] .sub-component-title-box.m-column .inner {
    margin-bottom: 0.4rem;
  }
}
.sub-section[data-current-page=report] .customer-agree-container .agree-form-item {
  padding: 0;
}
.sub-section[data-current-page=report] .form-item .dropbox-wrap {
  max-width: 100%;
}
.sub-section[data-current-page=report] .form-item .dropbox-wrap .selected-value {
  border: 1px solid #D8D8D8;
}
.sub-section[data-current-page=report] .form-item .dropbox-wrap.show .dropbox {
  border: 1px solid #D8D8D8;
  border-top: 0;
}
.sub-section[data-current-page=report] .no-result-btn-wrap {
  flex-wrap: nowrap;
}

body:has([data-current-page=error]) {
  background-color: #ffffff;
}

#wrapper[data-current-page=error] {
  height: calc(100vh - 7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] {
    height: calc(100vh - 6rem);
    padding-right: max(2rem, 5.12821vw);
    padding-left: max(2rem, 5.12821vw);
  }
}
#wrapper[data-current-page=error] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .only-web {
    display: none;
  }
}
#wrapper[data-current-page=error] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .only-mobile {
    display: block;
  }
}
#wrapper[data-current-page=error] .error-container,
#wrapper[data-current-page=error] .logout-container {
  width: 100%;
}
#wrapper[data-current-page=error] .error-container .img-wrap,
#wrapper[data-current-page=error] .logout-container .img-wrap {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
#wrapper[data-current-page=error] .error-container .img-wrap i,
#wrapper[data-current-page=error] .logout-container .img-wrap i {
  display: block;
  width: max(4.1666666667vw, 8rem);
  height: max(4.1666666667vw, 8rem);
  margin: 0 auto;
}
#wrapper[data-current-page=error] .error-container .img-wrap i.logout,
#wrapper[data-current-page=error] .logout-container .img-wrap i.logout {
  width: max(8.3333333333vw, 16rem);
  height: max(8.3333333333vw, 16rem);
}
#wrapper[data-current-page=error] .error-container .img-wrap svg,
#wrapper[data-current-page=error] .logout-container .img-wrap svg {
  display: block;
  width: 100%;
  height: 100%;
}
#wrapper[data-current-page=error] .error-container h2,
#wrapper[data-current-page=error] .logout-container h2 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
#wrapper[data-current-page=error] .error-container p,
#wrapper[data-current-page=error] .logout-container p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .error-container p b,
#wrapper[data-current-page=error] .logout-container p b {
  color: #0045C9;
}
#wrapper[data-current-page=error] .error-container .btn-wrap,
#wrapper[data-current-page=error] .logout-container .btn-wrap {
  margin-top: 5.6rem;
  display: flex;
  justify-content: center;
  gap: max(0.8333333333vw, 1.6rem);
}
#wrapper[data-current-page=error] .error-container .btn-wrap .btn,
#wrapper[data-current-page=error] .logout-container .btn-wrap .btn {
  width: 15rem;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .error-container .img-wrap i,
  #wrapper[data-current-page=error] .logout-container .img-wrap i {
    width: max(20.5128205128vw, 8rem);
    height: max(20.5128205128vw, 8rem);
  }
  #wrapper[data-current-page=error] .error-container .img-wrap i.logout,
  #wrapper[data-current-page=error] .logout-container .img-wrap i.logout {
    width: max(20.5128205128vw, 8rem);
    height: max(20.5128205128vw, 8rem);
  }
  #wrapper[data-current-page=error] .error-container h2,
  #wrapper[data-current-page=error] .logout-container h2 {
    width: 100%;
    margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  }
  #wrapper[data-current-page=error] .error-container .btn-wrap,
  #wrapper[data-current-page=error] .logout-container .btn-wrap {
    margin-top: 3rem;
  }
  #wrapper[data-current-page=error] .error-container .btn-wrap > *,
  #wrapper[data-current-page=error] .logout-container .btn-wrap > * {
    width: fit-content;
    flex-grow: 1;
  }
}
#wrapper[data-current-page=error] .system-container .logo-wrap {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
#wrapper[data-current-page=error] .system-container .logo-wrap i, #wrapper[data-current-page=error] .system-container .logo-wrap svg {
  width: auto;
  height: max(1.5625vw, 3rem);
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container .logo-wrap i, #wrapper[data-current-page=error] .system-container .logo-wrap svg {
    height: 2.4rem;
  }
}
#wrapper[data-current-page=error] .system-container h2 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.2rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: max(2.5rem, 4.16667vw);
  }
}
#wrapper[data-current-page=error] .system-container p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .system-container .notice-wrap {
  color: #555555;
  margin-top: 4.8rem;
  padding: 2.8rem 12rem;
  background-color: #F8F8F8;
  border-radius: max(0.2rem, 0.2083vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    padding: 2.8rem 2.4rem;
    width: 100%;
  }
}
#wrapper[data-current-page=error] .system-container .notice-wrap .tit {
  position: relative;
  font-weight: 700;
  width: fit-content;
  height: 100%;
  padding-right: 0.75em;
  color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap .tit {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 1.2rem;
    padding-right: 0;
  }
}
#wrapper[data-current-page=error] .logout-container {
  /* 대표홈페이지 버튼 L 스타일 */
}
#wrapper[data-current-page=error] .logout-container a[class=btn],
#wrapper[data-current-page=error] .logout-container button[class=btn],
#wrapper[data-current-page=error] .logout-container .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  isolation: isolate;
  border-radius: 0.6rem;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l],
#wrapper[data-current-page=error] .logout-container .btn[data-size=l] {
  gap: 0.2105263158em;
  padding: 0.6315789474em 1.0526315789em;
  min-height: 5.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l] {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l] i,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l] i,
#wrapper[data-current-page=error] .logout-container .btn[data-size=l] i {
  width: 1.2631578947em;
  height: 1.2631578947em;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l] i[data-type=only-news],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l] i[data-type=only-news],
#wrapper[data-current-page=error] .logout-container .btn[data-size=l] i[data-type=only-news] {
  width: 0.9473684211em;
  height: 0.9473684211em;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l][data-type=only-icon],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l][data-type=only-icon],
#wrapper[data-current-page=error] .logout-container .btn[data-size=l][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 5.6rem;
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed]) {
    gap: 0.2352941176em;
    padding: 0.5882352941em 0.9411764706em;
    min-height: 4.8rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed]) i,
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed]) i,
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed]) i {
    width: 1.1764705882em;
    height: 1.1764705882em;
  }
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=l]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4.8rem;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m],
#wrapper[data-current-page=error] .logout-container .btn[data-size=m] {
  gap: 0.2352941176em;
  padding: 0.5882352941em 0.9411764706em;
  min-height: 4.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m] {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m] i,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m] i,
#wrapper[data-current-page=error] .logout-container .btn[data-size=m] i {
  width: 1.1764705882em;
  height: 1.1764705882em;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m][data-type=only-icon],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m][data-type=only-icon],
#wrapper[data-current-page=error] .logout-container .btn[data-size=m][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 4.8rem;
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m]:not([data-fixed]),
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m]:not([data-fixed]) {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m]:not([data-fixed]) i,
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m]:not([data-fixed]) i,
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m]:not([data-fixed]) i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  #wrapper[data-current-page=error] .logout-container .btn[data-size=m]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=fill-blue-50],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=fill-blue-50],
#wrapper[data-current-page=error] .logout-container .btn[data-color=fill-blue-50] {
  background-color: #0045C9;
  color: #ffffff;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=fill-blue-50] i path,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=fill-blue-50] i path,
#wrapper[data-current-page=error] .logout-container .btn[data-color=fill-blue-50] i path {
  fill: #ffffff;
}
@media screen and (hover: hover) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  #wrapper[data-current-page=error] .logout-container .btn[data-color=fill-blue-50]:not(.not-hover):hover {
    background-color: #0038A3;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
#wrapper[data-current-page=error] .logout-container .btn[data-color=fill-blue-50]:not(.not-hover):active {
  background-color: #002B7D;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=border-blue-0],
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=border-blue-0],
#wrapper[data-current-page=error] .logout-container .btn[data-color=border-blue-0] {
  border: 1px solid #94B8FF;
  background-color: #ffffff;
  color: #0045C9;
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=border-blue-0] i path,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=border-blue-0] i path,
#wrapper[data-current-page=error] .logout-container .btn[data-color=border-blue-0] i path {
  fill: #0045C9;
}
@media screen and (hover: hover) {
  #wrapper[data-current-page=error] .logout-container a[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  #wrapper[data-current-page=error] .logout-container button[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  #wrapper[data-current-page=error] .logout-container .btn[data-color=border-blue-0]:not(.not-hover):hover {
    background-color: #EFF5FF;
  }
}
#wrapper[data-current-page=error] .logout-container a[class=btn][data-color=border-blue-0]:not(.not-hover):active,
#wrapper[data-current-page=error] .logout-container button[class=btn][data-color=border-blue-0]:not(.not-hover):active,
#wrapper[data-current-page=error] .logout-container .btn[data-color=border-blue-0]:not(.not-hover):active {
  border: 1px solid #94B8FF;
  background-color: #D1E1FF;
  color: #0045C9;
}

/* [250522] 마이페이지는 대표홈페이지 스타일을 기본으로 사용, 겹치는 클래스는 덮어쓰기 */
main[data-current-page=mypage] {
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .hide-mo {
    display: none !important;
  }
}
main[data-current-page=mypage] .hide-pc {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .hide-pc {
    display: block;
  }
}
main[data-current-page=mypage] .customer-view-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=mypage] .customer-view-container.no-margin-top {
  margin-top: 0;
}
main[data-current-page=mypage] .customer-view-container .sub-component-title {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
main[data-current-page=mypage] .customer-view-container .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
main[data-current-page=mypage] .customer-view-container .file-con-box .file-list-item {
  padding: 1rem 1.6rem;
}
main[data-current-page=mypage] .customer-view-container .file-con-box .file-list-item .file-type {
  width: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .customer-view-container .file-con-box .file-list-item {
    padding: 1.6rem;
  }
  main[data-current-page=mypage] .customer-view-container .file-con-box .file-list-item .file-type {
    width: 3.2rem;
  }
}
main[data-current-page=mypage] .customer-view-container .d-flex-center {
  display: flex;
  align-items: center;
}
main[data-current-page=mypage] .mypage-head {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=mypage] .mypage-head h2 {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: min(4.8rem, 6.6666vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: min(4.8rem, 6.6666vw);
  }
}
main[data-current-page=mypage] .mypage-head .btn {
  display: none;
}
main[data-current-page=mypage] .mypage-container-box {
  max-width: 1330px;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .left-menu-container {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head {
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
    padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head h2 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head .btn {
    display: inline-flex;
  }
}
main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .sub-component-title-box {
  padding-top: 0;
  padding-bottom: 0;
}
main[data-current-page=mypage] .mypage-container-box .mypage-wrapper {
  position: relative;
  display: flex;
  gap: clamp(2.4rem, 2.6041vw, 5rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-wrapper {
    flex-direction: column;
  }
}
main[data-current-page=mypage] .mypage-container-box .mypage-wrapper .right-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 22rem - clamp(2.4rem, 2.6041vw, 5rem));
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-wrapper .right-content {
    width: 100%;
  }
}
main[data-current-page=mypage] .mypage-container-box h3 {
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
main[data-current-page=mypage] .mypage-container-box .box-container {
  display: flex;
  flex-direction: column;
  gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main[data-current-page=mypage] .mypage-container-box .mypage-box {
  padding: 3.2rem 4rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  border: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-box {
    padding: 2rem;
  }
}
main[data-current-page=mypage] .mypage-container-box .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=mypage] .mypage-container-box .btn-wrap .btn {
  width: 14.9rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box .btn-wrap .btn {
    width: auto;
    flex: 1;
  }
}
main[data-current-page=mypage] .mypage-container-box .board-list-container .search-no-result {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .board-list-container .column.m-order-2 {
    width: 50%;
  }
}
main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .board-list-tbody {
  display: none;
}
main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .search-no-result {
  display: block;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .board-list-tbl {
    border: none;
  }
}
main[data-current-page=mypage] .mypage-container-box .search-no-result {
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-bottom-left-radius: max(0.2rem, 0.2083vw);
  border-bottom-right-radius: max(0.2rem, 0.2083vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .search-no-result {
    border-radius: max(0.2rem, 0.2083vw);
  }
}
main[data-current-page=mypage] .mypage-container-box .search-no-result .tit-box {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .search-no-result .tit-box {
    padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
    padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  }
}
main[data-current-page=mypage] .mypage-container-box .view .customer-view-container:first-child {
  margin-top: 0;
}
main[data-current-page=mypage] .mypage-container-box .view .sub-component-title {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
main[data-current-page=mypage] .sub-component-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=mypage] .sub-component-title-box .sub-component-title {
  margin-bottom: 0;
}
main[data-current-page=mypage] table {
  border-top: 1px solid #D8D8D8;
}
main[data-current-page=mypage] .customer-view-container.edit .file-upload-box .msg.dot {
  display: flex;
}
main[data-current-page=mypage] .customer-view-container.edit .file-upload-box .msg.dot::before {
  display: none;
}
main[data-current-page=mypage] .customer-view-container.edit .file-upload-box .msg.dot .icon svg {
  display: block;
  margin-top: 1.5px;
}
main[data-current-page=mypage] .customer-view-container.edit .file-upload-box .dot-txt-list {
  padding-left: 2.3rem;
}
main[data-current-page=mypage] .customer-btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=mypage] .customer-btn-box.ver04 {
  justify-content: space-between;
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
main[data-current-page=mypage] .customer-btn-box.ver04 .right-box {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .customer-btn-box.ver04 .right-box {
    gap: 0.8rem;
  }
}
main[data-current-page=mypage] .customer-btn-box.ver04 .btn {
  width: 10rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .customer-btn-box.ver04 .btn {
    width: 9rem;
  }
}

main[data-current-page=mypage] {
  /* 마이페이지 메인 */
  /* 회원정보수정 */
  /* 회원탈퇴 */
  /* 회사정보 등록수정 */
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] {
  /* 모바일 상담내역/예약확인 */
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-wrapper {
    gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .sub-component-title-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .sub-component-title-box {
    padding-bottom: 0;
    margin-bottom: 1.6rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .sub-component-title-box .dot-txt-list {
  margin-top: 0.4rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info {
    width: 100%;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-tag {
  display: inline-flex;
  padding: 0.6rem 1.2rem;
  margin-bottom: 1.6rem;
  color: #ffffff;
  background-color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-tag {
    margin-bottom: 1.8rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-name {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info {
    gap: 0.6rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap svg {
  width: 1.6rem;
  height: 1.6rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap .time {
  white-space: pre;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .txt-btn {
    margin-left: auto;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap {
  display: flex;
  gap: 2rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn .btn-inner:not(:hover), main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn .btn-inner:not(:active) {
  background-color: #F0F0F0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap {
    width: 100%;
    gap: 1.6rem;
    margin-top: 2rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn {
    flex: 1;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .box-container {
    flex-direction: column;
    gap: 1.6rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .box-container .box-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=withdrawal] .sub-component-title br {
    display: none;
  }
}

main[data-current-page=mypage] .left-menu-container {
  position: sticky;
  top: 9rem;
  display: flex;
  flex-direction: column;
  width: 22rem;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container {
    width: 100%;
  }
}
main[data-current-page=mypage] .left-menu-container .btn {
  pointer-events: none;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap.active .btn-inner {
  background-color: #1D1D1D;
  color: #ffffff;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap.active .btn-inner svg {
  transform: rotate(180deg);
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap.active .btn-inner svg path {
  fill: #ffffff !important;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap:not(:last-child) .btn-inner {
  border-bottom: 0;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .btn-inner {
  border-radius: 0;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .btn-inner svg {
  transition: ease 0.3s all;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu .btn-inner {
    justify-content: space-between;
    font-size: 1.7rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu-ul {
  height: 0;
  overflow: hidden;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul {
  padding: 1rem 2rem;
  background-color: #1D1D1D;
  border-top: 1px solid #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul {
    padding: 1.2rem 2rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
  width: 100%;
  padding: 0.8rem 0;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a.active span::after {
  width: 100%;
}
@media screen and (hover: hover) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a:hover span::after {
    width: 100%;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li span {
  position: relative;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 0;
  height: 1px;
  background-color: #ffffff;
  transition: width 0.3s ease;
}