@charset "utf-8";
/* /// sub common /// */
.sub_visual{
	width:100%;
	height:460px;
	color:#fff;
	line-height:1;
	background-position:center top;
	background-repeat:no-repeat;
	border-bottom:1px solid #ffffff;
}
.about .sub_visual{background-image:url('../img/sub/about_sub_visual.png');}
.package .sub_visual{background-image:url('../img/sub/package_sub_visual.png');}
.sv .sub_visual{background-image:url('../img/sub/sv_sub_visual.png');}
.nearby .sub_visual{background-image:url('../img/sub/nearby_sub_visual.png');}
.leisure .sub_visual{background-image:url('../img/sub/leisure_sub_visual.png');}
.pension .sub_visual{background-image:url('../img/sub/pension_sub_visual.png');}
.sub_visual h3{
	padding-top:175px;
	font-size:40px;
	font-weight:350;
	opacity:0;
}
.sub_visual p{
	margin-top:25px;
	font-size:18px;
	font-weight:100;
	letter-spacing:10px;
	opacity:0;
}
.page_info{
	margin-top:5px;
	padding-top:10px;
	border-top: 1px solid rgba(255,255,255,0.25);
}
.sub_location{margin-top:5px;}
.sub_location > li, .page_btn li{
	display:inline-block;
	vertical-align:middle;
}
.sub_location > li{
	margin-right:40px;
	position:relative;
}
.sub_location > li:first-child{
	margin-right:50px;
	width:21px;
	height:19px;
	background:url('../img/ico/ico_home.png')no-repeat right center;
}
.sub_location > li:after{
	content:'';
	position:absolute;
	bottom:0;
	right:-25px;
	width:8px;
	height:15px;
	background:url('../img/sub/location_arr.png')no-repeat center;
}
.sub_location > li:first-child:after{right:-32px;}
.sub_location > li:last-child:after{display:none;}
.sub_location > li  a{
	display:block;
	font-size:14px;
	font-weight:350;
	color:#fff;
	line-height:1;
}
.sub_location > li  a.lo_menu{
	padding-right:15px;
	background:url('../img/btn/bth_select.png')no-repeat right center;
}
.sub_location > li > ul{
	display:none;
	position:absolute;
	top:25px;
	width:148px;
	text-align:left;
	border-top:1px solid #dddddd;
	z-index:10;
}
.sub_location > li > ul li a{
	padding:11px 15px 13px;
	line-height:1.2;
	color:#555555;
	background:#fff;
	border:1px solid #dddddd;
	border-top:0 none;
}
.page_btn li{padding-right:10px;}
.sub_content{
	padding-bottom:120px;
	background:#f6f5f8;
}
.sub_content .container{
	padding:15px 50px 80px;
	position:relative;
	width:1100px;
	background:#fff;
	box-shadow: 0px 15px 25px -10px #CCC
}
.sub_top{
	position:absolute;
	top:-140px;
	left:0;
	width:100%;
	padding:65px 0 40px;
	text-align:center;
	background:#fff;
}
.sub_top h4{
	font-family: 'Nanum Pen Script', cursive;
	font-size:60px;
	color:#333;
	line-height:1;
}
.sub_top h4 + hr{
	margin:30px auto 0;
	display:block;
	width:30px;
	height:1px;
	background:#bbbbbb;
}
.sub_bottom{padding-top:46px;}
.txt{
	font-size:16px;
	font-weight:300;
	color:#000;
	line-height:1.5;
}
.sub img.only_web{display:block;}
.sub img.only_mo{display:none;}
/* /// sub common end /// */

/* /// gallery /// */
/* list */
.nearby_gallery{display:none;}
.nearby_gallery#restaurant{display:block;}
.gallery_list{
	margin-top:40px;
	height:1038px;
	clear:both;
	overflow:hidden;
}
.gallery_list li{
	margin:30px 0 0 30px;
	float:left;
	position:relative;
	width:calc(100%/3 - 20px);
	overflow:hidden;
}
.gallery_list li:nth-child(3n+1){margin-left:0;}
.gallery_list li:nth-child(1), .gallery_list li:nth-child(2), .gallery_list li:nth-child(3){margin-top:0;}
.gallery_list li img{width:100%;}
.gallery_list li .gallery_linkbox{
	padding:30px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 60px);
	height:270px;
	background:rgba(0,0,0,0.7);
	color:#fff;
}
.gallery_list li:hover .gallery_linkbox{display:block;}
.gallery_list li .gallery_linkbox .gallery_tit{
	padding-top:45px;
	font-size:26px;
	font-weight:600;
	line-height:1;
	background: url('../img/ico/icon_res.png')no-repeat left top;
}
.gallery_list li.cafe .gallery_linkbox .gallery_tit{
	background: url('../img/ico/icon_cafe.png')no-repeat left top;
}
.gallery_list li.travel .gallery_linkbox .gallery_tit{
	background: url('../img/ico/icon_tr.png')no-repeat left top;
}
.gallery_list li .gallery_linkbox .gallery_txt, 
.gallery_list li .gallery_linkbox .gallery_more{
	padding-top:30px;
	font-size:15px;
	font-weight:350;
	line-height:1.6;
}
.gallery_list li .gallery_linkbox .gallery_txt{
    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;
}
.gallery_list li .gallery_linkbox .gallery_more{
	display:inline-block;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}
.nearby .btn{
	margin-top:90px;
	padding:19px 0;
	width:200px;
	font-weight:500;
	font-size:19px;
}
/* list end */

/* view */
.nearby_info{background:#f4f2f3;}
.nearby_info .fr{
	padding:75px 70px 0;
	width:calc(100% - 660px);
}
.nearby_info h5{
	font-size:26px;
	font-weight:700;
	line-height:1;
}
.nearby_info p.txt{
	margin-top:20px;
	height:50px;
	line-height:1.6;
}
.nearby_info ul{padding-top:15px;}
.nearby_info li{margin-top:10px;}
.nearby .nearby_info a.btn{
	margin:25px 6px 0 0;
	display:inline-block;
}
.nearby_con{margin-top:70px;}
.nearby_con img{margin:0 auto;display:block;}
/* view end */

/* /// tap_list /// */
.mo_select{display:none;}
.tap_list{
	clear:both;
	overflow:hidden;
	border:1px solid #ddd;
	border-top:0;
	border-left:0;
}
.tap_list.sort02{display:inline-block;}
.tap_list li{
	float:left;
	width:calc(100%/3);
}
.tap_list.sort02 li{width:220px;}
.tap_list.sort04 li{width:25%;}
.tap_list.sort05 li{width:20%;}
.tap_list.sort07 li{width:calc(100%/7);}
.tap_list li a{
	padding:15px 0;
	display:block;
	font-size:16px;
	font-weight:400;
	color:#888888;
	line-height:1;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
.tap_list li a.on{
	font-weight:600;
	color:#fff;
	background:#7e47ef;
}
.pension_info{
	margin-top:60px;
	position:absolute;
	top:-9999px;
	left:0;
	z-index:0;
	opacity:0;
}
.pension_info#pension01{
	position:relative;
	top:0;
	z-index:1;
	opacity:1;
}
.pension_info p{
	font-size:18px;
	font-weight:400;
	color:#000;
	line-height:1;
}
.pension_info  a.btn{
	margin:60px auto 0;
	padding:20px;
	display:block;
	width:260px;
	font-size:20px;
	font-weight:600;
	line-height:1;
	border-radius:3px;
}
.pension_slider{
	margin:30px auto 0;
	max-width:1000px;
}
.pension_slider .slick-arrow{
	position:absolute;
	top:calc(50% - 45px);
	width:90px;
	height:90px;
	font-size:0;
	background-color:rgba(0,0,0,0.8);
	background-position:center;
	background-repeat:no-repeat;
	z-index:1;
}
.pension_slider .slick-prev.slick-arrow{
	left:-45px;
	background-image:url('../img/btn/slide_prevw.png');
}
.pension_slider .slick-next.slick-arrow{
	right:-45px;
	background-image:url('../img/btn/slide_nextw.png');
}
.pension_slider .slick-dots{margin-top:40px;}
.pension_slider .slick-dots li{
	margin:0 6px 0 10px;
	display:inline-block;
}
.pension_slider .slick-dots li button{
	width:10px;
	height:10px;
	font-size:0;
	border-radius:100%;
	background:#dddddd;
}
.pension_slider .slick-dots li.slick-active button{background:#7e47ef;}
.panorama{margin-top:60px;}

/* /// ¹ÝÀÀÇü /// */
@media screen and (max-width: 1600px){
	/*popup*/
	.position_rel{position:fixed;width:100%;height:100%; z-index:99}
	#apDiv16{
		left: 65% !important;
		top: 50% !important;
		width: 480px !important;
		height: auto !important;
		z-index: 999999 !important;
		transform: translate(-50%,-50%) !important;
	}
	#apDiv15{ 
		left: 0 !important;
		top: 50% !important;
		width: auto !important;
		height: auto !important;
		z-index: 999999 !important;
		transform: translateY(-50%) !important; 
	} 
}

@media screen and (max-width: 1240px){
	.sub_bottom {padding-top: 61px;}
	.sub_content .container{
		padding:0 20px 50px;
		width:calc(100% - 80px);
	}


	.gallery_list li .gallery_linkbox{height:23vw;}

	.nearby_info div.fl, .nearby_info div.fl img{width:100%;}
	.nearby_info div.fr{
		padding-bottom:75px;
		width:calc(100% - 140px)
	}


}
@media screen and (max-width: 1000px){
	.gallery_list li .gallery_linkbox .gallery_more{
		margin-top:0;
		padding-top:10px;
	}
	.gallery_list li .gallery_linkbox{
		padding:20px;
		width:calc(100% - 40px);
	}
	.gallery_list li .gallery_linkbox .gallery_tit{
		font-size:20px;
		padding-top:40px;
	}
	.gallery_list li .gallery_linkbox .gallery_txt,
	.gallery_list li .gallery_linkbox .gallery_more{padding-top:20px;}
}

@media screen and (max-width: 960px){
	/* /// sub common /// */
	.about .sub_visual{background-image:url('../img/sub/moabout_sub_visual.png');}
	.package .sub_visual{background-image:url('../img/sub/mopackage_sub_visual.png');}
	.sv .sub_visual{background-image:url('../img/sub/mosv_sub_visual.png');}
	.nearby .sub_visual{background-image:url('../img/sub/monearby_sub_visual.png');}
	.leisure .sub_visual{background-image:url('../img/sub/moleisure_sub_visual.png');}
	.pension .sub_visual{background-image:url('../img/sub/mopension_sub_visual.png');}
	.sub_location > li:nth-child(1), .sub_location > li:nth-child(2){display:none;}
	.page_btn li{padding:0;}
	.page_btn li:nth-child(1){display:none;}
	.sub_top h4 + hr{margin-top:30px;}
	.sub img.only_web{display:none;}
	.sub img.only_mo{
		display:block;
		width:100%;
	}
	/* /// sub common end /// */
}
@media screen and (max-width: 900px){
	.gallery_list li{width:calc(50% - 15px);}
	.gallery_list li:nth-child(3){margin-top:30px;}
	.gallery_list li:nth-child(3n+1){margin-left:30px;}
	.gallery_list li:nth-child(2n+1){margin-left:0;}
	.gallery_list li .gallery_linkbox{height:36vw;}
}

@media screen and (max-width: 768px){
	/* /// sub common /// */
	.sub_visual{
		height:333px;
		background-position: center 50px;
		background-size:cover;
	}
	.sub_visual h3{
		padding-top:90px;
		font-size:24px;
	}
	.sub_visual p{
		margin-top:15px;
		font-size:12px;
	}
	.page_info{margin-top:25px;}
	.sub_location{margin-top:7px;}
	.page_btn li a{
		display:block;
		width:35px;
		height:35px;
		background:url('../img/btn/btn_moshare.png')no-repeat center / cover;
	}
	.page_btn li a img{display:none;}
	.sub_top{
		padding:40px 0;
		top:-99px;
	}
	.sub_top h4{font-size:45px;}
	.txt{font-size:12px;}
	/* /// sub common end /// */

	/* /// gallery /// */
	.gallery_list li .gallery_linkbox .gallery_txt, 
	.gallery_list li .gallery_linkbox .gallery_more{font-size:12px;}
	.gallery_list li .gallery_linkbox .gallery_txt{
		height:auto;
		max-height:60px;
		-webkit-line-clamp: 3;
	}
	.nearby .btn{
		margin-top:30px;
		padding:14px;
		width:97px;
		font-size:12px;
	}

	/* view */
	.nearby_info div.fr{
		padding:20px 20px 40px;
		width:calc(100% - 40px);
	}
	.nearby_info h5{font-size:16px;}
	.nearby_info p.txt, .nearby_info ul.txt{
		margin-top:10px;
		height:auto;
	}
	.nearby_info ul.txt li{
		margin-top:0;
		line-height:1.3;
	}

	/**/
	.val_box{position:relative;}
	.mo_select{
		padding:13px;
		display:block;
		font-size:10px;
		font-weight:600;
		color:#fff;
		background:#7e47ef url('../img/btn/btn_selec_w.png')no-repeat 95% center;
		background-size:10px;
		line-height:1;
		text-align:left;
	}
	.val_box ul.tap_list{
		position:absolute;
		display:none;
		top:36px;
		right:0;
		z-index:10;
		width:calc(100% - 2px);
		background:#fff;
		border-left:1px solid #ddd;
		text-align:left;
	}
	.val_box ul.tap_list li{
		float:none;
		width:100%;
	}
	.val_box ul.tap_list li a{
		padding:13px 20px;
		width:calc(100% - 40px);
		font-size:10px;
		border-left:0;
	}
	.tap_list li a.on{
		color:#888888;
		background:#fff;
		font-weight:400;
	}
	.pension_info{margin-top:40px;}
	.pension_info p{font-size:12px;}
	.pension_info a.btn{
		margin-top:30px;
		padding:14px;
		width:97px;
		font-size:12px;
	}
	.pension_slider{margin-top:20px;}
	.pension_slider .slick-dots li{margin:0 1px 0 5px;}
	.pension_slider .slick-dots li button{
		width:8px;
		height:8px;
	}
	.pension_slider .slick-dots{margin-top:30px;}

	/*popup*/
	.position_rel{position:fixed;width:100%;height:100%; z-index:999}
	#apDiv16, #apDiv15{ 
	left: 50% !important;
    top: 50% !important;
    width: 80% !important;
    height: auto !important;
    z-index: 999999 !important;
    transform: translate(-50%,-50%) !important;}
}

@media screen and (max-width: 640px){
	.gallery_list li{
		margin-left:0 !important;
		width:100%;
	}
	.gallery_list li:nth-child(2){margin-top:30px;}
	.gallery_list li .gallery_linkbox {height: 74vw;}
}