@charset "euc-kr";
/* CSS Document */

/*±âº» ÀÓÆ÷Æ® CSS
@import url(default.css);
@import url(layout.css);
@import url(common.css);
@import url(board1.css);
*/

/* °­ÀÇ º¸±â */

.cate_list { background:url(../images/03_train/cate_list_box.gif) no-repeat; width:613px; height:48px; margin-top:20px;}
.cate_list p { position:relative; color:#fff; font-size:11px; letter-spacing:-1px; font-weight:normal; margin-left:125px; margin-top:14px; }
.cate_list p span { margin-left:12px; }
.cate_list p a { color:#fff; text-decoration:none; font-size:11px; }
.cate_list p a:hover { color:#fff; text-decoration:underline; font-size:11px; }
.cate_list_bottom { background:url(../images/07_study/area_cate_bg_bottom.gif) no-repeat; width:613px; height:8px; font-size:8px; margin-bottom:12px;}


.mar_l41 {margin-left:41px;}

.appli_wrap {float:left; background:url(../images/02_curri/bg_appli.gif) no-repeat left top; width:276px; height:228px; margin-bottom:20px;}
.appli_menu {position:relative; width:234px; margin:38px 0 0 21px;}
.appli_menu dt {margin-bottom:39px;}
.appli_menu dd {background:url(../images/03_train/bu_tri01.gif) no-repeat 0 8px; padding:2px 0 3px 10px; font:normal 12px/18px 'µ¸¿ò'; color:#777;}
.appli_menu dd a {color:#777; text-decoration:none;}
.appli_menu dd a:hover {color:#333; text-decoration:underline;}
.appli_menu dd span {position:absolute; left:190px; font:normal 11px/18px Tahoma; color:#999; width:48px;} 


/*vod wrap*/
.vod_wrap {background:url(../images/03_train/bg_vod_center.gif) repeat-x 0 0; width:100%; height:620px;}
.vod_wrap_l {background:url(../images/03_train/bg_vod_left.gif) no-repeat 0 0; width:41px; height:620px;}
.vod_wrap_r {background:url(../images/03_train/bg_vod_right.gif) no-repeat 0 0; width:90px; height:620px;}

/*¿µ»ó¿µ¿ª*/
.vod_area {width:641px; height:620px; margin:0; padding:0;}

.vod_day_mt {margin:0; padding:0; width:841px;}
.vod_day {margin:0; padding:0; width:641px;}
.vod_day li {float:left;}

.view_service {clear:both; margin:6px 0 0 1px; padding:0; width:641px; height:565px;}
.con_box {width:640px; height:54px; margin-top:10px; position:relative; z-index:1000}
.con_box li {float:left;}
.mar_12 {margin-left:2px;}

.con_menu {background:url(../images/03_train/bg_conbox.gif) no-repeat 0 0; width:563px; height:54px; margin-left:10px;}
.con_menu_sample {background:url(../images/03_train/bg_conbox.gif) no-repeat 0 0; width:563px; height:54px; margin-left:10px;}
.timeline {position:absolute; left:97px; top:21px; width:245px; height:13px; background:url(../images/03_train/bg_timeline.gif) no-repeat 0 0; padding-left:3px;}
.timebox {position:absolute; left:355px; top:12px; width:99px; height:30px; background:url(../images/03_train/bg_contime.gif) no-repeat 0 0; text-align:center; font:normal 10px verdana; padding-top:8px;}
.vol_con {position:absolute; left:551px; top:24px; width:69px; height:7px; background:url(../images/03_train/bg_volline.gif) no-repeat 0 0;}

.control01 {position:absolute; left:468px; top:18px; width:18px; height:18px;}
.control02 {position:absolute; left:488px; top:18px; width:18px; height:18px;}
.control03 {position:absolute; left:516px; top:15px; width:25px; height:25px;}

/*¿µ»óÄÁÅÙÃ÷¿µ¿ª*/
.ctn_view {margin:54px 0 0 0; height:546px; background:url(../images/03_train/bg_ctn_center.gif) repeat-x 0 0;}

.ctn_l {background:url(../images/03_train/bg_ctn_left.gif) no-repeat right 54px; width:39px; height:620px;}
.ctn_c {margin:0; padding-top:16px;}
.vod_tle {margin:0;}

.train_depth01 {margin-top:18px; background:url(../images/03_train/bg_tra_hline.gif) repeat-x left bottom; padding-bottom:20px;}
.train_depth01 li {background:url(../images/03_train/bu_train01.gif) no-repeat 0 0; padding:2px 0 3px 20px; font-weight:bold; color:#313131; padding-bottom:20px;}
.train_depth01 .total_tra {background:url(../images/03_train/ico_train_reply.gif) no-repeat 0 5px; padding:2px 0 3px 12px; color:#ff7200; font:bold 11px 'µ¸¿ò';}
.train_depth01 .total_tra span {font:bold 11px Arial;}

.train_depth02 {margin:14px 0 0 0;}
.train_depth02 li {background:url(../images/03_train/bu_train02.gif) no-repeat 0 7px; padding:2px 0 3px 10px; font-weight:normal; line-height:18px; color:#313131;}
.train_depth02 li span {color:#ff7200;}

.btn_total {width:147px; height:42px; margin-top:20px;}

.percent_wrap {width:100%; height:56px; margin:20px 0 0 0; padding:0;}
.percent_wrap .p_percent_l {background:url(../images/03_train/bg_percent_l.gif) no-repeat 0 0; width:15px; height:56px;}
.percent_wrap .park_percent {background:url(../images/03_train/bg_percent_c.gif) repeat-x left top; height:53px;}
.park_percent img {vertical-align:baseline;}
.percent_wrap .p_percent_r {background:url(../images/03_train/bg_percent_r.gif) no-repeat 0 0; width:15px; height:56px;}

.test_wrap {margin-top:12px;}

.test_tle_l {background:url(../images/03_train/bg_test_l.gif) no-repeat left top; width:12px; height:40px;}
.test_tle_c {background:url(../images/03_train/bg_test_c.gif) repeat-x 0 0; height:40px; vertical-align:middle; padding-right:3px;}
.test_tle_c p {background:url(../images/03_train/bu_tri_test.gif) no-repeat right center; font:bold 12px 'µ¸¿ò'; color:#313131;}
.test_tle_c p span {font:bold 11px Arial; color:#ff7200; padding-right:6px;}
.test_tle_r {background:url(../images/03_train/bg_test_r.gif) no-repeat right top; width:12px; height:40px;}

.train_ol {margin:18px 0 0  0;}
.train_ol li {background:url(../images/03_train/bg_tra_hline.gif) repeat-x left bottom; list-style-position:inside; list-style:decimal; font:normal 12px/18px 'µ¸¿ò'; color:#444; padding-bottom:10px; margin-top:20px;}

.train_ol02 {margin:10px 0 0 0;}
.train_ol02 li {list-style-position:inside; list-style:lower-alpha; background:none; font:normal 12px/18px 'µ¸¿ò'; color:#666; margin:0 0 10px 20px; padding:0;}
.train_ol02 li a {color:#666; text-decoration:none;}
.train_ol02 li a:hover {color:#333; text-decoration:underline;}

/*¿ìÃø¸Þ´º*/
.vod_menu {margin:54px 0 0 35px; width:35px;}
.vod_menu li {margin:0 0 2px 0;}

.script_scroll {

	scrollbar-face-color:#E6EAEC;
	scrollbar-shadow-color:#91A2A9 ;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #C2CCD0; 
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #91A2A9; 
	background-color:transparent

}

/* °­ÀÇº¸±â */
.sample_mov { clear:both; position:relative; }
.sample_thum { float:left; background:url(../images/02_curri/bg_appli.gif) no-repeat; width:235px; height:157px; padding:38px 0 0 21px; }
.sample_text { float:left; }

/* ÈÆ·ÃÀü¿À¸®¿£Å×ÀÌ¼Ç */
.mov_top_bg { overflow:hidden; height:1%; position:relative; width:547px; background:url(../images/03_train/mov_top_box.gif) no-repeat; padding:41px 33px 14px 33px; }
.mov_box { overflow:hidden; height:1%; position:relative; width:100%; height:481px; background:#000; }
.mov_bottom_bg { overflow:hidden; height:19px; position:relative; width:613px; background:url(../images/03_train/mov_bottom_box.gif) no-repeat; font-size:19px; }

/* ÈÆ·ÃÀü¿À¸®¿£Å×ÀÌ¼Ç  Q&A */
.faq_wrap_b { height:29px;}
.faq_menu {margin:0px 0 0 21px; width:571px;}
.faq_menu dt {background:url(../images/common/bg_d_hline02.gif) repeat-x left bottom; padding-bottom:10px; overflow:hidden;}
.faq_menu dt p {background:url(../images/06_customer/tle_question.gif) no-repeat 0 2px; line-height:18px; padding-left:25px;padding-right:25px; color:#444;}
.faq_menu dd {background:url(../images/06_customer/tle_answer.gif) no-repeat 0 2px; line-height:18px; padding-left:25px;padding-right:25px; margin-top:12px; color:#666;}
.faq_menu_t dd span {position:relative;top:12px;line-height:18px; padding-left:25px;padding-right:25px; margin-top:12px; color:#666;}


/* Ãß°¡ 2010-11-26 */
.orien_tab {  clear:both; position:relative;width:613px; margin:0 0 20px 0;}
.orien_tab ul {  }
.orien_tab ul li { float:left; }
.orien_commend_wrap { position:relative;top:50px; width:613px; background:url(../images/03_train/orien_box_bg.gif) no-repeat; }
.orien_commend_bottom { position:relative;top:50px; width:613px; background:url(../images/03_train/orien_box_bg_bottom.gif) no-repeat; height:17px; font-size:17px; }
#tabView01, #tabView02, #tabView03 { position:relative; width:592px; padding:29px 21px 20px 21px; line-height:20px; }