

#sclass2 {
    position: relative; width: 100%; padding: 50px 15px 80px;
    background: url(./img/m_bg.jpg) no-repeat center/cover; 
}
#sclass2 .wrap-content {
    position: relative; display: block; width:100%; 
    border: 0px solid red;
}
#sclass2 .wrap-title { position: relative; width:100%;}
#sclass2 .title {
    position: relative; display: block; text-align: center; color: #141414; 
}
#sclass2 .title .t1 { font-size: 1rem; font-weight: 600; color: #AA2D77; letter-spacing: -1px; margin-bottom: 10px}
#sclass2 .title .t2 { font-size: 1.8rem; font-weight: 600; letter-spacing: -2px; }
#sclass2 .title .t3 { font-size: 1.1rem; font-weight: 400; letter-spacing: -1.5px; }


#sclass2 .go-btn { position: absolute; display: flex; gap: 15px; justify-content: center; align-items: center; bottom:10%; right:0%; }
#sclass2 .go-btn span { position: relative; display: inline-block; font-size: 1rem; color: #141414; font-weight: 600; letter-spacing: -1px; }
#sclass2 .go-btn span.ico {
    position: relative; width:30px; height:30px; text-align: center; padding-top: 2px;
    font-size: 1rem; color: #fff; background-color: #8B0051;
    border-radius: 50%; 
 }
#sclass2 a { text-decoration: none; }


 /*
    ## 탭관련
 */

#sclass2 .tab { display:flex; flex-wrap:wrap; gap: 25px; margin: 40px 0 40px}
#sclass2 .tab .tab-item {
    position: relative; padding: 7px 5px; text-align:center; cursor:pointer; font-size:1.2rem; color: #454545;
    border-bottom: 3px solid transparent;
}
#sclass2 .tab .tab-item:first-child { margin-left:0px;}
#sclass2 .tab .tab-item.on { border-bottom: 3px solid #5c0052; color:#5c0052; font-weight:bold;}

#sclass2 .tab-cont { margin-top:10px;}
#sclass2 .tab-cont .item { position:relative; display:none;  }
#sclass2 .tab-cont .item.on { display:block;}


/*
    ## 공지사항 리스트
*/
#sclass2 .bbs-table { position: relative; width:100%; border-collapse: collapse; border-spacing: 0; }
#sclass2 .bbs-table tr { border-bottom: 1px dotted #9B9B9B }
#sclass2 .bbs-table th, #sclass2 .bbs-table td {
    color: #141414; font-size: 1.2rem; padding: 17px; text-align: center; 
}
#sclass2 .bbs-table td.opt { color: #7C7C7C }
#sclass2 .bbs-table td.subject { text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; }
#sclass2 .bbs-table td.date { color: #7C7C7C }


/*
    ## 뉴스 리스트
*/
#idxNews {  } 
#idxNews .swiper-slide  {  }
#idxNews .swiper-slide .article {
    position: relative; display: block;  padding: 40px 45px;
    border-radius: 10px; box-shadow: 5px 0 5px rgba(0,0,0,0.1);
    transform: scale(0.9); background-color: rgba(255,255,255,0.3); transition: all 0.5s ease;
}
#idxNews .swiper-slide.swiper-slide-active .article { transform: scale(1); background-color: rgba(255,255,255,1); }

#idxNews .swiper-slide div { position:relative; letter-spacing: -1px; border:0px solid #ccc  }
#idxNews .swiper-slide .office  { font-size:1rem; color: #886D60; font-weight: 600; margin-bottom: 10px }
#idxNews .swiper-slide .subject { font-size:1.4rem; color: #141414; letter-spacing:-2px; font-weight:600; height:70px; }
#idxNews .swiper-slide .content { font-size:1.1rem; color:#787878; letter-spacing:-2px; height: 160px; margin:20px 0 40px }
#idxNews .swiper-slide .date    { font-size:1rem; color:#8B0051  }
#idxNews .swiper-slide .subject, #idxNews .swiper-slide .content { word-break: keep-all; }

#idxNews .swiper-slide .subject::before {
    position: absolute; content: ''; width:7px; height:80%; top: 50%; left: 0; transform: translateY(-50%); background-color: #8B0051;
}
#idxNews .swiper-slide .subject {  padding-left:15px; }

#sclass2 .swiper-button-prev, #sclass2 .swiper-button-next { top: auto; bottom: -50px; filter: brightness(0%) }
#sclass2 .swiper-button-prev { left:30px; }
#sclass2 .swiper-button-next { right:30px; }
#sclass2 .swiper-button-prev:after, #sclass2 .swiper-button-next:after { content: ''; color:#fff; }



@media (max-width: 768px)
{
    /*뉴스*/
    #idxNews { overflow: visible; } 
    #idxNews .swiper-slide  { width: 70%; }
    #idxNews .swiper-slide .article { padding: 30px 20px; }
    #idxNews .swiper-slide .office  { font-size: 0.875rem; margin-bottom: 10px }
    #idxNews .swiper-slide .subject { font-size: 1.1rem; height:auto; }
    #idxNews .swiper-slide .content { font-size: 0.875rem; height: 140px; margin:20px 0 40px }
    #idxNews .swiper-slide .date    { font-size: 0.875rem; color:#8B0051  }
    #idxNews .swiper-slide .subject::before { width:5px; height:100%; top: 0px; transform: translateY(0%);   } 

    /*공지사항*/
    #sclass2 .bbs-table td.opt, 
    #sclass2 .bbs-table td.date { display:none }
    #sclass2 .bbs-table td.subject { font-size: 0.875rem; padding: 10px; letter-spacing:-1px; color:#141414; }

}