@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('/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;font-size: 16px;}
.sd_explain {font-size:15px; line-height:1.5;}
.sd_explain img{max-width: 100%;}
.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 {}
.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;}

#review_dd .detail_bottom_unit {border-color:#ebe7e3; border-radius:16px; padding:22px 28px 28px; background:#fff;}
#review_dd .review-section-head {position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:0 0 18px 17px; border-bottom:1px solid #eee9e5;}
#review_dd .review-section-head:before {position:absolute; left:0; top:2px; width:5px; height:47px; border-radius:999px; background:#ff641f; content:"";}
#review_dd .detail_stit.review-section-title {margin:0; padding:0; border:0; font-size:25px; line-height:1.25; letter-spacing:-1.1px;}
#review_dd .review-section-description {margin:6px 0 0; color:#85817e; font-size:14px; line-height:1.5; letter-spacing:-0.25px;}
#review_dd .detail_box {padding:18px 0 0;}
#review_dd iframe {display:block; width:100%;}

/* 여행 출발 전 안내 배너 */
.before-trip-banner-wrap {padding:5px 15px 10px;}
.before-trip-banner {
	display:block;
	position:relative;
	min-height:190px;
	overflow:hidden;
	border-radius:16px;
	background:#10233f url('/img/before_trip/product-detail-banner.webp') center center / cover no-repeat;
	box-shadow:0 8px 24px rgba(16,35,63,.16);
	color:#fff;
	text-decoration:none;
	isolation:isolate;
	transition:transform .25s ease, box-shadow .25s ease;
}
.before-trip-banner:before {
	display:block;
	position:absolute;
	inset:0;
	z-index:-1;
	content:"";
	background:linear-gradient(90deg, rgba(8,28,53,.98) 0%, rgba(10,31,57,.9) 45%, rgba(10,31,57,.18) 73%, rgba(10,31,57,.05) 100%);
}
.before-trip-banner:hover,
.before-trip-banner:focus {color:#fff; text-decoration:none; transform:translateY(-2px); box-shadow:0 12px 30px rgba(16,35,63,.24);}
.before-trip-banner:focus-visible {outline:3px solid #ff641e; outline-offset:3px;}
.before-trip-banner__content {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:190px; padding:25px 34px;}
.before-trip-banner__eyebrow {display:inline-block; margin-bottom:5px; font-size:12px; font-weight:700; letter-spacing:1.8px; color:#ff9a6b;}
.before-trip-banner__title {display:block; font-size:28px; line-height:1.25; letter-spacing:-1.5px; color:#fff;}
.before-trip-banner__description {display:block; margin-top:7px; font-size:15px; line-height:1.5; color:rgba(255,255,255,.84);}
.before-trip-banner__button {display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:8px 15px; border-radius:999px; background:#ff641e; font-size:14px; font-weight:700; color:#fff;}
.before-trip-banner__button span {font-size:18px; line-height:1; transition:transform .2s ease;}
.before-trip-banner:hover .before-trip-banner__button span {transform:translateX(3px);}


/* 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%;}
.hotel_img_item.hotel_img_placeholder {display:flex; align-items:center; justify-content:center; width:100%; min-height:260px; aspect-ratio:4 / 3; border:1px solid #ececec; border-radius:8px; background:#fafafa; overflow:hidden;}
.detail_hotel_left .hotel_img_placeholder img {display:block; width:38%; max-width:155px; height:auto; object-fit:contain;}
.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;}

	#review_dd.detail_bottom {padding-left:10px !important; padding-right:10px !important;}
	#review_dd .detail_bottom_unit {padding:18px 16px 20px; border-radius:13px;}
	#review_dd .review-section-head {padding:0 0 15px 14px;}
	#review_dd .review-section-head:before {width:4px; height:42px; top:1px;}
	#review_dd .detail_stit.review-section-title {font-size:21px;}
	#review_dd .review-section-description {margin-top:4px; font-size:13px;}
	#review_dd .detail_box {padding-top:14px;}

	.before-trip-banner-wrap {padding:5px 15px 10px;}
	.before-trip-banner {min-height:210px; border-radius:12px; background-position:62% center;}
	.before-trip-banner:before {background:linear-gradient(90deg, rgba(8,28,53,.98) 0%, rgba(8,28,53,.86) 60%, rgba(8,28,53,.2) 100%);}
	.before-trip-banner__content {min-height:210px; max-width:78%; padding:22px 20px;}
	.before-trip-banner__title {font-size:22px; letter-spacing:-1px;}
	.before-trip-banner__description {font-size:13px; word-break:keep-all;}
	.before-trip-banner__button {margin-top:13px; padding:7px 13px; font-size:13px;}
	
	.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;}
	.hotel_img_item.hotel_img_placeholder {min-height:220px;}
	.detail_hotel_left .hotel_img_placeholder img {width:34%; max-width:140px;}
	.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) {	

	




}