#header{
	width:100%;
	padding:10px 50px;
	box-sizing:border-box;
	position:absolute;
	display:inline-block;
	z-index:9;
}

#header .logo{
	width:80px;
	display:inline-block;
}


#header .logo img{
	width:100%;
}

#header .logo .logo_c{
	display:none;
}

#header .logo .logo_w{
	display:block;
}

#header .menu{
	display:inline-block;
	float:right;
	margin-top:30px;
}

#header .menu li{
	display:inline-block;
	font-size:18px;
	color:#fff;
	margin-left:80px;
}


#header .menu li a{
	color:#fff;
}

#header .moMenu{
	display:none;
}

#header .moMenu .moMenu_c{
	display:none;
}



#header .moSlideMenu{
	width:100%;
	position:fixed;
	background:#fff;
	z-index:999;
	height:100%;
	bottom:0;
	overflow-y:scroll;
	right:-100%;
	transition:all 1s;
	display:block;
}


#header .moSlideMenu .menuClose{
	width:30px;
	display:inine-block;
	float:right;
	margin:3% 3% 0% 0%
}

#header .moSlideMenu .menuClose img{
	width:100%;
}



#header .moSlideMenu .menuList{
	width:100%;
}


#header .moSlideMenu .menuList dd a{
	width:100%;
	padding:25px 3%;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	display:inline-block;
}


#main{
	width:100%;
}

#main .visual{
	width:100%;
	position:relative;
	
}
#main .visual .bg{
	width:100%;
}

#main .visual .bg img{
	width:100%;
}

#main .visual .cont{
	width:1180px;
	position:absolute;
	left:50%;
	margin-left:-590px;
	top:15%;
	z-index:1;
}

#main .visual .cont .subTit{
	font-size:48px;
	color:#fff;
	font-family:'yg-jalnan';
	text-align:center;
	line-height:60px;
	animation: txt1 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	opacity:0;
}
#main .visual .cont .tit{
	font-size:72px;
	color:#ffef57;
	font-family:'yg-jalnan';
	text-align:center;
	margin-top:10px;
	line-height:82px;
	animation: txt1 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	opacity:0;
}

#main .visual .cont .youtubeCont{
	width:100%;
	margin-top:50px;
	animation: con1_obj2 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	opacity:0
}

@keyframes txt1 {
	0% {
		transform: translateY(100px);
		opacity:0;
	}
	100% {
		transform: translateY(0);
		opacity:1;
	}
}
@keyframes con1_obj1 {
	0% {
		transform: translateY(200px);
		opacity:0;
	}
	100% {
		transform: translateY(0);
		opacity:1;
	}
}
@keyframes con1_obj2 {
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
@keyframes con2_obj1 {
	100% {
		transform: translateY(10px);
	}
}
@keyframes con3_obj1 {
	100% {
		transform: scale(1);
	}
}



#main .visual .cont .youtubeCont .topimg{
	width:100%;
}
#main .visual .cont .youtubeCont .topimg img{
	width:100%;
}


#main .visual .cont .youtubeCont .vedio{
	width:100%;
	height:570px;
	overflow:hidden;
	border-radius:0px 0px 50px 50px;
	
}




#main .visual .childrenBg{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	animation: con1_obj2 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	opacity:0;
}

#main .visual .childrenBg img{
	width:100%;
}



#main .deTitleA{
	width:100%;
}

#main .deTitleA .tit{
	font-size:72px;
	color:#222222;
	text-align:center;
	font-family:'yg-jalnan';
	line-height:82px;
}

#main .deTitleA .subTit{
	font-size:36px;
	color:#444;
	text-align:center;
	line-height:46px;
	margin-top:20px;
}


#main .deTitleA .tit_s{
	font-size:48px;
	color:#222222;
	text-align:center;
	font-family:'yg-jalnan';
	line-height:60px;
}

#main .deTitleA .subTit_s{
	font-size:26px;
	color:#444;
	text-align:center;
	line-height:36px;
	margin-top:20px;
}


#main .introduce{
	width:100%;
	margin-top:-100px;
	padding:400px 0px 300px;
	background:url(../images/introduceBg.jpg) center center no-repeat;
	background-color:#fffae5;

}

#main .introduce .inner{
	width:1180px;
	margin:0 auto;
}


#main .introduce .inner .contBox{
	width:100%;
	display:inline-block;
	background:#fff;
	border-radius:20px;
	padding:50px 50px;
	box-sizing:Border-box;
	margin-top:50px;
}

#main .introduce .inner .contBox .txA{
	width:65%;
	display:inline-block;
	vertical-align:middle;
}

#main .introduce .inner .contBox .txA .subj{
	font-size:30px;
	color:#222;
	line-height:40px;
	font-family:'yg-jalnan';
}

#main .introduce .inner .contBox .txA .subs{
	font-size:22px;
	color:#444;
	font-family:'yg-jalnan';
	line-height:32px;
	margin-top:30px;
}


#main .introduce .inner .contBox .txA .btn{
	display:inline-block;
	margin-top:50px;
}

#main .introduce .inner .contBox .txA .btn a{
	display:block;
	padding:15px 25px;
	background:#2e9dfc;
	color:#fff;
	border-radius:50px;
	font-size:20px;
	font-family:'yg-jalnan';
}

#main .introduce .inner .contBox .txA .btn a span{
	color:#ffef57
}

#main .introduce .inner .contBox .clockThum{
	width:34%;
	display:inline-block;
	vertical-align:middle;
}

#main .introduce .inner .contBox .clockThum img{
	width:100%;
}

#main .morning{
	width:100%;
	margin-top:-100px;
	position:relative;
	width:100%;
	animation:wave2 10s infinite linear;
	background:url(../images/waveBg.png) center center repeat-x;
	padding:130px 0px;
}
@keyframes wave2 {
	0%    {background-position-x:0;}
	100%   {background-position-x:-430px;}
}
#main .morning .cont{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
}

#main .morning .cont .tit{
	font-size:60px;
	color:#fff;
	text-align:Center;
	font-family:'yg-jalnan';
	line-height:70px;
}

#main .morning .cont .subs{
	font-size:24px;
	color:#fff;
	text-align:Center;
	font-family:'yg-jalnan';
	line-height:34px;
	word-break:keep-all;
	margin-top:30px;
}


#main .morning .bg{
	width:1180px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:50%;
	margin-left:-590px;
	
}


#main .morning .bg img{
	width:100%;
}




#main .curriculum{
	width:1180px;
	margin:150px auto 0;
}

#main .curriculum .cont{
	width:100%;
	margin-top:50px;
	text-align:Center;
}


#main .curriculum .moCurri{
	display:none;
}

#main .curriculum .cont .triangle{
	width:612px;
	display:inline-block;
	vertical-align:middle;
	position:Relative;
}


#main .curriculum .cont .triangle .triangleBg{
	width:100%;
}

#main .curriculum .cont .triangle .triangleBg img{
	width:100%;
}

#main .curriculum .cont .triangle .curriStepList{
	width:100%;
	position:absolute;
}

#main .curriculum .cont .triangle .curriStepList li{
	width:100%;
	text-align:center;
	color:#fff;
	line-height:107px;
	height:107px;
	font-size:18px;
	font-family:'lato','nanumsquare';
	position:Relative;
}

#main .curriculum .cont .triangle .curriStepList li span{
	padding-top:10px;
	display:block;
}



#main .curriculum .cont .triangle .curriStepList li:after{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	widtH:100px;
	height:1px;
}

#main .curriculum .cont .triangle .curriStepList li:nth-child(1):after{
	background:#39c9d5;
	margin-left:30px;
	
}

#main .curriculum .cont .triangle .curriStepList li:nth-child(2):after{
	background:#3b8fcf;
	margin-left:40px;
}

#main .curriculum .cont .triangle .curriStepList li:nth-child(3):after{
	background:#6363de;
	margin-left:58px;
}

#main .curriculum .cont .triangle .curriStepList li:nth-child(4):after{
	background:#8759d3;
	margin-left:150px;
}

#main .curriculum .cont .triangle .curriStepList li:nth-child(5):after{
	background:#b650cf;
	margin-left:232px;
}




#main .curriculum .cont .curriCont{
	width:400px;
	display:inline-block;
	vertical-align:middle;
}

#main .curriculum .cont .curriCont li{
	width:100%;
	height:107px;
	position:Relative;
	padding-left:20px;
	box-sizing:border-box;
}


#main .curriculum .cont .curriCont li p{
	width:100%;
	position:absolute;
	top:50%;
	transform:TranslateY(-50%);
	text-align:left;
	word-break:keep-all;
	font-size:16px;
	line-height:26px;
}

#main .curriculum .cont .curriCont li:nth-child(1){
	margin-left:-180px;
}

#main .curriculum .cont .curriCont li:nth-child(2){
	margin-left:-122px;
}

#main .curriculum .cont .curriCont li:nth-child(3){
	margin-left:-60px;
}

#main .curriculum .cont .curriCont li:nth-child(4){
	margin-left:-0px;
}

#main .curriculum .cont .curriCont li:nth-child(5){
	margin-left:60px;
}



#main .curriculum .cont .curriCont li:before{
	content:'';
	position:absolute;
	left:0;
	top:51%;
	width:7px;
	height:7px;
	left:0;
}

#main .curriculum .cont .curriCont li:nth-child(1):before{
	background:#39c9d5;
}

#main .curriculum .cont .curriCont li:nth-child(2):before{
	background:#3b8fcf;
}

#main .curriculum .cont .curriCont li:nth-child(3):before{
	background:#6363de;
}

#main .curriculum .cont .curriCont li:nth-child(4):before{
	background:#8759d3;
}

#main .curriculum .cont .curriCont li:nth-child(5):before{
	background:#b650cf;
}



#main .book{
	width:1180px;
	margin:150px auto 0;
}

#main .book .tab{
	width:100%;
	margin-top:40px;
	text-align:Center;
}

#main .book .tab li{
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	font-size:20px;
	font-family:'yg-jalnan';
	padding:15px 25px;
	background:#e5e5e5;
	color:#c1c1c1;
	border-radius:50px;
}

#main .book .bookList{
	width:100%;
	display:flex;
	margin-top:70px;
}


#main .book .bookList li{
	width:49%;
	display:inline-block;
	border-radius:20px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.1);
	background:#fff;
	margin-left:2%;
	padding:50px;
	box-sizing:border-box;
}

#main .book .bookList li:first-child{
	margin-left:0%;
}

#main .book .bookList li .nm{
	text-align:center;
	color:#222;
	font-family:'yg-jalnan';
	font-size:24px;
	line-height:34px;
}

#main .book .bookList li .subs{
	text-align:center;
	color:#444444;
	font-family:'yg-jalnan';
	font-size:18px;
	line-height:28px;
	margin-top:10px;
}

#main .book .bookList li .thum{
	width:270px;
	margin:50px auto 0;
}

#main .book .bookList li .thum img{
	width:100%;
}

#main .review {
	width:100%;
	margin-top:150px;
	background:url(../images/reviewBg.png) no-repeat top center;
	padding:150px 0px;
}

#main .review .bg{
	width:100%;
	overflow:hidden;
}

#main .review .bg img{
	width:110%;
	position:Relative;
	left:50%:
	transform:translateX(-50%);
}

#main .review .cont{
	width:1180px;
	margin:0 auto;
	z-index:1;
}

#main .review .cont .childrenCont{
	width:100%;
	position:relative;
	margin-top:50px;
}


#main .review .cont .childrenCont .childrenBg{
	width:566px;
	margin:0 auto;
}

#main .review .cont .childrenCont .commentList{
	width:350px;
	position:absolute;
	z-index:1;
}

#main .review .cont .childrenCont .commentList01{
	left:0;
	top:100px
}

#main .review .cont .childrenCont .commentList02{
	right:0;
	bottom:0;
}

#main .review .cont .childrenCont .commentList li{
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	border-radius:20px;
	display:block;
	line-height:26px;
	font-size:16px;
	width:100%;
	text-align:center;
	margin-top:40px;
	animation:bagEvntBounce 3s ease-in-out infinite;
}

@keyframes popH{
	0%{transform:scale(0) translateY(150px);opacity:0}
	30%{transform:scale(1.1) translateY(-10px);opacity:1}
	90%{transform:scale(1);opacity:1}
	100%{transform:scale(1.2);opacity:0}
}
@keyframes bagEvntBounce {
    0%, 100%{transform:translateY(10px);}
    50%{transform:translateY(0px);}
}



#main .review .cont .childrenCont .commentList01 li:last-child{
	margin-left:50px;
}


#main .review .cont .childrenCont .commentList02 li:first-child{
	margin-left:-50px;
}






#main .review .reviewVisual{
	width:1180px;
	position:relative;
	left:50%;
	margin-left:-590px;
	margin-top:130px;
	
}


#main .review .reviewVisual .slick-prev{
	background:url(../images/dePrev.png) no-repeat;
	width:60px;
	height:60px;
	border:0;
	text-indent:-9999px;
	position:absolute;
	left:-50px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
}


#main .review .reviewVisual .slick-next{
	background:url(../images/deNext.png) no-repeat;
	width:60px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	right:-50px;
	top:50%;
	transform:translateY(-50%);
}


#main .review .reviewVisual .slick-dots{
	width:100%;
	background:#e5e5e5;
	margin-top:30px;
	display:flex;
}

#main .review .reviewVisual .slick-dots li{
	display:inline-block;
	height:3px;
	width:100%;
	margin:0;
	border-radius:0;
	padding:0;
	background:#e5e5e5;
}

#main .review .reviewVisual .slick-dots .slick-active{
	background:#fd7905;
}

#main .review .reviewVisual .slick-dots li button{
	text-indent:-99989999px
}


#main .review .reviewVisual li{
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	border-radius:20px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.02);
	margin:0px 10px;
}

#main .review .reviewVisual li{
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	border-radius:20px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.02);
	margin:0px 30px;
}

#main .review .reviewVisual .slick-center{
	background:#fff1e4;
}

#main .review .reviewVisual li .infoTop{
	width:100%;
	display:inline-block;
}

#main .review .reviewVisual li .infoTop .deInfo{
	display:inline-block;
	width:50%;
	vertical-align:top;
}


#main .review .reviewVisual li .infoTop .deInfo .nickname{
	font-size:22px;
	color:#222;
	font-weight:bold;
}

#main .review .reviewVisual li .infoTop .deInfo .anInfo{
	font-size:15px;
	color:#777777;
	margin-top:10px;
}

#main .review .reviewVisual li .content{
	width:100%;
	margin-top:30px;
	font-size:16px;
	line-height:26px;
}


#main .review .reviewVisual li .infoTop .starList{
	display:inline-block;
	width:49%;
	vertical-align:top;
	text-align:Right;
}
#main .review .reviewVisual li .infoTop .starList div{
	width:17px;
	display:inline-block;
	margin-left:5px;
}




#main .guide{
	width:100%;
	margin:150px auto 0;
	background:url(../images/guideBg.png) center center no-repeat;
}

#main .guide .guideList{
	width:1180px;
	margin:80px auto 0;
}

#main .guide .guideList dd{
	width:100%;
	margin-top:50px;
}

#main .guide .guideList dd:first-child{
	margin-top:0px;
}


#main .guide .guideList dd .txArea{
	width:59%;
	display:inline-block;
	padding-right:50px;
	box-sizing:border-box;
	vertical-align:middle;
}

#main .guide .guideList dd .txArea .step{
	font-size:18px;
	color:#222;
	font-family:'lato';
}
#main .guide .guideList dd .txArea .subj{
	font-size:30px;
	color:#0499e7;
	margin-top:15px;
}


#main .guide .guideList dd .txArea .subs{
	font-size:18px;
	color:#444;
	margin-top:30px;
	line-height:28px;
	word-break:keep-all;
}


#main .guide .guideList dd .txArea .storeList{
	width:100%;
	margin-top:50px;
}

#main .guide .guideList dd .txArea .storeList li{
	width:158px;
	display:inline-block;
	margin-left:4px;
}

#main .guide .guideList dd .txArea .storeList li:first-child{
	margin-left:0px;
}

#main .guide .guideList dd .txArea .freeBtn{
	display:inline-block;
	padding:15px 25px;
	border:1px solid #222;
	margin-top:50px;
	border-radius:5px;
}

#main .guide .guideList dd .txArea .freeBtn .ico{
	font-size:25px;
	display:inline-block;
	vertical-align:middle;
}

#main .guide .guideList dd .txArea .freeBtn .text{
	font-size:18px;
	color:#222;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}

#main .guide .guideList dd:nth-child(2n) .txArea{
	padding-right:0;
	padding-left:50px;
}




#main .guide .guideList dd .thum{
	width:40%;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
	animation:bagEvntBounce 3s ease-in-out infinite
}


#main .guide .guideList dd .thum img{
	width:100%;
}


#main .system {
	width:100%;
	overflow:hidden;
	margin-top:150px;
}


#main .system .systemVisual{
	width:870px;
	margin:50px auto 0;
}

#main .system .systemVisual .slick-list{
	overflow:visible;
}

#main .system .systemVisual li{
	widtH:100%;
	background:#fff;
	box-shadow:5px 0px 10px rgba(0,0,0,0.06);
	margin:0px 30px;
	height:510px;
	padding:30px;
	position:relative;
	box-sizing:border-box;
}

#main .system .systemVisual li .txCont{
	width:100%;
	position:relative;
	z-index:1;
}

#main .system .systemVisual li .txCont .subjLine{
	width:100%;
}

#main .system .systemVisual li .txCont .subjLine .subj{
	font-size:30px;
	color:#222;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	width:40%;
}

#main .system .systemVisual li .txCont .subjLine .line{
	width:59%;
	height:2px;
	background:#222;
	display:inline-block;
	vertical-align:middle;
}

#main .system .systemVisual li .txCont .contText{
	width:100%;
	padding-left:20px;
	margin-top:30px;
	font-size:16px;
	color:#444;
	line-height:26px;
	position:relative;
}

#main .system .systemVisual li .txCont .contText:before{
	content:'';
	position:absolute;
	width:8px;
	height:8px;
	background:#fd7905;
	margin-top:10px;
	border-radius:100%;
	left:0;
}



#main .system .systemVisual li .bg{
	position:absolute;
	right:0;
	bottom:0;
	z-index:0;
}


#main .system .systemVisual .slick-prev{
	background:url(../images/blackPrev.png) no-repeat;
	width:60px;
	height:60px;
	border:0;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	cursor:pointer;
}


#main .system .systemVisual .slick-next{
	background:url(../images/blackNext.png) no-repeat;
	width:60px;
	height:60px;
	text-indent:-9999px;
	position:absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}





#main .free{
	width:100%;
	background:#f8ffe5;
	margin-top:150px;
	padding:150px 0px;
}

#main .free .inner{
	width:1180px;
	margin:0 auto;
}

#main .free .inner .txCt{
	width:100%;
	margin-top:50px;
}

#main .free .inner .txCt .subj{
	font-size:30px;
	color:#9ed429;
	text-align:Center;
	line-height:40px;
	font-family: 'yg-jalnan';
	word-break:keep-all;
}

#main .free .inner .txCt .subs{
	font-size:24px;
	color:#222222;
	text-align:Center;
	line-height:34px;
	margin-top:15px;
	word-break:keep-all;
}


#main .free .inner .txCt .btn{
	width:250px;
	background:#9ed429;
	color:#fff;
	font-family: 'yg-jalnan';
	text-align:center;
	margin:50px auto 0;
	padding:15px 0px;
	font-size:18px;
	border-radius:50px;
}

#main .free .inner .txCt .btn a{
	color:#fff;
}



#main .free .inner .lectureList{
	width:100%;
	display:flex;
	margin-top:50px;
}


#main .free .inner .lectureList li{
	width:100%;
	background:#fff;
	border-radius:0px 0px 0px 50px;
	overflow:hidden;
	padding:50px 0px 0px;
	margin-left:40px;
}

#main .free .inner .lectureList li:first-child{
	margin-left:0px;
}

#main .free .inner .lectureList li .num{
	width:50px;
	line-height:50px;
	color:#fff;
	text-align:center;
	font-size:16px;
	border-radius:100%;
	font-family: 'yg-jalnan';
	margin:0 auto;
}


#main .free .inner .lectureList li .lectureNm{
	text-align:center;
	margin-top:30px;
	font-size:28px;
	font-family: 'yg-jalnan';
}

#main .free .inner .lectureList li .substance{
	text-align:center;
	margin-top:15px;
	font-size:18px;
	line-height:26px;
}

#main .free .inner .lectureList li .price{
	text-align:center;
	color:#222;
	margin-top:50px;
	font-family: 'yg-jalnan';
	font-size:30px;
}

#main .free .inner .lectureList li .btn{
	widtH:100%;
	padding:15px 0px;
	text-align:Center;
	font-size:18px;
	font-family: 'yg-jalnan';
	color:#fff;
	margin-top:50px;
}

#main .free .inner .lectureList li .btn a{
	color:#fff;
}

#main .free .inner .lectureList li .greenBack{
	background:#bec530;
}

#main .free .inner .lectureList li .greenColor{
	color:#bec530;
}


#main .free .inner .lectureList li .orangeBack{
	background:#ffb727;
}

#main .free .inner .lectureList li .orangeColor{
	color:#ffb727;
}




#footer{
	width:100%;
	border-top:1px solid #222;
	padding:50px 0px;
}

#footer .footLogo{
	width:130px;
	margin:0 auto;
}

#footer .footLogo img{
	width:100%;
}

#footer .copy{
	text-align:Center;
	margin-top:30px;
	font-size:14px;
	color:#777;
	line-height:24px;
}

#footer .storeList{
	width:100%;
	text-align:center;
	margin-top:50px;
}

#footer .storeList li{
	width:158px;
	display:inline-block;
}












#quick{
	width:185px;
	background:#ffe244;
	right:0;
	position:Fixed;
	bottom:30px;
	border-radius:50% 0px 0px 50%;
	padding:30px 0px 30px 20px;
	box-sizing:border-box;
	z-index:99;
}


#quick .subj{
	font-family:'yg-jalnan';
	font-size:22px;
	color:#222;
	text-align:center;
	line-height:32px;
}



#quick .quickBtn{
	width:80%;
	margin:15px auto 0;
	color:#fff;
	background:#239aff;
	border-radius:50px;
	font-family:'yg-jalnan';
	padding:12px 0px;
	text-align:Center;
	
}


#quick .quickBtn a{
	color:#fff;
}



#quick_kakao{
	width:125px;
	left:0;
	position:Fixed;
	bottom:30px;
	z-index:99;
}


#quick_kakao .quickBtn a{
	color:#fff;
}