@import url(/public/css/new.css);
/* Èñ¼Ò°í½ÃÇÐ¿ø 2010³â 3¿ù °³¹ß ==================== */

body,tr,td,textarea {font-family:"µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; color:#666666; font-size: 12px; /* line-height:140%; */ margin: 0px; padding: 0px;}
img {border:0;}
input {
	/*background-color: #ffffff;*/
	background-color: expression( (this.type == "checkbox" || this.type == "radio") ? "transparent" : "#FFFFFF");
}

a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}


/* ¸Þ´ºÁ¦¾î ==================================== */
.png24 { tmp:expression(setPng24(this)); }
.div_center {left:expression((document.body.clientWidth/2)-497);}


/* ¿©¹é ==================================== */
.pa_2 {padding: 2px;}
.pa_4 {padding: 4px;}
.pa_7 {padding: 7px;}
.pa_10 {padding: 10px;}
.pa_15 {padding: 15px;}
.pa_20 {padding: 20px;}
.pa_30 {padding: 30px;}

.pa_le_2 {padding-left: 2px;}
.pa_le_5 {padding-left: 5px;}
.pa_le_7 {padding-left: 7px;}
.pa_le_10 {padding-left: 10px;}
.pa_le_15 {padding-left: 15px;}
.pa_le_17 {padding-left: 17px;}
.pa_le_20 {padding-left: 20px;}
.pa_le_25 {padding-left: 25px;}
.pa_le_30 {padding-left: 30px;}
.pa_le_35 {padding-left: 35px;}
.pa_le_37 {padding-left: 37px;}
.pa_le_40 {padding-left: 40px;}
.pa_le_50 {padding-left: 50px;}
.pa_le_140 {padding-left: 140px;}

.pa_ri_3 {padding-right: 3px;}
.pa_ri_5 {padding-right: 5px;}
.pa_ri_7 {padding-right: 7px;}
.pa_ri_10 {padding-right: 10px;}
.pa_ri_15 {padding-right: 15px;}
.pa_ri_20 {padding-right: 20px;}

.pa_to_2 {padding-top: 4px;}
.pa_to_4 {padding-top: 4px;}
.pa_to_7 {padding-top: 7px;}
.pa_to_10 {padding-top: 10px;}
.pa_to_12 {padding-top: 12px;}
.pa_to_20 {padding-top: 20px;}
.pa_to_100 {padding-top: 100px;}

.pa_bo_2 {padding-bottom: 2px;}
.pa_bo_4 {padding-bottom: 2px;}
.pa_bo_7 {padding-bottom: 7px;}

.ma_le_55 {margin-left: 55px;}


/* line height ==================================== */
.line_h_118 {line-height: 118%;}


/* ÀÚ°£ ==================================== */
.narrow_2 { word-spacing: -2px;}
.narrow_6 { word-spacing: -6px;}



/* ÆùÆ® - left menu ============================= */
.leftmenu_basic_on {font-weight: bold; color: #025b94;}
.leftmenu_basic_on a:link {font-weight: bold; color: #025b94;}
.leftmenu_basic_on a:visited {font-weight: bold; color: #025b94;}
.leftmenu_basic_on a:active {font-weight: bold; color: #025b94;}
.leftmenu_basic_on a:hover {font-weight: bold; color: #025b94;}

.leftmenu_basic_community {font-weight: bold; color: #6859d4;}
.leftmenu_basic_community a:link {font-weight: bold; color: #6859d4;}
.leftmenu_basic_community a:visited {font-weight: bold; color: #6859d4;}
.leftmenu_basic_community a:active {font-weight: bold; color: #6859d4;}
.leftmenu_basic_community a:hover {font-weight: bold; color: #6859d4;}

/*
.leftmenu_basic_teacher {font-weight: bold; color: #2593cb;}
.leftmenu_basic_teacher a:link {font-weight: bold; color: #2593cb;}
.leftmenu_basic_teacher a:visited {font-weight: bold; color: #2593cb;}
.leftmenu_basic_teacher a:active {font-weight: bold; color: #2593cb;}
.leftmenu_basic_teacher a:hover {font-weight: bold; color: #2593cb;}
*/


.leftmenu_basic_div_off {font-weight: normal; font-size: 12px; color: #595959;}
.leftmenu_basic_div_on {font-weight: bold; font-size: 12px; color: #2593cb;}

.leftmenu_basic_subject_off {font-weight: normal; font-size: 11px; color: #595959;}
.leftmenu_basic_subject_on {font-weight: bold; font-size: 11px; color: #2593cb;}

.leftmenu_basic_teacher_bar_off {font-weight: normal; font-size: 11px; color: #999999; width:8px; text-align:center;}

.leftmenu_basic_teacher_off {font-weight: normal; font-size: 11px; color: #999999;}
.leftmenu_basic_teacher_on {font-weight: bold; font-size: 11px; color: #2593cb;}

.leftmenu_basic_teacher_on a:link {font-weight: bold; font-size: 11px; color: #2593cb;}
.leftmenu_basic_teacher_on a:visited {font-weight: bold; font-size: 11px; color: #2593cb;}
.leftmenu_basic_teacher_on a:active {font-weight: bold; font-size: 11px; color: #2593cb;}
.leftmenu_basic_teacher_on a:hover {font-weight: bold; font-size: 11px; color: #2593cb;}


.leftmenu_basic_timetable {font-weight: bold; color: #61b11f;}
.leftmenu_basic_timetable a:link {font-weight: bold; color: #61b11f;}
.leftmenu_basic_timetable a:visited {font-weight: bold; color: #61b11f;}
.leftmenu_basic_timetable a:active {font-weight: bold; color: #61b11f;}
.leftmenu_basic_timetable a:hover {font-weight: bold; color: #61b11f;}

.leftmenu_basic_bbs {font-weight: bold; color: #2c5772;}
.leftmenu_basic_bbs a:link {font-weight: bold; color: #2c5772;}
.leftmenu_basic_bbs a:visited {font-weight: bold; color: #2c5772;}
.leftmenu_basic_bbs a:active {font-weight: bold; color: #2c5772;}
.leftmenu_basic_bbs a:hover {font-weight: bold; color: #2c5772;}

.leftmenu_basic_off {font-weight: bold; color: #595959;}
.leftmenu_basic_off a:link {font-weight: bold; color: #595959;}
.leftmenu_basic_off a:visited {font-weight: bold; color: #595959;}
.leftmenu_basic_off a:active {font-weight: bold; color: #595959;}
.leftmenu_basic_off a:hover {font-weight: bold; color: #595959;}





/* ÆùÆ® - °Ô½ÃÆÇ =============================== */
.board {font-size: 11px; color: #999999;}
.board_lbl_form {color: #999999;}
.study_board {font-size: 11px; color: #6859d4;}
.search_tit {font-size: 11px; color: #292929;}
.no_data {color: #ACACAC; font-weight: bold;}
.b_gray {color: #ACACAC; font-weight: bold;}
.gray {color: #ACACAC;}
.emph {color: #D53679;}
.emph2 {color: #FF7600;}
.bl {color: #025B94;}
.b_bl {color: #025B94; font-weight: bold;}

.news {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 14px; color: #000063; font-weight: bold;} 
.news_view_tit {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 16px; color: #292929; font-weight: bold;} 

a.page_on {font-family:"Verdana", "µ¸¿ò", "Arial";  font-weight: bold; color: #ff1e00 !important; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding-left: 7px; padding-right: 7px; padding-top: 1px; padding-bottom: 2px; line-height: 150%}
a.page_off {font-family: "Verdana", "µ¸¿ò", "Arial"; color: #000000 !important; font-weight: bold;}

.verdana {font-size: 12px; font-family: "Verdana", "µ¸¿ò", "Arial"; font-weight: bold;}

.teacher_quink {font-size: 11px; font-family: "±¼¸²", "µ¸¿ò", "Arial"; letter-spacing: -1px; color: #999999;}
.teacher_quink a:hover {font-size: 11px; font-family: "±¼¸²", "µ¸¿ò", "Arial"; letter-spacing: -1px; color: #2593cb;}

.write_aph {font-size: 12px; font-family: "µ¸¿ò", "Verdana", "Arial"; color: #025B93;}

.text_s {font-size: 11px; font-family: "µ¸¿ò", "Verdana", "Arial";}
.text_s2 {font-size: 11px; font-family: "µ¸¿ò", "Verdana", "Arial"; color: #888888;}
#text_s3 {font-size: 11px; font-family: "µ¸¿ò", "Verdana", "Arial"; letter-spacing: -1px; color: #a9a9a9;}

.lec_tit_ba {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 14px; color: #000000; font-weight: bold;}
.lec_tit_ba_small {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 12px; color: #555; font-weight: normal;}
.lec_tit_bl {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 14px; color: #025B94; font-weight: bold;}
.lec_stit {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 12px; color: #000000; font-weight: bold;}
.lec_stit_bl {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 14px; color: #025B94; font-weight: bold;}

.hp_index_din {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 12px; color: #888888;}
.hp_index_ov {font-family: "µ¸¿ò", "Verdana", "Arial"; font-size: 12px; color: #025B94; font-weight: bold;}



/* Á¤·Ä - °Ô½ÃÆÇ =========================== */
.view {text-align: justify; line-height: 150%; padding-left : 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
.view_aph {text-align: justify; line-height: 120%; padding-left : 6px; padding-right: 6px; padding-top: 4px; padding-bottom: 4px;}

.box_view {line-height: 150%; padding-left : 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;}
.comment {line-height: 150%; padding-left : 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px;}
.news_list {line-height: 150%; padding-left : 10px; padding-right: 50px;}
.news_view {line-height: 150%; padding-left : 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}
.refinement_list {line-height: 150%; padding-left: 7px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
.teacher_sub {text-align: justify; line-height: 150%; padding-left : 25px; padding-right: 25px; padding-top: 15px; padding-bottom: 15px;}
.teacher_plan {text-align: justify; line-height: 150%; padding-left : 28px; padding-right: 28px; padding-top: 30px; padding-bottom: 30px;}
.view_lec {text-align: justify; line-height: 150%; padding-left : 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 15px;}


/* Form - select ½ºÅ¸ÀÏ =============================== */
.select_option { font-size: 11px; color: #999999}
.select_option2 { font-size: 12px; color: #666666}


/* textarea ½ºÅ¸ÀÏ ================================ */
.textarea_p {
	border-right: #D2D2D2 1px solid; 
	border-top: #D2D2D2 1px solid; 
	border-bottom: #D2D2D2 1px solid; 
	border-left: #D2D2D2 1px solid; 
	background-color: #ffffff;
	padding-right: 5px; 		
	padding-left: 5px; 
	padding-bottom: 5px; 
	padding-top: 5px; 
	font-family: "µ¸¿ò","vernada", "arial"; 	 
	font-size: 12px; 
	color: #6d6d6d; 
}

.div_scroll {
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #999CC; 
	scrollbar-3dlight-color: #F2F2F2; 
	scrollbar-arrow-color: #025B94; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #F2F2F2; 
	line-height: 120%; 
	background-color: #ffffff;
}

.member_textarea {width: 770px; height: 120px; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #888888; border: 1px solid #999999;}
.member_join02_textarea {width: 770px; height: 200px; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #888888; border: 1px solid #999999;}
.advice_que { margin: 15 0 12 0; }
.advice_ans { margin: 8 0 15 0; }
.freelec_tit { padding: 12 0 12 15;}



/* Form - inputbox =============================== */
.input {vertical-align:middle; height: 20px; font-size: 12px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #cccccc;}
.write_input_txt {font-size: 12px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: "0";}
.search_input_txt {font-size: 11px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: "0";}
.login_input_txt {height: 22px; font-size: 12px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #cccccc;}
.join_input_txt {height: 18px; font-size: 12px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #cccccc;}
.join_input_txt2 {height: 19px; font-size: 12px; color: #666666; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #EBEBEB; background-color: #f1f1f1;}
.community_study_txt {height: 38px; font-size: 12px; color: #000000; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; border: 1px solid #cccccc;}


/* Form - radio =============================== */
.pedagogy_radio {vertical-align: middle; }



/* Form - °Ô½ÃÆÇ ¹è°æ =============================== */
.search_txt {width: 300px; height: 22px; background-position: left middle; background-image: url(/Heeso_Care/images/img/bg_helpdesk_board_text_center.gif); background-repeat: repeat-x;}
.write_txt {width: 100%; height: 28px; background-position: left middle; background-image: url(/Heeso_Care/images/img/bg_board_write_center.gif); background-repeat: repeat-x;}



/* Form - °Ô½ÃÆÇ write Å×µÎ¸® ========================== */

/*.write_border {border-top: 2px solid #696969; border-left: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; font-size: 12px; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; }*/
.write_border {border-top: 2px solid #C0C0C0; border-left: 1px solid #939393; border-right: 1px solid #939393; border-bottom: 1px solid #939393; font-size: 12px; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; }
.write_border2 {border-top: 2px solid #CECECE; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; font-size: 12px; font-family: "µ¸¿ò", "Verdana", "Arial", "Helvetica", "sans-serif"; }



/* Form - search layer ============================== */
.layer_relative {position: relative;}
.layer_absolute {position: absolute; left: 385px; top: 580px; }
.layer_absolute_community {position: absolute; left: 385px; top: 533px; }
.layer_absolute_bbs {position: absolute; left: 385px; top: 730px; }
.layer_absolute_test {position: absolute; left: 385px; top: 570px; }
.layer_file_view {position: absolute; right: 10px; top: 187px; }
.layer_file_special_lecture {position: absolute; right: 10px; top: 150px; }
.layer_community_refinement {position: absolute; left: 385px; top: 955px; }

/* pop - °á°ú Ãâ·Â Å×µÎ¸® ============================= */
.pop_border {border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}



/* ±³¼ö ¸®½ºÆ® ==================================== */
.teacher_mouse_off {border: 1px solid #d4d4d4; padding: 5px;}
.teacher_mouse_on {border: 2px solid #2593cb; padding: 4px;}


/* ±³¼ö ¸®½ºÆ® ¸Þ´º ==================================== */
.div_prof_list {padding-top:4px; padding-right:7px; padding-bottom:4px; padding-left:5px;}


.pa_le_15 div *{vertical-align:middle;}
.pa_le_15 div img{margin-top:-3px;}

.newLecTab{ width:100%; clear:both;}
.newLecTab ul li{ float:left}
.newLecTab:after {content:" "; display:block; clear:both;}

.baseTab{ width:100%; clear:both;}
.baseTab ul li{ float:left}
.baseTab:after {content:" "; display:block; clear:both;}