@charset "utf-8";

.detail_wrap {width:1000px; max-width:100%; margin:0 auto;}
.fc_orange {color:#f56b08; font-weight:500;}
.fc_blue {color:#1b6cff;}
.fs_bold {font-weight:700;}

.detail_top {padding:5px 5px;}
.sche_text {position:relative; font-size:14px; padding:10px 0;}

.detail_title {font-size:22px; font-weight:700; color:#000; margin:25px 0 7px 0; letter-spacing:-1.2px;}

/* detail_top_img */
.detail_top_img {position:relative; margin-top:20px;}
.detail_top_img:after {clear:both; content:""; display:block;}
.detail_top_img li {float:left; width:25%; padding-bottom:20%; position:relative;}
.detail_top_img li img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; object-fit:cover;}

/* detail_top_unit */
.detail_top_unit {margin:30px 0 20px;}
.detail_stit {font-size:22px; font-weight:700; color:#000; margin:0px 0 7px; letter-spacing:-1.2px;}

/* detail_top_unit02 */
.detail_top_unit02 {border:1px solid #ddd; margin-bottom:10px; padding:10px 15px;}
.detail_top_unit02 .detail_stit {padding:10px 0; border-bottom:1px solid #ddd;}
.detail_top_unit02 .detail_box {padding:20px 0px;}

/* detail_box_ul */
.detail_box_ul {}
.detail_box_ul li {position:relative; position:relative; padding-left:0px; font-size:16px;}
/* .detail_box_ul li:before {position:absolute; left:0; top:0; content:"-"; display:block;} */

/* detail_table_wrap */
.detail_table_wrap {width:100%;}
.deatil_table {position:relative; border-top:1px solid #666; width:100%; }
.deatil_table caption {font-size:0; text-indent:-100000px; padding:0;}
.deatil_table tr th, .deatil_table tr td[scope="row"] {background:#f7f7f7; padding:8px 1px; text-align:center; font-size:15px; font-weight:500; width: 30%;}
.deatil_table tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.deatil_table tr td {font-size:15px; padding:20px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.deatil_table tr th.last, .deatil_table tr td.last {border-right:0;}
.deatil_table tr td.ta_center {text-align:center;}


/* deatil_table_price */
.deatil_table.deatil_table_price {}
.deatil_table.deatil_table_price tr th, .deatil_table.deatil_table_price tr td[scope="row"] {width:auto;}


/* detail_table_wrap02 */
.detail_table_wrap02 {width:100%;}
.detail_table_wrap02 .deatil_table_etc {position:relative; border-top:1px solid #666; width:100%;}
.deatil_table_etc caption {font-size:0; text-indent:-100000px; padding:0;}
.deatil_table_etc tr th, .deatil_table_etc tr td[scope="row"] {background:#f7f7f7; padding:8px 1px; text-align:center; font-size:15px; font-weight:500;}
.deatil_table_etc tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.deatil_table_etc tr td {font-size:15px; padding:20px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.deatil_table_etc tr th.last, .deatil_table_etc tr td.last {border-right:0;}
.deatil_table_etc ul li {margin-bottom:5px; font-size:1em;}
.deatil_table_etc ul li:last-child {margin-bottom:0px;}




/* sche_dule_wrap */
.sche_dule_wrap {width:100%;}
.sche_tit {font-size:20px; padding:14px 20px; font-weight:600; color:#111; background:#eee;}
.sche_tit span {font-size:1em; font-weight:300; margin-left:20px;}
.schedule_listbox {padding:40px 20px;}
.schedule_listbox_in {position:relative; padding-left:30px;}
.schedule_listbox_in:before {position:absolute; left:0; top:0; width:4px; height:100%; background-color:#f3f3f3; display:block; content:"";}
.schedule_list > p {position:relative; font-size:16px; margin-top:15px; display:inline-block;}
.schedule_list > p a {position:relative; font-size:1em; font-weight:700; display:block; padding:5px 40px 5px 20px; display:inline-block; border:1px solid #ddd; border-radius:100px; }
.schedule_list > p a:before {position: absolute; right: 16px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: block; width: 0px; height: 0px; border-top: 6px solid #666666; border-left: 6px solid transparent;
    border-right: 6px solid transparent;}
.schedule_list > p a.external_a {margin-left:10px; background-color:#f5f5f5; padding:5px 10px; border-color:#ddd; border-radius:5px; color:#333;}
.schedule_list > p a.external_a:before {display:none;}
.schedule_list > p:before {position:absolute; content:""; display:block; top:7px; left:-32px; width:8px; height:8px; border:2px solid #c0c0c0; background-color:#fff; border-radius:50%;}
.schedule_list > p.before_point:before {top:3px; left:-38px; width:18px; height:18px;  border:0; background-color:transparent; background-image:url('https://orangetour.kr/images/pin_220526.png'); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.schedule_list > .fs_up {font-size:18px;}
.schedule_list.on > p a {background:#f75609; color:#fff; border-color:#f75609;}
.schedule_list.on > p a span {color:#fff !important;}
.schedule_list.on > p a:before {border-top: 6px solid #fff;}


.schedule_list.on > p.food a {
	background-color:#082d71;
	border-color:#082d71;
}



/* schedule_etc */
.schedule_etc {margin-top:40px;}
.schedule_etc li {position:relative; font-size:14px; margin-bottom:5px;}
.schedule_etc li:after {clear:both; content:""; display:block;}
.schedule_etc li span {display:inline-block; font-size:1em;}
.schedule_etc li span.etc_tit {float:left; width:45px; background:#333; color:#fff; padding:1px 10px; border-radius:5px;}
.schedule_etc li span.etc_txt {float:right; width:calc(100% - 53px); margin-left:8px;}
.schedule_etc li span.etc_txt br {display:none;}
.schedule_etc li span.etc_tit.etc_tit02 {width:103px;}
.schedule_etc li span.etc_txt.etc_txt02 {width:calc(100% - 113px);}



/* schedule_detail */
.schedule_detail {border:1px solid #fff; border-radius:20px; padding:0 20px; height:0; overflow:hidden; transition:0.3s all ease;}
.schedule_detail.on {margin:5px 0 20px; border-color: #ddd; padding:20px; height:auto; transition:0.3s all ease;}
.sd_explain {font-size:15px; line-height:1.5;}
.sd_imglist {margin:10px -5px 0;  position:relative;}
.sd_imglist:after {clear:both; content:""; display:block;}
.sd_imglist li {position:relative; float:left; width:calc((100% - 20px)/3); margin:0 5px; padding-bottom:20%; border-radius:12px; overflow:hidden;}
.sd_imglist li img {position:absolute; left:0; top:0; right:0; bottom:0; object-fit:cover; width:100%; height:100%;}


.sd_imglist.sd_imglist_more li {
	padding-bottom:0;
}

.sd_imglist.sd_imglist_more li > div {
	position:relative;
	width:100%;
	padding-bottom:64%;
}

.sd_imglist.sd_imglist_more .slick-track {
	margin-left:0;
}


.sd_imglist.slick-slide {width:100%;}
.sd_imglist .slick-prev, 
.sd_imglist .slick-next { 
	display:block; 
	width:18px; 
	height:15px;
	border-radius:0;
	box-sizing:border-box; 
	padding: 0; 
	cursor: pointer;    
	color: transparent;    
	border: none;   
	outline: none;    
	background-color: #fff; 
	position: absolute;		
	top:-24px;  
	z-index:1;
	/* box-shadow:0 0 7px rgba(0,0,0,0.2); */
	transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease;  
	-webkit-transition: all 0.2s ease;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.sd_imglist .slick-prev:before, 
.sd_imglist .slick-next:before {
	display:none !important;
}
.sd_imglist .slick-prev {
	right:40px; 
	background-image:url('/images/sd_imglist_arrow02.svg'); 
	
}
.sd_imglist .slick-next {
	right:11px; 
	background-image:url('/images/sd_imglist_arrow01.svg');
}



/* schedule_list_notice */
.schedule_list_notice {margin-bottom:10px; width:95%;}
.schedule_list_notice > p {margin-top:5px; font-size:16px;}
.schedule_list_notice > p:before {display:none;}
.schedule_list_notice > p.notice_link a {position:relative; display:block;  border:1px solid #a3a3a3; padding:10px 15px; color:#666; font-size:1em;}
.schedule_list_notice > p.notice_link a:before {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: block; width: 0px; height: 0px; border-top: 10px solid #666666;
    border-left: 8px solid transparent; border-right: 8px solid transparent;}
.notice_detail {margin:0; border-radius:0; padding:20px; border:1px solid #a3a3a3; border-top:0; display:none; }
.notice_detail.on {display:block;}
.notice_detail > p {font-size:16px;}
.notice_detail .node_img {width:100%;}
.notice_detail .node_img img {width:100%;}
.notice_detail .node_img + p {font-size:16px; margin-top:15px;}

.muan_map {}
.muan_map > p {
	margin:5px 0 0px;
	padding:7px;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	text-align:center;
}

.muan_map > div {
	border:1px solid #ddd;
	border-top:0;
}

.muan_map > div > img {width:100%;}




/* detail_bottom */
.detail_bottom {padding:20px 10px;}
.detail_bottom_unit {border:1px solid #ddd;   padding:10px 15px; margin-bottom:10px;} 
.detail_bottom_unit .detail_stit {padding:10px 0; border-bottom:1px solid #ddd;}
.detail_bottom_unit .detail_box {padding:20px 0px;}


/* detail_box_ul02 */
.detail_box_ul02 {}
.detail_box_ul02 li {position:relative; position:relative; padding-left:15px; font-size:16px; margin-bottom:5px;}
.detail_box_ul02 li:before {position:absolute; left:0; top:7px; width:8px; height:8px; background:#fff; border:2px solid #666; content:""; display:block;}

/* detail_hotel */
.detail_hotel {width:100%; position:relative; margin-bottom:40px;}
.detail_hotel:after {clear:both; content:""; display:block;}
.detail_hotel_top {}
.dh_tit {display:flex; justify-content:space-between; align-items:center; font-size:20px; font-weight:700; color:#222; letter-spacing:-1px; margin:10px 0;}
.detail_hotel_left {float:left; width:50%; padding-right:30px;}
.detail_hotel_left img {width:100%;}
.detail_hotel_right {float:right; width:50%;}

.detail_box_ex {font-size:16px; margin:20px 0;}



/* hotel_popup_wrap */
.hotel_popup_wrap {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:999999;
}

.hotel_popup_in {
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	width:600px;
	height:90%;
	overflow-y:scroll;
	background-color:#fff;
	padding:70px 30px 30px;
}

.hotel_popup_in .hotel_name {
	font-size:24px;
	font-weight:700;
	margin-bottom:15px;
	line-height:1.2;
	word-break:keep-all;
}

.hotel_popup_img {
	width:100%;
}

.hotel_popup_img img {
	width:100%;
	margin-bottom:5px;
}

.dh_tit .hotel_popup_open {
	display:block;
	font-size:14px;
	border:1px solid #ddd;
	color:#666;
	font-weight:400;
	padding:3px 10px;
	background-color:#f7f7f7;
	border-radius:30px;
}

.hotel_popup_close {
	position:absolute;
	right:calc(50% - 410px);
	top:5%;
	width:90px;
	color:#fff;
	border:1px solid #ddd;
	text-align:center;
	padding:5px;
	border-radius:30px;
	font-size:15px;
}



.img.eventimg {
	width: 100%;
	padding: 5px 1%;
}




/* detail_video */
.detail_video_wrap {width:100%; height:0; padding-top:56.25%; position:relative; margin-top:30px;}
.detail_video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;}



/* detail_video_box */
.detail_video_box {display:flex; width:100%; justify-content:space-between; }
.detail_video_unit {width:calc(100% - 10px); margin:0 5px;}
.detail_video_unit .devi_in {width:100%; padding-top:56.26%; position:relative;}
.detail_video_unit .devi_in video {position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; object-fit:cover;}



/* detail_imgbox  */
.detail_imgbox {
	width:calc(100% + 10px);
	margin:0 -5px;
}


.dimgbox_unit {
	width:33.33%;
	margin:0 5px;
	position:relative;
	padding-bottom:24%;
}

.dimgbox_unit img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.detail_imgbox .slick-prev, 
.detail_imgbox .slick-next { 
	display:block; 
	width:18px; 
	height:15px;
	border-radius:0;
	box-sizing:border-box; 
	padding: 0; 
	cursor: pointer;    
	color: transparent;    
	border: none;   
	outline: none;    
	background-color: #fff; 
	position: absolute;		
	top:-24px;  
	z-index:1;
	/* box-shadow:0 0 7px rgba(0,0,0,0.2); */
	transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease;  
	-webkit-transition: all 0.2s ease;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.detail_imgbox .slick-prev:before, 
.detail_imgbox .slick-next:before {
	display:none !important;
}
.detail_imgbox .slick-prev {
	right:40px; 
	background-image:url('/images/sd_imglist_arrow02.svg'); 
	
}
.detail_imgbox .slick-next {
	right:11px; 
	background-image:url('/images/sd_imglist_arrow01.svg');
}




/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	

	.detail_stit {font-size:18px;}
	.detail_top_img li {width:50%; padding-bottom:25%;}

	.deatil_table tr th, .deatil_table tr td[scope="row"] {font-size:13px;}
	.deatil_table tr td {padding:10px 10px; font-size:13px;}


	.detail_top_unit02 {padding:5px 15px;}
	.detail_top_unit02 .detail_box {padding:8px 0 12px;}
	.detail_box_ul li {font-size:14px;}

	.sche_tit {font-size:18px;}

	.schedule_listbox {padding:20px 20px;}

	.detail_bottom_unit .detail_box {padding:8px 0 12px;}
	.detail_box_ul02 li {font-size:14px;}
	.detail_box_ul02 li:before {width:6px; height:6px;}
	
	.detail_box_ex {font-size:14px; margin:10px 0;}

	.detail_hotel:last-child {margin-bottom:0;}
	.detail_hotel_left {float:none; width:100%; padding-right:0; margin-bottom:10px;}
	.detail_hotel_right {float:none; width:100%;}

	.schedule_list > p a {border-radius:10px; line-height:1.2; padding:10px 40px 10px 10px; word-break:keep-all;}
	.schedule_detail {border-radius:10px;}

	.schedule_list > p a.external_a {
		display:block;
		word-break:break-all;
		margin-left:0;
	}



	/* hotel_popup_wrap */
	.hotel_popup_in {
		padding:20px 20px 20px;
		width:90%;
		height:520px;
		margin-top:-15px;
	}

	.hotel_popup_close {
		right:auto;
		top:auto;
		left:0;
		bottom:0;
		width:100%;
		border-radius:0;
		height:60px;
		background-color:#ffae00;
		font-size:18px;
		font-weight:700;
		border:0;
	}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


	/* .deatil_table.deatil_table_air */	
	.deatil_table.deatil_table_air colgroup {display:none;}
	.deatil_table.deatil_table_air td[scope="row"] {width:110px;}

	/* .deatil_table.deatil_table_price */
	.deatil_table.deatil_table_price colgroup {display:none;}
	.deatil_table.deatil_table_price tr th:nth-child(2) {width:27.66%;}
	.deatil_table.deatil_table_price tr th:nth-child(3) {width:29.66%;}
	.deatil_table.deatil_table_price tr th:last-child {width:23.66%;}
	.deatil_table.deatil_table_price tr td {padding:10px 5px;}

	.sd_imglist {margin-top:30px;}
	.sd_imglist li {width:100%; margin:0; padding-bottom:0; border:1px solid #efefef; /* padding-bottom:75%; */}
	/* .sd_imglist li:nth-child(2), .sd_imglist li:nth-child(3) {display:none;} */
	.sd_imglist li img {position:initial;}

	.sd_imglist.sd_imglist_more li > div {
		padding-bottom:0;
	}

	
	.schedule_etc li span.etc_txt br {display:block;} 


	.detail_video_box {display:block;}
	.detail_video_unit {width:100%; margin:0; }
	.detail_video_unit + .detail_video_unit {margin-top:10px;}

	/* detail_table_wrap02 */
	.detail_table_wrap02 {position:relative; overflow-x:scroll;}
	.detail_table_wrap02:before {display:block; content:"※테이블을 가로로 스크롤할 수 있습니다."; font-size:14px; color:#666;}
	.detail_table_wrap02 .deatil_table_etc {position:relative; width:560px; }
	.deatil_table_etc tr td.text_left {text-align:left;}	
	.deatil_table_etc tr td.text_left b {display:block; margin-bottom:-5px;}	


	/* detail_imgbox */
	.detail_imgbox {
		margin-top:30px;
	}

	.dimgbox_unit {
		width:100%;
		padding-bottom:0;
	}

	.dimgbox_unit img {
		position:initial;
	}


	/* hotel_popup_wrap */
	.dh_tit {
		flex-direction:column;
		align-items:baseline;
		gap:5px;
	}

	.dh_tit .hotel_popup_open {
		background-color:#a3a3a3;
		color:#fff;
		border:0;
	}


}

/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	




}


