@import url(n_gothic.css);
@charset "utf-8";
/* CSS Document */

html, body {
	position:relative;
	color: #333333;
	font-size:13px; font-family: 'Nanum Gothic';
	background-size:100% auto;
}
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, input, blockquote, th, td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea { margin:0; padding:0; }

strong, b, th {
   font-family: 'Nanum Gothic Bold';
   font-weight:normal;
}

button { cursor:pointer; }
ol,ul,dl { list-style:none; }
fieldset,img { border:0 none; margin:0; padding:0; }
input,select, button{
	vertical-align:middle;
	color:#333333;
}
textarea {
	overflow:auto;
	vertical-align:top;
}
label { cursor:pointer; }
table { border-collapse: collapse; border-spacing:0; }

a { text-decoration:none; cursor:pointer; color:#343838; }
a:hover {color:inherit;}

section, article, aside, hgroup, header, footer, nav, figure, figcaption, time, mark, canvas, video, audio, details, summary { display:block; }

.skipnavi, .none { font-size:0; line-height:0; display:none; }
#skipNavi  {position: absolute; left: 50%; top: 0px; width: 200px; height: 0; margin-left:-480px; z-index:999;}
#skipNavi li {height: 0; margin: 0; padding: 0;}
#skipNavi a {display: block; overflow: hidden; height: 0; padding: 0 10px; font-weight:bold; color: #666; text-align: center; font-size:0.92em; letter-spacing:-0.1em;}
#skipNavi a:hover,
#skipNavi a:focus,
#skipNavi a:active {
	border:1px solid #ccc; 
	background:white; 
	width:139px; 
	padding:2px 0 3px 0; 
	height: auto; 
	font-family: 'Nanum Gothic Bold';
}

.clear { clear:both; height:0; overflow:hidden; }

.fl { float:left;}
.fr { float:right; }
.fn { float:none; clear: both; }

.tl { text-align:left !important; }
.tr { text-align:right !important; }
.tc { text-align:center !important; }

.vt { vertical-align:top; }
.vm { vertical-align:middle; }
.vb { vertical-align:bottom; }


.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }

.fs_05 {letter-spacing:-0.5px;}

.sns_show {display:block;}
.sns_hide {display:none;}


.menu a{cursor:pointer;}
.menu .hide{display:none;}

.cf:after{display:block; content:""; clear:both;}

/* -_- */
#wrap { width:100%; }