@charset "utf-8";

#inc05{line-height:1;overflow:hidden}
#inc05 .inner{display:flex;max-width:1370px;padding:160px 0 135px;margin:0 auto}
#inc05 .inner > div{width:50%}
#inc05 .all_btn_wrap{margin-top:75px}
#inc05 .right{padding-top:155px}
#inc05 .norice_list{border-top:2px solid var(--dark)} 
#inc05 .norice_list > li{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 35px;height:81px;border-bottom:1px solid #e1e1e1;transition:all .5s;box-sizing:border-box}  
#inc05 .norice_list > li:hover{background:var(--bg-color)}
#inc05 .norice_list > li .txt{overflow:hidden;display:-webkit-box;color:var(--dark);width:80%;font-weight:600;font-size:18px;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;word-break:keep-all;transition:all .5s} 
#inc05 .norice_list > li:after{opacity:0;position:absolute;top:50%;left:35px;transform:translateY(-50%);content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--dark);transition:all .5s}
#inc05 .norice_list > li:hover:after{opacity:1}
#inc05 .norice_list > li:hover .txt{transform:translateX(27px)}
#inc05 .norice_list > li .date{color:#aaa;font-weight:600;font-size:13px} 

/* 반응형 [s] */
@media (max-width:1600px){
#inc05 .inner{padding:160px 15px 135px}
}
@media (max-width:1400px){
#inc05 .inner{flex-direction:column;padding:100px 15px}
#inc05 .inner > div{width:100%}
#inc05 .right{padding-top:0}
#inc05 .all_btn_wrap{margin:30px 0 40px}
#inc05 .inner .all_txt_wrap{display:flex;flex-direction:column;align-items:center;text-align:center}
#inc05 .norice_list > li .txt{font-size:17px}
#inc05 .norice_list > li{padding:0 24px}
}
@media (max-width:1024px){
#inc05 .norice_list > li{height:72px}
#inc05 .norice_list > li .txt{font-size:16px}
#inc05 .norice_list > li:hover .txt{transform:translateX(18px)}
#inc05 .norice_list > li:after{left:24px}
}
@media (max-width:768px){
#inc05 .inner{padding:60px 15px}
#inc05 .norice_list > li{height:62px;gap:15px;padding:0 14px}
#inc05 .norice_list > li .txt{font-size:14px}
#inc05 .norice_list > li:after{left:16px}
}
@media (max-width:480px){
#inc05 .inner{padding-bottom:0}
#inc05 .all_btn_wrap{margin:30px 0}
}
/* 반응형 [e] */