@charset "utf-8";

/* reset*/
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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	border:0;
	margin:0;
	padding:0;
}



@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	src: url('./../font/Pretendard-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

button, input, optgroup, select, textarea {font-family: 'Pretendard' !important; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
table {width:100%; padding:0;margin:0;border-collapse:collapse;border-spacing:0;}
/*table caption {width: 0; height: 0; text-indent: -9999px;}*/
table caption {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	text-indent: -9999px;
	border: 0;
}
em,address {font-style: normal;}
a {text-decoration:none;color:inherit;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a img {border:none;}
button,input[type=submit] {cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea,button {border-radius:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
pre,
textarea,
input,
select,
pre {white-space:pre-wrap;}
input, button, select, textarea, div {box-sizing:border-box;}
input[type=text],
input[type=search],
input[type=tel],
input[type=email],
input[type=password],
input[type=file],
textarea,
select {border:0;}
input[type=radio], input[type=checkbox] {display: none;}
body {
    font-family: 'Pretendard';
    font-weight: 400;
	font-size:16px;
	color:#000;
	margin:0;
	padding:0;
	position:relative;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input::placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder {color:#b2b2b2;}
input:-ms-input-placeholder {color:#b2b2b2;}
textarea::placeholder {color:#b2b2b2;}
textarea::-webkit-input-placeholder {color:#b2b2b2;}
textarea:-ms-input-placeholder {color:#b2b2b2;}
.inner_full{position: relative; width: 100%;}
.inner{position: relative; max-width: 928px; margin:0 auto}
.inner_popup{ height: 100%; margin:0 auto;}
.slick-slider{height: 100%;}
.slick-slide{height: 100%;}
.slick-list{height: 100%;}
.slick-track{height: 100%;}
.slide_inner{position: relative; max-width: 1057px; margin:0 auto}
.blind {overflow:hidden;position:absolute;top:auto;left:-9999px;width:1px;height:1px;text-indent:-9999px;}
.blind2 {display: block; overflow: hidden; position: relative; z-index: -1;height: 1px;width: 1px;border: 0;clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);word-break: initial; word-wrap: initial;}
.block{display: block;}
.popular_festival_effect {
    animation: motion 0.5s linear 0s infinite alternate; margin-top: 0;
	-webkit-animation: motion 0.5s linear 0s infinite alternate; margin-top: 0;
}
.popular_festival_effect2 {
    animation: motion2 0.5s linear 0s infinite alternate; 
	-webkit-animation: motion2 0.5s linear 0s infinite alternate;
}

@keyframes motion2 {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
	@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}
	@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
	} 
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}
@keyframes spin {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}
@keyframes upDown {
	0% {
		opacity: 0.8;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.8;
		transform:  translateY(-5px);
	}
}
        
@keyframes motion {
	0% {margin-top: -5px;}
	100% {margin-top: 5px;}
}

@-webkit-keyframes motion {
	0% {margin-top: -5px;}
	100% {margin-top: 5px;}
}
/* slideUp */
.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}
@keyframes slideUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}			
	100% {
		opacity: 1;
		transform: none;
	}	
}
/* @-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(10%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
} */
/* slideUp */

/* slideDown */
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
		
	100% {
		transform: translateY(0%);
	}		
}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
		
	100% {
		-webkit-transform: translateY(0%);
	}	
}
/* slideDown */