/* Style collection from old cappytown source. (before 2019/07/05) */
@charset "utf-8";

@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NanumGothic-Regular.eot');
	src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../font/NanumGothic-Regular.woff2') format('x-woff2'), url('../font/NanumGothic-Regular.woff') format('woff'), url('../font/NanumGothic-Regular.ttf') format('truetype');
}

@font-face {
	font-family: "InterparkGothic";
	font-style: normal;
	src: url(/font/InterparkGothicLight.eot);
	src: url(/font/InterparkGothicLight.eot?#iefix) format('embedded-opentype'), url(/font/InterparkGothicLight.woff) format('woff'), url(/font/InterparkGothicLight.ttf) format('truetype');
}

@font-face {
	font-family: "IGM";
	font-style: normal;
	src: url(/font/InterparkGothicMedium.eot);
	src: url(/font/InterparkGothicMedium.eot?#iefix) format('embedded-opentype'), url(/font/InterparkGothicMedium.woff) format('woff'), url(/font/InterparkGothicMedium.ttf) format('truetype');
}

@font-face {
	font-family: "IGB";
	font-style: normal;
	src: url(/font/InterparkGothicBold.eot);
	src: url(/font/InterparkGothicBold.eot?#iefix) format('embedded-opentype'), url(/font/InterparkGothicBold.woff) format('woff'), url(/font/InterparkGothicBold.ttf) format('truetype');
}

ul, dl {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
	font-family: Nanum Gothic, Malgun Gothic, 돋움;
}

	a:hover {
		text-decoration: none;
		color: initial;
	}

.st03, .st04, .st05, .st06 {
	position: absolute;
	right: 0px;
}

#s1, #s2, #s3, #s4, #s5, #s6, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p14, #quick1 {
	position: absolute;
	visibility: hidden;
	margin: 10px 0 0 0;
}

.DN, legend {
	display: none;
}

.t_LEFT {
	text-align: left;
}

.t_CENTER {
	text-align: center;
}

.t_RIGHT {
	text-align: right;
}

.t_BOLD {
	font-weight: bold;
}

.t_NORMAL {
	font-weight: normal;
}

.GRAY {
	color: #333;
}

.BLUE {
	color: #00F;
}

.RED {
	color: #F00;
}
/* 로그인,회원가입,약관 스타일 */
#AccountBox {
	position: absolute;
	width: 675px;
	left: 50%;
	margin: 130px 0 0 -337px;
	font-family: Nanum Gothic, Malgun Gothic;
}

.loginInput {
	height: 23px;
	width: 209px;
	border: 2px solid #d2d2d2;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	color: #4174dd;
	font-family: Nanum Gothic, Malgun Gothic;
}

.joinInput {
	height: 16px;
	width: 192px;
	border: none;
	background-color: #ffffff;
	font-weight: bold;
	padding: 5px;
	color: #4174dd;
	font-family: Nanum Gothic, Malgun Gothic;
}

.joinMemo {
	border: none;
	background-color: #dee9ff;
	width: 100%;
	height: 100px;
	overflow: auto;
	font-weight: bold;
	font-family: Nanum Gothic, Malgun Gothic;
	color: #4174dd;
}

.loginInput:visited {
	font-size: 14px;
	font-weight: bold;
	border: #30F solid 2px;
}

.login_logo {
	width: 346px;
	height: 34px;
	background: url(/images/hub_img/login_img/img_login_toplogo2.gif) no-repeat;
	margin-bottom: 10px;
}

	.login_logo span {
		display: none;
	}

.index_AccountBox {
	position: relative;
	clear: both;
	width: 615px;
	padding: 25px 30px;
	border: 1px solid #999999;
	border-top: 3px solid #4174dd;
	min-height: 193px;
}

	.index_AccountBox .txt_m01 {
		padding-bottom: 35px;
		text-align: center;
	}

	.index_AccountBox .img_b {
		position: absolute;
		right: -70px;
		top: -90px;
	}

	.index_AccountBox fieldset {
		position: relative;
		width: 397px;
		margin: 0 auto;
	}

	.index_AccountBox li {
		display: block;
		width: 297px;
		height: 38px;
		margin-bottom: 6px;
	}

		.index_AccountBox li.inputID {
			background: url(/images/hub_img/login_img/txt_login_t01.gif) no-repeat left;
			padding-left: 78px;
		}

		.index_AccountBox li.inputPW {
			background: url(/images/hub_img/login_img/txt_login_t02.gif) no-repeat left;
			padding-left: 78px;
		}

		.index_AccountBox li span {
			display: none;
		}

	.index_AccountBox fieldset p {
		position: absolute;
		right: 0;
		top: 0px;
		*top: 0;
	}

	.index_AccountBox select {
		font-family: Nanum Gothic, Malgun Gothic;
	}

.join_messege {
	font-size: 11px;
	text-align: left;
}

	.join_messege span.checkNo {
		color: #ff0000;
		font-weight: bold;
	}

	.join_messege span.checkOk {
		color: #06F;
		font-weight: bold;
	}

.index_AccountBox table {
	margin: 0 auto;
}

	.index_AccountBox table td {
		padding-bottom: 8px;
	}

		.index_AccountBox table td.imgcenter img {
			vertical-align: middle;
			padding-left: 5px;
		}

	.index_AccountBox table select.group {
		width: 205px;
		height: 26px;
	}

	.index_AccountBox table select.birth_year {
		width: 60px;
		height: 26px;
	}

	.index_AccountBox table select.birth_month, .index_AccountBox table select.birth_day {
		width: 40px;
		height: 26px;
	}

.btnCtrl {
	margin-top: 10px;
	text-align: center;
}

	.btnCtrl li {
		display: inline;
		padding-left: 2px;
	}

.clause {
	width: 615px;
	height: 150px;
	overflow-x: none;
	overflow-y: auto;
	border: 1px solid #d2d2d2;
	font-size: 12px;
}
/* Menu style */
/* 헤더 공통 스타일 */
.headerWrap {
	position: relative;
	width: 100%;
	background: url(/images/hub_img/bg_topmenu.png) bottom repeat-x;
}

	.headerWrap .header {
		position: relative;
		margin: 0 auto;
		padding-top: 10px;
		clear: both;
	}

		.headerWrap .header .gnb {
			position: absolute;
			right: 0;
			top: 12px;
		}

			.headerWrap .header .gnb li {
				padding: 0 7px;
				display: inline-block;
				height: 10px;
				text-indent: -99999px;
				zoom: 1;
				*display: inline;
			}

				.headerWrap .header .gnb li a {
					height: 10px;
					display: block;
				}

				.headerWrap .header .gnb li.home {
					background: url(/images/hub_img/COLOR2_gnb_01main.png) no-repeat;
					width: 27px;
				}

}

.headerWrap .header .gnb li.contactus {
	background: url(/images/hub_img/COLOR2_gnb_04contactus.png) no-repeat;
	width: 70px;
	padding-right: 0;
}
/*.headerWrap .header .gnb li.login { background: url(/images/hub_img/COLOR2_gnb_05login.png) no-repeat; width: 34px; }
*/
/*.headerWrap .header .gnb li.admin { background: url(/images/hub_img/COLOR2_gnb_05admin.png) no-repeat; width: 35px; }
*/
/* 로고 및 회원 교육가능 기간 안내*/
.headerWrap .header h1 {
	position: relative;
	font-size: 30px;
	margin-top: 27px;
	width: 300px;
	float: left
}
/*재선언*/
.headerWrap .header h1 {
	width: 250px;
	height: 23px;
	margin-top: 55px;
}

	.headerWrap .header h1 span {
		display: none;
	}

// .headerWrap .header h1 a.toplogo {
	width: 247px;
	height: 23px;
	display: block;
	cursor: pointer;
	background: url(/images/hub_img/COLOR1_topLogo.png) no-repeat;
}

.headerWrap .header h1 .Balloon_char {
	position: absolute;
	right: -110px;
	top: -45px;
	width: 104px;
	height: 107px;
	display: block;
	outline: none
}

.eduInfo_mms {
	clear: both;
	padding-top: 23px;
}
/*재선언*/
.headerWrap .header h1 a.toplogo {
	width: 248px;
	height: 43px;
	display: block;
	cursor: pointer;
	background: url(/images/hub_img/bg_logo4.png) no-repeat;
}
/* 상단 메인 메뉴 공통 스타일 선언 */
.headerWrap .header .topmenu {
	float: right;
	width: 700px;
	text-align: right;
	font-family: Nanum Gothic, Malgun Gothic, 돋움;
	margin-top: 75px;
}

	.headerWrap .header .topmenu li {
		display: inline-block;
		padding: 0 15px;
		font-size: 15px;
		zoom: 1;
		*display: inline;
		font-weight: bold;
	}

		.headerWrap .header .topmenu li.mM6 {
			padding-right: 0;
		}

			.headerWrap .header .topmenu li.mM6 ul {
				margin-left: 12px;
			}

		.headerWrap .header .topmenu li ul {
			height: 26px;
			display: block;
			padding-right: 10px;
		}

			.headerWrap .header .topmenu li ul li {
				font-size: 12px;
				display: inline-block;
				padding: 5px 10px 0;
				zoom: 1;
				*display: inline;
			}

				.headerWrap .header .topmenu li ul li.first {
					height: 26px;
					margin-left: -20px;
					padding-left: 13px;
				}

	.headerWrap .header .topmenu .mM2 ul {
		width: 575px;
	}
	/* 2014.02.05 대메뉴 변경 _ 서브메뉴 삭제 스타일 */
	.headerWrap .header .topmenu.NOSUB li {
		font-size: 20PX;
		padding: 0px 15px;
	}

		.headerWrap .header .topmenu.NOSUB li a {
			padding-top: 10px;
			font-family: IGM;
			font-weight: 400;
		}

			.headerWrap .header .topmenu.NOSUB li a:hover {
				background: url(/images/hub_img/bg_mn.png) repeat-x top left;
			}
/* 메인 컨텐츠 공통 스타일 선언 [141106]-우측 마우스뿅떄문에 overflow:hidden을 삭제함 .. */
.wrap {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 10px auto 0;
	z-index: 1
}

	.wrap .MainShow_square {
		position: absolute;
		width: 788px;
		height: 410px;
		background: url(/images/hub_img/bg_mainshow_default_square.png?v=201703) no-repeat;
		background-size: 788px 410px;
		z-index: 99;
		margin-left: -8px;
	}

	.wrap .MainShow {
		float: left;
		width: 780px;
		height: 406px;
		margin-left: -5px;
		margin-bottom: 40px;
	}

		.wrap .MainShow img {
			margin: 4px;
			width: 772px;
			height: 398px;
		}
	/* 우측 교육바로가기 공통 스타일 선언 */
	.wrap .quickEdu {
		float: right;
		width: 220px;
		height: 399px;
		margin-top: 3px;
		overflow: hidden;
		margin-bottom: 40px;
	}

		.wrap .quickEdu dt {
			float: left;
			clear: both;
			margin-top: 5px;
		}

		.wrap .quickEdu dd {
			display: block;
			height: 27px;
			margin-left: 10px;
			margin-top: 0;
			float: right;
		}

			.wrap .quickEdu dd a {
				position: relative;
				display: block;
				height: 27px;
				width: 102px;
			}

			.wrap .quickEdu dd span {
				display: none;
			}

			.wrap .quickEdu dd.levelline {
				height: 6px;
				background: url(/images/hub_img/bg_quick_levelline.png) no-repeat bottom;
				display: block;
				width: 214px;
			}
			/* 우측 교육바로가기 off이미지는 COLOR 2, 3, 4, 5가 모두 동일하므로 default값으로 쓴다. */
			.wrap .quickEdu dd.level_1 {
				background: url(/images/hub_img/COLOR2_quick_edu01_01.png) no-repeat;
				margin-top: 5px;
			}

			.wrap .quickEdu dd.level_2 {
				background: url(/images/hub_img/COLOR2_quick_edu01_02.png) no-repeat;
			}

			.wrap .quickEdu dd.level_3 {
				background: url(/images/hub_img/COLOR2_quick_edu01_03.png) no-repeat;
			}

			.wrap .quickEdu dd.level_4 {
				background: url(/images/hub_img/COLOR2_quick_edu01_04.png) no-repeat;
			}

			.wrap .quickEdu dd.level_5 {
				background: url(/images/hub_img/COLOR2_quick_edu01_05.png) no-repeat;
				margin-bottom: 10px;
			}

			.wrap .quickEdu dd.level_think {
				margin-top: 5px;
			}

			.wrap .quickEdu dd.grade_1 {
				background: url(/images/hub_img/COLOR2_quick_edu02_01.png) no-repeat;
				margin-top: 10px;
			}

			.wrap .quickEdu dd.grade_2 {
				background: url(/images/hub_img/COLOR2_quick_edu02_02.png) no-repeat;
			}

			.wrap .quickEdu dd.grade_3 {
				background: url(/images/hub_img/COLOR2_quick_edu02_03.png) no-repeat;
				margin-bottom: 10px;
			}

			.wrap .quickEdu dd.word_level {
				background: url(/images/hub_img/COLOR2_quick_edu03_01.png) no-repeat;
				margin-top: 10px;
			}

			.wrap .quickEdu dd.word_grade {
				background: url(/images/hub_img/COLOR2_quick_edu03_02.png) no-repeat;
			}

			.wrap .quickEdu dd.word_ele {
				background: url(/images/hub_img/COLOR2_quick_edu03_03.png) no-repeat;
			}

			.wrap .quickEdu dd.word_middle {
				background: url(/images/hub_img/COLOR2_quick_edu03_04.png) no-repeat;
			}
	/* 하단 공지사항 , 버튼3개 , 콜센터 공통 스타일 선언 */
	.wrap .bbs, .wrap .quickBtn, .wrap .callcenter {
		margin-bottom: 57px;
	}

	.wrap .bbs {
		position: relative;
		clear: both;
		width: 399px;
		margin-right: 20px;
		float: left;
		min-height: 168px;
	}

		.wrap .bbs a {
			color: inherit;
		}

		.wrap .bbs li {
			background: url(/images/hub_img/bl_bbs.png) no-repeat 3px;
			padding-left: 10px;
		}

		.wrap .bbs span {
			float: right;
			color: #7b7b7b;
			font-size: 11px;
		}
	/* 처음오셨나요?레벨테스트,활용팁 버튼은 COLOR 2, 3, 4, 5가 모두 동일하므로 default값으로 쓴다. */
	.wrap .quickBtn {
		position: relative;
		width: 340px;
		float: left;
		min-height: 168px;
		text-align: center;
	}

		.wrap .quickBtn li {
			width: 102px;
			display: inline-block;
			margin: 18px 4px 0 4px;
			zoom: 1;
			*display: inline;
		}

			.wrap .quickBtn li hub_img {
				width: 102px;
				height: 102px;
			}

		.wrap .quickBtn span {
			display: block;
			width: 100px;
			font-size: 11px;
			margin-top: 108px;
			line-height: 13px;
			letter-spacing: -1px;
		}

		.wrap .quickBtn li.go_Btn_welcome {
			background: url(/images/hub_img/COLOR2_quick_Btn_01.png) no-repeat;
		}

		.wrap .quickBtn li.go_Btn_test {
			background: url(/images/hub_img/COLOR2_quick_Btn_02.png) no-repeat;
		}

		.wrap .quickBtn li.go_Btn_tip {
			background: url(/images/hub_img/COLOR2_quick_Btn_03.png) no-repeat;
		}
	/* 콜센터 공통 스타일 선언 */
	.wrap .callcenter {
		float: right;
		width: 234px;
		height: 191px;
		margin-top: 10px;
	}
	/* 카피라이트 공통 스타일 선언 */
	.wrap .copyright {
		position: relative;
		clear: both;
		width: 100%;
		font-size: 11px;
		text-align: right;
		padding-top: 15px;
		padding-bottom: 50px;
		font-weight: bold;
	}

		.wrap .copyright address {
			font-style: normal;
		}
	/* 서브화면 공통 스타일 선언 ******************************************************************************************************************************/
	.wrap .Left {
		position: relative;
		width: 210px;
		float: left;
		z-index: 111;
		margin-bottom: 57px;
		margin-right: 15px;
	}

	.wrap .Right {
		position: relative;
		float: right;
		width: 775px;
		margin-bottom: 57px;
	}

		.wrap .Right .conTop {
			background: url(/images/hub_img/bg_con_TOP.png) no-repeat;
			height: 28px;
		}

		.wrap .Right .conMid {
			background: url(/images/hub_img/bg_con_MID.png) repeat-y;
			height: 100%;
			min-height: 460px;
			padding: 7px 20px 50px;
		}

		.wrap .Right .conBottom {
			background: url(/images/hub_img/bg_con_BOTTOM.png) no-repeat;
			height: 28px;
		}
	/* 서브화면 좌측 타이틀 부분 선언 // 20170207 서브메뉴&좌상단타이틀 텍스트화*/
	.wrap .Left dl {
		display: block;
		width: 100%;
		height: 90px;
		margin: 10px 0;
		background: url(/images/hub_img/bg_sub_title_bar.png) no-repeat bottom;
	}

	.wrap .Left dt {
		margin-bottom: 5px;
		height: 25px;
	}

	.wrap .Left dd {
		margin-bottom: 20px;
		height: 22px;
		width: 210px;
		padding-left: 5px;
	}

	.wrap .Left dl span {
		display: none;
	}
	/* 서브화면 좌측 상세메뉴 부분 선언 // 20170207 서브메뉴&좌상단타이틀 텍스트화*/
	.wrap .Left .subMenu li {
		padding-left: 15px;
		font-size: 15px;
		line-height: 170%;
	}

		.wrap .Left .subMenu li a {
			padding: 3px 8px;
			font-family: IGM, Malgun Gothic, 돋움;
			font-weight: 200;
			letter-spacing: -0.5pt;
		}

		.wrap .Left .subMenu li.title {
			padding: 0px 0 0px 10px;
			font-weight: bold;
			border-bottom: 1px solid #ababab
		}

		.wrap .Left .subMenu li.spelltitle {
			border: none;
			padding-left: 15px;
			;
			margin-top: 10px;
		}

			.wrap .Left .subMenu li.spelltitle span {
				font-family: InterparkGothic, Nanum Gothic, Malgun Gothic, 돋움;
				color: #126c7f;
				border-bottom: none;
				font-size: 16px;
			}

			.wrap .Left .subMenu li.spelltitle.ON span {
				color: #fff;
				border-bottom: none;
				font-size: 16px;
			}
	/* 서브화면 우측 서브타이틀 */
	.wrap .Right .conMid .subTitle {
		display: block;
		padding: 0 10px 15px;
		text-align: right;
		height: 60px;
		background: url(/images/hub_img/COLOR1_subtitleBG.png) repeat-x center;
	}

	.wrap .Right .conMid .subTitle2 {
		display: block;
		padding: 0 10px 15px;
		text-align: right;
		height: 60px;
		background: url(/images/hub_img/COLOR1_subtitleBG2.png) repeat-x center;
	}
/* 컨텐츠스타일 _ 테이블 */
.tb {
	width: 100%;
	margin: 10px auto;
}

	.tb th {
		height: 30px;
	}

	.tb td {
		height: 25px;
	}

.shop * {
	font-family: Nanum Gothic, Malgun Gothic, 돋움;
}

.shop th {
	background-color: #c0eaf3;
	color: #305b64;
}

.shop td {
	border-bottom: 1px dashed #6da0ab;
	padding: 5px;
}

	.shop td.paymentTitle {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #333333;
	}

.shop .paymentWay input {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom
}

.shop .paymentWay label {
	vertical-align: -1px;
	height: 13px;
}

.shop select {
	width: 80px;
}
/* COLOR-1 GRAY 타입 선언 ******************************************************************************************************************************/
.COLOR-1 {
	background: #eee;
}

	.COLOR-1 .header h1 .Balloon_char {
		background: url(/images/hub_img/logo_char01.png) no-repeat;
	}

		.COLOR-1 .header h1 .Balloon_char.help {
			background: url(/images/hub_img/logo_char01_help.png) no-repeat;
		}
	/* COLOR-1 탑메뉴 */
	.COLOR-1 .header .topmenu li a:hover {
		color: #32B1CC;
	}

	.COLOR-1 .header .topmenu li ul {
		background: url(/images/hub_img/COLOR1_bg_submenu_end.png) right 1px no-repeat;
	}

		.COLOR-1 .header .topmenu li ul li {
			color: #ffffff;
		}

			.COLOR-1 .header .topmenu li ul li a:hover {
				color: #fff;
			}

			.COLOR-1 .header .topmenu li ul li.first {
				background: url(/images/hub_img/COLOR1_bg_submenu_start.png) left 1px no-repeat;
			}
	/* COLOR-1 하단 공지사항,3개버튼,콜센터 */
	.COLOR-1 .wrap .bbs {
		color: #ffffff;
		background: url(/images/hub_img/bg_notice.png) no-repeat;
		width: 367px;
		padding: 50px 16px 0 16px;
		min-height: 118px;
	}

		.COLOR-1 .wrap .bbs span {
			color: #bbbbbb;
		}

		.COLOR-1 .wrap .bbs a:hover {
			border-bottom: 1px dashed #ffffff;
		}

	.COLOR-1 .wrap .quickBtn {
		color: #000000;
	}

		.COLOR-1 .wrap .quickBtn li.go_Btn_welcome {
			background: url(/images/hub_img/COLOR1_quick_Btn_01_2.png) no-repeat;
		}

		.COLOR-1 .wrap .quickBtn li.go_Btn_test {
			background: url(/images/hub_img/COLOR1_quick_Btn_02_2.png) no-repeat;
		}

		.COLOR-1 .wrap .quickBtn li.go_Btn_tip {
			background: url(/images/hub_img/COLOR1_quick_Btn_03_2.png) no-repeat;
		}

		.COLOR-1 .wrap .quickBtn a:hover li.go_Btn_welcome {
			background: url(/images/hub_img/COLOR1_quick_Btn_01_ON.png) no-repeat 0 1px;
		}

		.COLOR-1 .wrap .quickBtn a:hover li.go_Btn_test {
			background: url(/images/hub_img/COLOR1_quick_Btn_02_ON.png) no-repeat 0 1px;
		}

		.COLOR-1 .wrap .quickBtn a:hover li.go_Btn_tip {
			background: url(/images/hub_img/COLOR1_quick_Btn_03_ON.png) no-repeat 0 2px;
		}

	.COLOR-1 .wrap .callcenter {
		background: url(/images/hub_img/COLOR1_img_callcenter2.png) no-repeat;
	}
	/* COLOR-1 하단 카피라이트 */
	.COLOR-1 .wrap .copyright {
		border-top: 2px solid #2b377d;
	}

		.COLOR-1 .wrap .copyright ADDRESS {
			color: #19246c;
		}
	/* 2014-10-20 spelling4930생기면서 메인스타일 변경 css .wrap .quickEdu{height:600px;}
 .MainShow .images{margin-bottom:40px;}
 .COLOR-1 .wrap .bbs{background:url(/images/hub_img/bg_notice2.png) no-repeat; width:168px; padding-top:40px; min-height:128px; margin-right:5px;}
 .COLOR-1 .wrap .bbs li{background-position:3px 20%;}
 .COLOR-1 .wrap .quickBtn{width:330px;}
 .COLOR-1 .wrap .quickBtn li{margin:18px 2px 0 2px;}
 .COLOR-1 .wrap .quickEdu dd.levelline{margin-top:10px; margin-bottom:10px;}
 */
	/* COLOR1 서브스타일 선언_대문자타이틀 // 20170207 서브메뉴&좌상단타이틀 텍스트화*/
	.COLOR-1 .wrap .Left .subTitle {
		display: block;
		font-family: IGM, Malgun Gothic, 돋움;
		color: #515151;
		font-size: 16px;
		font-weight: 400;
	}

.subTitle {
	font-family: InterparkGothic, Malgun Gothic, 돋움;
	color: #32B1CC;
	font-size: 26px;
	font-weight: 700;
}

.subTitle2 {
	font-family: InterparkGothic, Malgun Gothic, 돋움;
	color: #EB3A7D;
	font-size: 26px;
	font-weight: 700;
}

.sub_menu_bg {
	background: #fff;
	border-radius: 10px;
}
/*.COLOR-1 .wrap .Left .subTitle{background:url(/images/hub_img/COLOR1_subtitleDT.png) no-repeat; width:210px; height:36px; display:block;}
 .COLOR-1 .wrap .Left .subTitle.sub1{background-position:0 0;}
 .COLOR-1 .wrap .Left .subTitle.sub2{background-position:0 -36px;}
 .COLOR-1 .wrap .Left .subTitle.sub3{background-position:0 -69px;}
 .COLOR-1 .wrap .Left .subTitle.sub4{background-position:0 -108px;}
 .COLOR-1 .wrap .Left .subTitle.sub5{background-position:0 -144px;}
 .COLOR-1 .wrap .Left .subTitle.sub6{background-position:0 -180px;}
 .COLOR-1 .wrap .Left .subTitle.sub7{background-position:0 -216px;}
 .COLOR-1 .wrap .Left .subTitle.sub8{background-position:0 -252px;}
 .COLOR-1 .wrap .Left .subTitle.sub9{background-position:0 -288px;}
 .COLOR-1 .wrap .Left .subTitle.sub10{background-position:0 -324px;}
 .COLOR-1 .wrap .Left .subTitle.sub11{background-position:0 -360px;}
 .COLOR-1 .wrap .Left .subTitle.sub12{background-position:0 -396px;}
 .COLOR-1 .wrap .Left .subTitle.sub13{background-position:0 -432px;}
*/
.COLOR-1 .wrap .Left .subTitle.sub10, .COLOR-1 .wrap .Left .subTitle.sub6 {
	font-size: 16px;
}
/* COLOR1 서브스타일 선언_한글타이틀 // 20170207 서브메뉴&좌상단타이틀 텍스트화*/
.COLOR-1 .wrap .Left dd {
	font-family: IGB, 돋움;
	font-size: 35px;
	color: #EB3A7D;
}

	.COLOR-1 .wrap .Left dd.mn4_s2 {
		font-size: 28px;
		letter-spacing: -2px;
	}
/*.COLOR-1 .wrap .Left dd{background:url(/images/hub_img/COLOR1_subtitle.png) no-repeat;}
*/
/*.COLOR-1 .wrap .Left dd.mn1_s1{background-position:0 0}
 프로그램소개*/
/*.COLOR-1 .wrap .Left dd.mn2_s1{background-position:0 -22px;}
 WORD4930*/
/*.COLOR-1 .wrap .Left dd.mn3_s1{background-position:0 -44px}
 기본과정*/
/*.COLOR-1 .wrap .Left dd.mn4_s1{background-position:0 -66px}
 심화과정*/
/*.COLOR-1 .wrap .Left dd.mn4_s2{background-position:0 -286px}
 심화과정*/
/*.COLOR-1 .wrap .Left dd.mn5_s1{background-position:0 -88px}
 마이페이지*/
/*.COLOR-1 .wrap .Left dd.mn6_s1{background-position:0 -110px}
 BOARD*/
/*.COLOR-1 .wrap .Left dd.mn7_s1{background-position:0 -132px}
 들어가기*/
/*.COLOR-1 .wrap .Left dd.mn8_s1{background-position:0 -154px}
 테스트*/
/*.COLOR-1 .wrap .Left dd.mn9_s1{background-position:0 -176px}
 활용팁*/
/*.COLOR-1 .wrap .Left dd.mn10_s1{background-position:0 -198px}
 /*영어도서관*/
/*.COLOR-1 .wrap .Left dd.mn10_s2{background-position:0 -220px}
 /*영어도서관*/
/*.COLOR-1 .wrap .Left dd.mn10_s3{background-position:0 -242px}
 /*체험후기*/
/*.COLOR-1 .wrap .Left dd.mn11_s1{background-position:0 -264px}
 /*spelling4930*/
/* COLOR1 서브스타일 선언_서브메뉴 // 20170207 서브메뉴&좌상단타이틀 텍스트화 */
.COLOR-1 .wrap .Left .subMenu li {
	color: #595959;
}

	.COLOR-1 .wrap .Left .subMenu li.ON {
		font-weight: bold;
		color: #32B1CC;
		font-family: Nanum Gothic, Malgun Gothic, 돋움;
	}

.COLOR-1 .wrap .Left .subMenu .title {
	color: #595959;
	font-size: 18px;
}

	.COLOR-1 .wrap .Left .subMenu .title.ON {
		background: url(/images/hub_img/COLOR1_subtitle_on.png?v201702) no-repeat center center;
		border-bottom: 1px solid #ababab;
		color: #fff;
		font-size: 18px;
	}

	.COLOR-1 .wrap .Left .subMenu .title a:hover {
		border-bottom: none;
		margin-bottom: 0px;
	}

.COLOR-1 .wrap .Left .subCall {
	background: url(/images/hub_img/COLOR1_sub_callcenter.png) no-repeat;
	height: 192px;
	margin-top: 70px;
}
/*롤링이미지*/
.images {
	background-color: : #eee;
	position: relative;
	height: 398px;
	width: 772px;
	float: left;
	overflow: hidden; /* CSS3 tweaks for modern browsers */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #32B1CC;
}

	.images div {
		position: absolute;
		top: 0;
	}
/* tabs (those little circles below slides) */
.slidetabs {
	position: absolute;
	right: 0;
	top: 350px;
	clear: both;
	margin: 0 auto;
	z-index: 11;
}
	/* single tab */
	.slidetabs a {
		width: 10px;
		height: 10px;
		float: left;
		margin: 3px;
		background: url(/images/hub_img/navigator.png) 0 0 no-repeat;
		display: block;
		font-size: 1px;
	}
		/* mouseover state */
		.slidetabs a:hover {
			width: 10px;
			height: 10px;
			background-position: 0 -10px;
		}
		/* active state (current page state) */
		.slidetabs a.current {
			background-position: 0 -20px;
		}
/*학습부분 _ 메달추가*/
.medal.start {
	position: absolute;
	right: 5px;
	bottom: -40px;
	width: 38px;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medal_star.png) no-repeat;
}

.medal.A {
	position: absolute;
	right: 5px;
	bottom: -40px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalA.png) no-repeat;
}

.medal.B {
	position: absolute;
	right: 5px;
	bottom: -40px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalB.png) no-repeat;
}

.medal2.A {
	position: absolute;
	right: 15px;
	bottom: -30px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalA.png) no-repeat;
}

.medal2.B {
	position: absolute;
	right: 15px;
	bottom: -30px;
	width: 38PX;
	height: 61px;
	display: block;
	background: url(/images/hub_img/img_medalB.png) no-repeat;
}
/* .medalA { position: absolute; right: 5px; bottom: -40px; width: 38PX; height: 61px; display: block; background: url(/images/hub_img/img_medalA.png) no-repeat; }
 .medalB { position: absolute; right: 5px; bottom: -40px; width: 38PX; height: 61px; display: block; background: url(/images/hub_img/img_medalB.png) no-repeat; }
 .medal2A { position: absolute; right: 15px; bottom: -30px; width: 38PX; height: 61px; display: block; background: url(/images/hub_img/img_medalA.png) no-repeat; }
 .medal2B { position: absolute; right: 15px; bottom: -30px; width: 38PX; height: 61px; display: block; background: url(/images/hub_img/img_medalB.png) no-repeat; }
*/
/*나의학습결과조회*/
.result_myinfo {
	background: url(/images/result_myinfo.gif) no-repeat;
	width: 727px;
	height: 56px;
	margin: 0 auto;
	padding-top: 13px;
	letter-spacing: -2px;
	text-align: center
}

	.result_myinfo div {
		width: 605px;
		margin: 0 33px 0 86px;
	}

	.result_myinfo span {
		font-family: Malgun Gothic;
		font-size: 22px;
		padding: 0 7px;
		letter-spacing: -2px;
		line-height: 22px
	}

	.result_myinfo input {
		margin: 0;
		padding: 0;
	}

ul.basic_level {
	position: absolute;
	left: 40px;
	top: 88px;
	display: block;
	height: 66px;
	width: 231px;
}

	ul.basic_level li {
		display: inline-block;
		width: 77px;
		float: left;
	}

ul.adv_level {
	position: absolute;
	left: 40px;
	top: 195px;
	display: block;
	height: 33px;
	width: 231px;
}

	ul.adv_level li {
		display: inline-block;
		width: 77px;
		float: left;
	}

.date_level select, .date_level2 select {
	border: 2px solid #3975ae;
	font-weight: bold;
	letter-spacing: -1px;
	height: 30px;
	width: 293px;
}

.result_level2 {
	position: relative;
	background: url(/images/result_level.gif) no-repeat;
	width: 727px;
	height: 144px;
}

	.result_level2 .name {
		position: absolute;
		top: 20px;
		left: 127px;
		font-family: Malgun Gothic;
		font-size: 20px;
	}

	.result_level2 .date_start {
		position: absolute;
		left: 117px;
		top: 52px;
	}

	.result_level2 .date_finish {
		position: absolute;
		left: 290px;
		top: 52px;
	}

	.result_level2 .date_result_search {
		position: absolute;
		right: 0;
		top: 10px;
	}
/* 학습결과조회 테이블 스타일 */
.legacy {
	margin-bottom: 65px;
}

	.legacy .Table {
		position: relative;
		border: 1px solid #94c3d6;
		border-collapse: collapse;
		margin-top: 10px;
		table-layout: auto;
	}

		.legacy .Table th {
			border: 1px solid #94c3d6;
			font-weight: bold;
			background-color: #bedbe6;
			color: #1d3d4a;
			text-align: center;
			padding: 5px 2px;
			font-family: Malgun Gothic;
		}

		.legacy .Table td {
			border: 1px solid #94c3d6;
		}

			.legacy .Table td.admin_td2 {
				text-align: center;
			}

.Table.add th {
	height: 30px;
}

.ui-datepicker-trigger {
	margin-left: 5px;
	vertical-align: middle;
}
/*검색박스*/
` .adminSearchBox {
	border: 5px solid #94a2cf;
	padding: 10px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.adminSearchBox select {
	font-family: 맑은 고딕;
}

.adminSearchBox input {
	padding: 2px;
	border: 1px solid #4460aa;
	vertical-align: top;
	font-family: 맑은 고딕;
}

.admin_comment li {
	background: url(../v2_img/bl_admin_memo.gif) no-repeat 5px 7px;
	padding-left: 14px;
	line-height: 160%;
}

.totalcount {
	text-align: right;
	clear: both;
	margin-top: 20px;
}

.legacy table.TableSub {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
}

	.legacy table.TableSub th {
		background-color: #4a8342;
		border: 1px solid #2a5524;
		color: #32B1CC;
	}

	.legacy table.TableSub td {
		border: 1px solid #2a5524;
		background-color: #fff;
	}

	.legacy table.TableSub .subth {
		text-align: center;
		font-weight: bold;
		background-color: #BEDCBA;
	}

.legacy table.TableSub2 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
}

	.legacy table.TableSub2 th {
		background-color: #59bed7;
		border: 1px solid #399ab2;
		color: #132450;
	}

	.legacy table.TableSub2 td {
		border: 1px solid #399ab2;
		background-color: #fff;
	}

.legacy table.TableSub3 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
}

	.legacy table.TableSub3 th {
		background-color: #fcabc4;
		border: 1px solid #cf7c96;
		color: #363636;
	}

	.legacy table.TableSub3 td {
		border: 1px solid #cf7c96;
		background-color: #fff;
	}

.legacy table.TableSub4 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
	font-size: 11px;
}

	.legacy table.TableSub4 th {
		background-color: #dfcaef;
		border: 1px solid #9078a3;
		color: #3e3148;
		font-family: Malgun Gothic;
	}

	.legacy table.TableSub4 td {
		border: 1px solid #9078a3;
		background-color: #fff;
		text-align: center;
	}

.legacy table.TableSub5 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
	font-size: 11px;
}

	.legacy table.TableSub5 th {
		background-color: #d8db83;
		border: 1px solid #b2b565;
		color: #5e6035;
		font-family: Malgun Gothic;
	}

	.legacy table.TableSub5 td {
		border: 1px solid #b2b565;
		background-color: #fff;
		text-align: center;
	}

.legacy table.TableSub6 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
}

	.legacy table.TableSub6 th {
		background-color: #f5a890;
		border: 1px solid #cc8772;
		color: #845040;
	}

	.legacy table.TableSub6 td {
		border: 1px solid #cc8772;
		background-color: #fff;
	}

.legacy table.TableSub7 {
	width: 100%;
	border-spacing: 2px !important;
	table-layout: auto;
}

	.legacy table.TableSub7 th {
		background-color: #e8e8e8;
		border: 1px solid #b7b7b7;
		color: #525252;
	}

	.legacy table.TableSub7 td {
		border: 1px solid #b7b7b7;
		background-color: #fff;
	}

.result_date {
	position: relative;
	background: url(/images/hub_img/bg_result_date2.png) no-repeat;
	width: 727px;
	height: 161px;
}

	.result_date input {
		margin: 0;
	}

	.result_date .date_level2 {
		position: absolute;
		left: 240px;
		top: 40px;
	}

	.result_date .date_start {
		position: absolute;
		left: 240px;
		top: 73px;
	}

	.result_date .date_finish {
		position: absolute;
		left: 404px;
		top: 73px;
	}

	.result_date .date_result_search {
		position: absolute;
		right: 0;
		top: 48px;
	}

.result_level {
	position: relative;
	background: url(/images/hub_img/bg_result_level2.png) no-repeat;
	width: 728px;
	height: 278px;
	margin: 65px 0;
}

	.result_level ul {
		position: absolute;
		display: block;
		width: 105px;
	}

		.result_level ul.result_level_basic {
			left: 123px;
			top: 66px;
		}

		.result_level ul.result_level_adv {
			left: 282px;
			top: 66px;
		}

		.result_level ul.result_level_word {
			left: 444px;
			top: 66px;
		}

			.result_level ul.result_level_word li.word_level ul {
				width: 150px;
				left: 115px;
				top: 3px;
			}

			.result_level ul.result_level_word li.word_grade ul {
				width: 110px;
				left: 115px;
				top: 28px;
			}

			.result_level ul.result_level_word li.word_ele ul {
				width: 110px;
				left: 115px;
				top: 55px;
			}

			.result_level ul.result_level_word li.word_middle ul {
				width: 110px;
				left: 115px;
				top: 83px;
			}

		.result_level ul li {
			float: left;
			display: block;
			height: 27px;
			margin-left: 10px;
			margin-top: 0;
		}

			.result_level ul li a {
				position: relative;
				display: block;
				height: 27px;
				width: 102px;
			}

			.result_level ul li span {
				display: none;
			}

		.result_level ul.result_level_word li ul {
			float: left;
			width: 100%;
			height: 21px;
		}

			.result_level ul.result_level_word li ul li {
				display: inline-block;
				margin: 0 1px 0 0;
				padding: 0;
			}

				.result_level ul.result_level_word li ul li a {
					width: 21px;
					height: 21px;
					margin: 0;
					padding: 0;
				}

		.result_level ul.result_level_basic li.level_1 {
			background: url(/images/hub_img/COLOR1_quick_edu01_01.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_2 {
			background: url(/images/hub_img/COLOR1_quick_edu01_02.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_3 {
			background: url(/images/hub_img/COLOR1_quick_edu01_03.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_4 {
			background: url(/images/hub_img/COLOR1_quick_edu01_04.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_5 {
			background: url(/images/hub_img/COLOR1_quick_edu01_05.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_1 {
			background: url(/images/hub_img/COLOR1_quick_edu02_01.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_2 {
			background: url(/images/hub_img/COLOR1_quick_edu02_02.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_3 {
			background: url(/images/hub_img/COLOR1_quick_edu02_03.png) no-repeat;
			margin-bottom: 10px;
		}

		.result_level ul.result_level_word li.word_level {
			width: 102px;
			background: url(/images/hub_img/COLOR1_quick_edu03_01.png) no-repeat;
		}

		.result_level ul.result_level_word li.word_grade {
			width: 102px;
			background: url(/images/hub_img/COLOR1_quick_edu03_02.png) no-repeat;
		}

		.result_level ul.result_level_word li.word_ele {
			width: 102px;
			background: url(/images/hub_img/COLOR1_quick_edu03_03.png) no-repeat;
		}

		.result_level ul.result_level_word li.word_middle {
			width: 102px;
			background: url(/images/hub_img/COLOR1_quick_edu03_04.png) no-repeat;
			margin-bottom: 10px;
		}

		.result_level ul.result_level_basic li.level_1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu01_01_ON.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu01_02_ON.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_3 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu01_03_ON.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_4 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu01_04_ON.png) no-repeat;
		}

		.result_level ul.result_level_basic li.level_5 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu01_05_ON.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu02_01_ON.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu02_02_ON.png) no-repeat;
		}

		.result_level ul.result_level_adv li.grade_3 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu02_03_ON.png) no-repeat;
			margin-bottom: 20px;
		}

		.result_level ul.result_level_word li ul li.word_level_s1 {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s1.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s2 {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s2.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s3 {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s3.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s4 {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s4.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s5 {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s5.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s1ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s2ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s3 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s3ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s4 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s4ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_level_s5 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_01_s5ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s1 {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s1.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s2 {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s2.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s3 {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s3.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s1ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s2ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_grade_s3 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_02_s3ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_ele_s1 {
			background: url(/images/hub_img/COLOR1_quick_edu03_03_s1.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_ele_s2 {
			background: url(/images/hub_img/COLOR1_quick_edu03_03_s2.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_ele_s1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_03_s1ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_ele_s2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_03_s2ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s1 {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s1.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s2 {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s2.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s3 {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s3.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s1 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s1ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s2 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s2ON.png) no-repeat;
		}

		.result_level ul.result_level_word li ul li.word_middle_s3 a:hover {
			background: url(/images/hub_img/COLOR1_quick_edu03_04_s3ON.png) no-repeat;
		}
/*비밀번호찾기*/
.findPWpage {
	position: relative;
	width: 556px;
	height: 257px;
	background: url(/images/hub_img/findpwBg.gif) no-repeat;
	margin: 0px auto 0;
	display: block;
}

	.findPWpage .findPW_input {
		position: absolute;
		left: 257px;
		top: 35px;
		display: block;
		margin: 0;
		padding: 0;
	}

	.findPWpage input {
		background-color: #deebf0;
	}

	.findPWpage .insertId, .findPWpage .insertPw, .findPWpage .insertName, .insertNic {
		width: 253px;
		margin-bottom: 8px;
	}

	.findPWpage .insertPhone1, .findPWpage .insertPhone2, .findPWpage .insertPhone3 {
		width: 64px;
		margin-bottom: 6px;
	}

	.findPWpage .insertMail {
		width: 109px;
		margin-bottom: 8px;
	}
/*도우미*/
.ehelper {
	position: relative;
	display: block;
	background: url(/images/hub_img/contents/bg_eheper.gif) no-repeat left top;
	margin: 50px auto;
	width: 668px;
}

	.ehelper ul {
		display: block;
		margin-left: 105px;
	}

		.ehelper ul li {
			display: inline-block;
			width: 250px;
			margin: 17px 14px;
		}

.basicGrammar {
	position: relative;
	display: block;
	background: url(/images/hub_img/contents/bg_basicGrammar.jpg) no-repeat center top;
	margin: 0px auto;
	height: 171px;
	padding-top: 80px;
}

	.basicGrammar table {
		width: 660px;
		margin: 0px auto;
	}

	.basicGrammar td {
		position: relative;
		text-align: center;
	}

.basicGrammar2 {
	position: relative;
	display: block;
	background: url(/images/hub_img/contents/bg_basicGrammar2.jpg) no-repeat center top;
	margin: 0px auto;
	height: 171px;
	padding-top: 80px;
}

	.basicGrammar2 table {
		width: 660px;
		margin: 0px auto;
	}

	.basicGrammar2 td {
		position: relative;
		text-align: center;
	}

	.basicGrammar2.grammar3 {
		height: 175px;
		background: url(/images/hub_img/contents/bg_basicGrammar3.jpg) no-repeat center top;
	}

.grade_workbook {
	position: relative;
	display: block;
}

	.grade_workbook p.bookBar {
		position: relative;
		width: 673px;
		margin: 60px auto 0;
	}

	.grade_workbook table {
		width: 638px;
		margin: 0px auto;
		text-align: center;
		padding-top: 19px;
	}

		.grade_workbook table td {
			position: relative;
		}

	.grade_workbook ul {
		position: relative;
	}

		.grade_workbook ul li {
			display: block;
			height: 176px;
			width: 673px;
			margin: 16px auto 0;
		}

.mark_pos {
	position: absolute;
	top: -20px;
	left: 80px;
}

.grade_workbook .lesson1 {
	position: relative;
	background: url(/images/hub_img/contents/bg_lesson1.png) no-repeat center top;
}

.grade_workbook .lesson2 {
	position: relative;
	background: url(/images/hub_img/contents/bg_lesson2.png) no-repeat center top;
	height: 176px;
}

.grade_workbook .lesson3 {
	position: relative;
	background: url(/images/hub_img/contents/bg_lesson3.png) no-repeat center top;
	height: 176px;
}

.grade_workbook .lesson4 {
	position: relative;
	background: url(/images/hub_img/contents/bg_lesson4.png) no-repeat center top;
	height: 176px;
}

.grade_workbook .lesson5 {
	position: relative;
	background: url(/images/hub_img/contents/bg_lesson5.png) no-repeat center top;
	height: 176px;
}

.grade_workbook .lesson1 .titleLesson1 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson1.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson2 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson2.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson3 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson3.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson4 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson4.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson5 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson5.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson6 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson6.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson7 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson7.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson8 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson8.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson9 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson9.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson10 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson10.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson11 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson11.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson12 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson12.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson13 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson13.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson14 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson14.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson15 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson15.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson16 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson16.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson17 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson17.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson18 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson18.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson19 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson19.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson20 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson20.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson21 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson21.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson22 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson22.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson23 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson23.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson24 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson24.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson25 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson25.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson26 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson26.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson27 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson27.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson1 .titleLesson28 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson28.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson2 .titleLesson29 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson29.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_workbook .lesson3 .titleLesson30 {
	display: block;
	width: 49px;
	height: 55px;
	background: url(/images/hub_img/contents/title_lesson30.png) no-repeat center top;
	position: absolute;
	left: 16px;
	top: -6px;
	z-index: 999
}

.grade_book_main {
	padding: 0px 10px 0 0;
	text-align: left;
}

.view_hit {
	position: absolute;
	padding: 15px 17px 15px 16px;
	text-align: center;
	background: url(/images/hub_img/contents/bg_view_hit.png) no-repeat center top;
	left: -5px;
	top: -5px;
}

	.view_hit span {
		font-family: Nanum Gothic, Malgun Gothic, 돋움;
		color: #ffffff;
		font-size: 19px;
		font-weight: bold;
		text-align: left;
	}

.grade_workbook table td.hit_date {
	background: url(/images/hub_img/contents/bg_view_hit_date.png) no-repeat center top;
	padding: 12px;
	line-height: 12px;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
	text-align: center
}

.grade_workbook table.lcVoice {
	width: 179px;
	padding-top: 0
}
/*영어도서관*/
.library {
	position: relative;
	background: url(/images/hub_img/lib/bg_lib.jpg) no-repeat;
	width: 724px;
	overflow: hidden;
}

	.library .playAni {
		position: absolute;
		display: block;
		right: 0px;
		top: 10px;
	}

	.library ul.libBox {
		position: relative;
		width: 100%;
		display: block;
		margin-top: 540px;
	}

	.library .libBox li.levelBox {
		width: 340px;
		height: 231px;
		background: url(/images/hub_img/lib/bg_libBox_level.png) no-repeat;
		float: left;
		margin: 0 25px 0 12px;
		padding: 90px 0 0 25px
	}

	.library .libBox li.genreBox {
		width: 340px;
		height: 231px;
		background: url(/images/hub_img/lib/bg_libBox_genre.png) no-repeat;
		float: left;
		padding: 90px 0 0 25px
	}

.view_lib {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 102px;
	height: 125px;
	z-index: 999
}

.library .l_cata li {
	float: left;
	width: 92px;
	height: 34px;
	margin: 4px 2px;
}

	.library .l_cata li a {
		width: 92px;
		height: 34px;
	}

.library .bookcase {
	position: relative;
	width: 100%;
	display: block;
	margin-top: 500px;
	background: url(/images/hub_img/lib/bg_bookcase01.png) center top no-repeat;
	min-height: 734px;
	padding-bottom: 10px;
}

	.library .bookcase .title {
		width: 100%;
		height: 66px;
		text-align: center;
		padding-top: 15px;
	}

	.library .bookcase table {
		width: 690px;
		margin: 0 auto;
	}

		.library .bookcase table td {
			position: relative;
			width: 230px;
			height: 215px;
			text-align: center;
			vertical-align: bottom;
		}

			.library .bookcase table td img {
				margin-bottom: 6px;
			}

		.library .bookcase table.creative td img, .library .bookcase table.fable td img {
			padding-bottom: 0px;
		}

		html > /**/
		body .library .bookcase table td, x:-moz-any-link, x:default {
			position: relative;
			width: 230px;
			height: 215px;
			text-align: center;
			vertical-align: bottom;
		}

			html > /**/
			body .library .bookcase table td .b_no, x:-moz-any-link, x:default {
				position: absolute;
				left: 43px;
				top: 37px;
				display: block;
				width: 45px;
				height: 45px;
			}

			.library .bookcase table td .b_no {
				position: absolute;
				left: 43px;
				top: 37px;
				display: block;
				width: 45px;
				height: 45px;
			}

				.library .bookcase table td .b_no.n1 {
					background: url(/images/hub_img/lib/lib_no1.png) no-repeat;
				}

				.library .bookcase table td .b_no.n2 {
					background: url(/images/hub_img/lib/lib_no2.png) no-repeat;
				}

				.library .bookcase table td .b_no.n3 {
					background: url(/images/hub_img/lib/lib_no3.png) no-repeat;
				}

				.library .bookcase table td .b_no.n4 {
					background: url(/images/hub_img/lib/lib_no4.png) no-repeat;
				}

				.library .bookcase table td .b_no.n5 {
					background: url(/images/hub_img/lib/lib_no5.png) no-repeat;
				}

				.library .bookcase table td .b_no.n6 {
					background: url(/images/hub_img/lib/lib_no6.png) no-repeat;
				}

				.library .bookcase table td .b_no.n7 {
					background: url(/images/hub_img/lib/lib_no7.png) no-repeat;
				}

				.library .bookcase table td .b_no.n8 {
					background: url(/images/hub_img/lib/lib_no8.png) no-repeat;
				}

				.library .bookcase table td .b_no.n9 {
					background: url(/images/hub_img/lib/lib_no9.png) no-repeat;
				}

				.library .bookcase table td .b_no.n10 {
					background: url(/images/hub_img/lib/lib_no10.png) no-repeat;
				}

				.library .bookcase table td .b_no.n11 {
					background: url(/images/hub_img/lib/lib_no11.png) no-repeat;
				}

				.library .bookcase table td .b_no.n12 {
					background: url(/images/hub_img/lib/lib_no12.png) no-repeat;
				}

				.library .bookcase table td .b_no.n13 {
					background: url(/images/hub_img/lib/lib_no13.png) no-repeat;
				}

				.library .bookcase table td .b_no.n14 {
					background: url(/images/hub_img/lib/lib_no14.png) no-repeat;
				}

				.library .bookcase table td .b_no.n15 {
					background: url(/images/hub_img/lib/lib_no15.png) no-repeat;
				}

				.library .bookcase table td .b_no.n16 {
					background: url(/images/hub_img/lib/lib_no16.png) no-repeat;
				}

				.library .bookcase table td .b_no.n17 {
					background: url(/images/hub_img/lib/lib_no17.png) no-repeat;
				}

				.library .bookcase table td .b_no.n18 {
					background: url(/images/hub_img/lib/lib_no18.png) no-repeat;
				}

				.library .bookcase table td .b_no.n19 {
					background: url(/images/hub_img/lib/lib_no19.png) no-repeat;
				}

				.library .bookcase table td .b_no.n20 {
					background: url(/images/hub_img/lib/lib_no20.png) no-repeat;
				}

				.library .bookcase table td .b_no.n21 {
					background: url(/images/hub_img/lib/lib_no21.png) no-repeat;
				}

				.library .bookcase table td .b_no.n22 {
					background: url(/images/hub_img/lib/lib_no22.png) no-repeat;
				}

				.library .bookcase table td .b_no.n23 {
					background: url(/images/hub_img/lib/lib_no23.png) no-repeat;
				}

				.library .bookcase table td .b_no.n24 {
					background: url(/images/hub_img/lib/lib_no24.png) no-repeat;
				}

				.library .bookcase table td .b_no.n25 {
					background: url(/images/hub_img/lib/lib_no25.png) no-repeat;
				}

				.library .bookcase table td .b_no.n26 {
					background: url(/images/hub_img/lib/lib_no26.png) no-repeat;
				}

				.library .bookcase table td .b_no.n27 {
					background: url(/images/hub_img/lib/lib_no27.png) no-repeat;
				}

				.library .bookcase table td .b_no.n28 {
					background: url(/images/hub_img/lib/lib_no28.png) no-repeat;
				}

				.library .bookcase table td .b_no.n29 {
					background: url(/images/hub_img/lib/lib_no29.png) no-repeat;
				}

				.library .bookcase table td .b_no.n30 {
					background: url(/images/hub_img/lib/lib_no30.png) no-repeat;
				}

				.library .bookcase table td .b_no.n31 {
					background: url(/images/hub_img/lib/lib_no31.png) no-repeat;
				}

				.library .bookcase table td .b_no.n32 {
					background: url(/images/hub_img/lib/lib_no32.png) no-repeat;
				}

				.library .bookcase table td .b_no.n33 {
					background: url(/images/hub_img/lib/lib_no33.png) no-repeat;
				}

				.library .bookcase table td .b_no.n34 {
					background: url(/images/hub_img/lib/lib_no34.png) no-repeat;
				}

				.library .bookcase table td .b_no.n35 {
					background: url(/images/hub_img/lib/lib_no35.png) no-repeat;
				}

				.library .bookcase table td .b_no.n36 {
					background: url(/images/hub_img/lib/lib_no36.png) no-repeat;
				}

				.library .bookcase table td .b_no.n37 {
					background: url(/images/hub_img/lib/lib_no37.png) no-repeat;
				}

				.library .bookcase table td .b_no.n38 {
					background: url(/images/hub_img/lib/lib_no38.png) no-repeat;
				}

				.library .bookcase table td .b_no.n39 {
					background: url(/images/hub_img/lib/lib_no39.png) no-repeat;
				}

				.library .bookcase table td .b_no.n40 {
					background: url(/images/hub_img/lib/lib_no40.png) no-repeat;
				}

				.library .bookcase table td .b_no.n41 {
					background: url(/images/hub_img/lib/lib_no41.png) no-repeat;
				}

				.library .bookcase table td .b_no.n42 {
					background: url(/images/hub_img/lib/lib_no42.png) no-repeat;
				}

				.library .bookcase table td .b_no.n43 {
					background: url(/images/hub_img/lib/lib_no43.png) no-repeat;
				}

				.library .bookcase table td .b_no.n44 {
					background: url(/images/hub_img/lib/lib_no44.png) no-repeat;
				}

				.library .bookcase table td .b_no.n45 {
					background: url(/images/hub_img/lib/lib_no45.png) no-repeat;
				}

				.library .bookcase table td .b_no.n46 {
					background: url(/images/hub_img/lib/lib_no46.png) no-repeat;
				}

				.library .bookcase table td .b_no.n47 {
					background: url(/images/hub_img/lib/lib_no47.png) no-repeat;
				}

				.library .bookcase table td .b_no.n48 {
					background: url(/images/hub_img/lib/lib_no48.png) no-repeat;
				}

				.library .bookcase table td .b_no.n49 {
					background: url(/images/hub_img/lib/lib_no49.png) no-repeat;
				}

				.library .bookcase table td .b_no.n50 {
					background: url(/images/hub_img/lib/lib_no50.png) no-repeat;
				}

				.library .bookcase table td .b_no.n51 {
					background: url(/images/hub_img/lib/lib_no51.png) no-repeat;
				}

				.library .bookcase table td .b_no.n52 {
					background: url(/images/hub_img/lib/lib_no52.png) no-repeat;
				}

			.library .bookcase table td p.level1 {
				width: 60px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level1.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 88px
			}

			.library .bookcase table td p.level2 {
				width: 60px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level2.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 91px
			}

			.library .bookcase table td p.level3 {
				width: 60px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level3.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 88px
			}

			.library .bookcase table td p.level4 {
				width: 60px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level4.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 88px
			}

			.library .bookcase table td p.level5 {
				width: 60px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level5.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 88px
			}

			.library .bookcase table td p.level6 {
				width: 59px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level12.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 85px
			}

			.library .bookcase table td p.genre1 {
				width: 105px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level6.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 62px
			}

			.library .bookcase table td p.genre2 {
				width: 51px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level7.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 88px
			}

			.library .bookcase table td p.genre3 {
				width: 44px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level8.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 93px
			}

			.library .bookcase table td p.genre4 {
				width: 57px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level9.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 85px
			}

			.library .bookcase table td p.genre5 {
				width: 92px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level10.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 68px
			}

			.library .bookcase table td p.genre6 {
				width: 78px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level11.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 73px
			}

			.library .bookcase table td p.genre7 {
				width: 137px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level13.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 47px
			}

			.library .bookcase table td p.genre8 {
				width: 48px;
				height: 20px;
				background: url(/images/hub_img/lib/title_level14.png) no-repeat;
				position: absolute;
				bottom: 0;
				left: 90px
			}
/* spelling4930 교육 추가 141022 */
.sp4930 {
	position: relative;
	background: url(/images/hub_img/bg_spelling4930.png) no-repeat center top;
	padding: 20px;
}

	.sp4930 .sp_ranking {
		position: relative;
		background: url(/images/contents/spelling4930/bg_sp_ranking.png) center no-repeat;
		height: 289px;
	}

		.sp4930 .sp_ranking .sp_now_level {
			position: absolute;
			left: 30px;
			top: 84px;
			height: 74px;
			width: 84px;
			display: block;
		}

			.sp4930 .sp_ranking .sp_now_level.tq1 {
				background: url(/images/contents/spelling4930/ranking_level_tq1.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.tq2 {
				background: url(/images/contents/spelling4930/ranking_level_tq2.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.cs1 {
				background: url(/images/contents/spelling4930/ranking_level_cs1.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.cs2 {
				background: url(/images/contents/spelling4930/ranking_level_cs2.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.grade1 {
				background: url(/images/contents/spelling4930/ranking_level_grade1.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.grade2 {
				background: url(/images/contents/spelling4930/ranking_level_grade2.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.grade3 {
				background: url(/images/contents/spelling4930/ranking_level_grade3.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.el1 {
				background: url(/images/contents/spelling4930/ranking_level_el1.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.el2 {
				background: url(/images/contents/spelling4930/ranking_level_el2.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.ml1 {
				background: url(/images/contents/spelling4930/ranking_level_ml1.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.ml2 {
				background: url(/images/contents/spelling4930/ranking_level_ml2.png) no-repeat;
			}

			.sp4930 .sp_ranking .sp_now_level.ml3 {
				background: url(/images/contents/spelling4930/ranking_level_ml3.png) no-repeat;
			}

		.sp4930 .sp_ranking .sp_now_ranking_week, .sp4930 .sp_ranking .sp_now_ranking_my {
			font-size: 15px;
			color: #225a27;
			font-weight: bold;
		}

		.sp4930 .sp_ranking .sp_now_ranking_week {
			position: absolute;
			left: 350px;
			top: 87px;
		}

		.sp4930 .sp_ranking .sp_now_ranking_my {
			position: absolute;
			left: 350px;
			top: 122px;
		}

	.sp4930 p.sp_adv a {
		position: absolute;
		width: 245px;
		height: 187px;
		display: block;
		background: url(/images/contents/spelling4930/btn_sp_adv_off2.png) no-repeat;
		cursor: pointer;
		text-indent: -999999px;
		top: 60px;
		left: 150px;
	}

// .sp4930 p.sp_adv a:hover {
	background: url(/images/contents/spelling4930/btn_sp_adv_on.png) no-repeat;
}

.sp4930 p.sp_spellingbattle a {
	position: absolute;
	width: 327px;
	height: 203px;
	display: block;
	background: url(/images/contents/spelling4930/btn_sp_spellingbattle_off2.png) no-repeat;
	cursor: pointer;
	text-indent: -999999px;
	top: 390px;
	left: 280px;
}

// .sp4930 p.sp_spellingbattle a:hover {
	background: url(/images/contents/spelling4930/btn_sp_spellingbattle_on.png) no-repeat;
}

#sb_levellist {
	background: url(/images/contents/spelling4930/bg_spellingbattle_choice.png) right;
	display: block;
	width: 137px;
	height: 343px;
	padding: 43px;
}

	#sb_levellist ul {
		list-style: none;
		display: block;
	}

	#sb_levellist li {
		font-family: Nanum Gothic, Malgun Gothic, 돋움;
		text-align: left;
		font-weight: bold;
	}

	#sb_levellist .basic {
		margin-left: 68px;
		margin-top: 40px;
	}

		#sb_levellist .basic li a {
			color: #4959ba;
		}

			#sb_levellist .basic li a:hover {
				border-bottom: 1px dashed #4959ba;
			}

	#sb_levellist .adv {
		margin-left: 68px;
		margin-top: 26px;
	}

		#sb_levellist .adv li a {
			color: #438824;
		}

			#sb_levellist .adv li a:hover {
				border-bottom: 1px dashed #4959ba;
			}

	#sb_levellist .ele {
		margin-left: 68px;
		margin-top: 30px;
	}

		#sb_levellist .ele li a {
			color: #e83b8c;
		}

			#sb_levellist .ele li a:hover {
				border-bottom: 1px dashed #e83b8c;
			}

	#sb_levellist .mid {
		margin-left: 68px;
		margin-top: 35px;
	}

		#sb_levellist .mid li a {
			color: #199ce7;
		}

			#sb_levellist .mid li a:hover {
				border-bottom: 1px dashed #199ce7;
			}
/* COLOR-1 우측 교육바로가기 마우스 오프 */
.COLOR-1 .wrap .quickEdu .level_1 div {
	background: url(/images/hub_img/COLOR1_quick_edu01_01.png) no-repeat;
	margin-top: 5px;
}

.COLOR-1 .wrap .quickEdu .level_2 div {
	background: url(/images/hub_img/COLOR1_quick_edu01_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_3 div {
	background: url(/images/hub_img/COLOR1_quick_edu01_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_4 div {
	background: url(/images/hub_img/COLOR1_quick_edu01_04.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_5 div {
	background: url(/images/hub_img/COLOR1_quick_edu01_05.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .dreaming div {
	background: url(/images/hub_img/btn_dreaming1.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .earthFacts div {
	background: url(/images/hub_img/btn_earthFacts1.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .thinking div {
	background: url(/images/hub_img/btn_thinking1_1.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .thinking2 div {
	background: url(/images/hub_img/btn_thinking2_off.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .science div {
	background: url(/images/hub_img/btn_science_off.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_1 {
	background: url(/images/hub_img/COLOR1_quick_edu02_01.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_2 {
	background: url(/images/hub_img/COLOR1_quick_edu02_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_3 {
	background: url(/images/hub_img/COLOR1_quick_edu02_03.png) no-repeat;
	margin-bottom: 10px;
}

.COLOR-1 .wrap .quickEdu dd.word_level {
	background: url(/images/hub_img/COLOR1_quick_edu03_01.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_grade {
	background: url(/images/hub_img/COLOR1_quick_edu03_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_ele {
	background: url(/images/hub_img/COLOR1_quick_edu03_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_middle {
	background: url(/images/hub_img/COLOR1_quick_edu03_04.png) no-repeat;
	margin-bottom: 10px;
}

.COLOR-1 .wrap .quickEdu dd.spelling_level {
	background: url(/images/hub_img/COLOR1_quick_edu04_01.png) no-repeat;
	margin-top: 10px;
}

.COLOR-1 .wrap .quickEdu dd.spelling_grade {
	background: url(/images/hub_img/COLOR1_quick_edu04_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.spelling_ele {
	background: url(/images/hub_img/COLOR1_quick_edu04_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.spelling_middle {
	background: url(/images/hub_img/COLOR1_quick_edu04_04.png) no-repeat;
	margin-bottom: 10px;
}
/* COLOR-1 우측 교육바로가기 마우스 온 */
.COLOR-1 .wrap .quickEdu .level_1:hover div {
	background: url(/images/hub_img/COLOR1_quick_edu01_01_ON.png) no-repeat !important;
}

.COLOR-1 .wrap .quickEdu .level_2:hover div {
	background: url(/images/hub_img/COLOR1_quick_edu01_02_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_3:hover div {
	background: url(/images/hub_img/COLOR1_quick_edu01_03_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_4:hover div {
	background: url(/images/hub_img/COLOR1_quick_edu01_04_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .level_5:hover div {
	background: url(/images/hub_img/COLOR1_quick_edu01_05_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .dreaming:hover div {
	background: url(/images/hub_img/btn_dreaming2.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .earthFacts:hover div {
	background: url(/images/hub_img/btn_earthFacts2.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .thinking:hover div {
	background: url(/images/hub_img/btn_thinking2_2.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .thinking2:hover div {
	background: url(/images/hub_img/btn_thinking2_on.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu .science:hover div {
	background: url(/images/hub_img/btn_science_on.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_1 a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu02_01_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_2 a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu02_02_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.grade_3 a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu02_03_ON.png) no-repeat;
	margin-bottom: 20px;
}

.COLOR-1 .wrap .quickEdu dd.word_level a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu03_01_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_grade a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu03_02_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_ele a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu03_03_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.word_middle a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu03_04_ON.png) no-repeat;
	margin-bottom: 20px;
}

.COLOR-1 .wrap .quickEdu dd.spelling_level a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu04_01_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.spelling_grade a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu04_02_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.spelling_ele a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu04_03_ON.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu dd.spelling_middle a:hover {
	background: url(/images/hub_img/COLOR1_quick_edu04_04_ON.png) no-repeat;
}
/* COLOR-1 우측 교육바로가기 마우스 온 했을 경우 캐릭터 뿅(현재 숨김상태/추후복구가능성있음) */
.wrap .quickEdu p {
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

	.wrap .quickEdu p.q_pop1 {
		right: 60px;
		top: -30px;
		width: 81px;
		height: 81px;
	}

	.wrap .quickEdu p.q_pop1_1 {
		right: 180px;
		top: -55px;
		width: 102px;
		height: 100px;
	}

	.wrap .quickEdu p.q_pop2 {
		right: 60px;
		top: -5px;
		width: 81px;
		height: 81px;
	}

	.wrap .quickEdu p.q_pop3 {
		right: 60px;
		top: 25px;
		width: 81px;
		height: 81px;
	}

	.wrap .quickEdu p.q_pop4 {
		right: 60px;
		top: 50px;
		width: 81px;
		height: 81px;
	}

	.wrap .quickEdu p.q_pop5 {
		right: 60px;
		top: 78px;
		width: 81px;
		height: 81px;
	}

	.wrap .quickEdu p.q_pop6 {
		right: -60px;
		top: 115px;
		width: 77px;
		height: 85px;
	}

	.wrap .quickEdu p.q_pop7 {
		right: -60px;
		top: 135px;
		width: 77px;
		height: 92px;
	}

	.wrap .quickEdu p.q_pop8 {
		right: -60px;
		top: 180px;
		width: 86px;
		height: 76px;
	}

	.wrap .quickEdu p.q_pop9 {
		right: 100px;
		top: 285px;
	}

	.wrap .quickEdu p.q_pop10 {
		right: 100px;
		top: 300px;
	}

	.wrap .quickEdu p.q_pop11 {
		right: 100px;
		top: 320px;
	}

	.wrap .quickEdu p.q_pop12 {
		right: 100px;
		top: 335px;
	}

	.wrap .quickEdu p.q_pop13 {
		right: -95px;
		top: -60px;
		width: 109px;
		height: 75px;
	}

	.wrap .quickEdu p.q_pop14 {
		left: -90px;
		top: 300px;
		width: 109px;
		height: 75px;
	}

	.wrap .quickEdu p.q_pop15 {
		width: 110px;
		height: 75px;
	}

.COLOR-1 .wrap .quickEdu p.q_pop1 {
	background: url(/images/hub_img/COLOR1_quick_pop_level_01.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop1_1 {
	background: url(/images/hub_img/pop_upgrade.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop2 {
	background: url(/images/hub_img/COLOR1_quick_pop_level_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop3 {
	background: url(/images/hub_img/COLOR1_quick_pop_level_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop4 {
	background: url(/images/hub_img/COLOR1_quick_pop_level_04.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop5 {
	background: url(/images/hub_img/COLOR1_quick_pop_level_05.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop6 {
	background: url(/images/hub_img/COLOR1_quick_pop_grade_01.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop7 {
	background: url(/images/hub_img/COLOR1_quick_pop_grade_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop8 {
	background: url(/images/hub_img/COLOR1_quick_pop_grade_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop9 {
	background: url(/images/hub_img/COLOR1_quick_pop_word_01.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop10 {
	background: url(/images/hub_img/COLOR1_quick_pop_word_02.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop11 {
	background: url(/images/hub_img/COLOR1_quick_pop_word_03.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop12 {
	background: url(/images/hub_img/COLOR1_quick_pop_word_04.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop13 {
	background: url(/images/hub_img/pop_new.png?v161220) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop14 {
	background: url(/images/hub_img/pop_brandnew.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop_grade3 {
	background: url(/images/hub_img/pop_new.png) no-repeat;
}

.COLOR-1 .wrap .quickEdu p.q_pop15 {
	background: url(/images/hub_img/pop_new_yellowgreen.png) no-repeat;
}

.wrap .quickEdu p.q_pop13 {
	right: -95px;
	top: -60px;
	width: 109px;
	height: 75px;
}

.newbook {
	position: absolute;
	width: 63px;
	height: 63px;
	display: block;
	background: url(/images/hub_img/ico_newbook.png) no-repeat;
	right: 30px;
	top: 95px;
}

.newbook2 {
	position: absolute;
	width: 63px;
	height: 63px;
	display: block;
	background: url(/images/hub_img/ico_newbook2.png) no-repeat;
	right: 30px;
	top: 95px;
}

.sara {
	display: block;
	width: 105px;
	height: 103px;
	background: url(/images/hub_img/lib/saraLine.png) no-repeat;
	position: absolute;
	left: -17px;
	top: 60px;
}

.timmy {
	display: block;
	width: 105px;
	height: 103px;
	background: url(/images/hub_img/lib/timmyLine.png) no-repeat;
	position: absolute;
	left: -17px;
	top: 50px;
}

.top a {
	display: block;
	width: 60px;
	height: 22px;
	background: url(/images/hub_img/ico_top.png) no-repeat;
	padding-right: 40px;
	margin-top: 20px;
}
/* COLOR-1 우측 교육바로가기 추가 20160211 박혜영 */
/* 추가 */
/* 팝업 정리 */
.wrap .quickEdu dd.empty {
	background: url(/images/hub_img/empty.png) no-repeat;
	margin-top: 5px;
}

	.wrap .quickEdu dd.empty a:hover {
		background: url(/images/hub_img/empty.png) no-repeat;
	}

.COLOR-1 .wrap .quickEdu .level_1:hover .q_pop1 {
	visibility: visible;
}

.COLOR-1 .wrap .quickEdu .level_1:hover .q_pop1_1 {
	visibility: visible;
}

.COLOR-1 .wrap .quickEdu .earthFacts:hover .q_pop13 {
	visibility: visible;
}

.COLOR-1 .wrap .quickEdu .thinking2:hover .q_pop13 {
	visibility: visible;
}

.COLOR-1 .wrap .quickEdu .science:hover .q_pop15 {
	visibility: visible;
}

.COLOR-1 .wrap .quickEdu dd.word_level {
	margin-top: 10px;
	float: left;
	margin-left: 0;
	width: 102px;
}

	.COLOR-1 .wrap .quickEdu dd.word_level:hover .q_pop1_1 {
		visibility: visible;
	}

.COLOR-1 .wrap .quickEdu dd.grade_3:hover .q_pop13 {
	visibility: visible;
}
/*@media (min-width: 1200px) {
 .container { max-width: 1000px; }
 }
 @media (min-width:576px) {
 .container { max-width: 1000px }
 }
 @media (min-width:768px) {
 .container { max-width: 1000px }
 .navbar, .navbar-nav { display: block; }
 }
 @media (min-width:992px) {
 .container { max-width: 1000px }
 }
 @media (min-width:1200px) {
 .container { max-width: 1000px }
 }
*/
/* 2018 리뉴얼 style */
body {
	font-family: Nanum Gothic, Malgun Gothic, 돋움;
	font-size: 14px;
	line-height: 150%;
	width: 100%;
	height: 100%;
	color: #383838;
	background-color: #FFF;
}

* {
	box-sizing: border-box;
}
/* ie8에서 after before 지원안하는듯 해서 분리합니다. */
/*::after, ::before { box-sizing: border-box; }
*/
.text-right {
	text-align: right !important
}

.navbar, .navbar-nav {
	display: block;
}
/* 상단 gnb */
.headerWrap {
	background-color: #ffffff;
	background-image: none;
	padding: 18px 0 0 0;
	box-sizing: border-box;
}

	.headerWrap .gnb li {
		display: inline-block;
		margin-left: 10px;
	}

		.headerWrap .gnb li a {
			display: block;
			font-size: 12px;
			letter-spacing: -1px
		}
/*.headerWrap .gnb li.login { background: url(/images/hub_img2018/btn_login.png) no-repeat center; }
*/
/*.headerWrap .gnb li.logout { background: url(/images/hub_img2018/btn_logout.png) no-repeat center; }
*/
/*.headerWrap .gnb li.admin { background: url(/images/hub_img2018/btn_admin.png) no-repeat center; color: #e06343 }
*/
/* 상단 메뉴바 */
/*.navbar { padding: 0; overflow: hidden; }
 .navbar-brand { margin-right: 35px; float: left; }
 .navbar-nav .nav-item { font-size: 20px; padding: 23px 30px; box-sizing: border-box; float: left; }
*/
/* 상단메뉴바 밑 hello 메세지 바 */
.line2 {
	height: 37px;
	line-height: 37px;
	margin-top: 8px;
}

	.line2 p {
		font-size: 13px;
	}

.hello {
	background: url(/images/hub_img2018/ico_hello.png) no-repeat;
	display: inline-block;
	width: 67px;
	height: 32px;
	margin-top: -10px
}

.subject * {
	font-family: Nanum Gothic, Malgun Gothic, 돋움;
}

.subject .headerWrap .gnb {
	top: -5px;
}

.subject .container {
	margin: 0 auto;
	position: relative;
	padding: 0;
	width: 1000px;
}

.subject .navbar-brand {
	margin-right: 35px;
	float: left;
	padding: 6px 0;
}

.subject .navbar-nav .nav-item {
	padding: 23px 30px;
}

.subject .line2 {
	margin-top: 8px;
	clear: both;
}
/* 슬라이드 */
.carousel {
	height: 230px;
	background-color: #d8d8d8;
	margin-bottom: 10px;
}

.carousel-inner {
	height: 230PX;
	background-color: #ffffff;
}

	.carousel-inner img {
		height: 230PX;
	}
/* 핵심교육과정 */
.edu-box {
	background-color: #f7f7f7;
}

.edu-title {
	font-size: 23px;
	color: #1970d0;
	font-family: "Malgun Gothic";
	font-weight: 600;
	padding: 10px;
}

.edu-title2 {
	text-align: center;
	font-size: 16px;
	color: #575757;
	padding: 10px 10px 0px 10px;
	font-weight: 600;
	margin-bottom: 0.5rem;
	letter-spacing: -0.5px;
}

.edu-box ul {
	float: left;
	padding: 0px 10px;
}

	.edu-box ul li {
		position: relative;
		float: left;
		width: 103px;
		margin-right: 15px;
	}

		.edu-box ul li a {
			font-family: IGM;
			width: 103px;
			height: 56px;
			display: block;
			color: #ffffff;
			font-size: 20px;
			text-align: center;
			padding: 0;
			margin: 0 0 6px 0;
			text-decoration: none;
			letter-spacing: -1px;
		}

			.edu-box ul li a.b_1 {
				line-height: 55px;
			}

			.edu-box ul li a.b_1_s {
				padding-top: 6px;
				font-size: 18px;
			}

		.edu-box ul li:last-child {
			margin-right: 0;
		}

.beginner {
	background-color: #f7f7f7;
}

	.beginner .level_1 a {
		background: url(/images/hub_img2018/bg_begin2_level_1.png) no-repeat;
	}

	.beginner .level_2 a {
		background: url(/images/hub_img2018/bg_begin_level_2_small.png) no-repeat;
	}

	.beginner .level_3 a {
		background: url(/images/hub_img2018/bg_begin_level_3_small.png) no-repeat;
	}

	.beginner .level_4 a {
		background: url(/images/hub_img2018/bg_begin_level_4_small.png) no-repeat;
	}

	.beginner .level_5 a {
		background: url(/images/hub_img2018/bg_begin_level_5_small.png) no-repeat;
	}

	.beginner .level_1 a:hover {
		background: url(/images/hub_img2018/bg_begin_level_1over_small.png) no-repeat;
	}

	.beginner .level_2 a:hover {
		background: url(/images/hub_img2018/bg_begin_level_2over_small.png) no-repeat;
	}

	.beginner .level_3 a:hover {
		background: url(/images/hub_img2018/bg_begin_level_3over_small.png) no-repeat;
	}

	.beginner .level_4 a:hover {
		background: url(/images/hub_img2018/bg_begin_level_4over_small.png) no-repeat;
	}

	.beginner .level_5 a:hover {
		background: url(/images/hub_img2018/bg_begin_level_5over_small.png) no-repeat;
	}

	.beginner .level_3 a:nth-child(2), .beginner .level_4 a:nth-child(2), .beginner .level_5 a:nth-child(2) {
		line-height: 55px;
		padding-top: 0
	}

.edu-box .beginner.black ul li a {
	color: #333333;
}

.beginner.black .level_3 a {
	background: url(/images/hub_img2018/bg_begin2_level_3.png) no-repeat;
}

.beginner.black .level_1 a:hover {
	background: url(/images/hub_img2018/bg_begin2_level_1_over.png) no-repeat;
}

.beginner.black .level_3 a:hover {
	background: url(/images/hub_img2018/bg_begin2_level_3over.png) no-repeat;
}

.advanced {
	background-color: #f1f1f1;
}

	.advanced .grade_1 a {
		background: url(/images/hub_img2018/bg_adv_grade_1_small.png) no-repeat;
	}

		.advanced .grade_1 a:hover {
			background: url(/images/hub_img2018/bg_adv_grade_1over_small.png) no-repeat;
		}

	.advanced .grade_2 a {
		background: url(/images/hub_img2018/bg_adv_grade_2_small.png) no-repeat;
	}

		.advanced .grade_2 a:hover {
			background: url(/images/hub_img2018/bg_adv_grade_2over_small.png) no-repeat;
		}

	.advanced .grade_3 a {
		background: url(/images/hub_img2018/bg_adv_grade_3_small.png) no-repeat;
	}

		.advanced .grade_3 a:hover {
			background: url(/images/hub_img2018/bg_adv_grade_3over_small.png) no-repeat;
		}

		.advanced .grade_1 a:hover, .advanced .grade_2 a:hover, .advanced .grade_3 a:hover {
			color: #e6ec39;
		}

	.advanced .new {
		position: absolute;
		width: 48px;
		height: 56px;
		display: block;
		background: url(/images/hub_img2018/ico_new.png) no-repeat;
		bottom: 25px;
		right: -28px
	}

	.advanced .new-blue {
		position: absolute;
		width: 48px;
		height: 17px;
		display: block;
		background: url(/images/hub_img/new-btn-pink.png) no-repeat;
		right: -18px
	}

	.advanced .comingsoon {
		position: absolute;
		width: 90px;
		height: 27px;
		display: block;
		background: url(/images/hub_img2018/pop_comingsoon.png) no-repeat;
		bottom: -9px;
		right: -8px;
		z-index: 999
	}
/* 고급과정 */
.deepen {
	background-color: #f7f7f7;
	width: 272px;
}

	.deepen .grade_4 a {
		background: url(/images/hub_img/bg_dep_deepen_1over_small.png) no-repeat;
		color: #fff;
		text-shadow: 2px 2px 2px #000;
	}

		.deepen .grade_4 a:hover {
			background: url(/images/hub_img/bg_dep_deepen_1_small.png) no-repeat;
			color: #333333;
			text-shadow: 2px 2px 2px #fff;
		}

	.deepen .grade_5 a {
		background: url(/images/hub_img/bg_dep_deepen_1over_small_02.png) no-repeat;
		color: #fff;
		text-shadow: 2px 2px 2px #000;
	}

		.deepen .grade_5 a:hover {
			background: url(/images/hub_img/bg_dep_deepen_1_small_02.png) no-repeat;
			color: #333333;
			text-shadow: 2px 2px 2px #fff;
		}

	.deepen .grade_5 .comming {
		display: block;
		font-size: 15px;
		color: #349c59;
		line-height: 23px;
	}

// .deepen .new-blue {
	position: absolute;
	width: 48px;
	height: 17px;
	display: block;
	background: url(/images/hub_img/new-btn-blue.png) no-repeat; /*right:-13px; top:-5px;*/
	/*top:-7px; left:-21px;*/
	top: 44px;
	right: -15px;
}

.deepen .new-blue {
	position: absolute;
	width: 48px;
	height: 17px;
	display: block;
	background: url(/images/hub_img/new-btn-pink.png) no-repeat; /*top:-5px; right:-13px */
	top: 44px;
	right: -18px
}
/* .deepen .new1 { bottom: 77px; }
.deepen .new2 { bottom: 15px; } */
.deepen .grade_5 a.empty, .deepen .grade_5 a.empty:hover {
	background-image: none;
	border: 1px dashed #999;
	width: 103px;
	height: 56px;
	border-radius: 1rem;
	display: none;
}

.deepen .grade_4 a {
	position: relative;
}

.deepen .new-soon {
	position: absolute;
	display: block;
	height: 17px;
	background: url(/images/hub_img/soon-btn-blue.png) no-repeat;
	width: 100px;
	right: -65px;
	top: 44px;
}

/* 메인페이지 테이블 레이아웃 */
.main_top_table tr > td,
.main_bottom_table tr > td {
	border-radius: 1rem;
}

.main_bottom_table {
	table-layout: fixed;
}

.edu-box2 {
	clear: both;
	overflow: hidden
}

	.edu-box2 ul {
		float: left;
		padding: 0px 10px;
		margin: 7px 0;
	}

	.edu-box2 a {
		text-decoration: none;
	}

	.edu-box2 > div {
		background-color: #f7f7f7;
		float: left;
		padding: 0px 0;
		width: 134px;
	}

	.edu-box2 div .edu-title {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 18px
	}

	.edu-box2 .e-library .edu-title {
		margin-bottom: 0px
	}

.cappytown-guide {
	position: relative;
	background-color: #ffffff;
	margin: 0;
	overflow: visible;
}

	.cappytown-guide > div:not(:first-of-type) {
		margin-top: 5px;
	}

	.cappytown-guide div {
		position: relative;
		float: none;
		text-align: center;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		margin: 0px;
		padding: 0px;
	}

		.cappytown-guide div .box {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			border: 1px solid #cccccc;
			border-radius: 7px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			margin: 0;
			gap: 0.5rem;
		}

			.cappytown-guide div .box > p {
				min-width: 100px;
				text-align: center;
			}

	.cappytown-guide > div:not (:nth-of-type(1)) {
		margin-top: 0.5rem;
	}

	.cappytown-guide div .box img {
		display: block;
		width: 65px;
		height: 59px;
		object-fit: contain;
	}
	/* .cappytown-guide>div:nth-of-type(1) img, .cappytown-guide>div:nth-of-type(3) img { margin: 0 } */
	.cappytown-guide .box .title {
		font-family: IGM;
		font-size: 17px;
		margin-bottom: 0.1em;
		line-height: 20px;
		color: #e44343;
		letter-spacing: -1px;
		font-weight: 500;
	}

	.cappytown-guide .welcome .box:hover {
		background: url(/images/hub_img2018/bg_over_welcome.png) bottom repeat-x;
	}

	.cappytown-guide .leveltest .title {
		color: #25985b;
	}

	.cappytown-guide .leveltest .box:hover {
		background: url(/images/hub_img2018/bg_over_test.png) bottom repeat-x;
	}

	.cappytown-guide .tip .title {
		color: #253598;
	}

	.cappytown-guide .tip .box:hover {
		background: url(/images/hub_img2018/bg_over_tip.png) bottom repeat-x;
	}

	.cappytown-guide .welcome .bg {
		position: absolute;
		left: 0px;
		top: -10px;
		z-index: 99
	}

	.cappytown-guide .leveltest .bg {
		position: absolute;
		left: 27px;
		top: 5px;
		z-index: 99
	}

	.cappytown-guide .tip .bg {
		position: absolute;
		left: 0px;
		top: -10px;
		z-index: 99
	}

.grade_B1L1_conm_02 .call-center {
	padding: 0;
	background-color: #fff;
	width: 260px;
	height: 160px;
}

	.grade_B1L1_conm_02 .call-center .tel-number {
		font-size: 30px;
		color: #333333;
		display: block;
		margin-top: 33px;
		line-height: 16px;
		padding-bottom: 7px;
		border-bottom: 3px solid #f5d756;
		text-align: center;

	}

		.grade_B1L1_conm_02 .call-center .tel-number span {
			font-size: 15px;
			font-weight: 600;
			text-align: left;
		}

	.grade_B1L1_conm_02 .call-center span.tel-comm {
		font-size: 14px;
		line-height: 16px;
		color: #000000;
		display: block;
		margin-top: 22px;
		margin-bottom: 11px;
	}

	.grade_B1L1_conm_02 .call-center .bg {
		position: relative;
		top: -77px;
		right: 0;
		cursor: pointer
	}

.word5930 li a, .spelling4930 li a, .e-help li a {
	width: 110px;
	color: #615b59;
	text-align: center;
	margin: 0 auto 7px;
	display: block;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	line-height: 25px;
	font-size: 16px;
	height: 30px;
	margin: 0 auto 7px;
	font-weight: 600;
}

	.word5930 li a:hover {
		background: #d03333;
		color: #ffffff;
	}

.word5930 li a {
	background: linear-gradient(to bottom, #ffddd2 60%, #fed2c4 60%);
}

.spelling4930 li a {
	background: linear-gradient(to bottom, #a9f6cb 60%, #91f0b8 60%);
}

	.spelling4930 li a:hover {
		background: #2db29b;
		color: #ffffff;
	}

.e-help li a {
	background: url(/images/hub_img2018/bg_e-help_arrow.png) no-repeat 100px center;
}

	.e-help li a.e_2 {
		background: linear-gradient(to bottom, #a3e8fe 60%, #91e1ff 60%);
	}

		.e-help li a.e_2:hover {
			background: #29bfe4;
		}

	.e-help li a.e_3 {
		background: linear-gradient(to bottom, #fcd722 60%, #fccb08 60%);
	}

		.e-help li a.e_3:hover {
			background: #ff9000;
		}

	.e-help li a.e_4 {
		background: linear-gradient(to bottom, #ffa6c9 60%, #ff98bf 60%);
	}

		.e-help li a.e_4:hover {
			background: #f3254c;
		}

	.e-help li a.e_5 {
		background: linear-gradient(to bottom, #b4eb89 60%, #a5e376 60%);
	}

		.e-help li a.e_5:hover {
			background: #abc329;
		}
/* hi-books */
.hi_books_img_wrap img a {
	display: block;
}
.hi_books_img_wrap img {
	display: block;
	max-width: 100%;
}
/* 하단 footer */
.footer {
	border-top: 37px solid #d9eff4;
	margin-top: 20px;
	padding: 20px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
	clear: both
}

	.footer span {
		display: inline-block;
		margin-right: 12px;
	}

	.footer .set_file a {
		font-family: IGM;
		background-color: #f2f2f2;
		border: 1px solid #cccccc;
		text-align: center;
		color: #333333;
		padding: 7px 10px;
		margin-left: 6px;
		font-size: 12px;
		border-radius: 4px;
	}

		.footer .set_file a:nth-child(4) {
			margin-right: 55px;
		}

	.footer .call-center .tel-number {
		font-size: 30px;
		color: #333333;
		display: block;
		margin-bottom: 11px;
		line-height: 30px;
		padding-bottom: 7px;
		border-bottom: 3px solid #f5d756;
	}

	.footer .call-center span.tel-comm {
		font-size: 14px;
		line-height: 18px;
		color: #000000
	}

	.footer .call-center .bg {
		position: absolute;
		top: 0px;
		right: 0;
		cursor: pointer
	}

.wrap {
	padding-top: 20px;
}

	.wrap .Right .conMid .subTitle2 {
		font-family: IGM;
	}

.COLOR-1 .wrap .Left .subCall {
	background: url(/images/hub_img2018/sub_callcenter2018.png) no-repeat;
	height: 99px;
}

.COLOR-1 .wrap .copyright {
	border-color: #333333;
}

	.COLOR-1 .wrap .copyright address {
		color: #333333;
	}
/* 캐릭터 뿅 */
.edu-box ul li p {
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

	.edu-box ul li p.q_pop1 {
		right: -60px;
		top: -55px;
		width: 81px;
		height: 81px;
	}

	.edu-box ul li p.q_pop2 {
		right: -60px;
		top: -65px;
		width: 81px;
		height: 81px;
	}

	.edu-box ul li p.q_pop3 {
		right: -60px;
		top: -65px;
		width: 81px;
		height: 81px;
	}

	.edu-box ul li p.q_pop4 {
		right: -60px;
		top: -65px;
		width: 81px;
		height: 81px;
	}

	.edu-box ul li p.q_pop5 {
		right: -60px;
		top: -60px;
		width: 81px;
		height: 81px;
	}

	.edu-box ul li p.q_pop6 {
		right: -60px;
		top: -70px;
		width: 77px;
		height: 85px;
	}

	.edu-box ul li p.q_pop7 {
		right: -60px;
		top: -75px;
		width: 77px;
		height: 92px;
	}

	.edu-box ul li p.q_pop8 {
		right: -60px;
		top: -60px;
		width: 86px;
		height: 76px;
	}

	.edu-box ul li p.q_pop1 {
		background: url(/images/hub_img/COLOR1_quick_pop_level_01.png) no-repeat;
	}

	.edu-box ul li p.q_pop1_1 {
		background: url(/images/hub_img/pop_upgrade.png) no-repeat;
	}

	.edu-box ul li p.q_pop2 {
		background: url(/images/hub_img/COLOR1_quick_pop_level_02.png) no-repeat;
	}

	.edu-box ul li p.q_pop3 {
		background: url(/images/hub_img/COLOR1_quick_pop_level_03.png) no-repeat;
	}

	.edu-box ul li p.q_pop4 {
		background: url(/images/hub_img/COLOR1_quick_pop_level_04.png) no-repeat;
	}

	.edu-box ul li p.q_pop5 {
		background: url(/images/hub_img/COLOR1_quick_pop_level_05.png) no-repeat;
	}

	.edu-box ul li p.q_pop6 {
		background: url(/images/hub_img/COLOR1_quick_pop_grade_01.png) no-repeat;
	}

	.edu-box ul li p.q_pop7 {
		background: url(/images/hub_img/COLOR1_quick_pop_grade_02.png) no-repeat;
	}

	.edu-box ul li p.q_pop8 {
		background: url(/images/hub_img/COLOR1_quick_pop_grade_03.png) no-repeat;
	}

.slideShowControl {
	display: block;
	width: 50px;
	height: 440px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
}

.slideShowLeftControl {
	top: 0;
	left: 0;
	background: #eee url(/images/skin/slide_arrow.gif) no-repeat -29px 200px;
	z-index: 10;
}

.slideShowRightControl {
	top: 0;
	right: 0;
	background: #eee url(/images/skin/slide_arrow.gif) no-repeat 17px 200px;
	z-index: 10;
}

.ThumbList .ON {
	border: 1px solid #ddd;
}
/*그래프*/
.view_pollgraph {
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

	.view_pollgraph li {
		clear: both;
		height: 45px;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
	}

	.view_pollgraph dt {
		font-weight: bold;
		margin: 5px 10px 0 0;
		height: 15px;
	}

	.view_pollgraph dd {
		width: 70%;
		white-space: nowrap;
		clear: both;
	}
/*슬라이드*/
.setSlideEvent {
	position: relative;
	border: 1px solid #aaa;
	background: #fafafa;
	margin-bottom: 8px;
	overflow: hidden;
}

	.setSlideEvent ul {
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

	.setSlideEvent li {
		float: left;
		text-align: center;
	}

.index .setSlideEvent.main li {
	font-size: 100px;
	*font-size: 65px;
	height: 400px;
	line-height: 400px;
	margin: 0;
}

	.index .setSlideEvent.main li:after {
		content: " ";
		margin-left: -0.1em;
		white-space: pre;
	}

.index .setSlideEvent.subject li img {
	vertical-align: middle;
}

.index .setSlideEvent.subject li {
	position: relative;
	font-size: 5px;
	*font-size: 65px;
	height: 65px;
	line-height: 65px;
}

	.index .setSlideEvent.subject li:after {
		content: " ";
		margin-left: -0.2em;
		white-space: pre;
	}

	.index .setSlideEvent.subject li img {
		vertical-align: middle;
	}

.setSlideEvent dl {
	margin: 0;
	padding: 0;
}

.setSlideEvent dt {
	display: block;
	height: 63px;
	line-height: 63px;
	margin: 5px 0;
	overflow: hidden;
}

	.setSlideEvent dt:after {
		content: " ";
		margin-left: -0.3em;
		white-space: pre;
	}

	.setSlideEvent dt img {
		border: 1px solid #aaa;
		max-height: 63px;
		vertical-align: middle;
	}

		.setSlideEvent dt img:hover {
			border-color: #666;
		}

.setSlideEvent dd {
	margin: 0;
	text-align: center;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.setSlideEvent .LEFT_ARROW {
	z-index: 10;
	position: absolute;
	top: 1px;
	left: 0;
	width: 20px;
	height: 70px;
	display: block;
	background: #fafafa url('/images/common/banner_arrow.gif') 0 center no-repeat;
}

	.setSlideEvent .LEFT_ARROW:hover {
		background-position: -40px center;
	}

.setSlideEvent .RIGHT_ARROW {
	z-index: 10;
	position: absolute;
	top: 1px;
	right: 0;
	width: 20px;
	height: 70px;
	display: block;
	background: #fafafa url('/images/common/banner_arrow.gif') -20px center no-repeat;
}

	.setSlideEvent .RIGHT_ARROW:hover {
		background-position: -60px center;
	}

.index .SLIDE_TYPE1 .setSlideEvent.main li {
	text-align: center;
	font-size: 100px;
	*font-size: 65px;
	height: 400px;
	line-height: 400px;
	margin: 0;
	padding: 0;
}

	.index .SLIDE_TYPE1 .setSlideEvent.main li:after {
		content: " ";
		margin-left: -0.7em;
		white-space: pre;
	}

	.index .SLIDE_TYPE1 .setSlideEvent.main li img {
		vertical-align: middle;
	}

.POSITION_RIGHT .setSlideEvent, .POSITION_LEFT .setSlideEvent {
	position: relative;
	border: 1px solid #aaa;
	background: #fafafa;
	margin-bottom: 8px;
	overflow: hidden;
}

	.POSITION_RIGHT .setSlideEvent ul, .POSITION_LEFT .setSlideEvent ul {
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

	.POSITION_RIGHT .setSlideEvent li, .POSITION_LEFT .setSlideEvent li {
		float: left;
		width: 100%;
	}

	.POSITION_RIGHT .setSlideEvent dl, .POSITION_LEFT .setSlideEvent dl {
		margin: 0;
		padding: 0;
	}

	.POSITION_RIGHT .setSlideEvent dt, .POSITION_LEFT .setSlideEvent dt {
		display: block;
		height: 60px;
		line-height: 60px;
		margin: 0;
		padding: 0;
	}

		.POSITION_RIGHT .setSlideEvent dt:after, .POSITION_LEFT .setSlideEvent dt:after {
			content: " ";
			margin-left: -0.3em;
			white-space: pre;
		}

		.POSITION_RIGHT .setSlideEvent dt img, .POSITION_LEFT .setSlideEvent dt img {
			border: 1px solid #aaa;
			vertical-align: middle;
		}

			.POSITION_RIGHT .setSlideEvent dt img:hover, .POSITION_LEFT .setSlideEvent dt img:hover {
				border-color: #666;
			}

	.POSITION_RIGHT .setSlideEvent dd, .POSITION_LEFT .setSlideEvent dd {
		margin: 0;
		text-align: center;
		color: #666;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.setSlideEvent .TOP_ARROW {
	z-index: 10;
	position: absolute;
	top: 0;
	width: 100%;
	height: 15px;
	display: block;
	background: #fafafa url('/images/common/banner_arrow_y.gif') center 0 no-repeat;
}

	.setSlideEvent .TOP_ARROW:hover {
		background-position: center -30px;
	}

.setSlideEvent .BOTTOM_ARROW {
	z-index: 10;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 15px;
	display: block;
	background: #fafafa url('/images/common/banner_arrow_y.gif') center -15px no-repeat;
}

	.setSlideEvent .BOTTOM_ARROW:hover {
		background-position: center -45px;
	}
/*레이아웃별 슬라이드 이미지 크기*/
.POSITION_CENTER .setSlideEvent dl img {
	width: 140px;
}

.LAYOUT-2 .POSITION_CENTER .setSlideEvent dl img {
	width: 100px;
}

.LAYOUT-7 .POSITION_CENTER .setSlideEvent dl img {
	width: 100px;
}

.LAYOUT-8 .POSITION_CENTER .setSlideEvent dl img {
	width: 100px;
}

.LAYOUT-9 .POSITION_CENTER .setSlideEvent dl img {
	width: 100px;
}
/*슬라이드 게시판*/
.BOARD_TYPE7 .LIST li {
	height: 400px;
	line-height: 400px;
	text-align: center;
	margin: 0;
}

	.BOARD_TYPE7 .LIST li:after {
		content: " ";
		margin-left: -0.6em;
		white-space: pre;
	}

	.BOARD_TYPE7 .LIST li img {
		vertical-align: middle;
	}

.BOARD_TYPE7 .LEFT_ARROW, .SLIDE_TYPE2 .LEFT_ARROW {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0px;
	width: 46px;
	height: 420px;
	display: block;
	background: #fafafa url('/images/common/slide_arrow.gif') 0 center no-repeat;
}

	.BOARD_TYPE7 .LEFT_ARROW:hover, .SLIDE_TYPE2 .LEFT_ARROW:hover {
		background-position: -62px center;
	}

.BOARD_TYPE7 .RIGHT_ARROW, .SLIDE_TYPE2 .RIGHT_ARROW {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0px;
	width: 46px;
	height: 420px;
	display: block;
	background: #fafafa url('/images/common/slide_arrow.gif') -26px center no-repeat;
}

	.BOARD_TYPE7 .RIGHT_ARROW:hover, .SLIDE_TYPE2 .RIGHT_ARROW:hover {
		background-position: -88px center;
	}
/*슬라이드 게시판 좌우측*/
.POSITION_RIGHT .BOARD_TYPE7, .POSITION_LEFT .BOARD_TYPE7 {
	height: 140px;
}

	.POSITION_RIGHT .BOARD_TYPE7 li, .POSITION_LEFT .BOARD_TYPE7 li {
		height: 117px;
		line-height: 117px;
	}

		.POSITION_RIGHT .BOARD_TYPE7 li img, .POSITION_LEFT .BOARD_TYPE7 li img {
			width: 100%;
		}

	.POSITION_RIGHT .BOARD_TYPE7 .LEFT_ARROW, .POSITION_LEFT .BOARD_TYPE7 .LEFT_ARROW, .POSITION_RIGHT .BOARD_TYPE7 .RIGHT_ARROW, .POSITION_LEFT .BOARD_TYPE7 .RIGHT_ARROW {
		width: 0;
		display: none;
	}
/*메인에 필요한 style*/
.container .MainShow {
	position: absolute;
	width: 573px;
	height: 484px;
	top: 60px;
	left: -50px;
}

.container .Shortcut {
	position: absolute;
	right: 0;
	top: 57px;
	width: 449px;
}

	.container .Shortcut li {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 449px;
		height: 45px;
		margin-bottom: 8px;
	}

.container .bbs {
	position: absolute;
	right: 0;
	top: 250px;
	width: 385px;
	height: 159px;
	background: url(/images/bbsBg.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bbsBg.png', sizingMethod='crop');
}

	.container .bbs dt.bbs1 {
		position: absolute;
		left: 30px;
		top: 0;
	}

		.container .bbs dt.bbs1 li {
			display: inline-block;
			zoom: 1;
			*display: inline;
		}

	.container .bbs dd {
		padding-top: 12px;
		margin-left: 24px;
	}

		.container .bbs dd li {
			font-size: 11px;
			background: url(/images/bl_bbs.png) no-repeat 6px;
			padding-left: 15px;
			line-height: 160%;
			display: block;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl_bbs.png', sizingMethod='crop');
		}

			.container .bbs dd li span {
				color: #888888;
				position: absolute;
				right: 30px;
			}

	*:first-child + html .container .bbs dd {
		margin-top: 15px;
	}

.callcenter {
	position: absolute;
	right: 5px;
	top: 425px;
	width: 357px;
	height: 82px;
	background: url(/images/callcenter.png) no-repeat;
}

.callcenter {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/callcenter.png', sizingMethod='crop');
}

.dice {
	position: absolute;
	left: 465px;
	top: 510px;
	background: url(/images/dice.png) no-repeat;
	width: 154px;
	height: 119px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dice.png', sizingMethod='crop');
}

.account {
	position: absolute;
	top: 488px;
	background: url(/images/loginBg.png) no-repeat;
	width: 373px;
	height: 105px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/loginBg.png', sizingMethod='crop');
}

.login .insertId {
	width: 115px;
	height: 14px;
	background: url(/images/bg_id.gif) no-repeat left;
}

.login .insertPass {
	width: 133px;
	height: 14px;
	background: url(/images/bg_pw.gif) no-repeat left;
}

.login .btn {
	position: absolute;
	width: 54px;
	height: 26px;
	margin: 0 0 0 9px;
	bottom: 36px
}

.afterlogin {
	width: 374px;
	height: 32px;
	margin-top: 45px;
	background: none;
	color: #333333;
	font-weight: bold;
	background: url(/images/loginBg4.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/loginBg4.png', sizingMethod='crop');
}
/*서브 css*/
.container .Left {
	position: relative;
	width: 210px;
	float: left;
	margin: 53px 0 0 0;
	z-index: 111
}

	.container .Left .subTop {
		background: url(/images/subTop.png) no-repeat top;
		width: 210px;
		height: 18px;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subTop.png', sizingMethod='crop');
	}

	.container .Left .subBottom {
		position: relative;
		background: url(/images/subBottom.png) no-repeat bottom;
		width: 210px;
		height: 92px;
	}

	.container .Left .subMid {
		background: url(/images/subMid.png) repeat-y;
		width: 210px;
		height: 100%;
	}

		.container .Left .subMid .subLeftTitle {
			height: 53px;
			padding: 25px 15px 39px 0;
			width: 183px;
			margin: 0 auto;
		}

		.container .Left .subMid ul {
			position: relative;
			margin-left: 13px;
		}

		.container .Left .subMid li {
			width: 173px;
			padding-bottom: 6px;
		}

		.container .Left .subMid .dept {
			background-color: #f1f1f1;
			margin-left: 27px;
			width: 126px;
			margin-top: 3px;
			_padding: 0;
			_width: 73px;
			_border: 1px solid;
		}

			.container .Left .subMid .dept .dTop {
				width: 126px;
				height: 9px;
				background: url(/images/deptBg_Top.png) no-repeat left top;
				_background: none;
				_width: 73px;
			}

			.container .Left .subMid .dept .dBottom {
				width: 126px;
				height: 9px;
				background: url(/images/deptBg_Bottom.png) no-repeat left top;
				_background: none;
				_width: 73px;
			}

			.container .Left .subMid .dept li {
				padding-left: 14px;
				font-size: 11px;
				color: #719860;
				letter-spacing: -1px;
			}

				.container .Left .subMid .dept li a {
					text-decoration: none;
				}

					.container .Left .subMid .dept li a:hover {
						font-weight: bold;
					}

	.container .Left .subBottom .dice {
		position: absolute;
		left: 0px;
		top: 50px;
		background: url(/images/dice.png) no-repeat;
		width: 154px;
		height: 119px;
		z-index: 100;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dice.png', sizingMethod='scale');
		_height: 119px;
	}

	.container .Left .subCall {
		width: 210px;
		height: 84px;
		background: url(/images/subCall.png) no-repeat;
		margin-top: 80px;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subCall.png', sizingMethod='crop');
	}

}

*:first-child + html .container .Left .subMid .dept .dBottom {
	margin-left: -14px;
	margin-bottom: -6px;
}

.container .Right {
	position: relative;
	float: right;
	margin: 53px 0 0 0;
	width: 793px;
}

	.container .Right .conTop {
		background: url(/images/conTop.png) no-repeat;
		width: 792px;
		height: 79px;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/conTop.png', sizingMethod='crop');
	}

	.container .Right .conBottom {
		background: url(/images/conBottom.png) no-repeat;
		width: 792px;
		height: 101px;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/conBottom.png', sizingMethod='crop');
	}

	.container .Right .conMid {
		background: url(/images/conMid.png) repeat-y;
		width: 792px;
		height: 100%;
		padding: 17px;
		min-height: 500px;
	}

	.container .Right .conTop .subTitle {
		position: absolute;
		right: 45px;
		top: 20px;
	}

.conimg {
	text-align: center;
}
/* 메인메뉴 */
#gnb {
	position: absolute;
	right: 0;
	top: 70px;
	height: 83px;
	z-index: 100;
}

	#gnb li {
		float: left;
	}

	#gnb .child01 {
		position: absolute;
		top: 40px;
		height: 50px;
		background: url(/images/barSub.png) no-repeat top;
		text-align: center;
		width: 815px;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/barSub.png', sizingMethod='crop');
	}

		#gnb .child01 li {
			line-height: 0;
			padding: 0 5px;
		}

		#gnb .child01 .first {
			background: none;
			padding-left: 0;
		}

	#gnb .st01 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* 프로그램소개 */
		#gnb .st01 .first {
			padding-left: 110px;
		}

	#gnb .st02 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* 기본과정 */
		#gnb .st02 .first {
			padding-left: 150px;
		}

	#gnb .st03 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* 심화과정 */
		#gnb .st03 .first {
			padding-left: 310px;
		}

	#gnb .st04 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* My Page */
		#gnb .st04 .first {
			padding-left: 500px;
		}

	#gnb .st05 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* BulletinBoard */
		#gnb .st05 .first {
			padding-left: 530px;
		}

	#gnb .st06 {
		width: 784px;
		position: absolute;
		right: 0px;
	}
		/* BulletinBoard */
		#gnb .st06 .first {
			padding-left: 530px;
		}

	*:first-child + html #gnb .child01 li {
		margin-top: 0px;
	}

#b1, #b2, #b3, #b4, #b5, #b6 {
	position: absolute;
	visibility: hidden;
	margin: 0;
}
/* Select */
.select {
	position: relative;
	line-height: normal;
	display: inline-block;
	zoom: 1;
	*display: inline;
	*display: inline;
	vertical-align: middle;
	background: #fff;
	*zoom: 1;
	margin: 10px 0 0 113px;
	z-index: 1
}

	.select * {
		margin: 0;
		padding: 0;
		cursor: pointer;
		font-size: 12px;
		font-family: Tahoma, Sans-serif;
	}

	.select .myValue {
		position: relative;
		z-index: 2;
		left: 0;
		top: 0;
		border: 1px solid #bababa;
		color: #666;
		line-height: 19px;
		_line-height: normal;
		text-align: left;
		overflow: visible;
		background: transparent;
	}

		.select .myValue.selected {
			font-weight: bold;
		}

		.select.open .myValue, .select .myValue.outLine {
			border: 1px solid #999;
		}

	.select button.myValue {
		height: 21px;
		width: 100%;
		text-indent: 5px;
		*text-indent: 0;
		*padding-left: 5px;
	}

	.select div.myValue {
		height: 19px;
		text-indent: 8px;
	}

	.select .ctrl {
		position: absolute;
		top: 0;
		right: 0;
		width: 18px;
		height: 19px;
		border: 1px solid #bababa;
		border-left: 1px solid #eaeaea;
		background: #fff;
	}

	.select .arrow {
		position: absolute;
		width: 0;
		height: 0;
		top: 9px;
		right: 6px;
		line-height: 0;
		font-size: 0;
		border-top: 3px solid #999;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
	}

	.select ul {
		top: 20px;
		left: 0;
		width: 100%;
		list-style: none;
		border: 0;
		border-top: 1px solid #bababa;
		border-bottom: 1px solid #bababa;
		background: #fff;
		overflow: hidden;
	}

		.select ul.aList {
			display: none;
		}

	.select.open ul.aList {
		display: block;
	}

	.select ul.iList {
		left: -2000%;
	}

	.select.open ul.iList {
		left: 0;
	}

	.select li {
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		height: 18px;
		border-left: 1px solid #bababa;
		border-right: 1px solid #bababa;
	}

		.select li input.option {
			position: absolute;
			width: 100%;
			height: 20px;
			line-height: 20px;
		}

		.select li label {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			text-indent: 8px;
			*text-indent: 6px;
			height: 18px;
			line-height: 18px;
			color: #767676;
			background: #fff;
		}

		.select li a {
			display: block;
			text-indent: 8px;
			*text-indent: 6px;
			height: 18px;
			line-height: 18px;
			color: #767676;
			background: #fff;
			text-decoration: none;
		}

		.select li.hover * {
			background: #999;
			color: #fff;
		}
/* 컨텐츠 커리큘럼 */
.curri {
	position: relative;
}

	.curri .btn_detail {
		position: absolute;
		top: 30px;
		right: 80px;
	}

.basic_course {
	position: relative;
}

	.basic_course .btn_dis {
		position: absolute;
		top: 35px;
		right: 70px;
	}
/* 심화학습 tab */
.grade01_tab {
	position: absolute;
	top: 1178px;
	left: 195px;
}

	.grade01_tab #menu_tab {
		position: relative;
	}

		.grade01_tab #menu_tab .tab_con {
			margin-bottom: 18px;
		}

			.grade01_tab #menu_tab .tab_con ul {
				position: absolute;
				left: 120px;
				top: 2px;
				width: 300px;
			}

.grade02_tab {
	position: absolute;
	top: 1415px;
	left: 195px;
}

	.grade02_tab #menu_tab2 {
		position: relative;
	}

		.grade02_tab #menu_tab2 .tab_con {
			margin-bottom: 18px;
		}

			.grade02_tab #menu_tab2 .tab_con ul {
				position: absolute;
				left: 120px;
				top: 2px;
				width: 300px;
			}

.grade03_tab {
	position: absolute;
	top: 1651px;
	left: 195px;
}

	.grade03_tab #menu_tab3 {
		position: relative;
	}

		.grade03_tab #menu_tab3 .tab_con {
			margin-bottom: 18px;
		}

			.grade03_tab #menu_tab3 .tab_con ul {
				position: absolute;
				left: 120px;
				top: 2px;
				width: 300px;
			}
/*학습부분*/
img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

.char_ss {
	position: absolute;
	right: 13px;
	top: 290px;
	z-index: 9
}

.char {
	position: absolute;
	right: 13px;
	top: 355px;
	z-index: 9
}

.b_list {
	position: relative;
	margin: 0 auto;
	width: 624px;
}

	.b_list td {
		height: 155px;
		position: relative;
	}

		.b_list td img {
			margin-top: 44px;
		}

.b_list10 {
	position: relative;
	width: 296px;
	margin: 0 auto;
}

	.b_list10 td {
		height: 153px;
		position: relative;
		padding-left: 5PX;
	}

	.b_list10 img {
		margin-top: 44px;
	}

	.b_list10 td.subT {
		height: 42px;
	}

		.b_list10 td.subT img {
			margin-top: 14px;
		}

.b_list2 {
	position: relative;
	margin: 0 auto;
	width: 624px;
}

	.b_list2 td {
		height: 155px;
		position: relative;
		vertical-align: bottom;
		text-align: center;
	}

.bookNo {
	position: absolute;
	left: -12px;
	top: -10px;
	width: 37px;
	height: 36px;
}

.bookNo_Grade {
	position: absolute;
	left: -6px;
	top: 25px;
	width: 37px;
	height: 36px;
}

.view_Date {
	position: absolute;
	top: 20px;
	right: 13px;
	padding: 1px 0 0 10px;
	background: url(/images/date_view.png) no-repeat;
	color: #da2f2f;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view.png', sizingMethod='crop');
}

.view_Date2 {
	position: absolute;
	top: 20px;
	right: 13px;
	padding: 1px 0 0 15px;
	background: url(/images/date_view2.png) no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view2.png', sizingMethod='crop');
}

.ebook_view_Date {
	position: absolute;
	top: 20px;
	right: 30px;
	padding: 5px 0 0 5px;
	background: url(/images/date_view.png) no-repeat;
	color: #da2f2f;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view.png', sizingMethod='crop');
}

.ebook_view_Date2 {
	position: absolute;
	top: 20px;
	right: 30px;
	padding: 5px 0 0 5px;
	background: url(/images/date_view2.png) no-repeat;
	color: #da2f2f;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view2.png', sizingMethod='crop');
}

.viewgr_Date {
	position: absolute;
	top: -11px;
	left: 110px;
	padding: 5px 0 0 5px;
	background: url(/images/date_view.png) no-repeat;
	color: #da2f2f;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view.png', sizingMethod='crop');
}

.viewgr_Date2 {
	position: absolute;
	top: -11px;
	left: 110px;
	padding: 5px 0 0 5px;
	background: url(/images/date_view2.png) no-repeat;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	width: 91px;
	height: 23px;
	text-align: center;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/date_view2.png', sizingMethod='crop');
}

.imitation {
	position: absolute;
	left: 0px;
	top: 0;
	width: 195px;
	height: 31px;
}

.imitation2 {
	position: absolute;
	left: 25px;
	top: 530px;
}

.subBook {
	position: absolute;
	width: 211px;
	height: 219px;
	z-index: 99
}

.gradetb {
	*margin: 180px auto 0;
}
/*로그인*/
.loginPage {
	position: relative;
	width: 549px;
	height: 184px;
	background: url(/images/contents/user/bg.gif) no-repeat;
	margin: 50px auto;
	clear: both;
}

	.loginPage .schoolSelect {
		position: absolute;
		left: 80px;
		top: 45px;
		margin: 0;
		padding: 0;
		width: 257px;
	}

	.loginPage .insertId {
		width: 240px;
		background-color: #deebf0;
	}

	.loginPage .insertPw {
		width: 240px;
		background-color: #deebf0;
	}

	.loginPage .idpwInput {
		position: absolute;
		left: 183px;
		top: 62px
	}

	.loginPage p {
		position: absolute;
		right: 30px;
		top: 55px;
	}

	.loginPage .loginGuide {
		position: absolute;
		bottom: 10px;
		right: 20px;
	}
/*회원가입*/
.joinPage {
	position: relative;
	width: 595px;
	height: 207px;
	background: url(/images/contents/user/joinBg_n.png) no-repeat;
	margin: 0px auto 0;
}

	.joinPage input {
		background-color: #ffffff;
	}

	.joinPage .title {
		position: absolute;
		width: 99px;
		height: 75px;
		top: 27px;
		left: 27px;
	}

	.joinPage .idpwInput {
		position: absolute;
		left: 235px;
		top: 32px
	}

	.joinPage .insertId, .joinPage .insertPw, .joinPage .insertName, .insertNic {
		width: 253px;
		margin-bottom: 6px;
	}

	.joinPage .insertPhone1, .joinPage .insertPhone2, .joinPage .insertPhone3 {
		width: 64px;
		margin-bottom: 6px;
	}

	.joinPage .insertMail {
		width: 109px;
		margin-bottom: 6px;
	}

	.joinPage .joinmemo {
		width: 237px;
		height: 95px;
		background-color: #deebf0;
		padding: 10px;
		margin: 10px;
		overflow: auto;
	}

	.joinPage .schoolSelect {
		position: absolute;
		left: 105px;
		top: 120px;
		margin: 0;
		padding: 0;
		width: 257px;
	}

	.joinPage .insertNo {
		width: 67px;
	}

	.joinPage .schoolNoInput {
		position: absolute;
		left: 206px;
		top: 159px;
	}

		.joinPage .schoolNoInput input {
			width: 55px;
		}

.btnJoin {
	position: relative;
	width: 595px;
	height: 37px;
	text-align: right;
	margin-top: 10px;
}
/*writing topic*/
.topic_list {
	position: relative;
	background: url('/images/topic/topic_bg_list.png') no-repeat;
	width: 737px;
	height: 1060px;
}

	.topic_list fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.topic_list table {
		float: right;
		width: 554px;
		margin: 29px 22px 0 0;
		text-align: center;
	}

		.topic_list table caption {
			display: none;
		}

		.topic_list table th {
			height: 35px;
			vertical-align: top;
		}

		.topic_list table td {
			height: 30px;
			font-family: Verdana, sans-serif;
			font-size: 11px;
		}

		.topic_list table .title_txt01 {
			color: #000;
			font-size: 12px;
		}

		.topic_list table .title_txt02 {
			text-align: left;
			padding-left: 5px;
		}

			.topic_list table .title_txt02 a {
				font-family: Verdana, sans-serif;
				color: #000;
				font-size: 12px;
				text-decoration: none;
			}

				.topic_list table .title_txt02 a:hover {
					font-weight: bold;
					letter-spacing: -0.5px;
				}

.list_btn {
	clear: both;
	position: absolute;
	bottom: 0;
	right: 5px;
}

	.list_btn li {
		float: left;
		margin-left: 15px;
	}

.list_btn2 {
	position: relative;
	text-align: right;
	padding-right: 18px;
}

	.list_btn2 li {
		display: inline;
		margin-left: 15px;
		padding-bottom: 5px;
	}

.select_grade {
	width: 128px;
	height: 52px;
	margin: 257px 0 0 5px;
	background: url('/images/topic/select_bg.png') left bottom no-repeat;
	text-align: left;
}

	.select_grade select {
		padding: 0;
		margin: 10px 0 0 4px;
		width: 110px;
		height: 20px;
	}

.topic_view {
	position: relative;
	background: url('/images/topic/topic_bg_view.png') no-repeat;
	width: 737px;
	height: 1060px;
	clear: both;
}

	.topic_view fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.topic_view table {
		float: right;
		width: 554px;
		margin: 29px 22px 0 0;
	}

		.topic_view table td {
			height: 21px;
			vertical-align: middle;
			color: #785009;
			font-weight: bold;
		}

	.topic_view .top_title {
		padding-top: 2px;
		padding-left: 5px;
		background: url('/images/topic/topic_title_bg.png') no-repeat;
	}

	.topic_view .top_date {
		padding-top: 2px;
		text-align: left;
		padding-left: 12px;
		padding-top: 12px;
		background: url('/images/topic/topic_date_bg.png') 0px 9px no-repeat;
	}

	.topic_view .topic_view_detail {
		height: 687px;
		vertical-align: top;
		overflow: auto;
		font-family: Verdana;
		padding-left: 5px;
		font-weight: normal;
	}

	.topic_view .topic_view_title_detail {
		background: url(/images/topic/bg_title_mid.png) repeat-y;
		padding: 0 5px;
		color: #b82f00;
		font-family: Verdana;
	}

.view_left {
	float: left;
	width: 136px;
}

	.view_left dl {
		margin: 500px 0 0 7px;
	}

	.view_left dt, dd {
		margin: 0;
	}

	.view_left dt {
		padding: 15px 0 5px 0;
	}

	.view_left dd {
		width: 113px;
		height: 21px;
		line-height: 25px;
		background: url('/images/topic/topic_date_bg2.png') no-repeat;
		text-align: center;
		color: #785009;
		font-weight: bold;
	}

.topic_teacher {
	position: absolute;
	bottom: 65px;
	right: 0;
	background: url('/images/topic/topic_teacher_bg.png') no-repeat;
	padding: 31px 0 0 210px;
	color: #e53c00;
	font-weight: bold;
}

.topic_write {
	position: relative;
	background: url('/images/topic/topic_bg_view.png') no-repeat;
	width: 737px;
	height: 1060px;
	clear: both;
}

	.topic_write fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.topic_write table {
		float: right;
		width: 554px;
		margin: 29px 22px 0 0;
	}

		.topic_write table td {
			height: 21px;
			vertical-align: middle;
			color: #785009;
			font-weight: bold;
		}

	.topic_write .top_title {
		padding-left: 5px;
		background: url('/images/topic/topic_title_bg.png') no-repeat;
	}

		.topic_write .top_title input {
			margin: 0;
			background: none;
			width: 480px;
			color: #785009;
			font-weight: bold;
		}

	.topic_write .top_date {
		padding-top: 2px;
		text-align: center;
		background: url('/images/topic/topic_date_bg.png') no-repeat;
	}

.dictation {
	position: absolute;
	width: 68px;
	height: 17px;
	left: 40px;
	top: -8px;
}
/* ss */
.ym {
	position: relative;
	top: 20px;
	left: 380px;
	font-size: 2em;
	width: 120px;
}

.month {
	padding: 0;
	margin-left: 639px;
}

.calendar {
	position: relative;
	background: url('/images/calendar_bg_list2.png') no-repeat;
	width: 737px;
	height: 658px;
}

	.calendar fieldset {
		position: relative;
		background: url('/images/calendar_bg_list2.png') no-repeat;
		width: 737px;
		height: 658px;
	}

{
	margin: 0;
	padding: 0;
	border: 0;
}

.calendar table {
	float: right;
	width: 554px;
	margin: 29px 30px 0 0;
	text-align: center;
	background-color: #333333;
	font-weight: bold;
}

	.calendar table caption {
		display: none;
	}

	.calendar table th {
		height: 35px;
		width: 79px;
		background-color: transparent;
	}

	.calendar table td {
		height: 70px;
		width: 79px;
		font-family: Verdana, sans-serif;
		font-size: 11px;
		text-align: left;
		vertical-align: top;
		padding: 3px 2px;
		background-color: #ffffff;
		position: relative;
		border: solid 1px #333333;
	}

		.calendar table td .teacherCom {
			position: absolute;
			display: block;
			bottom: 0;
			background: url('/images/ico_teacher_comment.png') no-repeat;
			width: 72px;
			height: 22px;
		}

		.calendar table td.Today {
			background-color: #ffe1f1;
		}

		.calendar table td .diaryWrite {
			position: absolute;
			display: block;
			top: 25px;
			left: 16px;
			background: url('/images/btn_write2.png') no-repeat;
			width: 48px;
			height: 20px;
		}

		.calendar table td .diaryModify {
			position: absolute;
			display: block;
			top: 25px;
			left: 16px;
			background: url('/images/btn_modify.png') no-repeat;
			width: 48px;
			height: 20px;
		}

	.calendar table .cblue {
		color: #00F;
	}

	.calendar table .cred {
		color: #F00;
	}

.diary_write {
	position: relative;
	background: url('/images/calendar_bg_list.png') no-repeat;
	width: 737px;
	height: 1060px;
	clear: both;
}

	.diary_write fieldset {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.diary_write table {
		float: right;
		width: 554px;
		margin: 29px 0px 0 0;
	}

		.diary_write table td {
			vertical-align: middle;
			color: #785009;
			font-weight: bold;
		}

	.diary_write .top_title {
		padding-left: 5px;
		background: url('/images/topic/topic_title_bg.png') no-repeat;
	}

		.diary_write .top_title input {
			margin: 0;
			background: none;
			width: 480px;
			color: #785009;
			font-weight: bold;
		}

	.diary_write .top_date {
		padding-top: 2px;
		text-align: center;
		background: url('/images/topic_date_bg.png') no-repeat;
	}

.cssActivePage {
	font-weight: bold;
	color: green;
}
/* 페이징 컬러 */
/*다이어리 날짜*/
.choiceDate img {
	margin: 0 0 0 -2px;
	padding: 0;
}

.pop_diaryComm {
	position: relative;
	background: url('/images/pop_diary_comment.png') no-repeat;
	width: 320px;
	height: 166px;
}

	.pop_diaryComm .close {
		position: absolute;
		right: 20px;
		top: 15px;
		background: url('/images/pop_diary_comment_close.png') no-repeat;
		width: 14px;
		height: 14px;
	}

	.pop_diaryComm .comment_box {
		width: 270px;
		height: 83px;
		color: #535353;
		overflow-y: auto;
		position: absolute;
		left: 18px;
		top: 50px;
		border: none;
		background-color: #fff8d3;
		font-family: Verdana;
		line-height: 160%;
		padding: 5px;
	}
/* 채팅박스 */
.t_bold {
	font-weight: bold;
}

.sweetChat {
	position: relative;
	width: 732px;
}

.chatTitle {
	background: url(/images/chattitle.gif) no-repeat;
	width: 100%;
	height: 126px;
}

	.chatTitle span {
		display: none;
	}

.chatBox {
	position: relative;
	overflow: hidden;
	background: url(/images/bg_chatbox.jpg) bottom;
	padding: 0 9PX 30px 10px;
	height: 100%;
	z-index: 1;
}

.nowChat {
	float: left;
	width: 496px;
	background: url(/images/bg_nowchatbox.png) bottom;
	height: 400px;
	padding: 5px;
	margin-right: 2px;
}

	.nowChat .mbox {
		height: 390px;
		overflow-x: hidden;
		overflow-y: auto;
	}

.nowChat_start {
	text-align: center;
	padding: 10px;
}

.nowPeaple {
	float: right;
	width: 180px;
	background: url(/images/bg_nowpeaplebox.png) bottom left;
	height: 200px;
	padding: 0 5px 5px 10px;
}

	.nowPeaple ul {
		height: 170px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.nowPeaple p {
		padding-bottom: 10px;
	}

	.nowPeaple li span, .message dd.t_bold span {
		font-size: 11px;
		color: #666;
	}

.Chat_setting {
	position: relative;
	width: 195px;
	float: right;
	background: url(/images/bg_line.png) no-repeat top;
	margin-top: 15px;
}

	.Chat_setting dl {
		clear: both;
		margin-top: 15px;
	}

	.Chat_setting dt, .Chat_setting dd {
		padding: 3px 0;
	}

.nickName_change input.nickInput {
	display: inline-block;
	background: url(/images/bg_input_nickname.png) no-repeat;
	width: 115px;
	height: 16px;
	padding-left: 10px;
	padding-top: 4px;
	border: 0;
	margin-left: 0;
}

.nickName_change .nickChange {
	background: url(/images/btn_change.png) no-repeat;
	width: 62px;
	height: 21px;
	border: 0;
	cursor: pointer;
	vertical-align: bottom;
	margin-left: 0;
}

dd.choice_char {
	position: absolute;
	right: 0;
	top: 15px;
	background: url(/images/bg_input_char.png) no-repeat;
	width: 55px;
	height: 40px;
	padding: 6px;
}

	dd.choice_char li {
		display: inline-block;
	}

	dd.choice_char span.charOpen {
		height: 35px;
		width: 15px;
		display: inline-block;
		cursor: pointer;
	}

		dd.choice_char span.charOpen img {
			position: absolute;
			top: 20px;
			right: 10px;
		}

#charlist {
	display: none;
	position: absolute;
	width: 168px;
	z-index: 9999;
	bottom: 145px;
	right: 25px;
}

	#charlist ul {
		background: url(/images/bg_bottom_charbox.png) bottom;
		padding: 0 10px 10px 10px;
		overflow: hidden;
	}

	#charlist .charlistTop {
		background: url(/images/bg_top_charbox.png) no-repeat top;
		height: 10px;
	}

	#charlist li {
		float: left;
		width: 35px;
		height: 35px;
		margin: 1px;
	}

.message {
	position: relative;
	overflow: hidden;
	padding: 8px 0;
}

#OTHERS.message dt {
	float: left;
	width: 47px;
	height: 43px;
}

#OTHERS.message dd {
	float: left;
}

#OTHERS.message .mbox_top {
	background: url(/images/bg_top_mbox_others.png) no-repeat top;
	width: 382px;
	height: 8px;
	margin-left: 9px;
}

#OTHERS.message .mbox_mid {
	background: url(/images/bg_mid_mbox_others.png) no-repeat top;
	padding: 0 18px;
	word-break: break-all;
	width: 356px;
	*margin-top: -1px;
}

#OTHERS.message .mbox_bottom {
	background: url(/images/bg_bottom_mbox_others.png) no-repeat top;
	width: 382px;
	height: 12px;
	margin-left: 9px;
	*margin-top: -2px;
}

#MY.message dt {
	float: right;
	width: 47px;
	height: 43px;
	text-align: right;
}

#MY.message dd {
	float: right;
}

#MY.message .mbox_top {
	background: url(/images/bg_top_mbox_my.png) no-repeat top;
	width: 382px;
	height: 8px;
	margin-right: 9px;
}

#MY.message .mbox_mid {
	background: url(/images/bg_mid_mbox_my.png) no-repeat top;
	padding: 0 10px;
	word-break: break-all;
	width: 370px;
	*margin-top: -1px;
}

#MY.message .mbox_bottom {
	background: url(/images/bg_bottom_mbox_my.png) no-repeat top;
	width: 382px;
	height: 12px;
	margin-right: 9px;
	*margin-top: -2px;
}

.typingBox {
	background: url(/images/bg_typing.png) no-repeat;
	width: 732px;
	height: 35px;
	margin-top: 15px;
}

	.typingBox input {
		width: 600px;
		margin: 7px;
		background: none;
		padding-left: 10px;
		padding-top: 4px;
		display: inline-block;
		vertical-align: top;
		border: none;
	}

		.typingBox input.chatOK {
			border: none;
			background: url(/images/btn_chatOK.png) no-repeat;
			width: 74PX;
			height: 21PX;
			cursor: pointer;
			margin-left: 15PX;
		}

.cssActivePage {
	font-weight: bold;
	color: green;
}
/* 페이징 컬러 */
/*rank*/
.wordRank {
	position: relative;
	width: 692px;
	height: 139px;
	display: block;
	margin: 0 0 20px 0px;
	background: url(/images/contents/word5930/word4930/rank_bg.png) no-repeat;
}

	.wordRank p {
		position: absolute;
		left: 307px;
		display: block;
		top: 68px;
		font-size: 16px;
		color: #fcffcc;
		font-weight: bold;
		line-height: 200%;
		font-family: Verdana, 돋움;
	}

	.wordRank.RankLevel {
		position: absolute;
		left: 0;
		top: 0;
	}

.wordLevel {
	background: url(/images/contents/word5930/word4930/wordLevel_bg.png) no-repeat;
	padding-top: 120px;
	margin-top: -20px;
}

input {
	border: 0;
	margin: 6px 0 0 10px;
	padding: 3px;
	font-weight: bold;
}

.tbox {
	height: 16px;
	border: 2px solid #3975ae;
}

.report_td1 {
	color: #256968;
	font-size: 9pt;
	text-align: center;
	background-color: #bce9ea;
}

.report_td2 {
	color: #5c5e5e;
	font-size: 9pt;
	text-align: center;
	background-color: #e8eaea;
}

.tb2 {
	position: relative;
	background: url(/images/bg01.gif) no-repeat;
	width: 594px;
	height: 48px;
	margin: 10px auto;
}

	.tb2 table {
		width: 570px;
		height: 48px;
		margin: auto auto;
	}

.grade_5_badge {
	position: absolute;
	bottom: -0.25rem;
	right: -0.5rem;
	background-color: #ff478c;
	color: #fff;
	line-height: 1.125;
	white-space: nowrap;
	padding: 2px 9px;
	border-radius: 2rem;
	font-weight: 400;
	font-size: 13.5px;
	text-shadow: none;
}

/* 메인페이지 리뉴얼 */
.main-body-wrap {
	width: 1260px;
	margin: 0 auto;
	padding-top: 9px;
}

	.main-body-wrap dl {
		margin-top: 0;
		margin-bottom: 0;
	}

		.main-body-wrap dl > dd {
			margin-top: 15px;
		}

	.main-body-wrap ul {
		padding-left: 0;
		padding-right: 0;
		float: none;
	}

		.main-body-wrap ul > li:active {
			content: "";
			clear: both;
			display: block;
		}

	.main-body-wrap dl > dd > ul > li > a.b_1 {
		line-height: 54px !important;
	}

.main-body-top-form {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 15px;
	background-color: transparent;
}

	.main-body-top-form > div {
		padding: 15px;
		border-radius: 1.5rem;
	}

	.main-body-top-form .edu-title {
		padding: 0 0 0 2px;
		font-size: 19px;
	}

	.main-body-top-form > .beginner {
		width: 605px;
	}

	.main-body-top-form > .advanced {
		width: 371px;
	}

	.main-body-top-form > .deepen {
		width: 254px;
	}

		.main-body-top-form > .deepen
		.main-body-top-form dl > dd > ul > li > a:last-of-type {
			margin-bottom: 0;
		}

		.main-body-top-form > .deepen a {
			background: none !important;
			position: relative;
			padding-top: 0 !important;
		}

			.main-body-top-form > .deepen a:hover img {
				opacity: 0.7;
			}

			.main-body-top-form > .deepen a span:not(.grade_5_badge) {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				display: block;
			}

.main-body-bottom-form {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 15px;
	background-color: transparent;
	margin-top: 15px;
}

	.main-body-bottom-form .edu-box2 {
		background-color: #f9f9f9;
		padding: 15px;
		border-radius: 1.5rem;
		overflow: hidden;
		width: 382px;
	}

	.main-body-bottom-form .edu-title2 {
		padding: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
	}

		.main-body-bottom-form .edu-title2 > img {
			display: block;
			margin: 0 auto;
		}

		.main-body-bottom-form .edu-title2 + dd {
			margin-top: 13px;
		}

	.main-body-bottom-form .edu-box2 > ul {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 17px;
	}

	.main-body-bottom-form .edu-box2 ul {
		float: none;
		margin: 0;
	}

		.main-body-bottom-form .edu-box2 ul > li > a {
			margin-bottom: 8px;
			width: 107px;
			font-weight: 400;
			color: #3c3c3c;
		}

		.main-body-bottom-form .edu-box2 ul > li:last-child > a {
			margin-bottom: 0;
		}

	.main-body-bottom-form .hi_books_img_wrap {
		margin-left: 28px;
		margin-right: 27px;
		width: 352px;
	}

		.main-body-bottom-form .hi_books_img_wrap img {
			margin-top: -8px;
		}

	.main-body-bottom-form .cappytown-guide {
		width: 171px;
	}

		.main-body-bottom-form .cappytown-guide .box .title {
			font-size: 15px;
		}

		.main-body-bottom-form .cappytown-guide div .box {
			gap: 0
		}

			.main-body-bottom-form .cappytown-guide div .box > div {
				width: 65px;
				height: 62px;
				position: relative;
			}

				.main-body-bottom-form .cappytown-guide div .box > div > img {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					object-fit: fill;
				}

		.main-body-bottom-form .cappytown-guide .welcome .box > div > img {
			left: 40%;
		}

		.main-body-bottom-form .cappytown-guide .leveltest .box > div > img {
			left: 60%;
		}

		.main-body-bottom-form .cappytown-guide .box .title {
			letter-spacing: 0px;
		}

	.main-body-bottom-form .grade_B1L1_conm_02 {
		width: 254px;
	}

		.main-body-bottom-form .grade_B1L1_conm_02 .call-center {
			width: 100%;
		}

			.main-body-bottom-form .grade_B1L1_conm_02 .call-center .tel-number {
				padding-bottom: 9px;
				margin-top: 6px;
			}

			.main-body-bottom-form .grade_B1L1_conm_02 .call-center span.tel-comm {
				padding-left: 14px;
				line-height: 18px;
				margin-top: 18px;
			}

			.main-body-bottom-form .grade_B1L1_conm_02 .call-center .bg {
				top: -45px;
			}

				.main-body-bottom-form .grade_B1L1_conm_02 .call-center .bg > img {
					max-width: 100%;
					display: block;
				}

.main-body-wrap .beginner ul > li > a,
.main-body-wrap .advanced ul > li > a {
	background-size: 110% 100% !important;
	border-bottom-right-radius: 1rem;
	overflow: hidden;
}


.main-body-top-form dl > dd > ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 0;
}

	.main-body-top-form dl > dd > ul > li {
		float: none;
	}