@charset "utf-8";

/* reset.css */
/* 모든 요소 공간 0, 서체 크기 100%, 세로정렬 baseline, 배경색 투명 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead  {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:150%;
	background: transparent;
}

/* skipNav 설정 */
#skipNav {
	position:absolute;
    height:1px;
    overflow:hidden;
    top:0;
    left:0;
    right:0;
    line-height:47px;
    text-align:center;
    z-index:3;
}

/* HTML5 새 요소 초기화 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

/* fant-face */


/* 본문 기본 설정, 리스트 블릿 제거, 인용 구문 제거 */
body { 
	font: 12px/1.5 helvetica, "나눔고딕", "NanumGothic", 돋움, Dotum, Sans-Serief; 
	color: #000; 	
	}
	/* 영문 설정 */
	/* .lang-en, :lang(en) { font: 12px/1.5 "Helvetica Neue", Helvetica, Verdana, Arial, Sans-Serief; } */
	
/* 목록 및 인용 */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* hr 제거 */
hr { display: none; }

/* img를 포함한 a요소의 보더, 패딩 초기화 설정 */
a img {
	border: 0; 
	padding: 0;
}


/* 테이블 설정 */
table {
	width: 100%;
	margin: 0;	
	padding: 0;
	border-collapse:collapse;
	border-spacing: 0;
	table-layout: fixed;
}
th, td { 
	margin: 0;	
	padding: 0;
	vertical-align: baseline;
	text-align: left; 	
}
caption { display:none;}

/* input 타입 설정 */
input,select { vertical-align:middle;font-family:inherit;}

legend {display:none;}

a {text-decoration:none; color:#000;}

textarea {
	font-family:inherit;
	font-size:inherit;
}

/* position 관련 */
.pr {position:relative;}
.pa {position:absolute;}

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

/* vertical-align */
.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb { vertical-align:bottom !important;}

/* float */
.fl { float:left !important;}
.fr { float:right !important;}
.fn { float:none !important;}
.cb { clear:both !important;}
.clearfix:after {
	content:"";
	display:block; 	
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {display:inline-block;}
*html .clearfix {height:1%;}
.clearfix {display:block;}

/* display */
.di { display:inline !important;}
.dib { display:inline-block !important;}
.db { display:block !important;}
.dn { display:none !important;}
.dtc { display:table-cell;}


/* 공백 정의  */

/* margin, padding total*/
.m0 {margin:0 !important;}
.p0 {padding:0 !important;}
.m10 {margin:10px !important;}

/* margin-top */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt22{margin-top:22px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}

/* margin-bottom */
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb18{margin-bottom:18px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}

/* margin-right */
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}

/* margin-left */
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml18{margin-left:18px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml-5{margin-left:-5px !important;}

/* padding-top */
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}

/* padding-bottom */
.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}

/* padding-left */
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}

/* padding-right */
.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}