.TOTAL_BBS4 .cardset-body { width: 100%; float: left; position: relative; padding: 0px;}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.bg_w{ width: 40px; height: 40px;background-color: #fff!important; position: absolute; right:70px;top:40px;z-index:55555555555555; float: left}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.bg_w{ width: 40px; height: 20px;background-color: #fff!important; position: absolute; right:70px;top:40px;z-index:55555555555555; float: left}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.TOTAL_BBS4 .cardset-body .wg_box{ width: 100%; float: left; aspect-ratio:1 / 0.9; float: left;  border-radius:clamp(15px, 2.344vw, 30px); padding: var(--bbs6-box-padding, 40px clamp(20px, 3.125vw, 40px))!important; position: relative; z-index: 1}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.TOTAL_BBS4 .cardset-body .wg_box{ width: 100%; float: left; aspect-ratio:1 / 0.65; float: left;  border-radius:clamp(15px, 2.344vw, 30px); padding: var(--bbs6-box-padding, 20px clamp(20px, 3.125vw, 40px))!important; position: relative; z-index: 1}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
.TOTAL_BBS4 .cardset-body .wg_box:before{ content: "";     width: calc(100% - 95px); background-color: #fff; float: left; border: 1px solid #ccc;border-radius: var(--bbs6-box-radius, 30px) 15px 0px 0px;  border-bottom:none;  position: absolute; left: 0px; top: 0px; height:67px; z-index: -1; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;
}


.TOTAL_BBS4 .cardset-body .wg_box:after{ content: "";    font-family: unicons-line; width: 100%; background-color: #fff; float: left; border: 1px solid #ccc;border-radius: 0px 15px var(--bbs6-box-radius, 30px) var(--bbs6-box-radius, 30px);   position: absolute; left: 0px; bottom: 0px; height:calc(100% - 64px); margin-top: -1px; z-index: -2; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
.TOTAL_BBS4 .cardset-body .wg_box:before{ content: "";     width: calc(100% - 95px); background-color: #fff; float: left; border: 1px solid #ccc;border-radius: var(--bbs6-box-radius, 15px) 15px 0px 0px;  border-bottom:none;  position: absolute; left: 0px; top: 0px; height:55px; z-index: -1; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;
}


.TOTAL_BBS4 .cardset-body .wg_box:after{ content: "";    font-family: unicons-line; width: 100%; background-color: #fff; float: left; border: 1px solid #ccc;border-radius: 0px 15px var(--bbs6-box-radius, 15px) var(--bbs6-box-radius, 15px);   position: absolute; left: 0px; bottom: 0px; height:calc(100% - 54px); margin-top: -1px; z-index: -2; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


.TOTAL_BBS4 {width: 100%; float: left }

/* ★ 톱니 설정(bbs6_* 공용 키) CSS 변수 연동 — 설정 없으면 fallback = 기존값 그대로 */
.TOTAL_BBS4 .cardset-body .day{ color: var(--bbs6-date-color, #666); font-size: var(--bbs6-date-size, calc(var(--tx-sm-size) * 0.9)); margin-bottom: var(--bbs6-date-mb, 10px); font-weight: var(--bbs6-date-weight, 700); letter-spacing: -1px; margin-top: 20px}
.TOTAL_BBS4 .cardset-body .title{ color: var(--bbs6-title-color, #000); font-size: var(--bbs6-title-size, calc(var(--tx-sm-size) * 1.2)); margin-bottom: var(--bbs6-title-mb, clamp(10px, 1.563vw, 20px)); font-weight: var(--bbs6-title-weight, 700); min-height: var(--bbs6-title-min-h, auto); letter-spacing: -1px; line-height: 150%}

.TOTAL_BBS4 .cardset-body .tx{ color: var(--bbs6-body-color, #666); font-size: var(--bbs6-body-size, calc(var(--tx-sm-size) * 0.9)); font-weight: var(--bbs6-body-weight, 400); min-height: var(--bbs6-body-min-h, auto); padding-top: 20px; border-top: 1px solid #ccc; letter-spacing: -1px; line-height: 150%}

/* 카드 배경/둥글기/호버 그림자 (톱니 설정) */
.TOTAL_BBS4 .cardset-body .wg_box:before{ background-color: var(--bbs6-box-bg, #fff); }
.TOTAL_BBS4 .cardset-body .wg_box:after{ background-color: var(--bbs6-box-bg, #fff); }
.TOTAL_BBS4 .cardset-body:hover .wg_box{ box-shadow: var(--bbs6-hover-shadow, none); border-radius: clamp(15px, 2.344vw, 30px); }


.TOTAL_BBS4 .cardset-tit {
  color: var(--white);  width: auto!important; clear: both; background: rgba(0,0,0,0.00)!important;    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.TOTAL_BBS4 .notice_label{
  color: var(--white);  width:auto;float: left;      white-space: nowrap;
  text-overflow: ellipsis; position: absolute; right: 14px ; top:12px; padding: 0px 0px 15px 15px!important ; border-radius: 0px 0px 0px 30px; background-color: #fff!important;  border-left: 1px solid #ccc
	  ; border-bottom: 1px solid #ccc;width: 82px!important;height:53px;z-index: 99999999999999999999999!important;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
	  
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.TOTAL_BBS4 .notice_label{
  color: var(--white);  width:auto;float: left;      white-space: nowrap;
  text-overflow: ellipsis; position: absolute; right: 14px ; top:11px; padding: 0px 0px 15px 15px!important ; margin-bottom:clamp(10px, 1.563vw, 20px);border-radius: 0px 0px 0px 15px; background-color: #fff!important;  border-left: 1px solid #ccc
	  ; border-bottom: 1px solid #ccc;width: 82px!important;height:44px;z-index: 99999999999999999999999!important;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
	  
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.TOTAL_BBS4 .label{ padding:13px 0px!important;  font-weight: 700; font-size:calc(var(--tx-sm-size) * 1);  letter-spacing: -1px; float: left;border-radius: clamp(1px, 3.906vw, 25px);  text-align: center; width: 80px!important; position: absolute; right: -10px; top: -10px;;z-index:2 }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.TOTAL_BBS4 .label{ padding:10px 0px!important;  font-weight: 700; font-size:calc(var(--tx-sm-size) * 1);  letter-spacing: -1px; float: left;border-radius: clamp(1px, 3.906vw, 25px);  text-align: center; width: 80px!important; position: absolute; right: -10px; top: -10px;;z-index:2 }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.TOTAL_BBS4  .label.labelcolor1{background-color: #f16246; }
.TOTAL_BBS4 .label.labelcolor2{background-color: #f7b55e}
.TOTAL_BBS4  .label.labelcolor3{background-color: #13b4b7}



.TOTAL_BBS4 .cardset-body.color1:hover .wg_box:before{  border: 1px solid #f16246; border-bottom:none;}
.TOTAL_BBS4 .cardset-body.color1:hover .wg_box:after{ border: 1px solid #f16246;}
.TOTAL_BBS4 .cardset-body.color1:hover .notice_label{border-left: 1px solid #f16246 ; border-bottom: 1px solid #f16246;}




.TOTAL_BBS4 .cardset-body.color2:hover .wg_box:before{  border: 1px solid #f7b55e; border-bottom:none;}
.TOTAL_BBS4 .cardset-body.color2:hover .wg_box:after{ border: 1px solid #f7b55e;}
.TOTAL_BBS4 .cardset-body.color2:hover .notice_label{border-left: 1px solid #f7b55e ; border-bottom: 1px solid #f7b55e;}


.TOTAL_BBS4 .cardset-body.color3:hover .wg_box:before{  border: 1px solid  #13b4b7; border-bottom:none;}
.TOTAL_BBS4 .cardset-body.color3:hover .wg_box:after{ border: 1px solid  #13b4b7;}
.TOTAL_BBS4 .cardset-body.color3:hover .notice_label{border-left: 1px solid  #13b4b7 ; border-bottom: 1px solid  #13b4b7;}

/* slidesPerView:auto 컨텍스트용 기본 폭.
   ★ !important 제거 — 탭믹스 스택처럼 칸수(4칸 등)를 지정하는 스와이퍼는 인라인 width로 폭을 계산해 넣는데,
     !important가 그걸 이겨버려서 마지막 칸이 잘려 보였음. 인라인(칸수 계산)이 있으면 그쪽이 우선되도록 함 */
.TOTAL_BBS4.swiper-slide{  width: min(100%, 375px);  /* = 100%와 375px 중 더 작은 값 */}
/* 좁은 화면에서도 항상 375px 초과 금지 */
@media (max-width: 420px){
  .latest-swiper .swiper-slide{ width: 100% !important; max-width: 375px; }
}