@charset "utf-8";

/* /// main common /// */
#main section{padding:105px 0 120px;}
.main_top{text-align:center;}
.main_top h3{
	font-size:36px;
	font-weight:900;
	line-height:1.2;
	color:#2d2d2d;
	text-transform:uppercase;
}
.main_top + *{margin-top:60px;}
.main_top.blind + *{margin-top:0;}
#main .slick-slide{outline:none;}
#main .slick-arrow{
	position:absolute;
	top:calc(50% - 39px);
	font-size:0;
	width:40px;
	height:78px;
	background-position:center;
	background-repeat:no-repeat;
	z-index:10;
}
#main .slick-arrow.slick-next{
	background-image:url('../img/btn/slide_next.png');
}
#main .slick-arrow.slick-prev{
	background-image:url('../img/btn/slide_prev.png');
}
#main .slick-dots{
	position:absolute;
	text-align:center;
	width:100%;
}
#main .slick-dots li{
	margin:0 1px 0 5px;
	display:inline-block;
}
#main .slick-dots li button{
	display:block;
	width:12px;
	height:12px;
	border-radius:100%;
	font-size:0;
	background:#b9b9bb;
}
#main .slick-dots li.slick-active button{background:#2d2d2d;}
/* /// main common end /// */

/* /// main visual /// */
.main_visual{
	margin-bottom:-60px;
	position:relative;
}
#main .main_visual .slick-arrow{top:50%;}
#main .main_visual .slick-arrow.slick-prev{
	left:10%;
	background-image: url(../img/btn/slide_prevwb.png);
}
#main .main_visual .slick-arrow.slick-next{ 
	right:10%;
	background-image: url(../img/btn/slide_nextwb.png);
}
.main_visual img.only_web{}
.main_visual img.only_mo{display:none;}
/*.main_visual > img{
	position:absolute;
	top:240px;
	left:calc(50% - 505px);
}
.main_visual > a{
	position:absolute;
	bottom:110px;
	left:calc(50% - 18px);
	display:block;
	width:36px;
	height:60px;
	background:url('../img/btn/scroll.png')no-repeat center / cover;
}*/
/* /// main visual end /// */

/* /// section01 /// */
#main section#section01{
	position:relative;
	padding:0;
	z-index:10;
}
.main_quick{
	margin:0 auto -70px;
	text-align:center;
	box-shadow:0px 20px 20px 0px #eee;
}
.main_quick li{
	margin-left:-4px;
	display:inline-block;
	width:calc(100%/6);
}
.main_quick li:nth-child(1){margin-left:0;}
.main_quick li a{
	padding:85px 0 30px;
	display:block;
	font-size:18px;
	font-weight:500;
	color:#333333;
	line-height:1;
	border-left:1px solid #eeeeee;
	background-color:#fff;
	background-position:center 34px;
	background-repeat:no-repeat;
}
.main_quick li:nth-child(1) a{
	border-left:0;
	background-image:url('../img/ico/main_quick01.png') ;
	background-size:33px;
}
.main_quick li:nth-child(2) a{
	background-image:url('../img/ico/main_quick02.png'); 
	background-size:38px;
}
.main_quick li:nth-child(3) a{
	background-image:url('../img/ico/main_quick03.png') ;
	background-size:39px;
}
.main_quick li:nth-child(4) a{
	background-image:url('../img/ico/main_quick04.png');
	background-size:36px;
}
.main_quick li:nth-child(5) a{
	background-image:url('../img/ico/main_quick05.png');
	background-size:40px;
}
.main_quick li:nth-child(6) a{
	background-image:url('../img/ico/main_quick06.png');
	background-size:20px;
}
.main_quick li a:hover{
	color:#fff;
	background-color:#7e47ef;
	background-position:center 25px;
}
.main_quick li:nth-child(1) a:hover{
	background-image:url('../img/ico/main_hquick01.png');
	background-size:33px;
}
.main_quick li:nth-child(2) a:hover{
	background-image:url('../img/ico/main_hquick02.png');
	background-size:38px;
}
.main_quick li:nth-child(3) a:hover{
	background-image:url('../img/ico/main_hquick03.png');
	background-size:39px;
}
.main_quick li:nth-child(4) a:hover{
	background-image:url('../img/ico/main_hquick04.png');
	background-size:30px;
}
.main_quick li:nth-child(5) a:hover{
	background-image:url('../img/ico/main_hquick05.png');
	background-size:40px;
}
.main_quick li:nth-child(6) a:hover{
	background-image:url('../img/ico/main_hquick06.png');
	background-size:26px;
}
/* /// section01 end /// */

/* /// section02 /// */
#section02{
	padding:255px 0 60px;
	background:#f6f5f8;
}
.main_slide01{
	margin:0 auto;
	max-width:880px;
}
.packag_con{
	padding:95px 0 30px;
	margin-bottom:75px;
	position:relative;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.packag_con.lodgment{background-image:url('../img/main/slide01_1.png');}
.packag_con.day{background-image:url('../img/main/slide01_2.png');}
.packag_con h4{
	font-size:36px;
	font-weight:900;
	color:#7e47ef;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:-1px;
}
.packag_con h5{
	margin-top:25px;
	font-size:70px;
	font-weight:300;
	color:#000;
	line-height:1.1;
	letter-spacing:-2px;
}
.packag_con h5 strong{
	display:block;
	font-weight:600;
	letter-spacing:-1px;
}
.packag_con p{
	margin-top:25px;
	font-size:18px;
	font-weight:350;
	color:#555;
	line-height:1.3;
	letter-spacing:-1px;
}
.packag_list{margin-top:40px;}
.packag_list li{
	margin-left:6px;
	display:inline-block;
	font-size:15px;
	font-weight:500;
	color:#555;
	line-height:1;
	text-align:center;
}
.packag_list li:nth-child(1){margin-left:0;}
.packag_list li img{
	margin-bottom:10px;
	display:block;
}
.more_btn{
	padding:15px 0;
	position:absolute;
	display:block;
	bottom:50px;
	right:0;
	width:70px;
	font-size:40px;
	font-weight:500;
	color:#fff;
	line-height:1;
	text-align:center;
	background:#7e47ef;
}
#main .main_slide01 .slick-arrow.slick-prev{left:-170px;}
#main .main_slide01 .slick-arrow.slick-next{right:-170px;}
/* /// section02 end /// */

/* /// section03 /// */
#main section#section03{padding:0;}
.main_slide02{max-height:31vw;}
#main #section03 .slick-slide img.only_mo{display:none;}
#main #section03 .slick-slide img.only_web{display:block;}
.main_slide02 .slick-dots{bottom:50px;}
#main .main_slide02 .slick-arrow.slick-next{
	right:10%;background-image: url(../img/btn/slide_nextwb.png);
}
#main .main_slide02 .slick-arrow.slick-prev{
	left:10%;background-image: url(../img/btn/slide_prevwb.png);
}
#main #section03 .slick-dots li button{background:rgba(255,255,255,0.3)}
#main #section03 .slick-dots li.slick-active button{background:#fff}
/* /// section03 end /// */

/* /// section04 /// */
#section04{background:#f6f6f6;}
.gallery01{
	clear:both;
	overflow:hidden;
}
.gallery01 li{
	margin-top:30px;
	margin-left:30px;
	position:relative;
	float:left;
	width:calc(100%/3 - 20px);
	overflow:hidden;
}
.gallery01 li:nth-child(3n+1){margin-left:0;}
.gallery01 li:nth-child(1), .gallery01 li:nth-child(2), .gallery01 li:nth-child(3){margin-top:0;}
.gallery01 li img{max-width:100%;max-height:380px;}
.gallery01 li .gallery_linkbox, .mobile_view .gallery_linkbox{
	position:absolute;
	display:table;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:380px;
	text-align:center;
	background:rgba(113,120,255,0.9);
	opacity:0;
}
.gallery01 li:hover .gallery_linkbox, .mobile_view .gallery_linkbox{
	opacity:1;
}
.gallery01 li .gallery_linkbox div, .mobile_view .gallery_linkbox div{
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
.gallery01 li p, .mobile_view .gallery_linkbox p{
	font-size:30px;
	font-weight:600;
	color:#fff;
	line-height:1;
}
.gallery01 li a, .mobile_view .gallery_linkbox a{
	padding-top:70px;
	margin:30px 13.5px 0 17.5px;
	display:inline-block;
	width:60px;
	font-size:15px;
	font-weight:500;
	color:#fff;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:;
}
.gallery01 li a.gallery_detail, .mobile_view .gallery_linkbox a.gallery_detail{background-image:url('../img/ico/icon_detail.png');}
.gallery01 li a.gallery_detail:hover, .mobile_view .gallery_linkbox a.gallery_detail:hover{background-image:url('../img/ico/icon_hdetail.png');}
.gallery01 li a.gallery_ap, .mobile_view .gallery_linkbox a.gallery_ap{background-image:url('../img/ico/icon_app.png');}
.gallery01 li a.gallery_ap:hover, .mobile_view .gallery_linkbox a.gallery_ap:hover{background-image:url('../img/ico/icon_happ.png');}
/* /// section04 end /// */

/* /// section05 /// */
#section05{}
.gallery02{
	margin-right:-20px;}
/*.gallery02 .slick-slide{
	margin-left:20px;
	clear:both;
}*/
.gallery02.only_web{}
.gallery02.only_mo{display:none;}
.gallery02 .slick-slide div{
	margin-left:20px;
	position:relative;
	float:left;
	overflow:hidden;
	width:calc(25% - 20px);
}
.gallery02 .slick-slide div:nth-child(4n+1){margin-left:0;}
.gallery02 .slick-slide div:nth-child(5), .gallery02 .slick-slide div:nth-child(7),
.gallery02 .slick-slide div:nth-child(6), .gallery02 .slick-slide div:nth-child(8){margin-top:20px;}
.gallery02 .slick-slide .gallery_linkbox{
	padding:40px 30px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 60px);
	height:205px;
	background:rgba(0,0,0,0.7);
	color:#fff;
}
.gallery02 .slick-slide div:hover .gallery_linkbox{display:block;}
.gallery02 .slick-slide .gallery_tit{
	padding:45px 0 0;
	font-size:26px;
	font-weight:600;
	line-height:1.1;
	background:url('../img/ico/icon_res.png')no-repeat left top;
}
.gallery02 .slick-slide .cafe .gallery_tit{background:url('../img/ico/icon_cafe.png')no-repeat left top;}
.gallery02 .slick-slide  .gallery_txt,
.gallery02 .slick-slide .gallery_more{
	font-size:15px;
	font-weight:350;
	line-height:1.6;
	letter-spacing:-1px;
}
.gallery02 .slick-slide .gallery_txt{
	margin-top:26px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.gallery02 .slick-slide .gallery_more{
	margin-top:35px;
	padding-bottom:6px;
	display:inline-block;
	line-height:1;
	border-bottom:1px solid #fff;
}
.gallery02 .slick-arrow.slick-next{right:-80px;}
.gallery02 .slick-arrow.slick-prev{left:-100px;}
#main .gallery02 .slick-dots{
	bottom:-70px;
	right:20px;
	width:calc(100% - 20px);
}
/* /// section05 end /// */

/* /// ������ /// */
@media screen and (max-width: 1240px){
	.main_visual > img{
		top:;
		left:calc(50% - 40.75vw);
		width:81.5vw;
	}

	#main .main_slide01 .slick-arrow{display:none !importan}

	.gallery02{margin-right:0;}
	#main .gallery02 .slick-dots{width:100%;}
	#main .slick-arrow{display:none !importan;}
	.gallery01 li .gallery_linkbox, .mobile_view .gallery_linkbox{height:31vw;}
	.gallery02 .slick-slide div{width:calc(50% - 20px);}
	.gallery02 .slick-slide div:nth-child(2n+1){margin-left:0;}
	.gallery02 .slick-slide div:nth-child(3), .gallery02 .slick-slide div:nth-child(4){margin-top:20px;}
	.gallery02 .slick-slide .gallery_linkbox{height:37vw;}


}
@media screen and (max-width: 960px){
	.main_visual, .main_quick{margin:0;}
	.main_visual img.only_web{display:none}
	.main_visual img.only_mo{display:block;}
	/*.main_visual > img{
		top:calc(50% - 14.75vw);
		left:calc(50% - 45.5vw);
		width:91vw;
	}
	.main_visual > a{bottom:20px;}*/
	#main .main_visual .slick-dots{bottom:30px;}
	#main .main_visual .slick-dots li button{background:rgba(255,255,255,0.5);}
	#main .main_visual .slick-dots li.slick-active button{background:#fff;}

	#section01 .container{width:100%;}
	
	.packag_con{
		margin-bottom:20px;
		padding:0 0 89vw;
		background-position: center bottom;
		background-size:75vw;
		text-align:center;
	}
	.packag_con.lodgment{
		background-image: url(../img/main/mslide01_1.png);
	}
	.packag_con.day{
		background-image: url(../img/main/mslide01_2.png);
	}
	.more_btn{right:calc(50% - 33.5vw);}

	.main_slide02{max-height:88vw;}
	#main .main_slide02 .slick-arrow{display:none !important;}
	#main #section03 .slick-slide img.only_mo{display:block;}
	#main #section03 .slick-slide img.only_web{display:none;}

}
@media screen and (max-width: 960px){
	.gallery02.only_web{display:none;}
	.gallery02.only_mo{display:block;}
	.gallery02 .slick-slide div{
		margin-top:30px;
		margin-left:30px;
		width:calc(50% - 15px);
	}
	.gallery02 .slick-slide div:nth-child(2n+1){margin-left:0;}
	.gallery02 .slick-slide div img{width:100%;}
}

/* /// ����� /// */
@media screen and (max-width: 768px){
	#main section{padding:50px 0 60px;}
	.main_top + *{margin-top:30px;}
	.main_top h3{font-size:18px;}
	#main .slick-dots li button{
		width:8px;
		height:8px;
	}
	.main_visual > a{
		bottom:20px;
		width:20px;
		background-size:contain;
	}
	
	#main section#section01{
		width:100%;
		overflow:auto;
	}

	.main_quick{min-width:545px;}
	.main_quick li{display:block; float:left;}
	.main_quick li a{
		padding:40px 0 15px;
		font-size:10px;
		background-position:center 10px;
	}
	.main_quick li:nth-child(1) a{background-size:18px;}
	.main_quick li:nth-child(2) a{
		background-size:17px;
		background-position-y:15px;
	}
	.main_quick li:nth-child(3) a{
		background-size:17px;
		background-position-y:18px;
	}
	.main_quick li:nth-child(4) a{
		background-size:16px;
		background-position-y:18px;
	}
	.main_quick li:nth-child(5) a{
		background-size:18px;
		background-position-y:15px;
	}
	.main_quick li:nth-child(6) a{
		background-size:9px;
		background-position-y:17px;
	}
	.main_quick li:nth-child(1) a:hover{
		background-size:18px;
		background-position-y:5px;
	}
	.main_quick li:nth-child(2) a:hover{
		background-size:17px;
		background-position-y:10px;
	}
	.main_quick li:nth-child(3) a:hover{
		background-size:17px;
		background-position-y:12px;
	}
	.main_quick li:nth-child(4) a:hover{
		background-size:16.5px;
		background-position-y:12px;
	}
	.main_quick li:nth-child(5) a:hover{
		background-size:18px;
		background-position-y:10px;
	}
	.main_quick li:nth-child(6) a:hover{
		background-size:10px;
		background-position-y:13px;
	}

	.packag_con{
		padding-bottom:280px;
		background-size:240px;
	}
	.packag_con h4{font-size:18px;}
	.packag_con h5{
		margin-top:10px;
		font-size:30px;
	}
	.packag_con p{
		margin-top:15px;
		font-size:13px;
	}
	.packag_list{margin-top:20px;}
	.packag_list li{
		width:40px;
		font-size:10px;
	}
	.more_btn{
		padding:6px 0;
		right:calc(50% - 120px);
		width:30px;
		font-size:18px;
	}
	.main_slide02 .slick-dots{bottom:30px;}
	.gallery01 li{
		margin-top:10px;
		margin-left:10px;
		width: calc(100%/3 - 20px/3);
	}
	.mobile_view{
		position:fixed;
		top:calc(50% - 140px);
		left:calc(50% - 140px);
		z-index:1000;
		width:calc(100% - 40px);
		max-width:280px;
		text-align:center;
	}
	.mobile_view > a{
		position:absolute;
		top:-37px;
		right:0;
		width:27px;
		height:27px;
	}
	.mobile_view > img{width:100%;}
	.mobile_view .gallery_linkbox{height:280px;}
	.mobile_view .gallery_linkbox p{font-size:16px;}
	.mobile_view .gallery_linkbox a{
		margin:30px 11px 0 15px;
		width:50px;
		background-size:contain;
		font-size:10px;
	}
	.gallery01 li:hover .gallery_linkbox{opacity:0;}
	.gallery02.only_mo{margin:20px 0 40px;}
	.gallery02 .slick-slide div{
		margin-top:10px;
		margin-left:10px;
		width:calc(50% - 5px);
	}
	.gallery02 .slick-slide .gallery_linkbox{
		padding:15px 10px;
		width:calc(100% - 20px);
		height:49vw;
	}
	.gallery02 .slick-slide .gallery_tit{
		padding-top:20px;
		font-size:13px;
		background-size:20px;
	}
	.gallery02 .slick-slide .cafe .gallery_tit{background-size:12px;}
	.gallery02 .slick-slide .gallery_txt, 
	.gallery02 .slick-slide .gallery_more{
		margin-top:10px;
		font-size:10px;
	}
	.gallery02 .slick-slide .gallery_txt{height:30px;}
	#main .gallery02 .slick-dots{
		bottom:-40px;
		right:0;
	}
}
@media screen and (max-width: 500px){
	.packag_con{text-align:left;}
}
/* ie 핵 */
@media screen and (min-width:0\0){
	.gallery01 li{width:calc(100%/3 - 21px);}
}