.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}}