/* ------------------------------ ÄÁÅÙÃ÷³»¿ë ------------------------------ */
/* ÀÎÆ®·Î */
.Con1 {width:1012px;height:610px;position:relative;}
.bg_con1_1 {width:1012px;height:610px;position:absolute;top:0;left:0; z-index:0;
	-webkit-animation-name: bg_con1_1;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: bg_con1_1;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes bg_con1_1{
	from{opacity:0; top: 0;}
	10%{opacity:0; top: 0;}
	100%{opacity:1; top: 0;}
	}

@keyframes bg_con1_1 {
    from{opacity:0; top: 0;}
	10%{opacity:0; top: 0;}
	100%{opacity:1; top: 0;}
}

.bg_con1_2 {width:1012px;height:610px;position:absolute;bottom:0;right:0;z-index:100;
	-webkit-animation-name: bg_con1_2;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: bg_con1_2;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes bg_con1_2{
	from{opacity:0; right: 40px;}
	30%{opacity:0; right: 40px;}
	100%{opacity:1; right: 0;}
	}

@keyframes bg_con1_2 {
    from{opacity:0; right: 40px;}
	30%{opacity:0; right: 40px;}
	100%{opacity:1; right: 0;}
}

.Con1 .txt01 {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:200;
	-webkit-animation-name: con1_txt01;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-name: con1_txt01;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	}

@-webkit-keyframes con1_txt01{
	from{opacity:0; left: 0;}
	50%{opacity:0; left: 0;}
	100%{opacity:1; left: 0px;}
	}

@keyframes con1_txt01 {
    from{opacity:0; left: 0;}
	50%{opacity:0; left: 0;}
	100%{opacity:1; left: 0px;}
}
.Con1 .txt02 {
	position:absolute;
	top: 125px;
	left: 125px;
	z-index: 210;
	color:#2d2a1f;
	font-size:25px;
	font-family: 'Nanum Square';
	letter-spacing:-0.5px;
	line-height:130%;
	text-shadow:#fff 1px 2px 2px 1px;
	-webkit-animation-name: con1_txt02;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-name: con1_txt02;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	font-weight: bold;
	}

@-webkit-keyframes con1_txt02{
	from{opacity:0; left: 0;}
	70%{opacity:0; left: 0;}
	100%{opacity:1; top: 125px; left: 125px;}
	}

@keyframes con1_txt02 {
   	from{opacity:0; left: 0;}
	70%{opacity:0; left: 0;}
	100%{opacity:1; top: 125px; left: 125px;}
}


.Con1 .txt02 p {color: #283eb8;font-size:30px;font-family: 'Nanum Square';font-weight: bold;letter-spacing: -4px;}

.Con1 .btn {
	position:absolute;
	top: 440px;
	left: 140px;
	z-index:200;
	-webkit-animation-name: con1_btn;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-name: con1_btn;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	}

@-webkit-keyframes con1_btn{
	from{opacity:0; top: 480px;}
	80%{opacity:0; top: 480px;}
	100%{opacity:1; top: 440px;}
	}

@keyframes con1_btn {
    from{opacity:0; top: 480px;}
	80%{opacity:0; top: 480px;}
	100%{opacity:1; top: 440px;}
}

/*»ç·ÊÇнÀ*/
.Con0 {width: 920px;height:450px;position:absolute;top:95px;left:37px;background:url('../../common/images/center/bg_con3.png') no-repeat;padding: 65px;box-sizing: border-box;}
.Con0 .img { float: left; padding-right: 30px;}
.Con0 p {line-height: 1.6;} 

/* ¿ë¾îÇнÀ */
.Con2 {position:absolute; top:105px; left:65px; }
.Con2 .list {}
.Con2 .list li {overflow:hidden;margin-bottom:15px;position:relative;
	-webkit-animation-name: Con2;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: Con2;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes Con2{
	from{opacity:0; top: 0;}
	50%{opacity:0; top: 10px;}
	100%{opacity:1; top: 20px;}
	}

@keyframes Con2 {
    from{opacity:0; top: 0;}
	50%{opacity:0; top: 10px;}
	100%{opacity:1; top: 20px;}
}

.Con2 .list label {display:block; float:left; text-align:center; width:305px; height:99px; line-height:99px;  background:url('../../common/images/center/bg_con2.png') no-repeat; color:#171a20; font-size:26px; font-family: 'Nanum Square'; font-weight:bold; }
.Con2 .list .txt {float:left; width:530px; padding:15px 0 0 20px; color:#1a1a1a; font-size:20px; line-height:150%; font-family: 'Nanum Square'; background:url('../../common/images/center/ico01.png') no-repeat 12px 23px; }


/* ÇнÀ¸ñÇ¥ */
.Con3 {width:952px;height:450px; position:absolute; top:95px; left:37px; background:url('../../common/images/center/bg_con3.png') no-repeat;  }

.enter {padding-left : 1.0em}
.con3_01 {
	position:absolute;
	top: 70px;
	left: 65px;
	-webkit-animation-name: con3_01;
	-webkit-animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-name: con3_01;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	}

@-webkit-keyframes con3_01{
	from{opacity:0; top: 0;}
	30%{opacity:0; top: 35px;}
	100%{opacity:1; top: 70px;}
	}

@keyframes con3_01 {
    from{opacity:0; top: 0;}
	30%{opacity:0; top: 35px;}
	100%{opacity:1; top: 70px;}
}
.con3_01 .list {padding:20px 0 0 25px;width: 700px;}
.con3_01 .list li {padding: 0 0 20px;color:#1a1a1a;font-size:18px;line-height:130%;font-family: 'Nanum Square';}
/*.con3_01 .list {padding:20px 0 0 25px; width:450px; }
.con3_01 .list li {padding:0 0 10px 18px; color:#1a1a1a; font-size:18px; line-height:130%; font-family: 'Nanum Square'; text-indent:-18px; letter-spacing:-0.5px;}
  */
.con3_02 {position:absolute; top:50px; left:510px;
	-webkit-animation-name: con3_02;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: con3_02;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes con3_02{
	from{opacity:0; top: 0;}
	50%{opacity:0; top: 35px;}
	100%{opacity:1; top: 50px;}
	}

@keyframes con3_02 {
    from{opacity:0; top: 0;}
	50%{opacity:0; top: 35px;}
	100%{opacity:1; top: 50px;}
}
.con3_02 .list {padding:20px 0 0 25px; width:320px; }
.con3_02 .list li {padding:0 0 10px 17px; color:#1a1a1a; font-size:18px; line-height:130%; font-family: 'Nanum Square'; text-indent:-17px; letter-spacing:-0.5px;}

/*±³¼ö¼Ò°³*/
.professor {
    position: absolute;
    top: 10%;
    right:-80px;

}

.professor img{
	width : 85%;
	height : auto;
}

.pro_info {
	position: absolute;
    top: 57%;
    right:95px;
	overflow:auto; 
	width:320px; 
	height:160px;
	font-size:16px;
	color : white;
}

.pro_info span {
	font-family: 'Nanum Square';
}

.btn {
    position: absolute;
    left: 5%;
    top: 20%;
}
.btn a {margin-left:10px}

/* ÇнÀÇϱâ */
/* .Con4 {width:969px; height:515px; background:url('../../common/images/center/bg_con4_.png') no-repeat 20px 90px;position:relative;} */
.Con4 .video {position:absolute;top:0 ;left:0;}
.Con4 .lecture {position:absolute;top:112px ;left:450px;width:475px;height:360px;border:0 red solid;overflow-y:scroll;padding-right:15px;}

/*ÇнÀÆò°¡ */
.Con5 {width:952px;height:440px; position:absolute; top:95px; left:37px; padding:30px 0; background:url('../../common/images/center/bg_con5.png') no-repeat;  }
.Con5 .question {padding:25px 30px; position:relative;
	-webkit-animation-name: question;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: question;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes question{
	from{opacity:0;padding:25px 30px;}
	30%{opacity:0; padding:25px 30px;}
	100%{opacity:1;padding:25px 30px;}
	}

@keyframes question {
    from{opacity:0; padding:25px 30px;}
	30%{opacity:0; padding:25px 30px;}
	100%{opacity:1; padding:25px 30px;}
}

.Con5 .question label {}
.Con5 .question .txt_q {padding-right:70px; position:absolute;top:40px;left:150px;color:#1a1a1a; font-size:24px; line-height:130%; font-family: 'Nanum Square'; letter-spacing:-0.5px; }
.Con5 .question .txt_q2 {padding-right:70px; position:absolute;top:45px;left:150px;color:#1a1a1a; font-size:20px; line-height:120%; font-family: 'Nanum Square'; letter-spacing:-0.5px; }
.f_no{color:#ff0042;}

.Con5 .list {width:95%;padding:0 0 15px 140px; overflow:hidden;  border-bottom:1px #899a9b dashed; box-sizing:border-box}
.Con5 .list li{padding-top:5px; color:#1a1a1a; font-size:17px; line-height:130%; font-family: 'Nanum Square'; letter-spacing:-0.5px; }

.Con5 .list2 {width:90%;padding:0 0 15px 40px;overflow:hidden; border-bottom:1px #899a9b dashed; text-align:center}
.Con5 .list2 li{padding-right:55px; padding-bottom:5px; color:#1a1a1a; font-size:17px; line-height:130%; font-family: 'Nanum Square'; letter-spacing:-0.5px; display:inline-block; }

.Con5 .list3 {width:90%;padding:30px 0 15px 30px;overflow:hidden; border-bottom:1px #899a9b dashed; }
.Con5 .list3 li{float:left; padding-right:10px; padding-bottom:5px; color:#1a1a1a; font-size:17px; line-height:130%; font-family: 'Nanum Square'; letter-spacing:-0.5px; }

.Con5 .list li:hover, .Con5 .list2 li:hover, .Con5 .list3 li:hover {color:#ff0042}

.Con5 .box {width:90%; border:2px #ff9d58 solid; background-color:#f7f7f7; padding:15px; margin-bottom:-18px; margin-left:20px; color:#575757;  font-size:14px; line-height:130%; font-family: 'dotum'; }

.ex_list {overflow:hidden;}
.ex_list li {float:left;width:37%;border:0 red solid}

.answer_comment {width:70%; position:absolute;top:265px;left:58px;
	-webkit-animation-name: answer_comment;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: answer_comment;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes answer_comment{
	from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 265px;}
	}

@keyframes answer_comment {
    from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 265px;}
}
	
.answer_comment p {color:#ff0042;  font-size:18px; line-height:130%; text-indent:-47px;  padding-left:47px; font-family: 'Nanum Square';}
.answer_comment p.txt {font-size:18px; font-weight:bold; }
.answer_comment p.txt2 {line-height:100%; }
.answer_comment .next_step {position:absolute;top:5px;left:670px}

.answer_commentB {width:70%; position:absolute;top:225px;left:58px;
	-webkit-animation-name: answer_commentB;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: answer_commentB;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes answer_commentB{
	from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 225px;}
	}

@keyframes answer_commentB {
    from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 225px;}
}
	
.answer_commentB p {color:#ff0042;  font-size:18px; line-height:130%; text-indent:-47px;  padding-left:47px; font-family: 'Nanum Square';}
.answer_commentB p.txt {font-size:18px; font-weight:bold; }
.answer_commentB .next_step {position:absolute;top:5px;left:670px}

.answer_commentC {width:70%; position:absolute;top:270px;left:58px;
	-webkit-animation-name: answer_commentC;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: answer_commentC;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes answer_commentC{
	from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 270px;}
	}

@keyframes answer_commentC {
    from{opacity:0; top: 280px;}
	50%{opacity:0; top: 280px;}
	100%{opacity:1; top: 270px;}
}
	
.answer_commentC p {color:#ff0042;  font-size:18px; line-height:130%; text-indent:-47px;  padding-left:47px; font-family: 'Nanum Square';}
.answer_commentC p.txt {font-size:18px; font-weight:bold; }
.answer_commentC p.txt2 {font-size:16px; line-height:110%;  text-indent:-43px;  padding-left:43px;  }
.answer_commentC .next_step {position:absolute;top:5px;left:670px}

.wrong_answer {z-index:100; width:305px;height:198px; position:absolute; top:95px; left:50%; margin-left:-140px; background:url('../../common/images/center/bg_wrong.png') no-repeat; text-align:center; color:#1a1a1a; font-size:19px; line-height:150%; font-family: 'Nanum Square'; letter-spacing:-0.5px; padding-top:90px;}
.wrong_answer p {font-size:25px;}

.o_answer {z-index:100; width:700px;height:210px; position:absolute; top:-30px; left:175px; margin-left:-140px; no-repeat;letter-spacing:-0.5px; padding-top:90px;}
.o_answer img {width : 90px; height : auto;}

.x_answer {z-index:100; width:700px;height:210px; position:absolute; top:-35px; left:180px; margin-left:-140px; no-repeat;letter-spacing:-0.5px; padding-top:90px;}
.x_answer img {width : 90px; height : auto;}

.v_answer {z-index:100; width:50px;height:50px; position:absolute; top:-35px; left:180px; margin-left:-140px; no-repeat;letter-spacing:-0.5px; padding-top:90px;}

/* ÇнÀÁ¤¸® */
.Con6 {width:1000px; height:610px; position:relative;}

.Con6 .list {width:680px; height:320px; overflow-y:scroll; padding-right:20px; padding-top:20px; position:absolute;top:130px;left:150px;z-index:1000;
	-webkit-animation-name: con6_list;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: con6_list;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes con6_list{
	from{opacity:0;}
	70%{opacity:0;}
	100%{opacity:1;}
	}

@keyframes con6_list {
    from{opacity:0;}
	70%{opacity:0;}
	100%{opacity:1;}
}

.Con6 .list li {color:#353535; font-size:16px; line-height:140%; font-family: 'Nanum Gothic'; letter-spacing:-1px; padding-bottom:17px;  z-index:1000; }
.f_red {color:#ff0042;font-size:20px; font-family: 'Nanum Square';  }

.bg_con6 {width:1000px; height:610px; position:absolute;top:75px;left:0;z-index:0;
	-webkit-animation-name: bg_con6;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: bg_con6;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes bg_con6{
	from{opacity:0;top:90px;}
	30%{opacity:0;top:90px;}
	100%{opacity:1;top:75px;}
	}

@keyframes bg_con6 {
    from{opacity:0;top:90px;}
	30%{opacity:0;top:90px;}
	100%{opacity:1;top:75px;}
}

.lec_list {padding-top:10px;}
.lec_list dt {font-weight:bold;font-size:17px;}
.lec_list dd {font-size:15px;padding-bottom:10px; padding-left:15px;}

/* ¸¶¹«¸® */
.Con7 {text-align:center;
	-webkit-animation-name: Con7;
	-webkit-animation-duration: 2s;  
	-webkit-animation-fill-mode: forwards;
	animation-name: Con7;
	animation-duration: 2s;    
	animation-fill-mode: forwards;}

@-webkit-keyframes Con7{
	from{opacity:0;}
	30%{opacity:0;}
	100%{opacity:1;}
	}

@keyframes Con7 {
    from{opacity:0;}
	30%{opacity:0;}
	100%{opacity:1;}
}

.Con7 .txt {padding:35px 0 25px 0; color:#5b5b5b;font-size:25px; font-family: 'Nanum Square';}
.Con7 .wns_box { padding-top : 200px;}
.Con7 .box{ width:520px; margin:0 auto; border:2px #a68410 solid; background-color:#fff; border-radius:30px;padding:20px 60px;letter-spacing:-1px;  }
.Con7 .box .txt01 {color:#daa903;font-size:30px; font-family: 'Nanum Square'; font-weight:bold; }
.Con7 .box .txt02 {color:#1a1812; font-size:25px; font-family: 'Nanum Square';}