@charset 'utf-8';
body {
	-ms-overflow-style: none;
	overflow: auto;
}

::-webkit-scrollbar {
	display: none;
}


/* 미리보기 상단 */
.previewTop {
	position: relative;
	width: 100%; height: 440px;
	margin: auto;
	text-align: center;
	overflow: hidden;
}

.previewTop .loader:after {
	content:'';
	position:absolute;
	width:100%; height:100%;
	top:0; right:0; bottom:0; left:0;
	background-color:rgba(0, 0, 0, 0.3);
}


.previewTop .slogan {
	position: absolute;
	top: 50%; right: 0; left: 0;
	margin: auto;
	color: #fff;
	text-align: center;
	transform: translateY(-50%);
}
.previewTop .slogan .eng {

	font-family:"Shrikhand",sans-serif;

font-size:50px;

font-weight:400;

font-style:normal;

line-height:50px;

letter-spacing:4px;

color:rgba(255,255,255,1);

text-shadow:rgba(0,0,0,0.4) 0px 2px 2px;

background-color:rgba(0,0,0,0);

padding:0;

margin:0;



	text-transform: capitalize;
}
.previewTop .slogan .txt {

	font-family:"Noto Sans KR",sans-serif;

font-size:20px;

font-weight:400;

font-style:normal;

line-height:20px;

letter-spacing:0px;

color:rgba(255,255,255,1);

text-shadow:rgba(0,0,0,0.4) 0px 2px 2px;

background-color:rgba(0,0,0,0);

padding:0;

margin:14px 0px 0px 0px;



	transform: translateY(-10%);
	transition-delay: 0.3s;
}

/* thumbnails */
.thumbnails {
	position: relative;
	overflow: hidden;
}
.thumbnails .loader {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	transform: scale(1);
	transition: transform 0.35s;
}
.thumbnails:hover .loader,
a:hover .thumbnails .loader {
	transform: scale(1.1);
}





@media ( max-width: 1024px ) {
	.previewTop {
		height: 40vw;
		margin-top: 50px;
	}

	.previewTop .slogan .eng {
font-size:30px;
line-height:30px;
}

	.previewTop .slogan .txt {
font-size:14px;
margin:4px 0 0 0;
}

	.section_title .eng {
		font-size: 25px;
		line-height: 25px;
	}
	.section_title .txt {
		margin: 14px 0 15px;
		font-size: 14px;
	}
	.btn_sub {
		width: 100%;
		height: 40px;
		font-size: 14px;
		line-height: 38px;
	}
	.btn_sub::after {
		height: 40px;
	}
}













.facs {
	margin: 120px 0 50px;
	font-size: 0;
	overflow: hidden;
}

.facs_wrap {
	max-width: 1400px;
	margin: auto;
}

.facs_wrap a {
	display: inline-block;
	width: calc(50% - 20px);
	margin-bottom: 55px;
	vertical-align: top;
}
.facs_wrap a:nth-child(odd) {
	margin-right: 20px;
}
.facs_wrap a:nth-child(even) {
	margin-left: 20px;
}

.facs_wrap a .thumbnails {
	height: 19.3vw;
}

.facs_wrap a .info {
	padding: 15px 0;
	text-align: left;
}

.facs_wrap a .info .eng {
	font-family:"Raleway",sans-serif;

font-size:24px;

font-weight:700;

font-style:normal;

line-height:24px;

letter-spacing:0px;

color:rgba(91,119,107,1);

text-shadow:none;

background-color:rgba(0,0,0,0);

padding:0;

margin:0;


	text-transform: uppercase;
}
.facs_wrap a .info .name {
	font-family:"Noto Sans KR",sans-serif;

font-size:16px;

font-weight:400;

font-style:normal;

line-height:16px;

letter-spacing:0px;

color:rgba(89,89,89,1);

text-shadow:none;

background-color:rgba(0,0,0,0);

padding:0;

margin:10px 0px 0px 0px;


}


@media ( max-width: 1417px ) {
	.facs_wrap {
		max-width: calc(100% - 60px);
	}
}



@media ( max-width: 1024px ) {
	.facs {
		margin: 50px 0 30px;
	}
	.facs_wrap {
		max-width: calc(100% - 30px);
	}
	.facs_wrap a {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.facs_wrap a:nth-child(odd) {
		margin-right: 0;
	}
	.facs_wrap a:nth-child(even) {
		margin-left: 0;
	}

	.facs_wrap a .thumbnails {
		height: 52vw;
		max-height: 380px;
	}
	.facs_wrap a .info {
		padding: 15px 10px;
		text-align: center;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

	.facs_wrap a .info .eng {
font-size:16px;
font-size:22px;
line-height:19px;
}

	/*
	.facs_wrap a .info .eng {
	}
	*/


	.facs_wrap a .info .name {
font-size:14px;
}

	/*
	.facs_wrap a .info .name {
	}
	*/

}