﻿/* CSS Document */

body { background:url(/images/eEdu/imgBack.jpg) repeat-x top left; }

/* sub Layout */
#eEduwrap a:hover { color:#636063;}
#eEduwrap{ position:relative; width:930px; margin:0 auto; line-height:18px;}
	#eEduheader{ text-align:left; }
	#eEdusubContainer:after {content:""; display:block;  clear:both; }	/* 핵 */
	#eEdusubContainer{width:922px; text-align:left; margin:0px 0 0 0; padding:0 4px; }
	#eEducontentWrap{float:right; width:705px; background:url(/images/eEdu/contentsBack.jpg) no-repeat left top; padding:8px; margin-top:4px; }
	#eEducontentWrap2{ width:930px; background:url(/images/eEdu/contentsBack2.gif) no-repeat left top; padding:8px; margin-top:6px; }
		/* 2단 sub Layout */
	#eEdusubContainer2{width:930px; margin:0 auto; text-align:left; margin:12px 6px 0 6px;}
		
	/* menu */	
.eEdumenuBox {width:918px; margin:2px 0 0 0px; } 


.eEduNaviSearch .txtBox	{
	position:absolute; 
	display:none; 
	top:34px; 
	width:226px; 
	right:12px; 
	line-height:17px; 
	background-color:#fcfbf8; border:1px #d0d0d0 solid; 
	padding:5px 7px; 
	text-align:left; 
	z-index:1000;
}

.eEduVNaviSearch .txtBox .bgColor{ background-color:#ededed;}

.txt149px{
	width:149px;
	padding:5px 0 2px 0;
	border-top:1px #b5b5b5 solid;
	border-left:1px #b5b5b5 solid;
	border-right:1px #ebe9df solid;
	border-bottom:1px #ebe9df solid;
	color:#838383;
  font-weight:bold;
  vertical-align: top;
}

.txt97px{
	height:15px;
	width:95px;
	border-top:1px #b5b5b5 solid;
	border-left:1px #b5b5b5 solid;
	border-right:1px #ebe9df solid;
	border-bottom:1px #ebe9df solid;
	color:#838383;
	font-size:11px;
}

/*header*/
.eEdutopImg{ background:url(/images/eEdu/logo.jpg) no-repeat left 10px;  height:83px; padding-top:5px; position:relative; z-index:2000; }
.eEdulogoLinkMain a.menu { display:block; overflow:hidden; height:70px; width:232px; text-indent:-9999px; background:url(/images/sub/none.gif) no-repeat top left; }

.eEdulogoLinkMain{ position:absolute;	height:70px;	width:237px;	top:20px;	left:3px; }

/*  TVSpot  */
.topTvSpot { width:235px; height:55px; position:absolute; top:38px; right:5px; }
.topTvSpotLeft { float:left; margin:15px 5px 0 0; }
.topTvContents { overflow:hidden; width:183px; height:50px; position:relative; text-align:left; float:left; padding:5px 0px 0 10px; }
.topTvContents .outLine { position:absolute; top:1px; left:6px; }
.tvSpotTxt { line-height:14px; font-size:11px; }
.topTvSpotRight { margin:17px 0 0 15px;}
	*html .topTvSpotRight { margin:15px 0 0 5px; }  /* ie6 핵 */
	*:first-child+html .topTvSpotRight { margin:15px 0 0 5px; } /* ie7 핵 */
/*  TVSpot  */

#eEdusubSidebar{float:left; width:196px; margin-right:0; }
#eEdusubSidebar a{color:#4b5cba;}
#eEdusubSidebar .menu ul li.over a{color:#030436;}
#eEdusubSidebar a:hover {color:#4b5cba;}


.subContents { width:680px; margin-left:10px; margin-top:20px; }
.subContents2 { width:930px; margin:30px 0 0 16px; }
.subContentsResult { width:613px; margin-left:10px; margin-top:20px; padding:0 32px 40px 33px; background: url(/images/eEdu/courseResultBg.gif) no-repeat;}

.ageBrain { position:relative; background:url(/images/eEdu/leftBrainAge.jpg) no-repeat left top; width:165px; height:86px; font-size:11px; padding:10px 13px 18px 18px; }
.ageBrain .coupon{ position:absolute; top:40px; right:13px;}
.SubSideMyLevel { background:url(/images/eEdu/icon_Arrow01.gif) no-repeat left top; padding:0 0 2px 20px; }
.SubSideMyTrainingComplet { background:url(/images/eEdu/icon_Arrow01.gif) no-repeat left top; padding:0 0 0 20px; }
.ageBrainLine { background:url(/images/eEdu/line.jpg) repeat-x top left; height:2px; width:166px; margin:4px 0 4px 0; }
.loginBox { background:url(/images/eEdu/leftBrainAge.jpg) no-repeat left top; width:164px; height:79px; font-size:11px; padding:20px 16px 15px 16px;}
.loginBox table.login { margin:0 0 7px 0;}
.loginBox table.login td{ height:22px;}
.loginBox .idTxt{ font-size:11px; color:#a38f82;}

.loginBtText { border-top:1px #d6d6d6 solid; margin:7px 0 0 0; padding:4px 2px 2px 2px; font-weight:bold; letter-spacing:-0.1em; font-size:11px; text-align:left; color:#8f410e;}
.loginBox .idPw{ background:url(/images/eEdu/icon_key.gif) no-repeat 0 50%; padding-left:16px; }
.loginBox .line{ font-weight:normal; margin:0 3px;}




.bt{ border-top:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; margin:0 7px 0 7px; padding:4px 2px 2px 2px; font-weight:bold; letter-spacing:-0.1em; font-size:11px; text-align:left; color:#8f410e;}
.brainAgeLevel { width:160px; border:1px solid #FFF; }
.brainAverage { background:url(/images/eEdu/leftAverageBrain.jpg) no-repeat left top; width:196px; height:210px;  padding:3px 0 0 0px;}
.brainAverage table { width:160px; margin:62px 0 0 20px; }
.brainAverage table td{ height:19px;}

.leftMenu { width:196px; }
.leftMenuList { width:196px; background:url(/images/Menu/leftMenu_top.jpg) no-repeat left top; min-height:99px; }
    *:first-child+html .leftMenuList { width:196px; background:url(/images/Menu/leftMenu_top.jpg) no-repeat left top; min-height:99px; margin-top:-2px; }
    * html .leftMenuList { width:196px; background:url(/images/Menu/leftMenu_top.jpg) no-repeat left top; min-height:99px; margin-top:-2px; }
.leftMenuBack { background:url(/images/Menu/leftMenu_center.jpg) repeat-y left top; width:196px; }
.leftMenuList ul { padding:11px 0 11px 7px; }
.leftMenuList ul li { padding:3px 0 0 4px; }

/* contentWrap */
 .subTitle { border-bottom:1px solid #ededed; width:680px; height:27px; margin:19px 0 0 10px; }
 .subTitle_map { border-bottom:1px solid #ededed; width:890px; height:27px; margin:19px 0 0 10px; }
 .eEducategory{ padding:4px 0 0 0; font-size:11px; float:right; color:#838383;}


/*** 컨텐츠공통:항목가이드스타일 ***/
.textguide { padding:10px 0 0 20px; background:url(/images/eEdu/bulletAttention.gif) no-repeat left 10px; }

/*** 컨텐츠공통:항목타이틀스타일 ***/
/*이미지일경우*/
.itemTitleStyle01 { position:relative; clear:both; }
.itemTitleStyle01 .textguide { position:absolute; right:0; font-size:12px; color:#666666; }
/*텍스트일경우*/
.itemTitleStyle02 {position:relative; clear:both; padding-left:10px; background:url(/images/eEdu/bulletDot01Gray.jpg) no-repeat left 5px; font-size:14px; font-weight:bold; color:#4064bc; }
.itemTitleStyle02 .textguide { position:absolute; right:0; font-size:12px; color:#666666; }
span.border6pxUp, .border6pxUp { display:block; width:100%; height:6px;  background:url(/images/eEdu/borderBG01.gif) repeat-x left bottom; }
span.border6pxDown, .border6pxDown { display:block; width:100%; height:6px;  background:url(/images/eEdu/borderBG02.gif) repeat-x left bottom; }

/*** 컨텐츠공통:플래시트레이닝영역스타일 ***/
.trFlashContnetZone01 {
    margin-bottom:30px;
    padding:20px 0 50px 0;
    text-align:center;
    background:url(/images/eEdu/brtrViewFlashBottom.jpg) no-repeat left bottom;
}
/*** 뇌교육이야기 ***/
/*뇌교육이란*/
#brainStoryAbout { padding:10px 0 0 0; line-height:22px; }
    #brainStoryAbout .brainStoryIntro { background:url(/images/eEdu/brainStoryAbout_splash1.gif) no-repeat right 35px; margin-bottom:50px; }
    #brainStoryAbout .brainStoryIntro p { margin-left:9px; }
    #brainStoryAbout .brainStoryIntro strong.st { color:#3145b6; font-size:16px; }
    #brainStoryAbout .brainStoryFAQ .area01 { padding:30px 0; border-bottom:1px solid #dae7f8; }
    #brainStoryAbout .brainStoryFAQ strong.st { color:#3145b6; font-size:16px; }
    #brainStoryAbout .brainStoryFAQ strong.question { display:block; height:20px; padding:10px 35px; font-size:14px; color:#d65e60; background:url(/images/eEdu/bulletTit03.gif) no-repeat left 50%; }
    #brainStoryAbout .brainStoryFAQ p { margin-left:9px; padding:0; }
/*뇌교육용어TIP*/     
#brainStoryWord { padding:10px 0 0 10px; line-height:22px; }
    #brainStoryWord .wordArea { position:relative; margin-bottom:30px; padding:20px 0; border-bottom:1px solid #dae7f8; }
    #brainStoryWord .wordArea strong{ padding-left:10px; background:url(/images/eEdu/bulletDot01Gray.jpg) no-repeat left 2px; }
    #brainStoryWord .wordArea p{ margin-bottom:20px; padding:10px; }
    #brainStoryWord .wordArea img.top { position:absolute; right:10px; bottom:-6px; }
/*뇌교육강좌*/
#brainStoryLecture  { padding:10px 0 0 0; line-height:22px; }
    #brainStoryLecture strong.st { display:block; height:20px; padding:10px 35px; font-size:14px; background:url(/images/eEdu/bulletTit02.gif) no-repeat left 50%; }
    #brainStoryLecture dl.tv1 { float:left; padding:20px 0; border-bottom:1px solid #dae7f8; }
    #brainStoryLecture dl.tv1 strong { color:#061c39; font-size:16px; height:30px; display:block; }
    #brainStoryLecture dl.tv1 dt { float:left; margin-right:12px; }
    #brainStoryLecture dl.tv1 dd { position:relative; float:left; width:535px; }
    #brainStoryLecture dl.tv1 dd span { font-size:11px; background:url(/images/eEdu/iconBalloon.gif) no-repeat left top; padding-left:18px; }
    #brainStoryLecture dl.tv1 .btnSet { position:absolute; top:0; right:0; }
    #brainStoryLecture dl.tv2 { float:left; padding:20px 0; margin-right:15px; line-height:18px;}
    #brainStoryLecture dl.tv2 strong { color:#216886; height:30px; display:block; }
    #brainStoryLecture dl.tv2 strong img{ vertical-align:middle; }
    #brainStoryLecture dl.tv2 dt { float:left; margin-right:15px; }
    #brainStoryLecture dl.tv2 dd { float:left; width:178px;}

/*** 이용가이드 ***/
.serviceText{ padding:5px 30px 10px 5px; line-height:20px;}
/*e뇌교육소개*/
.serviceDefineText{float:left; width:326px;}
.serviceDefinePoint{ font-size:14px; color:#da5d61; line-height:22px; margin-bottom:10px;}
.serviceDefineTitle{ clear:both; padding:40px 0 25px 0;}
/*뇌연령체크*/
.brAgeCheckTitle{ position:relative;}
.brAgeCheckTitle a{position:absolute; top:12px; right:5px; width:50px;}
/*** 뇌연령체크섹션 ***/
.brAgeCheckStartZone01{ width:430px; border-right:1px solid #e7e7e7; }
.brAgeCheckStartGuideItemTitle { position:relative; clear:both; border-bottom:1px solid #e7e7e7; }
.brAgeCheckStartGuideItemTitle a{ position:absolute; right:0;}
.brAgeCheckStartGuide li{ background:url(/images/main/iconPoint.jpg) no-repeat left top; padding-left:20px; }
.brAgeCheckRanking { margin:0 auto; width:212px; height:17px; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding-top:4px; }

/*뇌연령랭킹*/
ul.brAgeCheckRank { margin:5px 0 0 0; }
ul.brAgeCheckRank li { float:left; }
ul.brAgeCheckRank li.brAgeCheckRankNum { width:28px; height:24px;  text-align:left; }
ul.brAgeCheckRank li.brAgeCheckRankName { width:135px; height:19px; padding-top:5px; text-align:left; }
ul.brAgeCheckRank li.brAgeCheckRankArrow { width:15px; height:19px; padding-top:5px; text-align:left; }
ul.brAgeCheckRank li.brAgeCheckRankLevel { width:34px; height:19px; padding-top:5px; text-align:right; }
	/* ie6 핵 */
	*html ul.brAgeCheckRank li.brAgeCheckRankNum { width:28px; height:28px;  text-align:left; }
	*html ul.brAgeCheckRank li.brAgeCheckRankName { width:135px; height:23px; padding-top:5px; text-align:left; }
	*html ul.brAgeCheckRank li.brAgeCheckRankArrow { width:10px; height:23px; padding-top:5px; text-align:left; }
	*html ul.brAgeCheckRank li.brAgeCheckRankLevel { width:34px; height:23px; padding-top:5px; text-align:right; }
.brAgeCheckRankNavi { background:#f3f7fc; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; }
.brAgeCheckRankNavi img{ padding-right:20px; padding-left:20px; }
    *html .brAgeCheckRankNavi { height:10px; padding:2px 0; }/* ie6 핵 */

/*뇌연령랭킹10, 랭킹페이징*/
.brAgeRank10Zone01 { float:left; width:100%; padding:5px 0 14px 0; background:#eff5fd;}
div.zone01Left { float:left;  padding:0 25px 0 25px;  width:290px;}
div.zone01Right { float:left;  padding:0 25px 0 25px;  width:290px;}
ul.brAgeRank10 { margin:5px 0 0 0; }
ul.brAgeRank10 li { float:left; border-bottom:1px solid #fff; }
ul.brAgeRank10 li.brAgeRankNum { width:48px; height:24px;  text-align:center; font-weight:bold; }
ul.brAgeRank10 li.brAgeRankArrow { width:36px; height:19px; padding-top:5px; text-align:center; }
ul.brAgeRank10 li.brAgeRankName { width:170px; height:19px; padding-top:5px; text-align:left; }
ul.brAgeRank10 li.brAgeRankLevel { width:34px; height:19px; padding-top:5px; text-align:left; }
	/* ie6 핵 */
	*html ul.brAgeRank10 li.brAgeRankNum { width:48px; height:28px;  text-align:center; }
	*html ul.brAgeRank10 li.brAgeRankArrow { width:36px; height:23px; padding-top:5px; text-align:center; }
	*html ul.brAgeRank10 li.brAgeRankName { width:170px; height:23px; padding-top:5px; text-align:left; }
	*html ul.brAgeRank10 li.brAgeRankLevel { width:34px; height:23px; padding-top:5px; text-align:left; }
	
/*뇌연령체크결과*/
.brAgeResultTempBox { width:680px; background:url(/images/eEdu/brAgeCheckResultSkinBg00.jpg) repeat-y; }
.brAgeResultTempBox .itemTitleStyle01 { width:617px; }/* ie6 핵 */
.brAgeResultZone1 { position:relative; height:161px; background:#f5f5f5 url(/images/eEdu/brAgeCheckResultSkinBg01.jpg) no-repeat left top; text-align:right; }
.brAgeResultZone2 { padding:0 32px; background:#f7f7f7 url(/images/eEdu/brAgeCheckResultSkinBg02.jpg) no-repeat left top; padding-top:20px; }
.brAgeResultZone3 { padding:0 32px; background:url(/images/eEdu/brAgeCheckResultSkinBg03.jpg) no-repeat left bottom; padding-top:30px; padding-bottom:20px; }
.brAgeResultZone3View { padding:0 32px; background:url(/images/eEdu/brAgeCheckResultSkinBg07.jpg) no-repeat left bottom; padding-top:30px; padding-bottom:50px; }
.brAgeResultZone4 { padding:0 32px; background:url(/images/eEdu/brAgeCheckResultSkinBg04.jpg) no-repeat left top; padding-top:30px; }
.brAgeResultZone5 { clear:both; padding:0 32px; background:url(/images/eEdu/brAgeCheckResultSkinBg05.jpg) no-repeat left bottom; padding-bottom:30px; }
.brAgeResultZone6 { padding:0 32px; background:url(/images/eEdu/brAgeCheckResultSkinBg06.jpg) no-repeat left top; padding-top:30px; }
.brAgeResultZone7 { padding:0 32px; }
.brAgeResultBottom { height:67px; background:url(/images/eEdu/brAgeCheckResultSkinBg07.jpg) no-repeat left bottom; }

.brAgeResultZone1 .zone01 { position:absolute; line-height:24px; top:50px; right:232px; font-size:16px; font-weight:bold; }
.brAgeResultZone1 .zone02 { position:absolute; line-height:100px; top:30px; right:32px; font-weight:bold; font-family:Verdana; font-size:36px; }
.brAgeResultZone1 .zone02 span.age { font-size:100px; color:#1f5cae; font-style:italic; }

.brAgeResultZone2 table { color:#04449c; font-size:11px; }
.brAgeResultZone2 tr.tbar { background:url(/images/eEdu/tableBar01_Blue01.gif) repeat-x left top; color:#fff; text-align:center;}
.brAgeResultZone2 tr.tbar td { padding:15px 0 15px 0; border:none; font-weight:normal; }
.brAgeResultZone2 td { padding:7px 0; border-bottom:1px solid #e5e5e6; font-weight:bold;}
.brAgeResultZone2 td.questionName { font-size:12px; padding-left:20px; font-weight:normal; }
.brAgeResultZone2 td.question { color:#f2673a; }
.brAgeResultZone2 td.time { color:#666666; }

.brAgeResultZone4 p { padding:20px 0; min-height:100px; line-height:20px; }
.dia01 { float:left; width:297px; margin:0 20px 15px 0; }
.dia01 .dia01Btn { position:absolute; right:0; top:0; }
.dia02 { float:left; width:297px; margin:0 0 15px 0; }
.dia02 .dia01Btn { position:absolute; right:0; top:0; }
.recommendGame { background:url(/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:25px 19px; height:202px; }
.recommendGame table { width:260px; }
.fourWard { background:url(/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 20px 26px 20px; height:186px; font-size:14px; }
.english { background:url(/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 20px 26px 20px; height:186px; font-size:14px; }
p.mrLee { min-height:90px; padding-left:150px; background:url(/images/eEdu/brAgeCheckResultDrLee.gif) no-repeat left top; line-height:20px; }
p.mrRuta { min-height:90px; padding-left:150px; background:url(/images/eEdu/brAgeCheckResultDrRuta.gif) no-repeat left top; line-height:20px; }
    *html p.mrLee { height:90px; } /* ie6 핵 min-height 대신에*/
    *html p.mrRuta { height:90px; } /* ie6 핵 min-height 대신에*/
.diaBox01 { background:url(/images/eEdu/brAgeCheckResultContBox02.gif) no-repeat left top; padding:40px 9px 26px 9px; height:186px; }
.diaBox02 { background:url(/images/eEdu/brAgeCheckResultContBox03.gif) no-repeat left top; padding:9px; height:17px; }
.contBox01 { padding:10px 0 10px 0; margin-bottom:20px; background:url(/images/eEdu/brAgeCheckResultContBox01-Top.gif) no-repeat left top; }
.contBox01 .in{ padding:10px 24px 15px 0; background:#e5eefb url(/images/eEdu/brAgeCheckResultContBox01-Bottom.gif) no-repeat left bottom; }

/* 결과다이어그램 */
.brAgeResultTempBox .contDiaBar03 { margin:0 3px; padding:4px 5px; background:#3f7ed5; text-align:left; }
.brAgeResultTempBox .contDiaBar03 img{ height:9px; border-right:1px solid #fff; }
.brAgeResultTempBox .contDiaBar03Text { margin-top:15px; padding-left:8px; text-align:left; }
.brAgeResultTempBox .contDiaBar03Text .numAll { color:#629cec; }
.brAgeResultTempBox .contDiaBar03Text .numNow { color:#ff6000; }
/*** 뇌연령체크섹션 ***/

/*** e뇌교육 코스 ***/
.topTabOne01 { background:url(/images/eEdu/topTabOne01.jpg) no-repeat; height:5px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.topTabOneChk { background:url(/images/eEdu/topTabOne02.jpg) no-repeat; height:5px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.topTabGoal { background:url(/images/eEdu/topTabOne03.jpg) no-repeat; height:5px; padding:36px 10px 0 0px; margin-bottom:20px; }

/* 코스의 첫걸음 */
.goalTit { height:33px; border-bottom:1px solid #e7e7e7; }
.goalInput01 { width:666px; height:12px; 	border-top:2px #b5b5b5 solid;
	border-left:2px #b5b5b5 solid;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
	color:#8b8c8d; font-size:11px; padding:7px; background-color:#e8f1f7; }
.goalInput02 { width:666px; height:12px; 	border-top:2px #b5b5b5 solid;
	border-left:2px #b5b5b5 solid;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
	color:#545353; font-size:11px; padding:7px; background-color:#e8f1f7; }

/* 오늘의 코스 */
.topTabAbsence { background:url(/images/eEdu/topTabAbsence.jpg) no-repeat; height:18px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.topTabTraining { background:url(/images/eEdu/topTabTraining.jpg) no-repeat; height:18px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.topTabAgeCheck { background:url(/images/eEdu/topTabTest.jpg) no-repeat; height:18px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }

.topTabBw{ background:url(/images/eEdu/topTabBw.jpg) no-repeat; height:18px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.topTabTest { background:url(/images/eEdu/topTabBrainTest.jpg) no-repeat; height:18px; padding:36px 10px 0 0px; margin-bottom:20px; text-align:right; color:#fff; }
.todayCourseSBox{}
.todayCourseSBox .left{ width:217px; float:left; background: url(/images/eEdu/todayTrainBack01.jpg) no-repeat; }
.todayCourseSBox .left .text{padding:30px 20px 10px 20px; height:172px;}
.todayCourseSBox .right{ width:460px; height:391px; float:left; background:url(/images/eEdu/todayTrainBack02.jpg) no-repeat; padding-left:3px; text-align:center; }
.todayCourseSBox .right .padding{ margin:18px 0 5px 0; }
.todayCourseSBox .right .sBox{ margin:10px 30px 0px 30px; text-align:left;}
.todayCourseSBox .right .answer{ padding:3px 0 0 61px;}
.todayCourseSBox .right .answer img{ padding-left:4px;}
.todayCourseSBox .right table .position{ position:relative;}
.todayCourseSBox .right table .size{ width:166px; height:130px;}
.todayCourseSBox .right table .bg{
	position: absolute;
	left:0px;
	top:0;
}
.todayCourseSBox .right .bulletReply{background:url(/images/eEdu/bulletReply.gif) no-repeat 65px 50%; padding-left:80px; font-weight:bold; color:#ed145b; margin-top:5px;}
.todayCourseBack { background:url(/images/eEdu/todayCourseViewBack.gif) repeat-y top left; width:679px; }
.todayCourseViewTit {background:url(/images/eEdu/todayCourseViewTit.gif) no-repeat top left; width:662px; height:41px; padding:8px 0 0 17px; }
.todayBrTrTit { font-size:16px; color:#1f5cad; }
.todayCourseTit { font-size:14px; text-align:left; margin:18px 0 10px 0px; }
.todayCourseGuide { width:600px; margin:25px auto; text-align:left; }
.todayCourseBack01 { width:679px; height:34px; background:url(/images/eEdu/todayCourseViewBack01.gif) no-repeat left top; }
.todayCourseBottom { background:url(/images/eEdu/todayCourseViewBottom.gif) no-repeat top left; width:679px; height:30px; margin-top:32px; }
    *:first-child+html .todayCourseBottom { background:url(/images/eEdu/todayCourseViewBottom.gif) no-repeat top left; width:679px; height:30px; margin-top:0px; }



.todayBwFlashBox{position:relative; margin:0 auto; width:673px;  z-index:10000;}
.todayBwFlash{ position:absolute;  top:100px; }
.todayBwFlashClose{position:absolute; right:20px; top:90px; z-index:50;}

/* 뇌연령 체크 버튼 */
.btnBrainAgechkBack { background:url(/images/eEdu/todayCourseViewBtnBack.gif) repeat-y top left; width:679px; margin-top:20px; }
.btnBrainAgechkTop  { background:url(/images/eEdu/todayCourseViewBtn01.gif) no-repeat top left; width:679px; height:14px; }
.btnBrainAgechkTxt { padding:10px 10px 10px 20px; font-size:14px; position:relative; line-height:23px; }
	.btnBrainAgechkTxt  img { position:absolute; top:0px; right:20px; }
.btnBrainAgechkBottom { background:url(/images/eEdu/todayCourseViewBtnBottom.gif) no-repeat top left; width:679px; height:14px; }


/* 출석부 */
.calendarBack { width:665px; height:468px; background:url(/images/eEdu/calendarBack.jpg) no-repeat left top;  padding:5px 5px 13px 5px; }
	.calendarBack table { padding:0; margin:0; }
	.calendarBack table tr { padding:0; margin:0; }
	.calendarBack table tr td { padding:0; margin:0; }
.calendarLayerBack01 { background:url(/images/eEdu/calendarLayerBack01.gif) repeat-y; width:166px; padding:0 10px 0px 14px;	}
.calendarGuide { 
	width:316px; 
	height:30px; 
	background:url(/images/eEdu/calendarGuide.gif) no-repeat left top; 
	text-align:center; 
	font-size:14px; 
	padding:5px 0 0 0;
	margin-left:355px;
}
.calendarLayer01 { width:189px; position:absolute;left:0;top:0;z-index:1000; }
.calendarLayerSubject { background:url(/images/eEdu/calendarLayerTop01.gif) no-repeat left top; width:173px; height:27px; padding:19px 0 0 16px; }
.calendarLayerSubject p { font-size:11px; color:#FFF; }
.calendarLayerSubject2 { background:url(/images/eEdu/calendarLayerTop02.gif) no-repeat left top; width:173px; height:27px; padding:19px 0 0 16px; }
.calendarLayerSubject2 p { font-size:11px; color:#FFF; }
.todayTip { height:26px; position:relative; width:679px; margin-top:20px; }
.courseGuide { font-size:11px; margin-top:5px; position:absolute; top:0; left:465px; }
.courseSubject { 
	background:url(/images/eEdu/courseSubject.jpg) no-repeat left top; 
	width:658px; 
	height:42px;
	font-size:14px; 
	padding:8px 0 0 21px;
}

.calendarDay { font-family:Verdana; font-size:34px; line-height:40px;}
.calendarToday { background:url(/images/eEdu/calendarToday.gif) no-repeat 50% 2px; font-family:Verdana; font-size:34px; color:#FFF;}
.calendarYoil { font-family:Vrinda; font-size:28px; font-weight:bold; color:#FFF; line-height:30px;}
.yearMonth { color:#3f7ed5; font-weight:bold; font-size:28px; font-family:verdana; background:url(/images/eEdu/yearMonthBack.jpg) repeat left bottom; height:44px; line-height:38px; }

.courseSubject img { margin:13px 10px 10 0; }
.courseTit { color:#3f7ed5; height:21px; width:585px; float:left; padding-top:8px; }
.courseBack { background:url(/images/eEdu/courseBack.jpg) repeat-y left top; width:679px;}
.imgCourse { width:174px; text-align:center; padding-top:20px; float:left; }
.courseText { width:470px; padding:27px 0 20px 5px; float:left; }
.courseAttenceBack { 
	width:657px; 
	height:83px; 
	background:url(/images/eEdu/courseAttenceBack.jpg) no-repeat; 
	margin-top:10px;
	font-size:14px; 
	padding:8px 0 0 21px;
}
.courseAttenceTit { color:#3f7ed5; height:21px; width:585px; padding-top:8px; }
.courseAttenceText { width:636px; text-align:center; margin-top:20px; }
.checkGuide { background:url(/images/eEdu/borderLineTop.gif) repeat-x left top; height:35px; width:669px; font-size:11px; margin-top:15px; padding:10px 0 0 10px; line-height:18px;  }
.checkGuideBgNo { width:669px; font-size:11px; padding:7px 10px 7px 5px; line-height:18px;   }
.checkTraining { background:url(/images/eEdu/bgMent.jpg) no-repeat; width:669px; font-size:11px; padding:15px 10px 0px 20px; line-height:18px; height:50px; margin-top:0px;  }
.courseTipGuide { width:679px; height:27px; border-bottom:1px solid #e7e7e7; }
.courseTipList { border-bottom:1px solid #e5e5e6; }
.courseTipList01 { border-bottom:1px solid #e5e5e6; background:#f3f7fc; }
.brStoryImg { width:160px; float:left; text-align:right; padding:10px 0 10px 0; }
.courseTipCheck { width:42px; height:25px; float:left; text-align:center; padding:10px 0 0 0;}
.courseTipDay { width:118px; height:25px; float:left; text-align:center; padding:10px 0 0 0; }
.courseTipCon { width:469px; height:25px; padding:10px 0 0 30px; color:#04449c; float:left; }
.brStoryTxt { width:459px; padding:10px 10px 10px 30px; color:#04449c; float:left; }
.courseTipBottom { 
	background:url(/images/eEdu/borderLineTop.gif) repeat-x left top; 
	height:26px; 
	font-size:11px; 
	margin-top:5px; 
	padding:15px 0 0 10px; 
	color:#858585; 
	clear:both;
}
.eHistoryTop{ background:url(/images/eEdu/borderLineTop.gif) repeat-x bottom; padding:0 0 28px 8px; margin-bottom:20px; }
 .cha{float:left; background:url(/images/eEdu/courseChaBg.gif) no-repeat; width:161px; height:143px; margin-right:32px}
 .cha .title{ font-weight:bold; text-align:right; color:#4b88da; padding:7px 10px 0 0 }
 .eHistoryTop  table{ width:445px; }
 .eHistoryTop  table th{ font-size:20px; color:#4b88da; text-align:left; height:30px;  padding:5px 0; }
 .eHistoryTop  table td{font-size:14px;}
 .eHistoryTop  table .icon{ background:url(/images/eEdu/bulletAttention02.gif) no-repeat 0 40%; padding-left:17px; height:25px; width:80px; }
 .eHistoryBoxOn{ float:left; background:url(/images/eEdu/courseBoxBodyLong.gif) no-repeat bottom; width:339px;}
 	.eHistoryBoxOn .Body{ position:relative; background:url(/images/eEdu/courseBoxtopLong.gif) no-repeat top; padding:18px 0 40px 0; color:#1f5cad;}
	.ehistorBoxBt{position:absolute; top:9px; right:10px;}
 .eHistoryBoxOff{ float:left; background:url(/images/eEdu/courseBoxBody.gif) no-repeat bottom center; width:339px; height:55px;}
 	.eHistoryBoxOff .Body{position:relative;  background:url(/images/eEdu/courseBoxtop.gif) no-repeat top center; padding: 0 0px 0; color:#1f5cad;}
	.ehistoryBoxTitle{ position:absolute; top:18px; left:0px; font-size:14px; background:url(/images/eEdu/bulletDot01Gray.jpg) no-repeat 0 50%; padding:0px 0 0 10px; margin:0px 0 0 20px; font-weight:bold;}
	.ehistoryBoxGraph{padding:40px 29px 10px 30px;}
	.ehistoryBoxGraphMy{padding:65px 47px 10px 40px;}/*나의위치*/
	.ehistoryBoxGraphMy .bar{ background:url(/images/eEdu/courseMyImgBg.gif) no-repeat; width:249px; height:9px; padding:4px; margin:8px 0 8px 0 ;}
	.ehistoryBoxGraphMy .bar img{ border-right:1px #fff solid;}
	.ehistoryBoxBg{background:url(/images/eEdu/borderLineTop.gif) repeat-x top; margin:10px 30px 0px 30px; padding:20px 0 0 0; text-align:center;  }
	.ehistoryBoxTip{margin:15px 30px 0 30px; background-color:#eff4f6; font-size:11px; padding:7px 5px 5px 5px; text-align:left; line-height:20px;}
	
	/* 코스 결과페이지 */
	.subContentsResult .title{ text-align:center; font-size:16px; font-weight:bold; padding:25px 0; color:#1f5cad;}
	.subContentsResult .txt{background:url(/images/eEdu/bulletDot01Gray.jpg) no-repeat 0 30%; font-size:14px; padding-left:13px; line-height:20px; padding-bottom: 10px; margin-left:10px; margin-right:10px;}
	.subContentsResult .input { width:580px; height:12px; 	border-top:2px #b5b5b5 solid;
	border-left:2px #b5b5b5 solid;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
	color:#8b8c8d; padding:7px; background-color:#e8f1f7;}
	.resultBox{background:url(/images/eEdu/courseResultSBox.png) no-repeat; width:615px; height:140px; margin:15px 0px 0px 0px; padding:13px 29px 0px 29px; font-size:14px;}
	.resultBox table{font-size:14px; line-height:30px;}
	.resultBox table th{ color:#1f5cad;}
	.resultBoxTop{background:url(/images/eEdu/courseResultSBoxTop.gif) no-repeat top left; padding:20px 20px 10px 20px; font-size:14px; color:#04449c; line-height:22px;}
	.resultBoxBot{background:url(/images/eEdu/courseResultSBoxBot.gif) no-repeat bottom left; margin-top:35px;}
	
/*** 랭킹존섹션 ***/
/*지역별*/
.brAgeRankLocal { display:block; width:640px; height:46px; padding:18px 10px 12px 10px; background:url(/images/eEdu/rankingZoneImgLocalSort.jpg) no-repeat left top; }
.brAgeRankLocal li { float:left; padding:0 20px 4px 20px; }
table.localRank { margin:20px 0; }
table.localRank tr { border-bottom:1px solid #e5e5e6; }
table.localRank tr.basic { background:#fff; }
table.localRank tr.myLocalZone { color:#f35728; background:#f6f6f6; }
table.localRank td { padding:2px 0; }
table.localRank .myLocal { width:20px; text-align:center; }
table.localRank .num { width:24px; }
table.localRank .arrow { width:31px; text-align:center;}
table.localRank .local { width:136px; text-align:center;}
table.localRank .diaBar { width:350px; }
table.localRank .age { width:103px; text-align:center; font-size:11px; }
/*나이별*/
.brAgeRankAgeSort { display:block; width:454px; height:40px; background:url(/images/eEdu/rankingZoneImgAgeSort.jpg) no-repeat left top; }
.brAgeRankAgeSort ul{ float:left; padding-top:11px; }
.brAgeRankAgeSort li{ float:left; }

.brAgeRankAgeZone01 { float:left; width:100%; padding:5px 0 14px 0; background:#eff5fd;}
.brAgeRankAgeList { float:left;  padding:0 25px 0 25px; width:402px; }
img.myRank { margin:6px 0; }
ul.brAgeRankAge { margin:5px 0 0 0; }
ul.brAgeRankAge li { float:left; border-bottom:1px solid #fff; }
ul.brAgeRankAge li.brAgeRankSelect { width:5px; height:24px;  text-align:left; }
ul.brAgeRankAge li.brAgeRankNum { width:48px; height:24px;  text-align:center; }
ul.brAgeRankAge li.brAgeRankArrow { width:40px; height:19px; padding-top:5px; text-align:center; }
ul.brAgeRankAge li.brAgeRankName { width:203px; height:19px; padding-top:5px; text-align:left; }
ul.brAgeRankAge li.brAgeRankAge { width:72px; height:19px; padding-top:5px; text-align:left; }
ul.brAgeRankAge li.brAgeRankLevel { width:34px; height:19px; padding-top:5px; text-align:center; }
	/* ie6 핵 */
	*html ul.brAgeRankAge li.brAgeRankSelect { width:5px; height:23px;  text-align:left; }
	*html ul.brAgeRankAge li.brAgeRankNum { width:48px; height:28px;  text-align:center;  font-weight:bold; }
	*html ul.brAgeRankAge li.brAgeRankArrow { width:40px; height:23px; padding-top:5px; text-align:center; }
	*html ul.brAgeRankAge li.brAgeRankName { width:203px; height:23px; padding-top:5px; text-align:left; }
	*html ul.brAgeRankAge li.brAgeRankAge { width:72px; height:23px; padding-top:5px; text-align:left; }
	*html ul.brAgeRankAge li.brAgeRankLevel { width:34px; height:23px; padding-top:5px; text-align:center; }
/*** 랭킹존섹션 ***/



/** 1분뇌파진동 **/
.brainWave1min  { padding:20px; width:630px; background:url(/images/eEdu/1minBrainWaveImg01.gif)  no-repeat right 12px; }
.brainWave1min  p { line-height:22px; }
.brainWave1min  p.guide1min-01 { width:400px;  }
.brainWave1min  p.guide1min-02 { margin-top:20px; }
.brainWave1min  .guide1min-flash { padding-left:4px; }



/** 두뇌트레이닝  **/
.trainingList {
	clear:both; 
	text-align:center; 
	width:663px; 
	height:195px; 
	background:url(/images/eEdu/brtrViewListBack.gif) left top; 
	padding:22px 0 0 17px;
}

    *:first-child+html .trainingList {
	    clear:both; 
	    text-align:center; 
	    width:661px; 
	    height:195px; 
	    background:url(/images/eEdu/brtrViewListBack.gif) left top; 
	    padding:22px 0 0 19px;
    }
.brtrMainTop {background:url(/images/eEdu/brtrMainTop.jpg) no-repeat top left; width:661px; height:110px; padding:8px 10px; }
.brtrMainContents { float:left; margin-top:20px; text-align:right; }
.brtrMainSkin { width:328px; height:298px; background:url(/images/eEdu/brtrMainBrainSkin.jpg) no-repeat top left; padding:2px; }
.brtrBannerList { margin:20px 0 0 20px; width:328px; float:left; }
.trainingList ul { width:660px; margin-left:10px; }
    *:first-child+html .trainingList ul { width:680px; }
    *html .trainingList ul { width:660px; }
.trainingList ul li { background:url(/images/eEdu/trainingListBack.jpg) no-repeat 9px top; width:165px; height:111px; float:left; margin:0 0 0 0; }

.brTrainingList { width:679px;}
.BigBrainTraining { padding:22px 0; width:100%; margin:0 auto; }

.listIcon { text-align:right; padding:0px 16px 0px 0; font-size:11px; }

.sumImgVerticalList { width:147px; height:111px; position:relative; float:left; }
.sumImgLight { position:absolute; top:2px; left:2px;  }
.sumBrTrainingText { text-align:center; padding:20px 5px 0px 5px; }
.sumBrTrainingText strong { font-size:11px; color:#999; }
.sumTodayTraningText { text-align:center; padding:20px 5px 0px 5px; }
.sumTodayTraningText strong { font-size:12px; }
.iconNewFrame { text-align:center; width:147px; clear:both; }
.bigBrainPakage { width:328px; background:url(/images/eEdu/BigBrainList.jpg) no-repeat left bottom; padding-bottom:10px; float:left; margin-left:10px; }
    *html .bigBrainPakage { width:328px; background:url(/images/eEdu/BigBrainList.jpg) no-repeat left bottom; padding-bottom:10px; float:left; margin-left:7px; }
.pakageFrame { width:298px; padding:0 15px 15px 15px; background:url(/images/eEdu/BigBrainListTopS.jpg) no-repeat left top; }
	.pakageFrame  p { font-size:15px; height:47px; padding:10px 0 0 0px; }
.pakageContents { margin-left:1px; }
.pakageTxt { margin-left:10px; width:155px;}
.BigBrainListBack { width:679px;  background:url(/images/eEdu/BigBrainListBack.jpg) no-repeat bottom left; padding-bottom:46px; vertical-align:top; }
    *:first-child+html .BigBrainListBack { width:679px;  background:url(/images/eEdu/BigBrainListBack.jpg) no-repeat bottom left; padding-bottom:26px; vertical-align:top; }
    *html .BigBrainListBack { width:679px;  background:url(/images/eEdu/BigBrainListBack.jpg) no-repeat bottom left; padding-bottom:26px; vertical-align:top; }
.BigBrainListTop { background:url(/images/eEdu/BigBrainListTop.jpg) no-repeat top left; }
	.BigBrainListTop p { font-size:15px; height:48px; padding:10px 0 0 12px; }
.btnPlay {  border-top:1px solid #e0e0df; padding-top:8px; margin-top:8px; text-align:right}

.icon{ background:url(/images/eEdu/iconDot.jpg) no-repeat 0 3px; padding-left:10px; }
.listIcon { text-align:right; padding:5px 16px 5px 0; font-size:11px; }
.lineTop { background:url(/images/eEdu/borderLineTop.gif) repeat-x left top; height:35px; width:679px; }
.lineBottom { background:url(/images/eEdu/borderLineTop.gif) repeat-x left top; height:35px; width:679px; }

/* --------------- 클로즈베타 이벤트 -----------------*/
.closeBeta { background:url(/images/eEdu/closeBeta_Bg.jpg) repeat-y left top; width:896px; margin:10px 0 0 8px; }
.closeBetaTopimg { position:relative; height:800px; }
.levelRanking { width:302px; height:297px; position:absolute; top:240px; left:570px; z-index:10000; font-size:11px; }
    .levelRanking ul { padding:0; margin:0; width:197px; margin:95px 0 0 40px; }
.startBtn { position: absolute; top:300px; left:386px; z-index:15000; }
.closeBetaEvent { position:absolute; top:235px; left:45px; z-index:1000; }
.closeBetaIntro { text-align:center; padding:0 0 20px 0; }


/* --------------- 브레인대전 -----------------*/
.battleranking01 { width:360px; border-right:1px solid #e7e7e7; padding-right:25px;}
.battleRankingSUb{ background:url(/images/eEdu/battleRankingSub01.gif) no-repeat; height:33px; }
.battleMyPlayer { padding:5px 13px; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;  text-align:left;}
.battlItemShop { padding:13px 12px; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;  text-align:left; margin-bottom:25px;}
.battlItemShop01  {padding:4px 10px; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; text-align:left; width:180px;}
.battlItemShop01 strong { color:#2e5d9b;}
.battlItemShop02 ul {width:200px;  margin:0;}
.battlItemShop02 ul li { padding:7px 0 3px 16px; background:url(/images/eEdu/battle_icon.gif) no-repeat 5px 10px; border-bottom:1px dotted #cacaca; line-height:15px;}
.battlItemShop03 { background:url(/images/eEdu/battleItemShop_bg.gif) no-repeat left top; width:630px; margin:30px 0; padding:30px 35px 30px 15px; }
.battlItemShop04 { padding:13px 12px; background:#f0f7ff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;  text-align:center; margin-bottom:25px; width:656px;}
.battlItemShop05 { margin-top:25px; text-align:center;}


/*-----------------아이템 구매하기 -------------------------*/

#Itembuy table th.top { width:100px; border-top:2px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background:#f2f1ed; padding:8px; font-weight:bold; text-align:left; }
#Itembuy table td.top { border-top:2px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:8px; line-height:20px; }
#Itembuy table th { width:100px; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background:#f2f1ed; padding:8px; font-weight:bold; text-align:left; }
#Itembuy table td { border-bottom:1px solid #c9c9c9; padding:8px; line-height:20px; }

/* --------------- SiteMap -----------------*/
.siteMapBack01 { width:207px; height:219px; background:url(/images/eEdu/siteMapBack01.jpg) no-repeat top left; margin-right:18px; float:left; position:relative; }
.siteMapBack01_1 { width:207px; height:219px; background:url(/images/eEdu/siteMapBack01.jpg) no-repeat top left; float:left; position:relative; }
.siteMapBack02 { width:207px; height:219px; background:url(/images/eEdu/siteMapBack02.jpg) no-repeat top left; margin-right:18px; float:left; position:relative; }
.siteMapBack03 { width:207px; height:219px; background:url(/images/eEdu/siteMapBack03.jpg) no-repeat top left; float:left; position:relative; }


.siteMapTit { position:absolute; top:10px; left:9px; width: 175px; }
.siteMapTit14 { background:url(/images/eEdu/siteMapDot.gif) no-repeat left 50%; padding-left:16px; font-size:13px; color:#FFF; }
.siteMapTit14_1 { background:url(/images/eEdu/siteMapDot01.gif) no-repeat left 50%; padding-left:16px; font-size:13px; color:#FFF; }
.siteMapTit14_2 { background:url(/images/eEdu/siteMapDot02.gif) no-repeat left 50%; padding-left:16px; font-size:13px; color:#FFF; }

.siteMapTit ul { margin:15px 0 0 15px; }
.siteMapTit ul li { background:url(/images/eEdu/dot.gif) no-repeat left 50%; padding:4px 0 4px 8px; }


/*--------------footer --------------*/
#eEdufooter2{clear:both; padding:0 0 12px 0; height:1%; text-align:left; font-size:11px; color:#636063; line-height:20px; margin:40px 0px 0 0px;}
#footer2 .mediaInfo{ position:absolute; top:-240px; left:155px; z-index:100;}
#footer2 p span{ margin:0 10px; color:#acacac;}
.ptR{ position:relative;}	
	
.footerBrainTv 
{	width:900px; 
	height:46px; 
	border-top:1px solid #e0e0df; 
	border-bottom:1px solid #e0e0df; 
	background:#f9f8f1; 
	margin-bottom:26px; 
	padding:9px 0 0 30px;
}
.footerBrainTv li.imgBrainTv { float:left; margin-right:10px; height:46px; }
.footerBrainTv li.txtBrainTv { float:left; font-size:11px; width:128px; height:46px; }
.footerBrainTv li.guideBrainTv { float:left; width:22px; padding-left:14px; }


.subSpaceDiv { position:absolute; z-index:1000; width:145px; height:111px;}
