/* 모바일 대응 */
@media screen and (min-width: 786px) {
    #way_to_cont #map_info {width: 300px; top:48px}
    #info_li .time_tb #bus_ti_tb {top: 50%; left:50%; transform: translate(-50%, -50%); width: 1000px; height: 600px; padding: 10px;}
} 
    
@media screen and (max-width: 785px) {
    #way_to_cont #map_info {width: 100%; bottom:0; height: 30vh; overflow-y:auto}
    #info_li .time_tb #bus_ti_tb {top:0; left:0; width: 100vw; height: 100vh; padding: 58px 10px 10px 10px; overflow-y:auto}
}


/* cont */
body {overflow-x: hidden;}

#way_to_cont {position: static; top: 0; left: 0; width: 100vw; height: 100vh; }

#way_to_cont #map {width: 100%; height: 100%;}
#way_to_cont #map_info {position: fixed; right: 0;  border-left: 2px solid #f2f2f2; background-color: #fff; box-shadow: -1px -1px 7px #aeaeae; z-index: 99}

#info_li {display: block; float: left; width: 100%; margin-top: 10px}
#info_li > li {display: block; float: left; width: 100%; padding: 16px; border-bottom: 1px solid #f2f2f2}
#info_li > li p {float: left; width: 100%; padding: 5px 0}
#info_li > li .i_tt {font-weight: 700; font-size: 1.5rem; margin-right: 3px;}

#info_li .page_hd {font-size: 2.5rem; }
#info_li .page_hd h3 {font-weight: 700}

#info_li .i_bt {display: inline-block; border:1px solid #999999; margin-top: 5px; padding: 8px; text-align: center; font-weight: 500; background-color:#f7f7f7; border-radius: 20px; color: #222222; cursor:pointer}

#info_li .bs_i .i_tt {}
#info_li .bs_i .i_cont {}

#info_li .go_navi .i_tt {display: block; width: 100%}
#info_li .go_navi .i_tt .i_tt_sub {font-size: 1.0rem; color: #c8c8c8; padding-left: 5px}
#info_li .go_navi .i_cont {display: block; width: 100%; margin: 5px 0; text-align: center}
#info_li .go_navi .i_cont .i_bt {width: 120px}

#info_li .time_tb .i_tt {display: block; width: 100%}
#info_li .time_tb .i_cont {display: block; width: 100%; margin: 5px 0; text-align: center}
#info_li .time_tb .i_cont .i_bt {width: 120px}
#info_li .time_tb .i_cont .i_bt:first-child {margin-right: 4px;}
#info_li .time_tb .i_cont .i_bt:last-child {margin-left: 4px;}

#info_li .time_tb #bus_ti_tb {display: none; position: fixed; z-index: 9000; background-color: #ffffff; border: 2px solid #c8c8c8; border-radius: 20px; }
#info_li .time_tb #bus_ti_tb #tb_close_bt {padding: 5px; float: right; margin-right: 10px; margin-top:5px;cursor:pointer}

#info_li .time_tb .view_pic, #info_li .time_tb .view_tb {float: left; width: 100%; margin-top: 20px; display: none;}


#info_li .time_tb .view_pic label {display: block; width: 100%; font-size: 2rem; font-weight: 700; padding-left: 10px;}
#info_li .time_tb .view_pic ul {display: block; float: left; width: 90%; margin:35px 5% 40px 5%;}
#info_li .time_tb .view_pic ul li {display: block; width: 20%; height: 30px; padding: 15px; float: left; border-style: solid}
#info_li .time_tb .view_pic ul .li_tt {display: none;}

#info_li .time_tb .view_pic #ti1_tb li {border-color:darkseagreen}
#info_li .time_tb .view_pic #ti2_tb li {border-color:lightpink}
#info_li .time_tb .view_pic #ti3_tb li {border-color:skyblue}

#info_li .time_tb .view_pic ul li:nth-child(2) {
    border-width: 4px 0 0 4px;
    border-radius: 40px 0 0 0;}
#info_li .time_tb .view_pic ul li:nth-child(3), #info_li .time_tb .view_pic ul li:nth-child(4), #info_li .time_tb .view_pic ul li:nth-child(5) {border-width: 4px 0 0 0;}
#info_li .time_tb .view_pic ul li:nth-child(6) {
    border-width: 4px 4px 0 0;
    border-radius:0 40px 0 0;}

#info_li .time_tb .view_pic ul li:nth-child(7) {
    width: 30%; padding-left: 10%; 
    border-width: 0 0 4px 4px;
    border-radius:0 0 0 40px;}
#info_li .time_tb .view_pic ul li:nth-child(8), #info_li .time_tb .view_pic ul li:nth-child(9) {border-width: 0 0 4px 0;}
#info_li .time_tb .view_pic ul li:last-child {
    width: 30%; padding-right: 10%; 
    border-width: 0 4px 4px 0;
    border-radius:0 0 40px 0;}

#info_li .time_tb .view_pic ul li span {display: block; width: 100%; text-align: center; font-size: 1.2rem; color:#777777}
#info_li .time_tb .view_pic ul li span:first-child { }
#info_li .time_tb .view_pic ul li span:last-child {font-weight: 700;}
#info_li .time_tb .view_pic ul li .ch_time {color:#000000}

#info_li .time_tb .view_pic ul li:nth-child(2) span, #info_li .time_tb .view_pic ul li:nth-child(3) span, #info_li .time_tb .view_pic ul li:nth-child(4) span, #info_li .time_tb .view_pic ul li:nth-child(5) span, #info_li .time_tb .view_pic ul li:nth-child(6) span {margin-top: -35px; }

#info_li .time_tb .view_pic ul li:nth-child(7) span, #info_li .time_tb .view_pic ul li:nth-child(8) span, #info_li .time_tb .view_pic ul li:nth-child(9) span, #info_li .time_tb .view_pic ul li:last-child span {margin-bottom: -35px}


#info_li .time_tb .view_tb ul {display: block; float: left;}
#info_li .time_tb .view_tb #ti1_tb {margin-left: 10%; width: 40%}
#info_li .time_tb .view_tb #ti2_tb, #info_li .time_tb .view_tb #ti3_tb {width: 20%;}

#info_li .time_tb .view_tb ul li {display: block; width:100%; float: left; text-align: center; border-bottom: 1px solid #f2f2f2; padding:0;}
#info_li .time_tb .view_tb ul li:first-child {border-top: 1px solid #f2f2f2; background-color:#f2f4f6; font-weight: 700; font-size: 1.5rem}

#info_li .time_tb .view_tb ul li span {display: block; float: left; width: 100%; padding: 15px 0}
#info_li .time_tb .view_tb #ti1_tb li span {display: block; float: left; width: 50%}
#info_li .time_tb .view_tb ul li .bus_spot {display: block; float: left; width: 100%; font-weight: 700}

#info_li .time_tb .view_tb #ti2_tb .bus_spot, #info_li .time_tb .view_tb #ti3_tb .bus_spot {display: none;}

.mapgr {filter: grayscale(70%);}
.one_marker {
    position: relative;
    width:120px; 
    height:87px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 38px;
    background-image: url("data:image/svg+xml,%0A%3Csvg id='map_marker' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 65.62 100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23_새_색상_견본);%7D%3C/style%3E%3ClinearGradient id='_새_색상_견본' x1='0' y1='50' x2='65.62' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2384c258'/%3E%3Cstop offset='1' stop-color='%2333abe3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Dimensions'%3E%3Cpath class='cls-1' d='M32.81,0C14.69,0,0,14.69,0,32.81s28.11,67.19,32.81,67.19c5.7,0,32.81-49.07,32.81-67.19S50.93,0,32.81,0ZM32.81,44.75c-6.6,0-11.94-5.35-11.94-11.94s5.35-11.94,11.94-11.94,11.94,5.35,11.94,11.94-5.35,11.94-11.94,11.94Z'/%3E%3C/g%3E%3C/svg%3E");
}
.one_marker span {
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    margin-top: 3px;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    bottom:0;
    left: 0;
}

.parking_marker {
    position: relative;
    width: 220px;
    min-height:40px;
    background-repeat:no-repeat;
    background-position: top left;
    background-size: 40px;
    background-image: url("data:image/svg+xml,%3Csvg id='parking_icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cg id='Dimensions'%3E%3Crect class='cls-2' x='0' y='0' width='50' height='50' rx='16.57' ry='16.57'/%3E%3Cpath class='cls-1' d='M41.27,30.93h-.28l-1.58-5.1c-.14-.72-.61-1.21-1.25-1.21h-13.47c-.64,0-1.14.46-1.41,1.21l-1.41,5.1h-.46c-.85,0-1.55.7-1.55,1.57v5.65c0,.87.69,1.57,1.55,1.57h.44v2.61c0,.22.17.39.39.39h1.87c.21,0,.39-.18.39-.39v-2.59h13.73v2.61c0,.22.17.39.39.39h1.87c.21,0,.39-.18.39-.39v-2.61h.4c.85,0,1.55-.7,1.55-1.57v-5.65c0-.87-.69-1.57-1.55-1.57M24.1,26.78c.24-.68.69-1.09,1.27-1.09h12.11c.58,0,1,.44,1.12,1.09l1.28,4.14h-16.93l1.15-4.14ZM24.31,36.78c-1.17,0-2.13-.97-2.13-2.16s.95-2.16,2.13-2.16,2.13.97,2.13,2.16-.95,2.16-2.13,2.16M38.68,36.78c-1.17,0-2.13-.97-2.13-2.16s.95-2.16,2.13-2.16,2.13.97,2.13,2.16-.95,2.16-2.13,2.16M18.23,8.16s-4.09.04-4.47.11h0s-3.46-.01-3.46-.01v22.07h3.46v-8.07h.99c.06,0,.11,0,.17,0h3.31c3.81,0,6.9-3.14,6.9-7.01v-.1c0-3.87-3.09-7.01-6.9-7.01M18.32,18.89h-4.57v-7.33h4.57c1.99,0,3.61,1.64,3.61,3.66s-1.62,3.67-3.61,3.67'/%3E%3C/g%3E%3C/svg%3E");}
.parking_marker span {
    width: auto;
    text-align: left;
    position: absolute;
    left: 44px;}
.parking_marker .pk_name {
    background-color: rgba(0,0,0,0.5);
    padding: 3px 5px;
    margin-top: 3px;
    color: #fff;
    border-radius: 3px;
    font-size: 1.5rem;
    font-weight: 700;
    top:0;}
.parking_marker .pk_adr {
    padding: 1px;
    width: auto;
    color: #777777;
    font-size: 1.5rem;
    top:33px;}