/* 공통 */
body{
	margin:0;
	padding:0;
	text-align:left;
}
#skipNav{position:absolute; top:0; top:-1000%}
#skipNav a{display:block; height:1px; width:1px; overflow:hidden;}
#skipNav a:focus, #skipNav a:active{height:auto; width:100%;}

body, select, input, textarea {
	font-size:13px;
	font-family:Arial, sans-serif;
	color:#333333;
}

a:link {color:#222222; text-decoration:none;}
a:visited {color:#222222; text-decoration:none;}
a:active {color:#222222; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a,label{cursor:pointer;}
html, body {
	width:100%;	
}

form {margin:0; padding:0;}
label.first {margin-right:10px;}
label.none {display:none;}

h1, h2 ,h3 ,h4 ,h5 ,h6 { margin:0; padding:0;}

div, p, ul, ol, pre, dl, dt, dd, P {margin:0;}

ol, ul, fieldset, a img {
	margin:0;
	padding:0;
	border:none;
}

ol li,
ul li,
li ul li {
	list-style:none;
	padding:0;
	line-height:1.5em;
}

hr, legend, caption, .none {display:none !important;}

img {vertical-align:middle;}

.cursor{cursor:pointer;}

.clear {
	display:block;
	float:none;
	clear:both;
	height:0;
	width:0;
	font-size:0 !important;
	line-height:0 !important;
	overflow:hidden;
	margin:0;
	padding:0 ! important;
}
body{
	font-family: Arial, sans-serif;
	width:100%;
	height:100%;
}

#header_wrap{
	position:relative;
	height:122px;
	background:url(../img/index/header_b.gif) repeat-x;
}
.header{
	margin:0 auto;
	width:1000px;
	position:relative;
}
.header .logo{
	position:absolute;
	top:26px;
	left:414px;
}
.header .logo a{
	display:block;
	background:url(../img/index/logo.gif) no-repeat;
	text-indent:-9999px;
	width:171px;
	height:37px;
}
.header .top_navi{
	position:absolute;
	right:9px;
	top:53px;
}
.header .top_navi li{
	float:left;
	margin-right:8px;
}
.header .top_navi li a{
	font-size:11px;
	background:url(../img/index/top_01.gif) 0 50% no-repeat;
	color:#808080;
	padding-left:9px;
}
.header .top_navi li.first a{
	background:none;
}
.header .top_navi li a:hover{
	color:#333333;
}
.header .top_navi li.end{
	margin:0;
}
.header #navi{
	position:absolute;
	top:88px;
	background:url(../img/index/navi_b.gif) no-repeat;
	height:26px;
	width:1000px;
	padding-top:8px;
}
.header #navi li{
	float:left;
}
.header #navi li.nav01{
	margin-left:148px;
}
.header #navi li.nav01 span,
.header #navi li.nav02 span,
.header #navi li.nav03 span,
.header #navi li.nav04 span{
	display:inline-block;
	width:1px;
	height:13px;
	background:url(../img/index/navi_bar.gif) no-repeat;
	margin:0 50px 0 53px;
}
.header #navi li.nav02 span{
	margin:0 50px 0 48px;
}
.header #navi li.nav03 span{
	margin:0 55px 0 47px;
}
.header #navi li.nav04 span{
	margin:0 54px 0 48px;
}
.header #navi li a{
	color:#fff;
	font-size:16px;
}
.header #navi li a:hover{
	color:#e3c3f6;
}
#footer_wrap{
	position:relative;
	background:url(../img/index/footer_b.gif) repeat-x;
	height:222px;
}
.footer{
	width:1000px;
	margin:0 auto;
}
.footer dl{
	float:left;
	width:154px;
	border-right:1px solid #e2e2e2;
	height:150px;
}
.footer dt{
	color:#606970;
	font-weight:bold;
	padding:20px 0 5px;
}
.footer dd{
	line-height:18px;
}
.footer dd a{
	color:#606970;
}
.footer dd a:hover{
	text-decoration:underline;
}
.footer dl.product-f, .footer dl.contact-f{
	border:none;
	width:160px;
	padding-left:42px;
}
.footer dl.product-f02{
	width:117px;
}
.footer dl.media-f{
	width:123px;
	padding-left:43px;
}
.footer dl.support-f{
	padding-left:40px;
	width:160px;
}
.footer dl.contact-f{
	padding-left:39px;
	width:100px;
}
.footer .copy{
	float:left;
	width:1000px;
	color:#b7b7b7;
	line-height:18px;
	padding-top:22px;
	height:49px;
}
.footer .copy span{
	display:block;
	font-size:11px;
	font-weight:bold;
}