@charset "utf-8";
/* CSS Document */
.mb30 { margin-bottom:30px !important}
.mb50 { margin-bottom:50px !important}
.map_box { border-bottom:1px solid #ddd}
/**********************************************************************

 							  인사말

**********************************************************************/

[data-subarea="greetings"] .img_box						{position:relative; border-radius:1.563em 1.563em 5em 1.563em;overflow:hidden;height:347px;margin-bottom:3.75em;background:url('/resource/camping/images/contents/img_greetings.jpg') no-repeat right bottom / cover;}
[data-subarea="greetings"] .text_wrap						{display:flex;gap:6.25em;}
[data-subarea="greetings"] .text_wrap .title					{width:calc(100% / 2 - 3.125em);}
[data-subarea="greetings"] .text_wrap .title .ti				{font-size:3.125em;margin-bottom:1.2em;line-height:1;}
[data-subarea="greetings"] .text_wrap .title .ti strong		{letter-spacing:-.05em;font-weight:700;line-height:1;}
[data-subarea="greetings"] .text_wrap .title .green			{font-size:2.5em;letter-spacing:-.025em;color:var(--color-point);margin-bottom:1em;line-height:1;}
[data-subarea="greetings"] .text_wrap .title p				{font-size:1.5625em;font-weight:700;color:#222;line-height:1.6;letter-spacing:-.05em;}
[data-subarea="greetings"] .text_wrap .txt					{width:calc(100% / 2 - 3.125em);}
[data-subarea="greetings"] .text_wrap .txt p				{font-size:1.25em;color:#222;font-weight:400;line-height:1.9;letter-spacing:-.065em;}
[data-subarea="greetings"] .text_wrap .txt p + p			{margin-top:2.375em;}


@media all and (max-width:1598px){
    [data-subarea="greetings"] .text_wrap						{gap:5em;}
    [data-subarea="greetings"] .text_wrap .title,
    [data-subarea="greetings"] .text_wrap .txt					{width:calc(100% / 2 - 2.5em);}
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:2.875em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:2.375em;}
    [data-subarea="greetings"] .text_wrap .title p				{font-size:1.5em;}

}

@media all and (max-width:1468px){
    [data-subarea="greetings"] .text_wrap						{gap:3.75em;}
    [data-subarea="greetings"] .text_wrap .title,
    [data-subarea="greetings"] .text_wrap .txt					{width:calc(100% / 2 - 1.875em);}
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:2.5em;margin-bottom:1em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:2.125em;margin-bottom:.875em;}
    [data-subarea="greetings"] .text_wrap .title p				{font-size:1.375em;}
    [data-subarea="greetings"] .text_wrap .txt p				{font-size:1.125em;}
    [data-subarea="greetings"] .text_wrap .txt p + p			{margin-top:2.25em;}
}

@media all and (max-width:1268px){
    [data-subarea="greetings"] .img_box							{height:247px;}
    [data-subarea="greetings"] .text_wrap						{flex-wrap:wrap;gap:2.5em;}
    [data-subarea="greetings"] .text_wrap .title,
    [data-subarea="greetings"] .text_wrap .txt					{width:100%;}
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:2.375em;margin-bottom:.875em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:2em;margin-bottom:.75em;}
    [data-subarea="greetings"] .text_wrap .title p				{font-size:1.25em;}
    [data-subarea="greetings"] .text_wrap .title p br 			{display:none;}
    [data-subarea="greetings"] .text_wrap .txt p				{font-size:1.063em;}
    [data-subarea="greetings"] .text_wrap .txt p + p			{margin-top:1.5em;}
}

@media all and (max-width:1024px){
    [data-subarea="greetings"] .text_wrap						{gap:2em;}
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:2.25em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:1.875em;}
    [data-subarea="greetings"] .text_wrap .txt p + p			{margin-top:1.25em;}

}

@media all and (max-width:768px){
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:2em;margin-bottom:.75em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:1.75em;margin-bottom:.5em;}
    [data-subarea="greetings"] .text_wrap .title p				{font-size:1.125em;}
    [data-subarea="greetings"] .text_wrap .txt p + p			{margin-top:1.125em;}

}

@media all and (max-width:668px){
    [data-subarea] .img_box											{height:12.5em;border-radius:1.25em;background-position:center bottom;margin-bottom:2.5em;}
    [data-subarea="greetings"] .text_wrap						{gap:1.5em;}
    [data-subarea="greetings"] .text_wrap .title .ti,
    [data-subarea="greetings"] .text_wrap .title .green			{line-height:1.2;}
    [data-subarea="greetings"] .text_wrap .title .ti				{font-size:1.875em;}
    [data-subarea="greetings"] .text_wrap .title .green			{font-size:1.5em;}
}


/* 컨텐츠 */

.between 					{ display:flex; justify-content:space-between; margin-bottom:2.5em; gap:40px}
.between .title  			{ width:400px;margin-right:6.25em; border-top:2px solid var(--color-point); padding-top:2.5em; line-height:1.25em; }
.between .title strong 		{ letter-spacing:-.05em;font-weight:700;line-height:1; color:var(--color-point); font-size:1.5em; }

.between .list 				{ width:100%; padding-top:2.5em; border-top:1px solid #ddd}


@media all and (max-width:1024px){
	.between   				{ flex-direction:column; }
	.between .title  		{ width:100%; padding:1.25em 0;}
	.between .title strong  { font-size:1.25em }
	.between .list  		{ padding:1.25em 0; }
}

@media all and (max-width:768px){
	.between .title strong  { font-size:1.125em }
	.between .list  		{ padding:0.938em 0 }
}

/* box_img */
.box_img 								{ width:100%; position:relative;text-align:center; margin-bottom:2.5em;}
.box_img img 							{ max-width:100% !important;}
.box_img .img_zoom 						{ display:none; position:absolute; right:0; bottom:0; z-index:1; width:42px;height:42px; background:rgba(0, 0, 0, 0.8);}
.box_img .img_zoom a 					{ display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before 			{ content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/resource/camping/images/common/icon_search.svg) no-repeat}

.box_img_inner  						{ padding:50px;border-radius: 20px;background:#f6f6f6;}
.box_img_inner img 						{ width:auto !important;}

@media all and (max-width:768px) {
    .box_img .img_zoom 					{ display:block;}

}

/*사진*/
[data-subarea="facility"] 										{ position:relative; margin-bottom:2.5em}
[data-subarea="facility"] .slide_item .img 						{  overflow: hidden; min-height:600px; background: #eee; position: relative; border-radius: 10px 10px 0 0; overflow: hidden;}
[data-subarea="facility"] .slide_item .img > img 				{ width:100%; height:100%; object-fit:cover; position: absolute; top:0; left:0; transition: all 1s ease; transform:inherit;}
[data-subarea="facility"] .slide_item:hover .img > img 			{ transform:scale(1.1);}

[data-subarea="facility"] .swiper_control						{ width:var(--sizeImg); position:absolute; right:0; bottom:0; z-index: 1}
[data-subarea="facility"] .swiper_control .control				{ justify-content:end; }
[data-subarea="facility"] .swiper_prev,
[data-subarea="facility"] .swiper_next,
[data-subarea="facility"] .swiper_auto							{ width:clamp(35px, 4vw, 55px); height:clamp(35px, 4vw, 55px); border:1px solid #000; background-color:var(--color-white) }
[data-subarea="facility"] .swiper_auto							{ margin-left:-1px; margin-right:-1px; }

[data-subarea="facility"] .swiper_page 							{ display:none; }

[data-subarea="facility"] .text_box           { position:absolute; bottom:0; right:0; width:100%;     height: clamp(35px, 4vw, 55px); background-color:rgba(0, 0, 0, .5); display:flex; align-content: center; flex-wrap:wrap;}
[data-subarea="facility"] .text_box strong    { font-family:var(--font-paperlogy); font-size: 1.5em; word-break: keep-all; padding:15px 0; font-weight:600; color: var(--color-white); padding-left:30px}


 @media screen and (max-width:768px){
 	[data-subarea="facility"] .slide_item .img { min-height:500px }
 }
 @media screen and (max-width:468px){
 	[data-subarea="facility"] .slide_item .img { min-height:400px }
 	[data-subarea="facility"] .swiper_control { top:0; right:0; }
 	[data-subarea="facility"] .text_box strong { padding-left:10px; font-size:1.125em; }
 }

/* 추천여행 */
.trip_list 							{ list-style:none;margin:0;padding:0}
.trip_list>li 						{ margin-bottom:30px; display:block; position: relative; padding:35px;}
.trip_list>li:before 				{ position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;border:1px solid #e5e5e5;border-radius:20px;z-index:-1;box-sizing:border-box;z-index:-1;transition:all .35s ease}
.trip_list li:after 				{ content:"";display:block;clear:both;}
.trip_list>li:hover:before, 
.trip_list li:focus:before 			{ border:1px solid var(--color-point);border-radius:20px;background-color:var(--color-white); background-origin:border-box;background-clip:content-box,border-box;box-shadow:0 0 15px rgba(0,0,0,.25)}

.trip_list li .img_wrap 			{ position:relative;float:left;width:400px;height:260px; overflow:hidden;background:#f6f7fd;border-radius:10px;}
.trip_list li .img_wrap img 		{ width:100%;height:100%;object-fit: cover;  object-position: center; display: block;}

.trip_list li .text_wrap  			{ position:relative;float:right;width:calc(100% - 480px)}
.trip_list li .text_wrap .tit 		{ display:block; font-family:var(--font-paperlogy); font-size: 1.875em; color:#000;font-weight:800; margin:20px 0 10px 0}
.trip_list li .text_wrap .tel 		{ position:relative; font-family:var(--font-paperlogy);  margin-top:20px; font-weight:600; font-size:1.125em; display:inline-block; border-radius: 10px; color:var(--color-point2); padding-left:40px}
.trip_list li .text_wrap .tel:before { content:''; position:absolute; top:50%; left:0px; width:30px; height:30px; background:url("/resource/camping/images/contents/tel.svg") no-repeat; display:block; transform: translateY(-50%);}

@media (max-width: 1280px) {
    .trip_list li .img_wrap  		{ float: none; width:600px; height:450px; margin:0 auto; display:block;}
    .trip_list li .img_wrap img 	{ width:100%; height:100%; object-fit: cover; border-radius: 20px}
    .trip_list li .text_wrap  		{ float: none; width: 100%; margin-top: 20px; }
}

@media (max-width: 768px) {
	.trip_list li .img_wrap 		{ width:100%; height:100%; }
	.trip_list>li { padding:20px }
	.trip_list li .text_wrap .tit   { font-size:1.375em; line-height: 1.5; }
}
@media (max-width: 468px) {
	.trip_list li .text_wrap .tel        { padding-left:25px; }
	.trip_list li .text_wrap .tel:before { width:20px; height:20px; }
}