.BBS_MAIN_NOTICE_AB {
      width: 100%; height: 100%; 
  float: left; position: relative; display: flex;flex-direction: column;  grid-gap: 20px
    }


.BBS_MAIN_NOTICE_AB .bbs_tit{  width: 100%;
  float: left; position: relative ; }

 .BBS_MAIN_NOTICE_AB .bbs_tit   .bbs_tit_in {
   width: auto!important; float: left;
      background-color: var(--primary);;
      color: #fff;
     padding:  clamp(11px, 0.781vw, 15px) clamp(18px, 1.302vw, 25px);
     font-size: var(--tx-sm-size);
      font-weight: bold;
      border-radius: 50px;  position: relative; font-family:var(--ff-ko6)!important;  font-weight: normal;
    
    }
 .BBS_MAIN_NOTICE_AB .bbs_tit   .bbs_tit_in:before {
content: "";   width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid  var(--primary); position: absolute; bottom: -10px; left: 50%; margin-left: -10px
    }


.BBS_MAIN_NOTICE_AB .bbs_tit .more{   
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 16px;
      color: #555; font-weight: 700;
      cursor: pointer;
    }

.BBS_MAIN_NOTICE_AB .bbs_tit .more a{   
     color: #555;
    }

.BBS_MAIN_NOTICE_AB .bbs_tit .more:hover  a{   
     color: var(--primary)!important; 
    }

.BBS_MAIN_NOTICE_AB  .card_inbox {
      width: 100%; height:calc(100% - 70px) ; 
  float: left; position: relative;
      background-color: #f4f4f4;
      border-radius: 16px;
       padding: clamp(20px, 3.125vw, 40px);
  
      position: relative;   
    }



.BBS_MAIN_NOTICE_AB  .card_inbox .card_inin{
      width: 100%; float: left;
  
      position: relative;  display: flex;   align-items: center;grid-gap: clamp(15px, 2.344vw, 30px);  margin-bottom:15px;   
    }
.BBS_MAIN_NOTICE_AB  .card_inbox .card_inin:last-child{argin-bottom: 0px;   
    }

.BBS_MAIN_NOTICE_AB  .card_inbox .card_inin .date {
     font-size: var(--tit-md-size);
      font-weight: bold;
      margin-top: 0px;
      color: #222; border-radius: 10px; background-color: #fff; width: 80px; aspect-ratio:1 / 1;display: flex;  justify-content: center;  align-items: center; flex-direction: column; display: flex;  justify-content: center;  align-items: center;flex-direction: column;
    }

.BBS_MAIN_NOTICE_AB .card_inbox .card_inin .date  em{
     font-size: 12px;
      color: #888;width: 100%; float: left;text-align: center;  font-weight:400; margin-top: 5px
    }

.BBS_MAIN_NOTICE_AB .card_inbox .card_inin  .title {  height: 100%; float: left; display: flex;   align-items: center;
       font-size:calc(var(--tx-sm-size) * 1);
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 1.4;
      color: #222;
    }
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.BBS_MAIN_NOTICE_AB .card_inbox .card_inin  .title {    font-size:calc(var(--tx-sm-size) * 0.9);
      font-weight: 400;
    }
}

  .BBS_MAIN_NOTICE_AB .card_inbox .card_inin  .desc {
   font-size:calc(var(--tx-sm-size) * 0.9);
      color: #555;
      line-height: 1.6; display: none
    }