@charset "utf-8";
.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;}
.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%;
    background-color: var(--color-main);
}
.adr ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.adr ul li {width: auto;display: flex;align-items: center;font-weight: 300;margin-right: 4rem;color: #fff;}
.adr ul li p {font-weight:400}
.adr ul li:first-child {width:100%;margin-bottom: 1rem;text-align: center;display: inline-flex;justify-content: center;margin-right: 0;font-size: 20px;}
.adr ul li i {color:#fff;border-radius:50%;font-size:1.5rem;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; */color: #fff;}
.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 {
    margin: 120px 0;
    display: flex;
    align-items: flex-start;
}
.traffic h4 {
    line-height: 32px;
}
.traffic > dt {margin-right:4rem;width:15%;}
.traffic > dd {width:85%}
.traffic ul li {padding: 2rem 0;border-bottom: 1px solid #ddd;}
.traffic li:last-child {
    border-bottom: unset;
}
.traffic li:first-child {/* border-bottom: 1px solid #ddd; */padding-top: 0;}

.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%;
    justify-content: space-between;
    align-items: baseline;
}
.traffic .traffic_list h5 {font-size: 24px;color: var(--color-main);line-height: 32px;}
.traffic .traffic_list span {
    width: 90%;
    font-size: 19px;
    color: #676767;
    line-height: 1.6;
    word-break: keep-all;
}
.traffic_list strong {
    padding-right: 2rem;
    font-size: 20px;
    font-weight: 500;
}
.traffic_list > div {width: 87%;font-size: 19px;}
.traffic_list dl {
    margin-bottom: 1rem;
    display: flex;
}
.traffic_list dl:last-child {margin-bottom:0}
.traffic .traffic_list dl dt {
    font-weight: 500;
    margin-bottom: .5rem;
    color: #232323;
    width: 13%;
}
.traffic .traffic_list dl dd {
    color: #676767;
    line-height: 1.4;
    font-size: 18px;
    width: 87%;
    word-break: keep-all;
}

/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {
    .adr ul li {margin-right:2.5rem}
}

/* 테블릿 가로, 테블릿 세로 (해상도 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;}
    .adr ul li {width: 50%;margin-right: 0;margin-bottom: 1rem;}
    .adr ul li:first-child {width:100%}
    .adr .local {
    margin-top: 2rem;
    width: 40%;
}
    .traffic {margin: 10% 0;flex-wrap: wrap;}
    .traffic > dt {width:100%;margin-right: 0;}
    .traffic > dd {width:100%}
    .traffic .traffic_list h5 {width: 15%;font-size: 24px;}
    .traffic li:last-child {padding-bottom:0}
}

/* 모바일 가로, 모바일 세로 (해상도 ~ 767px)*/ 
@media all and (max-width:767px) {
    .map .root_daum_roughmap .wrap_map {height:360px}
    .adr {padding:2rem 1rem;}
    .adr ul li {margin-right:0;width:100%;margin-bottom: 0;word-break: keep-all;display: flex;align-items: flex-start;}
    
    .adr ul li i {
    font-size: 18px;
    margin-right: 3px;
}
    .adr .local {width:100%}
    .traffic {padding:20% 0}
    .traffic ul li {width:100%;padding: 1rem 0;}
    .traffic ul li:first-child {
    padding-top: 0;
}
    .traffic .traffic_list {width:100%;flex-wrap: wrap;}
    .traffic .traffic_list h5 {
    width: 100%;
    padding-bottom: .5rem;
}
    .traffic .traffic_list dl dd {font-size:16px}
    .traffic .traffic_list dl {width:100%;margin-bottom: 1rem;}
    .traffic .traffic_list dl dt {width:30%}
    .traffic .traffic_list dl dd {width:70%}
    .adr ul {gap:10px 0}
    .adr ul li span {width: 18%;}
    .adr ul li p {width: 75%;}
    .adr ul li:first-child {
}
    .adr ul li:last-child {margin-right:0}
    .traffic p {/* word-break:keep-all; */font-size:16px}
    .traffic ul {flex-wrap: wrap;}
    .traffic .traffic_list span {font-size:16px}
}

.tab_inner {
    height: 0;
    overflow: hidden;
}

.tab_inner.view {
    height: auto;
    
}

.page_location .tab_inner h4 {
    text-indent: -11111111111px;
    height: 0;
}