@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

.campaign-wrap {position:relative;width:1920px;margin:auto;letter-spacing:-0.8px;color:#333}
.campaign-wrap * {box-sizing:border-box}
.cont-section {position:relative;max-width:1920px;width:100%;margin:0 auto;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center top}
.cont-section .cont-inner {width:1400px;margin:auto;height:100%}
.cont-section .cont-bg-inner {width:1500px;margin:auto;height:100%}

.camp-floating-menu {width:230px;height:462px;background-image:url(../images/camp-floating-bg-v2.png);background-repeat:no-repeat;background-size:cover;position:fixed;top:200px;right:1%;z-index:99;transition:all 1s}
.camp-floating-menu ul {font-weight:700;width:202px;margin-top:62px;margin-left:16px;display:flex;flex-direction:column;gap:15px;margin-right:15px}
.camp-floating-menu ul li {height:63px;display:flex;flex-direction:row;align-items:center}
.camp-floating-menu ul li a {font-size:22px;display:flex;width:100%;height:100%;align-items:center;padding-left:66px;transition:all 0.3s}
.camp-floating-menu ul li a:hover,
.camp-floating-menu ul li a:focus {font-size:23px}
.camp-floating-menu ul li.campSupport a {color:#fff;padding-left:14px;font-size:21px}
.camp-floating-menu ul li.campSupport a:hover {font-size:21px}
.camp-floating-menu ul li.preschool a {color:#0da09a}
.camp-floating-menu ul li.preschool a:hover {background-color:rgba(13,160,154,0.12)}
.camp-floating-menu ul li.elementary a {color:#e58116}
.camp-floating-menu ul li.elementary a:hover {background-color:rgba(229,129,22,0.12)}
.camp-floating-menu ul li.middleschool a {color:#41b370}
.camp-floating-menu ul li.middleschool a:hover {background-color:rgba(65,179,112,0.12)}
.camp-floating-menu ul li.highschool a {color:#d95192}
.camp-floating-menu ul li.highschool a:hover {background-color:rgba(217,81,146,0.12)}
.stamp {width:178px;height:177px;background-image:url(../images/stamp.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;right:284px;bottom:350px;opacity:0}
.source {position:absolute;right:0;bottom:138px;font-size:24px;font-weight:500;color:#434343}
.heart {width:169px;height:139px;background-image:url(../images/cont-heart.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:310px;left:180px}
.stress {width:161px;height:156px;background-image:url(../images/cont-stress.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:300px;right:200px}

.cont-section.cont-top {height:920px;background-image:url(../images/camp-top-bg.jpg)}
.cont-section.cont-top .cont-inner .camp-label {display:inline-block;margin-top:120px;margin-bottom:130px;background-color:#006a49;border-radius:16px;font-family:'Pretendard'}
.cont-section.cont-top .cont-inner .camp-label > p {display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;font-size:26px;color:#fff;font-weight:700;padding:6px 20px}
.cont-section.cont-top .cont-inner .camp-label > p::before {content:'';width:31px;height:41px;background-image:url(../images/camp-topTxt-icon.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.cont-section.cont-top .cont-inner h3 {width:769px;height:325px;background-image:url(../images/camp-title.png)}
.cont-section.cont-top .cont-inner .btn-camp-support {margin-top:90px}
.cont-section.cont-top .cont-inner .btn-camp-support > a {display:flex;align-items:center;justify-content:center;width:432px;height:104px;border-radius:60px;background-color:#016a4b;color:#fff;font-size:34px;font-weight:700;transition:all 0.3s}
.cont-section.cont-top .cont-inner .btn-camp-support > a:hover {background-color:#fff57c;color:#02694b}

.cont-section.cont-campMenu {height:1130px;background-image:url(../images/camp-menu-bg.jpg)}
.cont-section.cont-campMenu .cont-inner {width:1410px;padding-top:160px;padding-bottom:190px;text-align:center}
.cont-section.cont-campMenu .cont-inner .txt-area {font-size:28px;line-height:52px}
.cont-section.cont-campMenu .cont-inner .txt-area > h4 {margin-bottom:40px}
.cont-section.cont-campMenu .cont-inner .txt-area > .txt-point {font-size:32px;line-height:56px;color:#15604c;font-weight:700;margin-top:20px}
.cont-section.cont-campMenu .cont-inner .cont-menu {padding-top:130px}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list {display:flex;flex-direction:row;gap:30px}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li {width:25%;height:380px;background-color:#999;background-position:center center;background-repeat:no-repeat;background-size:contain;text-indent:-99999em;box-shadow:7px 7px 0px rgba(0,0,0,0.1);transition:all 0.3s ease}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li:hover,
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.on {margin-top:-30px;background-color:#fff}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.preschool {background-image:url(../images/campMenu-preschool.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.preschool:hover,
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.preschool.on {background-image:url(../images/campMenu-preschool-on.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.elementary {background-image:url(../images/campMenu-elementary.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.elementary:hover,
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.elementary.on {background-image:url(../images/campMenu-elementary-on.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.middleschool {background-image:url(../images/campMenu-middleschool.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.middleschool:hover,
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.middleschool.on {background-image:url(../images/campMenu-middleschool-on.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.highschool {background-image:url(../images/campMenu-highschool.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.highschool:hover,
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li.highschool.on {background-image:url(../images/campMenu-highschool-on.png)}
.cont-section.cont-campMenu .cont-inner .cont-menu .campMenu-list > li > a {display:block;width:100%;height:100%}

.cont-section.cont-bottom {height:2307px;background-image:url(../images/cont-bottom-bg.jpg)}
.cont-section.cont-bottom .cont-inner {padding-top:160px;padding-bottom:240px}
.cont-section.cont-bottom .cont-inner .txt-area {display:flex;flex-direction:column;gap:90px;align-items:center}
.cont-section.cont-bottom .cont-inner .helpList {margin-top:140px}
.cont-section.cont-bottom .cont-inner .helpList > ul {display:flex;flex-direction:row;gap:20px;margin-left:20px;margin-right:20px}
.cont-section.cont-bottom .cont-inner .helpList > ul > li {width:20%;height:304px;background-color:#fff;box-shadow:7px 7px 0px rgba(0,0,0,0.1);background-size:contain;background-position:center top 8px;background-repeat:no-repeat}
.cont-section.cont-bottom .cont-inner .helpList > ul > li:nth-child(1) {background-image:url(../images/cont-bottom-img01.png)}
.cont-section.cont-bottom .cont-inner .helpList > ul > li:nth-child(2) {background-image:url(../images/cont-bottom-img02.png)}
.cont-section.cont-bottom .cont-inner .helpList > ul > li:nth-child(3) {background-image:url(../images/cont-bottom-img03.png)}
.cont-section.cont-bottom .cont-inner .helpList > ul > li:nth-child(4) {background-image:url(../images/cont-bottom-img04.png)}
.cont-section.cont-bottom .cont-inner .helpList > ul > li:nth-child(5) {background-image:url(../images/cont-bottom-img05.png)}
.cont-section.cont-bottom .cont-inner .helpList > ul > li > p {font-size:23px;font-weight:700;text-align:center;margin-top:260px}
.cont-section.cont-bottom .cont-inner .reportLink {margin-top:950px;margin-left:20px;margin-right:30px;font-size:26px;padding:45px 0;background-color:rgba(0,0,0,0.03);text-align:center}
.cont-section.cont-bottom .cont-inner .reportLink > p {font-weight:700;color:#125e4d;margin-bottom:30px}
.cont-section.cont-bottom .cont-inner .reportLink > ul {display:flex;flex-direction:row;gap:40px;justify-content:center}
.cont-section.cont-bottom .cont-inner .reportLink > ul > li::before {content:'·';margin-right:7px}
.cont-section.cont-bottom .cont-inner .reportLink > ul > li > a {color:#383838;font-weight:500;position:relative}
.cont-section.cont-bottom .cont-inner .reportLink > ul > li > a::before {content:'';position:absolute;width:100%;height:4px;border-radius:4px;background-color:#125e4d;bottom:-7px;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}
.cont-section.cont-bottom .cont-inner .reportLink > ul > li > a:hover {color:#125e4d}
.cont-section.cont-bottom .cont-inner .reportLink > ul > li > a:hover::before {transform-origin:left;transform:scaleX(1)}
.cont-section.cont-bottom .camp-floating-banner-bottom {width:385px;height:72px;background-image:url(../images/camp-floating-bottom.png);background-repeat:no-repeat;position:absolute;top:12%;left:1%;opacity:0;transition:all 1s}
.cont-section.cont-bottom .camp-floating-banner-bottom > a {display:block;width:100%;height:100%}
.cont-section.cont-bottom .camp-floating-banner-bottom.fix {position:fixed;z-index:99;opacity:1;transition:all 1s}

#page {padding:40px;background:transparent;position:absolute;bottom:0;width:100%;z-index:-1}

.cont-section.cont-preschool {height:5851px;background-image:url(../images/cont-preschool-bg.jpg)}
.cont-section.cont-preschool .cont-bg-inner {padding-top:80px;position:relative}
.cont-section.cont-preschool .cont-bg-inner .inner-cont {position:relative;background-repeat:no-repeat;background-size:contain}
.cont-section.cont-preschool .cont-bg-inner .inner-cont.cont01 {height:1429px;background-image:url(../images/cont-preschool-01.png);background-position:center 150px}
.cont-section.cont-preschool .cont-bg-inner .inner-cont.cont02 {margin-top:110px;height:456px;background-image:url(../images/cont-preschool-02.png);background-position:center top}
.cont-section.cont-preschool .cont-bg-inner .inner-cont.cont03 {margin-top:198px;height:562px;background-image:url(../images/cont-preschool-03.png);background-position:center top}
.cont-section.cont-preschool .cont-bg-inner .inner-cont.cont04 {margin-top:140px;height:705px;background-image:url(../images/cont-preschool-04.png);background-position:center top}
.cont-section.cont-preschool .cont-bg-inner .inner-cont.cont05 {margin-top:200px;height:937px;background-image:url(../images/cont-preschool-05.png);background-position:center top}

.cont-section.cont-elementary {height:5851px;background-image:url(../images/cont-elementary-bg.jpg)}
.cont-section.cont-elementary .cont-bg-inner {padding-top:80px;position:relative}
.cont-section.cont-elementary .cont-bg-inner .inner-cont {position:relative;background-repeat:no-repeat;background-size:contain}
.cont-section.cont-elementary .cont-bg-inner .inner-cont.cont01 {height:1430px;background-image:url(../images/cont-elementary-01.png);background-position:center 200px}
.cont-section.cont-elementary .cont-bg-inner .inner-cont.cont02 {margin-top:110px;height:517px;background-image:url(../images/cont-elementary-02.png);background-position:center top}
.cont-section.cont-elementary .cont-bg-inner .inner-cont.cont03 {margin-top:146px;height:562px;background-image:url(../images/cont-elementary-03.png);background-position:center top}
.cont-section.cont-elementary .cont-bg-inner .inner-cont.cont04 {margin-top:140px;height:705px;background-image:url(../images/cont-elementary-04.png);background-position:center top}
.cont-section.cont-elementary .cont-bg-inner .inner-cont.cont05 {margin-top:200px;height:937px;background-image:url(../images/cont-elementary-05.png);background-position:center top}

.cont-section.cont-middleschool {height:5851px;background-image:url(../images/cont-middleschool-bg.jpg)}
.cont-section.cont-middleschool .cont-bg-inner {padding-top:80px;position:relative}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont {position:relative;background-repeat:no-repeat;background-size:contain}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont.cont01 {height:1430px;background-image:url(../images/cont-middleschool-01.png);background-position:center 200px}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont.cont02 {margin-top:110px;height:517px;background-image:url(../images/cont-middleschool-02.png);background-position:center top}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont.cont03 {margin-top:146px;height:562px;background-image:url(../images/cont-middleschool-03.png);background-position:center top}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont.cont04 {margin-top:140px;height:705px;background-image:url(../images/cont-middleschool-04.png);background-position:center top}
.cont-section.cont-middleschool .cont-bg-inner .inner-cont.cont05 {margin-top:200px;height:937px;background-image:url(../images/cont-middleschool-05.png);background-position:center top}

.cont-section.cont-highschool {height:5851px;background-image:url(../images/cont-highschool-bg.jpg)}
.cont-section.cont-highschool .cont-bg-inner {padding-top:80px;position:relative}
.cont-section.cont-highschool .cont-bg-inner .inner-cont {position:relative;background-repeat:no-repeat;background-size:contain}
.cont-section.cont-highschool .cont-bg-inner .inner-cont.cont01 {height:1430px;background-image:url(../images/cont-highschool-01.png);background-position:center 195px}
.cont-section.cont-highschool .cont-bg-inner .inner-cont.cont02 {margin-top:110px;height:517px;background-image:url(../images/cont-highschool-02.png);background-position:center top}
.cont-section.cont-highschool .cont-bg-inner .inner-cont.cont03 {margin-top:146px;height:562px;background-image:url(../images/cont-highschool-03.png);background-position:center top}
.cont-section.cont-highschool .cont-bg-inner .inner-cont.cont04 {margin-top:140px;height:705px;background-image:url(../images/cont-highschool-04.png);background-position:center top}
.cont-section.cont-highschool .cont-bg-inner .inner-cont.cont05 {margin-top:200px;height:937px;background-image:url(../images/cont-highschool-05.png);background-position:center top}


.puff-in-center {-webkit-animation:puff-in-center 0.5s cubic-bezier(0.600, 0.040, 0.980, 0.335) both;animation:puff-in-center 0.5s cubic-bezier(0.600, 0.040, 0.980, 0.335) both}
.heartbeat {-webkit-animation:heartbeat 1.5s ease-in-out infinite;animation:heartbeat 1.5s ease-in-out infinite}
.wobble-hor-bottom {-webkit-animation:wobble-hor-bottom 1s ease-in-out infinite;animation:wobble-hor-bottom 1s ease-in-out infinite}


@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}