@charset "utf-8";


/* main_visual */
.main_visual {
	position:relative; 
	height:calc(100vh - 100px); 
	background:transparent; 

}

.main_visual_in {
	position:relative; 
	width:calc(100% - 640px); 
	height:100%; 
	overflow:hidden;
}

.main_visual_in:after {
	clear:both; 
	content:""; 
	display:block;
}

.main_visual_in.slick-slider .slick-track, 
.main_visual_in.slick-slider .slick-list {
	height:100%;
}

.main_visual_in .slick-slide {
	height:100%;
}

.main_visual_in .slick-slide > div {
	height:100%;
}

.main_visual_in .slick-dots {
	position:absolute; 
	width:100%; 
	text-align:center; 
	top:50%;
	transform:translateY(-50%);
	-webkit-vtransform:translateY(-50%);
	margin-top:80px;
}

.main_visual_in .slick-dots li {
	display:inline-block; 
	margin:0 5px;
}

.main_visual_in .slick-dots li button {
	display:block; 
	width:30px; 
	height:3px; 
	font-size:0; 
	background:rgba(255,255,255,0.5); 
	cursor:pointer; 
	padding:0; 
	border:none;
}

.main_visual_in .slick-dots li.slick-active button {
	width:40px; 
	background:rgba(255,255,255,1);
}

.visual_textbox {
	position:absolute; 
	left:50%; 
	top:50%; 
	z-index:1; 
	width:100%; 
	text-align:center; 
	transform:translate(-50%, -50%);
	-webkit-vtransform:translate(-50%, -50%);
}

.visual_tit {
	color:#fff; 
	font-size:48px; 
	font-family: 'Montserrat', sans-serif;
	line-height:1.2;
	font-weight:700;
	text-shadow:3px 4px 5px #000000
}

.visual_txt {
	font-size:18px; 
	color:#fff; 
	margin-top:14px; 
	text-shadow:3px 4px 5px #000000
}

.main_visual_common {
	position:relative; 
	width:100%; 
	height:100%; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-size:cover; 
	float:left;
}

.main_visual_common .visual_img {
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%;
}

.main_visual_common .visual_img img {
	position:absolute; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0; 
	width:100%; 
	height:100%; 
	object-fit:cover;
}



/* main_reserve */
.main_reserve {
	position:absolute;
	right:0;
	top:0;
	width:640px;
	height:100%;
	background-color:#1f67b1;
	padding:68px 94px 0 65px;
	overflow:hidden;
	box-shadow:0 0 20px rgb(0 0 0 / 30%);
	transition:0.5s all ease;
}

.main_reserve:before {
	position:absolute;
	bottom:36px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	font-size:100px;
	font-weight:900;
	color:rgba(255,255,255,0.08);
	letter-spacing:0.15em;
	display:block;
	content:"CAMPING";
}

.main_reserve_tit {
	font-size:20px;
	color:#fff;
}

.main_reserve_tit span {
	display:block;
	font-size:36px;
	font-weight:700;
	color:inherit;
}

.main_reserve_box {
	margin-top:30px;	
}

.main_reserve_unit {
	width:100%;
}

.main_reserve_unit + .main_reserve_unit {
	margin-top:18px;
}

.main_reserve_unit a {
	display:flex;
	width:100%;
	padding:35px 32px;
	justify-content:space-between;
	align-items:center;
	border:1px solid rgba(255,255,255,0.3);
}

.main_reserve_unit dl {

}

.main_reserve_unit dl dt {
	font-size:20px;
	font-weight:700;
	margin-bottom:8px;
	color:#fff;
}

.main_reserve_unit dl dd {
	font-size:16px;
	color:#fff;
}

.main_reserve_img {
	width:70px;
}

.main_reserve_img img {
	width:100%;
}


.main_reserve.mr01 {
	background-color:#1f67b1;
}

.main_reserve.mr01:before {
	content:"CAMPING";
}

.main_reserve.mr01 .mr01 a {
	border-color:#fff;
}

.main_reserve.mr02 {
	background-color:#419b10;
}

.main_reserve.mr02:before {
	content:"CAMPING";
}

.main_reserve.mr02 .mr02 a {
	border-color:#fff;
}

.main_reserve.mr03 {
	background-color:#eb9c0f;
}

.main_reserve.mr03:before {
	content:"CAMPING";
}

.main_reserve.mr03 .mr03 a {
	border-color:#fff;
}



/* main_content 공통 */
.main_inner {position:relative; width:1280px; max-width:100%; margin:0 auto;}



/* main_content01 */
.main_content01 {
	margin-top:100px;
	position:relative;
	padding-bottom:60px;
}

.main_content01:before {
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	display:block;
	width:100%;
	height:56%;
	background:url('/images/content_bg.png') center center no-repeat;
	background-size:cover;
	z-index:-1;
}

.mc01_top {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.mc01_top dl {

}

.mc01_top dl dt {
	font-size:28px;
	font-weight:700;
	color:#eb9c0f;
}

.mc01_top dl dd {
	font-size:18px;
	color:#666;
	margin-top:5px;
}

.mc01_button {
	display:block;
	width:85px;
	height:85px;
}

.mc01_button a {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background-color:#eb9c0f;	
	text-align:center;	
	width:100%;
	height:100%;
}

.mc01_bimg {
	width:29px;
}

.mc01_bimg img {
	width:100%;
}

.mc01_btit {
	font-size:16px;
	color:#fff;
	margin-top:5px;
}

.mc01_image {
	margin-top:20px;
	width:100%;
}

.mc01_image img {
	width:100%;
}

.mzone_list {
	width:100%;
	display:flex;
	justify-content:space-between;
	margin-top:190px;
}

.mzone_unit {
	position:relative;
	width:calc((100% - 40px)/3);
}

.mzone_unit a {
	display:block;
	border:1px solid rgba(255,255,255,0.1);
	padding:24px 10px;
	background-color:transparent;
	text-align:center;
}

.mzone_unit.last {
	display:none;
}

.mzone_unit.last {
	background-color:#fff;
	color:#1f67b1;
}

.mzone_tit {
	font-size:20px;
	color:#fff;
	margin-bottom:16px;
}

.mzone_icon {
	height:66px;
}

.mzone_icon img {
	height:100%;
}

.mzone_unit.last {
	display:none;
}

.mzone_unit.last {
	background-color:#fff;
}

.mzone_unit.last .mzone_tit {
	color:#1f67b1;
}



/* main_content02 */
.main_content02 {
	width:100%;
}

.main_content02 .main_inner {
	display:flex;
	padding:52px 0 60px;
}

.quick_menu {
	width:25%;
}

.quick_menu a {
	display:block;
	border-right:2px dashed #ddd;
	text-align:center;
}

.quick_menu:last-child a {
	border-right:0;
}

.quick_menu_icon {
	height:45px;
}

.quick_menu_icon img {
	height:100%;
}

.quick_menu_tit {
	font-size:18px;
	color:#666;
	margin-top:12px;
}







/************************ hover ************************/
@media (hover: hover) {
	
	
	.mzone_unit a:hover {border-color:rgba(255,255,255,0.8);}


}
/************************ hover ************************/






/* 반응형 중간기기 1380px 사이즈 이하*/
@media all and (max-width:1480px){
	
	/* main_visual */
	.main_visual {

	}
	.main_visual_in {
		width:calc(100% - 450px);
	}


	/* main_reserve */
	.main_reserve {
		width:450px; 
		padding:48px 50px 0 30px;
	}
	.main_reserve:before {
		font-size:72px;
		bottom:18px;
	}
	
	

}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1280px){
	
	.main_inner {
		padding:0 15px;
	}


}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){



	/* header */
	.header_inner {padding:20px 0 0 50px;}


	/* visual_in */
	.main_visual {
		height:auto;

		padding-bottom:0;
	}
	.main_visual_in {
		height:780px;
		z-index:-1;
	}
	.main_visual_in {
		width:100%;
	}


	/* main_reserve */
	.main_reserve {
		position:initial;
		padding:30px;
		height:auto;
		width:calc(100% - 50px);
		margin:-70px 0 0 auto;
	}
	.main_reserve:before {
		display:none;
	}
	.main_reserve_tit {
		font-size:18px;
	}
	.main_reserve_tit span {
		font-size:28px;
		margin-top:-5px;
	}
	.main_reserve_box {
		margin-top:9px;	
		display:flex;
		justify-content:space-between;
	}
	.main_reserve_unit {
		width:calc((100% - 20px)/3);
	}
	.main_reserve_unit + .main_reserve_unit {
		margin-top:0;
	}
	.main_reserve.mr01 .mr01 a {
		background-color:#0a4077;
		border-color:#0a4077;
	}
	.main_reserve_unit.mr02 a {
		background-color:#419b10;
		border-color:#419b10;
	}
	.main_reserve_unit.mr03 a {
		background-color:#eb9c0f;
		border-color:#eb9c0f;
	}
	.main_reserve_unit a {
		padding:30px 15px;
		flex-direction:column-reverse;
		text-align:center;
	}
	.main_reserve_unit dl {
		margin-top:16px;
	}
	.main_reserve_unit dl dt {
		margin-bottom:5px;
	}


}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){


	


	
}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	



	/* header */
	.header_inner {padding:20px 0 0 30px;}
	.mobile_button {}



	/* 메인공통 */
	.main_title {font-size:22px;}
	.main_title span {margin-left:0; font-size:14px; display:block; margin-top:3px;}


	/* 메인비주얼 */
	.main_visual {
		
	}
	.main_visual_in {
		height:560px;
	}
	.visual_tit {
		font-size:36px;
	}
	.visual_txt {
		font-size:16px;
		margin-top:5px;
	}
	.main_visual_in .slick-dots {
		display:none;
	}



	/* main_reserve_box */
	.main_reserve {
		position:initial;
		margin:-70px 0 0 auto;
		width:calc(100% - 30px);
	}
	.main_reserve_tit {
		font-size:16px;
	}
	.main_reserve_tit span {
		font-size:24px;
		margin-top:0;
	}
	.main_reserve_box {
		flex-direction:column;
	}
	.main_reserve_unit {
		width:100%;
	}
	.main_reserve_unit + .main_reserve_unit {
		margin-top:5px;
	}
	.main_reserve_unit a {
		flex-direction:row;
		text-align:left;
		padding:15px 15px;
	}
	.main_reserve_unit dl {
		margin-top:0;
	}
	.main_reserve_unit dl dt {
		font-size:18px;
	}
	.main_reserve_unit dl dd {
		font-size:14px;
		line-height:1.2;
		font-weight:100;
	}
	.main_reserve_img {
		width:44px;
	}



	/* main_content01 */
	.main_content01 {
		padding-bottom:40px;
		margin-top:60px;
	}
	.mc01_top dl dt {
		font-size:24px;
	}
	.mc01_top dl dd {
		font-size:16px;
	}
	.mc01_top dl dd br {
		display:none;
	}
	.mc01_button {
		display:none;
	}
	.mzone_list {
		flex-wrap:wrap;
	}
	.mzone_unit {
		width:calc((100% - 20px)/3);
		margin-bottom:10px;
	}
	.mzone_unit a {
		padding:16px 10px;
	}
	.mzone_unit.last {
		display:block;
	}
	.mzone_tit {
		font-size:18px;
		margin-bottom:12px;
	}
	.mzone_icon {
		height:44px;
	}


	/* main_content02 */
	.main_content02 .main_inner {
		padding:32px 0 36px;
	}
	.quick_menu a {
		border-right:1px dashed #ddd;
	}
	.quick_menu_icon {
		height:32px;
	}
	.quick_menu_tit {
		font-size:16px;
	}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	


	/* main_visual */
	.main_visual_in {
		height:360px;
	}
	.visual_tit {
		font-size:24px;
	}
	.visual_txt {
		font-size:12px;
		margin-top:5px;
	}


	/* main_reserve */
	.main_reserve {
		margin:-36px 0 0 auto;
		width:calc(100% - 16px);
	}
	.main_reserve_unit dl dt {
		margin-bottom:2px;
	}


	/* main_content01 */
	.main_content01 {
		padding-bottom:20px;
		margin-top:40px;
	}
	.mc01_top dl dt {
		font-size:20px;
	}
	.mc01_top dl dd {
		line-height:1.2;
	}
	.mc01_image {
		margin-top:8px;
	}
	.mzone_unit {
		width:calc((100% - 2px)/3);
		margin-bottom:1px;
	}
	.mzone_tit {
		font-size:16px;
		margin-bottom:8px;
	}
	.mzone_icon {
		height:32px;
	}


	/* main_content02 */
	.main_content02 .main_inner {
		padding:20px 0 24px;
	}
	.quick_menu a {
		border-right:1px dashed #ddd;
	}
	.quick_menu_icon {
		height:26px;
	}
	.quick_menu_tit {
		font-size:14px;
		margin-top:6px;
	}


}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
	

}