*{margin:0;padding:0; font-family:"¸¼Àº°íµñ","Malgun Gothic","µ¸¿ò",Dotum;}
img{ display:inline-block; vertical-align:middle;}
.teaser {overflow:hidden;}
.teaser .cnt > .inner {width: 1080px; margin: 0 auto; position: relative;}
.teaser .float {position: absolute;}

/* bg */
.teaser .cnt_1 {background:url(images/bg_cnt_01.jpg) center left no-repeat;}
.teaser .cnt_3 {background:url(images/bg_cnt_03.jpg) center left no-repeat;}
.teaser .cnt_4 {background:#e7f4ff;}

/* layout */
.teaser .cnt_1 .title1 {width: 418px; height: 136px; overflow: hidden; top: 220px; left: 354px;}
.teaser .cnt_1 .title2 {width: 429px; height: 202px; overflow: hidden; top: 365px; left: 349px;}
.teaser .cnt_1 .title1 img, .teaser .cnt_1 .title2 img {transition: all 0.3s; opacity: 0;}
.teaser .cnt_1 .title1 img {-webkit-transform: translateY(100%); transform: translateY(100%);}
.teaser .cnt_1 .title2 img {-webkit-transform: translateY(-100%); transform: translateY(-100%);}
.teaser .cnt_1 .online {top: 306px; left: 155px;}
.teaser .cnt_1 .sub_title {top: 104px; left: 760px; -webkit-transform: translate(10px, -10px); transform: translate(10px, -10px);}
.teaser .cnt_1 .title1.on img, .teaser .cnt_1 .title2.on img {animation: main_title 0.4s forwards;}
.teaser .cnt_1 .sub_title.on {animation: sub_title 0.6s infinite alternate cubic-bezier(1,.48,1,1);}

.teaser .cnt_2 .img2_ani1 {left: 564px; top: 588px; opacity: 0.9; -webkit-transform: translate(-3px, -3px); transform: translate(-3px, -3px);}
.teaser .cnt_2 .img2_ani1.on {animation: img2_ani1 0.5s infinite alternate cubic-bezier(1,.48,1,1);}

.teaser .cnt_4 .btn_apply {display: block; width: 884px; height: 106px; background: url(images/btn_apply_bg.png) left top no-repeat; left: 50%; margin-left: -442px; bottom: 89px;}
.teaser .cnt_4 .btn_apply img {position: absolute; top: 0; left: 0; transition: all 0.25s;}
.teaser .cnt_4 .btn_apply:hover img {-webkit-transform: translate(6px, 6px) rotate(.002deg); transform: translate(6px, 6px) rotate(.002deg); }

/* ¼ö°­½Åû */
.teaser .lecture_wrap .tab_list {overflow:hidden;margin-bottom:36px}
.teaser .lecture_wrap .tab_list li {float:left;border-left:1px solid #999;background-color:#b4b4b4}
.teaser .lecture_wrap .tab_list li:first-child {border:0 none}
.teaser .lecture_wrap .tab_list li.active {background-color:#0674cf}
.teaser .lecture_wrap .tab_list a {display:block;}
.teaser .lecture_wrap a:hover {text-decoration:none;}

.teaser .lecture_wrap > .inner {padding-bottom:120px;}
.teaser .lecture_wrap .top_title {position:relative;width:1080px;height:484px;}

.teaser .lecture_wrap .list_price .chk_label {width:60px}
.teaser .lecture_wrap .wrap_order .left .inner {height:137px}
.teaser .lecture_wrap .order_guide {margin-top:10px}

@keyframes btn_apply {
	60%,100% {
		-webkit-transform: translate(6px, 6px);
		transform: translate(6px, 6px);
	}
}

@keyframes main_title {
	100% {
		 opacity: 1;
		-ms-transform: translateY(0) rotate(.002deg); -webkit-transform: translateY(0) rotate(.002deg); transform: translateY(0) rotate(.002deg);
	}
}

@keyframes sub_title {
	100% {
		-ms-transform: translate(0, 0) rotate(.002deg); -webkit-transform: translate(0, 0) rotate(.002deg); transform: translate(0, 0) rotate(.002deg);
	}
}

@keyframes img2_ani1 {
	0% {
		opacity: 0.9;
		-ms-transform: translate(-3px, -3px) rotate(.002deg); -webkit-transform: translate(-3px, -3px) rotate(.002deg); transform: translate(-3px, -3px) rotate(.002deg);
	}
	100%{
		 opacity: 1;
		-ms-transform: translate(0, 0) rotate(.002deg); -webkit-transform: translate(0, 0) rotate(.002deg); transform: translate(0, 0) rotate(.002deg);
	}
}