/*Content CSS*/
#location {overflow: hidden;}
section > article{padding: 100px 0 80px;}
section > article:last-child{padding-top: 0; padding-bottom: 50px;}
/* section > article:nth-child(even){background-color: #f7f7f7} */
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_30{font-size: 30px; font-weight: 700; color: #111; line-height: 1;}
.fs_20{font-size: 20px;}
.fs_18{font-size: 18px; font-weight: 400; color: #1d1d1f;}
.fs_17{font-size: 17px; font-weight: 300; color: #393939; line-height: 1.7;}
.tit {text-align: center;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block;}

.map_wrap{height: 450px; margin-top: 45px;}
.map_wrap .root_daum_roughmap .wrap_map{height: 450px;}

.flex_wrap{display: flex; justify-content: space-between; border-bottom: solid 1px #ddd; margin-top: 28px;}
.loca_list {}
.loca_list li{display: flex; padding: 15px 0;}
.loca_list li:last-child{padding-bottom: 40px;}
.loca_list li .icon{display: flex; align-items: center; }
.loca_list li .icon i{display: inline-block; min-width: 40px; text-align: center; margin-right: 15px;}
.loca_list li .icon h5{font-weight: 600; color: #0074f7; min-width: 77px; margin-right: 40px;}
.map_btn{width: 170px; height: 52px; border-radius: 26px;  box-shadow: 2.5px 3.1px 9px 0 rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; background-color: #0074f7; color: #fff; transition: .3s;}
.map_btn span{font-size: 18px; font-weight: 600;}
.map_btn i{display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; background-color: #fff; margin-left: 20px;}

.way_list{border-top: solid 1px #000; margin-top: 30px}
.way_list li{display: flex; align-items: center; padding: 35px 0; border-bottom: solid 1px #ddd;}
.way_list li .icon{display: flex; align-items: center;}
.way_list li .icon i{display: block; margin-right: 34px;}
.way_list li .icon h5{font-weight: 700; min-width: 145px; margin-right: 95px;}
.way_list li .text .fs_18{font-weight: 700; margin-bottom: 15px;}
.way_list li .text .sub{display: flex; align-items: center;}
.way_list li .text .sub::before{content: ''; display: inline-block; width: 26px; height: 26px; border-radius: 50%; margin-right: 15px;}
.way_list li .text .sub1::before{border: solid 5px #76c2a1;}
.way_list li .text .sub2::before{content: '3'; display: inline-flex; align-items: center; justify-content: center; background-color: #ed7b1b; color: #fff; }
.way_list li .text .bus::before{content: '광역'; width: 50px; height: 26px; display: inline-flex; align-items: center; justify-content: center; background-color: #e54838; color: #fff; font-size: 15px; font-weight: 600; border-radius: 13px; margin-right: 15px;}
.way_list li .text .sub_flex{display: flex; align-items: center;}
.way_list li .text .sub_flex p + p{margin-left: 25px;}
/* sec1 */
@media screen and (min-width:1025px) {
    .map_btn:hover{background-color: #00baff}
}
@media screen and (max-width:1400px) {
    #location br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_30{font-size: 28px;}
    .fs_20{font-size: 19px;}
    .fs_18{font-size: 17px;}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}

    .loca_list li .icon h5{min-width: 73px; margin-right: 30px;}
    .way_list li{padding: 25px 0;}
    .way_list li .icon i{margin-right: 30px;}
    .way_list li .icon i img{width: 25px;}
    .way_list li .icon h5{min-width: 136px; margin-right: 70px;}
    .way_list li .text .sub::before{width: 23px; height: 23px; margin-right: 8px;}
    .way_list li .text .bus::before{margin-right: 8px; font-size: 14px; width: 45px; height: 23px;}
    .way_list li .text .fs_18{margin-bottom: 10px;}

    .map_btn{width: 160px; height: 45px; flex-shrink: 0;}
    .map_btn span{font-size: 17px;}
    .map_btn i{margin-left: 10px;width: 22px; height: 22px;}


}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    .fs_50{font-size: 40px;}
    .fs_30{font-size: 25px;}
    .fs_20{font-size: 18px;}
    .fs_18{font-size: 16px; line-height: 1.7}
    .fs_17{font-size: 15px;}

    .map_wrap{margin-top: 30px; height: 300px;}
    .map_wrap .root_daum_roughmap .wrap_map{height: 300px;}

    .flex_wrap{margin-top: 20px;}

    .loca_list{margin-right: 20px;}
    .loca_list li{padding: 10px 0; align-items: baseline;}
    .loca_list li:last-child{padding-bottom: 20px;}
    .loca_list li .icon i{min-width: 28px; margin-right: 10px;}
    .loca_list li .icon h5{min-width: 70px; margin-right: 20px;}

    .map_btn{width: 140px; height: 40px;}
    .map_btn span{font-size: 16px;}

    .way_list{margin-top: 20px;}
    .way_list li{padding: 15px 0; align-items: baseline;}
    .way_list li .icon i{margin-right: 15px;}
    .way_list li .icon h5{min-width: 130px; margin-right: 30px;}
    .way_list li .text .fs_18{margin-bottom: 5px;}



}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_30{font-size: 25px; }
    .fs_20{font-size: 19px;}
    .fs_18{font-size: 16px;}
    .fs_17{font-size: 14px;}

    .flex_wrap{flex-direction: column-reverse;}
    .map_btn{width: 100%; justify-content: space-between; padding: 0 10px 0 20px;}
    .map_btn span{font-size: 15px;}
    .loca_list{border-top: solid 1px #ddd; margin-top: 20px;}
    .way_list li{display: block;}
    .way_list li .text{margin-top: 15px;}



}