@charset "euc-kr";


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


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

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

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

/* iOS Safari ÅؽºÆ® Á¶Á¤ ¹æÁö */
@media screen and (max-device-width: 480px) {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

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

.only1live ~ .free-trial-apply .title{padding:43px 38px 24px 217px !important;}
.only1live ~ .free-trial-apply .title h1{line-height:1.2 !important;}
.only1live ~ .free-trial-apply .title h1 span{display:block; font-size:18px; letter-spacing:-1px;}
.only1live ~ .free-trial-apply .title h1 strong{display:inline-block !important;}
.only1live ~ .free-trial-apply .info span{color:#ed3535;}
.only1live ~ .free-trial-apply .button a{color:#fff !important;}
.only1live ~ .free-trial-apply .button a span{color:#ffe763;}



/* floating */
.floating_box {position: fixed;left: -1px;top: 211px;z-index: 199;}
.floating_box .floating2 {width: 38px;position: relative;background: url(images/floting_2_off.png) no-repeat 0 0 / 100%;aspect-ratio: 1 / 3.5;padding:38px 0 0;height: 139px;}
.floating_box .floating2 .tab_box{display:flex;Height: 100%; flex-direction: column;}
.floating_box .floating2 .tab_box button{height: 100%; display:block !important;}

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

html.is-hero-lock,
body.is-hero-lock { overflow: hidden; }
html.is_scroll_lock,
body.is_scroll_lock { overflow:hidden; }

.only1live .hero_screen{position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100vh;}
.only1live .hero_screen .purple_screen{display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 3; width: 100%; height: 100%; 
	background: #e3ddff; --purple-hole: 0%; mask-image: radial-gradient(circle at center, transparent 0 var(--purple-hole), #000 calc(var(--purple-hole))); -webkit-mask-image: radial-gradient(circle at center, transparent 0 var(--purple-hole), #000 calc(var(--purple-hole)));
}
.only1live .hero_screen .purple_screen div{overflow: hidden;}
.only1live .hero_screen .purple_screen div p{transform: translateY(-100%); color: #222; font-size: 40px; font-weight: 800; transition: transform 0.5s ease;}
.only1live .hero_screen .blur_screen{position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(20px); transition: opacity 0.5s;}
.only1live .hero_screen .blur_screen.is-hidden { opacity: 0; }

.only1live .hero_screen.on .purple_screen div p{transform: translateY(0%);}
.only1live .hero_screen.on .purple_screen { animation: purpleCircleReveal 1.4s 0.6s ease-in-out forwards; }

@property --purple-hole {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 0%;
}
@keyframes purpleCircleReveal {
	0% { --purple-hole: 0%; }
	65% { --purple-hole: 0%; }
	100% { --purple-hole: 100%; }
}

/* visual */
.only1live .visual{overflow:hidden; position: relative; padding: 65px 0 145px; background: url(images/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(images/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-content: 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 .section1{position: relative; min-height: 100vh; background: url(images/sec01_bg.png) no-repeat 0 0 / cover;}
.only1live .section1 .sec1_txt_wrap{position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.only1live .section1 .sec1_txt_wrap p{color: #fff; font-size: 66px; font-weight: 500; text-align: center; line-height: 1.3em;}
.only1live .section1 .sec1_txt_wrap .move_wrap{overflow:hidden;position:relative;height:calc(66px*1.5);}
.only1live .section1 .sec1_txt_wrap .move_wrap .move{position:absolute; bottom:-100%; width: 100%; text-align: center;}
.only1live .section1 .sec1_txt_wrap .move_wrap .move p{height:calc(66px*1.5);}
.only1live .section1 .sec1_txt_wrap .move_wrap .move.active{animation:moveSlide 5.5s ease-in-out infinite;}
@keyframes moveSlide{
	0%{bottom:-100%;}
	36.36%{bottom:-100%;}
	50%{bottom:-200%;}
	50.01%{bottom:0;}
	86.36%{bottom:0;}
	100%{bottom:-100%;}
}
.only1live .section1 .video { position:absolute; inset:0; z-index:0; width:100%; height:100vh; overflow:hidden; }
.only1live .section1 .video::before { content:""; position:absolute; inset:0; z-index:1; background:rgba(0,0,0,.7); pointer-events:none; }
.only1live .section1 .video video { position:absolute; inset:0; z-index:0; width:100%; height:100%; transform:none; object-fit:cover; object-position:center; }

.only1live .section2{overflow: hidden; position: relative; text-align: center;}
.only1live .section2::before, .section2::after{content: ''; position: absolute; width: 50%; height: 100%;}
.only1live .section2::before{top: 0; left: 0; background: linear-gradient(to bottom, #ecf0f8 0%, #eef1f6 36%, #fbf8eb 67%, #fbf8eb 100%);}
.only1live .section2::after{top: 0; right: 0; background: linear-gradient(to bottom, #f2e6f9 0%, #f0f0ed 30%, #fcf6de 67%, #fdf8e3 100%);}
.only1live .section2 img{position: relative; z-index: 1; max-width: 100%;}
.only1live .section2 .live_icon{animation: floatingIcon 2.5s ease-in-out infinite; position: absolute; top: 12%; left: 38%; z-index: 1;}
.only1live .section2 .confetti1{position: absolute; top: -3%; left: -2%; z-index: 1; width: 108%;}
.only1live .section2 .confetti2{position: absolute; bottom: 30%; left: 10%; z-index: 1;}
.only1live .section2 .confetti3{position: absolute; bottom: 16%; right: 7%; z-index: 1;}
.only1live .section2 .sec2_tit{position: absolute; top: 20%; left: calc(50% - 250px); z-index: 1; width: 500px;}
.only1live .section2 .sec2_txt{position: absolute; bottom: 19%; left: calc(50% - 331px); z-index: 1; width: 663px;}
.only1live .section2 .sec2_video{position: absolute; top: 38%; left: calc(50% - 440px); z-index: 2; width: 880px; }
.only1live .section2 .sec2_video .video_wrap{overflow: hidden; position: relative; width: 100%; padding-top: 56.25%; border-radius: 40px;}
.only1live .section2 .sec2_video .video_wrap video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.only1live .section2 .sec2_video .thumb_box{position: absolute; top: 0; left: 0; z-index: 1;}
.only1live .section2 .sec2_video .play{display: block; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%) scale(0); opacity: 0; width: 120px; height: 120px; background: url(images/sec02_video_play.png) no-repeat center top / contain;}
.only1live .section2 .sec2_video.on .play{animation: vdoPlay .5s .75s cubic-bezier(.34, 1.56, .64, 1) forwards;}
@keyframes floatingIcon {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
@keyframes vdoPlay {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

.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(images/sec05_chk.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; max-height: 225px;}
.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 .section7{padding: 100px 24px; background: rgba(107, 159, 255, 0.1); text-align: center;}
.only1live .section7 img{max-width: 100%;}
.only1live .section7 .img_wrap{max-width: 884px; margin: 60px auto 0; text-align: left;}
.only1live .section7 .refer{position: relative; padding-left: 0.8em; margin-top: 1em; color: #999; font-size: 18px; }
.only1live .section7 .refer::before{content: '* '; position: absolute; top: 0; left: 0;}

.only1live .section8{padding: 100px 16px;}
.only1live .section8 .option_select{display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; height: 346px; margin-top: 40px;}
.only1live .section8 .option_select div{border-radius: 40px; transition: box-shadow 0.5s;}
.only1live .section8 .option_select div:first-child{background: url(images/sec08_select01.png) no-repeat 0 0 / cover; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.only1live .section8 .option_select div:nth-child(2){background: url(images/sec08_select02.png) no-repeat 100% 0 / cover;}
.only1live .section8 .option_select.on div:nth-child(2){}
.only1live .section8 .option_select.on div:first-child{background-position-x: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.only1live .section8 .option_select.on div:nth-child(2){background-position-x: 0%; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.only1live .section8 .list_wrap{padding: 0 60px; margin-top: 60px;}
.only1live .section8 .list_wrap p{padding: 0.5em 0; margin-bottom: 20px; background: #414266; color: #fff; font-size: 28px; font-weight: 800; text-align: center; border-radius: 2em;}
.only1live .section8 .list_wrap .list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 15px;}
.only1live .section8 .list_wrap .list .item{position: relative;}
.only1live .section8 .list_wrap .list .item + .item::before{content: ''; position: absolute; top: 50%; left: calc(0% - 15px/2); transform: translate(-50%, -50%); width: 56px; height: 56px; background: url(images/sec08_icon01.png) no-repeat 0 0 / contain;}

.only1live .section9{overflow: hidden; position: relative; padding: 100px 16px; background: rgba(255, 145, 202, 0.1);}
.only1live .section9 .light img{position: absolute; top: -100px; left: 50%; transform: translateX(-50%);}
.only1live .section9 .sec9_tit_wrap{}
.only1live .section9 .sec9_tit_wrap .tit{margin-bottom: 36px; color: #000; font-size: 36px; font-family: "GmarketSansBold"; text-align: center;}
.only1live .section9 .sec9_tit_wrap .big_tit{display: flex; flex-direction: column; align-items: center;}
.only1live .section9 .sec9_tit_wrap .big_tit p{display: flex; align-items: baseline; justify-content: center; background: linear-gradient(to right, #ff3200 0%, #ff0000 33%, #b300ff 64%, #4b73ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 70px; font-family: "GmarketSansBold"; letter-spacing: -0.08em;}
.only1live .section9 .sec9_tit_wrap .big_tit strong{margin-left: 0.2em; font-size: 100px; font-weight: inherit; line-height: 1.1;}
.only1live .section9 .sec9_tit_wrap .big_tit span{background: linear-gradient(to right, #ff4343 0%, #c355f2 33%, #4e46fd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 70px; font-weight: 400; font-family: "GmarketSans"; letter-spacing: -0.07em; line-height: 1.1;}
.only1live .section9 .sec9_tit_wrap .refer{display: block; margin-top: 10px; color: rgba(34, 34, 34, 0.5); color: #000; font-size: 14px; text-align: center;}
.only1live .section9 .img_wrap{margin-top: 32px;}
.only1live .section9 img{max-width: 100%;}
.only1live .section9 .notice_wrap .cont{padding: 50px; background: #fff; border-radius: 40px;}
.only1live .section9 .notice_wrap .cont ul:first-child{margin-top: 0;}
.only1live .section9 .notice_wrap .cont ul + p{margin-top: 40px;}

.only1live .section10{}
.only1live .section10 .event_live{position: relative; padding: 100px 0 110px; background: linear-gradient(to bottom, #1e015d 0%, #0e0131 100%);}
.only1live .section10 .event_live::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(images/sec10_bg.png) no-repeat center 0 / contain;}
.only1live .section10 .event_tit_wrap{text-align: center;}
.only1live .section10 .event_tit_wrap .badge {display: inline-flex; position: static; padding: 0.2em 0.8em 0.1em; font-size: 28px; font-weight: 800; border-radius: 2em; color: #777; border: 2px solid #777; background: rgba(100, 100, 100, 0.12); text-shadow: none;
	box-shadow: 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent, inset 0 0 0 transparent, 0 0 0 transparent, 0 0 0 transparent;
	transition: color 0.75s ease, border 0.75s ease, background 0.75s ease, box-shadow 0.75s ease, text-shadow 0.75s ease;
}
.only1live .section10 .event_tit_wrap .main_tit{margin-top: 24px;}
.only1live .section10 .event_tit_wrap .main_tit p{font-size: 82px; font-family: 'GmarketSansBold'; line-height: 1.2;}
.only1live .section10 .event_tit_wrap .main_tit .onlyone {color: #777; text-shadow: none; transition: color 0.75s ease, text-shadow 0.75s ease;}
.only1live .section10 .event_tit_wrap .main_tit span {display: inline-block; color: #777; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2.5px #777;mfilter: none;
	transition: color 0.75s ease, -webkit-text-stroke-color 0.75s ease, filter 0.75s ease;
}

.only1live .section10.on .event_tit_wrap .badge{ background: rgba(255, 90, 220, 0.22); border: 2px solid #fff; color: #fff; 
	animation: section10BadgeFlicker 3.8s 1.3s infinite;
	box-shadow:
	0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8,
	inset 0 0 5px #ff51e8, 0 0 1px #ff51e8, 0 0 1px #ff51e8;
	text-shadow:
	0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8,
	0 0 5px #ff51e8, 0 0 1px #ff51e8;
}
.only1live .section10.on .event_tit_wrap .main_tit .onlyone{color: #fff;
	animation: section10TitleFlicker 4.6s 1.1s infinite;
	text-shadow:
	0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8,
	0 0 5px #ff51e8, 0 0 1px #ff51e8;
}
.only1live .section10.on .event_tit_wrap .main_tit span{color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2.5px currentColor; text-shadow: none; font-family: 'GmarketSansBold';}
.only1live .section10.on .event_tit_wrap .main_tit span.on{color: #ff5f40;
	animation: section10OnFlicker 3.4s 1.5s infinite;
	filter: drop-shadow(0 0 5px #ff5f40) drop-shadow(0 8px 16px rgba(255, 95, 64, 0.9)) drop-shadow(0 20px 34px rgba(255, 95, 64, 0.55)) drop-shadow(0 35px 55px rgba(255, 95, 64, 0.25));
}
.only1live .section10.on .event_tit_wrap .main_tit span.air{color: #ffd400;
	animation: section10AirFlicker 4.2s 1.9s infinite;
	filter: drop-shadow(0 0 5px #ffd400) drop-shadow(0 8px 16px rgba(255, 212, 0, 0.9)) drop-shadow(0 20px 34px rgba(255, 212, 0, 0.55)) drop-shadow(0 35px 55px rgba(255, 212, 0, 0.25));
}
@keyframes section10BadgeFlicker {
	0%, 18%, 21%, 24%, 52%, 55%, 78%, 100% {
		opacity: 1;
		box-shadow: 0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8, inset 0 0 5px #ff51e8, 0 0 1px #ff51e8, 0 0 1px #ff51e8;
		text-shadow: 0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8, 0 0 5px #ff51e8, 0 0 1px #ff51e8;
	}
	19%, 23%, 54% {
		opacity: 0.55;
		box-shadow: 0 0 8px #ff51e8, 0 0 4px #ff51e8, 0 0 2px #ff51e8, inset 0 0 1px #ff51e8, 0 0 1px transparent, 0 0 1px transparent;
		text-shadow: 0 0 5px #ff51e8, 0 0 2px #ff51e8;
	}
}

@keyframes section10TitleFlicker {
	0%, 20%, 23%, 48%, 51%, 75%, 100% {
		opacity: 1;
		text-shadow: 0 0 29px #ff51e8, 0 0 17px #ff51e8, 0 0 10px #ff51e8, 0 0 5px #ff51e8, 0 0 1px #ff51e8;
	}
	21%, 50% {
		opacity: 0.72;
		text-shadow: 0 0 10px #ff51e8, 0 0 5px #ff51e8;
	}
}

@keyframes section10OnFlicker {
	0%, 17%, 20%, 42%, 45%, 72%, 100% {
		opacity: 1;
		filter: drop-shadow(0 0 5px #ff5f40) drop-shadow(0 8px 16px rgba(255, 95, 64, 0.9))  drop-shadow(0 20px 34px rgba(255, 95, 64, 0.55)) drop-shadow(0 35px 55px rgba(255, 95, 64, 0.25));
	}
	18%, 44% { 
		opacity: 0.45;
		filter: drop-shadow(0 0 2px #ff5f40) drop-shadow(0 5px 10px rgba(255, 95, 64, 0.35));
	}
}

@keyframes section10AirFlicker {
	0%, 25%, 28%, 58%, 61%, 83%, 100% {
		opacity: 1;
		filter: drop-shadow(0 0 5px #ffd400) drop-shadow(0 8px 16px rgba(255, 212, 0, 0.9)) drop-shadow(0 20px 34px rgba(255, 212, 0, 0.55)) drop-shadow(0 35px 55px rgba(255, 212, 0, 0.25));
	}
	26%, 60% {
		opacity: 0.5;
		filter: drop-shadow(0 0 2px #ffd400) drop-shadow(0 5px 10px rgba(255, 212, 0, 0.35));
	}
}

.only1live .section10 .event_tit_wrap .sub_tit{margin-top: 30px;}
.only1live .section10 .event_tit_wrap .sub_tit p{margin-bottom: 10px; color: #ff40ee; font-size: 30px; font-weight: 700; line-height: 1.3;}
.only1live .section10 .event_tit_wrap .sub_tit span{display: block; color: #d2c9f0; font-size: 30px;}

.only1live .section10 .live_wrap{position: relative; max-width: 930px; margin: 60px auto 0;}
.only1live .section10 .live_wrap::before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to top, #06012e 0%, rgba(6, 1, 46, 0) 59%, transparent 100%); border-radius: 40px;}
.only1live .section10 .live_wrap img{max-width: 100%;}
.only1live .section10 .live_wrap .img_wrap{position: relative;}
.only1live .section10 .live_wrap .img_wrap .video{overflow: hidden; position: relative; padding-top: 56.25%; border-radius: 40px;}
.only1live .section10 .live_wrap .img_wrap .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.only1live .section10 .live_wrap .img_wrap .video_img{overflow: hidden; border-radius: 20px 20px 0 0;}
.only1live .section10 .live_wrap .img_wrap .live_tit{position: absolute; top: 0; left: 40px; max-width: 122px;}
.only1live .section10 .live_wrap .img_wrap .user_cnt{display: flex; align-items: center; position: absolute; top: 0; right: 40px; padding: 10px 18px; background: rgba(0, 0, 0, 0.8); border-radius: 0 0 30px 30px;}
.only1live .section10 .live_wrap .img_wrap .user_cnt img{max-width: 21px;}
.only1live .section10 .live_wrap .img_wrap .user_cnt span{width: calc(28px*2.5); margin-left: 0.25em; color: #fff; font-size: 28px;}
.only1live .section10 .live_wrap .img_wrap .bubble_list{overflow: hidden; position: absolute; bottom: 0; z-index: 1; width: 480px; height: 320px; padding-left: 24px;}
.only1live .section10 .live_wrap .img_wrap .bubble_list .bubble_track{animation: bubbleStepUp 5s linear infinite; width: 100%; will-change: transform;}
.only1live .section10 .live_wrap .img_wrap .bubble_list ul{display: flex; flex-direction: column; align-items: flex-start;}
.only1live .section10 .live_wrap .img_wrap .bubble_list ul li{display: inline-flex; align-items: center; max-width: 100%; padding: 10px 16px; margin-bottom: 12px; border-radius: 2em; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px);}
.only1live .section10 .live_wrap .img_wrap .bubble_list ul li + li{}
.only1live .section10 .live_wrap .img_wrap .bubble_list ul li img{width: 32px;}
.only1live .section10 .live_wrap .img_wrap .bubble_list ul li p{max-width: calc(100% - 42px); margin-left: 10px; font-size: 18px; color: #fff; word-break: auto-phrase;}
@keyframes bubbleStepUp {
	/* ½ÃÀÛ */
	0% {transform: translateY(0);}
	/* 1ȸÂ÷: À̹ÌÁö ±âÁØ 20% »ó½Â ÈÄ ´ë±â */
	6% {transform: translateY(-10%);}
	20% {transform: translateY(-10%);}

	/* 2ȸÂ÷ */
	26% {transform: translateY(-20%);}
	40% {transform: translateY(-20%);}

	/* 3ȸÂ÷ */
	46% {transform: translateY(-30%);}
	60% {transform: translateY(-30%);}

	/* 4ȸÂ÷ */
	66% {transform: translateY(-40%);}
	80% {transform: translateY(-40%);}

	/* 5ȸÂ÷ */
	86% {transform: translateY(-50%);}
	/* ¸¶Áö¸· À§Ä¡¿¡¼­ Àá½Ã ´ë±â */
	100% {transform: translateY(-50%);}
}

.only1live .section10 .heart_wrap{position: absolute; bottom: 0; right: 60px; z-index: 1; width: 80px;}
.only1live .section10 .heart_wrap img{position: absolute; bottom: 0; left: 50%; width: 55px; height: auto; opacity: 0; pointer-events: none;
	animation-name:heartUp; animation-timing-function:linear; animation-iteration-count:infinite; animation-fill-mode:both;
}
/* ÇÏÆ®º° À§Ä¡, Å©±â, ¼Óµµ, ½ÃÀÛ ½Ã°£ */
.only1live .section10 .heart_wrap img:nth-child(1) { --x: -65px; --scale: 0.75; animation-duration: 3.3s; animation-delay: -1s; }
.only1live .section10 .heart_wrap img:nth-child(2) { --x: -25px; --scale: 1; animation-duration: 3.9s; animation-delay: -0.3s; }
.only1live .section10 .heart_wrap img:nth-child(3) { --x: 35px; --scale: 0.8; animation-duration: 3.1s; animation-delay: 0.3s; }
.only1live .section10 .heart_wrap img:nth-child(4) { --x: 70px; --scale: 0.65; animation-duration: 4.3s; animation-delay: 0.9s; }
.only1live .section10 .heart_wrap img:nth-child(5) { --x: -90px; --scale: 0.6; animation-duration: 3.7s; animation-delay: 1.5s; }
.only1live .section10 .heart_wrap img:nth-child(6) { --x: 5px; --scale: 0.9; animation-duration: 3.4s; animation-delay: 2.1s; }
.only1live .section10 .heart_wrap img:nth-child(7) { --x: 95px; --scale: 0.55; animation-duration: 4s; animation-delay: 2.8s; }
.only1live .section10 .heart_wrap img:nth-child(8) { --x: -45px; --scale: 0.7; animation-duration: 3.2s; animation-delay: 3.4s; }
.only1live .section10 .heart_wrap img:nth-child(9) { --x: 50px; --scale: 0.85; animation-duration: 3.6s; animation-delay: 4s; }
.only1live .section10 .heart_wrap img:nth-child(10) { --x: -10px; --scale: 0.65; animation-duration: 4.2s; animation-delay: 4.7s; }
.only1live .section10 .heart_wrap img:nth-child(11) { --x: 82px; --scale: 0.75; animation-duration: 3.4s; animation-delay: 5.4s; }
.only1live .section10 .heart_wrap img:nth-child(12) { --x: -75px; --scale: 0.55; animation-duration: 3.8s; animation-delay: 6.1s; }
.only1live .section10 .heart_wrap img:nth-child(13) { --x: 20px; --scale: 0.95; animation-duration: 4.1s; animation-delay: 6.8s; }
@keyframes heartUp {
	0% { opacity:0; transform:translateX(-50%) translateY(0) scale(var(--scale)) rotate(-8deg); }
	10% { opacity:1; transform:translateX(-50%) translateY(-30px) scale(var(--scale)) rotate(0deg); }
	45% { opacity:1; transform:translateX(calc(-50% + var(--x))) translateY(-150px) scale(var(--scale)) rotate(8deg); }
	75% { opacity:.9; transform:translateX(calc(-50% + var(--x))) translateY(-280px) scale(var(--scale)) rotate(-5deg); }
	100% { opacity:0; transform:translateX(calc(-50% + var(--x))) translateY(-390px) scale(var(--scale)) rotate(10deg); }
}

.only1live .section10 .participation_wrap{position: relative; padding: 0 25px; margin-top: 10px; text-align: center;}
.only1live .section10 .participation_wrap > p{margin-bottom: 0.5em; font-size: 30px; color: #fff; font-weight: 600;}
.only1live .section10 .participation_wrap > p strong{color: #ff40ee; font-weight: inherit;}
.only1live .section10 .participation_wrap > button{display: inline-flex; justify-content: center; padding: 0.6em 6em 0.7em; background: linear-gradient(105deg, #f40000 0%, #ff00c8 100%); color: #fff; font-size: 32px; font-weight: 700; border-radius: 2em; box-shadow: 0 20px 30px 0 rgba(255, 99, 179, 0.3);}
.only1live .section10 .participation_wrap > span{display: block; margin-bottom: 2em; font-size: 20px; color: #ccc;}

.only1live .section10 .event_modal { display:none; align-items:center; justify-content:center; position:fixed; inset: 0; z-index: 100; }
.only1live .section10 .event_modal::before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(0,0,0,.55); }
.only1live .section10 .event_modal.is_open { display:flex; }
.only1live .section10 .event_modal.is_closed { display:none; }
.only1live .section10 .event_modal_inner { position:relative; width: calc(100% - 20px*2); max-width: 560px; padding: 30px 20px; background: #fff; border-radius: 20px;}
.only1live .section10 .event_close { position:absolute; top: 30px; right: 16px; width: 24px; height: 24px; padding: 5px; background: none; cursor:pointer; }
.only1live .section10 .event_close img{max-width: 100%;}
.only1live .section10 .event_title { margin-top: 24px; text-align:center; font-size: 24px; font-weight: 500; line-height:1.3; }
.only1live .section10 .event_form { margin-top: 30px; }
.only1live .section10 .input_group { margin-bottom: 10px; }
.only1live .section10 .input_group input { width: 100%; height: 56px; padding:0 13px; border:1px solid #a0a0a0; border-radius:14px; font-size: 17px; font-weight: 500; font-family: 'pretendard'; background:#fff; outline:none; }
.only1live .section10 .input_group input::placeholder { color: #cacaca; }
.only1live .section10 .agree_row { display:flex; align-items:center; justify-content:space-between; margin-top: 30px; font-size: 16px; }
.only1live .section10 .agree_label { display:flex; align-items:center; gap:6px; cursor:pointer; }
.only1live .section10 .agree_label input { width: 15px; height: 15px; accent-color:#111; margin:0; }
.only1live .section10 .agree_more { color:#111; text-decoration:none; font-size: 16px; }
.only1live .section10 .submit_btn { width:100%; height: 58px; margin-top: 10px; border-radius: 2em; background:#ff0000; color:#fff; font-size: 20px; font-weight:700; font-family: 'pretendard'; cursor:pointer; }

.only1live .section10 .privacy_modal { position:fixed; inset:0; z-index: 101; display: none; align-items:center; justify-content:center; width:100%; height:100%; isolation:isolate; }
.only1live .section10 .privacy_modal.is_open { display:flex; }
.only1live .section10 .privacy_modal::before { content:""; position:absolute; inset:0; z-index:-1; background:rgba(0,0,0,.6); }
.only1live .section10 .privacy_modal_inner { position:relative; width: calc(100% - 20px*2); max-width: 560px; max-height: 90vh; padding: 30px 16px; background: #fff; border-radius: 20px; }
.only1live .section10 .privacy_close { width: 20px; padding: 4px; margin-bottom: 10px; background: none; }
.only1live .section10 .privacy_close img{ max-width: 100%;}
.only1live .section10 .privacy_modal_inner .cont_wrap{overflow-y: auto; max-height: 60vh;}
.only1live .section10 .privacy_modal_inner .cont_wrap div + div{margin-top: 30px;}
.only1live .section10 .privacy_modal_inner .cont_wrap div p{margin-top: 8px; color: #626262; font-size: 14px;}
.only1live .section10 .privacy_modal_inner .cont_wrap div p.tit{font-size: 15px; font-weight: 600; line-height: 1.3em;}
.only1live .section10 .privacy_modal_inner table{width: 100%; margin-top: 10px; text-align: center;}
.only1live .section10 .privacy_modal_inner table th{padding: 0.6em 0; background: #f4f4f4; border: 1px solid #cacaca; font-size: 14px; font-weight: 400; line-height: 1.2em;}
.only1live .section10 .privacy_modal_inner table td{padding: 0.6em; border: 1px solid #cacaca; font-size: 13px;}
.only1live .section10 .privacy_modal_inner table td.left{text-align: left;}

.only1live .section10 .event_img_wrap{padding-bottom: 100px; background: #06012e; text-align: center;}
.only1live .section10 .event_img_wrap img{max-width: 100%; margin-top: 100px;}

.only1live .section10 .notice_wrap{padding: 0 24px; margin-top: 100px;}
.only1live .section10 .notice_wrap .tit{background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.6)}
.only1live .section10 .notice_wrap .cont{padding: 50px; color: #6c698b; text-align: left;}
.only1live .section10 .notice_wrap .cont p{color: #6c698b;}
.only1live .section10 .notice_wrap .cont ul li::before{background: #6c698b;}

.only1live .section11{padding: 100px 16px;}
.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(images/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(images/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 .section12{padding: 100px 16px; background: rgba(107, 159, 255, 0.1);}
.only1live .section12 .img_wrap{margin-top: 60px; text-align: center;}
.only1live .section12 img{max-width: 100%;}
.only1live .section12 .slide_wrap { overflow: hidden; width: calc(100% + 16px*2); margin-top: 50px; margin-left: -16px; }
.only1live .section12 .slide_wrap .right{ margin-top: 20px; }
.only1live .section12 .slide_wrap .swiper-container { width: 100%; }
.only1live .section12 .slide_wrap .swiper-wrapper { transition-timing-function: linear !important; }
.only1live .section12 .slide_wrap .swiper-slide { }
.only1live .section12 .slide_wrap .swiper-slide img { display: block; width: auto; max-width: 100%; }
.only1live .section12 .slide_wrap .swiper-slide .video{overflow: hidden; position: relative; padding-top: 24.5%;}
.only1live .section12 .slide_wrap .swiper-slide .video video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.only1live .section12 .refer{margin-top: 1em; color: #222; font-size: 20px; text-align: center;}

.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{display: flex; 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(images/sec16_math_icon01.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math02{background-image: url(images/sec16_math_icon02.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math03{background-image: url(images/sec16_math_icon03.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math04{background-image: url(images/sec16_math_icon04.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math05{background-image: url(images/sec16_math_icon05.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math06{background-image: url(images/sec16_math_icon06.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math07{background-image: url(images/sec16_math_icon07.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math08{background-image: url(images/sec16_math_icon08.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math09{background-image: url(images/sec16_math_icon09.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math10{background-image: url(images/sec16_math_icon10.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math11{background-image: url(images/sec16_math_icon11.png);}
.only1live .section16 .math_wrap .icon_list div#sec16Math12{background-image: url(images/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(images/sec16_eng_icon01.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng02{background-image: url(images/sec16_eng_icon02.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng03{background-image: url(images/sec16_eng_icon03.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng04{background-image: url(images/sec16_eng_icon04.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng05{background-image: url(images/sec16_eng_icon05.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng06{background-image: url(images/sec16_eng_icon06.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng07{background-image: url(images/sec16_eng_icon07.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng08{background-image: url(images/sec16_eng_icon08.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng09{background-image: url(images/sec16_eng_icon09.png);}
.only1live .section16 .eng_wrap .icon_list div#sec16Eng10{background-image: url(images/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(images/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(images/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(images/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(images/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(images/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 .section21{padding: 100px 24px;}
.only1live .section21 .img_wrap{margin-top: 60px;}
.only1live .section21 .img_wrap img{max-width: 100%;}
.only1live .section21 .list_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 30px; margin-top: 60px;}
.only1live .section21 .list_wrap > div{position: relative;}
.only1live .section21 .list_wrap img{max-width: 100%;}

.only1live .book_roll {overflow:hidden;display:flex;justify-content:center; position:absolute;bottom: 0;left: 15px; width: 90%; height: 340px;}
.only1live .book_roll::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 94px;background: linear-gradient(to bottom, transparent, rgb(255 255 255 / 100%));z-index: 1;}
.only1live .book_roll ul {display:flex;width:100%;height:100%;gap: 6px;}
.only1live .book_roll li {position:relative;overflow:hidden;flex:1; }
.only1live .book_roll li .roll {position:absolute;top:0;left:0;width:100%; display:flex;flex-direction:column;will-change:transform;animation-duration: 16s;animation-timing-function:linear;animation-iteration-count:infinite;}
.only1live .book_roll li .tile { position:relative; width:100%; height:50%; }
.only1live .book_roll li .tile img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.only1live .book_roll li:nth-child(even) .roll { animation-name:rollUp; }
.only1live .book_roll li:nth-child(odd) .roll { animation-name:rollDown; }
.only1live .book_roll li:nth-child(2) .roll{animation-delay: 0.3s;}
.only1live .book_roll li:nth-child(3) .roll{animation-delay: 1.5s;}
@keyframes rollUp {
    0% { transform:translateY(0); }
    100% { transform:translateY(-50%); }
}
@keyframes rollDown {
    0% { transform:translateY(-50%); }
    100% { transform:translateY(0); }
}

.only1live .section22{}
.only1live .section22 .sec22_tit_wrap{white-space: nowrap; padding: 60px 24px; background: #f20000; text-align: center;}
.only1live .section22 .sec22_tit_wrap .sub_tit{color: #fff; font-size: 40px; font-weight: 700;}
.only1live .section22 .sec22_tit_wrap .main_tit{margin-top: 20px; color: #fff; font-size: 60px; font-family: 'GmarketSansBold'; line-height: 1.2em;}
.only1live .section22 .sec22_tit_wrap strong{color: #fff365; font-weight: inherit;}
.only1live .section22 .sec22_tit_wrap .apply_btn{display: block; padding: 0.5em 2em; margin-top: 30px; background: #222; color: #fff; font-size: 32px; font-weight: 700; border-radius: 2em; box-shadow: 0 20px 30px 0 rgba(160, 0, 0, 0.5);}
.only1live .section22 .notice_wrap{padding: 50px 24px; margin-top: 0; background: #b3b3b3;}
.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(images/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 .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(images/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(images/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(images/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(images/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;}

/* keyframes */
@keyframes blinker {
    50% {
        opacity:0;
    }
}
@keyframes blink-effect {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* event_extra */
.only1live .event_extra{position:relative;background: #fffcf3; }
.only1live .event_extra .con_box{position: absolute;top: 0;left: 0;right: 0;padding: 56px 0 0;text-align: center;}
.only1live .event_extra .con_box .tit{width: 353px;display: block;margin: 0 auto;}
.only1live .event_extra .con{margin: 34px auto 0;width: 343px;}
.only1live .event_extra .btn{margin: 30px auto 0;background: url(images/event_extra_btn.png) no-repeat 0 0 / contain;width: 343px;height: 45px;display: block;position: relative;}
.only1live .event_extra .btn:before{content:"";display:block;position:absolute;bottom: -53%;right: 3%;width: 38px;height: 45px;background: url(images/event_extra_hand.png) 0 0 no-repeat;background-size:100%;animation:blinker 1s ease-in-out infinite alternate;}



/* brandweb main */
.sel_mid_ele .only1live .section1 .btns { position: absolute; bottom: 120px; left: 0; right: 0; margin: 0 auto; gap: 20px; display: flex; justify-content: center;} 
.sel_mid_ele .only1live .section1 .btns a { height: 86px; background: #f20000; padding: 18px 45px 0; color: #fff; font-size: 33px; font-weight: 600; border-radius: 55px;} 
.sel_mid_ele .only1live .section1 .btns a .color { color: #fff600;} 
.sel_mid_ele .only1live .section1 .btns a::after {content:'';display: inline-block;width: 10px;aspect-ratio: 40 / 64;background: url(/_images/_main/main_202505/mid_arrow_right_wh.png) no-repeat 0 0 / contain;margin: 0 0 3px 24px;}