.main_contents .left_wrap+.map_wrap+.right_menu+.loading_box{width:100%;left:0}.main_contents .left_wrap.active+.map_wrap+.right_menu+.loading_box{width:calc(100% - 500px);left:500px}.main_contents .left_wrap{z-index:10;background:#252931;border-right:1px solid #3c4047;width:500px;height:100%;transition:all .5s;position:absolute;top:0;bottom:0;left:-500px}.main_contents .left_wrap.active{left:0}.main_contents .left_wrap .left_wrap_content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.main_contents .left_wrap .top_menu{flex:none;height:100px;display:flex}.main_contents .left_wrap .top_menu li{flex:auto}.main_contents .left_wrap .top_menu li a{letter-spacing:-2px;text-align:center;color:#fff;background:#373d51;border-right:1px solid #585d6d;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 5px;font-size:16px;font-weight:500;display:flex}.main_contents .left_wrap .top_menu li:last-child a{border-right:0}.main_contents .left_wrap .top_menu li:hover a,.main_contents .left_wrap .top_menu li.active a{background:#3673ee;border-color:#3673ee}.main_contents .left_wrap .top_menu li a img{margin-bottom:5px}.main_contents .left_wrap .top_menu li a span{display:block}.main_contents .left_wrap .tab_cont{color:#fff}.main_contents .left_wrap .tab_cont .ic_mark{color:#fff;background:url(/images/main/ic_mark_large.png) 50% no-repeat;width:28px;height:27px;margin-right:4px;padding:0;font-size:12px;line-height:32px}.main_contents .left_wrap .tab_cont .ic_mark_national{color:#fff;background:url(/images/main/ic_mark_national.png) 50% no-repeat;width:28px;height:27px;margin-right:4px;padding:0;font-size:12px;line-height:32px}.main_contents .left_wrap .tab_cont .ic_mark_gibangdo{color:#00f;background:url(/images/main/ic_gibangdo.png) 50% no-repeat;width:28px;height:28px;margin-right:4px;padding:0;font-size:12px;font-weight:700;line-height:28px}.main_contents .left_wrap .tab_cont .ic_goodoil{background:url(/images/main/ic_goodoil.png) 50% no-repeat;width:35px;height:35px;padding:0}.main_contents .left_wrap .tab_cont .ic_sk{background:url(/images/main/ic_sk.png) 50% no-repeat;width:35px;height:35px;padding:0}.main_contents .left_wrap .tab_cont .ic_lpg{background:url(/images/main/ic_lpg.png) 50% no-repeat;width:35px;height:35px;padding:0}.main_contents .left_wrap .tab_cont .ic_charge{background:url(/images/main/ic_charge.png) 50% no-repeat;width:35px;height:35px;padding:0}.main_contents .left_wrap .tab_cont .ic_rest{background:url(/images/main/ic_rest.png) 50% no-repeat;width:30px;height:30px;padding:0}.main_contents .left_wrap .tab_cont .ic_food{background:url(/images/main/ic_food.png) 50% no-repeat;width:30px;height:30px;padding:0}.main_contents .left_wrap .tab_cont{padding:10px}.main_contents .left_wrap .tab_cont .search_wrap input[type=text]{width:calc(100% - 67px);height:40px}.main_contents .left_wrap .tab_cont .title .btn_wrap{position:absolute;top:-5px;bottom:0;right:15px}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_map{text-indent:-9999px;background:url(/images/main/btn_map_off.png) 50% no-repeat;width:33px;height:33px;margin-left:2px;padding:0;background-size:100%!important}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_map.active{background:url(/images/main/btn_map_on.png) 50% no-repeat}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_zoom,.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_weather{color:#fff;border-radius:5px;height:30px;padding:0 6px;font-size:14px;font-weight:500;line-height:30px}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_weather{background-color:#4c36ee}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_fogFreez{color:#fff;background-color:#9001cb;border-radius:5px;height:30px;padding:0 6px;font-size:14px;font-weight:500;line-height:30px}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_fogFreez.active{background-color:#6e009b}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_zoom{background-color:#3673ee}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_zoom.active .txt{display:none}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn_zoom.active:before{content:"간략"}.main_contents .left_wrap .route_list dl dt.title .btn_wrap{top:6px;right:0}.main_contents .left_wrap .btn_left{background:url(/images/main/btn_left_open.png) 50% no-repeat;width:30px;height:70px;margin-top:-35px;position:absolute;top:50%;right:-31px;background-size:100%!important}.main_contents .left_wrap .btn_left.active{background:url(/images/main/btn_left_close.png) 50% no-repeat}.icon.rest{background:url(/images/leftMenu/leftTopRest.png) 50% no-repeat}.icon.rest.active{background:url(/images/leftMenu/leftTopRestOn.png) 50% no-repeat}.icon.sleep{background:url(/images/leftMenu/leftTopSS.png) 50% no-repeat}.icon.sleep.active{background:url(/images/leftMenu/leftTopSSOn.png) 50% no-repeat}.icon.hydro{background:url(/images/leftMenu/leftTopHydr.png) 50% no-repeat}.icon.hydro.active{background:url(/images/leftMenu/leftTopHydrOn.png) 50% no-repeat}.icon.elec{background:url(/images/leftMenu/leftTopElec.png) 50% no-repeat}.icon.elec.active{background:url(/images/leftMenu/leftTopElecOn.png) 50% no-repeat}.icon.fuel{background:url(/images/leftMenu/leftTopOil.png) 50% no-repeat}.icon.fuel.active{background:url(/images/leftMenu/leftTopOilOn.png) 50% no-repeat}.leftRestIcon.rest{background:url(/images/leftMenu/leftrest.png) 50% no-repeat}.leftRestIcon.sleep{background:url(/images/leftMenu/leftshelter.png) 50% no-repeat}.leftRestIcon.hydro{background:url(/images/leftMenu/lefthydr.png) 50% no-repeat}.leftRestIcon.elec{background:url(/images/leftMenu/leftElec.png) 50% no-repeat}.leftRestIcon.fuel{background:url(/images/leftMenu/leftoil.png) 50% no-repeat}.leftRestIcon{color:#0000;width:31px;height:32px;margin-right:4px;padding:0;font-size:12px;line-height:32px;display:inline-block}@media screen and (max-width:1280px){.main_contents .left_wrap .top_menu{height:80px;font-size:15px}.main_contents .left_wrap .top_menu li a img{width:35px}}@media screen and (max-width:1180px){.main_contents .left_wrap+.map_wrap+.right_menu+.loading_box{width:100%;left:0}.main_contents .left_wrap.active+.map_wrap+.right_menu+.loading_box{width:calc(100% - 350px);left:350px}.main_contents .left_wrap{width:360px;left:-360px}.main_contents .left_wrap .top_menu{height:75px}.main_contents .left_wrap .top_menu li a{height:75px;font-size:13px}.main_contents .left_wrap .top_menu li a img{width:30px}.main_contents .left_wrap .tab_cont .ic_mark{background-size:100%;width:25px;height:25px;font-size:12px;line-height:28px}.main_contents .left_wrap .tab_cont .search_wrap input[type=text]{width:calc(100% - 57px)}.main_contents .left_wrap .tab_cont .search_wrap .btn_search{margin-top:0}.main_contents .left_wrap .news .search_wrap{padding:5px 10px}.main_contents .left_wrap .news .search_wrap input[type=text]{width:calc(100% - 46px);height:40px;padding-right:40px}.main_contents .left_wrap .news .search_wrap .btn_search{width:40px;height:40px}#restRouteNm{margin-top:10px}.main_contents .left_wrap .conges .search_wrap{padding:5px 10px}.main_contents .left_wrap .conges .search_wrap input[type=text]{width:calc(100% - 46px);height:40px;padding-right:40px}.main_contents .left_wrap .conges .search_wrap .btn_search{width:40px;height:40px}.main_contents .left_wrap .conges_result .search_wrap{padding:10px}.main_contents .left_wrap .conges_result .search_wrap input[type=text]{width:calc(100% - 46px);height:40px;padding-right:40px}.main_contents .left_wrap .conges_result .search_wrap .btn_search{width:40px;height:40px;top:auto;bottom:10px;right:10px}.main_contents .left_wrap .conges_result div.title{font-size:15px;position:relative}.main_contents .left_wrap .tab_cont .title .btn_wrap{position:absolute;top:-5px;bottom:0;right:15px}.main_contents .left_wrap .tab_cont .title .btn_wrap .btn.mobile_block{display:none!important}.main_contents .left_wrap .route_info .route>li{padding:10px 15px 15px 30px}.main_contents .left_wrap .route_info .route>li:before{width:9px;left:12px}.main_contents .left_wrap .route_info .route>li:after{background-size:100%;width:20px;height:12px;left:7px}.main_contents .left_wrap .route_info .route .road_info .trffc_info_bx{font-size:10px;right:90px}.main_contents .left_wrap .route_info .route>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.main_contents .left_wrap .route_info .route>li>p .icon{margin-right:10px}.main_contents .left_wrap .route_info .road_info{min-height:60px}.main_contents .left_wrap .route_info .road_info dt,.main_contents .left_wrap .route_info .road_info dd strong{font-size:14px}.main_contents .left_wrap .route_info .road_info .thumb_wrap{height:60px;padding-top:5px}.main_contents .left_wrap .route_info .road_info .thumb_wrap .thumb{height:60px}.main_contents .left_wrap .route_info .issue_box{margin-top:10px;padding:10px}.main_contents .left_wrap .route_info .issue_box p{letter-spacing:-.5px;padding-left:25px;font-size:12px;line-height:18px;background-size:20px!important}.main_contents .left_wrap .traffic .route_info .btn_wrap{padding:10px 15px 0}.main_contents .left_wrap .traffic .route_info .btn_wrap .fl_left{margin:20px 0 0 -10px}.main_contents .left_wrap .traffic .btn_bus,.main_contents .left_wrap .traffic .btn_bypass{width:35px;height:35px;background-size:100%!important}.main_contents .left_wrap .route_info .route.busOnly>li{padding:10px 15px 15px 60px}.main_contents .left_wrap .route_info .route.busOnly>li:before{left:40px}.main_contents .left_wrap .route_info .route.busOnly>li:after{left:35px}.main_contents .left_wrap .route_info .route.viewPass>li .pass_line{display:block}.main_contents .left_wrap .route_info .route.viewPass>li{padding:10px 15px 15px 60px}.main_contents .left_wrap .route_info .route.viewPass>li:before{left:40px}.main_contents .left_wrap .route_info .route.viewPass>li:after{left:35px}.main_contents .left_wrap .route_info .route>li .bus_line{width:42px}.main_contents .left_wrap .route_info .route>li .bus_line:before,.main_contents .left_wrap .route_info .route>li .bus_line2:before{width:9px;left:17px}.main_contents .left_wrap .route_info .route>li .bus_line:after,.main_contents .left_wrap .route_info .route>li .bus_line2:after{width:20px;height:12px;left:12px}.main_contents .left_wrap .route_info .route>li .pass_line{width:42px}.main_contents .left_wrap .route_info .route>li .pass_line:before{width:9px;left:17px}.main_contents .left_wrap .route_info .route>li .pass_line:after{width:20px;height:12px;left:12px}.main_contents .left_wrap .route_info .route li .detail_box .thumb_wrap .thumb{height:60px}.main_contents .left_wrap .route_info .route li .detail_box .rest_wrap{padding:2px 10px 2px 2px;font-size:14px;line-height:25px}.main_contents .left_wrap .route_info .route li .detail_box .rest_wrap .ic_service{width:25px;height:25px;margin-right:3px}.main_contents .left_wrap .route_info .route li .detail_box .road_wrap{font-size:14px}.main_contents .left_wrap .route_info .route li .detail_box .road_wrap:before{content:"";background:url(/images/main/ic_tail.png) 50% no-repeat;width:12px;height:7px;position:absolute;bottom:0;left:-9px}.main_contents .left_wrap .route_info .route li .detail_box .road_wrap img{width:15px;margin-right:3px}.main_popup_wrap{z-index:990}}@media screen and (max-width:640px){.main_contents .left_wrap .btn_left{background:url(/images/main/btn_left_open.png) 50% no-repeat;width:20px;height:70px;margin-top:-35px;position:absolute;top:50%;right:-20px;background-size:100%!important}.main_contents .left_wrap{width:calc(100% - 30px);height:100%;left:calc(30px - 100%)}.main_contents .left_wrap.route_search_active{bottom:0}.main_contents .left_wrap .top_menu{height:70px}.main_contents .left_wrap .top_menu li a{background:#373d51;border-right:1px solid #2e3243;height:70px;font-size:14px}.main_contents .left_wrap .top_menu li a img{height:27px}.main_contents .left_wrap .tab_cont.news{height:650px;display:block}.main_contents .left_wrap .tab_cont.route_search{max-height:650px;display:block}.main_contents .left_wrap .tab_cont.route_search_result{display:none}.main_popup_wrap{z-index:990;left:0}.main_contents .left_wrap.active{z-index:99}.main_contents .left_wrap .bypass_detail{visibility:hidden;z-index:99;width:100vw;left:auto;transform:translateY(100%)}.main_contents .left_wrap .bypass_detail_close{background:url(/images/common/ic_popup_close.png) 50%/14px no-repeat;border:0;width:40px;height:40px;top:0;left:auto;right:0}.main_contents .left_wrap .bypass_detail_title button.web_btn{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:10px;right:28px}.main_contents .left_wrap .bypass_detail.open{visibility:visible;height:810px;left:0;transform:translateY(0)}.main_contents .left_wrap .bypass_speedTab li a{text-align:center;color:#777;background:url(/images/main/bypass/bubble.png) 50%/175px 90px no-repeat;height:107px;margin-left:8px;font-size:18px;font-weight:500;line-height:55px;display:block}.main_contents .left_wrap .route_info .route_speedBar{color:#fff;min-height:70px;position:relative}.main_contents .left_wrap .route_info .route_speedBar dl{padding-right:30%}.main_contents .left_wrap .route_info .route_speedBar{padding-bottom:10px}.main_contents .left_wrap .route_info .route_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.main_contents .left_wrap .route_info .route_speedBar>li.line2{border-bottom:1px solid #3e4146}.main_contents .left_wrap .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:182px}.main_contents .left_wrap .route_info .route_speedBar>li:first-child:before{top:10px}.main_contents .left_wrap .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:178px}.main_contents .left_wrap .route_info .route_speedBar>li:last-child:after{display:none}.main_contents .left_wrap .route_info .route_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.main_contents .left_wrap .route_info .route_speedBar>li>p .icon{margin-right:10px}.main_contents .left_wrap .route_info .route_speedBar>li.green:before{background:#088d0e}.main_contents .left_wrap .route_info .route_speedBar>li.green .road_info dd{color:#088d0e}.main_contents .left_wrap .route_info .route_speedBar>li.yellow:before{background:#ffb400}.main_contents .left_wrap .route_info .route_speedBar>li.yellow .road_info dd{color:#ffb400}.main_contents .left_wrap .route_info .route_speedBar>li.red:before{background:#e81414}.main_contents .left_wrap .route_info .route_speedBar>li.red .road_info dd{color:#e81414}.main_contents .left_wrap .route_info .route_speedBar>li.gray:before{background:#404040}.main_contents .left_wrap .route_info .route_speedBar>li.gray .road_info dd{color:#404040}.main_contents .left_wrap .route_info .bypass_speedBar{padding-bottom:10px}.main_contents .left_wrap .route_info .bypass_speedBar>li{padding:10px 6px 7.5px 50px;position:relative}.main_contents .left_wrap .route_info .bypass_speedBar>li.line2{border-bottom:1px solid #3e4146}.main_contents .left_wrap .route_info .bypass_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:13px}.main_contents .left_wrap .route_info .bypass_speedBar>li:first-child:before{top:10px}.main_contents .left_wrap .route_info .bypass_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:9px}.main_contents .left_wrap .route_info .bypass_speedBar>li:last-child:after{display:none}.main_contents .left_wrap .route_info .bypass_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.main_contents .left_wrap .route_info .bypass_speedBar>li>p .icon{margin-right:10px}.main_contents .left_wrap .route_info .bypass_speedBar>li.green:before{background:#088d0e}.main_contents .left_wrap .route_info .bypass_speedBar>li.green .road_info dd{color:#088d0e}.main_contents .left_wrap .route_info .bypass_speedBar>li.yellow:before{background:#ffb400}.main_contents .left_wrap .route_info .bypass_speedBar>li.yellow .road_info dd{color:#ffb400}.main_contents .left_wrap .route_info .bypass_speedBar>li.red:before{background:#e81414}.main_contents .left_wrap .route_info .bypass_speedBar>li.red .road_info dd{color:#e81414}.main_contents .left_wrap .route_info .bypass_speedBar>li.gray:before{background:#404040}.main_contents .left_wrap .route_info .bypass_speedBar>li.gray .road_info dd{color:#404040}.main_contents .left_wrap .bypass_detail_content .route_info{display:flex;overflow-y:auto}.main_contents .left_wrap .bypass_detail_content .route_info::-webkit-scrollbar{width:7px;height:7px}.main_contents .left_wrap .bypass_detail_content .route_info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:0}.main_contents .left_wrap .bypass_detail_content .route_info::-webkit-scrollbar-track{background-color:#252931}}@media screen and (max-width:500px){.main_contents .left_wrap .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:182px}.main_contents .left_wrap .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:178px}.main_contents .left_wrap .bypass_detail_content .route_info{height:461px;display:flex;overflow-y:auto}}@media screen and (max-width:480px){.main_contents .left_wrap .top_menu li a{height:70px;font-size:13px}.main_contents .left_wrap .top_menu li a img{height:25px}}@media screen and (max-width:393px){.main_contents .left_wrap .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:171px}.main_contents .left_wrap .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:167px}.main_contents .left_wrap .bypass_detail_content .route_info{height:454px;display:flex;overflow-y:auto}}@media screen and (max-width:375px){.main_contents .left_wrap .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:165px}.main_contents .left_wrap .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:161px}.main_contents .left_wrap .bypass_detail_content .route_info{height:454px;display:flex;overflow-y:auto}}@media screen and (max-width:360px){.main_contents .left_wrap .top_menu li a{letter-spacing:-1px;height:65px;font-size:12.5px}.main_contents .left_wrap .top_menu li a img{height:23px}.main_contents .left_wrap .tab_cont.news,.main_contents .left_wrap .tab_cont.route_search,.main_contents .left_wrap .tab_cont.conges,.main_contents .left_wrap .tab_cont.traffic,.main_contents .left_wrap .tab_cont.cctv{height:575px}.main_contents .left_wrap .route_info .road_info dt{margin-right:-10px;font-size:14px}.main_contents .left_wrap .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:156px}.main_contents .left_wrap .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:152px}.main_contents .left_wrap .bypass_detail_content .route_info{height:454px;display:flex;overflow-y:auto}}
.main_left_sokbo{flex:auto;overflow:auto}.main_left_sokbo .tab_head{background:#fff;border-top:1px solid #ddd;padding:10px;display:flex}.main_left_sokbo .tab_head li a{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.main_left_sokbo .tab_head li:last-child a{border-right:0}.main_left_sokbo .tab_head li a .icon{vertical-align:middle;width:70px;height:70px;transition:all .2s}.main_left_sokbo .tab_head li a .icon.ic_car_accident{background:url(/images/leftMenu/ic_left_filter1_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_car_accident{background:url(/images/leftMenu/ic_left_filter1_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_car_accident{background:url(/images/leftMenu/ic_left_filter1_on.png) 50% no-repeat}.main_left_sokbo .tab_head li a .icon.ic_car_congestion{background:url(/images/leftMenu/ic_left_filter2_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_car_congestion{background:url(/images/leftMenu/ic_left_filter2_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_car_congestion{background:url(/images/leftMenu/ic_left_filter2_on.png) 50% no-repeat}.main_left_sokbo .tab_head li a .icon.ic_work{background:url(/images/leftMenu/ic_left_filter3_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_work{background:url(/images/leftMenu/ic_left_filter3_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_work{background:url(/images/leftMenu/ic_left_filter3_on.png) 50% no-repeat}.main_left_sokbo .tab_head li a .icon.ic_traffic{background:url(/images/leftMenu/ic_left_filter4_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_traffic{background:url(/images/leftMenu/ic_left_filter4_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_traffic{background:url(/images/leftMenu/ic_left_filter4_on.png) 50% no-repeat}.main_left_sokbo .tab_head li a .icon.ic_caution{background:url(/images/leftMenu/ic_left_filter5_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_caution{background:url(/images/leftMenu/ic_left_filter5_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_caution{background:url(/images/leftMenu/ic_left_filter5_on.png) 50% no-repeat}.main_left_sokbo .tab_head li a .icon.ic_balloon{background:url(/images/leftMenu/ic_left_filter6_off.png) 50% no-repeat}@media (hover:hover) and (pointer:fine){.main_left_sokbo .tab_head li:hover a .icon.ic_balloon{background:url(/images/leftMenu/ic_left_filter6_on.png) 50% no-repeat}}.main_left_sokbo .tab_head li.active a .icon.ic_balloon{background:url(/images/leftMenu/ic_left_filter6_on.png) 50% no-repeat}.main_left_sokbo .sokbo_list{padding:0;overflow-y:auto}.main_left_sokbo .sokbo_list .search_wrap input[type=text]{background:#eef1f2;border:1px solid #ccc;border-radius:50px;width:100%;height:50px;margin:0}.main_left_sokbo .sokbo_list{background:#f0f8ff;padding:0}.main_left_sokbo .sokbo_list .search_wrap{background:0 0;padding:5px}.main_left_sokbo .sokbo_list .search_wrap input[type=text]{background:#fff}.main_left_sokbo .sokbo_list .search_wrap .btn_search{width:50px;height:50px;top:auto;bottom:5px;right:10px}.main_left_sokbo .sokbo_list .btn_blue{justify-content:center;align-items:center;width:100%;height:50px;margin-bottom:10px;line-height:50px;display:flex}.main_left_sokbo .sokbo_list .btn_blue img{margin-right:5px}.main_left_sokbo .sokbo_list .search_list{background:#fff}.main_left_sokbo .sokbo_list .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.main_left_sokbo .sokbo_list .search_list li a:hover,.main_left_sokbo .sokbo_list .search_list li a:focus{background:#ebf2fe}.main_left_sokbo .route_list dl dt{text-align:center;color:#000;background-color:#0000;width:60%;padding:10px 0;font-size:16px;font-weight:500;position:relative}.main_left_sokbo .route_list dl dt span{font-size:17px;font-weight:500}.main_left_sokbo .route_list dl dd{gap:20px;margin:10px 10px 0;display:flex}.main_left_sokbo .route_list dl .ic_wrap{text-align:center;color:#000;width:20%;font-size:15px;font-weight:500;position:relative}.main_left_sokbo .route_list dl .ic_wrap:after{content:"";background-color:#bbb;width:1px;height:40%;display:block;position:absolute;left:50%}.main_left_sokbo .route_list dl .ic_wrap img{width:80%;display:inline-block}.main_left_sokbo .route_list dl .ic_wrap span{display:block}.main_left_sokbo .route_list dl dd:last-child{padding-bottom:10px}.main_left_sokbo .route_list dl dd a{background-color:#fff;border:1px solid #ddd;border-radius:5px;width:80%;padding:20px;font-size:0;display:block}.main_left_sokbo .route_list dl dd a:after{visibility:hidden;clear:both;content:"";display:block}.main_left_sokbo .route_list dl dd a>*{vertical-align:middle;display:inline-block!important}.main_left_sokbo .route_list dl dd a .text_wrap{width:calc(100% - 120px);font-size:17px;line-height:20px}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_01{color:red}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_02{color:#6ec43d}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_03{color:#ffe000}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_04{color:#ff7200}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_05{color:#ffb723}.main_left_sokbo .route_list dl dd a .text_wrap strong.color_06{color:#2a3c65}.main_left_sokbo .route_list dl dd a .text_wrap span:first-of-type{margin-top:10px}.main_left_sokbo .route_list dl dd a .text_wrap span:last-of-type{margin-bottom:10px}.main_left_sokbo .route_list dl dd a .text_wrap span{text-overflow:ellipsis;word-wrap:normal;display:block;overflow:hidden}.main_left_sokbo .route_list dl dd a .img_wrap{float:right;width:105px;height:auto;padding-bottom:0;overflow:hidden}.main_left_sokbo .route_list dl dd a .img_wrap img{width:100%}.main_left_sokbo .route_list dl dd a:hover,.main_left_sokbo .route_list dl dd a:focus{background:#ebf2fe}.main_left_sokbo .route_list .route_toggle_wrap{background-color:#b8dfff;padding:10px;display:block}.main_left_sokbo .route_list .route_toggle{background-color:#fff;border-radius:50px;padding:4px;display:flex}.main_left_sokbo .route_list .route_toggle button{color:#222;border-radius:50px;width:20%;padding:4px;font-size:16px;transition:all .3s}.main_left_sokbo .route_list .route_toggle button.active{color:#fff;background-color:#0071ce;font-weight:700}.main_left_sokbo .nodata{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;font-weight:500;display:flex}.main_left_sokbo .nodata p{margin-top:10px}@media screen and (max-width:1280px){.main_left_sokbo .tab_head li a{font-size:15px}.main_left_sokbo .tab_head li:last-child a{border-right:0}.main_left_sokbo .tab_head li a .icon{height:60px;background-size:auto 100%!important}}@media screen and (max-width:1180px){.main_left_sokbo .tab_head li a{height:100%;font-size:15px;line-height:25px}.main_left_sokbo .tab_head li a .icon{height:50px;margin-right:0}.main_left_sokbo .route_list dl dt{padding:10px 0;font-size:15px}.main_left_sokbo .route_list dl dt span{font-size:13px}.main_left_sokbo .route_list dl dd a{padding:10px}.main_left_sokbo .route_list dl dd a .ic_wrap{width:45px;font-size:14px}.main_left_sokbo .route_list dl dd a .ic_wrap img{width:45px;margin-top:5px}.main_left_sokbo .route_list dl dd a .text_wrap{width:calc(100% - 135px);padding:0 10px;font-size:14px}.main_left_sokbo .route_list dl dd a .img_wrap{width:90px}.main_left_sokbo .sokbo_list .search_wrap{flex-wrap:wrap;justify-content:center;padding:10px 5px 0;display:flex}.main_left_sokbo .sokbo_list .search_wrap input[type=text]{width:100%;height:40px;margin-bottom:10px;padding:0 10px}.main_left_sokbo .sokbo_list .search_wrap .btn_search{width:40px;height:40px;margin-bottom:5px}.main_left_sokbo .sokbo_list .btn_blue{height:40px;line-height:40px}.main_left_sokbo .route_list .route_toggle_wrap{padding:4px}.main_left_sokbo .route_list .route_toggle button{font-size:14px}}@media screen and (max-width:640px){.main_left_sokbo .tab_head{padding:5px}}
.main_left_way{background-color:#fff;padding:0;overflow-y:auto}.main_left_way .search_area{background:#f0f8ff url(/images/main/ic_route_bar.png) 30px 51px no-repeat;padding:5px 120px 5px 26px;position:relative}.main_left_way .search_area dl{padding-left:30px;font-size:0}.main_left_way .search_area dl.start{background:url(/images/main/ic_route_start2.png) 0 no-repeat}.main_left_way .search_area dl.end{background:url(/images/main/ic_route_end2.png) 0 no-repeat}.main_left_way .search_area dl>*{display:inline-block}.main_left_way .search_area dl.start>*{border-bottom:1px solid #ddd}.main_left_way .search_area dl dt{color:#333;width:50px;height:55px;font-size:16px;font-weight:500;line-height:55px}.main_left_way .search_area dl dd{width:calc(100% - 30px)}.main_left_way .search_area dl dd input{color:#000;background:0 0;border:0;width:calc(100% - 35px);height:53px;font-size:16px}.main_left_way .search_area .btn_change{text-indent:-9999px;background:url(/images/main/ic_route_change.png) 50% no-repeat;border:0;width:30px;height:55px;margin-top:-27.5px;padding:0;position:absolute;top:50%;right:100px}.main_left_way .search_area .btn_help{text-indent:-9999px;background:url(/images/main/ic_popup.png) 50% no-repeat;border:0;width:30px;height:55px;margin-top:-27.5px;padding:0;position:absolute;top:50%;right:85px}.main_left_way .search_area .btn_mint{width:80px;height:117px;position:absolute;top:0;right:0}.main_left_way .search_select{color:#686868;background-color:#fff;border-bottom:1px solid #eee;font-size:16px;display:flex}.main_left_way .search_select div{text-align:center;width:50%;padding:10px}.main_left_way .search_list{background:#fff}.main_left_way .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.main_left_way .search_list li a:hover,.main_left_way .search_list li a:focus{background:#ebf2fe}.main_left_way .type_tab li a{text-align:center;color:#555;border-top:5px solid #fff;border-bottom:1px solid #ddd;height:50px;font-size:18px;font-weight:500;line-height:43px;display:block}.main_left_way .type_tab li:last-child a{border-left:1px solid #ddd}.main_left_way .type_tab li.active a{color:#47c0c2;border-top:5px solid #47c0c2;border-bottom:0;font-weight:500}.main_left_way p.title{color:#333;font-size:18px;font-weight:500;display:inline-block}.main_left_way .simple_info dl{color:#333;padding:15px 20px;font-size:0;display:inline-block}.main_left_way .simple_info dl:after{visibility:hidden;clear:both;content:"";display:block}.main_left_way .simple_info dl:last-child{border-bottom:0}.main_left_way .simple_info dl>*{vertical-align:middle;display:inline-block}.main_left_way .simple_info dl dt{color:#222;width:140px;font-size:16px;font-weight:500}.main_left_way .simple_info dl dd{margin-left:15px;font-size:15px;font-weight:500}.main_left_way .simple_info dl dd strong{font-size:30px;font-weight:600}.main_left_way .simple_info dl dd span{font-size:18px}.main_left_way .route_search_detail{visibility:hidden;z-index:1;background:#252931;flex-direction:column;width:480px;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0}.main_left_way .route_search_detail_title{color:#fff;text-align:center;background-color:#000;flex:none;height:60px;font-size:20px;font-weight:500;line-height:60px}.main_left_way .route_search_detail_content{flex:auto;overflow:auto}.main_left_way .route_search_detail_close{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:20px;right:20px}.main_left_way .route_search_detail_section_title{background-color:#f1f1f1;padding:5px 20px;font-size:15px;font-weight:500}.main_left_way .route_search_detail_section_title .ic_mark{width:35px;height:35px;line-height:40px}.main_left_way .route_search_detail.open{visibility:visible;left:100%}.main_left_way .route_search_detail.active{left:0}.main_left_way .route_search_detail.active .route_search_detail_close{display:none}.main_left_way .route_search_detail.active .route_search_detail_close2{right:-50px}.main_left_way .route_info{color:#fff}.main_left_way .route_info .route dd{font-size:14px}.main_left_way .route_info .route{padding-bottom:10px}.main_left_way .route_info .route>li{padding:10px 25px 7.5px 50px;position:relative}.main_left_way .route_info .route>li.line3+li.line3.last{border-bottom:1px solid #3e4146}.main_left_way .route_info .route>li.line3+li.line3.last.line2-last{border-bottom:0}.main_left_way .route_info .route>li.line4+li.line3.last{border-bottom:1px solid #3e4146}.main_left_way .route_info .route>li.line4+li.line3.last.line2-last,.main_left_way .route_info .route>li.last.line2-last{border-bottom:0}.main_left_way .route_info .route>li.line2,.main_left_way .route_info .route>li.line4{border-bottom:1px solid #3e4146}.main_left_way .route_info .route>li.line3+.line2,.main_left_way .route_info .route>li.line3+.line4{border-top:1px solid #3e4146}.main_left_way .route_info .route>li.line3 .last{border-bottom:1px solid #3e4146}.main_left_way .route_info .route>li.line4.active,.main_left_way .route_info .route>li.line2-last{border-bottom:0}.main_left_way .route_info .route>li.active:after,.main_left_way .route_info .route>li.active .bus_line:after,.main_left_way .route_info .route>li.line3:after,.main_left_way .route_info .route>li.line3 .bus_line2:after,.main_left_way .route_info .route>li.line2-last:after,.main_left_way .route_info .route>li.line2-last .bus_line:after,.main_left_way .route_info .route>li.line2-last .bus_line2:after{display:none}.main_left_way .route_info .route>li.last:after,.main_left_way .route_info .route>li.last .bus_line2:after{display:block}.main_left_way .route_info .route>li.line3:before,.main_left_way .route_info .route>li.line3 .bus_line2:before{border-radius:0}.main_left_way .route_info .route>li.active:before,.main_left_way .route_info .route>li.active .bus_line:before{border-radius:50px 50px 0 0}.main_left_way .route_info .route>li.arrow_none:after{display:none}.main_left_way .road_info .trffc_info_bx{padding:2px 4px;font-size:14px;display:inline-block;position:absolute;right:100px}.main_left_way .road_info .bx_accident,.main_left_way .road_info .bx_allblock{background-color:#cc0001}.main_left_way .road_info .bx_jeonghoi{background-color:#ff7200}.main_left_way .road_info .bx_work{background-color:#df8900}.main_left_way .route_info .route>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:14px;position:absolute;top:0;bottom:0;left:21px}.main_left_way .route_info .route>li:first-child:before{top:10px}.main_left_way .route_info .route>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.main_left_way .route_info .route>li:last-child:after{display:none}.main_left_way .route_info .route>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.main_left_way .route_info .route>li>p .icon{margin-right:10px}.main_left_way .route_info .route>li.green:before{background:#088d0e}.main_left_way .route_info .route>li.green .road_info dd{color:#088d0e}.main_left_way .route_info .route>li.yellow:before{background:#ffb400}.main_left_way .route_info .route>li.yellow .road_info dd{color:#ffb400}.main_left_way .route_info .route>li.red:before{background:#e81414}.main_left_way .route_info .route>li.red .road_info dd{color:#e81414}.main_left_way .route_info .route>li.gray:before{background:#404040}.main_left_way .route_info .route>li.gray .road_info dd{color:#404040}.main_left_way .route_info .road_info{color:#fff;min-height:70px;position:relative}.main_left_way .route_info .road_info dl{padding-right:30%}.main_left_way .route_info .road_info dt{margin-bottom:5px;font-size:17px;font-weight:500}.main_left_way .route_info .road_info dt span{margin-right:10px;font-weight:400}.main_left_way .route_info .road_info dd{font-size:16px;line-height:20px}.main_left_way .route_info .road_info dd strong{font-size:16px;font-weight:400}.main_left_way .route_info .road_info dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}.main_left_way .route_info .road_info dd span.bus_speed{background:url(/images/main/ic_bus.png) 0 no-repeat}.main_left_way .route_info .road_info dd span.pass_speed{background:url(/images/main/ic_bypass.png) 0 no-repeat}.main_left_way .route_info .road_info .thumb_wrap{text-align:right;height:70px;position:absolute;bottom:0;right:0}.main_left_way .route_info .road_info .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}.main_left_way .route_info .road_info .thumb_wrap .thumb{cursor:pointer;height:70px}.main_left_way .route_info .road_info .weather_btn{text-align:center;z-index:1;width:30px;height:25px;margin-bottom:0;line-height:1;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.main_left_way .route_info .road_info .weather_btn img{vertical-align:middle}.main_left_way .route_info .road_info .weather{text-align:center;z-index:1;width:30px;height:25px;margin-bottom:0;line-height:1;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.main_left_way .route_info .road_info .weather img{vertical-align:middle}.main_left_way .route_info .issue_box{background:#4d4f53;border-top:1px solid #414449;margin-top:10px;padding:5px 15px}.main_left_way .route_info .issue_box p{color:#fff;padding-left:35px;font-size:14px;font-weight:400;line-height:30px}.main_left_way .route_info .issue_box p.stagnate_line{background:url(/images/main/ic_car_orange.png) 0 5px no-repeat}.main_left_way .route_info .issue_box p.accident_line{background:url(/images/main/ic_car_red.png) 0 5px no-repeat}.main_left_way .route_info .issue_box p.block_line{background:url(/images/main/ic_allblock.png) 0 5px no-repeat}.main_left_way .route_info .title_info{color:#333;background:#eef1f2;border-top:1px solid #ddd;padding:20px 25px}.main_left_way .route_info .title{margin-bottom:10px;font-size:16px;font-weight:700}.main_left_way .route_info .icon_info{text-align:center;flex-wrap:wrap;margin:0 -5px;font-size:0;display:flex}.main_left_way .route_info .icon_info li{width:25%;padding:0 5px}.main_left_way .route_info .icon_info li:last-child{border-right:0}.main_left_way .route_info .icon_info li .item{background:#fff;border:1px solid #ddd;border-radius:20px}.main_left_way .route_info .icon_info li .item.active{background-image:linear-gradient(#eef1f2,#eef1f2),linear-gradient(140deg,#c9c9c9,#fff,#fff);background-origin:border-box;background-clip:content-box,border-box;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;box-shadow:inset 6px 8px 13px #c6c6c6}.main_left_way .route_info .icon_info li .item_img{margin-top:12px;margin-bottom:7px}.main_left_way .route_info .icon_info li .item_img img{height:35px}.main_left_way .route_info .icon_info li .item_title{font-size:15px;font-weight:700}.main_left_way .route_info .icon_info li .item_cnt{margin-bottom:10px;font-size:16px;font-weight:700}.main_left_way .route_info .icon_info li .active .item_title{font-weight:700}.main_left_way .route_info .icon_info li .active .item_cnt{font-weight:700;text-decoration:underline}.main_left_way .route_info{color:#222;letter-spacing:-.5px;font-size:16px}.main_left_way .route_info_box1{border-bottom:1px solid #e3e3e3;position:relative}.main_left_way .route_info_box2{background-color:#f2f2f2;justify-content:space-between;padding:15px 30px;display:flex}.main_left_way .route_info_box3{background-color:#f0f8ff;border-bottom:1px solid #eee}.main_left_way .route_info_item1{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 20px 12px;font-weight:500;display:flex}.main_left_way .route_info_item1 .pointbox{color:#fff;background-color:#0071ce;border-radius:20px;padding:6px 12px;font-size:14px;position:relative;top:-2px}.main_left_way .route_info_item1 .point{color:#3673ee;font-size:20px;font-weight:700}.main_left_way .route_info_item1-2{flex-direction:column;align-items:center;display:flex}.main_left_way .route_info_item1-2 ul{white-space:nowrap;border:1px solid #eee;border-radius:6px;align-items:center;width:100%;margin:10px;padding:10px;display:flex;overflow-x:auto}.main_left_way .route_info_item1-2 ul li{flex-direction:column;flex:auto;align-items:center;margin-right:60px;display:flex;position:relative}.main_left_way .route_info_item1-2 ul li:after{content:"";background-image:url(/images/main/ic_arrow_route.png);width:13px;height:26px;display:block;position:absolute;top:14px;left:58px;right:0}.main_left_way .route_info_item1-2 ul li:last-child:after{display:none}.main_left_way .route_info_item1-2 ul li div{font-size:18px}.main_left_way .route_info_item1-2 ul li span{color:#fff;background-color:#2e2f41;border-radius:20px;padding:2px 12px;font-size:14px;font-weight:700}.main_left_way .route_info_item1-2 a{color:#fff;background-color:#2e2f41;justify-content:center;align-items:center;width:96%;margin:0 10px 10px;padding:8px;display:flex}.main_left_way .route_info_item2{background-color:#f2f2f2;display:flex}.main_left_way .route_info_item2 .point{color:#3673ee}.main_left_way .route_info_item2>li{padding:0 15px;position:relative}.main_left_way .route_info_item2>li:before{content:"";background-color:#b0b0b0;width:1px;height:14px;display:block;position:absolute;top:6px;right:0}.main_left_way .route_info_item2>li:last-child:before{display:none}.main_left_way .route_info_item4{color:#000;font-size:15px}.main_left_way .route_info_item4 .point{font-weight:700}.main_left_way .route_info_item5{padding-left:20px;padding-right:15px;font-size:15px;position:relative}.main_left_way .route_info_item5:before,.main_left_way .route_info_item5:after{content:"";display:block;position:absolute;top:50%}.main_left_way .route_info_item5:before{background:url(/images/main/icon_set.png) 50%/contain no-repeat;width:21px;height:22px;top:0;left:-4px}.main_left_way .route_info_item5:after{width:6px;height:11px;margin-top:-5.5px;right:0}.main_left_way .route_info_item6{background-color:#fff;border-bottom:1px solid #eee;justify-content:space-around;display:flex}.main_left_way .route_info_item6>li{padding:10px 14px}.main_left_way .route_info_item6>li>a{justify-content:center;display:flex}.main_left_way .route_info_item6_title{background-color:#fff;padding:20px 30px 10px;font-size:16px;font-weight:700}.main_left_way .route_info_item6_list_title{font-size:16px;position:relative}.main_left_way .route_info_item6_list_desc{font-size:14px}.main_left_way .route_info_item6_list_desc .point{font-size:22px;font-weight:700}.main_left_way .route_info_item6>li.active{border-bottom:2px solid #0071ce}.main_left_way .route_info_item6>li.active .route_info_item6_list_title:before{background-color:#fff}.main_left_way .route_info_item6>li.active .route_info_item6_list_title{color:#0071ce;font-weight:700}.main_left_way .content_area{background-color:#f0f8ff}.main_left_way .content_area .route_info_item6_content button{color:#0071ce;justify-content:flex-end;width:100%;padding:10px 20px 0 0;font-size:14px;display:flex}.main_left_way .content_area .route_info_item6_content button:after{content:"";background-image:url(/images/main/ic_list.png);width:20px;height:20px;margin-left:2px;display:inline-block}.main_left_way .content_area .route_info_item6_content ul.content_news_ul{background-color:#fff;flex-wrap:wrap;display:flex}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li{text-align:center;border:1px solid #eee;width:33.33%}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li.active{border:1px solid #0071ce}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li.active a{color:#0071ce;background-color:#b8dfff;font-weight:700}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li a{padding:10px;display:block}.main_left_way .content_area .route_info_item6_content .content_news_content_wrap .content_news_content{display:block}.main_left_way .content_area .route_info_item6_content ul li{align-items:center;margin:10px}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li{margin:0}.main_left_way .content_area .route_info_item6_content ul li a{background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex}.main_left_way .content_area .route_info_item6_content ul.content_cctv_ul li a{padding:6px 6px 6px 16px}.main_left_way .content_area .route_info_item6_content ul li a .text_wrap{flex:1;margin-left:20px;font-size:17px}.main_left_way .content_area .route_info_item6_content ul.content_rest_ul li a .text_wrap i{color:#dd2226;background-color:#ffd7da;border-radius:20px;padding:2px 8px;font-size:14px;font-weight:700}.main_left_way .content_area .route_info_item6_content ul.content_rest_ul li a .img_wrap span{font-weight:700}.main_left_way .content_area .route_info_item6_content ul.content_electric_ul li a .img_wrap span{font-size:17px}.main_left_way .content_area .route_info_item6_content ul.content_electric_ul li a .img_wrap span b{color:#0e736c;padding:0 4px}.main_left_way .content_area .route_info_item6_content ul.content_hydrogen_ul li a .img_wrap span .hydro_on{color:#198def}.main_left_way .content_area .route_info_item6_content ul.content_hydrogen_ul li a .img_wrap span .hydro_off{color:#ff3939}.main_left_way .oiling_info{color:#333;padding:20px 15px}.main_left_way .oiling_info ul li{margin-bottom:8px}.main_left_way .oiling_info ul li:last-child{margin-bottom:0}.main_left_way .oiling_info ul li span{vertical-align:middle;font-size:16px;line-height:30px;display:inline-block}.main_left_way .oiling_info ul li span.label{text-align:center;border-radius:50%;width:30px;height:30px;font-size:14px;font-weight:700}.main_left_way .oiling_info ul li span.label.label_y{color:#000;background-color:#ffec60}.main_left_way .oiling_info ul li span.label.label_b{color:#fff;background-color:#547abd}.main_left_way .oiling_info ul li span.price{text-align:center;width:65px;font-weight:700}.main_left_way .oiling_info ul li span.name{width:300px}.main_left_way .oiling_info ul li .icon{width:25px;background-size:100%!important}.main_left_way .oiling_info2{color:#333;border-bottom:1px solid #ddd;padding:20px 25px}.main_left_way .oiling_info2 ul{margin-top:5px}.main_left_way .oiling_info2 ul li{margin-bottom:20px}.main_left_way .oiling_info2 ul li:last-child{margin-bottom:0}.main_left_way .oiling_info2 ul li dl{flex-wrap:wrap;padding-left:50px;display:flex;position:relative}.main_left_way .oiling_info2 ul li dl:before{content:"";background-position:50%;background-repeat:no-repeat;border:1px solid #ddd;width:35px;height:35px;display:block;position:absolute;top:-5px;left:0}.main_left_way .oiling_info2 ul li dt{padding:0 10px;font-size:17px;position:relative}.main_left_way .oiling_info2 ul li dt:after{content:"";background-color:#ddd;width:1px;height:14px;display:block;position:absolute;top:7px;right:0}.main_left_way .oiling_info2 ul li dd{color:#3673ee;padding:0 10px}.main_left_way .oiling_info2 ul li.type_elt dl:before{background-image:url(/images/main/icon_type_elt.png)}.main_left_way .oiling_info2 ul li.type_h dl:before{background-image:url(/images/main/icon_type_h.png)}@media screen and (max-width:1180px){.main_left_way .route_search_detail{width:360px}.main_left_way .route_search_detail_title{height:40px;font-size:15px;line-height:40px}.main_left_way .route_search_detail_section_title{font-size:14px}.main_left_way .route_search_detail_section_title .ic_mark{width:30px;height:30px;line-height:35px}.main_left_way .route_search_detail.active .route_search_detail_close2{right:-30px}.main_left_way .search_area{background:#f0f8ff url(/images/main/ic_route_bar.png) 16px 38px/auto 13px no-repeat;padding:5px 110px 5px 15px}.main_left_way .search_area dl{padding-left:25px;font-size:0;background-size:14px!important}.main_left_way .search_area dl dt{height:40px;font-size:14px;line-height:40px}.main_left_way .search_area dl dd input{width:calc(100% - 47px);height:38px;font-size:14px}.main_left_way .search_area .btn_change{width:35px;height:40px;margin-top:-20px;right:70px}.main_left_way .search_area .btn_mint{width:60px;height:90px}.main_left_way .type_tab li a{border-top:3px solid #fff;height:45px;font-size:16px;line-height:37px}.main_left_way .type_tab li.active a{border-top:3px solid #47c0c2}.main_left_way .simple_info dl{letter-spacing:-.5px;padding:10px 15px}.main_left_way .simple_info dl dt{width:125px;font-size:16px}.main_left_way .simple_info dl dd{margin-left:10px;font-size:14px}.main_left_way .simple_info dl dd strong{font-size:18px;font-weight:500}.main_left_way .simple_info dl dd span{font-size:14px}.main_left_way .route_info .title{font-size:15px}.main_left_way .route_info .icon_info{margin:0 -2.5px}.main_left_way .route_info .icon_info li{padding:0 2.5px}.main_left_way .route_info .icon_info li .item{letter-spacing:-1px}.main_left_way .route_info .icon_info li .item .item_title{font-size:14px}.main_left_way .route_info .icon_info li .item .item_img img{height:30px}.main_left_way .route_info .icon_info li .item .item_cnt{font-size:15px}.main_left_way .route_info .oiling_info{color:#333;border-bottom:1px solid #ddd}.main_left_way .route_info .oiling_info ul li{margin-bottom:10px}.main_left_way .route_info .oiling_info ul li span{font-size:15px;line-height:25px}.main_left_way .route_info .oiling_info ul li span.label{width:25px;height:25px;margin-right:3px}.main_left_way .route_info .oiling_info ul li span.price{width:50px}.main_left_way .route_info .oiling_info ul li span.name{width:auto}.main_left_way .route_info .oiling_info ul li .icon{width:20px;height:25px;margin-left:3px}.main_left_way.mo{overflow:auto}.main_left_way .route_info{font-size:14px}.main_left_way .route_info_box2{padding:9px 15px}.main_left_way .route_info_item1{padding:8px 10px 10px}.main_left_way .route_info_item1 .point{font-size:18px}.main_left_way .route_info_item1 .pointbox{padding:4px 10px;font-size:10px}.main_left_way .route_info_item1-2 ul li div{font-size:15px}.main_left_way .route_info_item1-2 ul li span{font-size:10px}.main_left_way .route_info_item2{margin:0 -13px}.main_left_way .route_info_item2>li{padding:0 13px}.main_left_way .route_info_item2>li:before{width:1px;height:12px;top:5px}.main_left_way .route_info_item3{height:31px;padding:0 13px;font-size:12px;top:18px;right:9px}.main_left_way .route_info_item4{font-size:13px}.main_left_way .route_info_item5{padding-left:18px;padding-right:13px;font-size:13px}.main_left_way .route_info_item5:before{width:20px;height:20px}.main_left_way .route_info_item5:after{width:5px;height:10px;margin-top:-5px}.main_left_way .route_info_item6_M{background-color:#fff;border-bottom:1px solid #eee;justify-content:space-around;display:flex}.main_left_way .route_info_item6_M>li{padding:10px 0}.main_left_way .route_info_item6_title{padding:15px 20px 10px;font-size:15px}.main_left_way .route_info_item6_list_title{font-size:13px}.main_left_way .route_info_item6_list_title:before{width:20px;height:20px;margin-top:-10px}.main_left_way .route_info_item6_list_desc{font-size:12px}.main_left_way .route_info_item6_list_desc .point{font-size:14px}.main_left_way .content_area .route_info_item6_content ul.content_news_ul li a{padding:8px;font-size:12px}.main_left_way .content_area .route_info_item6_content ul li a{padding:10px}.main_left_way .content_area .route_info_item6_content ul li a .ic_wrap img{width:35px}.main_left_way .content_area .route_info_item6_content .content_news_content_wrap li a .ic_wrap img{width:45px}.main_left_way .content_area .route_info_item6_content ul li a .text_wrap{margin-left:10px;font-size:14px}.main_left_way .content_area .route_info_item6_content button{font-size:12px}.main_left_way .content_area .route_info_item6_content button:after{background-size:contain;width:18px;height:18px}.main_left_way .content_area .route_info_item6_content ul.content_rest_ul li a .text_wrap i{font-size:10px}.main_left_way .content_area .route_info_item6_content ul.content_electric_ul li a .img_wrap img{width:20px}.main_left_way .content_area .route_info_item6_content ul.content_electric_ul li a .img_wrap span{font-size:14px}.main_left_way .content_area .route_info_item6_content ul.content_sleep_ul li a .img_wrap img{width:110px}.main_left_way .oiling_info{padding:18px 22px}.main_left_way .oiling_info ul li{margin-bottom:4px}.main_left_way .oiling_info ul li:last-child{margin-bottom:0}.main_left_way .oiling_info ul li span{font-size:14px;line-height:31px}.main_left_way .oiling_info ul li span.label{width:31px;height:31px;margin-right:4px}.main_left_way .oiling_info ul li span.price{width:57px}#servicePop .gas_station_info2 .gas_price_info .main_left_way .oiling_info ul li span.name{width:263px}.main_left_way .oiling_info ul li .icon{width:22px}.main_left_way .oiling_info2{padding:18px 22px}.main_left_way .oiling_info2 ul{margin-top:4px}.main_left_way .oiling_info2 ul li{margin-bottom:18px}.main_left_way .oiling_info2 ul li:last-child{margin-bottom:0}.main_left_way .oiling_info2 ul li dl{padding-left:30px}.main_left_way .oiling_info2 ul li dl:before{width:23px;height:23px;top:-2px}.main_left_way .oiling_info2 ul li dt{padding:0 9px;font-size:14px}.main_left_way .oiling_info2 ul li dt:after{width:1px;height:12px;top:6px}.main_left_way .oiling_info2 ul li dd{padding:0 9px}.main_left_way .oiling_info2 ul li.type_elt dl:before,.main_left_way .oiling_info2 ul li.type_h dl:before{background-size:12px}}@media screen and (max-width:640px){.main_contents .left_wrap .route_search_detail{visibility:hidden;z-index:10;width:100vw;left:auto;transform:translateY(100%)}.main_contents .left_wrap .route_search_detail_close{background:url(/images/common/ic_popup_close.png) 50%/14px no-repeat;border:0;width:40px;height:40px;top:0;left:auto;right:0}.main_contents .left_wrap .route_search_detail.open{visibility:visible;left:0;transform:translateY(0)}}
.route_search_icons{z-index:100;width:100px;transition:all .5s;display:block;position:absolute;top:15px;left:540px}.route_search_icons.active{left:40px}.route_search_icons ul{flex-wrap:wrap;gap:4px;width:calc(100% - 700px);display:flex}.route_search_icons ul li.active a{background-color:#b8dfff;border:1px solid #0071ce}.route_search_icons ul li a{background-color:#fff;border:1px solid #eee;border-radius:6px;flex-direction:column;min-width:110px;padding:6px 4px;display:flex}.route_search_icons ul li a div{justify-content:center;display:flex}.route_search_icons ul li a .point{color:#0071ce}@media screen and (max-width:1180px){.route_search_icons{left:400px}.route_search_icons ul li a{min-width:84px;font-size:12px}}@media screen and (max-width:640px){.route_search_icons{transition:left .3s;top:90px;left:20px}.route_search_icons.active{left:20px}.route_search_icons ul{scrollbar-width:none;padding:0 10px}.route_search_icons>a{background:url(/images/main/btn_right_open.png) 50% no-repeat;width:20px;height:70px;margin-top:-35px;padding:0;position:absolute;top:50%;left:104px;transform:scaleX(-1);background-size:20px!important}.route_search_icons.active>a{background:url(/images/main/btn_right_close.png) 50% no-repeat}}
.bypass{background:#fff}.bypass .search_wrap{background:#eef1f2;padding:5px}.bypass .search_wrap input[type=text]{background:#eef1f2;border:1px solid #ccc;border-radius:50px;width:calc(100% - 10px);height:50px}.bypass .search_wrap .btn_search{width:50px;height:50px;top:5px;right:10px}.bypass .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.bypass .search_list li a:hover,.bypass .search_list li a:focus{background:#ebf2fe}.bypass .search_list li a>span{float:right;background-image:url(/images/main/bypass/road_list_span_02.png);background-repeat:no-repeat;width:18px;height:10px;margin-top:10px;display:block}.bypass .search_list li a>span.active{background-image:url(/images/main/bypass/road_list_span_01.png)}.bypass .search_list .ic_mark{color:#fff;background:url(/images/main/ic_mark_large.png) 50% no-repeat;width:28px;height:27px;margin-right:4px;padding:0;font-size:12px;line-height:32px}.bypass .search_list .details-container{background:#373d51;height:0;transition:height .5s;overflow:hidden}.bypass .search_list .details-container.active{transition:height .5s}.bypass .search_list .details-container .details-text{color:#fff;border-bottom:1px solid #ddd;justify-content:center;align-items:center;height:60px;padding:16px 20px;font-size:18px;display:flex}.bypass .search_list .details-container .details-text:hover,.details-text:focus{cursor:pointer;background:#198def;outline:none}.bypass .search_list .details-container .details-text .sublist_text{text-align:center;width:130px}.bypass .search_list .details-container .details-text .sublist_line{background:#d9d9d9;width:20px;height:1px}@media screen and (max-width:1180px){.bypass .search_wrap .btn_search{width:40px;height:40px;top:5px;right:10px}}
.bypass_detail{visibility:hidden;transition:left .5s ease transform;z-index:2;background:#252931;flex-direction:column;width:511px;display:flex;position:absolute;top:0;bottom:0;left:0}.bypass_detail_title{color:#fff;text-align:center;background-color:#000;flex:none;height:60px;font-size:23px;font-weight:700;line-height:60px}.bypass_detail_title .ic_mark{text-align:center;color:#fff;background:url(/images/common/ic_mark.png) 50% no-repeat;width:30px;height:31px;margin-right:10px;font-size:12px;line-height:36px;text-indent:0!important}.bypass_detail_title button.web_btn{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:20px;right:28px}.bypass_detail{flex:auto}.bypass_detail_close{white-space:nowrap;text-indent:100%;background:url(/images/common/ic_popup_close2.png) 50% no-repeat;border:1px solid #ddd;width:45px;height:45px;position:absolute;top:20px;left:100%;overflow:hidden}.bypass_detail_close2{white-space:nowrap;text-indent:100%;z-index:1;background:url(/images/main/btn_left_open.png) 50% no-repeat;width:30px;height:70px;margin-top:-35px;position:absolute;top:50%;right:-30px;overflow:hidden;background-size:100%!important}.bypass_detail_close2.active{background:url(/images/main/btn_left_close.png) 50% no-repeat}.bypass_detail_section_title{background-color:#f1f1f1;padding:5px 20px;font-size:15px;font-weight:500}.bypass_detail_section_title .ic_mark{width:35px;height:35px;line-height:40px}.bypass_detail.open{visibility:visible;left:100%}.bypass_detail.active{left:0}.bypass_detail.active .bypass_detail_close{display:none}.bypass_detail.active .bypass_detail_close2{right:-50px}.bypass_detail .route_tab{padding:0 15px}.bypass_detail .route_tab li{margin-top:10px}.bypass_detail .route_tab li a{text-align:center;color:#777;background:#252931;border:2px solid #373d51;height:50px;font-size:18px;font-weight:500;line-height:50px;display:block}.bypass_detail .route_tab li.active a,.bypass_detail .route_tab li:hover a{color:#fff;background:#3f5685;border-color:#3673ee}.bypass_detail .route_info{height:calc(100vh - 480px);display:flex;overflow-y:auto}.bypass_detail .route_info .route_speedBar{color:#fff;flex:1;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar dl{padding-right:30%}.bypass_detail .route_info .route_speedBar dt{float:right;margin-bottom:5px;margin-right:17px;font-size:17px;font-weight:500}.bypass_detail .route_info .route_speedBar dt span{margin-right:10px;font-weight:400}.bypass_detail .route_info .route_speedBar dd{margin-left:102px;font-size:16px;line-height:20px}.bypass_detail .route_info .route_speedBar dd strong{font-size:16px;font-weight:400}.bypass_detail .route_info .route_speedBar dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}.bypass_detail .route_info .route_speedBar dd span.bus_speed{background:url(/images/main/ic_bus.png) 0 no-repeat}.bypass_detail .route_info .route_speedBar dd span.pass_speed{background:url(/images/main/ic_bypass.png) 0 no-repeat}.bypass_detail .route_info .route_speedBar{padding-bottom:10px}.bypass_detail .route_info .route_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .route_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:222px}.bypass_detail .route_info .route_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:218px}.bypass_detail .route_info .route_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .route_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .route_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .route_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .route_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .route_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .route_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .route_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .route_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .route_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .route_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info .thumb_wrap{text-align:right;height:70px;position:absolute;top:40px;bottom:0;right:15px}.bypass_detail .route_info .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}.bypass_detail .route_info .thumb_wrap .thumb{cursor:pointer;height:80px}.bypass_detail .route_info .bypass_speedBar{flex:1;padding-bottom:10px}.bypass_detail .route_info .bypass_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .bypass_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .bypass_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:15px}.bypass_detail .route_info .bypass_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .bypass_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:11px}.bypass_detail .route_info .bypass_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .bypass_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .bypass_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .bypass_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.green .bypass_info dd{color:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.yellow .bypass_info dd{color:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .bypass_speedBar>li.red .bypass_info dd{color:#e81414}.bypass_detail .route_info .bypass_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .bypass_speedBar>li.gray .bypass_info dd{color:#404040}.bypass_detail .route_info .bypass_speedBar .bypass_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .bypass_speedBar .bypass_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .bypass_speedBar .bypass_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:5px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .bypass_speedBar .bypass_info .bypass_label_video{cursor:pointer;background:#3773ef}.bypass_detail .route_info .route_speedBar .road_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar .road_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .route_speedBar .road_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:20px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .route_speedBar .road_info .route_label_video{cursor:pointer;background:#00c0b0}.bypass_detail .route_info .route>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.bypass_detail .bypass_tab{padding:0 15px}.bypass_detail .bypass_tab li{margin-top:10px}.bypass_detail .bypass_tab li a{text-align:center;color:#fff;background:#252931;border:1px solid #ddd;border-radius:50px;height:44px;margin-left:15px;font-size:18px;font-weight:1000;line-height:42px;display:block}.bypass_detail .bypass_tab li:hover a{color:#fff;background:#3f5685;border-color:#3673ee}.bypass_detail .bypass_speedTab li{margin-top:10px}.bypass_detail .bypass_speedTab li a{text-align:center;color:#777;background:url(/images/main/bypass/bubble.png) 50%/180px 90px no-repeat;height:107px;margin-left:15px;font-size:18px;font-weight:500;line-height:55px;display:block}.bypass_detail .bypass_speedTab li dt{color:green;height:31px;font-size:21px;font-weight:800}.bypass_detail .bypass_detail .route_info{display:flex}.bypass_detail .bypass_detail .route_info .bypass_speedBar{flex:1}.bypass_detail .bypass_detail .route_info{height:559px;display:flex;overflow-y:auto}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar{width:7px;height:7px}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:0}.bypass_detail .bypass_detail .route_info::-webkit-scrollbar-track{background-color:#252931}.bypass_detail .bypass_detail .route_info .route_speedBar{flex:1}@media screen and (max-width:1180px){.bypass .search_wrap .btn_search{width:40px;height:40px;top:5px;right:10px}.bypass_detail{width:360px}.bypass_detail_title{height:40px;font-size:15px;line-height:40px}.bypass_detail_section_title{font-size:14px}.bypass_detail_section_title .ic_mark{width:30px;height:30px;line-height:35px}.bypass_detail.active .bypass_detail_close2{right:-30px}.bypass_detail .route_tab{padding:0 15px}.bypass_detail .route_tab li a{height:40px;font-size:15px;line-height:36px}.bypass_detail .route_info .bypass_speedBar .bypass_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .bypass_speedBar .bypass_info dt{vertical-align:top;margin-bottom:5px;font-size:14px;font-weight:500;display:inline-block}.bypass_detail .route_info .bypass_speedBar .bypass_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:4px;padding:2px 5px 3px;font-size:9px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .bypass_speedBar .bypass_info .bypass_label_video{cursor:pointer;background:#3773ef}.bypass_detail .route_info .route_speedBar .road_info{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar .road_info dt{vertical-align:top;margin-bottom:5px;font-size:17px;font-weight:500;display:inline-block}.bypass_detail .route_info .route_speedBar .road_info .label{color:#fff;border:1px solid #fff;border-radius:5px;margin-bottom:5px;margin-left:10px;padding:2px 5px 3px;font-size:12px;font-weight:500;line-height:1;transition:all .2s}.bypass_detail .route_info .route_speedBar .road_info .bypass_label_video{cursor:pointer;background:#00c0b0}.bypass_detail{visibility:hidden;z-index:10;width:100vw;left:auto;transform:translateY(100%)}.bypass_detail_close{background:url(/images/common/ic_popup_close.png) 50%/14px no-repeat;border:0;width:40px;height:40px;top:0;left:auto;right:0}.bypass_detail_title button.web_btn{background-image:url(/images/main/bypass/close.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:10px;right:28px}.bypass_detail.open{visibility:visible;height:810px;left:0;transform:translateY(0)}.bypass_speedTab li a{text-align:center;color:#777;background:url(/images/main/bypass/bubble.png) 50%/175px 90px no-repeat;height:107px;margin-left:8px;font-size:18px;font-weight:500;line-height:55px;display:block}.bypass_detail .route_info .route_speedBar{color:#fff;min-height:70px;position:relative}.bypass_detail .route_info .route_speedBar dl{padding-right:30%}.bypass_detail .route_info .route_speedBar{padding-bottom:10px}.bypass_detail .route_info .route_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .route_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .route_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:182px}.bypass_detail .route_info .route_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .route_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:178px}.bypass_detail .route_info .route_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .route_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .route_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .route_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .route_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .route_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .route_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .route_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .route_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .route_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .route_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info .bypass_speedBar{padding-bottom:10px}.bypass_detail .route_info .bypass_speedBar>li{padding:10px 25px 7.5px 50px;position:relative}.bypass_detail .route_info .bypass_speedBar>li.line2{border-bottom:1px solid #3e4146}.bypass_detail .route_info .bypass_speedBar>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:18px;position:absolute;top:0;bottom:0;left:13px}.bypass_detail .route_info .bypass_speedBar>li:first-child:before{top:10px}.bypass_detail .route_info .bypass_speedBar>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:9px}.bypass_detail .route_info .bypass_speedBar>li:last-child:after{display:none}.bypass_detail .route_info .bypass_speedBar>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.bypass_detail .route_info .bypass_speedBar>li>p .icon{margin-right:10px}.bypass_detail .route_info .bypass_speedBar>li.green:before{background:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.green .road_info dd{color:#088d0e}.bypass_detail .route_info .bypass_speedBar>li.yellow:before{background:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.yellow .road_info dd{color:#ffb400}.bypass_detail .route_info .bypass_speedBar>li.red:before{background:#e81414}.bypass_detail .route_info .bypass_speedBar>li.red .road_info dd{color:#e81414}.bypass_detail .route_info .bypass_speedBar>li.gray:before{background:#404040}.bypass_detail .route_info .bypass_speedBar>li.gray .road_info dd{color:#404040}.bypass_detail .route_info{height:468px;display:flex;overflow-y:auto}.bypass_detail .route_info::-webkit-scrollbar{width:7px;height:7px}.bypass_detail .route_info::-webkit-scrollbar-thumb{background-color:#007aff;border-radius:0}.bypass_detail .route_info::-webkit-scrollbar-track{background-color:#252931}#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dt span{margin-right:10px;font-weight:400}#bypassRouteList .road_info dd{margin-left:65px;font-size:15px;line-height:20px}#bypassRouteList .road_info dd dd strong{font-size:16px;font-weight:400}#bypassRouteList .road_info dd dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}#bypassRouteList .thumb_wrap{text-align:right;height:70px;position:absolute;top:65px;bottom:0;right:7px}#bypassRouteList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassRouteList .thumb_wrap .thumb{cursor:pointer;height:70px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:22px}#bypassCctvList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassCctvList .thumb_wrap .thumb{cursor:pointer;height:70px}}@media screen and (max-width:640px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dt span{margin-right:10px;font-weight:400}#bypassRouteList .road_info dd{margin-left:65px;font-size:15px;line-height:20px}#bypassRouteList .road_info dd dd strong{font-size:16px;font-weight:400}#bypassRouteList .road_info dd dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}#bypassRouteList .thumb_wrap{text-align:right;height:70px;position:absolute;top:65px;bottom:0;right:7px}#bypassRouteList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassRouteList .thumb_wrap .thumb{cursor:pointer;height:70px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:17px}#bypassCctvList .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}#bypassCctvList .thumb_wrap .thumb{cursor:pointer;height:70px}}@media screen and (max-width:500px){#bypassRouteList .road_info dd{margin-left:64px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:59px;right:42px}}@media screen and (max-width:393px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:54px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:75px;right:11px}}@media screen and (max-width:375px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:45px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:55px;right:23px}}@media screen and (max-width:360px){#bypassRouteList .road_info dt{float:right;margin-bottom:5px;margin-right:8px;font-size:17px;font-weight:500}#bypassRouteList .road_info dd{margin-left:38px;font-size:15px;line-height:20px}#bypassCctvList .thumb_wrap{text-align:right;height:70px;position:absolute;top:55px;right:16px}}
.main_left_traffic{background:#fff;overflow-y:auto}.main_left_traffic .search_wrap{background:#eef1f2;padding:5px}.main_left_traffic .search_wrap input[type=text]{background:#eef1f2;border:1px solid #ccc;border-radius:50px;width:calc(100% - 10px);height:50px}.main_left_traffic .search_wrap .btn_search{width:50px;height:50px;top:5px;right:10px}.main_left_traffic .search_list{background:#fff}.main_left_traffic .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.main_left_traffic .search_list li a:hover,.main_left_traffic .search_list li a:focus{background:#ebf2fe}.main_left_traffic .search_list li a>span{float:right;background-image:url(/images/main/bypass/road_list_span_02.png);background-repeat:no-repeat;width:18px;height:10px;margin-top:10px;display:block}.main_left_traffic .search_list li a>span.active{background-image:url(/images/main/bypass/road_list_span_01.png)}.main_left_traffic .search_list .ic_mark{color:#fff;background:url(/images/main/ic_mark_large.png) 50% no-repeat;width:28px;height:27px;margin-right:4px;padding:0;font-size:12px;line-height:32px}.main_left_traffic_result{background:#252931;padding:10px;overflow-y:auto}.main_left_traffic_result .search_wrap{background:0 0;padding:15px}.main_left_traffic_result .search_wrap input[type=text]{background:#fff;border-radius:0;width:100%;height:50px;margin:0}.main_left_traffic_result .search_wrap .btn_search{width:50px;height:50px;top:auto;bottom:15px;right:15px}.main_left_traffic_result .title{text-align:center;color:#fff;margin-bottom:10px;font-size:19px;font-weight:500;position:relative}.main_left_traffic_result .title .ic_mark{color:#fff;background:url(/images/main/ic_mark_large.png) 50% no-repeat;width:28px;height:27px;margin-right:10px;padding:0;font-size:12px;line-height:32px}.main_left_traffic_result .title .btn_wrap{position:absolute;top:-5px;bottom:0;right:15px}.main_left_traffic_result .title .btn_wrap .btn_map{text-indent:-9999px;background:url(/images/main/btn_map_off.png) 50% no-repeat;width:33px;height:33px;margin-left:2px;padding:0;background-size:100%!important}.main_left_traffic_result .title .btn_wrap .btn_map.active{background:url(/images/main/btn_map_on.png) 50% no-repeat}.main_left_traffic_result .title .btn_wrap .btn_zoom,.main_left_traffic_result .title .btn_wrap .btn_weather{color:#fff;border-radius:5px;height:30px;padding:0 6px;font-size:14px;font-weight:500;line-height:30px}.main_left_traffic_result .title .btn_wrap .btn_weather{background-color:#4c36ee}.main_left_traffic_result .title .btn_wrap .btn_fogFreez{color:#fff;background-color:#9001cb;border-radius:5px;height:30px;padding:0 6px;font-size:14px;font-weight:500;line-height:30px}.main_left_traffic_result .title .btn_wrap .btn_fogFreez.active{background-color:#6e009b}.main_left_traffic_result .title .btn_wrap .btn_zoom{background-color:#3673ee}.main_left_traffic_result .title .btn_wrap .btn_zoom.active .txt{display:none}.main_left_traffic_result .title .btn_wrap .btn_zoom.active:before{content:"간략"}.main_left_traffic_result .conges_tab{padding:0 15px}.main_left_traffic_result .conges_tab li a{text-align:center;color:#777;background:#252931;border:2px solid #373d51;height:50px;font-size:18px;font-weight:500;line-height:50px;display:block}.main_left_traffic_result .conges_tab li.active a,.main_left_traffic_result .conges_tab li:hover a{color:#fff;background:#3f5685;border-color:#3673ee}.main_left_traffic_result .route_info{color:#fff}.main_left_traffic_result .route_info .route{padding-bottom:10px}.main_left_traffic_result .route_info .route>li{padding:10px 25px 7.5px 50px;position:relative}.main_left_traffic_result .route_info .route>li.line3+li.line3.last{border-bottom:1px solid #3e4146}.main_left_traffic_result .route_info .route>li.line3+li.line3.last.line2-last{border-bottom:0}.main_left_traffic_result .route_info .route>li.line4+li.line3.last{border-bottom:1px solid #3e4146}.main_left_traffic_result .route_info .route>li.line4+li.line3.last.line2-last,.main_left_traffic_result .route_info .route>li.last.line2-last{border-bottom:0}.main_left_traffic_result .route_info .route>li.line2,.main_left_traffic_result .route_info .route>li.line4{border-bottom:1px solid #3e4146}.main_left_traffic_result .route_info .route>li.line3+.line2,.main_left_traffic_result .route_info .route>li.line3+.line4{border-top:1px solid #3e4146}.main_left_traffic_result .route_info .route>li.line3 .last{border-bottom:1px solid #3e4146}.main_left_traffic_result .route_info .route>li.line4.active,.main_left_traffic_result .route_info .route>li.line2-last{border-bottom:0}.main_left_traffic_result .route_info .route>li.active:after,.main_left_traffic_result .route_info .route>li.active .bus_line:after,.main_left_traffic_result .route_info .route>li.line3:after,.main_left_traffic_result .route_info .route>li.line3 .bus_line2:after,.main_left_traffic_result .route_info .route>li.line2-last:after,.main_left_traffic_result .route_info .route>li.line2-last .bus_line:after,.main_left_traffic_result .route_info .route>li.line2-last .bus_line2:after{display:none}.main_left_traffic_result .route_info .route>li.last:after,.main_left_traffic_result .route_info .route>li.last .bus_line2:after{display:block}.main_left_traffic_result .route_info .route>li.line3:before,.main_left_traffic_result .route_info .route>li.line3 .bus_line2:before{border-radius:0}.main_left_traffic_result .route_info .route>li.active:before,.main_left_traffic_result .route_info .route>li.active .bus_line:before{border-radius:50px 50px 0 0}.main_left_traffic_result .route_info .route>li.arrow_none:after{display:none}.main_left_traffic_result .road_info .trffc_info_bx{padding:2px 4px;font-size:14px;display:inline-block;position:absolute;right:100px}.main_left_traffic_result .road_info .bx_accident,.main_left_traffic_result .road_info .bx_allblock{background-color:#cc0001}.main_left_traffic_result .road_info .bx_jeonghoi{background-color:#ff7200}.main_left_traffic_result .road_info .bx_work{background-color:#df8900}.main_left_traffic_result .route_info .route>li:before{content:"";z-index:2;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:14px;position:absolute;top:0;bottom:0;left:21px}.main_left_traffic_result .route_info .route>li:first-child:before{top:10px}.main_left_traffic_result .route_info .route>li:after{content:"";z-index:3;background:url(/images/main/ic_arrow_bt.png) 50% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.main_left_traffic_result .route_info .route>li:last-child:after{display:none}.main_left_traffic_result .route_info .route>li>p{color:#fff;margin-left:-40px;padding-bottom:7px;font-size:18px;font-weight:500;line-height:35px}.main_left_traffic_result .route_info .route>li>p .icon{margin-right:10px}.main_left_traffic_result .route_info .route>li.green:before{background:#088d0e}.main_left_traffic_result .route_info .route>li.green .road_info dd{color:#088d0e}.main_left_traffic_result .route_info .route>li.yellow:before{background:#ffb400}.main_left_traffic_result .route_info .route>li.yellow .road_info dd{color:#ffb400}.main_left_traffic_result .route_info .route>li.red:before{background:#e81414}.main_left_traffic_result .route_info .route>li.red .road_info dd{color:#e81414}.main_left_traffic_result .route_info .route>li.gray:before{background:#404040}.main_left_traffic_result .route_info .route>li.gray .road_info dd{color:#404040}.main_left_traffic_result .route_info .road_info{color:#fff;min-height:70px;position:relative}.main_left_traffic_result .route_info .road_info dl{padding-right:30%}.main_left_traffic_result .route_info .road_info dt{margin-bottom:5px;font-size:17px;font-weight:500}.main_left_traffic_result .route_info .road_info dt span{margin-right:10px;font-weight:400}.main_left_traffic_result .route_info .road_info dd{font-size:16px;line-height:20px}.main_left_traffic_result .route_info .road_info dd strong{font-size:16px;font-weight:400}.main_left_traffic_result .route_info .road_info dd span{vertical-align:top;color:#35babc;height:20px;margin-right:5px;padding-left:25px;font-weight:500;display:none;background-size:auto 84%!important}.main_left_traffic_result .route_info .road_info dd span.bus_speed{background:url(/images/main/ic_bus.png) 0 no-repeat}.main_left_traffic_result .route_info .road_info dd span.pass_speed{background:url(/images/main/ic_bypass.png) 0 no-repeat}.main_left_traffic_result .route_info .road_info .thumb_wrap{text-align:right;height:70px;position:absolute;bottom:0;right:0}.main_left_traffic_result .route_info .road_info .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}.main_left_traffic_result .route_info .road_info .thumb_wrap .thumb{cursor:pointer;height:70px}.main_left_traffic_result .route_info .road_info .weather_btn{text-align:center;z-index:1;width:30px;height:25px;margin-bottom:0;line-height:1;position:absolute;bottom:15px;left:70%;transform:translate(-50%)}.main_left_traffic_result .route_info .road_info .weather_btn img{vertical-align:middle}.main_left_traffic_result .route_info .road_info .weather{text-align:center;z-index:1;width:30px;height:25px;margin-bottom:0;line-height:1;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.main_left_traffic_result .route_info .road_info .weather img{vertical-align:middle}.main_left_traffic_result .route_info .issue_box{background:#4d4f53;border-top:1px solid #414449;margin-top:10px;padding:5px 15px}.main_left_traffic_result .route_info .issue_box p{color:#fff;padding-left:35px;font-size:14px;font-weight:400;line-height:30px}.main_left_traffic_result .route_info .issue_box p.stagnate_line{background:url(/images/main/ic_car_orange.png) 0 5px no-repeat}.main_left_traffic_result .route_info .issue_box p.accident_line{background:url(/images/main/ic_car_red.png) 0 5px no-repeat}.main_left_traffic_result .route_info .issue_box p.block_line{background:url(/images/main/ic_allblock.png) 0 5px no-repeat}.main_left_traffic_result .route_info .btn_wrap{padding:10px 20px 0}.main_left_traffic_result .route_info .btn_wrap .fl_left{margin:20px 0 0 -5px;display:none}.main_left_traffic_result .btn_bus{background:url(/images/main/btn_bus_off.png) 50% no-repeat;width:45px;height:45px;margin-right:5px;padding:0}.main_left_traffic_result .btn_bypass{background:url(/images/main/btn_bypass_off.png) 50% no-repeat;width:45px;height:45px;padding:0}.main_left_traffic_result .route_info .route>li .bus_line,.main_left_traffic_result .route_info .route>li .bus_line2,.main_left_traffic_result .route_info .route>li .pass_line{display:none}.main_left_traffic_result .route_info .route.active>li{padding:15px 25px 20px 80px}.main_left_traffic_result .route_info .route.active>li:before{left:51px}.main_left_traffic_result .route_info .route.active>li:after{left:45px}.main_left_traffic_result .route_info .btn_wrap .ic_bus.active,.main_left_traffic_result .route_info .btn_wrap .ic_ilban.active{display:block}.main_left_traffic_result .route_info .btn_wrap .ic_ilban.busactive{margin:20px 0 0 5px;display:block}.main_left_traffic_result .route_info .btn_wrap .btn_bus.active{background:url(/images/main/btn_bus_on.png) 50% no-repeat}.main_left_traffic_result .route_info .route.busOnly>li .bus_line,.main_left_traffic_result .route_info .route.busOnly>li .bus_line2{display:block}.main_left_traffic_result .route_info .route.busOnly>li{padding:10px 25px 7.5px 80px}.main_left_traffic_result .route_info .route.busOnly>li:before{left:51px}.main_left_traffic_result .route_info .route.busOnly>li:after{left:45px}.main_left_traffic_result .route_info .road_info dd span.bus_speed.active{display:inline-block}.main_left_traffic_result .route_info .btn_wrap .ic_pass.active{display:block}.main_left_traffic_result .route_info .btn_wrap .btn_bypass.active{background:url(/images/main/btn_bypass_on.png) 50% no-repeat}.main_left_traffic_result .route_info .route.viewPass>li .pass_line{display:block}.main_left_traffic_result .route_info .route.viewPass>li{padding:15px 25px 20px 80px}.main_left_traffic_result .route_info .route.viewPass>li:before{left:51px}.main_left_traffic_result .route_info .route.viewPass>li:after{left:45px}.main_left_traffic_result .route_info .road_info dd span.pass_speed.active{display:inline-block}.main_left_traffic_result .route_info .route>li .bus_line{width:50px;position:absolute;top:0;bottom:0;left:0}.main_left_traffic_result .route_info .route>li .bus_line:before{content:"";z-index:4;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:14px;position:absolute;top:0;bottom:0;left:21px}.main_left_traffic_result .route_info .route>li .bus_line2{width:50px;position:absolute;top:0;bottom:0;left:0}.main_left_traffic_result .route_info .route>li .bus_line2:before{content:"";z-index:4;background:#ddd;border-bottom:1px solid #252931;border-radius:50px;width:14px;position:absolute;top:0;bottom:0;left:21px}.main_left_traffic_result .route_info .route>li:first-child .bus_line:before{top:10px}.main_left_traffic_result .route_info .route>li .bus_line:after{content:"";z-index:5;background:url(/images/main/ic_arrow_bt.png) 50%/100% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.main_left_traffic_result .route_info .route>li .bus_line.line2-last:after{display:none}.main_left_traffic_result .route_info .route>li .bus_line2:after{content:"";z-index:5;background:url(/images/main/ic_arrow_bt.png) 50%/100% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.main_left_traffic_result .route_info .route>li .bus_line2.line2-last:after{display:none}.main_left_traffic_result .route_info .route>li .bus_line.green:before{background:#088d0e}.main_left_traffic_result .route_info .route>li .bus_line.yellow:before{background:#ffb400}.main_left_traffic_result .route_info .route>li .bus_line.red:before{background:#e81414}.main_left_traffic_result .route_info .route>li .bus_line2.green:before{background:#088d0e}.main_left_traffic_result .route_info .route>li .bus_line2.yellow:before{background:#ffb400}.main_left_traffic_result .route_info .route>li .bus_line2.red:before{background:#e81414}.main_left_traffic_result .route_info .route>li .pass_line{width:50px;position:absolute;top:0;bottom:0;left:0}.main_left_traffic_result .route_info .route>li .pass_line:before{content:"";z-index:4;background:#ddd;border-radius:50px;width:14px;position:absolute;top:0;bottom:0;left:21px}.main_left_traffic_result .route_info .route>li:first-child .pass_line:before{top:10px}.main_left_traffic_result .route_info .route>li .pass_line:after{content:"";z-index:5;background:url(/images/main/ic_arrow_bt.png) 50%/100% no-repeat;width:26px;height:16px;position:absolute;bottom:-7px;left:15px}.main_left_traffic_result .route_info .route>li:last-child .pass_line:after{display:none}.main_left_traffic_result .route_info .route>li .pass_line.green:before{background:#088d0e}.main_left_traffic_result .route_info .route>li .pass_line.yellow:before{background:#ffb400}.main_left_traffic_result .route_info .route>li .pass_line.red:before{background:#e81414}.main_left_traffic_result .route_info .route>li .bus_line.gray:before,.main_left_traffic_result .route_info .route>li .bus_line2.gray:before{background:#404040}.main_left_traffic_result .route_info .route li .detail_box{color:#fff;display:none}.main_left_traffic_result .route_info .route li .detail_box .thumb_wrap{float:right;clear:both}.main_left_traffic_result .route_info .route li .detail_box .thumb_wrap>*{vertical-align:bottom;margin-left:5px;font-size:12px;font-weight:400;display:inline-block}.main_left_traffic_result .route_info .route li .detail_box .thumb_wrap .thumb{cursor:pointer;height:70px}.main_left_traffic_result .route_info .route li .detail_box .rest_wrap{color:#fff;background:#121418;border-radius:50px;margin-top:15px;padding:2px 15px 2px 2px;font-size:16px;line-height:33px;display:inline-block}.main_left_traffic_result .route_info .route li .detail_box .rest_wrap .ic_service{background:url(/images/main/ic_circle_restarea.png) 50% no-repeat;width:33px;height:33px;margin-right:5px}.main_left_traffic_result .route_info .route li .detail_box .road_wrap{color:#555;background:#fff;border-radius:3px 3px 3px 0;margin:10px 10px 0;padding:5px 10px 5px 7px;font-size:16px;font-weight:500;display:inline-block;position:relative}.main_left_traffic_result .route_info .route li .detail_box .road_wrap:before{content:"";background:url(/images/main/ic_tail.png) 50% no-repeat;width:12px;height:7px;position:absolute;bottom:0;left:-9px}.main_left_traffic_result .route_info .route li .detail_box .road_wrap img{margin-right:5px}.main_left_traffic_result .route_info .route li .detail_box.active{display:block}@media screen and (max-width:640px){.main_left_traffic_result .cctv{height:650px;display:block}.main_left_traffic_result .route_list dl dt{text-align:left}.main_left_traffic_result .title .btn_wrap .btn.mobile_block{display:inline-block!important}.main_left_traffic_result .news_list{transition:all .5s}.main_left_traffic_result .news_list.active{height:181px;overflow:hidden}.main_left_traffic_result .route_info .route .road_info .trffc_info_bx{padding:0 5px;font-size:12px;top:26px;right:90px}.main_left_traffic_result{height:650px;transition:all .5s;display:block}.main_left_traffic_result .title{text-align:left;padding:0 15px}.main_left_traffic_result .tab_cont{transition:all .5s}.main_left_traffic_result .tab_cont.active{height:94px;overflow:hidden}}
.main_left_cctv{padding:0;overflow-y:auto}.main_left_cctv .search_wrap{background:#eef1f2;padding:5px}.main_left_cctv .search_wrap input[type=text]{background:#eef1f2;border:0;width:calc(100% - 65px);height:50px}.main_left_cctv .search_wrap .btn_search{width:50px;height:50px;top:5px;right:10px}.main_left_cctv .toggle_switch_wrap{background-color:#373d51;justify-content:center;align-items:center;display:flex}.main_left_cctv .toggle_switch_wrap .switch_text{color:#fff;cursor:pointer;z-index:2;text-align:center;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;width:100%;height:50px;font-size:18px;transition:all .5s;display:flex;position:sticky;top:0}.main_left_cctv .toggle_switch_wrap .switch_btn_wrap{cursor:pointer;z-index:2;background-color:#f0f8ff;border-radius:30px;width:60px;height:25px;margin-top:1.5vh;margin-bottom:1.5vh;margin-right:1.5vh;display:block;position:relative;box-shadow:0 0 16px 3px #00000026}.main_left_cctv .toggle_switch_wrap .switch_btn{background:#373d51;border-radius:50%;width:20px;height:20px;transition:left .5s;position:absolute;top:51.5%;left:3px;transform:translateY(-51.5%)}.main_left_cctv .toggle_switch_wrap .switch_btn_wrap.active{background:#f0f8ff}.main_left_cctv .toggle_switch_wrap .switch_btn_wrap.active .switch_btn{left:55%;background:#3673ee!important}.main_left_cctv .toggle_div{color:#fff;cursor:pointer;z-index:2;background-color:#3673ee;width:100%;height:50px;font-size:18px;position:sticky;top:0}.main_left_cctv .search_list .cctvSelectedA{cursor:default;position:relative}.main_left_cctv .search_list .cctvSelectedA:hover{background:#fff}.main_left_cctv .search_list .cctvSelectedR{float:right;color:#e73d42;cursor:pointer;background:#fdebec;border-left:1px solid #ddd;padding:12px 20px;font-weight:700;position:absolute;top:0;right:0}.main_left_cctv .search_list .ic_mark{width:28px;height:28px;margin-right:4px}.main_left_cctv .search_list{background:#fff}.main_left_cctv .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.main_left_cctv .search_list li a:hover,.main_left_cctv .search_list li a:focus{background:#ebf2fe}.main_left_cctv .search_list .st_list1{display:inline-flex}.main_left_cctv .search_list .st_list1>li{color:#333;padding:0 8px;font-size:16px;position:relative}.main_left_cctv .search_list .st_list1>li:before{content:"";background:#bdbdbd;width:1px;height:15px;margin-top:-7.5px;display:block;position:absolute;top:50%;right:0}.main_left_cctv .search_list .st_list1>li:last-child:before{display:none}.main_left_cctv .search_list .st_list2>li{color:#333;font-size:16px}@media screen and (max-width:1180px){.st_list1>li{padding:0 4px;font-size:13px}.st_list2>li{font-size:13px}.main_left_cctv .toggle_switch_wrap .switch_text{font-size:16px}}
.main_left_rest .search_wrap{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;justify-content:center;padding:5px 0;display:flex}.main_left_rest .search_wrap input[type=text]{background:#fff;border:1px solid #ccc;border-radius:50px;width:100%;height:50px;padding:0 15px}.main_left_rest .search_wrap .btn_search{width:40px;height:40px;margin-bottom:5px;top:auto;bottom:5px;right:10px}.main_left_rest .btn_blue{height:40px;line-height:40px}.main_left_rest .near_wrap{background-color:#789bc4;justify-content:center;padding:20px 20px 0;display:flex}.main_left_rest .route_toggle_wrap{background-color:#b8dfff;padding:10px;display:block}.main_left_rest .route_toggle_wrap .route_toggle{background-color:#fff;border-radius:50px;padding:4px;display:flex}.main_left_rest .route_toggle_wrap .route_toggle button{color:#222;border-radius:50px;width:50%;padding:4px;font-size:16px;transition:all .3s}.main_left_rest .route_toggle_wrap .route_toggle button.active{color:#fff;background-color:#0071ce;font-weight:700}.main_left_rest .tab_head{background:#fff;border-top:1px solid #ddd;padding:10px;display:flex}.main_left_rest .tab_head li a{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.main_left_rest .tab_head li:last-child a{border-right:0}.main_left_rest .tab_head li a .icon{vertical-align:middle;width:70px;height:70px;transition:all .2s}.main_left_rest .route_list.rest{max-height:calc(100dvh - 615px);overflow-y:auto}.main_left_rest .route_list.route{max-height:calc(100dvh - 445px);overflow-y:auto}.main_left_rest .route_list dl dt{text-align:center;color:#000;background-color:#0000;width:60%;padding:10px 0;font-size:16px;font-weight:500;position:relative}.main_left_rest .route_list dl dt span{font-size:17px;font-weight:500}.main_left_rest .route_list dl dd{gap:20px;margin:10px 10px 0;display:flex}.main_left_rest .route_list dl .ic_wrap{text-align:center;color:#000;width:20%;font-size:15px;font-weight:500;position:relative}.main_left_rest .route_list dl .ic_wrap:after{content:"";background-color:#bbb;width:1px;height:40%;display:block;position:absolute;left:50%}.main_left_rest .route_list dl .ic_wrap img{width:80%;display:inline-block}.main_left_rest .route_list dl .ic_wrap span{display:block}.main_left_rest .route_list dl dd:last-child{padding-bottom:10px}.main_left_rest .route_list dl dd a{background-color:#fff;border:1px solid #ddd;border-radius:5px;width:80%;padding:20px;font-size:0;display:block}.main_left_rest .route_list dl dd a:after{visibility:hidden;clear:both;content:"";display:block}.main_left_rest .route_list dl dd a>*{vertical-align:middle;display:inline-block!important}.main_left_rest .route_list dl dd a .text_wrap{width:calc(100% - 120px);font-size:17px;line-height:20px}.main_left_rest .route_list dl dd a .text_wrap strong.color_01{color:red}.main_left_rest .route_list dl dd a .text_wrap strong.color_02{color:#6ec43d}.main_left_rest .route_list dl dd a .text_wrap strong.color_03{color:#ffe000}.main_left_rest .route_list dl dd a .text_wrap strong.color_04{color:#ff7200}.main_left_rest .route_list dl dd a .text_wrap strong.color_05{color:#ffb723}.main_left_rest .route_list dl dd a .text_wrap strong.color_06{color:#2a3c65}.main_left_rest .route_list dl dd a .text_wrap span:first-of-type{margin-top:10px}.main_left_rest .route_list dl dd a .text_wrap span:last-of-type{margin-bottom:10px}.main_left_rest .route_list dl dd a .text_wrap span{text-overflow:ellipsis;word-wrap:normal;display:block;overflow:hidden}.main_left_rest .route_list dl dd a .img_wrap{float:right;width:105px;height:auto;padding-bottom:0;overflow:hidden}.main_left_rest .route_list dl dd a .img_wrap img{width:100%}.main_left_rest .route_list dl dd a:hover,.main_left_rest .route_list dl dd a:focus{background:#ebf2fe}.main_left_rest .route_list dl dt.title .btn_wrap{top:6px;right:0}.main_left_rest .search_list{background:#fff}.main_left_rest .search_list li a{color:#444;border-bottom:1px solid #ddd;padding:10px 20px;font-size:16px;display:block}.main_left_rest .search_list li a:hover,.main_left_rest .search_list li a:focus{background:#ebf2fe}.main_left_rest .ic_mark{text-align:center;color:#fff;background:url(/images/common/ic_mark.png) 50% no-repeat;width:24px;height:25px;margin-right:4px;font-size:12px;line-height:29px;text-indent:0!important}.main_left_rest .restSearchTitle{text-align:center;color:#000;background-color:#fff;border:1px solid #ddd;padding:10px 0;font-size:18px;font-weight:500;display:block;position:relative}.main_left_rest .restSearchTitle span{content:"";cursor:pointer;border-bottom:2px solid #000;border-left:2px solid #000;width:10px;height:10px;display:block;position:absolute;top:50%;left:15px;transform:translateY(-50%)rotate(45deg)}.main_left_rest .facilityOptions{color:#0071ce;background:#b8dfff;align-items:center;height:50px;padding:5px 10px;font-size:16px;font-weight:500;display:flex}.main_left_rest .facilityOptions .truckFilter{color:#fff;align-items:center;gap:4px;margin-left:20px;display:flex}.main_left_rest .facilityOptions .truckFilter input{width:20px;height:20px}.main_left_rest .facilityOptions .restFilter{background-color:#fff;border-radius:4px;margin-left:auto;margin-right:0}.main_left_rest .facilityOptions .restFilter select{color:#0071ce;text-align:center;cursor:pointer;background:url(/images/main/ic_restFilter.png) right 10px center no-repeat;border:2px solid #0071ce;border-radius:4px;outline:none;width:100%;padding:5px 15px 5px 10px;font-weight:700}@media screen and (max-width:1280px){.main_left_rest .tab_head li a{font-size:15px}.main_left_rest .tab_head li:last-child a{border-right:0}.main_left_rest .tab_head li a .icon{height:60px;background-size:auto 100%!important}.main_left_rest .tab_head li a .icon.left_rest,.main_left_rest .tab_head li a .icon.left_sleepShelter,.main_left_rest .tab_head li a .icon.left_hydr,.main_left_rest .tab_head li a .icon.left_elec,.main_left_rest .tab_head li a .icon.left_gsst{height:60px}.main_left_rest .route_list.rest{max-height:calc(100dvh - 575px)}.main_left_rest .route_list.route{max-height:calc(100dvh - 415px)}}@media screen and (max-width:1180px){.main_left_rest .tab_head li a{height:100%;font-size:15px;line-height:25px}.main_left_rest .tab_head li a .icon{height:50px;margin-right:0}.main_left_rest .route_toggle_wrap{padding:4px}.main_left_rest .route_toggle button{font-size:14px}.main_left_rest .rest .search_wrap{flex-wrap:wrap;justify-content:center;padding:10px 5px 0;display:flex}.main_left_rest .rest .search_wrap input[type=text]{width:100%;height:40px;margin-bottom:10px;padding:0 10px}.main_left_rest .rest .search_wrap .btn_search{width:40px;height:40px;margin-bottom:5px}.main_left_rest .rest .btn_blue{height:40px;line-height:40px}.main_left_rest .route_list.rest{max-height:calc(100dvh - 550px)}.main_left_rest .route_list.route{max-height:calc(100dvh - 410px)}}@media screen and (max-width:640px){.main_left_rest .route_list.rest{max-height:calc(100dvh - 545px)}.main_left_rest .route_list.route{max-height:calc(100dvh - 400px)}}@media screen and (max-width:480px){.main_left_rest .route_list.rest{max-height:calc(100dvh - 525px)}.main_left_rest .route_list.route{max-height:calc(100dvh - 385px)}}