@charset "euc-kr";

@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; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }

#wrapper.wide{overflow-x:hidden; width:auto; min-width:1200px; margin-top:0;}
div.visual,
div.cont1,
div.cont2,
div.cont3,
div.cont4,
div.cont4{
	position: relative;
	text-align: center;
}
.mid .mask{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	/* overflow: hidden; */
	min-height: 50px;
}
.mask .thumb{	
	position: relative;
	left: 50%;
	transform:translateX(-50%);
}

.floatingUi {
	position: absolute;
	overflow: hidden;
	right:0;
	top:788px;
	z-index: 10;
	margin:0;
}
.onFixdmenu {
	position: fixed !important;
	top:0 !important;
	margin:0;
}

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

@media all and (min-width:2500px) {
	.floatingUi{left:50%; margin:0 0 0 1000px;}
}


/* visual */
.visual{overflow:hidden; background-color:#28e5ad;}
.visual .mask{overflow:visible;}
.visual .mask a{display:block; position:absolute; bottom:134px; left:50%; transform:translateX(-50%); width:715px; height:195px; text-indent:-9999px;}
/* .visual .mask a:before{position:absolute; right:-20px; top:104px; width:108px; height:135px; background:url(img/finger_ico.png) no-repeat; content:''; animation: blinker 1s step-end infinite;} */
.visual .mask .flag{position:absolute; left:-62px; top:157px; width:250px; height:250px; background:url(img/visual_flag.png) no-repeat; animation:flag 1s steps(2) infinite;}

/* bestseller */
.bestseller{background-color:#abe15d;}

/* lecture */
.lecture{background-color:#efefef;}
.lecture .gif{position:absolute; top:296px;}
.lecture .gif img{width:540px; height:315px;}
.lecture .gif1{left:30px;}
.lecture .gif2{right:32px;}

/* lineup */
.lineup{background-color:#fff;}
.lineup .mask{padding-bottom:186px;}
.lineup .tab{display:flex;}
.lineup .tab li{display:flex; align-items:center; flex:1; height:79px; background-color:#666; border-radius:10px 10px 0 0; border:1px solid #454545; border-bottom:none;}
.lineup .tab li a{display:block; width:100%; margin-top:4px; background:none; font-family:"GmarketSansBold"; font-size:34px; color:#acafac; text-align:center;}
.lineup .tab li.on{background-color:#02b86f; border:1px solid #019057; border-bottom:none; color:#fff;}
.lineup .tab li.on a{color:#fff;}
.lineup .tab_con{position:relative; padding-bottom:56px; background-color:#fff; border:4px solid #02b86f; border-top:none; border-radius:0 0 8px 8px;} 
.lineup .tab_con .banner{display:block; position:relative; padding:0 42px;}
.lineup .tab_con .banner:before{position:absolute; left:492px; top:138px; width:108px; height:135px; background:url(img/finger_ico.png) no-repeat; content:''; animation: blinker 1s step-end infinite;}
.lineup .tab_con .title{margin:0;}
.lineup .tab_con .title .swiper-wrapper{display:flex; justify-content:center; flex-wrap:wrap; padding:0 28px; background-color:#02b86f; box-sizing:border-box;}
.lineup .tab_con .title .swiper-wrapper li{display:flex; align-items:center; /* flex:1 1 auto; */ width:auto; height:111px; cursor:pointer;}
.lineup .tab_con .title .swiper-wrapper li span{display:inline-block; padding:9px 19px 3px; font-family:"GmarketSansBold"; font-size:28px; color:#fff; letter-spacing:-1px;}
.lineup .tab_con .title .swiper-wrapper li.swiper-slide-thumb-active span{background-color:#2a0fe0; border-radius:34px;}
.lineup .tab_con .subject{padding-bottom:48px; margin-bottom:49px;}
.lineup .tab_con .subject .swiper-slide{text-align:center;}
.lineup .tab_con .subject .swiper-pagination{bottom:0;}
.lineup .tab_con .subject .swiper-pagination span{width:18px; height:18px; background-color:#d3d3d3; opacity:1;}
.lineup .tab_con .subject .swiper-pagination span.swiper-pagination-bullet-active{background-color:#2a0fe0;}
.lineup .tab_con .subject .swiper-button-next:after,
.lineup .tab_con .subject .swiper-button-prev:after{display:none;}
.lineup .tab_con .subject .swiper-button-next{top:50%; right:45px; left:auto; width:30px; height:49px;}
.lineup .tab_con .subject .swiper-button-prev{top:50%; left:45px; right:auto; width:30px; height:49px;}
.lineup .tab_con .subject .swiper-button-next a{display:block; width:100%; height:100%; background:url(img/slide_next_arr.png) 0 0 no-repeat; text-indent:-9999px;}
.lineup .tab_con .subject .swiper-button-prev a{display:block; width:100%; height:100%; background:url(img/slide_prev_arr.png) 0 0 no-repeat; text-indent:-9999px;}

/* reward */
.reward{background:#0e0314;}
.reward .con{position:absolute; top:0; left:50%; width:1200px; height:100%; transform:translateX(-50%);}

/* proof */
.proof{background-image:linear-gradient(to right, #f5f9d3 50%, #d7fcd0 50%);}
.proof .con{padding:100px 0 50px;position:absolute; top:0; left:50%; width:1200px; height:100%; transform:translateX(-50%);}
.proof_con{margin-top:60px;}
.proof .slide_top{margin-top:60px; position:relative;}
#proofSlideTop{width:1090px; }    
#proofSlideTopPrev,
#proofSlideTopNext{background:url(img/proof_arr.png) 0 0 no-repeat; width:31px; height:54px; margin:0; transform:translate(0, -50%); }
#proofSlideTopPrev{left:5px; }
#proofSlideTopNext{transform:translate(0, -50%) scaleX(-1); right:5px; }
.proof .slide_btm{margin-top:60px;}
#proofSlideBtm{overflow:visible; }
#proofSlideBtm .swiper-wrapper{transition-timing-function:linear;}
#proofSlideBtm .swiper-slide{width:330px; margin-left:-19px; }
#proofSlideBtm .swiper-slide img{width:100%; }

/* secret */
.secret{background-image:linear-gradient(to right, #d7fef8 50%, #ddedfe 50%);}
.secret .con{padding:100px 0 50px;position:absolute; top:0; left:50%; width:1200px; height:100%; transform:translateX(-50%);}
.secret_con{margin-top:60px;}
.secret .slide_top{margin-top:60px; position:relative;}
#secretSlideTop .thumb{position:absolute;left:auto;right:70px;top:99px;width:421px;transform:none;cursor:pointer;}  
#secretSlideTop .thumb::after{content:'';position:absolute;bottom:18px;right:18px;background:url(img/play.png) no-repeat;width:70px;height:70px;pointer-events: none;}
#secretSlideTop .thumb img{width:100%;}  
#secretSlideTopPrev,
#secretSlideTopNext{background:url(img/secret_arr.png) 0 0 no-repeat;width:46px;height:50px;margin:0;transform:translate(0, -50%);}
#secretSlideTopPrev{left:0px;}
#secretSlideTopNext{transform:translate(0, -50%) scaleX(-1);right:0px;}
#secretSlideTopPage{position:static;margin-top:40px;}
#secretSlideTopPage .swiper-pagination-bullet{width:22px;height:22px;opacity:1;margin:0 6px;background:#fff;}
#secretSlideTopPage .swiper-pagination-bullet-active{background:#75abb0;}
.secret .slide_btm{margin-top:40px;}
#secretSlideBtm{overflow:visible; }
#secretSlideBtm .swiper-wrapper{transition-timing-function:linear;}
#secretSlideBtm .swiper-slide{width:330px; margin-left:-19px; }
#secretSlideBtm .swiper-slide img{width:100%; }

/* cont3 */
.cont3{margin-top:-33px;}

/* cont4 */
.cont4{background-color:#eef0f6;}
.cont4 .teacher{overflow:hidden; position:relative; width:1220px; height:693px; background:url(img/teacher.png) 0 -693px no-repeat; margin:0 auto;}
.cont4 .hover{position:absolute; bottom:118px; left:50%; transform:translateX(-50%); width:1280px; height:470px; padding:0 32px; font-size:0;}
.cont4 .hover a{display:block; position:absolute; bottom:0; height:100%; text-indent:-9999px; cursor:inherit;}
.cont4 .hover a:nth-child(1){left:34px; width:290px;}
.cont4 .hover a:nth-child(2){left:291px; width:255px;}
.cont4 .hover a:nth-child(3){left:511px; width:261px;}
.cont4 .hover a:nth-child(4){left:750px; width:275px;}
.cont4 .hover a:nth-child(5){right:40px; width:260px;}
.cont4 .hover a img{display:none; position:absolute; bottom:34px; left:0;}
.cont4 .hover a:nth-child(1) img{left:-31px;}
.cont4 .hover a:nth-child(2) img{left:-84px;}
.cont4 .hover a:nth-child(3) img{left:-271px;}
.cont4 .hover a:nth-child(4) img{left:-254px;}
.cont4 .hover a:nth-child(5) img{left:-283px;}

/* cont5 */
.cont5{background-color:#fff;}
.cont5 .mask{padding-bottom:99px;}
.cont5 .slider{width:1100px; margin:0 auto;}
.cont5 .swiper-button-next:after,
.cont5 .swiper-button-prev:after{display:none;}
.cont5 .swiper-button-next{top:50%; right:18px; left:auto; width:30px; height:49px;}
.cont5 .swiper-button-prev{top:50%; left:18px; right:auto; width:30px; height:49px;}
.cont5 .swiper-button-next a{display:block; width:100%; height:100%; background:url(img/slide_next_arr.png) 0 0 no-repeat; text-indent:-9999px;}
.cont5 .swiper-button-prev a{display:block; width:100%; height:100%; background:url(img/slide_prev_arr.png) 0 0 no-repeat; text-indent:-9999px;}
.cont5 .swiper-pagination{bottom:36px !important;}
.cont5 .swiper-pagination span{width:16px; height:16px; margin:0 10px; background-color:#fff; border:1px solid #000; opacity:1;}
.cont5 .swiper-pagination span.swiper-pagination-bullet-active{background-color:#000;}

/* cont6 */
.cont6{background-color:#fff9ea;}

/* cont7 */
.cont7{background-color:#edf2ff;}

/* cont9 */
.cont8 .mask{padding-bottom:200px;}

/* sns */
#wrapper .mid > .sns{background-color:#6d39e7;}
#wrapper .mid > .sns .mask div{display:flex; position:absolute; bottom:97px; left:255px;}
#wrapper .mid > .sns .mask div a{display:block; width:203px; height:203px; margin-right:40px; text-indent:-9999px;}

@keyframes flag {
  to{background-position:-500px 0;}
}
@keyframes blinker {
 50% {
    opacity:0;
  }
}

/* event */
#event{letter-spacing:-1px; font-family: 'Noto Sans KR';}
#event .event_banner{display: flex; justify-content: center; overflow:hidden;}
#event .join .insert > li p{font-family: 'Noto Sans KR'; }
#event .btn_bor1{display:inline-block; color:#ed3535; font-size:16px; border:1px solid #ed3535; padding:4px 15px 5px; border-radius:16px; margin:-5px 0 0 10px;}
#event .join .insert > li .btn_confir{font-weight:700;}
#event .join h3{color:#000; border-bottom:none;}
#event .btn_detail_view_layer{font-size:16px; color:#1b1b1b; display:inline-block; vertical-align:middle; margin:-3px 0 0 10px; background:#fff; letter-spacing:-1px;}
#event .note.case3{position:absolute; left:60px; top:100px; border:1px solid #000; padding:0; z-index:2;}
#event .note.case3 li{font-weight:400;}
#event .note.case3 .relative{padding:20px 30px 20px}
#event .note.case3 .btn_note_case3{position:absolute; right:0; top:0; text-indent:-9999em; background:url(img/event/btn_layer_close.png) no-repeat center; width:62px; height:62px;}
#event .ga_go_link{position:relative; width:740px; margin:20px auto 85px;}
#event .ga_go_link > a{position:absolute; text-indent:-9999em; height:77px;}
#event .ga_go_link > a.ga_go_link1{left:0; top:0; width:100%;}
#event .ga_go_link > a.ga_go_link2{left:0; top:55%; width:50%;}
#event .ga_go_link > a.ga_go_link3{left:50%; top:55%; width:50%;}

.noticeBox{position:relative; margin:100px 0 0;  background:#f5f5f5; padding:50px 0 80px 100px; font-family:'Noto Sans KR'; text-align:left; color:#333;}
.noticeBox .tit{position:relative; margin-bottom:20px; font-size:30px; font-weight:600;}
.noticeBox p{color:#ed3535; font-size:20px; font-weight:700;}
.noticeBox ul{margin:5px 0 0;}
.noticeBox ul li{position:relative; font-size:20px; font-weight:200; text-indent:-15px; padding:0 0 0 15px; font-weight:400; margin:5px 0 0; line-height:1.3;}
.noticeBox .btn_member{position:absolute; right:100px; top:0; background:#454141; color:#fff; font-size:14px; padding:8px 20px;}


/* popup */
.floating_admin_common.absolute{left:50% !important; transform:translateX(-50%);}

/* ¿ìÃø ½ºÄ«À̹è³Ê ºñ³ë¿ï */
#only1_rnb_sky_banner{display:none;}