@charset "euc-kr";


/*reset*/
button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance:none;
}
button,select {
    text-transform:none;
}
button,input {
    overflow:hidden;
}
button:focus {
    outline:none;
}
a,div {
    -webkit-tap-highlight-color: transparent;
}


/*font*/
@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
        format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@font-face {font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}


/* common */
.sec_tit { color: #222; letter-spacing: -0.3vw; font-family: "GmarketSans", sans-serif; font-weight: normal; text-align: center; line-height: 1.1;}
.sec_tit strong { font-weight: bold; font-size: 7.78vw; display: block;}
.sec_tit p + strong { margin-top: 1.1vw; }
.sec_tit strong + p { margin-top: 1.1vw; }
.sec_tit p { font-weight: normal;font-size: 6.85vw; color:inherit;font-family:inherit;line-height: 1.2; background: #f9f962; display: inline-block;}
.txt_red { color:#f20000; }
.txt_green { color:#4fff81; }
.txt_sky { color:#16d6fa; }
.txt_pink { color:#fc7ba8; }
.txt_yellow { color:#fffd43; }
.txt_blue { color:#004eff; }
.img{width:100%;}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}

/* fade in */
.fade_box .fade { position: relative; transform: translate(0, 18.67vw); opacity: 0; transition-property: opacity, transform; transition-duration: 1s; }
.fade_box .fade.show { transform: translate(0, 0) !important; opacity: 1 !important; }
.fade_self { position: relative; transform: translate(0, 18.67vw); opacity: 0; transition-property: opacity, transform; transition-duration: 1s; }
.fade_self.show { transform: translate(0, 0) !important; opacity: 1 !important; }
.fade_box .fade_00 { transition-delay: 0.0s; }
.fade_box .fade_01 { transition-delay: 0.1s; }
.fade_box .fade_02 { transition-delay: 0.2s; }
.fade_box .fade_03 { transition-delay: 0.3s; }
.fade_box .fade_04 { transition-delay: 0.4s; }
.fade_box .fade_05 { transition-delay: 0.5s; }
.fade_box .fade_06 { transition-delay: 0.6s; }
.fade_box .fade_07 { transition-delay: 0.7s; }
.fade_box .fade_08 { transition-delay: 0.8s; }
.fade_box .fade_09 { transition-delay: 0.9s; }
.fade_box .fade_10 { transition-delay: 1.0s; }
.fade_box .fade_11 { transition-delay: 1.1s; }
.fade_box .fade_12 { transition-delay: 1.2s; }
.fade_box .fade_13 { transition-delay: 1.3s; }
.fade_box .fade_14 { transition-delay: 1.4s; }
.fade_box .fade_15 { transition-delay: 1.5s; }
.fade_box .fade_16 { transition-delay: 1.6s; }
.fade_box .fade_17 { transition-delay: 1.7s; }
.fade_box .fade_18 { transition-delay: 1.8s; }
.fade_box .fade_19 { transition-delay: 1.9s; }
.fade_box .fade_20 { transition-delay: 2.0s; }

#only1_wrapper{font-family: 'pretendard';}

/* visual */
.only1live .visual{overflow:hidden; position: relative; height: calc(100vh - 55px); padding-top: 12.00vw; background: url(../img_m/visual_bg.png) no-repeat 0 0 / cover;}
.only1live .visual .visual_tit_wrap{position: relative; z-index: 4; margin-bottom: 5.33vw; text-align: center;}
.only1live .visual .visual_tit_wrap p{color: #424242; font-size: 6.40vw; font-weight: 600; line-height: 1.4em;}
.only1live .visual .visual_tit_wrap p strong{color: #ff4545; font-weight: inherit;}
.only1live .visual .tit_img{position: relative; z-index: 4; padding: 0 10.13vw; margin-bottom: 9.33vw;}
.only1live .visual .tit_img img{max-width: 100%;}
.only1live .visual .tablet_img{position: relative; z-index: 2; padding: 0 6.67vw;}
.only1live .visual .tablet_img img{max-width: 100%;}
.only1live .visual .like_wrap{overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 75vh;}
.only1live .visual .like_wrap img{position: absolute; opacity: 0; will-change: bottom, translate, rotate, opacity, filter;}
.only1live .visual .like_wrap img.like1{width: 32.00vw;}
.only1live .visual .like_wrap img.like2{width: 16.00vw;}
.only1live .visual .like_wrap img.like3{width: 17.33vw;}
.only1live .visual .like_wrap img.like4{width: 13.87vw;}
.only1live .visual .like_wrap img.like5{width: 12.00vw;}
.only1live .visual .bubble_wrap{position: absolute; bottom: 12vh; z-index: 4; width: 100%; height: 36.00vw;}
.only1live .visual .bubble_wrap img{position: absolute; transform: scale(0); transform-origin: center; width: auto; height: 9.07vw; filter: drop-shadow(0 2.67vw 5.33vw rgba(132, 132, 132, 0.2));}
.only1live .visual .bubble_wrap img.bubble1{top: 15%; left: 4%;}
.only1live .visual .bubble_wrap img.bubble2{top: 0%; right: 9%;}
.only1live .visual .bubble_wrap img.bubble3{top: 41%; left: 34%;}
.only1live .visual .bubble_wrap img.bubble4{top: 73%; left: 3%;}
.only1live .visual .bubble_wrap img.bubble5{top: 28%; right: 3%;}
.only1live .visual .bubble_wrap img.bubble6{top: 80%; right: 7%;}
.only1live .visual .student_wrap{overflow: hidden; position: absolute; bottom: 0; left: -2.5%; width: 105%; height: 18vh;}
.only1live .visual .student_wrap img { animation: studentFloat 2s linear var(--student-delay) infinite; position: absolute; width: var(--student-size); height: auto; transform-origin: center bottom; pointer-events: none; user-select: none; }
@keyframes studentFloat {
	0% { translate: 0 0; }
	6.25% { translate: 0 -50%; }
	18.75% { translate: 0 -50%; }
	25% { translate: 0 0; }
	100% { translate: 0 0; }
}

.only1live .visual .reason{position: absolute; bottom: 2.67vw; left: 5.33vw; z-index: 3; color: #000; font-size: 2.40vw;}
.only1live .visual.on .bubble_wrap img { animation: bubbleShow 0.5s ease-out forwards, studentFloat 1.25s linear infinite; }
.only1live .visual.on .bubble_wrap img:nth-child(1) { animation-delay: 0s, 2s; }
.only1live .visual.on .bubble_wrap img:nth-child(2) { animation-delay: 0.1s, 2.1s; }
.only1live .visual.on .bubble_wrap img:nth-child(3) { animation-delay: 0.2s, 2.2s; }
.only1live .visual.on .bubble_wrap img:nth-child(4) { animation-delay: 0.3s, 2.3s; }
.only1live .visual.on .bubble_wrap img:nth-child(5) { animation-delay: 0.4s, 2.4s; }
.only1live .visual.on .bubble_wrap img:nth-child(6) { animation-delay: 0.5s, 2.5s; }
@keyframes bubbleShow {
	0% { transform: scale(0); opacity: 0; }
	70% { transform: scale(1.08); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

.only1live .visual .pop{position: absolute; top: 61.33vw; right: 0; width: 32.00vw; z-index: 4;}
.only1live .visual .pop.is_closed { display:none; }
.only1live .visual .pop a{display: block;}
.only1live .visual .pop button{position: absolute; top: 1.07vw; right: 2.13vw; width: 4.00vw;}
.only1live .visual .pop img{max-width: 100%;}

.only1live .visual .bol{position:absolute; left:10vw; bottom:15vw; width:17vw;}
.only1live .visual .btn{position:absolute; left:4vw; bottom:7vw; width:92vw; height:17vw; text-indent:-9999em;}
.only1live .visual_rolling{position:absolute; left:0; top:3vw; display: flex;}
.only1live .visual_rolling li img{height:20vw;}
.only1live .visual_rolling li.original {
    animation: 35s linear 0s infinite normal forwards running rollingLeft1;
}
.only1live .visual_rolling li.clone {
    animation: 35s linear 0s infinite normal none running rollingLeft2;
}
@keyframes rollingLeft1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-100%);
    }

    50.01% {
        transform: translateX(100%);
    }

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

@keyframes rollingLeft2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

/* banner_wrap */
.only1live .banner_wrap {position: relative; background: #f20000;display: flex;padding: 9.07vw 0 7.2vw;flex-direction: column;overflow: hidden;}
.only1live .banner_wrap .txt { position: relative; z-index: 1;}
.only1live .banner_wrap .txt p {margin-bottom: 2.4vw;font-size: 4.8vw;text-align: center;color: #fff;}
.only1live .banner_wrap .txt strong {font-size: 8.8vw;font-family: 'GmarketSansBold';text-align: center;color: #fff;display: block; line-height: 1.2em;}
.only1live .banner_wrap .obj {position: absolute;left: 4.8vw;bottom: -4.27vw;width: 90.13vw;}

.only1live .banner_wrap .txt p span, 
.only1live .banner_wrap .txt strong span {display:inline-block;opacity:0;transform:translateY(3vw);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.only1live .banner_wrap .txt span.on {opacity:1;transform:translateY(0);}

.only1live .max_rowbx{background: #ecf0f8; color: #222;}
.only1live .max_rowbx div[class^="section"]{position: relative;}
.only1live .max_rowbx div[class^="section"] .tit_wrap{text-align: center;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .logo{margin-bottom: 2.67vw; text-align: center;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .logo img{max-width: 17.87vw;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 6.93vw; font-family: "GmarketSansBold"; text-align: center; line-height: 1.3em;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .tit strong{color: #f20000; font-weight: inherit;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .sub_tit{white-space: nowrap; margin-top: 5.33vw; font-size: 5.33vw; text-align: center; line-height: 1.3em;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .more_btn{display: inline-flex; padding: 0.5em 1.2em; margin-top: 10.67vw; border: 1px solid #292a4c; color: #292a4c; font-size: 3.73vw; font-weight: 700; border-radius: 2em;}

.only1live .max_rowbx div[class^="section"] .sec_wrap{padding: 8.00vw 5.33vw; background: #fff; text-align: center; border-radius: 5.33vw;}
.only1live .max_rowbx div[class^="section"] .sec_wrap .txt1{font-size: 6.40vw; font-weight: 700; line-height: 1.4em;}
.only1live .max_rowbx div[class^="section"] .sec_wrap .txt1 strong{color: #f20000; font-weight: inherit;}
.only1live .max_rowbx div[class^="section"] .sec_wrap .txt2{white-space: nowrap; margin-top: 4.27vw; font-size: 4.27vw; line-height: 1.4em;}

.only1live .card_wrap { position: relative; }
.only1live .card_wrap .card_sticky { position: -webkit-sticky; position: sticky; top: 0; width: 100%; }
.only1live .card_wrap .tit_wrap { position: sticky; top: calc(55px + 8.00vw); left: 0; width: 100%; height: calc(6.93vw*2*1.3);}
.only1live .card_wrap .tit_wrap .tit { }
.only1live .card_wrap .card_layer { position: relative; margin-top: 8.00vw; }
.only1live .card_wrap .card_layer > .item { position: sticky; top: calc(6.93vw*2*1.3 + 55px + 8.00vw*2); left: 0; width: 100%; z-index: 1; }
.only1live .card_wrap .card_layer > .item + .item{margin-top: 64.00vw;}
.only1live .card_wrap .card_layer > .item .sec_wrap { position: relative; }
.only1live .card_wrap .sticky_end_space {height: 75vh;}

.only1live .section3{padding: 21.33vw 6.40vw; background: rgba(107, 159, 255, 0.1);}
.only1live .max_rowbx div[class^="section"].section3 .sec_wrap{}
.only1live .section3 .tit_wrap{}
.only1live .section3 .video_wrap{overflow: hidden; position: relative; margin-top: 8.00vw; border-radius: 2.40vw;}
.only1live .section3 .video_wrap img{max-width: 100%;}
.only1live .section3 .video{overflow: hidden; position: relative; padding-top: 56.25%; margin-top: 8.00vw; border: 3px solid #414266; border-radius: 2.40vw;}
.only1live .section3 .video > div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ddd;}
.only1live .section3 .video > video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ddd;}
.only1live .section3 .video_wrap .video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; padding-top: calc(56.25%*0.75); margin-top: 0;}

.only1live .section3 .txt_bubble{display: flex; flex-direction: column; position: relative; margin-top: -10.00vw;}
.only1live .section3 .txt_bubble .item1{display: flex; position: relative; margin-left: 0.67vw;}
.only1live .section3 .txt_bubble .item1 img{position: absolute; top: 0; left: 0; transform: translate(-25%, -70%); width: 12.53vw;}
.only1live .section3 .txt_bubble .item1 p{padding: 1.60vw 3.73vw; background: #f7decd; font-size: 3.73vw; font-weight: 500; text-align: left; border-radius: 2em;}
.only1live .section3 .txt_bubble .item2{display: flex; position: relative; margin-top: 1.60vw; margin-left: auto; }
.only1live .section3 .txt_bubble .item2 p{padding: 1.60vw 3.73vw; background: #f4d8f9; font-size: 3.73vw; font-weight: 500; border-radius: 2em;}
.only1live .section3 .txt_bubble .item2 img{position: absolute; top: 0; right: 0; transform: translate(30%, -70%); width: 12.53vw;}
.only1live .section3 .txt_bubble .item3{display: flex; position: relative; margin-top: 2.67vw; }
.only1live .section3 .txt_bubble .item3 p{white-space: nowrap; padding: 1.60vw 3.73vw; background: #dbe4ff; font-size: 3.73vw; font-weight: 500; border-radius: 2em;}
.only1live .section3 .txt_bubble .item3 img{position: absolute; top: 0; left: 0; transform: translate(50%, -80%); width: 12.53vw;}
.only1live .section3 .txt_bubble.aos-animate > div{animation: studentFloat 1.25s linear infinite;}
.only1live .section3 .txt_bubble.aos-animate > div.item1{animation-delay: 1.1s;}
.only1live .section3 .txt_bubble.aos-animate > div.item2{animation-delay: 1.3s;}
.only1live .section3 .txt_bubble.aos-animate > div.item3{animation-delay: 1.2s;}

.only1live .section3 .video_wrap .emo_wrap{position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%; height: 80%;}
.only1live .section3 .video_wrap .emo_wrap img{position: absolute; opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease;}
.only1live .section3 .video_wrap .emo_wrap img.emo1{top: 30%; left: 5%; width: 8.00vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo2{top: 43%; right: 6%; width: 6.67vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo3{top: 85%; left: 20%; width: 8.27vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo4{top: 12%; right: 20%; width: 7.73vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo5{top: 73%; right: 18%; width: 11.20vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo6{top: 45%; left: 8%; width: 10.67vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo7{top: 27%; right: 11%; width: 8.00vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo8{top: 78%; right: 9%; width: 6.13vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo9{top: 55%; right: 24%; width: 8.00vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo10{top: 9%; left: 17%; width: 10.67vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo11{top: 15%; right: 8%; width: 4.80vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo12{top: 82%; left: 45%; width: 6.93vw;}
.only1live .section3 .video_wrap .emo_wrap img.emo13{top: 70%; left: 8%; width: 7.73vw;}

.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap.on img{opacity: 1; transform: translateY(0); transition-delay: var(--emo-delay);}
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo1{ --emo-delay: 0.35s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo2{ --emo-delay: 0.4s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo3{ --emo-delay: 0.45s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo4{ --emo-delay: 0.5s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo5{ --emo-delay: 0.55s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo6{ --emo-delay: 0.6s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo7{ --emo-delay: 0.65s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo8{ --emo-delay: 0.7s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo9{ --emo-delay: 0.75s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo10{ --emo-delay: 0.8s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo11{ --emo-delay: 0.85s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo12{ --emo-delay: 0.9s; }
.only1live .section3 .card_wrap .card_layer > .item .video_wrap .emo_wrap img.emo13{ --emo-delay: 0.95s; }

.only1live .section4{position: relative; min-height: 100vh; padding: 21.33vw 8.67vw calc(88.00vw + 21.33vw);}
.only1live .section4 .tit_wrap{position: sticky; top: calc(55px + 8.00vw); z-index: 1;}
.only1live .section4 .point_wrap{position: relative; z-index: 1; margin-top: 8.00vw;}
.only1live .section4 .point_wrap .item{overflow: hidden; position: sticky; top: calc(55px + 8.00vw); z-index: 2; border-radius: 5.33vw;}
.only1live .section4 .point_wrap .item + .item{margin-top: 10.67vw;}
.only1live .section4 .point_wrap .item:first-child{}
.only1live .section4 .point_wrap .item:nth-child(2){transform: translateY(36%);}
.only1live .section4 .point_wrap .item:nth-child(3){transform: translateY(72%);}
.only1live .section4 .point_wrap img{max-width: 100%;}

.only1live .section5{padding: 21.33vw 6.40vw; background: rgba(107, 159, 255, 0.1);}
.only1live .max_rowbx div[class^="section"].section5 .sec_wrap{position: relative; padding-bottom: 19.20vw;}
.only1live .section5 .tablet_info{display: grid; grid-template-columns: 1fr 45%; gap: 1.87vw; padding: 2.13vw; margin-top: 16.00vw; background: rgba(109, 142, 218, 0.2); border: 3px solid #414266; border-radius: 3.20vw;}
.only1live .section5 .tablet_info .left{display: grid; grid-template-rows: 65% 1fr; gap: 1.87vw 0;}
.only1live .section5 .tablet_info .left .l_top{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 1.33vw; padding: 3.50vw 4.80vw; background: #fff; border-radius: 1.60vw;}
.only1live .section5 .tablet_info .left .l_top .item{display: grid; grid-template-rows: 1fr calc(2.13vw*1.5); height: 100%;}
.only1live .section5 .tablet_info .left .l_top .item > div{display: flex; flex-direction: column; justify-content: flex-end;}
.only1live .section5 .tablet_info .left .l_top .item > div span{font-size: 2.93vw; line-height: 1em;}
.only1live .section5 .tablet_info .left .l_top .item > div div{height: calc(var(--bar-height, 0px) - 2.13vw*1.3*1.5 - 2.93vw); border-radius: 0.80vw; transition: height 0.3s ease-out;}
.only1live .section5 .tablet_info .left .l_top .item:first-child > div div{background: #ffa6c2;}
.only1live .section5 .tablet_info .left .l_top .item:nth-child(2) > div div{background: #93ebab;}
.only1live .section5 .tablet_info .left .l_top .item:nth-child(3) > div div{background: #ffd280;}
.only1live .section5 .tablet_info .left .l_top .item:nth-child(4) > div div{background: #d6a6fa;}
.only1live .section5 .tablet_info .left .l_top .item:nth-child(5) > div div{background: #70bfff;}
.only1live .section5 .tablet_info .left .l_top .item p{margin-top: 0.5em; font-size: 2.13vw; line-height: 1.3;}
.only1live .section5 .tablet_info .left .l_bottom{overflow: hidden; position: relative; background: #fff; border-radius: 1.60vw;}
.only1live .section5 .tablet_info .left .l_bottom img{animation: rotateCircle 4s infinite; transform-origin: center center; position: absolute; top: 15%; left: 10%; width: 80%;}
.only1live .section5 .tablet_info .left .l_bottom p{position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); color: #219bff; font-size: 4.00vw; font-weight: 700;}
@keyframes rotateCircle {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(72deg); }
	50% { transform: rotate(72deg); }
	60% { transform: rotate(0deg); }
	100% { transform: rotate(0deg); }
}

.only1live .section5 .tablet_info .right{padding: 3.20vw 3.20vw 6.40vw; background: #fff; border-radius: 1.60vw; text-align: left;}
.only1live .section5 .tablet_info .right p{font-size: 2.93vw; font-weight: 600;}
.only1live .section5 .tablet_info .right ul{display: flex; flex-wrap: wrap; gap: 0.53vw; margin-top: 2.93vw;}
.only1live .section5 .tablet_info .right ul li{padding: 0.25em 1em 0.4em 2em; background: url(../img_m/sec05_chk.png) no-repeat 0.7em center #219bff; background-size: 1em; color: #fff; font-size: 2.13vw; border-radius: 2em;}
.only1live .section5 .tablet_info .right div{width: 22.67vw; height: 12.00vw; margin-top: 2.93vw; background: #e3ebfe; border-radius: 2.13vw;}
.only1live .section5 .teacher_img{position: absolute; bottom: 0; right: 0; width: 58.67vw; height: 58.67vw;}
.only1live .section5 .teacher_img img{max-width: 100%;}
.only1live .section5 .img_wrap{position: relative; margin-top: 16.00vw;}
.only1live .section5 .img_wrap img{max-width: 100%;}
.only1live .section5 .img_wrap .num{position: absolute; bottom: 10%; left: 50%; z-index: 3; transform: translateX(-50%); font-size: 40px; font-weight: 700;}
.only1live .section5 .img_wrap .circle{position: absolute; bottom: -6%; left: 50%; transform: translateX(-50%); z-index: 1; width: 33.33vw;}
.only1live .section5 .img_wrap .border{position: absolute; bottom: -4%; left: 50%; z-index: 2; width: 15.47vw; clip-path: inset(0 0 100% 0); transition: clip-path 0.75s 0.5s linear;}
.only1live .section5 .img_wrap.on .border {clip-path: inset(0 0 0 0);}

.only1live .section6{padding: 21.33vw 6.40vw;}
.only1live .max_rowbx div[class^="section"].section6 .sec_wrap.books{overflow: hidden; position: relative; padding-bottom: 28.00vw;}
.only1live .section6 .slide{width: calc(100% + 5.33vw*2); margin-top: 8.00vw; margin-left: -5.33vw;}
.only1live .section6 .slide .swiper-wrapper{}
.only1live .section6 .slide .item{transform: scale(0.8); transition: transform 0.75s;}
.only1live .section6 .slide .item img{max-width: 33.33vw; max-height: 47.20vw;}
.only1live .section6 .slide .swiper-slide-active{transform: scale(1);}
.only1live .section6 .papers{display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.60vw; position: absolute; bottom: 0; left: calc(13.33vw/2); z-index: 1; width: calc(100% - 13.33vw);}
.only1live .section6 .papers img{max-width: 100%;}
.only1live .section6 .img_wrap{position: relative; width: calc(100% + 5.33vw*2); margin-top: 5.33vw; margin-left: -5.33vw;}
.only1live .section6 .img_wrap img{max-width: 100%;}
.only1live .section6 .img_wrap .report{position: absolute; bottom: -12%; right: 2%; width: 41.87vw;}

.only1live .section11{padding: 0 0 10vw; background: #ffe7f1;}
.only1live .section11 .gift_list{counter-reset: gift; margin-top: 13.33vw;}
.only1live .section11 .gift_list .item{position: relative; counter-increment: gift;}
.only1live .section11 .gift_list .item::before { content: '혜택 ' counter(gift); position: absolute; top: 0; left: 0; z-index: 2; transform: translateY(-50%); padding: 0.6em 1.2em 0.4em; background: #292a4c; color: #fff; font-size: 3.47vw; font-family: 'GmarketSansBold'; border-radius: 2em 2em 2em 0; line-height: 1em;}
.only1live .section11 .gift_list .item + .item{margin-top: 6.40vw; }
.only1live .section11 .gift_list .item div { overflow: hidden; position: relative; border-radius: 0 8.00vw 8.00vw 8.00vw; }
.only1live .section11 .gift_list .item div::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 0 8.00vw 8.00vw 8.00vw; background: linear-gradient(135deg, rgba(165, 179, 209, 0.6), rgba(165, 179, 209, 0.6)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; transition: padding 0.3s, background 0.3s;}
.only1live .section11 .gift_list .item.on div::before{padding: 3px; background: linear-gradient(135deg, #ffcc00 0%, #ff4343 33%, #c355f2 64%);}
.only1live .section11 .gift_list .item img{max-width: 100%;}

.only1live .section11 .device_select{display: grid; grid-template-columns: 1fr 1fr; gap:0 2.93vw; height: 99.20vw; padding: 0 4.27vw;}
.only1live .section11 .device_select div{border-radius: 5.33vw; transition: box-shadow 0.5s;}
.only1live .section11 .device_select div:first-child{background: url(../img_m/sec11_select01.png) no-repeat 0 0 / cover; box-shadow: 0 2.13vw 5.33vw 0 rgba(0, 0, 0, 0.2);}
.only1live .section11 .device_select div:nth-child(2){background: url(../img_m/sec11_select02.png) no-repeat 100% 0 / cover;}
.only1live .section11 .device_select.on div:nth-child(2){}
.only1live .section11 .device_select.on div:first-child{background-position-x: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.only1live .section11 .device_select.on div:nth-child(2){background-position-x: 0%; box-shadow: 0 2.13vw 5.33vw 0 rgba(0, 0, 0, 0.2);}

.only1live .section11 .notice_wrap{padding: 0 4.27vw;}

.only1live .section13{padding: 21.33vw 4.27vw 21.33vw;}
.only1live .section13 .slide_wrap{overflow:hidden; width: calc(100% + 4.27vw*2); margin-top: 10.67vw; margin-left: -4.27vw;}
.only1live .section13 .slide_wrap .swiper-container{overflow: visible; width: calc(100% - 4.27vw*2); margin: 0 4.27vw;}
.only1live .section13 .slide_wrap .swiper-wrapper{}
.only1live .section13 .slide_wrap img{max-width: 100%;}

.only1live .section14{padding: 21.33vw 4.27vw 21.33vw;}
.only1live .section14 .bubble{opacity: 0; margin: 10.67vw 0 6.40vw; text-align: center;}
.only1live .section14 .bubble img{max-width: 65.07vw;}

.only1live .section14 .books{position: relative; padding-bottom: 12.00vw;}
.only1live .section14 .books .item{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1.33vw; position: relative; z-index: 1;}
.only1live .section14 .books .item:first-child{margin: 0 16.00vw 0 4.00vw;}
.only1live .section14 .books .item:nth-child(2){margin: 0 4.00vw 0 16.00vw; margin-top: -10.67vw;}
.only1live .section14 .books .item img{opacity: 0; max-width: 100%;}
.only1live .section14 .books .light{position: absolute; bottom: -40%; left: 50%; opacity: 0; transform: translate(-50%, 0); max-width: 100vw;}

.only1live .section14 .slide_wrap{width: calc(100% + 4.27vw*2); margin-left: -4.27vw;}
.only1live .section14 .slide_wrap img{max-width: 100%;}

.only1live .section14.on .light {animation: sec14Light 0.5s ease-out 0s forwards;}
.only1live .section14.on .item:nth-child(1) img:nth-child(1),
.only1live .section14.on .item:nth-child(2) img:nth-child(3) {animation: sec14Book 0.5s ease-out 0.4s forwards;}
.only1live .section14.on .item:nth-child(1) img:nth-child(2),
.only1live .section14.on .item:nth-child(2) img:nth-child(2) {animation: sec14Book 0.5s ease-out 0.55s forwards;}
.only1live .section14.on .item:nth-child(1) img:nth-child(3),
.only1live .section14.on .item:nth-child(2) img:nth-child(1) {animation: sec14Book 0.5s ease-out 0.7s forwards;}
.only1live .section14.on .bubble {animation: sec14Bubble 0.5s ease-out 1.15s forwards;}
@keyframes sec14Light {
	from {opacity: 0; transform: translate(-50%, 5.33vw);}
	to {opacity: 1; transform: translate(-50%, 0);}
}

@keyframes sec14Book {
	from {opacity: 0; transform: translateY(5.33vw);}
	to {opacity: 1; transform: translateY(0);}
}

@keyframes sec14Bubble {
	from {opacity: 0; transform: translateY(5.33vw);}
	to {opacity: 1; transform: translateY(0);}
}

.only1live .section15{padding: 21.33vw 6.40vw; background: rgba(107, 159, 255, 0.1);}
.only1live .section15 .tab {display: flex; flex-wrap: wrap; justify-content: center; gap: 1.60vw; margin-top: 10.67vw;}
.only1live .section15 .tab > div {cursor: pointer; padding: 0.25em 1.05em; border: 1px solid #222; font-size: 4.27vw; border-radius: 2em; transition: background 0.35s ease, color 0.35s ease;}
.only1live .section15 .tab > div.active {background: #222; color: #fff;}
.only1live .section15 .tab_panel {height: 99vw;}
.only1live .section15 .tab_cont {display: none; margin-top: 10.67vw;}
.only1live .section15 .tab_cont.active {display: block;}
.only1live .section15 .tab_cont img{max-width: 100%;}

.only1live .section16{overflow: hidden; padding: 21.33vw 0;}
.only1live .section16 .math_wrap{display: flex; align-items: center; justify-content: center; position: relative; height: 160vw; margin-top: 10.67vw;}
.only1live .section16 .math_wrap .math_tit_wrap{display: flex; flex-direction: column; align-items: center; position: relative; isolation: isolate;}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap{position: absolute; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div{position: absolute; top: 50%; left: 50%; opacity:0; transform: translate(-50%, -50%); border-radius: 50%; transition:opacity .75s linear;}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:first-child{opacity: 1; width: 41.07vw; height: 41.07vw; background: rgba(255, 255, 255, 0.2);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(2){opacity: 1; width: 55.47vw; height: 55.47vw; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(3){width: 72.00vw; height: 72.00vw; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(4){width: 88.00vw; height: 88.00vw; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(5){width: 108.27vw; height: 108.27vw; background: rgba(45, 205, 13, 0.1);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(6){width: 135.47vw; height: 135.47vw; background: rgba(45, 205, 13, 0.05);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(7){width: 158.93vw; height: 158.93vw; background: rgba(45, 205, 13, 0.05);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div.active { opacity:1; }

.only1live .section16 .math_wrap .math_tit_wrap > * {position: relative; z-index: 1;}
.only1live .section16 .math_wrap .math_tit_wrap p{font-size: 7.47vw; font-family: 'GmarketSansBold'; line-height: 1.3em;}
.only1live .section16 .math_wrap .math_tit_wrap span{margin-bottom: 3.20vw; font-size: 4.27vw;}
.only1live .section16 .math_wrap .math_tit_wrap a{padding: 0.4em 1.2em; border: 1px solid #292a4c; color: #292a4c; font-size: 3.73vw; font-weight: 700; border-radius: 2em;}
.only1live .section16 .math_wrap .icon_list{}
.only1live .section16 .math_wrap .icon_list div{position: absolute; transform: scale(0.8); width: 24.00vw; height: 24.00vw; background-size: 24.00vw 48.00vw; background-repeat: no-repeat; background-position: 0 100%; transition: transform 0.35s ease;
	will-change: translate;
}

.only1live .section16 .math_wrap .icon_list div.on{transform: scale(1); background-position: 0 0%}
.only1live .section16 .math_wrap .icon_list div#sec16Math01{background-image: url(../img_m/sec16_math_icon01.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math02{background-image: url(../img_m/sec16_math_icon02.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math03{background-image: url(../img_m/sec16_math_icon03.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math04{background-image: url(../img_m/sec16_math_icon04.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math05{background-image: url(../img_m/sec16_math_icon05.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math06{background-image: url(../img_m/sec16_math_icon06.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math07{background-image: url(../img_m/sec16_math_icon07.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math08{background-image: url(../img_m/sec16_math_icon08.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math09{background-image: url(../img_m/sec16_math_icon09.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math10{background-image: url(../img_m/sec16_math_icon10.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math11{background-image: url(../img_m/sec16_math_icon11.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math12{background-image: url(../img_m/sec16_math_icon12.png);}

.only1live .section16 .math_wrap .icon_list .icon01{top: 5%; left: 25%;}
.only1live .section16 .math_wrap .icon_list .icon02{top: 15%; left: -2%;}
.only1live .section16 .math_wrap .icon_list .icon03{top: 35%; left: -1%;}
.only1live .section16 .math_wrap .icon_list .icon04{top: 10%; right: 5%;}
.only1live .section16 .math_wrap .icon_list .icon05{top: 21%; right: 30%;}
.only1live .section16 .math_wrap .icon_list .icon06{top: 30%; right: 3%;}
.only1live .section16 .math_wrap .icon_list .icon07{bottom: 30%; left: 5%;}
.only1live .section16 .math_wrap .icon_list .icon08{bottom: 21%; left: 33%;}
.only1live .section16 .math_wrap .icon_list .icon09{bottom: 8%; left: 5%;}
.only1live .section16 .math_wrap .icon_list .icon10{bottom: 35%; right: -2%;}
.only1live .section16 .math_wrap .icon_list .icon11{bottom: 18%; right: 5%;}
.only1live .section16 .math_wrap .icon_list .icon12{bottom: 3%; right: 25%;}
@property --float-x {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}

@property --float-y {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}

@property --float-x-end {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}

@property --float-y-end {
	syntax: '<length>';
	inherits: false;
	initial-value: 0px;
}

.only1live .section16 .math_video{margin: 10.67vw 9.87vw 21.33vw;}
.only1live .section16 .math_video .video_wrap{overflow: hidden; position: relative; width: 100%; padding-top: 56.25%; background: #ddd; border: 3px solid #414266; border-radius: 3.20vw;}
.only1live .section16 .math_video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.only1live .section16 .eng_wrap{display: flex; align-items: center; justify-content: center; position: relative; height: 160vw;}
.only1live .section16 .eng_wrap .eng_tit_wrap{display: flex; flex-direction: column; align-items: center; position: relative; isolation: isolate;}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap{position: absolute; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div{position: absolute; top: 50%; left: 50%; opacity:0; transform: translate(-50%, -50%); border-radius: 50%; transition:opacity .75s linear;}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:first-child{opacity: 1; width: 41.07vw; height: 41.07vw; background: rgba(255, 255, 255, 0.2);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(2){opacity: 1; width: 55.47vw; height: 55.47vw; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(3){width: 72.00vw; height: 72.00vw; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(4){width: 88.00vw; height: 88.00vw; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(5){width: 108.27vw; height: 108.27vw; background: rgba(255, 89, 104, 0.1);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(6){width: 135.47vw; height: 135.47vw; background: rgba(255, 89, 104, 0.05);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(7){width: 158.93vw; height: 158.93vw; background: rgba(255, 89, 104, 0.05);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div.active { opacity:1; }

.only1live .section16 .eng_wrap .eng_tit_wrap > * {position: relative; z-index: 1;}
.only1live .section16 .eng_wrap .eng_tit_wrap p{font-size: 7.47vw; font-family: 'GmarketSansBold'; line-height: 1.3em;}
.only1live .section16 .eng_wrap .eng_tit_wrap span{margin-bottom: 3.20vw; font-size: 4.27vw;}
.only1live .section16 .eng_wrap .eng_tit_wrap a{padding: 0.4em 1.2em; border: 1px solid #292a4c; color: #292a4c; font-size: 3.73vw; font-weight: 700; border-radius: 2em;}
.only1live .section16 .eng_wrap .icon_list{}
.only1live .section16 .eng_wrap .icon_list div{position: absolute; transform: scale(0.8); width: 24.00vw; height: 24.00vw; background-size: 24.00vw 48.00vw; background-repeat: no-repeat; background-position: 0 100%; transition: transform 0.35s ease;
	will-change: translate;
}

.only1live .section16 .eng_wrap .icon_list div.on{transform: scale(1); background-position: 0 0%}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng01{background-image: url(../img_m/sec16_eng_icon01.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng02{background-image: url(../img_m/sec16_eng_icon02.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng03{background-image: url(../img_m/sec16_eng_icon03.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng04{background-image: url(../img_m/sec16_eng_icon04.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng05{background-image: url(../img_m/sec16_eng_icon05.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng06{background-image: url(../img_m/sec16_eng_icon06.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng07{background-image: url(../img_m/sec16_eng_icon07.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng08{background-image: url(../img_m/sec16_eng_icon08.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng09{background-image: url(../img_m/sec16_eng_icon09.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng10{background-image: url(../img_m/sec16_eng_icon10.png);}

.only1live .section16 .eng_wrap .icon_list .icon01{top: 11%; left: 24%;}
.only1live .section16 .eng_wrap .icon_list .icon02{top: 25%; left: -2%;}
.only1live .section16 .eng_wrap .icon_list .icon03{bottom: 28%; left: 6%;}
.only1live .section16 .eng_wrap .icon_list .icon04{top: 3%; right: 20%;}
.only1live .section16 .eng_wrap .icon_list .icon05{top: 23%; right: 30%;}
.only1live .section16 .eng_wrap .icon_list .icon06{top: 25%; right: 0;}
.only1live .section16 .eng_wrap .icon_list .icon07{bottom: 6%; left: 15%;}
.only1live .section16 .eng_wrap .icon_list .icon08{bottom: 7%; right: 6%;}
.only1live .section16 .eng_wrap .icon_list .icon09{bottom: 21%; right: 30%;}
.only1live .section16 .eng_wrap .icon_list .icon10{bottom: 34%; right: -3%;}

.only1live .section16 .eng_video{margin: 10.67vw 9.87vw 0;}
.only1live .section16 .eng_video .video_wrap{overflow: hidden; position: relative; width: 100%; padding-top: 56.25%; background: #ddd; border: 3px solid #414266; border-radius: 3.20vw;}
.only1live .section16 .eng_video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.only1live .section17{padding: 21.33vw 6.40vw; background: rgba(255, 255, 255, 0.7);}
.only1live .section17 .lib_wrap{position: relative; padding-top: 13.33vw; margin-top: 10.67vw; background: #d5d7ff; border-radius: 5.33vw;}
.only1live .section17 .lib_wrap + .lib_wrap{margin-top: 26.67vw;}
.only1live .section17 .lib_wrap img{max-width: 100%;}
.only1live .section17 .lib_wrap .lib_tit_wrap{color: #000; text-align: center;}
.only1live .section17 .lib_wrap .lib_tit_wrap .main_tit{margin-top: 0.4em; font-size: 7.47vw; font-weight: 700;}
.only1live .section17 .lib_wrap .lib_tit_wrap .sub_tit{font-size: 4.80vw; line-height: 1.3em;}

.only1live .section17 .lib1{}
.only1live .section17 .lib1 .open_book{perspective: 1200px; transform-style: preserve-3d; position: absolute; bottom: 30%; left: calc(50% - 24.00vw); width: 48.00vw; height: 28.80vw; }
.only1live .section17 .lib1 .open_book .book_left, 
.only1live .section17 .lib1 .open_book .book_right { position: absolute; top: 0; width: 50%; height: 100%; }
.only1live .section17 .lib1 .open_book .book_right { right: 0; z-index: 1; background: url(../img_m/sec17_openbook_right.png) no-repeat 0 0 / cover; }
.only1live .section17 .lib1 .open_book .book_left { right: 0; z-index: 2; transform-origin: left center; transform-style: preserve-3d;}
.only1live .section17 .lib1 .open_book .book_left_front, 
.only1live .section17 .lib1 .open_book .book_left_back { position: absolute; inset: 0; background-position: center; background-size: cover; backface-visibility: hidden; }
.only1live .section17 .lib1 .open_book .book_left_front { background: #f5d7a1; }
.only1live .section17 .lib1 .open_book .book_left_back { background: url(../img_m/sec17_openbook_left.png) no-repeat 0 0 / cover; transform: rotateY(180deg); }

.only1live .section17 .lib1.on .open_book .book_left {
	animation: openBook 2s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}
@keyframes openBook {
	0% { transform: rotateY(0deg); }
	100% { transform: rotateY(-180deg); }
}

.only1live .section17 .lib1 .open_book .slide_wrap{position: absolute; top: 0; left: 0; z-index: 3; opacity: 0; width: 100%; height: 100%; pointer-events: none; transition: opacity 0.4s ease;}
.only1live .section17 .lib1 .open_book .slide_wrap img{max-width: 100%;}
.only1live .section17 .lib1 .open_book .slide_wrap.on {opacity: 1;	pointer-events: auto;}
.only1live .section17 .lib1 .books_img{margin-top: 8.00vw;}

.only1live .section17 .lib2{overflow: hidden;}
.only1live .section17 .lib2 .slide_wrap { width: 100%; }
.only1live .section17 .lib2 .book_slide { width: 100%; overflow: visible; padding: 8vw 0 32vw; }
.only1live .section17 .lib2 .book_slide .swiper-wrapper { }
.only1live .section17 .lib2 .book_slide .swiper-slide { width: 22vw; height: auto; display: flex; justify-content: center; align-items: center; transition: transform 700ms ease, opacity 700ms ease; }
.only1live .section17 .lib2 .book_slide .swiper-slide img { display: block; width: 100%; height: auto; }
.only1live .section17 .lib2 .book_slide .swiper-slide-active{transform: scale(1.2);}
.only1live .section17 .lib2 .earth_img{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); width: 55.47vw;}
.only1live .section17 .lib2 .earth_img img{/* animation: earthRotate 60s linear infinite; */}
/* 
@keyframes earthRotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(-360deg); }
}
 */

.only1live .section18{overflow: hidden; padding: 21.33vw 6.40vw;}
.only1live .section18 .graph_wrap{display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 0 2.13vw; margin: 10.67vw 1.60vw 0;}
.only1live .section18 .graph_wrap .item_grp{}
.only1live .section18 .graph_wrap .item{overflow: hidden; position: relative; border-radius: 2.67vw; transition: transform 1s ease;}
.only1live .section18 .graph_wrap .item + .item{margin-top: 2.13vw;}
.only1live .section18 .graph_wrap .item.active{z-index: 1; transform: scale(1.5); box-shadow: 12px 15px 30px 0 rgba(24, 39, 70, 0.15);}
.only1live .section18 .graph_wrap .item img{max-width: 100%;}
.only1live .section18 .graph_wrap .graph1{}
.only1live .section18 .graph_wrap .graph1 ul{display: flex; flex-wrap: wrap; gap: 0.53vw; position: absolute; bottom: 10%; left: 7%; width: calc(100% - 1.87vw);}
.only1live .section18 .graph_wrap .graph1 ul li{padding: 0.25em 1em 0.35em 2.2em; background: url(../img/sec18_graph01_chk01.png) no-repeat 0.7em center #145488; background-size: 1em; color: #fff; font-size: 1.87vw; border-radius: 2em;}
.only1live .section18 .graph_wrap .graph1.active ul li:nth-child(2n){background-image: url(../img/sec18_graph01_chk02.png); background-color: #008cff; color: #ffff00; font-weight: 700; transition: background-image 0.5s 0.5s, background-color 0.5s 0.5s, color 0.5s 0.5s;}
.only1live .section18 .graph_wrap .graph2{}
.only1live .section18 .graph_wrap .graph2 p{position: absolute; bottom: 32%; left: 45.5%; opacity: 0; padding: 0.35em 1.55em; background: #008cff; color: #ffff00; font-size: 1.87vw; border-radius: 0.53vw;}
.only1live .section18 .graph_wrap .graph2.active p{opacity: 1; transition: opacity 0.75s 0.5s;}
.only1live .section18 .graph_wrap .graph3{}
.only1live .section18 .graph_wrap .graph3 .circle{position: absolute; bottom: -69%; left: -23%; width: 146%; max-width: none;}
.only1live .section18 .graph_wrap .graph3 .percent{position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); color: #219bff; font-size: 4.27vw; font-weight: 700;}
.only1live .section18 .graph_wrap .graph3.active .circle{transform: rotate(55deg); transition: transform 1.2s 0.5s ease;}
.only1live .section18 .graph_wrap .graph3.active .percent{}
.only1live .section18 .graph_wrap .graph4{}
.only1live .section18 .graph_wrap .graph4 .img1{position: absolute; bottom: 14%; left: 12%; width: 76%; clip-path:inset(0); will-change:clip-path;}
.only1live .section18 .graph_wrap .graph4 .img2{position: absolute; bottom: 20%; left: 6%; width: 80%; clip-path:inset(0); will-change:clip-path;}
.only1live .section18 .graph_wrap .graph4.active .img1{animation:graph4Reveal 0.75s ease both; animation-delay: 0.5s;}
.only1live .section18 .graph_wrap .graph4.active .img2{animation:graph4Reveal 0.75s ease both; animation-delay: 1s;}
@keyframes graph4Reveal {
	0% {clip-path:inset(0 100% 0 0);}
	100% {clip-path:inset(0);}
}
.only1live .section18 .graph_wrap .graph5 .bar_box{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 1.33vw; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; padding: 0 3vw 3.8vw;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars{display: grid; grid-template-rows: 1fr calc(1.60vw*1.5); height: 100%;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars > div{display: flex; flex-direction: column; justify-content: flex-end; }
.only1live .section18 .graph_wrap .graph5 .bar_box .bars > div span{font-size: 1.60vw; text-align: center; line-height: 1em;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars > div div{height: calc(attr(data-height type(<number>)) * 0.1066667vw); border-radius: 0.80vw; transition: height 0.5s 0.5s ease;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars:first-child > div div{background: #ffa6c2;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars:nth-child(2) > div div{background: #93ebab;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars:nth-child(3) > div div{background: #ffd280;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars:nth-child(4) > div div{background: #d6a6fa;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars:nth-child(5) > div div{background: #70bfff;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars p{margin-top: 0.5em; font-size: 1.60vw; line-height: 1.3;}
.only1live .section18 .graph_wrap .graph6 .img1{position: absolute; bottom: 14%; left: 20%; width: 60%;}
.only1live .section18 .graph_wrap .graph6.active .img1{transform: scale(1.35); transition: transform 0.8s 0.5s;}
.only1live .section18 .graph_wrap .graph7 ul{display: grid; grid-template-columns: repeat(4, 1fr); position: absolute; bottom: 13%; left: 1.60vw; width: calc(100% - 1.60vw * 2);}
.only1live .section18 .graph_wrap .graph7 ul li{display: flex; align-items: center; justify-content: center; width: 8.00vw; height: 8.00vw; color: #000; font-size: 1.60vw; border-radius: 50%; line-height: 1.3em;}
.only1live .section18 .graph_wrap .graph7 ul li:first-child{background: linear-gradient(to bottom, #ffe4b2 0%, #ffcb6c 100%);}
.only1live .section18 .graph_wrap .graph7 ul li:nth-child(2){margin-top: 60%; margin-left: -37%; background: #ffc7d9;}
.only1live .section18 .graph_wrap .graph7 ul li:nth-child(3){margin-left: -76%; background: #b4ddff;}
.only1live .section18 .graph_wrap .graph7 ul li:nth-child(4){margin-top: 60%; margin-left: -108%; background: #e3beff;}
.only1live .section18 .graph_wrap .graph7.active ul li{animation: graph7Reveal 0.8s both; animation-delay: 0.8s;}
.only1live .section18 .graph_wrap .graph7.active ul li:nth-child(2){animation-delay: 0.9s;}
.only1live .section18 .graph_wrap .graph7.active ul li:nth-child(3){animation-delay: 1s;}
.only1live .section18 .graph_wrap .graph7.active ul li:nth-child(4){animation-delay: 1.1s;}
@keyframes graph7Reveal {
	0% {opacity: 0; transform: translateX(-20%);}
	100% {opacity: 1; transform: translateX(0%);}
}

.only1live .section19{padding: 21.33vw 6.40vw; background: rgba(107, 159, 255, 0.1);}
.only1live .max_rowbx div[class^="section"].section19 .sec_wrap{position: relative; margin-top: 8.00vw;}
.only1live .max_rowbx div[class^="section"].section19 .sec_wrap + .sec_wrap{margin-top: 21.33vw;}
.only1live .section19 .tablet_info{display: grid; grid-template-columns: 1fr 45%; gap: 1.87vw; padding: 2.13vw; margin-top: 8.00vw; background: rgba(109, 142, 218, 0.2); border: 3px solid #414266; border-radius: 3.20vw;}
.only1live .section19 .tablet_info .left{display: grid; grid-template-rows: 65% 1fr; gap: 1.87vw 0;}
.only1live .section19 .tablet_info .left .l_top{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 1.33vw; padding: 3.50vw 4.80vw; background: #fff; border-radius: 1.60vw;}
.only1live .section19 .tablet_info .left .l_top .item{display: grid; grid-template-rows: 1fr calc(2.13vw*1.5); width: 4.27vw; height: 100%;}
.only1live .section19 .tablet_info .left .l_top .item > div{display: flex; flex-direction: column; justify-content: flex-end;}
.only1live .section19 .tablet_info .left .l_top .item > div span{font-size: 2.93vw; line-height: 1em;}
.only1live .section19 .tablet_info .left .l_top .item > div div{height: calc(var(--bar-height, 0px) - 2.13vw*1.3*1.5 - 2.93vw); border-radius: 0.80vw; transition: height 0.3s ease-out;}
.only1live .section19 .tablet_info .left .l_top .item:first-child > div div{background: #ffa6c2;}
.only1live .section19 .tablet_info .left .l_top .item:nth-child(2) > div div{background: #93ebab;}
.only1live .section19 .tablet_info .left .l_top .item:nth-child(3) > div div{background: #ffd280;}
.only1live .section19 .tablet_info .left .l_top .item:nth-child(4) > div div{background: #d6a6fa;}
.only1live .section19 .tablet_info .left .l_top .item:nth-child(5) > div div{background: #70bfff;}
.only1live .section19 .tablet_info .left .l_top .item p{margin-top: 0.5em; font-size: 2.13vw; line-height: 1.3;}
.only1live .section19 .tablet_info .left .l_bottom{overflow: hidden; position: relative; border-radius: 1.60vw;}
.only1live .section19 .tablet_info .left .l_bottom img{position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width: 100%;}
.only1live .section19 .tablet_info .right{overflow: hidden; border-radius: 1.60vw;}
.only1live .section19 .tablet_info .right img{max-width: 100%;}
.only1live .section19 .teacher_img{position: absolute; bottom: 0; right: 0; width: 53.33vw; height: 53.33vw;}
.only1live .section19 .teacher_img img{max-width: 100%;}

.only1live .section19 .week_set{}
.only1live .section19 .week_set {padding: 6.67vw 5.33vw; margin-top: 8.00vw; background-color: #c7e5ff; border-radius: 4.26vw;}
.only1live .section19 .week_set .day_chk{padding: 1.87vw 2.13vw; margin-bottom: 2.67vw; background: #fff; border-radius: 2em;}
.only1live .section19 .week_set .day_chk ul {display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 0.80vw; height: 7.73vw;}
.only1live .section19 .week_set .day_chk ul li {display: flex; align-items: center; justify-content: center; width: 7.73vw; border-radius: 50%; background: #f2f2f2; color: #222; font-size: 2.93vw; font-weight: 500;}
.only1live .section19 .week_set .day_chk ul li.active{background: #249dff;  color: #fff;}
.only1live .section19 .week_set .subject_chk {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.67vw;}
.only1live .section19 .week_set .subject_chk > div {display: flex; align-items: baseline; justify-content: space-between; padding: 1.87vw 2.13vw; background-color: #fff; border-radius: 6.4vw;}
.only1live .section19 .week_set .subject_chk p {font-size: 2.93vw; font-weight: 500;}
.only1live .section19 .week_set .subject_chk ul {display: flex; gap: 0.67vw;}
.only1live .section19 .week_set .subject_chk ul li{display: flex; align-items: center; justify-content: center; width: 6.4vw; height: 6.4vw; border-radius: 50%; font-size: 2.67vw; color: #222; background: #f2f2f2;}
.only1live .section19 .week_set .subject_chk ul li.active:first-child{background: #ff6262; color: #fff;}
.only1live .section19 .week_set .subject_chk ul li.active:nth-child(2){background: #4ecb3e; color: #fff;}
.only1live .section19 .week_set .subject_chk ul li.active:nth-child(3){background: #838383; color: #fff;}
.only1live .section19 .week_set .time_chk {display: flex; align-items: center; justify-content: center; position: relative; padding: 2.13vw 0; margin-bottom: 2.67vw; background: #fff; border-radius: 6.4vw;}
.only1live .section19 .week_set .time_chk .day {position: relative; width: calc(3.20vw*3); height: 100%; margin-right: 5.33vw; font-size: 3.20vw; color: #222;}
.only1live .section19 .week_set .time_chk .day .day_list{overflow: hidden; position: absolute; transform: translateY(-50%); height: 10vw;}
.only1live .section19 .week_set .time_chk .day .day_track{animation:dayStepUp 7s ease-in-out infinite; position: relative; top: 25%; width: 100%; will-change: transform;}
.only1live .section19 .week_set .time_chk .day .day_track li{height: 5vw; color: #f1f1f1; transition: color 0.2s ease;}
.only1live .section19 .week_set .time_chk .day .day_track li.on{color: #222;}
.only1live .section19 .week_set .time_chk .time {position: relative; padding-left: 14.93vw; font-size: 3.73vw; font-weight: 700; color: #1a619b;}
.only1live .section19 .week_set .time_chk .time::before {content: ""; position: absolute; top: 50%; left: -2.67vw; width: 14.93vw; height: 1px; background: #1a619b;}
@keyframes dayStepUp {
	/* 시작 */
	0% { transform: translateY(0); }

	/* 1 회차 */
	4.2857% { transform: translateY(-5vw); }
	14.2857% { transform: translateY(-5vw); }

	/* 2 회차 */
	18.5714% { transform: translateY(-10vw); }
	28.5714% { transform: translateY(-10vw); }

	/* 3 회차 */
	32.8571% { transform: translateY(-15vw); }
	42.8571% { transform: translateY(-15vw); }

	/* 4 회차 */
	47.1428% { transform: translateY(-20vw); }
	57.1428% { transform: translateY(-20vw); }

	/* 5 회차 */
	61.4285% { transform: translateY(-25vw); }
	71.4285% { transform: translateY(-25vw); }

	/* 6 회차 */
	75.7142% { transform: translateY(-30vw); }
	85.7142% { transform: translateY(-30vw); }

	/* 7 회차 */
	90% { transform: translateY(-35vw); }
	100% { transform: translateY(-35vw); }
}
.only1live .section19 .kid_img {position: absolute; bottom: 0; right: 0; width: 44.00vw;}
.only1live .section19 .kid_img img{max-width: 100%;}

.only1live .section20{padding: 21.33vw 4.80vw; background: url(../img_m/sec20_bg.png) no-repeat 0 0 / cover;}
.only1live .max_rowbx div[class^="section"].section20 .tit_wrap .tit{color: #fff;}
.only1live .max_rowbx div[class^="section"].section20 .tit_wrap .sub_tit{color: #fff;}
.only1live .section20 .class_wrap{overflow: hidden; margin-top: 13.33vw; border: 3px solid #414266; border-radius: 2.67vw;}
.only1live .section20 .class_wrap img{max-width: 100%;}
.only1live .section20 .list_wrap{padding: 0 4.80vw; margin-top: 16.00vw;}
.only1live .section20 .list_wrap img{max-width: 100%;}
.only1live .section20 .list_wrap span{display: block; position: relative; padding-left: 0.8em; margin-top: 2.5em; color: #fff; font-size: 2.93vw;}
.only1live .section20 .list_wrap span::before{content: '* '; position: absolute; top: 0; left: 0;}

.only1live .section22{}
.only1live .section22 .notice_wrap{padding: 13.33vw 6.40vw; margin-top: 0; background: #b3b3b3; padding-bottom: 30vw;}
.only1live .section22 .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; color: #000; font-size: 5.33vw; font-weight: 700;}
.only1live .section22 .notice_wrap .notice_tit::before{content: ''; position: absolute; top: calc(1em*1.5/2 - 0.5em); left: 0; width: 1em; height: 1em; background: url(../img/notice_icon.png) no-repeat 0 0 / contain;}

.only1live .section23{padding: 21.33vw 0; background: url(../img_m/sec23_bg.png) no-repeat 0 0 / cover;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .tit{color: #fff;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .tit strong{background: linear-gradient(to right, #ff9500 0%, #ff2435 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .tit strong sup{top: -0.8em; font-size: 0.5em; font-family: 'GmarketSans'; font-weight: 200;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .sub_tit{color: #fff; font-size: 4.13vw; font-weight: 400;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .sub_tit strong{background: linear-gradient(to right, #ff9500 0%, #ff2435 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.only1live .max_rowbx div[class^="section"].section23 .tit_wrap .sub_tit sup{top: -0.8em; font-size: 0.5em; font-family: 'GmarketSans'; font-weight: 200;}
.only1live .section23 .img_wrap{text-align: center;}
.only1live .section23 .img_wrap img{max-width: 100%; margin-top: 50px;}

.only1live .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 2.67vw 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 3.73vw; font-family: 'pretendard' !important; border-radius: 2em;}
.only1live .notice_wrap .tit span{position: relative; padding-right: 6.67vw;}
.only1live .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 2.00vw); right: 0; transform: rotate(180deg); width: 4.00vw; height: 4.00vw; background: url(../img/sec09_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.only1live .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.only1live .notice_wrap .cont{padding-top: 3.73vw; color: #626262; word-break: keep-all;}
.only1live .notice_wrap .cont ul{margin-top: 1.60vw;}
.only1live .notice_wrap .cont ul li{position: relative; padding-left: 2.40vw; font-size: 3.47vw;}
.only1live .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(3.47vw*1.5/2 - 0.40vw); left: 0; width: 0.80vw; height: 0.80vw; background: #626262; border-radius: 50%;}
.only1live .notice_wrap .cont ul li + li{margin-top: 1.60vw;}
.only1live .notice_wrap .cont p{margin-top: 5.33vw; font-size: 3.47vw; font-weight: 600;}
.only1live .notice_wrap .cont div{padding-left: 2.40vw;}

/* 무료체험 신청 과정 */
.only1live .process_wrap {width: 100%;overflow: hidden;background:#f0f0f5;padding-top: 7.5%;}
.only1live .process_wrap strong {font-weight:400;text-align:center;color:#2c2c2c;display:block;font-family:'GmarketSansMedium', sans-serif;font-size: 6.2vw;}
.only1live .process_wrap strong span {	font-weight:700; }
.only1live .process_li {margin-top:4%;display:flex;justify-content:center;}
.only1live .process_li li {text-align:center;position:relative;}
.only1live .process_li li+li {margin-left: 6%;}
.only1live .process_li li+li::before {content:'';position:absolute;left:-21%;top:18%;background:url(../img_m/process/process_arrow.png) no-repeat 50% 50%/contain;width:2vw;height:4vw;display:block;}
.only1live .process_li li div img {max-width:100%;height:11vw;}
.only1live .process_li li p {margin-top:10%;color:#2c2c2c;font-family:'Noto Sans KR','맑은 고딕', sans-serif;font-size:3.2vw;}
.only1live .btn_wrap { padding: 7.9vw 0 8.3vw;border-bottom: 1px solid #ababad; width: 90.5%;margin: 0 auto; }
.only1live .process_btn {display: block; width: 88%; margin: 0 auto; position: relative; }
.only1live .process_btn img { width: 100%; }
/*.only1live .process_btn::after { position: absolute;content: '';background: url(../img_m/sec_bonus_hand.png) no-repeat 0 0 / contain;width: 12%;height: 70%;bottom: -40%;right: -4%;animation: blinker 1s ease alternate infinite;}*/
.only1live .notice_box {margin: 0 0 0 6vw;padding: 4.8% 0 13.5%;width:90.5%;}
.only1live .notice_box>strong { background:url(../img_m/process/notice_tit.png) no-repeat 0 0/contain; width:44%; height:6vw; display:block; font-size:0; }
.only1live .notice_li {margin: 2% 0 0 2vw;}
.only1live .notice_li li {font-size: 3.6vw;color:#999;line-height: 1.5; text-indent:-8px; padding:0 0 0 8px; word-break: keep-all;}
.only1live .notice_li li.noti_tit { color:#5f5f5f;}
.only1live .notice_li li>span { margin-right:1%; flex-shrink: 0;}
.only1live .notice_li li.red{color:#f20000;}

#only1_bnb_sky_banner_ele.basic2{margin-top: -10.67vw;}


.only1live .quick_menu{display: flex; overflow-x: auto; position: sticky; top: 0; left: 0; z-index: 5; background: #fff; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none;}
.only1live .quick_menu button{display: flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0.7em 1.1em; border-bottom: 4px solid #fff; color: #7a7a79; font-size: 4.80vw; line-height: 1.1em;}
.only1live .quick_menu button.on{border-color: #ed2727; color: #ed2727; font-weight: 700;}

















/* 20240930:mod:S */
/* visual */
.visual{position: relative; z-index:1; overflow: hidden;}
.visual img{width:100%;}
.visual .tit{position:absolute;left:0;top: 19%;}
.visual .tit img{padding: 0 12vw;}
.visual .circle{position:absolute; left:3%; top:43%; width:26%; }
.visual .sec01_rolling {position: absolute;top: 3vw;left: 0;right: 0;}
.visual .graph{position:absolute; bottom:61.6vw; left:0; width:100%;}
.visual .graph img{position:absolute; top:0; left:0; width:100%;}
.award_list {position: relative;height: 17.5vw;width: 303vw;font-size:0;-webkit-backface-visibility: hidden;animation-name: award_rolling;animation-duration:10s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.award_list:after {display:block; clear:both; content:'';}
.award_list li { float:left; height: 100%; width: auto;}
.award_list li:first-of-type {z-index:1;position: relative;}
.award_list li + li {margin-left: 4vw;}
.award_list li img {max-width:none; width:auto; height:100%;}
@keyframes award_rolling {
	0% { 
		left:0;
    }
    100% {
		left: -151.5vw;
	}
}

/* event_festa */
.event_festa_1{position:relative;}
.event_festa_1 .circle{position:absolute; left:0; top:0; width:100%; animation: blinker 1.5s steps(1) infinite;}
.event_festa_2{position:relative;}
.event_festa_2 .link {position: absolute;bottom: 10vw;width: 92vw;margin: 0 auto;left: 0;right: 0;height: 13vw; text-indent:-9999em;}
.event_festa_2 .link::after {position: absolute;content: ''; background: url(../img_m/sec09_hand.png) no-repeat 0 0 / contain;width: 14vw;height: 15vw;bottom: -8vw;right: 0;animation: blink-effect 0.5s ease-in-out infinite alternate;}

/* dog_bone_note */
.dog_bone_note{background: url(../img_m/dog_bone_note_bg.png) no-repeat 0 0 / cover; padding:10% 3% 12%;}
.dog_bone_note .dog_bone_note_tab{position:relative; margin:6% 0 0;}
.dog_bone_note .dog_bone_note_tab .bg{width:100%;}
.dog_bone_note .dog_bone_note_tab .tab{position:absolute; left:0; top:0; display:flex; width:100%;; height:10%;}
.dog_bone_note .dog_bone_note_tab .tab > button{flex:1; background:none; text-indent:-9999em;}
.dog_bone_note .dog_bone_note_tab .tab_contents_dog{background:#fff; padding:3% 3% 8%; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.dog_bone_note .dog_bone_note_tab .tab_contents_dog img{width:100%;}
.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-prev,
.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-next{background: url(../img_m/dog_bone_note_tab_arrow_left.png) no-repeat 0 0 / contain; width: 14vw; aspect-ratio: 1 / 1; }
.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-prev{left:0;}
.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-next{right:0; transform: scaleX(-1);}

.dog_bone_note .swiper-slide{position:relative;}
.dog_bone_note .video-container{position:relative; left:50%; overflow:hidden; transform:translateX(-50%);}

.dog_bone_note .video-container .inner{position:relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 123%; height: 0; overflow: hidden;}
.dog_bone_note .video-container .inner iframe {position: absolute; top: 0; left: 0; width: 100%; height:100%;}


/* custom */
.custom{position:relative;}
.custom img{width:100%;}
.custom .inner{display:flex; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1200px; height:100%; padding-top:275px;}
.custom .inner .slider{height:570px;}
.custom .inner .slider:nth-child(1){margin:0 48px 0 -18px;}
.custom .inner .slider li.swiper-slide-duplicate-prev{opacity:0;}
.custom .inner .slider li.swiper-slide-active,
.custom .inner .slider li.swiper-slide-prev,
.custom .inner .slider li.swiper-slide-next{opacity:1;}
.custom .inner .slider li.swiper-slide-active,
.custom .inner .slider li.swiper-slide-next{margin-top:-20px;}
.custom .inner .btn{display:flex; justify-content:space-between; position:absolute; left:0; bottom:102px; width:100%; padding-left:17px;}
.custom .inner .btn button{display:block; position:relative; overflow:visible; width:546px; height:86px; background:none; text-indent:-9999px;}
.custom .inner .btn button:before{content:""; display:block; position:absolute; bottom:-40px; right:0; width:55px; height:61px; background:url(images/pc/click_ico.png) 0 0 no-repeat; animation:blink-effect 0.5s ease-in-out infinite alternate;}

.custom{position:relative;}
.custom .con{position: absolute; top:24%; left:0; width:100%;}
.custom .con .tab1{display:flex; justify-content:center; gap:23px; padding:0 15px; margin-bottom:22px;}
.custom .con .tab1 button{display:flex; align-items:center;	justify-content:center; width:50%; height:68px; background-color:#B4B4B4; border-radius:10px; font-family:"GmarketSansBold"; font-size:17px; color:#696969; line-height:23px;}
.custom .con .tab1 button.on{background-color:#279EFF; color:#fff;}
.custom .con .tab_contents1{display:flex;}
.custom .con .tab_contents1 .slider{width:100%; height:73vw; padding:0 30px;}
.custom .con .tab_contents1 button{position:relative; overflow:visible; padding:12% 43px 0;}
.custom .con .tab_contents1 button:before{content:""; display:block; position:absolute; bottom:-31%; right:10%; width:28px; height:32px; background:url(../img_m/click_ico.png) 0 0 no-repeat; background-size:100%; animation:blink-effect 0.5s ease-in-out infinite alternate;}
.custom .con .tab_contents1 button:after{content:""; display:block; position:absolute; bottom:61%; left:50%; transform:translateX(-50%); width:53px; height:52px;}
.custom .con .tab_contents1 .kid button:after{background:url(../img_m/custom02_arr.png) 0 0 no-repeat; background-size:100%;}
.custom .con .tab_contents1 .ele button:after{background:url(../img_m/custom01_arr.png) 0 0 no-repeat; background-size:100%;}

/* knowHow */
.knowHow{position:relative;}
.knowHow .badge{position:absolute; top: 35%; left:0; width: 100%; padding: 0 50% 0 34%;}
.knowHow .badge img{width:100%;}

/* effect */
.effect {position: relative; z-index:1; background: #95eddf; }
.effect .sec04_bg { width:100%; }
.effect .vdo_wrap {position: absolute;bottom: 12.6vw;width: 92vw;margin: 0 auto;left: 0;right: 0;height: 52vw;}
.effect .vdo_wrap iframe { width: 100%; height: 100%; }


/* sec05 */
.sec05 { position:relative; padding: 15vw 0 10vw; background-color: #f0f0f5; }
.sec05_tit { width: 84vw; margin: 0 auto 10vw; display: block; }
.sec05 p { width:100%; font-size:2.5vw; color: #a8a8c5; text-align: right; padding-right: 4vw; margin-top: 1vw; font-weight: 300; }
.sec05 .tab_wrap .tab_btn { display:flex; flex-wrap:wrap; justify-content:center; gap: 3.22vw 4vw; margin-bottom: 4vw; }
.sec05 .tab_wrap .tab_btn button { position: relative; width: 40vw !important; height: 11vw; background-color: rgb(176 176 197 / 50%); border-radius:2.5vw; font-size: 3.5vw; font-weight: 600; color: #89899f; font-family: "GmarketSans", sans-serif; }
.sec05 .tab_wrap .tab_btn button.on { background-color: #f20000; color: #fff;}
.sec05 .tab_wrap .tab_contents { position: relative;}
.sec05 .tab_wrap .tab_contents .swiper-slide { padding: 0 0.5vw; }
.sec05 .tab_wrap .tab_contents .swiper-slide img { width:100%; }
.sec05_slide .swiper-slide .btns {display:flex;flex-wrap:wrap;justify-content:center;gap: 3.22vw 4vw;margin-bottom: 4vw;pointer-events: none;}
.sec05_slide .swiper-slide .btns span {position: relative;width: 40vw !important;height: 11vw;background-color: rgb(176 176 197 / 50%);border-radius:2.5vw;font-size: 3.5vw;font-weight: 600;color: #89899f;font-family: "GmarketSans", sans-serif;line-height: 12vw;text-align: center;}
.sec05_slide .swiper-slide .btns span.on { background-color: #f20000; color: #fff;}
.sec05_slide .swiper-slide .item {position: relative;}
.sec05_slide .swiper-slide .item .swiper-container {position: relative;}
.sec05_slide .swiper-slide .item .swiper-container .swiper-slide {padding: 0 0.5vw;}
.sec05_slide .swiper-slide .item .swiper-container .swiper-slide img {width:100%;}
.sec05_slide .swiper-pagination {bottom: auto;top: 0;display: flex;padding: 0 8vw;flex-wrap: wrap;gap: 3vw 4vw;}
.sec05_slide .swiper-pagination .swiper-pagination-bullet {width: 40vw;border-radius: 0;height: 11vw;opacity: 0;}
.sec05_slide>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0;}

/* sec08 */
.sec08 {background:#d3fff9;padding-top: 14vw;}
.sec08_top { width: 100vw; margin-bottom: 7vw; }
.sec08 .cont_tab {position:sticky;top:0;left:0;padding: 10px 0; z-index:50;background: #d3fff9;}
.sec08 .tabArea {display:flex;justify-content:center;position:relative;gap: 35px; }
.step {width: 45px;height: 69px;transition:background 1s;position: relative;}
.step01 { background: url(../img_m/meta_step01_off.png) no-repeat 0 0/contain;}
.step02 { background: url(../img_m/meta_step02_off.png) no-repeat 0 0/contain; }
.step03 { background: url(../img_m/meta_step03_off.png) no-repeat 0 0/contain; }
.step01.show {background: url(../img_m/meta_step01_on.png) no-repeat 0 0/contain; }
.step02.show {background: url(../img_m/meta_step02_on.png) no-repeat 0 0/contain; }
.step03.show {background: url(../img_m/meta_step03_on.png) no-repeat 0 0/contain; }
.step .step_bar {position: absolute;top: 21px;left: 0;transform: translate(-100%, 0);width: 35px;height: 3px;background: #bcebd6;transition:1s;}
.step01 .step_bar {display: none;}
.step .step_bar span {display: block;height:0%; background:linear-gradient(to right, #00dbcc, #00db58);transition:.5s;}
.step.show .step_bar span {height:100%;}
.sec08_tit { width: 100vw; margin: 11vw 0 6vw; }

/* STEP1 직접 구조화하고 */
.book_wrap { position:relative; }
.book_wrap:before { content:""; display:block; position:absolute; bottom: -1vw; right: 8vw; width: 35vw; height: 37vw; background: url(../img_m/sec08_rolling_badge.png) no-repeat 0 0/contain; z-index:10; }
.book_wrap .inner {  overflow:hidden; height: 69vw; position:relative; padding:0 25px; }
.book_list { position:relative; font-size:0; -webkit-backface-visibility:hidden; animation-name:note_rolling; animation-duration: 17s; animation-fill-mode: both; animation-iteration-count: infinite; animation-timing-function: linear; }
.book_list:after { display:block; clear:both; content:''; }
.book_list li:first-of-type { z-index:1; position: relative; }
.book_list li img { width: 100%; }
@keyframes note_rolling {
    0% { 
        transform:translate(0, 0);
    }
    100% {
        transform: translate(0, -50%);
    }
}

/* STEP2 직접 말하고 */
.challenge { position:relative; overflow:hidden;}
.challenge .inner { position:relative; }
.challenge .swiper-container {width: 74vw;}
.challenge .swiper-wrapper { align-items:center; }
.challenge .swiper-slide { opacity:0.2; border-radius:20px; margin:0; overflow:hidden; transition: all .3s; transform:scale(0.94); border: 5px solid #00db58; }
.challenge .swiper-slide img { width:100%; }
.challenge .swiper-slide-active { opacity:1; z-index:3; transform:scale(1); margin:0; }
.challenge .swiper-button-next:after,
.challenge .swiper-button-prev:after { display:none; }
.challenge .swiper-button-next {left:auto;top:50%;right: 2.5vw;margin: 0;background:none;transform: scaleX(-1) translate(0, -50%);width: 9vw;height: 9vw;}
.challenge .swiper-button-next img { width: 100%; }
.challenge .swiper-button-prev {margin:-20px 0 0 0;left: 2.5vw;top: 50%;grid-auto-columns: 0;margin: 0;background: none;width: 9vw;height: 9vw;transform: translate(0, -50%);}
.challenge .swiper-button-prev img { width: 100%; }
.challenge .swiper-slide .video-container { padding-bottom:56.25%; }
.challenge .swiper-slide .video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* STEP3 즐겁게 토론하다 */
.videoClass { position: relative; padding-bottom:53px; }
.videoClass .slide_wrapper { position:relative; }
.videoClass .slide_wrapper .title { padding: 0 4vw; margin: 0 auto 3vw; }
.videoClass .slide_wrapper .title .swiper-slide { display:flex; align-items:center; justify-content:center; flex:1; width:29.1vw; height: 8vw; background-color:#b1cfc0; border-radius:2.38vw; font-weight:700; font-size:3.61vw; color:#fff; text-align:center; cursor:pointer; }
.videoClass .slide_wrapper .title .swiper-slide-thumb-active { background-color:#1dcf79; color:#fff;}
.videoClass .slide_wrapper .slider { overflow:hidden; width: 76vw; margin: 0 auto; }
.videoClass .slide_wrapper .slider .swiper-slide { position:relative; text-align:center;}
.videoClass .slide_wrapper .slider .swiper-slide > img {width:auto;height: 54vw;}
.videoClass .slide_wrapper .slider .swiper-slide .thumb {overflow:hidden;position:absolute !important;top: 6.8%;left:50%;transform:translateX(-50%);width: 82%;height: 65.7%;border-radius:3px;}
.videoClass .slide_wrapper .slider .swiper-slide .thumb img {width: 100%;height: 100%;}
.videoClass .slide_wrapper .slider .swiper-slide .thumb.v2 img {width: 100%;height: 100%;}
.videoClass .slide_wrapper .slider .swiper-slide .badge {position:absolute;bottom: 15%;right: 6.5%;width: 26.4vw;}
.videoClass .slide_wrapper .slider .swiper-slide .badge img {width:100%;}
.videoClass .arr { top:50%; }
.videoClass .arr .swiper-button-next {left: auto;top: 50%;right: 2.5vw;margin: 0;background: none;transform: scaleX(-1) translate(0, -50%);width: 9vw;height: 9vw;}
.videoClass .arr .swiper-button-prev {left: 2.5vw;top: 50%;right:auto;margin: 0;background: none;width: 9vw;height: 9vw;transform: translate(0, -50%);}
.videoClass .swiper-button-next:after,
.videoClass .swiper-button-prev:after { display:none; }
.videoClass .swiper-button-next img { width: 100%; }
.videoClass .swiper-button-prev img { width: 100%; }
.videoClass .video{ position: absolute; left:50%; top:7%; width:75.6%; height:65.7%; transform:translateX(-50%); border-radius:10px; overflow:hidden;}
.videoClass .video video{width:100%;height: 100%;object-fit: cover;}





/* sec09 */
.sec09 {position: relative; z-index:1; background: #95eddf; }
.sec09_bg { width:100%; }
.sec09 .link {position: absolute;bottom: 13vw;width: 92vw;margin: 0 auto;left: 0;right: 0;height: 13vw;}
.sec09 .link::after {position: absolute;content: '';background: url(../img_m/sec09_hand.png) no-repeat 0 0 / contain;width: 14vw;height: 15vw;bottom: -7vw;right: -2vw;animation: blink-effect 0.5s ease-in-out infinite alternate;}
@keyframes blink-effect {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* kid_ele */
.kid_ele{padding-top:30px; background:#00163F; text-align:center;}
.kid_ele *{font-family:"Pretendard";}
.kid_ele .tab2{display:flex; justify-content:center; align-items:end;}
.kid_ele .tab2 button{width:50%; height:29vw; text-indent:-9999px;}
.kid_ele .tab2 button:nth-child(1){background:url(../img_m/kid_tab.png) 0 0 no-repeat; background-size:100%; background-position:0 2vw;}
.kid_ele .tab2 button:nth-child(2){margin-left:-3%; background:url(../img_m/ele_tab.png) 0 0 no-repeat; background-size:100%; background-position:0 0;}
.kid_ele .tab2 button:nth-child(1).on{background-position:0 -26vw;}
.kid_ele .tab2 button:nth-child(2).on{background-position:0 -29.3vw;}
.kid_ele .tab_contents2 img{width:100%;}
.kid_ele .tab_contents2 > div > .txt{margin-top:30px;}
.kid_ele .tab_contents2 .kid > .txt img{width:auto;height: 16vw;}
.kid_ele .tab_contents2 .ele > .txt img{width:auto; height:14.5vw;}

.kid_ele .tab_contents2 .ele .con1{position:relative;}
.kid_ele .tab_contents2 .ele .con1 .slider{position:absolute; top:32.5%; right:0; width:100%; padding:0 3% 0 53%;}
.kid_ele .tab_contents2 .ele .con1 .slider .swiper-slide{width:100% !important; opacity:0 !important; transition:all .5s;}
.kid_ele .tab_contents2 .ele .con1 .slider .swiper-slide-active{opacity:1 !important;}
.kid_ele .tab_contents2 .ele .con1{padding-bottom:106px;}
.kid_ele .tab_contents2 .ele .con1 .title .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:center;gap: 2.5vw 4.38vw;margin-bottom:10px;transform:inherit !important;}
.kid_ele .tab_contents2 .ele .con1 .title .swiper-wrapper li {position: relative;width:37.5vw !important;height:10.5vw;background-color: #8497BB;border-radius:2.5vw;font-family:inherit;font-size: 4.3vw;font-weight:700;color:#394B6B;text-align:center;line-height:10.9vw;}
.kid_ele .tab_contents2 .ele .con1 .title .swiper-wrapper li.swiper-slide-thumb-active {background-color: #5390FF; color:#fff;}
.kid_ele .tab_contents2 .ele .con1 .slide_wrapper{position:relative;}
.kid_ele .tab_contents2 .ele .con1 .slide_wrapper .slider {position:static; overflow:hidden; padding:0;}
.kid_ele .tab_contents2 .ele .con1 .slide_wrapper .slider .swiper-slide { position:relative; padding:0 15px; }
.kid_ele .tab_contents2 .ele .con1 .slide_wrapper .slider .swiper-slide > img { width: 100%; }
.kid_ele .tab_contents2 .ele .con1 .swiper-button-prev {right: auto;top:57vw;left:5.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.kid_ele .tab_contents2 .ele .con1 .swiper-button-next {left: auto;top:57vw;right:5.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.kid_ele .tab_contents2 .ele .con1 .swiper-button-prev img { width: 100%; }
.kid_ele .tab_contents2 .ele .con1 .swiper-button-next img { width: 100%; }
.kid_ele .tab_contents2 .ele .con2{padding-bottom:50px; background-color: #174395;}
.kid_ele .tab_contents2 .ele .con2 .inner{padding:0 15px;}
.kid_ele .tab_contents2 .ele .con2 .inner .box{padding:17px 38px; background-color:#fff; border-radius:11px;}
.kid_ele .tab_contents2 .ele .con2 .inner .box:not(:last-child){margin-bottom:10px;}
.kid_ele .tab_contents2 .ele .con2 .inner .box .swiper-slide{width:100% !important; opacity:0 !important; transition:all .5s;}
.kid_ele .tab_contents2 .ele .con2 .inner .box .swiper-slide-active{opacity:1 !important;}
.kid_ele .tab_contents2 .ele .con2 .inner .box.ele_slider2_4{position:relative;}
.kid_ele .tab_contents2 .ele .con2 .inner .box.ele_slider2_4:before{content:""; display:block; position:absolute; top:4%; right:1%; width:21.5%; height:100%; background:url(../img_m/ele_con02_slide04_badge.png) 0 0 no-repeat; background-size:100%; z-index:10;}
.kid_ele .tab_contents2 .ele .con3 {position: relative; padding-bottom:50px; background: #D9EAF6;}
.kid_ele .tab_contents2 .ele .con3 .tit{width:130px; height:30px; margin:0 auto 9px auto; background-color:#559dfa; border-radius:30px; font-weight: 700; font-size:15px; color:#fff; text-align:center; line-height:30px;}
.kid_ele .tab_contents2 .ele .con3 .txt{margin-top:9px; font-weight:600; font-size:12px; color:#000;}
.kid_ele .tab_contents2 .ele .con3 .txt+.tit{margin-top:20px;}
.kid_ele .tab_contents2 .ele .con3 .sec15_top {width: 100%;display: block;margin: 0 0 5vw;}
.kid_ele .tab_contents2 .ele .con3 .inner{padding:0 15px;}
.kid_ele .tab_contents2 .ele .con3 .frame { border-radius: 2vw; background: #fff; padding: 4vw 0 9vw; }
.kid_ele .tab_contents2 .ele .con3 .sec15_slide { padding-top: 25vw; text-align: center;margin-top: -22.5vw;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .swiper-pagination {display:flex; justify-content:space-between; bottom:auto; top: 0; padding:0 1.7vw 0 19.5vw; text-align: left;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide >.swiper-pagination-bullets .swiper-pagination-bullet {margin:0;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .swiper-pagination-bullet {width: 16.5vw;height: 17vw;opacity: 1;border: 1.5vw solid transparent;background: 0;transition: border-color .5s;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .swiper-pagination-bullet-active {border-color: #ffe925;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .img {width: 86%;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .swiper-container {padding: 0 10vw;}
.kid_ele .tab_contents2 .ele .con3 .sec15_slide .swiper-container img {width: 100%;}
.kid_ele .tab_contents2 .ele .con3 .swiper-button-prev,
.kid_ele .tab_contents2 .ele .con3 .swiper-button-next {background:none;}
.kid_ele .tab_contents2 .ele .con3 .sec14{position:relative; margin-top:60px; padding:0 4px;}
.kid_ele .tab_contents2 .ele .con3 .sec14_bg { width:100%; }
.kid_ele .tab_contents2 .ele .con3 .sec14_rolling {position: absolute;bottom:8vw; left:3.3vw;right:3.3vw;overflow: hidden;}
.kid_ele .tab_contents2 .ele .con3 .sec14_list {position: relative;height: 22vw;width: 454vw;font-size:0;-webkit-backface-visibility: hidden;animation-name: book_rolling;animation-duration:10s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.kid_ele .tab_contents2 .ele .con3 .sec14_list:after {display:block; clear:both; content:'';}
.kid_ele .tab_contents2 .ele .con3 .sec14_list li { float:left; height: 100%; width: auto;}
.kid_ele .tab_contents2 .ele .con3 .sec14_list li:first-of-type {z-index:1;position: relative;}
.kid_ele .tab_contents2 .ele .con3 .sec14_list li + li {margin-left: 1vw;}
.kid_ele .tab_contents2 .ele .con3 .sec14_list li img {max-width:none; width:auto; height:100%;}
.kid_ele .tab_contents2 .ele .con3 .sec16{margin-top:60px; padding:0 15px;}
@keyframes book_rolling {
	0% { 
		left:0;
    }
    100% {
		left: -227vw;
	}
}
.kid_ele .tab_contents2 .ele .con3 .sec16 {position: relative;}
.kid_ele .tab_contents2 .ele .con3 .sec16_bg { width:100%; }
.kid_ele .tab_contents2 .ele .con3 .sec16_slide {position: absolute;top: 90vw;left: 50%;margin: 0 auto;width: 70vw;transform: translate(-50%, 0);}
.kid_ele .tab_contents2 .ele .con3 .sec16_slide img {width:100%;}
.kid_ele .tab_contents2 .ele .con3 .sec17 {position:relative; margin-top:60px;}
.kid_ele .tab_contents2 .ele .con3 .sec17_tit {display: block; margin-bottom:16px;}
.kid_ele .tab_contents2 .ele .con3 .sec17 p { width:100%; font-size:2.5vw; color: #a8a8c5; text-align: right; padding-right: 4vw; margin-top: 1vw; font-weight: 300; }
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_btn { display:flex; flex-wrap:wrap; justify-content:center; gap: 3.22vw 4vw; margin-bottom: 4vw; }
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_btn button {position: relative;width: 38vw !important;height: 11vw;background-color:#A1D1F3; border-radius:2.5vw;font-size: 4.3vw;font-weight: 600;color: #fff;/* font-family: "GmarketSans", sans-serif; */font-family: inherit;padding-bottom: 0.7vw;}
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_btn button.on {background-color:#238FF4;color: #fff;}
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_contents {position: relative;margin: 0 4vw;background: #fff;border-radius: 5vw;padding: 10vw 0;}
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_contents .swiper-slide { padding: 0 11vw; }
.kid_ele .tab_contents2 .ele .con3 .sec17 .tab_wrap .tab_contents .swiper-slide img {width:100%;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item {position: relative;margin: 0 15px;background: #fff;border-radius: 5vw;padding: 10vw 0;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item > img {padding: 0 11vw;width: 100%;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-slide { padding: 0 11vw; }
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-prev {right: auto;top: 50%;left: 1.5vw;margin: 0;background: none;transform: translate(0, -50%);width: 9vw;height: 9vw;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-next {left: auto;top: 50%;right: 1.5vw;margin: 0;background: none;transform: translate(0, -50%);width: 9vw;height: 9vw;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-prev img { width: 100%; }
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-next img { width: 100%; }
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-prev:after,
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container .swiper-button-next:after { display:none; }
.kid_ele .tab_contents2 .ele .con3 .sec17 .slider2 {margin-top: 6vw;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .item .swiper-container img {width:100%;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .swiper-slide .btns {display:flex;flex-wrap:wrap;justify-content:center;gap: 3.22vw 4vw;margin-bottom: 4vw;pointer-events: none;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .swiper-slide .btns span {position: relative;width: 38vw !important;height: 11vw;background-color:#A1D1F3;border-radius:2.5vw;font-size: 4.3vw;font-weight: 600;color: #fff;/* font-family: "GmarketSans", sans-serif; */font-family: inherit;padding-bottom: 0.7vw;line-height: 11vw;text-align: center;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide .swiper-slide .btns span.on {background-color: #238FF4;color: #fff;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide > .swiper-pagination {bottom: auto;top: 0;display: flex;padding: 0 10vw;flex-wrap: wrap;gap: 3vw 4vw;}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide > .swiper-pagination .swiper-pagination-bullet {width: 38vw;border-radius: 0;height: 11vw;opacity: 0;margin: 0;/* line-height: 12vw; *//* text-align: center; */}
.kid_ele .tab_contents2 .ele .con3 .sec17_slide > .swiper-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0;}
.kid_ele .tab_contents2 .ele .con4 {position: relative; padding-bottom:50px; background-color:#000210;}
.kid_ele .tab_contents2 .ele .con4 .inner{padding:0 32px;}
.kid_ele .tab_contents2 .ele .con4 .tit{width:36vw; height:8.3vw; margin:0 auto 9px auto; background-color:#559dfa; border-radius:30px; font-weight: 700; font-size:4.1vw; color:#fff; text-align:center; line-height:8.3vw;}
.kid_ele .tab_contents2 .ele .con4 .txt{margin-top:8px; font-weight:600; font-size:4.6vw; color:#fff; line-height:6vw;}
.kid_ele .tab_contents2 .ele .con4 .txt+.tit,
.kid_ele .tab_contents2 .ele .con4 .txt+.swiper-container{margin-top:35px;}
.kid_ele .tab_contents2 .ele .con4 .txt span{color:#FFF846;}
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide{padding-bottom:11vw;}
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide .swiper-pagination { bottom: 0; }
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide .swiper-pagination-bullet {opacity: 1;background: #A0A0A0;}
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide .swiper-pagination-bullet-active {background: #559DFA;}
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide >.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.kid_ele .tab_contents2 .ele .con4 .sec18_5_slide {margin: 0;left: 50%;transform: translate(-50%, 0); width: 84vw; border: 2px solid #c4c4c4;}
.kid_ele .tab_contents2 .ele .con4 .sec18_6_slide {margin: 0;left: 50%;transform: translate(-50%, 0); width: 84vw; border: 2px solid #c4c4c4;}
.kid_ele .tab_contents2 .ele .con4 .sec18 .swiper-container .swiper-slide img {width: 100%;}
.kid_ele .tab_contents2 .ele .con4 .sec18_wrap_slide .txt { height: 8vw; width: auto !important; margin: 3vw auto 0; display: block; }

.kid_ele .tab_contents2 .kid .con1{padding-bottom:50px;}
.kid_ele .tab_contents2 .kid .con1 > .tit{margin:49px 0 55px; padding:0 14px;}
.kid_ele .tab_contents2 .kid .con1 .subject{padding:0 15px;}
.kid_ele .tab_contents2 .kid .con1 .subject > p{margin-bottom:5px; font-weight:800; font-size:23px; color:#81ADFF;}
.kid_ele .tab_contents2 .kid .con1 .subject .box{padding:25px 0; background-color:#fff; border-radius:10px;}
.kid_ele .tab_contents2 .kid .con1 .subject .box+p{margin-top:25px;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .thumb{padding:0 52px;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .tit{margin:15px 0 5px; font-weight:700; font-size:19px;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .txt{font-weight:400; font-size:15px; line-height:21px;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .swiper-slide{opacity:0 !important; transition:all .5s;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .swiper-slide-active{opacity:1 !important;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .swiper-button-prev{top:35%; width:30px; height:30px; background:url(../img_m/slide_prev_arr01.png) 0 0 no-repeat; background-size:100%;}
.kid_ele .tab_contents2 .kid .con1 .subject .box .swiper-button-next{top:35%; width:30px; height:30px; background:url(../img_m/slide_next_arr01.png) 0 0 no-repeat; background-size:100%;}
.kid_ele .tab_contents2 .kid .con2{position:relative;}
.kid_ele .tab_contents2 .kid .con2 .box{position:absolute; bottom:5%; left:50%; width:calc(100% - 30px); transform:translateX(-50%); padding:30px 55px; background-color:#fff; border-radius:10px;}
.kid_ele .tab_contents2 .kid .con2 .box .swiper-slide{opacity:0 !important; transition:all .5s;}
.kid_ele .tab_contents2 .kid .con2 .box .swiper-slide-active{opacity:1 !important;}
.kid_ele .tab_contents2 .kid .con2 .swiper-button-prev{width:30px; height:30px; background:url(../img_m/slide_prev_arr02.png) 0 0 no-repeat; background-size:100%;}
.kid_ele .tab_contents2 .kid .con2 .swiper-button-next{width:30px; height:30px; background:url(../img_m/slide_next_arr02.png) 0 0 no-repeat; background-size:100%;}
.kid_ele .tab_contents2 .kid .con3{background-color:#fff; padding-bottom:50px;}
.kid_ele .tab_contents2 .kid .con3 > .tit{padding:0 14px;}
.kid_ele .tab_contents2 .kid .con3 .inner{padding:0 25px;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat{display:flex; justify-content:center; flex-wrap:wrap;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat .slider{margin:10px 0;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat .slider .swiper-slide{width:100% !important;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat .tit{width:36vw; height:8.3vw; margin:0 auto; background-color:#559DFA; border-radius:35px; font-weight:700; font-size:4.1vw; color:#fff; line-height:8.3vw;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat .txt{width:100%; font-weight:500; font-size:4.6vw; color:#000; line-height:6vw;}
.kid_ele .tab_contents2 .kid .con3 .inner .cat .txt+.tit{margin-top:39px;}
.kid_ele .tab_contents2 .kid .con4{padding-bottom:50px; background-color:#D9EAF6;}
.kid_ele .tab_contents2 .kid .con4 > .tit{padding:0 14px;}
.kid_ele .tab_contents2 .kid .con4 .inner{padding:0 15px;}
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide{display:block; height:43px; background-color:#B7D1E3; border-right:1px solid #d9eaf6; cursor:pointer;}
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide:first-child{border-radius:10px 0 0 0;}
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide:last-child{border-right:none; border-radius:0 10px 0 0;}
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide p{margin-top:9px; font-family:"GmarketSansBold"; font-size:13px; color:#7697AF; line-height:15px;}
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide.swiper-slide-thumb-active{background-color:#000; }
.kid_ele .tab_contents2 .kid .con4 .inner .subject .swiper-slide.swiper-slide-thumb-active p{background:linear-gradient(140deg, rgba(125,251,196,1) 5%, rgba(51,211,255,1) 100%);; color:transparent; -webkit-background-clip:text;}
.kid_ele .tab_contents2 .kid .con4 .inner .thumb{padding:23px 11px; background-color:#fff; border-radius:0 0 10px 10px ;}
.kid_ele .tab_contents2 .kid .con4 .inner .thumb .swiper-slide{opacity:0 !important; transition:all .5s;}
.kid_ele .tab_contents2 .kid .con4 .inner .thumb .swiper-slide-active{opacity:1 !important;}

/* con7 */
.con7 {position: relative; background-color:#230C50;}
.con7 .title .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:center;gap: 2.5vw 4.38vw;margin-bottom: 8vw;transform:inherit !important;}
.con7 .title .swiper-wrapper li {position: relative;width:37.5vw !important;height:10.5vw;background-color: #736195;border-radius:2.5vw;font-family:inherit;font-size: 4.3vw;font-weight:700;color:#2F1F4D;text-align:center;line-height:10.9vw;/* box-shadow:0px 0.83vw 0px 0 rgb(115 117 166 / 100%); */}
.con7 .title .swiper-wrapper li.swiper-slide-thumb-active {background-color: #B968FF; color:#fff;}
.con7 .slide_wrapper{position:relative;}
.con7 .slide_wrapper .slider { overflow:hidden; padding-top:2%; margin-bottom:49px;}
.con7 .slide_wrapper .slider .swiper-slide { position:relative; padding:0 10.46vw; }
.con7 .slide_wrapper .slider .swiper-slide > img { width: 100%; }
.con7 .slide_wrapper .slider .swiper-slide .ani {position:absolute;top: 24.7%;left:50.4%;transform:translateX(-50%);width: 57.3%;}
.con7 .slide_wrapper .slider .swiper-slide .ani img {width:100%;}
.con7 .arr { top:63%; }
.con7 .swiper-button-prev {right: auto;top: 70vw;left: 3.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.con7 .swiper-button-next {left: auto;top: 70vw;right: 3.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.con7 .swiper-button-prev img { width: 100%; }
.con7 .swiper-button-next img { width: 100%; }

/* con8 */
.con8 {position: relative;}
.con8 .sec20_bg { width:100%; }
.con8 .sec20_slide {position: absolute;bottom: 13vw;left: 0;right: 0;width: 100%;margin: 0 auto;}
.con8 .sec20_slide .swiper-slide {padding: 0 10vw;}
.con8 .sec20_slide .swiper-slide img { width: 100%; }
.con8 .sec20_slide .swiper-button-prev {right: auto;top: 61vw;left: 3.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.con8 .sec20_slide .swiper-button-next {left: auto;top: 61vw;right: 3.5vw;margin: 0;background: none; width: 9vw;height: 9vw;}
.con8 .sec20_slide .swiper-button-prev img { width: 100%; }
.con8 .sec20_slide .swiper-button-next img { width: 100%; }
.con8 .sec20_slide .swiper-button-next:after,
.con8 .sec20_slide .swiper-button-prev:after { display:none; }


/* sec10 */
.sec10 {position: relative; z-index:1; background: #95eddf; }
.sec10_bg { width:100%; }


/* sec11 */
.sec11 {position: relative; z-index:1; background: #95eddf; }
.sec11_bg { width:100%; }
.sec11_gif {position: absolute;top: 93.6vw;left: 50.5vw;width: 42.7vw;border-radius: 1vw;}


/* 무료체험 신청 과정 */
.process_wrap {width: 100%;overflow: hidden;background:#f0f0f5;padding-top: 7.5%;}
.process_wrap strong {font-weight:400;text-align:center;color:#2c2c2c;display:block;font-family:'GmarketSansMedium', sans-serif;font-size: 6.2vw;}
.process_wrap strong span {	font-weight:700; }
.process_li {margin-top:4%;display:flex;justify-content:center;}
.process_li li {text-align:center;position:relative;}
.process_li li+li {margin-left: 6%;}
.process_li li+li::before {content:'';position:absolute;left:-21%;top:18%;background:url(images/process/process_arrow.png) no-repeat 50% 50%/contain;width:2vw;height:4vw;display:block;}
.process_li li div img {max-width:100%;height:11vw;}
.process_li li p {margin-top:10%;color:#2c2c2c;font-family:'Noto Sans KR','맑은 고딕', sans-serif;font-size:3.2vw;}
.btn_wrap { padding: 0 0 8.3vw !important;border-bottom: 1px solid #ababad; width: 90.5%;margin: 0 auto; }
.process_btn {display: block; width: 88%; margin: 0 auto; position: relative; }
.process_btn img { width: 100%; }
.process_btn::after { position: absolute;content: '';background: url(images/sec_bonus_hand.png) no-repeat 0 0 / contain;width: 12%;height: 70%;bottom: -40%;right: -4%;animation: blink-effect 0.5s ease alternate infinite;}
.notice_box {margin: 0 0 0 6vw;padding: 4.8% 0 13.5%;width:90.5%;}
.notice_box>strong { background:url(images/process/notice_tit.png) no-repeat 0 0/contain; width:44%; height:6vw; display:block; font-size:0; }
.notice_li {margin: 2% 0 0 2vw;}
.notice_li li {font-size: 3.6vw;color:#999;line-height: 1.5;display:flex;}
.notice_li li.noti_tit { color:#5f5f5f;}
.notice_li li>span { margin-right:1%; flex-shrink: 0;}
.notice_li li+li {margin-top: 0.5vw;}
.notice_li li.red{color:#f20000;}

/* 외부매체 */
.cont_outside{position:relative; z-index:2; margin:-3% 0 0;}

/* keyframes */
@keyframes blinker {
    50% {
        opacity:0;
    }
}



/* reasons_check */
.reasons_check{background:#E1F2FF; padding:10vw 0 0;}
.reasons_check .tit{width:100%; padding:0 0 10vw;}
.reasons_check .cont{width:100%; padding:0 0 10vw;}

/* correct_check */
.correct_check{background:#FCE0FF; padding:10vw 0;}
.correct_check .tit{width:100%; padding:0 0 8vw;}
.correct_check > .inner{padding:0 10vw;}
.correct_check > .inner img{width:100%;}
.correct_check > .inner .mov{margin:0 0 8vw; aspect-ratio: 16 / 9;}

/* reselection */
.reselection{background: linear-gradient(180deg, #FFF7D6 0%, #E3FEEA 100%); padding:10vw 0;}
.reselection .video{margin:8vw 0;}
.reselection .video video{width:200%; border:none;}

/* learning_system */
.learning_system{}
.learning_system .tit{width:100%;}
.learning_system_cont{padding:15vw 0;}
.learning_system_cont .slide_area{margin-top:40px;}
.learning_system_cont .slide_area .tab{display:flex; justify-content:center; gap:15px; flex-direction: column; align-items: center; margin-bottom:8vw;}
.learning_system_cont .slide_area .tab > div{display:flex; gap:10px;}
.learning_system_cont .slide_area .tab button{border:none; font-family:'Pretendard'; font-size:4vw; color:#DCE4EA; width:27vw; aspect-ratio: 2.3 / 1; font-weight:600; background:#9AB0B4;border-radius:100px; letter-spacing:-1px; transition:all .3s;}
.learning_system_cont .slide_area .tab button.active{background:#913BFF; color:#fff;}
.learning_system_cont .slide_area .cont{position:relative;}
.learning_system_cont .slide_area .slider_wrap{display:none;}
.learning_system_cont .slide_area .slider_wrap.active{display:block;}
.learning_system_cont .slide_area .swiper{width:100%; height:auto; position:relative; margin:0 auto;}
.learning_system_cont .slide_area .swiper-slide{width:100%; height:auto;}
.learning_system_cont .slide_area .swiper-slide img{width:100%; height:auto; display:block; object-fit:contain;}
.learning_system_cont .btn_view_more{position:relative; display:flex; margin:3vw auto 0; width: 60vw; aspect-ratio: 4/1; background: url(../img_m/learning_system_btn.png) no-repeat 0 0 / 100%; text-indent:-9999em;}

/* only_industry */
.only_industry{background:#EAF6FF; padding:10vw 0 0;}
.only_industry .tit{width:100%;}
.only_industry .cont{padding:15vw 0 0;}
.only_industry .tab{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:8vw 0; padding:0 5vw; justify-items:center;}
.only_industry .tab button{background:none; border:none; font-family:'Pretendard'; font-size:5vw; width:44vw; aspect-ratio: 3.2 / 1; color:#8F92AE; background:#C1C3D8; font-weight:600; border-radius:20px; letter-spacing:-1px; transition:all .3s;}
.only_industry .tab button.active{background:#0004DE; color:#fff;}
.only_industry .only_industry_slider{width:100%; height:auto; margin:8vw auto 0;}
.only_industry .only_industry_slider .swiper-slide{width:100%; height:auto;}
.only_industry .only_industry_slider .swiper-slide img{width:100%; height:auto; display:block; object-fit:contain;}
.only_industry .only_industry_slider .swiper-slide .video{position:absolute; left:50%; top:37vw; transform:translateX(-50%); width:83vw; height:47vw;}
.only_industry .only_industry_slider .swiper-slide .video iframe{width:100%; height:100%; object-fit:contain;}
.only_industry .only_industry_slider .inner_slider { position: relative; padding:0 3vw; margin:5vw 0 0;}
.only_industry .only_industry_slider .inner_slider:after { position: absolute; left:0; bottom:-50vw; content:''; width:100vw; background:url(../img_m/only_industry_slider1_bg.png) no-repeat 0 0 /100%; aspect-ratio: 1.4/1; z-index:2;}
.only_industry .only_industry_slider .inner_slider .swiper-slide img { width: 100%; }
.only_industry .only_industry_slider .inner-prev, .inner-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; }
.only_industry .only_industry_slider .inner-prev { left: 10px; }
.only_industry .only_industry_slider .inner-next { right: 10px; }
.only_industry .only_industry_slider .inner-prev,
.only_industry .only_industry_slider .inner-next{position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:30px; aspect-ratio: 1/1; background:url(../img_m/only_industry_slider1_arrow.png) no-repeat 0 0 / 100%; text-indent:-9999em;}
.only_industry .only_industry_slider .inner-prev{left:10px; }
.only_industry .only_industry_slider .inner-next{right:10px; transform:translateY(-50%) rotate(180deg);}
.only_industry .only_industry_slider .gif{position:absolute; top:36vw; left:50%; width:80vw !important; transform:translateX(-50%);}

/* verified_result */
.verified_result{position:relative; background: linear-gradient(180deg, #FFD6EB 0%, #FFEDB1 100%), #FFFFFF; padding:10vw 0 0;}
.verified_result .tit{width:100%;}
.verified_result .cont{width:100%; margin:5vw 0;}
.verified_result .btn{position:absolute;left:50%;bottom:11vw;width: 80vw; aspect-ratio: 3/1; transform:translateX(-50%); text-indent: -9999em;}

/* system_step */
.system_step_tit {background: #ffdce6;text-align: center;padding: 11vw 0 5vw;}
.system_step_tit img { width: 70vw; }
.system_step{position: relative;background:#ffdce6;padding: 20.6vw 0 6.5vw;}
.system_step .top {text-align: center;background: #ffdce6;position: absolute;top: 0;left: 0;right: 0;margin: auto 0;z-index: 11;padding-top: 3vw;}
.system_step .top.fix {position: fixed;top: 55px !important;left: 0;right: 0;}
.system_step .top .tit { width: 70vw;}
.system_step .top .tab {width: 90.5vw;height: 17.5vw;margin: 0 auto;transition:.2s;display: flex;}
.system_step .top .tab.tab_step1 { background: url(../img_m/system_step_tab1.png) no-repeat 0 0 / 100%; }
.system_step .top .tab.tab_step2 { background: url(../img_m/system_step_tab2.png) no-repeat 0 0 / 100%; }
.system_step .top .tab.tab_step3 { background: url(../img_m/system_step_tab3.png) no-repeat 0 0 / 100%; }
.system_step .top .tab button {height: 100%;display: block;flex-grow: 1;}
.system_step .top .tab button:nth-of-type(1) { width: 29%;}
.system_step .top .tab button:nth-of-type(2) { width: 36%;}
.system_step .top .tab button:nth-of-type(3) { width: 35%;}
.system_step ul {text-align: center;display: flex;flex-direction: column;}
.system_step ul li {padding: 8vw 0 4vw;}
.system_step ul li .tit { height: 11.7vw; width:auto;}
.system_step ul li .swiper-container {width: 90vw;margin-top: 6vw;}
.system_step ul li .swiper-container img { width: 90vw;}
.system_step ul li .swiper-container .swiper-pagination {top: 0;bottom: auto;gap: 1.7vw 2.5vw;display: flex;justify-content: center;opacity: 0;flex-wrap: wrap;}
.system_step ul li .swiper-container .swiper-pagination-bullet {width: 27vw;border-radius: 0;height: 9.5vw;margin: 0;}
.system_step ul li .con_step2_swiper .swiper-pagination-bullet:nth-of-type(1) {width: 24vw;}
.system_step ul li .con_step2_swiper .swiper-pagination-bullet:nth-of-type(2) {width: 24vw;}
.system_step ul li .con_step2_swiper .swiper-pagination-bullet:nth-of-type(3) {width: 33vw;}


/* 전문상담 전용 무료체험 신청 스타일 수정 */
.free-trial-apply .title h1 span{display:block; font-size:14px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .form_content .list dt.grade label{display:inline-block; width:100%;}
.free-trial-apply .form_content .list dd.grade .grade_desc{bottom:20px !important;}
.free-trial-apply .form_content .list dd.link{padding:0; margin-top:10px;}
.free-trial-apply .form_content .list dd.link a{height:50px;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763 !important;}