@charset "utf-8";

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

/* 1. 본문 전체  */


	html{
		scrollbar-base-color:#ffffff;
		scrollbar-face-color:#ffffff;
		scrollbar-track-color:#ffffff;
		scrollbar-highlight-color:#666666;
		scrollbar-3dlight-color:#ffffff;
		scrollbar-shadow-color:#666666;
		scrollbar-darkshadow-color:#ffffff;
		scrollbar-arrow-color:#666666;
	}

	body {
		font-size:12px;
		font-family: 굴림; Arial;
		line-height:20px;
		background-color:#0596AB;
		background-image: url(./images/bodybg.jpg); 
		background-repeat:repeat-x;
		background-position:top;

	}
	td{
	    font-size:12px;
		color:#0596AB;
		font-family: 굴림; Arial;
		line-height:20px;}




/* 2. 기본 링크 */

	A:link { color:#35A9DF; text-decoration:none; }
	A:visited { color:#35A9DF; text-decoration:none; }
	A:hover { text-decoration:underline; }

	A.type1:link { color:#246875; text-decoration:none; }
	A.type1:visited { color:#246875; text-decoration:none; }
	A.type1:hover { text-decoration:underline; }

/* 3. 이미지 */

	img {
		border-width:0px;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
		font-family: 굴림;
		font-size:9pt;
		padding-top:2px;
	}

/* 6. 트리 테이블 */

	.branch2 {
	}

/* 7. 트리 셀 */

	.branch3 {
		line-height:9pt;
		cursor:pointer;
		height:17px;
		padding:2 2 0 2;
	}

/* 8. 달력 월 표시 */

	.cal_month {
		vertical-align:top;
		height:18px;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		font-weight:bold;
	}

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

	.cal_week1 {
		text-align:center;
		color:#000000;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}

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

	.cal_week2 {
		color:#CC0000;
		text-align:center;
		font-size:7pt;
		font-family:verdana;
		font-weight:bold;
	}

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

	.cal_day1 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

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

	.cal_day2 {
		color:#FAFAFA;
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

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

	.cal_day3 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
	}

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

	.cal_day4 {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		padding-left:2px;
		font-weight:bold;
	}

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

	A.cal_click:link {
		font-weight:bold;
	}

	A.cal_click:visited {
		font-weight:bold;
	}

	A.cal_click:hover {
		font-weight:bold;
	}

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

	.cap1 {
		text-align:center;
		color:#35A9DF;
		word-break:break-all;
	}

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

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

/* 16. 카테고리 옆 개수 스타일 */

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

/* 17. 최신글 옆 개수 스타일 */

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


/* 20. 컨텐츠영역 태그 타이틀 표현  */

	.post_tagtxt {
		display : inline;
	}

	A.tag:link { color: #308FC9; text-decoration:none; }
	A.tag:visited { color: #308FC9; text-decoration:none; }
	A.tag:hover { color:red; text-decoration:underline; }

/* 21. 태그메뉴 스타일 */

	.cloud1 {
		font-size : 14px;
		color : #ff6600;
	}

	.cloud2 {
		font-size : 13px;
		color : #ff9900;
	}

	.cloud3 {
		font-size : 12px;
		color : #669900;
	}

	.cloud4 {
		font-size : 12px;
		color : #35A9DF;
	}

	.cloud5 {
		font-size : 11px;
		color : #999999;
	}


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


	.tl {
		font-size: 11pt;
		font-weight:bold;
		padding: 7px 0px 3px 0px;
	}

	.title {
		color:#000000;
		padding:0 0 0 10;
		font-size: 9pt;
		font-family: Tahoma;

	}

	.title2 {
		color:#262E61;
		font-weight:bold;
		padding:0 0 0 0;
	}


	.box1 {
		background-color:none;
		border-style:solid;
		border-width:1px;
		border-color:#C0C0C0;
		margin-top:5px;
	}

	.rp_rep {
		color:#606060;
		font-size:8pt;
		line-height:11px;
		padding-bottom:7px;
	}

	.rss_name {
		font-size:8pt;
		font-family:돋움;
		color:#808080;
	}

	a.subheadline {font-family: 굴림; font-size: 10pt; color:#35A9DF; text-decoration:none; font-weight:bold;letter-spacing:-1px; line-height:15px; }
	a.subheadline:hover {font-family: 굴림; font-size: 10pt; color:#35A9DF; text-decoration:underline; font-weight:bold;letter-spacing:-1px;}
	a.subheadline:visited {color:#35A9DF;}
	}
	
	/* paging */
	.paging{
	padding-top:10px;
	text-align:center;
	font:10px Tahoma;
	}

	/* guestbook > write */
	.guestbook {
		padding:10px;
		margin-bottom:10px;
	}
	.guestbook .write {
		margin-bottom:20px;
	}
	.guestbook .write p{
		padding:2px;
		margin:0;
	}
	.guestbook .write input{
		border:1px solid #999;
		height:18px;
		width:200px;
	}
	.guestbook .write .homepage{
		height:18px;
		width:400px;
	}
	.guestbook .write .submit{
		border:1px solid #aaa;
		background-color:#ddd;
		height:25px;
		width:500px;
		color:#333;
	}
	.guestbook .write label{
		font:10px Verdana;
	}
	.guestbook .write textarea{
		width:500px;
		height:150px;
		border:1px solid #aaa;	
		overflow:visible;
	}
	/* guestbook > list */
	.guestbook p{
		padding:5px 0;
		margin:0;
	}
	.guestbook .clist{
		border:0;
	}
	.guestbook .clist ol li{
		padding:10px 10px 10px 15px;
		background:url("images/iconGuestbook.gif") no-repeat 0 12px;	
	}
	.guestbook .clist li ul li{
		padding-left:30px;
		margin-left:20px;
		background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
		background-color:#f5f5f5;
	}
	.guestbook .clist li .name{
		font-size:12px;
		font-weight:bold;
		color:#333;
	}
	.guestbook .control a{
		font:11px dotum;
		color:#999;
		letter-spacing:-1px;
	}
	.guestbook .control a:hover{
		color:#000;
	}

	/* entry > notice */
	.entry_notice {
		padding:0px;
		}
	.entry_notice .article {
		padding:10px 0;
	}	
	/* entry > protected  */
	.entry_protected {
		padding:0px;
		margin-bottom:10px;
		}
	.entry_protected h2 {
		color:#333;
		background:url(images/icon_protected.gif) no-repeat center left;
		padding-left:20px;
	}
	.entry_protected input {
		border:1px solid #999;
		font:11px Tahoma;
	}
	.entry_protected .submit {
		border:1px solid #bbb;
		background-color:#ddd;
	}

	/* entry comment */
	.entry .comment {
		border-top:1px solid #ddd;
		background-color:#f5f5f5;
		padding:10px;
	}	
	.entry .comment .name{
		color:#222;
		font-weight:bold;
	}
	.entry .comment .name a{
		color:#222;
		font-weight:bold;
		text-decoration:underline;
	}
	.entry .comment p{
		margin:0;
	}	
	.entry .comment ol li{
		padding:15px 10px 0 15px;
		background:url("images/iconGuestbook.gif") no-repeat 0 15px;		
	}
	.entry .comment li ul li{
		padding:15px 10px 0 25px;
		background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
		background-color:#f5f5f5;
	}
	.entry .commentlist p{
	color:#222;
	}
	.entry .control{
		font:11px dotum;
		color:#777;
		letter-spacing:-1px;
	}
	.entry .control a{
		font:11px dotum;
		color:#777;
		letter-spacing:-1px;
	}
	.entry .control a:hover{
		color:#000;
	}
	.comment .write {
		margin:20px 0;
	}
	.comment .write p{
		padding:2px;
		margin:0;
	}
	.comment .write input{
		border:1px solid #999;
		width:150px;
	}
	.comment .write .homepage{
		width:260px;
	}
	.comment .write .submit{
		border:1px solid #aaa;
		background-color:#ddd;
		height:25px;
		width:99%;
		color:#333;
	}
	.comment .write label{
		font:11px dotum;
	}
	.comment .write textarea{
		width:99%;
		height:150px;
		border:1px solid #aaa;	
		overflow:visible;
	}
	.comment .write .checkbox{
		border:none;
		padding:0;
		margin:0;
		width:25px;
		}




	
		#MENU{
		float:left;
		width:224px;
		height:233px;
		}

		#MENU h2{display:none;}

		#MENU ul{
		margin:15px 30px 0px 10px;
		list-style:none;
		text-align:center;
		}

		#MENU li{
		width:150px;
		margin:3px 0px;
		background-image: url(./images/menubg.gif); 
		}

		#MENU li a{
		display:block;
		color:#ffffff;
		font-size:15px;
		font-family:"Times New Roman",Verdana, Arial,osaka,sans-serif;
		font-weight:bold;
		letter-spacing:5px;
		}

		#MENU li a:hover{
		background-color:#0596AB;

		background-image: url(./images/menubg.gif); 
		text-decoration:none;
		}

		#MENU li.menu-on a{color:#057487;}


	.m{
	margin:5px 10px;
	padding:0px 10px;
	background-color:#B6E7EE;
	border-left:5px solid #057487;
	color:#057487;
	font-size:100%;
	font-weight:bold;
	}

	.c{
	margin:5px 0px 5px 5px;
	}


	h1{
	padding:10px 0px 0px 30px;
	color:#ffffff;
	font-size:150%;
	font-family:"Times New Roman",Verdana, Arial,osaka,바탕,sans-serif;
	letter-spacing:8px;
	}

	h2{ margin:10px 0px 10px 0px;
    text-align:left;
    border-bottom:1px dotted #efefef; }

	h3{ 
	clear:both;
	margin:10px 10px 0px 20px;
	padding:1px 0px 2px 30px;
	background-image: url(./images/square.gif); 
	background-repeat:no-repeat;
	background-position:left top;
	font-size:110%;
	font-family:New Gulim,Times New Roman,Verdana, Arial,osaka,;
	letter-spacing:2px; }


	h4{ text-align:left;
    font-size:20px;
    margin:20px 0px 0px 0px;
    font-weight:bold; 
	font-family:Tahoma;
	}


	h4 a{}
	h4 a:link ,h1 a:visited ,h1 a:active{ color:#000000; }
	h4 a:hover{ text-decoration:underline; }


	h5{
	margin:5px 0px;
	padding:0px;
	width:101px;
	height:21px;
	font-size:10px;
	font-weight:normal;
	background-color:#ffffff;
	background-image:url(./images/h2.gif);
	background-repeat:no-repeat;
	text-align:center;
	}

	.text2{
	margin:0px 0px 20px 10px;
	background-color:#ffffff;
	background-image:url(./images/bg3.gif);
	}