@charset "UTF-8";



/* top tabmenu bar */
div.tm-online01 { background: url('/images/online/menubar01.gif') no-repeat left 0; }
div.tm-online02 { background: url('/images/online/menubar02.gif') no-repeat left 0; font-size: 0; }
div.tm-online03 { background: url('/images/online/menubar03.gif') no-repeat left 0; font-size: 0; }
div.tm-online01 input.button {
	float: right;
	margin: 7px 16px 0 0;
	display: inline;
	width: 78px;
	height: 19px;
}
div.tm-online02 input.button,
div.tm-online03 input.button {
	float: right;
	margin: 7px 16px 0 0;
	display: inline;
	width: 80px;
	height: 20px;
}

/* title */
h2.online01 {
	padding-left: 22px;
	margin-bottom: 12px;
	background: url('/images/common/bullet/h2_online01.gif') no-repeat left 0;
}
h2.online02 {
	padding-left: 22px;
	margin-bottom: 12px;
	background: url('/images/common/bullet/h2_online02.gif') no-repeat left 0;
}
h2.online03 {
	padding-left: 22px;
	margin-bottom: 12px;
	background: url('/images/common/bullet/h2_online03.gif') no-repeat left 0;
}

/* tab */
ul.tb-online01 { background: url('/images/online/tab_bg01.gif') repeat-x 0 top; }
ul.tb-online02 { background: url('/images/online/tab_bg02.gif') repeat-x 0 top; }
ul.tb-online03 { background: url('/images/online/tab_bg03.gif') repeat-x 0 top; }
ul.tb-online04 { 
	height:34px;
	background: url('/images/online/tab_bg04.gif') repeat-x 0 bottom; 
}
ul.tb-online05 { 
	height:34px;
	background: url('/images/online/tab_bg05.gif') repeat-x 0 bottom; 
}
ul.tb-online06 { 
	height:34px;
	background: url('/images/online/tab_bg06.gif') repeat-x 0 bottom; 
}
ul.tb-online04 li,
ul.tb-online05 li,
ul.tb-online06 li,{ 
	line-height:0; 
}
div.tb-online04 {
	padding:0 0 5px 0;
	margin:0;
	line-height:0;
	font-size:0;
	height:34px;
	background: url('/images/online/tab_bg04.gif') repeat-x; 
	z-index:1;
}
div.tb-online05 {
	padding:0 0 5px 0;
	margin:0;
	line-height:0;
	font-size:0;
	height:34px;
	background: url('/images/online/tab_bg05.gif') repeat-x; 
	z-index:1;
}
div.tb-online06 {
	padding:0 0 5px 0;
	margin:0;
	line-height:0;
	font-size:0;
	height:34px;
	background: url('/images/online/tab_bg06.gif') repeat-x; 
	z-index:1;
}
div.tb-online04 .img1,
div.tb-online05 .img1
div.tb-online06 .img1{
	padding:0;
	margin:0;
	vertical-align:bottom;
}
div.tb-online04 .img2,
div.tb-online05 .img2
div.tb-online06 .img2{
	padding:0 0 0 2px;
	margin:0;
	vertical-align:bottom;
}

/* top visual set */
div.topvisual-box {
	width: 722px;
	height: 153px;
	background: url('/images/online/top_vbox02.gif') no-repeat left 0;
	margin-bottom: 15px;
}
div.topvisual-box div.img {
	float: left;
	width: 475px;
	margin: 6px 0 0 7px;
	display: inline;
}
div.topvisual-box div.img708 {
	float: left;
	width: 708px;
	margin: 6px 0 0 7px;
	display: inline;
}
div.topvisual-box div.flash-banner {
	width: 240px;
	height: 153px;
	float: left;
}
div.topvisual-box div.focus {
	width: 240px;
	height: 153px;
	float: left;
	background: url('/images/online/topfocus04.gif') no-repeat left 0;
}
div.topvisual-box div.focus dl {
	font-size: 11px;
	color: #888;
	width: 205px;
	margin: 30px 0 0 19px;
}
div.topvisual-box div.focus dl dt {
	font-weight: bold;
	color: #666;
	line-height: 14px;
	_height: 20px;
	min-height: 20px;
	width: 132px;
	padding-left: 5px;
	margin-bottom: 5px;
}
div.topvisual-box div.focus dl dt a { color: #666; }
div.topvisual-box div.focus dl dd.img {
	float: left;
	width: 82px;
	height: 80px;
	background: url('/images/online/focus_imgbg.gif') no-repeat left 0;
}
div.topvisual-box div.focus dl dd.img img {
	width: 72px;
	height: 60px;
	margin: 5px 0 0 5px;
}
div.topvisual-box div.focus dl dd.summary {
	float: right;
	width: 113px;
	line-height: 15px;
}
div.topvisual-box div.focus ul {
	padding: 6px 0 0 4px;
	margin-top: 7px;
	background: url('/images/common/bullet/bul_dashed02.gif') repeat-x 0 top;
}
div.topvisual-box div.focus ul li {
	color: #666;
	display: inline;
	padding-left: 5px;
	margin-right: 10px;
	background: url('/images/common/bullet/bul_arrow08.gif') no-repeat left 3px;
}

div.topvisual-box02 {
	width: 722px;
	padding-top: 23px;
	background: #fff url('/images/online/top_hanger.gif') no-repeat left top;
	margin-bottom: 15px;
	overflow: hidden;
}
div.topvisual-box02 div.flash-visual {
	float: left;
	width: 492px;
}
div.topvisual-box02 div.flash-banner {
	float: left;
	width: 230px;
}
div.topvisual-box02 div.flash-banner02 {
	float: right;
	width: 230px;
}
div.topvisual-box02 div.visual-img { float: left; }
div.topvisual-box02 div.banner-img { float: left; }
div.topvisual-box02 div.bestlist {
	width: 230px;
	height: 187px;
	float: left;
	overflow: hidden;
}
div.topvisual-box02 div.bestlist ul.tab {
	height: 21px;
	padding-left: 10px;
	background: url('/images/online/tab_mbg.gif') repeat-x 0 top;
	overflow: hidden;
}
div.topvisual-box02 div.bestlist ul.tab li {
	float: left;
	margin-right: 2px;
}
div.topvisual-box02 div.bestlist ol {
	clear: both;
}
div.topvisual-box02 div.bestlist ol li {
	border-bottom: 1px solid #E6E6E6;
	height: 15px;
	padding: 3px 5px 0 32px;
	/padding-top: 1px;
	line-height: 14px;
	background-position: 10px 2px;
	/background-position: 10px 1px;
	background-repeat: no-repeat;
	font-size: 11px;
	overflow: hidden;
	clear: both;
}
div.topvisual-box02 div.bestlist ol li a { float: left; }
div.topvisual-box02 div.bestlist ol li span { float: right; }
div.topvisual-box02 div.bestlist ol li.rank1 {
	border: 0;
	padding: 8px 0 0 26px;
	height: 71px;
	overflow: visible;
}
div.topvisual-box02 div.bestlist ol li.rank1 div.img {
	width: 76px;
	height: 73px;
	float: left;
	position: relative;
	background: url('/images/online/imgbox_mbest.gif') no-repeat 0 top;
}
div.topvisual-box02 div.bestlist ol li.rank1 div.img img {
	width: 66px;
	height: 54px;
	margin: 5px 0 0 5px;
}
div.topvisual-box02 div.bestlist ol li.rank1 div.img span.best {
	position: absolute;
	left: -8px;
	top: -3px;
	display: block;
	width: 28px;
	height: 35px;
	background: url('/images/common/bullet/best1_online02.gif') no-repeat 0 top;
}
div.topvisual-box02 div.bestlist ol li.rank1 dl {
	float: left;
	width: 110px;
	margin: 5px 0 0 13px;
}
div.topvisual-box02 div.bestlist ol li.rank1 dl dt {
	line-height: 14px;
	margin-bottom: 2px;
}
div.topvisual-box02 div.bestlist ol li.rank1 dl dd { font-weight: bold; }
div.topvisual-box02 div.bestlist ol li.rank1 dl dt a,
div.topvisual-box02 div.bestlist ol li.rank1 dl dd a { float: none; }
div.topvisual-box02 div.bestlist ol li.rank1 dl dd.price { margin-top: 6px; }
div.topvisual-box02 div.bestlist ol li.rank1 dl dd.price em { font-weight: bold; color: #333; }
div.topvisual-box02 div.bestlist ol li.rank1 dl dd.price span.strike {
	text-decoration: line-through;
	float: none;
}
div.topvisual-box02 div.bestlist ol li.rank1 dl dd.price span.strike em { color: #666; }

div.topvisual-box02 div.bestlist ol li.rank2 { background-image: url('/images/common/bullet/rank02_online02.gif'); }
div.topvisual-box02 div.bestlist ol li.rank3 { background-image: url('/images/common/bullet/rank03_online02.gif'); }
div.topvisual-box02 div.bestlist ol li.rank4 { background-image: url('/images/common/bullet/rank04_online02.gif'); }
div.topvisual-box02 div.bestlist ol li.rank5 { background-image: url('/images/common/bullet/rank05_online02.gif'); border: 0; }
/* visual color type - blue */
div.visualtype-b { background: url('/images/online/top_vbox03.gif') no-repeat left 0; }
div.visualtype-b div.focus { background: url('/images/online/topfocus05.gif') no-repeat left 0; }
div.topvisual-box02 div.besttype-b ol li.rank1 div.img span.best { background-image: url('/images/common/bullet/best1_online03.gif'); }
div.topvisual-box02 div.besttype-b ol li.rank2 { background-image: url('/images/common/bullet/rank02_online03.gif'); }
div.topvisual-box02 div.besttype-b ol li.rank3 { background-image: url('/images/common/bullet/rank03_online03.gif'); }
div.topvisual-box02 div.besttype-b ol li.rank4 { background-image: url('/images/common/bullet/rank04_online03.gif'); }
div.topvisual-box02 div.besttype-b ol li.rank5 { background-image: url('/images/common/bullet/rank05_online03.gif'); }

div.topvisual-img {
	width: 100%;
	margin-top: -10px;
	font-size: 0;
}
div.mailboardBg-img {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	width: 722px;
	height: 35px;
	background: url('/images/online/h2_05_m1.gif') no-repeat left ;
}
div.mailboardBg-img h2 {
	margin:0 0 0 0;
	padding:10px 0 0 30px;
	float:left;
}
div.mailboardBg-img ul {
	text-align:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.mailboardBg-img li {
	padding:10px 30px 0 0;
}
div.topvisual-edunews {
	width: 722px;
	height: 156px;
	background: url('/images/online/topimg04_free09_m.jpg') no-repeat left 14px;
	margin-top: 0;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
}
div.topvisual-edunews h2 { text-indent: 0; }
div.topvisual-edunews ol {
	width: 183px;
	text-indent: 0;
	font-size: 11px;
	line-height: 14px;
	float: right;
	margin: 43px 25px 0 0;
	_display: inline;
}
div.topvisual-edunews ol li {
	clear: both;
	height: 24px;
	/height: 22px;
	width: 100%;
	color: #666;
}
div.topvisual-edunews ol li a {
	float: left;
	color: #666 !important;
}
div.topvisual-edunews ol li span { float: right; }
div.topvisual-edunews div.bbs-category {
	text-indent: 0;
	float: left;
	padding-bottom: 1px;
	margin: 99px 0 0 7px;
	/margin-top: 94px;
	display: inline;
}
div.topvisual-edunews div.bbs-category select {
	margin-right: 3px;
	color: #666;
}
div.topvisual-edunews div.bbs-category table td { color: #666 !important; }


/* submain */
div.online-main03 {
	width: 520px;
	height: 150px;
	text-indent: -5000px;
	float: left;
	font-size: 0;
	line-height: 0;
	margin-top: 30px;
	padding-left: 220px;
	background: url('/images/online/img_main03.jpg') no-repeat left top;
}
div.online-main03 ul li {
	height: 136px;
	float: left;
}
div.online-main03 ul.list-layer {
	text-indent: 0;
	width: 110px;
	float: left;
	display: inline;
}
div.online-main03 ul.list-layer li {
	width: 110px;
	border-top: 1px solid #E3E3E3;
	height: 22px;
	padding-left: 6px;
}
div.online-main03 ul.list01 {
	width: 186px !important;
	margin: 27px 48px 0 0;
}
div.online-main03 ul.list01 li { width: 180px !important; }
div.online-main03 ul.list02 {
	margin: 27px 0 0 0;
	width: 186px !important;
}
div.online-main03 ul.list02 li { width: 180px !important; }
div.online-main03 ul.list03 { margin: 10px 260px 0 0; }
div.online-main03 ul.list04 { margin: 41px 0 0 0; }

div.online-main04 {
	width: 520px;
	height: 150px;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	margin-top: 30px;
	padding-left: 210px;
	background: url('/images/online/img_main04.jpg') no-repeat left top;
}
div.online-main04 ul li {
	height: 136px;
	float: left;
}
div.online-main04 ul.list-layer {
	text-indent: 0;
	width: 120px;
	float: left;
	display: inline;
}
div.online-main04 ul.list-layer li {
	width: 120px;
	border-top: 1px solid #E3E3E3;
	height: 22px;
	padding-left: 6px;
}
div.online-main04 ul.list01 {
	width: 186px !important;
	margin: 27px 48px 0 0;
}
div.online-main04 ul.list01 li { width: 180px !important; }
div.online-main04 ul.list02 {
	margin: 27px 0 0 0;
	width: 186px !important;
}
div.online-main04 ul.list02 li { width: 180px !important; }
div.online-main04 ul.list03 { margin: 10px 229px 0 0; }
div.online-main04 ul.list04 { margin: 41px 0 0 0; }

div.online-main05 {
	width: 468px;
	height: 255px;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	padding-left: 257px;
	background: url('/images/online/img_main05.jpg') no-repeat left top;
}
div.online-main05 ul li {
	height: 136px;
	float: left;
}
div.online-main05 ul.list-layer {
	text-indent: 0;
	width: 77px;
	float: left;
	display: inline;
}
div.online-main05 ul.list-layer li {
	width: 71px;
	border-top: 1px solid #E3E3E3;
	height: 22px;
	padding-left: 6px;
}
div.online-main05 ul.list01 {
	width: 186px !important;
	margin: 27px 48px 0 0;
}
div.online-main05 ul.list01 li { width: 180px !important; }
div.online-main05 ul.list02 {
	margin: 27px 0 0 0;
	width: 186px !important;
}
div.online-main05 ul.list02 li { width: 180px !important; }
div.online-main05 ul.list03 { margin: 49px 283px 0 0; }
div.online-main05 ul.list04 { margin: 41px 0 0 0; }


div.online-main03 ul.list-layer li img,
div.online-main04 ul.list-layer li img,
div.online-main05 ul.list-layer li img { margin-top: 4px; }
div.online-main03 ul.list-layer li.first,
div.online-main04 ul.list-layer li.first,
div.online-main05 ul.list-layer li.first { border: 0; }


/* search */
div.lecture-search {
	width: 722px;
	height: 41px;
	background: url('/images/online/top_searchbar.gif') no-repeat left 0;
	margin-bottom: 15px;
	clear: both;
}
div.lecture-search label { display: none; }
div.lecture-search select {
	width: 110px;
	color: #383838;
	margin: 10px 0 0 174px;
	/margin-top: 8px;
}
div.lecture-search input.button {
	margin-top: 3px;
	width: 43px;
	height: 22px;
}
div.lecture-search table td { color: #383838 !important; }

div.edumail-search {
	width: 722px;
	height: 41px;
	background: url('/images/online/top_searchbar02.gif') no-repeat left 0;
	margin-bottom: 15px;
	clear: both;
}
div.edumail-search label { display: none; }
div.edumail-search input { margin: 7px 0 0 255px; }
div.edumail-search input.button { margin: 10px 0 0 0; }


/* search result */
div.lecture-result {
	width: 100%;
	overflow: hidden;
	height: 17px;
}
div.lecture-result p {
	float: left;
	padding-left: 16px;
	margin-left: 10px;
	color: #666;
	background: url('/images/common/bullet/icon_result.gif') no-repeat 0 1px;
	display: inline;
}
div.lecture-result p em {
	font-weight: bold;
	color: #333;
}

/* lecture summary */
div.lecture-summary {
	width: 722px;
	background: url('/images/online/top_rbox_line.gif') repeat-y left 0;
	margin-bottom: 15px;
}
div.lecture-summary div.roundbox {
	padding: 15px 0 0 23px;
	background: url('/images/online/top_rbox_top.gif') no-repeat 0 top;
}
div.lecture-summary div.roundbtm {
	width: 100%;
	height: 11px;
	font-size: 0;
	background: url('/images/online/top_rbox_btm.gif') no-repeat 0 bottom;
}
div.lecture-summary h3 {
	font-size: 16px;
	color: #0F833B;
	line-height: 18px;
	padding: 1px 3px 0 17px;
	display: inline;
	background: url('/images/common/bullet/icon_mike.gif') no-repeat 0 0;	
}
div.lecture-summary span.icon {	letter-spacing: -1px; }
div.lecture-summary p {
	width: 670px;
	margin-top: 6px;
	line-height: 18px;
}
div.lecture-summary img {
	vertical-align: middle;
	margin-bottom: 5px;
}
div.lecture-summary-img { margin-bottom: 15px; }
/* color type blue */
div.lecttype-b h3 {
	color: #0A778A;
	background: url('/images/common/bullet/icon_mike02.gif') no-repeat 0 0;
}
div.lecttype-b div.total dl dd { color: #0A778A !important; }
/* color type green */
div.lecttype-g h3 {
	color: #567D0A;
	background: url('/images/common/bullet/icon_mike03.gif') no-repeat 0 0;
}
div.lecttype-g div.total dl dd { color: #567D0A !important; }


/* lecture detail */
div.lecture-detail {
	width: 100%;
	margin-bottom: 32px;
}
div.lecture-detail div.media {
	width: 256px;
	float: left;
}
div.lecture-detail div.media div.sample {
	text-align: center;
	margin: 5px 5px 0 0;
	letter-spacing: -1px;
	padding:0;
}
div.lecture-detail div.media div.sample img{
	cursor:pointer;
	padding:0 0 0 2px;
	margin:0;
	border:0;
}

div.lecture-detail div.market {
	width: 316px;
	float: left;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
}

div.lecture-detail div.r-banner {
	width: 138px;
	float: left;
	margin-left: 10px;	
}
div.lecture-detail div.r-banner p.coupon { margin-bottom: 5px;}
div.lecture-detail div.r-banner div.tip { margin-top: 15px; }
div.lecture-detail div.r-banner div.lecture-state {
	width: 138px;
	height: 105px;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	background: url('/images/online/rbanner_state.gif') no-repeat 0 top;
	margin-top: 10px;
}
div.lecture-detail div.r-banner div.lecture-state img {
	text-indent: 0;
	margin: 72px 0 0 26px;
}
div.lecture-detail div.r-banner div.lecture-state02 {
	width: 138px;
	height: 105px;
	text-indent: -5000px;
	font-size: 0;
	line-height:0;
	background: url('/images/online/rbanner_state_cyan.gif') no-repeat 0 top;
	margin-top: 10px;
}
div.lecture-detail div.r-banner div.lecture-state02 img {
	text-indent: 0;
	margin: 72px 0 0 26px;
}
div.lecture-detail div.r-banner div.lecture-state03 {
	width: 138px;
	height: 105px;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	background: url('/images/online/rbanner_state_green.gif') no-repeat 0 top;
	margin-top: 10px;
}
div.lecture-detail div.r-banner div.lecture-state03 img {
	text-indent: 0;
	margin: 72px 0 0 26px;
}
/* my coupon */
div.lecture-detail div.r-banner div.coupon-bg1{
	width:138px;
	height:102px;
	background: url('/images/online/r_coupon_n_bg.gif') no-repeat 0 50%;
	text-align:center;
	font-size:11px;
	letter-spacing:-1px;
	color:#ffffff;
	padding:0;
	margin:0;
}
div.lecture-detail div.r-banner div.coupon-bg1 .txt1{
	font-size:11px;
	letter-spacing:-1px;
	color:#fff200;
	font-weight:bold;
}
div.lecture-detail div.r-banner div.coupon-bg1 .txt1 a:link,
div.lecture-detail div.r-banner div.coupon-bg1 .txt1 a:visited,
div.lecture-detail div.r-banner div.coupon-bg1 .txt1 a:active{
	font-size:11px;
	letter-spacing:-1px;
	color:#fff200;
	font-weight:bold;
	text-decoration:none;
}
div.lecture-detail div.r-banner div.coupon-bg1 ul{
	padding:0;
	margin:0;
}
div.lecture-detail div.r-banner div.coupon-bg1 ul.position{
	padding:10px 0 0 0;
	margin:0;
	text-align:center;
	font-size:11px;
	letter-spacing:-1px;
	color:#ffffff;
}
div.lecture-detail div.r-banner div.coupon-bg1 ul.position a:link,
div.lecture-detail div.r-banner div.coupon-bg1 ul.position a:visited,
div.lecture-detail div.r-banner div.coupon-bg1 ul.position a:active{
	padding:10px 0 0 0;
	margin:0;
	text-align:center;
	font-size:11px;
	letter-spacing:-1px;
	color:#ffffff;
	text-decoration:none;
}
div.lecture-detail div.r-banner div.coupon-bg1 ul.img{
	padding:12px 0 0 0;
	margin:0;
	text-align:center;
}
/* media player */
div.lecture-detail div.mov {
	width: 251px;
	height: 216px;
	background: url('/images/online/movbox.gif') no-repeat 0 top;
}
div.lecture-detail div.mov div.screen {
	width: 226px;
	height: 170px;
	float: left;
	background: url('/images/online/mov_empty.gif') no-repeat 0 top;
	margin: 10px 0 0 10px;
	display: inline;
}
div.lecture-detail div.mov div.play-option {
	clear: both;
	width: 211px;
	margin: 1px 0 0 23px;
}
div.lecture-detail div.mov div.play-option img {
	float: left;
	margin-right: 1px;
}
div.lecture-detail div.mov div.play-option p.loading-option {
	float: right;
	margin-top: 5px;
}
div.lecture-detail div.mov div.play-option p.loading-option a.prev img,
div.lecture-detail div.mov div.play-option p.loading-option a.next img {
	float: left;
	margin: 0 3px 2px 3px;
}
div.lecture-detail div.mov div.play-option p.loading-option a.next img { margin-right: 0; }
div.lecture-detail div.mov div.play-option span.loadingbar {
	display: block;
	float: left;
	width: 62px;
	height: 15px;
	background: url('/images/online/mov_playingbar.gif') no-repeat 0 top;
}

div.lecture-detail div.thumb {
	width: 251px;
	height: 216px;
	background: url('/images/online/thumbbox.gif') no-repeat 0 top;
}
div.lecture-detail div.thumb img {
	width: 226px;
	height: 170px;
	margin: 10px 0 0 10px;
}

/* lecture list */
div.lecture-detail div.lecture-list h3 {
	width:297px;
	height: 25px;
	margin: 18px 0 3px 8px;
	_margin-top: 16px;
	border-bottom:solid 2px #dddddd;
}
div.lecture-detail div.lecture-list h3 img { margin-left: 10px; }
div.lecture-detail div.lecture-list ul { margin-left: 15px; }
div.lecture-detail div.lecture-list ul li {
	padding-left: 6px;
	line-height: 20px;
	background: url('/images/common/bullet/bul_circle.gif') no-repeat 0 7px;
}

/* lecturer info */
div.lecture-detail div.dotline {
	background: url('/images/online/lecture_dotline.gif') no-repeat 0 bottom;
	height:5px 0 0 0;
	margin:0;
	padding:0;
	clear:both;
}
div.lecture-detail dl.lecturer2 {
	width: 305px;
	background: url('/images/online/bg_shaline305.gif') no-repeat 0 bottom;
	margin: 5px 0 0 6px;
	padding-bottom: 10px;
	/padding-bottom: 15px;
	overflow: hidden;
}
div.lecture-detail dl.lecturer {
	width: 305px;
	margin: 5px 0 0 6px;
	padding-bottom: 0;
	/padding-bottom: 0;
	overflow: hidden;
}
div.lecture-detail dl.lecturer dt,
div.lecture-detail dl.lecturer2 dt {
	width: 80px;
	float: left;
	margin: 2px 10px 0 0;
	_margin-top: 1px;
	clear: both;
}
div.lecture-detail dl.lecturer dt img,
div.lecture-detail dl.lecturer2 dt img{
	padding-left: 17px;
	background: url('/images/common/bullet/bul_circle04.gif') no-repeat 9px 3px;
}
div.lecture-detail dl.lecturer dd,
div.lecture-detail dl.lecturer2 dd {
	width: 200px;
	float: left;
	line-height: 14px;
	color: #666;
	margin-bottom: 0;
	padding:0 0 2px 0;
}
div.lecture-detail dl.lecturer dd.line,
div.lecture-detail dl.lecturer2 dd.line {
	clear: both;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	background: url('/images/online/lecture_dotline.gif') no-repeat 0 50%;
	width:290px;
	height:1px;
}
div.lecture-detail dl.lecturer dt.teacher, 
div.lecture-detail dl.lecturer2 dt.teacher { margin-top: 4px; }
div.lecture-detail dl.lecturer dd.teacher,
div.lecture-detail dl.lecturer2 dd.teacher {
	font-weight: bold;
	padding-top: 3px;
}
div.lecture-detail dl.lecturer dd.teacher p { margin-bottom: 5px;}
div.lecture-detail dl.lecturer dd.teacher img {
	vertical-align: top;
	margin-top: -3px;
	padding:0 0 0 5px
}
div.lecture-detail dl.lecturer dt.level { margin-top: 3px;}
div.lecture-detail dl dd.level {
	letter-spacing: -2px;
	padding:0 0 5px 0;
}
div.lecture-detail dl.lecturer dd.lectprice {
	color: #666;
}
div.lecture-detail dl.lecturer dd.lectprice em {
	font-size: 14px;
	color: #E87903;
}
div.lecture-detail dl.lecturer dd.lectprice img {
	vertical-align: middle;
	margin: 1px 0 2px 0;
}
div.lecture-detail dl.lecturer dd.lectprice span.strike {
	text-decoration: line-through;
	display: inline-block;
	margin-bottom: 1px;
}
div.lecture-detail dl.lecturer dd.lectprice span.strike em {
	font-size: 12px;
	color: #666;
}
div.lecture-detail dl.lecturer dd em { font-weight: bold; }
div.lecture-detail dl.lecturer-type02 dt { width: 61px; }
div.lecture-detail dl.lecturer-type02 dd { width: 230px; }
div.lecture-detail dl.lecturer-type02 dd.studying { width: 95px; }
div.lecture-detail dl.lecturer-type02 dd.studyingtime { width: 45px; }
div.lecture-detail dl.lecturer-type02 dt.studyingtime {
	clear: none;
	width: 79px;
}
div.lecture-detail dl dd.time {
	padding:2px 0 0 0;
	margin:0 0 0 0;
	font-size: 12px;
	font-weight:bold;
	vertical-align:middle;
}
*html div.lecture-detail dl dd.time {
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size: 12px;
	font-weight:bold;
	vertical-align:middle;
}

/* lecture goods list */
div.lecture-goodslist div.apartbox {
	width: 297px;
	border-top: 1px solid #ddd;
	margin: 0 0 5px 9px;
	clear: both;
}
div.lecture-goodslist div.first { border: 0; }
div.lecture-goodslist dl {
	width: 100%;
	clear: both;
}
div.lecture-goodslist dl dt {
	font-size: 11px;
	padding-left: 1px;
	margin: 9px 0 7px 0;
	/margin-bottom: 4px;
}
div.lecture-goodslist dl dd { padding: 0 2px 0 12px;}
div.lecture-goodslist ul li {
	font-size: 11px;
	color: #666;
	width: 100%;
	overflow: hidden;
}
div.lecture-goodslist div.freepass-type { border: 0; }
div.lecture-goodslist div.freepass-type ul { /margin-bottom: -10px; }
div.lecture-goodslist div.freepass-type ul li { margin-bottom: 7px; }
div.lecture-goodslist ul li input.checkbox { /margin: -1px 0; }
div.lecture-goodslist ul li em { font-weight: bold; }
div.lecture-goodslist ul li p.title 
{
	 float: left;
	 width:180px;
	 padding-left:20px;
	 text-indent:-20px;
}
div.lecture-goodslist ul li p.price {
	float: right;
	margin-top: 3px;
	white-space: nowrap;
}
div.lecture-goodslist ul li p.price strong.won {
	display: inline-block;
	padding: 1px 0 0 16px;
	color: #333;
	background: url('/images/common/bullet/icon_won_on.gif') no-repeat 0 0;
}
div.lecture-goodslist ul li p.price strong.strike {
	display: inline-block;
	padding: 1px 0 0 16px;
	text-decoration: line-through;
	background: url('/images/common/bullet/icon_won.gif') no-repeat 0 0;
}
div.lecture-goodslist div.total {
	width: 296px;
	margin-left: 10px;
}
div.lecture-goodslist div.total dl {
	width: 296px;
	height: 29px;
	overflow: hidden;
	background: url('/images/online/rbox_total.gif') no-repeat 0 0;
}
div.lecture-goodslist div.total dl dt {
	float: left;
	width: 39px;
}
div.lecture-goodslist div.total dl dt img { margin-left: 16px;}
div.lecture-goodslist div.total dl dd {
	float: right;
	color: #0F833B;
	margin: 8px 15px 0 0;
	display: inline;
}
div.lecture-goodslist div.total dl dd img {
	vertical-align: middle;
	margin-bottom: 1px;
}
div.lecture-goodslist div.total div.button {
	text-align: center;
	letter-spacing: -1px;
	margin-top: 10px;
}
div.lecture-goodslist div.total div.button input.button { height: 27px; }
div.lecture-goodslist div.freepass-type div.button {
	border-top: 1px solid #DDD;
	padding-top: 10px;
}
div.lecture-goodslist h3 {
	margin: 10px 0 8px 11px;
}

/* lecture goods list new200910추가 */
div.lecture-goods{
	margin:-15px 0 30px 0;
	padding:0;
	width:722px;
}
div.lecture-goods div.bg-title{
	margin:0;
	padding:0 0 0 15px;
	background:url(/images/online/goodscheck_bg.gif) no-repeat;
	width:100%;
	height:30px;
}
div.lecture-goods div.bg-title .img{
	vertical-align:middle;
	margin:7px 5px 0 0;
}
div.lecture-goods p.txtinfo{
	margin:0;
	padding:0 0 10px 0;
	font-family:dotum;;
	color:#E87903;
	font-size:12px; 
}
div.lecture-goods div.total{
	margin:0;
	padding:7px 15px 0 0;
	background:url(/images/online/goodscheck_bg02.gif) no-repeat;
	height:32px;
	text-align:right;
}
div.lecture-goods div.total .price{
	margin:0;
	padding:0;
	font-family:dotum;
	color:#E87903;
	font-weight:bold;
	font-size:14px;
}
div.lecture-goods div.total .img{
	vertical-align:middle;
	margin:0 15px 0 0;
}
div.lecture-goods div.btn1{
	float:left;
	margin:0 0 15px 0;
	padding:0;
	width:20%;
	text-align:left;
}
div.lecture-goods div.btn2{
	float:right;
	margin:0 0 15px 0;
	padding:0;
	width:80%;
	text-align:right;
}
div.lecture-goods div.btn1,
div.lecture-goods div.btn2 .btn{
	cursor:pointer;
}
.lecture-goodslist2{
	margin:0 0 10px 0;
	width:100%; 
	border-bottom:1px solid #e5e5e5; 
	color:#666; 
	font-size:12px; 
	table-layout:fixed; 
	border-collapse:collapse;
}
.lecture-goodslist2 tbody td{
	padding:8px 0 5px; 
	text-align:center; 
	border-bottom:1px dashed #e5e5e5;
}
.lecture-goodslist2 tbody td.frm{
	width:4%;
	padding:0;
	text-align:center;
}
.lecture-goodslist2 tbody td.frm_new{
	width:4%;
	height:20px;
	padding:0;
	text-align:left;
	background-color:#f7f7f7;
}
.lecture-goodslist2 tbody td.frm input{
	margin:0;
	border:0;
}
.lecture-goodslist2 tbody td.lec_giftbg {
	width:100%;
	height:20px;
	background-color:#CCCCCC;	
}
.lecture-goodslist2 tbody td.title{
	width:55%;
	text-align:left;
	font-family:dotum;
	font-size:11px;
}
.lecture-goodslist2 tbody td.title .pkg{
	font-family:dotum;;
	color:#E87903;
	font-size:11px;
}
.lecture-goodslist2 tbody td.title .img{
	vertical-align:middle;
	padding:0 0 0 5px;
	cursor:pointer;
}
.lecture-goodslist2 tbody td.time{
	width:19%;
	text-align:center;
	font-family:dotum;;
	color:#666666;
	font-size:11px;
}
.lecture-goodslist2 tbody td.price{
	width:21%;
	text-align:right;
	padding:0 10px 0 0;
	color:#999999;
	font-size:12px;
}
.lecture-goodslist2 tbody td.price .line{
	text-decoration:line-through;
	font-family:dotum;;
	color:#999999;
	font-size:12px;
}
.lecture-goodslist2 tbody td.price .bold{
	font-family:dotum;;
	color:#0E7E89;
	font-size:12px;
	font-weight:bold;
}
.lecture-goodslist2_gift tbody td.frm{
	width:4%;
	padding:0;
	text-align:center;
}
.lecture-goodslist2_gift tbody td.frm input{
	margin:0;
	border:0;
}
span.lec_gift_text{
	color:#666666;
	font-size:11px;
	padding:0 0 0 32px;
}
strong.lec_gift_text_b {
	color:#238748;
	font-size:11px;
	padding:0 0 0 10px;
}
/* lecture afternote */
div.lecture-detail div.lecture-afternote {
	width: 138px;
	background: url('/images/online/rbox_afternote.gif') no-repeat 0 top;
}
div.lecture-detail div.lecture-afternote div.roundbox {
	padding: 31px 10px 10px 10px;
	background: url('/images/online/rbox_afternote_btm.gif') no-repeat 0 bottom;
}
div.lecture-detail div.lecture-afternote div.gradestar {
	width: 118px;
	height: 22px;
	overflow: hidden;
	background: url('/images/online/rbox_grade.gif') no-repeat 0 top;
	margin: 7px 0 10px 0;
}
div.lecture-detail div.lecture-afternote div.gradestar img {
	float: left;
	margin: 3px 0 0 8px;
}
div.lecture-detail div.lecture-afternote div.gradestar em {
	float: right;
	width: 33px;
	display: block;
	font-weight: bold;
	color: #333;
	margin-top: 3px;
}
div.lecture-detail div.lecture-afternote h3 {
	margin-left: 22px;
	font-weight: normal;
	color: #1B6D75;
}
div.lecture-detail div.lecture-afternote h3 img {
	vertical-align: middle;
	margin-bottom: 1px;
}
div.lecture-detail div.lecture-afternote h3 em { font-weight: bold; }
div.lecture-detail div.lecture-afternote ul {
	margin-top: 4px;
}
div.lecture-detail div.lecture-afternote ul li {
	border-top: 1px solid #DFDFDF;
	font-size: 11px;
	padding: 3px 0 1px 8px;
	line-height: 14px;
	background: url('/images/common/bullet/bul_circle.gif') no-repeat 1px 11px;
}
div.lecture-detail div.lecture-afternote ul li.first { border: 0; }
div.lecture-detail div.lecture-afternote p.button {
	text-align: center;
	margin-top: 6px;
}

/* lecture detail contents */
div.lecture-detailcont {}
div.lecture-detailcont ul#tab { margin-bottom: 15px; }
div.lecture-detailcont h4 {
	height: 23px;
	margin: 15px 0 5px 0;
	background: url('/images/online/title_bg.gif') repeat-x 0 bottom;
}
div.lecture-detailcont h4 img {
	padding-left: 9px;
	margin-left: 10px;
	background: url('/images/common/bullet/bul_title.gif') no-repeat 0 1px;
}
div.lecture-detailcont h4.normal-type {
	background: none;
	height: auto;
	margin-bottom: 6px;
}
div.lecture-detailcont h4.text-type {
	color: #474747;
	height: auto;
	margin: 15px 0 8px 10px;
	padding-left: 10px;
	background: url('/images/common/bullet/bul_title.gif') no-repeat 0 0;
}
div.lecture-detailcont h5{
	height: 23px;
	margin: 15px 0 5px 0;
}
div.lecture-detailcont h5 img {
	padding-left: 5px;
	margin:5px 0 6px 6px;
}
div.lecture-detailcont p.lecture-txt{
	margin:0;
	padding:0 0 10px 10px;
}
div.lecture-detailcont div.lecture-img{
	margin:0;
	padding:0 0 0 10px;
	width:700px;
	text-align:center;
}
div.lecture-detailcont div.titlebg{
	height: 23px;
	margin: 15px 0 5px 0;
	padding:0;
	background: url('/images/online/title_bg.gif') repeat-x 0 bottom;
}
div.lecture-detailcont div.title{
	padding-left: 9px;
	margin-left:7px;
	background: url('/images/common/bullet/bul_title.gif') no-repeat 0 1px;
	float:left;
}
div.lecture-detailcont div.link {
	float:right;
	width:200px;
	padding:0 5px 0 0;
	margin:0;
	text-align:right;
	color:#bfbfbf;
}
div.lecture-detailcont div.link .img{
	padding:0 5px 0 0;
	margin:0;
	vertical-align:middle;
}
div.lecture-detailcont div.link .menu a{
	padding:0 5px 0 10px;
	margin:0;
	background: url('/images/online/icon_arrow.gif') no-repeat 0 50%;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
}
div.lecture-detailcont div.link .menu a:hover{
	padding:0 5px 0 10px;
	margin:0;
	background: url('/images/online/icon_arrow.gif') no-repeat 0 50%;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:underline;
}
div.lecture-detailcont div.title-more {
	width: 100%;
	height: 22px;
	overflow: hidden;
	margin-top: 15px;
}
div.lecture-detailcont div.title-more h4 {
	float: left;
	margin: 0 !important;
	height: auto !important;
	background: none !important;
}
div.lecture-detailcont div.title-more a img {
	float: right;
	margin: 2px 10px 0 0;
}
div.lecture-detailcont p.text {
	padding: 0 10px;
	line-height: 20px;
	width: 700px;
}
div.lecture-detailcont ul.list {
	width: 90%;
	margin: 8px 0 0 10px;
}
div.lecture-detailcont ul.list li {
	padding-left: 8px;
	line-height: 14px;
	margin-bottom: 6px;
	background: url('/images/common/bullet/bul_circle.gif') no-repeat 0 4px;
}
div.lecture-detailcont div.piclist {
	width: 700px;
	clear: both;
	overflow: hidden;
	margin: 7px 0 0 10px;
}
div.lecture-detailcont div.piclist div.img {
	width: 119px;
	height: 143px;
	float: left;
	margin-right: 40px;
	background: url('/images/online/book_imgbg.gif') no-repeat 0 top;
}
div.lecture-detailcont div.piclist div.img02 {
	width: 119px;
	height: 143px;
	float: left;
	margin-right: 30px;
	background: url('/images/online/book_imgbg.gif') no-repeat 0 top;
}
div.lecture-detailcont div.piclist div.img img,
div.lecture-detailcont div.piclist div.img02 img {
	width: 102px;
	height: 110px;
	margin: 7px 0 0 7px;
}
div.lecture-detailcont div.piclist dl {
	float: left;
	width: 540px;
	line-height: 20px;
}
div.lecture-detailcont div.piclist dl.dltype02 {
	width: 550px !important;
	margin-top: 4px;
}
div.lecture-detailcont div.piclist dl dt {
	font-weight: bold;
	color: #333;
	line-height: 14px;
	margin-bottom: 3px;
}
div.lecture-detailcont div.piclist dl dt img {
	vertical-align: middle;
	margin-bottom: 2px;
}
div.lecture-detailcont div.piclist dl dd ul.list {
	margin: 6px 0 0 -8px;
	position: relative;
}

/* 20091009교재정보추가 */
div.lecture-detailcont div.booklist {
	width: 700px;
	clear: both;
	overflow: hidden;
	margin:10px 0 0 10px;
	padding:10px 0 0 0;
}
div.lecture-detailcont div.booklist div.img {
	width: 119px;
	height: 143px;
	float: left;
	margin-right: 20px;
	background: url(/images/online/book_imgbg.gif) no-repeat 0 top;
}
div.lecture-detailcont div.booklist div.img img{
	width: 102px;
	height: 110px;
	margin: 7px 0 0 7px;
}
div.lecture-detailcont div.booklist dl {
	float: left;
	width: 540px;
	line-height: 18px;
	font-family:dotum;
}
div.lecture-detailcont div.booklist dl dt.title {
	font-weight: bold;
	font-size:12px;
	color: #333;
	margin-bottom: 1px;
}
div.lecture-detailcont div.booklist dl dt.st {
	font-size:11px;
	color: #808080;
	letter-spacing:-1px;
}
div.lecture-detailcont div.booklist dl dd {
	margin:0;
	position: relative;
	font-size:12px;
	list-style:none;
}
div.lecture-detailcont div.booklist dl dd.text1 {
	margin:0;
	position: relative;
	font-size:12px;
	color: #808080;
}
div.lecture-detailcont div.booklist dl dd.text2 {
	margin-bottom: 3px;
	position: relative;
	font-size:12px;
	color: #808080;
	text-decoration:line-through;
	float:left;
}
div.lecture-detailcont div.booklist dl dd.text3 {
	margin:0 5px 3px 5px;
	position: relative;
	font-size:12px;
	color: #808080;
	float:left;
}
div.lecture-detailcont div.booklist dl dd.text4 {
	margin-bottom: 3px;
	position: relative;
	font-size:12px;
	color: #E87903;
	font-weight:bold;
}
div.lecture-detailcont div.booklist dl dd.text5 a{
	margin:0;
	position: relative;
	font-size:12px;
	color: #808080;
	text-decoration:none;
}
div.lecture-detailcont div.booklist dl dd.text5 a:hover{
	margin:0;
	position: relative;
	font-size:12px;
	color: #808080;
	text-decoration:underline;
}
div.lecture-detailcont dl.goods-info {
	line-height: 20px;
	margin: 0 10px;
}
div.lecture-detailcont dl.goods-info dt {
	font-weight: bold;
	color: #474747;
}

div.lecture-detailcont div.afternote-default {
	text-align: center;
	padding: 24px 0;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
div.lecture-detailcont div.boardtype-default { margin-bottom: 20px; }
div.lecture-referlist ul div.btnGotoLec {
	clear:both;
	margin:5px 0 0 -5px;
}
/* lecture afternote top reference */
div.lecture-referlist {
	padding-left: 90px;
	background: #fff url('/images/online/bgicon_afternote.gif') no-repeat 0 top;
	margin: 20px 0 24px 0;
	/margin-bottom: 20px;
}
div.lecture-referlist ul { width: 100%; }
div.lecture-referlist ul li {
	padding-left: 6px;
	line-height: 14px;
	margin-bottom: 6px;
	background: url('/images/common/bullet/bul_arrow07.gif') no-repeat 0 50%;
}
div.lecture-referlist ul li span { font-weight: bold; }
div.lecture-referlist ul li span em { color: #E87903; }
div.lecture-referlist ul li span.point-c {
	color: #E87903;
	font-weight: normal;
}
div.lecture-referlist ul li span.point-c em { font-weight: bold; }
div.lecture-referlist ul li.btn {
	background-position: 0 7px;
	margin-top: -4px;
}
div.lecture-referlist ul li.btn img {
	vertical-align: middle;
	margin-left: 3px;
}
div.lecture-referlist span.btn {
	margin:0 0 0 3px;
	padding:0;
}
div.lecture-referlist span.btn img{
	vertical-align: middle;
}
div.lectr-type02 {
	background-position: 0 10px;
	margin: 15px 0 17px 0;
}
div.lectr-type02 p.btn { margin: 2px 0 0 1px; }


/* lecture state graph */
div.statebox-graph {
	width: 100%;
	margin-top: 20px;
}

div.statebox-graph div.statebox {
	width: 335px;
	float: left;
}
div.statebox-graph div.statebox-r {
	width: 335px;
	float: right;
}

div.statebox-graph h4 {
	padding-left: 9px;
	background: url('/images/common/bullet/bul_title.gif') no-repeat 0 1px;
	margin: 0 0 15px 30px;
	_margin-left: 33px;
	font-weight: normal;
	color: #F08209;
}
div.statebox-graph h4 img {
	padding: 0;
	background: none;
	margin: 0 0 1px 0;
	vertical-align: middle;
}

div.statebox-graph dl.graph-type01 {
	width: 338px;
	position: relative;
	z-index: 0;
}
div.statebox-graph dl.graph-type01 dt {
	float: left;
	width: 31px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -1px;
	color: #7E7E7E;
	padding-top: 10px;
}
div.statebox-graph dl.graph-type01 dt.sub-tit {
	width: auto;
	position: absolute;
	right: 3px;
	top: 262px;
	margin: 0;
	padding: 0;
}
div.statebox-graph dl.graph-type01 dt.sub-unit {
	width: auto;
	position: absolute;
	right: 0;
	top: 285px;
	margin: 0;
	padding: 0;
}
div.statebox-graph dl.graph-type01 dt ul {
	width: 70%;
	margin-top: 1px;
}
div.statebox-graph dl.graph-type01 dt ul li {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
div.statebox-graph dl.graph-type01 dd {
	width: 304px;
	height: 345px;
	float: left;
	/float: none;
	background: url('/images/online/bg_graph01.gif') no-repeat 0 top;
}

div.statebox-graph dl.graph-type02 {
	width: 730px;
	position: relative;
	z-index: 0;
}
div.statebox-graph dl.graph-type02 dt {
	float: left;
	width: 31px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -1px;
	color: #7E7E7E;
	padding-top: 10px;
}
div.statebox-graph dl.graph-type02 dt.sub-tit {
	width: auto;
	position: absolute;
	right: 7px;
	top: 262px;
	margin: 0;
	padding: 0;
}
div.statebox-graph dl.graph-type02 dt.sub-unit {
	width: auto;
	position: absolute;
	right: 0;
	top: 285px;
	margin: 0;
	padding: 0;
}
div.statebox-graph dl.graph-type02 dt ul {
	width: 70%;
	margin-top: 1px;
}
div.statebox-graph dl.graph-type02 dt ul li {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
div.statebox-graph dl.graph-type02 dd {
	width: 692px;
	height: 345px;
	float: left;
	/float: none;
	background: url('/images/online/bg_graph02.gif') no-repeat 0 top;
}
div.statebox-graph dl.graph-type02 dd ul {
	width: 650px;
	margin-left: 40px;
}
div.statebox-graph dl.graph-type02 dd ul li dl dd p.graphbar01 {
	width: 24px;
	background: url('/images/online/graphbar02_c_type01.gif') repeat-y;
	left: 40%;
}
div.statebox-graph dl.graph-type02 dd ul li dl dd p.graphbar02 {
	width: 24px;
	background: url('/images/online/graphbar02_c_type02.gif') repeat-y;
	left: 40%;
}
div.statebox-graph dl.graph-type02 dd ul li dl dd p.graphbar03 {
	width: 24px;
	background: url('/images/online/graphbar02_c_type03.gif') repeat-y;
	left: 40%;
}
div.statebox-graph dl.graph-type02 dd ul li dl dd p.graphbar04 {
	width: 24px;
	background: url('/images/online/graphbar02_c_type04.gif') repeat-y;
	left: 40%;
}
div.statebox-graph dl.graph-type02 dd ul li dl dd p.graphbar05 {
	width: 24px;
	background: url('/images/online/graphbar02_c_type05.gif') repeat-y;
	left: 40%;
}

div.statebox-graph dl dd ul {
	width: 298px;
	float: left;
	margin-left: 6px;
	display: inline;
}
div.statebox-graph dl dd ul li {
	float: left;
	width: 20%;
	text-align: center; 
}
div.statebox-graph dl dd ul li dl {
	width: 100%;
	padding-top: 37px;
	position: relative;
	z-index: 0;
}
div.statebox-graph dl dd ul li dl dt {
	width: 100% !important;
	text-align: center;
	position: absolute;
	top: 262px;
	left: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: -1px;
	color: #7E7E7E;
	padding: 0 !important;
}
div.statebox-graph dl dd ul li dl dd {
	width: 100% !important;
	height: 212px !important;
	float: none !important;
	position: relative;
	text-align: center;
	background: none !important;
}
div.statebox-graph dl dd ul li dl dd.icon {
	height: auto !important;
	position: absolute;
	top: 0;
	left: 10%;
}
div.statebox-graph dl dd ul li dl dd p.graphbar01 {
	width: 13px;
	height: auto;
	border: 1px solid #AEBF78;
	background: url('/images/online/graphbar01_c_type01.gif') repeat-y;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 38%;
 }
div.statebox-graph dl dd ul li dl dd p.graphbar02 {
	width: 13px;
	height: auto;
	border: 1px solid #88CA82;
	background: url('/images/online/graphbar01_c_type02.gif') repeat-y;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 38%;
}
div.statebox-graph dl dd ul li dl dd p.graphbar03 {
	width: 13px;
	height: auto;
	border: 1px solid #76B2CC;
	background: url('/images/online/graphbar01_c_type03.gif') repeat-y;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 38%;
}
div.statebox-graph dl dd ul li dl dd p.graphbar04 {
	width: 13px;
	height: auto;
	border: 1px solid #89A0D6;
	background: url('/images/online/graphbar01_c_type04.gif') repeat-y;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 38%;
}
div.statebox-graph dl dd ul li dl dd p.graphbar05 {
	width: 13px;
	height: auto;
	border: 1px solid #B68BD0;
	background: url('/images/online/graphbar01_c_type05.gif') repeat-y;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 38%;
}

div.statebox-graph02 {
	margin-top: -9px;
}
div.statebox-graph02 h3 {
	width: 155px;
	float: left;
	padding-top: 16px;
	background: url('/images/online/state_titbg.gif') no-repeat 0 top;
	margin: 0 25px 25px 8px;
	display: inline;
}
div.statebox-graph02 div.lecture-level h4 {
	height: auto;
	padding: 0 0 0 9px;
	margin-bottom: 20px;
	color: #474747;
	background: url('/images/common/bullet/bul_title.gif') no-repeat 0 0;
}
div.statebox-graph02 div.lecture-level h4 strong { color: #E87903; }
div.statebox-graph02 div.lecture-level {
	width: 524px;
	float: left;
	margin-top: 5px;
}
div.statebox-graph02 div.lecture-level div.graph {
	width: 524px;
	height: 47px;
	background: url('/images/online/lectlevel_bg.gif') no-repeat 0 top;
}
div.statebox-graph02 div.lecture-level div.graph p {
	float: left;
	padding: 0 2px;
	width: 520px;
	height: 16px;
	background: url('/images/online/lectlevel_bgbar.gif') no-repeat 0 top;
	margin-top: 14px;
}
div.statebox-graph02 div.lecture-level div.graph p span {
	height: 16px;
	display: block;
	text-align: right;
}
div.statebox-graph02 div.lecture-level div.graph p.graphbar01 span.level01 { width: 0; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar01 span.level02 { width: 50%; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar01 span.level03 { width: 75%; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar01 span.level04 { width: 100%; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar02 span.level01 { width: 0; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar02 span.level02 { width: 75%; }
div.statebox-graph02 div.lecture-level div.graph p.graphbar02 span.level03 { width: 100%; }
div.statebox-graph02 div.graphbox {
	float: left;
}
div.statebox-graph02 div.graphbox h4 {
	padding: 0 0 0 9px;
	margin: 14px 0 0 23px;
	color: #474747;
	background: url('/images/common/bullet/bul_title03.gif') no-repeat 0 top;
	float: left;
	display: inline;
}
div.statebox-graph02 div.graphbox div.title {
	width: 100%;
	overflow: hidden;
}
div.statebox-graph02 div.graphbox p.r-unit {
	float: right;
	font-size: 11px;
	color: #666;
	margin: 15px 17px 0 0;
	display: inline;
}
div.statebox-graph02 div.graphbox p.r-unit img {
	vertical-align: middle;
	margin-left: 3px;
}

div.statebox-graph02 div.graphbox div.graph-list {
	width: 165px;
	height: 250px;
	clear: both;
	background: url('/images/online/graph_bg.gif') no-repeat 0 top;
	position: relative;
	z-index: 0;
	float: left;
	margin-top: 12px;
	display: inline;
}
div.statebox-graph02 div.graphbox div.graph-list ul {
	position: absolute;
	bottom: 12px;
}
div.statebox-graph02 div.graphbox div.graph-list ul li {
	width: 100%;
	position: relative;
	z-index: 0;
	float: left;
}
div.statebox-graph02 div.graphbox div.graph-list ul li dl {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	
}
div.statebox-graph02 div.graphbox div.graph-list ul li dl dt {
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	top: 0;
	left: 0;
}
div.statebox-graph02 div.graphbox div.graph-list ul li dl dd {
	float: left;
	width: 151px;
	margin-left: 4px;
	display: inline;

}
div.statebox-graph02 div.graphbox div.graph-list ul li dl dd span {
	display: block;
	height: 8px;
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
	margin-bottom: 1px;
}


div.statebox-graph02 div.graphbox-1 {
	width: 229px;
	height: 314px;
	background: url('/images/online/graph_bgbox01.gif') no-repeat 0 top;
}
div.statebox-graph02 div.graphbox-1 div.graph-list { margin-left: 46px; }
div.statebox-graph02 div.graphbox-1 ul { padding-bottom: 7px; } 
div.statebox-graph02 div.graphbox-1 ul li { height: 35px; }
div.statebox-graph02 div.graphbox-1 dl dt {
	width: 35px;
	text-align: right;
	margin-left: -40px;
	line-height: 13px;
}
div.statebox-graph02 div.graphbox-1 ul li span.bar01 {
	border: 1px solid #DB8688;
	background: #F3AEB0 url('/images/online/graph_bgbar01.gif') repeat-x 0 top;
}
div.statebox-graph02 div.graphbox-1 ul li span.bar02 {
	border: 1px solid #90ABDA;
	background: #AAC4F0 url('/images/online/graph_bgbar02.gif') repeat-x 0 top;
}

div.statebox-graph02 div.graphbox-2 {
	width: 258px;
	height: 314px;
	background: url('/images/online/graph_bgbox02.gif') no-repeat 0 top;
	margin-left: 10px;
	display: inline;
}
div.statebox-graph02 div.graphbox-2 div.graph-list { margin-left: 75px; }
div.statebox-graph02 div.graphbox-2 ul { padding-bottom: 4px; } 
div.statebox-graph02 div.graphbox-2 ul li { height: 40px; }
div.statebox-graph02 div.graphbox-2 dl dt { margin: -1px 0 0 -60px; }
div.statebox-graph02 div.graphbox-2 ul li span.bar01 {
	border: 1px solid #85CC98;
	background: #8BE9A4 url('/images/online/graph_bgbar03.gif') repeat-x 0 top;
}

div.statebox-graph02 div.graphbox-3 {
	width: 215px;
	height: 314px;
	background: url('/images/online/graph_bgbox03.gif') no-repeat 0 top;
	margin-left: 10px;
	display: inline;
}
div.statebox-graph02 div.graphbox-3 div.graph-list { margin-left: 25px; }
div.statebox-graph02 div.graphbox-3 ul { padding-bottom: 20px; } 
div.statebox-graph02 div.graphbox-3 ul li { height: 40px; }
div.statebox-graph02 div.graphbox-3 dl dt {
	position: static !important;
	line-height: 16px;
	margin: 0 0 0 8px;
	width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.statebox-graph02 div.graphbox-3 ul li span.bar01 {
	border: 1px solid #ACC46B;
	background: #D0EB91 url('/images/online/graph_bgbar04.gif') repeat-x 0 top;
}



/* lecture formation */
p.formation-img { text-align: center; }


/* lecture faq list */
div.lecture-faqlist {
	width: 722px;
}
div.lecture-faqlist dl {
	width: 100%;
	background: url('/images/common/rbox722_line.gif') repeat-y left 0;
	margin-bottom: 15px;
}
div.lecture-faqlist dl dt {
	font-weight: bold;
	color: #474747;
	padding: 5px 50px 7px 47px;
	line-height: 14px;
	background: #fff url('/images/common/bullet/icon_quest.gif') no-repeat 15px 1px;
}
div.lecture-faqlist dl dd {
	background: url('/images/common/rbox722_btm.gif') no-repeat 0 bottom;
}
div.lecture-faqlist dl dd div.roundbox {
	padding: 14px 60px 12px 47px;
	color: #666;
	line-height: 18px;
	background: url('/images/online/rbox_faqanswer_top.gif') no-repeat 0 top;
}
div.lecture-faqlist p.refer-txt {
	font-size: 11px;
	color: #3E7E14;
	line-height: 17px;
	margin-top: 10px;
	padding-left: 10px;
	background: url('/images/common/bullet/bul_star02.gif') no-repeat 0 5px;
}

/* lecture guide */
div.lecture-guide01 {
	width: 722px;
	height: 227px;
	background: url('/images/online/lecture_guide01.gif') no-repeat 0 top;
	text-indent: -5000px;
}
div.lecture-guide02 {
	width: 722px;
	height: 142px;
	background: url('/images/online/lecture_guide02.gif') no-repeat 0 top;
	text-indent: -5000px;
}
div.lecture-guide03 {
	width: 722px;
	height: 180px;
	background: url('/images/online/lecture_guide03.gif') no-repeat 0 top;
	text-indent: -5000px;
}
div.lecture-guide04 {
	width: 722px;
	height: 70px;
	background: url('/images/online/lecture_guide04.gif') no-repeat 0 top;
	text-indent: -5000px;
}
/* color type blue */
div.lecture-guide01-b {
	width: 722px;
	height: 227px;
	background: url('/images/online/lecture_guide01_cyan.gif') no-repeat 0 top;
	text-indent: -5000px;
}
div.lecture-guide02-b {
	width: 722px;
	height: 142px;
	background: url('/images/online/lecture_guide02_cyan.gif') no-repeat 0 top;
	text-indent: -5000px;
}
div.lecture-guide03-b {
	width: 722px;
	height: 180px;
	background: url('/images/online/lecture_guide03_cyan.gif') no-repeat 0 top;
	text-indent: -5000px;
}


/* my free pass */
div.lecture-mylist-1 {
	padding: 5px 0 0 238px;
	background: url('/images/online/mypick01.jpg') no-repeat 0 top;
	min-height: 258px;
	_height: 258px;
	margin-bottom: 25px;
}
div.lecture-mylist-2 {
	padding: 5px 0 0 238px;
	background: url('/images/online/mypick02.jpg') no-repeat 0 top;
	min-height: 258px;
	_height: 258px;
}
div.lecture-mylist-1 h3,
div.lecture-mylist-2 h3 {
	text-indent: -5000px;
	font-size: 0;
}

/* speaking study */
div.study-prepare {
	width: 722px;
	height: 155px;
	text-indent: -5000px;
	font-size: 0;
	background: url('/images/online/speaking_summary.gif') no-repeat 0 top;
	margin-bottom: 19px;
}
div.study-reading {
	width: 100%;
	height: 52px;
	text-indent: -5000px;
	font-size: 0;
	background: url('/images/online/img_rendering.gif') no-repeat 30px top;
	margin-bottom: 14px;
}

/* edumail */
div.edumail-view { margin-bottom: 15px; }

/* layer - vocabulary use guide */
div.vocab-useguide {
	position: relative;
	text-align: left;
}
div.vocab-useguide div.useguide {
	width: 379px;
	height: 248px;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	background: url('/images/online/layer_vocab.gif') no-repeat 0 top;
	position: absolute;
	right: -20px;
	top: 6px;
	_margin-right: 20px;
}
div.vocab-useguide div.useguide2 {
	width: 379px;
	height: 350px;
	text-indent: -5000px;
	text-align: left;
	font-size: 0;
	line-height: 0;
	background: url('/images/online/layer_vocab2.gif') no-repeat 0 top;
	position: absolute;
	right: -20px;
	top: 6px;
	_margin-right: 20px;
}
div.vocab-useguide p.close {
	cursor: pointer;
	text-indent: 0;
	padding-bottom: 1px;
	position: absolute;
	right: 12px;
	top: 8px;
}


/* main */
div.mflash-online {
	width: 975px;
	height: 500px;
	font-size: 0;
}
div.msubflash-online {
	width: 722px;
	height: 523px;
	font-size: 0;
	padding-top: 20px;
}
div.mnotice-online {
	margin-left: 39px;
}
div.mnotice-online div.bestreview {
	width: 300px;
	height: 234px;
	float: left;
	background: url('/images/online/mainbg01_review.jpg') no-repeat 0 top;	
}
div.mnotice-online div.bestreview h3 { margin: 42px 0 13px 36px; }
div.mnotice-online div.bestreview dl {
	width: 248px;
	margin-left: 24px;
}
div.mnotice-online div.bestreview dl dt {
	font-weight: bold;
	color: #474747;
	height: 17px;
	margin-bottom: 7px;
	background: url('/images/online/rbox_titbg_mreview.gif') no-repeat 0 top;
}
div.mnotice-online div.bestreview dl dt p {
	padding-left: 18px;
	margin-top: 2px;
	/margin-top: 3px;
	float: left;
	width: 215px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url('/images/common/bullet/bul_arrow22.gif') no-repeat 11px 3px;
}
div.mnotice-online div.bestreview dl dd {
	font-size: 11px;
	clear: both;
	line-height: 16px;
	padding: 0 10px 0 5px;
}
div.mnotice-online div.bestreview dl dd.nickname {
	margin-bottom: 3px;
	padding-bottom: 1px;
	overflow: hidden;
	width: 233px;
	border-bottom: 1px solid #E5E5E5;
}
div.mnotice-online div.bestreview span.name {
	float: left;
	/margin-top: -1px;
	_margin-top: 0;
}
div.mnotice-online div.bestreview span.grade {
	width: 74px;
	height: 13px;
	display: block;
	float: left;
	margin-left: 7px;
	background: url('/images/common/bbs/gradestar_bg.gif') no-repeat 0 top;
}
div.mnotice-online div.review-bgtype02 { background: url('/images/online/mainbg02_review.jpg') no-repeat 0 top !important; }

div.mnotice-online div.bestlecture {
	width: 289px;
	height: 234px;
	float: left;
	margin: 0 4px 0 2px;
	display: inline;
	background: url('/images/online/mainbg01_lecture.jpg') no-repeat 0 top;
}
div.mnotice-online div.bestlecture ul.tab {
	width: 80%;
	height: 22px;
	margin: 30px 0 0 33px;
	overflow: hidden;
}
div.mnotice-online div.bestlecture ul.tab li {
	float: left;
	padding-left: 7px;
	margin-right: 5px;
	background: url('/images/online/mtab_bar.gif') no-repeat left 0;
}
div.mnotice-online div.bestlecture ul.tab li.first {
	padding-left: 0;
	background: none;
}
div.mnotice-online div.bestlecture ol {
	clear: both;
	width: 230px;
	margin-left: 26px;
}
div.mnotice-online div.bestlecture ol li {
	border-bottom: 1px solid #E6E6E6;
	height: 15px;
	padding: 3px 5px 0 32px;
	/padding-top: 1px;
	line-height: 14px;
	background-position: 10px 2px;
	/background-position: 10px 1px;
	background-repeat: no-repeat;
	font-size: 11px;
	overflow: hidden;
	clear: both;
}
div.mnotice-online div.bestlecture ol li a { float: left; }
div.mnotice-online div.bestlecture ol li span { float: right; }
div.mnotice-online div.bestlecture ol li.rank1 {
	border: 0;
	padding: 9px 0 0 20px;
	height: 71px;
}
div.mnotice-online div.bestlecture ol li.rank1 div.img {
	width: 76px;
	height: 73px;
	float: left;
	position: relative;
	background: url('/images/online/imgbox_mbest.gif') no-repeat 0 top;
}
div.mnotice-online div.bestlecture ol li.rank1 div.img img {
	width: 66px;
	height: 54px;
	margin: 5px 0 0 5px;
}
div.mnotice-online div.bestlecture ol li.rank1 div.img span.best {
	position: absolute;
	left: -8px;
	top: -3px;
	display: block;
	width: 28px;
	height: 35px;
	background: url('/images/common/bullet/best1_online01.gif') no-repeat 0 top;
}
div.mnotice-online div.bestlecture ol li.rank1 dl {
	float: left;
	width: 110px;
	margin: 10px 0 0 13px;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dt {
	line-height: 14px;
	font-size: 12px;
	margin-bottom: 2px;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dd {
	font-weight: bold;
	font-size: 12px;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dt a,
div.mnotice-online div.bestlecture ol li.rank1 dl dd a { float: none; }
div.mnotice-online div.bestlecture ol li.rank1 dl dd.price {
	margin-top: 6px;
	font-size: 11px;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dd.price em {
	font-weight: bold;
	color: #333;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dd.price span.strike {
	text-decoration: line-through;
	float: none;
}
div.mnotice-online div.bestlecture ol li.rank1 dl dd.price span.strike em { color: #666; }

div.mnotice-online div.bestlecture ol li.rank2 { background-image: url('/images/common/bullet/rank02_online01.gif'); }
div.mnotice-online div.bestlecture ol li.rank3 { background-image: url('/images/common/bullet/rank03_online01.gif'); }
div.mnotice-online div.bestlecture ol li.rank4 { background-image: url('/images/common/bullet/rank04_online01.gif'); }
div.mnotice-online div.bestlecture ol li.rank5 { background-image: url('/images/common/bullet/rank05_online01.gif'); border: 0; }

div.mnotice-online div.lecture-bgtype02 { background: url('/images/online/mainbg02_lecture.jpg') no-repeat 0 top !important; }
div.mnotice-online div.lecture-bgtype02 ol li.rank1 div.img span.best { background-image: url('/images/common/bullet/best1_online04.gif') !important; }
div.mnotice-online div.lecture-bgtype02 ol li.rank2 { background-image: url('/images/common/bullet/rank02_online04.gif') !important; }
div.mnotice-online div.lecture-bgtype02 ol li.rank3 { background-image: url('/images/common/bullet/rank03_online04.gif') !important; }
div.mnotice-online div.lecture-bgtype02 ol li.rank4 { background-image: url('/images/common/bullet/rank04_online04.gif') !important; }
div.mnotice-online div.lecture-bgtype02 ol li.rank5 { background-image: url('/images/common/bullet/rank05_online04.gif') !important; }


div.mnotice-online div.notice {
	width: 300px;
	height: 234px;
	float: left;
	background: url('/images/online/mainbg01_notice.jpg') no-repeat 0 top;
}
div.mnotice-online div.notice div.tab-title {
	width: 233px;
	height: 27px;
	overflow: hidden;
	margin: 43px 0px 5px 33px;
}
div.mnotice-online div.notice div.tab-title ul { float: left; }
div.mnotice-online div.notice div.tab-title ul li {
	float: left;
	margin-right: 2px;
}
div.mnotice-online div.notice div.tab-title a.more img {
	float: right;
	margin-top: 5px;
}
div.mnotice-online div.notice ul.list {
	margin-left: 23px;
	clear: both;
}
div.mnotice-online div.notice ul.list li {
	font-size: 11px;
	line-height: 18px;
	padding-left: 6px;
	background: url('/images/common/bullet/bul_arrow23.gif') no-repeat 0 7px;
	_background-position: 0 6px;
}
div.mnotice-online div.notice-bgtype02 { background: url('/images/online/mainbg02_notice.jpg') no-repeat 0 top !important; }
div.mnotice-online div.notice-bgtype02 ul li { background-image: url('/images/common/bullet/bul_arrow24.gif') !important; }


/* tip guide */
div.tip-guidelayer {
 position: relative;
}
div.tip-guidelayer div.position {
 border: 2px solid #F2F2F2;
 position: absolute;
 right: 95px;
 top: -67px;
 background-color:#fff;
}
div.tip-guidelayer div.position img {
 border: 1px solid #B8B8B8;
 margin:5px;
}

/* 2008.9.18. ۾ online2.css  ! */
/* main - middle & high */
div.online-topmain {
	width: 975px;
	height: 300px;
	font-size: 0;
	margin-top: -20px;
	position: relative;
	z-index: 0;
}
div.online-topmain2 {
	width: 975px;
	height: 260px;
	font-size: 0;
	margin-top: -20px;
	position: relative;
	z-index: 0;
}
div.online-topmain2 div.flash-top-category2 {
	position: absolute;
	height: auto;
	overflow: hidden;
	top: 0;
	z-index: 3;
}
div.online-topmain div.flash-top-category {
	position: absolute;
	height: auto;
	overflow: hidden;
	top: 0;
	z-index: 3;
}
div.online-topmain div.flash-main {
	position: absolute;
	top: 0;
	z-index: 1;
}

div.online-topmain div.mtop-notice {
	position: absolute;
	top: 34px;
	right: 26px;
	z-index: 2;
	width: 243px;
	font-size: 12px;
}
div.online-topmain div.mtop-notice div.title {
	width: 100%;
	height: 20px;
	font-size: 0;
	overflow: hidden;
	background: url('/images/online/titbg_m_notice.gif') no-repeat 0 top;
	margin-bottom: 6px;
}
div.online-topmain div.mtop-notice div.title h2 {
	float: left;
	margin: 5px 0 0 13px;
	display: inline;
}
div.online-topmain div.mtop-notice div.title a img {
	float: right;
	margin: 4px 6px 0 0;
	display: inline;
}
div.online-topmain div.noticetype-general div.title {
	background: url('/images/online/titbg_m_notice02.gif') no-repeat 0 top;
}

div.online-topmain div.mtop-notice ul {
	width: 100%;
	height: 109px;
}
div.online-topmain div.mtop-notice ul li {
	padding-left: 17px;
	line-height: 20px;
	background: url('/images/common/bullet/bul_circle.gif') no-repeat 10px 7px;
}
div.online-topmain div.mtop-notice ul li.new {
	_margin-bottom: 2px;
}
div.online-topmain div.mtop-notice ul li img {
	vertical-align: middle;
	/margin-top: 1px;
	_margin: 4px 0 1px 0;
}
div.online-topmain div.mtop-notice dl.attention {
	width: 243px;
	padding-top: 17px;
	font-size: 0;
	line-height: 0;
	background: url('/images/online/bg_m_shabg_x.gif') no-repeat 0 top;
}
div.online-topmain div.mtop-notice dl.attention dt {
	height: 72px;
	padding-left: 92px;
	background: url('/images/online/bg_m_attention.gif') no-repeat 13px top;
}
div.online-topmain div.mtop-notice dl.attention dd {
	width: 146px;
	float: right;
	margin-top: -6px;
}

div.online-main-contents {
	width: 955px;
	height: 188px;
	background: url('/images/online/bg_m_contbox.gif') no-repeat 0 top;
	margin: 0 auto;
}
div.online-main-contents div.bestreview {
	width: 257px;
	height: 176px;
	float: left;
	margin: 4px 0 0 60px;
	display: inline;
	font-size: 11px;
	background: url('/images/online/bg_m_shabg.gif') no-repeat right top;
}
div.online-main-contents div.bestreview h2 {
	float: left;
	margin: -18px 0 12px 33px;
	display: inline;
}
div.online-main-contents div.bestreview h2 img { position:relative; }
div.online-main-contents div.bestreview p { margin: 0 0 6px 32px; }
div.online-main-contents div.bestreview dl {
	width: 231px;
	height: 122px;
	line-height: 16px;
	background: url('/images/online/bg_m_best.gif') no-repeat 0 top;
}
div.online-main-contents div.bestreview dl dt {
	font-weight: bold;
	width: 146px;
	float: right;
	margin: 21px 0 0 0;
}
div.online-main-contents div.bestreview dl dd {
	clear: both;
	float: right;
	width: 146px;
}
div.online-main-contents div.bestreview dl dd.cont {
	clear: both;
	padding-top: 3px;
	margin-top: 3px;
	border-top: 1px solid #D3D3D3;
}
div.online-main-contents div.bestreview dl dd span.name {
	font-weight: bold;
	float: left;
	margin-right: 4px;
}
div.online-main-contents div.bestreview dl dd span.name strong { color: #12934E; }
div.online-main-contents div.bestreview dl dd span.grade {
	width: 65px;
	height: 13px;
	float: left;
	background: url('/images/common/grade_bg_m.gif') no-repeat 0 top;
	margin-top: 1px;
	/margin-top: 2px;
	_margin-top: 1px;
}
div.online-main-contents div.bestlecture {
	width: 303px;
	height: 176px;
	float: left;
	margin: 4px 0 0 13px;
	display: inline;
	font-size: 11px;
	background: url('/images/online/bg_m_shabg.gif') no-repeat right top;
}
div.online-main-contents div.bestlecture h2 { margin: 7px 0 9px 0; }
div.online-main-contents div.bestlecture ol {
	width: 276px;
	line-height: 16px;
}
div.online-main-contents div.bestlecture ol li {
	width: 100%;
	clear: both;
	padding-top: 3px;
	border-top: 1px solid #E6E6E6;
}
div.online-main-contents div.bestlecture ol li p {
	float: left;
	width: 195px;
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
	padding-left: 7px;
	background: url('/images/common/bullet/bul_dot02.gif') no-repeat 0 6px;
}
div.online-main-contents div.bestlecture ol li p a { font-weight: bold; }
div.online-main-contents div.bestlecture ol li span.name {
	float: right;
	width: 60px;
	text-align: center;
}
div.online-main-contents div.bestlecture ol li span.btn {
	float: left;
	margin-bottom: 2px;
}
div.online-main-contents div.bestlecture ol li.best1 {
	border-top: 0;
	padding: 0;
	height: 77px;
}
div.online-main-contents div.bestlecture ol li.best1 div.img {
	width: 76px;
	height: 73px;
	background: url('/images/online/imgbox_mbest.gif') no-repeat 0 top;
	float: left;
	margin-right: 10px;
	display: inline;
}
div.online-main-contents div.bestlecture ol li.best1 div.img img {
	width: 66px;
	height: 54px;
	margin: 5px 0 0 5px;
}
div.online-main-contents div.bestlecture ol li.best1 dl {
	float: left;
	width: 185px;
}
div.online-main-contents div.bestlecture ol li.best1 dl dt {
	font-weight: bold;
	display: inline;
	color: #474747;
}
div.online-main-contents div.bestlecture ol li.best1 dl dt a { color: #474747; }
div.online-main-contents div.bestlecture ol li.best1 dl dd.name {
	display: inline;
	padding-left: 6px;
	margin-left: 2px;
	background: url('/images/common/bullet/bar_li09.gif') no-repeat left 0;
}
div.online-main-contents div.bestlecture ol li.best1 dl dd.price span.strike {
	font-weight: bold;
	text-decoration: line-through; 
}
div.online-main-contents div.bestlecture ol li.best1 dl dd.price strong { color: #CF2619; }
div.online-main-contents div.bestlecture ol li.best1 dl dd.btn {
	float: right;
	display: inline;
	margin: -14px 4px 0 0;
}
div.online-main-contents div.hotlecture {
	width: 268px;
	height: 176px;
	float: left;
	margin: 4px 0 0 9px;
	display: inline;
	font-size: 11px;
}
div.online-main-contents div.hotlecture h2 { margin: 7px 0 10px 3px; }
div.online-main-contents div.hotlecture ol {
	width: 268px;
	line-height: 16px;
}
div.online-main-contents div.hotlecture ol li {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 4px 0 2px 0;
	/padding: 2px 0 2px 0;
	border-bottom: 1px solid #E6E6E6;
}
div.online-main-contents div.hotlecture ol li p {
	float: left;
	padding-left: 27px;
}
div.online-main-contents div.hotlecture ol li span.name {
	float: right;
	width: 70px;
	text-align: center;
}
div.online-main-contents div.hotlecture ol li.rank1 p { background: url('/images/common/bullet/rank01_online02.gif') no-repeat 6px 1px; }
div.online-main-contents div.hotlecture ol li.rank2 p { background: url('/images/common/bullet/rank02_online02.gif') no-repeat 6px 1px; }
div.online-main-contents div.hotlecture ol li.rank3 p { background: url('/images/common/bullet/rank03_online02.gif') no-repeat 6px 1px; }
div.online-main-contents div.hotlecture ol li.rank4 p { background: url('/images/common/bullet/rank04_online02.gif') no-repeat 6px 1px; }
div.online-main-contents div.hotlecture ol li.rank5 p { background: url('/images/common/bullet/rank05_online02.gif') no-repeat 6px 1px; }

div.online-main-contents div.hotlecture-type2 {
	width: 268px;
	height: 176px;
	float: left;
	margin: 6px 0 0 11px;
	display: inline;
	font-size: 11px;
}
div.online-main-contents div.hotlecture-type2 h2 { margin: 7px 0 6px 3px; }
div.online-main-contents div.hotlecture-type2 ol {
	width: 258px;
	line-height: 16px;
}
div.online-main-contents div.hotlecture-type2 ol li {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 1px 0;
	/padding: 0;
}
div.online-main-contents div.hotlecture-type2 ol li p {
	float: left;
	padding-left: 26px;
}
div.online-main-contents div.hotlecture-type2 ol li span.name {
	float: right;
	width: 70px;
	text-align: center;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 {
	border-top: 0;
	padding: 3px 0 0 6px;
	height: 71px;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 div.img {
	width: 76px;
	height: 73px;
	background: url('/images/online/imgbox_mbest.gif') no-repeat 0 top;
	float: left;
	margin-right: 10px;
	display: inline;
	position: relative;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 div.img img {
	width: 66px;
	height: 54px;
	margin: 5px 0 0 5px;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 div.img span.best {
	position: absolute;
	left: -6px;
	top: -3px;
	display: block;
	width: 28px;
	height: 35px;
	background: url('/images/common/bullet/best1_online03.gif') no-repeat 0 top;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 dl {
	float: left;
	width: 162px;
	margin-top: 5px;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 dl dt {
	font-weight: bold;
	color: #474747;
}
div.online-main-contents div.hotlecture-type2 ol li.best1 dl dt a { color: #474747; }
div.online-main-contents div.hotlecture-type2 ol li.best1 dl dd.price { margin-top: 4px; }
div.online-main-contents div.hotlecture-type2 ol li.best1 dl dd.price span.strike {
	font-weight: bold;
	text-decoration: line-through; 
}
div.online-main-contents div.hotlecture-type2 ol li.best1 dl dd.price strong { color: #CF2619; }

div.online-main-contents div.hotlecture-type2 ol li.rank1 p { background: url('/images/common/bullet/rank01_online03.gif') no-repeat 5px 1px; }
div.online-main-contents div.hotlecture-type2 ol li.rank2 p { background: url('/images/common/bullet/rank02_online03.gif') no-repeat 5px 1px; }
div.online-main-contents div.hotlecture-type2 ol li.rank3 p { background: url('/images/common/bullet/rank03_online03.gif') no-repeat 5px 1px; }
div.online-main-contents div.hotlecture-type2 ol li.rank4 p { background: url('/images/common/bullet/rank04_online03.gif') no-repeat 5px 1px; }
div.online-main-contents div.hotlecture-type2 ol li.rank5 p { background: url('/images/common/bullet/rank05_online03.gif') no-repeat 5px 1px; }


div.online-main-contents div.bestseller {
	width: 294px;
	float: left;
	margin: 3px 0 0 33px;
	display: inline;
}
div.online-main-contents div.bestseller h2 { margin: 0 0 2px 4px; }
div.online-main-contents div.bestseller div.espt-banner {}

div.contentstype-general {
	width: 975px;
	height: 207px;
	background: url('/images/online/bg_m_contbox02.gif') no-repeat 0 top;
	margin-bottom: -4px;
}
div.contentstype-general div.bestlecture {
	height: 200px;
	margin-top: 6px;
	background: url('/images/online/bg_m_shabg02.gif') no-repeat right top;
}


div.online-main-banner {
	width: 955px;
	font-size: 0;
	line-height: 0;
	margin: 16px auto 0 auto;
}
div.online-main-banner p.mail { float: left; }
div.online-main-banner dl.freezone,
div.online-main-banner dl.freezone dt,
div.online-main-banner dl.freezone dd { float: left; }
div.online-main-banner dl.freezone dd ul { margin-left: 6px; }
div.online-main-banner dl.freezone dd ul li {
	float: left;
	width: 119px;
	margin-right: 7px;
}
div.online-main-banner dl.freezone dd ul li dl dt { margin: 11px 0 5px 0; }
div.online-main-banner dl.freezone dd ul li dl dt.tit-type02 { margin: 0 0 2px 0; }

/* kidsedubox new */
#kidslist {
	float: left;
	margin: 15px 0px 0px 18px; 
	display: inline;
}

div.kidsedubox_subtitle {
	float: left;
	display: inline;
	margin: 0px 0px 5px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #f96727;
	letter-spacing: -2px;
}

div.kidsedubox_btn {
	float: right;
	display: inline;
	margin: 0px 0px 5px 0px;
}

#ViewPhoto ul li.View {
	float: left;
	display: inline;
	padding-top: 0px;
	margin: 0px 12px 0px 0px;
}

div.listbg {
	float: left; 
	background: url('/images/online/KidsEdu_list_bg.gif') 0 0 no-repeat; 
	width: 722px; 
	height: 167px; 
}

dt.LestureView1 {
	display: inline;
	list-style: none;
	display: block;
	background-color: #f8f8f8;
	border: 1px solid #f0f0f0;
	padding: 4px;
	width: 152px;
}

#LestureView2 {
	display: inline;
	list-style: none;
	display: block;
	background-color:#FFFFFF;
	border: 1px solid #e1e1e1;
	padding: 2px;
	width: 146px;
}

div ul li dl dt.Lesson {
	text-align: center;
	color: gray;
	line-height: 15px;
	letter-spacing: -1px;
	padding: 10px 0px 5px 0px;
}

#Lesson2 {
	text-align: center;
}

#ViewPhoto ul li.View dl dt span.Strong {
	text-align: center;
	color: green;
	font-weight: bold;
	letter-spacing: -1px;
}

#ViewPhoto ul li.View span.Sample {
	position: absolute;
	display: block;
	width: 52px;
	height: 52px;
	z-index: 100 ;
	background: url('/images/online/KidsEdu_sample.gif') no-repeat 0 top;
}


#rcontentsset{
    width: 722px;
	float: left;
}
#rcontentsset #rcontents{
    width: 722px;
    height: 334px;
    overflow: hidden;
}
#rcontentsset #rcontents1{
    width: 722px;
    height: 334px;
    overflow: hidden;
}
#rcontentsset #rcontents2{
    width: 722px;
    height: 334px;
    overflow: hidden;
}
#rcontentsset #rcontents3{
    width: 722px;
    height: 334px;
    overflow: hidden;
}

#rcontentsset #rcontents4{
    width: 722px;
    height: 334px;
    overflow: hidden;
}
#rcontentsset div.items{
    width: 722px;
    background: #FFF;
}

#rcontents_paging{
	font-weight: bold;
}

#rcontents_paging1{
	font-weight: bold;
}

#rcontents_paging2{
	font-weight: bold;
}

#rcontents_paging3{
	font-weight: bold;
}

#rcontents_paging4{
	font-weight: bold;
}


/* kidsgamebox new */

div.GamemainBg {
	float: left; 
	background: url('/images/online/Kidsgame_list_bg01.gif') 0 0 no-repeat; 
	width: 722px; 
	height: 158px; 
	padding-top: 5px 
}

#gamemain_title {
	float: left; 
	font-size: 15px;
	font-weight: bold;
	color: #4f6226;
	letter-spacing: -2px;
	margin: 20px 0px 8px 0px;
}

#gamemain_more {
	float: right; 
	margin: 20px 10px 0px 0px;
	padding-top: 5px 
}


div.GamemainBg2 {
	float: left; 
	background: url('/images/online/Kidsgame_list_bg02.gif') 0 0 no-repeat; 
	width: 353px; 
	height: 292px; 
	margin: 0px;
}

div.GamemainBg3 {
	float: left; 
	display: inline;
	background: url('/images/online/Kidsgame_list_bg03.gif') 0 0 no-repeat; 
	width: 369px; 
	height: 292px;
	margin: 0px 0px 0px 0px;
}


div.GameListBg {
	float: left; 
	display: inline;
	background: url('/images/online/Kidsgame_box_bg.gif') ; 
	width: 722px;  
	padding-bottom: 10px 
}


/* GameView new */
p.GameViewBox {
	margin: 10px 0px 0px 0px;
}

div.GameViewBG {
	float: left; 	
	list-style: none;
	display: inline;
	background: url('/images/online/gameview_box_bg.gif');
	width: 722px;
}

div.GameViewBG ul.GameViewTitle {
	clear: both;
	background: url('/images/online/gameview_titlebar.gif') no-repeat; 
	width: 682px; 
	height: 44px; 
	margin: 0px 0px 0px 20px;
}

div.GameViewBG ul li.GameViewTitleTxt {
	float: left; 
	list-style: none;
	display: inline;
	margin: 12px 0px 0px 40px; 
	font-size: 16px; 
	font-weight: bold; 
	color: #eb6100; 
	letter-spacing: -2px;
}

div.GameViewBG ul li.GameViewTitleBtn {
	float: right;
	list-style: none;
	display: inline;
	margin: 10px 10px 0px 0px;
}

div.GameViewBG ul.GameView {
	margin: 15px 0px 0px 20px;
}

div.GameViewBG dl.CommentBG {
	background: url('/images/online/gameview_comment_bg.gif');
	width: 680px;
	margin: 20px 0px 0px 22px;
}

div.GameViewBG dl dd.CommentInput {
	background: url('/images/online/gameview_comment_bar.gif') no-repeat; 
	width: 680px; 
	height: 54px;
}

div.GameViewBG dl dd ul li.CommentInput1 {
	float: left;
	display: inline;
	margin: 15px 0px 0px 50px;
}

div.GameViewBG dl dd ul li.CommentInput2 {
	float: left;
	display: inline;
	margin: 15px 0px 0px 5px;
}

div.GameViewBG dl dd ul.CommentLine {
	clear: both;
	background: url('/images/online/gameview_comment_line.gif');
	height: 35px
}

div.GameViewBG dl dd ul li.CommentLine1 {
	float: left;
	list-style: none;
	display: inline;
	margin: 12px 0px 0px 30px;
	width: 80px;
	color: #48688f;
}

div.GameViewBG dl dd ul li.CommentLine2 {
	float: left;
	list-style: none;
	display: inline;
	margin: 12px 0px 0px 0px;
	width: 440px;
}

div.GameViewBG dl dd ul li.CommentLine3 {
	float: left;
	margin: 12px 0px 0px 20px;
	width: 80px;
	color: gray; 
	font-size: 10px;
	font-family: verdana;
	letter-spacing: -1px; 
}

div.GameViewBG dl dd.CommentBottom {
	margin: 20px 0px -2px 0px;
}

div.GameListBg div.Subpic {
	float: left; 
	width: 165px; 
	margin: 10px 0px 10px 10px;
}

div.GameListBg div.Subpic p.txtline {
	margin: 10px 0px 5px 0px;
	width: 160px;
	background: url('/images/online/game_icon.gif') no-repeat;
}

div.GameListBg div.Subpic p.txtline span.Subpictitle {
	margin: 0px 0px 0px 15px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;	
	letter-spacing: -1px; 
	color:#f9561b;	 
}



/* SubMain new */
#MainLecture {
	color: #be960b;
	line-height: 16px;
}
div.middlemain_sub1 {
    background: url('/images/online/middle_flash_bg.gif') no-repeat;
    width:308px;
	height:222px
}
div.middlemain_subbg1 {
    background: url('/images/online/middle_tabbtn_img2.gif') no-repeat;
    width:300px;
	height:19px
}

div.middlemain_subbg2 {
    background: url('/images/online/middle_center_bg.gif') no-repeat;
    width:632px;
}
div.middlemain_subbg3 {
    margin:0px 0px 0px 0px;
    background: url('/images/online/middle_submain_bg2.gif') no-repeat;
    width:937px;
	
}
div.middlemain_subbg4 {
    background: url('/images/online/middle_submain_img7.gif') no-repeat;
    width:380px;
	height:21px
}

/* new main start8 */
/* middle content */
div.mainflashbanner {
    background: url('/images/online/middle_flash_bg.gif');
    float:left;
	margin:20px 30px 0px 0px;
	width:308px;
	height:222px
}

/* 2009.01.20 - online intro */
div.lecture-detailcont p.lecture-after {
	margin-left: 20px;
	padding-left: 5px;
	line-height: 18px;
	margin-bottom: 3px;
	background: url('/images/common/bullet/bul_arrow07.gif') no-repeat 0 7px;
}
div.lecture-detailcont p.lecture-after img{
	margin:0;
	padding:0;
	vertical-align:top;
}
div.lecture-detailcont p.lecture-after .img2{
	margin:0;
	padding:0;
	vertical-align:top;
}
div.lecture-detailcont p.lecture-after .txt1{
	margin:0;
	padding:0;
	font-weight:bold;
}
div.lecture-detailcont p.lecture-after .txt2{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#e87903;
}
/* 2009.01.21 - toeic990 banner */
#leftWrap div.toeicBanner {
	position:relative;
	margin:35px 0 0 10px;
}
/*floating_banner*/
div.page_popup {
	position: absolute;
	width:195px;
	height:76px;
	z-index:10;
	margin:350px 0 0 -450px;
}
div.page_popup ul li {
	list-style:none;
}
div.page_popup ul li.closeBtn {
	margin:-3px 0 0 0;
}

/*중학영어완성*/
div.complete_bg2 {
	width:702px;
	height:339px;
	background: url(/images/online/top_middle_bg2.jpg) no-repeat 0 0;
}
span.complete_grade1 {
	position:absolute;
	margin:280px 0 0 35px;
}
span.complete_grade1 img.buybtn {
	margin:0 0 0 3px;
}
span.complete_grade2 {
	position:absolute;
	margin:280px 0 0 260px;
}
span.complete_grade2 img.buybtn {
	margin:0 0 0 3px;
}
span.complete_grade3 {
	position:absolute;
	margin:280px 0 0 485px;
}
span.complete_grade3 img.buybtn {
	margin:0 0 0 3px;
}
div.complete_bg3 {
	width:702px;
	height:92px;
	background: url(/images/online/top_middle_bg3.jpg) no-repeat 0 0;
}
span.complete_curri {
	position:absolute;
	margin:0 0 0 25px;
}
div.complete_bg4 {
	width:702px;
	height:479px;
	background: url(/images/online/top_middle_bg7.jpg) no-repeat 0 0;
}
span.complete_sample1 {
	position:absolute;
	margin:405px 0 0 39px;
}
span.complete_sample2 {
	position:absolute;
	margin:405px 0 0 250px;
}
span.complete_sample3 {
	position:absolute;
	margin:405px 0 0 470px;
}
div.complete_bg5 {
	width:702px;
	height:416px;
	background: url(/images/online/top_middle_bg9.jpg) no-repeat 0 0;
}
span.complete_bottom_btn {
	position:absolute;
	margin:315px 0 0 24px;
}