/* //////////////////////////////////////////////////////////   ÄÚÄ¡°³¼³°­ÁÂ(list) sub /////////////////////////////////////////////////////// */
.tbl_class_sub_list { width:100%; }
.tbl_class_sub_list th { height:34px; font-weight:normal; color:#333; font-size:0.92em; font-family:"µ¸À½",dotum; border-top:1px solid #e63e3f; border-bottom:1px solid #e8e8e8; background:url(../images/board/board_th_bar.gif) no-repeat right 10px; line-height:1.2em;}
.tbl_class_sub_list th.no { background:none; }
.tbl_class_sub_list th.b_no { border-bottom:none;}

.tbl_class_sub_list td { height:34px; border-bottom:1px solid #e8e8e8; background:none;}
.tbl_class_sub_list td.b_new { margin:0 2px;}
.tbl_class_sub_list td.b_suj { text-align:left; padding-left:10px; color:#333;}
.tbl_class_sub_list td.b_suj a { color:#333; text-decoration:none; }
.tbl_class_sub_list td.b_suj a:hover { color:#333; text-decoration:underline; }
.tbl_class_sub_list td.b_suj span.sj_cate { color:#ff6c00; font-size:0.92em;}
.tbl_class_sub_list td.b_suj span.sj_area { color:#df4548; font-size:0.92em;}
.tbl_class_sub_list td.b_suj1 { text-align:left; color:#333; padding-left:10px;}
.tbl_class_sub_list td.b_name {text-align:center;}
.tbl_class_sub_list td.b_name a { color:#333; text-decoration:none; }
.tbl_class_sub_list td.b_name a:hover { color:#333; text-decoration:underline; }
.tbl_class_sub_list td.b_img {text-align:center;}
.tbl_class_sub_list td.b_state {text-align:center; color:#0099cc; font-weight:bold; }
.tbl_class_sub_list td.b_state1 {text-align:center; color:#cc3333; font-weight:bold; }
.tbl_class_sub_list td.b_state2 {text-align:center; color:#666; font-weight:bold; }
.tbl_class_sub_list td.b_no,
.tbl_class_sub_list td.b_date,
.tbl_class_sub_list td.b_file,
.tbl_class_sub_list td.b_hit {font:0.92em Verdana, Tohoama, Arial, Helvetica, sans-serif; text-align:center; color:#9c7272; }

.tbl_class_sub_list #class_gbn { border-top:1px solid #1D789A;}


/* ///////////////////////////////// ¿À½Ã´Â ±æ ///////////////////////////////////// */
.transportation { position:relative; margin:20px 0 0 25px; }
.transportation li { font-weight:bold; font-size:14px; color:#e63e3f; background:url(../images/old/08_academy/bullet_01.gif) 0 14px no-repeat; padding-left:8px;  line-height:35px;}
.transportation li ul { margin-bottom:6px;}
.transportation li ul li { font-weight:bold; color:#222; background:url(../images/old/08_academy/bullet_02.gif) 0 8px no-repeat; padding-left:7px; line-height:16px; }
.transportation li ul li ul li { font-weight:normal; color:#666; background:none; padding-left:0; line-height:29px; }
.transportation li .t_nor li { font-weight:normal; color:#666; background:url(../images/old/08_academy/bullet_02.gif) 0 8px no-repeat; padding-left:8px; }
.map_txt { position:relative; margin:8px 0 8px 12px; background:url(../images/02_courses/bullet1.gif) no-repeat 0 8px; padding-left:10px; font-size:14px;}
.map_txt span { margin-left:12px; font-family:Verdana; font-size:14px; font-weight:bold;}
.map_img { margin-left:12px; }

/* ///////////////////////////////// ¹ÚÄÚÄ¡»ç´Ü ÄÚÄ¡µé ///////////////////////////////////// */
.class_area_wrap2 {position:relative; width:290px; height:37px; margin:18px 0 15px 0; float:left; }
.class_area_wrap2 ul li {float:left; }


/* ///////////////////////////////// ¾îÇпø¼Ò°³ ///////////////////////////////////// */
.overview { position:relative; width:717px; height:auto; }



/* ¹ÚÄÚÄ¡´Â ´©±¸? */
.book_wrap { width:100%; }
.book_wrap ul {}
.book_wrap ul li {float:left;padding:10px 26px;width:100px;height:180px;}
.book_wrap ul li img {
	width:100px;
	overflow:hidden;
}
.book_wrap ul li > div.book_title {

}
.book_title ul li {width:100px;height:60px;padding:10px 0px;}






.board_read_wrap {position:relative; width:700px; margin:20px auto 0 auto; }


/* //////////////////////////////////////////////////////////  Àбâ(read)  /////////////////////////////////////////////////////// */
.board_read { position:relative; border-top:1px solid #e63e3f; height:1%; padding-top:11px;}

.read_field { position:relative; width:700px; border-bottom:1px solid #eee; height:25px; padding-top:7px;}
.read_field .field { position:relative; float:left; width:60px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum; padding-left:20px;}
.read_field .suj { position:relative; float:left; width:580px; text-align:left; padding-left:20px; font-weight:bold; color:#333;}
.read_field .date { position:relative; float:left; width:580px; text-align:left; padding-left:20px; padding-top:2px; font: bold 1.0em Verdana; color:#eb585b;}

.read_field1 { position:relative; float:left; width:345px; border-bottom:1px solid #eee; height:25px; padding-top:7px; }
.read_field1 .field { position:relative; float:left; width:60px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum; padding-left:20px;}
.read_field1 .writer { position:relative; float:left; width:240px; text-align:left; padding-left:20px; }
.read_field1 .date { position:relative; float:left; width:240px; text-align:left; padding-left:20px; padding-top:2px; font: bold 1.0em Verdana; color:#eb585b;}
.read_field1 .none { position:relative; float:left; width:240px; text-align:left; padding-left:20px; }

.read_field2 { clear:both; position:relative; width:700px; border-bottom:1px solid #eee; height:25px; padding-top:7px;}
.read_field2 .field { position:relative; float:left; width:80px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum; padding-left:20px;}
.read_field2 .add_file { position:relative; float:left; width:560px; text-align:left; padding-left:0px;}
.read_field2 .add_file a { color:#666; text-decoration:none; }
.read_field2 .add_file a:hover { color:#333; text-decoration:underline; }



.read_img { position:relative; text-align:center; margin:50px 0 0 0; }



.scroll_box { position:relative; width:620px;height:200px; margin:0px 0 0 0; padding:0 20px 30px 20px; border:10px solid #D8D8D8;  }

/* read ´äº¯ */
.read_reply { overflow:hidden; position:relative; padding:30px 20px 30px 0; height:1%; border-bottom:1px solid #ececec;}
.read_reply .reply_ico { position:relative; float:left; width:120px; }
.read_reply .reply_text { position:relative; float:left; width:625px; height:auto; padding:20px; border:10px solid #D8D8D8;}
.read_reply .reply_text p { line-height:20px;}



/* //////////////////////////////////////////////////////////  ¾²±â(read)Æû /////////////////////////////////////////////////////// */
.board_write { overflow:hidden; position:relative; margin:0 auto; margin-top:10px;border-top:1px solid #e63e3f; border-bottom:1px solid #e63e3f; padding:5px 20px 15px 20px; }

.board_write_bg { overflow:hidden; position:relative; background:url(../images/02_courses/bg_magam_big.gif) repeat-x 0 bottom ; width:660px; margin:0 auto; border-top:1px solid #e63e3f; border-bottom:1px solid #e63e3f; padding:15px 20px 15px 20px; }

.form-text {position:relative; background:#f3f3f3; height:auto; text-align:left;vertical-align:middle; padding:10px;font-size:1.2em; width:750px;}

.write_field { overflow:hidden; position:relative; width:100%; border-bottom:1px solid #eee;  padding:10px 0;}
.write_field .field { position:relative; float:left; width:80px; text-align:left; font-size:1.2em; color:#9c7272; font-weight:600; font-family:'Nanum Gothic',dotum;}
.write_field .field1 { position:relative; float:left; width:120px; text-align:left; font-size:1.2em; color:#666; font-weight:600; font-family:'Nanum Gothic',dotum;}
.write_field .w_input { position:relative; float:left; text-align:left; padding-left:20px;font-size:1.1em;}
.write_field .w_input span { font-size:1.1em; font-family:'Nanum Gothic',dotum;}
.write_field .w_input_edit { position:relative; float:left; text-align:left; padding-left:0px;}
.write_field .w_input_edit span { font-size:1.1em; font-family:'Nanum Gothic',dotum;}

.byte {font-size:18px;font-weight:bold;color:#0099FF;width:100px; height:40px; border:0px; background-color:#fff;text-align:right;}

.write_field1 { overflow:hidden; position:relative; width:100%; border-bottom:1px solid #eee; padding:10px 0 20px 0;}
.write_field1 .field { position:relative; float:left; width:70px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum;}
.write_field1 .w_input { position:relative; float:left; text-align:left; padding-left:30px;}


.write_field2 { overflow:hidden; position:relative; width:100%; border-bottom:1px solid #eee; padding:5px 0;}
.write_field2 .field { position:relative; float:left; width:90px; text-align:left; font-family:dotum;}
.write_field2 .w_input { position:relative; float:left; text-align:left; padding-left:30px;}


.write_field_noline { overflow:hidden; position:relative; width:100%; padding:5px 0;}
.write_field_noline .field { position:relative; float:left; width:70px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum;}
.write_field_noline .w_input { position:relative; float:left; text-align:left; padding-left:30px;}
.write_field_noline .w_input span { position:absolute; left:212px; top:2px;font-size:1.0em; font-family:dotum;}

.write_field1_noline { overflow:hidden; position:relative; width:100%; border-bottom:none; padding:10px 0 20px 0;}
.write_field1_noline .field { position:relative; float:left; width:70px; text-align:left; font-size:1.0em; color:#9c7272; font-family:dotum;}
.write_field1_noline .w_input { position:relative; float:left; text-align:left; padding-left:30px;}

.link_home a { color:#666; text-decoration:none; font-weight:bold; font-family:Verdana; font-size:1.0em;}
.link_home a:hover { color:#666; text-decoration:underline; font-weight:bold; font-family:Verdana; font-size:1.0em; }

/* write ¹öÆ° */
.board_write_btn { clear:both; overflow:hidden; position:relative; margin-top:10px; text-align:center; padding-top:15px;}
/*.board_write_btn img { margin:0 2px; }*/
.board_write_btn img { margin:1px 2px 0 2px; }


/* read ¹öÆ° */
.board_read_btn { clear:both; overflow:hidden; position:relative; margin-top:16px; }
.board_read_btn .btn_left { float:left; }
.board_read_btn .btn_right { float:right; }
.board_read_btn .btn_right img { margin-left:2px; }



/* ///////////////////////////////// ±×·ì½ºÅ͵ð ///////////////////////////////////// */
.cate_box_top { position:relative; border:2px solid #CC0000;; padding:10px; color:#ccc; margin-top:15px; }
.cate_box_top a { color:#666; text-decoration:none; }
.cate_box_top a:hover { color:#222; text-decoration:none; }

/* ½ºÅ͵ð Ä·ÆÛ½º */
.study_campus { height:40px;float:right;padding-right:5px;text-align:right;}


.mbase_content {
	margin:auto 0;
	width:width:100%;
	padding-left:30px;
}


.traineris_top_media {float: left;padding-left: 30px;}
.traineris_bottom_media {float: right;padding-right: 30px;}


.trainer_view {width:100%;margin-top:20px;}
.trainer_view ul {}
.trainer_view ul li {}
.trainer_view ul li.trainer_photo {float:left;width:30%;}
.trainer_view ul li.trainer_info {float:right;width:65%;}
.trainer_movie {float:left;width:132px;text-align:center;padding:10px 2px;}



.w480 {width:490px;}


@media (max-width:800px) {/* ¹ÚÄÚÄ¡´Â ´©±¸? */
	.book_wrap ul li {float:left;padding:10px 16px;width:100px;height:180px;}



	.traineris_top_media {float: none;padding-left: 0px;}
	.traineris_bottom_media {float: none;padding-left: 0px;padding-right: 0px;}


	.mbase_content {
		padding-left:0px;
	}


	.write_field { overflow:hidden; position:relative; width:90%; border-bottom:1px solid #eee; padding:5px 0; }
	.write_field .field { position:relative; float:left; width:80px; text-align:left; font-size:1.0em; color:#9c7272; font-family:'Nanum Gothic',dotum;}
	.write_field .field1 { position:relative; float:left; width:120px; text-align:left; font-size:1.0em; color:#666; font-family:'Nanum Gothic',dotum;}
	.write_field .w_input { clear:both;position:relative; float:none; text-align:left; padding:5px 10px 5px 10px;font-size:1.1em;}

	.byte {font-size:18px;font-weight:bold;color:#0099FF;width:60px; height:30px; border:0px; background-color:#fff;text-align:right;}


	.trainer_view {width:100%;margin-top:20px;padding:0px 10px;}
	.trainer_view ul {}
	.trainer_view ul li {}
	.trainer_view ul li.trainer_photo {float:none;}
	.trainer_view ul li.trainer_info {float:none;margin-top:10px;width:none;}
	.trainer_movie {float:left;width:132px;text-align:center;padding:10px 2px;}


	.form-text {position:relative; background:#f3f3f3; height:auto; text-align:left;vertical-align:middle; padding:10px;font-size:1.2em; width:92%;}

	.w480 {width:100%;}
}