@charset "euc-kr";


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


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

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

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


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


/* fade in */
.fade {	position:relative; transform:translate(0, 40px); opacity:0; transition-property:opacity, transform; transition-duration:1.2s; }
.fade.show { transform:translate(0, 0); opacity:1; }
.fade-1 { transition-delay:0s; } 
.fade-2 { transition-delay:.2s; } 
.fade-3 { transition-delay:.4s; } 
.fade-4 { transition-delay:.6s; } 
.fade-5 { transition-delay:.8s; } 

/* visual */
.visual{position:relative; z-index:1; overflow: hidden; padding-bottom:5.5%; background:#144CCE; }
.visual:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:73vh; background:url(images/visual_bg.png) center 0 no-repeat; background-size:100%; z-index:10;}
.visual img{width:100%;}
.visual .rolling{display:flex; justify-content:center; position:absolute; top:0; left:0; width:100%;}
.visual .rolling .original{animation:80s linear 0s infinite normal forwards running rollingLeft1;}
.visual .rolling .clone{animation:80s linear 0s infinite normal forwards running rollingLeft2;}
.visual .rolling img{width:92.3vw;}
.visual .con{position:relative; width:100%; padding-top:13%; text-align: center; z-index:30;}
.visual .con .tit{padding:0 5%;}
.visual .con .tit img{width:100%;}
.visual .con .tablet{position:relative; padding:0 7%; margin-top:9%;}
.visual .con .tablet .front{position:relative; margin-top:2%; z-index:10;}
.visual .con .tablet .back{position:absolute; top:-2%; left:0;}
.visual .con .visual_btn{display:block;}
.visual .con .visual_btn img{padding:0 14%;}

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

/* dogbone */
.dogbone{overflow:hidden; padding:49px 0 40px; background:#C7ECFF url(images/dogbone_bg.png) center top no-repeat;}
.dogbone img{width:100%;}
.dogbone .tit{padding:0 11.8vw;}
.dogbone .rolling_wrap div{margin-top:32px;}
.dogbone .rolling_wrap div .list {display:flex; gap:15px; position: relative; width:5850px; animation-duration:40s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.dogbone .rolling_wrap div .list li{overflow:hidden; position:relative; width:63.889vw; height:38.611vw; border:2px solid #FF30B3; border-radius:4.17vw;}
.dogbone .rolling_wrap div .list li img,
.dogbone .rolling_wrap div .list li video{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.dogbone .rolling_wrap div .list li video{width:108%;}
.dogbone .rolling_wrap .rolling1 .list {animation-name: dogbone_rolling1;}
.dogbone .rolling_wrap .rolling2 .list {animation-name: dogbone_rolling2;}

@keyframes dogbone_rolling1 {
    0% { 
        left:0;
    }
    100% {
        left: -2369px;
    }
}
@keyframes dogbone_rolling2 {
    0% { 
        left: -2073px;
    }
    100% {
        left: 0;
    }
}

/* keyword */
.keyword{overflow:hidden; padding:30px 0 20px; background-color:#6421FF;}
.keyword img{width:100%;}
.keyword .con{position:relative;}
.keyword .con .fix{position:relative;z-index:10;}
.keyword .con .emphasis1{position:absolute;top:4vw;right:-2vw; width:55.3%;}
.keyword .con .emphasis2{position:absolute;top:36.6vw;left:-2.86vw; width:58.2%;}

/* lecture */
.lecture{overflow:hidden;background:#f7d6e8;padding:13.8889vw 0 16.6667vw;}
.lecture>img{display:block;width:77.7778vw;margin:0 auto;}
.lecture .video_wrap{margin-top:8.3333vw;display:flex;flex-direction:column;gap:11.1111vw;}
.lecture .video_wrap .swiper-container{position:relative;width:100%;overflow:visible;}
.lecture .video_wrap .swiper-wrapper{align-items:flex-start;}
.lecture .video_wrap .swiper-slide{width:80.3333vw;}
.lecture .video_wrap .card{width:100%;}
.lecture .video_wrap .video{position:relative;width:100%;aspect-ratio:16/9;border-radius:5.5556vw;overflow:hidden;background:#222 center / cover no-repeat;}
.lecture .video_wrap .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.lecture .video_wrap .play_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:13.3333vw;height:13.3333vw;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:6.6667vw;line-height:1;}
.lecture .video_wrap .swiper-slide p{margin-top:4.4444vw;font-size:5.5556vw;line-height:1.3;font-weight:400;text-align:center;word-break:keep-all;color:#444;}
.lecture .video_wrap .swiper-slide-active p{font-weight:700; color:#000;}
.lecture .video_wrap .swiper-slide-prev,
.lecture .video_wrap .swiper-slide-next{transform:scale(.9);}

/* way */
.way{padding:50px 0 33px; background:#DEF4FF;}
.way img{width:100%;}
.way .slider{margin-top:10px; padding:17px 0;}
.way .slider .swiper-slide{transition:all .5s; box-shadow:0 0 17px rgba(143,218,255,1);}
.way .slider .swiper-slide-prev,
.way .slider .swiper-slide-next{transform:scale(.85);}

/* presentation */
.presentation{padding:9% 0; background:#DEF4FF;}
.presentation img{display:block; width:100%; margin:0 auto;}
.presentation .tit{width:78%; margin-bottom:20px;}
.presentation .slider{display:flex; text-align:center;}
.presentation .slider li .video{position:relative; overflow:hidden; /*height:27.2vw;*/ padding-top:56.25%; margin-bottom:15px; background:#000; border:2px solid #4160FF; border-radius:15px;}
.presentation .slider li .video iframe{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

/* repurchase */
.repurchase{position:relative;background: #fff8d5;padding: 11vw 0 11vw;}
.repurchase .tit{display: block;margin: 0 auto 6vw;width: 75vw;}
.repurchase .repurchase_slide { width:100%; }
.repurchase .repurchase_slide .swiper-slide {text-align:center;padding: 0 11vw;}
.repurchase .repurchase_slide .swiper-slide img {width:100%;}
.repurchase .repurchase_slide .swiper-button-prev {background: url(images/memory_arrow.png) no-repeat 0 0/contain;width: 11vw;height: 11vw;left: 4.5vw;transform: scaleX(-1);}
.repurchase .repurchase_slide .swiper-button-next {background: url(images/memory_arrow.png) no-repeat 0 0/contain;width: 11vw;height: 11vw;right: 4.5vw;}
.repurchase .repurchase_slide .swiper-button-prev:after {display: none; }
.repurchase .repurchase_slide .swiper-button-next:after {display: none;}

/* section11 ¶óÀÌºê ¹«Ã¼ ÇýÅà ¿µ¿ª */
.section11{position: relative; padding: 10.33vw 4.27vw; background:#F3DFFF;}
.section11 .tit_wrap{text-align: center;}
.section11 .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 8.43vw; font-family: "GmarketSansBold"; text-align: center; line-height: 1.3em;}
.section11 .tit_wrap .tit strong{color: #AC00E5; font-weight: inherit;}
.section11 .gift_list{counter-reset: gift; margin-top: 9.33vw;}
.section11 .gift_list .item{position: relative; counter-increment: gift;}
.section11 .gift_list .item::before { content: 'ÇýÅÃ ' counter(gift); position: absolute; top: 0; left: 0; z-index: 2; transform: translateY(-50%); padding: 0.6em 1.2em 0.4em; background: #292a4c; color: #fff; font-size: 3.47vw; font-family: 'GmarketSansBold'; border-radius: 2em 2em 2em 0; line-height: 1em;}
.section11 .gift_list .item:nth-child(1)::before{background:#FF6141;}
.section11 .gift_list .item:nth-child(2)::before{background:#FF2C59;}
.section11 .gift_list .item:nth-child(3)::before{background:#FF279E;}
.section11 .gift_list .item:nth-child(4)::before{background:#BB27FF;}
.section11 .gift_list .item:nth-child(5)::before{background:#7627FF;}
.section11 .gift_list .item + .item{margin-top: 6.40vw; }
.section11 .gift_list .item div { overflow: hidden; position: relative; border-radius: 0 8.00vw 8.00vw 8.00vw; }
.section11 .gift_list .item div::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 0 8.00vw 8.00vw 8.00vw; background: linear-gradient(135deg, rgba(165, 179, 209, 0.6), rgba(165, 179, 209, 0.6)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; transition: padding 0.3s, background 0.3s;}
.section11 .gift_list .item.on div::before{padding: 3px; background: linear-gradient(135deg, #ffcc00 0%, #ff4343 33%, #c355f2 64%);}
.section11 .gift_list .item img{max-width: 100%;}
.section11 .device_select{display: grid; grid-template-columns: 1fr 1fr; gap:0 2.93vw; height: 99.20vw; margin-top: 10.67vw;}
.section11 .device_select div{border-radius: 5.33vw; transition: box-shadow 0.5s;}
.section11 .device_select div:first-child{background: url(images/sec11_select01.png) no-repeat 0 0 / cover; box-shadow: 0 2.13vw 5.33vw 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select div:nth-child(2){background: url(images/sec11_select02.png) no-repeat 100% 0 / cover;}
.section11 .device_select.on div:nth-child(2){}
.section11 .device_select.on div:first-child{background-position-x: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select.on div:nth-child(2){background-position-x: 0%; box-shadow: 0 2.13vw 5.33vw 0 rgba(0, 0, 0, 0.2);}
.section11 .notice_wrap{margin-top: 13.33vw;}
.section11 .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 2.67vw 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 3.73vw; font-family: 'pretendard'; border-radius: 2em;}
.section11 .notice_wrap .tit span{position: relative; padding-right: 6.67vw;}
.section11 .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 2.00vw); right: 0; transform: rotate(180deg); width: 4.00vw; height: 4.00vw; background: url(images/sec11_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.section11 .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.section11 .notice_wrap .cont{padding-top: 3.73vw; color: #626262; word-break: keep-all;}
.section11 .notice_wrap .cont ul{margin-top: 1.60vw;}
.section11 .notice_wrap .cont ul li{position: relative; padding-left: 2.40vw; font-size: 3.47vw;}
.section11 .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(3.47vw*1.5/2 - 0.40vw); left: 0; width: 0.80vw; height: 0.80vw; background: #626262; border-radius: 50%;}
.section11 .notice_wrap .cont ul li + li{margin-top: 1.60vw;}
.section11 .notice_wrap .cont p{margin-top: 5.33vw; font-size: 3.47vw; font-weight: 600;}
.section11 .notice_wrap .cont div{padding-left: 2.40vw;}

/* effect */
.effect{position:relative;background: #ffecfa;padding: 12vw 0 11vw; overflow: hidden;}
.effect .tit{display: block;margin: 0 auto 9.5vw;width: 86.5vw;}
.effect .effect_slide {overflow: visible;width: 65vw;height: 34vw;}
.effect .effect_slide .swiper-slide {text-align:center;padding: 0 1.2vw;}
.effect .effect_slide .swiper-slide iframe {width: 100%;height: 100%;border-radius: 4vw;}
.effect .effect_slide .swiper-button-prev {background: url(images/memory_arrow.png) no-repeat 0 0/contain;width: 11vw;height: 11vw;left: -5.8vw;transform: scaleX(-1);}
.effect .effect_slide .swiper-button-next {background: url(images/memory_arrow.png) no-repeat 0 0/contain;width: 11vw;height: 11vw;right: -5.8vw;}
.effect .effect_slide .swiper-button-prev:after {display: none; }
.effect .effect_slide .swiper-button-next:after {display: none;}

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

/* experience_banner */
.experience_banner {position: relative;}
.experience_banner img {width:100%;}

/* ¹«·áüÇè ½Åû °úÁ¤ */
.info .tit_wrap{white-space: nowrap; padding: 21.33vw 6.40vw; background: #f20000; color: #fff; text-align: center;}
.info .tit_wrap .sub_tit{font-size: 5.87vw; font-weight: 700;}
.info .tit_wrap .main_tit{margin-top: 5.33vw; font-size: 10.67vw; font-family: 'GmarketSansBold'; line-height: 1.2em;}
.info .tit_wrap strong{color: #fff365; font-weight: inherit;}
.info .tit_wrap .apply_btn{display: block; padding: 0.5em 0; margin-top: 8.00vw; background: #222; color: #fff; font-size: 5.87vw; font-weight: 700; border-radius: 2em; box-shadow: 0 5.33vw 8.00vw 0 rgba(160, 0, 0, 0.5);}
.info .notice_wrap{padding: 13.33vw 6.40vw; margin-top: 0; background: #b3b3b3;}
.info .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; color: #000; font-size: 5.33vw; font-weight: 700;}
.info .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; background-size:100%;}
.info .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 2.67vw 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 3.73vw; font-family: 'pretendard'; border-radius: 2em;}
.info .notice_wrap .tit span{position: relative; padding-right: 6.67vw;}
.info .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 2.00vw); right: 0; transform: rotate(180deg); width: 4.00vw; height: 4.00vw; background: url(images/sec09_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.info .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.info .notice_wrap .cont{padding-top: 3.73vw; color: #626262; word-break: keep-all;}
.info .notice_wrap .cont ul{margin-top: 1.60vw;}
.info .notice_wrap .cont ul li{position: relative; padding-left: 2.40vw; font-size: 3.47vw;}
.info .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(3.47vw*1.5/2 - 0.40vw); left: 0; width: 0.80vw; height: 0.80vw; background: #626262; border-radius: 50%;}
.info .notice_wrap .cont ul li + li{margin-top: 1.60vw;}
.info .notice_wrap .cont p{margin-top: 5.33vw; font-size: 3.47vw; font-weight: 600;}
.info .notice_wrap .cont div{padding-left: 2.40vw;}

/* ¿ÜºÎ¸Åü */
.cont_outside{position:relative; z-index:2; margin:-3% 0 0;}

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

/* Àü¹®»ó´ã Àü¿ë ¹«·áüÇè ½Åû ½ºÅ¸ÀÏ ¼öÁ¤ */
.free-trial-apply .title h1 span{display:block; font-size:14px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .form_content .list dt.grade label{display:inline-block; width:100%;}
.free-trial-apply .form_content .list dd.grade .grade_desc{bottom:20px !important;}
.free-trial-apply .form_content .list dd.link{padding:0; margin-top:10px;}
.free-trial-apply .form_content .list dd.link a{height:50px;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763 !important;}