.absolute{position:absolute !important;}
#wrapper.wide{width: auto; margin-top:0;}
div.visual,
div.cont1,
div.cont2,
div.cont3,
div.cont4,
div.cont5,
div.cont6,
div.cont7,
div.cont8,
div.cont9,
div.cont10{
	position: relative;
	text-align: center;
}
.mid {
	overflow-x:hidden;
}
.mid .mask{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	min-height: 50px;
}
.mask .img{	
	position: relative;
	left: -650px;
}

/* common */
.btn{position:absolute;}
.btn a{display:block; text-indent:-9999px;}
.yellow{color:#112e3f;}
.mt45{margin:45px 0 0;}

/* visual */
.visual{background-color:#2eb58a;}
.visual .maskWrap{background: url(img/visual.png) no-repeat center top;}
.visual .maskWrap .mask{overflow:visible;}
.visual .maskWrap .mask:before{content:""; display:block; position:absolute; top:74px; left:-38px; width:203px; height:203px; background:url(img/badge.png) 0 0 no-repeat; z-index:100; animation:flag 1s steps(2) infinite;}

/* tab */
.tabBox{margin:-120px auto 0;}
.tabBox .tabSelect{background:#fff; margin:0 auto; width:1101px;}
.tabBox #tabSelect2{width:auto;}
.tab1{overflow:hidden; margin:0 auto; width:1101px; height:120px; position:relative; z-index:2;}
.tab1 li{float:left; width:calc(100% / 3);}
.tab1 li a{display:block; position:relative; background:url(img/tab1.png) no-repeat; height:120px; display:block; text-indent:-9999em;}
.tab1 li a.s1{background-position:0 0;}
.tab1 li a.s2{background-position:-366px 0;}
.tab1 li a.s3{background-position:-732px 0;}
.tab1 li.on a.s1{background-position:0 -118px;}
.tab1 li.on a.s2{background-position:-366px -118px;}
.tab1 li.on a.s3{background-position:-732px -118px;}
.tab1 li.on a:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:4px; border-right:5px solid #112e3f; border-left:4px solid #112e3f; background-color:#abe15d;}
.tabSelect{position:relative;}
.tabSelect .inputArea{position:absolute; left:156px; top:279px; overflow:hidden;}
.tabSelect .inputArea input{float:left; width:619px; height:62px; padding:0 20px; font-size:18px; font-family:'malgun gothic'; line-height:63px; background:none; border:none; text-align:center;}
.tabSelect .inputArea input::-webkit-input-placeholder{color:#686868;}
.tabSelect .inputArea input:-ms-input-placeholder{color:#686868;}
.tabSelect .inputArea input:focus::-webkit-input-placeholder{color:#fff;}
.tabSelect .inputArea input:focus:-ms-input-placeholder{color:#fff;}
.tabSelect .inputArea .btnApp{width:167px; height:63px; background:none;}
.tabSelect .btn{display:flex; bottom:112px; left:0; width:100%; padding:0 142px;}
.tabSelect .btn a{position:relative; width:215px; height:215px;}
.tabSelect .btn a:not(:first-child){margin-left:75px;}
.tabSelect .btn a:before{content:""; display:block; position:absolute; bottom:-15px; right:-37px; width:81px; height:100px; background:url(img/click_ico.png) 0 0 no-repeat; animation: blinker 1s step-end infinite;}

/* cont2 */
.cont2{background:#cdf5ff;}
.cont2 .btn{bottom:87px; left:50%; width:1100px; transform:translateX(-50%);}
.cont2 .btn a{height:100px;}

/* cont3 */
.cont3{position:relative; background-color:#fff54d;}
.cont3{font-family:'malgun gothic'; font-weight:bold; letter-spacing:-1px;}
.cont3 .no_txt{position:absolute; left:0; top:402px; width:100%; text-align:center;}
.cont3 .no_txt *{vertical-align:middle;}
.cont3 .no_txt dl{display:inline-block; margin:0 0 6px;}
.cont3 .no_txt dt{display:inline-block; font-size:24px; font-weight:bold; color:#010d3b; font-family:"Noto Sans KR";}
.cont3 .no_txt dd{display:inline-block; margin:0 0 0 8px; color:#25044b; font-size:18px; color:#010d3b;}
.cont3 .no_txt .slide_x{font-size:24px; color:#010d3b; vertical-align:top; margin:0 10px; display:inline-block; line-height:1.4; font-weight:normal;}
.cont3 .ul_cont{position:absolute; left:126px; top:488px; overflow:hidden;}
.cont3 .ul_cont li{float:left; width:154px; margin:0 0 0 20px;}
.cont3 .ul_cont li:first-child{margin:0;}
.cont3 .ul_cont li .count{display:block; height:44px; color:#d5b3fc; font-size:16px; padding:10px 0 0; background:#5e2e94;}
.cont3 .ul_cont li img{width:100%; border:1px solid #5e2e94;}
.cont3 .ul_cont li .txt{display:block; color:#3a0e6c; font-size:13px; padding:13px 0 0;}
/* 
.cont3 .inner{position:absolute; left:0; top:0; padding:75px 25px 0; width:1000px; overflow:hidden;}
.cont3 .inner .tit_1{display:block; color:#333; font-size:30px; font-family:'malgun gothic'; text-align:center; letter-spacing:-5px;}
.cont3 .inner .tit_1 strong{color:#8859bc;}
.cont3 .inner .tab_st1{overflow:hidden; width:862px; margin:40px auto 0; padding:0 0 0 1px;}
.cont3 .inner .tab_st1 li{float:left; display:table; text-align:center; width:172px; height:52px; margin:0 0 0 -1px;}
.cont3 .inner .tab_st1 li:first-child{}
.cont3 .inner .tab_st1 li a{display:table-cell; background:#fff; vertical-align:middle; font-weight:bold; color:#363636; font-size:16px; font-family:'malgun gothic'; line-height:1.3; border:1px solid #b7b7b7;}
.cont3 .inner .tab_st1 li.on a, .cont3 .inner .tab_st1 li:hover a{color:#fff; font-weight:bold; background:#8859bc; border:none;}
.cont3 .inner .tab_st1 li.on, .cont3 .inner .tab_st1 li:hover{border:none;}
.cont3 .inner .tab01{margin:20px 0 0 49px; width:862px;}
.cont3 .inner .tab01 li{width:100px;}
.cont3 .inner .slideArea{position:relative; width:820px; margin:10px auto 0;}
.cont3 .inner .slideArea .slideBox{position:relative; width:820px; overflow:hidden;}
.cont3 .inner .slideArea .slide{position:relative; width:840px; height:170px;}
.cont3 .inner .slideArea .slide > li > ul{overflow:hidden;}
.cont3 .inner .slideArea .slide > li > ul > li{float:left; position:relative; margin:14px 20px 0 0; width:190px;}
.cont3 .inner .slideArea .arrow{position:absolute; width:40px; height:170px; text-indent:-9999em; background:#fff url(img/sp_s_btn.png) no-repeat left 54px; width:26px; height:26px; opacity:0.5; filter:alpha(opacity=50); transition:opacity .2s;}
.cont3 .inner .slideArea .arrow:hover{opacity:1; filter:alpha(opacity=100);}
.cont3 .inner .slideArea .left span{left:-38px; top:0; height:170px;}
.cont3 .inner .slideArea .right span{right:-35px; top:0; background-position:-26px 54px; height:170px;}
.cont3 .inner .slideArea .icon{position:absolute; position:absolute; left:71px; top:25px; background:url(img/btn_mov.png) no-repeat; width:56px; height:56px;}
.cont3 .inner .slideArea .thumb_mov img{width:190px; height:103px;}
.cont3 .inner .slideArea .desc{letter-spacing:-0.5px; line-height:1.4; text-align:left; margin:6px 0 0 0;}
.cont3 .inner .slideArea .desc dt{color:#333; font-weight:bold; height:30px; overflow:hidden;}
.cont3 .inner .slideArea .desc dd{font-size:11px; color:#666; margin:2px 0 0;}
 */


/* tabBox */
.tabBox .tit_info{text-align:center; padding:88px 0 32px; font-family:'malgun gothic', '¸¼Àº °íµñ'; letter-spacing:-1px;}
.tabBox .tit_info .s1{font-size:40px; color:#112e3f; font-weight:bold; line-height:1.2;}
.tabBox .tit_info .s2{font-size:22px; margin:25px 0 0; color:#5b5b5b;}
.tabBox .tit_info .s3{font-size:14px; margin:9px 0 0; color:#000;}
.btn_login{border:1px solid #666; padding:2px 20px 8px 15px; margin:0 0 0 10px;}
.tabBox .btnTabWrap{padding:0 0 80px;}
.tabBox .btnTabWrap .btnTab{overflow:hidden;}
.tabBox .btnTabWrap .btnTab li{float:left;}
.tabBox .inner.s1{padding:0 80px;}
.tabBox .inner.s2{padding:0 0;}
.tabBox .top_count{text-align:center; background:#39c2db; margin:0 0 0; padding:20px 0; color:#112e3f; font-size:22px; font-family:'malgun gothic', '¸¼Àº °íµñ';}
.tabBox .top_count .line{font-weight:normal; color:#112e3f; margin:0 15px 0 20px;}
.tabBox .box_1, .tabBox .box_1:hover{background:#cc3344; color:#fff; text-align:center; padding:7px 10px; font-weight:bold; border-radius:4px;}
.tabBox .kocIcon.free{background-position:-89px -42px; width:113px; height:33px;}
.tabBox .cokLectureArea .box:first-child + .box{width:320px;}

/* bestseller */
.bestseller{background-color:#abe15d;}
.bestseller img{position:relative; left:50%; transform:translateX(-50%);}

/* 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;}
.lineup .freeExperience{position:relative;}
.lineup .freeExperience .mask{padding-bottom:0;}
.lineup .freeExperience img{position:relative; left:50%; transform:translateX(-50%);}
.lineup .freeExperience .btn{bottom:93px; left:calc(50% - -6px); width:618px; transform:translateX(-50%); padding:0;}
.lineup .freeExperience .btn a{width:100%; height:100px;}
.lineup .freeExperience .btn a:before{display:none;}


.floating{
	position:absolute; top:310px; left:50%; z-index:2; margin:0 0 0 417px; transition:all 0.5s; -webkit-transition:all 0.5s; moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s;
}
/*
@media all and (max-width:1520px) {
	.floating{opacity: 0.8; 	filter:alpha(opacity=80); margin:0 0 0 300px;}
}
*/

.onFixdmenu {
	position: fixed !important;
	top:20px !important;
	margin:0;
}
.floatingUi {
	position: fixed;
	overflow: hidden;
	left:20px;
	top:410px;
	z-index: 10;
	margin:0;
}

.floatingUi .btn{top:0; left:0; width:100%; height:100%;}
.floatingUi .btn a{height:calc(100% / 3);}

#lectureList{width:1000px; margin:0 auto;}
#lectureList .tab03 li{width:325px !important}

.notice_{background:#636363;}

@keyframes blinker {
	50% {
		opacity:0;
	}
}

@keyframes flag {
  to{background-position:-406px 0;}
}