.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_Fog{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_Fog.active{background-color:#6e009b}.main_left_traffic_result .title .btn_wrap .btn_Freez{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_Freez.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}}