.sub_page {overflow:visible;}

.maintain_con_box {width: 100%; position: relative;  /*display: flex; justify-content: space-between; align-items: flex-start; */}
.maintain_img_box {width:100%;  }


/**/


.maintain_bt_wrap { width:100%; height: 32px; position: relative; left: 0; right: 0px; margin:0 auto; margin-top:1rem;  z-index: 2;  display: flex; justify-content: center; }

.maintain_bt_wrap .swiper-pagination { width: 100%; height: 20px; position: absolute; left:0; right:0; bottom: 0; top: 0; margin:0 auto; z-index: 999; display: flex; justify-content: center; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet { width: 100%; height: 20px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet span { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #000; opacity: 1;
animation: bullet 5s 0s both linear; display: none; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet:before { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #000; opacity: 0.3; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet p { font-size: 11px; line-height: 100%; color: #000; position: absolute; top: 0; left: -8px; letter-spacing: 0.5px; z-index: -1; opacity: 0; transition: 0.5s; display: none; }

.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet-active span { display: block; }
.maintain_bt_wrap .swiper-pagination .swiper-pagination-bullet-active p { left: -13px; opacity: 1; }



.maintain01-2 { width: 150px; height: 32px; position: absolute; left: 0; right:0; top: 0; bottom: 0;  margin: auto; z-index: 99;  display: flex; justify-content: center; padding:0 2rem;}
.maintain01-2 .swiper-slide { width: 32px; height: 32px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.maintain01-2 .swiper-slide-thumb-active { opacity: 1; }
.maintain01-2 .swiper-slide:before { content:''; width: 5px; height: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #000; z-index: 9; border-radius: 100%; opacity: 0.5; }
.maintain01-2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 9; border-radius: 100%; box-sizing: border-box; }
.maintain01-2 .swiper-slide-active:before { opacity: 1; }

.maintain02-2 { width: 150px; height: 32px; position: absolute; left: 0; right:0; top: 0; bottom: 0;  margin: auto; z-index: 99;  display: flex; justify-content: center; padding:0 2rem;}
.maintain02-2 .swiper-slide { width: 32px; height: 32px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.maintain02-2 .swiper-slide-thumb-active { opacity: 1; }
.maintain02-2 .swiper-slide:before { content:''; width: 5px; height: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #000; z-index: 9; border-radius: 100%; opacity: 0.5; }
.maintain02-2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 9; border-radius: 100%; box-sizing: border-box; }
.maintain02-2 .swiper-slide-active:before { opacity: 1; }

.maintain03-2 { width: 150px; height: 32px; position: absolute; left: 0; right:0; top: 0; bottom: 0;  margin: auto; z-index: 99;  display: flex; justify-content: center; padding:0 2rem;}
.maintain03-2 .swiper-slide { width: 32px; height: 32px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.maintain03-2 .swiper-slide-thumb-active { opacity: 1; }
.maintain03-2 .swiper-slide:before { content:''; width: 5px; height: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #000; z-index: 9; border-radius: 100%; opacity: 0.5; }
.maintain03-2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #000; z-index: 9; border-radius: 100%; box-sizing: border-box; }
.maintain03-2 .swiper-slide-active:before { opacity: 1; }



.maintain_arrow { position: absolute; width:100%; top:50%;  transform: translateY(-3.5rem);}
.maintain_arrow .swiper-button-next { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; right: -15%; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-next:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/next02.png) center no-repeat;  }
.maintain_arrow .swiper-button-prev { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; left:-15%; top: 0; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-prev:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prev02.png) center no-repeat; }

.maintain_arrow .swiper-button-next2 { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; right: -15%; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-next2:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/next02.png) center no-repeat;  }
.maintain_arrow .swiper-button-prev2 { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; left:-15%; top: 0; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-prev2:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prev02.png) center no-repeat; }

.maintain_arrow .swiper-button-next3 { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; right: -15%; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-next3:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/next02.png) center no-repeat;  }
.maintain_arrow .swiper-button-prev3 { width: 6rem; height: 3.7rem; margin: 0; padding: 0; top:0; left:-15%; top: 0; outline: none; position: absolute; z-index: 9; }
.maintain_arrow .swiper-button-prev3:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prev02.png) center no-repeat; }

.maintain_bt_wrap .swiper-wrapper {justify-content:center;} 


#t-container2 { width: 100%; }
ul.tabs2 li { width: 100%; color: #fff; margin-left: 1%; text-align: center; cursor: pointer; font-size: 0.875rem; height: 3rem; line-height: 3rem; border: 1px solid #b2b2b2; font-weight: 400; background: #b2b2b2; }

ul.tabs2 li.selected, ul.tabs li.selected:hover { color: #fff; background: #000; border: 1px solid #000; }	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color: #fff; }
ul.tabs2 li.active { color:#fff; background: #000; border: 1px solid #000; }
ul.tabs2 li a {font-size:1rem;}

@media all and (max-width: 1400px) { 

    .club_img_box { width: 60%; }
    .club_con_txt_box { width: 35%; }

    .club_con_bo_tit { margin-right: 2.5rem; padding-right: 2.5rem; }
    .club_con_bo_txt { gap: 2.5rem; }

}

@media all and (max-width: 1000px) { 

    /* .club_con01 { width: 100%; } */

    .club_con_bo { padding: 3rem 0; }
    .club_con_bo>div { flex-wrap: wrap; }

    .club_con_bo_tit { margin-right: 0rem; padding-right: 0rem; padding-bottom: 1.25rem; margin-bottom: 1.75rem; }
    .club_con_bo_tit::before { left: 0; margin: auto; bottom: 0; width: 2.2rem; height: 1px; }

}

@media all and (max-width: 767px) { 

.club_txt_box>div { margin-left: 3rem; }

.club_txt_box h2 {font-size:2.425rem;}
.club_logo { right:2rem; top:2rem; width:6rem; height:3.5rem;}

.sub_club_tabs {height:8.2rem; overflow:hidden;}
.sub_club_tabs ul { flex-wrap:wrap;}
.sub_club_tabs ul li { width: 33%;  }

.sub_club_tabs ul li:nth-child(4) {border-left:0;  }
.sub_club_tabs ul li:nth-child(n+4) {border-top:1px solid rgba(225,225,225,0.3);  }


.sub_club_zone>div { flex-wrap:wrap; }
.zone_box {margin-top:4rem; width:100%;}
.zone_box.box01 {margin-top:0rem;}
.zone_box>img {width:100%;}

.zone_txt p { width: 100%; }
.zone_txt p br { display: block; }

/**/


.club_con_box { flex-wrap:wrap; }
.club_img_box {width: 100%;  }
.club_con01 { height:20rem;}
.club_con02 { height:20rem;}
.club_con03 { height:20rem;}

.club_con_txt_box {width: 100%;  margin-top:4rem; }
.club_con_arrow {display:none; }

.club_con_bo>div { flex-wrap:wrap;  margin:0 3rem;}
.club_con_bo_tit { width: 100%; left:0; text-align: left;}
.club_con_bo_txt { justify-content:flex-start; flex-wrap:wrap; width: 100%; margin:2rem 0; }
.club_con_bo_txt>div { width: 100%; }
.club_con_bo_tit::before {display:none;}
.club_con_tit h1 {font-size:1.5rem;}

.club_con_list div {font-size:1rem;}

.club_con_bo { height:27rem; }

.club_noti h2 {font-size:1rem;}
.club_noti p {font-size:0.975rem;}

}