@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Playfair+Display:400i|Montserrat:400,600');
@import url(bootstrap.min.css);
@import url(animate.css);
@import url(_common.css);
/*
font-family: 'Abril Fatface', cursive;
font-family: 'Playfair Display', serif;
font-family: 'Montserrat', sans-serif;
*/

/* 기본설정 */
* {
  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,iframe,iframe *{
	/*font-family: 'Noto Sans Kr', sans-serif;*/
	font-family: 'Malgun Gothic';
}
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;
}
/* 슬라이더 */
.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;
}
/* 페이드 슬라이더 */
.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;
}
/* 중앙에 오게 하는데 내용 넘치면 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 0.7s;
	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;}