@charset "utf-8";
body {
	/*-ms-overflow-style: none;*/
	overflow: auto;
}
::-webkit-scrollbar {
	display: none;
}

* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html,body{
	line-height: 1; color: #222;
	outline: none;
}
html,body,iframe,iframe * {
	font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic','Nanum Gothic', sans-serif;
	font-weight: normal;
}
ul, ol {
	list-style: none;
	padding:0;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
  cursor:Pointer;
}


table {
	border-collapse:collapse;
}
img{vertical-align:middle;}
b{font-weight:bold;}


.cpage {
	clear:both;position:relative;
	width:100%;height:auto;
	margin: auto;
	background-repeat:no-repeat;
	background-position:center center;
	font-size: 0;
	overflow: hidden;
}

.cpage .TRAN{
	opacity:0;transition:all 1.5s;
	transition-property:transform, opacity;
}
.ANI .TRAN{
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}

.clearfix:before {
	display:table;
	content:' ';
}
.clearfix:after {
	display:table;
	content:' ';
	clear:both;
}

.loader {
	width: 100%; height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}