@charset "utf-8";
#atc05{padding:0 30px}
#atc05 .atc_inner{max-width:var(--main-width);width:100%;margin:0 auto;padding:130px 30px;background-color:#f5f5f5;border-radius:20px}
#atc05 .tit_area{max-width:1500px;width:100%;margin:0 auto}
#atc05 .tit_area .tit::before{display:none}

/* 게시판 */
#atc05 .notice{max-width:1500px;width:100%;margin:0 auto}
#atc05 .notice .notice-list{display:flex;flex-direction:column;gap:10px}
#atc05 .notice .notice-item > a {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 30px 20px 20px;border-radius:10px;background-color:#fff}
#atc05 .notice .notice-item .cont{display:flex;gap:30px;align-items:center;width:100%}
#atc05 .notice .notice-item .cont .cate{display:flex;padding:8px 20px;background-color:#f5f5f5;border-radius:100px;font-size:15px;color:#666;font-weight:500}
#atc05 .notice .notice-item .cont .notice__atc{display:flex;justify-content:space-between;align-items:center;flex:1}
#atc05 .notice .notice-item .notice__title{font-size:17px;font-weight:600;color:var(--font-maindark)}
#atc05 .notice .notice-item .date{font-size:17px;font-weight:500;color:#666}

#atc05 .notice .notice-item .cont .bo_notice{color:#fff;background:#fabe00}
#atc05 .notice .notice-item .cont svg{width:20px}

/* 반응형 [s] */
@media (max-width:1024px){
#atc05{padding:0 15px}
#atc05 .atc_inner{padding:80px 15px 15px}
}

@media (max-width:768px){
#atc05 .atc_inner{padding:60px 15px 15px}
#atc05 .notice .notice-item .cont .notice__atc{flex-wrap:wrap}
#atc05 .notice .notice-item .notice__title{font-size:15px}
#atc05 .notice .notice-item .date{font-size:15px}
}

@media (max-width:580px){
#atc05 .notice .notice-item > a{padding:15px}
#atc05 .notice .notice-item .cont{gap:15px}
#atc05 .notice .notice-item .cont .cate{font-size:14px}
#atc05 .notice .notice-item .cont .notice__atc{flex-direction:column;align-items:flex-start;gap:3px}
#atc05 .notice .notice-item .date{font-size:14px}
}

@media (max-width:480px){
#atc05 .atc_inner{padding:40px 15px 15px}
}

@media (max-width:390px){
#atc05 .notice .notice-item:nth-child(4),
#atc05 .notice .notice-item:nth-child(5){display:none}
#atc05 .notice .notice-item .cont{flex-direction:column;align-items:center}
#atc05 .notice .notice-item .cont .notice__atc{align-items:center}
}
/* 반응형 [e] */