@charset "euc-kr";

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

/*reset*/
img {
    border:0;
}
button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance:none;
}
button,select {
    text-transform:none;
}
button,input {
    overflow:hidden;
}
button:focus {
    outline:none;
}
a,div {
    -webkit-tap-highlight-color:transparent;
}
.web {
    min-width: 1300px;
}

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

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

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


/* common */
.pc_inner {max-width: 1200px;margin: 0 auto;display: flex; flex-direction: column;align-items: center;}
.pc_inner2 { max-width: 1920px; margin: 0 auto; z-index:1; position: relative; }
.sec_tit {color: #2c2c2c;font-family: "GmarketSans", sans-serif;text-align: center;letter-spacing: -2.5px; line-height:1;}
.sec_tit > strong { margin-top: 10px;  display: block; font-weight: bold; font-size: 64px;}
.sec_tit p {background: #f9f962; display: inline-block;}
.sec_tit p, .sec_tit p > strong { height: 60px; padding: 0 5px; font-weight: normal;font-size: 48px; color:inherit;font-family:inherit; }
.sec_tit p > strong {font-weight: bold;}
.sec_tit p:last-of-type {margin-top: 5px; }
.txt_red { color:#f20000 !important; }
.txt_green { color:#4fff81; }
.txt_sky { color:#16d6fa; }
.txt_pink { color:#fc7ba8; }
.txt_yellow { color:#fffd43; }
.txt_blue { color:#004eff; }
.txt_white { color:#fff; }
#only1_wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}
#only1_wrapper .mask{position:relative; width:1200px; margin:0 auto;}
.web > div > img{position:relative; left:50%; transform:translateX(-50%);}

/* anchor */
#only1_wrapper .anchor { position: fixed !important; left: 0; top:200px; width:161px; text-align:center; z-index: 15; zoom:0.87;}
#only1_wrapper .anchor .top{margin-bottom:18px;}
#only1_wrapper .anchor .kid{margin-bottom:18px;}
#only1_wrapper .anchor div{background-color:#fff; border:2px solid #000; border-left:none;}
#only1_wrapper .anchor div p{display:flex; justify-content:center; align-items:center; flex-direction:column; height:60px; font-size:14px; border-bottom:2px solid #000; color:#fff;}
#only1_wrapper .anchor div p span{display:block;margin-top: 1px;font-weight:700;font-size:18px;color:#fff375;line-height: 1.3;}
#only1_wrapper .anchor .top a p{display:flex;justify-content:center;align-items:center;flex-direction:column;height: 100%;font-size:14px; border-bottom:0; color:#fff;}
#only1_wrapper .anchor .top a span{display:block;margin-top: 1px;font-weight:700;font-size:18px;color:#fff375;line-height: 1.3;}
#only1_wrapper .anchor .top a{display:block; background-color:#34bbff; height:80px; }
#only1_wrapper .anchor div.kid p{background-color:#34bbff;}
#only1_wrapper .anchor div.ele p{background-color:#ab5eef;}
#only1_wrapper .anchor div ul li:not(:last-child){border-bottom:1px dashed #ccc;}
#only1_wrapper .anchor div ul li a{display:block; height:32px; font-weight:500; font-size:13px; color:#000; line-height:32px; transition:all .5s;}
#only1_wrapper .anchor div ul li a.active{color:#fff;}
#only1_wrapper .anchor div.kid ul li a.active{background-color:#34bbff;}
#only1_wrapper .anchor div.ele ul li a.active{background-color:#ab5eef;}

/* fade in */
.fade {	position:relative; transform:translate(0, 70px); 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; background:#144CCE;}
.visual:before{content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:2560px; height:800px; background:url(images/visual_bg.png) center 0 no-repeat; z-index:10;}
.visual .rolling{display:flex; justify-content:center;}
.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 .con{position:absolute; top:80px; text-align: center; z-index:20;}
.visual .con .tit{margin-bottom:52px;}
.visual .con .tablet{position:relative; margin-top:17px;}
.visual .con .tablet .front{position:relative; margin-left:45px; z-index:10;}
.visual .con .tablet .back{position:absolute; bottom:0; left:50%; margin-left:-612px;}

@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{background:#C7ECFF url(images/dogbone_bg.png) center top no-repeat;}
.dogbone .pc_inner{padding:100px 0 127px;}
.dogbone .pc_inner .rolling_wrap div{margin-top:60px;}
.dogbone .pc_inner .rolling_wrap div .list {display:flex; gap:30px; position: relative; width:5850px; animation-duration:20s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.dogbone .pc_inner .rolling_wrap div .list li{overflow:hidden; position:relative; width:460px; height:278px; border:4px solid #FF30B3; border-radius:30px;}
.dogbone .pc_inner .rolling_wrap div .list li img,
.dogbone .pc_inner .rolling_wrap div .list li video{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
.dogbone .pc_inner .rolling_wrap div .list li video{width:108%;}
.dogbone .pc_inner .rolling_wrap .rolling1 .list {animation-name: dogbone_rolling1;}
.dogbone .pc_inner .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{background-color:#6421FF;background-image:url(images/keyword_bg.png);background-attachment:fixed;background-size:cover;background-position:center;}
.keyword .pc_inner{padding:100px 0;}
.keyword .pc_inner .con{position:relative;margin-top:30px;}
.keyword .pc_inner .con .fix{position:relative;z-index:10;}
.keyword .pc_inner .con .emphasis1{position:absolute;top:0;right:-76px;}
.keyword .pc_inner .con .emphasis2{position:absolute;top:288px;left:-162px;}

/* lecture */
.lecture{background:#FFD5EC;}
.lecture .pc_inner{padding:100px 0 107px;}
.lecture .pc_inner .video_wrap{display:flex;flex-direction:column;gap:60px;align-items:center; margin-top:55px;}
.lecture .pc_inner .video_wrap .swiper-container{width:2127px;overflow:hidden;}
.lecture .pc_inner .video_wrap .swiper-wrapper{align-items:start;}
.lecture .pc_inner .video_wrap .swiper-slide{width:747px;}
.lecture .pc_inner .video_wrap .swiper-slide .card{transform:scale(.8835);transition:transform .5s ease,opacity .5s ease;transform-origin:center center;opacity:.85;}
.lecture .pc_inner .video_wrap .swiper-slide-prev .card{transform-origin:right center;}
.lecture .pc_inner .video_wrap .swiper-slide-next .card{transform-origin:left center;}
.lecture .pc_inner .video_wrap .swiper-slide-active .card{transform:scale(1);opacity:1;}
.lecture .pc_inner .video_wrap .video{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;}
.lecture .pc_inner .video_wrap .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.lecture .pc_inner .video_wrap .swiper-slide p{margin-top:15px; font-size:32px;text-align:center;word-break:keep-all; color:#444;}
.lecture .pc_inner .video_wrap .swiper-slide-active p{font-weight:700; color:#000;}

/* way */
.way{background:#DEF4FF;overflow:hidden;}
.way .pc_inner{max-width:100%;padding:100px 0 70px;}
.way .pc_inner .slider{position:relative;width:100%;padding:104px 0;margin-top:25px;overflow:visible;}
.way .pc_inner .slider .swiper-wrapper{align-items:center;}
.way .pc_inner .slider .swiper-slide{width:560px;transition:transform .5s ease;will-change:transform;}
.way .pc_inner .slider .swiper-slide .card{position:relative;border-radius:10px; box-shadow:0 0 35px rgba(143,218,255,1);transition:transform .5s ease,opacity .5s ease;transform-origin:center center;will-change:transform;opacity:1;}
.way .pc_inner .slider .swiper-slide img{width:100%;display:block;border-radius:10px;}
.way .pc_inner .slider .swiper-slide.is-left{transform:translateX(-60px);}
.way .pc_inner .slider .swiper-slide.is-right{transform:translateX(60px);}
.way .pc_inner .slider .swiper-slide.is-active{z-index:3;}
.way .pc_inner .slider .swiper-slide.is-active .card{transform:scale(1.2142857);}

/* repurchase */
.repurchase{position:relative;background: #fff8d5;padding: 97px 0 104px;}
.repurchase .pc_inner { position: relative;}
.repurchase .tit{display: block;margin: 0 auto 64px;}
.repurchase .repurchase_slide { width:100%; }
.repurchase .repurchase_slide .swiper-slide {text-align:center;}
.repurchase .repurchase_slide .swiper-button-prev { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; left: 0; transform: scaleX(-1);}
.repurchase .repurchase_slide .swiper-button-next { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; right: 0; }
.repurchase .repurchase_slide .swiper-button-prev:after {display: none; }
.repurchase .repurchase_slide .swiper-button-next:after {display: none; }

/* section11 ¶óÀÌºê ¹«Ã¼ ÇýÅà ¿µ¿ª */
.section11{padding: 100px 16px; background:#F3DFFF url(images/section11_bg.png) center top no-repeat;}
.section11 .tit_wrap{position: relative; text-align: center;}
.section11 .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 50px; 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; display: grid; gap: 30px 30px; grid-template-columns: repeat(6, 1fr); margin-top: 60px;}
.section11 .gift_list .item{position: relative; counter-increment: gift;}

/* À§ 2°³: °¢°¢ Àý¹Ý¾¿ */
.section11 .gift_list .item:nth-child(1),
.section11 .gift_list .item:nth-child(2) {
  grid-column: span 3;
}

/* ¾Æ·¡ 3°³: °¢°¢ 1/3¾¿ */
.section11 .gift_list .item:nth-child(3),
.section11 .gift_list .item:nth-child(4),
.section11 .gift_list .item:nth-child(5) {
  grid-column: span 2;
}

.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;}
.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 div { overflow: hidden; position: relative; border-radius: 40px; }
.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;}
.section11 .gift_list .item.on div::before{padding: 4px; 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 30px; width:100%; height: 289px; margin-top: 40px;}
.section11 .device_select div{border-radius: 40px; 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 8px 20px 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 8px 20px 0 rgba(0, 0, 0, 0.2);}
.section11 .notice_wrap{width:100%; margin-top: 60px;}
.section11 .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;}
.section11 .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.section11 .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; 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: 50px; color: #626262; word-break: keep-all; background: #fff; border-radius: 40px;}
.section11 .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.section11 .notice_wrap .cont p:first-child{margin-top: 0;}
.section11 .notice_wrap .cont ul{margin-top: 20px;}
.section11 .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size: 16px;}
.section11 .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%;}
.section11 .notice_wrap .cont ul li + li{margin-top: 6px;}
.section11 .notice_wrap .cont div{padding-left: 9px;}

/* effect */
.effect{position:relative;background: #ffecfa;padding: 97px 0 104px;}
.effect .pc_inner { position: relative;}
.effect .tit{display: block;margin: 0 auto 64px;}
.effect .effect_slide { overflow: visible; width: 1020px;}
.effect .effect_slide .swiper-slide {text-align:center;}
.effect .effect_slide .swiper-slide iframe {width: 960px; height: 540px; border-radius:30px;}
.effect .effect_slide .swiper-button-prev { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; left: -87px; transform: scaleX(-1);}
.effect .effect_slide .swiper-button-next { background: url(images/memory_arrow.png) no-repeat; width: 80px; height: 80px; right: -87px;}
.effect .effect_slide .swiper-button-prev:after {display: none; }
.effect .effect_slide .swiper-button-next:after {display: none;}

/* system_step */
.system_step{position: relative;background:#ffdce6;padding: 94px 0 100px;}
.system_step .top { text-align: center;background: #ffdce6; z-index: 1;}
.system_step .top.fix {position: fixed;top: 0;left: 0;right: 0;}
.system_step .top .tab {margin-top: 23px;width: 1237px;height: 120px;margin: 54px auto 0;}
.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 ul {text-align: center;display: flex;flex-direction: column; padding-top: 29px;}
.system_step ul li { padding: 70px 0 30px;}
.system_step_swiper { margin-top: 54px; width: 100%; overflow: visible;}
.system_step_swiper .swiper-slide .badge{position: absolute; top:266px; right:-32px; left:auto;}
.system_step_swiper .swiper-pagination { position: absolute; top: 0; left: 0; right: 0; bottom: auto; display: flex; opacity: 0;}
.system_step_swiper .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 122px; border-radius: 0;}

/* experience_banner */
.experience_banner {position: relative; background: #132871;}
.experience_banner .inner{display: flex; flex-direction: column;align-items: center;}

/* ¹«·áüÇè ½Åû °úÁ¤ */
.info .tit_wrap{white-space: nowrap; padding: 60px 24px; background: #f20000; text-align: center;}
.info .tit_wrap .sub_tit{color: #fff; font-size: 40px; font-weight: 700;}
.info .tit_wrap .main_tit{margin-top: 20px; color: #fff; font-size: 60px; 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 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);}
.info .notice_wrap{padding: 50px 24px; margin-top: 0; background: #b3b3b3;}
.info .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; margin-right:auto; color: #000; font-size: 30px; 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;}
.info .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;}
.info .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.info .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;}
.info .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.info .notice_wrap .cont{padding-top: 14px; color: #626262; word-break: keep-all;}
.info .notice_wrap .cont ul{margin-top: 20px;}
.info .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size:20px;}
.info .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(20px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.info .notice_wrap .cont ul li + li{margin-top: 6px;}
.info .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.info .notice_wrap .cont div{padding-left: 9px;}



#only1_bnb_sky_banner_ele.promotion.opms{background:url(images/banner_btm_opms.png) no-repeat center bottom !important; height:156px !important; margin:-86px 0 0;}

@media screen and (max-width:1800px){
    #only1_wrapper .anchor {top:190px; width:151px; zoom:0.87 !important;}
    #only1_wrapper .anchor .kid{margin-bottom: 0px;}
    #only1_wrapper .anchor div p{height: 45px;font-size: 12px;}
    #only1_wrapper .anchor div p span{font-size: 15px;}
    #only1_wrapper .anchor div ul li a{height: 24px; font-size: 11px;line-height: 23px;}

	#only1_wrapper .anchor .top { margin-bottom: 7px;}
	#only1_wrapper .anchor .top a { height: 68px; }
    #only1_wrapper .anchor .top a p { font-size: 12px; }
    #only1_wrapper .anchor .top a span { font-size: 15px; }
}

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

/* Àü¹®»ó´ã Àü¿ë ¹«·áüÇè ½Åû ½ºÅ¸ÀÏ ¼öÁ¤ */
.free-trial-apply .title{padding:43px 38px 24px 217px !important;}
.free-trial-apply .title h1{line-height:1.2 !important;}
.free-trial-apply .title h1 span{display:block; font-size:18px; letter-spacing:-1px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763;}