/*subTop*/
.subTop {height:100vh;position:relative;top:0;left:0;overflow:hidden; z-index: 1;}
.subTop .subTopImg {position:absolute;top:0;left:0;width:100%;height:100vh;opacity:0;transform:scale(1.05);transition:transform 2s var(--ani); z-index: 1}
.subTop .subTopImg.on {opacity:1;transform:scale(1)}
.subTop .inner {position: absolute; max-width: 1400px; margin: auto; color:#fff; top:20em; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.map, .root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .wrap_btn_zoom{display: none !important;}
.root_daum_roughmap .wrap_map{height: 550px !important}

.sub_info .border-b{border-bottom: 1px solid #c2c2c2; padding-bottom: 10px;}
@media(max-width: 1400px){
    .sub_info .width20{width: 30%;}
    .sub_info .width80{width: 70%;}
}
@media(max-width: 768px){
    .sub_info .flexList{--y-gap: 4rem}

    .sub_info .width20{width: 20%;}
    .sub_info .width80{width: 80%;}
}
@media(max-width: 500px){
    .sub_info .border-b{flex-direction: column;}
}