@charset "utf-8";

/*body{background:url("/tour/images/map/map_img.png")no-repeat center center; background-size:cover; height:100vh;}*/
/* Mobile */

/*.realmap{height:100vh; z-index:-1;}*/
.sub_container{margin:0 !important;}
.smartmap{position:absolute; top:0; left:0; z-index:999;}
.map_tit{background:#a77053; padding:10px 20px;}
.map_tit h4{color:#fff; font-weight:600; font-size:25px; margin:5px 0;}
.map_tit .map_search{margin:14px 0;}
.map_tit .map_search input{margin:4px 0;}
.map_tit .map_search .form_sel{height:42px; border:1px solid #dedede; border-radius:5px; margin:2px 0;}
.map_tit .map_search .form_txt{border:1px solid #dedede; border-radius:5px; width:calc(100% - 60px); height:45px; padding:0 5px;}
.map_tit .map_search .form_sm{background: #3f3936; border-radius:5px; color:#fff; font-size:15px; height:45px; font-weight:600; padding:0 12px;}

.map_btn_bg{ display:none;}
.map_con{position:relative; background-color: #fff; height:200px; border:1px solid #a77053; border-radius:0 0 20px 20px; padding:10px }
.map_con.on .map_open{display:none;}
.map_con.on .map_btn_bg{display:block;}
.map_con .map_open{position:absolute; top:50%; left:50%; transform:translate(-50%, -52%); font-size:0; background:#a77053 url("/tour/images/map/map_open.png")no-repeat center center; width:35px; height:35px; border-radius:50%;}
.map_con .map_close{position:absolute; top:50%; left:50%; transform:translate(-50%, 225%); font-size:0; background:#a77053 url("/tour/images/map/map_close.png")no-repeat center center;  width:35px; height:35px; border-radius:50%;}

/* .map_btn{display:flex;} */
.map_btn{margin:0 10px;}
.map_btn .map_all{display:block; background:#3f3936; color:#fff; font-weight:500; font-size:15px; text-align:center; padding:10px; border-radius:5px; margin:10px 0; }
.map_btn .map_list{display:flex; justify-content:space-between; align-items:center;}
.map_btn .map_list a{display:block;  font-size:15px; text-align:center; font-weight:500; margin:15px 10px 0 0; padding-top:55px; background-size:25px 25px; width:53px;  height:53px; border-radius:50%;}
.map_btn .map_list li:nth-of-type(1) a{background:#a77053 url("/tour/images/map/map_btn1.png")no-repeat center center; background-size:26px 23px;}
.map_btn .map_list li:nth-of-type(2) a{background:#457c9e url("/tour/images/map/map_btn2.png")no-repeat center center; background-size:26px 26px;}
.map_btn .map_list li:nth-of-type(3) a{background:#5b99ab url("/tour/images/map/map_btn3.png")no-repeat center center; background-size:28px 26px;}
.map_btn .map_list li:nth-of-type(4) a{background:#b77736 url("/tour/images/map/map_btn4.png")no-repeat center center; background-size:28px 28px;}

.map_plus{border:1px solid #a77053;border-radius:20px;background:#fff;padding:20px 10px;width: auto;position:relative;top:100px;left:20px;}
.map_plus .map_plus_tit{position:absolute; top:-13px; left:-3px; background:#a77053; color:#fff; border-radius:0 30px 30px 30px; padding:10px 20px; font-weight:500; font-size: 17px;}
.map_plus .map_plus_list{padding:15px 0 0 5px;}
.map_plus .map_plus_list li{color:#1d1d1d; font-size:16px; margin:5px 0;}
.map_plus .map_plus_list strong{color:#484848;  font-weight:600; margin-right:10px; }
.map_plus .map_call{display:inline-block; background:url("/tour/images/map/map_call.png")no-repeat 0 2px; padding-left:20px;}
.map_plus .map_close2{position:absolute;left: 143px;bottom:-11px;font-size:0;background:#a77053 url("/tour/images/map/map_close.png")no-repeat center center;width:27px;height:27px;border-radius:50%;}

/* Tablet */
@media all and (min-width:768px){
.map_con{height:220px;}
.map_con .map_close{transform:translate(-50%, 253%);}
.map_btn .map_all{margin:20px 55px;}
.map_btn .map_list{justify-content:space-around;}

}


/* Desktop */
@media all  and (min-width:1023px){

.map_wrap{width:344px; margin:0 auto;}

.map_tit{width:400px; border-radius:0 30px 0 0; padding:20px 0;}
.map_tit h4{font-size:35px;}
.map_con{width:400px; height:400px; border-radius:0 0 30px 0;}
.map_con .map_close{display:none;}

.map_btn .map_all{margin:10px 0; font-size:20px;}
.map_btn .map_list{flex-wrap:wrap; width:100%; justify-content: space-around; gap:30px;}
.map_btn .map_list li{margin-bottom:20px;}
.map_btn .map_list a{font-size:20px; line-height:100px;  }
.map_btn .map_list li:nth-of-type(1) a{width:80px; height:80px; background-size:32px 30px;}
.map_btn .map_list li:nth-of-type(2) a{width:80px; height:80px;}
.map_btn .map_list li:nth-of-type(3) a{width:80px; height:80px;}
.map_btn .map_list li:nth-of-type(4) a{width:80px; height:80px;}

}


@media all  and (min-width:1400px){
.map_tit{width:430px;}
.map_con{width:430px;}
}