@charset "utf-8";
/* CSS Document */


/* 마진 & 패딩 */
.m_t350 {margin-top:350px;}
.m_b50 {margin-bottom:50px; }

.m_b90 {margin-bottom:90px; }

.p_b50 {padding-bottom: 50px;}
.p_b30 {padding-bottom: 30px;}
.p_b25 {padding-bottom: 25px;}
.p_b10 {padding-bottom: 10px;}




.contents .con_b2{position:relative; width:1000px; margin:0 auto; }


/*원다플 메인 글씨_원본 main.css에 있음*/

.vibox dl.vitt2 {position:absolute; text-align:center; top:130px; z-index:99; width:100%;}
.vibox dl.vitt2 dt{font-size:40px; color:#fff; line-height:50px;  font-family:'맑은고딕',Malgun Gothic; letter-spacing:-0.05em;}
.vibox dl.vitt2 dd {font-size:20px; color:#fff;  font-family:'맑은고딕',Malgun Gothic; letter-spacing:-0.05em;}



/*원다플 리딩 스페셜과정*/

/* 글씨굵기 */
.bold {font-size:16px; font-weight: bold;}
/* 각 주제란 */
dt span.dtit30 {font-size:30px; font-weight:bold;}
.dtit_wonda {font-size:22px; font-weight:bold; font-family:Malgun Gothic; padding-left:8px; line-height:25px; margin-left:60px;}
.dtit_wonda dd .dtt1{margin-top: 60px; margin-left: 100px;}
/* 각 주제의 설명란*/
dd.dtt3{font-size:15px; font-family:Malgun Gothic;  background:url('../images/contents/icon2.gif') no-repeat left 9px; padding-left:8px; line-height:22px; color:#777; margin-left:100px;}

span.paynum2{background:url('../images/contents/pay_num.png') repeat-x left top; display:inline-block; width:38px; height:38px; line-height:38px; font-size:17px; color:#333; text-align:center;}

.level_test_book {width:980px; height:50px; background:#A1E5F9;  }

.test1{ width:500px; height: 50px;background: #B285F9;}

	
/* 5,000여권의 영어원서 제공-> 렉사일지수란? */
dd.dtt3 li {font-size:15px; font-family:Malgun Gothic; padding-left:0px; line-height:22px; color:#777; margin-left:10px;}



a.btnlv{display:inline-block; width:253px; height:61px; line-height:60px; color:#fff; font-size:22px;  background:url('/www/images/main/btn1_off.png') no-repeat; font-family:'맑은고딕',Malgun Gothic;}
a:hover.btnlv{background:url('/www/images/main/btn4_on.png') no-repeat;}
a.btnlv2{display:inline-block; width:328px; height:59px; line-height:57px; color:#fff; font-size:22px;  background:url('/www/images/main/btn3_off.png') no-repeat; font-family:'맑은고딕',Malgun Gothic;}
a:hover.btnlv2{background:url('/www/images/main/btn3_on.png') no-repeat;}


a.btnlv3{display:inline-block; width:328px; height:59px; line-height:57px; color:#fff; font-size:22px;  background:url('../images/main/btn4_off.png') no-repeat; font-family:'맑은고딕',Malgun Gothic;}
a:hover.btnlv3{background:url('../images/main/btn4_on.png') no-repeat;}



/* 3. 365일 온라인 영어 원서 도서관 주요기능 살펴보기 */
.con_a {position: relative; margin: 0 auto; width: 1000px;}
.con_a2 {position: relative; margin: 0 auto; width: 100%; height: 324px;}
.con_a2_subbox {width: 1085px; height: 324px; margin: 0 auto;}
.con_a2 .video1 {float: left; width:345px; height:324px; border: 5px solid #038bb7; border-radius: 24px; margin-right: 10px;}
.con_a2 .video2 {float: left; width:345px; height:324px; border: 5px solid #038bb7; border-radius: 24px; margin-right: 10px;}
.con_a2 .video3 {float: left; width:345px; height:324px; border: 5px solid #038bb7;border-radius: 24px;}
.card_video_title {font-size: 25px; padding-top: 1rem; padding-bottom: 0.5rem;}
.card_video_body {}
.card_video_footer { font-size: 0.9rem;}

.video4 {
	border: 5px solid #038bb7; border-radius: 24px; padding: 1rem;
}
.card_b_video_title {
	font-size: 2rem; padding-top: 1rem; padding-bottom: 1.5rem;
}

/* 학습자 실제 노출화면 테이블 관련파일*/
.con_a3 {position: relative; margin: 0 auto; width: 1030px;}

/* 각 큰 글씨 밑의 설명란 */
.contt .ctit1b{font-size:100px; color:#FF972D; font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-0.05em;}
.contt .ctit3{font-size:50px; font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-0.05em; }
.contt .ctit3a{ font-size:50px; font-family:'맑은고딕',Malgun Gothic; font-weight:bold; letter-spacing:-0.05em;}
.contt .ctit4{font-size:25px; font-family:'맑은고딕',Malgun Gothic;  letter-spacing:-0.05em;}

/* 큐레이터의 밀착관리_25분간 화상수업_265일_균형있는_5000여권 */
.enlist2{width:980px; margin:0 auto; }
.enlist2 li{float:left; margin-top:45px;}
.enlist2 a{display:inline-block; width:190px; height:190px; background:url('/www/images/main/Circle.png') no-repeat 50%; text-align:center;}
/*.enlist2 a .enon{position:absolute; display:none;}*/
.enlist2 a .enoff .enicon{margin-top:32px;}
.enlist2 a .enoff .enitt{font-family:'맑은고딕',Malgun Gothic; font-size:17px; color:#2e3363; line-height:24px; margin-top:3px;}

.enlist2 a .enoff .enitt span {font-weight: 400;}

.enlist2 a:hover {text-decoration: none;}
/*.enlist2 a:hover{position:relative; display:inline-block; width:190px; height:190px; background:url('/www/images/main/enbg_on.png') no-repeat 50%; text-align:center;}*/
/*.enlist2 a:hover .enoff{position:relative; z-index:-1;}*/
/*.enlist2 a:hover .enon{ display:block; position:absolute; z-index:1;  width:190px;  text-align:center; top:0px; color:333; font-size:16px; line-height:18px; }*/
/*.enlist a:hover .enon .btbg{background:url('/www/images/main/enbg_btn.png') no-repeat 50%; font-size:14px; color:#fff; line-height:36px; height:36px;} */



/*테이블*/

/*1:1 큐레이터 테이블*/

.wondafl:after { content:"";display: block; clear:both; }
.wondafl { width:980px; 
				margin-left:auto; 
				margin-right:auto;
				padding-top:20px;}

.wondafl >.bbox { width:460px; height:220px;  }	
.wondafl >.sbox { width:220px; height:220px;  }				
.wondafl >.box1, .box2, .box3, .box4 { float:left; margin-left:20px; margin-bottom:40px;}	

.wondafl >.box5, .box7 { float:left; margin-left:20px; margin-bottom:40px;}
.wondafl >.box6 { float:left; margin-left:20px; margin-bottom:40px;  }

.wondafl >.box8, .wondafl >.box9,.wondafl > .box10,.wondafl >.box11  { float:left; margin-left:20px; margin-bottom:20px;}



.wondafl > .box6 > .box6_1 { 
	position: relative;
	width:400px; 
	height: 260px;
	margin: 0 auto;
	
	margin-top: -20px;
	border: 2px solid #00BBFF;
	box-sizing: border-box;
	
	background:#FB8385; 
}









/* 2. 25분의 화상수업 테이블*/
.wondafl2:after { content:"";display: block; clear:both; }
.wondafl2 { width:980px; 
				margin-left:auto; 
				margin-right:auto;
				padding-top:20px;}

.wondafl2 >.bbox { width:940px; height:80px; line-height: 160%; font-size: 20px;  }	
.wondafl2 >.mbox { width:400px; height:260px; background:#FC0; }
.wondafl2 >.sbox { width:100px; height:260px;  }	

.wondafl2 >.box1,.wondafl2 >.box2,.wondafl2 >.box3,
.wondafl2 >.box4 { float:left; margin-left:20px; margin-bottom:20px;}
.wondafl2 >.box5 { clear: both;}
.wondafl2 >.box5 { float:left; margin-left:20px; margin-bottom:20px;}

.wondafl2 > .box3 {
	position: relative;
}

.wondafl2 > .box3 > img {
	position: absolute;
	top: 50%;
	left:0;
	transform: translate(0 , -50%);

}

/*4. 4가지 스킬 테이블*/
.wondafl3 { width:980px; 
				margin-left:auto; 
				margin-right:auto;
				padding-top:20px; position: relative; }

.wondafl3:after { content:"";display: block; clear:both; }

.wondafl3 >.sbox { width:455px; height:300px; background:#FC0; }	
.wondafl3 >.mbox { width:404px; height: 260px;}
.wondafl3 >.box1 {float: left; margin-left: 20px; margin-bottom: 30px;  }
.wondafl3 >.box2 {float: left; margin-left: 30px; margin-bottom: 30px;  }
.wondafl3 >.box3 {float: left; margin-left: 20px; margin-bottom: 20px;  }
.wondafl3 >.box4 {float: left; margin-left: 30px; margin-bottom: 20px; }
.wondafl3 >.box5 {
				   position: absolute;
				   top:50%;
				   left:50%;
	transform: translate(-50% , -50%)
										
}

.wondafl4 { width:980px; 
				margin-left:auto; 
				margin-right:auto;
				padding-top:20px;}

.wondafl4:after { content:"";display: block; clear:both; }

.wondafl4 >.sbox { width:385px; height:300px; background:#FC0; }	

.wondafl4 >.box1 {float: left; margin-left: 20px; margin-bottom: 20px;  }
.wondafl4 >.box2 {float: left; margin-left: 30px; margin-bottom: 20px;  }

/* 3. 365일 24시간의 동영상 3개 */
	.tbl2_simple {
		width:100%;
		
		
	}
	/*.tbl_simple th {	
		font-weight:400;
		font-size:16px;
		text-align:center;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding:12px 4px;
		background-color:#f8f8f8; 
	}*/
	.tbl2_simple td {
		font-weight:300;
		font-size:14px;
		text-align:center;
		border-left:1px solid #2eb6e4;
		border-right:1px solid #2eb6e4;
		border-bottom:1px solid #fff;
		padding-top: 3px;
		padding-bottom: 5px;
	}
	.tbl2_simple td.td_ac {		
		font-size:14px;
		text-align:center;
		color:#333;
		
		padding:15px 18px;
	}

.tbl2_simple > tr:first-child{border-top: 1px solid #2eb6e4; }




/*5. 5000여권의 영어원서 제공 테이블*/
/*레벨테스트결과에 대한 추천도서*/
	.tbl3_simple {
		width:100%;
		border-left:1px solid #fff;
		border-top:1px solid #fff;
	}
	.tbl3_simple td {
		font-weight:300;
		font-size:14px;
		text-align:center;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}

	.tbl3_simple  tbody > tr > td{		
		padding-top: 10px;
	}

/* 1. 1:1 큐레이터 테이블 */
/* 학습자 실제 노출화면 테이블 */
.tbl4_simple {
		width:100%;
	
		border-top:1px solid #ddd;
	
	}
	.tbl4_simple td {
		font-weight:300;
		font-size:14px;
		text-align:center;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		
	}
.tbl4_simple th {padding-top: 10px;
	font-weight:400;
	font-size:18px;
	padding-bottom: 10px;
	background-color:#f8f8f8;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;}



/*학습자별 성장그래프 및 학습내역 제공 이미지 - 새로 넣음 2개  */
.b_graph {width: 1100px; height: 1430px; margin: 0 auto; border:5px solid #038bb7; border-radius:50px;}
.b_graph > .Square_frame {width: 280px; height: 60px; margin: 0 auto; line-height: 60px; background: #038bb7;border-radius:50px; }
.graph_growth {width:698px;height:128px;margin: 0 auto;background-image: url(../images/book/graph_growth.png)}	


/*3. 365일 24시간 */
.enews img {margin-left:80px;}

.ennum2 {}
.ennum2 li{font-size:17px; line-height:24px;}
.ennum2 dl{width:420px; background:red;}
.ennum2 dt , .ennum2 dd{float:left;}
.ennum2 dt{width:13%;}
.ennum2 dd{width:87%; padding-top:7px; position:relative;}
.ennum2 div.entip{position:absolute; right:-5px; top:10px; width:100%;}


/*.enews img {margin-left:80px;}

.ennum2 {position:absolute; right:58px; top:30px;}
.ennum2 li{font-size:17px; line-height:24px;}
.ennum2 dl{width:400px; background:red;}
.ennum2 dt , .ennum2 dd{float:left;}
.ennum2 dt{width:13%;}
.ennum2 dd{width:87%; padding-top:7px; position:relative;}
.ennum2 div.entip{position:absolute; right:-5px; top:10px; width:80%;} */


/* 오른쪽 fixed 수업현황/ 안내 / 고객상담 */
.fixed_wondafl_premium { position:fixed; height:90px; width:190px; background:#6FF; right:15px; bottom:420px; z-index:100;}

/*.fixed_notice {position: fixed; right: 15px; bottom: 30px; width:190px; z-index:100;}*/


.fixed_notice {position: fixed; right: 15px; bottom: 15px; width:190px; z-index:100;}
.fixed_notice .mys a.mybtn{display:inline-block; width:100%; background:#90bf01; height:148px; font-family:'맑은고딕',Malgun Gothic; }
.fixed_notice .mys a.mybtn div.myicon{padding:27px 34px 0px 73px; background:url('/www/images/main/main_icon1_off.gif') no-repeat 37px 32px; font-size:20px; color:#fff; line-height:25px;}
.fixed_notice .mys a.mybtn div.mybtn{margin-top:15px; height:32px; line-height:32px; background:url('/www/images/main/main_btn1_off.gif') no-repeat top center; color:#90bf01; font-size:15px; text-align:center;}
.fixed_notice .mys a:hover.mybtn{display:inline-block; width:100%; background:#fff;  text-decoration:none;}
.fixed_notice .mys a:hover.mybtn div.myicon{background:url('/www/images/main/main_icon1_on.gif') no-repeat 37px 32px; color:#90bf01;}
.fixed_notice .mys a:hover.mybtn div.mybtn{background:url('/www/images/main/main_btn1_on.gif') no-repeat top center; color:#fff;}


/* 고객상담 
.fixed_notice .cusbox{width:100%; height:181px; background:#647a93; }*/

.fixed_notice .cusbox{width:100%; height:195px; background:#647a93; }
.fixed_notice .cusbox dl.custt1{padding:25px 0px 0px 28px;}
.fixed_notice .cusbox dl.custt1 dt{text-align:left; line-height:30px; color:#fff; font-size:30px; font-family:'맑은고딕',Malgun Gothic;}
.fixed_notice .cusbox dl.custt1 dd{text-align:left; line-height:20px; color:#8efbff; font-size:13px; font-family:'맑은고딕',Malgun Gothic;}
.fixed_notice .cusbox dl.custt2{padding-top:10px}
.fixed_notice .cusbox dl.custt2 dt{width:100%; background:url('/www/images/main/main_customer.gif') no-repeat top center; height:22px; line-height:22px; text-align:center;}
.fixed_notice .cusbox dl.custt2 dd{padding-left:3px; font-size:13px; color:#fff; line-height:18px}
	

/* -----레벨테스트 신청 ----- 
.free_classes{background:url('../images/main/free_classes.jpg') no-repeat left bottom; 
				height:300px; text-align:center; color:#fff; font-family:'나눔고딕',Malgun Gothic;}*/
				
.free_classes{background:url('../images/main/free_classes02.jpg') no-repeat left bottom; background-position: center center; z-index:1; height:300px; text-align:center; color:#fff; font-family:'나눔고딕',Malgun Gothic;}
	
.free_classes .p_t15 { font-size: 18px; line-height: 26px; color: white;}

/* -----렉사일지수 커리큘럼_책소개 컬러 ----- */
.btn_level{margin:0 auto; width: 36px; height: 36px;line-height: 36px; border: 2px solid rgba(255,255,255,1); border-radius: 23rem;}

.btn_level_1 {background-color: rgba(252,208,29,0.6);}
.btn_level_2 {background-color: rgba(249,150,53,0.6);}
.btn_level_3 {background-color: rgba(153,186,33,0.6);}
.btn_level_4 {background-color: rgba(6,150,58,0.6);}
.btn_level_5 {background-color: rgba(3,117,95,0.6);}
.btn_level_6 {background-color: rgba(4,148,247,0.6);}

.btn_level_7 {background-color: rgba(13,105,213,0.6);}
.btn_level_8 {background-color: rgba(2,88,191,0.6);}
.btn_level_9 {background-color: rgba(80,6,196,0.6);}
.btn_level_10 {background-color: rgba(150,12,165,0.6);}
.btn_level_11 {background-color: rgba(211,22,98,0.6);}
.btn_level_12 {background-color: rgba(206,19,5,0.6);}

.wondafal_tbl_lvl {
	table-layout: auto;
}






/*과정소개_전체교육프로그램_화상영어*/

.lvtable5 thead th{background:#3f4c6b; border:1px solid #2c354a; color:#00fff6; font-size:16px; padding:18px 0px; text-align:center; font-family:'맑은고딕',Malgun Gothic;}
.lvtable5 thead td{background:#3f4c6b; border:1px solid #2c354a; color:#fff; font-size:15px; padding:8px 0px; text-align:center; font-family:'맑은고딕',Malgun Gothic;}
.lvtable5 tbody th{border:1px solid #c1c1c1; background:#f5f5f5; }
.lvtable5 tbody td{border:1px solid #c1c1c1;}
.lvtable5 tbody td.lvb1{background:#6bc1cb;}
.lvtable5 tbody td.lvb2{background:#e6f2f6;}
.lvtable5 tbody td.lvb3{background:#e3f3f7;}
.lvtable5 tbody td.lvb4{background:#d6e0e2;}
.lvtable5 tbody td.lvv1{background:#e8e6f2;}
.lvtable5 tbody td.lvo1{background:#ffe2bd;}
.lvtable5 tbody td.lvg1{background:#f2ffbd;}
.lvtable5 tbody td.lvr1{background:#ffe8e8;}
.lvtable5 tbody td.lvy1{background:#f6f0cb;}
.lvtable5 tbody td.lvy2{background:#fffadc;}
.lvtable5 tbody td.lvy5{background:#CEF1FD;}

.lvtable5 tbody th {
				line-height:18px; font-size:14px; 
				font-family:'맑은고딕',Malgun Gothic;
				 padding:15px 0px; 
}
.lvtable5 tbody td{
				line-height:18px; font-size:14px; 
				font-family:'맑은고딕',Malgun Gothic;
				 padding:4px 4px;text-align: center;
}
.lvtable5 tbody th.lvt1{background:#ededed; font-weight:bold; }





.lexile_con_b {display: flex; width: 980px; margin: 0 auto; }
.lexile_top_bg { background: url(../images/lexile/bg/bg_top.jpg);}
.lexile_start_bg { background: url(../images/lexile/bg/bg_start.jpg);}

.lexile_call_bg { background:#000;}
.lexile_call_01 {display:block;  background: #F89193; }
.lexile_call_01 > img {}
.lexile_call_02{display: inline-block; line-height: 137px;  }
.lexile_call_02 > img {text-align: center;}

.lexile_caption_bg {background:url(../images/lexile/bg/caption_bg.jpg);}
.lexile_caption {position:relative; width: 100%; height:646px; background: url(../images/lexile/05.jpg) no-repeat;background-size: cover;background-position: center center;}
.lexile_caption2 {position:relative; width: 100%; height:674px; background: url(../images/lexile/06.jpg) no-repeat;background-size: cover;background-position: center center;} 
.lexile_caption3_bg {background: url(../images/lexile/bg/caption_bg2.jpg);}
.lexile_96 {position:relative; width: 100%; height:668px; background: url(../images/lexile/08.jpg) no-repeat;background-size: cover;background-position: center center;}
.lexile_4_bg {background:#55207a;  }

.fixed_woncare_online{position: fixed; right:15px; bottom:493px; z-index:100; }
.fixed_wondafl_gif {position: fixed; right:15px; bottom:420px; z-index:100; }





/*콘코디아 메인 글씨_원본 main.css에 있음*/
.vibox dl.vitt3 {position:absolute; text-align:center; top:350px; z-index:99; width:100%;}
.vibox dl.vitt3 dt{font-size:19px; color:#fff; line-height:28px;  font-family:'맑은고딕',Malgun Gothic; letter-spacing:-0.05em;}
.vibox dl.vitt3 dd {font-size:35px; color:#fff;  line-height:60px;  font-family:'맑은고딕',Malgun Gothic; letter-spacing:-0.05em;}

/*글씨 왼쪽 정렬*/
.contt_980{ width: 980px; margin: 0 auto; text-align: left;}
.contt_980 .ctit1{font-size:70px; font-family:'맑은고딕',Malgun Gothic; color:#333; font-weight:bold; letter-spacing:-0.05em;}
.contt_980 .ctit2{font-size:35px; font-family:'맑은고딕',Malgun Gothic; color:#333; letter-spacing:-0.09em;}
.contt_980 dd{color:#777; font-size:18px; line-height:28px; font-family:'맑은고딕',Malgun Gothic;}
/*배경이미지*/
.Concordia_box {background:url('../images/main/engbg_3.jpg') no-repeat; background-size: cover;background-position: center center; width:100%;}


.wonda_980{ width: 980px; margin: 0 auto; text-align: left;}








/* 커뮤니티-> 수강후기 롤링전체 css */


	/* 커뮤니티-> 수강후기 롤링 윗부분 css */
	.Best_reviews{width:980px; height:80px;  margin: 0 auto; margin-bottom: 20px;}
	.sub_980 {opacity:0.5; cursor: pointer;}
	.ul_label {width:980px; box-sizing:border-box; }
	.ul_label li {
					width:163px;
					float:left; 
					height: 151px;
					box-sizing:border-box; } /*개개인의 영역, 세로 영역  */

	.ul_label li:last-child{width:165px; }	



	/* //커뮤니티-> 수강후기 롤링 윗부분 css */	

	/* 커뮤니티-> 수강후기 롤링 */

	.slider_980{ overflow:hidden; position:relative; width: 980px; height:288px; margin: 0 auto;}
	.container_980{
		position: absolute;
		width: 600%;
		height: 288px;

	}
	.container_980 li {float:left; width:980px; height:288px;}
	.box1_980{background-image:url(../images/contents/best_review/best_review_story01.jpg);}
	.box2_980{background-image:url(../images/contents/best_review/best_review_story02.jpg);}
	.box3_980{background-image:url(../images/contents/best_review/best_review_story03.jpg);}
	.box4_980{background-image:url(../images/contents/best_review/best_review_story04.jpg);}
	.box5_980{background-image:url(../images/contents/best_review/best_review_story05.jpg);}
	.box6_980{background-image:url(../images/contents/best_review/best_review_story06.jpg);}

	/* // 커뮤니티-> 수강후기 롤링 */

/* // 커뮤니티-> 수강후기 전체롤링 css */


.fixed_wondafl_100{position: fixed; right:10px; bottom:495px; z-index:100;}