/* -- WEB FONTS -- */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {font-family: GraublauWeb; src: url("path-to-the-font-file/GraublauWeb.otf") format("opentype");}

/* -- RESET BROWSER DEFAULTS -- */
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, textarea, blockquote{
	margin:0; padding:0; border:0;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
	line-height:1.4em;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#B58E63;
	scrollbar-face-color:#F2ECE6;
	scrollbar-shadow-color:#B58E63;
	scrollbar-darkshadow-color:white;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color:#B58E63;
}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

h2{padding-bottom:10px;}
h4{padding-bottom:5px;}

/* Hyperlink Styles: */
a {
	color:#362f2d;
	text-decoration:none;
	outline:none; 
	line-height:1.8em;
}
a:hover{
	color:#ec402d;
	text-decoration:none;
}
a img {border:none;}

/* -- COMMON HTML ELEMENTS -- */
body {
	background:#4a3f39;
	color: #333;
	font-size: 12px;
	font-family: GraublauWeb, Verdana, Sans-Serif, 'nanumgothic';
}
ul {
	list-style: none;
}
#clear {
	clear: both;
	display: block;
}

/* -- MAIN ELEMENTS -- */
#cover {
	margin: 0 auto;
	width: 970px;
	padding-top:40px;
}

/* -- Navigation */
nav {
	background: url(../img/common/nav-bg.jpg) no-repeat;
	float: left;
	text-align:center;
	width: 127px;
	height:100%;
}
ul#nav {
	padding-top:15px;
	text-align: center; overflow: hidden;
}
ul#nav li {
	float: right; list-style:none;
}
ul#nav li a{
	display: block; width:104px; height: 28px;
	padding: 9px 10px 0 0; margin: 0;
	font: bold 12px 'GraublauWeb' 'Sans-Serif' 'nanumgothic'; 
	text-transform: uppercase;
	color: #c7b299; 
	text-shadow: 0 1px 3px #000; text-decoration: none;
	filter: Shadow(Color=#252525,Direction=160,Strength=3);(For IE)
}
ul#nav li a:hover {
	font: bold 12px 'GraublauWeb' 'Sans-Serif' 'nanumgothic'; 
	background: url(../img/common/label.png) no-repeat;
	color: #ed1c24;
}

.logo{width:127px; margin:0 auto; text-align: center; padding-top:35px;}
.lang {position: absolute; z-index:100; margin-top:-5px; margin-left:14px;}

/* Content */
#content {
	width: 100%;
	height:627px;
	background: #eee;
}
section#left {
	float: left;
	height:627px;
	width: 0px;
}
section {
	float: right;
	width: 834px;
	height:627px;
}

article {padding: 10px 15px 10px 15px;}
article#artist {float: right;width: 357px;}

aside{float: left;padding: 10px 0 10px 15px;width: 67px;}

/* Content Background */
.left-bg1 {
	background: url(../img/bg/left-bg1.jpg) no-repeat;
}
.left-bg2 {
	background: url(../img/bg/left-bg2.jpg) no-repeat;
}
.right-bg1 {
	background: url(../img/bg/right-bg1.jpg) no-repeat;
}
.right-bg2 {
	background: url(../img/bg/right-bg2.jpg) no-repeat;
}
.right-bg3 {
	background: url(../img/bg/right-bg3.jpg) no-repeat;
}
.right-bg5 {
	background: url(../img/bg/right-bg5.jpg) no-repeat;
}

/*�����۰� */
.artist1 {background: url(../img/artist/artist1.jpg) no-repeat;}
.artist2 {background: url(../img/artist/artist2.jpg) no-repeat;}
.artist3 {background: url(../img/artist/artist3.jpg) no-repeat;}
.artist4 {background: url(../img/artist/artist4.jpg) no-repeat;}
.artist5 {background: url(../img/artist/artist5.jpg) no-repeat;}
.artist6 {background: url(../img/artist/artist6.jpg) no-repeat;}
.artist7 {background: url(../img/artist/artist7.jpg) no-repeat;}
.artist8 {background: url(../img/artist/artist8.jpg) no-repeat;}
.artist9 {background: url(../img/artist/artist9.jpg) no-repeat;}
.artist10 {background: url(../img/artist/artist10.jpg) no-repeat;}
.artist11 {background: url(../img/artist/artist11.jpg) no-repeat;}
.artist12 {background: url(../img/artist/artist12.jpg) no-repeat;}
.artist13 {background: url(../img/artist/artist13.jpg) no-repeat;}
.artist14 {background: url(../img/artist/artist14.jpg) no-repeat;}
.artist15 {background: url(../img/artist/artist15.jpg) no-repeat;}
.artist16 {background: url(../img/artist/artist16.jpg) no-repeat;}
.artist17 {background: url(../img/artist/artist17.jpg) no-repeat;}
.artist18 {background: url(../img/artist/artist18.jpg) no-repeat;}
.artist19 {background: url(../img/artist/artist19.jpg) no-repeat;}
.artist20 {background: url(../img/artist/artist20.jpg) no-repeat;}

/*���뵵�ڱ� */
.traditon {background:#4a3f39;}
.traditon li {color:#c7b299 ;background:#4a3f39; padding:5px 15px 5px 15px; float: left;}
.traditon li a {color:#c7b299 ;background:#4a3f39;}
.traditon li a:hover{color:#ec402d;}

/*������ */
table.gallery {height:auto; border-collapse: collapse;}
table.gallery th{font-weight: normal; padding:0 100px 0 100px; vertical-align:top;}
table.gallery td {vertical-align:top; text-align: left;}
table.gallery li {list-style: none;}

/*Space Bold font-color */
.bold {font-weight:bold;}
.top5 {padding-top:5px;}
.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top50 {padding-top:55px;}
.dopan{padding-top:465px;;}
.left20{padding-left:20px;}
.right20{padding-right:20px;}
.red {color:#ed1c24; }
.green {color:#406618; }

/* ����: */
.img-circle {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.left-circle {
	-moz-top-left-border-radius: 5px;
	-khtml-top-left-border-radius: 5px;
	-webkit-top-left-border-radius: 5px;
	border-top-left-radius: 5px;
	-moz-bottom-left-border-radius: 5px;
	-khtml-bottom-left-border-radius: 5px;
	-webkit-bottom-left-border-radius: 5px;
	border-bottom-left-radius: 5px;
}
.right-circle {
	-moz-top-right-border-radius: 5px;
	-khtml-top-right-border-radius: 5px;
	-webkit-top-right-border-radius: 5px;
	border-top-right-radius: 5px;
	-moz-bottom-right-border-radius: 5px;
	-khtml-bottom-right-border-radius: 5px;
	-webkit-bottom-right-border-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Footer */
footer {
	clear: both;
	background: url(../img/common/footer_shadow.jpg) no-repeat;
	color:#cab298;
	text-align: center;
	padding: 20px;
}
footer p {vertical-align:top;}