
.map ._contents{padding: 150px 0;box-sizing: border-box;}
.map ._contents ._tit{overflow: hidden;}
.map ._contents ._tit h3{font-size: 48px;color: #000;font-weight: 700;text-align: center;}
.map ._contents iframe{width: 100%;height: 580px;margin-top: 100px;}

.map ._contents .txt{padding-top: 70px;text-align: center;
    display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 20px;
}
.map ._contents .txt > div{overflow: hidden;}
.map ._contents .txt p{font-size: 38px;font-weight: 700;color: #000;line-height: 1.3;}
.map ._contents .txt .line{width: 20px;height: 2px;background-color: var(--red);}
.map ._contents .txt span{font-size: 20px;font-weight: 500;color: #000;line-height: 1.7;display: block;}


.map ._contents .infoBx{margin-top: 120px;}
.map ._contents .infoBx p{font-size: 38px;font-weight: 700;color: #000;line-height: 1.3;text-align: center;}
.map ._contents .infoBx .box{display: flex;align-items: flex-start;gap: 2em;padding: 0 20px;box-sizing: border-box;justify-content: flex-start;}
.map ._contents .infoBx .box > .flxBx{display: flex;align-items: flex-start;gap: 40px;}
.map ._contents .infoBx .box.n1{padding-bottom: 40px;border-bottom: 1px solid #e2e2e2;margin-top: 70px;}
.map ._contents .infoBx .box.n2{padding-top: 60px;}
.map ._contents .infoBx > div {overflow: hidden;}
.map ._contents .infoBx .subway{display: flex;flex-direction: column;gap: 10px;align-items: center;min-width: 56px;}
.map ._contents .infoBx .subway span{font-size: 17px;font-weight: 500;}
.map ._contents .infoBx i{font-size: 40px;}
.map ._contents .infoBx .row{display: flex;align-items: flex-start;gap: 20px;flex-direction: column;min-width: 365px;}
.map ._contents .infoBx .row.n1{}
.map ._contents .infoBx .row.n2{}
.map ._contents .infoBx .row.n3{}
.map ._contents .infoBx .row .line{padding: 8px 20px;box-sizing: border-box;border-radius: 4px;display: inline-flex;}
.map ._contents .infoBx .row .line span{font-size: 13px;color: #ffffff;font-weight: 500;}
.map ._contents .infoBx .row .line._1{background-color: #0032a0;}
.map ._contents .infoBx .row .line._2{background-color: #00b140;}
.map ._contents .infoBx .row .line._7{background-color: #67823a;}
.map ._contents .infoBx .row .line._bus1{background-color: #0067b6;}
.map ._contents .infoBx .row .line._bus2{background-color: #87c700;}
.map ._contents .infoBx .row .line._bus3{background-color: #00b140;}

.map ._contents .infoBx .row .station{display: flex;font-size: 17px;align-items: flex-start;gap: 20px;}
.map ._contents .infoBx .row .station em{font-weight: 700;white-space: nowrap;line-height: 1.3;}
.map ._contents .infoBx .row .station span{line-height: 1.3;}
.map ._contents .infoBx .row .station p{font-weight: 400;}
.map ._contents .infoBx .row .station .br_1680{display: none;}


@media (max-width: 1680px){
    .map ._contents ._tit h3 {font-size: clamp(42px, 42 / 1440 * 100vw, 48px);}
    .map ._contents .txt p , .map ._contents .infoBx p{font-size: clamp(32px, 32 / 1440 * 100vw, 38px);}
    .map ._contents .infoBx .row .station .br_1680{display: block;}
}
@media (max-width: 1440px){
    .map ._contents ._tit h3 {font-size: clamp(38px, 38 / 1280 * 100vw, 42px);}
    
    .map ._contents .txt p , .map ._contents .infoBx p{font-size: clamp(28px, 28 / 1280 * 100vw, 32px);}
    .map ._contents .txt span{font-size: clamp(18px, 18 / 1280 * 100vw, 20px);}
    .map ._contents .infoBx .box{gap: 20px;}
    .map ._contents .infoBx .row {min-width: unset; width: calc(33.3% - (20px * 2 / 3));}

    .map ._contents .infoBx .box{flex-wrap: wrap;}
    .map ._contents .infoBx .box > div:nth-child(1){width: 100%;}

}
@media (max-width: 1280px){
    /* .map ._contents .infoBx .box{flex-direction: column;} */
    .map ._contents .infoBx .row .station{font-size: 15px; flex-direction: column; gap: 6px;}

}
@media (max-width: 1024px){
    .map ._contents{padding: 120px 0;}
    .map ._contents ._tit h3 {font-size: clamp(32px, 32 / 820 * 100vw, 38px);}
    .map ._contents .txt p, .map ._contents .infoBx p {font-size: clamp(24px, 24 / 820 * 100vw, 28px);}
}
@media (max-width: 820px){
    .map ._contents{padding: 100px 0;}
    .map ._contents ._tit h3 {font-size: clamp(26px, 26 / 500 * 100vw, 32px);}
    .map ._contents iframe{height: 480px;}
    .map ._contents .infoBx {margin-top: 80px;}
    /* .map ._contents .infoBx .box{flex-direction: column;} */
    .map ._contents .infoBx .box.n1 {margin-top: 50px;}
    .map ._contents .infoBx .box{}
    .map ._contents .infoBx .box {flex-wrap: wrap; width: 100%;margin: 0 auto;}
    .map ._contents .infoBx .row {min-width: unset; flex: 1 1 45%;}
    .map ._contents .infoBx .row .station .br_1680 {display: none;}
    .map ._contents .infoBx .subway {align-items: center; padding-bottom: 20px;}
}
@media (max-width: 500px){
    .map ._contents{padding: 80px 0;}
    .map ._contents iframe {margin-top: 80px;}
    .map ._contents .txt p, .map ._contents .infoBx p {font-size: clamp(22px, 22 / 360 * 100vw, 24px);}
    .map ._contents .txt span {font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    .map ._contents iframe {
        height: 380px;
    }
    .map ._contents .infoBx .row {max-width: 400px; flex: auto; width: 100%;}  
}
@media (max-width: 360px){}