/* -- 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, dl, dt, dd, img, form, textarea, blockquote{
	margin:0; padding:0; border:0;
	font-family: GraublauWeb, Verdana, Sans-Serif, 'nanumgothic';
	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;
}

.list li {list-style-type: none;}

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:#fff;
	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: #fff;
	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:3px;
	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: 359px;
}
section {
	float: right;
	width: 484px;
	height:627px;
}

article {padding: 10px 15px 10px 15px;}
article#listview {float:right; width: 280px;}

aside{float: left;padding: 10px 0 10px 15px;width: 159px; height: 500px;}

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

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

/* 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;}