@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

@font-face {
    font-family:'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family:'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/section03-right-img01.png)
   	url(../images/section03-right-img02.png)
	url(../images/section03-right-img03.png)
	url(../images/section07-btn-click.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu01-img.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu02-img.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu03-img.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu01.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu01-hover.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu02.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu02-hover.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu03.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu03-hover.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu01-img.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu02-img.png)
	url(../images/section07-popup01-emotionKitenge-tabMenu03-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu01-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu02-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu03-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu01.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu01-hover.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu02.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu02-hover.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu03.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu03-hover.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu01-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu02-img.png)
	url(../images/section07-popup02-alphabetKitenge-tabMenu03-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu01-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu02-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu03-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu01.png)
	url(../images/section07-popup03-mathKitenge-tabMenu01-hover.png)
	url(../images/section07-popup03-mathKitenge-tabMenu02.png)
	url(../images/section07-popup03-mathKitenge-tabMenu02-hover.png)
	url(../images/section07-popup03-mathKitenge-tabMenu03.png)
	url(../images/section07-popup03-mathKitenge-tabMenu03-hover.png)
	url(../images/section07-popup03-mathKitenge-tabMenu01-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu02-img.png)
	url(../images/section07-popup03-mathKitenge-tabMenu03-img.png)
	;
}


html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;color:#000;letter-spacing:-0.04rem}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'],
.campaign-wrap input[type='radio'] {position:absolute;left:0;top:0;width:0;height:0;opacity:0}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:cover}
.campaign-wrap .cont-section .section-inner {position:relative;height:100%;margin:auto}

body.popup-opened {overflow:hidden}
.camp-btn > a {display:block;width:100%;height:100%;position:relative}
.bg-size-cover {background-position:center top;background-repeat:no-repeat;background-size:cover}
.bg-size-contain {background-position:center top;background-repeat:no-repeat;background-size:contain}
.hover-tab-panel {display:none}
.hover-tab-panel.is-active {display:block}
.hover-tab-menu button.is-active {font-weight:700}

.campaign-wrap .cont-section.section01 {height:109.6rem;overflow:hidden}
.campaign-wrap .cont-section.section01 .video-bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.campaign-wrap .cont-section.section01 .video-bg video {display:block;width:100%;height:100%;object-fit:cover}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:121.2rem;height:60rem;position:absolute;top:17.3rem;left:50%;transform:translateX(-50%)}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn {width:40.3rem;height:12.4rem;position:absolute;bottom:17rem;left:50%;transform:translateX(-50%)}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a {background-color:#00a556;border-radius:1.9rem;background-image:url(../images/section01-btn-deco.png);background-repeat:no-repeat;background-position:16.8rem 1.6rem;background-size:9.9rem 5.2rem;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.8));transition:all 0.3s}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a:hover {background-color:#00c667}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a::after {content:'';display:block;width:18.8rem;height:19rem;background-image:url(../images/section01-btn-img-v2.png);background-repeat:no-repeat;background-position:center center;background-size:contain;animation:wiggle 1s ease-in-out infinite;transform-origin:center;position:absolute;left:25.5rem;top:-3.2rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn > a > span {display:flex;align-items:center;height:100%;padding-left:3.5rem;font-family:'Paperlogy';font-weight:700;font-size:3.2rem;line-height:4.2rem;color:#fff}

.campaign-wrap .cont-section.section02 {height:177.2rem;background-image:url(../images/section02-bg.png);margin-top:-1.5rem}
.campaign-wrap .cont-section.section02 .section-inner {width:120rem;padding-top:21.5rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-top-box {width:119.8rem;height:63.1rem;margin:auto;margin-bottom:5.8rem;background-image:url(../images/section02-topBox-bg.png);position:relative}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom-box {width:119.8rem;height:67.5rem;margin:auto}
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom-box .yt-inner,
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom-box .yt-inner .yt-box,
.campaign-wrap .cont-section.section02 .section-inner .inner-bottom-box .yt-inner .yt-box iframe {width:100%;height:100%;border-radius:2rem}
.campaign-wrap .cont-section.section02 .section-inner .txt-top,
.campaign-wrap .cont-section.section02 .section-inner .txt-bottom {opacity:0;clip-path:inset(0 100% 0 0);position:absolute}
.campaign-wrap .cont-section.section02 .section-inner .txt-top {width:32.5rem;height:16.7rem;top:6.4rem;left:7rem}
.campaign-wrap .cont-section.section02 .section-inner .txt-bottom {width:43.8rem;height:15.7rem;bottom:3.4rem;left:39.2rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-img {opacity:0;transform:translateY(30px);width:41rem;height:33.3rem;position:absolute;top:3rem;right:7rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-img .camp-img-inner {width:100%;height:100%;background-image:url(../images/section02-topBox-motion-img.png)}
.campaign-wrap .cont-section.section02.is-active .txt-top {animation:section02Reveal 0.8s ease forwards}
.campaign-wrap .cont-section.section02.is-active .camp-img {animation:section02FadeUp 0.8s ease forwards}
.campaign-wrap .cont-section.section02.is-active .camp-img-inner {animation:section02Float 4s ease-in-out 1.4s infinite;transform-origin:center center}
.campaign-wrap .cont-section.section02.is-active .txt-bottom {animation:section02Reveal 0.8s ease 0.8s forwards}

@keyframes section02Reveal {
	0% {
		opacity: 1;
		clip-path: inset(0 100% 0 0);
	}

	100% {
		opacity: 1;
		clip-path: inset(0 0 0 0);
	}
}

@keyframes section02FadeUp {
	0% {
		opacity: 0;
		transform: translateY(3rem);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes section02Float {
	0% {
		transform: translateX(-1rem) rotate(-2deg);
	}

	50% {
		transform: translateX(1rem) rotate(2deg);
	}

	100% {
		transform: translateX(-1rem) rotate(-2deg);
	}
}

.campaign-wrap .cont-section.section03 {height:119.8rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {text-align:center;padding-top:8.5rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {width:59rem;height:29.2rem;position:absolute;top:0;left:66.7rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-sub {font-family:'Paperlogy';font-weight:500;font-size:3.8rem;line-height:5.2rem;color:#fffadc;margin-top:17rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-sub .camp-txt-point {font-weight:700;color:#36b435}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-sub strong {font-weight:700}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro {width:166rem;margin:auto;display:flex;align-items:center;justify-content:space-between;margin-top:5.5rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-left {width:74rem;height:53.8rem;background-image:url(../images/section03-left-img.png)}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .arrow {width:10.1rem;height:7rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right {width:73.4rem;height:63.3rem;position:relative;transition:opacity 0.25s ease}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right .img {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out, transform 1.2s ease-out;background-position:center;background-repeat:no-repeat;background-size:contain}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right .img.is-active {opacity:1}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right .img01 {background-image:url(../images/section03-right-img01.png)}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right .img02 {background-image:url(../images/section03-right-img02.png)}
.campaign-wrap .cont-section.section03 .section-inner .inner-kitenge-intro .img-right .img03 {background-image:url(../images/section03-right-img03.png)}
.campaign-wrap .cont-section.section03 .section-inner > h4,
.campaign-wrap .cont-section.section03 .camp-txt-sub,
.campaign-wrap .cont-section.section03 .img-left,
.campaign-wrap .cont-section.section03 .arrow,
.campaign-wrap .cont-section.section03 .img-right {opacity:0}
.campaign-wrap .cont-section.section03.is-active .section-inner > h4,
.campaign-wrap .cont-section.section03.is-active .section-inner .camp-txt-sub {animation:fadeUp 0.6s ease forwards}
.campaign-wrap .cont-section.section03.is-active .img-left {animation:fadeUp 0.6s ease forwards;animation-delay:0.6s}
.campaign-wrap .cont-section.section03.is-active .arrow {opacity:0;animation:arrowIn 0.5s ease forwards;animation-delay:1.2s}
.campaign-wrap .cont-section.section03.is-active .arrow img {animation:arrowLoop 1.5s linear infinite}
.campaign-wrap .cont-section.section03.is-active .img-right {animation:fadeUp 0.7s ease forwards;animation-delay:1.2s}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(0.3rem);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes arrowIn {
	from {
		opacity: 0;
		transform: translateX(-0.3rem);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes arrowLoop {
    0% {
        transform: translateX(-25%);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        transform: translateX(25%);
        opacity: 0;
    }
}

.campaign-wrap .cont-section.section04 .section0403Swiper {margin-top:-0.5rem}
.campaign-wrap .cont-section.section04 .txt-top {width:46.4rem;height:17.3rem;position:absolute;top:11rem;left:50%;transform:translateX(-50%);z-index:9}
.campaign-wrap .cont-section.section04 .txt-bottom {font-family:'Paperlogy';font-weight:600;font-size:4.5rem;line-height:6.2rem;color:#fffadc;position:absolute;bottom:11rem;left:50%;transform:translateX(-50%);z-index:9;text-align:center}
.campaign-wrap .cont-section.section04 .txt-bottom strong {font-weight:800}
.campaign-wrap .cont-section.section04 .swiper-pagination {bottom:28rem}
.campaign-wrap .cont-section.section04 .swiper-pagination .swiper-pagination-bullet {width:13rem;height:0.8rem;border-radius:0.3rem;background-color:rgba(255,250,220,0.3);opacity:1}
.campaign-wrap .cont-section.section04 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fffadc}
.campaign-wrap .cont-section.section04 .swiper svg,
.campaign-wrap .cont-section.section04 .swiper-button-prev:after,
.campaign-wrap .cont-section.section04 .swiper-button-next:after {display:none}
.campaign-wrap .cont-section.section04 .swiper-button-prev,
.campaign-wrap .cont-section.section04 .swiper-button-next {width:3.9rem;height:6.3rem;background-repeat:no-repeat;background-size:contain;background-position:center center}
.campaign-wrap .cont-section.section04 .swiper-button-prev {background-image:url(../images/section04-slide-prev.png);left:40.5rem}
.campaign-wrap .cont-section.section04 .swiper-button-next {background-image:url(../images/section04-slide-next.png);right:40.5rem}

.campaign-wrap .cont-section.section05 {height:313.8rem;background-image:url(../images/section05-bg-v2.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:10rem;height:auto}
.campaign-wrap .cont-section.section05 .section-inner .inner-top {width:120rem;height:110.5rem;margin:auto;position:relative}
.campaign-wrap .cont-section.section05 .section-inner .inner-top .section-txt-eyebrow {width:52.8rem;height:6rem;margin:auto;margin-bottom:3.5rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-top h4 {width:74.8rem;height:21.3rem;margin:auto;margin-bottom:1.8rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-top .camp-txt-sub {font-family:'Paperlogy';font-weight:400;font-size:3rem;line-height:4.1rem;color:#fffadc;text-align:center}
.campaign-wrap .cont-section.section05 .section-inner .inner-top .camp-txt-sub strong {font-weight:700}
.campaign-wrap .cont-section.section05 .section-inner .inner-top .img-kitenge-goods {width:92.3rem;height:67.4rem;background-image:url(../images/section05-goods-img.png);position:absolute;left:7rem;top:45rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle {width:91.5rem;margin:auto;margin-top:8.5rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-txt-img {width:100%;height:14.6rem;margin-bottom:5.5rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-btn {width:60.9rem;height:12rem;margin:auto}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-btn > a {background-color:#00a556;border-radius:1.9rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-btn > a::after {content:'';display:block;width:18.4rem;height:18.8rem;background-image:url(../images/section05-btn-img.png);background-repeat:no-repeat;background-position:center center;background-size:contain;animation:wiggle 1s ease-in-out infinite;transform-origin:center;position:absolute;right:-10.8rem;top:-3.2rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-btn > a > span {display:block;height:100%;padding-top:2.4rem;padding-left:3.8rem;font-family:'Paperlogy';font-weight:700;font-size:4.8rem;line-height:6.1rem;color:#fffadc;box-shadow:inset 0 0 1.5rem rgba(255, 255, 255, 0.8)}
.campaign-wrap .cont-section.section05 .section-inner .inner-middle .camp-btn > a > span > em {display:inline-block;border-bottom:0.7rem solid #80d099}
.campaign-wrap .cont-section.section05 .section-inner .inner-bottom {height:54rem;display:flex;align-items:center;justify-content:center;margin-top:12.2rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-bottom .marquee-wrap {position:relative;width:100%;overflow:hidden}
.campaign-wrap .cont-section.section05 .section-inner .inner-bottom .marquee-wrap .marquee-track {display:flex;width:max-content;animation:marquee 50s linear infinite}
.campaign-wrap .cont-section.section05 .section-inner .inner-bottom .marquee-wrap .marquee-track span {flex-shrink:0}
@keyframes marquee {
    from {
		transform: translateX(0);
	}
	to {
        transform: translateX(-50%);
	}
}
.campaign-wrap .cont-section.section05 .section-inner .txt-info {text-align:center;font-family:'Paperlogy';font-weight:400;font-size:2.4rem;line-height:3.3rem;color:#004c02;margin-top:4.5rem}
.campaign-wrap .cont-section.section05 .dropdropdrop-intro-box {width:161.7rem;height:54.4rem;margin:auto;margin-top:9.5rem}

.campaign-wrap .cont-section.section06 {height:108.1rem;background-image:url(../images/section06-bg.jpg);overflow:hidden}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:11.5rem}
.campaign-wrap .cont-section.section06 .section-inner h4 {width:81.5rem;height:14.6rem;margin:auto;margin-bottom:8rem}
.campaign-wrap .cont-section.section06 .section06Swiper {position:relative;padding-bottom:10.6rem;overflow:visible}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-slide {width:50rem}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-slide img {display:block;width:100%;height:auto}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-slide {position:relative;z-index:1;transition:transform 0.4s ease}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-slide.is-active {z-index:5;transform:scale(1.05)}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control {position:absolute;left:50%;bottom:0;z-index:10;width:69rem;height:3.8rem;transform:translateX(-50%)}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner {position:relative;width:100%;height:100%}
.campaign-wrap .cont-section.section06 .section06Swiper .section06Swiper-pagination {position:absolute;top:50%;left:50%;display:flex;gap:1rem;width:54rem;transform:translate(-50%, -50%)}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-pagination-custom {display:block;flex:1;width:auto;height: 0.9rem;margin:0;padding:0;border:0;border-radius:0.5rem;background-color:rgba(255, 250, 220, 0.3);cursor:pointer}
.campaign-wrap .cont-section.section06 .section06Swiper .swiper-pagination-custom.active {background-color:#fffadc}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner svg,
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-prev:after,
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-next:after {display:none}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-prev,
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-next {position:absolute;top:50%;width:2.4rem;height:3.8rem;margin:0;background-repeat:no-repeat;background-position:center center;background-size:contain;transform:translateY(-50%)}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-prev {left:0;background-image:url(../images/section06-slide-prev.png)}
.campaign-wrap .cont-section.section06 .section06Swiper .slide-control .control-inner .swiper-button-next {right:0;background-image:url(../images/section06-slide-next.png)}

.campaign-wrap .cont-section.section07 {height:107.8rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {width:100%;padding-top:15rem}
.campaign-wrap .cont-section.section07 .section-inner .txt-info-img {width:21.7rem;height:10.9rem;background-image:url(../images/section07-motion-txt.png);position:absolute;top:15rem;left:100.6rem}
.campaign-wrap .cont-section.section07 .section-inner ul {width:168rem;margin:auto;margin-top:10.5rem;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section07 .section-inner ul > li {width:51rem;height:51.2rem;background-repeat:no-repeat;background-position:center top;background-size:contain;transition:all 0.3s}
.campaign-wrap .cont-section.section07 .section-inner ul > li:hover {transform:scale(1.03)}
.campaign-wrap .cont-section.section07 .section-inner ul > li:nth-child(1) {background-image:url(../images/section07-emotionKitenge.png)}
.campaign-wrap .cont-section.section07 .section-inner ul > li:nth-child(2) {background-image:url(../images/section07-alphabetKitenge.png)}
.campaign-wrap .cont-section.section07 .section-inner ul > li:nth-child(3) {background-image:url(../images/section07-mathKitenge.png)}
.campaign-wrap .cont-section.section07 .section-inner ul > li > a {display:block;width:100%;height:38.1rem;margin-top:3.9rem;background-color:transparent;transition:all 0.3s;position:relative}
.campaign-wrap .cont-section.section07 .section-inner ul > li > a:hover {background-color:rgba(31,142,99,0.7)}
.campaign-wrap .cont-section.section07 .section-inner ul > li > a:hover::after {content:'';display:block;width:10.8rem;height:12.6rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../images/section07-btn-click.png);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.layer-popup {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;display:none;align-items:center;justify-content:center}
.layer-popup.is-open {display:flex}
.layer-popup-dim {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6)}
.layer-popup-inner {position:relative;z-index:1;width:135rem;height:88rem;background:#fff2bf;border-radius:1rem;zoom:0.95}
.layer-popup-close {position:absolute;top:2.4rem;right:2.2rem;z-index:2;display:block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../images/section07-popup-btn-close.png);cursor:pointer}
.layer-popup-content {padding:5rem}

.layer-popup-content h4 {margin:auto;width:62.1rem;height:17.3rem}
.layer-popup-content .hover-tab {display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:3rem}
.layer-popup-content .hover-tab .hover-tab-menu {width:41rem;display:flex;flex-direction:column;gap:6.5rem}
.layer-popup-content .hover-tab .hover-tab-menu button {text-align:left}
.layer-popup-content .hover-tab .hover-tab-menu .menuTitle {display:block;background-repeat:no-repeat;background-position:left top;background-size:contain;transition:all 0.3s}
.layer-popup-content .hover-tab .hover-tab-menu .menuTxt {font-family:'Paperlogy';font-weight:600;font-size:2.6rem;line-height:3.9rem;color:#168738;letter-spacing:-0.03em}
.layer-popup-content .hover-tab .hover-tab-content {width:80.5rem}

#popup01 .hover-tab .hover-tab-menu button .title01 {width:28.5rem;height:5.5rem;background-image:url(../images/section07-popup01-emotionKitenge-tabMenu01.png)}
#popup01 .hover-tab .hover-tab-menu button.is-active .title01,
#popup01 .hover-tab .hover-tab-menu button:hover .title01 {background-image:url(../images/section07-popup01-emotionKitenge-tabMenu01-hover.png)}
#popup01 .hover-tab .hover-tab-menu button .title02 {width:16.5rem;height:5.5rem;background-image:url(../images/section07-popup01-emotionKitenge-tabMenu02.png)}
#popup01 .hover-tab .hover-tab-menu button:hover .title02 {background-image:url(../images/section07-popup01-emotionKitenge-tabMenu02-hover.png)}
#popup01 .hover-tab .hover-tab-menu button .title03 {width:19.4rem;height:5.5rem;background-image:url(../images/section07-popup01-emotionKitenge-tabMenu03.png)}
#popup01 .hover-tab .hover-tab-menu button:hover .title03 {background-image:url(../images/section07-popup01-emotionKitenge-tabMenu03-hover.png)}
#popup02 .hover-tab .hover-tab-menu button .title01 {width:17.9rem;height:5.6rem;background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu01.png)}
#popup02 .hover-tab .hover-tab-menu button.is-active .title01,
#popup02 .hover-tab .hover-tab-menu button:hover .title01 {background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu01-hover.png)}
#popup02 .hover-tab .hover-tab-menu button .title02 {width:14.5rem;height:5.4rem;background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu02.png)}
#popup02 .hover-tab .hover-tab-menu button:hover .title02 {background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu02-hover.png)}
#popup02 .hover-tab .hover-tab-menu button .title03 {width:17.1rem;height:5.5rem;background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu03.png)}
#popup02 .hover-tab .hover-tab-menu button:hover .title03 {background-image:url(../images/section07-popup02-alphabetKitenge-tabMenu03-hover.png)}
#popup03 h4 {width:61.8rem;height:17.3rem}
#popup03 .hover-tab .hover-tab-menu button .title01 {width:25.1rem;height:5.6rem;background-image:url(../images/section07-popup03-mathKitenge-tabMenu01.png)}
#popup03 .hover-tab .hover-tab-menu button.is-active .title01,
#popup03 .hover-tab .hover-tab-menu button:hover .title01 {background-image:url(../images/section07-popup03-mathKitenge-tabMenu01-hover.png)}
#popup03 .hover-tab .hover-tab-menu button .title02 {width:19.8rem;height:5.5rem;background-image:url(../images/section07-popup03-mathKitenge-tabMenu02.png)}
#popup03 .hover-tab .hover-tab-menu button:hover .title02 {background-image:url(../images/section07-popup03-mathKitenge-tabMenu02-hover.png)}
#popup03 .hover-tab .hover-tab-menu button .title03 {width:19.8rem;height:5.5rem;background-image:url(../images/section07-popup03-mathKitenge-tabMenu03.png)}
#popup03 .hover-tab .hover-tab-menu button:hover .title03 {background-image:url(../images/section07-popup03-mathKitenge-tabMenu03-hover.png)}

.campaign-wrap .cont-section.section08 {height:110.1rem;background-image:url(../images/section08-bg.jpg)}
.campaign-wrap .cont-section.section08::before {content:'';display:block;width:100%;height:1.2rem;background-image:url(../images/section08-bg-deco.png);background-repeat:no-repeat;background-position:left top;background-size:contain;position:absolute;top:0;left:0;z-index:1}
.campaign-wrap .cont-section.section08 .section-inner {padding-top:12rem;width:155.2rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-txt-box {margin-left:2rem;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.2))}
.campaign-wrap .cont-section.section08 .section-inner .inner-txt-box h4 {width:71rem;height:17.5rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-txt-box p {font-family:'Paperlogy';font-weight:500;font-size:2.8rem;line-height:4.3rem;color:#fffadc;margin-left:1.2rem;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section08 .section-inner .inner-txt-box p strong {font-weight:700;font-size:3.1rem}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling {position:absolute;top:0;right:2rem;width:65rem;height:100%}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling .vertical-flow {position:relative;width:100%;height:100%;overflow:hidden}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling .vertical-flow .vertical-flow-track {display:flex;flex-direction:column;gap:4rem;will-change:transform}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling .vertical-flow .vertical-flow-track .flow-item {flex-shrink:0;display:flex}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling .vertical-flow .vertical-flow-track .flow-item:nth-child(even) {justify-content:flex-end}
.campaign-wrap .cont-section.section08 .section-inner .photo-rolling .vertical-flow .vertical-flow-track .flow-item img {display:block;width:39.6rem;height:30.6rem}

.campaign-wrap .cont-section.section09 {height:92.8rem;background-image:url(../images/section09-bg.jpg)}
.campaign-wrap .cont-section.section09 .section-inner {padding-top:21rem}
.campaign-wrap .cont-section.section09 .section-inner .inner-title {width:87.7rem;height:26rem;margin:auto;margin-bottom:3.5rem;position:relative}
.campaign-wrap .cont-section.section09 .section-inner .inner-title .title01 {width:51.8rem;height:32.1rem;position:absolute;top:-12rem;left:17.8rem}
.campaign-wrap .cont-section.section09 .section-inner .inner-title .title02 {width:105.8rem;height:27.1rem;position:absolute;top:8.2rem;left:-9rem}
.campaign-wrap .cont-section.section09 .section-inner > p {font-family:'Paperlogy';font-weight:400;font-size:2.8rem;line-height:3.9rem;color:#fffadc;text-align:center;filter:drop-shadow(0.1rem 0.1rem 0.9rem rgba(34,21,0,0.66));margin-bottom:7.5rem}
.campaign-wrap .cont-section.section09 .section-inner > p > strong {font-weight:600}
.campaign-wrap .cont-section.section09 .section-inner .camp-btn {width:40.2rem;height:12.4rem;margin:auto}
.campaign-wrap .cont-section.section09 .section-inner .camp-btn > a {background-color:#00a556;border-radius:1.9rem;background-image:url(../images/section09-btn-arrow.png);background-repeat:no-repeat;background-position:25rem 6.6rem;background-size:8.1rem 5.7rem;transition:all 0.3s}
.campaign-wrap .cont-section.section09 .section-inner .camp-btn > a:hover {background-color:#00c667}
.campaign-wrap .cont-section.section09 .section-inner .camp-btn > a::after {content:'';display:block;width:21.1rem;height:21rem;background-image:url(../images/section09-btn-img.png);background-repeat:no-repeat;background-position:center center;background-size:contain;animation:wiggle 1s ease-in-out infinite;transform-origin:center;position:absolute;right:-12rem;top:-3.8rem}
.campaign-wrap .cont-section.section09 .section-inner .camp-btn > a > span {display:block;height:100%;padding-top:2rem;padding-left:3.3rem;font-family:'Paperlogy';font-weight:700;font-size:3.2rem;line-height:4.2rem;color:#fcfeff}

.campaign-wrap .cont-section.section10 {height:77.5rem;background-image:url(../images/section10-bg.jpg)}
.campaign-wrap .cont-section.section10 .section-inner {padding-top:11.3rem;width:120rem}
.campaign-wrap .cont-section.section10 .section-inner h4 {width:35.7rem;height:13rem;margin:auto;margin-top:-3rem;margin-bottom:2rem}
.campaign-wrap .cont-section.section10 .section-inner .event-info {width:100%;display:flex;flex-direction:column;gap:2rem}
.campaign-wrap .cont-section.section10 .section-inner .event-info .eventInfo-accordion-inner {background-color:#e5c688;padding:2.6rem 3.8rem;border-radius:1.9rem}
.campaign-wrap .cont-section.section10 .section-inner .event-info .eventInfo-accordion-inner .info-toggle {display:flex;align-items:center;justify-content:space-between;font-family:'NanumSquareNeoBold';font-size:2.3rem;line-height:3.3rem;letter-spacing:-0.025em;color:#000;cursor:pointer}
.campaign-wrap .cont-section.section10 .section-inner .event-info .eventInfo-accordion-inner .info-toggle::after {content:'';display:block;width:2.2rem;height:1.3rem;background-image:url(../images/section10-arrow-open.png);background-repeat:no-repeat;background-size:contain}
.campaign-wrap .cont-section.section10 .section-inner .event-info .eventInfo-accordion-inner .info-toggle.active::after {background-image:url(../images/section10-arrow-close.png)}
.campaign-wrap .cont-section.section10 .section-inner .event-info .eventInfo-accordion-inner .info-content {display:none;padding-top:2.5rem;font-family:'NanumSquareNeo';font-size:1.8rem;line-height:3rem;letter-spacing:-0.04em;word-break:keep-all}

.shake-animation {animation:wiggle 1s ease-in-out infinite;transform-origin:center}
.floating {animation:floating 2.5s ease-in-out infinite}

@keyframes wiggle {
    0%, 100% {
        transform: translateX(0) rotate(0);
    }
    25% {
        transform: translateX(-0.5rem) rotate(-3deg);
    }
    75% {
        transform: translateX(0.5rem) rotate(3deg);
    }
}

@keyframes floating {
	0%,
	100% {
		transform: translateY(-1rem);
	}
	50% {
		transform: translateY(1rem);
	}
}

.campaign-copyright {height:16.2rem;font-size:2.1rem}

.camp-fixed-banner {width:32rem;height:13.8rem;position:fixed;bottom:0;right:1rem;opacity:0;z-index:999}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner > a {display:block;width:29.4rem;height:9.1rem;position:relative;background-color:#00a556;border-radius:1.9rem;background-image:url(../images/section01-btn-deco.png);background-repeat:no-repeat;background-position:12.3rem 1.2rem;background-size:7.5rem 3.9rem;transition:all 0.3s}
.camp-fixed-banner > a:hover {background-color:#00c667}
.camp-fixed-banner .banner-txt {display:block;height:100%;padding-top:1.8rem;padding-left:2.4rem;font-family:'Paperlogy';font-weight:700;font-size:2.3rem;line-height:3.1rem;color:#fcfeff}
.camp-fixed-banner .banner-img {width:14rem;height:14.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;right:-2.5rem;top:-2.5rem}
.camp-fixed-banner .banner-img span {display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center center;background-size:contain;transition:opacity 0.7s ease}
.camp-fixed-banner .banner-img .banner-img-front {opacity:1}
.camp-fixed-banner .banner-img .banner-img-back {opacity:0}

/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
    html {overflow-x:hidden;font-size:50%}
    .wrap-camp {width:1536px}
    .campaign-wrap {width:100%}
    .campaign-wrap img {max-width:100%}    
}