@charset "euc-kr";
@import url("base.css");
/*@import url("layout.css");*/
@import url("table.css");


html, body {
	/*background:url(/images/main/bg_global.jpg) repeat-x;*/
	height:100%;
}


.intro_text {
	text-align: justify;
	padding: 4px 0 15px 8px;
	line-height: 17px;
}

#intro_ul li {
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-left: 10px;
}

.year_dot  {
	background: url(/images/common/dotline2.gif) repeat-x bottom ; 
}

.year_font1 {
	color: #0070be;
	font-weight: bold;
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 13px;
	padding-right: 3px;
	vertical-align: top;
	text-align: right;
}

.year_font2 {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 13px;
	padding-left: 10px;
	vertical-align: top;
	text-align: left:
}

.guide_content {
	line-height: 18px;
	padding-left: 10px;
	text-align: justify;
}

#guide_content_ul li {
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-left: 10px;
}

.guide_table {
	border: 3px solid #d8dee9;
	background: #ffffff;
	margin-top: 2px;
	margin-bottom: 8px;
}

.guide_td1 {
	height: 27px;
	background: #d8dee9;
	color: #5b739e;
	text-align: center;
}

.guide_td2 {
	height: 27px;
	background: #eceff4;
	text-align: center;
}

.guide_step2 {
	padding-left: 10px;
	margin-left: 28px;
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
}

.guide_step25 {
	padding-left: 10px;
	margin-left: 15px;
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
}

.guide_step3 {
	margin-left: 23px;
}

.guide_step4{
	padding-left: 10px;
	margin-left: 40px;
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
}


.font_teacher {
	font-weight: bold;
	color: #68a200;
	font-size: 12px;
}

.font_lesson {
	color: #68a200;
}




.lec_view_table {
	border: 3px solid #d8dee9;
	background: #ffffff;
}

.lec_view_td1 {
	height: 27px;
	background: #d8dee9;
	color: #5b739e;
	text-align: center;
}

.lec_view_td2 {
	background: #eceff4;
	text-align: center;
}

.lec_view_text {
	text-align: justify;
	padding: 7px 0 15px 30px;
	line-height: 17px;
}

#lec_view_ul li {
	background: url(/images/common/bullet_arrow.gif) no-repeat 0 0.3em;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-left: 10px;
}


div#tab_depth {
	margin-left:20px;
}	
div#tab_depth ul {
	overflow:hidden;
}
div#tab_depth li.tab_depth_bl {
	background:url(/images/lecture/box_bg04.gif) no-repeat 50px bottom;
	margin:0;
	padding:0; 
}

div#tab_depth li.tab_depth_bg01 {
	float:left;
	width:14px;
	height:29px;
	background:url(/images/lecture/box_bg01.gif) no-repeat; 
}
div#tab_depth li.tab_depth_bg02 {
	float:left;
	height:29px;
	padding-top:8px;
	background:url(/images/lecture/box_bg02.gif) repeat-x; 
}
div#tab_depth li.tab_depth_bg03 {	
	float:left;
	width:14px;
	height:29px;	
	background:url(/images/lecture/box_bg03.gif) no-repeat; 
}
.box_tb {
	background-color:#f4fefa;
	border:1px solid #bce0c8;
	padding:10px;
}


.box_tbl {
	background-color:#fff;
	border:1px solid #bce0c8;
}
.box_tbl2 {	
	border:1px solid #ccc;
	padding:2px 10px 2px 10px;
}
.box_tbl th {
	background-color:#f4fefa;
	border-right:1px solid #bce0c8;
	border-bottom:1px solid #bce0c8;
	padding:10px 0px 4px 0px;
	color:#309a97;
}
.box_tbl td {
	background-color:#fff;
	border-right:1px solid #bce0c8;
	border-bottom:1px solid #bce0c8;
	padding:10px;
	line-height:18px;
}

.in_text3 {
	line-height: 17px;
	text-align: justify;
	padding: 10px 10px 25px 10px;
}




.font12 {
	font-size: 12px;
	font-weight: bold;
	color: #038783;
}



.td_gray3 {
	height: 40px;
	background: #f5f5f5;
	padding-left: 10px;
}

.td_white3 {
	height: 40px; 
	text-align: center;
}


#body {
	position: relative;
	margin: 0 auto;
	width: 885px;
}

#left, #main {
	float: left;
}

#left {
	width: 215px;
}

#main {
	position: relative;
	width: 670px;

}


#mainlogo {
	z-index: 10;
	width: 215px;
	height: 86px;
	background: url(/images/subback/sub6_top_logo.gif) no-repeat; 
}

#login,
#login_after,
#menumiddle {
	float: left;
}

#leftbanner {
	clear: both;
	position: relative;	
	top: -29px;
}


#submenu {
	padding-top: 10px;
}

#submenutop {
	position: relative;
	width: 195px;
	height: 59px;
	background: url(/images/subback/sub6_menutop.gif) no-repeat; 
	vertical-align: top;
}

#submenubottom {
	position: relative;
	width: 195px;
	height: 40px;
	background: url(/images/subback/sub6_bottom.gif) no-repeat; 
}

#submenulist {
	background: #e95ba5;
	width: 195px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;

}


#plan {
	padding-top: 10px;
}



#menumiddle {
	width: 20px;
	height: 9px;
	background: url(/images/subback/sub6_menu_middle.gif) no-repeat; 
}

#globalmenu {
	position: relative;
	padding-left: 525px;
	width: 145px;
	height: 22px;
	background: url(/images/subback/sub6_topsideback.gif) no-repeat right bottom; 


}

#mainmenu {
	width: 670px;
	height: 47px;
}

#menuleft, #menuback, #menuright {
	float: left;
}

#menuleft {
	position: relative;
	width: 38px;
	height: 47px;
	background: url(/images/subback/sub6_menu_left.gif) no-repeat; 
}

#menuback {
	width: 625px;
	height: 47px;
	background: url(/images/subback/sub6_menu_back.gif) repeat-x bottom;
}

#menuright {
	position: relative;
	width: 7px;
	height: 47px;
	background: url(/images/subback/sub6_menu_right.gif) no-repeat; 
}

#subtitle {
	position: relative;
	width: 663px;
	height: 110px;
	background: url(/images/subback/sub6_title.gif) no-repeat;
}




#content {
	width: 680px;
	min-height: 400px;
	padding-left: 18px;
	padding-top: 25px;
/*	overflow: visible; */
}

.font_nav-b {
	color: #e95ba5;
	font-weight: bold;
}

.font_nav-b2 {
	color: #197fc4;
	font-weight: bold;
}

.board_td_top {
	height: 30px;
	background: #f5f5f5;
	border-top: solid 2px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;

}

.board_content {
	padding: 20px;
	text-align: justify;
	line-height: 18px;
}

.td_gray3 {
	height: 40px;
	background: #f5f5f5;
	padding-left: 10px;
}

.td_white3 {
	height: 40px; 
	text-align: center;
}

.tab_blue {
	height: 26px;
	width: 67px;
	background: url(/images/customer/tab_blueback.gif) no-repeat;
	font-weight: bold;
	color: #0070be;
	text-align: center;
	padding-top:2px;
}

.tab_gray {
	height: 26px;
	width: 67px;
	background: url(/images/customer/tab_grayback.gif) no-repeat;
	text-align: center;
	padding-top:1px;
}

.tab_space {
	width: 3px;
}

.helper_td {
	height: 25px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;	
}



#body {
	position: relative;
	margin: 0 auto;
	width: 885px;
}

#left, #main {
	float: left;
}

#left {
	width: 215px;
}

#main {
	position: relative;
	width: 670px;

}


#mainlogo {
	z-index: 10;
	width: 215px;
	height: 86px;
	background: url(/images/subback/sub6_top_logo.gif) no-repeat; 
}

#login,
#login_after,
#menumiddle {
	float: left;
}

#leftbanner {
	clear: both;
	position: relative;	
	top: -29px;
}


#submenu {
	padding-top: 10px;
}

#submenutop {
	position: relative;
	width: 195px;
	height: 59px;
	background: url(/images/subback/sub6_menutop.gif) no-repeat; 
	vertical-align: top;
}

#submenubottom {
	position: relative;
	width: 195px;
	height: 40px;
	background: url(/images/subback/sub6_bottom.gif) no-repeat; 
}

#submenulist {
	background: #e95ba5;
	width: 195px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;

}


#plan {
	padding-top: 10px;
}



#menumiddle {
	width: 20px;
	height: 9px;
	background: url(/images/subback/sub6_menu_middle.gif) no-repeat; 
}

#globalmenu {
	position: relative;
	padding-left: 525px;
	width: 145px;
	height: 22px;
	background: url(/images/subback/sub6_topsideback.gif) no-repeat right bottom; 


}

#mainmenu {
	width: 670px;
	height: 47px;
}

#menuleft, #menuback, #menuright {
	float: left;
}

#menuleft {
	position: relative;
	width: 38px;
	height: 47px;
	background: url(/images/subback/sub6_menu_left.gif) no-repeat; 
}

#menuback {
	width: 625px;
	height: 47px;
	background: url(/images/subback/sub6_menu_back.gif) repeat-x bottom;
}

#menuright {
	position: relative;
	width: 7px;
	height: 47px;
	background: url(/images/subback/sub6_menu_right.gif) no-repeat; 
}

#subtitle {
	position: relative;
	width: 663px;
	height: 110px;
	background: url(/images/subback/sub6_title.gif) no-repeat;
}




#content {
	width: 680px;
	min-height: 400px;
	padding-left: 18px;
	padding-top: 25px;
/*	overflow: visible; */
}

.font_nav-b {
	color: #e95ba5;
	font-weight: bold;
}

.font_nav-b2 {
	color: #197fc4;
	font-weight: bold;
}

.board_td_top {
	height: 30px;
	background: #f5f5f5;
	border-top: solid 2px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;

}

.board_content {
	padding: 20px;
	text-align: justify;
	line-height: 18px;
}

.td_gray3 {
	height: 40px;
	background: #f5f5f5;
	padding-left: 10px;
}

.td_white3 {
	height: 40px; 
	text-align: center;
}

.tab_blue {
	height: 26px;
	width: 67px;
	background: url(/images/customer/tab_blueback.gif) no-repeat;
	font-weight: bold;
	color: #0070be;
	text-align: center;
	padding-top:2px;
}

.tab_gray {
	height: 26px;
	width: 67px;
	background: url(/images/customer/tab_grayback.gif) no-repeat;
	text-align: center;
	padding-top:1px;
}

.tab_space {
	width: 3px;
}

.helper_td {
	height: 25px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;
}