@charset "utf-8";
* {
	font-family: 'Noto Sans KR', sans-serif;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

html, body {
	font-size:14px;
}

a,
a:hover,
a:active,
a:focus {
	color:inherit;
	text-decoration: none;
}
.cpage {
	clear: both;
    position: relative;
    overflow: visible;
    width: 100%;
    height: auto;
    font-size: 0;
}

.cpage .TRAN{
	/*opacity:0;*/
	transition:all 1s;
	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;
}

/* 마우스포인터 변경 */
.cursor,.cursor2,.cursor3{position: fixed;border-radius: 50%;	transform: translateX(-50%) translateY(-50%);pointer-events: none;left: -100px;top: 50%}
.cursor{background-color: #fff;height: 0;width: 0;z-index: 99999;}
.cursor2,.cursor3{height: 36px;width: 36px;z-index:99998;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.cursor2.hover,.cursor3.hover{-webkit-transform:scale(2) translateX(-25%) translateY(-25%);transform:scale(2) translateX(-25%) translateY(-25%);border:none;}
.cursor2{border: 2px solid #fff;box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.cursor2.hover{background: rgba(255,255,255,.1);box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);}
.scale-up .cursor2,.scale-up .cursor3{opacity: 0;}
.cursor-dark .cursor2,.cursor-dark .cursor3{border: 2px solid #4b4d64;box-shadow: 0 0 14px rgba(75, 77, 100, 0.3);}
.cursor-dark .cursor2.hover,.cursor-dark .cursor3.hover{background: rgba(75, 77, 100, 0.3);border: none;box-shadow: 0 0 14px rgba(75, 77, 100, 0.2);}
.video-cursor .cursor2.hover,.video-cursor .cursor3.hover{opacity: 0;}
@media (max-width: 820px){
	.cursor,.cursor2,.cursor3{display: none}
}