/************************************
	css/main.css
*************************************/

/* 풀페이지 좌우슬라이드 버튼 */
.fp-controlArrow {
	bottom						: 0.5vh;
}

.fp-controlArrow.fp-prev {
	right						: calc(5vw + 61px);
}

.fp-controlArrow.fp-next {
	right						: 5vw;
}

/* 1p */
#mainSlogan0 {
	position					: absolute;
	top							: 50%;
	left						: calc(50% + 117.5px);
	transform					: translate(-50%, -50%);
	-webkit-transform			: translate(-50%, -50%);
	width						: 0;
	height						: 0;
	animation					: mainLogo 2s linear forwards;
}

@keyframes mainLogo {
	0%{
		width					: 0;
		height					: 0;
	}
	100%{
		width					: 294px;
		height					: 321px;
	}
}

/* 3,4p common */
.mainWrap {
	width					: calc(100% - 235px);
	height					: 100%;
	margin-left				: 235px;
}

.mainWrapTitle {
	width					: 100%;
	height					: 30vh;
	background-color		: #f6f6f6;
}

.mainWrapTitle p {
	font-size				: 56px;
	color					: #545454;
	text-align				: center;
	font-family				: 'Times New Roman', Times, serif;
	height					: 10vh;
	padding-top				: 10vh;
	position				: relative;
}

.mainWrapTitle p:after {
	content					: '';
	position				: absolute;
	bottom					: 0;
	left					: 50%;
	transform				: translateX(-50%);
	width					: 20%;
	height					: 1px;
	background-color		: #c5c5c5;
}

/* 3p */
#roomPreSlideWrap {
	width					: 100%;
	height					: 70vh;
	background-color		: #f6f6f6;
}

#roomPreSlide {
	width					: 72vw;
	margin					: 0 auto;
	position				: relative;
}

.roomPreBox {
	width					: 22vw;
	height					: 22vw;
	margin-right			: 1.5vw;
	position				: relative;
	overflow				: hidden;
	box-shadow				: 3px 10px 5px #c5c5c5;
	box-sizing				: border-box;
}

.roomPreBox img {
	width					: 100%;
	height					: 100%;
}

.roomPreEx {
	width					: 100%;
	height					: 100%;
	background-color		: rgba(40, 54, 80, 0.9);
	position				: absolute;
	top						: 85%;
	left					: 0;
}

.roomName {
	width					: 100%;
	height					: 10%;
	line-height				: 3;
	box-sizing				: border-box;
	padding-left			: 2vw;
	color					: #fff;
	font-size				: 1vw;
}

.roomName img {
	width					: auto;
	height					: auto;
	display					: inline-block;
	position				: relative;
	top						: 0.15vw;
	left					: 3px;
}

.roomDetatail {
	padding					: 5% 0 0 2vw;
	box-sizing				: border-box;
}

.roomDetatail p {
	font-size				: 14px;
	color					: #eebe69;
}

.roomDetatailGo {
	padding-top				: 5%;
}

.roomDetatailGo p {
	display				: inline-block;
}

.roomDetatailGo img {
	display					: inline-block;
	width					: auto;
	height					: auto;
	padding-left			: 0.7vw;
}

.slick-arrow {
	position				: absolute;
	top: 50%;
	transform				: translateY(-50%);
	font-size				: 0;
	background-color		: transparent;
	border					: 0;
	width					: 29px;
	height					: 56px;
	cursor					: pointer;
}

.slick-arrow:focus {
	outline					: none;
}

.slick-prev:after {
	content					: '';
	position				: absolute;
	cursor					: pointer;
	top						: 0;
	left					: 0;
	width					: 29px;
	height					: 56px;
	background				: url(/images/common/icon/leftArrow02.png);
}

.slick-prev {
	left					: -2vw;
}

.slick-next {
	right					: -2vw;
}

.slick-next:after {
	content					: '';
	position				: absolute;
	cursor					: pointer;
	top						: 0;
	left					: 0;
	width					: 29px;
	height					: 56px;
	background				: url(/images/common/icon/rightArrow02.png);
}


/* 4p */
#aboutPreBg {
	width					: 100%;
	height					: 50vh;
	position				: relative;
	overflow				: hidden;
}

#aboutPreBg img {
	position				: absolute;
	width					: 101%;
	min-height				: 100%;
	top						: 50%;
	left					: 50%;
	transform				: translate(-50%, -50%);
}

#aboutPreUl {
	width					: 100%;
	height					: 20vh;
	display					: flex;
	justify-content			: space-between;
	overflow				: hidden;
}

#aboutPreUl li {
	width					: 33.2%;
	height					: 100%;
	position				: relative;
}

#aboutPreUl li img {
	width					: 100%;
	height					: 100%;
}

#aboutPreUl li p {
	position				: absolute;
	top						: 50%;
	left					: 50%;
	transform				: translate(-50%, -50%);
	color					: #fff;
	font-size				: 18px;
	font-weight				: bold;
	text-align				: center;
}

#aboutPreUl li span {
	font-size				: 16px;
	font-weight				: normal;
}