@charset "utf-8";

.location-info {border-radius: 15px; border: 1px solid var(--gray); padding: 60px 50px 50px; position: relative;}
.location-info .tit {font-size: 34px; font-weight: 700;}
.location-info .info_list {display: flex; width: 100%; margin-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #E4E4E4;}
.location-info .info_list ul {display: flex; grid-column-gap: 30px;}
.location-info .info_list ul li {display: flex; align-items: center;}
.location-info .info_list ul li .th {font-size: 1.125rem; margin-right: 10px; font-weight: 700; flex: none;}
.location-info .info_list ul li .td {font-size: 1.125rem;}
.location-info .main-map > ul > li {position: relative; display: flex; align-items: center;}
.location-info .main-map > ul > li.on {padding: 30px 0; border-top: 2px solid #707070; border-bottom: 2px solid #707070;}
.location-info .dir_btn {outline: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: 170px; height: 60px; background: #fff; border-radius: 10px; border: 1px solid var(--orange); position: absolute; top: 45px; right: 50px; z-index: 2;}
.location-info .dir_btn .ico_direction {position: relative; margin-right: 5px; background-image: url("../../../assets/images/ico/ico-direction.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px;}
.location-info .dir_btn span {font-size: 20px; font-weight: 700; color: var(--orange);}
.location-map {width: 100%; height: 100%; position: relative; margin-top: 30px;}
.location-map .root_daum_roughmap {width: 100% !important; border-radius: 15px;}
.root_daum_roughmap {}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .border1, .root_daum_roughmap .border2, .root_daum_roughmap .border3, .root_daum_roughmap .border4 {display: none !important;}

.location-info .way_list {display: flex; width: 100%; margin-top: 25px;}
.location-info .way_list ul li {display: flex; align-items: center;}
.location-info .way_list ul li:not(:last-child) {margin-bottom: 24px;}
.location-info .way_list ul li .way_wrap .th {font-size: 1rem; font-weight: 600; margin-bottom: 8px;}
.location-info .way_list ul li .way_wrap .td {font-size: 1rem; line-height: 1.8; word-break: keep-all;}
.location-info .way_list ul li .ico_bus {display: inline-block; position: relative; margin-right: 20px; background-image: url("../../../assets/images/ico/ico-bus.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 86px; height: 86px; flex: none;}
.location-info .way_list ul li .ico_car {display: inline-block; position: relative; margin-right: 20px; background-image: url("../../../assets/images/ico/ico-car.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 86px; height: 86px; flex: none;}

@media (max-width: 1280px) {
    .location-info {padding: 50px 40px 40px;}
    .location-info .tit {font-size: 30px;}
    .location-info .info_list ul {flex-direction: column; grid-row-gap: 10px;}
    .location-info .dir_btn {max-width: 150px; height: 52px; top: 40px; right: 40px;}
    .location-info .dir_btn span {font-size: 1.125rem;}
    .location-info .way_list ul li {align-items: flex-start;}
    .location-info .way_list ul li .ico_bus, .location-info .way_list ul li .ico_car {width: 74px; height: 74px;}
}

@media (max-width: 768px) {
    .location-info {padding: 40px 20px 30px;}
    .location-info .tit {font-size: 24px;}
    .location-info .info_list {margin-top: 26px;}
    .location-info .info_list ul li {align-items: flex-start;}
    .location-info .info_list ul li .th, .location-info .info_list ul li .td {font-size: 1rem; line-height: 1.3; word-break: keep-all; min-width: 56px;}
    .location-info .dir_btn {max-width: 116px; height: 42px; font-size: 1rem; top: 30px; right: 20px;}
    .location-info .dir_btn .ico_direction {width: 30px; height: 30px;}
    .location-info .dir_btn span {font-size: 1rem;}
    .location-info .way_list ul li:not(:last-child) {margin-bottom: 20px;}
    .location-info .way_list ul li .ico_bus, .location-info .way_list ul li .ico_car {width: 60px; height: 60px; margin-right: 15px;}
    .location-info .way_list ul li .way_wrap .th, .location-info .way_list ul li .way_wrap .td {font-size: 0.875rem;}
    .location-map {margin-top: 20px;}
    .root_daum_roughmap .wrap_map {height: 450px !important;}
}