.main_contents{min-height:calc(100dvh - 180px);position:relative;overflow:hidden}.main_contents .map_wrap{z-index:1;width:calc(100% - 500px);height:100%;margin-left:500px;transition:all .5s;position:absolute;top:0;left:0}.main_contents .map_wrap.active_left{width:100%;margin-left:0}.main_contents .map_wrap .icon_wrap{display:none}.main_contents .map_wrap .icon_wrap .icon{z-index:99;cursor:pointer;position:absolute;background-size:100%!important}.main_contents .map_wrap .ic_weather{background:url(/images/main/btn_weather.png) 50% no-repeat;width:35px;height:35px}.main_contents .map_wrap .ic_accident{background:url(/images/main/ic_trgl_accident_large.png) 50% no-repeat;width:46px;height:40px}.main_contents .map_wrap .ic_work{background:url(/images/main/ic_trgl_work_large.png) 50% no-repeat;width:46px;height:40px}.main_contents .map_wrap .ic_service{background:url(/images/main/ic_circle_rest.png) 50% no-repeat;width:40px;height:40px}@media screen and (max-width:1280px){.main_contents{min-height:calc(100dvh - 170px)}.main_contents .map_wrap .map{height:790px}.main_contents .map_wrap .legend{bottom:10px;left:10px}}@media screen and (max-width:1180px){.main_container{padding-top:0;transition:all .9s}.main_contents{min-height:calc(100dvh - 160px)}.main_contents .map_wrap{width:calc(100% - 360px);margin-left:360px}.main_contents .map_wrap .map{height:700px}}@media screen and (max-width:980px){.main_contents{min-height:calc(100dvh - 170px)}}@media screen and (min-width:768px){.main_contents .left_wrap ::-webkit-scrollbar{width:7px;height:7px}.main_contents .left_wrap ::-webkit-scrollbar-thumb{background-color:#3673ee;border-radius:0}.main_contents .left_wrap ::-webkit-scrollbar-thumb:hover{background-color:#1954cb}.main_contents .left_wrap ::-webkit-scrollbar-track{background-color:#ccc}}@media screen and (max-width:640px){.main_container{padding-top:0}.main_contents{min-height:calc(100dvh - 160px)}.main_contents .map_wrap{width:calc(100% - 330px);margin-left:330px}.main_contents .map_wrap .map{height:650px}.main_contents .map_wrap.active_right{width:100%}.main_contents .map_wrap .ic_weather{width:30px;height:30px}.main_contents .map_wrap .ic_accident,.main_contents .map_wrap .ic_work{width:40px;height:35px}.main_contents .map_wrap .ic_service{width:35px;height:35px}}@media screen and (max-width:480px){.main_contents{min-height:calc(100dvh - 140px)}}
.main_contents .right_menu{z-index:2;width:160px;position:absolute;top:15px;bottom:0;right:20px}.main_contents .right_menu .view_tab{background:#fff;border-radius:10px 10px 0 0;font-size:0;overflow:hidden}.main_contents .right_menu .view_tab li{vertical-align:top;border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:50%;display:inline-block}.main_contents .right_menu .view_tab li:nth-child(2n+2){border-right:0}.main_contents .right_menu .view_tab li a{text-align:center;color:#333;justify-content:center;align-items:center;height:37px;font-size:15px;line-height:1.1;display:flex}.main_contents .right_menu .view_tab li .exTvTab{text-align:center;color:#333;background-color:#f7f7f7;justify-content:center;align-items:center;height:37px;font-size:15px;line-height:1.1;display:flex}.main_contents .right_menu .view_tab li .exTvTab.active{background-color:#fdb1b1}.main_contents .right_menu .view_tab li.active a{color:#fff;background-color:#3673ee}.main_contents .right_menu .area{background:#fff;border-radius:0 0 10px 10px;margin-bottom:10px;font-size:0;overflow:hidden}.main_contents .right_menu .area li{vertical-align:top;border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:50%;display:inline-block}.main_contents .right_menu .area li:nth-child(2n+2){border-right:0}.main_contents .right_menu .area li a{text-align:center;color:#333;justify-content:center;align-items:center;height:35px;font-size:15px;display:flex}.main_contents .right_menu .area li:hover a,.main_contents .right_menu .area li.active a{color:#3673ee;background-color:#d7e3fc;font-weight:700}.main_contents .right_menu .area li.zoom{border:0;width:100%;padding:0}.main_contents .right_menu .area li.zoom:hover,.main_contents .right_menu .area li.zoom.active{border-left:0}.main_contents .right_menu .area li.zoom button{border-bottom:1px solid #ddd;border-right:1px solid #ddd;height:32px}.main_contents .right_menu .area li.zoom button:last-child{border-right:0}.main_contents .right_menu .area li.zoom button.btn_zoomOut{background:url(/images/main/ic_minus.png) 50% no-repeat}.main_contents .right_menu .area li.zoom button.btn_zoomIn{background:url(/images/main/ic_plus.png) 50% no-repeat}.main_contents .right_menu .menu{background:#fff;border-radius:10px;position:relative;overflow:hidden}.main_contents .right_menu .menu .menu_list{font-size:0}.main_contents .right_menu .menu .menu_list li{vertical-align:top;border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:50%;display:inline-block}.main_contents .right_menu .menu .menu_list li:nth-child(2n+2){border-right:0}.main_contents .right_menu .menu .menu_list li a{text-align:center;letter-spacing:-.5px;flex-direction:column;justify-content:center;align-items:center;height:59px;font-size:14px;font-weight:500;display:flex}.main_contents .right_menu .menu .menu_list li a.list1{color:#e73d42!important}.main_contents .right_menu .menu .menu_list li.active a{color:#3673ee;background-color:#d7e3fc}.main_contents .right_menu .menu .menu_list li.active a.list1{background-color:#fdebec}.main_contents .right_menu .menu .menu_list li a .icon{background-position:50%;background-repeat:no-repeat;width:50px;height:35px;margin:0 0 3px;display:block;background-size:50px!important}.main_contents .right_menu .menu .menu_list li a .icon.icon1{background-image:url(/images/main/right_menu_icon1.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon2{background-image:url(/images/main/right_menu_icon2.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon3{background-image:url(/images/main/right_menu_icon3.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon4{background-image:url(/images/main/right_menu_icon4.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon5{background-image:url(/images/main/right_menu_icon5.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon6{background-image:url(/images/main/right_menu_icon6.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon7{background-image:url(/images/main/right_menu_icon7.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon8{background-image:url(/images/main/right_menu_icon8.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon9{background-image:url(/images/main/right_menu_icon9.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon10{background-image:url(/images/main/right_menu_icon10.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon11{background-image:url(/images/main/right_menu_icon11.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon12{background-image:url(/images/main/right_menu_icon12.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon13{background-image:url(/images/main/right_menu_icon13.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon14{background-image:url(/images/main/right_menu_icon14.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon17{background-image:url(/images/main/right_menu_icon17.png)}.main_contents .right_menu .menu .menu_list li a .icon.icon18{background-image:url(/images/main/right_menu_icon18.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon2{background-image:url(/images/main/right_menu_icon2_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon3{background-image:url(/images/main/right_menu_icon3_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon4{background-image:url(/images/main/right_menu_icon4_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon5{background-image:url(/images/main/right_menu_icon5_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon6{background-image:url(/images/main/right_menu_icon6_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon7{background-image:url(/images/main/right_menu_icon7_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon8{background-image:url(/images/main/right_menu_icon8_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon9{background-image:url(/images/main/new_right_menu_icon9_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon10{background-image:url(/images/main/right_menu_icon10_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon11{background-image:url(/images/main/right_menu_icon11_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon12{background-image:url(/images/main/right_menu_icon12_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon13{background-image:url(/images/main/right_menu_icon13_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon14{background-image:url(/images/main/right_menu_icon14_active.png)}.main_contents .right_menu .menu .menu_list li.active a .icon.icon17{background-image:url(/images/main/right_menu_icon17_active.png)}.main_contents .right_menu .menu .menu_list li a .icon.ic_menu_satellite{background:url(/images/main/right_menu_icon4.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li.active a .icon.ic_menu_satellite{background:url(/images/main/right_menu_icon4_active.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li a .icon.ic_menu_eleco{background:url(/images/main/ic_menu_elecoc_off.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li.active a .icon.ic_menu_eleco{background:url(/images/main/ic_menu_elecoc_on.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li a .icon.ic_menu_dovms,.main_contents .right_menu .menu .menu_list li.active a .icon.ic_menu_dovms{background:url(/gis/images/common/icon_map_vms.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li a .icon.ic_menu_munvms,.main_contents .right_menu .menu .menu_list li.active a .icon.ic_menu_munvms{background:url(/gis/images/common/btn_vms.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li a .icon.ic_menu_elecoccar{background:url(/images/main/ic_menu_elecoc_off.png) 50% no-repeat}.main_contents .right_menu .menu .menu_list li.active a .icon.ic_menu_elecoccar{background:url(/images/main/ic_menu_elecoc_on.png) 50% no-repeat}@media screen and (max-width:1280px){.main_contents .right_menu .view_tab li a,.main_contents .right_menu .view_tab li .exTvTab{height:40px;font-size:14px}.main_contents .right_menu .menu .menu_list li a{height:55px;font-size:13px}.main_contents .right_menu .area li a{height:30px;font-size:14px}.main_contents .right_menu .area li.zoom button{height:35px}.main_contents .right_menu .menu .menu_list li a .icon{background-size:40px!important}}@media screen and (max-width:1180px){.main_contents .right_menu{width:120px;transition:all .5s;right:-120px}.main_contents .right_menu.active{right:10px}.main_contents .right_menu .area li a{font-size:14px}.main_contents .right_menu .area li.zoom button{background-size:15px!important}.main_contents .right_menu .area li.zoom button.btn_zoomOut{background:url(/images/mobile/main/ic_minus.png) 50% no-repeat}.main_contents .right_menu .area li.zoom button.btn_zoomIn{background:url(/images/mobile/main/ic_plus.png) 50% no-repeat}.main_contents .right_menu .legend li div{vertical-align:bottom;border-left:5px solid;height:70px;padding:0 0 0 10px;font-size:14px;line-height:18px}.main_contents .right_menu .legend li div span{padding-bottom:15px;font-size:12px}.main_contents .right_menu .btn_right{background:url(/images/main/btn_right_open.png) 50% no-repeat;width:20px;height:70px;margin-top:-70px;padding:0;position:absolute;top:50%;left:-20px;background-size:20px!important}.main_contents .right_menu .btn_right.active{background:url(/images/main/btn_right_close.png) 50% no-repeat;display:block!important}}@media screen and (max-width:640px){.main_contents .right_menu{top:90px}.main_contents .right_menu .area li a{font-size:13px}.main_contents .right_menu .area li.zoom button{background-size:12px!important}.main_contents .right_menu .menu .menu_list li a{height:50px}.main_contents .right_menu .menu .menu_list li a .icon{height:25px}}@media screen and (max-width:480px){.main_contents .right_menu .legend li div{height:45px}.main_contents .right_menu .legend li div span{padding-bottom:5px}.main_contents .right_menu .view_tab li a,.main_contents .right_menu .view_tab li .exTvTab,.main_contents .right_menu .area li a{height:20px;font-size:10px}.main_contents .right_menu .area li.zoom button{height:20px}.main_contents .right_menu .menu .menu_list li a{height:35px;font-size:10px}.main_contents .right_menu .menu .menu_list li a .icon{height:16px;background-size:24px!important}}