@charset "utf-8";
<!--
/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */

	body, table, tr {
		color: #555555;
		margin:0;
	}

	td {
		font-size:8pt;
		font-family: tahoma,굴림;
		line-height:180%;
		color:#555555;
	}

/* 2. 기본 링크 */

	A:link { font-family: tahoma, 굴림; font-size:8pt; color:#1f5ba4; text-decoration:none; }
	A:visited { font-family: tahoma, 굴림; font-size:8pt; color:#1f5ba4; text-decoration:none; }
	A:hover { font-family: tahoma, 굴림; font-size:8pt; color:#1f5ba4; text-decoration:underline;}

/* 3. 이미지 */

	img {
		border-width:0px;
	}

/* 4. 이미지 버튼 */

	.ib {
		cursor:pointer;
	}

/* 5. 입력 텍스트 */

	.text {
		font-size:9pt;
		padding-top:2;
		border: 1px solid #c3d6ee;
		background-color: #f7fef4;
	}

/* 6. 트리 레이블 */

	.branch2 {
		font-size:9pt;
		padding:2px;
		line-height:130%;
	}

/* 7. 트리 폴더 */

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

/* 8. 달력 월 표시 */

	.cal_month {
		font-size:8pt;
		font-family:verdana;
		text-align:center;
		height:20px;
		background-color:#f7fef4;
	}

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

	.cal_week1 {
		text-align:center;
		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:#BCC8CD;
		font-size:8pt;
		font-family:tahoma;
		text-align:center;
		height:18px;
	}

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

	.cal_day2 {
		color:#BCC8CD;
		font-size:8pt;
		font-family:tahoma;
		text-align:center;
		height:18px;
	}

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

	.cal_day3 {
		font-size:8pt;
		font-family:tahoma;
		text-align:center; 
		height:18px;
	}

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

	.cal_day4 {
		font-size:8pt;
		font-family:tahoma;
		text-align:center;
		padding-left:2px;
		background-color:#f7fef4;
		font-weight:bold;
		height:18px;
	}

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

	A.cal_click:link {color:#FF7635; text-decoration:none; font-weight:bold;}
	A.cal_click:visited {color:#FF7635; text-decoration:none; font-weight:bold;}
	A.cal_click:hover {color:#FF7635; text-decoration:none; font-weight:bold;}

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

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

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

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

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

/* 배경이미지 */
	#header
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:72px;
		/*overflow:hidden;*/
		background-image:url('./images/back.jpg');
		color:white;
	}

/* 태그관련 */
	.cloud1 {
		font-size : 14px;
		color : #ff6600 !important ;
	  }

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

	.cloud3 {
		font-size : 10pt;
		color : #669900 !important ;
	  }

	.cloud4 {
		font-size : 10pt;
		color : #0099CC !important ;
	  }

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

/* 탑메뉴 테이블 */
	.topmenutable {
	
		background:url('./images/bg.gif');
		height:26px;
	}
	
/* 셀 간격 */
	.wid10 {
		width:10px;
	}

	.wid20 {
		width:20px;
	}

	.wid22 {
		width:22px;
	}

	.wid22bgFF {
		width:22px;
		background-color:#FFFFFF;
	}

	.wid50 {
		width:50px;
	}

	.wid60 {
		width:60px;
	}

	.wid80 {
		width:80px;
	}

	.wid222 {
		width:222px;
	}

	.hei5 {
		height:5px;
	}

	.hei10 {
		height:10px;
	}

	.hei15 {
		height:15px;
	}

	.hei25 {
		height:25px;
	}

	.hei25margin10 {
		height:25px;
		padding-top:0px;
		padding-left:0px;
		padding-right:10px;
		padding-bottom:0px;
	}

	.hei30 {
		height:30px;
	}

/* 기본 테투리 라인 색 - 연한 블루 */
	.dfline1 {
		background-color:#c3d6ee;
		width:1px;
		height:1px;
	}

/* 배경이 채워진 부분의 색 - 연한 그린 */
	.dfline2 {
		background-color:#f7fef4;
		height:44px;
	}

/* 배경이 채워진 부분의 색 - 흰색 */

	.dfline3 {
		background-color:#FFFFFF;
	}

	.text1 {
		font-family:바탕, Batang;
		font-size:26px;
		letter-spacing:-5px;
		margin-top:0px;
		margin-bottom:40px;
		padding-top:1px;
		line-height:130%;
	}

	.text1b {
		font-size:9pt;
		font-weight:bold;
		font-family: tahoma,굴림;
		color:#1f5ba4;
	}

	.text2 {
		font-size:9pt;
		font-family: tahoma,굴림;
		color:#008b00;
	}

	.wid50text2 {
		width:50px;
		font-size:9pt;
		font-family: tahoma,굴림;
		color:#008b00;
	}

	.text3 {
		font-size:8pt;
		font-family: tahoma,굴림;
		color:#555555;
	}

	.margin5 {
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
	}

	.margin10 {
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}

	.margin30LR {
		padding-top:0px;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:0px;
	}

	.margin30 {
		padding-top:10px;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:10px;
	}

	A.b:link { color:#1f5ba4; text-decoration:none;}
	A.b:visited { color:#1f5ba4; text-decoration:none;}
	A.b:hover { color:#1f5ba4; text-decoration:underline;}

	A.c:link { color:#008b00; text-decoration:none;}
	A.c:visited { color:#008b00; text-decoration:none;}
	A.c:hover { color:#f07522; text-decoration:underline;}

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

/* 플래시 갤러리를 위한 CSS */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px ,돋움, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #eee;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}