@charset "UTF-8";

.main-map .tab_control {display: flex; justify-content: center; padding-bottom: 30px; margin: 0 -5px;}
.main-map .tab_control button {width: fit-content; height: 38px; font-size: 1rem; color: #999999; border: 1px solid #E4E4E4; border-radius: 3px; padding: 9px 16px; margin: 0 5px; display: flex; justify-content: center; align-items: center;}
.direction_info {}
.direction_info .direction_title {font-size: 1.75rem; font-weight: 700;}
.main-map .tab_control .btn_1 {background: #000; color: #fff;}
.info_list {display: flex; width: 100%; margin-top: 16px; padding-bottom: 25px; border-bottom: 1px solid #E4E4E4;}
.info_list ul {display: flex;}
.info_list ul li {display: flex;}
.info_list ul li:not(:last-child) {margin-right: 30px;}
.info_list ul li .th {font-size: 1rem; margin-right: 10px; font-weight: 700;}
.info_list ul li .td {font-size: 1rem;}
.main-map > ul > li {position: relative;}
.main-map > ul > li.on {padding: 30px 0; border-top: 2px solid #707070; border-bottom: 2px solid #707070;}
.dir_btn {outline: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: 144px; max-height: 50px; background: #000; border-radius: 3px; position: absolute; top: 26px; right: 40px; z-index: 2;}
.dir_btn .ico_direction {position: relative; margin-right: 5px; background-image: url("../../../assets/images/user/ico-direction.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 30px; height: 30px;}
.dir_btn span {font-size: 14px; font-weight: 600; color: #fff;}
.direction_map {width: 100%; height: 100%; position: relative; margin-top: 40px;}
.direction_map .root_daum_roughmap { width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none;}

.way_list {display: flex; width: 100%; margin-top: 25px;}
.way_list ul li {display: flex; align-items: flex-start;}
.way_list ul li:not(:last-child) {margin-bottom: 24px;}
.way_list ul li .way_wrap .th {font-size: 1rem; font-weight: 600; font-family: 'Noto Sans CJK KR', Noto Sans KR, sans-serif; margin-bottom: 8px;}
.way_list ul li .way_wrap .td {font-size: 1rem; font-family: 'Noto Sans CJK KR', Noto Sans KR, sans-serif; line-height: 2; word-break: keep-all;}
.way_list ul li .ico_bus {display: inline-block; position: relative; margin-right: 20px; min-width: 70px; min-height: 70px; background-image: url("../../../assets/images/user/ico-bus.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 70px; height: 70px;}
.way_list ul li .ico_car {display: inline-block; position: relative; margin-right: 20px; min-width: 70px; min-height: 70px; background-image: url("../../../assets/images/user/ico-car.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 70px; height: 70px;}

/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 768px) {
    .dir_btn {right: 20px; top: 20px; max-width: 122px; max-height: 42px;}
    .main-map .tab_control {padding-bottom: 20px;}
    .main-map .tab_control button {font-size: 0.88rem; padding: 9px 10px;}
    .direction_info .direction_title {font-size: 1.15rem}
    .main-map > ul > li.on {padding-top: 20px;}
    .info_list {padding-bottom: 20px;}
    .info_list ul {flex-direction: column;}
    .info_list ul li {display: flex; flex-direction: column;}
    .info_list ul li:not(:last-child) {margin-bottom: 10px;}
    .info_list ul li .th {margin: 0 0 5px;}
    .way_list {margin-top: 20px;}
    .way_list ul li .way_wrap .th, .way_list ul li .way_wrap .td {font-size: 14px;}
}

@media screen and (max-width: 300px) {
    
}