/***********************************************/
/* layout_sub.css  www.grb.or.kr               */
/***********************************************/
@import url(base.css);
@import url(mypage.css);
@import url(board.css);
@import url(grade.css);
@import url(alphacube.css);
@import url(Dialog.css);
@import url(Calendar.css);


#wrapp {
	position:absolute;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	min-height: 100%;
}
* html #Wrapp {
	height: 100%;
}


/* Header */
#DivTop01 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top01.jpg); */
}
#DivTop02 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top02.jpg); */
}
#DivTop03 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top03.jpg); */
}
#DivTop04 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top04.jpg); */
}
#DivTop05 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top05.jpg); */
}
#DivTop06 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_top06.jpg); */
}
#DivTop08 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_mypage.jpg); */
}
#DivTop09 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_mypage.gif); */
}
#DivTop11 {
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	height:95px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	z-index: 1;
/*	background-image: url(../Images/bg/main_mypage.gif); */
}




#DivTop:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 

/* contents_sub */ 
#DivBody {
	position:relative;
	left:0px;
	top:0px;
	width:198px;
	min-height:100%;
	height: 400px;
	z-index: 2;
	float: left;
}

* html #DivBody {
	height: 400px;
}

#mainlogo{
    position:absolute;
	height: 38px;
	width: 152px;
	left: 33px;
	top: 37px;
}
#mainmenu01{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu01_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu02{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu02_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu03{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu03_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu04{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu04_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu05{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu05_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu06{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu06_bg.gif);
	background-repeat: no-repeat;
}
#mainmenu07{
	height: 55px;
	width: 680px;
	top: 37px;
	position: absolute;
	left: 220px;
	background-image: url(../Images/bg/main_menu08_bg.gif);
	background-repeat: no-repeat;
}
#head {
	height: 95px;
	background: url(../images/main/back_visual.gif);
}
#top {
	position: absolute;
	left: 570px;
	width: 330px;
	margin-top:8px;
}
#top li {
	float: left;
	padding-left: 10px;
}
#location {
	position: absolute;
	width: 660px;
	height: 10px;
	left: 20px;
	top: 12px;
	font-size: 8.5pt;
	line-height: 25px;
	color: #8E8E8E;
	text-align: right;
}
#left_menu01 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu01_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu02 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu02_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu03 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu03_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu04 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu04_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu05 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu05_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu06 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu08_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu08 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu08_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#left_menu11 {
	position: absolute;
	left:15px;
	top:40px;
	width: 131px;
	height: 300px;
	background-image: url(../Images/bg/leftmenu11_contents.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 17px;
}
#img_leftmenutop{
	position: absolute;
	height: 10px;
	width: 168px;
	background-repeat: no-repeat;
	left: 15px;
	top: 30px;
}
#img_leftmenubottom{
	position: absolute;
	height: 13px;
	width: 168px;
	background-repeat: no-repeat;
	left: 15px;
	top: 335px;
}
#leftmenu_ul { width:131px; }
#leftmenu_ul li {
	height:20px;
	margin-top:10px;
	padding-left:17px;
	background-image: url(../Images/bullet/leftmenu_dot_unselected.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	border-bottom:1px solid #F3F3F3;
}
#leftmenu_ul li a { text-decoration:none; } 
#sub_title{
    position:relative;
	top:30px;
	left:0px;
	width:660px;
	height:22px;
}
#sub_contents {
	width: 660px;
	min-height: 100%;
	left: 0px;
	top: 40px;
	position: relative;

}
* html #sub_contents {
	}
	
/* sub_body_contens */
#body_contents {
	width: 668px;
	left: 0px;
	top: 0px;
	background-image:url(../Images/bg/sub_contents.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:10px;
	padding-left:20px;
	padding-right:13px;
	position: relative;
	visibility: visible;
	padding-bottom: 40px;
	float: left;
}

* html #body_contents {
    height: 100%;
	}

/*footer*/
#banner_bottom{
	position:relative;
	left:0px;
	top:0px;
	left:0px;
	width:900px;
	height: 62px;
	clear: both;
} 
#DivBottom {
	position:relative;
	left:0px;
	top:0px;
	left:0px;
	width:900px;
	height:50px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#floater {
	position:absolute;
	left:930px;
	top:95px;
	width:66px;
	height:251px;
	}

.error {
	background:url(../images/bullet/error.gif) no-repeat left center;
	padding:0 0 0 16px;
	width:16px;
	height:15px;
	margin:0 0 0 5px;
	vertical-align:text-top;
}

.imgError {
	position:absolute; 
	display:none; 
	padding-top:5px;
}

/***************************************************************/
/**°Ô½ÃÆÇ °ü·Ã**/
.notice td, .notice a{
	color:#336DCE;
	font-weight:bold;	
}

/*** À§¿øȸ¼Ò°³°Ô½ÃÆÇ ***/
.tableBoard01 .th_color {	background-color:#D0DFF7;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #D0DFF7;}
						
.tableBoard01 .td_dot {border-bottom: dotted 1px #D0DFF7;
					padding-top:5px;padding-bottom:5px;}
					
.tableBoard01 .td_color_1 {	background-color:#D0DFF7;}
.tableBoard01 .td_color_2 {	background-color:#F0F5FC;
							padding-top:7px;padding-bottom:7px;padding-left:12px;padding-right:10px;
							font-weight:bold;}
		 
/*** ¾Ë¸²¸¶´ç°Ô½ÃÆÇ ***/
.tableBoard02 .th_color {background-color:#DDF7D0;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #DDF7D0;}
						
.tableBoard02 .td_dot {	border-bottom: dotted 1px #DDF7D0;
						padding-top:5px;padding-bottom:5px;}
					
.tableBoard02 .td_color_1 {	background-color:#DDF7D0;}
.tableBoard02 .td_color_2 {	background-color:#F3FAEF;
							padding-top:7px;padding-bottom:7px;padding-left:12px;padding-right:10px;
							font-weight:bold;}
		 
/*** Á¤Ã¥¹ý·ü°Ô½ÃÆÇ ***/
.tableBoard03 .th_color {	background-color:#E7D0F7;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #E7D0F7;}
						
.tableBoard03 .td_dot {border-bottom: dotted 1px #E7D0F7;
					padding-top:5px;padding-bottom:5px;}
					
.tableBoard03 .td_color_1 {	background-color:#E7D0F7;}
.tableBoard03 .td_color_2 {	background-color:#F3FAEF;
							padding-top:7px;padding-bottom:7px;padding-left:12px;padding-right:10px;
							font-weight:bold;}
		 
/*** µî±Þ½Åû°Ô½ÃÆÇ ***/
.tableBoard04 .th_color {	background-color:#D8EFF0;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #D8EFF0;}
						
.tableBoard04 .td_dot {border-bottom: dotted 1px #D8EFF0;
					padding-top:5px;padding-bottom:5px;}
		 
/*** °ÔÀÓ¹°Á¶È¸°Ô½ÃÆÇ ***/
.tableBoard05 .th_color {	background-color:#C1DADF;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #C1DADF;}
						
.tableBoard05 .td_dot {border-bottom: dotted 1px #C1DADF;
					padding-top:5px;padding-bottom:5px;}
		 
/*** ¿­¸²±¤Àå°Ô½ÃÆÇ ***/
.tableBoard06 .th_color {	background-color:#BDE1E1;
						padding-top:7px;padding-bottom:7px;
						border-bottom: dotted 1px #BDE1E1;}
						
.tableBoard06 .td_color_1 {	background-color:#BDE1E1;}
.tableBoard06 .td_color_2 {	background-color:#F3FAEF;
							padding-top:7px;padding-bottom:7px;padding-left:12px;padding-right:10px;
							font-weight:bold;}
						
.tableBoard06 .td_dot {border-bottom: dotted 1px #BDE1E1;
					padding-top:5px;padding-bottom:5px;}


#navi {
	position: absolute;
	top: 28px;
}