@charset "utf-8";

/* CSS Document */
caption {display:none;}

#warp_main_banner, #wrap_grade, #group_notic { float:left;}

#wrap_license { width:690px; height:185px; margin-top:35px;}
	#wrap_license ul li {float:left;}
#wrap_coolclass { width:1000px; height: 375px; margin-top:35px; }
	#wrap_coolclass ul li {float:left;}
#wrap_recommend { width:1000px; height: 295px; margin-top:35px; }
	#wrap_recommend ul li {float:left;}
#calss_banner { width:310px; height:185px; float:right; margin-top:35px;}

/* -- 오늘의특강 -- */
.today_wrap {
	width: 310px;
	height: 185px;
	margin-bottom: 15px;
}
.today_wrap ul li {float:left;}

	.today_text {
		padding: 110px 25px 25px 40px;
		text-align: left;
	}
	.today_text ul li {
		padding: 0 0 5px 0;
		color: #536EAE;
		line-height: 18px;
		list-style: square;
	}
	.today_text a { font-weight:bold; color:#777777;}
	.today_text a:hover {color:#536EAE;}

/* -- right-강좌소개-- */
.bn_class_wrap {
	width: 295px;
	height: 519px;
	margin-top: 20px;
	}

/*-- 성적향상수기&공부의신 --*/
#wrap_grade {
	width: 998px;
	height: 248px;
	margin-top: 35px;
	border: 1px solid #dddddd;
	background: #eeeeee;
}
	
	#gread_area{
		width: 688px;
		height: 248px;
		border-right: 1px solid #dddddd;
		background: #fbfbfb;
		float:left;
	}
	#gread_area ul li {float:left;}
	#god_area {
		width: 300px;
		height: 248px;
		background: #eeeeee;
		float:right;
	}
	#god_area .list{
		margin-left: 20px; margin-top:12px;
	}
	#god_area .list ul li {float:left; margin-right:10px }


/* -- 공지사항&고객센터 -- */
#group_notic {
	width: 1000px; 
	height: 160px;
	margin-top: 35px;
	text-align: left;
}
	#wrap_notice, #wrap_customer {float: left;}
	#wrap_notice {
		width: 399px;
		height: 160px;
		border-right: 1px solid #dddddd
	}
		#wrap_notice .notice_title {
			margin-bottom:  24px;
		}
		#wrap_notice .notice_list {
			width: 375px;
		}
		#wrap_notice .notice_list ul li {
			height:23px; vertical-align:middle; text-align:left;
		}
	#wrap_customer {
		width: 400px;
		height: 160px;
		margin-left: 35px;
	}
		#wrap_customer .customer_title {
			margin-bottom: 10px;
		}
		#wrap_customer .customer_time {
			font-size:12px; color: #666666; font-weight:bold; line-height:15px; letter-spacing: -1px; margin-bottom: 10px;
		}
		#wrap_customer .customer-list  ul li { float:left; margin-right:10px;}
	.cancel_class { float:right;}



/*--202510 - main--*/

/*--메인비주얼 슬라이드--*/
	#wrap_visual {
	width: 1000px; height: 190px; 
	}
	#wrap_visual_B{
	width:500px; height: 190px; float:left;
	}
	#wrap_visual_S{
	width:500px; float:right;
	}

	#wrap_visual_R{
	width:500px; float:right;
	}

	/*### 비주얼-Big ### */
	#visual_B {
	position:relative;margin:0 auto; top:0px; left:0px; width:500px; height:190px; overflow:hidden; visibility:hidden;
	}

	.visual_B_style{
		position:absolute ;left:0px;top:305px;width:5px;height:34px;
	}
	.visual_B_style .p {
		position: absolute; top: 0; left: 0; width: 173px; height: 33px; padding: 0px; background: #f5f5f5; border: 1px solid #dddddd;
	}
	.visual_B_style .w {
		cursor: pointer;  width: 100%; height: 100%; background-color: #335fcb;
	}
	.visual_B_style .pdn .w, .visual_B_style .pav .w, .visual_B_style .p:hover .w  {
		background-color: #f5f5f5;
	}
	.visual_B_style .c {
		width: 172px; height: 33px; position: absolute; top: 0; left: 0; line-height: 33px; text-align: center; color: #585858; font-size: 13px; background-color: #f5f5f5;
		transition: background-color .6s;
		-moz-transition: background-color .6s;
		-webkit-transition: background-color .6s;
		-o-transition: background-color .6s;
	}
	.visual_B_style .p:hover .c, .visual_B_style .pav:hover .c, .visual_B_style .pav .c {
		transition: none; 
		-moz-transition: none; 
		-webkit-transition: none;
		-o-transition: none;
	}
	.visual_B_style .pav .c {
		background-color: #335fcb; color: #FFFFFF; 
	}
	.visual_B_style .p:hover .c, .visual_B_style .pav:hover .c {
		background-color: #335fcb; color: #FFFFFF;
	}


	/*### 비주얼-Small ### */
	.area_visual_S {width:500; height: 190px; background: #fff; position:relative; }
	.visual_S { width: 500px; height: 190px; float: left; }
	.visual_S_arrw_p { width:25px; position: absolute; top: 301px; left: 121px;}
	.visual_S_arrw_n { width:25px; position: absolute; top: 301px; left: 153px;}
	#slides .visual_S a { float:left; }
	#slides .visual_S {overflow:hidden;}
	#slides .visual_S .v_content { width:1000px;}
	#slides .visual_S .v_content img {width:500px; height:190px;}



/*### 나이쓰-수기 ### */
#sugi_wrap {width:1000px; height: 101px; margin-top:9px; border-top: solid 1px #bbbbbb; border-bottom: solid 1px #555555; box-sizing: border-box;}
	#sugi_wrap #sugi_area {height: 99px;  text-align:left;}
	#sugi_wrap #sugi_area .sugi ul li {float:left;}


/*### 라이브-영상 ### */
#live_wrap {width:1000px; margin-top:50px; display:inline-block;}
	#live_wrap #live_area {width: 1000px;}
	#live_wrap #live_area .live_title_wrap {width: 1000px; margin-bottom:20px; text-align:center;}
	#live_wrap #live_area .live_title_wrap .live_title {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 40px; line-height: 36px; color:#222222; letter-spacing: -1px;}
	#live_wrap #live_area .live_mv_wrap {width: 1000px;}
	#live_wrap #live_area .live_mv_wrap .live_mv_area {width: 490px; background:#111041; text-align:center; float:left;}
	.live_mv {width: 490px; padding-top:20px; padding-bottom: 10px; display:inline-block;}
	.iive_mu_title {width:450px; margin-left: 20px; padding: 20px 0 20px 0; border-top: solid 1px #ffffff; font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 500; font-size: 20px; color:#FFFFFF; letter-spacing: -1px}



/*------------ 문단/타이틀 ------------*/
/*### 문단 ### */
#section_wrap {width:1000px; margin-top:50px; display:inline-block;}
	#section_wrap #section_area {width: 1000px;}
	#section_wrap #section_area #section {width: 490px; text-align:left; float:left;}
	#section_wrap #section_area #section .section_title {width: 490px; padding-bottom: 25px;}
	#section_wrap #section_area #section .section_title .title_b {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 26px; color:#222222; letter-spacing: -1px; line-height: 26px; padding-bottom: 7px;}
	#section_wrap #section_area #section .section_title .title_s {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 500; font-size: 16px; color:#222222; letter-spacing: -1px; line-height: 16px;}
	#section_wrap #section_area #section .section_title .title_n {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 26px; color:#222222; letter-spacing: -1px; line-height: 26px;}

	#section .course ul li {float:left;}
	#section .course li {margin-right: 3px;}
	#section .course li:nth-last-child(1)  {margin-right: 0px;}
	#section .course02 ul li {float:left;}

/*### 문단-Full ### */
#section_F_wrap {width:1000px; margin-top:50px; padding-bottom: 30px; border-bottom: solid 1px #555555; display:inline-block;}
	#section_F_wrap #section_F_area {width: 1000px;}
	#section_F_wrap #section_F_area .full_title_wrap {width: 1000px; margin-bottom:30px; text-align:center;}
	#section_F_wrap #section_F_area .full_title_wrap .full_title {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 30px; line-height: 30px; color:#222222; letter-spacing: -1px;}
	#section_F_wrap #section_F_area .full_class {width: 1000px;}
	#section_F_wrap #section_F_area .full_class ul li {float:left;}


/*### 영상공모 ### */
	.Insight_wrap {width: 490px; height:340px; background: #ebdbc2 url(/nine_mid/image/main/Insight_bg.png) no-repeat top center; text-align:center; box-sizing: border-box;}
	.Insight_mv {padding-top: 80px;}
	.Insight_btn {padding-top: 15px;}
	/* 영상 */
	.mov_wrap {width: 490px; height:340px; background: #ebdbc2 url(/nine_mid/image/main/cf_bg.png) no-repeat top center; text-align:center; box-sizing: border-box;}
	.mov_mv {padding-top: 80px;}
	.mov_btn {padding-top: 15px;}


/*### 공지-메뉴 ### */
	.notic_mu_wrap {width: 490px; text-align:center; display:inline-block;}
	.notic_mu_area {width: 490px;  text-align:center; box-sizing: border-box;}
	.notic_mu_list ul li {float:left;}
	.notic_mu_list li {margin-right: 2px;}
	.notic_mu_list li:nth-last-child(1)  {margin-right: 0px;}

	.notic_mu {display: inline-block; line-height: 34px;; font-size: 14px; letter-spacing: -1px; color: #666666; background: #FFFFFF; border: 1px solid #666666; text-align: center; vertical-align: middle; font-family: "Noto Sans KR", sans-serif !important; font-weight: 500;}
	.notic_mu a {display: block; padding-right: 18px; padding-left: 18px; line-height: 34px; font-size: 14px; letter-spacing: -1px; color: #666666; background: #FFFFFF; text-align: center; vertical-align: middle; font-family: "Noto Sans KR", sans-serif !important; font-weight: 500;}
	.notic_mu a:hover {display: block; padding-right: 18px; padding-left: 18px; line-height: 34px; font-size: 14px; letter-spacing: -1px; color: #FFFFFF; background: #222222; text-align: center; vertical-align: middle; font-family: "Noto Sans KR", sans-serif !important; font-weight: 500;}

/*### 공지-리스트 ### */
	.main_table_warp {width: 490px; margin-top: 2px; border-top:#555555 solid 3px;}
	.main_table table {width:490px; text-align: center;}
	.main_table tbody td {height:30px; background:#ffffff; color:#555555; vertical-align:middle; border-bottom:#bbbbbb solid 1px; padding:9px 5px 9px 5px;}


/*### 고객센터 ### */
	.center_wrap {width: 428px; height: 193px; padding: 30px; border: 1px solid #666666; display:inline-block;}
	.center_area {width: 428px;}
	.center_tel_wrap {width: 258px;}
	.center_cf_wrap {width: 140px; margin-left: 30px;}
	.center_tel_wrap, .center_cf_wrap {float:left;} 

	.center_tel01 {width: 258px; border-bottom: 1px solid #666666; padding-bottom: 20px;}
	.center_tel01 .title {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 20px; color:#222222; letter-spacing: -1px; line-height: 20px; padding-bottom: 8px;}
	.center_tel01 .tel {font-family: "Noto Sans KR", sans-serif !important; font-weight: 900; font-size: 35px; color:#222222; letter-spacing: -1px; line-height: 20px; padding-bottom: 20px;}
	.center_tel01 .time ul li {}
	.center_tel01 .time li {font-family: "Noto Sans KR", sans-serif !important; font-weight: 400; font-size: 14px; color:#555555; letter-spacing: -1px; line-height: 14px; padding-bottom: 5px;}
	.center_tel01 .time li span {font-family: "Noto Sans KR", sans-serif !important; font-weight: 500; font-size: 14px; color:#222222; letter-spacing: -1px; line-height: 14px; padding-right: 10px;}
	.center_tel01 .time li:nth-last-child(1)  {padding-bottom: 0px;}

	.center_tel02 {width: 258px; margin-top: 30px;}
	.center_tel02 .title {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 20px; color:#222222; letter-spacing: -1px; line-height: 20px; padding-bottom: 4px;}
	.center_tel02 .title a {font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 700; font-size: 20px; color:#222222; letter-spacing: -1px; line-height: 20px;}
	.center_tel02 .title img {vertical-align: middle;}
	.center_tel02 .time ul li {}
	.center_tel02 .time li {font-family: "Noto Sans KR", sans-serif !important; font-weight: 400; font-size: 14px; color:#555555; letter-spacing: -1px; line-height: 14px; padding-bottom: 5px;}
	.center_tel02 .time li span {font-family: "Noto Sans KR", sans-serif !important; font-weight: 500; font-size: 14px; color:#222222; letter-spacing: -1px; line-height: 14px; padding-right: 10px;}
	.center_tel02 .time li:nth-last-child(1)  {padding-bottom: 0px;}


	.center_cf {width: 140px;}
	.center_cf ul li {}
	.center_cf ul li {padding-bottom: 10px;}
	.center_cf ul li:nth-last-child(1)  {padding-bottom: 0px;}
	.center_cf_btn {width: 138px; height: 38px; display: inline-block; line-height: 38px; font-size: 13px; letter-spacing: -1px; color: #555555; background: #f5f5f5; border: 1px solid #bbbbbb; text-align: center;}
	.center_cf_btn a {height: 38px; display: block;line-height: 38px; font-size: 13px; letter-spacing: -1px; color: #555555; background: #f5f5f5; text-align: center; vertical-align: middle; font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 500;}
	.center_cf_btn a:hover {height: 38px; display: block;line-height: 38px; font-size: 13px; letter-spacing: -1px; color: #FFFFFF; background: #222222; text-align: center; vertical-align: middle; font-family: Gmarket Sans,'Gmarket Sans',sans-serif; font-weight: 500;}