* {margin:0; padding:0}

.page {
	width: 1100px;
	background-color: #CCCCCC;
	text-align: left;
}

.page #header {
	padding: 0 170px 0 170px;
	background-image: url(../images/webpage/bg_header.jpg);
	height: 150px;
} 

.page #content {
	padding: 0 200px 10px 200px;
	background-image: url(../images/webpage/bg_main.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
}

.page #footer {
	padding: 45px 140px 0 140px;
	background-image: url(../images/webpage/bg_footer.jpg);
	height: 45px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 22px;
	color: #999999;
}

.page #cover {
	height: 150px;
	padding: 0 200px 10px 200px;
	background-image: url(../images/webpage/bg_cover.jpg);

}

/*-----------------------------------------------------------*/

.logo {position: absolute; left: 170px; top: 110px;}

.eng {position: absolute; left: 840px; top: 47px;}

.kor {position: absolute; left: 913px; top: 47px;}

.update {
	position: absolute;
	left: 855px;
	top: 133px;
	font-size: 14px;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
}

/*-----------------------------------------------------------*/

.right { float: right; padding: 0 0 0 25px;}

.left {float: left; margin: 0 20px 10px 0;}

.pano { float: left; padding: 0 0 10px 0; }

.thumb250 {
    margin: 10px 15px 10px 0;
    float: left;
	background-image: url(../images/webpage/bg_thumb250.jpg);
	padding: 12px 12px 25px 12px;
}

.snap200 {
    margin: 10px 15px 10px 0;
    float: left;
	background-image: url(../images/webpage/bg_snap200.jpg);
	padding: 12px 12px 12px 12px;
}

.icon {
	background-image:url(../images/webpage/bg_icon.jpg);
	padding: 0 0 5px 3px;
}

.covermenu{
	height: 30px;
	width: 50px;
	float: left;
	padding: 5px 0 5px 5px;
	background-image: url(../images/webpage/bg_icon.jpg);
} 

.coverspace{
	height: 10px;
	width: 50px;
	background-image: url(../images/webpage/bg_icon.jpg);
}
.coverlist{
	padding: 5px 0 5px 0;
	height: 30px;
	width: 500px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
} 

.clearboth { clear: both; }

/*-----------------------------------------------------------*/

a img {border: none;}

a:link, A:visited, A:active {
	text-decoration: none;
	color: #666666;
}

a:hover {
	color: #99ccff;
}

/*-----------------------------------------------------------*/

.title {
	color: #999999;
	padding: 10px 0 10px 5px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}

.title_k {
	color: #999999;
	padding: 10px 0 0 5px;
	font-family: 바탕, AppleMyungjo;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #666666;
	padding-bottom: 10px;
}

.subtitle{
	height: 20px;
	padding: 10px 10px 5px 10px;
	color: #999999;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 19px;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
}

.list{
	line-height: 25px;
	color: #666666;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 15px;
	font-weight: bold;
}

.detail{
	padding-left: 70px;	
}

.exhibition{
	padding-left: 37px;
}

.period{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #666666;
}

.caption {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}

.years {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #999999;
	font-weight: normal;
	padding-left: 10px;
}

/*-----------------------------------------------------------*/

.sm {
	list-style:none;
	width:340px;
	height:30px;
	display:block;
	overflow:hidden;
	position: absolute;
	top: 115px;
	left: 570px;
}
.sm li {float:left; display:inline; overflow:hidden}