@charset "utf-8";

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	margin:0px;
	padding:0px;
	}
	
/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }

/* 링크 색상 */
/*a, a:link {
	text-decoration:none;
	outline: none;
	font-weight: normal;margin:0px;
	padding-left:0px;

} 
a:visited {
	text-decoration:none;
}
a:hover {
	color:#663300;
}
a:focus {
	color:#663300;
}
a:active {
	color:#663300;
	text-decoration:none;
} 
*/


body
{
	font-family:"돋움", Dotum, Verdana, AppleGothic, sans-serif;
	font-size:9pt;
	font-variant: lighter;
	letter-spacing: -0.375pt;
	background:#363636;
	word-spacing: 1pt;
	//color: #333;
	line-height: 1.5em;
}

#wrapper{
	background:white;
}

#header {
	background:url("/images/common/header_bg.png") repeat-x;
}
.headerInner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

#footer {
	position:relative;
  	background:#363636;
}

.footerInner {
	position:relative;
	width:1000px;
	margin:0 auto; 
} 

#box{
	clear:both;
  	background:white;
}

#bottomContents
{
	width:1000px;
	margin:0 auto;
	//background :yellow;
}

#noticeBox
{
	position : relative;
	width : 333px;
	//margin : 10px;
	height : 200px;
}
#noticeBox ul
{
	position:absolute;
	top:30px;
}


#noticeBox ul li{
	position : relative;
	padding:5px 0 4px 10px;
	background : url(/images/main/bullet_list.gif) no-repeat 2px 12px;
	display:block;
	//background:black;
}

#noticeBox h3
{
	position:absolute;
	top:0;
	margin-bottom:-28px;
	solid #e3e3e3;
}


#agreebox
{
	clear:both;
	overflow:auto;
	margin-top:10px;
	padding:10px;
	width:700px;
	min-height:250px;
	border:1px solid #d2d2d2;
}

#privacy
{
	overflow:auto;
	margin-top:30px;
	padding:10px;
	height : 430px;
	border:1px solid #d2d2d2;
}
#main { 
	background:black;
}

#contentsWrap {background:white; margin-bottom:30px;}
#contents{position:relative; width:1000px; margin:0 auto;}
#sideWrap {float : left;position : relative;}
#rightContents {
	float : right;
	padding-right:25px;
	width:700px;
	margin-top:24px;
}

#rightContents #contentsTitle
{
	float:left;
	margin-bottom:10px;
}
#rightContents #path
{
	float:right;
}

#rightContents .subTxt
{
	position : relative;
	clear:both;
	margin-bottom:20px;
}

#rightContents .subTxt img
{
	margin :10px 10.6px 0 0;;
}

#rightContents .subTxt .btn  img
{
	margin : 0;
	direction :rtl;
}

#rightContents .subTxt .btn
{
	text-align : right;
}

#close
{
	clear:both;
}

.footerInner {
	position:relative;
	width:1000px;
	margin:0 auto; 
} 

.mainInner {
	position:relative;
	width:1000px;
	margin:0 auto;
}

.btn a img { display:inline;}
.btn a img.over {display:none;}
.btn a:hover {position:relative;}
.btn a:hover img {display : none;}
.btn a:hover img.over {display : inline;}