.pc_mt50{margin-top:50px;}
.mybox2{width:100%;height:400px;}







/* Mobile Device 최소 ~ 최대 640px */
@media (max-width:640px) {
.mybox2{ height:300px;}
.pc_mt50{margin-top:30px;}
}



/* Mobile Device 최소 ~ 최대 400px */
@media (max-width:400px) {
.mybox2{ height:200px;}


}



.c_my_list .voucher_btn, .voucher_btn02, .voucher_btn03 {
    z-index: 11;float:left;
}



.voucher_btn_wrap{
	flex-wrap: wrap;gap: 5px;
	padding-top:10px;
}

.if_main .back_head_wrap{display:none;}
.if_view .back_head_wrap{display:none;}

@media screen and (max-width: 991px) {
.if_main .back_head_wrap{display:none;}
.if_view .back_head_wrap{display:block; box-sizing:border-box}
}




.sc_Header .search_open .title_box1 .title {font-size:18px; color:#000; font-weight:700;}

.sc_Header .search_open .keyword_box {margin-top:15px; display:flex; flex-direction:row; justify-content:flex-start; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:8px; height:auto; max-height:182px; overflow:hidden;}
 

.ting_map {width:100%; height: 300px}

 


.truncate-text-3line {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 원하는 줄 수 설정 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 넘치는 부분에 ... 표시 */
}


.btn_now_v2 {background-color:#ff9510; font-weight:normal; color:#fff!important; font-size:12px; border-radius:5px; padding:4px 8px; margin-left:5px; }



.searchResults {
    list-style: none;
    padding: 0;
    margin: 0;
}

.searchResults li {
    padding: 5px;
    cursor: pointer;
}

.searchResults li.highlighted {
    background-color: #d3d3d3;
}
.searchResults2 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.searchResults2 li {
    padding: 5px;
    cursor: pointer;
}

.searchResults2 li.highlighted {
    background-color: #d3d3d3;
}
.searchResults3 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.searchResults3 li {
    padding: 5px;
    cursor: pointer;
}

.searchResults3 li.highlighted {
    background-color: #d3d3d3;
}


.ting_map2 {
width:100%;
height: 80vh; /* 전체 화면 높이 */

}





	/* 버튼 컨테이너 */
	#buttons {width:70%; position: absolute; top: 10px; left: 57%; transform: translateX(-50%); z-index: 50; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-radius: 10px; box-shadow: 0 2px 4px ba(0, 0, 0, 0.3); display: flex; gap: 10px; box-sizing:border-box}
	
	@media (max-width:600px) {

	#buttons {width:100%; top:65px; left: 50%;}
	
	}
	
	/* 각 버튼 스타일 */
	.place-btn {padding: 1px 2px; background-color: #4285F4; color: white; border: none; border-radius: 5px; cursor: pointer; flex: 1}

	.place-btn:hover {background-color: #357AE8}

	/* 상세 정보 패널 */
	#place-details {position: fixed; bottom: -450px; left: 0; width: 100%; max-height: 450px; background-color: white; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3); border-radius: 15px 15px 0 0;		overflow-y: auto; transition: bottom 0.3s; padding: 15px; z-index: 50}

	/* 패널 안의 내용 */
	#place-details-content {display: none}

	/* 패널 닫기 버튼 */
	#close-btn {position: absolute; right: 20px; font-size: 15px; cursor: pointer}

	/* 사진 스타일 */
	.place-photo {width: 100%; height: 200px; border-radius: 10px; object-fit: cover;margin: 10px 0;}
 
	/* 경로, 공유 버튼 스타일 */
	.detail-btns {display: flex; justify-content: space-between; margin-top: 10px}

	.detail-btn {padding: 10px; flex: 1; margin-right: 10px; text-align: center; background-color: #4285F4; color: #fff!important; border-radius: 5px; text-decoration: none; cursor: pointer}

	.detail-btn:last-child {margin-right: 0; background-color:#222;}
	
	
.budget_conbody .list li em.exchange {background-color:#ff38a6;}








/* Mobile Device 최소 ~ 최대 640px */
@media (max-width:768px) {
.top_commu_menu_swiper_wrap{display:none}
.p_Subtop{display:none}

}

/* Mobile Device 최소 ~ 최대 640px */
.overflow_true{overflow-y: auto!important; /* 세로 스크롤을 활성화 */}





.c_layer_v2 {padding:0px; padding-top:0px!important; justify-content: flex-end; }
.c_layer .wrapping2 {height:100%;max-height:100%; width:100%; margin-top:10px; box-sizing:border-box;max-width:100% !important; border-radius:20px 20px 0 0; padding:2px;}
.c_layer .wrapping2 {position: relative; z-index: 2; width: 100%; max-width:750px; background: #fff; border-radius: 10px 10px 0 0; box-sizing: border-box; padding:0px;}
.c_layer .wrapping2 {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;  overflow-y: scroll;}
.c_layer .tit_box{padding:20px;}
.c_layer .inner_padding{padding:20px;}



.c_layer .tit_box h3.title {font-weight:700!important}
.c_layer .tit_box .blank_b {background-color:#ff38a6}
.c_layer .con {margin-top:20px}
.c_layer .con li {display:block; position:relative; padding:0 0 1rem 1.4rem; font-size:15px; word-break:keep-all; line-height:1.4}
.c_layer .con li:before {content:''; position:absolute; left:10px; top:5px; width:5px; height:5px; border-radius:100%; background-color:#ff38a6}


.c_layer .magazine_con .con li:before {width:0;}
.c_layer .magazine_con .con li {padding: 0 0 0 12px;}


.c_layer .con .box-gray strong.tit {display:block; /*font-weight:bold !important;*/ color:#333}
.c_layer .con .box-gray span {margin-top:10px; line-height:1.4; word-break: break-word}
 
.wrapping2  .btn_guide_close {position:absolute; right:10px; top:10px; width: 30px; height: 30px; font-size: 0;}
.wrapping2  .btn_guide_close {background: transparent url('/skin/site_m/responsive-play/images/c_img/ic_close.svg') right center no-repeat; background-size: 13px auto !important;}

.ting_list_btn {border:1px solid #21bee3; background-color:#21bee3; display:inline-block;  color:#fff; border-radius:50rem; padding:7px 5px; font-size:13px; width:100px; text-align:center; box-sizing:border-box;}

.inner_padding .item_box .icbtn {margin-left:0.5rem}
.inner_padding .item_box .icbtn a {background-color:#e7e7e7; border-radius:50rem}


.inner_padding .icbtn {margin-left: auto; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.inner_padding .icbtn .btn {width: 35px; height: 35px; background-repeat: no-repeat !important; background-position: center !important; background-size: 21px auto !important;}
.inner_padding .icbtn .btn_cart {background-image: url('/skin/site_m/responsive-play/images/c_img/item_cart.svg');}
.inner_padding .icbtn .btn_cart.hit {;}
.inner_padding .icbtn .btn_wish {background-image: url('/skin/site_m/responsive-play/images/c_img/item_wish.png');}
.inner_padding .icbtn .btn_delete {background-image: url('/skin/site_m/responsive-play/images/c_img/item_trash.png'); background-size:18px!important; }
.inner_padding .icbtn .btn_wish.hit {background-image: url('/skin/site_m/responsive-play/images/c_img/item_wish_on.svg');}




/* 로딩 스피너 스타일 */
.loading-spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	animation: spin-ani 1s linear infinite;
}

/* 회전 애니메이션 */
@keyframes spin-ani {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


.boolub-video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 비율 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.boolub-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* 공통 영상 박스 스타일 (유튜브 / 비메오 동일 적용) */
.video_bg_detail {position: relative;  width: 100%;  padding-bottom: 64.42%; /* 1.552:1 비율 */  overflow: hidden; background-color:#000;  /*border-radius: 8px;*/}
.video_bg_detail.vimeo_style_detail iframe {position: absolute;  top: 0; left: 0;  width: 100%;  height: 100%;  border: none;  z-index: 0;  /* 필요 시 클릭 막기:  pointer-events: none;  */}
/* 🔊 소리 버튼 스타일 */
.volume_toggle_detail {  position: absolute;  z-index: 10;  bottom: 15px;  right: 15px;  padding: 8px 12px;  font-size: 14px;  background: rgba(0, 0, 0, 0.6);  color: #fff;  border: none;  border-radius: 4px;  cursor: pointer;}