body {
/*
		margin: 50px 0px 0px 0px;
		padding: 0;
		font-style:italic;
		font-family:굴림체;
		

		background-image: url("/home/img/default.jpg");
*/

		background-repeat:repeat-x; 
		margin: 50px 0px 0px 0px;
		
		background-color: #1f1b1b;
		font: normal 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
		font-size:8pt;
		color: #cccccc;
	
}

.c_text_valign {
	vertical-align : middle;
}

.c_img_valign {
	vertical-align : middle;
	border : 0px;
}


.c_img_link {
	vertical-align : middle;
	cursor : pointer;
	border : 0px;
}




.c_DefColor {
	background-color: #1f1b1b;
	color: #cccccc;
	border: 1px solid #444444;
}
.c_DefFont {
	font: normal 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	font-size:8pt;
}


.c_Def_Color_Font {
	background-color: #1f1b1b;
	color: #cccccc;
	font: normal 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	font-size:8pt;
}


/* ------------------------------ 제목 그림 ---------------------------------------- */


#body_title {
	
	height:170px;  /* padding top=5px + bottom=5px = 10px   실제그림 180px - 패딩 10 = 170px */
	background-image: url("/mose/home/img/title.jpg");
	/*background-image: url("<?=$MO_USER_WWW_ROOT?>/home/img/title.jpg");*/



	/*
	background-color:yellow;
	border:groove 1px silver;
	*/
	
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;

}

#body_title #title_mark {

	font: normal 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #afaaaa;
	position:relative;
	top:130px;
	left:360px;

}




#body_path {
	height:15px;
	background-color:#212121;
	padding:9px 5px 5px 15px;
	text-align:left;
	font: bold 9pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #d3d26b;
}


/* css 버튼  90 x 27  프로그램 설치하기 버튼----------------------------------------------- */
.c_btn_90_27 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_90_27.gif");
	width:84px; /*90*/
	height:21px;  /*27*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_90_27:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_90_27_on.gif");
	width:84px; /*90*/
	height:21px;  /*27*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}



/* css 버튼  86 x 23  게시판 글쓰기 버튼----------------------------------------------- */
.c_btn_86_23 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_86_23.gif");
	width:80px; /*86*/
	height:17px;  /*23*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_86_23:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_86_23_on.gif");
	width:80px; /*86*/
	height:17px;  /*23*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}


/* css 버튼  99 x 77   로그인 파랑버튼----------------------------------------------- */
.c_btn_99_77 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_99_77.gif");

	width:93px; /*99-3px-3px=93*/
	height:54px;  /*77 - 20 - 3*/
	padding:20px 3px 3px 3px;

	text-align:center; 
	vertical-align : middle;
	font: bold 14pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #cccccc;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_99_77:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_99_77_on.gif");

	width:93px; /*99-3px-3px=93*/
	height:54px;  /*77 - 20 - 3*/
	padding:20px 3px 3px 3px;

	/* border: 1px solid white; */
	text-align:center; 
	vertical-align : middle;
	font: bold 14pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

/* css 버튼  178 x 68   아이디찾기 버튼 ----------------------------------------------- */
.c_btn_178_68 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_178_68.gif");
	width:142px; /*178-18px-18px=142*/
	height:32px;  /*68*/
	padding:18px;
	text-align:center; 
	vertical-align : middle;
	font: bold 14pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_178_68:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_178_68_on.gif");
	width:142px; /*178*/
	height:32px;  /*68*/
	/* border: 1px solid white; */
	padding:18px;
	text-align:center; 
	vertical-align : middle;
	font: bold 14pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}


/* css 버튼  86 x 68  댓글버튼 ----------------------------------------------- */
.c_btn_86_53 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_86_53.gif");
	width:54px; /*86-17px-17px=52*/
	height:21px;  /*53*/
	padding:15px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_86_53:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_86_53_on.gif");
	width:54px; /*86*/
	height:21px;  /*53*/
	/* border: 1px solid white; */
	padding:15px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}




/* css 버튼  107 x 23  사진 왼쪽 카테고리 버튼 ----------------------------------------------- */
.c_btn_107_23 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_107_23.gif");
	width:101px; /*107*/
	height:17px;  /*23*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_107_23:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_107_23_on.gif");
	width:101px; /*107*/
	height:17px;  /*23*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_107_23_sel {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_107_23_sel.gif");
	width:101px; /*107*/
	height:17px;  /*23*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_107_23_sel:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_107_23_on.gif");
	width:101px; /*107*/
	height:17px;  /*23*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}





/* css 버튼  260 x 56  프로그램 소개 왼쪽 메뉴 버튼 ----------------------------------------------- */
.c_btn_260_56 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_260_56.gif");
	width:244px; /*260*/
	height:40px;  /*56*/
	padding:8px;
	text-align:center; 
	vertical-align : middle;
	font: bold 16pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_260_56:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_260_56_on.gif");
	width:244px; /*260*/
	height:40px;  /*56*/
	/* border: 1px solid white; */
	padding:8px;
	text-align:center; 
	vertical-align : middle;
	font: bold 16pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_260_56_sel {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_260_56_sel.gif");
	width:244px; /*260*/
	height:40px;  /*56*/
	padding:8px;
	text-align:center; 
	vertical-align : middle;
	font: bold 16pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_260_56_sel:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_260_56_on.gif");
	width:244px; /*260*/
	height:40px;  /*56*/
	/* border: 1px solid white; */
	padding:8px;
	text-align:center; 
	vertical-align : middle;
	font: bold 16pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}




/* css 버튼  166 x 23  배움 카테고리 버튼 ----------------------------------------------- */
.c_btn_166_23 {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_166_23.gif");
	width:160px; /*166*/
	height:17px;  /*23*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_166_23:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_166_23_on.gif");
	width:160px; /*166*/
	height:17px;  /*23*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_166_23_sel {
	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_166_23_sel.gif");
	width:160px; /*166*/
	height:17px;  /*23*/
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: #ffffff;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */
}

.c_btn_166_23_sel:hover { /*    :hover 칸 붙여야함 */

	display:inline-block; /* 이것을 해야 span의 size가 적용됨 */
	background-image: url("/mose/home/img/btn_166_23_on.gif");
	width:160px; /*166*/
	height:17px;  /*23*/
	/* border: 1px solid white; */
	padding:3px;
	text-align:center; 
	vertical-align : middle;
	font: bold 10pt "맑은 고딕", "굴림체", Arial, Helvetica, sans-serif;
	color: yellow;
	cursor : pointer;
	text-decoration:none; /* 링크 밑줄 없애기 */