.middle_guide_vitem { margin-bottom: 60px; }
@media(max-width:1023px){
	.middle_guide_vitem { margin-bottom: 30px; }
}

/* 국가/도시검색  */
.region_top_bg { position: relative; max-width: 1200px; margin: 40px auto; border-radius: 10px; overflow: hidden; }
.region_top_bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 100%); z-index: 0; }
.region_top_bg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: -1; }
.region_top_bg .link_popup { display: block; position: relative; z-index: 10; padding: 30px 20px; color: #fff; }
.region_top_bg .link_popup .country_name { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 14px; }
.region_top_bg .link_popup .region_name { display: flex; justify-content: start; align-items: center; }
.region_top_bg .link_popup .region_name .name { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 22px; position: relative; margin-right: 5px; }
.region_top_bg .link_popup .region_name .arrow { display: block; width: 13px; height: 13px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); flex-shrink: 0; }
.region_pop { height: 75vh; overflow: hidden; display: flex; flex-direction: column;}
.region_pop .region_inner { flex: 1 1 auto; min-height: 0; display: flex; overflow: hidden; gap: 10px; padding: 10px 13px 20px; }
.region_pop .region_inner .pop_left_area { position: relative; flex: 0 0 130px; overflow-y: auto; max-height: 100%; -ms-overflow-style: none; scrollbar-width: none; }
.region_pop .region_inner .pop_left_area .contury_list { margin-top: 0px; max-height: 650px; overflow-y: scroll;}
.region_pop .region_inner .pop_left_area .contury_list::-webkit-scrollbar { display: none; }
.region_pop .pop_left_area .contury_list .contury_item { background: #fff; border-bottom: 1px solid #ccd0db; }
.region_pop .pop_left_area .contury_list .contury_item.active { background: #fff; border-bottom: 2px solid #176bdd; }
.region_pop .pop_left_area .contury_list .contury_item.active .link_cont { color: #176bdd; font-weight: 700; }
.region_pop .pop_left_area .contury_list .contury_item .link_cont { display: block; padding: 15px 10px; font-size: 14px; font-weight: 500; }
.region_pop .region_inner .pop_right_area { flex: 1 1 auto; overflow-y: auto; max-height: 100%; padding-right: 0px; -ms-overflow-style: none; scrollbar-width: none; }
.region_pop .region_inner .pop_right_area:-webkit-scrollbar { display: none; }
.region_pop .top_wrap { display: flex; flex: 0 0 auto; justify-content: flex-end; padding: 30px 40px 10px; }
.region_pop .top_search_area { border: 1px solid #ccd0db; padding: 10px; display: flex; justify-content: flex-end; background: #fff; width: 82%; }
.region_pop .top_search_area .search_txt { border: none; width: 100%; }
.region_pop .top_search_area .search_icon { display: block; width: 20px; height: 20px; background: url(../../images/ico_search.png)no-repeat; background-size: contain; }
.region_pop .pop_right_area .detail_region_area { margin-top: 10px; max-height: 650px; overflow-y: scroll; }
.region_pop .pop_right_area .detail_region_area .region_box { padding-bottom: 30px; padding-right: 15px; }
.region_pop .pop_right_area .detail_region_area .region_box .inner_tit { font-size: 16px; font-weight: 500; }
.region_pop .pop_right_area .detail_region_area .region_box .inner_tit:after { content: ''; display: inline-block; margin-left: 3px; width: 9px; height: 9px; border-top: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(45deg); }
.region_pop .pop_right_area .detail_region_area .region_box .region_list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 10px; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item { border: 1px solid #ccd0db; border-radius: 5px; position: relative; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item::before { content: ''; position: absolute; right: 10px; top: 24px; width: 10px; height: 10px; border-top: 1px solid #ccd0db; border-right: 1px solid #ccd0db; transform: rotate(45deg); }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item a { display: flex; justify-content: start; gap: 20px; padding: 10px; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .img_box { position: relative; width: 40px; height: 40px; border-radius: 100%; overflow: hidden; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .text_box .r_name { font-size: 14px; font-weight: 500; }
.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .text_box .total_num { display: block; color: #a2a2a2; }

@media(max-width:1023px){
	.top_bg_wrap { padding: 0 20px; }
	.region_pop .top_wrap { padding: 0; padding-right: 15px; }
	.region_pop .top_search_area { width: 100%; margin-left: 15px;}
	.region_pop .region_inner { padding: 15px 0 10px; }
	.region_pop .pop_right_area .top_search_area { padding: 10px 5px; }
	.region_pop .region_inner .pop_left_area { position: relative; flex: 0 0 95px; overflow-y: auto; max-height: 100%; -ms-overflow-style: none; scrollbar-width: none; }
	.region_pop .pop_left_area .contury_list .contury_item .link_cont { font-size: 12px; padding: 15px 5px; }
	.region_pop .region_inner .pop_right_area { padding-right: 0; padding-top: 5px; }
	.region_pop .region_inner { gap: 10px; }
	.region_pop .pop_right_area .detail_region_area .region_box { padding-bottom: 20px; padding-right: 5px; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list { display: block; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item { margin-bottom: 10px; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item:last-child { margin-bottom: 0; }
	.region_pop .pop_right_area .top_search_area .search_txt { font-size: 12px; }
	.region_pop .pop_right_area .detail_region_area .region_box .inner_tit { font-size: 13px; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item a { gap: 5px; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .text_box .r_name { font-size: 12px; }
	.region_pop .pop_right_area .detail_region_area .region_box .region_list .region_item .text_box .total_num { font-size: 11px; }
 }


/* 이동 탭 */
.out_wrap_container_zone{position: relative; overflow: hidden;}
.out_wrap {}
.out_wrap.fixed { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 20; }
.out_wrap .top_icon_area {background: #fff; border-bottom: 1px solid #dfdfdf; }
.out_wrap .top_icon_area .swiper.topicon { position: relative; overflow: hidden; padding: 20px 0px; max-width: 1200px; margin: 0 auto; background: #fff; }
.out_wrap .top_icon_area .swiper.topicon .swiper-slide { text-align: center; max-width: 60px; padding: 0px 10px;}
.out_wrap .top_icon_area .swiper.topicon .swiper-slide .go_to_link .icon_txt{ display: block; width: 100%; height: 100%; }
.out_wrap .top_icon_area .swiper.topicon .swiper-slide .go_to_link.active { color: #176bdd; font-weight: bold;}
.out_wrap .top_icon_area .swiper.topicon .swiper-slide .icon_img { position: relative; width: 60px; height: 60px; overflow: hidden; border-radius: 100%; margin-bottom: 5px; }
.out_wrap .top_icon_area .swiper.topicon .swiper-slide .icon_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.out_wrap .top_icon_area .swiper.topicon .swiper-slide .icon_txt { font-size: 14px; }

@media (max-width: 1023px) {
    .out_wrap.fixed { top: 55px; }
    .out_wrap .top_icon_area .swiper.topicon { padding: 10px 10px; }
}