@charset "utf-8";
.sub_conts {
    padding-top: var(--sub_pd_half);
}
.map .root_daum_roughmap .wrap_controllers {display: none;}
.map .root_daum_roughmap_landing {/* border-radius:1rem 1rem 0 0; */}
.map .root_daum_roughmap .wrap_map {height:460px;}
.map .root_daum_roughmap .cont {display:none}
.adr {
    padding-bottom: var(--sub_pd_half);
    width: var(--width-size);
    margin: auto;
}
.adr ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0 4rem;
}
.adr ul li {width: auto;display: flex;align-items: center;font-weight: 300;font-size: 1.5rem;}
.adr ul li span {padding-right: .6rem;font-size: 26px;margin-right:0;display: inline-block;}

.adr .local {width: 14%;text-align: center;background-color: #dbf1ff;border-radius: 1rem;position: relative;}
.adr .local a {
    display: block;
    padding: 1rem;
    width: 100%;
    height: 100%;
    /* color: var(--color-main); */
    font-weight: 600;
}
.traffic {
    /* display: flex; */
    /* align-items: flex-start; */
}
.traffic > dt {margin-right:4rem;width:15%;}
.traffic > dd {width:85%}
.traffic ul li {}
.traffic li:last-child {
    border-bottom: unset;
}
.traffic .traffic_img {width: 300px;height: 300px;border: 1px dashed var(--color-main);padding: 2rem;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;}
.traffic .traffic_img img {/* border:1px solid var(--color-main); *//* padding:2rem; *//* border-radius: 50%; */}
.traffic .traffic_list {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 2rem;
    /* padding-bottom: 2rem; */
    border-bottom: 1px solid #eee;
}
.traffic .traffic_list h5 {font-size: 1.5rem;color: var(--color-main);font-family: var(--font-point);width: 25%;line-height: 130%;}
.traffic_list .list_ri {width:70%;margin-bottom: 2rem;/* padding-bottom: 2rem; *//* border-bottom: 1px solid #eee; */}
.traffic_list .list_ri dl {padding: .8rem 0;}
.traffic_list .list_ri dl:first-child {padding-top:0}
.traffic_list .list_ri .img {position:absolute;right: 0;bottom: 0;}
.traffic_list .list_ri .img.bus {right:8%}
.traffic_list .list_ri .img.car {right:16%}
.traffic .bus_stop strong {
    padding-right: 2rem;
    font-size: 20px;
    font-weight: 500;
}
.traffic .bus_stop {
    background-color: #f5f5f5;
    padding: 1rem;
    display: flex;
    justify-content: center;
    border-radius: 1rem;
    margin-top: 2rem;
    width:100%
}
.traffic .bus > div {width:90%;font-size: 19px;}
.traffic .bus dl {
    margin-bottom: 2rem;
    display: flex;
}
.traffic .traffic_list dl dt {
    font-weight: 600;
    margin-bottom: .5rem;
    font-size: 20px;
}
.traffic .traffic_list dl dd {
    color: #676767;
    line-height: 1.4;
}

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {
    .adr {padding: 0 20px var(--sub_pd_half);}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .adr {padding: 0 20px var(--sub_pd_half);}
    .adr ul {width:100%;border-right: unset;gap: .5rem 1rem;}
    .adr .local {margin-top: 2rem; width: 40%;}
    .traffic .traffic_list h5 {width:22%; padding-right:5%}
    .traffic_list .list_ri .img {
    width: 100px;
}
    .traffic_list .list_ri .img img {
    width: 100%;
    object-fit: contain;
}
}

/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
    .adr ul li span {font-size:22px}
    .map .root_daum_roughmap .wrap_map {height:360px}
    .traffic .traffic_list {flex-wrap:wrap}
    .traffic .traffic_list h5 {width:100%; margin-bottom:1.5rem; font-size:20px}
    .traffic_list .list_ri {width:100%}
    .traffic_list .list_ri dl {padding:.5rem 0}
    .traffic .traffic_list dl dt {font-size:16px}
    .traffic_list .list_ri .img {width:60px}
    .traffic_list .list_ri {margin-bottom:1.5rem}
}