@charset "UTF-8";
/* Media Query Size */
/*=================================================================
    color
    1. 색상이 변동되거나 background-color적용시 함수사용    
    ex)
        .container {
            background-color: color(main_bg);
        }

        .title {
            color: color(gray_900);
        }

    2. 색상이 고정일 경우 class로 사용 => base.scss 파일 참고
        <div class="color_main_cool_mint_blue"></div>
====================================================================*/
/*===================================================
모바일(기준) => 태블릿 => PC

0 ~ 359 : 모바일 UI(스크롤)
360 ~ 800 : 모바일 UI(반응형)
801 ~ 1023 : 태블릿 UI(스크롤)
1024 ~ 1439 : 태블릿 UI(반응형)
1440 ~ : PC UI(반응형)

$md-width: 801px;
$lg-width: 1024px;
$xl-width: 1440px;

*메인 공통 스타일*
section 
section-inner
section-title
card
btn
swiper
====================================================*/
.main-wrap {
  width: 100%;
  margin-top: 56px;
}
@media (min-width: 801px) {
  .main-wrap {
    margin-top: 0;
    padding: 40px 0 0;
  }
}
.main-wrap .section {
  margin-top: 40px;
}
@media (min-width: 801px) {
  .main-wrap .section {
    margin-top: 80px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section {
    margin-top: 120px;
  }
}
.main-wrap .section .section-inner {
  padding: 0 16px;
}
@media (min-width: 801px) {
  .main-wrap .section .section-inner {
    padding: 0 32px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section .section-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
  }
}
.main-wrap .section .section-title {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  color: #121212;
  text-align: center;
}
@media (min-width: 801px) {
  .main-wrap .section .section-title {
    align-items: unset;
    margin-bottom: 30px;
    gap: 10px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section .section-title {
    margin-bottom: 50px;
    gap: 20px;
  }
}
.main-wrap .section .section-title > p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 400;
  line-height: 144.444%;
}
@media (min-width: 801px) {
  .main-wrap .section .section-title > p {
    font-size: 38px;
    font-weight: 400;
    line-height: 131.579%;
    gap: 10px;
  }
  .main-wrap .section .section-title > p span {
    font-size: 24px;
    font-weight: 400;
    line-height: 133.333%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section .section-title > p {
    font-size: 48px;
    font-weight: 400;
    line-height: 125%;
    gap: 20px;
  }
}
.main-wrap .section .section-title > strong {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 801px) {
  .main-wrap .section .section-title > strong {
    flex-direction: row;
  }
}
.main-wrap .section .section-title > strong > b {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 133.333%;
  display: flex;
  gap: 4px;
}
@media (min-width: 801px) {
  .main-wrap .section .section-title > strong > b {
    font-size: 38px;
    line-height: 131.579%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section .section-title > strong > b {
    font-size: 48px;
    line-height: 125%;
  }
  .main-wrap .section .section-title > strong > b svg {
    width: 20px;
    height: 40px;
  }
}
.main-wrap .section .section-title > strong > span {
  font-size: 12px;
  font-weight: 400;
  line-height: 133.333%;
  margin-bottom: 3px;
}
@media (min-width: 801px) {
  .main-wrap .section .section-title > strong > span {
    font-size: 16px;
    line-height: 150%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section .section-title > strong > span {
    font-size: 18px;
    line-height: 144.444%;
  }
}
.main-wrap .main-use-pc {
  display: none !important;
}
@media (min-width: 1440px) {
  .main-wrap .main-use-pc {
    display: block !important;
  }
}
.main-wrap .main-use-tablet {
  display: none !important;
}
@media (min-width: 801px) {
  .main-wrap .main-use-tablet {
    display: block !important;
  }
}
@media (min-width: 801px) {
  .main-wrap .main-use-mb {
    display: none !important;
  }
}
.main-wrap .card {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.main-wrap .card-shadow {
  box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -webkit-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -moz-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
}
.main-wrap .btn-more-view {
  width: 100%;
  max-width: 90px;
  display: inline-flex;
  padding: 6px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  border: 1px solid #00ab93;
  background: #fff;
  font-size: 14px;
  line-height: 128.571%;
  color: #00ab93;
  margin-top: 10px;
}
@media (min-width: 801px) {
  .main-wrap .btn-more-view {
    position: absolute;
    bottom: 0;
    right: 10px;
    margin-top: 0;
  }
}
.main-wrap .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 801px) {
  .main-wrap .swiper .swiper-slide img.main-use-pc {
    display: block !important;
  }
}
.main-wrap .swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.main-wrap .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: 3px solid #121212;
  background-color: transparent;
  opacity: 1;
  margin: 0;
}
.main-wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 8px;
  background-color: #121212;
}

/*=====================================================
  1. 메인 슬라이드 
=======================================================*/
.main-wrap .section01 {
  width: 100%;
  overflow: hidden;
  margin-top: 0;
}
.main-wrap .section01 .main-swiper {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  padding: 0 0 36px;
}
@media (min-width: 801px) {
  .main-wrap .section01 .main-swiper {
    max-width: 880px;
    padding: 0 0 36px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section01 .main-swiper {
    max-width: 1440px;
  }
}
.main-wrap .section01 .main-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (min-width: 801px) {
  .main-wrap .section01 .main-swiper .swiper-slide {
    opacity: 0.5;
    transition: opacity 2.5s ease;
    border-radius: 40px;
  }
  .main-wrap .section01 .main-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
}
.main-wrap .section01 .main-swiper .swiper-slide a, .main-wrap .section01 .main-swiper .swiper-slide button {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
@media (min-width: 801px) {
  .main-wrap .section01 .main-swiper .swiper-slide a, .main-wrap .section01 .main-swiper .swiper-slide button {
    border-radius: 40px;
    height: 269px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section01 .main-swiper .swiper-slide a, .main-wrap .section01 .main-swiper .swiper-slide button {
    height: 440px;
  }
}
.main-wrap .section01 .main-swiper .main-slide-navigation {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  display: none;
}
@media (min-width: 801px) {
  .main-wrap .section01 .main-swiper .main-slide-navigation {
    display: block;
  }
}
.main-wrap .section01 .main-swiper .main-slide-navigation .swiper-button-next:after,
.main-wrap .section01 .main-swiper .main-slide-navigation .swiper-button-prev:after {
  display: none;
}
.main-wrap .section01 .main-swiper .main-slide-navigation .swiper-button-next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M26.9413 19.9887L13.0095 6.2904C12.6852 5.9715 12.523 5.57287 12.523 5.09452C12.523 4.61617 12.6852 4.20304 13.0095 3.85515C13.3633 3.50726 13.7835 3.33331 14.27 3.33331C14.7565 3.33331 15.1767 3.50726 15.5305 3.85515L30.0815 18.1622C30.3468 18.4232 30.5385 18.7131 30.6564 19.032C30.7744 19.3509 30.8333 19.6698 30.8333 19.9887C30.8333 20.3076 30.7744 20.6265 30.6564 20.9454C30.5385 21.2643 30.3468 21.5542 30.0815 21.8151L15.4863 36.1657C15.1324 36.5136 14.7196 36.6803 14.2479 36.6658C13.7761 36.6513 13.3633 36.4701 13.0095 36.1222C12.6852 35.7743 12.5156 35.3684 12.5009 34.9046C12.4861 34.4407 12.6557 34.0348 13.0095 33.6869L26.9413 19.9887Z' fill='white'/%3E%3Cpath d='M12.659 6.64693L26.2281 19.9887L12.659 33.3304C12.2133 33.7686 11.9816 34.3066 12.0011 34.9205C12.0198 35.5086 12.2391 36.0291 12.6438 36.4632L12.6512 36.4711L12.659 36.4787C13.0974 36.9099 13.6281 37.147 14.2325 37.1655C14.8483 37.1845 15.3913 36.9603 15.8368 36.5222L30.432 22.1716C30.7448 21.8641 30.9796 21.513 31.1254 21.1188C31.2625 20.7481 31.3333 20.3706 31.3333 19.9887C31.3333 19.6068 31.2625 19.2293 31.1254 18.8585C30.9796 18.4643 30.7448 18.1133 30.432 17.8057L15.881 3.49862C15.4358 3.06083 14.8905 2.83331 14.27 2.83331C13.6495 2.83331 13.1042 3.06083 12.659 3.49862L12.6512 3.50625L12.6438 3.5142C12.2326 3.95524 12.023 4.49042 12.023 5.09452C12.023 5.69922 12.2336 6.22875 12.659 6.64693Z' stroke='black' stroke-opacity='0.2'/%3E%3C/svg%3E") no-repeat center/contain;
  width: 40px;
  height: 40px;
  right: 10px;
  left: auto;
}
.main-wrap .section01 .main-swiper .main-slide-navigation .swiper-button-prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M13.0587 19.9887L26.9905 6.2904C27.3148 5.9715 27.477 5.57287 27.477 5.09452C27.477 4.61617 27.3148 4.20304 26.9905 3.85515C26.6367 3.50726 26.2165 3.33331 25.73 3.33331C25.2435 3.33331 24.8233 3.50726 24.4695 3.85515L9.91854 18.1622C9.65317 18.4232 9.46152 18.7131 9.34358 19.032C9.22564 19.3509 9.16667 19.6698 9.16667 19.9887C9.16667 20.3076 9.22564 20.6265 9.34358 20.9454C9.46152 21.2643 9.65317 21.5542 9.91854 21.8151L24.5137 36.1657C24.8676 36.5136 25.2804 36.6803 25.7521 36.6658C26.2239 36.6513 26.6367 36.4701 26.9905 36.1222C27.3148 35.7743 27.4844 35.3684 27.4991 34.9046C27.5139 34.4407 27.3443 34.0348 26.9905 33.6869L13.0587 19.9887Z' fill='white'/%3E%3Cpath d='M27.341 3.49862L27.3488 3.50625L27.3562 3.5142C27.7674 3.95524 27.977 4.49042 27.977 5.09452C27.977 5.69922 27.7664 6.22875 27.341 6.64693L13.7719 19.9887L27.341 33.3304C27.7867 33.7686 28.0184 34.3066 27.9989 34.9205C27.9802 35.5086 27.7609 36.0291 27.3562 36.4632L27.3488 36.4711L27.341 36.4787C26.9026 36.9099 26.3719 37.147 25.7675 37.1655C25.1517 37.1845 24.6087 36.9603 24.1632 36.5222L9.56799 22.1716C9.25519 21.8641 9.02042 21.513 8.87462 21.1188C8.73752 20.7481 8.66667 20.3706 8.66667 19.9887C8.66667 19.6068 8.73752 19.2293 8.87462 18.8585C9.02042 18.4643 9.25519 18.1133 9.56799 17.8057L24.119 3.49862C24.5642 3.06083 25.1095 2.83331 25.73 2.83331C26.3505 2.83331 26.8958 3.06083 27.341 3.49862Z' stroke='black' stroke-opacity='0.2'/%3E%3C/svg%3E") no-repeat center/contain;
  width: 40px;
  height: 40px;
  left: 10px;
  right: auto;
}
.main-wrap .section01 .main-swiper .main-slide-pagination {
  bottom: 10px !important;
}

/*=====================================================
  2. 오늘의 역사속으로 & 찬반토론 (mobile x)
=======================================================*/
.main-wrap .section02 {
  display: none;
}
@media (min-width: 801px) {
  .main-wrap .section02 {
    display: block;
    margin-top: 44px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section02 {
    margin-top: 84px;
  }
}
.main-wrap .section02 .section-wrap {
  display: none;
  height: 308px;
  min-height: 308px;
}
@media (min-width: 801px) {
  .main-wrap .section02 .section-wrap {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap {
    gap: 60px;
    height: 240px;
    min-height: 240px;
  }
}
.main-wrap .section02 .section-wrap .history {
  width: 100%;
  height: 100%;
  max-width: 64.584%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
  padding: 0 15px 0 22px;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history {
    position: relative;
    gap: 0;
    justify-content: space-between;
    flex-direction: row;
    background: none;
    box-shadow: none;
    padding: 0;
    max-width: 55.556%;
  }
  .main-wrap .section02 .section-wrap .history::after {
    content: "";
    display: block;
    background: #fff;
    width: 600px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
  }
}
.main-wrap .section02 .section-wrap .history__title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 38px;
  line-height: 45px;
  letter-spacing: -0.075em;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__title {
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    align-items: unset;
    width: max-content;
    justify-content: unset;
  }
  .main-wrap .section02 .section-wrap .history__title .main-use-pc {
    display: none;
  }
}
@media (min-width: 1440px) and (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__title .main-use-pc {
    display: block;
  }
}
.main-wrap .section02 .section-wrap .history__title strong {
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__title strong {
    flex-direction: column;
    gap: 16px;
    align-items: unset;
    width: max-content;
  }
}
.main-wrap .section02 .section-wrap .history__title strong span {
  color: #00AB93;
  font-size: 28px;
  font-weight: 700;
  line-height: 128.571%;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__title strong span {
    font-size: 64px;
    line-height: 103.125%;
    width: max-content;
  }
}
.main-wrap .section02 .section-wrap .history__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  z-index: 2;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__body {
    gap: 0;
  }
}
.main-wrap .section02 .section-wrap .history__view {
  width: 1000px;
  height: 120px;
  overflow: hidden;
  position: relative;
  font-size: 0;
  transition: all 0.3s;
}
.main-wrap .section02 .section-wrap .history__view__wrap {
  width: 160px;
  height: 160px;
  border: 20px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(149deg, #00AB93 47.86%, #9747FF 168.85%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 200px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 5px 14px 20px 0px rgba(70, 70, 70, 0.25);
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__view__wrap {
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
  }
}
.main-wrap .section02 .section-wrap .history__view__item {
  display: inline-block;
  width: 120px;
  overflow: hidden;
}
.main-wrap .section02 .section-wrap .history__view__item img {
  display: block;
  width: 160px;
  height: 120px;
  margin-left: -20px;
}
.main-wrap .section02 .section-wrap .history__list {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__list {
    min-width: 507.52px;
    background: #fff;
  }
}
.main-wrap .section02 .section-wrap .history__list__wrap {
  flex-grow: 1;
  padding: 0;
  width: calc(100% - 174px);
  background: #f6f6f6;
  box-sizing: border-box;
}
@media (min-width: 801px) {
  .main-wrap .section02 .section-wrap .history__list__wrap {
    margin-right: 10px;
  }
}
.main-wrap .section02 .section-wrap .history__list__item {
  width: 33.3333333333%;
  max-width: 33.3333333333%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-right: 1px dashed #DDDDDD;
  box-sizing: border-box;
  min-height: 160px;
  flex-grow: 1;
}
.main-wrap .section02 .section-wrap .history__list__item:last-child {
  border-right: none;
}
.main-wrap .section02 .section-wrap .history__list__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 34px;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #666;
  text-align: center;
}
@media (min-width: 801px) {
  .main-wrap .section02 .section-wrap .history__list__item a {
    padding: 16px 30px;
    font-size: 18px;
    line-height: 144.444%;
  }
}
.main-wrap .section02 .section-wrap .history__list__item a .date {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 400;
  color: #CCC;
  width: 88px;
  height: 88px;
  line-height: 88px;
  border-radius: 88px;
  transition: all 0.3s;
  background: #F5F5F5;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .history__list__item a .date {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    font-size: 44px;
  }
}
.main-wrap .section02 .section-wrap .history__list__item p {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
.main-wrap .section02 .section-wrap .history__list__item.on a .date {
  background: #00AB93;
  color: #fff;
}
.main-wrap .section02 .section-wrap .history__list__item:hover a .date {
  background: #00AB93;
  color: #fff;
}
.main-wrap .section02 .section-wrap .debate {
  width: 100%;
  height: 100%;
  max-width: 33.334%;
  gap: 10px;
  padding: 0 50px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (min-width: 801px) {
  .main-wrap .section02 .section-wrap .debate {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .debate {
    flex-direction: row;
    justify-content: space-between;
    max-width: 40.278%;
  }
}
.main-wrap .section02 .section-wrap .debate__header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .debate__header {
    width: calc(100% - 290px);
  }
}
.main-wrap .section02 .section-wrap .debate__header .more_btn.main-use-pc {
  display: none;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .debate__header .more_btn.main-use-pc {
    display: block;
  }
}
.main-wrap .section02 .section-wrap .debate__title {
  color: #121212;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 141.667%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .debate__title {
    font-size: 28px;
    line-height: 135.714%;
    text-align: unset;
  }
}
.main-wrap .section02 .section-wrap .debate__title .today-month {
  color: #00AB93;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  height: 100%;
}
.main-wrap .section02 .section-wrap .debate__img {
  object-fit: contain;
}
@media (min-width: 801px) {
  .main-wrap .section02 .section-wrap .debate__img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.main-wrap .section02 .section-wrap .more_btn {
  color: #00AB93;
  border-radius: 16px;
  border: 1px solid #00AB93;
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.14px;
  padding: 6px 20px;
  border-radius: 16px;
}
@media (min-width: 1440px) {
  .main-wrap .section02 .section-wrap .more_btn {
    width: max-content;
  }
}

/*=====================================================
  3. 초등 푸르넷 & 푸르넷 수학
=======================================================*/
.main-wrap .section03 {
  overflow: hidden;
  margin-top: 0;
}
@media (min-width: 801px) {
  .main-wrap .section03 {
    margin-top: 80px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 {
    margin-top: 120px;
  }
}
.main-wrap .section03 .link {
  position: relative;
}
.main-wrap .section03 .link:hover .arrow {
  animation: arrowEffect 1.2s linear infinite;
}
.main-wrap .section03 .link:hover .heart {
  animation: heartEffect 1.2s linear infinite;
}
@media (min-width: 801px) {
  .main-wrap .section03 .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 240px;
    padding: 10px 0;
    border-radius: 20px;
    color: #8165fe;
    cursor: pointer;
    gap: 10px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .link {
    padding: 19px 0;
    height: 160px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .link > p {
    text-align: center;
    color: #8165fe;
    font-size: 24px;
    font-weight: 900;
    line-height: 125%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .link > p {
    font-size: 32px;
    line-height: 131.25%;
  }
}
.main-wrap .section03 .link .go-btn {
  display: inline-flex;
  margin-top: 14px;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.14px;
  background-color: #8165fe;
  color: #fff;
}
@media (min-width: 801px) {
  .main-wrap .section03 .link .go-btn {
    margin-top: 0;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .link__img {
    width: 56px;
    height: 56px;
    position: absolute;
    right: -20px;
    bottom: -18px;
    z-index: 3;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .link__img {
    width: 72px;
    height: 72px;
    bottom: -27px;
  }
}
.main-wrap .section03 .link__img img {
  width: 100%;
}
.main-wrap .section03 .link.heart-box {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
}
.main-wrap .section03 .link.heart-box p {
  color: #fff;
}
.main-wrap .section03 .link.heart-box button {
  color: #8165fe;
  background: #fff;
}
.main-wrap .section03 .main-purunet-elementary {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
  padding: 40px 0 0;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57' height='240' viewBox='0 0 57 240' fill='none'%3E%3Cg opacity='0.04'%3E%3Cpath d='M1.1058 13.016L1.1058 0.727147L40.4792 0.727149L40.4792 13.016L1.1058 13.016ZM50.6318 -2.78361e-07C52.3785 -2.0201e-07 53.8099 0.630196 54.9258 1.89059C56.0417 3.15098 56.5997 4.78707 56.5997 6.79885C56.5997 8.81063 56.0417 10.4467 54.9258 11.7071C53.8099 12.9675 52.3785 13.5977 50.6318 13.5977C48.8852 13.5977 47.4538 12.9675 46.3379 11.7071C45.2219 10.4467 44.664 8.81063 44.664 6.79885C44.664 4.78707 45.2219 3.15098 46.3379 1.89059C47.4538 0.630196 48.8852 -3.54711e-07 50.6318 -2.78361e-07Z' fill='%2304446F'/%3E%3Cpath d='M15.1885 47.7199C17.0565 47.7199 18.5121 47.0534 19.5553 45.7202C20.5984 44.4114 21.678 42.0966 22.7939 38.776C23.9099 35.4553 24.9894 32.7406 26.0326 30.6319C29.4047 23.7725 34.0383 20.3427 39.9333 20.3427C42.8688 20.3427 45.4524 21.1911 47.6843 22.8878C49.9404 24.6087 51.6871 27.0325 52.9244 30.1592C54.1859 33.286 54.8166 36.8005 54.8166 40.7029C54.8166 44.5083 54.1374 47.9138 52.7788 50.9194C51.4203 53.9492 49.4795 56.3003 46.9565 57.9727C44.4578 59.6452 41.5951 60.4814 38.3686 60.4814L38.3686 47.7563C40.5277 47.7563 42.2016 47.0897 43.3903 45.7566C44.5791 44.4477 45.1734 42.6662 45.1734 40.4121C45.1734 38.1337 44.664 36.3279 43.6451 34.9948C42.6504 33.6859 41.3768 33.0315 39.8242 33.0315C38.4656 33.0315 37.2284 33.7586 36.1125 35.2129C35.0208 36.6672 33.8806 39.2244 32.6918 42.8844C31.5274 46.5443 30.2659 49.5499 28.9073 51.901C25.608 57.6213 21.0594 60.4814 15.2613 60.4814C10.6277 60.4814 6.98876 58.7362 4.34446 55.2459C1.70017 51.7556 0.378015 46.9685 0.378016 40.8847C0.378016 36.5945 1.1422 32.7043 2.67055 29.214C4.22317 25.7479 6.33375 23.1301 9.00231 21.3607C11.6951 19.6156 14.7882 18.743 18.2816 18.743L18.2816 31.5408C15.4432 31.5408 13.3448 32.268 11.9863 33.7223C10.652 35.2008 9.98483 37.5883 9.98483 40.8847C9.98483 42.9934 10.4336 44.6538 11.3312 45.8657C12.2531 47.1018 13.5389 47.7199 15.1885 47.7199Z' fill='%2304446F'/%3E%3Cpath d='M9.83927 82.3511C9.83927 84.072 10.3002 85.4051 11.2221 86.3504C12.1682 87.2957 13.4782 87.7563 15.1521 87.732L15.1521 99.221C10.8339 99.221 7.29201 97.6697 4.52641 94.5672C1.76081 91.489 0.378014 87.5139 0.378014 82.642C0.378014 76.9217 2.17323 72.4134 5.76365 69.117C9.35408 65.8206 14.3273 64.1724 20.6833 64.1724L21.1928 64.1724C25.1714 64.1724 28.6769 64.8995 31.7093 66.3538C34.766 67.8324 37.1071 69.9532 38.7325 72.7164C40.3821 75.4796 41.207 78.7517 41.207 82.5329C41.207 87.6472 39.7878 91.7071 36.9494 94.7127C34.111 97.7182 30.2659 99.221 25.414 99.221L25.414 87.732C27.4518 87.732 29.0165 87.2351 30.1082 86.2414C31.1999 85.2476 31.7457 83.9145 31.7457 82.242C31.7457 79.0668 29.72 77.2126 25.6687 76.6794C24.3829 76.5097 22.612 76.4249 20.3558 76.4249C16.4015 76.4249 13.6602 76.8975 12.1318 77.8428C10.6034 78.7881 9.83927 80.2909 9.83927 82.3511Z' fill='%2304446F'/%3E%3Cpath d='M36.258 115.637C39.5573 118.255 41.207 121.6 41.207 125.672C41.207 130.01 39.9212 133.283 37.3497 135.488C34.7782 137.694 30.9815 138.821 25.9598 138.87L1.1058 138.87L1.1058 126.581L25.6687 126.581C27.755 126.581 29.2834 126.157 30.2538 125.308C31.2484 124.46 31.7457 123.018 31.7457 120.982C31.7457 118.461 30.9451 116.679 29.344 115.637L1.1058 115.637L1.1058 103.385L57 103.385L57 115.637L36.258 115.637Z' fill='%2304446F'/%3E%3Cpath d='M21.1564 143.397C25.0864 143.397 28.5798 144.16 31.6365 145.687C34.7175 147.214 37.0828 149.408 38.7325 152.268C40.3821 155.128 41.207 158.485 41.207 162.339C41.207 168.229 39.3754 172.871 35.7122 176.264C32.0732 179.657 27.1121 181.354 20.8289 181.354L20.3922 181.354C14.2545 181.354 9.37833 179.645 5.76365 176.228C2.17322 172.834 0.37801 168.229 0.37801 162.412C0.378011 156.813 2.05193 152.316 5.39975 148.923C8.77184 145.53 13.3327 143.7 19.0822 143.433L21.1564 143.397ZM20.3922 155.649C16.7533 155.649 14.0847 156.219 12.3865 157.358C10.6884 158.497 9.83927 160.182 9.83927 162.412C9.83927 166.775 13.1992 169.005 19.9191 169.101L21.1564 169.101C28.2159 169.102 31.7457 166.847 31.7457 162.339C31.7457 158.243 28.7011 156.025 22.612 155.686L20.3922 155.649Z' fill='%2304446F'/%3E%3Cpath d='M21.1564 184.463C25.0864 184.463 28.5798 185.227 31.6365 186.754C34.7175 188.281 37.0828 190.474 38.7325 193.334C40.3821 196.195 41.207 199.552 41.207 203.406C41.207 209.295 39.3754 213.937 35.7122 217.33C32.0732 220.724 27.1121 222.42 20.8289 222.42L20.3922 222.42C14.2545 222.42 9.37833 220.712 5.76365 217.294C2.17322 213.901 0.378008 209.295 0.378009 203.478C0.378009 197.879 2.05192 193.383 5.39975 189.99C8.77184 186.596 13.3327 184.766 19.0822 184.5L21.1564 184.463ZM20.3922 196.716C16.7533 196.716 14.0847 197.285 12.3865 198.425C10.6884 199.564 9.83927 201.248 9.83927 203.478C9.83927 207.841 13.1992 210.071 19.9191 210.168L21.1564 210.168C28.2159 210.168 31.7457 207.914 31.7457 203.406C31.7457 199.309 28.7011 197.091 22.612 196.752L20.3922 196.716Z' fill='%2304446F'/%3E%3Cpath d='M1.10579 240L1.10579 227.711L57 227.711L57 240L1.10579 240Z' fill='%2304446F'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='87' height='373' viewBox='0 0 87 373' fill='none'%3E%3Cg opacity='0.04'%3E%3Cpath d='M0.131103 20.229L0.131103 1.13011L61.3239 1.13011L61.3239 20.229L0.131103 20.229ZM77.1028 -4.32619e-07C79.8175 -3.13958e-07 82.042 0.97943 83.7763 2.93829C85.5107 4.89715 86.3779 7.4399 86.3779 10.5665C86.3779 13.6932 85.5107 16.2359 83.7763 18.1948C82.042 20.1537 79.8175 21.1331 77.1028 21.1331C74.3882 21.1331 72.1637 20.1536 70.4293 18.1948C68.6949 16.2359 67.8278 13.6932 67.8278 10.5665C67.8278 7.4399 68.6949 4.89715 70.4293 2.93829C72.1637 0.979429 74.3882 -5.5128e-07 77.1028 -4.32619e-07Z' fill='%2304446F'/%3E%3Cpath d='M22.018 74.1647C24.9212 74.1647 27.1834 73.1287 28.8046 71.0569C30.4259 69.0227 32.1037 65.4252 33.838 60.2643C35.5724 55.1035 37.2502 50.8844 38.8715 47.6071C44.1122 36.9463 51.3136 31.616 60.4756 31.616C65.0377 31.616 69.0531 32.9345 72.5218 35.5714C76.0283 38.246 78.7429 42.013 80.6658 46.8725C82.6264 51.732 83.6067 57.1942 83.6067 63.2591C83.6067 69.1734 82.551 74.466 80.4396 79.1372C78.3282 83.846 75.3119 87.5 71.3907 90.0993C67.5073 92.6985 63.0583 93.9981 58.0437 93.9981L58.0437 74.2212C61.3993 74.2212 64.0009 73.1853 65.8483 71.1134C67.6958 69.0792 68.6195 66.3104 68.6195 62.8071C68.6195 59.2661 67.8278 56.4596 66.2442 54.3877C64.6984 52.3535 62.7189 51.3364 60.3059 51.3364C58.1945 51.3364 56.2716 52.4665 54.5373 54.7268C52.8406 56.987 51.0685 60.9612 49.2211 66.6494C47.4113 72.3377 45.4507 77.0088 43.3393 80.6628C38.2117 89.553 31.1422 93.9981 22.1311 93.9981C14.9297 93.9981 9.2742 91.2859 5.16452 85.8613C1.05484 80.4368 -1 72.9969 -1 63.5416C-1 56.874 0.187658 50.8279 2.56298 45.4033C4.976 40.0165 8.25621 35.9481 12.4036 33.1981C16.5887 30.4859 21.3959 29.1297 26.8252 29.1297L26.8252 49.0197C22.4139 49.0197 19.1525 50.1498 17.0411 52.41C14.9674 54.7079 13.9306 58.4185 13.9306 63.5416C13.9306 66.819 14.6281 69.3994 16.0231 71.2829C17.4559 73.2041 19.4542 74.1647 22.018 74.1647Z' fill='%2304446F'/%3E%3Cpath d='M13.7044 127.987C13.7044 130.662 14.4207 132.734 15.8535 134.203C17.3239 135.672 19.3599 136.388 21.9614 136.35L21.9614 154.206C15.2502 154.206 9.74549 151.795 5.44729 146.973C1.1491 142.189 -1.00001 136.011 -1.00001 128.439C-1.00001 119.549 1.79005 112.542 7.37017 107.419C12.9503 102.296 20.6795 99.7346 30.5578 99.7346L31.3496 99.7346C37.533 99.7346 42.9811 100.865 47.6941 103.125C52.4447 105.423 56.0831 108.719 58.6092 113.013C61.1731 117.308 62.455 122.393 62.455 128.27C62.455 136.218 60.2494 142.528 55.838 147.199C51.4267 151.87 45.4507 154.206 37.91 154.206L37.91 136.35C41.0771 136.35 43.509 135.578 45.2056 134.033C46.9023 132.489 47.7506 130.417 47.7506 127.818C47.7506 122.883 44.6024 120.001 38.3059 119.172C36.3076 118.909 33.5553 118.777 30.0488 118.777C23.9032 118.777 19.6427 119.512 17.2673 120.981C14.892 122.45 13.7044 124.785 13.7044 127.987Z' fill='%2304446F'/%3E%3Cpath d='M54.7635 179.719C59.8912 183.788 62.455 188.986 62.455 195.315C62.455 202.058 60.4567 207.143 56.4601 210.571C52.4636 213.999 46.563 215.751 38.7583 215.826L0.131094 215.826L0.131095 196.728L38.3059 196.728C41.5484 196.728 43.9237 196.068 45.4319 194.75C46.9777 193.431 47.7506 191.19 47.7506 188.026C47.7506 184.108 46.5064 181.339 44.018 179.719L0.131096 179.719L0.131096 160.677L87 160.677L87 179.719L54.7635 179.719Z' fill='%2304446F'/%3E%3Cpath d='M31.293 222.862C37.401 222.862 42.8303 224.049 47.581 226.422C52.3693 228.796 56.0454 232.205 58.6092 236.65C61.1731 241.095 62.455 246.312 62.455 252.302C62.455 261.456 59.6084 268.67 53.9152 273.944C48.2596 279.217 40.5493 281.854 30.784 281.854L30.1054 281.854C20.5664 281.854 12.988 279.199 7.37017 273.887C1.79004 268.613 -1.00001 261.456 -1.00001 252.415C-1.00001 243.713 1.60153 236.725 6.80462 231.451C12.0454 226.177 19.1337 223.333 28.0694 222.919L31.293 222.862ZM30.1054 241.905C24.4499 241.905 20.3025 242.79 17.6632 244.561C15.024 246.331 13.7044 248.949 13.7044 252.415C13.7044 259.196 18.9263 262.661 29.3702 262.812L31.293 262.812C42.2648 262.812 47.7506 259.309 47.7506 252.302C47.7506 245.936 43.0188 242.489 33.5553 241.961L30.1054 241.905Z' fill='%2304446F'/%3E%3Cpath d='M31.293 286.687C37.401 286.687 42.8303 287.873 47.581 290.246C52.3693 292.62 56.0454 296.029 58.6092 300.474C61.1731 304.919 62.455 310.136 62.455 316.126C62.455 325.28 59.6084 332.494 53.9152 337.768C48.2596 343.042 40.5493 345.678 30.784 345.678L30.1054 345.678C20.5664 345.678 12.988 343.023 7.37016 337.711C1.79004 332.437 -1.00001 325.28 -1.00001 316.239C-1.00001 307.537 1.60153 300.549 6.80461 295.275C12.0454 290.002 19.1337 287.157 28.0694 286.743L31.293 286.687ZM30.1054 305.729C24.4499 305.729 20.3025 306.614 17.6632 308.385C15.024 310.155 13.7044 312.773 13.7044 316.239C13.7044 323.02 18.9263 326.485 29.3702 326.636L31.293 326.636C42.2648 326.636 47.7506 323.133 47.7506 316.126C47.7506 309.76 43.0188 306.313 33.5553 305.785L30.1054 305.729Z' fill='%2304446F'/%3E%3Cpath d='M0.131087 373L0.131088 353.901L87 353.901L87 373L0.131087 373Z' fill='%2304446F'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-position-y: 66%;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='136' height='580' viewBox='0 0 136 580' fill='none'%3E%3Cg opacity='0.04'%3E%3Cpath d='M0.760924 31.4553L0.760925 1.75727L96.027 1.75728L96.027 31.4553L0.760924 31.4553ZM120.592 -6.73509e-07C124.818 -4.88775e-07 128.281 1.52297 130.981 4.56892C133.681 7.61487 135.031 11.5687 135.031 16.4305C135.031 21.2923 133.681 25.2462 130.981 28.2922C128.281 31.3381 124.818 32.8611 120.592 32.8611C116.366 32.8611 112.903 31.3381 110.202 28.2922C107.502 25.2462 106.152 21.2923 106.152 16.4305C106.152 11.5687 107.502 7.61487 110.202 4.56892C112.903 1.52297 116.366 -8.58243e-07 120.592 -6.73509e-07Z' fill='%2304446F'/%3E%3Cpath d='M34.8348 115.323C39.3545 115.323 42.8764 113.712 45.4004 110.491C47.9244 107.327 50.5364 101.733 53.2365 93.7086C55.9366 85.6837 58.5486 79.1232 61.0726 74.0271C69.2316 57.4501 80.4428 49.1616 94.7063 49.1616C101.809 49.1616 108.06 51.2118 113.46 55.3121C118.919 59.471 123.145 65.3286 126.139 72.8848C129.191 80.4411 130.717 88.9347 130.717 98.3654C130.717 107.562 129.074 115.792 125.787 123.055C122.5 130.377 117.804 136.059 111.699 140.101C105.653 144.142 98.7271 146.163 90.9203 146.163L90.9203 115.411C96.1444 115.411 100.195 113.8 103.071 110.578C105.947 107.415 107.385 103.11 107.385 97.6625C107.385 92.1563 106.152 87.7924 103.687 84.5707C101.28 81.4076 98.1988 79.8261 94.4422 79.8261C91.1551 79.8261 88.1615 81.5834 85.4614 85.0979C82.82 88.6125 80.0613 94.7922 77.1851 103.637C74.3676 112.482 71.3153 119.746 68.0283 125.427C60.0454 139.251 49.0396 146.163 35.0109 146.163C23.7997 146.163 14.9951 141.946 8.59704 133.511C2.19901 125.076 -1 113.507 -1 98.8047C-1 88.4368 0.848965 79.0353 4.54692 70.6004C8.30356 62.224 13.4102 55.8978 19.867 51.6218C26.3824 47.4043 33.8663 45.2956 42.3188 45.2956L42.3188 76.2237C35.4512 76.2237 30.3738 77.9809 27.0868 81.4955C23.8584 85.0686 22.2442 90.8384 22.2442 98.8047C22.2442 103.901 23.3301 107.913 25.5019 110.842C27.7324 113.829 30.8434 115.323 34.8348 115.323Z' fill='%2304446F'/%3E%3Cpath d='M21.892 199.015C21.892 203.174 23.0073 206.396 25.2378 208.68C27.527 210.965 30.6967 212.078 34.7468 212.019L34.7468 239.784C24.2986 239.784 15.7288 236.035 9.03727 228.537C2.34575 221.098 -1.00001 211.492 -1.00001 199.718C-1.00001 185.894 3.34361 174.999 12.0308 167.033C20.7181 159.066 32.7511 155.083 48.1298 155.083L49.3625 155.083C58.9889 155.083 67.4706 156.841 74.8078 160.355C82.2037 163.928 87.868 169.054 91.8008 175.731C95.7922 182.409 97.7879 190.317 97.7879 199.455C97.7879 211.814 94.3541 221.626 87.4865 228.889C80.6189 236.152 71.3153 239.784 59.5758 239.784L59.5758 212.019C64.5064 212.019 68.2924 210.818 70.9338 208.417C73.5752 206.015 74.8959 202.793 74.8959 198.752C74.8959 191.078 69.9946 186.597 60.1922 185.308C57.0812 184.898 52.7963 184.693 47.3374 184.693C37.7697 184.693 31.1369 185.836 27.4389 188.12C23.741 190.405 21.892 194.036 21.892 199.015Z' fill='%2304446F'/%3E%3Cpath d='M85.8136 279.456C93.7965 285.783 97.7879 293.866 97.7879 303.707C97.7879 314.192 94.6769 322.1 88.455 327.43C82.2331 332.76 73.0469 335.484 60.8965 335.601L0.760911 335.601L0.760912 305.903L60.1921 305.903C65.2401 305.903 68.9381 304.878 71.286 302.828C73.6926 300.778 74.8959 297.293 74.8959 292.372C74.8959 286.28 72.9589 281.975 69.0848 279.456L0.760913 279.456L0.760914 249.846L136 249.846L136 279.456L85.8136 279.456Z' fill='%2304446F'/%3E%3Cpath d='M49.2744 346.542C58.7834 346.542 67.2358 348.387 74.6317 352.078C82.0863 355.768 87.8093 361.069 91.8008 367.981C95.7922 374.893 97.7879 383.006 97.7879 392.319C97.7879 406.553 93.3562 417.771 84.4929 425.971C75.6883 434.172 63.6846 438.272 48.482 438.272L47.4254 438.272C32.575 438.272 20.7768 434.142 12.0308 425.883C3.34359 417.683 -1.00002 406.553 -1.00002 392.495C-1.00002 378.964 3.05011 368.098 11.1504 359.897C19.3093 351.697 30.3445 347.274 44.2558 346.63L49.2744 346.542ZM47.4254 376.152C38.6208 376.152 32.1641 377.529 28.0553 380.282C23.9464 383.035 21.892 387.106 21.892 392.495C21.892 403.039 30.0216 408.428 46.2808 408.662L49.2744 408.662C66.3554 408.662 74.8959 403.214 74.8959 392.319C74.8959 382.42 67.5293 377.06 52.7963 376.24L47.4254 376.152Z' fill='%2304446F'/%3E%3Cpath d='M49.2744 445.786C58.7834 445.786 67.2358 447.631 74.6317 451.322C82.0863 455.012 87.8093 460.313 91.8008 467.225C95.7922 474.137 97.7879 482.25 97.7879 491.563C97.7879 505.797 93.3562 517.015 84.4929 525.215C75.6883 533.416 63.6846 537.516 48.482 537.516L47.4254 537.516C32.575 537.516 20.7768 533.386 12.0308 525.127C3.34359 516.927 -1.00002 505.797 -1.00002 491.739C-1.00002 478.208 3.0501 467.342 11.1504 459.141C19.3093 450.941 30.3445 446.518 44.2558 445.874L49.2744 445.786ZM47.4254 475.396C38.6208 475.396 32.1641 476.773 28.0553 479.526C23.9464 482.279 21.892 486.35 21.892 491.739C21.892 502.283 30.0216 507.672 46.2808 507.906L49.2744 507.906C66.3554 507.906 74.8959 502.458 74.8959 491.563C74.8959 481.664 67.5293 476.304 52.7963 475.484L47.4254 475.396Z' fill='%2304446F'/%3E%3Cpath d='M0.7609 580L0.760901 550.302L136 550.302L136 580L0.7609 580Z' fill='%2304446F'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-position-y: 36%;
    padding-top: 80px;
  }
}
.main-wrap .section03 .main-purunet-elementary .purunet-elementary-background {
  width: 100%;
  height: 327px;
  position: absolute;
  bottom: -60px;
  left: 40px;
  border-radius: 180px 0px 0px 0px;
  background-color: #8165fe;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .purunet-elementary-background {
    width: 86%;
    height: 100%;
    top: 0;
    right: 0;
    left: auto;
    border-radius: 240px 0px 0px 0px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .purunet-elementary-background {
    width: 77%;
    border-radius: 320px 0px 0px 0px;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner {
  position: relative;
  z-index: 1;
  padding: 0;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    gap: 0;
    justify-content: space-between;
    padding: 70px 0 46px;
    max-width: 924px;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner {
    max-width: 1460px;
    padding: 0 0 120px;
    margin: 0 auto;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper {
    width: calc(100% - 440px);
    padding: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper {
    width: calc(100% - 620px);
    padding: 0 0 0 46px;
    gap: 50px;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title {
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title {
    gap: 0;
    align-items: unset;
    margin-bottom: 0;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > p {
    align-items: unset;
    text-align: left;
    gap: 10px;
    display: flex;
    color: #FFF;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > p {
    gap: 20px;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > strong {
  flex-direction: row;
  align-items: flex-end;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > strong {
    color: #fff;
    transform: translateX(-20px);
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > strong > b {
  color: #8165fe;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-text-wrapper .section-title > strong > b {
    color: #fff;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container {
  padding: 0 0 34px;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container {
    width: 440px;
    margin: 10px 0 0;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container {
    width: 620px;
    margin: 30px 0 0;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide {
  width: 100%;
  min-width: 328px;
  max-width: 328px;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  position: relative;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -webkit-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -moz-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide {
    border-radius: 40px;
    -webkit-border-radius: 40px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide {
    min-width: 420px;
    max-width: 420px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide {
    min-width: 600px;
    max-width: 600px;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide .img-wrap {
  width: 100%;
  max-height: 156px;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide .img-wrap {
    max-height: 220px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide .img-wrap {
    max-height: 320px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
  }
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide .img-wrap img {
  width: 100%;
  height: auto;
  background-size: cover;
}
.main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide p {
  height: auto;
  min-height: 64px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  height: calc(100% - 156px);
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide p {
    font-size: 20px;
    line-height: 140%;
    padding: 22px 0;
    height: calc(100% - 220px);
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .main-purunet-elementary-inner .purunet-elementary-slide-container .swiper-slide p {
    font-size: 24px;
    line-height: 133.333%;
    padding: 24px 0;
    height: calc(100% - 320px);
  }
}
.main-wrap .section03 .main-purunet-elementary .swiper-navigation {
  width: 100%;
  max-width: 207px;
  height: inherit;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  height: 24px;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .swiper-navigation {
    right: 0;
    left: auto;
    transform: unset;
  }
}
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .swiper-button-next:after,
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .swiper-button-prev:after {
  display: none;
}
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .elementary-slide-button-next,
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .elementary-slide-button-prev {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.18px;
  width: auto;
  height: auto;
  background-image: none;
  display: flex;
  align-items: center;
  gap: 6px;
  top: 0;
  left: 0;
  transform: unset;
  margin: 0;
}
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .elementary-slide-button-prev {
  left: 0;
}
.main-wrap .section03 .main-purunet-elementary .swiper-navigation .elementary-slide-button-next {
  right: 0;
  left: auto;
}
.main-wrap .section03 .main-purunet-elementary .go-learning-button {
  display: inline-block;
  position: relative;
  color: #8165fe;
  font-size: 18px;
  font-weight: 700;
  line-height: 144.444%;
  padding: 11px 30px;
  background-color: #fff;
  border-radius: 24px;
  margin-top: 24px;
}
.main-wrap .section03 .main-purunet-elementary .go-learning-button::after {
  position: absolute;
  bottom: -12px;
  right: -14px;
  z-index: 3;
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(/assets/renewal2023/img/main/ico_arrow.png) no-repeat;
  background-size: 100%;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .go-learning-button {
    display: none;
  }
}
.main-wrap .section03 .main-purunet-elementary .btns {
  display: none;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-elementary .btns {
    display: flex;
    gap: 30px;
    max-width: 390px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-elementary .btns {
    max-width: 500px;
    gap: 20px;
  }
}
.main-wrap .section03 .main-purunet-math {
  position: relative;
  padding: 60px 0;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math {
    padding: 40px 0 80px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math {
    padding: 60px 0 120px;
  }
}
.main-wrap .section03 .main-purunet-math .purunet-math-background {
  position: absolute;
  top: 0;
  right: 16px;
  width: 100%;
  height: 100%;
  border-radius: 0px 180px 0px 0px;
  background: #79d1c7;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .purunet-math-background {
    left: 0;
    top: -40px;
    max-height: 480px;
    width: 91.7%;
    border-radius: 0px 240px 0px 0px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .purunet-math-background {
    top: -60px;
    max-height: 640px;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner {
  position: relative;
  z-index: 1;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner {
    padding: 0 22px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner {
    max-width: 1460px;
    padding: 0;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .section-title {
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin-bottom: 14px;
  position: relative;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .section-title {
    flex-direction: row;
    align-items: flex-end;
    padding-left: 10px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .section-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .section-title > p {
    align-items: flex-start;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .section-title > strong {
    align-items: center;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  overflow: visible;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container {
    overflow: hidden;
    padding: 10px;
    max-width: 100%;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide {
  width: 100%;
  height: auto;
  transform: scale(0.82);
  transition: all 0.3s ease-in;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide {
    transform: none;
    transition: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
    -webkit-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
    -moz-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
    gap: 0;
  }
}
@media (min-width: 801px) and (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide {
    border-radius: 40px;
    -webkit-border-radius: 40px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide {
    border-radius: 20px;
    -webkit-border-radius: 20px;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide.swiper-slide-active {
  transform: scale(1);
  transition: all 0.3s ease-in;
  margin-top: 6px;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide.swiper-slide-active {
    margin-top: 0;
    transform: none;
    transition: none;
  }
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide.swiper-slide-active .text-wrap {
    opacity: 1;
    transition: none;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide.swiper-slide-active .text-wrap {
  opacity: 1;
  transition: all 0.3s ease-in;
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .img-wrap {
  width: 100%;
  max-height: 167px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -webkit-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  -moz-box-shadow: 0 4px 8px rgba(12, 50, 75, 0.16);
  background-color: transparent;
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .img-wrap {
    border-radius: 40px;
    -webkit-border-radius: 40px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .img-wrap {
    max-height: 190px;
    box-shadow: none;
    border-radius: 0;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .img-wrap {
    max-height: 280px;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .img-wrap img {
  width: 100%;
  height: auto;
  background-size: cover;
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap {
  opacity: 0;
  transition: all 0.3s ease-in;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  height: calc(100% - 167px);
  width: 100%;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap {
    opacity: 1;
    transition: none;
    text-align: center;
    height: calc(100% - 190px);
    padding: 20px 20px 30px;
    text-align: left;
    align-items: unset;
  }
}
@media (min-width: 801px) and (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap {
    height: calc(100% - 280px);
    padding: 24px 26px 44px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > strong {
    color: #00ab93;
  }
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > p {
    font-size: 16px;
    line-height: 150%;
    color: #666666;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap strong,
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap p {
  color: #fff;
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > strong {
    color: #00ab93;
    font-size: 18px;
    line-height: 144.444%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > strong {
    font-size: 20px;
    line-height: 140%;
  }
}
.main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > p {
  font-size: 14px;
  font-weight: 400;
  line-height: 128.571%;
  text-align: center;
}
@media (min-width: 801px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > p {
    font-size: 16px;
    line-height: 150%;
    color: #666666;
    text-align: unset;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section03 .main-purunet-math .main-purunet-math-inner .purunet-math-slide-container .swiper-slide .text-wrap > p {
    font-size: 18px;
    line-height: 144.444%;
  }
}
@keyframes arrowEffect {
  50% {
    transform: translate(-12px, -12px);
  }
}
@keyframes heartEffect {
  50% {
    transform: rotate(-20deg);
  }
}

/*=====================================================
  4. 다양한 온라인 학습 서비스 (mobile x)
=======================================================*/
.main-wrap .section04 {
  display: none;
  background-color: #fff;
  padding: 40px 0;
  box-shadow: 0px 0px 8px 0px rgba(12, 50, 75, 0.16);
}
@media (min-width: 801px) {
  .main-wrap .section04 {
    display: block;
    margin-top: 0;
  }
}
.main-wrap .section04 .section-title {
  justify-content: center;
  align-items: center;
}
@media (min-width: 801px) {
  .main-wrap .section04 .section-title {
    font-size: 38px;
    font-weight: 400;
    line-height: 131.579%;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section04 .section-title {
    font-size: 48px;
    line-height: 125%;
  }
}
.main-wrap .section04 .service-contents {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
}
.main-wrap .section04 .service-contents > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 1440px) {
  .main-wrap .section04 .service-contents > a {
    flex-direction: row;
  }
}
.main-wrap .section04 .service-contents > a:not(:last-child) {
  border-right: 1px solid #DDD;
}
@media (min-width: 1440px) {
  .main-wrap .section04 .service-contents > a:not(:last-child) {
    border-right: none;
    position: relative;
  }
  .main-wrap .section04 .service-contents > a:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 64px;
    background-color: #DDD;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.main-wrap .section04 .service-contents > a:hover .content-image {
  animation: imageAnimation 2s linear infinite;
}
.main-wrap .section04 .service-contents > a:hover .circle {
  animation: circleAnimation 2s linear infinite;
}
.main-wrap .section04 .service-contents-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-wrap .section04 .content-image {
  position: relative;
  z-index: 2;
  max-width: 120px;
}
.main-wrap .section04 .service-contents-description {
  text-align: center;
}
@media (min-width: 1440px) {
  .main-wrap .section04 .service-contents-description {
    text-align: unset;
  }
}
.main-wrap .section04 .service-contents-description > span {
  font-size: 16px;
  line-height: 150%;
  color: #666666;
}
.main-wrap .section04 .service-contents-description > p {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  color: #121212;
}
.main-wrap .section04 .circle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 40px;
  background-color: #edf4f9;
  border-radius: 50%;
  z-index: 1;
}
@keyframes imageAnimation {
  30% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(-10px);
  }
}
@keyframes circleAnimation {
  30% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(0.8);
  }
}

/*=====================================================
  5. 푸르넷 유아
=======================================================*/
.main-wrap .section05 {
  padding: 0 6px;
}
@media (min-width: 801px) {
  .main-wrap .section05 {
    padding: 0;
  }
}
.main-wrap .section05 .section-inner {
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 801px) {
  .main-wrap .section05 .section-inner {
    padding: 0 22px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section05 .section-inner {
    max-width: 1460px;
    padding: 0;
  }
}
.main-wrap .section05 .section-inner .section-title {
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
  position: relative;
}
@media (min-width: 801px) {
  .main-wrap .section05 .section-inner .section-title {
    flex-direction: row;
    align-items: flex-end;
    padding-left: 10px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section05 .section-inner .section-title {
    margin-bottom: 42px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section05 .section-inner .section-title > p {
    align-items: flex-start;
  }
}
.main-wrap .section05 .section-inner .section-title > p span {
  color: #00AB93;
}
.main-wrap .section05 .section-inner .section-title > strong {
  align-items: center;
}
.main-wrap .section05 .section-inner .purunet-child-slide-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 10px 36px;
  overflow: hidden;
}
@media (min-width: 801px) {
  .main-wrap .section05 .section-inner .purunet-child-slide-container {
    padding: 10px;
  }
}
.main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide {
  position: relative;
  border-radius: 20px;
  box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
  background-color: #fff;
  overflow: hidden;
  height: auto;
}
.main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide .img-wrap {
  width: 100%;
  max-height: 204px;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide .img-wrap {
    max-height: 300px;
  }
}
.main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide .img-wrap img {
  width: 100%;
  height: auto;
  background-size: cover;
}
.main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide p {
  height: auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  height: calc(100% - 204px);
}
@media (min-width: 801px) {
  .main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide p {
    align-items: unset;
    padding: 15px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section05 .section-inner .purunet-child-slide-container .swiper-slide p {
    padding: 14px 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 77%;
    font-size: 18px;
    font-weight: 400;
    line-height: 144.444%;
    border-radius: 0px 30px 0px 0px;
    background: rgba(244, 248, 251, 0.9);
    height: auto;
  }
}
.main-wrap .section05 .section-inner .purunet-child-slide-container .purunet-child-slide-pagination {
  margin: 0;
  bottom: 0;
}

/*=====================================================
  6. 푸르넷 플러스 
=======================================================*/
@media (min-width: 801px) {
  .main-wrap .section06 .section-inner {
    padding: 0 22px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section06 .section-inner {
    max-width: 1460px;
    padding: 0;
  }
}
.main-wrap .section06 .section-title {
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
}
@media (min-width: 801px) {
  .main-wrap .section06 .section-title {
    align-items: unset;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section06 .section-title {
    padding: 0 0 0 10px;
    margin-bottom: 40px;
  }
}
@media (min-width: 801px) {
  .main-wrap .section06 .section-title > p {
    align-items: flex-start;
    font-size: 24px;
    font-weight: 400;
    line-height: 133.333%;
    color: #00AB93;
  }
}
.main-wrap .section06 .purunet-plus {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: none;
}
@media (min-width: 801px) {
  .main-wrap .section06 .purunet-plus {
    display: block;
  }
}
.main-wrap .section06 .purunet-plus .purunet-plus-slide {
  overflow: hidden;
  display: -ms-flex;
  display: flex;
  width: 100%;
  height: 100%;
}
.main-wrap .section06 .purunet-plus a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 0;
  height: 280px;
  border-radius: 20px;
  transition: all 0.5s;
  flex-grow: 0;
  flex-basis: 120px;
  transform: translateZ(0);
  margin: 10px 0;
  border: 1px solid transparent;
  box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0);
}
.main-wrap .section06 .purunet-plus a[data-index="0"], .main-wrap .section06 .purunet-plus a[data-index="1"], .main-wrap .section06 .purunet-plus a[data-index="2"], .main-wrap .section06 .purunet-plus a[data-index="3"] {
  background-color: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 0px 4px 8px 0px rgba(12, 50, 75, 0.16);
}
@media (min-width: 1440px) {
  .main-wrap .section06 .purunet-plus a {
    flex-basis: 200px;
  }
}
.main-wrap .section06 .purunet-plus a:first-child {
  margin-left: 0;
}
.main-wrap .section06 .purunet-plus a .img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 280px;
  background-position: center right;
  background-repeat: no-repeat;
  transform: translateZ(0);
}
@media (min-width: 801px) {
  .main-wrap .section06 .purunet-plus a .img {
    background-size: 570px 280px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section06 .purunet-plus a .img {
    background-size: 810px 280px;
  }
  .main-wrap .section06 .purunet-plus a .img.main-use-tablet {
    display: none !important;
  }
}
.main-wrap .section06 .purunet-plus a .cover {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-width: 120px;
  max-width: 570px;
  height: 280px;
  z-index: 1;
  display: flex;
  padding: 0 20px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  justify-content: center;
  padding-top: 34px;
  word-break: keep-all;
  opacity: 1;
  transform: translateZ(0);
}
@media (min-width: 1440px) {
  .main-wrap .section06 .purunet-plus a .cover {
    min-width: 200px;
    max-width: 810px;
  }
}
.main-wrap .section06 .purunet-plus a .cover .txt {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.main-wrap .section06 .purunet-plus a[data-hidden=true] {
  -ms-flex-positive: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.main-wrap .section06 .purunet-plus a[data-hidden=true] .cover {
  opacity: 0;
}
.main-wrap .section06 .purunet-plus a[data-hidden=false] {
  -ms-flex-positive: 0;
  -ms-flex-preferred-size: 120px;
  flex-basis: 120px;
}
@media (min-width: 1440px) {
  .main-wrap .section06 .purunet-plus a[data-hidden=false] {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
  }
}
.main-wrap .section06 .purunet-plus a[data-hidden=false] + a[data-hidden=false] {
  margin-left: 10px;
}
.main-wrap .section06 .purunet-plus a.active {
  -ms-flex-positive: 1 !important;
  -ms-flex-preferred-size: 0px !important;
  flex-grow: 1 !important;
  flex-basis: 0px !important;
  justify-content: center;
}
.main-wrap .section06 .purunet-plus a.active .img {
  width: 570px;
}
@media (min-width: 1024px) {
  .main-wrap .section06 .purunet-plus a.active .img {
    right: 50%;
    transform: translateZ(0) translateX(50%);
  }
}
@media (min-width: 1440px) {
  .main-wrap .section06 .purunet-plus a.active .img {
    right: 0;
    width: 810px;
    transform: translateZ(0);
  }
}
.main-wrap .section06 .purunet-plus a.active .cover {
  opacity: 0;
}
.main-wrap .section06 .mobile-purunet-plus {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 8px), 1fr));
  gap: 8px;
}
.main-wrap .section06 .mobile-purunet-plus > li {
  width: 100%;
  height: 100%;
  padding: 16px 10px 0 10px;
  border-radius: 20px;
}
.main-wrap .section06 .mobile-purunet-plus > li > a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: unset;
}
.main-wrap .section06 .mobile-purunet-plus > li > a > span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: -0.12px;
}
.main-wrap .section06 .mobile-purunet-plus > li > a > p {
  font-size: 18px;
  font-weight: 900;
  line-height: 26px;
  /* 144.444% */
  letter-spacing: -0.18px;
}
.main-wrap .section06 .mobile-purunet-plus > li > a > img {
  margin-top: 6px;
}
.main-wrap .section06 .mobile-purunet-plus > li:nth-child(2),
.main-wrap .section06 .mobile-purunet-plus li:nth-child(3) {
  background-color: #79d1c7;
}
.main-wrap .section06 .mobile-purunet-plus > li:nth-child(1),
.main-wrap .section06 .mobile-purunet-plus li:nth-child(4) {
  background-color: #8165fe;
}
@media (min-width: 801px) {
  .main-wrap .section06 .mobile-purunet-plus {
    display: none;
  }
}

/*=====================================================
  7. 푸르넷 수상 내역
=======================================================*/
.main-wrap .section07 {
  padding: 40px 0 60px;
  margin-top: 60px;
  width: 100%;
  background: url("../../renewal2023/img/main/bg_main_award_mb.png") no-repeat center bottom/cover;
}
@media (min-width: 801px) {
  .main-wrap .section07 {
    margin-top: 100px;
    background: url("../../renewal2023/img/main/bg_main_award_tablet.png") no-repeat center top/cover;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 {
    padding: 60px 0 100px;
    margin-top: 120px;
    background: url("../../renewal2023/img/main/bg_main_award.png") no-repeat center bottom/cover;
  }
}
.main-wrap .section07 .section-title {
  flex-direction: column;
}
@media (min-width: 801px) {
  .main-wrap .section07 .section-title {
    gap: 12px;
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .section-title {
    gap: 10px;
  }
}
.main-wrap .section07 .section-title p {
  color: #fff;
}
@media (min-width: 801px) {
  .main-wrap .section07 .section-title p {
    font-size: 24px;
    line-height: 133.333%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .section-title p {
    font-size: 36px;
    line-height: 130.556%;
  }
}
.main-wrap .section07 .section-title strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 133.333%;
  color: #00AB93;
}
@media (min-width: 801px) {
  .main-wrap .section07 .section-title strong {
    font-size: 48px;
    line-height: 125%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .section-title strong {
    font-size: 52px;
    line-height: 128.846%;
  }
}
.main-wrap .section07 .prize-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 16px), 1fr));
  gap: 16px;
}
.main-wrap .section07 .prize-list > li {
  height: 100%;
  min-height: 156px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.main-wrap .section07 .prize-list > li:nth-child(1), .main-wrap .section07 .prize-list > li:nth-child(2) {
  padding: 20px 0;
}
.main-wrap .section07 .prize-list > li:nth-child(3), .main-wrap .section07 .prize-list > li:nth-child(4) {
  padding: 16px 0 14px;
}
@media (min-width: 801px) {
  .main-wrap .section07 .prize-list {
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 16px), 1fr));
  }
  .main-wrap .section07 .prize-list > li {
    min-height: 220px;
    padding: 30px 0 31px !important;
  }
}
.main-wrap .section07 .prize-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.main-wrap .section07 .prize-list-item .prize-image {
  height: 64px;
}
@media (min-width: 801px) {
  .main-wrap .section07 .prize-list-item .prize-image {
    height: 88px;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .prize-list-item .prize-image {
    height: 99px;
  }
}
.main-wrap .section07 .awards {
  font-size: 12px;
  line-height: 133.333%;
}
@media (min-width: 801px) {
  .main-wrap .section07 .awards {
    margin-top: 20px;
    font-size: 14px;
    line-height: 128.571%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .awards {
    margin-top: 14px;
    font-size: 16px;
    line-height: 150%;
  }
}
.main-wrap .section07 .prize-name {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
}
@media (min-width: 801px) {
  .main-wrap .section07 .prize-name {
    margin-top: 5px;
    font-size: 20px;
    line-height: 140%;
  }
}
@media (min-width: 1440px) {
  .main-wrap .section07 .prize-name {
    margin-top: 4px;
  }
}

/*=====================================================
  8. 플로팅 배너 
  scrollY 0 hidden 
  스크롤 시작시 visible
  right: 0, bottom: 30px 위치 고정
  footer와 겹치지 않게
=======================================================*/
.main-floating {
  display: none;
}
@media (min-width: 801px) {
  .main-floating {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 9;
    opacity: 0;
    transition: all 0.5s ease-in;
  }
  .main-floating.move {
    bottom: 320px;
  }
  .main-floating.show {
    opacity: 1;
  }
}

.visible {
  visibility: visible;
  z-index: 99999;
  opacity: 1;
}

.main-floating-banner {
  max-width: 100px;
}
.main-floating-banner > a {
  display: block;
  width: 100%;
  height: 100%;
}
.main-floating-banner img {
  border-radius: 20px 0px 0px 20px;
  width: 100%;
}

.main-floating-quick-menu {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px 10px;
  border-radius: 20px 0px 0px 20px;
  border: 1px solid #EBEBEB;
  background-color: #fff;
}
.main-floating-quick-menu > p {
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  /* 138.462% */
  letter-spacing: -0.13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-floating-quick-menu > ul {
  margin-top: 16px;
}
.main-floating-quick-menu > ul > li {
  margin-bottom: 8px;
}

.quick-menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  width: 100%;
  max-width: 80px;
  padding: 6px 0;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  /* 150% */
  letter-spacing: -0.12px;
  background-color: #ebebeb;
  color: #999;
}
.quick-menu-btn.active {
  background-color: #333333;
  color: #fff;
}

.quick-move-top-btn {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quick-move-top-btn > img {
  width: 100%;
}
@media (min-width: 801px) {
  .quick-move-top-btn {
    width: 64px;
    height: 64px;
  }
}

/*=====================================================
  8. 워크쓰루
=======================================================*/
.modal-walkthrough {
  display: none;
  width: 100%;
  min-width: 360px;
  max-width: 960px;
  background-color: #fff;
}
.modal-walkthrough .modalContent {
  position: relative;
}
.modal-walkthrough .modalContent .modalContent__header .btn-close {
  position: absolute;
  width: 36px;
  height: 36px;
  top: -36px;
  right: 0;
  background: url("/assets/renewal2023/img/ico/ico-close-w.png") no-repeat center/cover;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__header .btn-close {
    top: -48px;
    width: 48px;
    height: 48px;
  }
}
.modal-walkthrough .modalContent .modalContent__body {
  background: #fff;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body {
    padding: 20px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .img {
  width: 100%;
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper {
  padding-bottom: 40px;
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .swiper-slide .b-close {
  cursor: pointer;
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button {
  width: 32px;
  height: 38px;
  background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button {
    width: 40px;
    height: 48px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button::after {
  content: "";
  width: 13px;
  height: 22px;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button::after {
    width: 16px;
    height: 28px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-prev {
  justify-content: flex-start;
  left: 0;
  border-radius: 0px 19px 19px 0px;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-prev {
    border-radius: 0px 24px 24px 0px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-prev::after {
  margin-left: 6px;
  background: url("/assets/renewal2023/img/ico/ico-arrow-prev2-white.png") no-repeat center/contain;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-prev::after {
    margin-left: 8px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-next {
  justify-content: flex-end;
  right: 0;
  border-radius: 19px 0px 0px 19px;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-next {
    border-radius: 24px 0px 0px 24px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-next::after {
  margin-right: 6px;
  background: url("/assets/renewal2023/img/ico/ico-arrow-next2-white.png") no-repeat center/contain;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-button-next::after {
    margin-right: 8px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-pagination {
  width: fit-content;
  right: 16px;
  left: auto;
  bottom: 11px;
  font-size: 14px;
  color: #999999;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-pagination {
    right: 0;
    bottom: 0;
    font-size: 18px;
  }
}
.modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-pagination .swiper-pagination-current {
  color: #121212;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__body .walkthrough-swiper .walkthrough-pagination .swiper-pagination-current {
    font-weight: 700;
  }
}
.modal-walkthrough .modalContent .modalContent__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 40px;
  padding: 8px 16px;
}
@media (min-width: 801px) {
  .modal-walkthrough .modalContent .modalContent__footer {
    bottom: 20px;
    padding: 16px 0 0 20px;
  }
}
.modal-walkthrough .modalContent .modalContent__footer .base-checkbox-primary input[type=checkbox] + label {
  min-height: 24px;
  background-position: left center;
}/*# sourceMappingURL=main.css.map */