@import url('sub.css'); 

.basic_cont:has(.global_cont) {max-width: 100%; width: 100%;}

.global_cont .sub_cont_top {margin-bottom: 80px;}

.mapbox .map_item .imgbox_mo {display:none}
.mapbox .map_item .imgbox {aspect-ratio: 1920 / 807;}
.mapbox .map_item img {width: 100%; height: 100%; object-fit: cover;}

.desc_box .desc_item {display: flex; flex-direction: column; gap: 25px;}

.global_cont .more_btn_wrap {margin-top: 60px; display: flex; justify-content: center;}

.global_cont .cate_tab {display:flex; flex-wrap:wrap;  width:100%; position:relative; z-index:10; background:var(--white); margin:0 0 80px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);}
.global_cont .cate_tab ul {justify-content:center; position:relative; z-index:10; display:flex; width: 100%;}
.global_cont .cate_tab ul li {width:auto; margin:0 10px;}
.global_cont .cate_tab ul li a {position:relative; display:block;line-height:72px; padding:0 5px; box-sizing:border-box; font-size: 1rem; font-weight: 600; transition:all 0.3s linear;}
.global_cont .cate_tab ul li:hover a {color:var(--main);}
.global_cont .cate_tab ul li.hover a {color:var(--main);}
.global_cont .cate_tab ul li.hover a::after {content:''; width:100%; height:2px; background:var(--main); position:absolute; bottom:0; left:0;}

/*******************************************************************************
    @media ~1920px
*******************************************************************************/
@media all and (max-width:1920px){

}

/*******************************************************************************
    @media ~1766px
*******************************************************************************/
@media all and (max-width:1766px){
.global_cont br {display: none;}
}

/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

}

/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){
.global_cont .sub_cont_top {margin-bottom: 40px;}
.global_cont .cate_tab {margin:0 0 30px;}

/* .mapbox_container {overflow-x: auto; position: relative;}
.mapbox_container .responsive-dim.show {display: block;}
.mapbox_container .mapbox {width: 1000px; pointer-events: none;}
.mapbox_container .mapbox .swiper-wrapper {pointer-events: none;}
.mapbox_container .mapbox .map_item {pointer-events: none;} */


.desc_box .desc_item {gap: 15px;}
.global_cont .more_btn_wrap {margin-top: 30px;}

.mapbox .map_item .imgbox:not(.imgbox_mo) {display:none}
.mapbox .map_item .imgbox_mo {display:block; aspect-ratio:1/1}
}

/*******************************************************************************
    @media ~680px
*******************************************************************************/
@media all and (max-width:680px){

.global_cont .sub_cont_top {margin-bottom: 20px;}

.global_cont .cate_tab ul {display: block; white-space:nowrap; text-align:center;}
.global_cont .cate_tab ul li{display:inline-block; margin:0; width: auto; padding:0 10px;}
.global_cont .cate_tab ul li a {line-height:45px; padding: 0;}
}