body {
  opacity: 0;
}

#container {
  background-color: var(--bg-color);
}

#con {
  min-height: calc(var(--vh, 1vh) * 100);
}

#mainVisual {
  height: auto;
}
#mainVisual [class*=wrap_] {
  height: 100%;
}
#mainVisual.on .inner::before {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  #mainVisual.on .space::before {
    padding-top: 0;
  }
}
#mainVisual .space {
  display: none;
}
#mainVisual .space::before,
#mainVisual .inner::before {
  content: "";
  display: block;
  padding-top: 30.946%;
  transition: padding 0.45s;
}
#mainVisual .lnk {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  max-height: 100%;
  transform: translateY(-50%) rotate(0.00001deg);
}
#mainVisual .lnk img {
  vertical-align: top;
  width: 100%;
}
#mainVisual .lnk .mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  #mainVisual .lnk .pc {
    display: none;
  }
  #mainVisual .lnk .mo {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #mainVisual .inner {
    text-align: center;
  }
  #mainVisual .space {
    display: block;
    max-width: 670px;
    position: relative;
  }
  #mainVisual .space::before {
    content: "";
    display: block;
    padding-top: 111.9%;
  }
  #mainVisual .inner::before {
    display: none;
  }
  #mainVisual .lnk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
  }
  #mainVisual .lnk img {
    width: 100%;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
  }
}
#mainVisual .inner {
  position: relative;
  height: 100%;
  z-index: 5;
}
#mainVisual .inner::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 0.25rem solid var(--color-black);
}
#mainVisual .fold_contr {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.35s ease-out;
  height: 2.5em;
}
#mainVisual .fold_contr .contr {
  height: 2.5em;
}
@media screen and (max-width: 1280px) {
  #mainVisual .fold_contr {
    font-size: 0.9rem;
    height: 2.25em;
  }
  #mainVisual .fold_contr .contr {
    height: 2.25em;
  }
}
@media screen and (max-width: 1024px) {
  #mainVisual .fold_contr {
    bottom: 1px;
  }
}
@media screen and (max-width: 800px) {
  #mainVisual .fold_contr {
    font-size: 0.75em;
    height: 2.25em;
  }
  #mainVisual .fold_contr .contr {
    height: 2.25em;
  }
}
#mainVisual .fold_contr.on {
  transform: translateY(100%);
}
#mainVisual .fold_contr.on .contr {
  transform: translateY(-100%);
}
#mainVisual .fold_contr .contr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-black);
  min-width: 5em;
  flex: 0 0 auto;
  text-align: center;
  padding: 0 0.9375em;
  font-size: 1em;
  gap: 0.5em;
  color: #fff;
  transition: transform 0.35s ease-out;
}
#mainVisual .fold_contr .contr::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath d='M-4279.838-14686.356v-10.711l-2.745 2.745-1.413-1.417 5.25-5.25 5.25 5.25-1.413 1.417-2.93-2.93v10.9z' transform='translate(4286.746 14701.672)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
@media screen and (max-width: 1280px) {
  #mainVisual .fold_contr .contr {
    padding: 0 0.6666666667em;
    gap: 0.4166666667em;
  }
  #mainVisual .fold_contr .contr::after {
    width: 1em;
    height: 1em;
  }
}
#mainVisual .fold_contr .spread::after {
  transform: scaleY(-1);
}

.archive_cate_list {
  width: 100%;
  display: flex;
  margin-left: -0.4444444444em;
  margin-right: -0.4444444444em;
  font-size: 1.125rem;
  max-width: 100%;
  font-family: "TheJamsil", sans-serif;
}
@media screen and (max-width: 1280px) {
  .archive_cate_list {
    font-size: 0.975rem;
  }
}
@media screen and (max-width: 800px) {
  .archive_cate_list {
    font-size: 0.8125rem;
    margin-left: -0.3846153846em;
    margin-right: -0.3846153846em;
  }
}
.archive_cate_list .lnk {
  display: block;
  width: 10.5555555556em;
  height: 4.4444444444em;
  background-color: var(--border-color2);
  overflow: hidden;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  position: relative;
  transition: border 0.3s;
  font-weight: bold;
  transition: background 0.3s, clip-path 0.25s;
}
.archive_cate_list .lnk::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  transition: clip-path 0.25s;
}
@media screen and (max-width: 1280px) {
  .archive_cate_list .lnk {
    width: 9.5384615385em;
    height: 3.8461538462em;
  }
}
.archive_cate_list .txt {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 100%;
  gap: 0.2777777778em;
  transition: all 0.3s;
}
.archive_cate_list .txt img {
  width: 1.3333333333em;
  height: auto;
}
.archive_cate_list .archive_cate {
  width: auto;
  padding-left: 0.4444444444em;
  padding-right: 0.4444444444em;
}
@media screen and (max-width: 800px) {
  .archive_cate_list .archive_cate {
    padding-left: 0.3846153846em;
    padding-right: 0.3846153846em;
  }
}
.archive_cate_list .archive_cate:hover .lnk, .archive_cate_list .archive_cate.on .lnk {
  background-color: var(--brand-color-sub);
  clip-path: polygon(100% 0, 100% calc(100% - 1.2777777778em), calc(100% - 1.1666666667em) 100%, 0 100%, 0 0);
}
.archive_cate_list .archive_cate:hover .lnk::before, .archive_cate_list .archive_cate.on .lnk::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform: rotate(0.01deg) translate(-50%, -50%);
  clip-path: polygon(100% 0, 100% calc(100% - 1.2222222222em), calc(100% - 1.1111111111em) 100%, 0 100%, 0 0);
}

.archive_cate_wrap {
  position: relative;
  --view-group: 5;
}
@media screen and (max-width: 1440px) {
  .archive_cate_wrap {
    --view-group: 4;
  }
}
@media screen and (max-width: 1280px) {
  .archive_cate_wrap {
    --view-group: 3;
  }
}
@media all and (max-width: 1024px) {
  .archive_cate_wrap {
    margin-right: -1.25rem;
  }
}
@media screen and (max-width: 800px) {
  .archive_cate_wrap {
    --view-group: 2;
  }
}
.archive_cate_wrap::after, .archive_cate_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 4.6875em;
  height: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.45s, visibility 0.45s;
  pointer-events: none;
  touch-action: none;
}
.archive_cate_wrap::before {
  left: 0;
  background-image: linear-gradient(269deg, rgba(241, 244, 246, 0) 22%, #f1f4f6 78%);
}
.archive_cate_wrap::after {
  right: 0;
  background-image: linear-gradient(89deg, rgba(241, 244, 246, 0) 22%, #f1f4f6 78%);
}
.archive_cate_wrap[data-slide-status="1"]::after {
  opacity: 1;
  visibility: visible;
}
.archive_cate_wrap[data-slide-status="2"]::before {
  opacity: 1;
  visibility: visible;
}
.archive_cate_wrap[data-slide-status="3"]::before, .archive_cate_wrap[data-slide-status="3"]::after {
  opacity: 1;
  visibility: visible;
}
@media all and (max-width: 1024px) {
  .archive_cate_wrap::before, .archive_cate_wrap::after {
    display: none;
  }
}
.archive_cate_wrap .swiper-btn {
  position: absolute;
  top: 50%;
  width: 3em;
  height: 3em;
  z-index: 5;
  margin-top: -1.5em;
  border-radius: 50%;
  border: 1px solid var(--border-color2);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  visibility: hidden;
  pointer-events: none;
  touch-action: none;
}
.archive_cate_wrap .swiper-btn::after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
}
.archive_cate_wrap .swiper-btn:not(.swiper-button-disabled) {
  visibility: visible;
  pointer-events: auto;
  touch-action: auto;
}
.archive_cate_wrap .swiper-btn.prev {
  left: 0;
  margin-left: -1.5em;
}
.archive_cate_wrap .swiper-btn.prev::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='m9.356 18.796-1.414-1.414L13.324 12 7.942 6.618l1.414-1.414 6.8 6.8z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  transform: scaleX(-1);
  transform-origin: center;
}
.archive_cate_wrap .swiper-btn.next {
  right: 0;
  margin-right: -1.5em;
}
.archive_cate_wrap .swiper-btn.next::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='m9.356 18.796-1.414-1.414L13.324 12 7.942 6.618l1.414-1.414 6.8 6.8z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media all and (max-width: 1024px) {
  .archive_cate_wrap .swiper-btn {
    display: none;
  }
}

#mainContents {
  --mc-gap: 4.5rem;
}
@media screen and (max-width: 1700px) {
  #mainContents {
    --mc-gap: 3rem;
  }
}
@media screen and (max-width: 1440px) {
  #mainContents {
    --mc-gap: 2rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainContents {
    --mc-gap: 2.5rem;
  }
}
#mainContents .inner {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 4.5rem var(--mc-gap);
  padding-top: var(--mc-gap);
  padding-bottom: var(--mc-gap);
}
#mainContents .inner::before {
  content: "";
  display: block;
  height: 100%;
  border-right: var(--line-width) solid var(--color-black);
  position: absolute;
  top: 0;
  right: 22.125rem;
}
#mainContents .inner .conts {
  margin-right: auto;
  flex: 1 1 auto;
  max-width: calc(100% - 22.375rem - var(--mc-gap));
}
#mainContents .inner .sides {
  margin-left: auto;
  padding-left: var(--mc-gap);
  width: 22.375rem;
}
@media screen and (max-width: 1440px) {
  #mainContents .inner::before {
    right: 18.5rem;
  }
  #mainContents .inner .conts {
    max-width: calc(100% - 18.75rem - var(--mc-gap));
  }
  #mainContents .inner .sides {
    width: 18.75rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainContents .inner {
    gap: 5rem var(--mc-gap);
    padding-top: 2.6666666667em;
    flex-wrap: wrap;
  }
  #mainContents .inner .conts {
    max-width: 100%;
    width: 100%;
  }
  #mainContents .inner .sides {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #mainContents .inner::before {
    display: none;
  }
}
#mainContents .sides {
  width: 100%;
}
#mainContents .sides img {
  vertical-align: top;
}
@media screen and (max-width: 1280px) {
  #mainContents .sides {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainContents .sides {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 1.5em;
    margin-top: 0;
  }
  #mainContents .sides .side_box {
    width: calc(50% - 0.5 * 1.5384615385em);
  }
}
@media screen and (max-width: 800px) {
  #mainContents .sides {
    gap: 0;
  }
  #mainContents .sides .side_box {
    width: 100%;
  }
}
#mainContents .side_tit {
  display: block;
  font-size: 1.25em;
  font-family: "TheJamsil", sans-serif;
  margin-bottom: 1.25em;
  padding-right: 1.25em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_tit {
    font-size: 1.3846153846em;
  }
}
#mainContents .side_board {
  background-color: #fff;
  padding: 1.625em;
  border: 1px solid var(--border-color2);
  position: relative;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_board {
    padding: 1.5384615385em;
  }
}
#mainContents .side_box {
  font-size: 1em;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box {
    font-size: 0.975em;
  }
}
@media screen and (max-width: 800px) {
  #mainContents .side_box {
    font-size: 0.8125em;
  }
}
#mainContents .side_box .txt_box {
  margin-top: 1.5625em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box .txt_box {
    margin-top: 1.5384615385em;
  }
}
#mainContents .side_box .txt_tit {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.75em;
  line-height: 1.4;
}
#mainContents .side_box + .side_box {
  margin-top: 4.5em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box + .side_box {
    margin-top: 4.5em;
  }
  #mainContents .side_box + .side_box:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  #mainContents .side_box + .side_box:nth-child(2) {
    margin-top: 3.75em;
  }
}
#mainContents .side_box .swiper-container {
  overflow: hidden;
}
#mainContents .side_box .side_paging {
  position: absolute;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  bottom: 100%;
  right: 0;
  transform: translateY(-100%);
  font-size: 1.25em;
  height: 1.3em;
  display: flex;
  align-items: center;
  gap: 0.4em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box .side_paging {
    gap: 0.7692307692em;
  }
}
#mainContents .side_box .swiper-pagination-bullet {
  width: 0.4em;
  height: 0.4em;
  background-color: var(--brand-color-sub);
  margin: 0;
  opacity: 1;
}
#mainContents .side_box .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--brand-color-main);
}
#mainContents .side_box.popular .popular_txt {
  font-size: 1.125em;
  text-align: center;
  line-height: 1.55;
  margin-bottom: 1.1111111111em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box.popular .popular_txt {
    font-size: 1em;
    margin-bottom: 1.1538461538em;
  }
}
#mainContents .side_box.popular .side_board {
  padding: 2em 1.5em 2.25em;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box.popular .side_board {
    padding: 2.3076923077em 0.9230769231em 2.3076923077em;
  }
}
#mainContents .side_box.popular .swiper-container {
  overflow: hidden;
}
#mainContents .side_box.popular .popular_cate {
  display: block;
  font-size: 1.3846153846em;
  position: relative;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box.popular .popular_cate {
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 800px) {
  #mainContents .side_box.popular .popular_cate {
    max-width: 281px;
  }
}
#mainContents .side_box.popular .popular_cate .bg {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cpath style='fill:none' d='M0 0h240v150H0z'/%3E%3Cg transform='translate(-1470 -1966)'%3E%3Cpath d='M-6221.5-13033.068H-6361V-13146h184v112.934h-22.031l-31.651 21.557z' transform='translate(7856.998 15123.32)' style='fill:%23fff'/%3E%3Cpath d='m-6226.169-13017 26.523-18.063H-6179V-13144h-180v108.934h140.519l-7.69 18.063m-4.512 5.493 9.177-21.557H-6361V-13146h184v112.934h-22.031z' transform='translate(7856.998 15123.32)' style='fill:%23020a0a'/%3E%3Cg transform='translate(1508 2044.375)'%3E%3Cpath d='M3702.986 6657.253c-.212 1.554-.8 13.1-.8 13.1l5.033 1.677 4.088-4.2-7.034-10.933s-1.073-1.197-1.287.356z' transform='translate(-3702.188 -6656.456)' style='fill:%23fff'/%3E%3Cpath d='M1.332-.65a1.865 1.865 0 0 1 1.237.654l.063.083L9.666 11.02l-.081.8-4.089 4.2-.671.164-5.033-1.677-.444-.65c.024-.473.591-11.593.8-13.156C.322-.518 1.034-.65 1.332-.65zM1.573.844a1.222 1.222 0 0 0-.108-.095 1.808 1.808 0 0 0-.023.136C1.261 2.213.788 11.218.674 13.438l4.177 1.392 3.444-3.541z'/%3E%3Cpath d='m3718.734 6742.522 1.2 4.345a5.392 5.392 0 0 1 4.323-2.518 9.046 9.046 0 0 1 4.736.608l-1.489-5.011-5.02-1.765s-3.568 2.553-3.593 2.694-.157 1.647-.157 1.647z' transform='translate(-3707.343 -6681.916)' style='fill:%23fff'/%3E%3Cpath d='m15.357 55.651 5.02 1.765.407.428 1.489 5.011-.934.756a7.7 7.7 0 0 0-3.278-.577c-.355 0-.723.016-1.094.046a4.73 4.73 0 0 0-3.8 2.175l-1.2-.132-1.2-4.345-.021-.23c.041-.46.138-1.545.162-1.694v-.009c.051-.286.211-.419.816-.883.3-.232.722-.544 1.245-.928.888-.651 1.784-1.292 1.793-1.3zm4.275 2.881-4.387-1.542c-1.292.928-2.638 1.918-3.077 2.276-.028.279-.074.79-.118 1.281l.827 3a6.288 6.288 0 0 1 3.982-1.762c.407-.033.811-.05 1.2-.05a11.143 11.143 0 0 1 2.608.288z'/%3E%3Cellipse cx='4.819' cy='2.441' rx='4.819' ry='2.441' transform='rotate(-14 261.258 -17.066)' style='fill:%23fff'/%3E%3Cpath d='M16.88 62.793a6.637 6.637 0 0 0-2.489 1.149c-.525.42-.64.736-.65.809.039.06.292.285.954.41a6.637 6.637 0 0 0 2.736-.154 6.637 6.637 0 0 0 2.488-1.15c.526-.42.641-.736.65-.808-.038-.061-.292-.285-.954-.41a6.637 6.637 0 0 0-2.736.154m-.314-1.262c2.583-.644 4.941-.105 5.267 1.203s-1.503 2.89-4.086 3.533-4.94.106-5.266-1.202 1.503-2.89 4.085-3.534z'/%3E%3Cpath d='m.558 4.363 3.482-1.1L1.902.202l-.867.071z'/%3E%3Cpath fill='%2300B4ED' d='M0,13.9l1.8-2.5l4.2-1l3,1l11.2,46.9c-1.6-0.6-3.3-0.6-4.9-0.1c-1.6,0.3-3,1.2-3.9,2.5L0,13.9z'/%3E%3Cpath d='m5.875 9.712.367.016 3.036 1.039.422.464 11.184 46.93-.906.74a6 6 0 0 0-2.252-.381 8.589 8.589 0 0 0-2.232.306 5.668 5.668 0 0 0-3.5 2.2l-1.2-.163L-.59 14.012l.106-.535 1.8-2.475.37-.249zm2.643 2.169-2.516-.861-3.778.936-1.481 2.04 11.016 45.338a8.173 8.173 0 0 1 3.4-1.763 9.889 9.889 0 0 1 2.571-.351 8.433 8.433 0 0 1 1.635.156z'/%3E%3Cpath d='M13.249 58.857 1.437 11.27l1.262-.313 11.813 47.587z'/%3E%3Cpath d='M17.164 58.115 5.352 10.499l1.262-.313 11.812 47.616z'/%3E%3C/g%3E%3Cpath d='m3459.65 5287.973-2.531 9.49 9.385-2.319s7.17 6.221 18.348 2.848 14.974-11.917 15.817-17.926.3-15.463-10.544-22.039-23.621.633-23.621.633-9.624 6.15-9.683 15.939 2.829 13.374 2.829 13.374z' transform='translate(-1794.82 -3267.853)' style='fill:%23fff'/%3E%3Cpath d='M3478.277 5299.993a21.236 21.236 0 0 1-9.066-2.021 17.76 17.76 0 0 1-2.94-1.741l-8.911 2.2-1.206-1.229 2.414-9.049c-.786-1.266-2.8-5.314-2.746-13.563a16.818 16.818 0 0 1 1.632-7.037 22.46 22.46 0 0 1 3.479-5.255 26.1 26.1 0 0 1 5.034-4.483l.047-.028a27.811 27.811 0 0 1 4.084-1.772 30.029 30.029 0 0 1 9.722-1.756 20.548 20.548 0 0 1 10.824 2.912c5.011 3.04 8.4 6.994 10.078 11.754a23.76 23.76 0 0 1 .938 11.279 22.9 22.9 0 0 1-4.22 10.407 23.193 23.193 0 0 1-12.3 8.337 23.779 23.779 0 0 1-6.863 1.045zm-12.013-5.821.9.215a14.427 14.427 0 0 0 2.978 1.81 19.234 19.234 0 0 0 8.139 1.8 21.764 21.764 0 0 0 6.286-.96c11.984-3.619 14.563-13.169 15.116-17.108 1.281-9.133-2.108-16.213-10.073-21.044a18.582 18.582 0 0 0-9.787-2.622 29.308 29.308 0 0 0-12.8 3.257 24.76 24.76 0 0 0-4.62 4.142c-3.016 3.467-4.557 7.149-4.58 10.946a31.364 31.364 0 0 0 1.29 9.883 10.343 10.343 0 0 0 1.323 2.865l-.005-.006.188.885-2.1 7.855z' transform='translate(-1794.82 -3267.853)' style='fill:%23020a0a'/%3E%3Cg%3E%3Crect x='1667' y='2008.8' transform='matrix(0.1047 -0.9945 0.9945 0.1047 -499.7601 3465.5403)' fill='%2300B4ED' width='15.8' height='3'/%3E%3Cpath d='m1674.201 2002.343-1.653 15.668 2.955.312 1.653-15.669-2.955-.311m-1.78-2.2 6.935.731-2.073 19.649-6.935-.732z'/%3E%3Cpath d='M1686.692 2020.988c-4.32-.456-9.507-1.097-9.84-1.139l.247-1.986c.121.013 12.168 1.507 14.884 1.571 1.315.033 1.74-.193 1.877-.33a2.264 2.264 0 0 0 .297-1.289c.004-.035.006-.06-.049-.12a3.775 3.775 0 0 0-1.944-.642c-.18-.013-.294-.023-.306-.025l.141-1.997c.079.008.221.013.405.033a10.755 10.755 0 0 0 2.308-.03 3.225 3.225 0 0 0 .227-1.706 7.18 7.18 0 0 0-1.943-.44c-.293-.022-.488-.045-.504-.047l.189-1.992c.1.01.3.023.559.053a7.048 7.048 0 0 0 1.834-.052 2.676 2.676 0 0 0 .205-1.742 6.503 6.503 0 0 0-2.33-.66l.23-1.988 2.194.232a2.257 2.257 0 0 0 .036-.336 1.427 1.427 0 0 0-.71-1.34c-1.422-.93-4.88-.878-6.092-.781l-1.025-1.324a19.775 19.775 0 0 0 1.226-4.946 1.068 1.068 0 0 0-.525-.837c-.408-.187-.964.115-1.26.31-1.377.917-3.225 4.339-3.822 5.58l-1.007.561-3.562-.376.21-1.99 2.872.304c.726-1.412 2.5-4.615 4.198-5.744a3.195 3.195 0 0 1 3.2-.467 3.042 3.042 0 0 1 1.679 2.404 9.512 9.512 0 0 1-.605 3.585c-.09.314-.18.616-.265.891.375-.002.804.005 1.255.026a9.505 9.505 0 0 1 4.619 1.13 3.43 3.43 0 0 1 1.622 3.19 4.63 4.63 0 0 1-.396 1.568 4.355 4.355 0 0 1-.38 4.025q-.02.029-.041.055a2.536 2.536 0 0 1 .381 1.232 4.502 4.502 0 0 1-.926 3.144 1.39 1.39 0 0 1-.192.147 2.101 2.101 0 0 1 .297 1.223 3.745 3.745 0 0 1-.877 2.584c-.675.675-1.704.958-3.343.916-.968-.012-2.99-.2-5.248-.438z'/%3E%3C/g%3E%3Cpath d='M1506.537 1998.513a1 1 0 0 1-1-1v-10.107a1 1 0 0 1 1-1h20.712a1 1 0 0 1 0 2h-19.712v9.107a1 1 0 0 1-1 1z'/%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' transform='translate(1505 2002)'/%3E%3Cpath d='M1667.712 2079.092H1647a1 1 0 0 1 0-2h19.712v-9.107a1 1 0 0 1 2 0v10.107a1 1 0 0 1-1 1z'/%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' transform='translate(1666.248 2060.496)'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
#mainContents .side_box.popular .popular_cate .bg::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
#mainContents .side_box.popular .popular_cate .lnk {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  text-align: center;
}
#mainContents .side_box.popular .popular_cate .lnk::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
#mainContents .side_box.popular .popular_cate .txt {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding-left: 18%;
  padding-right: 18%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 3em;
  line-height: 1.5;
}
#mainContents .side_box.popular .popular_cate .txt::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='m9.657 19.867-1.685-1.686 5.682-5.682-5.682-5.683 1.685-1.684 7.368 7.367z'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  width: 0.8em;
  height: 0.8em;
}
#mainContents .side_box.popular .count {
  margin-top: 1.1875em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: var(--bg-color);
  border-radius: 1.875rem;
  height: 1.875rem;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #111;
  text-align: center;
  padding-left: 1.0625em;
  padding-right: 1.0625em;
  margin-left: auto;
  margin-right: auto;
}
#mainContents .side_box.popular .count::after {
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  #mainContents .side_box.popular .count {
    margin-top: 1em;
    height: 1.7307692308em;
    border-radius: 1.7307692308em;
    padding-left: 0.7692307692em;
    padding-right: 0.7692307692em;
  }
}
#mainContents [data-unit]::after {
  content: attr(data-unit);
  display: inline-block;
  font-size: 1em;
  color: inherit;
}
#mainContents .keyward_item a:hover {
  color: var(--brand-color-main);
}
#mainContents .lnk_box {
  display: block;
}
@media screen and (min-width: 1025px), print {
  #mainContents .lnk_box:hover .txt_tit {
    text-decoration: underline;
  }
  #mainContents .lnk_box:hover .img_box img {
    transform: scale(1.05) rotate(0.01deg);
  }
}
#mainContents .img_box {
  position: relative;
  overflow: hidden;
}
#mainContents .img_box img {
  transition: transform 0.3s;
  width: 100%;
}
#mainContents .img_box .cate {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375em;
  height: 2em;
  padding: 0 0.7333333333em 0 0.6em;
  background-color: var(--brand-color-sub);
  color: #fff;
  clip-path: polygon(100% 0, 100% calc(100% - 0.5333333333em), calc(100% - 0.4666666667em) 100%, 0 100%, 0 0);
}
#mainContents .txt_cont {
  display: block;
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 3.25em;
  line-height: 1.625;
}
#mainContents .cate_infos {
  margin-top: 1.7333333333em;
  font-size: 0.9375em;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625em;
  color: var(--brand-color-sub);
  opacity: 0.7;
}
#mainContents .cate_info {
  display: flex;
  align-items: center;
  gap: 0.6666666667em;
}
#mainContents .cate_info::after {
  content: "";
  display: block;
  height: 0.6666666667em;
  border-right: 2px solid var(--brand-color-sub);
  opacity: 0.3;
}
#mainContents .cate_info:last-child::after {
  display: none;
}
#mainContents .keyward_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375em;
}
@media screen and (max-width: 1280px) {
  #mainContents .keyward_list {
    gap: 0.7692307692em;
  }
}
#mainContents .keyward_item {
  border-radius: 1.3125rem;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid var(--color-black);
}
#mainContents .keyward_item a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
  padding: 0.2777777778em 1em;
  color: var(--brand-color-sub);
  line-height: 1.25;
  height: 2.2222222222em;
  white-space: nowrap;
  gap: 0.1666666667em;
}
#mainContents .keyward_item a::before {
  content: "# ";
  display: inline;
  color: inherit;
}
@media screen and (max-width: 1280px) {
  #mainContents .keyward_item a {
    font-size: 1.1538461538em;
    padding-left: 1.0666666667em;
    padding-right: 1.0666666667em;
    height: 2.4em;
  }
}
#mainContents .conts {
  max-width: 100%;
  flex: 1 1 auto;
}
#mainContents .archive_lists {
  margin-top: 4.4444444444em;
}
#mainContents .archive_lists {
  font-size: 1.125em;
  --spread-contents: 3;
  --contents-gap: 4.5rem;
}
@media screen and (max-width: 1700px) {
  #mainContents .archive_lists {
    --contents-gap: 3.875rem;
  }
}
@media screen and (max-width: 1440px) {
  #mainContents .archive_lists {
    --spread-contents: 3;
    --contents-gap: 2rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainContents .archive_lists {
    --spread-contents: 3;
    --contents-gap: 1.75rem;
    font-size: 0.975em;
  }
}
@media all and (max-width: 1024px) {
  #mainContents .archive_lists {
    --spread-contents: 2;
    --contents-gap: 1.625rem;
  }
}
@media screen and (max-width: 800px) {
  #mainContents .archive_lists {
    --spread-contents: 1;
    --contents-gap: 1.25rem;
    font-size: 0.8125em;
  }
}
@media screen and (max-width: 601px) {
  #mainContents .archive_lists {
    --spread-contents: 1;
  }
}
#mainContents .get_archive_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 1em;
  padding-left: 1em;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8.75em;
  transition: color 0.35s;
}
#mainContents .get_archive_btn::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2.5em;
  width: 2.5em;
  background-color: var(--brand-color-sub);
  border-radius: 2.5em;
  z-index: -1;
  transition: width 0.25s;
}
#mainContents .get_archive_btn .circle_icon {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
}
#mainContents .get_archive_btn .arr {
  transition: 0.25s;
}
@media all and (min-width: 1024px) {
  #mainContents .get_archive_btn:hover {
    color: #fff;
  }
  #mainContents .get_archive_btn:hover::after {
    width: 100%;
  }
  #mainContents .get_archive_btn:hover .arr {
    d: path("M19, 14h3l6, 6l-6 ,6h-3l6-6L19, 14z");
  }
}
@media screen and (max-width: 1440px) {
  #mainContents .get_archive_btn {
    margin-top: 5.5555555556em;
  }
}
@media screen and (max-width: 1280px) {
  #mainContents .get_archive_btn {
    font-size: 1.05rem;
    margin-top: 5.7142857143em;
    padding-left: 0;
  }
  #mainContents .get_archive_btn .circle_icon {
    width: 2.5714285714em;
    height: 2.5714285714em;
  }
  #mainContents .get_archive_btn::after {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #mainContents .get_archive_btn {
    font-size: 0.875rem;
  }
}

#mainNotice .mc_board {
  display: flex;
  border-top: var(--line-width) solid #000;
  border-bottom: var(--line-width) solid #000;
  position: relative;
}
#mainNotice .mc_board_info {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.8181818182em;
  height: 6em;
  font-size: 1.375em;
  border-right: var(--line-width) solid #000;
}
#mainNotice .mc_board_box {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  max-width: calc(100% - 10.8181818182em);
  font-size: 1.25em;
  padding-left: 4em;
  padding-right: 6.6em;
}
#mainNotice .mc_board_nm {
  font-family: "Pretendard";
}
#mainNotice .mc_board_contr {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.2272727273em;
  transform: translateY(-50%);
}
#mainNotice .mc_board_contr .mc_board_more {
  margin-left: 0.4545454545em;
}
@media all and (min-width: 1024px) {
  #mainNotice .mc_board_contr .mc_board_more:hover svg {
    fill: var(--brand-color-sub);
  }
}
#mainNotice .mc_board_contr svg {
  vertical-align: top;
}
#mainNotice .mc_slides {
  overflow: hidden;
  height: 1.5em;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#mainNotice .mc_board_lists {
  max-width: 100%;
}
#mainNotice .mc_board_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8em;
}
#mainNotice .mc_board_date {
  display: block;
  font-size: 0.8em;
  color: #111;
  font-weight: 400;
  margin-left: auto;
  white-space: nowrap;
  flex: 0 0 auto;
}
#mainNotice .mc_board_tit {
  display: block;
  max-width: calc(100% - 5em);
}
#mainNotice .mc_board_tit a {
  display: block;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mainNotice .mc_board_tit a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1280px) {
  #mainNotice .mc_board_box {
    padding-left: 1em;
  }
}
@media all and (max-width: 1024px) {
  #mainNotice {
    margin-top: 3.8461538462em;
  }
  #mainNotice .mc_board {
    flex-wrap: wrap;
  }
  #mainNotice .mc_board_contr {
    position: static;
    transform: none;
  }
  #mainNotice .mc_board_info {
    max-width: 100%;
    width: 100%;
    height: 2.8125em;
    border-right: 0;
    border-bottom: var(--line-width) solid var(--color-black);
    justify-content: space-between;
    font-size: 1.2em;
  }
  #mainNotice .mc_board_box {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 6.9230769231em;
    font-size: 0.975em;
  }
  #mainNotice .mc_slides {
    height: auto;
    max-height: 100%;
  }
  #mainNotice .mc_board_item {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: baseline;
    padding-top: 1.1538461538em;
    padding-bottom: 1.1538461538em;
    gap: 0.7692307692em;
  }
  #mainNotice .mc_board_tit {
    width: 100%;
    max-width: 100%;
  }
  #mainNotice .mc_board_tit a {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 2.8em;
    line-height: 1.4;
  }
  #mainNotice .mc_board_date {
    margin-left: 0;
    margin-right: auto;
    font-size: 0.9230769231em;
  }
}
@media screen and (max-width: 800px) {
  #mainNotice .mc_board_info {
    font-size: 1em;
  }
  #mainNotice .mc_board_box {
    font-size: 0.8125em;
  }
}

.archive_lists .archive_inner {
  margin-bottom: 3.1111111111em;
}

.encourag {
  position: relative;
}
.encourag::before {
  content: "";
  display: block;
  padding-top: 155.307%;
}
.encourag .lnk {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 0);
  transition: clip-path 0.35s;
}
@media screen and (min-width: 1025px), print {
  .encourag .lnk:hover {
    clip-path: polygon(100% 0, 100% calc(100% - 2.5555555556em), calc(100% - 2.8888888889em) 100%, 0 100%, 0 0);
  }
  .encourag .lnk:hover::after {
    opacity: 1;
    transform: none;
  }
}
@media screen and (max-width: 1280px) {
  .encourag .lnk::after {
    opacity: 1;
    transform: none;
  }
}
.encourag .lnk::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.encourag .lnk::after {
  content: "";
  display: block;
  border-radius: 0 0.25rem 0 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.7777777778em;
  height: 2.7777777778em;
  background-color: var(--color-black);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.3333333333em auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath data-name='Path 2283' d='M3936.488 7622.793h-3v-13.82h3z' transform='rotate(90 5774.91 1851.884)' style='fill:%23fff'/%3E%3Cpath data-name='Path 2284' d='m3932.043 7610.658-3.941-3.94-3.941 3.94-2.121-2.121 6.063-6.062 6.063 6.062z' transform='rotate(90 5769.594 1853.555)' style='fill:%23fff'/%3E%3C/svg%3E%0A");
  opacity: 0;
  transform: translate(100%, -100%);
  transition: opacity 0.35s;
}
.encourag.enc_01 {
  height: auto;
}
.encourag.enc_01 .lnk::before {
  background-color: #00b4ed;
  background-image: url("/resource/images/common/encourag_img01.png");
}
.encourag.enc_02 .lnk::before {
  background-color: #005fdb;
  background-image: url("/resource/images/common/encourag_img02.png");
}
.encourag.enc_03 .lnk::before {
  background-color: #00dcd6;
  background-image: url("/resource/images/common/encourag_img03.png");
}
@media screen and (max-width: 800px) {
  .encourag {
    height: auto;
    position: relative;
  }
  .archive_item:not(.encourag) + .encourag {
    margin-top: 2.5rem;
  }
  .encourag .lnk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .encourag::before {
    padding-top: 48.6567%;
  }
  .encourag.enc_01 .lnk::before {
    background-image: url("/resource/images/common/encourag_img01_m.png");
  }
  .encourag.enc_02 .lnk::before {
    background-image: url("/resource/images/common/encourag_img02_m.png");
  }
  .encourag.enc_03 .lnk::before {
    background-image: url("/resource/images/common/encourag_img03_m.png");
  }
}

/*# sourceMappingURL=main.css.map */