/* 반응형  */

.mobile_block {
    display: none !important;
}

@media screen and (min-width: 768px) {
    /* 스크롤바 */
    .main_contents .left_wrap *::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .main_contents .left_wrap *::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #3673ee;
    }

    .main_contents .left_wrap *::-webkit-scrollbar-thumb:hover {
        background-color: #1954cb;
    }

    .main_contents .left_wrap *::-webkit-scrollbar-track {
        background-color: #ccc;
    }
}

@media screen and (max-width: 1840px) {
    .header_wrap > div {
        padding-right: 210px;
    }

    .header_wrap .gnb_wrap .depth1 > li > a {
        font-size: 18px;
        letter-spacing: -1.5px;
    }

    .header_wrap #gisColor {
        right: 30px;
        padding: 0 20px;
    }

    .top_banner .banner_notice_list_control {
        right: 30px;
    }

    .top_banner .banner_notice_list .swiper-slide {
        padding: 0 30px;
        padding-right: 50px;
    }

    .top_banner .call_center {
        padding: 0 0 0 30px;
    }

    .main_contents .right_menu .menu .menu_list li a {
        font-size: 11px;
        height: 42px;
    }
    .main_contents .right_menu .menu .menu_list li a .icon {
        display: block;
        width: 50px;
        height: 25px;
        background-repeat:no-repeat;
        background-position: center;
        background-size: 35px !important;
    }
}

@media screen and (max-width: 1590px) {
    .header_wrap .logo {
        width: 300px;
    }
}

@media screen and (max-width: 1480px) {
    /* ********** Header st. ****************************** */
    /* 배너 - 공지 */
    .banner_wrap .notice_latest ul li a {
        font-size: 18px;
    }

    .banner_wrap .notice_latest ul li a span {
        font-size: 16px;
    }

    /* 헤더 - gnb */
    .header_wrap > div {
        padding-right: 160px;
    }

    .header_wrap .gnb_wrap .depth1 > li > a {
        font-size: 18px;
        letter-spacing: -2px;
    }

    .header_wrap .gnb_wrap .depth2 > li > a {
        font-size: 15.5px;
        letter-spacing: -0.5px;
    }

    /* .header_wrap.sub_header_wrap>div { width:1280px;  padding-right:50px; } */
    /* .header_wrap.sub_header_wrap .logo { width: 300px; left: -16px; }
	.header_wrap.sub_header_wrap .gnb_wrap { width:calc(100% - 330px); } */
    .header_wrap.sub_header_wrap > div {
        padding: 0 3%;
    }

    .header_wrap.sub_header_wrap .logo {
        width: 270px;
        left: 1%;
    }

    .header_wrap.sub_header_wrap .gnb_wrap {
        width: calc(100% - 270px);
    }

    /* 헤더 - 배너 버튼 */
    .header_wrap .btn_head {
        width: 40px;
        right: 10px;
    }


    /* ********** Footer st. ****************************** */
    footer .satisfction_box {
        width: 1280px;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap {
        width: 53%;
    }

    footer .satisfction_box.box .box_cont dl.comments_wrap {
        width: 45%;
    }


    /* ********** Main st. ****************************** */
    .main_contents .map_wrap.active_left {
        width: calc(100% - 140px);
    }


    /* ********** Contents st. ****************************** */
    .sub_contents {
        width: 1280px;
    }

    /* right contents */
    .right_cont {
        margin-right: 55px;
    }


    /* 교통방송 - 교통방송 소개 */
    .info {
    }

    .info .info_box dl {
        padding-left: 30px;
    }


    /* 교통방송 - 캐스터 프로필 */
    .casters {
    }

    .casters .casters_list li {
        width: 175px;
        margin-bottom: 50px;
        margin-right: 10px;
    }

    .casters .casters_list li span {
        letter-spacing: -0.5px;
    }


    /* 고속도로이용안내 - 휴게소/주유소 */
    .satisfction_box.box .box_cont dl.radio_wrap dd .radio_style1 {
        margin-right: 5px;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
    }

    .general .info ul li {
        height: 260px;
        padding: 65px 0 0;
    }

    .header_wrap #gisColor .pc_none {
        display: block;
    }

    .header_wrap #gisColor .mo_none {
        display: none;
    }
}

@media screen and (max-width: 1325px) {
    /* .header_wrap.sub_header_wrap .logo { width:270px; left: 0; } */
}

@media screen and (max-width: 1280px) {
    /* ********** Header st. ****************************** */
    /* 배너 - 배너슬라이드 */
    .banner_wrap {
        height: 180px;
    }

    .banner_wrap .bx-wrapper {
        width: 435px;
    }

    .banner_wrap .bx-wrapper .bx-viewport {
        height: 167px !important;
    }

    .banner_wrap .banner_slide li img {
        width: 100%;
    }

    /* 배너 - 사고, 작업 */
    .banner_wrap .banner_cont {
        width: calc(100% - 435px);
        padding: 0 10px 0 20px
    }

    .banner_wrap .banner_cont .box {
        margin-top: 15px;
        width: calc((100% - 200px) / 2);
    }

    .banner_wrap .banner_cont .box .box_cont ul li a {
        padding: 10px 0;
    }

    .banner_wrap .banner_cont .box .box_cont ul li a .ic_wrap {
        width: 47px;
        font-size: 15px;
    }

    .banner_wrap .banner_cont .box .box_cont ul li a .ic_wrap img {
        width: 47px;
    }

    .banner_wrap .banner_cont .box .box_cont ul li a .text_wrap strong {
        font-size: 16px;
    }

    .banner_wrap .banner_cont .box .box_cont ul li a .text_wrap span {
        font-size: 14px;
    }

    .banner_wrap .banner_cont .box .box_cont .bx-wrapper .bx-viewport {
        height: 72px !important;
    }

    /* 콜센터 */
    .banner_wrap .banner_cont .box.call_center {
        width: 200px;
    }

    .banner_wrap .banner_cont .box.call_center .call_center_title_wrap {
        padding-top: 40px;
        padding-right: 0;
        padding-bottom: 25px;
        background-position: right bottom 15px;
        background-size: 41px;
    }

    .banner_wrap .banner_cont .box.call_center .call_time {
        font-size: 13px;
        left: 10px;
        top: 6px;
        height: 30px;
        line-height: 30px;
        padding: 0 13px;
    }

    .banner_wrap .banner_cont .box.call_center .call_time:before {
        border-top: 7px solid #292c36;
        border-right: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid transparent;
        bottom: -7px;
        left: 10px;
    }

    .banner_wrap .banner_cont .box.call_center .call_center_title {
        font-size: 16px;
    }

    .banner_wrap .banner_cont .box.call_center .number {
        font-size: 26px;
        margin-top: 6px;
    }

    /* 배너 - 공지 */
    .banner_wrap .notice_latest {
        padding: 13px 0 9px 15px;
    }

    .banner_wrap .notice_latest ul li a {
        font-size: 17px;
    }

    .banner_wrap .notice_latest ul li a span {
        font-size: 16px;
    }

    .banner_wrap .notice_latest ul li a strong {
        padding-left: 50px;
        font-size: 14px;
    }

    .banner_wrap .notice_latest ul li a strong:before {
        left: 10px;
        width: 28px;
        height: 26px;
        margin-top: -13px;
    }

    /* 헤더 */
    /* 헤더 - 로고 */
    .header_wrap .logo.web_block {
        display: block;
        position: absolute;
        left: 0;
        width: 500px;
        background-size: 280px;
    }

    .header_wrap .logo.web_none {
        display: none;
    }

    .header_wrap.sub_header_wrap > div {
        width: 100%;
        padding: 0 30px;
    }

    .header_wrap.sub_header_wrap .logo {
        width: 280px;
        background-size: 280px;
        left: 30px;
    }

    .header_wrap.sub_header_wrap .gnb_wrap {
        width: calc(100% - 280px)
    }


    /* .header_wrap.sub_header_wrap>div { width:1024px; } */
    /* .header_wrap.sub_header_wrap .logo { left: -30px; } */
    /* 헤더 - 로고 */
    .header_wrap .logo {
        height: 70px;
        width: 280px;
    }

    .header_wrap .logo.mobile_none {
        position: absolute;
        left: 135px;
        top: 0;
        bottom: 0;
    }

    /* 헤더 - gnb */
    .header_wrap .gnb_wrap .depth1 > li > a {
        font-size: 16px;
        height: 70px;
    }

    .header_wrap .gnb_wrap .depth2 > li > a {
        font-size: 15px;
    }

    /* 헤더 - 배너 버튼 */
    .header_wrap .btn_head {
        width: 45px;
        height: 70px;
        right: 10px;
    }

    .header_wrap .btn_head span {
        margin-top: 15px;
    }


    /* ********** Footer st. ****************************** */
    footer .satisfction_box {
        width: 100%;
    }

    footer .satisfction_box.box .box_cont {
        padding: 20px;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap {
        float: none;
        width: 100%;
    }

    footer .satisfction_box.box .box_cont dl.comments_wrap {
        float: none;
        width: 100%;
    }


    /* ********** Main st. ****************************** */
    .main_contents {
        height: 720px;
    }

    /* 좌측 정보 박스 - 탑버튼 */
    .main_contents .left_wrap .top_menu li a {
        height: 80px;
        font-size: 15px;
    }

    /* 좌측 정보 박스 - 탭버튼 */
    .main_contents .left_wrap .tab_head li a {
        height: 50px;
        font-size: 15px;
        line-height: 50px;
    }

    .main_contents .left_wrap .tab_head li:last-child a {
        border-right: 0;
    }

    .main_contents .left_wrap .tab_head li a .icon {
        height: 24px;
        margin-right: 3px;
        background-size: auto 100% !important;
    }

    /* 좌측 정보 박스 - 교통속보 */
    .main_contents .left_wrap .bulletin .route_list dl dt {
        font-size: 17px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dt span {
        font-size: 14px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a {
        padding: 15px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a .ic_wrap {
        width: 55px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a .ic_wrap img {
        width: 55px;
        margin-top: 5px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a .text_wrap {
        width: calc(100% - 160px);
        padding: 0 15px;
        font-size: 16px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a .img_wrap {
        width: 100px;
    }

    .main_contents .left_wrap .bulletin .route_list dl dd a .img_wrap img {
        width: 100%;
    }

    /* 지도 */
    .main_contents .map_wrap .map {
        height: 790px;
    }

    /* 지도 - 범례 */
    .main_contents .map_wrap .legend {
        left: 10px;
        bottom: 10px;
    }

    .main_contents .left_wrap .top_menu li a img {
        width: 35px;
    }

    /* 우측 메뉴 - CCTV */
    .main_contents .right_menu .view_tab li a {
        height: 40px;
        font-size: 14px;
    }

    /* 12_17 우측 메뉴 - 교통속보 230101 cje 수정 */
    .main_contents .right_menu .view_tab li .exTvTab {
        height: 40px;
        font-size: 14px;
    }

    /* 우측 메뉴 - 메뉴 */
    .main_contents .right_menu .menu .menu_list li a {
        font-size: 13px;
        height: 65px;
    }

    .main_contents .right_menu .area li a {
        height: 30px;
        font-size: 14px;
    }

    .main_contents .right_menu .area li.zoom button {
        height: 35px;
    }

    .main_contents .right_menu .menu .menu_list li a .icon {
        background-size: 40px !important;
    }


    /* CCTV 팝업(확대) */
    #cctvfullPop .popup_inner {
        width: 1000px;
    }

    #cctvfullPop .popup_contents .video_wrap .video {
        max-height: 808px;
    }


    /* ********** Contents st. ****************************** */
    .sub_contents {
        width: 1024px;
    }

    /* left menu */
    .lnb_wrap {
        width: 210px;
    }

    .lnb_wrap .left_title {
        width: 100%;
        height: 130px;
        line-height: 130px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        border-bottom: 1px solid #ddd;
        background: url('/images/common/bg_left_title.png') center center no-repeat;
    }

    .lnb_wrap .left_menu li a {
        padding: 17px;
        letter-spacing: -0.5px;
    }

    /* right contents */
    .right_cont {
        width: 730px;
        margin-right: 43px;
    }


    /* 교통방송 - 교통방송 소개 */
    .info {
    }

    .info .info_box img {
        width: 320px;
    }

    .info .info_box dl {
        width: calc(100% - 320px);
        padding-left: 30px;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
    }

    .general .info ul li {
        height: 260px;
        padding: 65px 0 0;
    }

    .general .info ul li .over_layer p {
        padding: 10px 5px;
        letter-spacing: -1px;
    }


    /* 스마트폰 이용안내 */
    .cm_list01 > li {
        margin-bottom: 15px;
    }

    .cm_list01 .cm_list_item {
        padding-left: 35px;
    }

    .cm_list01 .cm_list_item .cm_list_item_num {
        font-size: 12px;
        line-height: 22px;
        width: 24px;
        height: 24px;
    }

    .cm_list01 .cm_list_item .cm_list_item_title {
        font-size: 14px;
    }

    .cm_list01 .cm_list_item .cm_list_item_content {
        font-size: 13px;
    }

    .app_guide_desc {
        font-size: 17px;
        margin-bottom: 35px;
    }

    .app_guide_list {
        margin-bottom: 35px;
    }

    .app_guide_list .ag_list > li {
        margin-bottom: 35px;
    }

    .app_guide_list .ag_list .ag_list_item {
        padding-top: 20px;
    }

    .app_guide_list .ag_list .ag_list_item .ag_list_item_title {
        font-size: 14px;
        min-width: 250px;
        height: 36px;
        padding: 0 20px 0 15px;
    }

    .app_guide_list .ag_list .ag_list_item .ag_list_item_content1 {
        font-size: 14px;
        padding: 28px 15px;
        padding-top: 40px;
    }

    .app_guide_list .ag_list .ag_list_item .ag_list_item_content2 {
        padding: 30px;
    }

    .app_guide_list .ag_list .ag_list_item .img_list {
        padding: 0 12px;
    }

    /* CCTV 팝업 */
    #cctvPop .video_wrap .video {
        height: 330px !important;
    }

    /* 날씨 팝업  */
    #weatherPop .weather_ly_title_area {
        margin-bottom: 5px;
    }

    #weatherPop .weather_ly_title {
        font-size: 15px;
    }

    #weatherPop .weather_item_top {
        padding: 15px;
    }

    #weatherPop .weather_view,
    #weatherPop .weather_info {
        margin-bottom: 10px;
    }

    #weatherPop .weather_view .weather_img {
        width: 115px;
    }

    #weatherPop .weather_view .weather_data .data_time {
        font-size: 13px;
        line-height: 30px;
        height: 30px;
    }

    #weatherPop .weather_view .weather_data .data_weather {
        font-size: 17px;
        padding-left: 15px;
    }

    #weatherPop .weather_view .weather_data .data_weather .temperature {
        font-size: 40px;
    }

    #weatherPop .weather_info {
        padding: 10px 0;
    }

    #weatherPop .weather_info .info_list > li {
        padding: 0 15px;
    }

    #weatherPop .weather_info .info_list > li:before {
        right: 15px;
    }

    #weatherPop .weather_time_slide_wrap {
        margin-bottom: 10px;
    }

    #weatherPop .weather_time_slide .weather_list {
        padding: 10px 0;
    }

    #weatherPop .weather_dust .dust_list .dust_data .dust_data_title {
        font-size: 13px;
        display: inline-block;
        padding-right: 30px;
    }

    #weatherPop .weather_dust .dust_list .dust_data .dust_data_val {
        display: inline-block;
    }

    #weatherPop .weather_dust .dust_list .dust_item_img {
        width: 100px;
        height: 53px;
        margin-top: -26.5px;
    }

    #weatherPop .weather_dust .dust_list .dust_item_img2 {
        width: 100px;
        height: 53px;
        margin-top: -26.5px;
    }

    #weatherPop .weather_item_bottom {
        padding: 15px;
    }
}

@media screen and (min-width: 1180px) {
    .header_wrap .gnb_wrap .depth2 {
        display: none !important;
    }
}

@media screen and (max-width: 1180px) {
    .mobile_none {
        display: none !important;
    }

    .mobile_block {
        display: block !important;
    }


    /* ********** UI st. ****************************** */
    /* Input, Select, Textarea */
    input[type="text"],
    input[type="search"],
    input[type="password"],
    input[type="file"],
    input[type="submit"],
    input[type="button"] {
        height: 33px;
        padding: 0 5px;
    }

    select {
        height: 35px;
        padding: 0 25px 0 5px;
        font-size: 13px;
    }

    /* Btn */
    .btn {
        height: 35px;
        padding: 0 10px;
        line-height: 35px;
        font-size: 13px;
    }

    .btn_wrap .btn {
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        text-align: center;
    }

    /* Icon */
    .ic_square {
        width: 7px;
        height: 7px;
    }

    /* Label */
    .label {
        font-size: 12px;
    }


    /* Basic calendar */
    input.datepicker {
        padding-right: 30px;
        background-size: 20px;
    }

    input.datepicker2 {
        padding-right: 30px;
        background-size: 20px;
    }


    /* ********** Header st. ****************************** */
    header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        overflow-x: hidden;
        z-index: 990;
    }

    header.active {
        bottom: 0;
        height: 100%;
    }

    /* 배너 - 배너슬라이드 */
    .banner_wrap {
        height: 50px;
        transition: all .9s ease;
    }

    .banner_wrap .bx-wrapper {
        width: 100%;
    }

    .banner_wrap .bx-wrapper .bx-viewport {
        height: 0 !important;
    }

    /* 배너 - 사고, 작업 */
    .banner_wrap .banner_cont {
        float: none;
        width: 100%;
        padding: 10px 15px;
    }

    .banner_wrap .banner_cont .box .box_cont .bx-wrapper .bx-viewport {
        height: 0 !important;
    }

    /* 배너 - 공지 */
    .banner_wrap .notice_latest {
        margin-top: 0;
        padding: 0;
        background: none;
    }

    .banner_wrap .notice_latest ul li a {
        padding-right: 90px;
        font-size: 16px;
        line-height: 30px;
    }

    .banner_wrap .notice_latest ul li a span {
        font-size: 14px;
    }

    .banner_wrap .notice_latest ul li a strong {
        padding-left: 35px;
    }

    .banner_wrap .notice_latest ul li a strong:before {
        left: 0;
        width: 25px;
        height: 24px;
        margin-top: -12px;
    }

    /* 헤더 */
    .header_wrap {
        text-align: center;
        height: 60px;
    }

    .header_wrap > div {
        width: 100%;
    }

    .header_wrap .btn_gnb {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        background: url('/images/mobile/common/btn_gnb.png') center center no-repeat;
        background-size: 20px;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(7) > a {
        background: none;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(2) > a {
        background: none;
    }

    .header_wrap.sub_header_wrap > div {
        width: 100%;
    }

    .header_wrap.sub_header_wrap .logo {
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    .header_wrap.sub_header_wrap .gnb_wrap {
        width: 280px;
    }


    /* 헤더 - 로고 */
    .header_wrap .logo {
        float: none;
        width: 240px;
        height: 60px;
        margin: 0 auto;
    }

    .header_wrap .logo.web_block {
        left: 50%;
        margin-left: -140px;
        width: 280px;
    }

    /* 헤더 - gnb */
    .header_wrap .gnb_wrap {
        position: fixed;
        top: 0;
        left: -280px;
        bottom: 0;
        width: 280px;
        height: 100%;
        padding-right: 0;
        background: #fff;
        z-index: 10;
        overflow-y: auto;
    }

    .header_wrap .gnb_wrap .depth1 {
        position: relative;
        padding-top: 61px;
    }

    .header_wrap .gnb_wrap .depth1:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        height: 60px;
        content: "";
        background: url('/images/common/logo_1.png') center center no-repeat;
        background-size: 240px;
        border-bottom: 1px solid #ddd;
    }

    .header_wrap .gnb_wrap .depth1 > li {
        flex: 0 1 auto;
        width: 100%;
    }

    .header_wrap .gnb_wrap .depth1 > li > a {
        height: 50px;
        padding: 0 20px;
        font-size: 16px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        color: #333 !important;
        background: #fff url('/images/mobile/common/ic_arrow_down.png') right 20px center no-repeat;
        background-size: 18px;
    }

    .header_wrap .gnb_wrap .depth1 > li > a.mobile_block {
        display: flex !important;
        justify-content: flex-start;
        height: auto;
        min-height: 50px;
        padding: 5px 20px;
        padding-right: 50px;
    }

    .header_wrap .gnb_wrap .depth1 > li.on > a {
        color: #fff !important;
        background: #0054a6 url('/images/mobile/common/ic_arrow_up.png') right 20px center no-repeat;
        background-size: 18px;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(1) > a {
        color: #333 !important;
        background: none;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(2) > a {
        color: #333 !important;
        background: none;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(5) > a {
        padding: 0 20px;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(7) > a {
        color: #333 !important;
        background: none;
    }


    .header_wrap .gnb_wrap .depth2.open {
        display: none;
    }

    .header_wrap .gnb_wrap .depth2.hide {
        display: none;
    }

    .header_wrap .gnb_wrap .depth2 {
        display: none;
        position: static;
    }

    /* .header_wrap .gnb_wrap .depth1>li:hover a.mobile_none + .depth2 {display: none;} */
    .header_wrap .gnb_wrap .depth2 > li > a {
        height: auto;
        padding: 10px 30px;
        font-size: 14px;
        line-height: normal;
        text-align: left;
        color: #666;
        background: #eee;
        border: 0;
    }

    .header_wrap .gnb_wrap .depth2 > li > a:before {
        content: "-";
        padding-right: 5px;
    }

    .header_wrap .gnb_wrap .depth2 > li:first-child > a {
        background: #eee;
    }

    .header_wrap .gnb_wrap .depth1 > li:nth-child(5) .depth2 > li > a {
        padding: 10px 30px;
    }

    .header_wrap .gnb_wrap .depth2 > li:last-child > a {
        border-bottom: 0;
    }

    .header_wrap .gnb_wrap .depth2 > li:hover > a,
    .header_wrap .gnb_wrap .depth2 > li.active > a {
        background: #3673ee;
    }

    .main_contents .map_wrap.active_right .promotion_banner a {
    }

    /* 헤더 - gnb bg */
    .header_wrap .gnb_bg {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7) url('/images/mobile/common/btn_close.png') left 290px top 20px no-repeat;
        background-size: 20px;
        z-index: 5;
    }

    /* 헤더 - 배너 버튼 */
    .header_wrap .btn_head {
        width: 60px;
        height: 60px;
        background: url('/images/mobile/main/btn_head_up.png') center center no-repeat;
        background-size: 18px;
    }

    .header_wrap .btn_head.active {
        background: url('/images/mobile/main/btn_head_down.png') center center no-repeat;
        background-size: 18px;
    }

    .promotion_banner {
        right: 140px;
    }

    .promotion_banner a img {
        width: 75px;
    }

    .promotion_banner .pr_text_box .text {
        font-size: 12px;
    }

    .main_contents .map_wrap.active_right .promotion_banner {
        right: 10px;
    }

    .promotion {
        padding: 0 10px;
    }

    .sub_tab_round ul li {
        height: 40px;
        font-size: 16px;
    }

    .sub_tab_round ul li a {
        font-size: 16px;
    }

    .promotion .video_wrap .video {
        height: 54.89vw;
    }

    .video_list_type2 li {
        width: calc((100% - 3%) / 2);
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .video_list_type2 li:nth-child(3n+3) {
        margin-right: 3%;
    }

    .video_list_type2 li:nth-child(2n+2) {
        margin-right: 0;
    }

    .video_list_type2 li a .img_wrap {
        height: 26.37vw;
    }

    .video_list_type2 li a .img_wrap img {
        width: 100%;
    }

    .video_list_type2 li a dl {
        height: 155px;
        padding: 15px 15px 10px;
    }

    .video_list_type2 li a dl dt {
        height: 85px;
        padding-bottom: 15px;
        font-size: 16px;
    }

    .video_list_type2 li a dl dt p {
        height: 42px;
        word-break: normal;
    }

    .video_list_type2 li a dl dd {
        padding-top: 13px;
        padding-left: 25px;
        background: url(../../images/promotion/icon_calendar_gray.png) no-repeat left top 20px;
        border-top: 1px solid #e0e0e0;
    }

    .video_list_type2 li.moreHide:nth-child(4) {
        display: inline-block;
    }

    /* 2021_12_17 컨텐츠 신규이미지 추가 */
    .video_list_type2 li a dl dt .dataType {
        display: inline-block;
        margin-bottom: 5px;
        float: right;
        padding: 4px 10px 5px;
        font-size: 11px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        line-height: 1;
        transition: 0.2s;
    }

    .video_list_type2 li a dl dt .dataType.label_dataType {
        background: #f15151;
    }

    /* 2021_12_17 컨텐츠 신규이미지 추가 */
    .video_list_type2 li:hover a {
        background: #fff;
    }

    .video_list_type2 li:hover a dl {
        border-color: #e0e0e0;
    }

    .video_list_type2 li:hover a dl dt {
        color: #222;
    }

    .video_list_type2 li:hover a dl dt .label.label_video {
        background: #3773ef;
    }

    .video_list_type2 li:hover a dl dt .label.label_webtoon {
        background: #00c0b0;
    }

    .video_list_type2 li:hover a dl dd {
        color: #777;
        background: url(../../images/promotion/icon_calendar_gray.png) no-repeat left top 20px;
        border-color: #e0e0e0;
    }

    .video_list_type2 li a.sltr {
        background: #3773ef;
    }

    .video_list_type2 li a.sltr dl {
        border-color: #3773ef;
    }

    .video_list_type2 li a.sltr dl dt {
        color: #fff;
    }

    .video_list_type2 li a.sltr dl dd {
        color: rgba(255, 255, 255, 0.7);
        background: url(../../images/promotion/icon_calendar_white.png) no-repeat left top 20px;
        border-color: rgba(249, 249, 249, 0.2);
    }

    /* 2021.08.03 카드뉴스 */
    .video_list_type2 li a.slct {
        background: #3773ef;
    }

    .video_list_type2 li a.slct dl {
        border-color: #3773ef;
    }

    .video_list_type2 li a.slct dl dt {
        color: #fff;
    }

    .video_list_type2 li a.slct dl dt .label.label_video {
        background: transparent;
    }

    .video_list_type2 li a.slct dl dt .label.label_webtoon {
        background: transparent;
    }

    .video_list_type2 li a.slct dl dt .label.label_cardnews {
        background: transparent;
    }

    .video_list_type2 li a.slct dl dd {
        color: rgba(255, 255, 255, 0.7);
        background: url(../../images/promotion/icon_calendar_white.png) no-repeat left top 19px;
        border-color: rgba(249, 249, 249, 0.2);
    }

    /* // 2021.08.03 카드뉴스 */
    .btn.btn_more_round {
        width: 160px;
        height: 50px;
        padding: 0 55px 0 40px;
        line-height: 46px;
        font-size: 18px;
    }

    .webtoon_img {
        width: 90%;
    }

    #manyAccidentPop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px
    }

    #manyAccidentPop .popup_contents { /* max-height: 60vh; */
        overflow-y: auto;
    }

    #manyAccidentPop .popup_contents .pop_padding {
        padding: 10px;
    }

    #manyAccidentPop .popup_contents .road_name {
        padding: 5px 20px;
        font-size: 17px;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    #manyAccidentPop .popup_contents .road_name strong {
        font-size: 15px;
        font-weight: 500;
    }

    #manyAccidentPop .popup_contents .cont {
        margin: 0;
        padding: 0 20px 5px 20px;
        font-size: 15px;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    #manyAccidentPop .popup_contents .video_wrap {
        margin-bottom: 5px;
    }

    #manyAccidentPop .popup_contents .video_wrap .btn {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
    }

    #manyAccidentPop .popup_contents .video_wrap .btn_reload {
        left: 5px;
        top: 5px;
    }

    #manyAccidentPop .popup_contents .video_wrap .btn_zoom {
        right: 5px;
        bottom: 5px;
    }

    #manyAccidentPop .popup_contents .btn_wrap {
        padding: 0 10px;
    }

    #manyAccidentPop .popup_contents .btn_wrap p {
        width: 28%;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: 400;
    }

    /* #manyAccidentPop .popup_contents .btn_wrap p.mint {width: 38%; padding: 0 10px; background-size: 10px;}  */
    #manyAccidentPop .popup_contents .btn_wrap p.mint1 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #manyAccidentPop .popup_contents .btn_wrap p.mint2 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #manyAccidentPop .popup_contents .btn_wrap p.mint3 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #manyAccidentPop .popup_contents .btn_wrap .btn {
        width: 10px;
        height: 30px;
        padding: 0;
        background-size: 100% !important;
    }

    #manyAccidentPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #1d1d1d;
        margin: 5px 0 10px 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    #blackicePop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px
    }

    #blackicePop .popup_contents { /* max-height: 60vh; */
        overflow-y: auto;
    }

    #blackicePop .popup_contents .road_name {
        padding: 5px 20px;
        padding-bottom: 0;
        font-size: 15px;
        background: #fff;
    }

    #blackicePop .popup_contents .road_name strong {
        font-size: 15px;
        font-weight: 500;
    }

    #blackicePop .popup_contents .cont {
        margin: 0;
        padding: 0 20px 5px 20px;
        font-size: 14px;
        -ms-word-break: keep-all;
        word-break: keep-all;
        border-bottom: 1px solid #ddd;
    }

    #blackicePop .popup_contents .pop_padding {
        padding: 5px;
        max-height: 520px;
        overflow: auto;
    }

    #blackicePop .popup_contents .video_wrap {
        margin-bottom: 5px;
    }

    #blackicePop .popup_contents .video_wrap .btn {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
    }

    #blackicePop .popup_contents .video_wrap .btn_reload {
        left: 7px;
        top: 7px;
    }

    #blackicePop .popup_contents .video_wrap .btn_zoom {
        right: 5px;
        bottom: 5px;
    }

    #blackicePop .popup_contents .btn_wrap {
        padding: 0 10px;
    }

    #blackicePop .popup_contents .btn_wrap p {
        width: 28%;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: 400;
    }

    /* #blackicePop .popup_contents .btn_wrap p.mint {width: 38%; padding: 0 10px; background-size: 10px;}  */
    #blackicePop .popup_contents .btn_wrap p.mint1 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #blackicePop .popup_contents .btn_wrap p.mint2 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #blackicePop .popup_contents .btn_wrap p.mint3 {
        width: 38%;
        padding: 0 10px;
        background-size: 10px;
    }

    #blackicePop .popup_contents .btn_wrap .btn {
        width: 10px;
        height: 30px;
        padding: 0;
        background-size: 100% !important;
    }

    #blackicePop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #1d1d1d;
        margin: 5px 0 10px 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    /* 위험기상 팝업 - 20231212 정우진 */
    #DangerWeatherPop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px
    }

    #DangerWeatherPop .popup_inner .popup_header {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        background: #3d35e9;
    }

    #DangerWeatherPop .popup_contents {
        padding: 15px 20px;
    }

    #DangerWeatherPop .popup_contents .road_name {
        padding: 5px 20px;
        font-size: 15px;
        text-align: center;
        background: #3E47CC1A;
        border-radius: 10px
    }

    #DangerWeatherPop .popup_contents .road_name strong {
        font-size: 15px;
        font-weight: 700;
        color: #3d35e9;
    }

    #DangerWeatherPop .popup_contents .dangerRoadSec {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        height: 40px;
    }

    #DangerWeatherPop .popup_contents .dangerRoadSec .dangeRoadnm {
        font-size: 15px;
        font-weight: 800;
        color: #222;
        margin-left: 5px;
        margin-top: -2px;
    }

    #DangerWeatherPop .popup_contents .dangerRoadSec .ic_mark {
        font-weight: 500;
        line-height: 30px;
        width: 25px;
        height: 25px;
        margin-right: 3px;
        margin-top: -3px;
        text-align: center;
        font-size: 10px;
        color: #fff;
        background: url(/images/common/ic_mark.png) center center no-repeat;
    }

    #DangerWeatherPop .content_bg {
        padding: 5px 5px 15px;
        padding-top: 5px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background: #f6f6f6;
    }

    #DangerWeatherPop .video_wrap {
        position: relative;
        margin-bottom: 0;
    }

    #DangerWeatherPop .video_wrap .video {
        position: relative;
        height: auto;
    }

    #DangerWeatherPop .danWeatherStartNode {
        float: left;
        font-size: 10px;
        font-weight: 800;
    }

    #DangerWeatherPop .danWeatherEndNode {
        float: right;
        font-size: 10px;
        font-weight: 800;
    }

    #DangerWeatherPop .video_wrap .btn {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
    }

    #DangerWeatherPop .video_wrap .btn_reload {
        top: 10px;
        left: 10px;
        background: url("/images/main/btn_reload.png") center center no-repeat;
    }

    #DangerWeatherPop .video_wrap .btn_zoom {
        right: 10px;
        bottom: 10px;
        background: url("/images/main/btn_zoom.png") center center no-repeat;
    }

    #DangerWeatherPop .btn_wrap {
        font-size: 0;
        position: relative;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    #DangerWeatherPop .btn_wrap p {
        font-size: 12px;
        font-weight: 500;
        display: inline-block;
        width: 29%;
        text-align: center;
        vertical-align: middle;
        color: #666;
        position: relative;
    }

    #DangerWeatherPop .btn_wrap p.fontActive {
        color: #3d35e9;
        font-size: 14px;
        line-height: 1.1;
        position: relative;
        width: 42%;
        padding: 0 20px;
    }

    #DangerWeatherPop .btn_wrap p.decoration:before,
    #DangerWeatherPop .btn_wrap p.decoration:after {
        position: absolute;
        top: 50%;
        display: block;
        width: 15px;
        height: 1px;
        content: "";
        background: #3d35e9;
    }

    #DangerWeatherPop .btn_wrap p.decoration:before {
        left: 0;
    }

    #DangerWeatherPop .btn_wrap p.decoration:after {
        right: 0;
    }

    #DangerWeatherPop .rd_cctv_ttl2 {
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px;
        background-image: url(../../images/main/cctv_ico_danger.png);
        background-repeat: no-repeat;
        margin-left: -4px;
        margin-top: 10px;
        justify-content: flex-end;
    }

    #DangerWeatherPop .rd_cctv_ttl2 .DangerWeatherTtl {
        display: flex;
        justify-content: flex-end;
    }

    #DangerWeatherPop .rd_cctv_ttl2 .DangerWeatherTtl img {
        height: 35px;
        margin-top: -15px;
        margin-left: auto;
    }

    #DangerWeatherPop .rd_cctv_ttl2 .DangerWeatherTtl .text-notice1 {
        margin-top: -11px;
        margin-left: 5px;
        font-weight: 700;
        font-size: 16px;
        color: #FFEA00;
    }

    #DangerWeatherPop .rd_cctv_ttl2 .DangerWeatherTtl .text-notice2 {
        margin-top: -11px;
        margin-left: 5px;
        font-weight: 700;
        font-size: 16px;
        color: #FF7F25;
    }

    #DangerWeatherPop .rd_cctv_ttl2 .DangerWeatherTtl .text-notice3 {
        margin-top: -11px;
        margin-left: 5px;
        font-weight: 700;
        font-size: 16px;
        color: #EC1C24;
    }


    /* #blackicePop .popup_contents .btn_wrap {position: relative; font-size: 0;}
	#blackicePop .popup_contents .btn_wrap p {display: inline-block; width: 29%; height: 35px; line-height: 35px; font-size: 18px; font-weight: 500; text-align: center; color: #666;}
	#blackicePop .popup_contents .btn_wrap p.mint1 {color: #35babc}
	#blackicePop .popup_contents .btn_wrap p.mint2 {width: 42%; padding: 0 38px; background: url('../../images/main/img_dotted.png') left center no-repeat, url('../../images/main/img_dotted.png') right center no-repeat; color: #3d35e9}
	#blackicePop .popup_contents .btn_wrap p.mint3 {width: 42%; padding: 0 38px; background: url('../../images/main/img_dotted.png') left center no-repeat, url('../../images/main/img_dotted.png') right center no-repeat;} */
    #DangerWeatherPop .btn_wrap .btn {
        position: absolute;
        top: 50%;
        bottom: 0;
        width: 18px;
        height: 35px;
        margin-top: -17.5px;
        padding: 0;
        text-indent: -9999px;
    }

    #DangerWeatherPop .btn_wrap .btn_prev {
        left: 0;
        background: url("/images/main/ic_left_way.png") center center no-repeat;
    }

    #DangerWeatherPop .btn_wrap .btn_next {
        right: 0;
        background: url("/images/main/ic_right_way.png") center center no-repeat;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-top: 10px;
        align-items: flex-start;
        justify-content: space-between;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_wrap1 {
        display: flex;
        flex-direction: column;
        width: 32%;
        align-items: flex-start;
        justify-content: center;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_wrap2 {
        display: flex;
        flex-direction: column;
        width: 32%;
        align-items: flex-start;
        justify-content: center;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_wrap3 {
        display: flex;
        flex-direction: column;
        width: 32%;
        align-items: flex-start;
        justify-content: center;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan {
        display: flex;
        overflow: hidden;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
        height: 80px;
        background-color: #1d1d1d;
        align-items: center;
        justify-content: center;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap .active {
        box-shadow: 0 0 0 5px #3d35e9;
    }

    /*#DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap2 { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; }
	#DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap2.active { box-shadow: 0 0 0 5px #3d35e9; }
	#DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap3 { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; }
	#DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg_dan .cctv_img_wrap3.active { box-shadow: 0 0 0 5px #3d35e9;} */
    #DangerWeatherPop .rd_cctv_cntnts_Wrap1 .cctv_box_wrap1.active {
        box-shadow: 0 0 0 5px #3d35e9;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap2 .cctv_box_wrap2.active {
        box-shadow: 0 0 0 5px #3d35e9;
    }

    #DangerWeatherPop .rd_cctv_cntnts_Wrap3 .cctv_box_wrap3.active {
        box-shadow: 0 0 0 5px #3d35e9;
    }

    /* 위험기상 팝업 - 20231212 정우진 */
    #vmsType1Pop .popup_inner {
        width: calc(100% - 40px);
        margin: 55px auto 0;
    }

    #vmsType1Pop .popup_contents .road_name {
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
        font-size: 13px;
    }

    #vmsType1Pop .popup_contents .road_name .ic_mark {
        width: 23px;
        height: 23px;
        font-size: 11px;
        line-height: 27px;
    }

    #vmsType1Pop .popup_contents .road_name strong {
        font-size: 16px;
    }

    #vmsType2Pop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px;
        margin: 55px auto 0;
    }

    #vmsType2Pop .popup_contents .road_name {
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
        font-size: 13px;
    }

    #vmsType2Pop .popup_contents .road_name .ic_mark {
        width: 23px;
        height: 23px;
        font-size: 11px;
        line-height: 27px;
    }

    #vmsType2Pop .popup_contents .road_name strong {
        font-size: 16px;
    }

    #vmsType2Pop .road_info_txt_wrap .vms_txt_animation {
        width: 280px;
        font-size: 18px;
        color: #f0ed3c;
        text-align: left;
        padding: 0px 15px;
        white-space: nowrap;
        -webkit-transform: translateX(100%);
        -webkit-animation: vms_animation 10s linear infinite;
        -ms-transform: translateX(100%);
        -ms-animation: vms_animation 10s linear infinite;
    }

    #vmsType2Pop .road_info_txt_wrap .vms_txt_shorts {
        width: 280px;
        font-size: 18px;
        color: #f0ed3c;
        text-align: center;
        padding: 0px 15px;
        white-space: nowrap;
        transform: translateX(0%);
    }

    /* #vmsType2Pop .road_info_txt_wrap .vms_txt_long { width:359px; font-size: 18px; color: #f0ed3c; text-align: center; padding: 0px 15px; white-space: nowrap; transform: translateX(15%); } */
    #vmsType2Pop .road_info_txt_wrap .vms_txt_animation_long {
        width: 280px;
        font-size: 18px;
        color: #f0ed3c;
        text-align: left;
        padding: 0px 15px;
        white-space: nowrap;
        -webkit-vms_txt_animation_long: vms_animation_long 8s 1s linear infinite;
        -ms-animation: vms_animation 8s 1s linear infinite;
    }

    @-webkit-keyframes vms_txt_animation {
        from {
            -webkit-animation: translateX(100%);
        }
        to {
            -webkit-transform: translateX(-150%);
        }
    }
    @-ms-keyframes vms_txt_animation {
        from {
            -ms-animation: translateX(100%);
        }
        to {
            -ms-transform: translateX(-150%);
        }
    }
    @-webkit-keyframes vms_animation_long {
        from {
            -webkit-animation: translateX(100%);
        }
        to {
            -webkit-transform: translateX(-200%);
        }
    }

    .main_contents .left_wrap + .map_wrap + .right_menu + .loading_box {
        left: 0;
        width: 100%;
    }

    .main_contents .left_wrap.active + .map_wrap + .right_menu + .loading_box {
        left: 350px;
        width: calc(100% - 350px);
    }

    .loading_box.result_loading {
        top: 120px !important;
    }

    .loading_box.result_loading2 {
        top: 210px !important;
        display: none;
    }


    /* ********** Footer st. ****************************** */
    .footer_wrap {
        padding: 10px 15px;
        font-size: 12px;
        word-break: keep-all;
    }

    .footer_wrap .address {
        margin-bottom: 3px;
    }

    .footer_wrap .address strong {
        font-weight: 400;
    }

    footer .btn_satisfction {
        display: none;
    }


    /* 홈페이지 콘텐츠 만족도 */
    .satisfction_box {
        display: none;
    }

    .satisfction_box.box .box_cont {
        padding: 15px 20px;
    }

    .satisfction_box_2 {
    }

    .satisfction_box_2.box .box_cont {
        padding: 15px 20px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dt {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dd {
        font-size: 13.5px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dd .radio_style1 {
        margin-right: 4px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dd label {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: -1.5px;
    }

    .ic_star {
        width: 12px;
        height: 13px;
        background-size: 100%;
    }

    .satisfction_box.box .box_cont dl.comments_wrap dt {
        font-size: 16px;
    }

    .satisfction_box.box .box_cont dl.comments_wrap dd p {
        margin-top: 0;
        font-size: 14px;
    }

    .satisfction_box_2.box .box_cont dl.radio_wrap dt {
        margin-bottom: 5px;
        font-size: 18px;
    }

    /*20240613 수정*/
    .satisfction_box_2.box .box_cont dl.radio_wrap dd {
        font-size: 13.5px;
    }

    .satisfction_box_2.box .box_cont dl.radio_wrap .radio_style dd table th {
        font-size: 12px;
    }

    .satisfction_box_2.box .box_cont dl.radio_wrap dd label {
        font-size: 13px;
        line-height: 13px;
        letter-spacing: -1.5px;
    }

    .ic_star {
        width: 12px;
        height: 13px;
        background-size: 100%;
    }

    .satisfction_box_2.box .box_cont dl.comments_wrap dt {
        font-size: 14px;
    }

    .satisfction_box_2.box .box_cont dl.comments_wrap dd p {
        margin-top: 0;
        font-size: 14px;
    }

    footer .btn_satisfction {
        width: 59px;
        height: 59px;
    }

    footer .satisfction_box {
        width: 100%;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap dd:last-child {
        padding-top: 10px;
    }

    footer .satisfction_box.box .box_cont dl.comments_wrap dd p {
        font-size: 12px;
    }


    /* ********** Main st. ****************************** */
    #container.main_container {
        padding-top: 110px;
        transition: all .9s ease;
    }

    #container.sub_container {
        padding-top: 60px;
        transition: all .9s ease;
    }

    .main_contents {
        height: 700px;
    }

    /* 좌측 정보 박스 */
    .main_contents .left_wrap {
        left: -360px;
        width: 360px;
    }

    /* 좌측 정보 박스 - 탑버튼 */
    .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_head li a {
        height: 40px;
        font-size: 13px;
        line-height: 40px;
    }

    .main_contents .left_wrap .tab_head li a .icon {
        height: 18px;
        margin-right: 0px;
    }

    /* 좌측 정보 박스 - 탭콘텐츠 */
    .main_contents .left_wrap .tab_cont .ic_mark {
        width: 25px;
        height: 25px;
        line-height: 28px;
        font-size: 12px;
        background-size: 100%;
    }

    .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 .route_list dl dt {
        padding: 10px 0;
        font-size: 15px;
    }

    .main_contents .left_wrap .route_list dl dt span {
        font-size: 13px;
    }

    .main_contents .left_wrap .route_list dl dd a {
        padding: 10px;
    }

    .main_contents .left_wrap .route_list dl dd a .ic_wrap {
        width: 45px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_list dl dd a .ic_wrap img {
        width: 45px;
        margin-top: 5px;
    }

    .main_contents .left_wrap .route_list dl dd a .text_wrap {
        width: calc(100% - 135px);
        padding: 0 10px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_list dl dd a .img_wrap {
        width: 90px;
    }

    .main_contents .left_wrap .route_list dl dd a:hover,
    .main_contents .left_wrap .route_list dl dd a:focus {
        background: #ebf2fe;
    }

    /* 좌측 정보 박스 - 교통속보 */
    .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;
    }

    .main_contents .left_wrap .news_list .search_wrap {
        padding: 0;
    }

    .main_contents .left_wrap .news_list .search_wrap input[type='text'] {
        width: calc(100% - 46px);
        height: 40px;
        padding-right: 40px;
    }

    .main_contents .left_wrap .news_list .search_wrap .btn_search {
        top: auto;
        bottom: 0;
        right: 0;
        width: 40px;
        height: 40px
    }

    .main_contents .left_wrap .news_list .btn_blue {
        height: 40px;
        line-height: 40px;
    }

    .main_contents .left_wrap .news_list .btn_blue img {
        margin-top: -5px;
    }

    /* 좌측 정보 박스 - 경로검색 */
    .main_contents .left_wrap .route_search .search_area {
        padding: 5px 110px 5px 15px;
        background: #eef1f2 url('/images/main/ic_route_bar.png') left 16px top 38px no-repeat;
        background-size: auto 13px;
    }

    .main_contents .left_wrap .route_search .search_area dl {
        padding-left: 25px;
        font-size: 0;
        background-size: 14px !important;
    }

    .main_contents .left_wrap .route_search .search_area dl dt {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .search_area dl dd input {
        width: calc(100% - 47px);
        height: 38px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .search_area .btn_change {
        right: 70px;
        width: 35px;
        height: 40px;
        margin-top: -20px;
    }

    .main_contents .left_wrap .route_search .search_area .btn_mint {
        right: 5px;
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }

    .main_contents .left_wrap .search_list li a {
        height: 40px;
        padding: 10px 15px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .type_tab li a {
        height: 45px;
        font-size: 16px;
        line-height: 37px;
        border-top: 3px solid #fff;
    }

    .main_contents .left_wrap .route_search .type_tab li.active a {
        border-top: 3px solid #47c0c2;
    }

    .main_contents .left_wrap .route_search .simple_info dl {
        padding: 10px 15px;
        letter-spacing: -0.5px;
    }

    .main_contents .left_wrap .route_search .simple_info dl dt {
        width: 125px;
        font-size: 16px;
    }

    .main_contents .left_wrap .route_search .simple_info dl dd {
        margin-left: 10px;
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .simple_info dl dd strong {
        font-size: 18px;
        font-weight: 500;
    }

    .main_contents .left_wrap .route_search .simple_info dl dd span {
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .route_info .title {
        font-size: 15px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info {
        margin: 0 -2.5px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info li {
        padding: 0 2.5px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info li .item {
        letter-spacing: -1px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info li .item .item_title {
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info li .item .item_img img {
        height: 30px;
    }

    .main_contents .left_wrap .route_search .route_info .icon_info li .item .item_cnt {
        font-size: 15px;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info {
        color: #333;
        border-bottom: 1px solid #ddd;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li {
        margin-bottom: 10px;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li span {
        font-size: 15px;
        line-height: 25px;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li span.label {
        width: 25px;
        height: 25px;
        margin-right: 3px;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li span.price {
        width: 50px;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li span.name {
        width: auto;
    }

    .main_contents .left_wrap .route_search .route_info .oiling_info ul li .icon {
        width: 20px;
        height: 25px;
        margin-left: 3px;
    }

    /* 좌측 정보 박스 - 혼잡구간 */
    .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 {
        top: auto;
        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
    }

    .main_contents .left_wrap .conges_result div.title {
        position: relative;
        font-size: 15px;
    }

    .main_contents .left_wrap .tab_cont .title .btn_wrap {
        position: absolute;
        right: 15px;
        top: -5px;
        bottom: 0;
    }

    .main_contents .left_wrap .tab_cont .title .btn_wrap .btn.mobile_block {
        display: none !important;
    }

    .main_contents .left_wrap .conges_tab {
        padding: 0 15px;
    }

    .main_contents .left_wrap .conges_tab li a {
        height: 40px;
        font-size: 15px;
        line-height: 36px;
    }

    .main_contents .left_wrap .route_info .route > li {
        padding: 10px 15px 15px 30px;
    }

    .main_contents .left_wrap .route_info .route > li:before {
        left: 12px;
        width: 9px;
    }

    .main_contents .left_wrap .route_info .route > li:after {
        left: 7px;
        width: 20px;
        height: 12px;
        background-size: 100%;
    }

    .main_contents .left_wrap .route_info .route .road_info .trffc_info_bx {
        right: 90px;
        font-size: 10px;
    }

    .main_contents .left_wrap .route_info .route > li > p {
        margin-left: -40px;
        padding-bottom: 7px;
        font-size: 18px;
        color: #fff;
        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 {
        font-size: 14px;
    }

    .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 {
        padding-left: 25px;
        font-size: 12px;
        letter-spacing: -0.5px;
        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; /*width: 23px;*/
    }

    .main_contents .left_wrap .traffic .btn_bus {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
    }

    .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 {
        left: 17px;
        width: 9px;
    }

    .main_contents .left_wrap .route_info .route > li .bus_line2:before {
        left: 17px;
        width: 9px;
    }

    .main_contents .left_wrap .route_info .route > li .bus_line:after {
        left: 12px;
        width: 20px;
        height: 12px;
    }

    .main_contents .left_wrap .route_info .route > li .bus_line2:after {
        left: 12px;
        width: 20px;
        height: 12px;
    }

    .main_contents .left_wrap .route_info .route > li .pass_line {
        width: 42px;
    }

    .main_contents .left_wrap .route_info .route > li .pass_line:before {
        left: 17px;
        width: 9px;
    }

    .main_contents .left_wrap .route_info .route > li .pass_line:after {
        left: 12px;
        width: 20px;
        height: 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;
        line-height: 25px;
        font-size: 14px;
    }

    .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 {
        position: absolute;
        left: -9px;
        bottom: 0;
        width: 12px;
        height: 7px;
        content: "";
        background: url('/images/main/ic_tail.png') center center no-repeat;
    }

    .main_contents .left_wrap .route_info .route li .detail_box .road_wrap img {
        width: 15px;
        margin-right: 3px;
    }

    /* 통합검색(신규) / 전소현 수정 */
    .search_wrap_bar {
        left: 380px;
    }

    .search_wrap_bar .search_text {
        font-size: 14px;
        width: 80px;
        height: 40px;
        line-height: 40px;
    }

    .search_wrap_bar .search_inner > div > select {
        font-size: 13px;
        width: 100px;
    }

    .search_wrap_bar .search_inner > div > form > input {
        font-size: 13px;
        width: 200px;
    }

    .search_wrap_bar .search_inner > div > form > button {
        width: 15px;
        height: 15px;
        top: 10px;
    }

    .search_wrap_bar .search_btn {
        height: 40px;
    }

    .search_wrap_bar .search_btn i.search_open_btn {
        width: 10px;
        height: 18px;
    }

    .search_wrap_bar .search_btn i.search_close_btn {
        width: 16px;
        height: 16px;
    }

    /* 20230901 전소현 수정 */
    .search_result_list > li > a {
        font-size: 14px;
    }


    /* Main layer popup */
    .popup_wrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        transition: all .5s ease;
    }

    .main_popup_wrap {
        position: absolute;
        left: 500px;
    }

    .main_popup_wrap.active {
        left: 0;
    }

    .popup_inner {
        position: relative;
        margin: 100px auto 0;
        background: #fff;
        z-index: 2;
    }

    .popup_inner .btn_close {
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 100%;
        background: url('/images/common/ic_popup_close.png') center center no-repeat;
        text-indent: -9999px;
        z-index: 99;
        background-size: 100%;
    }

    .popup_inner .popup_header {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    .popup_inner .popup_header_sago {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #E81313;
    }

    .popup_inner .popup_header_allblock {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #232323;
    }

    .popup_inner .popup_header_service {
        position: relative;
        height: 62px;
        padding: 0 20px;
        line-height: 10px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #ED7100;
    }

    .popup_inner .popup_header_blackice {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #3d35e9;
    }

    .popup_inner .popup_header_vms {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        background: #404040;
    }

    .popup_inner .popup_contents {
    }

    .popup_bg {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    /* 기상정보 */
    /* 리스트 스타일 */
    .st_list1 > li {
        font-size: 13px;
        padding: 0 4px;
    }

    .st_list2 > li {
        font-size: 13px;
    }

    /* 탭 스타일 */
    .st_tab1 > li > a {
        font-size: 14px;
    }

    .st_tab1 > li > a span {
        padding: 10px 0;
    }

    .st_tab1 > li.active > a span:before {
        height: 3px;
    }

    /* 기상 영상 팝업 */
    #weatherVideoPop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px;
    }

    #weatherVideoPop .popup_contents {
        padding: 10px;
    }

    #weatherVideoPop .st_tab1 {
        margin-top: -10px;
    }

    #weatherVideoPop .wv_tab_content {
        padding-top: 10px;
    }

    #weatherVideoPop .wv_video_txt {
        font-size: 13px;
    }

    #weatherVideoPop .rader_txt {
        font-size: 13px;
    }

    #weatherVideoPop .satellite_txt {
        font-size: 13px;
    }

    /* 영업소 차단 팝업 */
    #agencyBlockPop .popup_header_allblock {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }

    #agencyBlockPop .popup_header_allblock img {
        width: 25px;
    }

    #agencyBlockPop .popup_contents .road_name {
        padding: 0 10px;
        font-size: 14px;
    }

    #agencyBlockPop .popup_contents .road_gubun {
        padding: 10px;
        font-size: 14px;
    }

    #agencyBlockPop .popup_contents .road_dirnm {
        font-size: 14px;
        padding: 10px;
        padding-top: 0;
        padding-left: 82px;
    }

    #agencyBlockPop .popup_contents .road_dirnm span {
        left: 10px;
    }

    #agencyBlockPop .popup_contents .road_date {
        font-size: 14px;
        padding: 10px;
        padding-top: 0;
    }

    #agencyBlockPop .popup_contents .cont {
        font-size: 15px;
        padding: 10px;
        padding-top: 0;
    }

    /* 2021.09.24 플레이어 프로그레스 */
    /* #weatherVideoPop .wv_video_util { margin-top: 10px; } */
    #weatherVideoPop .wv_video_util .wv_play_bar {
        height: 40px;
        padding: 14px 5px 0 13px;
    }

    .plyer_bar_wrap {
        margin-top: 10px;
    }

    .plyer_bar_wrap .seek_text_time {
        bottom: -20px;
    }

    /* // 2021.09.24 플레이어 프로그레스 */
    /* 기상정보 */
    /* 지도 */
    .main_contents .map_wrap {
        /* width: calc(100% - 470px); */
        width: calc(100%);
        margin-left: 350px;
        margin-right: 100px;
    }

    .main_contents .map_wrap .map {
        height: 700px;
    }

    .main_contents .map_wrap.active_left {
        width: calc(100% - 100px);
        margin-left: 0;
    }

    .main_contents .map_wrap.active_right {
        width: calc(100% - 350px);
        margin-right: 0;
    }

    .main_contents .map_wrap.active_left.active_right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* 지도 - 범례 */
    /* .main_contents .map_wrap .legend {width: 180px;} */
    .main_contents .map_wrap .legend li {
        display: inline-block;
        vertical-align: top;
        width: 60px
    }

    .main_contents .map_wrap .legend li div {
        width: 60px;
        font-size: 13px;
        border: 0;
    }

    .main_contents .map_wrap .legend li div.green_line {
        background: #31c231;
    }

    .main_contents .map_wrap .legend li div.yellow_line {
        background: #ffa200;
    }

    .main_contents .map_wrap .legend li div.red_line {
        background: #fa0302;
    }

    .main_contents .map_wrap .legend li div.gray_line {
        background: #404040;
    }

    .main_contents .map_wrap .legend li div strong {
        color: #fff !important;
    }

    .main_contents .map_wrap .legend li div span {
        display: none;
    }

    /*교통방송*/
    .right_extv {
        right: 150px;
        top: 100px;
    }

    /* 우측 메뉴 */
    .main_contents .right_menu {
        right: -120px;
        width: 120px;
        transition: all .5s ease;
    }

    .main_contents .right_menu.active {
        right: 10px;
    }

    /* 우측 메뉴 - 지역 */
    .main_contents .right_menu .area li a {
        font-size: 14px;
    }

    .main_contents .right_menu .area li.zoom button {
        background-size: 15px !important;
    }

    .main_contents .right_menu .area li.zoom button.btn_zoomOut {
        background: url('/images/mobile/main/ic_minus.png') center center no-repeat;
    }

    .main_contents .right_menu .area li.zoom button.btn_zoomIn {
        background: url('/images/mobile/main/ic_plus.png') center center no-repeat;
    }

    /* 우측 메뉴 - 지도 범례 */
    .main_contents .right_menu .legend li div {
        height: 70px;
        padding: 0 0 0 10px;
        vertical-align: bottom;
        font-size: 14px;
        line-height: 18px;
        border-left: 5px solid;
    }

    .main_contents .right_menu .legend li div span {
        padding-bottom: 15px;
        font-size: 12px;
    }

    /* 우측 메뉴 - 메뉴 */
    .main_contents .right_menu .menu .menu_list li a {
        height: 56px;
        padding-top: 8px;
        font-size: 11px;
    }

    .main_contents .right_menu .menu .menu_list li a .icon {
        height: 30px;
        background-size: 30px !important;
    }

    /* 우측 메뉴 - 우측영역 버튼 */
    .main_contents .right_menu .btn_right {
        position: absolute;
        left: -20px;
        top: 50%;
        width: 20px;
        height: 70px;
        margin-top: -35px;
        padding: 0;
        background: url('/images/main/btn_right_close.png') center center no-repeat;
        background-size: 20px !important;
    }

    .main_contents .right_menu .btn_right.active {
        background: url('/images/main/btn_right_open.png') center center no-repeat;
    }

    .header_wrap .btn_head span {
        margin-top: 10px;
    }

    /* Main layer popup */
    .main_popup_wrap {
        left: 350px;
    }

    .popup_inner {
        margin: 75px auto 0;
    }

    .popup_inner .btn_close {
        right: 15px;
        width: 15px;
        padding: 0;
    }

    /* .popup_inner .popup_header {height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px;} *//* 2023-09-04 반응형 및 수정 요청 */
    /* CCTV 팝업 */
    #cctvPop .popup_inner {
        width: calc(100% - 40px);
        max-width: 480px;
    }

    #cctvPop .popup_contents {
        padding: 10px;
    }

    #cctvPop .video_wrap .btn {
        width: 35px;
        height: 35px;
        background-size: 100% !important;
    }

    #cctvPop .video_wrap .btn_reload {
        left: 10px;
        top: 7px;
    }

    #cctvPop .video_wrap .btn_zoom {
        right: 5px;
        bottom: 5px;
    }

    #cctvPop .btn_wrap {
        padding: 0 10px;
        margin-bottom: 5px;
    }

    #cctvPop .btn_wrap p {
        width: 30%;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: 400;
    }

    #cctvPop .btn_wrap p.mint {
        width: 40%;
        padding: 0 10px;
        background-size: 10px 2px;
    }

    #cctvPop .btn_wrap p.mint:before,
    #cctvPop .btn_wrap p.mint:after {
        width: 7px;
    }

    #cctvPop .btn_wrap .btn {
        width: 10px;
        height: 30px;
        margin-top: -15px;
        padding: 0;
        background-size: 100% !important;
    }

    #cctvPop #play_tts {
        margin-top: -2px;
        flaot: right;
        border: 1px solid #ddd;
        height: 25px;
        padding: 0 4px;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: 350;
        font-family: 'Noto Sans KR', sans-serif, "맑은고딕", Malgun Gothic, dotum, verdana;
    }

    #cctvPop #play_tts:before {
        content: "음성안내";
    }

    /* CCTV 팝업(확대) */
    #cctvfullPop .popup_inner {
        width: calc(100% - 40px);
        margin: 75px auto 0;
    }

    #cctvfullPop .popup_contents .video_wrap .video {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    #cctvfullPop .popup_contents .video_wrap .btn {
        width: 35px;
        height: 35px;
    }

    #cctvfullPop .popup_contents .video_wrap .btn_reload {
        left: 5px;
        top: 5px;
        background-size: 100%;
    }

    #cctvfullPop .popup_contents .video_wrap .btn_zoom {
        right: 5px;
        bottom: 5px;
        background-size: 100%;
    }

    #cctvfullPop .popup_contents .video_wrap .closeMent {
        top: 50px;
        width: 400px;
        height: 40px;
        margin-left: -200px;
        line-height: 40px;
        font-size: 16px;
    }

    #cctvfullPop .popup_contents .btn_wrap .btn {
        width: 30px;
        height: 60px;
        margin-top: -30px;
        padding: 0;
        background-size: 100% !important;
    }

    #cctvfullPop .popup_contents .btn_wrap .btn_prev {
        left: 10px;
    }

    #cctvfullPop .popup_contents .btn_wrap .btn_next {
        right: 10px;
    }

    /* 상황 팝업 */
    .issuePop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px;
    }

    .issuePop .popup_inner {
        width: calc(100% - 40px);
        max-width: 300px;
        margin: 55px auto 0;
    }

    .issuePop .popup_header p img {
        height: 20px;
    }

    .issuePop .popup_contents .road_name {
        height: 40px;
        padding: 0 15px;
        line-height: 40px;
        font-size: 13px;
    }

    .issuePop .popup_contents .road_name .ic_mark {
        width: 23px;
        height: 23px;
        font-size: 11px;
        line-height: 27px;
    }

    .issuePop .popup_contents .road_name strong {
        font-size: 16px;
    }

    .issuePop .popup_contents .cont {
        margin: 0;
        padding: 10px 15px;
        font-size: 15px;
    }

    .issuePop .popup_contents .notcont {
        margin: 0;
        font-size: 15px;
    }

    .issuePop .road_info_wrap {
        padding: 10px 20px;
    }

    .issuePop .road_info_wrap .st_list2 {
        margin-bottom: 5px;
    }

    .issuePop .vms_con_wrap .vms_con .vms_txt {
        font-size: 14px;
        padding: 10px;
    }

    .issuePop .vms_con_wrap .vms_con {
        margin-top: 5px;
    }

    .issuePop .popup_contents .road_cctv_wrap {
        padding: 10px 20px;
    }

    .issuePop .popup_contents .road_info_txt_wrap {
        padding: 0 20px 10px 20px;
    }

    /*사고 최인접 후방 VMS*/
    .vms_con_wrap .vms_con .vms_txt_animation {
        font-size: 14px;
        color: #f0ed3c;
        text-align: center;
        padding: 0px 15px;
        white-space: nowrap;
        -webkit-transform: translateX(100%);
        -webkit-animation: vms_animation 10s linear infinite;
        -ms-transform: translateX(100%);
        -ms-animation: vms_animation 10s linear infinite;
    }

    .vms_con_wrap .vms_con .vms_txt_animation_long {
        font-size: 14px;
        color: #f0ed3c;
        text-align: left;
        padding: 0px 15px;
        white-space: nowrap;
        -webkit-animation: vms_animation_long 10s 1s linear infinite;
        -ms-animation: vms_animation 10s 1s linear infinite;
    }

    @-ms-keyframes vms_txt_animation {
        from {
            -ms-animation: translateX(100%);
        }
        to {
            -ms-transform: translateX(-150%);
        }
    }
    @-webkit-keyframes vms_animation {
        from {
            -webkit-animation: translateX(100%);
        }
        to {
            -webkit-transform: translateX(-150%);
        }
    }
    @-ms-keyframes vms_animation {
        from {
            -ms-animation: translateX(100%);
        }
        to {
            -ms-transform: translateX(-150%);
        }
    }


    /* 상황 팝업_박민주 추가 */
    .popup_contents .road_info_txt_wrap .road_info_txt {
        font-size: 18px;
        line-height: 25px;
    }

    .cctv_box_wrap .cctv_box_txt {
        font-size: 12px;
        line-height: 15px;
    }

    .cctv_box_wrap .cctv_box_blackBg {
        height: 69px;
    }

    /*211119_박민주 수소전기 팝업 추가*/
    .chrg_test .popup_contents .sctTab ul li a {
        padding: 10px 40px;
    }

    .chrg_test .popup_contents .sctTab ul li a {
        font-size: 16px;
    }

    .chrg_dtail ul li .dprtmnt_wrap span {
        font-size: 13px;
    }

    .chrg_dtail ul li .dprtmnt_wrap span:nth-child(2) {
        font-size: 8px;
    }

    .chrg_dtail ul li .detail .text_chrg .chrg_r {
        font-size: 12px;
    }

    .chrg_dtail ul li .detail .text_chrg .chrg_b {
        font-size: 12px;
    }

    .chrg_dtail ul li .detail .text_chrg .chrg_black {
        font-size: 12px;
    }

    .chrg_dtail ul li .detail .text_chrg span {
        padding: 0 0 0 5px;
        font-size: 13px;
    }

    .chrg_dtail ul li .detail .img_chrg div img {
        width: 41px;
        height: 36px;
    }

    .tabCntt .chrgCnt div {
        font-size: 13px;
    }

    .chrg_info_Count div {
        font-size: 14px;
        color: #333333;
    }

    .chrg_info ul li span {
        font-size: 13px;
        color: #333333;
    }

    .chrg_dtail ul li .detail .img_chrg div {
        width: 52px;
        height: 45px;
    }

    .chrg_dtail ul li .detail .img_chrg div.dccb_on {
        background-image: url(/images/main/dccb_on_52.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dc_on {
        background-image: url(/images/main/dc_on_52.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.ac_on {
        background-image: url(/images/main/ac_on_52.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dccb {
        background-image: url(/images/main/dccb_52.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dc {
        background-image: url(/images/main/dc_52.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.ac {
        background-image: url(/images/main/ac_52.png);
    }


    /* 터널 팝업 20231122 */
    /* 20231208 수정 */
    #tunnelPop .popup_inner {
        width: calc(100% - 15%) !important;
    }

    #tunnelPop .popup_inner .popup_header button {
        font-size: 12px;
    }

    #tunnelPop .popup_inner .popup_tit {
        font-size: 16px;
    }

    #tunnelPop .popup_inner .popup_tit i {
        padding: 10px;
        background-size: contain;
    }

    #tunnelPop1 .popup_inner {
        min-width: 300px;
        margin: 30px auto 0;
    }

    #tunnelPop1 .tunnel_contents_wrap .tunnel_content .tunnel_cctv_box .tunnel_cctv_tit {
        font-size: 16px;
    }

    .vms_con_wrap .vms_con .vms_txt {
        font-size: 16px;
    }

    #tunnelPop1 .popup_inner {
        min-width: 300px;
        margin: 30px auto 0;
    }

    #tunnelPop1 ul li a {
        font-size: 14px;
    }

    #tunnelPop2 ul li a {
        font-size: 14px;
    }

    #tunnelPop2 .tunnel_contents_wrap .tunnel2_content .tunnel_menual_box .tunnel2_tit {
        font-size: 14px;
    }

    #tunnelPop2 .tunnel_contents_wrap .tunnel2_content .tunnel_menual_box .tunnel2_tab2-1 .menual_block p {
        font-size: 14px;
    }

    #tunnelPop2 .tunnel_contents_wrap .tunnel2_content .tunnel_menual_box .tunnel2_tab2-2 .menual_block p {
        font-size: 14px;
    }

    #tunnelPop2 .tunnel_contents_wrap .tunnel2_content .tunnel_menual_box .tunnel2_tab4 .tunnel2_img_wrap p {
        font-size: 14px;
    }


    /* 상황 팝업 추가
	.popup_contents .road_info_txt_wrap .road_info_txt{font-size: 15px;line-height: 25px;}
	.cctv_box_wrap .cctv_box_txt {font-size:12px; line-height: 15px; }
	.cctv_box_wrap .cctv_box_blackBg{height:69px;}
	*/
    /* 서비스 팝업 */
    /* #servicePop .popup_inner {width: calc(100% - 40px); max-width: 300px;}
	#servicePop .popup_header p img {height: 20px;}
	#servicePop .popup_contents .road_name {height: 40px; padding: 0 15px; line-height: 40px; font-size: 13px;}
	#servicePop .popup_contents .road_name .ic_mark {width: 23px; height: 23px; font-size: 11px; line-height: 27px;}
	#servicePop .popup_contents .road_name strong {font-size: 16px;}
	#servicePop .popup_contents .cont .label {width: 25px; height: 25px; line-height: 23px; font-size: 14px;}
	#servicePop .popup_contents .cont .simple_cont {padding: 0 15px; height: auto; line-height: normal; font-size: 14px;}
	#servicePop .popup_contents .cont .simple_cont p {float: none !important; width: 100%; margin: 5px 0;}
	#servicePop .popup_contents .cont .simple_cont p.fl_right {text-align: left;}
	#servicePop .popup_contents .cont .simple_cont p span {margin-left: 0; margin-right: 5px;}
	#servicePop .popup_contents .cont .simple_cont p .label_round {height: 20px; padding: 0 5px; line-height: 20px; font-size: 12px;}
	#servicePop .popup_contents .cont .total_cont {padding: 15px;}
	#servicePop .popup_contents .cont .total_cont .service_list p>* {line-height: 25px;}
	#servicePop .popup_contents .cont .total_cont .service_list .ic_rest {width: 25px; height: 25px;}
	#servicePop .popup_contents .cont .total_cont .service_list .ic_food {width: 25px; height: 25px;}
	#servicePop .popup_contents .cont .total_cont .service_list p span {width: calc(100% - 30px); font-size: 14px;}
	#servicePop .popup_contents .cont .total_cont .oil_list .icon {width: 25px; height: 25px;}
	#servicePop .popup_contents .cont .total_cont .charge_list li {display: inline-block; line-height: 25px; margin-right: 20px;}
	#servicePop .popup_contents .cont .total_cont .charge_list li span {display: inline-block; line-height: 25px;}
	#servicePop .popup_contents .cont .total_cont .charge_list li span.price {margin-right: 3px;} */
    /* 20201023_박민주 졸음쉼터  팝업 추가 */
    .issuePop .rst_test {
        width: 400px;
    }

    /* .rst_test .popup_contents .cont .rst_cont_wrap{display: flex; flex-direction: row;} */
    .rst_test .popup_contents .cont .rst_cont_wrap .tr_lft {
        width: 45%;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .tr_rght {
        width: 55%;
        padding-left: 20px;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .rst_tr .rst_td {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 15px;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .tr_lft .rst_bttm_p {
        margin-bottom: 0;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .rst_tr .rst_td span {
        display: inline-block;
        line-height: 120%;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .rst_tr .rst_td span:nth-child(1) {
        margin-right: 10px;
    }

    .rst_test .popup_contents .cont .rst_cont_wrap .rst_tr .rst_td span:nth-child(3) {
        margin-left: auto;
        font-size: 17px;
        font-weight: bold;
        color: #35babc;
        text-align: right;
    }

    .rst_td span .img_p {
        padding-top: 2px;
    }

    .rst_adress {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        font-size: 13px;
        border-top: 1px solid #ddd;
    }

    /* ********** Contents st. ****************************** */
    .inner {
        width: 100%;
    }

    .sub_contents {
        width: 100%;
    }

    /* left menu */
    .lnb_wrap {
        display: none;
    }

    /* right contents */
    .right_cont {
        float: none;
        width: 100%;
        min-height: 650px;
        margin-right: 60px;
        padding: 20px 0 50px;
    }

    .cont {
        margin-top: 20px;
    }

    /* Title */
    .title_wrap {
        padding: 0 10px;
        text-align: center;
    }

    .title_wrap .page_title {
        margin-bottom: 0px;
        padding-bottom: 0px;
        font-size: 20px;
        font-weight: 500;
        word-break: keep-all;
    }

    /*20240614 수정*/
    .title_wrap .page_title.txt_size {
        font-size: 17px;
    }

    /*20240614 수정*/
    .title_wrap.noroot .page_title {
        padding-bottom: 20px;
    }

    .title_wrap .page_title:after {
        display: none;
    }

    .title_wrap .page_title_text {
        font-size: 13px;
    }

    .title_wrap .page_root {
        position: relative;
        width: 100%;
        border-bottom: 1px solid #333;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    /*20240614 수정*/
    .title_wrap .page_root a {
        font-size: 13px;
    }

    /* Search */
    .search_wrap > * {
        margin-right: 0;
        font-size: 14px;
    }

    .search_wrap select {
        width: 100px;
    }

    .search_wrap input[type='text'] {
        width: calc(100% - 161px);
        padding-right: 50px;
    }

    .search_wrap .btn {
        width: 100%;
        margin-top: 5px;
    }

    .search_wrap .btn_search {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        background: url('/images/common/ic_search.png') center center no-repeat;
        border: 0;
    }

    /* Board */
    .board_list {
        margin-top: 20px;
    }

    .board_list table th {
        height: 40px;
        font-size: 13px;
    }

    .board_list table td {
        height: 40px;
        font-size: 13px;
    }

    .board_list table td.subject {
        padding: 0 10px;
    }

    .board_list table td a {
        height: 40px;
        line-height: 40px;
    }

    .board_list .search_wrap {
        margin-top: 20px;
    }

    .board_view .view_title {
        padding: 10px;
        font-size: 15px;
        line-height: 20px;
    }

    .board_view .view_info {
        padding: 0 10px 15px;
        font-size: 12px;
    }

    .board_view .view_info * {
        display: inline-block;
        vertical-align: middle;
    }

    .board_view .view_info dl {
        margin-left: 10px;
    }

    .board_view .view_info dl dt {
        padding-right: 5px;
    }

    .board_view .view_contents {
        min-height: 150px;
        padding: 10px 0;
        font-size: 13px;
        line-height: 20px;
    }

    .comments_wrap {
        margin: 20px 0 0;
    }

    .comments_wrap .title {
        padding: 10px 0;
        font-size: 12px;
    }

    .comments_wrap .write_com textarea {
        width: calc(90% - 70px);
        height: 40px;
        font-size: 12px;
    }

    .comments_wrap .write_com .btn_gray {
        width: 70px;
        height: 62px;
        font-size: 12px;
        line-height: 62px;
    }

    .comments_wrap .list_com {
        margin: 10px 0 20px;
    }

    .comments_wrap .list_com dt {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .comments_wrap .list_com dd {
        font-size: 12px;
    }

    .comments_wrap .list_com li > .btn {
        right: 0;
    }

    .comments_wrap .list_com li.re_com {
        padding: 10px 0 10px 20px;
    }

    .comments_wrap .list_com li.re_com:after {
        position: absolute;
        left: 0;
        top: 10px;
        content: "└";
        font-size: 14px;
        font-weight: 600;
    }

    .comments_wrap .list_com li.re_com textarea {
        width: calc(89.9% - 70px);
    }

    /* Paging */
    .paging {
        margin-top: 20px;
    }

    .paging a {
        width: 28px;
        height: 28px;
        line-height: 26px;
        font-size: 12px;
    }


    /* 교통예보 - 주요 도시간 예상 소요시간  */
    /* 교통예보 - 주요 도시간 예상 소요시간  */
    .predict {
        padding: 0 10px;
    }

    .box_tab li {
        height: 45px;
    }

    .box_tab li a {
        font-size: 14px;
    }

    .box_tab li a:after {
        height: 14px;
        margin-top: -7px;
    }

    .round_tab li a {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }

    .round_tab li:first-child a {
        padding-left: 5px;
    }

    .round_tab li:last-child a {
        padding-right: 5px;
    }

    .predict .map_option {
        margin-bottom: 15px;
    }

    .predict .box_tab {
        width: 290px;
    }

    .predict .round_tab {
        width: 120px;
    }

    .predict.cont > p {
        font-size: 16px;
    }

    /* 20230918 전소현 수정 */
    .predict .map_wrap {
        width: 550px;
        height: 853px;
        margin: 0 auto 15px;
        background-size: 100%;
    }

    .predict .map_wrap .time_box {
        width: 179px;
    }

    .predict .map_wrap .time_box dl dt {
        font-size: 16px;
        line-height: 16px;
    }

    .predict .map_wrap .time_box dl dd {
        font-size: 20px;
        line-height: 26px;
    }

    .predict .map_wrap .yangyang {
        top: 95px;
        right: 42px;
    }

    .predict .map_wrap .gangneung {
        top: 218px;
        right: 98px;
    }

    .predict .map_wrap .daejeon {
        top: 310px;
        left: 27px;
    }

    .predict .map_wrap .daegu {
        top: 351px;
        right: 98px;
    }

    .predict .map_wrap .gwangju {
        bottom: 326px;
        left: 27px;
    }

    .predict .map_wrap .ulsan {
        bottom: 389px;
        right: 16px;
    }

    .predict .map_wrap .busan {
        bottom: 216px;
        right: 98px;
    }

    .predict .map_wrap .mokpo {
        bottom: 157px;
        left: 26px;
    }

    /*  조병조 수정 모바일 화면 대응 */
    .predict .map_wrap_2 {
        width: 550px;
        height: 853px;
        margin: 0 auto 15px;
        background-size: 100%;
    }

    .predict .map_wrap_2 .time_box {
        width: 179px;
    }

    .predict .map_wrap_2 .time_box dl dt {
        font-size: 16px;
        line-height: 16px;
    }

    .predict .map_wrap_2 .time_box dl dd {
        font-size: 26px;
        line-height: 26px;
    }

    .predict .map_wrap_2 .yangyang {
        top: 95px;
        right: 42px;
    }

    .predict .map_wrap_2 .gangneung {
        top: 218px;
        right: 98px;
    }

    .predict .map_wrap_2 .daejeon {
        top: 310px;
        left: 27px;
    }

    .predict .map_wrap_2 .daegu {
        top: 351px;
        right: 98px;
    }

    .predict .map_wrap_2 .gwangju {
        bottom: 326px;
        left: 27px;
    }

    .predict .map_wrap_2 .ulsan {
        bottom: 389px;
        right: 16px;
    }

    .predict .map_wrap_2 .busan {
        bottom: 216px;
        right: 98px;
    }

    .predict .map_wrap_2 .mokpo {
        bottom: 157px;
        left: 26px;
    }

    /* 교통예보 - 주말예보 - 주말교통예보 */
    .weekend_forecast {
        padding: 0 10px;
    }

    .weekend_forecast .forecast_img {
        min-height: 350px;
    }

    .weekend_forecast .forecast_img > div {
        font-size: 18px;
    }

    .weekend_forecast .forecast_img > div.nodata > img {
        width: 90px;
    }

    .weekend_forecast .forecast_img > div.nodata p {
        margin-top: 30px;
    }

    .weekend_forecast .forecast_img > div.nodata p img {
        max-width: 100%;
        margin-top: -5px;
        padding: 0 5px;
    }

    .weekend_forecast .forecast_img > div.nodata p strong {
        font-size: 22px;
    }


    /* 교통예보 - 주말예보 - 주말교통 예보방송 */
    .weekend_broadcast {
        padding: 0 10px;
    }

    .weekend_broadcast .forecast_video {
        min-height: 350px;
    }

    .weekend_broadcast .forecast_video > div {
        font-size: 18px;
    }

    .weekend_broadcast .forecast_video > div.nodata > img {
        width: 90px;
    }

    .weekend_broadcast .forecast_video > div.nodata p {
        margin-top: 30px;
    }

    .weekend_broadcast .forecast_video > div.nodata p img {
        width: 14px;
        margin-top: -5px;
        padding: 0 5px;
    }

    .weekend_broadcast .forecast_video > div.nodata p strong {
        font-size: 22px;
    }


    /* 교통예보 - 정체예상 교통지도 */
    .stagnation_map {
        padding: 0 10px;
    }

    .search_box {
        margin-bottom: 40px;
        padding: 8px 15px;
    }

    .search_box dl {
        margin: 3px 0;
    }

    .search_box .col2 dl:nth-child(1) {
        width: 100%;
    }

    .search_box .col2 dl:nth-child(2) {
        width: 100%;
        padding: 0 25% 0 0;
    }

    .search_box dl dt {
        width: 60px;
        font-size: 13px;
    }

    .search_box dl dd {
        width: calc(100% - 60px);
        font-size: 13px;
    }

    .search_box dl dd input {
        width: calc(100% - 30px);
    }

    .search_box dl dd input.datepicker {
        width: calc(100% - 37px);
    }

    .search_box dl dd select {
        width: 100%;
    }

    .search_box .btn_blue {
        width: 23%;
        height: 35px;
    }

    .search_box .reload_wrap {
        right: 0;
        top: auto;
        bottom: -30px;
        font-size: 13px;
    }

    .search_box .date_move {
        padding: 0 25px;
    }

    .search_box .date_move .btn {
        width: 25px;
    }

    .stagnation_map.cont > p {
        font-size: 16px;
    }

    .stagnation_map .search_box {
        margin-bottom: 0;
    }

    .stagnation_map .search_box .col2 dl:nth-child(2) {
        width: 100%;
        padding: 0 0 0 0 !important;
    }

    .stagnation_map .map_wrap .map {
        height: 590px;
    }

    .stagnation_map .map_wrap .btn_mint_circle {
        left: 5px;
        bottom: 5px;
        width: 70px;
        height: 70px;
        padding: 10px 10px;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.5px;
    }

    /* 교통예보 - 작업정체 예상지도  */
    .work_map {
        padding: 0 10px;
    }

    .work_search_box {
        position: relative;
        padding: 10px 20px;
        border: 1px solid #ddd;
        box-shadow: 0px 4px 0 rgba(242, 242, 242, 0.9);
    }

    .work_search_box div:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    .work_search_box dl:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    .work_search_box dl {
        position: relative;
        float: left;
        margin: 5px 0;
        font-size: 0;
    }

    .work_search_box .col1 dl {
        width: 100%;
    }

    .work_search_box dl dt {
        display: inline-block;
        width: 60px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        vertical-align: top;
    }

    .work_search_box dl dd {
        display: inline-block;
        width: calc(35% + 130px);
        min-height: 35px;
        font-size: 14px;
    }

    .work_search_box dl dd .check_style1 {
        margin-top: 10px;
    }

    .work_search_box dl dd input {
        width: calc(100% - 30px);
    }

    .work_search_box dl dd input.datepicker {
        width: calc(100% - 52px);
    }

    .work_search_box dl dd select {
        width: 100%;
    }

    .work_search_box .btn_blue {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
    }

    .work_search_box .reload_wrap {
        position: absolute;
        right: 20px;
        top: 18px;
        font-size: 14px;
        color: #888;
    }

    .work_search_box .reload_wrap .btn_reload {
        width: 18px;
        height: 18px;
        background: url('/images/common/ic_reload.png') center center no-repeat;
        border: 0;
        text-indent: -9999px;
    }

    .work_search_box .date_move {
        position: relative;
        text-align: center;
        border: 1px solid #ddd;
        width: 40%;
    }

    .work_search_box .date_move input[type='text'] {
        width: 80%;
        padding: 0;
        color: #999;
        font-weight: 500;
        font-size: 14px;
        border: 0;
    }

    .work_map.cont > p {
        font-size: 16px;
    }

    .work_map .search_box {
        margin-bottom: 0;
    }

    .work_map .map_wrap .map {
        height: 390px;
    }

    .work_map .map_wrap .btn_mint_circle {
        left: 5px;
        bottom: 5px;
        width: 70px;
        height: 70px;
        padding: 10px 10px;
        font-size: 13px;
        line-height: 16px;
        letter-spacing: -0.5px;
    }

    .work_map .work_etc {
        font-size: 10px;
    }


    /* 작업정체_20210901 팝업 추가
	.workPop .popup_inner {width:400px; }
	*/
    .workPop .popup_header p img {
        height: 26px;
        margin-top: -2px;
        margin-right: 5px;
    }

    .workPop .popup_header_sago p img {
        height: 26px;
        margin-top: -2px;
        margin-right: 5px;
    }

    .workPop .popup_contents .road_name {
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        font-size: 15px;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    .workPop .popup_contents .road_name .ic_mark {
        width: 27px;
        height: 27px;
        font-size: 13px;
        line-height: 30px;
        margin-right: 5px;
    }

    .workPop .popup_contents .road_name strong {
        font-size: 15px;
        font-weight: 500;
    }

    .workPop .popup_contents .contents {
        margin: 0;
        padding: 15px 20px;
        font-size: 14px;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .workPop .popup_contents .contents_sub {
        height: 50px;
        padding: 0 20px;
        line-height: 17px;
        font-size: 14px;
        border-top: 1.5px solid #ddd;
        color: #ff0000;
    }


    /* WorkJam layer popup*/
    .work_popup_wrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        transition: all .5s ease;
    }

    .work_main_popup_wrap {
        position: absolute;
        left: 480px;
        z-index: 3;
    }

    .work_main_popup_wrap.active {
        left: 0;
    }

    .work_popup_inner {
        position: relative;
        margin: 250px auto 0;
        background: #fff;
        z-index: 2;
        width: 320px;
        height: 350px
    }

    .work_popup_inner .btn_close {
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        width: 20px;
        height: 100%;
        background: url('/images/common/ic_popup_close.png') center center no-repeat;
        text-indent: -9999px;
        z-index: 99;
        background-size: 100%;
    }

    .work_popup_inner .popup_header {
        position: relative;
        height: 45px;
        padding: 0 20px;
        line-height: 45px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #35babc;
    }

    .work_popup_inner .popup_contents {
    }

    .work_popup_bg {
        position: absolute;
        left: 2%;
        top: 34%;
        right: 2%;
        bottom: 7.5%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    /* 교통예보 - 정체예상 교통지도 */
    .tollgate {
        padding: 0 10px;
    }

    .tollgate.cont > p {
        font-size: 16px;
    }

    .tollgate .search_box {
        margin-bottom: 0;
    }

    .tollgate .search_box .col1 {
        width: calc(100% - 85px);
    }

    .tollgate .search_box dl dt {
        width: 70px;
    }

    .tollgate .search_box dl dd.type1 {
        width: calc(50% - 83px);
    }

    .tollgate .search_box dl dd.radio_style1 {
        width: 75px;
        margin: 0 10px;
        font-size: 13px;
        line-height: 13px;
    }

    .tollgate .search_box .date_move input[type='text'].datepicker2.datepicker2 {
        padding-right: 20px;
        background: #fff url('/images/common/ic_calendar2.png') right center no-repeat;
        background-size: 18px;
    }

    .tollgate .search_box .btn_blue {
        top: 11px;
        bottom: 11px;
        right: 15px;
        width: 76px;
        height: 76px;
        font-size: 14px;
    }

    .tollgate .map_wrap .map {
        height: 518px;
    }

    #tgPop .popup_inner .search_box dl dd {
        width: 49%;
        margin-right: 2%;
    }

    #tgPop .popup_inner .search_box dl dd.type1 {
        width: calc(100% - 60px);
    }


    /* 교통방송 - 교통방송보기 - exTV 교통방송 */
    .exTV {
        padding: 0 10px;
    }

    .sub_tab {
        margin-bottom: 20px;
    }

    .sub_tab ul li {
        height: 45px;
        border: 1px solid #eee;
    }

    .sub_tab ul li:after {
        right: -1px;
        height: 15px;
        margin-top: -7.5px;
    }

    .sub_tab ul li a {
        font-size: 14px;
    }

    .video_wrap .video {
        height: 350px;
    }

    .video_wrap .title {
        margin-top: 10px;
    }

    .tab_style1 {
        padding: 5px 0 10px;
    }

    .tab_style1 li a {
        font-size: 14px;
        letter-spacing: -1px;
    }

    .tab_style1 li a:after {
        height: 14px;
        margin-top: -7px;
    }

    .box {
        margin-bottom: 20px;
    }

    .box .box_title {
        margin-bottom: 10px;
        padding-left: 15px;
        font-size: 16px;
    }

    .box .box_cont {
        padding: 15px;
    }

    .box .box_title2 {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .box table th {
        height: 40px;
        font-size: 13px;
    }

    .box table td {
        height: 40px;
        padding: 5px;
        font-size: 13px;
    }

    .box table td.subject {
        padding: 5px 5px 5px 10px;
    }

    .exTV .box .box_title2 p {
        height: 30px;
        line-height: 30px;
    }

    .exTV .box .box_title2 .datepicker2 {
        width: 80px;
        padding-right: 35px;
        font-size: 14px;
    }

    .exTV .box .scroll-y {
        width: 100%;
        height: 300px;
    }


    /* 교통방송 - 교통방송보기 - 교통안전캠페인 */
    .campaign {
        padding: 0 10px;
    }

    .video_list {
        margin-top: 10px;
    }

    .campaign .box .box_title2 p {
        height: 30px;
        line-height: 30px;
    }

    .campaign .box .box_title2 span.date {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        font-weight: 400;
    }


    /* 교통방송 - 교통방송보기 - 고속도로뉴스 */
    .news {
        padding: 0 10px;
    }


    /* 교통방송 - 교통방송 소개 */
    .info {
        padding: 0 10px;
    }

    .info .info_box {
        margin-bottom: 20px;
    }

    .info .info_box dl dt {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .info .info_box dl dt strong {
        font-size: 16px;
    }

    .info .info_box dl dd {
        font-size: 14px;
    }

    .info .step_list li {
        padding: 25px 10px;
        vertical-align: top;
    }


    /* 교통방송 - 캐스터 프로필 */
    .casters {
        padding: 0 10px;
    }

    .casters .casters_list li {
        width: 32%;
        margin-bottom: 30px;
        margin-right: 2%;
    }

    .casters .casters_list li:nth-child(4n+4) {
        margin-right: 2%;
    }

    .casters .casters_list li:nth-child(3n+3) {
        margin-right: 0;
    }


    /* 고속도로이용안내 - 작업구간 사전안내 */
    .advance {
        padding: 0 10px;
    }

    .advance .board_list table td {
        letter-spacing: -1px;
        font-size: 12.5px;
    }

    .advance .board_list table td span {
        display: block;
    }

    .advance .board_list table td a {
        line-height: 16px;
    }

    .advance_view {
        padding: 0 10px;
    }

    .advance_view ul li {
        margin-bottom: 20px;
    }

    .advance_view ul li table th {
        height: 40px;
        font-size: 13px;
    }

    .advance_view ul li table td {
        height: 40px;
        padding: 5px;
        font-size: 13px;
    }

    .advance_view ul li table .bd_bottom_none {
        border-bottom: 0;
    }

    .advance_view .btn_wrap {
        margin: 20px 0;
    }


    /* 고속도로이용안내 - 휴게소/주유소 */
    .service_area {
        padding: 0 10px;
    }

    .service_area .search_box .check_style1 {
        margin-right: 10px;
    }

    .service_area .search_box dl dd input.datepicker {
        right: -15px;
        bottom: -50px;
        padding-right: 35px;
    }

    .service_area .board_option .fl_left {
        margin-top: 15px;
        font-size: 15px;
    }

    .service_area .board_option .fl_right {
        margin-top: 10px;
        font-size: 12px;
        text-align: right;
        line-height: 16px;
    }

    .service_area .board_option .fl_right span {
        display: block;
    }

    .service_area .btn_sort {
        display: block;
        margin: 0 auto;
        background-size: 100%;
    }

    .service_area .btn_sort_0 {
        display: block;
        margin: 0 auto;
        background-size: 100%;
    }

    .service_area .btn_sort_2 {
        display: block;
        margin: 0 auto;
        background-size: 100%;
    }

    .service_area .btn_sort_3 {
        display: block;
        margin: 0 auto;
        background-size: 100%;
    }

    .service_area .board_list ul > li.table_head div {
        height: 40px;
        font-size: 13px;
    }

    .service_area .board_list ul > li.table_head div:nth-child(2) {
        width: 15%;
    }

    .service_area .board_list ul > li.table_head div:nth-child(3) {
        width: 15%;
    }

    .service_area .board_list ul > li.table_head div:nth-child(4) {
        width: 15%;
    }

    .service_area .board_list ul > li.table_head div:nth-child(5) {
        width: 18%;
    }

    .service_area .board_list ul > li .title > div {
        height: 40px;
        padding: 5px 0;
        font-size: 13px;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .service_area .board_list ul > li .title > div:nth-child(2) {
        width: 15%;
    }

    .service_area .board_list ul > li .title > div:nth-child(3) {
        width: 15%;
    }

    .service_area .board_list ul > li .title > div:nth-child(4) {
        width: 15%;
    }

    .service_area .board_list ul > li .title > div:nth-child(5) {
        width: 18%;
    }

    .service_area .board_list ul > li .title > div.subject {
        padding: 5px 5px 5px 10px;
    }

    .service_area .board_list ul > li .text {
        padding: 5px 10px;
    }

    .service_area .board_list ul > li .text .icon {
        width: 20px;
        background-size: 100%;
    }

    .service_area .board_list ul > li .text p {
        margin: 3px 0;
        font-size: 13px;
    }

    .service_area .board_list ul > li .text p strong {
        margin-right: 3px;
    }

    .service_area .board_list ul > li div.bg_arrow {
        padding-right: 0;
        background: none;
    }

    .service_area .board_list ul > li.active div.bg_arrow {
        background: none;
    }

    .service_area .board_list ul > li.table_head div.bg_arrow {
        padding-right: 0;
    }


    /* 고속도로이용안내 - 버스전용차로 */
    .bus {
        padding: 0 10px;
    }

    dl.info_text dt {
        margin-bottom: 5px;
        font-size: 16px;
    }

    dl.info_text dd {
        font-size: 13px;
        line-height: 18px;
    }

    dl.line_bul {
        margin-bottom: 15px;
    }

    dl.line_bul dt {
        font-size: 14px;
    }

    dl.line_bul dd {
        font-size: 13px;
        line-height: 18px;
    }

    .bus .box table td span {
        display: block;
    }


    /* 고속도로이용안내 - 스마트폰 이용안내 */
    .app_guide {
        padding: 0 10px;
    }

    .sign {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 30px;
    }

    .sign span {
        width: 300px;
        height: 30px;
        margin-right: 5px;
        font-size: 14px;
        line-height: 30px;
        background-size: 100%;
    }

    .app_guide dl.info_text dd.step1 {
        font-size: 14px;
    }

    .number_list li {
        position: relative;
        margin-top: 20px;
        padding-left: 40px;
    }

    .number_list li i {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 30px;
        height: 30px;
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        background: #3673ee;
    }

    .number_list li dl dt {
        margin-bottom: 5px;
        padding-top: 5px;
        font-size: 15px;
        font-weight: 500;
    }

    .number_list li dl dd {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .app_guide dd.fl_wrap > div {
        width: 100%;
        margin-top: 20px;
    }

    .app_guide dd.fl_wrap > div > img {
        float: left;
    }

    .app_guide dd.fl_wrap > div.step2 {
        float: none;
        display: block;
        width: 100%;
    }

    .app_guide dd.fl_wrap > div.step3 {
        float: none;
        display: block;
        width: 100%;
    }

    .app_guide dd.fl_wrap > div > img + * {
        float: left;
        width: calc(100% - 320px);
        margin-left: 30px;
    }

    /* 	.app_guide dd.fl_wrap>div.step3 .number_list:nth-of-type(1) {width: 100%;}
	.app_guide dd.fl_wrap>div.step3 .number_list:nth-of-type(2) {width: 100%; padding-right: 0;} */
    /* 공지사항 - 교통센터 소개 - 인사말 */
    .greeting {
        padding: 0 10px;
    }

    .cont > p {
        font-size: 13.5px;
        line-height: 19px;
    }

    .greeting .img_box {
        margin: 20px 0 20px;
    }

    .greeting .img_box img {
        width: 100%;
    }

    .greeting .img_box p {
        position: static;
        width: 100%;
        height: auto;
        padding: 15px;
        font-size: 15px;
        line-height: 24px;
    }

    .greeting .img_box p .bar {
        display: inline-block;
        width: 50px;
        height: 1px;
        margin-left: 20px;
        background: #fff;
        vertical-align: middle;
    }

    .greeting > p {
        margin-bottom: 15px;
    }


    /* 공지사항 - 교통센터 소개 - 연혁 */
    .history {
        padding: 0 10px;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
        padding: 0 10px;
    }

    .general .organization {
        margin-bottom: 20px;
    }

    .general .organization .step2 {
        width: 620px;
    }

    .general .organization .step2:after {
        left: 100px;
        right: 100px;
    }

    .general .organization .step2 li {
        width: 200px;
        height: 175px;
        margin-right: 10px;
        padding: 0 10px;
    }

    .general .organization .step2 li dt {
        height: 50px;
        line-height: 50px;
    }

    .general .organization .step2 li dd {
        padding: 0 15px;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

    .general .info {
        width: 620px;
        margin: 0 auto;
        padding: 0;
    }

    .general .info ul li {
        width: 49.5%;
        height: 180px;
        margin-bottom: 5px;
        padding: 30px 0 0;
    }

    .general .info ul li:nth-child(2) {
        margin-right: 0;
    }

    .general .info ul li img {
        height: 58px;
    }

    .general .info ul li p {
        margin-top: 10px;
    }

    .general .info ul li p.line1 {
        line-height: 40px;
    }

    .general .info ul li .over_layer p {
        padding: 10px;
    }


    /* 공지사항 - 교통센터 소개 - 견학안내 및 오시는길 */
    .directions {
        padding: 0 10px;
    }

    .directions .excursions_info > ul {
        width: 45%;
    }

    .directions .excursions_info > ul li {
        margin-bottom: 25px;
    }

    .directions .excursions_info > ul li dl dt {
        margin-bottom: 7px;
        padding-top: 12px;
        font-size: 15px;
    }

    .directions .excursions_info > ul li dl dt:after {
        width: 15px;
        height: 1.5px;
    }

    .directions .excursions_info > ul li dl dd {
        font-size: 13px;
    }

    .directions .excursions_info > ul.list2 {
        width: 55%;
    }

    .directions .excursions_info > ul.list2 li {
        margin-bottom: 14px;
    }

    .directions .map_box #daumRoughmapContainer1542806262410 {
        height: 250px;
    }

    .directions .map_box #daumRoughmapContainer1542806262410 .wrap_map {
        height: 218px;
    }


    /* 공지사항 - 로드플러스 소개 */
    .roadplus {
        padding: 0 10px;
    }

    .roadplus .text1 {
        margin: 15px 0;
    }

    .roadplus .bul_list {
        margin: 30px auto;
    }

    .roadplus .progress_box li dl dt {
        height: 40px;
        margin: 0 5px 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: -0.5px;
    }

    .roadplus .progress_box li dl dt:after {
        top: 10px;
        right: -16px;
        width: 18px;
        height: 21px;
        background-size: 100% !important;
    }

    .roadplus .progress_box li dl dd {
        padding: 0 15px;
    }

    .roadplus .table_box {
        margin-top: 30px;
    }


    /* 공지사항 - 공지사항 */
    .notice {
        padding: 0 10px;
    }


    /* 공지사항 - FAQ */
    /* .faq {padding: 0 10px;}

	.faq .faq_list {margin-top: 20px;}
	.faq .faq_list ul li dl dt {padding: 10px 40px 10px 50px; font-size: 14px; color: #444; background: url('/images/introduce/ic_q.png') left 7px top 7px no-repeat, url('/images/introduce/ic_arrow_down.png') right 15px center no-repeat #fff; cursor: pointer; background-size: auto, 12px !important;}
	.faq .faq_list ul li.active dl dt {background: url('/images/introduce/ic_q.png') left 8px top 8px no-repeat, url('/images/introduce/ic_arrow_up.png') right 15px center no-repeat #fff;}
	.faq .faq_list ul li dl dd {display: none; padding: 13px 10px 50px 50px; font-size: 14px; line-height: 20px;background-image: url('/images/introduce/FAQ_03.png'),url('/images/introduce/faq_bg.png'); background-size: 25px 25px,216px 99px; background-position: left 12px top 12px, right 0 bottom 0; background-repeat: no-repeat; background-color: #f3f3f3;}
	.faq .btn_wrap {margin: 20px 0;} */
    .faq {
        padding: 0 10px;
    }

    .faq .faq_list {
        margin-top: 20px;
    }

    .faq .faq_list ul li dl dt {
        font-size: 14px;
    }

    /*전소현수정*/
    .faq .faq_list ul li dl dt {
        padding: 21px 74px 21px 55px;
    }

    /*전소현수정*/
    .faq .faq_list ul li dl dt div.title_num {
        left: 16px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    /*전소현수정*/
    .faq .faq_list ul li.active dl dt div.title_num {
        left: 16px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    /*전소현수정*/
    .faq .faq_list ul li dl dt::after {
        width: 64px;
    }

    /*전소현수정*/
    .faq .faq_list ul li.active dl dt::after {
        width: 64px;
        height: 100%;
    }

    /*전소현수정*/
    .faq .faq_list ul li.active dl dd {
        font-size: 14px;
        padding: 20px;
    }

    /*전소현수정*/
    .faq .btn_wrap {
        margin: 20px 0;
    }

    .faq .faq_list img {
        width: 100%;
    }


    /* 공지사항 - 관련사이트 */
    .site {
        padding: 0 10px
    }

    .site .box .box_cont {
        padding: 15px 15px 10px;
    }

    .site .box .box_cont li {
        display: table;
        width: 48%;
        margin-right: 3%;
        margin-bottom: 10px;
        text-align: center;
        border: 1px solid #ddd;
    }

    .site .box .box_cont li:nth-child(3n+3) {
        margin-right: 3%;
    }

    .site .box .box_cont li:nth-child(2n+2) {
        margin-right: 0;
    }

    .site .box .box_cont li a {
        display: table-cell;
        height: 45px;
        vertical-align: middle;
    }

    .site .box .box_cont li a img {
        height: 70%;
    }


    /* 공지사항 팝업 */
    /* #noticePop .popup_inner {margin: 50px auto;} */
    #noticePop .popup_inner {
        margin: 20px;
        height: 95%;
    }

    #noticePop .popup_contents {
        padding: 30px 30px 20px;
    }

    #noticePop .popup_contents .text1 {
        font-size: 26px;
        line-height: 38px;
    }

    #noticePop .popup_contents .text2 {
        margin: 20px 0;
        font-size: 15px;
    }

    #noticePop .popup_contents .text3 {
        font-size: 15px;
    }

    .footerM_wrap {
        flex-wrap: wrap;
        justify-content: center !important;
    }


    /* 스마트폰 이용안내 */
    .app_guide_list .ag_list .ag_list_item .ag_list_item_content2 {
        border-top: 0;
    }

    .app_guide_list .ag_list_content_item {
        display: flex;
        width: 100%;
    }

    .app_guide_list .ag_list_content_item .img_item {
        display: block;
    }

    .app_guide_list .ag_list_content_item .cm_list01 {
        padding-left: 15px;
        width: 70%;
        padding-top: 15px;
    }

    /* 서비스 팝업 */
    #servicePop .popup_inner {
        width: calc(100% - 40px);
        max-width: 500px;
        min-width: 300px;
    }

    /* #servicePop .service_item { padding: 10px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .info_ic.ic_type3 {
        padding-left: 35px;
    }

    #servicePop .info_ic.ic_type3:before {
        left: 4px;
    }

    #servicePop .road_tel {
        text-align: right;
    }

    #servicePop .road_info2 {
        margin-bottom: 15px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .road_info2 .road_info_item {
        margin-bottom: 10px;
        padding: 0 15px;
    }

    #servicePop .road_info2 .road_info_item:last-child {
        margin-bottom: 0;
    }

    /* 220808 이다인 주차공간 */
    #servicePop .road_info2 .road_info_item2 {
        margin-bottom: 10px;
        padding: 0 15px;
    }

    #servicePop .road_info2 .parking_state {
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        display: inline-block;
        min-width: 65px;
        height: 30px;
        margin-left: 5px;
        padding: 0 5px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

    #servicePop .gas_station_tel {
        text-align: right;
    }

    #servicePop .gas_station_info2 {
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .gas_station_info2 .gas_price_info { margin: -5px -10px; padding: 10px 0; } *//* 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .gas_station_info2 .gas_station_location_list { margin: 0 -10px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .gas_station_info2 .gas_station_location_list > li {
        position: relative;
        padding: 10px;
    }

    /* #servicePop .gas_station_info2 .gas_station_location_list .view { position: absolute; right: 10px; min-width: auto; padding: 0 10px; top: 50%; margin-top: -13.5px; } */
    /* #servicePop .emergency_box { flex-direction: column; align-items: stretch; margin-top: 15px; }2023-09-04 반응형 및 수정 요청 */
    #servicePop .emergency_box:before {
        width: 70px;
        height: 62px;
        top: -10px;
        right: 10px;
        background-size: contain;
    }

    /* #servicePop .emergency_box .emergency_title_area { text-align: left;} 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .emergency_box .emergency_title { padding-left: 30px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .emergency_box .emergency_title:before {
        width: 22px;
        height: 27px;
        margin-top: -13.5px;
        background-size: contain;
    }

    #servicePop .emergency_box .emergency_desc {
        padding-right: 0;
    }

    /* 경로검색 */
    .new_route_info.mo {
        overflow: auto;
    }

    .new_route_info .route_info {
        font-size: 14px;
    }

    .new_route_info .route_info_box1 {
        padding: 4px 15px 16px 15px;
    }

    .new_route_info .route_info_box2 {
        padding: 9px 15px;
    }

    .new_route_info .route_info_box3 {
        padding: 18px 15px;
    }

    .new_route_info .route_info_item1 {
        margin-bottom: 10px;
    }

    .new_route_info .route_info_item1 .point {
        font-size: 30px;
    }

    .new_route_info .route_info_item2 {
        margin: 0 -13px;
    }

    .new_route_info .route_info_item2 > li {
        padding: 0 13px;
    }

    .new_route_info .route_info_item2 > li:before {
        top: 5px;
        width: 1px;
        height: 12px;
    }

    .new_route_info .route_info_item3 {
        right: 9px;
        top: 18px;
        font-size: 12px;
        height: 31px;
        border-radius: 4px;
        padding: 0 13px;
    }

    .new_route_info .route_info_item4 {
        font-size: 13px;
    }

    .new_route_info .route_info_item5 {
        font-size: 13px;
        padding-left: 18px;
        padding-right: 13px;
    }

    .new_route_info .route_info_item5:before {
        margin-top: -6.5px;
        width: 13px;
        height: 13px;
    }

    .new_route_info .route_info_item5:after {
        width: 5px;
        margin-top: -5px;
        height: 10px;
    }

    .new_route_info .route_info_item6 {
        margin: -4px;
    }

    .new_route_info .route_info_item6 > li {
        padding: 4px;
    }

    .new_route_info .route_info_item6 > li > a {
        height: 53px;
        border-radius: 4px;
        padding: 0 10px;
    }

    .new_route_info .route_info_item6_title {
        font-size: 15px;
        margin-bottom: 9px;
    }

    .new_route_info .route_info_item6_list_title {
        padding-left: 25px;
        font-size: 13px;
    }

    .new_route_info .route_info_item6_list_title:before {
        margin-top: -10px;
        width: 20px;
        height: 20px;
    }

    .new_route_info .route_info_item6_list_desc {
        font-size: 12px;
    }

    .new_route_info .route_info_item6_list_desc .point {
        font-size: 14px;
    }

    .new_route_info .route_info_item6 > li.active > a {
        box-shadow: 4px 3px 9px 0px rgba(0, 0, 0, 0.15);
    }

    .new_route_info .oiling_info {
        padding: 18px 22px;
    }

    .new_route_info .oiling_info ul li {
        margin-bottom: 4px;
    }

    .new_route_info .oiling_info ul li:last-child {
        margin-bottom: 0;
    }

    .new_route_info .oiling_info ul li span {
        font-size: 14px;
        line-height: 31px;
    }

    .new_route_info .oiling_info ul li span.label {
        width: 31px;
        height: 31px;
        margin-right: 4px;
    }

    .new_route_info .oiling_info ul li span.price {
        width: 57px;
    }

    #servicePop .gas_station_info2 .gas_price_info
    .new_route_info .oiling_info ul li span.name {
        width: 263px;
    }

    .new_route_info .oiling_info ul li .icon {
        width: 22px;
    }

    .new_route_info .oiling_info2 {
        padding: 18px 22px;
    }

    .new_route_info .oiling_info2 ul {
        margin-top: 4px;
    }

    .new_route_info .oiling_info2 ul li {
        margin-bottom: 18px;
    }

    .new_route_info .oiling_info2 ul li:last-child {
        margin-bottom: 0;
    }

    .new_route_info .oiling_info2 ul li dl {
        padding-left: 30px;
    }

    .new_route_info .oiling_info2 ul li dl:before {
        top: -2px;
        width: 23px;
        height: 23px;
    }

    .new_route_info .oiling_info2 ul li dt {
        padding: 0 9px;
        font-size: 14px;
    }

    .new_route_info .oiling_info2 ul li dt:after {
        top: 6px;
        width: 1px;
        height: 12px;
    }

    .new_route_info .oiling_info2 ul li dd {
        padding: 0 9px;
    }

    .new_route_info .oiling_info2 ul li.type_elt dl:before {
        background-size: 12px;
    }

    .new_route_info .oiling_info2 ul li.type_h dl:before {
        background-size: 12px;
    }

    /* 경로검색 구간별 상세 소통정보 */
    .main_contents .left_wrap .route_search_detail {
        width: 360px;
    }

    .main_contents .left_wrap .route_search_detail_title {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .main_contents .left_wrap .route_search_detail_section_title {
        font-size: 14px;
    }

    .main_contents .left_wrap .route_search_detail_section_title .ic_mark {
        width: 30px;
        height: 30px;
        line-height: 35px;
    }

    .main_contents .left_wrap .route_search_detail.active .route_search_detail_close2 {
        right: -30px;
    }

    /* 상단 배너 */
    .top_banner .call_center {
        width: 100%;
        display: none;
    }

    .top_banner .banner_notice {
        width: 100%;
    }

    .top_banner .banner_notice_list {
        height: 50px;
        line-height: 50px;
    }

    .top_banner .banner_notice_list .swiper-slide {
        padding: 0 15px;
        padding-right: 40px;
    }

    .top_banner .banner_notice_list .notice_cate {
        font-size: 13px;
        margin-right: 20px;
    }

    .top_banner .banner_notice_list .notice_content {
        font-size: 14px;
    }

    .top_banner .banner_notice_list_control {
        right: 15px;
        height: 50px;
    }

    .header_wrap #gisColor {
        right: 15px;
        height: 35px;
        margin-top: -17.5px;
        padding: 0 10px;
        font-size: 14px;
    }

    .header_wrap #gisColor span {
        padding-left: 15px;
    }

    .header_wrap #gisColor span:before {
        width: 12px;
        height: 11px;
        margin-top: -4.5px;
    }

    .header_wrap #gisColor span.changed:before {
        width: 12px;
        height: 11px;
        margin-top: -4.5px;
    }

    /* 우회도로 구간별 상세 소통정보 */
    .main_contents .left_wrap .bypass_detail {
        width: 360px;
    }

    .main_contents .left_wrap .bypass_detail_title {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .main_contents .left_wrap .bypass_detail_section_title {
        font-size: 14px;
    }

    .main_contents .left_wrap .bypass_detail_section_title .ic_mark {
        width: 30px;
        height: 30px;
        line-height: 35px;
    }

    .main_contents .left_wrap .bypass_detail.active .bypass_detail_close2 {
        right: -30px;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar .bypass_info {
        position: relative;
        min-height: 70px;
        color: #fff;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar .bypass_info dt {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 500;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar .bypass_info .label {
        margin-left: 4px;
        margin-bottom: 5px;
        padding: 2px 5px 3px;
        font-size: 9px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        line-height: 1;
        transition: 0.2s;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar .bypass_info .bypass_label_video {
        background: #3773ef;
        cursor: pointer;
    }

    .main_contents .left_wrap .route_info .route_speedBar .road_info {
        position: relative;
        min-height: 70px;
        color: #fff;
    }

    .main_contents .left_wrap .route_info .route_speedBar .road_info dt {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 5px;
        font-size: 17px;
        font-weight: 500;
    }

    .main_contents .left_wrap .route_info .route_speedBar .road_info .label {
        margin-left: 10px;
        margin-bottom: 5px;
        padding: 2px 5px 3px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
        line-height: 1;
        transition: 0.2s;
    }

    .main_contents .left_wrap .route_info .route_speedBar .road_info .bypass_label_video {
        background: #00c0b0;
        cursor: pointer;
    }

    /* 우회도로 상세 소통정보 */
    .main_popup_wrap {
        z-index: 990;
    }

    .main_contents .left_wrap.active {
        z-index: 99;
    }

    .main_contents .left_wrap .bypass_detail {
        width: 100vw; /* height:calc(var(--vh, 1vh) * 100); */
        left: auto;
        visibility: hidden;
        transform: translateY(100%);
        z-index: 99;
    }

    .main_contents .left_wrap .bypass_detail_title {
    }

    .main_contents .left_wrap .bypass_detail_section_title_content {
    }

    .main_contents .left_wrap .bypass_detail_close {
        left: auto;
        right: 0;
        background-color: transparent;
        top: 0;
        height: 40px;
        width: 40px;
        border: 0;
        background: url(/images/common/ic_popup_close.png) no-repeat center / 14px;
    }

    .main_contents .left_wrap .bypass_detail_title button.web_btn {
        position: absolute;
        right: 28px;
        top: 10px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url('/images/main/bypass/close.png');
    }

    .main_contents .left_wrap .bypass_detail_close2 {
    }

    .main_contents .left_wrap .bypass_detail_close2.active {
    }

    .main_contents .left_wrap .bypass_detail_section_title {
    }

    .main_contents .left_wrap .bypass_detail_section_title .ic_mark {
    }

    .main_contents .left_wrap .bypass_detail.open {
        left: 0;
        transform: translateY(0);
        visibility: visible;
        height: 810px;
    }

    .main_contents .left_wrap .bypass_detail.active {
    }

    .main_contents .left_wrap .bypass_detail_section_title.active .bypass_detail_close {
    }

    .main_contents .left_wrap .bypass_detail_section_title.active .bypass_detail_close2 {
    }

    .main_contents .left_wrap .bypass_speedTab li a {
        display: block;
        height: 107px;
        font-size: 18px;
        text-align: center;
        line-height: 55px;
        font-weight: 500;
        color: #777;
        background: url(/images/main/bypass/bubble.png) center center no-repeat;
        background-size: 175px 90px;
        margin-left: 8px;
    }

    /* 본선 */
    .main_contents .left_wrap .route_info .route_speedBar {
        position: relative;
        min-height: 70px;
        color: #fff;
    }

    .main_contents .left_wrap .route_info .route_speedBar dl {
        padding-right: 30%;
    }

    #bypassRouteList .road_info dt {
        margin-bottom: 5px;
        margin-right: 8px;
        float: right;
        font-size: 17px;
        font-weight: 500;
    }

    #bypassRouteList .road_info dt span {
        font-weight: 400;
        margin-right: 10px;
    }

    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 65px;
    }

    #bypassRouteList .road_info dd dd strong {
        font-size: 16px;
        font-weight: 400;
    }

    #bypassRouteList .road_info dd dd span {
        display: none;
        height: 20px;
        margin-right: 5px;
        padding-left: 25px;
        vertical-align: top;
        font-weight: 500;
        color: #35babc;
        background-size: auto 84% !important;
    }

    .main_contents .left_wrap .route_info .route_speedBar {
        padding-bottom: 10px;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li {
        position: relative;
        padding: 10px 25px 7.5px 50px; /*  border-bottom: 1px solid #3e4146;  */
    }

    .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 {
        position: absolute;
        left: 182px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:first-child:before {
        top: 10px;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 178px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:last-child:after {
        display: none;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li > p {
        margin-left: -40px;
        padding-bottom: 7px;
        font-size: 18px;
        color: #fff;
        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 {
        position: relative;
        padding: 10px 25px 7.5px 50px; /*  border-bottom: 1px solid #3e4146;  */
    }

    .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 {
        position: absolute;
        left: 13px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:first-child:before {
        top: 10px;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 9px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:last-child:after {
        display: none;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li > p {
        margin-left: -40px;
        padding-bottom: 7px;
        font-size: 18px;
        color: #fff;
        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;
        height: 468px;
        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 {
        border-radius: 0;
        background-color: #007aff;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info::-webkit-scrollbar-track {
        background-color: #252931;
    }

    /* 썸네일 부분 */
    #bypassRouteList .thumb_wrap {
        position: absolute;
        right: 7px;
        bottom: 0;
        top: 65px;
        height: 70px;
        text-align: right;
    }

    #bypassRouteList .thumb_wrap > * {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        font-size: 12px;
        font-weight: 400;
    }

    #bypassRouteList .thumb_wrap .thumb {
        height: 70px;
        cursor: pointer;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 22px;
        top: 75px;
        height: 70px;
        text-align: right;
    }

    #bypassCctvList .thumb_wrap > * {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        font-size: 12px;
        font-weight: 400;
    }

    #bypassCctvList .thumb_wrap .thumb {
        height: 70px;
        cursor: pointer;
    }

    .cctv_map_btns {
        right: 40px;
        font-size: 13px;
        padding: 14px 8px;
    }
}

@media screen and (max-width: 768px) {
    /* CCTV 팝업 */
    #cctvPop .weather_area {
        padding: 10px 0;
        padding-bottom: 5px;
    }

    #cctvPop .weather_list .weather_time {
        font-size: 10px;
        width: 35px;
    }

    #cctvPop .weather_list .weather_img {
        margin: 5px 0 5px 0;
    }

    #cctvPop .weather_list .weather_temp {
        font-size: 12px;
    }

    #cctvPop .content_bottom {
        padding: 0 10px;
    }

    /* 날씨 팝업  */
    #weatherPop .weather_ly_title {
        font-size: 13px;
    }

    #weatherPop .weather_item_top {
        padding: 10px;
    }

    #weatherPop .weather_view,
    #weatherPop .weather_info {
        margin-bottom: 5px;
    }

    #weatherPop .weather_view .weather_img {
        width: 90px;
        margin-right: 10px;
    }

    #weatherPop .weather_ly_title_area .weather_desc_update {
        text-align: right;
    }

    #weatherPop .weather_view .weather_desc_update {
        text-align: right;
    }

    #weatherPop .weather_view .weather_data {
        padding-top: 37px;
        justify-content: center;
    }

    /*justify-content: flex-end; */
    #weatherPop .weather_view .weather_data .data_time {
        font-size: 12px;
        margin-right: 10px;
    }

    #weatherPop .weather_view .weather_data .data_weather {
        font-size: 14px;
        padding-left: 15px;
    }

    /*padding-left:15px; 추가 */
    #weatherPop .weather_view .weather_data .data_weather .temperature {
        font-size: 30px;
        margin-right: 15px;
    }

    /*font-size: 32px -> 30px 변경  margin-right: 5px; -> 15px */
    #weatherPop .weather_view .weather_data .data_weather .weather_now {
        word-break: keep-all;
    }

    /* 날씨 텍스트 길어짐 대비 줄 바꿈모드추가 */
    #weatherPop .weather_info .info_list > li {
        padding: 0 10px;
    }

    #weatherPop .weather_info .info_list > li:before {
        right: 6px;
        width: 15px;
        height: 11px;
        margin-top: -5.5px;
        background-size: contain;
    }

    #weatherPop .weather_info .info_list .info_title {
        font-size: 12px;
    }

    #weatherPop .weather_info .info_list .info_data {
        font-size: 12px;
    }

    #weatherPop .weather_time_slide_wrap {
        margin-bottom: 5px;
        padding: 0 7px;
    }

    #weatherPop .weather_time_slide_wrap .weather_slide_control .swiper-button-prev,
    #weatherPop .weather_time_slide_wrap .weather_slide_control .swiper-button-next {
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
        background-size: 5px;
    }

    #weatherPop .weather_time_slide .weather_list > li {
        width: 20%;
    }

    #weatherPop .weather_time_slide .weather_list .weather_time {
        font-size: 12px;
    }

    #weatherPop .weather_time_slide .weather_list .weather_temp {
        font-size: 12px;
    }

    #weatherPop .weather_time_slide .weather_list .weather_humidity {
        font-size: 12px;
    }

    #weatherPop .weather_dust .dust_list {
        flex-wrap: wrap;
    }

    #weatherPop .weather_dust .dust_list > li {
        width: 100%;
        margin-bottom: 5px;
    }

    #weatherPop .weather_dust .dust_list > li:last-child {
        margin-bottom: 0;
    }

    #weatherPop .weather_dust .dust_list .dust_list_item {
        height: 75px;
    }

    #weatherPop .weather_item_bottom {
        padding: 10px;
    }

    #weatherPop .weather_item_bottom .weather_desc {
        font-size: 11px;
    }

    #weatherPop .weather_item_bottom .weather_info2 {
        font-size: 11px;
    }

    /* 차종/연료 설정 팝업  */
    #FuelPop {
    }

    #FuelPop .header_fuel_title {
    }

    #FuelPop .header_fuel_title:before {
    }

    #FuelPop .popup_inner {
    }

    #FuelPop .popup_header {
    }

    #FuelPop .popup_contents {
    }

    #FuelPop .fuel_chk1 input {
    }

    #FuelPop .fuel_chk1 {
    }

    #FuelPop .fuel_chk1 .chk_label {
        padding: 10px;
    }

    #FuelPop .fuel_chk1 .chk_label .fuel_title {
        font-size: 13px;
        margin-bottom: 7px;
    }

    #FuelPop .fuel_chk1 .chk_label .fuel_img {
        display: none;
    }

    #FuelPop .fuel_chk1 .chk_label .fuel_desc {
        font-size: 13px;
    }

    #FuelPop .fuel_chk1 input:checked + .chk_label {
    }

    #FuelPop .fuel_chk1 input:checked + .chk_label:before {
    }

    #FuelPop .fuel_chk1 input:checked + .chk_label:after {
        width: 18px;
        height: 18px;
        background-size: 8px;
        right: 8px;
        top: 8px;
    }

    #FuelPop .fuel_chk_list {
        margin: -5px;
    }

    #FuelPop .fuel_chk_list > li {
        width: 50%;
        padding: 5px;
    }

    #FuelPop .fuel_chk_list > li .fuel_chk1 {
    }

    #FuelPop .fuel_con_title {
        font-size: 14px;
    }

    #FuelPop .fuel_con1 {
        margin-bottom: 15px;
    }

    #FuelPop .fuel_btns {
    }

    #FuelPop .fuel_btn {
    }

    #FuelPop .fuel_chk_list > li.list1 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list2 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list3 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list4 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list5 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list6 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list7 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list8 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list9 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list10 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list11 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list12 .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list1 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list2 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list3 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list4 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list5 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list6 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list7 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list8 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list9 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list10 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list11 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    #FuelPop .fuel_chk_list > li.list12 .fuel_chk1 input:checked + .chk_label .fuel_img {
    }

    /* 전소현 2023-08-23 우회도로 반응형 */
    .road_list > li > a {
        font-size: 15px;
        padding: 10px 20px;
    }

    .road_sublist > li > a {
        font-size: 15px;
        padding: 10px 20px;
    }

    .road_subcont {
        width: 360px;
        left: 360px;
    }

    .road_subcont .subcont_title {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }

    .road_subcont .subcont_title button.web_btn {
        top: 17px;
        width: 15px;
        height: 15px;
        background-size: 15px;
    }

    .subcont_tab > li {
        height: 50px;
    }

    .subcont_tab > li > a {
        font-size: 15px;
        line-height: 50px;
    }

    .subcont_wrap {
        height: calc(100% - 100px);
    }

    .subcont_wrap > .subcont_01 > .subcont_subtitle {
        margin-top: 15px;
    }

    .subcont_wrap > .subcont_01 > .subcont_subtitle > div {
        width: 150px;
        height: 40px;
        font-size: 13px;
    }

    .subcont_wrap > .subcont_01 > .subcont_bub {
        margin-bottom: 5px;
    }

    .subcont_wrap > .subcont_01 > .subcont_bub > div {
        width: 40%;
        background-size: contain;
        background-position: 50% 34%;
    }

    .subcont_list .list_wrap {
        height: 160px;
    }

    .subcont_list .list_wrap .list .cctv span {
        font-size: 13px;
    }

    .subcont_list .list_wrap .list .cctv div {
        height: 100px;
    }

    .subcont_list .list_wrap .list .line {
        width: 10px;
    }

    .subcont_list .list_wrap .list_left .line {
        margin-left: 10px;
    }

    .subcont_list .list_wrap .list_right .line {
        margin-right: 10px;
    }

    .subcont_list .list_wrap .list .line > div {
        background-size: 22px;
        bottom: -10px;
    }


}

@media screen and (max-width: 640px) {
    /* ********** Header st. ****************************** */
    /* 배너 */
    .banner_wrap {
        height: 40px;
    }

    /* 배너 - 사고, 작업 */
    .banner_wrap .banner_cont {
        padding: 5px 15px;
    }

    /* 배너 - 공지 */
    .banner_wrap .notice_latest ul li a {
        font-size: 14px;
    }

    .banner_wrap .notice_latest ul li a span {
        font-size: 13px;
    }

    /* 헤더 */
    .header_wrap {
        height: 50px;
    }

    .header_wrap .btn_gnb {
        width: 40px;
        height: 50px;
        background-size: 16px;
    }

    /* 헤더 - 로고 */
    .header_wrap .logo {
        width: 200px;
        height: 50px;
    }

    .header_wrap .logo.web_block {
        display: none;
    }

    .header_wrap .logo.web_none {
        width: 200px;
        background-size: 200px;
        margin-left: -100px;
    }

    .header_wrap.sub_header_wrap .logo {
        width: 200px;
        background-size: 200px;
        margin-left: -100px;
    }

    .header_wrap .m_home_logo {
        display: block;
    }

    .header_wrap .m_main_logo {
        display: block;
    }

    /* 헤더 - gnb */
    .header_wrap .gnb_wrap .depth1 {
        padding-top: 51px;
    }

    .header_wrap .gnb_wrap .depth1:before {
        height: 50px;
    }

    /* 헤더 - gnb bg */
    .header_wrap .gnb_bg {
        background: rgba(0, 0, 0, 0.7) url('/images/mobile/common/btn_close.png') left 290px top 15px no-repeat;
        background-size: 20px;
        z-index: 5;
    }

    /* 헤더 - 배너 버튼 */
    .header_wrap .btn_head {
        width: 50px;
        height: 50px;
        background-size: 16px;
    }

    .header_wrap .btn_head.active {
        background-size: 16px;
    }

    .header_wrap .btn_head span {
        margin-top: 5px;
        width: 40px;
        height: 40px;
        background-size: 15px;
    }

    #agencyBlockPop .popup_inner {
        width: calc(100% - 15%) !important;
    }


    /* ********** Footer st. ****************************** */
    .footer_wrap {
        padding: 15px 30px;
    }

    footer .btn_satisfction {
        width: 35px;
        height: 35px;
        background-size: 15px !important;
    }

    /* 홈페이지 콘텐츠 만족도 */
    .satisfction_box.box .box_cont {
        padding: 10px 15px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dt {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dd {
        font-size: 13px;
    }

    .satisfction_box.box .box_cont dl.radio_wrap dd .radio_style1 {
        width: 100%;
        margin-bottom: 7px;
        margin-right: 0;
    }

    .satisfction_box.box .box_cont dl.comments_wrap dd textarea {
        width: calc(100% - 97px);
        height: 48px;
    }

    .satisfction_box.box .box_cont dl.comments_wrap dd .btn {
        width: 70px;
        height: 70px;
        font-size: 14px;
    }

    footer .satisfction_box {
        width: 100%;
    }

    footer .satisfction_box.box .box_cont {
        padding: 15px;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap dt {
        margin-bottom: 10px;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap dd {
        margin-bottom: 10px;
    }

    footer .satisfction_box.box .box_cont dl.radio_wrap dd:last-child {
        padding-top: 10px;
    }

    footer .satisfction_box.box .box_cont dl.comments_wrap dd textarea {
        width: calc(100% - 97px);
        height: 48px;
    }

    footer .satisfction_box.box .box_cont dl.comments_wrap dd .btn {
        width: 70px;
        height: 70px;
    }


    /* ********** Main st. ****************************** */
    #container.main_container {
        padding-top: 100px;
    }

    #container.sub_container {
        padding-top: 50px;
    }

    .main_contents {
        height: 720px;
    }

    /* 좌측 정보 박스 */
    .main_contents .left_wrap {
        left: 0;
        top: 0;
        bottom: auto;
        width: 100%;
        height: auto;
        border-right: 0;
    }

    .main_contents .left_wrap.route_search_active {
        bottom: 0;
    }

    /* 좌측 정보 박스 - 탑버튼 */
    .main_contents .left_wrap .top_menu li a {
        height: 70px;
        font-size: 14px;
        background: #373d51;
        border-right: 1px solid #2e3243;
    }

    .main_contents .left_wrap .top_menu li a img {
        height: 27px;
    }

    /* 좌측 정보 박스 - 탭버튼 */
    .main_contents .left_wrap .tab_head {
        display: none;
    }

    /* 좌측 정보 박스 - 탭콘텐츠 */
    .main_contents .left_wrap .tab_cont {
        display: none;
    }

    .main_contents .left_wrap .tab_cont.news {
        display: block;
        height: 650px;
    }

    .main_contents .left_wrap .tab_cont.route_search {
        display: block;
        max-height: 650px;
    }

    .main_contents .left_wrap .tab_cont.route_search_result {
        display: none;
    }

    .main_contents .left_wrap .tab_cont.conges {
        display: block;
        height: 650px;
    }

    .main_contents .left_wrap .tab_cont.traffic {
        display: block;
        height: 650px;
    }

    .main_contents .left_wrap .tab_cont.cctv {
        display: block;
        height: 650px;
    }

    .main_contents .left_wrap .route_list dl dt {
        text-align: left;
    }

    .main_contents .left_wrap .tab_cont .title .btn_wrap .btn.mobile_block {
        display: inline-block !important;
    }

    /* 좌측 정보 박스 - 좌측박스 버튼 */
    .main_contents .left_wrap .btn_left {
        display: none;
    }

    /* 좌측 정보 박스 - 교통속보 */
    .main_contents .left_wrap .news_list.tab_cont {
        transition: all .5s ease;
    }

    .main_contents .left_wrap .news_list.tab_cont.active {
        height: 149px;
        overflow: hidden;
    }

    /* 좌측 정보 박스 - 모바일 경로검색결과 */
    .main_contents .mobile_route_search {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -330px;
        width: 100%;
        height: 330px;
        z-index: 5;
        background: #fff;
        transition: all .5s ease;
        overflow: visible;
    }

    .main_contents .mobile_route_search.active {
        bottom: 0;
    }

    .main_contents .mobile_route_search .route_search {
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 0
    }

    .main_contents .mobile_route_search .route_search .btn_btm {
        position: absolute;
        top: -20px;
        left: 50%;
        width: 66px;
        height: 20px;
        margin-left: -33px;
        background: #fff url('/images/mobile/main/btn_btm_open.png') center center no-repeat;
        background-size: 100%;
    }

    .main_contents .mobile_route_search .route_search .btn_btm.active {
        background: #fff url('/images/mobile/main/btn_btm_close.png') center center no-repeat;
        background-size: 100%;
    }

    .main_contents .mobile_route_search .route_search .search_area {
        position: relative;
        padding: 5px 105px 5px 15px;
        background: #eef1f2 url('/images/main/ic_route_bar.png') left 16px top 33px no-repeat;
        background-size: auto 12px;
    }

    .main_contents .mobile_route_search .route_search .search_area dl {
        padding-left: 25px;
        font-size: 0;
        background-size: 14px !important;
    }

    .main_contents .mobile_route_search .route_search .search_area dl.start {
        background: url('/images/main/ic_route_start.png') left center no-repeat;
    }

    .main_contents .mobile_route_search .route_search .search_area dl.end {
        background: url('/images/main/ic_route_start.png') left center no-repeat;
    }

    .main_contents .mobile_route_search .route_search .search_area dl > * {
        display: inline-block;
    }

    .main_contents .mobile_route_search .route_search .search_area dl.start > * {
        border-bottom: 1px solid #ddd;
    }

    .main_contents .mobile_route_search .route_search .search_area dl dt {
        width: 50px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
    }

    .main_contents .mobile_route_search .route_search .search_area dl dd {
        width: calc(100% - 50px);
    }

    .main_contents .mobile_route_search .route_search .search_area dl dd input {
        width: calc(100% - 67px);
        height: 33px;
        font-size: 14px;
        border: 0;
        background: none;
    }

    .main_contents .mobile_route_search .route_search .search_area .btn_change {
        position: absolute;
        right: 70px;
        top: 50%;
        width: 30px;
        height: 40px;
        margin-top: -20px;
        padding: 0;
        background: url('/images/main/ic_route_change.png') center center no-repeat;
        text-indent: -9999px;
        border: 0;
    }

    .main_contents .mobile_route_search .route_search .search_area .btn_mint {
        position: absolute;
        top: 50%;
        right: 5px;
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }

    .main_contents .mobile_route_search .route_search p.title {
        padding: 10px 15px 0;
        font-size: 15px;
        font-weight: 500;
        color: #333;
    }

    .main_contents .mobile_route_search .route_search .type_tab li a {
        display: block;
        height: 37px;
        font-size: 14px;
        line-height: 33px;
        text-align: center;
        font-weight: 500;
        color: #555;
        border-top: 3px solid #fff;
        border-bottom: 1px solid #ddd;
    }

    .main_contents .mobile_route_search .route_search .type_tab li:last-child a {
        border-left: 1px solid #ddd;
    }

    .main_contents .mobile_route_search .route_search .type_tab li.active a {
        color: #47c0c2;
        font-weight: 500;
        border-top: 3px solid #47c0c2;
        border-bottom: 0;
    }

    .main_contents .mobile_route_search .route_search .simple_info:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    .main_contents .mobile_route_search .route_search .simple_info dl {
        width: 100%;
        padding: 10px;
        color: #333;
        font-size: 0;
        border-bottom: 1px solid #ddd;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl:after {
        display: block;
        visibility: hidden;
        clear: both;
        content: "";
    }

    .main_contents .mobile_route_search .route_search .simple_info dl:last-child {
        border-bottom: 0;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl > * {
        display: inline-block;
        vertical-align: middle;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl dt {
        width: 110px;
        font-size: 14px;
        font-weight: 500;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl dd {
        margin-left: 7px;
        font-size: 13px;
        font-weight: 500;
        text-align: right;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl dd strong {
        font-size: 16px;
        font-weight: 500;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl dd span {
        font-size: 14px;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl.info3 {
        width: 100%;
        background: #666;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl.info3 dt {
        display: inline-block;
        float: none;
        font-size: 15px;
        color: #fff;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl.info3 dd {
        display: inline-block;
        float: none;
        font-size: 15px;
        color: #fff;
    }

    .main_contents .mobile_route_search .route_search .simple_info dl.info3 dd strong {
        font-size: 15px;
        font-weight: 500;
    }

    .main_contents .mobile_route_search .route_search .route_info .title {
        padding: 0 0 10px 0;
        font-size: 15px;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info {
        padding: 10px 0 5px;
        font-size: 0;
        text-align: center;
        background: #eef1f2;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
        font-size: 0;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info li div {
        display: block;
        vertical-align: middle;
        font-size: 13px;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info li div img {
        width: 30px;
        margin-bottom: 3px;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info li p {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
    }

    .main_contents .mobile_route_search .route_search .route_info .icon_info li p strong {
        font-size: 14px;
        color: #e81414;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li {
        margin-bottom: 5px;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 25px;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span.label {
        width: 25px;
        height: 25px;
        margin-right: 3px;
        border: 1px solid #ddd;
        color: #999;
        background: #fff;
        text-align: center;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span.label.red {
        color: #d21919;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span.label.blue {
        color: #2385d1;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span.price {
        width: 50px;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li span.name {
        width: auto;
    }

    .main_contents .mobile_route_search .route_search .route_info .oiling_info ul li .icon {
        width: 20px;
        height: 25px;
        margin-left: 3px;
        background-size: 100% !important;
    }

    /*420-20201112_박민주 추가*/
    .main_contents .left_wrap .route_info .route .road_info .trffc_info_bx {
        right: 90px;
        font-size: 12px;
        top: 26px;
        padding: 0px 5px;
    }

    /* 좌측 정보 박스 - 혼잡구간 */
    .main_contents .left_wrap .conges_result.tab_cont {
        transition: all .5s ease;
    }

    .main_contents .left_wrap .conges_result.tab_cont.active {
        height: 94px;
        overflow: hidden;
    }

    .main_contents .left_wrap .conges_result div.title {
        padding: 0 15px;
        text-align: left;
    }

    /* 좌측 정보 박스 - 우회도로(신규) / 전소현 수정 */
    .road_subcont {
        left: 0;
        top: 70px;
        width: 100%;
    }

    .subcont_wrap > .subcont_01 > .subcont_subtitle > div {
        width: 40%;
    }

    .subcont_wrap > .subcont_01 > .subcont_bub > div {
        width: 50%;
        background-position: 50% 50%;
    }

    .subcont_list .list_wrap .list .line {
        width: 15px;
    }

    .subcont_list .list_wrap .list .line > div {
        background-size: 25px;
        bottom: -10px;
        left: -5px;
    }

    .road_subcont .subcont_title > button.web_btn {
        display: none;
    }

    .road_subcont .subcont_title > button.mobile_btn {
        display: block;
    }

    .mobile_map {
        position: absolute;
        right: -8px;
        top: 8px;
        background-repeat: no-repeat;
        background-image: url('../images/main/new/mobile_map.png');
    }

    .mobile_map {
        text-indent: -9999px;
    }

    /* 좌측 정보 박스 - 버스전용노선 */
    .main_contents .left_wrap .traffic_result.tab_cont {
        transition: all .5s ease;
    }

    .main_contents .left_wrap .traffic_result.tab_cont.active {
        height: 94px;
        overflow: hidden;
    }

    /* 통합검색(신규) / 전소현 수정 */
    .search_wrap_bar {
        left: 50%;
        top: 90px;
        width: 95%;
        transform: translateX(-50%);
    }

    .search_wrap_bar.active {
        left: 50%;
    }

    .search_wrap_bar.mobile {
        left: 20%;
        width: auto;
    }

    .search_wrap_bar .search_text.active {
        display: none;
    }

    .search_wrap_bar .search_inner {
        width: 100%;
        gap: 5px;
        justify-content: space-between;
    }

    .search_wrap_bar .search_inner > div:nth-child(1) {
        width: 35%;
    }

    .search_wrap_bar .search_inner > div:nth-child(2) {
        width: 65%;
    }

    .search_wrap_bar .search_inner > div > select {
        width: 100%;
        font-size: 12px;
    }

    .search_wrap_bar .search_inner > div > form > input {
        width: 95%;
        font-size: 12px;
    }

    .search_result_list {
        left: 10px;
        border-top: 1px solid #eee;
        top: 40px;
        margin-right: 5px;
    }

    .search_result_list > li > a {
        font-size: 12px;
    }


    /* 지도 */
    .main_contents .map_wrap {
        width: 100%;
        margin-left: 0;
        padding-top: 70px;
    }

    .main_contents .map_wrap .map {
        height: 650px;
    }

    .main_contents .map_wrap.active_right {
        width: 100%;
    }

    .main_contents .map_wrap .ic_weather {
        width: 30px;
        height: 30px;
    }

    .main_contents .map_wrap .ic_accident {
        width: 40px;
        height: 35px;
    }

    .main_contents .map_wrap .ic_work {
        width: 40px;
        height: 35px;
    }

    .main_contents .map_wrap .ic_service {
        width: 35px;
        height: 35px;
    }

    /* 우측 메뉴 */
    .main_contents .right_menu {
        top: 90px;
    }

    /* 우측 메뉴 - 지역 */
    .main_contents .right_menu .area li a {
        font-size: 13px;
    }

    .main_contents .right_menu .area li.zoom button {
        background-size: 12px !important;
    }

    /* 우측 메뉴 - 메뉴 */
    .main_contents .right_menu .menu .menu_list li a {
        height: 44px;
    }

    /* .main_contents .right_menu .menu .menu_list li a {height: 52px;} */
    .main_contents .right_menu .menu .menu_list li a .icon {
        height: 26px;
    }

    /* 우측 메뉴 - 우측영역 버튼 */
    .main_contents .right_menu .btn_right {
        margin-top: -100px;
    }


    /* Main layer popup */
    .main_popup_wrap {
        left: 0;
        z-index: 5;
    }

    .popup_inner {
        width: calc(100% - 20px) !important;
        margin: 75px auto 0;
    }

    /* 2021.10.05 팝업(확대) */
    #cctvPop .popup_inner {
        /* width: calc(100% - 15%) !important; */
        width: calc(100%) !important;
    }

    #cctvPop .rd_cctv_cntnts_Wrap2 .cctv_box_blackBg2 {
        height: 80px;
    }

    #cctvfullPop .popup_contents .video_wrap .closeMent {
        width: 300px;
        height: 35px;
        margin-left: -150px;
        line-height: 35px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.5px;
    }

    #cctvPop .content_bg {
        padding: 5px 15px 15px;
    }

    #cctvPop .video_wrap .video {
        height: 310px !important;
    }

    /*상세정보창 공지사항 - 전소현 수정*/
    .emergency_box {
        border: 1px solid #EF1919;
        height: 30px;
        border-radius: 5px;
        margin: 10px 10px 20px;
    }

    .emergency_box:before {
        width: 60px;
        height: 50px;
        top: -18px;
    }

    .emergency_box .emergency_title_area {
        padding: 0;
        height: 30px;
    }

    .emergency_box .emergency_title {
        font-size: 12px;
        line-height: 30px;
    }

    /* 휴게소 - 전소현 수정 */
    #servicePop .service_item {
        height: 500px;
    }

    #servicePop .road_list_wrap > div {
        font-size: 14px;
        height: 50px;
        line-height: 17px;
    }

    #servicePop .road_list_wrap > div:nth-child(1) {
        line-height: 35px;
    }

    #servicePop .road_list_wrap > div:nth-child(1):after {
        width: 31px;
        height: 51px;
    }

    #servicePop .road_list_wrap > div:nth-child(2):after {
        width: 29px;
        height: 51px;
    }

    #servicePop .road_info {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    #servicePop .road_info_menu > span {
        font-size: 14px;
    }

    #servicePop .road_info_menu > i:first-child {
        width: 22px;
        height: 22px;
    }

    #servicePop .road_info_menu > i:last-child {
        width: 20px;
        height: 20px;
    }

    #servicePop .info_ic.ic_type1 {
        font-size: 14px;
    }

    #servicePop .info_ic.ic_type1:before {
        width: 30px;
        height: 30px;
    }

    #servicePop .road_info2 .road_info_item3 .ic_item1 {
        margin: 9px;
    }

    #servicePop .road_info2 .road_info_item3 .ic_item1::before {
        width: 40px;
        height: 40px;
    }

    #servicePop .road_info2 .road_info_item3 .ic_item1 {
        padding-top: 50px;
    }

    #servicePop .gas_station_info2 {
        flex-direction: column;
    }

    #servicePop .gas_station_info2 .gas_price_info {
        width: 100%;
    }

    #servicePop .gas_station_info2 .gas_station_location {
        width: 100%;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    /*메뉴정보 - 전소현 수정*/
    #menuPopup .popup_contents {
        height: 580px;
    }

    #menuPopup .popup_contents .cont {
        height: 446px;
        overflow-y: scroll;
    }

    #menuPopup .popup_contents .cont::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    #menuPopup .popup_contents .cont::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #1E4297;
    }

    #menuPopup .popup_contents .cont::-webkit-scrollbar-thumb:hover {
        background-color: #7facdd;
    }

    #menuPopup .popup_contents .cont::-webkit-scrollbar-track {
        background-color: #ffff;
    }

    .menu_cont_wrap .menu_list .menu_list_img {
        height: 100px;
    }

    .menu_cont_wrap .menu_list .menu_list_text {
        font-size: 14px;
        margin-top: 10px;
    }

    .menu_cont_wrap .menu_list .menu_list_price {
        font-size: 14px;
        margin: 5px 0;
    }

    /* 졸음쉼터 - 전소현 수정 */
    /* .popup_inner .popup_contents {height: 500px;} *//* 2023-09-04 반응형 및 수정 요청 */
    .rst_cont_wrap .rst_parking > div {
        padding: 20px 25px;
    }

    /* 전기차 충전소 - 전소현 수정 */
    #elecoccarPop .road_wrap {
        gap: 20px;
        justify-content: space-evenly;
    }

    /*0825 수정*/
    #elecoccarPop .road_wrap .road_img_wrap {
        width: 80px;
        height: 80px;
    }

    .road_name_01 {
        font-size: 16px;
    }

    .road_name_02 {
        font-size: 12px;
    }

    .road_name_03 {
        font-size: 12px;
    }

    .road_name_03 > i {
        width: 15px;
        height: 15px;
    }

    .road_name_04 {
        font-size: 10px;
    }

    #elecoccarPop .elec_status > div {
        font-size: 14px;
    }

    #elecoccarPop .elec_status > div > i {
        width: 20px;
        height: 20px;
    }

    #elecoccarPop .elec_info .elec_info_title {
        font-size: 16px;
        margin-bottom: 0;
    }

    #elecoccarPop .elec_info .elec_info_title > div:first-child {
        font-size: 16px;
    }

    #elecoccarPop .elec_info .elec_info_title > div:last-child {
        font-size: 12px;
    }

    #elecoccarPop .elec_info .elec_info_wrap {
        margin-top: 20px;
    }

    #elecoccarPop .elec_info .elec_info_wrap .elec_info_img {
    }

    /*0825 전소현 수정*/
    #elecoccarPop .elec_info .elec_info_wrap .elec_info_text {
        font-size: 14px;
        padding-top: 10px;
    }

    #elecoccarPop .elec_info .elec_info_wrap .elec_info_text .elec_text_1::before {
        width: 20px;
        height: 20px;
    }

    #elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text2 {
        font-size: 14px;
    }

    #elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list {
        padding: 15px;
    }

    #elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text1 {
        font-size: 14px;
    }

    #elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text1 > i {
        width: 20px;
        height: 25px;
    }

    #elecoccarPop .elec_info .elec_info_type > span {
        top: -40px;
        font-size: 12px;
    }

    #elecoccarPop .elec_info .elec_info_type > span::before {
        top: 2px;
        width: 15px;
        height: 15px;
    }

    #elecoccarPop .elec_info2 .elec_info_title > div {
        font-size: 16px;
    }

    #elecoccarPop .elec_info2 .elec_info_title > span {
        width: 15px;
        height: 15px;
    }

    #elecoccarPop .elec_info .elec_info_type > div {
        font-size: 12px;
    }

    #elecoccarPop .elec_info2 .elec_info_list2 > div > div {
        font-size: 12px;
        margin-left: 20px;
    }

    #elecoccarPop .elec_info2 .elec_info_list2 > div > div::before {
        width: 15px;
        height: 15px;
        left: -20px;
    }

    #elecoccarPop .elec_info2 .elec_info_text2 {
        font-size: 12px;
    }

    #elecoccarPop .popup_inner .popup_contents {
        height: 580px;
    }

    /* 수소차 충전소 - 전소현 수정 */
    #hydrocarPop .road_wrap {
        gap: 20px;
        justify-content: space-evenly;
    }

    /*0825 수정*/
    #hydrocarPop .road_wrap .road_img_wrap {
        width: 80px;
        height: 80px;
    }

    #hydrocarPop .hydro_status > div {
        font-size: 14px;
    }

    #hydrocarPop .hydro_status > div > i {
        width: 20px;
        height: 20px;
    }

    #hydrocarPop .hydro_info .hydro_info_title {
        font-size: 16px;
    }

    #hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_img {
    }

    /*0825 전소현 수정*/
    #hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_text {
        font-size: 12px;
        padding-top: 10px;
    }

    #hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_text .hydro_text_1::before {
        width: 20px;
        height: 20px;
    }

    #hydrocarPop .hydro_info2 .hydro_info_title > div {
        font-size: 16px;
    }

    #hydrocarPop .hydro_info2 .hydro_info_title > span {
        width: 15px;
        height: 15px;
    }

    #hydrocarPop .hydro_info2 .hydro_info_list2 > div > div {
        font-size: 12px;
        margin-left: 20px;
    }

    #hydrocarPop .hydro_info2 .hydro_info_list2 > div > div::before {
        width: 15px;
        height: 15px;
        left: -20px;
    }

    #hydrocarPop .hydro_info2 .hydro_info_text2 {
        font-size: 11.7px;
    }

    #hydrocarPop .popup_inner .popup_contents {
        height: 580px;
    }


    /*211119_박민주 수소전기 팝업 추가*/
    .chrg_dtail ul li .detail .img_chrg div {
        width: 41px;
        height: 36px;
    }

    .chrg_dtail ul li .detail .img_chrg div.dccb_on {
        background-image: url(/images/main/dccb_on_41.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dc_on {
        background-image: url(/images/main/dc_on_41.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.ac_on {
        background-image: url(/images/main/ac_on_41.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dccb {
        background-image: url(/images/main/dccb_41.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.dc {
        background-image: url(/images/main/dc_41.png);
    }

    .chrg_dtail ul li .detail .img_chrg div.ac {
        background-image: url(/images/main/ac_41.png);
    }

    /* // 2021.10.05 팝업(확대) */
    /* ********** Contents st. ****************************** */
    /* 교통예보 - 주요 도시간 예상 소요시간  */
    .predict {
    }

    .box_tab li a {
        font-weight: 400;
    }

    .round_tab li a {
        font-weight: 400;
    }

    .predict .box_tab {
        width: 200px;
    }

    .predict .round_tab {
        width: 100px;
    }

    /* 20230918 전소현 수정 */
    .predict .map_wrap {
        width: 460px;
        height: 650px;
    }

    .predict .map_wrap .time_box {
        width: 151px;
    }

    .predict .map_wrap .time_box dl {
        padding: 10px 5px;
        letter-spacing: -1px;
    }

    .predict .map_wrap .time_box dl dt {
        font-size: 14px;
        line-height: 14px;
    }

    .predict .map_wrap .time_box dl dt img {
        width: 15px;
    }

    .predict .map_wrap .time_box dl dd {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.5px;
    }

    .predict .map_wrap .yangyang {
        top: 78px;
        right: 35px;
    }

    .predict .map_wrap .gangneung {
        top: 181px;
        right: 82px;
    }

    .predict .map_wrap .daejeon {
        top: 258px;
        left: 22px;
    }

    .predict .map_wrap .daegu {
        top: 292px;
        right: 81px;
    }

    .predict .map_wrap .gwangju {
        bottom: 209px;
        left: 22px;
    }

    .predict .map_wrap .ulsan {
        bottom: 262px;
        right: 12px;
    }

    .predict .map_wrap .busan {
        bottom: 119px;
        right: 81px;
    }

    .predict .map_wrap .mokpo {
        bottom: 69px;
        left: 21px;
    }

    /*  조병조 수정 모바일 화면 대응 */
    .predict .map_wrap_2 {
        width: 460px;
        height: 650px;
    }

    .predict .map_wrap_2 .time_box {
        width: 151px;
    }

    .predict .map_wrap_2 .time_box dl {
        padding: 10px 5px;
        letter-spacing: -1px;
    }

    .predict .map_wrap_2 .time_box dl dt {
        font-size: 14px;
        line-height: 14px;
    }

    .predict .map_wrap_2 .time_box dl dt img {
        width: 15px;
    }

    .predict .map_wrap_2 .time_box dl dd {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: -0.5px;
    }

    .predict .map_wrap_2 .yangyang {
        top: 78px;
        right: 35px;
    }

    .predict .map_wrap_2 .gangneung {
        top: 181px;
        right: 82px;
    }

    .predict .map_wrap_2 .daejeon {
        top: 258px;
        left: 22px;
    }

    .predict .map_wrap_2 .daegu {
        top: 292px;
        right: 81px;
    }

    .predict .map_wrap_2 .gwangju {
        bottom: 209px;
        left: 22px;
    }

    .predict .map_wrap_2 .ulsan {
        bottom: 262px;
        right: 12px;
    }

    .predict .map_wrap_2 .busan {
        bottom: 119px;
        right: 81px;
    }

    .predict .map_wrap_2 .mokpo {
        bottom: 69px;
        left: 21px;
    }

    /* 교통예보 - 주말예보 - 주말교통예보 */
    .weekend_forecast {
    }

    .weekend_forecast .forecast_img {
        min-height: 200px;
    }

    .weekend_forecast .forecast_img > div.nodata > img {
        width: 70px;
    }

    .weekend_forecast .forecast_img > div.nodata p {
        margin-top: 10px;
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    .weekend_forecast .forecast_img > div.nodata p img {
    }

    .weekend_forecast .forecast_img > div.nodata p strong {
        font-size: 18px;
    }


    /* 교통예보 - 주말예보 - 주말교통 예보방송 */
    .weekend_broadcast {
    }

    .weekend_broadcast .forecast_video {
        min-height: 200px;
    }

    .weekend_broadcast .forecast_video > div.nodata > img {
        width: 70px;
    }

    .weekend_broadcast .forecast_video > div.nodata p {
        margin-top: 10px;
        font-size: 14px;
        letter-spacing: -0.5px;
    }

    /* 조병조 수정 none 처리 주석 및 제거*/
    .weekend_broadcast .forecast_video > div.nodata p img { /* display: none; */
    }

    .weekend_broadcast .forecast_video > div.nodata p strong {
        font-size: 18px;
    }


    /* 교통예보 - 정체예상 교통지도 */
    .stagnation_map {
    }

    .stagnation_map .map_wrap .map {
        height: 300px;
    }


    /* 교통예보 - 정체예상 교통지도 */
    .tollgate {
    }

    .tollgate .search_box {
        padding: 5px 15px 8px;
    }

    .tollgate .search_box .col1 {
        width: 100%;
    }

    .tollgate .search_box dl dt {
        float: left;
        width: 75px;
    }

    .tollgate .search_box dl dd.type1 {
        float: right;
        width: calc(100% - 85px);
        margin: 3px 0;
    }

    .tollgate .search_box dl dd.radio_style1 {
        float: left;
        width: 75px;
        margin: 11px 0;
    }

    .tollgate .search_box .date_move input[type='text'].datepicker2.datepicker2 {
        padding-right: 20px;
        background: #fff url('/images/common/ic_calendar2.png') right center no-repeat;
        background-size: 18px;
    }

    .tollgate .search_box .btn_blue {
        position: static;
        width: 100%;
        height: 35px;
        margin-top: 2px;
        font-size: 14px;
    }

    .tollgate .search_box .btn_blue span {
        display: inline-block;
    }

    .tollgate .map_wrap .map {
        height: 249px;
    }

    #tgPop .popup_inner .search_box {
        padding: 10px;
    }

    #tgPop .popup_inner .search_result {
        font-size: 14px;
    }

    #tgPop .popup_inner .search_result span {
        margin-right: 5px;
        font-size: 16px;
    }

    #tgPop .popup_inner .search_result strong {
        font-size: 22px;
    }


    /* 교통방송 - 교통방송보기 - exTV 교통방송 */
    .exTV {
    }

    .sub_tab ul li {
        width: auto !important;
    }

    .sub_tab ul li a {
        padding: 0 10px;
        line-height: 16px;
        font-weight: 400;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .video_wrap {
        margin-bottom: 10px;
    }

    .video_wrap .video {
        height: 200px;
    }

    .video_wrap .title {
        margin-top: 5px;
    }

    .video_wrap .title p {
        display: block;
        line-height: 20px;
        font-size: 16px;
    }

    .video_wrap .title span.date {
        display: block;
        margin-left: 0;
        font-size: 13px;
        line-height: 20px;
    }

    .tab_style1 li a {
        font-size: 12px;
        line-height: 14px;
    }


    /* 교통방송 - 교통방송보기 - 교통안전캠페인 */
    .campaign {
    }

    .video_list li {
        width: 48%;
        margin-right: 3.5%;
        margin-bottom: 15px;
    }

    .video_list li:nth-child(2n+2) {
        margin-right: 0;
    }

    .video_list li a dl dt {
        margin-top: 5px;
        line-height: 18px;
    }

    .video_list li a dl dd {
        font-size: 12px;
    }

    .btn_more_video {
        width: 28px;
        height: 28px;
        background-size: 100%;
    }


    /* 교통방송 - 교통방송 소개 */
    .info {
        padding: 0 10px;
    }

    .info .info_box {
        margin-bottom: 15px;
    }

    .info .info_box > * {
        display: block;
    }

    .info .info_box img {
        width: 100%;
    }

    .info .info_box .info_box_img p img {
        width: 99%;
    }

    .info .info_box dl {
        width: 100%;
        padding-left: 0;
        letter-spacing: -0.5px;
    }

    .info .info_box dl dt {
        margin: 10px 0;
    }

    .info .step_list li {
        display: inline-block;
        width: 50%;
        padding: 15px 10px;
    }

    .info .step_list li:nth-child(3) {
        background: #fff;
    }

    .info .step_list li:nth-child(4) {
        background: #eee;
    }

    .info .step_list li img {
        height: 42px;
        margin: 0 0 10px;
    }

    .info .step_list li dl dt {
        height: 40px;
        margin-bottom: 10px;
        font-size: 15px;
    }

    .info .step_list li dl dt.line1 {
        line-height: 40px;
    }

    .info .step_list li dl dd {
        height: 75px;
        font-size: 13px;
        line-height: 18px;
    }

    .info .history li {
        margin-bottom: 10px;
    }

    .info .history li > * {
        vertical-align: top;
    }

    .info .history li strong {
        width: 60px;
        font-size: 20px;
    }

    .info .history li p {
        padding-top: 5px;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.5px;
        -ms-word-break: keep-all;
        word-break: keep-all;
    }

    .info .history li p span {
        font-size: 13px;
    }

    .info .history li p span.line_break {
        display: block;
    }


    /* 교통방송 - 캐스터 프로필 */
    .casters {
    }

    .casters .casters_list li {
        width: 49%;
        margin-bottom: 10px;
    }

    .casters .casters_list li:nth-child(3n+3) {
        margin-right: 2%;
    }

    .casters .casters_list li:nth-child(2n+2) {
        margin-right: 0;
    }

    .casters .casters_list li .cover {
        opacity: 1;
    }

    .casters .casters_list li .cover div {
        transition: all .2s ease;
    }

    .casters .casters_list li .cover div:before {
        top: -15px;
        height: 15px;
    }

    .casters .casters_list li .cover span {
        margin-bottom: 0px;
        font-size: 12.5px;
        line-height: 18px;
    }

    .casters .casters_list li:hover .cover div {
        padding: 0 10px 40px;
    }


    /* 고속도로이용안내 - 버스전용차로 */
    .bus {
    }

    .bus .box .box_cont.fl_wrap {
        display: block;
    }

    .bus .box .box_cont.fl_wrap > * {
        display: block;
    }

    .bus .box .box_cont.fl_wrap dt {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 30px;
        background-size: auto 100%;
    }

    .bus .box .box_cont.fl_wrap dd {
        font-size: 13px;
        line-height: 18px;
    }

    .bus .box table td {
        padding: 5px 3px;
        line-height: 18px;
        letter-spacing: -1px;
        border: 1px solid #ddd;
    }

    .bus .box table td.start {
        border-left: 0;
    }

    .bus .box table td.end {
        border-right: 0;
    }


    /* 고속도로이용안내 - 스마트폰 이용안내 */
    .app_guide {
    }

    .app_guide .box .box_cont.fl_wrap {
        display: block;
    }

    .app_guide .box .box_cont.fl_wrap > * {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .app_guide .box .box_cont.fl_wrap > *:last-child {
        margin-bottom: 0;
    }

    .app_guide .box .box_cont.fl_wrap div > img {
        width: 80px;
        margin-top: 0;
    }

    .app_guide .box .box_cont.fl_wrap div dl {
        width: calc(100% - 90px);
    }

    .app_guide .box .box_cont.fl_wrap div dl dt {
        font-size: 15px;
    }

    .app_guide .box .box_cont.fl_wrap div dl dt img {
        height: 25px;
        margin: -7px 3px 0 0;
    }

    .app_guide dd.fl_wrap > div {
        width: 100%;
        margin-top: 20px;
    }

    .app_guide dd.fl_wrap > div > img {
        float: none;
        display: block;
        width: 279px;
        margin: 0 auto;
    }

    .app_guide dd.fl_wrap > div.step2 {
        float: none;
    }

    .app_guide dd.fl_wrap > div.step3 {
        float: none;
    }

    .app_guide dd.fl_wrap > div > img + * {
        float: none;
        width: 300px;
        margin: 0 auto;
    }

    .app_guide dd.fl_wrap > div.step3 .number_list {
        float: none;
    }


    /* 공지사항 - 교통센터 소개 - 인사말 */
    .greeting {
    }


    /* 공지사항 - 교통센터 소개 - 연혁 */
    .history {
    }

    .history .history_line {
        width: 270px;
        margin: 0 auto;
    }

    .history .history_line:before {
        left: 24.5px;
        top: 0;
        margin-left: 0;
    }

    .history .history_line li dl {
        width: 100%;
        margin: 0 0 25px;
        z-index: 2;
    }

    .history .history_line li dl dt {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
    }

    .history .history_line li dl dd {
        top: 5px;
        left: 65px;
        width: auto;
        font-size: 14px;
    }

    .history .history_line li:nth-child(2n+2) dl dd {
        left: 65px;
        right: auto;
        text-align: left;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
    }

    .general .organization .step1 {
        width: 104px;
        margin: 0 auto 40px;
    }

    .general .organization .step1 > * {
        width: 104px;
    }

    .general .organization .step1:after {
        top: 90px;
        height: 55px;
    }

    .general .organization .step2 {
        width: 460px;
    }

    .general .organization .step2:after {
        top: -25px;
        left: 75px;
        right: 75px;
    }

    .general .organization .step2 li {
        width: 150px;
        height: 165px;
        margin-right: 5px;
    }

    .general .organization .step2 li:after {
        top: -28px;
        height: 25px;
    }

    .general .organization .step2 li dt {
        font-size: 16px;
    }

    .general .organization .step2 li dd {
        padding: 0 5px;
        font-size: 14px;
        line-height: 22px;
    }

    .general .info {
        width: 460px;
    }

    .general .info ul li {
        height: 180px;
    }

    .general .info ul li .over_layer p {
        font-size: 13px;
    }


    /* 공지사항 - 교통센터 소개 - 견학안내 및 오시는길 */
    .directions {
    }

    .directions .excursions_info > ul {
        width: 100%;
    }

    .directions .excursions_info > ul li {
        margin-bottom: 15px;
    }

    .directions .excursions_info > ul.list2 {
        width: 100%;
    }

    .directions .excursions_info > ul.list2 li {
        margin-bottom: 15px;
    }


    /* 공지사항 - 로드플러스 소개 */
    .roadplus {
        padding: 0 10px;
    }

    .roadplus > .text_center > img.img2 {
        width: 250px;
    }

    .roadplus .text1 {
        margin: 15px 0;
        font-size: 14px;
        line-height: 20px;
    }

    .roadplus .bul_list {
        width: 300px;
        height: 75px;
        margin: 15px auto;
        padding: 7px 20px;
        background-size: 100%;
    }

    .roadplus .bul_list li {
        padding-left: 10px;
        font-size: 13px;
        line-height: 20px;
        background-size: 5px;
    }

    .roadplus .progress_box {
        margin-bottom: 15px;
        font-size: 0;
    }

    .roadplus .progress_box li {
        width: 100%;
        margin-bottom: 15px;
    }

    .roadplus .progress_box li dl dt {
        height: 35px;
        margin: 0 0 10px;
        margin-right: 20px;
        line-height: 35px;
    }

    .roadplus .progress_box li dl dt:after {
        top: 7px;
    }

    .roadplus .progress_box li dl dd {
        padding: 0 20px;
    }

    .roadplus .progress_box li dl dd p {
        margin-bottom: 3px;
        padding-left: 10px;
        font-size: 13px;
        line-height: 18px;
    }

    .roadplus .progress_box li dl dd p:before {
        line-height: 15px;
    }

    .roadplus .progress_box li:nth-child(2) dl dd {
        border-left: 0;
        border-right: 0;
    }

    .roadplus .progress_box li:nth-child(3) dl dt {
        margin-right: 0;
        background: #44aeff;
    }

    .roadplus .table_box {
        display: block;
        margin-top: 15px;
    }

    .roadplus .table_box dl {
        display: block;
    }

    .roadplus .table_box dl dt {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .roadplus .table_box dl dd {
        padding: 10px 15px;
    }

    .roadplus .table_box dl dd p {
        margin-bottom: 3px;
        padding-left: 10px;
        font-size: 13px;
        line-height: 18px;
    }

    .roadplus .table_box dl dd p:before {
        line-height: 15px;
    }

    .roadplus .table_box dl:last-child {
        border-left: 1px solid #ddd;
    }


    /* 공지사항 팝업 */
    #noticePop .popup_contents {
        padding: 20px 20px 10px;
    }

    #noticePop .popup_contents .text1 {
        font-size: 24px;
        line-height: 30px;
    }

    #noticePop .popup_contents .text2 {
        margin: 15px 0;
        font-size: 14px;
        line-height: 20px;
    }

    #noticePop .popup_contents .text3 {
        font-size: 14px;
    }

    #noticePop .popup_contents .btn_close {
        top: 15px;
        right: 15px;
        width: 18px;
        height: 18px;
        background-size: 100%;
    }

    /* 스마트폰 이용안내 */
    .app_guide_list .ag_list_content_item {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    .app_guide_list .ag_list_content_item:last-child {
        margin-bottom: 0;
    }

    .app_guide_list .ag_list_content_item .img_item {
        width: 100%;
        text-align: center;
    }

    .app_guide_list .ag_list_content_item .img_item img {
        width: 100%;
        max-width: 280px;
    }

    .app_guide_list .ag_list_content_item .cm_list01 {
        padding-left: 0;
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    /* 서비스 팝업 */
    /* 서비스 팝업 */
    #servicePop .info_ic {
        font-size: 12px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .info_ic.ic_type3 {
        padding-left: 25px;
    }

    #servicePop .info_ic:last-child {
    }

    #servicePop .road_tel a {
        background-color: #29B91D;
        color: #fff;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        border-radius: 100px;
        padding-right: 10px;
        font-size: 12px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .road_info.restNameLine {
        display: flex;
        margin-bottom: 10px;
        justify-content: space-between;
        flex-direction: column;
        align-items: stretch;
    }

    #servicePop .road_info .road_name {
        font-size: 14px;
        font-weight: bold;
    }

    #servicePop .road_info .road_type {
        font-size: 12px;
    }

    /* #servicePop .road_info .tel_title:after { content:" 전화연결"; } */
    #servicePop .road_info .tel_num {
        display: none;
    }

    #servicePop .road_info .ic_mark {
        width: 25px;
        height: 25px;
        font-size: 10px;
        line-height: 29px;
    }

    #servicePop .road_info .tel_title {
        font-size: 12px;
        padding-left: 32px;
    }

    #servicePop .road_info .tel_title:before {
    }

    #servicePop .road_info2 {
        padding: 10px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .road_info2 .road_info_item_title {
        font-size: 16px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .road_info2 .road_info_item {
        padding: 5px 10px;
        margin-bottom: 5px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .road_info2 .road_info_item2 {
        padding: 0 10px;
        margin-bottom: 0;
    }

    #servicePop .road_info2 .road_info_item2 .info_ic {
        margin-bottom: 5px;
    }

    #servicePop .road_info2 .parking_state {
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        min-width: 55px;
    }

    #servicePop .road_info2 .road_info_item2 .parking_info {
    }

    #servicePop .gas_station_tel a {
        background: #29B91D;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        color: white;
        border-radius: 100px;
        padding-right: 10px;
        font-size: 12px;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .gas_station_info .tel_title:after { content:" 전화연결"; } */
    #servicePop .gas_station_info .tel_num {
        display: none;
    }

    #servicePop .gas_station_info .gas_station_name {
        font-size: 16px;
        font-weight: bold;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .gas_station_info .gas_station_name:before {
        width: 40px;
        height: 25px;
        top: 60%;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .gas_station_info .tel_title {
        font-size: 12px;
        padding-left: 32px;
    }

    #servicePop .gas_station_info .tel_num2 {
    }

    /* #servicePop .gas_station_info2 { padding: 0 10px; } *//* 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .gas_station_info2 .gas_price_info { margin: -5px -5px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .gas_station_info2 .gas_price_info > li {
        padding: 5px 5px;
    }

    #servicePop .gas_station_info2 .gas_price_info .gas_name {
        font-size: 14px;
        padding-right: 5px;
    }

    #servicePop .gas_station_info2 .gas_price_info .gas_price {
        font-size: 14px;
    }

    #servicePop .gas_station_info2 .gas_station_location_list > li {
        font-size: 12px;
    }

    #servicePop .gas_station_info2 .gas_station_location_list .view {
        padding: 0 5px;
        font-size: 12px;
    }

    #servicePop .gas_station_info2 .gas_station_location_list .gas_station_name {
        position: relative;
        font-size: 14px;
        padding-right: 10px;
        background: #fff;
        padding-left: 8px;
    }

    /* #servicePop .gas_station_info2 .gas_station_location_list .gas_station_name:after {content:""; display: block; position:absolute; left: 0; top: 50%; margin-top: -1.5px; width: 3px; height: 3px; border-radius: 100%; background-color: #222; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .gas_station_info2 .warning, .source {
        height: 20px;
        font-size: 12px !important;
    }

    /* 2023-09-04 반응형 및 수정 요청 */
    /* #servicePop .emergency_box { padding: 10px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .emergency_box:before {
        width: 55px;
        height: 45px;
        top: -14px;
    }

    /* #servicePop .emergency_box .emergency_title_area { margin-bottom: 10px; }
	#servicePop .emergency_box .emergency_title { font-size: 13px; padding-left: 25px; } *//* 2023-09-04 반응형 및 수정 요청 */
    #servicePop .emergency_box .emergency_title:before {
        width: 18px;
        height: 22px;
        margin-top: -11px;
    }

    #servicePop .emergency_box .emergency_desc {
        font-size: 13px;
        line-height: 1.4;
    }

    /* 차종/연료 설정 팝업  */
    #FuelPop .popup_contents {
        max-height: 60vh;
        overflow: auto;
    }

    /* 경로검색 구간별 상세 소통정보 */
    .main_popup_wrap {
        z-index: 990;
    }

    .main_contents .left_wrap.active {
        z-index: 99;
    }

    .main_contents .left_wrap .route_search_detail {
        width: 100vw; /* height:calc(var(--vh, 1vh) * 100); */
        left: auto;
        visibility: hidden;
        transform: translateY(100%);
        z-index: 99;
    }

    .main_contents .left_wrap .route_search_detail_title {
    }

    .main_contents .left_wrap .route_search_detail_content {
    }

    .main_contents .left_wrap .route_search_detail_close {
        left: auto;
        right: 0;
        background-color: transparent;
        top: 0;
        height: 40px;
        width: 40px;
        border: 0;
        background: url(/images/common/ic_popup_close.png) no-repeat center / 14px;
    }

    .main_contents .left_wrap .route_search_detail_close2 {
    }

    .main_contents .left_wrap .route_search_detail_close2.active {
    }

    .main_contents .left_wrap .route_search_detail_section_title {
    }

    .main_contents .left_wrap .route_search_detail_section_title .ic_mark {
    }

    .main_contents .left_wrap .route_search_detail.open {
        left: 0;
        transform: translateY(0);
        visibility: visible;
    }

    .main_contents .left_wrap .route_search_detail.active {
    }

    .main_contents .left_wrap .route_search_detail.active .route_search_detail_close {
    }

    .main_contents .left_wrap .route_search_detail.active .route_search_detail_close2 {
    }

    /* 우회도로 상세 소통정보 */
    .main_popup_wrap {
        z-index: 990;
    }

    .main_contents .left_wrap.active {
        z-index: 99;
    }

    .main_contents .left_wrap .bypass_detail {
        width: 100vw; /* height:calc(var(--vh, 1vh) * 100); */
        left: auto;
        visibility: hidden;
        transform: translateY(100%);
        z-index: 99;
    }

    .main_contents .left_wrap .bypass_detail_title {
    }

    .main_contents .left_wrap .bypass_detail_section_title_content {
    }

    .main_contents .left_wrap .bypass_detail_close {
        left: auto;
        right: 0;
        background-color: transparent;
        top: 0;
        height: 40px;
        width: 40px;
        border: 0;
        background: url(/images/common/ic_popup_close.png) no-repeat center / 14px;
    }

    .main_contents .left_wrap .bypass_detail_title button.web_btn {
        position: absolute;
        right: 28px;
        top: 10px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url('/images/main/bypass/close.png');
    }

    .main_contents .left_wrap .bypass_detail_close2 {
    }

    .main_contents .left_wrap .bypass_detail_close2.active {
    }

    .main_contents .left_wrap .bypass_detail_section_title {
    }

    .main_contents .left_wrap .bypass_detail_section_title .ic_mark {
    }

    .main_contents .left_wrap .bypass_detail.open {
        left: 0;
        transform: translateY(0);
        visibility: visible;
        height: 810px;
    }

    .main_contents .left_wrap .bypass_detail.active {
    }

    .main_contents .left_wrap .bypass_detail_section_title.active .bypass_detail_close {
    }

    .main_contents .left_wrap .bypass_detail_section_title.active .bypass_detail_close2 {
    }

    .main_contents .left_wrap .bypass_speedTab li a {
        display: block;
        height: 107px;
        font-size: 18px;
        text-align: center;
        line-height: 55px;
        font-weight: 500;
        color: #777;
        background: url(/images/main/bypass/bubble.png) center center no-repeat;
        background-size: 175px 90px;
        margin-left: 8px;
    }

    /* 본선 */
    .main_contents .left_wrap .route_info .route_speedBar {
        position: relative;
        min-height: 70px;
        color: #fff;
    }

    .main_contents .left_wrap .route_info .route_speedBar dl {
        padding-right: 30%;
    }

    #bypassRouteList .road_info dt {
        margin-bottom: 5px;
        margin-right: 8px;
        float: right;
        font-size: 17px;
        font-weight: 500;
    }

    #bypassRouteList .road_info dt span {
        font-weight: 400;
        margin-right: 10px;
    }

    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 65px;
    }

    #bypassRouteList .road_info dd dd strong {
        font-size: 16px;
        font-weight: 400;
    }

    #bypassRouteList .road_info dd dd span {
        display: none;
        height: 20px;
        margin-right: 5px;
        padding-left: 25px;
        vertical-align: top;
        font-weight: 500;
        color: #35babc;
        background-size: auto 84% !important;
    }

    .main_contents .left_wrap .route_info .route_speedBar {
        padding-bottom: 10px;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li {
        position: relative;
        padding: 10px 25px 7.5px 50px; /*  border-bottom: 1px solid #3e4146;  */
    }

    .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 {
        position: absolute;
        left: 182px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:first-child:before {
        top: 10px;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 178px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:last-child:after {
        display: none;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li > p {
        margin-left: -40px;
        padding-bottom: 7px;
        font-size: 18px;
        color: #fff;
        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 {position: relative; padding: 10px 25px 7.5px 50px;  border-bottom: 1px solid #3e4146; } */
    .main_contents .left_wrap .route_info .bypass_speedBar > li {
        position: relative;
        padding: 10px 6px 7.5px 50px; /*  border-bottom: 1px solid #3e4146;  */
    }

    .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 {
        position: absolute;
        left: 13px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:first-child:before {
        top: 10px;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 9px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li:last-child:after {
        display: none;
    }

    .main_contents .left_wrap .route_info .bypass_speedBar > li > p {
        margin-left: -40px;
        padding-bottom: 7px;
        font-size: 18px;
        color: #fff;
        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 {
        border-radius: 0;
        background-color: #007aff;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info::-webkit-scrollbar-track {
        background-color: #252931;
    }

    /* 썸네일 부분 */
    #bypassRouteList .thumb_wrap {
        position: absolute;
        right: 7px;
        bottom: 0;
        top: 65px;
        height: 70px;
        text-align: right;
    }

    #bypassRouteList .thumb_wrap > * {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        font-size: 12px;
        font-weight: 400;
    }

    #bypassRouteList .thumb_wrap .thumb {
        height: 70px;
        cursor: pointer;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 17px;
        top: 75px;
        height: 70px;
        text-align: right;
    }

    #bypassCctvList .thumb_wrap > * {
        display: inline-block;
        vertical-align: bottom;
        margin-left: 5px;
        font-size: 12px;
        font-weight: 400;
    }

    #bypassCctvList .thumb_wrap .thumb {
        height: 70px;
        cursor: pointer;
    }

    /* 터널 팝업 20231122 */
    #tunnelPop .popup_inner {
        margin: 80px auto 0;
        width: calc(100% - 15%) !important;
    }

    #tunnelPop .popup_inner .popup_contents {
        height: 510px;
    }


}

@media screen and (max-width: 500px) {

    /* 우회도로 반응형 2023-09-07*/
    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 64px;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 42px;
        top: 59px;
        height: 70px;
        text-align: right;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:before {
        position: absolute;
        left: 182px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 178px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info {
        display: flex;
        height: 461px;
        overflow-y: auto;
    }
}

@media screen and (max-width: 480px) {
    /* ********** Footer st. ****************************** */
    .footer_wrap {
        padding: 15px;
    }


    /* ********** Main st. ****************************** */
    /* .main_contents {height: 590px;} */
    /* 좌측 정보 박스 - 탑버튼 */
    .main_contents .left_wrap .top_menu li a {
        height: 70px;
        font-size: 13px;
    }

    .main_contents .left_wrap .top_menu li a img {
        height: 25px;
    }

    /* 좌측 정보 박스 - 탭콘텐츠 */
    /* .main_contents .left_wrap .tab_cont.news {height: 575px;}
	.main_contents .left_wrap .tab_cont.route_search {height: 575px;}
	.main_contents .left_wrap .tab_cont.conges {height: 575px;}
	.main_contents .left_wrap .tab_cont.traffic {height: 575px;} */
    /* 지도 */
    .main_contents .map_wrap {
        padding-top: 70px;
    }

    /* .main_contents .map_wrap .map {height: 520px} */
    /* 지도 - 범례 */
    .main_contents .map_wrap .legend li div {
        font-size: 13px;
    }

    .main_contents .map_wrap .legend li div span {
        font-size: 12px;
    }

    /* 우측 메뉴 - CCTV */
    /* .main_contents .right_menu .view_tab li a {height: 50px; line-height: 50px;} */
    /* 우측 메뉴 - 지역 */
    /* .main_contents .right_menu .area li a {height: 44px; line-height: 44px;}
	.main_contents .right_menu .area li.zoom button {height: 41px;} */
    /* 우측 메뉴 - 지도 범례 */
    .main_contents .right_menu .legend li div {
        height: 45px;
    }

    .main_contents .right_menu .legend li div span {
        padding-bottom: 5px;
    }

    /* 우측 메뉴 - 우측영역 버튼 */
    /* .main_contents .right_menu .menu .menu_list li a {height: 60px; padding-top: 8px;}
	.main_contents .right_menu .menu .menu_list li a .icon {height: 23px;} */
    /* ********** Contents st. ****************************** */
    /* 교통예보 - 주요 도시간 예상 소요시간  */
    .predict {
    }

    .box_tab li {
        height: 35px;
    }

    .box_tab li a {
        font-size: 13px;
    }

    .box_tab li a:after {
        height: 13px;
        margin-top: -6.5px;
    }

    /* 2023-09-05 전소현 수정 */
    .round_tab li a {
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    .round_tab li:first-child a {
        padding-left: 2px;
    }

    .round_tab li:last-child a {
        padding-right: 2px;
    }

    .predict .box_tab {
        width: 150px;
    }

    .predict .round_tab {
        width: 80px;
    }

    .predict.cont > p {
        font-size: 14px;
    }

    /*20230918 전소현*/
    .predict .map_wrap {
        width: 360px;
        height: 466px;
    }

    .predict .map_wrap .time_box {
        width: 116px;
    }

    .predict .map_wrap .time_box dl {
        padding: 5px;
    }

    .predict .map_wrap .time_box dl dt {
        font-size: 12px;
        line-height: 12px;
    }

    .predict .map_wrap .time_box dl dt img {
        width: 12px;
    }

    .predict .map_wrap .time_box dl dd {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: -0.5px;
    }

    .predict .map_wrap .yangyang {
        top: 63px;
        right: 28px;
    }

    .predict .map_wrap .gangneung {
        top: 144px;
        right: 63px
    }

    .predict .map_wrap .daejeon {
        top: 203px;
        left: 19px;
    }

    .predict .map_wrap .daegu {
        top: 231px;
        right: 65px;
    }

    .predict .map_wrap .gwangju {
        bottom: 122px;
        left: 19px;
    }

    .predict .map_wrap .ulsan {
        bottom: 164px;
        right: 11px;
    }

    .predict .map_wrap .busan {
        bottom: 51px;
        right: 65px;
    }

    .predict .map_wrap .mokpo {
        bottom: 13px;
        left: 19px;
    }

    /*  조병조 수정 모바일 화면 대응 */
    .predict .map_wrap_2 {
        width: 360px;
        height: 466px;
    }

    .predict .map_wrap_2 .time_box {
        width: 116px;
    }

    .predict .map_wrap_2 .time_box dl {
        padding: 5px;
    }

    .predict .map_wrap_2 .time_box dl dt {
        font-size: 12px;
        line-height: 12px;
    }

    .predict .map_wrap_2 .time_box dl dt img {
        width: 12px;
    }

    .predict .map_wrap_2 .time_box dl dd {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -0.5px;
    }

    .predict .map_wrap_2 .yangyang {
        top: 63px;
        right: 28px;
    }

    .predict .map_wrap_2 .gangneung {
        top: 144px;
        right: 63px
    }

    .predict .map_wrap_2 .daejeon {
        top: 203px;
        left: 19px;
    }

    .predict .map_wrap_2 .daegu {
        top: 231px;
        right: 65px;
    }

    .predict .map_wrap_2 .gwangju {
        bottom: 122px;
        left: 19px;
    }

    .predict .map_wrap_2 .ulsan {
        bottom: 164px;
        right: 11px;
    }

    .predict .map_wrap_2 .busan {
        bottom: 51px;
        right: 65px;
    }

    .predict .map_wrap_2 .mokpo {
        bottom: 13px;
        left: 19px;
    }

    /* 교통방송 - 캐스터 프로필 */
    .casters {
    }

    .casters .casters_list li:hover .cover div {
        padding: 0 10px 30px;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
    }

    .general .organization .step1 {
        margin: 0 auto 10px;
    }

    .general .organization .step1:after {
        display: none;
    }

    .general .organization .step2 {
        width: 100%;
    }

    .general .organization .step2:after {
        display: none;
    }

    .general .organization .step2 li {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .general .organization .step2 li:after {
        display: none;
    }

    .general .organization .step2 li dt {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .general .organization .step2 li dt:after {
        display: none;
    }

    .general .organization .step2 li dd {
        padding: 0 5px;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .general .info {
        width: 100%
    }

    .general .info ul li {
        width: 100%;
        height: 150px;
        margin: 0 0 10px 0;
        padding: 20px 0;
    }

    .general .info ul li img {
        height: 56px;
    }

    .general .info ul li p {
        font-size: 15px;
    }

    .general .info ul li .over_layer p {
        letter-spacing: 0;
        font-size: 14px;
    }


    /* 공지사항 - 교통센터 소개 - 견학안내 및 오시는길 */
    .directions {
    }

    .directions .excursions_info > ul li dl dd {
        letter-spacing: -0.5px;
    }

    .directions .map_box #daumRoughmapContainer1542806262410 {
        height: 200px;
    }

    .directions .map_box #daumRoughmapContainer1542806262410 .wrap_map {
        height: 168px;
    }

    .directions .traffic > div {
        padding: 10px 0;
    }

    .directions .traffic > div > img {
        width: 35px;
    }

    .directions .traffic > div > dl {
        width: calc(100% - 35px);
        padding-left: 10px;
    }

    .directions .traffic > div > dl dt {
        margin: 0;
        font-size: 15px;
    }

    .directions .traffic > div > dl dd {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.5px;
    }


    /* 공지사항 팝업 */
    #noticePop .popup_contents .text1 {
        font-size: 20px;
        line-height: 24px;
    }

    #noticePop .popup_contents .text2 {
        font-size: 14px;
        line-height: 16px;
    }
}

@media screen and (max-width: 393px) {
    /* 헤더 - 로고 */
    .header_wrap .m_main_logo {
        width: 190px;
        margin-left: -95px;
    }

    /* 우회도로 반응형 2023-09-07*/
    #bypassRouteList .road_info dt {
        margin-bottom: 5px;
        margin-right: 8px;
        float: right;
        font-size: 17px;
        font-weight: 500;
    }

    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 54px;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 11px;
        top: 75px;
        height: 70px;
        text-align: right;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:before {
        position: absolute;
        left: 171px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 167px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info {
        display: flex;
        height: 454px;
        overflow-y: auto;
    }
}

@media screen and (max-width: 375px) {
    /* 우회도로 반응형 2023-09-07*/
    #bypassRouteList .road_info dt {
        margin-bottom: 5px;
        margin-right: 8px;
        float: right;
        font-size: 17px;
        font-weight: 500;
    }

    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 45px;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 23px;
        top: 55px;
        height: 70px;
        text-align: right;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:before {
        position: absolute;
        left: 165px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 161px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info {
        display: flex;
        height: 454px;
        overflow-y: auto;
    }
}

@media screen and (max-width: 360px) {
    /* ********** Main st. ****************************** */
    /* 	.main_contents {height: 585px;} */
    /* 좌측 정보 박스 - 탑버튼 */
    .main_contents .left_wrap .top_menu li a {
        height: 65px;
        font-size: 12.5px;
        letter-spacing: -1px;
    }

    .main_contents .left_wrap .top_menu li a img {
        height: 23px;
    }

    /* 좌측 정보 박스 - 탭콘텐츠 */
    .main_contents .left_wrap .tab_cont.news {
        height: 520px;
    }

    .main_contents .left_wrap .tab_cont.route_search {
        height: 520px;
    }

    .main_contents .left_wrap .tab_cont.conges {
        height: 520px;
    }

    .main_contents .left_wrap .tab_cont.traffic {
        height: 520px;
    }

    .main_contents .left_wrap .tab_cont.cctv {
        height: 520px;
    }

    /* 지도 */
    .main_contents .map_wrap {
        padding-top: 65px;
    }

    .main_contents .map_wrap .map {
        height: 520px;
    }


    /* 좌측 정보 박스 - 탭콘텐츠 */
    .main_contents .left_wrap .tab_cont.news {
        height: 575px;
    }

    .main_contents .left_wrap .tab_cont.route_search {
        height: 575px;
    }

    .main_contents .left_wrap .tab_cont.conges {
        height: 575px;
    }

    .main_contents .left_wrap .tab_cont.traffic {
        height: 575px;
    }

    .main_contents .left_wrap .tab_cont.cctv {
        height: 575px;
    }

    /* 지도 */
    .main_contents .map_wrap .map {
        height: 520px
    }

    /* 우측 메뉴 - 지역 */
    .main_contents .right_menu .area li a {
        height: 44px;
        line-height: 44px;
    }

    .main_contents .right_menu .area li.zoom button {
        height: 40px;
    }


    /* ********** Contents st. ****************************** */
    /* 교통방송 - 교통방송 소개 */
    .info {
    }

    .info .step_list li dl dd {
        height: 90px;
    }


    /* 교통방송 - 캐스터 프로필 */
    .casters {
    }

    .casters .casters_list li .cover span {
        font-size: 12px;
    }


    /* 공지사항 - 교통센터 소개 - 일반현황 */
    .general {
    }

    .general .info ul li .over_layer p {
        font-size: 13px;
    }

    /* 에러페이지 추가 */
    .error_wrap {
        padding: 30px 0;
    }

    .error_wrap > div .left_wrap {
        padding: 0 20px;
    }

    .error_wrap > div .left_wrap img {
        width: 40px;
    }

    .error_wrap > div .right_wrap {
        padding: 0 20px;
    }

    .error_wrap > div .right_wrap .text_wrap .text1 {
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: 36px;
    }

    .error_wrap > div .right_wrap .text_wrap .text2 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .error_wrap > div .right_wrap .text_wrap .text3 {
        font-size: 15px;
    }

    .error_wrap > div .right_wrap .btn_wrap .btn {
        height: 45px;
        padding: 0 10px;
        line-height: 45px;
        font-size: 14px;
    }

    .error_wrap > div .right_wrap .btn_wrap .btn_back {
        background: #fff url('/images/error/ic_prev.png') left 10px center no-repeat;
    }

    .error_wrap > div .right_wrap .btn_wrap .btn_home {
        background: #fff url('/images/error/ic_next.png') right 10px center no-repeat;
    }

    .error_wrap > div .right_wrap .logo_wrap a img {
        height: 15px;
    }

    /* 헤더 - 로고 */
    .header_wrap .btn_gnb {
        padding: 0;
        width: 30px;
    }

    .header_wrap .m_home_logo {
        left: 30px;
    }

    .header_wrap .m_main_logo {
    }

    /* 우회도로 반응형 2023-09-07*/
    #bypassRouteList .road_info dt {
        margin-bottom: 5px;
        margin-right: 8px;
        float: right;
        font-size: 17px;
        font-weight: 500;
    }

    .main_contents .left_wrap .route_info .road_info dt {
        font-size: 14px;
        margin-right: -10px;
    }

    #bypassRouteList .road_info dd {
        font-size: 15px;
        line-height: 20px;
        margin-left: 38px;
    }

    #bypassCctvList .thumb_wrap {
        position: absolute;
        right: 16px;
        top: 55px;
        height: 70px;
        text-align: right;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:before {
        position: absolute;
        left: 156px;
        top: 0;
        bottom: 0;
        width: 18px;
        background: #ddd;
        content: "";
        z-index: 2;
        border-radius: 50px;
        border-bottom: 1px solid #252931;
    }

    .main_contents .left_wrap .route_info .route_speedBar > li:after {
        position: absolute;
        bottom: -7px;
        left: 152px;
        width: 26px;
        height: 16px;
        background: url('/images/main/ic_arrow_bt.png') center center no-repeat;
        content: "";
        z-index: 3;
    }

    .main_contents .left_wrap .bypass_detail_content .route_info {
        display: flex;
        height: 454px;
        overflow-y: auto;
    }

}


/* 전기차 충전소 - 전소현 수정 */
#elecoccarPop .road_wrap {
    gap: 20px;
}

#elecoccarPop .road_wrap .road_img_wrap {
    width: 80px;
    height: 80px;
}

.road_name_01 {
    font-size: 16px;
}

.road_name_02 {
    font-size: 12px;
}

.road_name_03 {
    font-size: 12px;
}

.road_name_03 > i {
    width: 15px;
    height: 15px;
}

.road_name_04 {
    font-size: 11px;
}

#elecoccarPop .elec_status > div {
    font-size: 14px;
}

#elecoccarPop .elec_status > div > i {
    width: 20px;
    height: 20px;
}

#elecoccarPop .elec_info .elec_info_title {
    font-size: 16px;
    margin-bottom: 0;
}

#elecoccarPop .elec_info .elec_info_title > div:first-child {
    font-size: 16px;
}

#elecoccarPop .elec_info .elec_info_title > div:last-child {
    font-size: 12px;
}

#elecoccarPop .elec_info .elec_info_wrap {
    margin-top: 20px;
}

#elecoccarPop .elec_info .elec_info_wrap .elec_info_img {
    height: 150px;
}

#elecoccarPop .elec_info .elec_info_wrap .elec_info_text {
    font-size: 14px;
    padding-top: 10px;
}

#elecoccarPop .elec_info .elec_info_wrap .elec_info_text .elec_text_1::before {
    width: 20px;
    height: 20px;
}

#elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text2 {
    font-size: 14px;
}

#elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list {
    padding: 15px;
}

#elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text1 {
    font-size: 14px;
}

#elecoccarPop .elec_info .elec_info_list_wrap .elec_info_list .elec_info_list_text1 > i {
    width: 20px;
    height: 25px;
}

#elecoccarPop .elec_info .elec_info_type > span {
    top: -40px;
    font-size: 12px;
}

#elecoccarPop .elec_info .elec_info_type > span::before {
    top: 2px;
    width: 15px;
    height: 15px;
}

#elecoccarPop .elec_info2 .elec_info_title > div {
    font-size: 16px;
}

#elecoccarPop .elec_info2 .elec_info_title > span {
    width: 15px;
    height: 15px;
}

#elecoccarPop .elec_info .elec_info_type > div {
    font-size: 12px;
}

#elecoccarPop .elec_info2 .elec_info_list2 > div > div {
    font-size: 12px;
    margin-left: 20px;
}

#elecoccarPop .elec_info2 .elec_info_list2 > div > div::before {
    width: 15px;
    height: 15px;
    left: -20px;
}

#elecoccarPop .elec_info2 .elec_info_text2 {
    font-size: 12px;
}

#elecoccarPop .popup_inner {
    max-width: 390px !important;
}

#elecoccarPop .popup_inner .popup_contents {
    height: 550px;
}

/* 수소차 충전소 - 전소현 수정 */
#hydrocarPop .road_wrap {
    gap: 20px;
}

#hydrocarPop .popup_inner .hydro_scroll {
    height: 405px;
    overflow-y: scroll;
}

#hydrocarPop .road_wrap .road_img_wrap {
    width: 80px;
    height: 80px;
}

#hydrocarPop .hydro_status > div {
    font-size: 14px;
}

#hydrocarPop .hydro_status > div > i {
    width: 20px;
    height: 20px;
}

#hydrocarPop .hydro_info .hydro_info_title {
    font-size: 16px;
}

#hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_img {
    height: 150px;
}

#hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_text {
    font-size: 12px;
    padding-top: 20px;
}

#hydrocarPop .hydro_info .hydro_info_wrap .hydro_info_text .hydro_text_1::before {
    width: 20px;
    height: 20px;
}

#hydrocarPop .hydro_info2 .hydro_info_title > div {
    font-size: 16px;
}

#hydrocarPop .hydro_info2 .hydro_info_title > span {
    width: 15px;
    height: 15px;
}

#hydrocarPop .hydro_info2 .hydro_info_list2 > div > div {
    font-size: 12px;
    margin-left: 20px;
}

#hydrocarPop .hydro_info2 .hydro_info_list2 > div > div::before {
    width: 15px;
    height: 15px;
    left: -20px;
}

#hydrocarPop .hydro_info2 .hydro_info_text2 {
    font-size: 11.7px;
}

/* #hydrocarPop .popup_inner .popup_contents {height: 580px;} */