/*/////////////////////////////////////////////////
 - CSS for english_MAIN 
 - Writing by kjohaha - 2008 11 09 SUNDAY !!
////////////////////////////////////////////////*/
@charset "utf-8";

* {padding:0; margin:0;}
body {margin:0px; background:#FFF; font-family:tahoma,gulim; font-size:12px; color:#646464;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,img	{margin:0; padding:0; border:0;}
ul {list-style-type:none;}

/* hyperlink style */
body a:link    {color:#646464; text-decoration:none;}
body a:visited {color:#646464; text-decoration:none;}
body a:active  {color:#646464; text-decoration:none;}
body a:hover   {color:#000000; text-decoration:none;}

/* 이미지 롤오버 공통 */
A.roll img {display:inline; border:0;} 
A.roll img.over {display:none;} 
A.roll:hover {border:0;}
A.roll:hover img {display:none;} 
A.roll:hover img.over {display:block;}

/* layout */
#main_wrap {width:920px; margin:0 auto; position:relative;}
#head {width:920px; height:124px;}
#mid_warp  {width:920px; float:left;}
#mid_left  {width:185px; float:left;}
#mid_right {width:723px; float:right; margin:266px 0 0 0;}
#footer    {width:920px; float:left; padding:15px 0 15px 0;}

/* hdad */
#main_menu {width:920px; height:37px; background:url(../images/common/topmenubg.gif); float:left;}
#head h1 {width:160px; height:48px; float:left;}
#head .topMenu {font-family:dotum; color:#9a9a9a; font-size:11px; float:right; margin:7px 0px 0 0; display:inline; letter-spacing:-1px;}
#head .topMenu a {color:#9a9a9a;}
#head .topMenu a:hover {color:#9a9a9a; text-decoration:underline;}
#head .topMenu span {padding:0 5px 0 5px; color:#D9D9D9;}
#head .topMenu .mark {vertical-align:middle; margin:-1px 2px 0 0;}
#head .topMenu span.black a {color:#000000; margin:0 4px 0 0;}

#head .grayArea {width:920px; height:38px; background:url(../images/common/top_search.gif); float:left;}
.grayArea .level {float:left; font-family:dotum; font-size:11px; letter-spacing:-1px; color:#9A9A9A; margin:9px 35px 0 19px; display:inline; 
				  background:url(../images/common/levelicon.gif) no-repeat; height:23px; padding:3px 0 0 35px;}
.grayArea .level img { vertical-align:middle; margin:0 1px 0 1px;}
.grayArea .level a {color:#9A9A9A;}
.grayArea .level a:hover {color:#000;}
.search {float:left; margin:5px 0 0 0;}
.search input {height:17px; border: solid 1px #d4d4d4; padding:3px 0 0 0;}

/* 탑 인기강의 메인 */
.grayArea .drop {float:right; margin:6px 10px 0 0; background:#f6f6f6; width:203px; height:20px; border:solid 1px #dbdbdb; display:inline;}
.grayArea .drop p {color:#5e5e5e; font-family:dotum; font-size:11px; letter-spacing:-1px; text-align:left; margin:5px 0 0 7px; width:187px;}
.grayArea .drop p .right {float:right; margin:-10px 0 0 0;}

.popularLayer {width:201px; border:solid 2px #eb0800; background:#fff; position:absolute; left:705px; top:91px; z-index:5000; text-align:left;}
.popularLayer ul {font-family:dotum; font-size:11px; letter-spacing:-0.1em; padding:3px 0 3px 0; color:#5e5e5e;}
.popularLayer li {padding:5px 0 0 9px;}
.popularLayer ul img { vertical-align:middle; margin:-3px 7px 0 0;}

.grayArea .drop select {width:150px; background:#F6F6F6; font-family:12px; font-family:dotum;}



/* login box */
#loginBox {width:169px; height:97px; background:url(../images/bg_loginBox.gif) no-repeat; padding:53px 3px 0 13px; margin:6px 0 0 0;}
#loginBox input {width:94px; height:13px; border:solid 1px #d3d3d3; background:#F5F5F5; margin:0; padding:0; float:left; margin:2px 0 0 0; color:#8c8c8c; font-size:12px; padding:2px 0 0 3px;}
#loginBox .btn_login {float:left; margin:-19px 0 0 6px;}
#loginBox .saveID { font-size:11px; font-family:dotum; color:#767676; letter-spacing:-1px; float:left; width:160px; margin:6px 0 0 0;}
#loginBox .saveID input { background:none; width:auto; border:none; padding:0; margin:0;}
#loginBox .joinFind {margin:5px 0 0 0; float:left; width:160px;}

/* logout box(2008.11.11)*/
#logoutBox {width:169px; height:97px; background:url(../images/bg_loginBox.gif) no-repeat; padding:53px 3px 0 13px; margin:6px 0 0 0; }
#logoutBox .loginInfoArea {width:153px;padding:3px; background-color:#f2f2f2;}
#logoutBox .HelloText{font-family:굴림;margin:7px 0 6px 0; color:#777;}
#logoutBox .HelloText strong{color:#0f276b;}
#logoutBox .PointView {background-color:#ddd;height:25px;padding: 0 3px 0 0;}
#logoutBox .PointView em {display:block;width:74px;float:left;background: Url(../images/common/loginout_icon.gif) no-repeat 10px 50%;font-style:normal;color:#0f276b;font-family:Tahoma;font-size:10px;padding:5px 0 5px 30px;margin:1px 0 0 0;}
#logoutBox .PointView span {display:block; float:right; width:45px; margin:4px 0 0 0; padding:0;}
#logoutBox .MypageBtn img {margin:5px 1px 0 0;}

/* 처음 오셨어요 */
.guide {width:178px; height:93px; background:url(../images/bg_guide.gif); margin:8px 0 0 0; padding:9px 0 0 7px;}
.guide ul {margin:8px 0 0 0;}
.guide li {float:left;}
.guide li img { display:block;}

/* 강좌 한눈에보기 */
.easyView {width:176px; border:solid 1px #d3d3d3; background:#e9e7e8; margin:5px 0 0 0; float:left; padding:9px 0 0 7px;}
.easyView h2 {margin:0 0 8px 0;}
.easyView li {float:left;}
.easyView li img { display:block;}
.easyView p {font-family:dotum; color:#1b378a; letter-spacing:-1px; font-size:11px; padding:7px 0 6px 0; float:left; width:170px;}
.easyView p A:link {color:#1b378a;}
.easyView p A:visited {color:#1b378a;}
.easyView p A:active {color:#1b378a;}
.easyView p A:hover {color:#fff; background:#0e1a3e; padding:2px;}

/* bannerGlub */
.bannerGlub {width:177px; background:#f2f2f2; margin:4px 0 0 0; padding:1px 4px 4px 4px; float:left;}
.bannerGlub li { float:left; margin:3px 0 0 0;}
.bannerGlub img { display:block;}

/* 고객센터 */
.customer_new {width:173px; border:solid 3px #fbc8c6; float:left; padding:3px; margin:5px 0 0 0;}
.customer_new .area {float:left; background:#fcf7f7; width:167px; padding:5px 0 5px 6px; font-weight:bold; color:#000;}
.customer_new .area img { vertical-align:middle;}

/* Main Flash */
#mainFlash {float:left;}
#mainflash_new8ver {position:absolute;right:0;top:130px;}

/* 베스트& 뉴 */
.maintwo{float:left;background:url(../images/main/bg_new.gif) no-repeat 0 0;*/}

/* 베스트 강좌 */
.best {width:332px; height:174px; /*background:url(../images/bg_best.gif);*/ float:left; padding:25px 0 0 25px;}
.best .ribbon {
	width:61px;
	height:62px;
	position:absolute;
	padding:4px 0 0 4px;
	left: 0px;
	top: 0px;
}
.best dl {width:95px; float:left; margin:0 16px 0 0;}
.best dt { width:87px; height:87px;}
.best dt img { display:block;}
.best dd {color:#454545; font-weight:bold; letter-spacing:-1px;}
.best dd A:link {color:#454545;}
.best dd A:visited {color:#454545;}
.best dd A:active {color:#454545;}
.best dd A:hover {color:#000;}
.best dd.content {font-weight:normal; color:#8b8887; font-size:11px; font-family:dotum; letter-spacing:-1px; line-height:13px;}
.best dd.content A:link {color:#8b8887;}
.best dd.content A:visited {color:#8b8887;}
.best dd.content A:active {color:#8b8887;}
.best dd.content A:hover {color:#ED3613;}

/* 시청자 게시판,공시사항 */
.board { float:left; margin:10px 0 0 0;}
.board h2 {height:22px; background:url(../images/bg_boardTit.gif);}
.board ul {margin:7px 0 0 3px; line-height:17px;} 
.board li { background:url(../images/ico_board.gif) 0 50% no-repeat; padding:0 0 0 10px;}

.more { float:right; margin:-18px 0 0 0; padding:0 3px 0 0;}

/* On Air*/
.onAir {width:238px; float:left; margin:10px 9px 0 9px;}
.onAir h2 {height:20px;}
.onAir .content { background:url(../images/bg_OnAir.gif); width:228px; height:71px; padding:9px 0 0 10px;}
.onAir .content li {margin:2px 0 0 0; line-height:18px; width:220px;}
.onAir .content p {width:45px; float:left; text-align:center; background:#bfb69a; color:#fff; font-weight:bold; margin:0 5px 0 0;}
.onAir .recent {font-weight:bold; color:#F75D29;}
.onAir .recent a {font-weight:bold; color:#F75D29;}



.main_banner {float:left;}
A.main_banner {selector-dummy : expression(this.hideFocus=true);} /* 링크 점선없애기 */

.main_banner_02 {float:left; margin:6px 0 0 0; width:232px; height:128px;}

/* 이달의 추천강좌 */
.month {width:236px; height:126px; border:solid 1px #ddd; float:left; margin:6px 9px 0 9px;}
.month h2 { font-family:gulim; font-size:12px; color:#373334; letter-spacing:-1px; height:25px; border:solid 1px #fff; background:url(../images/bg_month.gif); line-height:25px; padding:0 0 0 7px;}
.month .thumb {border:solid 1px #a8a8a8; width:67px; height:68px; float:left; margin:10px 7px 0 10px; display:inline;}
.month dl {float:left; width:145px; margin:10px 0 0 0;}
.month dt {font-weight:bold; margin:0 0 5px 0;}
.month dd { font-size:11px; font-family:dotum; color:#9e9e9e; line-height:14px; letter-spacing:-1px;}
.month dd img { margin:5px 3px 3px 2px;}

/* 베스트 후기, 비법전수 */
.review {margin:6px 0 0 0; float:left; letter-spacing:-1px; width:235px; background:url(../images/bg_review.gif) repeat-x; position:relative; padding:0 0 10px 0;}
.review li {float:left;}
.review li img { display:block;}
.review .go {position:absolute; left:198px; top:8px;}
.review .list {margin:0; float:left; margin:7px 0 0 0;}
.review .list li { float:none; width:226px; background:url(../images/ico_board.gif) 0 50% no-repeat; padding:0 0 0 9px; margin:3px 0 0 0}
.review .list li img { display:inline; vertical-align:bottom}

/* 강사별 커뮤니티 */
.lecturer {width:232px; float:left; margin:10px 0 0 0;}
.lecturer h2 {height:21px;}
.lecturer .content { background:url(../images/bg_board.gif); width:232px; height:100px;}
.lecturer dl { padding:13px 0 0 105px; width:120px;}
.lecturer dt {font-weight:bold; letter-spacing:-1px; margin:0 0 5px 0;}
.lecturer dd {font-size:11px; font-family:dotum; color:#9e9e9e; line-height:14px; letter-spacing:-1px;}
.lecturer dd img { margin:5px 3px 3px 2px;}

/* VOD 소식 */
.vod {width:238px; margin:10px 9px 0 9px; float:left;}
.vod h2 {background:url(../images/bg_vod.gif); float:left; width:238px; margin:0 0 10px 0;}
.vod .thumb { float:left; width:87px; height:87px;}
.vod dl {width:140px; float:left; margin:0 0 0 10px;}
.vod dt {font-weight:bold; letter-spacing:-1px; margin:0 0 5px 0;}
.vod dd {font-size:11px; font-family:dotum; color:#9e9e9e; line-height:14px; letter-spacing:-1px;}

/* 신간도서 */
.newBook {width:235px; float:left; margin:10px 0 0 0;}
.newBook h2 {height:21px;}
.newBook .content { background:url(../images/bg_board02.gif); width:235px; height:100px;}
.newBook .content .bookImg { float:left; margin:4px 0 0 4px;}
.newBook dl { width:138px; margin:15px 0 0 0; float:left;}
.newBook dd {font-size:11px; font-family:dotum; color:#9e9e9e; line-height:14px; letter-spacing:-1px;}
.newBook dd img { margin:5px 3px 3px 2px;}

/* Todays Tip */
.studyPoll {float:left; border:solid 2px #e0d8d6; margin:10px 0 0 0;}
.studyPoll h2 { height:25px; float:left; font-size:12px; color:#99504a; background:#e0d8d6; line-height:19px; padding:0 0 0 5px;}
.studyPoll .contents {padding:7px; float:left; height:85px;}
.studyPoll .contents dt { font-weight:bold; color:#000; margin:0 0 4px 0}
.studyPoll .contents dd { color:#777;}
.studyPoll .contents dd img { margin:7px 0 0 0;}

.smallLink A:link {color:#8b8887;}
.smallLink A:visited {color:#8b8887;}
.smallLink A:active {color:#8b8887;}
.smallLink A:hover {color:#ED3613;}

/* main naverDictionary */
.naverDic {width:167px; height:30px; background:url(../images/banner_naver.gif) no-repeat; padding:22px 0 0 8px;}
.naverDic input {width:114px; height:18px; border:solid 1px #e1e1e1; padding:3px 0 0 7px; font-size:14px; font-weight:bold; font-family:dotum; color:#39861E; float:left;}
.naverDic img { display:block; float:left; margin:0 0 0 7px;}



/*메인플래쉬*/

#featured{ 
	width:468px; 
	padding-right:253px; 
	position:relative; 
	border:1px solid #ccc;background:#bbbbbb;
	height:253px; 
	
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0;
	left:451px;
	list-style:none;
	padding:0;
	margin:0;
	width:270px;
	z-index:100;
}

#featured ul.ui-tabs-nav li{ 
	padding:0 0; 
	padding-left:12px; 
	font-size:9px; 
	font-family:dotum, Arial; 
	color:#FFF; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:12px 5px; 
	/*background:#fff; */
	padding:2px; 
}
#featured ul.ui-tabs-nav li.first a{height:63px;}
#featured ul.ui-tabs-nav li.last a{height:64px;}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
	font-family:dotum, Arial; 
	line-height:60px; 

}
#featured li.ui-tabs-nav-item a{ /* 기본bg */
	display:block; 
	height:63px; 
	color:#333;  
	background:#ECECEC;
	line-height:20px;
	/* border:1px solid #D5D5D5; */
}
#featured li.ui-tabs-nav-item a:hover{ /*  hover bg */
	background:#ECECEC; 
	color:#333;

}
#featured li.ui-tabs-selected{
	background:url('../images/mainflash/selected-item.png') top left no-repeat;
	z-index:auto;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  /* 선택된 bg */
	background:#2a2f33; 
	color:#fff;
}
#featured .ui-tabs-panel{ 
	width:468px; height:253px; 
	background:#999; 
	position:relative;
	
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:222px;
	left:0;
	height:30px;
	background: url('../images/mainflash/transparent-bg.png'); 
	width: 468px;
}

#featured .info h2{ 
	font-size:18px; font-family:dotum, Arial;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:8px 5px; 
	font-family:dotum, Arial;
	font-size:11px; 
	line-height:15px; 
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	/*text-decoration:underline; */
}
#featured .ui-tabs-hide{ 
	display:none; 
}