@charset "UTF-8";

@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;
}

/*reset*/
img {
    border: 0;
}

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;
}

div,p,span,li{
	font-family: 'pretendard';
}

.web {
    min-width: 1300px;
}

/*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;
}

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


/* common */
.max_rowbx .inner {max-width: 1200px;margin: 0 auto;}
.max_rowbx .inner.flx{display: flex; flex-direction: column;align-items: center;}
.max_rowbx .inner.mask {position:relative; text-align:center; display: inherit;}
.sec_tit { color: #222; letter-spacing: -1px; font-family: "GmarketSans", sans-serif; font-weight: normal; text-align: center; line-height: 1.1;}
.sec_tit strong { font-weight: bold; font-size: 29px; display: block;}
.sec_tit p + strong { margin-top: 4px; }
.sec_tit strong + p { margin-top: 4px; }
.sec_tit p { font-weight: normal;font-size: 26px; 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{max-width:100%;}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}


/* fade in */
.fade_box .fade { position: relative; transform: translate(0, 70px); 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, 70px); 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{overflow: visible; font-family: 'pretendard';}


/* visual */
.only1live .visual{overflow:hidden; position: relative; padding: 65px 0 145px; background: url(../img/visual_bg.png) no-repeat 0 0 / cover;}
.only1live .visual .visual_tit_wrap{position: relative; z-index: 4; margin-bottom: 30px; text-align: center;}
.only1live .visual .visual_tit_wrap p{color: #424242; font-size: 32px; 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; max-width: 600px; margin-bottom: 35px;}
.only1live .visual .tit_img img{max-width: 100%;}
.only1live .visual .tablet_img{position: relative; z-index: 2; max-width: 700px;}
.only1live .visual .tablet_img img{max-width: 100%;}
.only1live .visual .like_wrap{overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 75%;}
.only1live .visual .like_wrap img{position: absolute; opacity: 0; will-change: bottom, translate, rotate, opacity, filter;}
.only1live .visual .like_wrap img.like1{}
.only1live .visual .like_wrap img.like2{}
.only1live .visual .like_wrap img.like3{}
.only1live .visual .like_wrap img.like4{}
.only1live .visual .like_wrap img.like5{}
.only1live .visual .bubble_wrap{position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); z-index: 4; width: 100%; max-width: 1920px; height: 20%;}
.only1live .visual .bubble_wrap img{position: absolute; transform: scale(0); transform-origin: center; filter: drop-shadow(0 10px 20px rgba(132, 132, 132, 0.2));}
.only1live .visual .bubble_wrap img.bubble1{top: 15%; left: 10%;}
.only1live .visual .bubble_wrap img.bubble2{top: 50%; left: 18%;}
.only1live .visual .bubble_wrap img.bubble3{top: 71%; left: 39%;}
.only1live .visual .bubble_wrap img.bubble4{top: 55%; right: 29%;}
.only1live .visual .bubble_wrap img.bubble5{top: 8%; right: 18%;}
.only1live .visual .bubble_wrap img.bubble6{top: 42%; right: 7%;}
.only1live .visual .student_wrap{overflow: hidden; position: absolute; bottom: 0; left: -2.5%; z-index: 2; width: 105%; height: 25%;}
.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: 20px; right: 50px; z-index: 3; color: #000; font-size: 20px;}
.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.4s, 2.4s; }
.only1live .visual.on .bubble_wrap img:nth-child(3) { animation-delay: 0.3s, 2.3s; }
.only1live .visual.on .bubble_wrap img:nth-child(4) { animation-delay: 0.2s, 2.2s; }
.only1live .visual.on .bubble_wrap img:nth-child(5) { animation-delay: 0.1s, 2.1s; }
.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: 250px; right: 20px; z-index: 100;}
.only1live .visual .pop.is_closed { display:none; }
.only1live .visual .pop a{display: block;}
.only1live .visual .pop button{position: absolute; top: 0; right: 30px; width: 24px; background: none;}
.only1live .visual .pop img{max-width: 100%;}

.only1live .visual .bol{position:absolute; left:38px; bottom:56px; width:64px;}
.only1live .visual .btn{position:absolute; left:15px; bottom:26px; width:345px; height:64px; text-indent:-9999em;}
.only1live .visual_rolling{position:absolute; left:0; top:11px; display: flex;}
.only1live .visual_rolling li img{height:75px;}
.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%);
    }
}
.only1live .floating_banner {position: absolute;right: 23px;top: 390px;z-index: 1;width: 154px; background: url(../img/floating_banner.png) no-repeat 0 0/contain;aspect-ratio: 1/1;}
.only1live .floating_banner .link {position: absolute;top: 11px;left: 11px;right: 19px;bottom: 11px;border-radius: 50%;display: block;}
.only1live .floating_banner .close {position: absolute;top: 26px;right: 8px;border-radius: 50%;width: 30px; aspect-ratio: 1/1; z-index: 1;background: 0;}

/* banner_wrap */
.only1live .banner_wrap {position: relative; z-index: 1; background: #f20000;display: flex;padding: 34px 0 27px;flex-direction: column;overflow: hidden;}
.only1live .banner_wrap .txt { position: relative; z-index: 1;}
.only1live .banner_wrap .txt p {font-size: 35px;text-align: center;color: #fff;}
.only1live .banner_wrap .txt strong {font-size: 60px;font-family: 'GmarketSansBold';text-align: center;color: #fff;display: block;margin-top: 9px;}
.only1live .banner_wrap .txt strong span{font-family: 'GmarketSansBold';}
.only1live .banner_wrap .obj {position: absolute; left: calc(50% - 232px); bottom: -25px; width: 464px;}

.only1live .banner_wrap .txt p span, 
.only1live .banner_wrap .txt strong span {display:inline-block;opacity:0;transform:translateY(11px);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: 20px; text-align: center;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .logo img{max-width: 67px;}
.only1live .max_rowbx div[class^="section"] .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 50px; 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: 0.25em; color: #222; font-size: 40px; font-weight: 500; 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: 40px; border: 1px solid #292a4c; color: #292a4c; font-size: 20px; font-weight: 700; border-radius: 2em;}

.only1live .max_rowbx div[class^="section"] .sec_wrap{padding: 60px 60px; background: #fff; text-align: center; border-radius: 40px;}
.only1live .max_rowbx div[class^="section"] .sec_wrap .txt1{color: #222; font-size: 40px; font-weight: 700; line-height: 1.3em;}
.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: 40px; color: #222; font-size: 24px; line-height: 1.3em;}

.only1live .card_wrap { position: relative; }
.only1live .card_wrap .card_sticky { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; }
.only1live .card_wrap .tit_wrap { display: grid; place-content: center; position: sticky; top: 0; left: 0; width: 50%; height: 100vh;}
.only1live .card_wrap .tit_wrap .tit { }
.only1live .card_wrap .card_layer { position: relative; width: 550px;}
.only1live .card_wrap .card_layer > .item{display: grid; align-items: center; position: sticky;}
.only1live .card_wrap .card_layer > .item + .item{ margin-top: 150px; }
.only1live .card_wrap .card_layer > .item:first-child{top: 0; z-index: 1; min-height: 100vh;}
.only1live .card_wrap .card_layer > .item:nth-child(2){top: 0; z-index: 2; min-height: 100vh;}
.only1live .card_wrap .card_layer > .item .sec_wrap { position: relative; }

.only1live .section3{padding: 100px 24px; 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: 60px; border-radius: 9px;}
.only1live .section3 .video_wrap img{max-width: 100%;}
.only1live .section3 .video{overflow: hidden; position: relative; padding-top: 56.25%; margin-top: 60px; border: 3px solid #414266; border-radius: 9px;}
.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: -38px;}
.only1live .section3 .txt_bubble .item1{display: flex; position: relative;}
.only1live .section3 .txt_bubble .item1 img{position: absolute; top: 0; left: 0; transform: translate(-25%, -70%); width: 60px;}
.only1live .section3 .txt_bubble .item1 p{padding: 11px 24px 13px; background: #e9daa2; color: #000; font-size: 22px; font-weight: 500; text-align: left; border-radius: 2em;}
.only1live .section3 .txt_bubble .item2{display: flex; position: relative; margin-top: 10px; margin-left: auto; }
.only1live .section3 .txt_bubble .item2 p{padding: 11px 24px 13px; background: #f4d8f9; color: #000; font-size: 22px; font-weight: 500; border-radius: 2em;}
.only1live .section3 .txt_bubble .item2 img{position: absolute; top: 0; right: 0; transform: translate(30%, -70%); width: 60px;}
.only1live .section3 .txt_bubble .item3{display: flex; position: relative; margin-top: 15px; }
.only1live .section3 .txt_bubble .item3 p{white-space: nowrap; padding: 11px 24px 13px; color: #000; background: #dbe4ff; font-size: 22px; font-weight: 500; border-radius: 2em;}
.only1live .section3 .txt_bubble .item3 img{position: absolute; top: 0; left: 0; transform: translate(50%, -80%); width: 60px;}
.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: 8%; width: 35px;}
.only1live .section3 .video_wrap .emo_wrap img.emo2{top: 43%; right: 9%; width: 30px;}
.only1live .section3 .video_wrap .emo_wrap img.emo3{top: 80%; left: 23%; width: 42px;}
.only1live .section3 .video_wrap .emo_wrap img.emo4{top: 15%; right: 23%; width: 40px;}
.only1live .section3 .video_wrap .emo_wrap img.emo5{top: 73%; right: 21%; width: 52px;}
.only1live .section3 .video_wrap .emo_wrap img.emo6{top: 45%; left: 9%; width: 50px;}
.only1live .section3 .video_wrap .emo_wrap img.emo7{top: 27%; right: 14%; width: 35px;}
.only1live .section3 .video_wrap .emo_wrap img.emo8{top: 78%; right: 12%; width: 28px;}
.only1live .section3 .video_wrap .emo_wrap img.emo9{top: 55%; right: 25%; width: 35px;}
.only1live .section3 .video_wrap .emo_wrap img.emo10{top: 13%; left: 20%; width: 50px;}
.only1live .section3 .video_wrap .emo_wrap img.emo11{top: 15%; right: 11%; width: 23px;}
.only1live .section3 .video_wrap .emo_wrap img.emo12{top: 82%; left: 48%; width: 31px;}
.only1live .section3 .video_wrap .emo_wrap img.emo13{top: 72%; left: 9%; width: 34px;}

.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; padding: 100px 33px;}
.only1live .section4 .sec4_card{display: flex; align-items: flex-start; justify-content: space-between;}
.only1live .section4 .tit_wrap{}
.only1live .section4 .tit_wrap .tit{display: grid; place-content: center; position: sticky; top: 0; z-index: 1; height: 100vh;}
.only1live .section4 .point_wrap{position: relative; z-index: 1; width: 50%;}
.only1live .section4 .point_wrap .item{display: grid; justify-content: end; align-items: center; overflow: hidden; position: sticky; top: 0; z-index: 2; text-align: right; border-radius: 20px;}
.only1live .section4 .point_wrap .item:not(:first-child){}
.only1live .section4 .point_wrap .item + .item{margin-top: 40px;}
.only1live .section4 .point_wrap .item:first-child{}
.only1live .section4 .point_wrap .item:nth-child(2){transform: translateY(250px);}
.only1live .section4 .point_wrap .item:nth-child(3){transform: translateY(500px);}
.only1live .section4 .point_wrap img{max-width: 100%;}

.only1live .section5{padding: 100px 24px; background: rgba(107, 159, 255, 0.1);}
.only1live .max_rowbx div[class^="section"].section5 .sec_wrap{position: relative;}
.only1live .section5 .tablet_info{display: grid; grid-template-columns: 1fr 45%; gap: 7px; padding: 8px; margin-top: 80px; margin-bottom: 50px; background: rgba(109, 142, 218, 0.2); border: 3px solid #414266; border-radius: 12px;}
.only1live .section5 .tablet_info .left{display: grid; grid-template-rows: 65% 1fr; gap: 7px 0;}
.only1live .section5 .tablet_info .left .l_top{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 5px; padding: 20px 30px; background: #fff; border-radius: 6px;}
.only1live .section5 .tablet_info .left .l_top .item{display: grid; grid-template-rows: 1fr calc(8px*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{margin-bottom: 0.2em; font-size: 11px; line-height: 1em;}
.only1live .section5 .tablet_info .left .l_top .item > div div{height: calc(var(--bar-height, 0px) - 10px*1.3*1.5 - 15px); border-radius: 3px; 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; color: #222; font-size: 10px; line-height: 1.3;}
.only1live .section5 .tablet_info .left .l_bottom{overflow: hidden; position: relative; background: #fff; border-radius: 6px;}
.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: 5%; transform: translateX(-50%); color: #219bff; font-size: 18px; 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: 12px 18px 24px; background: #fff; border-radius: 6px; text-align: left;}
.only1live .section5 .tablet_info .right p{font-size: 11px; font-weight: 600;}
.only1live .section5 .tablet_info .right ul{display: flex; flex-wrap: wrap; gap: 2px; margin-top: 11px;}
.only1live .section5 .tablet_info .right ul li{padding: 0.4em 1em 0.3em 2em; background: url(../img/sec18_graph01_chk02.png) no-repeat 0.7em center #219bff; background-size: 1em; color: #fff; font-size: 11px; border-radius: 2em;}
.only1live .section5 .tablet_info .right div{width: 85px; height: 45px; margin-top: 11px; background: #e3ebfe; border-radius: 8px;}
.only1live .section5 .teacher_img{position: absolute; bottom: 0; right: 0; width: 300px; height: 300px;}
.only1live .section5 .teacher_img img{max-width: 100%;}
.only1live .section5 .img_wrap{position: relative; margin-top: 60px;}
.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%); color: #000; font-size: 50px; font-weight: 700;}
.only1live .section5 .img_wrap .circle{position: absolute; bottom: -6%; left: 50%; transform: translateX(-50%); z-index: 1; width: 190px;}
.only1live .section5 .img_wrap .border{position: absolute; bottom: -3.4%; left: 50%; z-index: 2; width: 88px; clip-path: inset(100% 0 0 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: 100px 24px;}
.only1live .max_rowbx div[class^="section"].section6 .sec_wrap.books{overflow: hidden; position: relative; padding-bottom: 150px;}
.only1live .section6 .slide{width: calc(100% + 60px*2); margin-top: 60px; margin-left: -60px;}
.only1live .section6 .slide .swiper-wrapper{}
.only1live .section6 .slide .item{transform: scale(0.9); transition: transform 0.75s;}
.only1live .section6 .slide .item img{max-width: 100%;}
.only1live .section6 .slide .swiper-slide-active{transform: scale(1.1);}
.only1live .section6 .papers{display: grid; grid-template-columns: 1fr 1fr; gap: 0 6px; position: absolute; bottom: -5%; left: 15%; z-index: 1; width: 70%;}
.only1live .section6 .papers .item{overflow: hidden; border-radius: 15px;}
.only1live .section6 .papers img{max-width: 100%;}
.only1live .section6 .img_wrap{position: relative; margin-top: 60px; margin-bottom: 50px;}
.only1live .section6 .img_wrap img{max-width: 100%;}
.only1live .section6 .img_wrap img:first-child{border-radius: 20px;}
.only1live .section6 .img_wrap .report{position: absolute; bottom: -18%; right: 3%;}

.only1live .section11{padding: 100px 16px; background: rgba(107, 159, 255, 0.1);}
.only1live .section11 .gift_list{counter-reset: gift; display: grid; gap: 30px 30px; margin-top: 60px;}
.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; padding: 0.6em 1.2em 0.4em; background: #292a4c; color: #fff; font-size: 23px; font-family: 'GmarketSansBold'; border-radius: 2em 2em 2em 0; line-height: 1em;}
.only1live .section11 .gift_list .item:first-child{grid-column: 1 / span 3};
.only1live .section11 .gift_list .item:first-child ~ .item{grid-row: 2 / 3;}
.only1live .section11 .gift_list .item div { overflow: hidden; position: relative; border-radius: 40px; }
.only1live .section11 .gift_list .item div::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 40px; 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: 4px; 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 30px; height: 289px; margin-top: 40px;}
.only1live .section11 .device_select div{border-radius: 40px; transition: box-shadow 0.5s;}
.only1live .section11 .device_select div:first-child{background: url(../img/sec11_select01.png) no-repeat 0 0 / cover; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.only1live .section11 .device_select div:nth-child(2){background: url(../img/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 8px 20px 0 rgba(0, 0, 0, 0.2);}

.only1live .section11 .notice_wrap .cont{padding: 50px; background: #fff; border-radius: 40px;}
.only1live .section11 .notice_wrap .cont p:first-child{margin-top: 0;}

.only1live .section13{padding: 100px 16px;}
.only1live .section13 .list_wrap{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 30px; width: 1465px; margin: 60px auto 0;}
.only1live .section13 .list_wrap div{overflow: hidden; border-radius: 40px;}
.only1live .section13 .list_wrap img{max-width: 100%;}
.only1live .section13 .list_wrap .video{position: relative; padding-top: 113%;}
.only1live .section13 .list_wrap .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.only1live .section14{padding: 100px 16px;}
.only1live .section14 .bubble{opacity: 0; margin: 80px 0 40px; text-align: center;}
.only1live .section14 .bubble img{max-width: 366px;}

.only1live .section14 .books{position: relative; width: 770px; margin: 0 auto 40px;}
.only1live .section14 .books .item{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0 8px; position: relative; z-index: 1;}
.only1live .section14 .books .item img{opacity: 0; max-width: 100%;}
.only1live .section14 .books .light{position: absolute; bottom: -80%; left: 50%; opacity: 0; transform: translate(-50%, 0); max-width: 1386px;}

.only1live .section14 .list_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 20px; position: relative;}
.only1live .section14 .list_wrap img{max-width: 100%;}

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

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

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

.only1live .section15{padding: 100px 24px; background: rgba(107, 159, 255, 0.1);}
.only1live .section15 .tab {display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 60px;}
.only1live .section15 .tab > button {opacity: 1; width: auto; height: auto; padding: 0.4em 1.2em; background: none; border: 1px solid #222; color: #222; font-size: 24px; border-radius: 2em; transition: background 0.35s ease, color 0.35s ease;}
.only1live .section15 .tab > button.swiper-pagination-bullet-active {background: #222; color: #fff;}
.only1live .section15 .slide_wrap{width:490px;margin:60px auto 0;}
.only1live .section15 .slide_wrap .swiper-container{overflow:visible;}
.only1live .section15 .sec15_swiper .swiper-slide{position:relative; overflow:hidden; border-radius:30px;}
.only1live .section15 .sec15_swiper .swiper-slide::before{content:'';position:absolute;z-index:1;inset:0;width:100%;height:100%;background:rgba(0,0,0,.3);border-radius:30px;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease;pointer-events:none;}
.only1live .section15 .sec15_swiper .swiper-slide-active::before{opacity:0; visibility:hidden;}
.only1live .section15 .sec15_swiper .swiper-slide img{display:block;width:100%;height:auto;}
.only1live .section15 .sec15_swiper .video{position: relative; padding-top: 104.89%;}
.only1live .section15 .sec15_swiper .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.only1live .section15 .sec15_swiper .swiper-wrapper{}
.only1live .section15 .swiper-slide img{max-width: 100%;}

.only1live .section16{overflow: hidden; padding: 100px 0;}
.only1live .section16 .math_wrap{display: flex; align-items: center; justify-content: center; position: relative; height: 600px; margin-top: 40px;}
.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: 262px; height: 262px; background: rgba(255, 255, 255, 0.2);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(2){opacity: 1; width: 356px; height: 356px; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(3){width: 460px; height: 460px; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(4){width: 566px; height: 566px; background: rgba(45, 205, 13, 0.15);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(5){width: 695px; height: 695px; background: rgba(45, 205, 13, 0.1);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(6){width: 870px; height: 870px; background: rgba(45, 205, 13, 0.05);}
.only1live .section16 .math_wrap .math_tit_wrap .bg_wrap > div:nth-child(7){width: 1020px; height: 1020px; 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{color: #222; font-size: 40px; font-family: 'GmarketSansBold'; line-height: 1.3em;}
.only1live .section16 .math_wrap .math_tit_wrap span{margin-bottom: 12px; color: #222; font-size: 20px;}
.only1live .section16 .math_wrap .math_tit_wrap a{padding: 0.4em 1.2em; border: 1px solid #292a4c; color: #292a4c; font-size: 16px; 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: 130px; height: 130px; background-size: 130px 260px; 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/sec16_math_icon01.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math02{background-image: url(../img/sec16_math_icon02.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math03{background-image: url(../img/sec16_math_icon03.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math04{background-image: url(../img/sec16_math_icon04.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math05{background-image: url(../img/sec16_math_icon05.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math06{background-image: url(../img/sec16_math_icon06.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math07{background-image: url(../img/sec16_math_icon07.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math08{background-image: url(../img/sec16_math_icon08.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math09{background-image: url(../img/sec16_math_icon09.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math10{background-image: url(../img/sec16_math_icon10.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math11{background-image: url(../img/sec16_math_icon11.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math12{background-image: url(../img/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: 0%;}
.only1live .section16 .math_wrap .icon_list .icon03{top: 35%; left: 15%;}
.only1live .section16 .math_wrap .icon_list .icon04{top: 8%; right: 12%;}
.only1live .section16 .math_wrap .icon_list .icon05{top: 18%; right: 22%;}
.only1live .section16 .math_wrap .icon_list .icon06{top: 30%; right: 3%;}
.only1live .section16 .math_wrap .icon_list .icon07{bottom: 30%; left: 2%;}
.only1live .section16 .math_wrap .icon_list .icon08{bottom: 21%; left: 24%;}
.only1live .section16 .math_wrap .icon_list .icon09{bottom: 8%; left: 12%;}
.only1live .section16 .math_wrap .icon_list .icon10{bottom: 22%; right: 10%;}
.only1live .section16 .math_wrap .icon_list .icon11{bottom: 30%; right: 24%;}
.only1live .section16 .math_wrap .icon_list .icon12{bottom: 10%; right: 35%;}
@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{width: 566px; margin: 40px auto 0;}
.only1live .section16 .math_video .video_wrap{overflow: hidden; position: relative; width: 100%; padding-top: 56.25%; background: #ddd; border: 3px solid #414266; border-radius: 12px;}
.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: 600px; margin-top: 300px;}
.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: 262px; height: 262px; background: rgba(255, 255, 255, 0.2);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(2){opacity: 1; width: 356px; height: 356px; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(3){width: 460px; height: 460px; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(4){width: 566px; height: 566px; background: rgba(255, 89, 104, 0.15);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(5){width: 695px; height: 695px; background: rgba(255, 89, 104, 0.1);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(6){width: 870px; height: 870px; background: rgba(255, 89, 104, 0.05);}
.only1live .section16 .eng_wrap .eng_tit_wrap .bg_wrap > div:nth-child(7){width: 1020px; height: 1020px; 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{color: #222; font-size: 40px; font-family: 'GmarketSansBold'; line-height: 1.3em;}
.only1live .section16 .eng_wrap .eng_tit_wrap span{margin-bottom: 12px; color: #222; font-size: 20px;}
.only1live .section16 .eng_wrap .eng_tit_wrap a{padding: 0.4em 1.2em; border: 1px solid #292a4c; color: #292a4c; font-size: 16px; 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: 130px; height: 130px; background-size: 130px 260px; 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/sec16_eng_icon01.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng02{background-image: url(../img/sec16_eng_icon02.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng03{background-image: url(../img/sec16_eng_icon03.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng04{background-image: url(../img/sec16_eng_icon04.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng05{background-image: url(../img/sec16_eng_icon05.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng06{background-image: url(../img/sec16_eng_icon06.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng07{background-image: url(../img/sec16_eng_icon07.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng08{background-image: url(../img/sec16_eng_icon08.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng09{background-image: url(../img/sec16_eng_icon09.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng10{background-image: url(../img/sec16_eng_icon10.png);}

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

.only1live .section16 .eng_video{width: 566px; margin: 40px auto 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: 12px;}
.only1live .section16 .eng_video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.only1live .section17{padding: 100px 24px; background: rgba(255, 255, 255, 0.7);}
.only1live .section17 .book_wrap{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; margin-top: 60px;}
.only1live .section17 .lib_wrap{position: relative; padding-top: 60px; background: #d5d7ff; border-radius: 40px;}
.only1live .section17 .lib_wrap img{max-width: 100%;}
.only1live .section17 .lib_wrap .lib_tit_wrap{text-align: center;}
.only1live .section17 .lib_wrap .lib_tit_wrap .main_tit{ color: #000; font-size: 32px; font-weight: 700;}
.only1live .section17 .lib_wrap .lib_tit_wrap .sub_tit{margin-top: 0.3em; color: #000; font-size: 24px; line-height: 1.3em;}

.only1live .section17 .lib1{}
.only1live .section17 .lib1 .open_book{perspective: 1200px; transform-style: preserve-3d; position: absolute; bottom: 34%; left: calc(50% - 105px); width: 210px; height: 130px; }
.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/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/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{width: 80%; margin: 30px auto 0;}

.only1live .section17 .lib2{overflow: hidden;}
.only1live .section17 .lib2 .slide_wrap { width: 100%; }
.only1live .section17 .lib2 .book_slide { width: 100%; overflow: visible; padding: 30px 0 120px; }
.only1live .section17 .lib2 .book_slide .swiper-wrapper { }
.only1live .section17 .lib2 .book_slide .swiper-slide { width: 120px; 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: 208px;}
.only1live .section17 .lib2 .earth_img img{/* animation: earthRotate 60s linear infinite; */}
/* 
@keyframes earthRotate {
	from { transform: rotate(0deg); }
	to { transform: rotate(-360deg); }
}
 */
 
.only1live .section18{padding: 100px 24px;}
.only1live .section18 .graph_wrap{display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; margin-top: 60px;}
.only1live .section18 .graph_wrap .item_grp{}
.only1live .section18 .graph_wrap .item{position: relative;}
.only1live .section18 .graph_wrap .item + .item{}
.only1live .section18 .graph_wrap .item > div{overflow: hidden; position: relative; transform: scale(0.667); border-radius: 30px; transition: transform 1s ease;}
.only1live .section18 .graph_wrap .item.active > div{z-index: 1; transform: scale(1); 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{transform: translate(-100px); margin-top: -320px;}
.only1live .section18 .graph_wrap .graph1 ul{display: flex; flex-wrap: wrap; gap: 4px; position: absolute; bottom: 10%; left: 7%; width: calc(100% - 7px);}
.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: 21px; 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{margin-top: -40px;}
.only1live .section18 .graph_wrap .graph2 p{position: absolute; bottom: 31%; left: 45.5%; opacity: 0; padding: 0.25em 1.45em; background: #008cff; color: #ffff00; font-size: 21px; border-radius: 2px;}
.only1live .section18 .graph_wrap .graph2.active p{opacity: 1; transition: opacity 0.75s 0.5s;}
.only1live .section18 .graph_wrap .graph3{transform: translateX(-100px); margin-top: -50px;}
.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: 45px; 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{margin-top: -30px;}
.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{transform: translateX(100px); margin-top: -30px;}
.only1live .section18 .graph_wrap .graph5 .bar_box{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 12px; position: absolute; bottom: 0; left: 14%; width: 72%; padding-bottom: 45px;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars{display: grid; grid-template-rows: 1fr calc(18px*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{margin-bottom: 0.3em; font-size: 18px; text-align: center; line-height: 1em;}
.only1live .section18 .graph_wrap .graph5 .bar_box .bars > div div{height: calc(attr(data-height type(<number>)) * 1.2px); border-radius: 6px; 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: 18px; line-height: 1.3;}
.only1live .section18 .graph_wrap .graph6{transform: translateX(-30px);}
.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{transform: translateX(100px);}
.only1live .section18 .graph_wrap .graph7 ul{display: grid; grid-template-columns: repeat(4, 1fr); position: absolute; bottom: 13%; left: 12px; width: calc(100% - 12px * 2);}
.only1live .section18 .graph_wrap .graph7 ul li{display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; color: #000; font-size: 18px; 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: -31%; background: #ffc7d9;}
.only1live .section18 .graph_wrap .graph7 ul li:nth-child(3){margin-left: -62%; background: #b4ddff;}
.only1live .section18 .graph_wrap .graph7 ul li:nth-child(4){margin-top: 60%; margin-left: -93%; 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: 100px 24px; background: rgba(107, 159, 255, 0.1);}
.only1live .section19 .list_wrap{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; padding: 0 40px; margin-top: 60px;}
.only1live .max_rowbx div[class^="section"].section19 .sec_wrap{display: flex; flex-direction: column; align-items: center; position: relative; border-radius: 40px;}
.only1live .max_rowbx div[class^="section"].section19 .sec_wrap .txt1{font-size: 22px;}
.only1live .section19 .tablet_info{display: grid; grid-template-columns: 1fr 45%; gap: 7px; width: 65%; padding: 8px; margin-top: 30px; background: rgba(109, 142, 218, 0.2); border: 3px solid #414266; border-radius: 12px;}
.only1live .section19 .tablet_info .left{display: grid; grid-template-rows: 65% 1fr; gap: 7px 0;}
.only1live .section19 .tablet_info .left .l_top{display: grid; grid-template-columns: repeat(5, 1fr); align-content: end; gap: 0 5px; padding: 13px 18px; background: #fff; border-radius: 6px;}
.only1live .section19 .tablet_info .left .l_top .item{display: grid; grid-template-rows: 1fr calc(8px*1.5); width: 16px; 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{margin-bottom: 0.2em; font-size: 10px; line-height: 1em;}
.only1live .section19 .tablet_info .left .l_top .item > div div{height: calc(var(--bar-height, 0px) - 10px*1.3*1.5 - 15px); border-radius: 3px; 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: 8px; line-height: 1.3;}
.only1live .section19 .tablet_info .left .l_bottom{overflow: hidden; position: relative; border-radius: 6px;}
.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: 6px;}
.only1live .section19 .tablet_info .right img{max-width: 100%;}
.only1live .section19 .teacher_img{position: absolute; bottom: 0; right: 20px; width: 300px;}
.only1live .section19 .teacher_img img{max-width: 100%;}

.only1live .section19 .week_set{}
.only1live .section19 .week_set {width: 92%; padding: 20px 15px; margin: 30px 0 34px; background-color: #c7e5ff; border-radius: 30px;}
.only1live .section19 .week_set .day_chk{width: 65%; padding: 7px 8px; margin: 0 auto 5px; background: #fff; border-radius: 2em;}
.only1live .section19 .week_set .day_chk ul {display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 3px; height: 29px;}
.only1live .section19 .week_set .day_chk ul li {display: flex; align-items: center; justify-content: center; width: 29px; border-radius: 50%; background: #f2f2f2; color: #222; font-size: 11px; 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(3, 1fr); gap: 8px;}
.only1live .section19 .week_set .subject_chk > div {display: flex; align-items: baseline; justify-content: space-between; padding: 7px 8px; background-color: #fff; border-radius: 24px;}
.only1live .section19 .week_set .subject_chk p {font-size: 11px; font-weight: 500;}
.only1live .section19 .week_set .subject_chk ul {display: flex; gap: 3px;}
.only1live .section19 .week_set .subject_chk ul li{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 10px; 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; width: 65%; padding: 8px 0; margin: 0 auto 5px; background: #fff; border-radius: 24px;}
.only1live .section19 .week_set .time_chk .day {position: relative; width: calc(12px*3); height: 100%; margin-right: 20px; font-size: 12px; color: #222;}
.only1live .section19 .week_set .time_chk .day .day_list{overflow: hidden; position: absolute; transform: translateY(-50%); height: 38px;}
.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: 19px; 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: 56px; font-size: 14px; font-weight: 700; color: #1a619b;}
.only1live .section19 .week_set .time_chk .time::before {content: ""; position: absolute; top: 50%; left: -10px; width: 56px; height: 1px; background: #1a619b;}
@keyframes dayStepUp {
	/* 시작 */
	0% { transform: translateY(0); }

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

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

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

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

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

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

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

.only1live .section20{padding: 100px 18px; background: url(../img/sec20_bg.png) no-repeat 0 0 / cover;}
.only1live .section20::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #171526 0%, #171526 35%, rgba(23, 21, 38, 0.5) 105%);}
.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; width: 450px; margin-top: 60px; border: 3px solid #414266; border-radius: 12px;}
.only1live .section20 .class_wrap img{max-width: 100%;}
.only1live .section20 .class_wrap .video{position: relative; width: 100%; padding-top: 56.25%;}
.only1live .section20 .class_wrap .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.only1live .section20 .list_wrap{margin-top: 65px; text-align: center;}
.only1live .section20 .list_wrap img{max-width: 100%;}
.only1live .section20 .list_wrap span{display: inline-block; position: relative; padding-left: 0.8em; margin-top: 1em; color: #fff; font-size: 20px; text-align: center;}
.only1live .section20 .list_wrap span::before{content: '* '; position: absolute; top: 0; left: 0;}

.only1live .section22{}
.only1live .section22 .notice_wrap{padding: 50px 24px; margin-top: 0; background: #b3b3b3; padding-bottom: 120px;}
.only1live .section22 .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; color: #000; font-size: 30px; 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 .section22 .notice_wrap .cont ul li{font-size: 20px;}
.only1live .section22 .notice_wrap .cont ul li::before{top: calc(20px*1.5/2 - 3px);}

.only1live .section23{padding: 100px 0; background: url(../img/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: 26px; 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{margin-top: 60px;}
.only1live .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 0.5em 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 28px; border-radius: 2em;}
.only1live .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.only1live .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; 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: 14px; color: #626262; word-break: keep-all;}
.only1live .notice_wrap .cont ul{margin-top: 20px;}
.only1live .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size: 16px;}
.only1live .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(16px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.only1live .notice_wrap .cont ul li + li{margin-top: 6px;}
.only1live .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.only1live .notice_wrap .cont div{padding-left: 9px;}

/* 무료체험 신청 과정 */
.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: 23px;}
.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/process/process_arrow.png) no-repeat 50% 50%/contain;width:8px;height:15px;display:block;}
.only1live .process_li li div img {max-width:100%;height:41px;}
.only1live .process_li li p {margin-top:10%;color:#2c2c2c;font-family:'Noto Sans KR','맑은 고딕', sans-serif;font-size:12px;}
.only1live .btn_wrap { padding: 30px 0 31px;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/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 23px;padding: 4.8% 0 13.5%;width:90.5%;}
.only1live .notice_box>strong { background:url(../img/process/notice_tit.png) no-repeat 0 0/contain; width:44%; height:23px; display:block; font-size:0; }
.only1live .notice_li {margin: 2% 0 0 8px;}
.only1live .notice_li li {font-size:14px;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;}




/* event */
.event{position:relative;background: #fffcf3; }
.event .pc_inner { position: relative; display: flex; flex-direction: column; align-items: center;}
.event .con_box{position: absolute;top: 0;left: 0;right: 0;padding: 100px 0 0;text-align: center;}
.event .tit{ }
.event .con{margin-top: 92px;}
.event .btn{margin: 60px auto 0;background: url(../img/event_btn.png) no-repeat 0 0 / contain;width: 802px;height: 101px;display: block;position: relative;}
.event .btn::after {position: absolute;content: '';background: url(../img/hand_ico.png) no-repeat 0 0 / contain;width: 141px;height: 135px;bottom: -77px;right: -62px;animation: blink-effect 0.5s ease-in-out infinite alternate;}

/* increase */
.increase {
    background: #942325;
}

/* custom */
.custom {
    position: relative;
    background: #4c2c78;
}

.custom > img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.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: -46px;
    right: 0;
    width: 55px;
    height: 61px;
    background: url(../img/click_ico.png) 0 0 no-repeat;
    animation: blink-effect 0.5s ease-in-out infinite alternate;
}

/* knowHow */
.knowHow {
    position: relative;
    background: #080613;
}

.knowHow .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.knowHow .badge {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    height: 100%;
    transform: translateX(-50%);
}

.knowHow .badge img {
    position: absolute;
    bottom: 189px;
    left: 245px;
}

/* dog_bone_note */
.dog_bone_note {
    background: #016e83 url(../img/dog_bone_note_bg.png) no-repeat;
    padding: 100px 0;
}

.dog_bone_note .tit {
    position: relative;
    margin: 0 0 60px;
}

.dog_bone_note .tit:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -46px;
    width: 212px;
    aspect-ratio: 1 / 1;
    background: url(../img/dog_bone_note_circle_only1.png) 0 0 no-repeat;
}

.dog_bone_note .dog_bone_note_tab {
    position: relative;
}

.dog_bone_note .dog_bone_note_tab .tab {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;;
    height: 120px;
}

.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 {
    position: absolute;
    left: 0;
    top: 120px;
    display: flex;
    width: 1200px;
    height: calc(100% - 120px);
    padding: 73px 172px 0;
    overflow: hidden;
}

.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-container {
    width: 855px;
}

.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 {
    width: 60px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin-top: -32px;
    background: none !important;
}

.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-prev {
    left: 26px;
}

.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-next {
    right: 26px;
}

.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-next:after,
.dog_bone_note .dog_bone_note_tab .tab_contents_dog .swiper-button-prev:after {
    display: none !important;
}

.dog_bone_note .video-container {
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.dog_bone_note .video-container.s1 {
    width: 381px;
    height: 677px;
}

.dog_bone_note .video-container.s2 {
    width: 856px;
    height: 482px;
}

.dog_bone_note .video-container .inner {
    position: relative;
}

.dog_bone_note .video-container .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* effect */
.effect {
    position: relative;
    background: #788999;
}

.effect .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.effect .link {
    position: absolute;
    bottom: 100px;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 568px;
}

.effect .vdo_wrap {
    position: absolute;
    bottom: 100px;
    width: 1003px;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 568px;
}

.effect .vdo_wrap iframe {
    width: 100%;
    height: 100%;
}

/* changeIn_learning */
.changeIn_learning {
    position: relative;
    background: #f0f0f5;
}

.changeIn_learning .inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 65px;
}

.changeIn_learning .tab_btn {
    display: flex;
    margin-bottom: 40px;
}

.changeIn_learning .tab_btn button {
    width: 100%;
    color: #999;
    font-size: 28px;
    height: 80px;
    border: 1px solid #c9dcd9;
    background: #fff;
    font-family: "GmarketSans", sans-serif;
    font-weight: bold;
    padding-top: 6px;
    position: relative;
    overflow: visible;
    letter-spacing: -2px;
}

.changeIn_learning .tab_btn button.on {
    background: #f20000;
    color: #fff;
    border: 1px solid #f20000;
}

.changeIn_learning .tab_btn button.on::after {
    content: '';
    display: block;
    width: 28px;
    height: 30px;
    border-top: 15px solid #f20000;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid transparent;
    bottom: 0;
    transform: translate(-50%, 100%);
    position: absolute;
    left: 50%;
}

.changeIn_learning .tab_con {
    margin-left: -10px;
    margin-right: -12px;
}

.changeIn_learning .tab_con div img + img {
    margin-left: 8px;
}

.changeIn_learning .slide {
    margin: 0 auto;
    width: 1200px;
}

.changeIn_learning .slide .swiper-slide .btns {
    display: flex;
    margin-bottom: 40px;
    pointer-events: none;
}

.changeIn_learning .slide .swiper-slide .btns span {
    width: 100%;
    color: #999;
    font-size: 28px;
    height: 80px;
    border: 1px solid #c9dcd9;
    background: #fff;
    font-family: "GmarketSans", sans-serif;
    font-weight: bold; /* padding-top: 6px; */
    position: relative;
    overflow: visible;
    letter-spacing: -2px;
    text-align: center;
    line-height: 80px;
}

.changeIn_learning .slide .swiper-slide .btns span.on {
    background: #f20000;
    color: #fff;
    border: 1px solid #f20000;
}

.changeIn_learning .slide .swiper-slide .btns span.on::after {
    content: '';
    display: block;
    width: 28px;
    height: 30px;
    border-top: 15px solid #f20000;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 15px solid transparent;
    bottom: 0;
    transform: translate(-50%, 100%);
    position: absolute;
    left: 50%;
}

.changeIn_learning .slide .swiper-slide .item {
    margin-left: -10px;
    margin-right: -12px;
}

.changeIn_learning .slide .swiper-slide .item img + img {
    margin-left: 7px;
}

.changeIn_learning .slide .swiper-pagination {
    bottom: auto;
    top: 0;
    display: flex;
}

.changeIn_learning .slide .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    border-radius: 0;
    height: 81px;
    opacity: 0;
}

.changeIn_learning .slide > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.changeIn_learning .sign {
    font-size: 14px;
    color: #A8A8C5;
    text-align: right;
}

/* meta_step */
.meta_step {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(to bottom, rgb(166 255 250 / 50%), rgb(187 255 186 / 50%));
    text-align: center;
}

.meta_step .cont_tab {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
}

.meta_step .tabArea {
    position: relative;
}

.meta_step .tabArea li {
    position: relative;
    text-align: center;
    z-index: 10;
    background: #ebf3d6;
}

.meta_step .tabArea li .line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background-color: #00aca5;
    transition: all .5s;
}

.meta_step .tabArea li.on .line {
    background-color: #f20000;
}

.meta_step .tabArea li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.meta_step .tabArea li a div {
    font-size: 22px;
    font-family: 'GmarketSansBold', sans-serif;
    color: #55545f;
}

.meta_step .tabArea li a p {
    font-size: 22px;
    font-weight: bold;
    color: #00aca5;
}

/* STEP1 직접 구조화하고 */
.meta_step .note {
    position: relative;
    margin-top: 50px;
}

.meta_step .step {
    position: absolute;
    top: 0;
    left: -168px;
    transition: background 1s;
    width: 142px;
    height: 219px;
}

.meta_step .step01 {
    top: 238px;
    background: url(../img/meta_step01_off.png) no-repeat;
}

.meta_step .step02 {
    top: 375px;
    background: url(../img/meta_step02_off.png) no-repeat;
}

.meta_step .step03 {
    top: 447px;
    background: url(../img/meta_step03_off.png) no-repeat;
}

.meta_step .step01.show {
    background: url(../img/meta_step01_on.png) no-repeat;
}

.meta_step .step02.show {
    background: url(../img/meta_step02_on.png) no-repeat;
}

.meta_step .step03.show {
    background: url(../img/meta_step03_on.png) no-repeat;
}

.meta_step .step .step_bar {
    position: absolute;
    top: -47px;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 10px;
    height: 537px;
    background: #bcebd6;
    transition: 1s;
}

.meta_step .step01 .step_bar {
    display: none;
}

.meta_step .step .step_bar span {
    display: block;
    height: 0%;
    background: linear-gradient(to bottom, #00dbcc, #93de18);
    transition: .5s;
}

.meta_step .step.show .step_bar span {
    height: 100%;
}

.meta_step .book_wrap {
    position: relative;
    width: 1124px;
    margin: 60px auto 0;
}

.meta_step .book_wrap:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    right: 6px;
    width: 358px;
    height: 372px;
    background: url(../img/meta_step_badge.png) 0 0 no-repeat;
    background-size: 100%;
    z-index: 10;
}

.meta_step .book_wrap .inner {
    height: 612px;
    overflow: hidden;
    position: relative;
}

.meta_step .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;
}

.meta_step .book_list:after {
    display: block;
    clear: both;
    content: '';
}

.meta_step .book_list li:first-of-type {
    z-index: 1;
    position: relative;
}

.meta_step .book_list li img {
    width: 100%;
}

@keyframes note_rolling {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, -50%);
    }
}

/* STEP2 직접 말하고 */
.meta_step .challenge {
    position: relative;
    margin-top: 105px;
}

.meta_step .challenge .inner {
    position: relative;
    width: 846px;
    margin: 45px auto 0;
}

.meta_step .challenge .swiper-wrapper {
    align-items: center;
}

.meta_step .challenge .swiper-slide {
    opacity: 0.2;
    border-radius: 27px;
    margin: 0;
    overflow: hidden;
    transition: all .3s;
    transform: scale(0.94);
    border: 10px solid #00db58;
}

.meta_step .challenge .swiper-slide img {
    width: 100%;
}

.meta_step .challenge .swiper-slide-active {
    opacity: 1;
    z-index: 3;
    transform: scale(1);
    margin: 0;
}

.meta_step .challenge .swiper-button-next:after,
.meta_step .challenge .swiper-button-prev:after {
    display: none;
}

.meta_step .challenge .swiper-button-next {
    left: auto;
    top: 50%;
    right: -92px;
    margin: 0;
    background: none;
    transform: scaleX(-1);
}

.meta_step .challenge .swiper-button-prev {
    left: -90px;
    top: 50%;
    right: auto;
    margin: 0;
    background: none;
}

.meta_step .challenge .swiper-slide .video-container {
    padding-bottom: 56.25%;
}

.meta_step .challenge .swiper-slide .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* STEP3 즐겁게 토론하다 */
.meta_step .videoClass {
    position: relative;
    margin-top: 105px; /* border: 1px solid red; */
}

.meta_step .videoClass .slide_wrapper {
    position: relative;
}

.meta_step .videoClass .slide_wrapper .title {
    width: 894px;
    margin: 45px auto 30px; /* gap: 31px; */
    display: flex;
    justify-content: center;
}

.meta_step .videoClass .slide_wrapper .title .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 80px;
    background-color: #b1cfc0;
    font-weight: 500;
    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
    border-radius: 24px;
}

.meta_step .videoClass .slide_wrapper .title .swiper-slide + .swiper-slide {
    margin-left: 30px;
}

.meta_step .videoClass .slide_wrapper .title .swiper-slide-thumb-active {
    background-color: #1dcf79;
    color: #fff;
    font-weight: bolder;
}

.meta_step .videoClass .slide_wrapper .slider {
    overflow: hidden;
    width: 1090px;
    margin: 0 auto;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide {
    position: relative;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .video {
    position: absolute;
    left: 187px;
    top: 46px;
    width: 714px;
    height: 435px;
    border-radius: 10px;
    overflow: hidden;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .video video {
    width: 100%;
	height: 100%;
    object-fit: cover;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .thumb {
    overflow: hidden;
    position: absolute !important;
    top: 41px;
    left: 50%;
    transform: translateX(-50%);
    width: 728px;
    height: 447px;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .thumb img {
    width: 728px;
    height: 447px;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .thumb.v2 img {
    width: 728px;
    height: 447px;
}

.meta_step .videoClass .slide_wrapper .slider .swiper-slide .badge {
    position: absolute;
    top: auto;
    bottom: 95px;
    right: 245px;
    left: auto;
    width: 242px;
}

.meta_step .videoClass .swiper-button-next {
    transform: scaleX(-1);
    right: 84px;
    background: none;
}

.meta_step .videoClass .swiper-button-prev {
    left: 84px;
    background: none;
}

.meta_step .videoClass .swiper-button-next:after,
.meta_step .videoClass .swiper-button-prev:after {
    display: none;
}

/* benefit */
.benefit {
    position: relative;
    background: #ffffff;
}

.benefit .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefit .link {
    position: absolute;
    bottom: 100px;
    width: 804px;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 100px;
    border-radius: 50px;
}

.benefit .link::after {
    position: absolute;
    content: '';
    background: url(../img/hand_ico.png) no-repeat 0 0 / contain;
    width: 141px;
    height: 137px;
    bottom: -71px;
    right: -48px;
    animation: blink-effect 0.5s ease-in-out infinite alternate;
}

/* kid_ele */
.kid_ele {
    padding-top: 73px;
    background: #131754 url(../img/kidEle_bg.png) center 0 no-repeat;
    text-align: center;
}

.kid_ele * {
    font-family: "Pretendard";
}

.kid_ele .tab {
    display: flex;
    justify-content: center;
    align-items: end;
}

.kid_ele .tab button {
    width: 648px;
    height: 378px;
    text-indent: -9999px;
}

.kid_ele .tab button:nth-child(1) {
    background: url(../img/kid_tab.png) 0 0 no-repeat;
}

.kid_ele .tab button:nth-child(2) {
    margin-left: -32px;
    background: url(../img/ele_tab.png) 0 0 no-repeat;
}

.kid_ele .tab button.on {
    background-position: 0 -394px;
}

.kid_ele .tab_contents > div {
    margin-top: 37px;
}

.kid_ele .tab_contents > div > div {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.kid_ele .tab_contents .kid .con1 {
    margin-top: 130px;
    padding-bottom: 155px;
}

.kid_ele .tab_contents .kid .con1 .subject {
    display: flex;
    gap: 42px;
    position: relative;
    margin-top: 92px;
}

.kid_ele .tab_contents .kid .con1 .subject:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -16px;
    left: -243px;
    width: 224px;
    height: 240px;
    background: url(../img/kid_character01.png) 0 0 no-repeat;
}

.kid_ele .tab_contents .kid .con1 .subject > div > p {
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 45px;
    color: #81ADFF;
}

.kid_ele .tab_contents .kid .con1 .subject div .box {
    width: 372px;
    height: 635px;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 20px;
}

.kid_ele .tab_contents .kid .con1 .subject div .box .slider {
    padding: 0 54px;
}

.kid_ele .tab_contents .kid .con1 .subject div .box p {
    color: #000;
}

.kid_ele .tab_contents .kid .con1 .subject div .box .tit {
    margin: 15px 0 5px;
    font-weight: 700;
    font-size: 23px;
}

.kid_ele .tab_contents .kid .con1 .subject div .box .txt {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
}

.kid_ele .tab_contents .kid .con1 .subject div .box .txt + .slider {
    margin-top: 42px;
}

.kid_ele .tab_contents .kid .con2 {
    background: #feeafb;
}

.kid_ele .tab_contents .kid .con2 .tit {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.kid_ele .tab_contents .kid .con3 {
    padding: 100px 0 95px;
    background-color: #fff;
}

.kid_ele .tab_contents .kid .con3 .inner {
    position: relative;
    width: 1204px;
    margin: 0 auto;
}

.kid_ele .tab_contents .kid .con3 .inner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -96px;
    right: -225px;
    width: 226px;
    height: 194px;
    background: url(../img/kid_character02.png) 0 0 no-repeat;
}

.kid_ele .tab_contents .kid .con3 .inner .cat {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 64px;
    margin-top: 83px;
}

.kid_ele .tab_contents .kid .con3 .inner .cat div {
    width: 508px;
}

.kid_ele .tab_contents .kid .con3 .inner .cat div .slider {
    margin: 18px 0 15px;
}

.kid_ele .tab_contents .kid .con3 .inner .cat div .tit {
    width: 204px;
    height: 58px;
    margin: 0 auto;
    background-color: #559DFA;
    border-radius: 29px;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: 58px;
}

.kid_ele .tab_contents .kid .con3 .inner .cat div .txt {
    font-weight: 500;
    font-size: 22px;
    color: #000;
    line-height: 27px;
}

.kid_ele .tab_contents .kid .con4 {
    padding: 100px 0 105px;
    background-color: #D9EAF6;
}

.kid_ele .tab_contents .kid .con4 .inner {
    width: 1204px;
    margin: 0 auto;
}

.kid_ele .tab_contents .kid .con4 .inner .subject {
    margin-top: 83px;
}

.kid_ele .tab_contents .kid .con4 .inner .subject .swiper-slide {
    display: block;
    height: 87px;
    background-color: #B7D1E3;
    border-right: 1px solid #d9eaf6;
    cursor: pointer;
}

.kid_ele .tab_contents .kid .con4 .inner .subject .swiper-slide:first-child {
    border-radius: 20px 0 0 0;
}

.kid_ele .tab_contents .kid .con4 .inner .subject .swiper-slide:last-child {
    border-radius: 0 20px 0 0;
    border-right: none;
}

.kid_ele .tab_contents .kid .con4 .inner .subject .swiper-slide p {
    font-family: "GmarketSansBold";
    font-size: 30px;
    color: #7697AF;
    line-height: 93px;
}

.kid_ele .tab_contents .kid .con4 .inner .subject .swiper-slide.swiper-slide-thumb-active {
    background-color: #000;
}

.kid_ele .tab_contents .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_contents .kid .con4 .inner .tab_con {
    display: none;
}

.kid_ele .tab_contents .kid .con4 .inner .tab_con.active {
    display: block;
}

.kid_ele .tab_contents .ele .con1 {
    margin-top: 130px;
}

.kid_ele .tab_contents .ele .con1 .inner {
    width: 1204px;
    margin: 0 auto;
    padding-bottom: 107px;
}

.kid_ele .tab_contents .ele .con1 .inner .top {
    position: relative;
    margin: 82px 0 130px;
}

.kid_ele .tab_contents .ele .con1 .inner .slider {
    overflow: hidden;
    position: absolute;
    top: 320px;
    right: 0;
    width: 581px;
}

.kid_ele .tab_contents .ele .con1 .inner .slider .swiper-slide {
    opacity: 0 !important;
    transition: all .5s;
}

.kid_ele .tab_contents .ele .con1 .inner .slider .swiper-slide-active {
    opacity: 1 !important;
}

.kid_ele .tab_contents .ele .con2 {
    position: relative;
    background: #2f55a0;
}

.kid_ele .tab_contents .ele .con2 .tit {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.kid_ele .tab_contents .ele .con2 .inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 49px;
    position: absolute;
    bottom: 107px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    height: 895px;
}

.kid_ele .tab_contents .ele .con2 .inner .box {
    width: 575px;
    padding: 30px 86px;
    background-color: #fff;
    border-radius: 20px;
}

.kid_ele .tab_contents .ele .con3 {
    position: relative;
    background: #D9EAF6;
}

.kid_ele .tab_contents .ele .con3 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
}

.kid_ele .tab_contents .ele .con3 .inner .tit {
    margin-bottom: 82px;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide {
    position: absolute;
    top: 827px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 224px;
    width: 1200px;
    text-align: center;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide .swiper-pagination {
    bottom: auto;
    top: 0;
    padding-left: 315px;
    text-align: left;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 13px;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide .swiper-pagination-bullet {
    width: 163px;
    height: 170px;
    opacity: 1;
    border: 10px solid transparent;
    background: 0;
    transition: border-color .5s;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide .swiper-pagination-bullet-active {
    border-color: #ffe925;
}

.kid_ele .tab_contents .ele .con3 .sec15_1_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_2_1_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(-528px, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_2_2_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(25px, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_3_1_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(-528px, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_3_2_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(25px, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_4_slide {
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 503px;
    z-index: 50;
}

.kid_ele .tab_contents .ele .con3 .sec15_slide .swiper-container img {
    height: 301px;
}

.kid_ele .tab_contents .ele .con3 .sec14_bg {
    margin-top: 130px;
}

.kid_ele .tab_contents .ele .con3 .rolling {
    position: relative;
    margin-bottom: 130px;
}

.kid_ele .tab_contents .ele .con3 .rolling .sec14_rolling {
    position: absolute;
    bottom: 76px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.kid_ele .tab_contents .ele .con3 .sec14_list {
    position: relative;
    font-size: 0;
    -webkit-backface-visibility: hidden;
    animation-name: book_rolling;
    animation-duration: 15s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    white-space: nowrap;
    display: flex;
    width: 4548px;
}

.kid_ele .tab_contents .ele .con3 .sec14_list li {
    height: 100%;
    width: auto;
    white-space: nowrap;
    padding-right: 12px;
}

@keyframes book_rolling {
    0% {
        left: 0;
    }
    100% {
        left: -2274px;
    }
}

.kid_ele .tab_contents .ele .con3 .slider {
    position: relative;
}

.kid_ele .tab_contents .ele .con3 .slider .sec16_slide {
    position: absolute;
    top: 223px;
    left: 50%;
    margin: 0 auto;
    width: 502px;
    transform: translate(38px, 0);
}

.kid_ele .tab_contents .ele .con3 .sec17_bg {
    top: 0;
    position: absolute;
}

.kid_ele .tab_contents .ele .con3 .sec17_slide {
    margin: 60px auto 0;
    text-align: center;
    width: 1200px;
    padding: 0 0 100px;
}

.kid_ele .tab_contents .ele .con3 .sec17_slide .swiper-pagination {
    top: 0;
    left: 0;
    right: 0;
    display: flex;
}

.kid_ele .tab_contents .ele .con3 .sec17_slide > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.kid_ele .tab_contents .ele .con3 .sec17_slide .swiper-pagination-bullet {
    width: 100%;
    border-radius: 0;
    height: 95px;
    background: 0;
}

.kid_ele .tab_contents .ele .con4 {
    position: relative;
    background: #00102a;
}

.kid_ele .tab_contents .ele .con4 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kid_ele .tab_contents .ele .con4 .inner .tit {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.kid_ele .tab_contents .ele .con4 .sec18_1_slide {
    position: absolute;
    top: 552px;
    margin: 0;
    left: 50%;
    transform: translate(-535px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .ele .con4 .sec18_2_slide {
    position: absolute;
    top: 552px;
    margin: 0;
    left: 50%;
    transform: translate(33px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .ele .con4 .sec18_3_slide {
    position: absolute;
    top: 1050px;
    margin: 0;
    left: 50%;
    transform: translate(-535px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .ele .con4 .sec18_4_slide {
    position: absolute;
    top: 1050px;
    margin: 0;
    left: 50%;
    transform: translate(33px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .ele .con4 .sec18_5_slide {
    position: absolute;
    top: 1548px;
    margin: 0;
    left: 50%;
    transform: translate(-535px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .ele .con4 .sec18_6_slide {
    position: absolute;
    top: 1548px;
    margin: 0;
    left: 50%;
    transform: translate(33px, 0);
    width: 503px;
    border: 2px solid #c4c4c4;
}

.kid_ele .tab_contents .con5 {
    background: #fff;
}

.kid_ele .tab_contents .con5 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
}

.kid_ele .tab_contents .con5 .inner .tit {
    margin-bottom: 85px;
}

.kid_ele .tab_contents .con6 {
    background: #d9e9f6;
}

.kid_ele .tab_contents .con6 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 100px 0;
}

.kid_ele .tab_contents .con6 .inner .tit {
    margin-bottom: 85px;
}

.kid_ele .tab_contents .con7 {
    background: #210a50;
}

.kid_ele .tab_contents .con7 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.kid_ele .tab_contents .con7 .inner .tit {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.kid_ele .tab_contents .con7 .inner .top {
    position: relative;
}

.kid_ele .tab_contents .con7 .inner .top .gif {
    position: absolute;
    bottom: 210px;
    left: 50%;
    width: 1200px;
    height: 250px;
    transform: translateX(-50%);
}

.kid_ele .tab_contents .con7 .inner .top .gif img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    height: 250px;
}

.kid_ele .tab_contents .con8 {
    position: relative;
    background: #ffebfc;
}

.kid_ele .tab_contents .con8 .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kid_ele .tab_contents .con8 .inner .tit {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.kid_ele .tab_contents .con8 .sec20_slide {
    position: absolute;
    bottom: 51px;
    left: 0;
    right: 0;
    width: 1210px;
    margin: 0 auto;
}

/* banner */
.banner {
    position: relative;
    background: #010824;
}

.banner .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 무료체험 신청 과정 */
.process_wrap {
    background: #f0f0f5;
    padding-top: 105px;
}

.process_wrap strong {
    font-weight: 400;
    text-align: center;
    color: #2c2c2c;
    display: block;
    font-size: 48px;
}

.process_wrap strong span {
    font-weight: 700;
}

.process_li {
    margin-top: 33px;
    display: flex;
    justify-content: center;
}

.process_li li {
    text-align: center;
    position: relative;
}

.process_li li + li {
    margin-left: 156px;
}

.process_li li + li::before {
    content: '';
    position: absolute;
    left: -79px;
    top: 50%;
    transform: translate(0, -50%);
    background: url(../img/process/process_arrow.png) no-repeat;
    width: 22px;
    height: 30px;
    display: block;
}

.process_li li div {
    height: 100px;
}

.process_li li p {
    margin-top: 12px;
    color: #2c2c2c;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px;
}

.process_wrap .btn_wrap {
    padding-bottom: 85px;
    width: 1140px;
    margin: 0 auto;
    border-bottom: 1px solid #ababad;
}

.process_btn {
    display: block;
    font-size: 0;
    width: 660px;
    margin: 50px auto 0;
    position: relative;
}

.process_btn::after {
    position: absolute;
    content: '';
    background: url(../img/sec_event_hand.png) no-repeat 0 0 / contain;
    width: 141px;
    height: 135px;
    bottom: -56px;
    right: -65px;
    animation: blink-effect 0.5s ease-in-out infinite alternate;
}

.notice_box {
    width: 1140px;
    margin: 0 auto 75px;
    padding-top: 41px;
}

.notice_box > strong {
    background: url(../img/process/notice_tit.png) no-repeat;
    width: 258px;
    height: 35px;
    display: block;
    font-size: 0;
    background-size: contain;
}

.notice_li {
    margin: 15px 0 0 50px;
}

.notice_li li {
    font-size: 20px;
    color: #888;
    display: flex;
}

.notice_li li + li {
    margin-top: 4px;
}

.notice_li li.noti_tit {
    font-weight: 700;
    margin-bottom: 20px;
    color: #5f5f5f;
}

.notice_li li span {
    flex-shrink: 0;
    margin-right: 3px;
}

.process_wrap .top_btn {
    width: 128px;
    height: 48px;
    display: block;
    background: #b1b1b1 url(../img/process/top_btn.png) no-repeat center center;
    margin: 0 auto;
    font-size: 0;
}

#only1_bnb_sky_banner_ele.promotion.opms {
    background: url(../img/banner_btm_opms.png) no-repeat center bottom !important;
}

/* 20240930:add:S */
@media screen and (max-width: 1600px) {
    #only1_wrapper .anchor {
        top: 190px;
        width: 151px;
        zoom: 0.87 !important;
    }

    #only1_wrapper .anchor .kid {
        margin-bottom: 0px;
    }

    #only1_wrapper .anchor div p {
        height: 45px;
        font-size: 12px;
    }

    #only1_wrapper .anchor div p span {
        font-size: 15px;
    }

    #only1_wrapper .anchor div ul li a {
        height: 24px;
        font-size: 11px;
        line-height: 23px;
    }
}

/* 20240930:add:E */

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


/* event_1 */
.event_1 .event_1_tit{background:#4e48ff; margin:-68px 0 0;}
.event_1 .event_1{background:#bee3fa}
.event_1 .event_1 .btn{position:absolute;left: 50%;bottom: 177px; width: 802px;text-indent:-9999em;transform: translateX(-50%);aspect-ratio: 8/1;}
.event_1 .event_1 .btn::after { position: absolute;content: '';background: url(../img/event/event_cursor.png) no-repeat 0 0 / contain;width: 106px;  aspect-ratio: 1/1; bottom: -40px; right: -47px;animation: blinker 1s ease-in-out infinite alternate;}

/* event_2 */
.event_2 .event_2_tit{background:#4e48ff; margin:-75px 0 0;}
.event_2 .event_2{background:#bee3fa url(../img/event/event_2_sec_bg.png) no-repeat center top;}
.event_2 .event_2 .inner{padding:100px 0;}

/* notice_wrap */
.notice_wrap{z-index:1; position:relative; width:100%; margin:60px 0 0;}
.notice_wrap>.tit{display:block; height:70px; background-color:#111; border-radius:40px; font-family:"GmarketSansBold" !important; font-size:28px; color:#fff; line-height:74px; text-align:center;}
.notice_wrap>.tit span{position:relative; padding-right:30px;}
.notice_wrap>.tit span:before{content:""; display:block; position:absolute; top:8px; right:0; width:20px; height:13px; background:url(../img//pc/event/notice_arr.png) 0 0 no-repeat; transition:transform .5s;}
.notice_wrap>.tit.on span:before{transform:rotate(180deg);}
.notice_wrap .con{display:none; padding:50px; background-color:#fff; border-radius:40px; text-align:left; letter-spacing:-1px;}
.notice_wrap .con .tit{margin-bottom:10px; padding-left:10px; font-weight:900; font-size:20px; color:#333;}
.notice_wrap .con ul+p{margin-top:25px;}
.notice_wrap .con ul li{position:relative; padding-left:20px; font-weight:500; font-size:16px; text-indent:-10px; color:#666;}
.notice_wrap .con ul li:not(:first-child){margin-top:4px;}
.notice_wrap .con ul li .bullet{width:5px; height:5px; display:block; background:#666; border-radius:50%; flex-shrink:0; margin:11px 8px 0 0;}
.notice_wrap .con ul li .bold{color:#333;}
.notice_wrap .con ul li.red{color:#F20000;}

/* free_new_trial */
.free_new_trial{position:relative; background:#fffcf3;}
.free_new_trial .btn{position:absolute;left:50%;bottom:59px;width: 50vw;height: 12vw;transform:translateX(-50%); text-indent: -9999em;}

/* reasons_check */
.reasons_check{background:#E1F2FF url(../img/reasons_check_bg.png) no-repeat center top; padding:100px 0;}
.reasons_check .cont{margin:50px 0 0;}

/* correct_check */
.correct_check{background:#FCE0FF; padding:100px 0;}
.correct_check .mov{margin:50px 0; width:1020px; aspect-ratio: 16 / 9;}

/* reselection */
.reselection{background: linear-gradient(180deg, #FFF7D6 0%, #E3FEEA 100%); padding:100px 0;}
.reselection .video{margin:50px 0;}

/* learning_system */
.learning_system{}
.learning_system_tit{background: linear-gradient(90deg, #BD6CFF 0%, #8831FF 100%); padding:40px 0;}
.learning_system_cont{padding:100px 0;}
.learning_system_cont .slide_area{margin-top:40px;}
.learning_system_cont .slide_area .tab{display:flex; justify-content:center; gap:15px; margin-bottom:60px;}
.learning_system_cont .slide_area .tab button{border:none; font-family:'Pretendard'; font-size:40px; color:#DCE4EA; width:225px; height:93px; 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:1030px; height:720px; position:relative; margin:0 auto;}
.learning_system_cont .slide_area .swiper-slide{width:1030px; height:720px;}
.learning_system_cont .slide_area .swiper-slide img{width:1030px; height:720px; display:block; object-fit:contain;}
.learning_system_cont .slide_area .swiper-button-prev,
.learning_system_cont .slide_area .swiper-button-next{width:80px; height:80px; background:url(../img/learning_system_arrow.png) no-repeat center center / contain; margin-top:0; top:45%; transform:translateY(-50%);}
.learning_system_cont .slide_area .swiper-button-prev{left:-100px;}
.learning_system_cont .slide_area .swiper-button-next{right:-60px; transform:translateY(-50%) rotate(180deg);}
.learning_system_cont .slide_area .swiper-button-prev:after,
.learning_system_cont .slide_area .swiper-button-next:after{display:none;}
.learning_system_cont .btn_view_more{position:relative; display:flex; margin:55px auto 0; width: 482px; height:100px; background: url(../img/learning_system_btn.png) no-repeat 0 0 / contain; text-indent:-9999em;}

/* only_industry */
.only_industry{background:#EAF6FF; padding:100px 0;}
.only_industry .tab{display:flex; justify-content:center; gap:12px; margin:80px 0 70px;}
.only_industry .tab button{background:none; border:none; font-family:'Pretendard'; font-size:34px; width:276px; height:84px; 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:1200px; height:731px; margin:40px auto 0;}
.only_industry .only_industry_slider .swiper-slide{width:1200px; height:731px;}
.only_industry .only_industry_slider .swiper-slide img{width:1200px; height:731px; display:block; object-fit:contain;}
.only_industry .only_industry_slider .swiper-slide .video{position:absolute; left:50%; top:231px; transform:translateX(-50%); width:765px; height:500px;}
.only_industry .only_industry_slider .swiper-slide .video iframe{width:100%; height:100%; object-fit:contain;}
.only_industry .only_industry_slider .gif{position:absolute; top:160px; left:50%; width:1200px !important; height:auto !important; transform:translateX(-50%);}
.only_industry.first{background:#EAF6FF url(../img/only_industry_bg.png) no-repeat center bottom;}


/* only_industry */
.only_industry{background:#EAF6FF; padding:100px 0;}
.only_industry .tab{display:flex; justify-content:center; gap:12px; margin:80px 0 70px;}
.only_industry .tab button{background:none; border:none; font-family:'Pretendard'; font-size:34px; width:276px; height:84px; 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:1200px; height:731px; margin:40px auto 0;}
.only_industry .only_industry_slider .swiper-slide{width:1200px; height:731px;}
.only_industry .only_industry_slider .swiper-slide img{width:1200px; height:731px; display:block; object-fit:contain;}
.only_industry .only_industry_slider .swiper-slide .video{position:absolute; left:50%; top:231px; transform:translateX(-50%); width:765px; height:500px;}
.only_industry .only_industry_slider .swiper-slide .video iframe{width:100%; height:100%; object-fit:contain;}
.only_industry .only_industry_slider .gif{position:absolute; top:160px; left:50%; width:1200px !important; height:auto !important; transform:translateX(-50%);}
.only_industry.first{background:#EAF6FF url(../img/only_industry_bg.png) no-repeat center bottom;}
.only_industry .swiper-slide .tit{width:auto !important; height:auto !important;}
.only_industry .inner_industry_slider{overflow:hidden; margin:50px 0 0 -60px;}
.only_industry .inner_industry_slider img{width:auto !important; height:auto !important;}



/* verified_result */
.verified_result{background: linear-gradient(180deg, #FFDFEE 0%, #FFECB5 100%), #FFFFFF; padding:100px 0;}
.verified_result .cont{margin:60px 0 0;}
.verified_result .btn_view_more{position:relative; display:flex; margin:0 auto; width: 527px; height:100px; background: url(../img/verified_result_btn.png) no-repeat 0 0 / contain; text-indent:-9999em;}


/* system_step */
.system_step{position: relative;background:#ffdce6;padding: 94px 0 100px;}
.system_step .top { text-align: center;background: #ffdce6; z-index: 1;}
.system_step .top.fix {position: fixed;top: 0;left: 0;right: 0;}
.system_step .top .tit {}
.system_step .top .tab {margin-top: 23px;width: 1237px;height: 120px;margin: 54px auto 0;}
.system_step .top .tab.tab_step1 { background: url(../img/system_step_tab1.png) no-repeat 0 0 / 100%; }
.system_step .top .tab.tab_step2 { background: url(../img/system_step_tab2.png) no-repeat 0 0 / 100%; }
.system_step .top .tab.tab_step3 { background: url(../img/system_step_tab3.png) no-repeat 0 0 / 100%; }
.system_step ul {text-align: center;display: flex;flex-direction: column; padding-top: 29px;}
.system_step ul li { padding: 70px 0 30px;}
.system_step_swiper { margin-top: 54px; width: 100%; overflow: visible;}
.system_step_swiper .swiper-slide {}
.system_step_swiper .swiper-pagination { position: absolute; top: 0; left: 0; right: 0; bottom: auto; display: flex; opacity: 0;}
.system_step_swiper .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 122px; border-radius: 0;}

/* 전문상담 전용 무료체험 신청 스타일 수정 */
.free-trial-apply .title{padding:43px 38px 24px 217px !important;}
.free-trial-apply .title h1{line-height:1.2 !important;}
.free-trial-apply .title h1 span{display:block; font-size:18px; letter-spacing:-1px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763;}