@charset "utf-8";
.map .root_daum_roughmap .wrap_controllers {display: none;}
.map .root_daum_roughmap_landing {border-radius:1rem 1rem 0 0}
.adr {
    display: flex;
    align-items: center;
    padding: 3rem 2rem;
    border: 1px solid #ddd;
    border-radius: 0 0 1rem 1rem;
    justify-content: space-between;
    width: 100%;
}
.adr ul {
    display: flex;
    flex-wrap: wrap;
    width: 84%;
    border-right: 1px dashed #ddd;
}
.adr ul li {width: 32%;display: flex;align-items: center;font-weight: 300;}
.adr ul li:first-child {width:100%;margin-bottom: 1rem;}
.adr ul li i {background-color:var(--color-main);color:#fff;border-radius:50%;font-size:1.5rem;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;margin-right: .5rem;}
.adr ul li span {font-size: var(--font-size);font-weight:500;margin-right:1rem;display: flex;align-items: center;width: 105px;}
.adr .local {width: 14%;text-align: center;background-color: #d0e8cd;border-radius: 1rem;position: relative;}
.adr .local a {
    display: block;
    padding: 1rem;
    width: 100%;
    height: 100%;
    /* color: var(--color-main); */
    font-weight: 600;
}
.traffic {
    margin: 5% 0 10%;
}
.traffic ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.traffic ul li {display: flex;padding: 2rem 0;justify-content: space-between;flex-wrap: wrap;width: 49%;border: 1px solid #ddd;border-radius: 1rem;padding: 2rem;margin-bottom: 2rem;}
.traffic li:last-child {width:100%}
.traffic li:first-child {/* border-bottom: 1px solid #ddd; */}

.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;
    align-content: flex-start;
}
.traffic .traffic_list h5 {width:100%;margin-bottom: 1rem;font-size: 24px;color: var(--color-main);}
.traffic .traffic_list div {width:100%}
.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 dl {width: 50%;}
.traffic .traffic_list dl dt {
    font-weight: 500;
    margin-bottom: .5rem;
}
.traffic .traffic_list dl dd {}

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {
    
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .adr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2rem;
}
    .adr ul {width:100%;border-right: unset;border-bottom: 1px dashed #ddd;padding-bottom: 2rem;/* justify-content: center; */}
    .adr ul li {width: 50%;margin-right: 0;margin-bottom: 1rem;}
    
    .adr .local {
    margin-top: 2rem;
    width: 40%;
}
    .traffic {margin:15% 0}
    .adr ul li span {
}
    .adr ul li p {word-break: keep-all;}
    .traffic .bus dl {width:100%;margin-bottom: 1rem;}
    .traffic .bus dl:last-child {margin-bottom:unset;}
}

/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
    .adr {padding:2rem 1rem;}
    .adr ul li {margin-right:0;width:100%;display: flex;margin-bottom: 0;word-break: keep-all;font-size: 4.5vw;}
    
    .adr ul li i {
    width: 30px;
    /* height: auto; */
    font-size: 1.3rem;
    background-color: unset;
    color: var(--color-main);
    display: inline-flex;
    justify-content: flex-start;
    margin-right: 0;
}
    .adr ul li:first-child p{width:100%}
    .adr .local {width:100%}
    .traffic ul li {width:100%;padding: 1rem;}
    .traffic ul li:first-child {}
    .traffic .traffic_list {width:100%;}
    .traffic .traffic_list h5 {
    text-align: center;
}
    .traffic .traffic_list dl dd {font-size:4.5vw}
    .traffic .traffic_list dl {width:100%;margin-bottom: 1rem;}
    .traffic .bus_stop {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 1rem;
}
    .adr ul li:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
    .traffic p {/* word-break:keep-all; */font-size:4.5vw}
    .traffic ul {flex-wrap: wrap;}
}