@charset "euc-kr";

#wrapper.wide{width:auto; min-width:1200px; max-width:2414px; 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 .mask{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	min-height: 50px;
}
.mask .img{	
	position: relative;
	left: 50%;
	transform:translateX(-50%);
}
.floatingUi {
	position: fixed;
	overflow: hidden;
	right:0;
	top:50%;
	z-index: 10;
	margin:0;
	transform:translateY(-50%);
}
.onFixdmenu {
	position: fixed !important;
	top:0 !important;
	margin:0;
}
@media all and (min-width:2414px) {
	.floatingUi{left:50%; margin:0 0 0 1053px;}
}


.visual_1{background:url(img/visual_1.png) no-repeat center top;}
.visual_2{background:url(img/visual_2.png) no-repeat center top;}
.visual_2 .visual_2_1{position:absolute; left:233px; top:0; animation: blinker 1s step-start infinite;}
.visual_3{background:url(img/visual_3.png) no-repeat center top;}
@keyframes blinker {
 50% {
    opacity:0;
  }
}

.cont1_2{background:url(img/cont1_2.png) no-repeat center top;}
.cont2{background:#00e0c9; padding:36px 0;}
.cont2_2 .mask{padding:0 49px;}
.cont2_2 .slide_box{border:1px solid #00b7a4; background:#fff; border-radius:20px; padding:36px 54px 75px}
.cont2_2 .tab{width:1007px !important; /* height:60px !important; */ text-align:center;}
.cont2_2 .tab .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;}
.cont2_2 .tab .item{display:inline-block; background:url(img/cont2_2_tab.png) no-repeat; width:240px; height:60px; text-indent:-9999em; cursor:pointer;}
.cont2_2 .tab .item:not(:first-child){margin:0 0 0 -1px;}
.cont2_2 .tab .item:nth-child(1){background-position:0 0;}
.cont2_2 .tab .item:nth-child(2){background-position:-251px 0;}
.cont2_2 .tab .item:nth-child(3){background-position:-503px 0;}
.cont2_2 .tab .item:nth-child(4){background-position:-754px 0;}
.cont2_2 .tab .item:nth-child(1).swiper-slide-thumb-active{background-position:0 -60px;}
.cont2_2 .tab .item:nth-child(2).swiper-slide-thumb-active{background-position:-251px -60px;}
.cont2_2 .tab .item:nth-child(3).swiper-slide-thumb-active{background-position:-503px -60px;}
.cont2_2 .tab .item:nth-child(4).swiper-slide-thumb-active{background-position:-754px -60px;}
.cont2_2 .bol{position:absolute; z-index:1;}
.cont2_2 .bol.s1{left:295px; top:136px;}
.cont2_2 .bol.s2{left:160px; top:710px;}
.cont3_2{}
.cont3_2 .slider{position:absolute; left:395px; width:680px; overflow:hidden;}
.cont3_2 .slider > .inner{width:425%;}
.cont3_2 .slider.s1{top:53px;}
.cont3_2 .slider.s2{top:463px;}

.roller{float:left;}
.roller.original{
    animation: 33s linear 0s infinite normal forwards running rollingleft1;
}
.roller.clone{
    animation: 33s 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(-200%);
    }
    100% {
        transform: translateX(0);
    }
}
.cont3{background:#00e0c9;}
.cont4{background:#00e0c9; padding:0 0 120px;}
.cont5{padding:0 0 110px;}
.cont5 .swiper-slide{opacity:0 !important;}
.cont5 .swiper-slide-active{opacity:1 !important;}
.cont5 .swiper-button-next, 
.cont5 .swiper-button-prev {width: 38px;height: 77px;margin: 0;top: 50%;transform: translate(0, -50%);}
.cont5 .swiper-button-next { right:12px; } 
.cont5 .swiper-button-prev { left:12px; }
.cont5 .swiper-button-next img, 
.cont5 .swiper-button-prev img { pointer-events: none; }
.cont5 .swiper-button-prev:after, .cont5 .swiper-button-next:after{display:none;}

.section_teacher{background:#e7e9ed; font-family:'Noto Sans KR'; letter-spacing:-1px; text-align:left;}
.section_teacher .mask > .inner{padding:0 50px;}
.section_teacher .tab{display:flex; width:100%; height:80px; margin:0 0 10px;}
.section_teacher .tab a{display:flex; background:#2d2d2d; font-size:30px; color:#acacac; width:100%;align-items: center; justify-content: center; font-weight:700; border:1px solid #595959;}
.section_teacher .tab a:not(:first-child){border-left:1px solid #595959;}
.section_teacher .tab a.on{background:#00e0c9; color:#2d2d2d; border:1px solid #0fa394;}
.section_teacher .step{display:flex; background:#f0f0f0; border:1px solid #c1c1c1; width:100%; height:42px;}
.section_teacher .step p{display:flex; Background:url(img/cont6/cont6_2_top.png) no-repeat; width:143px; height:40px; text-indent:-9999em;}
.section_teacher .step ul{display:flex; width:calc(100% - 143px);}
.section_teacher .step li{display:flex; align-items: center; justify-content: center; width:100%; font-size:18px; color:#211a11;}
.section_teacher .step li:not(:first-child){background:url(img/cont6/cont6_2_top_line.png) repeat-y;}
.section_teacher .box{overflow:hidden; display:flex;}
.section_teacher .slider{display:inline-block; width:615px;}
.section_teacher .swiper-button-next, 
.section_teacher .swiper-button-prev {width: 47px;height: 47px;margin: 0;top: 50%;transform: translate(0, -50%);}
.section_teacher .swiper-button-next { right:42px; } 
.section_teacher .swiper-button-prev { left:21px; }
.section_teacher .swiper-button-next img, 
.section_teacher .swiper-button-prev img { pointer-events: none; }
.section_teacher .swiper-button-prev:after, .section_teacher .swiper-button-next:after{display:none;}
.section_teacher .box_right{position:relative; z-index:2; display:inline-block; margin:65px 0 0 -5px; vertical-align:top;}

.bestseller{padding:76px 0 0; background-color:#e7e9ed;}

.cont7{padding-bottom:160px;}
.cont8{background:url(img/cont8.png) no-repeat center;}

#layerPop{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9;}
#layerPop .inner{position:fixed; left:50%; top:50.5%; transform:translate(-50%, -50%); z-index:2; width:1100px; opacity:0; transition:all .3s;}
#layerPop .inner.on{top:50%; opacity:1;}
#layerPop .dim1{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:1;}
#layerPop .swiper-button-next, 
#layerPop .swiper-button-prev {width: 50px;height: 50px;margin: 0;top: 50%;transform: translate(0, -50%);}
#layerPop .swiper-button-next { right:50px; } 
#layerPop .swiper-button-prev { left:50px; }
#layerPop .swiper-button-next img, 
#layerPop .swiper-button-prev img { pointer-events: none; }
#layerPop .swiper-button-prev:after, #layerPop .swiper-button-next:after{display:none;}


#lectureList{width:1200px; margin:0 auto;}