@charset "utf-8";

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: bold;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}


html {height:auto;overflow-y:scroll;}
html,body {min-width:1200px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
}
body, input, textarea, select, table, button {
	color:#666666;
	font-family:'Nanum Gothic',sans-serif;
	font-size:12px;
	box-sizing:border-box;
}
select {padding-left:10px !important}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}

ol, ul, li { list-style:none; }

/* anchor - 지정순서 link, visited, hover, active */
a { text-decoration:none; color:#666666;}
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:none;color:#000000; }

/* 숨김영역 */
#accessibility, #accessibility_footer, .skip, hr, legend {
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
caption { display:none; }

/* skipNavi*/
#skipNavi{display:block;height:0; }
#skipNavi a{display:block; position:absolute; top:-500px; left:0; overflow:hidden; width:100%; z-index:1000000000000; font-weight:bold;}
#skipNavi a:active, #skipNavi a:focus{position:absolute;top:0; left:0; display:block;width:100%; height:30px; line-height:30px;background:#222; color:#fff; font-size:1.3em; text-align:center;}

/* ie6에서 이미지 공백 0으로 조절 */
img {
	border:0;
	margin:0;
	padding:0;
}

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img {vertical-align: middle; }

/* ie6 png 파일 투명처리 */
.png24 { tmp:expression(setPng24(this)); }

/* table caption 숨김*/
table caption { display:none; }
table {border-collapse:collapse; border-spacing:0;}
.clearFix{*zoom:1;*display:block;}
.clearFix:after{content:"";display:block;clear:both;}

.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.at {vertical-align:top;}
.ab {vertical-align:bottom;}
.am {vertical-align:middle !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.u {text-decoration: underline !important;}
.underline {border-bottom:1px solid #000;display:inline-block; padding-bottom:4px;}



/* font-size */
.fs00 {font-size:0px;line-height:0px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}

.f_spac1 {letter-spacing:-1px;}
.f_spac2 {letter-spacing:-2px;}

/* 폰트기본컬러 */
.bla {color:#000000;}
.whi {color:#ffffff;}
.red {color:#ff0e0e;}
.blue {color:#2b8af4;}

/* line-height */
.ln14 {line-height:14px;}
.ln16 {line-height:16px;}
.ln18 {line-height:18px;}
.ln20 {line-height:20px;}
.ln22 {line-height:22px;}
.ln24 {line-height:24px;}


/* margin */
.mt05 {margin-top:5px;}
.mt08 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}

.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb08 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}

.ml05 {margin-left:5px;}
.ml08 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}


.mr05 {margin-right:5px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr80 {margin-right:80px;}

/* padding */
.pl03 {text-align:left; padding-left:3px;}
.pl05 {text-align:left; padding-left:5px;}
.pl10 {text-align:left; padding-left:10px;}
.pl15 {text-align:left; padding-left:15px;}
.pl20 {text-align:left; padding-left:20px;}
.pl25 {text-align:left; padding-left:25px;}
.pl30 {text-align:left; padding-left:30px;}


.pr03 {text-align:right; padding-right:3px;}
.pr05 {text-align:right; padding-right:5px;}
.pr10 {text-align:right; padding-right:10px !important;}
.pr15 {text-align:right; padding-right:15px !important;}
.pr20 {text-align:right; padding-right:20px !important;}
.pr25 {text-align:right; padding-right:25px;}
.pr30 {text-align:right; padding-right:30px;}

.pt01  {vertical-align:top; padding-top:1px;}
.pt02  {vertical-align:top; padding-top:2px;}
.pt03  {vertical-align:top; padding-top:3px;}
.pt04  {vertical-align:top; padding-top:4px;}
.pt05  {vertical-align:top; padding-top:5px;}
.pt06  {vertical-align:top; padding-top:6px;}
.pt07  {vertical-align:top; padding-top:7px;}
.pt08  {vertical-align:top; padding-top:8px;}
.pt09  {vertical-align:top; padding-top:9px;}
.pt10  {vertical-align:top; padding-top:10px;}
.pt11  {vertical-align:top; padding-top:11px;}
.pt12  {vertical-align:top; padding-top:12px;}
.pt13  {vertical-align:top; padding-top:13px;}
.pt14  {vertical-align:top; padding-top:14px;}
.pt15  {vertical-align:top; padding-top:15px;}
.pt20  {vertical-align:top; padding-top:20px;}
.pt25  {vertical-align:top; padding-top:25px;}
.pt30  {vertical-align:top; padding-top:30px;}
.pt40  {vertical-align:top; padding-top:40px;}
.pt50  {vertical-align:top; padding-top:50px;}

.pb01  { padding-bottom:1px;}
.pb02  { padding-bottom:2px;}
.pb03  { padding-bottom:3px;}
.pb04  { padding-bottom:4px;}
.pb05  { padding-bottom:5px;}
.pb06  { padding-bottom:6px;}
.pb07  { padding-bottom:7px;}
.pb08  { padding-bottom:8px;}
.pb09  { padding-bottom:9px;}
.pb10  { padding-bottom:10px;}
.pb11  { padding-bottom:11px;}
.pb12  { padding-bottom:12px;}
.pb13  { padding-bottom:13px;}
.pb14  { padding-bottom:14px;}
.pb15  { padding-bottom:15px;}
.pb20  { padding-bottom:20px;}
.pb30  { padding-bottom:30px;}
.pb40  { padding-bottom:40px;}
.pb50  { padding-bottom:50px;}