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

Title       : Main
Author      : EASESOFT
Create Date : 2025-02

-------------------------------------------------*/
.falling_wrapper {
  position: absolute;
  pointer-events: none;
  animation: sway 2s ease-in-out infinite;
  z-index: 99;
}

.falling_petals {
  width: 20px;
  height: 20px;
  background: url("/kor/img/main/flower.png") no-repeat center center;
  background-size: contain;
  animation: fall linear forwards;
  opacity: 0.8;
}

/* 떨어지는 애니메이션 */
@keyframes fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(300px) rotate(360deg);
    opacity: 0;
  }
}
/* 좌우 흔들리는 애니메이션 */
@keyframes sway {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
.mouse_cursor {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  user-select: none;
  pointer-events: none;
  transition: transform 0.3s;
}

.mouse_cursor2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 30px;
  height: 30px;
  background: url("/kor/img/main/flower.png") no-repeat 0 0;
  background-size: contain;
  opacity: 0.8;
  user-select: none;
  pointer-events: none;
  transition: transform 0.3s;
}

#main_wrap {
  overflow: hidden;
}
#main_wrap .section {
  padding: 8rem 0;
}
#main_wrap .section .sec_tit {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
}
#main_wrap .section .sec_tit h2 {
  font-size: 4.8rem;
  font-weight: 800;
  line-height: 1.1;
}
#main_wrap .section .sec_tit .more {
  display: block;
  width: 3rem;
  height: 2rem;
  overflow: hidden;
  position: relative;
}
#main_wrap .section .sec_tit .more::before, #main_wrap .section .sec_tit .more::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='22' viewBox='0 0 32 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00195 11H31.002M31.002 11C28.2151 9.73016 22.3462 5.95238 21.1659 1M31.002 11C28.2151 12.2698 22.3462 16.0476 21.1659 21' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3rem;
}
#main_wrap .section .sec_tit .more::after {
  left: -100%;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section .sec_tit .more:hover::before {
    animation: more_hover 0.7s forwards alternate;
  }
  #main_wrap .section .sec_tit .more:hover::after {
    animation: more_hover 0.3s 0.7s forwards alternate;
  }
}
@keyframes more_hover {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
#main_wrap .section .no_data {
  text-align: center;
  padding: 10rem 0;
  font-size: 2rem;
  font-weight: 600;
}
#main_wrap .control {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#main_wrap .control .pagination {
  margin-right: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
}
#main_wrap .control .pagination span {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
}
#main_wrap .control .pagination .progress_bar {
  width: 5rem;
  height: 1px;
  background: #000;
  position: relative;
}
#main_wrap .control .pagination .progress_bar .fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #E6885F;
  transition: width 0.5s ease;
}
#main_wrap .control button {
  flex: none;
  display: flex;
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
#main_wrap .control button::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 40%;
  height: 40%;
  background-color: #334FD5;
  border-radius: 100%;
  transition: 0.3s;
  opacity: 0;
}
#main_wrap .control button.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 45%;
}
#main_wrap .control button.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 55%;
}
#main_wrap .control button.pause {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 4H6.00195V20H10.002V4Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 4H14.002V20H18.002V4Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 2.4rem;
}
#main_wrap .control button.play {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.2rem;
}
@media screen and (min-width: 1024px) {
  #main_wrap .control button:hover::before {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  #main_wrap .control button:hover.prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .control button:hover.next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .control button:hover.pause {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 4H6.00195V20H10.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 4H14.002V20H18.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .control button:hover.play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  }
}
#main_wrap .control button:active::before {
  background-color: #C8457B;
}
#main_wrap .visual {
  height: 100vh;
  position: relative;
}
#main_wrap .visual::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
  width: 110rem;
  height: 32.5rem;
  background: url("/kor/img/main/visual_obj.png") no-repeat right bottom;
  opacity: 0.9;
}
#main_wrap .visual .text {
  position: absolute;
  transform: translate(0, -50%);
  left: calc(50% - 72rem);
  top: 55%;
  z-index: 10;
  color: #fff;
  line-height: 1.2;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
#main_wrap .visual .text strong {
  display: block;
  font-size: 9.2rem;
  font-weight: 600;
  line-height: 1.1;
}
#main_wrap .visual .text span {
  display: block;
  font-size: 3.6rem;
  margin-top: 4rem;
}
#main_wrap .visual .text span + span {
  margin-top: 1rem;
}
#main_wrap .visual .effect {
  position: absolute;
  right: calc(50% - 72rem);
  bottom: 40%;
  z-index: 10;
  color: #fff;
  font-size: 8rem;
  color: rgba(255, 255, 255, 0.4);
  font-family: "caveat";
  animation: visual_effect 3s linear forwards;
  text-align: right;
}
#main_wrap .visual .dday {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  right: calc(50% - 72rem);
  bottom: 15%;
  z-index: 10;
  color: #fff;
  font-size: 10rem;
  font-weight: 600;
}
#main_wrap .visual .dday em {
  display: block;
  width: 15rem;
  text-align: right;
}
#main_wrap .visual .leaf {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  animation: visual_leaf 6s forwards;
}
#main_wrap .visual .visual_slide {
  height: 100vh;
}
#main_wrap .visual .swiper-slide {
  overflow: hidden;
}
#main_wrap .visual .swiper-slide .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  object-fit: cover;
  animation: visual_img 10s linear alternate;
}
#main_wrap .visual .swiper-slide .video_thumb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: video_thumb 1.5s 1.5s forwards;
  filter: brightness(90%);
}
#main_wrap .visual .swiper-slide .video_thumb_bg {
  display: none;
}
#main_wrap .visual .swiper-slide .youtube {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#main_wrap .visual .swiper-slide .youtube::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
#main_wrap .visual .swiper-slide .youtube .blur_wrap {
  position: absolute;
  left: -40%;
  top: -40%;
  z-index: 1;
  width: 180%;
  height: 180%;
  overflow: hidden;
}
#main_wrap .visual .swiper-slide .youtube .blur_wrap .blur {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px) brightness(0.6);
  pointer-events: none;
}
#main_wrap .visual .swiper-slide .youtube .front {
  position: relative;
  width: 100%;
  z-index: 2;
  aspect-ratio: 16/9;
  pointer-events: none;
}
#main_wrap .visual .control {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 6.5rem;
  z-index: 10;
}
#main_wrap .visual .control .pagination span {
  color: #fff;
}
#main_wrap .visual .control .pagination .progress_bar {
  background: #fff;
}
#main_wrap .visual .control .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}
#main_wrap .visual .control button.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#main_wrap .visual .control button.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#main_wrap .visual .control button.pause {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 4H6.00195V20H10.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 4H14.002V20H18.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#main_wrap .visual .control button.play {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
}
@keyframes visual_img {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes visual_leaf {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes visual_effect {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes video_thumb {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
#main_wrap .marquee {
  margin: 7.5rem 0;
  position: relative;
}
#main_wrap .marquee .box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
#main_wrap .marquee .text {
  background: linear-gradient(to bottom, #0094D7, #FF60A9 70%);
  font-size: 10rem;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-text-stroke: 3px transparent;
  white-space: nowrap;
  color: #fff;
  line-height: 1.1;
  letter-spacing: 4px;
  -webkit-background-clip: text;
}
@-moz-document url-prefix() {
  #main_wrap .marquee .text {
    -webkit-text-stroke: 2px transparent;
  }
}
#main_wrap .marquee::before {
  content: "";
  position: absolute;
  right: 10%;
  bottom: 60%;
  z-index: 4;
  width: 24rem;
  height: 24rem;
  background: url("/kor/img/main/symbol_gra.png");
  background-size: 100%; /*animation:symbol_rotate 10s infinite  linear forwards;*/
  mix-blend-mode: multiply;
  display: none;
}
@keyframes symbol_rotate {
  0% {
    transform: scale(1) rotate(0);
  }
  30% {
    transform: scale(1.1) rotate(90deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
#main_wrap .marquee2 {
  margin: 5rem 0;
  position: relative;
}
#main_wrap .marquee2 .box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
#main_wrap .marquee2 .text {
  background: linear-gradient(to bottom, #444, #FF60A9 70%);
  font-size: 5rem;
  font-weight: 800;
  text-transform: uppercase;
  -webkit-text-stroke: 3px transparent;
  white-space: nowrap;
  color: #fff;
  line-height: 1.1;
  letter-spacing: 4px;
  -webkit-background-clip: text;
  opacity: 0.4;
}
@-moz-document url-prefix() {
  #main_wrap .marquee2 .text {
    -webkit-text-stroke: 2px transparent;
  }
}
#main_wrap .marquee2::before {
  content: "";
  position: absolute;
  right: 10%;
  bottom: 60%;
  z-index: 4;
  width: 24rem;
  height: 24rem;
  background: url("/kor/img/main/symbol_gra.png");
  background-size: 100%; /*animation:symbol_rotate 10s infinite  linear forwards;*/
  mix-blend-mode: multiply;
  display: none;
}
@keyframes symbol_rotate {
  0% {
    transform: scale(1) rotate(0);
  }
  30% {
    transform: scale(1.1) rotate(90deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
#main_wrap .section02 .sec_tit .more {
  margin-left: auto;
}
#main_wrap .section02 .tab_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  margin-left: 3.2rem;
}
#main_wrap .section02 .tab_box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 12rem;
  height: 4rem;
  background: #F2F4FB;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0 1rem;
}
#main_wrap .section02 .tab_box button.active {
  background: linear-gradient(to right, #374ED3, #E44564);
  color: #fff;
}
#main_wrap .section02 .notice_slide {
  padding: 2rem;
  margin: -2rem;
}
#main_wrap .section02 .notice_slide a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #fff;
  height: 33rem;
  padding: 4rem 3.2rem;
  border-radius: 1.6rem;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.3s;
}
#main_wrap .section02 .notice_slide a .title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 6.5rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  word-break: break-all;
}
#main_wrap .section02 .notice_slide a .title span {
  display: inline-flex;
  background: #C30909;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 2px 5px;
  border-radius: 2px;
  transform: translateY(-4px);
}
#main_wrap .section02 .notice_slide a .txt {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 8rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  word-break: break-all;
}
#main_wrap .section02 .notice_slide a .date {
  font-size: 1.4rem;
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #555;
}
#main_wrap .section02 .notice_slide a .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section02 .notice_slide a .more {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  align-self: flex-end;
}
#main_wrap .section02 .notice_slide a .more::after {
  content: "";
  display: block;
  width: 3rem;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='12' viewBox='0 0 28 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.2905 6.53814C27.5834 6.24525 27.5834 5.77038 27.2905 5.47748L22.5175 0.704512C22.2246 0.411618 21.7497 0.411618 21.4568 0.704512C21.1639 0.997405 21.1639 1.47228 21.4568 1.76517L25.6995 6.00781L21.4568 10.2505C21.1639 10.5433 21.1639 11.0182 21.4568 11.3111C21.7497 11.604 22.2246 11.604 22.5175 11.3111L27.2905 6.53814ZM0.760132 6.75781H26.7601V5.25781H0.760132V6.75781Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section02 .notice_slide a:hover {
    border-color: #91BDE6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  }
}
#main_wrap .section03 {
  background: linear-gradient(rgba(233, 136, 236, 0.1), rgba(255, 215, 123, 0.05));
  position: relative;
  overflow: hidden;
  padding-bottom: 10rem;
}
#main_wrap .section03::before {
  content: "";
  position: absolute;
  right: -17rem;
  bottom: 7%;
  z-index: 1;
  width: 33rem;
  height: 33rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%23F18D8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%23F18D8B'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 100%;
  animation: symbol_rotate 12s infinite linear forwards;
  opacity: 0.1;
}
#main_wrap .section03 .ic_sns {
  overflow: hidden;
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
  z-index: 10;
}
#main_wrap .section03 .ic_sns.fb {
  background-color: #3963FC;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27778 9.22578V16.4258H5.6358V9.32578H7.90741L8.5 6.32578H5.6358C5.6358 6.32578 5.6358 4.92578 5.6358 4.12578C5.6358 3.82578 5.73457 3.42578 6.2284 3.42578C6.91975 3.42578 7.80864 3.42578 7.80864 3.42578V0.425781C7.80864 0.425781 6.32716 0.425781 4.74691 0.425781C3.75926 0.425781 2.27778 1.72578 2.27778 3.22578C2.27778 4.72578 2.27778 6.32578 2.27778 6.32578H0.5V9.32578L2.27778 9.22578Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 1rem;
}
#main_wrap .section03 .ic_sns.youtube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
  background-color: #ff0000;
}
#main_wrap .section03 .ic_sns.insta {
  background: linear-gradient(45deg, #e6ff01, #FF344B, #ee2d96, #C533D9);
}
#main_wrap .section03 .ic_sns.insta::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.5rem;
}
#main_wrap .section03 .ic_sns.blog {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='10.9mm' height='9.1mm' data-name='Layer 1' version='1.1' viewBox='0 0 30.8 25.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M24.5 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM17.2 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM6.4 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Z' class='cls-1'/%3E%3Cpath d='M25.9 0h-21C2.2 0 0 2.2 0 4.9v11.6c0 2.7 2.2 4.9 4.9 4.9h7.3l2.5 4v.1c.2.4.7.5 1.1.3.1 0 .2-.2.3-.3v-.1l2.5-4h7.3c2.7 0 4.9-2.2 4.9-4.9V4.9c0-2.7-2.2-4.9-4.9-4.9ZM6.8 14.3c-.6 0-1.2-.3-1.6-.8v.6H3.3V6.2h1.9v3c.4-.4 1-.7 1.6-.7 2.6 0 2.7 2.9 2.7 2.9 0 1.5-1.1 2.8-2.7 2.9Zm6-5.3v5.1H11V9.5c0-1.6-.9-1.6-.9-1.6V6.1c2.8 0 2.7 3 2.7 3Zm4.4 5.3h-.4c-1.6 0-2.8-1.3-2.7-2.9 0-2.9 3.1-2.9 3.1-2.9h.4c1.6 0 2.8 1.3 2.8 2.9 0 2.9-3.2 2.9-3.2 2.9Zm7.5 2.7H24v-1.7h.5c1.3 0 1.2-1.4 1.2-1.4v-.4c-.4.5-1 .7-1.7.7-2.6 0-2.6-2.8-2.6-2.8V11c0-1.4 1.2-2.6 2.7-2.5.6 0 1.2.3 1.6.7v-.5h1.8v5.5c0 1.5-1.3 2.7-2.8 2.7Z' class='cls-1'/%3E%3C/svg%3E");
  background-color: #38C65D;
}
#main_wrap .section03 .sec_tit .sns {
  margin-left: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
#main_wrap .section03 .sec_tit .control {
  margin-left: auto;
}
#main_wrap .section03 .row_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8rem;
}
#main_wrap .section03 .youtube_box {
  flex: none;
  width: 40%;
  display: none;
}
#main_wrap .section03 .youtube_box .thumb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
}
#main_wrap .section03 .youtube_box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main_wrap .section03 .youtube_box .thumb:has(img)::before {
  content: "";
  position: absolute;
  left: calc(50% - 3.5rem);
  top: calc(50% - 3.5rem);
  z-index: 2;
  width: 7rem;
  height: 7rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 4rem;
  background-color: #ff0000;
  border-radius: 100%;
  transition: 0.3s;
}
#main_wrap .section03 .youtube_box .thumb:hover::before {
  transform: scale(1.1);
}
#main_wrap .section03 .youtube_box .thumb iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
#main_wrap .section03 .sns_swiper {
  overflow: hidden;
  padding: 3rem;
  margin: -3rem;
}
#main_wrap .section03 .sns_swiper a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
  position: relative;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section03 .sns_swiper a:hover .thumb img {
    transform: scale(1.1);
  }
}
#main_wrap .section03 .sns_swiper .thumb {
  aspect-ratio: 4/5;
  flex: none;
  width: 100%;
  border-radius: 0.8rem;
  border: 1px solid rgba(221, 221, 221, 0.5);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
#main_wrap .section03 .sns_swiper .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  will-change: transform;
}
#main_wrap .section03 .sns_swiper .thumb .ic_sns {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  border-radius: 0.8rem 0 0.8rem 0;
}
#main_wrap .section03 .sns_swiper .desc {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.5rem;
  background: rgba(14, 28, 57, 0.6);
  backdrop-filter: blur(5px);
  border-radius: 1.6rem;
  position: absolute;
  right: -2rem;
  bottom: -2rem;
  padding: 1.6rem;
  width: 90%;
  color: #fff;
  transition: 0.3s;
}
#main_wrap .section03 .sns_swiper .desc .txt {
  font-size: 1.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  height: 13rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  height: auto;
  word-break: break-all;
}
#main_wrap .section03 .sns_swiper .desc .date {
  font-size: 1.3rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
#main_wrap .section03 .sns_swiper .desc .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section03 .sns_swiper .swiper-slide a {
  transform: scale(0.8);
}
#main_wrap .section03 .sns_swiper .swiper-slide a .desc {
  opacity: 0;
}
#main_wrap .section03 .sns_swiper .swiper-slide-prev a,
#main_wrap .section03 .sns_swiper .swiper-slide-next a {
  transform: scale(1);
}
#main_wrap .section03 .sns_swiper .swiper-slide-prev a .desc,
#main_wrap .section03 .sns_swiper .swiper-slide-next a .desc {
  opacity: 1;
}
#main_wrap .section03 .sns_swiper .swiper-slide-active a {
  transform: scale(1);
}
#main_wrap .section03 .sns_swiper .swiper-slide-active a .desc {
  opacity: 1;
}
#main_wrap .section03 .sns_swiper.is_under6 {
  width: 144rem;
  margin: 0 auto;
}
#main_wrap .section03 .sns_swiper.is_under6 .swiper-slide a {
  transform: scale(1);
}
#main_wrap .section03 .sns_swiper.is_under6 .swiper-slide a .desc {
  opacity: 1;
}
#main_wrap .section03:has(.no_data) .sec_tit .control {
  display: none;
}
#main_wrap .section03:has(.no_data) .sec_tit .sns {
  margin-left: auto;
}
#main_wrap .section06 {
  position: relative;
  padding: 8rem 0;
  background: rgba(255, 215, 123, 0.05);
}
#main_wrap .section06 .layout_fix {
  position: relative;
}
#main_wrap .section06 .sec_tit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
}
#main_wrap .section06 .sec_tit h2 {
  color: #E44564;
  text-shadow: 3px 3px 0 #ffe46d;
}
#main_wrap .section06 .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
}
#main_wrap .section06 .btn button {
  display: block;
  width: 5rem;
  height: 5rem;
  border: 1px solid #F68E99;
  flex: none;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
#main_wrap .section06 .btn button.prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23F68E99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 45%;
}
#main_wrap .section06 .btn button.next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23F68E99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position-x: 55%;
}
#main_wrap .section06 .btn button.pause {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 4H6.00195V20H10.002V4Z' stroke='%23F68E99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 4H14.002V20H18.002V4Z' stroke='%23F68E99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#main_wrap .section06 .btn button.play {
  display: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F68E99'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 3rem;
}
#main_wrap .section06 .swiper {
  padding: 3rem 0;
}
#main_wrap .section06 .swiper-slide {
  border-radius: 2.4rem;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(255, 215, 123, 0.7);
}
#main_wrap .section06 .swiper-slide a {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 16/9;
  text-align: center;
  word-break: keep-all;
}
#main_wrap .section06 .swiper-slide a img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section06 .swiper-slide a:hover img {
    transform: scale(1.05);
  }
  #main_wrap .section06 .swiper-slide a:hover em {
    color: #000;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat right 1rem center;
    background-size: 2rem;
  }
  #main_wrap .section06 .btn button:hover {
    background-color: #F68E99;
  }
  #main_wrap .section06 .btn button:hover.prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19.5L1.5 10.5L10.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .section06 .btn button:hover.next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 19.5L10.5 10.5L1.5 1.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .section06 .btn button:hover.pause {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 4H6.00195V20H10.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.002 4H14.002V20H18.002V4Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  #main_wrap .section06 .btn button:hover.play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z'%3E%3C/path%3E%3C/svg%3E");
  }
}
#main_wrap .section07 {
  position: relative;
  padding-top: 3rem;
}
#main_wrap .section07 .sec_tit .control {
  margin-left: auto;
}
#main_wrap .section07 .sec_tit .control button.pause {
  display: none;
}
#main_wrap .section07 .sec_tit .control button.play {
  display: flex;
}
#main_wrap .section07 .sec_tit .more {
  margin-left: 4rem;
}
#main_wrap .section07 .section07_slide {
  padding: 2rem;
  margin: -2rem;
}
#main_wrap .section07 .section07_slide .swiper-slide {
  padding: 2rem 0;
}
#main_wrap .section07 .section07_slide .thumb {
  aspect-ratio: 4/3;
  border-radius: 0.8rem;
  overflow: hidden;
}
#main_wrap .section07 .section07_slide .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}
#main_wrap .section07 .section07_slide .desc {
  margin-top: 2.4rem;
}
#main_wrap .section07 .section07_slide .subject {
  font-size: 2rem;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  line-height: 1.2;
}
#main_wrap .section07 .section07_slide .date {
  font-size: 1.4rem;
  margin-top: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  color: #555;
}
#main_wrap .section07 .section07_slide .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
@media screen and (min-width: 1024px) {
  #main_wrap .section07 .section07_slide a:hover .thumb img {
    transform: scale(1.1);
  }
}
#main_wrap .section01 {
  position: relative;
  padding: 0 0 6rem;
}
#main_wrap .section01 .sec_tit .control {
  margin-left: auto;
}
#main_wrap .section01 .sec_tit .more {
  margin-left: 4rem;
}
#main_wrap .section01 .top_area {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
  margin-bottom: 4rem;
}
#main_wrap .section01 .top_area .art_image {
  flex: none;
  width: 61rem;
}
#main_wrap .section01 .top_area .art_image img {
  border-radius: 0.8rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}
#main_wrap .section01 .art_txt_slide {
  flex: none;
  width: calc(100% - 65rem);
  height: 30rem;
}
#main_wrap .section01 .art_txt_slide .swiper-wrapper {
  padding: 2rem;
  margin: -2rem;
}
#main_wrap .section01 .art_txt_slide .swiper-slide {
  padding: 2rem 0;
}
#main_wrap .section01 .art_txt_slide .title {
  font-size: 4rem;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
  line-height: 1.2;
}
#main_wrap .section01 .art_txt_slide .txt {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 6rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  line-height: 1.7;
}
#main_wrap .section01 .art_txt_slide .date {
  font-size: 1.4rem;
  margin-top: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #555;
}
#main_wrap .section01 .art_txt_slide .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section01 .art_txt_slide .more {
  border: 1px solid #DDDDDD;
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 16.5rem;
  height: 4.8rem;
  margin: 3.2rem 0 0 auto;
  background-color: #fff;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  transition: 0.3s;
}
#main_wrap .section01 .art_txt_slide .more::after {
  content: "";
  display: block;
  width: 3rem;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='12' viewBox='0 0 28 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.2905 6.53814C27.5834 6.24525 27.5834 5.77038 27.2905 5.47748L22.5175 0.704512C22.2246 0.411618 21.7497 0.411618 21.4568 0.704512C21.1639 0.997405 21.1639 1.47228 21.4568 1.76517L25.6995 6.00781L21.4568 10.2505C21.1639 10.5433 21.1639 11.0182 21.4568 11.3111C21.7497 11.604 22.2246 11.604 22.5175 11.3111L27.2905 6.53814ZM0.760132 6.75781H26.7601V5.25781H0.760132V6.75781Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section01 .art_txt_slide .more:hover {
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
  }
  #main_wrap .section01 .art_txt_slide .more:hover::after {
    transform: translateX(1rem);
  }
}
#main_wrap .section01 .art_slide {
  padding: 2rem;
  margin: -2rem;
}
#main_wrap .section01 .art_slide .swiper-slide a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #fff;
  height: 24rem;
  padding: 4rem 3.2rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%23fafafa'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%23fafafa'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 3.2rem 9.5rem;
  border-radius: 1.6rem;
  border: 1px solid transparent;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(95, 116, 131, 0.1);
  transition: 0.3s;
}
#main_wrap .section01 .art_slide .swiper-slide a .title {
  font-size: 2rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 5.6rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  word-break: break-all;
}
#main_wrap .section01 .art_slide .swiper-slide a .date {
  font-size: 1.4rem;
  margin-top: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  color: #555;
}
#main_wrap .section01 .art_slide .swiper-slide a .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section01 .art_slide .swiper-slide a .more {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  align-self: flex-end;
}
#main_wrap .section01 .art_slide .swiper-slide a .more::after {
  content: "";
  display: block;
  width: 3rem;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='12' viewBox='0 0 28 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.2905 6.53814C27.5834 6.24525 27.5834 5.77038 27.2905 5.47748L22.5175 0.704512C22.2246 0.411618 21.7497 0.411618 21.4568 0.704512C21.1639 0.997405 21.1639 1.47228 21.4568 1.76517L25.6995 6.00781L21.4568 10.2505C21.1639 10.5433 21.1639 11.0182 21.4568 11.3111C21.7497 11.604 22.2246 11.604 22.5175 11.3111L27.2905 6.53814ZM0.760132 6.75781H26.7601V5.25781H0.760132V6.75781Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section01 .art_slide .swiper-slide a:hover {
    border-color: #91BDE6;
  }
}
#main_wrap .section04 {
  position: relative;
  z-index: 2;
  padding-top: 8rem;
  padding-bottom: 18rem;
  margin-bottom: 6rem;
}
#main_wrap .section04::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% - 8rem);
  height: 100%;
  background: url("/kor/img/main/sec4_bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 0 0 10rem 0;
}
#main_wrap .section04 .sec_tit {
  margin-bottom: 8rem;
  gap: 1rem 2rem;
}
#main_wrap .section04 .sec_tit h2 {
  word-break: keep-all;
  word-wrap: break-word;
  font-size: 4rem;
  line-height: 1.4;
}
#main_wrap .section04 .sec_tit .control {
  margin-left: auto;
}
#main_wrap .section04 .slide_box {
  margin-left: calc(50% - 72rem);
  margin-right: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4rem;
}
#main_wrap .section04 .beauty_big_slide {
  width: 70rem;
  flex: none;
  height: 52rem;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide {
  position: relative;
  margin-top: 0;
  width: 70rem;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .img {
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 0.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc {
  position: relative;
  z-index: 2;
  margin: -5rem 0 0 4rem;
  background: #fff;
  max-width: 33rem;
  width: 90%;
  padding: 2rem 1.6rem;
  box-sizing: border-box;
  border-radius: 0 2.4rem 0 0;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 5rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .info {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  color: #555;
  font-size: 1.4rem;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .info .hit {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .info .hit::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .info .date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
#main_wrap .section04 .beauty_big_slide .swiper-slide .desc .info .date::before {
  content: "\ecb5";
  font-family: "remixicon";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#main_wrap .section04 .beauty_slide {
  height: 44rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#main_wrap .section04 .beauty_slide .swiper-wrapper {
  width: auto;
}
#main_wrap .section04 .beauty_slide .swiper-slide {
  margin-top: 5rem;
}
#main_wrap .section04 .beauty_slide .swiper-slide a {
  max-width: 30rem;
  display: block;
  border-radius: 0.8rem;
  margin: 0 auto;
  transition: 0.3s;
}
#main_wrap .section04 .beauty_slide .swiper-slide .img {
  aspect-ratio: 4/3;
  border-radius: 0.8rem 0.8rem 0 0;
  overflow: hidden;
}
#main_wrap .section04 .beauty_slide .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#main_wrap .section04 .beauty_slide .swiper-slide .desc {
  background: rgba(212, 231, 249, 0.6);
  backdrop-filter: blur(4px);
  padding: 2rem 1.6rem;
  border-radius: 0 0 0.8rem 0.8rem;
}
#main_wrap .section04 .beauty_slide .swiper-slide .title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 5rem;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}
#main_wrap .section04 .beauty_slide .swiper-slide .info {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  color: #555;
  font-size: 1.4rem;
}
#main_wrap .section04 .beauty_slide .swiper-slide .info .hit {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#main_wrap .section04 .beauty_slide .swiper-slide .info .hit::before {
  content: "\ecb5";
  font-family: "remixicon";
}
#main_wrap .section04 .beauty_slide .swiper-slide .info .date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
#main_wrap .section04 .beauty_slide .swiper-slide .info .date::before {
  content: "\ecb5";
  font-family: "remixicon";
}
@media screen and (min-width: 1024px) {
  #main_wrap .section04 .beauty_big_slide .swiper-slide:hover .img img {
    transform: scale(1.03);
  }
  #main_wrap .section04 .beauty_slide .swiper-slide a:hover {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
  }
  #main_wrap .section04 .beauty_slide .swiper-slide a:hover .img img {
    transform: scale(1.03);
  }
}
#main_wrap .section05 {
  display: none;
  padding-bottom: 0;
}
#main_wrap .section05 .title {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.8rem;
  word-break: keep-all;
  word-wrap: break-word;
}
#main_wrap .section05 .title span {
  font-family: "caveat";
  font-size: 6.4rem;
}
#main_wrap .section05 .title em {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.2;
}
#main_wrap .section05 ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4rem;
}
#main_wrap .section05 a {
  overflow: hidden;
  display: block;
  border-radius: 0.8rem;
  padding: 4rem;
  height: 40rem;
  position: relative;
  word-break: keep-all;
  word-wrap: break-word;
  transition: 0.3s;
}
#main_wrap .section05 a::before {
  content: "";
  position: absolute;
  left: 1.6rem;
  top: 1.6rem;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border-radius: 100%;
}
#main_wrap .section05 a strong {
  position: absolute;
  left: 3rem;
  top: 5rem;
  writing-mode: vertical-lr;
  font-family: "gowun_dodum";
  font-size: 4.2rem;
  font-weight: 400;
}
#main_wrap .section05 a span {
  display: block;
  margin-top: 18rem;
  font-weight: 500;
  font-size: 1.8rem;
  padding-left: 9rem;
  color: #000;
}
#main_wrap .section05 a::after {
  content: "";
  position: absolute;
  left: 4rem;
  bottom: 5rem;
  width: 3rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='22' viewBox='0 0 32 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00195 11H31.002M31.002 11C28.2151 9.73016 22.3462 5.95238 21.1659 1M31.002 11C28.2151 12.2698 22.3462 16.0476 21.1659 21' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3rem;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #main_wrap .section05 a:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  }
  #main_wrap .section05 a:hover::after {
    left: 6rem;
  }
}
#main_wrap .section05 li:nth-child(1) a {
  background: #F68E99 url("/kor/img/main/therapy_01.png") no-repeat 70% 20%;
  word-break: break-all;
}
#main_wrap .section05 li:nth-child(2) a {
  background: #91BDE6 url("/kor/img/main/therapy_02.png") no-repeat 70% 20%;
}
#main_wrap .section05 li:nth-child(3) a {
  background: #BD88EC url("/kor/img/main/therapy_03.png") no-repeat 70% 25%;
}
#main_wrap .section05 li:nth-child(4) a {
  background: #FFD77B url("/kor/img/main/therapy_04.png") no-repeat 70% 20%;
}

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

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1480px) {
  #main_wrap .visual .text {
    left: 0;
    padding-left: 2.4rem;
  }
  #main_wrap .visual .effect {
    right: 0;
    padding-right: 2.4rem;
    bottom: auto;
    top: 40%;
  }
  #main_wrap .visual .dday {
    right: 0;
    padding-right: 2.4rem;
  }
}
@media (max-width: 1440px) {
  #main_wrap .visual .text {
    top: 55%;
  }
  #main_wrap .visual .text strong {
    font-size: 7vw;
  }
  #main_wrap .visual .text span {
    font-size: 3vw;
  }
  #main_wrap .visual .effect {
    font-size: 6vw;
    top: 35%;
  }
  #main_wrap .section04 .slide_box {
    margin-left: 2.4rem;
  }
  #main_wrap .section04 .beauty_big_slide {
    width: 62rem;
  }
  #main_wrap .section05 ul {
    gap: 2.4rem;
  }
  #main_wrap .section05 a span {
    padding-left: 35%;
  }
}
@media (max-width: 1280px) {
  #main_wrap .section01 .top_area {
    gap: 3rem;
    margin-bottom: 2rem;
  }
  #main_wrap .section01 .top_area .art_image {
    width: 50rem;
  }
  #main_wrap .section01 .art_txt_slide {
    width: calc(100% - 53rem);
  }
  #main_wrap .section01 .art_txt_slide .title {
    font-size: 3.2rem;
  }
  #main_wrap .section01 .art_slide .swiper-slide a {
    padding: 3.2rem 2rem;
    height: 22rem;
  }
  #main_wrap .section01 .art_slide .swiper-slide a .title {
    font-size: 1.9rem;
  }
  #main_wrap .marquee::before {
    right: -10rem;
  }
  #main_wrap .marquee .text {
    font-size: 8rem;
  }
  #main_wrap .section02 .notice_slide a {
    height: 30rem;
    padding: 3.2rem 2.4rem;
  }
  #main_wrap .section04 {
    padding-bottom: 8rem;
  }
  #main_wrap .section04 .slide_box {
    display: block;
  }
  #main_wrap .section04 .beauty_big_slide {
    margin: 0;
    position: relative;
    z-index: 2;
  }
  #main_wrap .section04 .beauty_slide {
    margin-left: 35%;
    margin-top: -10rem;
  }
  #main_wrap .section04 .beauty_slide .swiper-slide {
    margin-top: 0;
  }
  #main_wrap .section05 a {
    padding: 2.4rem;
    height: 36rem;
  }
  #main_wrap .section05 a::after {
    left: 2rem;
  }
  #main_wrap .section05 a strong {
    left: 1rem;
    font-size: 3.8rem;
  }
  #main_wrap .section05 a span {
    padding-left: 25%;
    font-size: 1.7rem;
  }
}
@media (max-width: 1024px) {
  .mouse_cursor, .mouse_cursor2 {
    display: none;
  }
  #main_wrap .section .sec_tit h2 {
    font-size: 3.6rem;
    font-weight: 700;
  }
  #main_wrap .marquee::before {
    width: 20rem;
    height: 20rem;
  }
  #main_wrap .marquee .text {
    font-size: 6rem;
  }
  #main_wrap .section01 .top_area {
    display: block;
  }
  #main_wrap .section01 .art_txt_slide {
    width: 60rem;
    margin-left: calc(100% - 60rem);
    margin-top: -12rem;
  }
  #main_wrap .section01 .art_txt_slide .swiper-slide {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    border-radius: 2.4rem;
    padding: 3rem 2rem;
  }
  #main_wrap .section01 .art_txt_slide .title {
    font-size: 2.8rem;
  }
  #main_wrap .section01::before {
    height: 20rem;
    width: 80%;
  }
  #main_wrap .section01 .art_slide .swiper-slide a .title {
    -webkit-line-clamp: 3;
    height: 8rem;
    word-break: break-all;
  }
  #main_wrap .section02 .notice_slide a .title {
    font-size: 1.8rem;
    height: 5rem;
    -webkit-line-clamp: 3;
    height: 8rem;
    word-break: break-all;
  }
  #main_wrap .section02 .notice_slide a .title span {
    font-size: 1rem;
  }
  #main_wrap .section02 .notice_slide a .txt {
    font-size: 1.6rem;
    margin-top: 1.6rem;
    -webkit-line-clamp: 4;
    height: 9.2rem;
    word-break: break-all;
  }
  #main_wrap .section03 .sns_list .swiper-slide-prev a,
  #main_wrap .section03 .sns_list .swiper-slide-next a {
    transform: scale(0.9);
  }
  #main_wrap .section03 .sns_list .swiper-slide-prev a .desc,
  #main_wrap .section03 .sns_list .swiper-slide-next a .desc {
    opacity: 0;
  }
  #main_wrap .section03 .sns_list .swiper-slide-active a {
    transform: scale(1);
  }
  #main_wrap .section03 .sns_list .swiper-slide-active a .desc {
    opacity: 1;
  }
  #main_wrap .section05 .title span {
    font-size: 5rem;
  }
  #main_wrap .section05 .title em {
    font-size: 4rem;
  }
  #main_wrap .section05 ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #main_wrap .section05 a {
    height: 30rem;
  }
  #main_wrap .section06 .sec_tit h2 {
    font-size: 4.2rem;
  }
  #main_wrap .section07 .top_area {
    display: block;
  }
  #main_wrap .section07 .art2_txt_slide {
    width: 60rem;
    margin-left: calc(100% - 60rem);
    margin-top: -12rem;
  }
  #main_wrap .section07 .art2_txt_slide .swiper-slide {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    border-radius: 2.4rem;
    padding: 3rem 2rem;
  }
  #main_wrap .section07 .art2_txt_slide .title {
    font-size: 2.8rem;
  }
  #main_wrap .section07::before {
    height: 20rem;
    width: 80%;
  }
  #main_wrap .section07 .art2_slide .swiper-slide a .title {
    -webkit-line-clamp: 3;
    height: 8rem;
    word-break: break-all;
  }
}
@media (max-width: 800px) {
  #main_wrap .section03 {
    padding-bottom: 8rem;
  }
  #main_wrap .section04 {
    padding-top: 8rem;
  }
  #main_wrap .section04::before {
    top: 0;
    width: 100%;
  }
  #main_wrap .section04 .slide_box {
    margin: 0 1.6rem;
  }
  #main_wrap .section04 .beauty_big_slide {
    margin: 0 auto;
  }
  #main_wrap .section04 .beauty_slide {
    display: none;
  }
}
@media (max-width: 768px) {
  #main_wrap .section05 a span {
    margin-top: 16.5rem;
    line-height: 1.3;
  }
}
@media (max-width: 640px) {
  #main_wrap .visual .text {
    top: 45%;
  }
  #main_wrap .visual .text strong {
    font-size: 9.5vw;
  }
  #main_wrap .visual .text span {
    margin-top: 2rem;
    font-size: 4.5vw;
  }
  #main_wrap .visual .effect {
    top: 25%;
    font-size: 7.5vw;
  }
  #main_wrap .visual .dday {
    font-size: 8rem;
    bottom: 17%;
  }
  #main_wrap .visual .dday em {
    width: 12rem;
  }
  #main_wrap .visual .control {
    bottom: 3rem;
  }
  #main_wrap .section .sec_tit h2 {
    font-size: 3rem;
  }
  #main_wrap .section01 .sec_tit .control .pagination {
    display: none;
  }
  #main_wrap .section01 .sec_tit .more {
    margin-left: 2.4rem;
  }
  #main_wrap .section01 .top_area {
    margin: 0;
  }
  #main_wrap .section01 .top_area .art_image {
    width: 100%;
    margin-bottom: 2rem;
  }
  #main_wrap .section01 .top_area .art_txt_slide {
    margin: 0 auto;
    width: 100%;
    height: 26rem;
  }
  #main_wrap .section01 .top_area .art_txt_slide .swiper-slide {
    padding: 3rem 0;
  }
  #main_wrap .section01 .top_area .art_txt_slide .title {
    font-size: 2.4rem;
  }
  #main_wrap .section01 .top_area .art_txt_slide .txt {
    margin-top: 1.6rem;
  }
  #main_wrap .section01 .top_area .art_txt_slide .date {
    margin-top: 1.6rem;
  }
  #main_wrap .section01 .top_area .art_txt_slide .more {
    margin: 2rem auto 0;
  }
  #main_wrap .section01 .art_slide .swiper-slide a {
    padding: 2rem;
    height: 18rem;
  }
  #main_wrap .section01 .art_slide .swiper-slide a .title {
    font-size: 1.6rem;
    height: 7rem;
  }
  #main_wrap .section01 .art_slide .swiper-slide a .date {
    margin-top: 1.6rem;
  }
  #main_wrap .section07 .sec_tit .control .pagination {
    display: none;
  }
  #main_wrap .section07 .sec_tit .more {
    margin-left: 2.4rem;
  }
  #main_wrap .section07 .top_area {
    margin: 0;
  }
  #main_wrap .section07 .top_area .art_image {
    width: 100%;
    margin-bottom: 2rem;
  }
  #main_wrap .section07 .top_area .art2_txt_slide {
    margin: 0 auto;
    width: 100%;
    height: 26rem;
  }
  #main_wrap .section07 .top_area .art2_txt_slide .swiper-slide {
    padding: 3rem 0;
  }
  #main_wrap .section07 .top_area .art2_txt_slide .title {
    font-size: 2.4rem;
  }
  #main_wrap .section07 .top_area .art2_txt_slide .txt {
    margin-top: 1.6rem;
  }
  #main_wrap .section07 .top_area .art2_txt_slide .date {
    margin-top: 1.6rem;
  }
  #main_wrap .section07 .top_area .art2_txt_slide .more {
    margin: 2rem auto 0;
  }
  #main_wrap .section07 .art2_slide .swiper-slide a {
    padding: 2rem;
    height: 18rem;
  }
  #main_wrap .section07 .art2_slide .swiper-slide a .title {
    font-size: 1.6rem;
    height: 7rem;
  }
  #main_wrap .section07 .art2_slide .swiper-slide a .date {
    margin-top: 1.6rem;
  }
  #main_wrap .section02 .tab_box {
    margin-left: 1.6rem;
  }
  #main_wrap .section02 .tab_box button {
    min-width: 9rem;
    height: 3.6rem;
    font-size: 1.6rem;
  }
  #main_wrap .marquee::before {
    width: 15rem;
    height: 15rem;
    right: -5rem;
  }
  #main_wrap .marquee .text {
    font-size: 5rem;
  }
  #main_wrap .section03 .sec_tit .control .pagination {
    display: none;
  }
  #main_wrap .section03 .sns_swiper .swiper-slide-active a {
    transform: scale(1);
  }
  #main_wrap .section03 .sns_swiper .swiper-slide-prev a,
  #main_wrap .section03 .sns_swiper .swiper-slide-next a {
    transform: scale(0.9);
  }
  #main_wrap .section04 .sec_tit {
    flex-direction: column;
    margin-bottom: 4rem;
  }
  #main_wrap .section04 .sec_tit h2 {
    text-align: center;
  }
  #main_wrap .section04 .sec_tit .control {
    margin-left: 0;
  }
  #main_wrap .section04 .beauty_big_slide {
    width: 100%;
  }
  #main_wrap .section05 a {
    padding: 10rem 1.6rem 2.4rem;
    text-align: center;
    height: 100%;
  }
  #main_wrap .section05 a strong {
    position: static;
    writing-mode: horizontal-tb;
    font-size: 3.2rem;
  }
  #main_wrap .section05 a span {
    padding: 0;
    margin: 1.6rem 0 0;
    font-size: 1.6rem;
  }
  #main_wrap .section05 a::after {
    display: none;
  }
  #main_wrap .section05 .title {
    margin-bottom: 2.4rem;
  }
  #main_wrap .section05 .title span {
    font-size: 4rem;
  }
  #main_wrap .section05 .title em {
    font-size: 3rem;
  }
  #main_wrap .section05 li:nth-child(1) a {
    background-position: center 1.6rem;
    background-size: 6rem;
  }
  #main_wrap .section05 li:nth-child(2) a {
    background-position: center 1.6rem;
    background-size: 6rem;
  }
  #main_wrap .section05 li:nth-child(3) a {
    background-position: center 2rem;
    background-size: 8rem;
  }
  #main_wrap .section05 li:nth-child(4) a {
    background-position: center 2rem;
    background-size: 6rem;
  }
  #main_wrap .section06 .sec_tit h2 {
    font-size: 4rem;
  }
}
@media (max-width: 480px) {
  #main_wrap .visual::before {
    width: 100%;
    background-size: 200%;
  }
  #main_wrap .visual .dday {
    font-size: 7rem;
  }
  #main_wrap .visual .dday em {
    width: 10rem;
  }
  #main_wrap .visual .swiper-slide .youtube .blur_wrap {
    width: 300%;
    height: 300%;
    top: -100%;
    left: -100%;
  }
  #main_wrap .section .sec_tit h2 {
    font-size: 2.6rem;
  }
  #main_wrap .section02 .sec_tit {
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 2rem;
  }
  #main_wrap .section02 .sec_tit .tab_box {
    flex: none;
    width: 100%;
    margin: 1rem 0 0;
  }
  #main_wrap .section02 .sec_tit .more {
    position: absolute;
    right: 0;
    top: 1rem;
  }
  #main_wrap .section05 ul {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
  #main_wrap .section05 a {
    padding: 1.6rem 10rem 1.6rem 1.6rem;
  }
  #main_wrap .section05 a strong {
    font-size: 2.8rem;
    line-height: 1.2;
  }
  #main_wrap .section05 a span {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
  #main_wrap .section05 li:nth-child(1) a {
    background-position: right 3rem center;
  }
  #main_wrap .section05 li:nth-child(2) a {
    background-position: right 3rem center;
  }
  #main_wrap .section05 li:nth-child(3) a {
    background-position: right 3rem center;
    background-size: 6rem;
  }
  #main_wrap .section05 li:nth-child(4) a {
    background-position: right 3rem center;
  }
  #main_wrap .section06 {
    padding-top: 5rem;
  }
  #main_wrap .section06 .sec_tit {
    margin-bottom: 2rem;
  }
  #main_wrap .section06 .sec_tit h2 {
    font-size: 3.6rem;
  }
  #main_wrap .section07 .sec_tit {
    flex-wrap: Wrap;
    justify-content: center;
    margin-bottom: 2rem;
  }
  #main_wrap .section07 .sec_tit h2 {
    flex: none;
    width: 100%;
    text-align: center;
    margin-bottom: 1.6rem;
  }
  #main_wrap .section07 .sec_tit .control {
    margin-left: 0;
  }
}