@charset "utf-8";
/* CSS Document */

@import url(base.css);
@import url(common.css);
@import url(playlesson.css);
@import url(zebra_dialog.css);

/**레이아웃**/
#container_wrap{
	position:relative;
	min-width:1024px;
	height:100%;/*
	background:#eee;*/
}

a.btn_white{
	display:inline-block;
	_display:inline;
	zoom:1;
	width:140px;
	height:35px;
	border:1px solid #a0a0a0;
	font-size:1.1em;
	font-weight:bold;
	color:#3f3f3f;
	line-height:2.2em;
}

a.btn_white:hover{
	background:#efefef;
	color:#6f6f6f;
	text-decoration:none;
}

a.btn_gray{
	display:inline-block;
	_display:inline;
	zoom:1;
	width:140px;
	height:35px;
	border:1px solid #a0a0a0;
	font-size:1.1em;
	font-weight:bold;
	color:#3f3f3f;
	line-height:2.5em;
	background:#dfdfdf;
}

a.btn_gray:hover{
	background:#e9e9e9;
	color:#6f6f6f;
	text-decoration:none;
}

/***** 왼쪽 메뉴단 : lnb *****/

#lnb_wrap{
	position:fixed;
	width:180px;
	height:100%;
	/*min-height:1000px;*/
	background:#323232;
	border-right:1px solid #c5c5c5;
}
#lnb_wrap .top_title{
	height:80px; 
	line-height:80px; 
	background:#c9252b;
	color:#Fff;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
ul.lnb_btn li{
	display:block;
	border-bottom:1px solid #c5c5c5;
	cursor:pointer;
}
ul.lnb_btn li.depth_fst{
	width:95%;
	height: 46px;
	padding-left:5%;
    color: #fff;
	font-size:15px;
    line-height: 46px;
    background: #323232;
}
ul.lnb_btn li.depth_fst:hover{
	background:#454545;
}
ul.lnb_btn li.on{
	background:#454545;
}

ul.lnb_btn li.depth_sec{
}
ul.lnb_btn li.depth_sec a{
	display:inline-block;
	width:92%;
	padding-left:8%;
	height: 37px;
	line-height:2.7em;
	background:#eff3f5;
}
ul.lnb_btn li.depth_sec a.on{
	background:#fff;
	color:#333;
	font-weight:bold;
}
ul.lnb_btn li.depth_sec a:hover{
	background:#fff;
	color:#333;
}
/*
#lnb .lnb_select{
	width:164px;
	height:37px;
	padding:5px;
	border:2px solid #1faef1;
	font-weight:bold;
	font-family: 'Nanum Gothic', sans-serif;
}*/

/*******************
     contents 영역 
********************/

#container{
	position:relative;
	float:left;
	width:775px;
	margin: 18px 0 0 220px;
}

.sub_title{
	position:relative;
	width:775px;
	margin:0px 0 20px 0 ;
	/* background:url("/user/images/bg/bg_sub_title.gif") no-repeat right bottom; */
}

a.btn_home{
	position:absolute;
	top:14px;
	right:0;
		
}

/*** 서브타이틀 / 레이어 셀렉트박스 ***/
#Link{
	position:relative;
	/*_width: 150px;*/
}

.selectlayer {
	display:inline-block;
	position: relative;
	height:50px;
	background:#fff;
	cursor: pointer;
}
.selectlayer a.default {
	display:inline-block;
	height: 50px;
	/*padding-left:10px;*/
	color: #525252;
	line-height: 50px;
	text-decoration: none;
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
}
.selectlayer a.default:hover {
	text-decoration: none;
}
.selectlayer ul {
	position: absolute;
	left:-1px;
	top:50px;
	display: none;
	width: 320px;
	padding:10px;
	background-color: #fff;
	border: 1px solid #cccbcb;
	z-index:10;
	font-size: 16px;
}
.selectlayer ul li {
	display: block;
	width: 100%;
	text-align:left;
}
.selectlayer ul li a {
	display: block;
	height: 26px;
	padding: 0 0 0 5px;
	color: #666566;
	line-height:26px;
	text-decoration: none;
}
.selectlayer ul li a:hover {
	/*background-color: #c9c9c9;*/
	color: #F60;
	text-decoration: none;
}
.selectlayer ul li a.selected {
	/*background-color: #c9c9c9;*/
	/* color: #F60; */
}


.classroom .sub_title{
	background:none;
	margin-bottom:30px;
	margin-top:12px;
}

.sub_title_arrow{
	padding-left:12px;
	background:url("/user/images/img_sub_title_arrow.gif") no-repeat 0 center;
	font-weight:bold;
}

.sub_title h1{
	display:inline-block;
	position:relative;
	width:50%;
	color:#303133;
	font-size:24px;
	font-weight:bold;
	line-height:50px;
	
}
.sub_title h2{
	display:inline-block;
	position:relative;
	width:100%;
	color:#8d9092;
	font-size:18px;
	text-align:left;
}
.in_title{
	font-size:20px;
	font-weight:bold;
	padding:20px 0;
}
.in_title span{
	display:inline-block;
	border-top:2px solid #ffc925;	
	padding-top:10px;
}

.column{
	position:relative;
	width:775px;
	border:1px solid #bbb;
	border-top:3px solid #bbb;
	padding-bottom:40px;
	margin-bottom:15px;
	background:#fff;
}
.column p{

}

.tbl_row{
	/*border:1px solid #C03;*/
	width:625px;
	margin:15px 50px 0 50px;
	
}
.tbl_row tr{
	margin-right:20px;	
}
.tbl_row th{
	font-weight:bold;	
	text-align:right;
	padding-right:25px;
	
}
.tbl_row span{
	color:#e02020;	
}

.tbl_row .l-spacing{
	letter-spacing:-1px;
	font-size:0.9em;
}

span.comment{
	color:#e02020;	
	font-size:12px;	
	margin-top:20px;
}
span.comment_02{
	color:#0e63c3;
	font-size:13px;	
	line-height:26px;
}

.comment_03{
	color:red;
	font-size:1.2em;
	letter-spacing:-1px;
}

.tbl_row .select_time{
	padding-left:75px;
}

.tbl_row .line-h{
	line-height:1.8em;
}

.title h3{
	padding-left:20px;
	font-size:1.3em;
	font-weight:bold;
	line-height:36px;
	letter-spacing:-1px;
	color:#000;
	background:url("/user/images/classroom/icon/bullet_s_title.gif") 0 50% no-repeat;
}

p.h3_text{
	padding-left:20px;
	line-height:2.5em;
}

.tbl_list{
	margin: 5px 0 60px 0;
	border-top:2px solid #6f6f6f;
	border-left:1px solid #ddd;	
}

.tbl_list a{
	color:#337e88;
	text-decoration:none;
}

.tbl_list tbody td, .tbl_list tbody th{
	padding: 7px 10px;
	font-size:1em;
	line-height:1.85em;
	text-align:center;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;				
}

.tbl_list thead tr{
	background:#8c8c8c;
	color:#fff;
}

.tbl_list thead th{	
	padding:7px 0;
	font-weight:400;
	line-height:160%;
	font-size:16px;
}

.tbl_list tbody td, .tbl_list tbody th{
	border-bottom:1px solid #aaaaaa;
}

.tbl_list td.week{
	padding-left: 18px; 
	font-weight: bold;	
	text-align:left;
	background:url("") no-repeat;

}
div.pop_profile .tbl_list thead tr th{
	color: #424242;
	text-align:center;
	border-right: 1px solid #ddd;
	font-size: 15px;
}
/**  each_lesson  인테이블**/
tr.each_lesson {
	background:#EEE;	
}
tr.each_lesson table{
	width:96%;
	margin:0 2%;
}
tr.each_lesson table thead tr{
	background:#EEE;
	color:#5a5a5a;
}
tr.each_lesson table th{
	border-bottom:1px solid #aaa;
}

tr.each_lesson table td{
	border-bottom:1px dotted #aaa;
}

td.percent{
	color:#f60;	
}

/** tbl_view **/
.tbl_view{
	margin:5px 0 40px 0;
	border-top:2px solid #6f6f6f ;
	border-bottom:2px solid #6f6f6f ;/*
	border-right:1px solid #c7c7c7 ;
	border-left:1px solid #c7c7c7 ;*/
}

.tbl_view th, .tbl_view td{
	height:30px;
	padding: 5px 0;
	/*font-size:0.9em;*/
	line-height:1.7em;
}

.tbl_view th{
	background:#f0f0f0;
	border-bottom:1px solid #c7c7c7;
	font-weight:bold;
}

.tbl_view th.v-align-t{
	text-align:right;
	padding-top:20px;
	padding-right:20px;
}

.tbl_view td{
	border-bottom:1px solid #c7c7c7;
	padding:5px 20px;
}

.tbl_view td.profile{
	padding-left:0;
}

.tbl_view td.profile div.profile{
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	line-height:3em;
}

.tbl_input_list{
	border-top:1px solid #c9c9c9;
	text-align:center;
}

.tbl_input_list td{
	padding-left:0;
}

.tbl_view .tbl_view_selet{
	height:26px;
	padding:0 5px;
	border:1px solid #d2d2d2;
}

.course_list_wrap{
	margin: 5px 0 60px 0;
	padding: 20px 30px;
	border-top:2px solid #6F6F6F;
	border-bottom:1px solid #aaa;
	line-height:2em;
}

ul.decimal li{
	list-style:decimal;
	list-style-position:inside;
}

.course_list_wrap span.p-right{
	padding-right:30px;
}

.check_list{
	margin:15px 0;
	line-height:1.6em;
}

.tbl_payment{
	border:1px solid #436c9c;
	margin-top:-20px;
	margin-bottom: 50px;
	text-align:right;
}

.tbl_payment th{
	border-right:1px dashed #436c9c;
	height:25px;
	background:#dff0f5;
	padding:3px 25px;
}

.tbl_payment td{
	border-right:1px dashed #436c9c;
	padding:10px 25px;
	height:70px;
	font-weight:800;
	font-size:1.3em;
}

.tbl_payment td span.s_font{
	font-size:0.7em;
}

.tbl_payment td.f_orange{
	color:#f04d21;
}

.tbl_payment a.btn_coupon{
	padding-left:25px;
}

.bbs_view_head{
	border-top:2px solid #436c9b;
	border-bottom:1px solid #a0a0a0;
	background:#ecf7f9;
	padding:30px 10px;
	color:#0e5596;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
}

.bbs_view_head .message_info{
	color:#8ea9c2;
	font-size:0.7em;
	font-weight:normal;
}

.bbs_view_head .message_info span{
	font-weight:bold;
}

.bbs_view_body{
	margin-bottom:40px;
	padding:20px 10px;
	border-bottom:1px solid #a0a0a0;
}

.bbs_view_foot .prev-next{
	margin-bottom:10px;
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
}

.bbs_view_foot .prev-next th, .bbs_view_foot .prev-next td{
	height:40px;
	padding:5px 0;
}

.bbs_view_foot .prev-next th{
	background:#f3f3f3;
	color:#0e5596;
}

.bbs_view_foot .prev-next td{
	padding-left:15px;
}

.bbs_view_foot .prev-next td a{
	color:#3f3f3f;
}

.bbs_view_foot .prev-next td a:hover{
	text-decoration:underline;
}

.write_wrap .tbl_view{
	margin-top:10px;
	margin-bottom:10px;
}

.bbs_list_wrap{
	margin:0 0 20px;
	border-bottom:1px solid #a0a0a0;
}

.bbs_list_wrap a{
	text-decoration:none;
	color:#3f3f3f;
}

.bbs_list_wrap a:hover{
	color:#6f6f6f;
}

.bbs_list_wrap .tbl_list{
	margin:0;
}

.bbs_list_wrap .tbl_list th{
	padding:2px 0;
}

.bbs_list_wrap .tbl_list td{
	padding:0;
	border-bottom:1px solid #e5e5e5;
}

.bbs_list_wrap td .align-l{
	padding:0 0 0 20px;
	display: inline-block;
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbs_list_wrap td span.blue{
	padding-right:5px;
	color:#2a86d9;
}

.bbs_list_wrap td.re{
	padding-left:15px;
	background:url("/user/images/img_re.gif") 23px center no-repeat;
}

.bbs_list_wrap .tbl_list tr.notice td, .bbs_list_wrap .tbl_list tr.notice th{
	background:#e0f6f9;
	font-weight:bold;
}

.bbs_list_wrap .tbl_list tr.notice .align-l a{
	color:#0e5596;
	font-weight:800;
}

.bbs_list_wrap .tbl_list tr.notice .align-l a:hover{
	color:#1769b3;
}

/***** paging *****/
.pading{
	margin-bottom:20px;
}

.pading a{
	color:#3f3f3f;
}

.pading ul li{
	display:inline-block;
	_display:block;
	zoom:1;
	padding:2px 3px;
}

.pading ul li.on a, .pading ul li a:hover{
	color:#20a1e2;
	font-weight:800;
}

.enroll_means{
	margin:5px 0 60px;
	padding:3px 15px;
	line-height:2.8em;
}

.enroll_means li{
	border-bottom:1px dashed #aaa;
}

/***** bbs_list_search *****/
.bbs_search select{

	border:1px solid #d2d2d2;
}

.bbs_search .search_h{

}

/***** myinfo_table *****/ 
.mypage_wrap{
	font-size:0.9em;
}

.myinfo_tbl_top{
	margin-top:20px;
	margin-bottom:10px;
}

.mypage_wrap .myinfo_tbl{
	border-top:2px solid #436c9c;
	margin-bottom:30px;
}

.mypage_wrap .myinfo_tbl th, .mypage_wrap .myinfo_tbl td{
	padding:0 20px;
	border-bottom:1px solid #aaa;
}

.mypage_wrap .myinfo_tbl th{
	background:#f0f0f0;
	text-align:right;
}

table .line-h{
	line-height:1.8em;
}

/***** tab *****/
.tab_wrap{
	width:100%;
	margin-bottom:10px;
	border-top:2px solid #436c9c;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #bbb;
	text-align:center;
}

.tab_wrap li{
	display:inline-block;
	_display:inline;
	zoom:1;
}

.tab_wrap li a.first{
	margin:-1px;
	padding-left:17px;
}

.tab_wrap li a.last{
	padding:12px 16px 12px 15px;;
}

.tab_wrap li a.on, .tab_wrap li a:hover{
	background:#2a86d9;
	color:#fff;
}

.tab_wrap li a{
	display:block;
	margin-right:-3px;
	padding:12px 15px;
	border-right:1px solid #bbb;
	color:#3f3f3f;
	font-weight:bold;
}

.tab_3_wrap li{
	margin:0;
	padding:0;
	width:33.3%;
}

.tab_2_wrap li{
	margin:0 1px 0 -2px;
	padding:0;
	width:50%;
}

/***** faq *****/
.faq_list{
	margin-bottom:20px;
	border-top:1px solid #436c9c;
	line-height:1.8em;
	font-size:0.9em;
}

.faq_list dt{
	position: relative;
	padding:10px 30px;
	color:#3f3f3f;
	font-weight:normal;
	border-bottom:1px solid #aaa;
}

.faq_list .float_l{
	width:635px;
}

.faq_list .head{
	width:20px;
	padding-right:20px;
}

.faq_list .faq_on{
	padding:20px 30px;
	color:#0e5596;
	font-weight:800;
}

.faq_list dd{
	padding:30px;
	background:#eee;
	border-bottom:1px solid #436c9c;
}

.sub_contents{
	position: relative;
	float:left;
	width:775px;
	/*margin-top:20px;*/
}

.sub_contents .column{
	margin-bottom:0;
	padding-bottom:0;
}

.classroom_main_box{
	position:relative;
	float:left;
	width:300px;
	/*height:240px;*/
	margin:0;
	padding:15px 20px;
}
.limit_h240{
	height:240px;
}
.classroom_main_box a{
	color:#3f3f3f;
}

.classroom_main_box a:hover, .classroom_main_box a:focus{
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.3;
}

.classroom_main_box a:hover, .classroom_main_box a:focus{
	color:#6f6f6f;
}

.sub_contents .border-r{
	border-right:1px solid #d3d3d3;
}

.sub_contents .border-b{
	border-bottom:1px solid #d3d3d3;
}
.classroom_main_box h3{
	margin-bottom:9px;
	font-weight:500;
	font-size:19px;
	color:#404040;
	letter-spacing:-1px;
}

.homework_info h3{
	margin-bottom:20px;
	padding-left:27px;
	font-weight:bold;
	font-size:1.2em;
	color:#404040;
	letter-spacing:-1px;
}

h3.main_title_1{
	background:url("/user/images/classroom_icon_wrap.gif") -7px -31px no-repeat;
}

h3.main_title_2{
	background:url("/user/images/classroom_icon_wrap.gif") -7px -57px no-repeat;
}

h3.main_title_3{
	background:url("/user/images/classroom_icon_wrap.gif") -7px -84px no-repeat;
}

h3.main_title_4{
	background:url("/user/images/classroom_icon_wrap.gif") -7px -110px no-repeat;
}

.classroom_main_box dl{
	line-height:2.2em;
}

.classroom_main_box dt{
	display:inline-block;
	width:100px;
	background:url("/user/images/classroom_icon_wrap.gif") -10px -1px no-repeat;
	padding-left:15px;
	color:#165793;
	font-weight:bold;
	float:left;
}

.classroom_main_box .n-border-tbl td{
	height:23px;
	line-height:31px;
}

.classroom_main_box .n-border-tbl .date{
	color:#a3a3a3;
	font-size:0.9em;
}

.classroom_main_box .file li{
	padding:15px 0 15px 45px;
	border:1px solid #c3c3c3;
	background:url("/user/images/classroom_icon_wrap.gif") -7px -136px no-repeat;
	margin-bottom:5px;
	color:#3f3f3;
}

.classroom_main_box .file li a{
	display:block;
	width:100%;
	height:100%;
}

.classroom_main_box .file li.pdf{
	background-position:-7px -136px;
}

.classroom_main_box .file li.excel{
	background-position:-7px -184px;
}

.homework_info{
	padding:10px;
	margin:20px 0;
}

.homework_info h3{
	font-size:1.2em;
	font-weight:bold;
}

.homework_info p{
	line-height:1.8em;
}

.homework_info h3.homework_info_title{
	background:url("/user/images/classroom_icon_wrap.gif") -7px -238px no-repeat;
}

.homework_info li{
	list-style:decimal;
	list-style-position:inside;
	line-height:2em;
}

.tbl_list_mb20{
	margin-bottom:20px;
}
.point{
	font-size:1.4em;
	font-weight:800;
}

.test_date{
	padding:10px 10px 35px 10px;
	border-bottom:1px solid #aaa;
}

.question_border td, .question_border th{
	border-bottom:2px solid #a0a0a0;
}

.question_border td{
	padding:20px;
}

/*** 학습현황 ***/
.attend_graph{
	width:150px;
	margin-left:15px;
}

.attend_text{
	width:148px;
	text-align:center;	
}

.attend_text p{
	margin-bottom:12px;
}

span.present_term{
	display:block;
	padding:2px 0;
}

p.study_state{
	font-size:20px;
	letter-spacing:-1px;
}

p.study_state{
	margin-bottom:0;
	color:#809804;
}
span.cardinal_num{
	display:inline-block;
	width:147px;			
	text-align:center;
	font-size:23px;	
	border-right:1px dashed #ddd;
	letter-spacing:-1px;	
}
a.cardinal_num{
	display:inline-block;
	background:#c9252b;
	width:147px;			
	text-align:center;
	font-size:20px;	
	border-right:none;
	letter-spacing:-1px;
	color:#fff;	
}
a.cardinal_num:hover{
	background:#c22127;
	color:#fff;	
	opacity:1;
}
a.cardinal_num img{	
	margin-bottom:3px;
}
span.present_number{
	padding-top:0;
}

.progress_graph{
	width:305px;
	font-size:15px;
	margin-top:10px;
}

.progress_graph .float_l span{
	color:#999;
}

.progress_graph .float_r{
	color:#2E53C8;
	font-weight:bold;
}
.progress_graph .float_r_02{
	color:#168de1;
	font-weight:bold;
	float : right;
}

.progress_graph .float_r span, .progress_graph .float_r_02 span{
	font-size:1.3em;
}
/**** 공지사항, 학습일정, 학습자료 ****/
.classroom_main_box_tab{
	width:434px;
	height:270px;
	padding:0;
}

.classroom_main_box .main_tabs{
	width:100%;
	height: 50px;
	text-align:center;
}

.classroom_main_box .main_tabs a{
	float: left;
}

.classroom_main_box .main_tabs .main_tab{
	display:inline-block;
	_display:inline;
	zoom:1;
	width:216px;
	height:50px;
	background:#f3f3f3;
	border-left:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	font-weight:500;
	font-size:18px;
	color:#404040;
	letter-spacing:-1px;
	line-height:3em;
}

.classroom_main_box .main_tabs li.first{
	border-left:none;
	padding-left:1px;
}

.classroom_main_box .main_tabs li.main_tab_on{
	background:#fff;
	border-bottom:none;
}

.classroom_main_box .more{
	position:absolute;
	top:60px;
	right:15px;
	font-size:0.8em;
}

.tab_bbs{
	margin:15px 0;
	padding:20px;
}

/*** 성적/평가 현황 ***/

.classroom_main_box_grade{
	width:736px;
}

.grade_graph{
	width:150px;
	margin-left:20px;
}

.grade_graph_text{
	text-align: center; 
	padding-top:33%;
	color: rgb(73, 73, 73); 
	font-size: 11px; 
	font-weight: bold; 
	position: relative; 
	z-index: 1;
}

.grade_table_wrap{
	width:500px;
	min-height:200px;
	/*height:155px;*/
	margin-left:25px;
	padding:15px;
	border:1px solid #c4c4c4;
	/*overflow-y:auto;*/
}

.color_gray .font_bold{
	color:#3f3f3f;
}

.main_grade_tbl td{
	height:33px;
	line-height:25px;
}

/**** 토론 참여 ****/
.column_discuss{
	border:1px solid #bbb;
	border-top:none;
	margin-bottom:15px;
	font-size:10pt;
}

.discuss_subject{
	padding:30px 50px;
	border:1px solid #777;
	color:#555;
	line-height:1.8em;
}

.discuss_subject .subject{
	border-bottom:1px solid #aaa;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size: 1.2em;
	
}

.discuss_subject .subject img{
	margin-bottom:2px;
}

.discuss_menu{
	padding:15px 0 15px 20px;
	border-top:1px solid #777;
	border-bottom:1px solid #d2d2d2;
	font-size: 1.1em;
	font-weight:bold;
	color:#555;
}

.discuss_participate .discuss_menu{
	color:#ddd;
}

.discuss_menu span a{
	padding:0 5px;
	color:#999;
}

.discuss_menu span.tab_on a{
	color:#555;
}

.discuss_menu span a:hover{
	color:#074075;
}

.discuss_body{
	padding:40px 50px;
	color:#555;
}

.write_info{
	font-weight:bold;
	font-size:0.9em;
}

.write_info .write_date{
	margin-left:5px;

	font-weight:normal;
	font-size:0.8em;
	color:#8b8b8b;
}

.write_content{
	line-height:1.4em;
}

.discuss_comment{
	margin-bottom:40px;
	padding:0 5px 40px 5px;
	border-bottom:1px solid #dcdcdc;
}

.discuss_reply_comment{
	margin-bottom:40px;
	padding:0 5px 40px 60px;
	border-bottom:1px solid #dcdcdc;
	background:url("/user/images/classroom_icon_wrap.gif") 2px -275px no-repeat;
}

.write_info a{
	font-size:0.9em;
	color:#555;
}

.write_info .discuss_number{
	color:#1e9dd9;
}

/*******************
	subpage
********************/

/****강의평가****/
.appraise_lecture{
	border:1px solid #bbb;
	margin-bottom:15px;
	padding:40px;
}
.appraise_lecture .prof_name{
	position:relative;
	display:inline-block;
	margin-bottom:35px;
	border:1px solid #666;
}
.appraise_lecture .prof_name span{
	display:inline-block;
	padding:6px 10px;
	position:relative;
	float:left;
}
.appraise_lecture .prof_name span.title{
	background:#666;;
	color:#fff;
}
.appraise_lecture .prof_name span.name{
	
}

.appraise_lecture .question{
	margin-bottom:40px;
	list-style:decimal;
	/* list-style-position:inside; */
	line-height:1.8em;
}

.appraise_lecture ul{
	margin-left:20px;
}

.appraise_lecture .question ul{
	margin-left:0;	
}
.appraise_lecture .question li.exam{
	position:relative;
	float:left;
	margin-right:40px;
}

.appraise_lecture .question dt{
	margin-bottom:10px;
	font-weight:bold;
	list-style-position: outside;
}



/**** 그래프 ****/
.tbl_align_l ul.graph{
	margin:0 10px;
	padding:2px 0 0 0;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	list-style:none;
}

.tbl_align_l ul li{
	position:relative;
	margin:16px 0;
	white-space:nowrap;
	vertical-align:top;
}

.tbl_align_l ul.graph li{
	position:relative;
	/*margin:10px 0;*/
	
	white-space:nowrap;
	vertical-align:top;
}
.tbl_align_l .gBar	{ 
	position:relative;
	display:inline-block;
	height:26px;
	border:1px solid #ccc;
	background:#e9e9e9;
}
.tbl_align_l .gBar_on{ 
	position:absolute;
	left:0;
	display:inline-block;
	height:26px;
	background:#ee760c;
}
.tbl_align_l .gBar span{
	position:absolute;
	width:40px;
	line-height:20px;
	top:0;
	right:-50px;
	color:#767676;
}

/***** 나의 강의실 관리 *****/
.classroom_wrap{
	display:inline-block;
	_display:inline;
	zoom:1;
	width:150px;
	_width:205px;
	height:350px;
	_height:400px;
	margin-right:15px;
	padding:25px;
	border:1px solid #BFBFBF;
	vertical-align:top;
}

.last_classroom_wrap{
	margin-right:0;
}

.classroom_btn_wrap{
	width:80px;
	display:inline-block;
	_display:inline;
	zoom:1;
	text-align:center;
}

.high_depth li, .row_depth li, .unsettled_list li{
	padding:10px 0;
}

.high_depth{
	font-size:1.2em;
	text-decoration:underline;
}

.high_depth li a{
	color:#454545;
}

.high_depth .folder_open{
	padding-left:30px;
	background:url("/user/images/img_folder_open.gif") 4px center no-repeat;
	font-weight:bold;
}

.high_depth .folder_close{
	padding-left:30px;
	background:url("/user/images/img_folder_close.gif") 4px center no-repeat;
}

.row_depth .head_folder{
	padding-left:30px;
	background:url("/user/images/img_folder_open.gif") 4px center no-repeat;
	font-weight:bold;
	font-size:1.2em;
}

.row_depth .reply_doc{
	padding-left:15px;
	background:url("/user/images/img_reply.gif") 4px center no-repeat;
}

.classroom_btn_wrap{
	margin:0 10px;
	padding-top:150px;
}

.classroom_btn_wrap li{
	padding-bottom:10px;
}

/**** login ****/
.login_contents{
	width:483px;
	padding:70px 125px 80px 125px;
	border-bottom:1px solid #acacb0;
}

.certificate_login{
	border-top:1px solid #acacb0;
}

.login_contents h2{
	font-weight:bold;
	font-size:1.5em;
}

.login_contents .inquiry{
	width:340px;
	margin:20px 5px 10px 0;
}

.login_contents .inquiry label{
	display:inline-block;;
	_display:inline;
	zoom:1;
	width:85px;
	padding-left:10px;
	color:#aaa;
}

.login_contents .inquiry input{
	height:28px;
}

.login_contents .submit{
	width:130px;
	margin-top:20px;
}

.login_contents .submit input{
	width:130px;
	height:40px;
	border:1px solid #c8541b;
	background:#f07821;
	color:#fff;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:2em;
}


.login_contents .submit input:hover{
	background:#F1873A;
}

.general_login .submit input{
	height:85px;
}

.login_contents .cboth{
	margin-left:102px;
}

.login_foot{
	margin-top:15px;
	text-align:center;
	color:#cfcfcf;
}

.login_foot a{
	color:#7d7d7d;
}

.search_contents .inquiry{
	width:470px;
	margin:20px 5px 10px 0;
}

.search_contents .submit{
	width:470px;
	text-align:right;
}

.search_contents .inquiry label{
	width:95px;
	padding-left:0;
}

.pw_search{
	border-bottom:0;
}

.search_result{
	margin:120px 0;
	padding-bottom:130px;
	border-bottom:1px solid #acacb0;
	text-align:center;
	line-height:1.5em;
}

.search_result .btn_wrap{
	margin-top:50px;
}

.search_result span{
	font-weight:bold;
	color:#2a86d9;
}

.comment{
	margin-bottom:40px;
	font-weight:bold;
	color:#0E5596;
}

.terms{
	margin-bottom:80px;
}

.terms h3{
	font-weight:bold;
}

.terms .pre{
	width:713px;
	height:100px;
	margin:10px 0;
	padding:10px;
	border:1px solid #ddd;
	color:#555;
	font-size:0.9em;
	line-height:1.8em;
	white-space:pre-wrap;
	overflow-y:auto;
}

.terms .tbl_view{
	margin-bottom:10px;
}

.terms .tbl_view th, .terms .tbl_view td{
	text-align:center;
	padding-left:0;
	border:1px solid #aaa;
}

/***join***/
.join_inquiry .tbl_view th{
	text-align:left;
	padding-left:10px;
}

.join_inquiry .tbl_view td{
	padding-left:5px;
}

.join_inquiry .tbl_view td input{
	margin-right:5px;
}

.join_inquiry .tbl_view span{
	color:red;
}

.join_inquiry .tbl_view ul{
	width:480px;
}

.join_inquiry .tbl_view li{
	display:inline;
	margin-right:10px;
}

.join_inquiry .tbl_view td label{
	margin-right:10px;
}


.class_stateicon_green{
	width: 57px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight:500;
	color: #5A960E;
	border: 1px solid #5A960E;
}
.class_stateicon_gray{
	width: 57px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight:500;
	color: #5F5F5F;
	border: 1px solid #5F5F5F;
}
.class_stateicon_red{
	width: 57px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight:500;
	color: #ED5E14;
	border: 1px solid #ED5E14;
}
.class_stateicon_blue{
	width: 57px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight:500;
	color: #147AED;
	border: 1px solid #147AED;
}
.class_stateicon_yellow{
	width: 57px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	font-weight:500;
	color: #EDA814;
	border: 1px solid #EDA814;
}

.class_titleicon_seablue{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	background-color: #23BAC0;
	color: #fff;
}
.class_titleicon_blue{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	background-color: #1F91E2;
	color: #fff;
}
.class_titleicon_darkgreen{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	background-color: #699E4A;
	color: #fff;
}
.class_titleicon_green{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	background-color: #9CC018;
	color: #fff;
}
.class_titleicon_violet{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	background-color: #8D70F5;
	color: #fff;
}
.class_titleicon_darkblue{
	width: 50px;
	height: 23px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;	
	background-color: #4C648B;
	color: #fff;
}

/* 231205 추가 */
.lec_pause{position: absolute;top: 17px;right: 22px;
	width: 88px;height: 24px;
	font-size: 11px;font-weight: 500;
	background-color: #ff8800;border-radius: 6px;color: #fff;}
.lec_pause_active{position: absolute;top: 17px;right: 22px;
	width: 88px;height: 24px;
	font-size: 11px;font-weight: 500;
	background-color: #5A960E;border-radius: 6px;color: #fff;}
p.study_pause{color: #c22127;}


/* 240507 */
#container_wrap {
    position: relative;
    min-width: 1300px;
    height: 100%;
}

#container {
    position: relative;
    float: left;
    width: 876px;
    margin: 22px 0 0 220px;
}

.sub_title{margin: 0;}

/* 좌측 메뉴 */
#lnb_wrap {
    position: fixed;
    width: 180px;
    height: 100%;
    /* min-height: 1000px; */
    background: #fff;
    border-right: none;
}

ul.lnb_btn{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.lnb_btn li.depth_sec{
	width: 100%;
}

ul.lnb_btn li.depth_sec a {
	display: inline-block;
    width: 91%;
    padding-left: 9%;
    height: 37px;
    line-height: 2.7em;
    background: #eff3f5;
}

ul.lnb_btn li.w_50{
    width: calc(50% - 0.5px);
    padding-left: 0%;
    height: 37px;
    line-height: 2.7em;
    background: #eff3f5;
	text-align: center;
}

.r_line{border-right: 1px solid #cfcfcf;}

ul.lnb_btn li.w_50 a{
    width: 100%;
	padding-left: 0;
    height: 37px;
    line-height: 2.7em;
    background: #eff3f5;
}

/* LectureConents.htm (2구역) */
h2.lc_title{
	font-size: 24px;
	color: #525252;
	font-weight: bold;
}

.sub_info{display: flex;}

.sub_info .btn_1v1{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;



}
.sub_info .btn_1v1 a{display: block;width: 199px;height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #c9252b;
	color: #fff;
}

.sub_status{
	width: 77%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}

.sub_status li{
	width: 50%;
	font-size: 18px;
	font-weight: 500;
	margin-top: 10px;
	line-height: 26px;
}

.sub_status li:nth-of-type(1), .sub_status li:nth-of-type(2){
	color: #c9252b;
}

.sub_contents {
    position: relative;
    float: left;
    width: 876px;
}

.sub_notice{
	width: 100%;
	display: flex;
	background-color: #f4f6f7;
	padding: 18px 0 22px 50px;
	box-sizing: border-box;
	font-size: 15px;
	margin: 20px 0 0;
}

.sub_notice h4{
	font-size: 16px;
	font-weight: bold;
}

.sub_notice ul{
	padding-left: 20px;
}

.sub_notice div:first-of-type{
	margin-right: 96px;
}

.tbl_list {
    margin: 20px 0 60px 0;
	border-left: none;
    border-top: 1px solid rgba(50, 50, 50, 0.5);
}

.tbl_list thead tr {
    background: #f4f6f7;
    color: #000;
}

.tbl_list thead th {
    padding: 7px 0;
    font-weight: 500;
    line-height: 160%;
    font-size: 16px;
}

.tbl_list tbody td, .tbl_list tbody th {
	border-right: none ;
    border-bottom: 1px solid #dcdcdc;
	line-height: 45px;
	padding: 0;
}

.tbl_list td.week {
    padding-left: 15px;
    font-weight: normal;
}

.tbl_list a {
    margin-right: 6px;
}

/* bbsList.htm (3구역) */
input[type="text"], input[type="number"], input[type="password"], select {
    height: 24px;
    padding-left: 5px;
    border: 1px solid #d2d2d2;
    background: #fff;
	font-size: 14px;
}

.bbs_search{
	height: 26px;
}

.bbs_search select {
    border: 1px solid #d2d2d2;
	height: 26px;
	width: 96px;
}
.bbs_search select option{
    font-size: 12px;
}

/* bbsWrite.htm (5구역) */
.write_wrap .tbl_view{
	margin: 20px 0 40px 0;
    border-top: 1px solid #323232;
    border-bottom: none;
	background-color: #f4f6f7;

}

.write_wrap .tbl_view th {
    background: #f4f6f7;
    border-bottom: none;
    font-weight: 400;
	text-align: left;
	padding-left: 20px;
	font-size: 14px;
}

.write_wrap .tbl_view .table_top {
padding-top: 20px;
box-sizing: border-box;
}
.write_wrap .tbl_view .table_bottom {
padding-bottom: 20px;
box-sizing: border-box;
}

.write_wrap  .tbl_view td {
    border-bottom: none;
    padding: 5px 20px;
}

.write_wrap input[type="text"], input[type="number"], input[type="password"], select {
    height: 30px;
    padding-left: 5px;
	border: none;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background: #fff;
    font-size: 14px;
}

.write_wrap textarea{
	border: none;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
	width: 670px;
}

.btn_small2 {
    display: inline-block;
    padding: 0;
    height: 26px;
    color: #fff !important;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: -1px;
    border-radius: 3px;
    vertical-align: middle;
	width: 77px;
}

.bg_gray2{
	background-color: #8c8c8c;
}

input[type="file"]::file-selector-button {
	border: none;
	width: 120px;
	height: 30px;
	border-radius: 3px;
	background-color: #222;
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
  }

  /* bbsView.htm */
  .bbs_view_head {
    border-top: 1px solid #323232;
    border-bottom: none;
    background: #f4f6f7;
    padding: 0 15px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.bbs_view_head span{
	font-size: 15px;
	font-weight: 400;
}

.bbs_view_body {
    margin-bottom: 0px;
    padding: 50px 15px;
    border-bottom: 1px solid #323232;
}

.bbs_view_foot .prev-next {
    margin-bottom: 0px;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}

.commentArea .comment_tit{
	background-color: #c9252b;
	color: #fff;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.commentArea .comment_tit span{
	font-weight: 400;
	font-size: 15px;
}

.commentArea .commentPart{
	display: block;
	padding: 50px 15px;
}