@charset "utf-8";


/* camping_intro */
.camping_intro_wrap {
	width:100%;
}

.icamp_top {
	width:100%;
	background-color:#fce6aa;
	padding:34px 45px 18px 88px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.icamp_top_img {
	width:294px;
}

.icamp_top_img img {
	width:100%;
}

.icamp_top_text {
}

.icamp_top_dl {
	text-align:right;
}

.icamp_top_dl dt {
	font-size:18px;
	color:#2b1f02;
}

.icamp_top_dl dd {
	font-size:24px;
	color:#2b1f02;
}

.icamp_top_dl dt span, .icamp_top_dl dd span {
	font-size:1em;
	color:inherit;
	font-weight:700;
}

.icamp_top_unm {
	margin-top:32px;
	font-size:18px;
	color:#2b1f02;
	text-align:right;
}

.icamp_top_unm span {
	display:block;
	font-size:56px;
	color:inherit;
	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
	font-weight:800;
}

.icamp_list {
	display:flex;
	justify-content:space-between;
	margin-top:25px;
}

.icamp_unit {
	width:calc((100% - 60px)/3);
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#2b1f02;
	background-color:#fff;
	transition:0.3s background ease;
}

.icamp_unit.one {
	background-color:#2b1f02;	
	transition:0.3s background ease;
}

.icamp_unit.two .icamp_icon {
	transform:rotateY(0deg);
	transition:0.4s transform ease;
}

.icamp_unit.three {
	border-color:#c1c1c1;
}

.icamp_unit a {
	display:block;
	padding:45px 10px 32px;
}

.icamp_icon {
	height:89px;
}

.icamp_icon img {
	height:100%;
}

.icamp_tit {
	font-size:20px;
	margin-top:25px;
	color:#333;
}

.icamp_unit.one .icamp_tit {
	color:#fff;
}

.icamp_process {
	margin-top:32px;
	padding-top:32px;
	border-top:1px solid #ddd;
	display:flex;
	justify-content:space-between;
}

.icamp_pro_unit {
	position:relative;
	width:calc((100% - 120px)/5);
	border:1px solid #ddd;
	padding:;
	text-align:center;
	padding:24px 10px 20px;
}

.icamp_pro_unit:before {
	position:absolute;
	right:-24px;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	content:"";
	display:block;
	width:16px;
	height:14px;
	background:url('/images/cr_intro_arrow.png') center center no-repeat;
	background-size:contain;
}

.icamp_pro_unit:last-child:before {
	display:none;
}

.icamp_pro_unit dt {
	font-size:16px;
	font-weight:700;
}

.icamp_pro_unit dt span {
	font-size:1em;
	color:#fab100;
	font-weight:inherit;
}

.icamp_pro_unit dd {
	font-size:18px;
	padding-top:10px;
	margin-top:7px;
	position:relative;
}

.icamp_pro_unit dd:before {
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	content:"";
	display:block;
	background-color:#ddd;
	width:110px;
	max-width:100%;
	height:1px;

}

/* 캠핑장 예약확인 */
.camping_check_confirm {
	width:500px;
	max-width:100%;
	margin:40px auto 0;
	border:1px solid #ddd;
}

.ccamp_box {
	padding:45px 30px 50px;
}

.ccamp_dl {
	
}

.ccamp_dl + .ccamp_dl {
	margin-top:30px;
}

.ccamp_dl dt {
	font-size:18px;
	font-weight:600;
}

.ccamp_dl dd {
	margin-top:3px;
}

.ccamp_dl dd input {
	width:100%;
	height:56px;
	padding:10px 20px;
	border:1px solid #ddd;
	font-size:18px;
}

.ccamp_dl dd input::placeholder,
.ccamp_dl dd input::-webkit-input-placeholder,
.ccamp_dl dd input:-ms-input-placeholder {
	color:#888;
	font-size:18px;
}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus, 
select:focus {
	border-color:#fab100 !important;
}

.ccamp_confirm_btn {
	display:block;
	margin-top:45px;
	width:100%;
	background-color:#2b1f02;
	padding:;
	font-size:18px;
	color:#fff;
	font-weight:600;
	height:52px;
	line-height:52px;
	text-align:center;
}

.ccamp_p {
	padding:22px 30px;
	font-size:16px;
	background-color:#f7f7f7;
	border-top:1px solid #ddd;
}

.ccamp_p span {
	font-weight:600;
	color:#ff3b00;
	font-size:1em;
}


/* 예약정보확인 */
.camping_list_check {
	width:100%;
}

.rcamp_info {
	width:100%;
}

.rcamp_box {
	width:100%;
}

.rcamp_box:first-child {
	margin-top:30px;
}

.rcamp_box + .rcamp_box {
	margin-top:80px;
}

.rcamp_tit {
	position:relative;
	font-size: 24px;
    font-weight: 600;
    color: #2b1f02;
	padding-left:12px;
	margin-bottom:10px;
}

.rcamp_tit:before {
	position:absolute;
	left:0;
	top:3px;
	width:5px;
	height:22px;
	content:"";
	display:block;
	background-color:#fab100;
}

.rcamp_table_wrap {
	width:100%;
}

.rcamp_table {
	width:100%;
	border-top:1px solid #555;
}

.rcamp_table caption {
	font-size:0;
	text-indent:-9999px;
}

.rcamp_table tr td {
	font-size:18px;
	padding:15px 15px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

.rcamp_table tr td.last {
	border-right:0;
}

.rcamp_table tr td[scope="row"] {
	background-color:#f7f7f7;
	font-weight:700;
	text-align:center;
}

.rcamp_table tr td dl,
.rcamp_table tr td dl dt, 
.rcamp_table tr td dl dd, 
.rcamp_table tr td a {
	font-size:1em;
	color:inherit;
}

.rcamp_table tr td dl {
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.rcamp_table tr td dl dt {
	color:#ff3b00;
	font-weight:600;
}

.rcamp_table tr td dl dd > a {
	display:block;
	padding:5px 15px;
	background-color:#2b1f02;
	border:1px solid #2b1f02;
	color:#fff;
	border-radius:3px;
	font-size:16px;
}

.rcamp_txt {
	position:relative;
	font-size:18px;
	font-weight:700;
	color:#ff3b00;
	padding-left:16px;
	margin-top:5px;
}

.rcamp_txt:before {
	position: absolute;
    left: 0;
    top: 0;
    content: "\203B";
    display: block;
}

.rcamp_txt + .rcamp_txt {
}

.rcamp_txt a {
	font-size:1em;
	color:inherit;
	font-weight:inherit;
}

.rcamp_table tr td.reserve_state {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.rstate_span {
	padding:10px 10px;
	font-size:16px;
	color:#fff;
	display:block;
	width:120px;
	text-align:center;
	font-weight:700;
	border-radius:5px;
}

.kind_d{
	background: #086cec;
}

.kind_o{
	background: #f50202;
}

.kind_c{
	background: #04a719;
}

.kind_h{
	background: #8f6bff;
}

.kind_t{
	background: #eab803;
}

.rcamp_table tr td.reserve_state .reserve_cancel {
	/* border-top:1px dashed #ddd;
	padding-top:15px;
	margin-top:15px; */
	text-align:right;
}

.rcamp_table tr td.reserve_state .reserve_cancel a {
	font-size:16px;
	/* background-color:#d30404;
	color:#fff; */
	width:120px;
	display:block;
	text-align:center;
	padding:5px;
	margin-top:3px;
	border-radius:3px;
	margin:3px 0 0 auto;
	border: 1px solid #666;
    background-color: #fff;
    color: #666;
}

.rcamp_table tr td.reserve_state .reca_txt {
	font-size:14px;
	color:#666;
}



/* 개인정보 수집이용 동의 스타일 수정 20231012 */
.reservation_privacy_box {
	padding:25px 15px;
}

.reservation_privacy_box h5.n_sub_con02_tit {
	display:block;
	text-align:center;
	font-size:24px;
}

.reservation_privacy_box h5.n_sub_con02_tit:before {
	display:none !Important;
}

.reservation_privacy_box .agree_box {
	background-color:#fff;
	padding:20px 20px;
	margin:15px 0 0;
	font-size:16px;
	line-height:1.5;
}

.agree_fpoint {
	font-size:20px;
	font-weight:700;
	text-decoration:underline;
}

.reservation_privacy_txt {
	font-size:16px;
	text-align:center;
	color:#666;
}

.reservation_privacy_link {
	display:block;
	width:200px;
	background-color:red;
	color:#fff;
	font-size:18px;
	padding:10px;
	width:190px;
	text-align:center;
	margin:10px auto 0;
}

.reservation_privacy_agreebox {
	display:flex;
	justify-content:space-between;
	margin-top:15px;
}

.reservation_privacy_agreebox p {
	font-size:16px;
}

.reservation_privacy_agree_inputbox {
	display:flex;
	gap:20px;
}

.reservation_privacy_agree_inputbox_unit {
	display:flex;
	gap:5px;
}

.reservation_privacy_agree_inputbox_unit label {
	font-size:16px;
}


/************************ hover ************************/
@media (hover: hover) {
	
	.icamp_unit.one:hover {
		background-color:#e8a605;
		border-color:#e8a605;
		transition:0.3s background ease;
	}

	.icamp_unit.two:hover .icamp_icon {
		transform:rotateY(180deg);
		transition:0.4s transform ease;
	}

	.icamp_unit.three:hover {
		background-color:#f7f7f7;
	}
	

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


/*---------------------------------------------------------------------------------------------------------------------------*/

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


	
	
	

}

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


	
	


}



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


	


}

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



	/* popup */
	.popuplayer  {
		position:absolute;
		left:50% !Important;
		top:150px !Important;
		margin-left:0 !Important;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		width:auto;
	}
	.popuplayer img {
		width:100%;
	}



	/* camping_intro */
	.icamp_top {
		flex-direction:column;
		padding:34px 15px 18px;
	}
	.icamp_top_img {
		width:180px;
	}
	.icamp_top_text {
		margin-top:15px;
	}
	.icamp_top_dl {
		text-align:center;
	}
	.icamp_top_unm {
		text-align:center;
	}
	.icamp_unit {
		width:calc((100% - 20px)/3);
	}

	


}



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


	/* popup */
	.popuplayer  {
		width:80%;
	}


	/* camping_intro */
	.icamp_top_dl dt {
		font-size:16px;
	}
	.icamp_top_dl dd {
		font-size:20px;
		word-break:keep-all;
	}
	.icamp_top_unm {
		margin-top:16px;
		font-size:16px;
	}
	.icamp_top_unm span {
		font-size:36px;
	}
	.icamp_list {
		flex-wrap:wrap;
		margin-top:10px;
	}
	.icamp_unit {
		width:100%;
	}
	.icamp_unit + .icamp_unit {
		margin-top:5px;
	}
	.icamp_pro_unit:before {
		right:50%;
		top:auto;
		bottom:-23px;
		transform:rotate(90deg);
		margin-right:-8px;
	}
	.icamp_unit a {
		padding:20px 15px;
	}
	.icamp_unit .icamp_tit {
		font-size:18px;
		margin-top:16px;
	}
	.icamp_icon {
		height:48px;
		margin-right:;
	}
	.icamp_process {
		flex-wrap:wrap;
	}
	.icamp_pro_unit {
		width:100%;
	}
	.icamp_pro_unit + .icamp_pro_unit {
		margin-top:30px;
	}
	.icamp_pro_unit dt {
		font-size:14px;
	}
	.icamp_pro_unit dd {
		font-size:16px;
	}


	/* camping_check */
	.rcamp_tit {
		font-size:20px;
	}
	.rcamp_tit:before {
		height:18px;
	}
	.rcamp_table {
		display:block;
	}
	.rcamp_table colgroup {
		display:none;
	}
	.rcamp_table tbody {
		display:block;
	}
	.rcamp_table tr {
		display:flex;
		width:100%;
		flex-wrap:wrap;
	}
	.rcamp_table tr td[scope="row"] {
		width:100px;
	}
	.rcamp_table tr td {
		font-size:16px;
		padding:10px 15px;
		border-right:0;
		width:calc(100% - 100px);
	}
	.rcamp_txt {
		font-size:16px;
	}
	.rcamp_box + .rcamp_box {
		margin-top:48px;
	}


	.rcamp_table tr td.reserve_state {
		flex-direction:column;
		align-items:baseline;
	}
	.rcamp_table tr td.reserve_state .reserve_cancel {
		border-top:1px dashed #ddd;
		padding-top:15px;
		margin-top:15px;
		text-align:left;
	}
	.rcamp_table tr td.reserve_state .reserve_cancel a {
		margin:3px auto 0 0;
		font-size:14px;
	}
		

}



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


	/* popup */
	.popuplayer  {
		position:fixed;
		top:50% !Important;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		width:90%;
	}

	/* camping_intro */
	.icamp_top_img {
		width:140px;
	}

	/* camping_check */
	.camping_check_confirm {
		margin-top:20px;
	}
	.ccamp_box {
		padding:30px 20px;
	}
	.ccamp_dl dt {
		font-size:16px;
	}
	.ccamp_dl dd input {
		font-size:16px;
		padding:10px 15px;
	}
	.ccamp_p {
		font-size:14px;
		padding:16px 15px;
	}

}



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

	
	

}