<!--

/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */

	body {
		font-size:11px;
		font-family:Helvetica, Tahoma, AppleGothic, 돋움, sans-serif;
		line-height:150%;
		padding: 0px;
		background-color: #ffffff;
 		margin-top: 0px; 
 		margin-left: 50px; 
 		margin-right: 50px;
		
		scrollbar-face-color: #f7f7f7; 
		scrollbar-shadow-color: #ffffff; 
		scrollbar-highlight-color: #ffffff; 
		scrollbar-3dlight-color: #ffffff; 
		scrollbar-darkshadow-color: #ffffff; 
		scrollbar-track-color: #ffffff; 
		scrollbar-arrow-color: #cccccc
		}

/* 2. 기본 링크 */

	A:link {text-decoration:none; color:#763673}
	A:visited {text-decoration:none; color:#763673}
	A:active {text-decoration:none; color:#763673}
	A:hover {text-decoration: none; color:#3F3F3F; position: relative; top:1; left:1}

/* 3. 이미지 */

	img {
		border-width:0;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
		font-family:helvetica, AppleGothic, 돋움;
		font-size:11px;
		color:#999999;
		padding:3 0 3 0;
		border:1px solid #E0E0E0;
		
	}
	
	.text_s {
		font-family:helvetica,tahoma,sans-serif;
		font-size:11px;
		color:#999999;
		padding-top:3;
		border:1px solid #E0E0E0;
		
	}

/* 6. 트리 레이블 */

	.branch2 {
		font-size:12px;
		line-height:100%;
		padding:2px;
	}

/* 7. 트리 폴더 */

	.branch3 {
		cursor:pointer;
		line-height:100%;
	}

/* 8. 달력 월 표시 */

	.cal_month {
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		font-weight: bold; 
		height:20px;
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1;
		border-color:#E0E0E0;
	}

/* 9. 달력 요일 표시 */

	.cal_week1 {
		text-align:center;
		color:#999999;
		font-size:9px;
		height:20;
		font-family:Arial, Helvetica, sans-serif;
		background-color:none;
	}

/* 10. 달력 일요일 표시 */

	.cal_week2 {
		text-align:center;
		color:#999999;
		font-size:9px;
		height:20;
		font-family:Arial, Helvetica, sans-serif;
		background-color:none;
	}

/* 11. 달력 지난 달 날짜 표시 */

	.cal_day1 {
		font-size:9px;
		color:#E0E0E0;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		background-color:none;
		height:20;
	}

/* 12. 달력 다음 달 날짜 표시 */

	.cal_day2 {
		font-size:9px;
		color:#E0E0E0;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		background-color:none;
		height:20;
	}

/* 13. 달력 이번 달 날짜 표시 */

	.cal_day3 {
		font-size:9px;
		color:#999999;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		background-color:none;
		height:20;
	}

/* 14. 달력 오늘 날짜 표시 */

	.cal_day4 {
		font-size:9px;
		color:#999999;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align:center;
		background-color:none;
		height:20;
		border-width:2;
		border-color:#E0E0E0;
		border-style:solid;
	}

/* 15. 달력 글쓴 날 링크 스타일 */

	A.cal_click:link { color:#763673;font-weight: bold; }
	A.cal_click:visited { color:#763673;font-weight: bold; }

/* 16. 이미지 아래 캡션 스타일 */

	.cap1 {
		font-size:9px;
		color:#999999;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		word-break:break-all;
		letter-spacing: -0.0em;
	}

/* 16. 키워드 스타일 */

	.key1 {
		cursor:pointer;
		text-decoration:none;
		border-bottom: 1px dotted gray;
	}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */


	/* title text */	
.mTitle {font-family:Helvetica, YoonGothic, AppleGothic, 돋움; font-size: 11px; color:#763673}
.mTitle12 {font-family:Helvetica, YoonGothic, AppleGothic, 돋움; font-size: 12pt; color:#763673; font-weight: bold}

	/* categoary text */ 
.mCat {font-family:Helvetica, AppleGothic, 돋움; font-size: 14px; color:#999999; font-weight: bold; padding-top: 5px; padding-bottom: 5px} 
.mCat16 {font-family:Helvetica, AppleGothic, 돋움; font-size: 18px; color:#763673; letter-spacing: -0.05em; padding-top: 3px; padding-bottom: 3px} 
.mCat18 {font-family:Arial, Helvetica, AppleGothic, 돋움; font-size: 18px; line-height:18px; color:#763673; letter-spacing: 0.2em; padding-top: 0px; padding-bottom: 0px}
.mCat24 {font-family:Arial, Helvetica, AppleGothic, 돋움; font-size: 24px; line-height:24px; color:#763673; letter-spacing: -0.05em; padding-top: 0px; padding-bottom: 0px}

	/* normal text */
.mDefault {font-family:Helvetica, AppleGothic, 돋움; font-size:11px; line-height:16px; color:#763673; letter-spacing: -0.0em; voice-family: "\"}\""; voice-family: inherit;}
.mDefault2 {font-family:Helvetica, AppleGothic, 돋움;  font-size:11px; line-height:14px; color:#763673; letter-spacing: -0.0em; voice-family: "\"}\""; voice-family: inherit;}
.mDefaultb {font-family:Helvetica, AppleGothic, 돋움;  font-size:11px; line-height:14px; color:#763673; font-weight: bold; letter-spacing: -0.0em; voice-family: "\"}\""; voice-family: inherit;}
.mDefaultg {font-family:Arial, Helvetica, AppleGothic, 돋움;  font-size:12px; line-height:19px; color:#808080; letter-spacing: -0.0em; word-break: break-all;}

.mList {font-family:Helvetica, AppleGothic, 돋움;  font-size:11px; line-height:14px; color:#763673; letter-spacing: -0.0em; word-break: break-all;}
.mListg {font-family:Helvetica, AppleGothic, 돋움;  font-size:11px; line-height:14px; color:#999999; letter-spacing: -0.0em; word-break: break-all;}
.mListg2 {font-family:Helvetica, AppleGothic, 돋움;  font-size:11px; line-height:14px; color:#999999; letter-spacing: -0.05em; word-break: break-all;}

.mSmall {font-family:Arial, Helvetica, AppleGothic, 돋움, sans-serif;  font-size:9px; line-height:12px; color:#763673; letter-spacing: -0.0em; word-break: break-all;}
.mSmallg {font-family:Arial, Helvetica, AppleGothic, 돋움, sans-serif;  font-size:9px; line-height:14px; color:#999999; letter-spacing: -0.0em; word-break: break-all;}
.mSmallpic {font-family:AppleGothic, 돋움, sans-serif;  font-size:9px; line-height:12px; color:#999999}

.score {font-family:Helvetica, AppleGothic, 돋움; font-size: 16px; color:#999999; font-weight: bold; padding-top: 3px; padding-bottom: 3px}

.mBoxmenu {
		font-size:9px;
		color:#763673;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		font-weight: bold; 
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1;
		border-color:#E0E0E0;
		padding-top:4;
		padding-bottom:4
	}


.alpha-shadow {
  float: left;
  background: url(img/shadow.gif)
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(img/shadow2.png)
  no-repeat left top !important;
  background: url(img/shadow2.gif)
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #E0E0E0;

  padding: 4px;
}

	/* line */
.hline { background-color:#F5F5F5; height:2;}
.line { background-color:#F5F5F5;}
.cmtSpacer {border-bottom: 1px dotted #E0E0E0; margin-top:10px; margin-bottom:10px}


	.h1 {
		font-size:7pt;
		font-family:verdana;
	}

	.h2 {
		font-size:8pt;
		font-family:verdana;
	}

	.box1 {
		background-color:none;
		border-style:solid;
		border-width:1;
		border-color:#E0E0E0;
		padding:5;
	}

	.box2 {
		background-color:#F4F4F4;
		border-style:solid;
		border-width:1;
		border-color:#E0E0E0;
		padding:5;
	}

	.plink {
		padding:5;
		color:#A0A0A0;
	}

	.title1 {
		background-color:#E9EAEC;
		background-image:url(./images/menu_back.jpg);
		padding-left:5;
		width:210;
		height:22;
	}
	
	#wrap {
		position: absolute;
		margin-left: 50px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		/*
		background-color:#e3e3e3;
		background: url("./images/back_gray.jpg") repeat-y;
		*/
		width: 800px;
	}
	
	html> #wrap {
  		width: 800px;
  	}

	#head {
		width: 800px;
		height: 250px;
		background-color: none;
  	}
	
	#menu {
		width: 150px;
		font-size: 11px;
		font-family:돋움,verdana,trebuchet,sans-serif;
		text-align: left;
		color: ##763673;
		line-height:15px;
		background-color: none;
  	}

	#content {
		left:250px;
		top:200px;
		width:600px;
		padding: 0px;
		font-size:11px;
		font-family:YoonGothic, AppleGothic, 굴림;
		color: #444444;
		text-align: left;
		margin: 0px 0px 0px 0px;
		line-height: 18px;
		background-color: none;
		letter-spacing: -0.0em;
		voice-family: "\"}\""; 
  		voice-family: inherit;
  		width: 500px;
  		/* compensates for IE Win bungling */
	}
	html>body #content {
  		width: 500px;
  	}
	
	#keyword {
		font-size:11px;
		font-family:YoonGothic, AppleGothic, 굴림;
		color: #444444;
		text-align: left;
		padding: 0px;
		margin: 0px 20px 0px 40px;
		line-height: 18px;
		background-color: none;
		letter-spacing: -0.0em;
	}
		
	
	h2 {
		font-size:10px;
		font-family:verdana;
		letter-spacing: -0.0em;
	}
	
	.cmtbox {
		padding: 10px;
		color: #999999;
		background-color:#FAFAFA;
		border: 1px solid #C0C0C0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.linex {
		background-color:none;
		background-image: url("./images/dot.gif");
		background-repeat: repeat-x;
		height: 2px;
		margin-top: 5px;
		margin-bottom: 2px;
	}
	
	.liney {
		background-color:none;
		background-image: url("./images/dot.gif");
		background-repeat: repeat-y;
		width: 2px;
	}

	.author {
		font-family: verdana,trebuchet,sans-serif;
		font-size:   9px;
		color:       #555555;
		font-weight: normal;
		padding-bottom:8px;
		letter-spacing: 0em;
		text-align: left;
		clear: both;
	}
	. author a:link    { color:#cc3300; text-decoration: none; font-weight: bold;}
	. author a:visited { color:#cc3300; text-decoration: none; font-weight: bold;}
	. author a:active  { color:#333333; text-decoration: none; font-weight: bold;}
	. author a:hover   { color:#cc3300; text-decoration: underline; font-weight: bold;}
	
	.subject {
		font-family: YoonGothic, AppleGothic, 돋움, lucida grande,trebuchet ms,verdana,trebuchet,sans-serif;
		font-size:   11px;
		color:       #000000;
		font-weight: bold;
		letter-spacing: 0px;
		line-height: 34px;
		text-align: left;
	}
	
	.round_bar {
		position: relative;
		left:-2px;
		width: 200px;
		height: 20px;
		background-color:none;
		background-image: url("./images/round_bar02.gif");
		background-repeat: no-repeat;
		padding-top:10px;
		padding-left: 15px;
		padding-bottom: 0px;
		font-size:9px;
		font-family:verdana;
		color: #777777;
		font-weight: bold;
		line-height: 0px;
		text-align: left;
	}
	
	xmp {
		font-family: lucida grande,trebuchet ms,verdana,trebuchet,sans-serif, YoonGothic, AppleGothic, 굴림;
		font-size:   11px;
		padding:5px;
		border: 1px solid #DBDBDB;
		background-color: #eeeeee;
	}
	
	.coding {
		font-family: lucida grande,trebuchet ms,verdana,trebuchet,sans-serif, YoonGothic, AppleGothic, 굴림;
		font-size:   11px;
		padding:5px;
		border: 1px solid #DBDBDB;
		background-color: #eeeeee;
	}
	
	
	#calender {
		width:100%;
	}