@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
/* 기본설정 */
* {
	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{
	font-size: 13px; line-height: 20px; letter-spacing: -0.03em; color: #888;
	background: #f4f4f4;
}
html,body,iframe,iframe *{
	font-family: 'Nanum Myeongjo','맑은 고딕', 'Malgun Gothic','Nanum Gothic', sans-serif;
	font-weight: 300;
}
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;}
/* html5 전체화면시 */
:-webkit-full-screen {
  background: #ffffff;
}

:-moz-full-screen {
  background: #ffffff;
}

:-ms-fullscreen {
  background: #ffffff;
}

:full-screen { /*pre-spec */
  background: #ffffff;
}

:fullscreen { /* spec */
  background: #ffffff;
}
/* 페이지 레이아웃 */
.cpage{
	clear:both;position:relative;overflow:visible;
	width:100%;height:auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
/* 페이드 슬라이더 */
.fadeSlider{
	position:relative;
	height:100%;
}
.fadeSlider li{
	display:none;
	position:absolute;left:0;top:0;z-index:1;
	height:100%;width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 가변높이 슬라이더 */
.autoHslider{
	font-size:0px;
	white-space:nowrap;word-break:break-all;
}
.autoHslider li{
	display:inline-block !important;position:static !important;
	white-space:normal;word-break:normal;
	vertical-align:top;margin-left:-100%;
	width:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.autoHslider li:first-child{margin-left:0;}
/* 슬라이더 */
.widthSlider{
	width:100%;height:100%;
	font-size:0px;
	white-space:nowrap;word-break:break-all;
}
.widthSlider li{
	white-space:normal;word-break:normal;
	position:relative;
	display:inline-block;*display:inline;_display:inline;
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 중앙에 오게 하는데 내용 넘치면 scroll (dl,dt) */
.tableCssScroll{
	overflow:auto;
	position:fixed; z-index:1010;
	width:100%;height:100%;
}
.tableCss{
	display:table;
	width:100%;height:100%;
}
.tableCss dt{
	display:table-cell;vertical-align:middle;text-align:center;
	width:100%;height:100%;
}
/* 이미지 로더를 위한것. */
.loader{
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	transform-origin: 50% 50%; 
}
/* 애니메이션 주기 */
.cpage .TRAN{
	opacity:0;transition:all 1.3s;
	transition-property:transform, opacity;
}
.ANI .TRAN{
	transform:translateX(0px) translateY(0px) scale(1) !important;
	opacity: 1.0 !important;
}
/* 위치잡기 */
.cpage .Valign{top:0;bottom:0;position:absolute;z-index:5;margin-top:auto;margin-bottom:auto;}
.cpage .Halign{left:0;right:0;position:absolute;z-index:5;margin-left:auto;margin-right:auto;}
.cpage .float{position:absolute;z-index:5;}