@charset "utf-8";

#inc03{padding:98px 0 106px}
#inc03 .inner{width:1565px;margin:0 auto}
#inc03 .all_text_wrap03{margin-bottom:93px}
#inc03 .notice_wrap{display:flex;flex-wrap:wrap}
#inc03 .notice_wrap > div{width:48.5%;margin-right:3%}
#inc03 .notice_wrap > div:last-child{margin-right:0}
#inc03 .notice_wrap .top_txt{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}
#inc03 .notice_wrap .top_txt .tit{color:var(--dark);font-weight:700;font-size:26px}
#inc03 .notice_wrap .top_txt .more_btn{display:flex;align-items:center;justify-content:center;width:94px;height:30px;line-height:30px;border:1px solid #e1e1e1;border-radius:50pt;color:var(--dark);font-weight:700;font-size:15px}
#inc03 .notice_wrap .list{border-top:3px solid #101012}
#inc03 .notice_wrap .list > li{position:relative;padding:0 55px 0 73px;display:flex;align-items:center;justify-content:space-between;height:80px;border-bottom:1px solid #e0e0e2;box-sizing:border-box}
#inc03 .notice_wrap .list > li:after{position:absolute;top:50%;left:53px;transform:translateY(-50%);content:"";display:block;width:3px;height:3px;border-radius:50%;background:var(--primary)}
#inc03 .notice_wrap .list > li .txt{overflow:hidden;display:-webkit-box;width:85%;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis;color:#666;font-weight:400;word-break:keep-all;transition:all .3s;box-sizing:border-box}
#inc03 .notice_wrap .list > li .date{color:#888;font-weight:400;white-space:nowrap}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .notice_wrap .list > li .txt:hover{color:var(--primary);font-weight:700}
}
@media (max-width:1800px){
#inc03 .inner{width:95%}
}
@media (max-width:1300px){
#inc03 .all_text_wrap03{margin-bottom:77px}
#inc03 .notice_wrap .list > li{padding:0 30px;height:70px}
#inc03 .notice_wrap .list > li:after{left:15px}
}
@media (max-width:1200px){
#inc03{padding:70px 0}
#inc03 .all_text_wrap03{margin-bottom:50px}
#inc03 .notice_wrap .top_txt .tit{font-size:23px}
}
@media (max-width:1024px){
#inc03 .notice_wrap > div{width:100%;margin-right:0}
#inc03 .notice_wrap > div:first-child{margin-bottom:40px}
#inc03 .notice_wrap .list > li{padding:0 15px 0 30px}
#inc03 .notice_wrap .top_txt .tit{font-size:20px}
}
@media (max-width:768px){
#inc03{padding:50px 0}
#inc03 .inner{width:100%;padding:0 15px}
#inc03 .all_text_wrap03{margin-bottom:40px}
#inc03 .notice_wrap .list > li{height:60px}
#inc03 .notice_wrap .top_txt{margin-bottom:15px}
#inc03 .notice_wrap .top_txt .tit{font-size:18px}
}
@media (max-width:480px){
#inc03{padding:50px 0}
#inc03 .all_text_wrap03{margin-bottom:30px}
#inc03 .notice_wrap .top_txt{margin-bottom:10px}
#inc03 .notice_wrap .top_txt .tit{font-size:16px}
#inc03 .notice_wrap .top_txt .more_btn{width:80px;font-size:13px}
#inc03 .notice_wrap .list > li{padding:0 10px 0 25px}
#inc03 .notice_wrap .list > li:after{left:10px}
#inc03 .notice_wrap .list > li .txt{font-size:15px}
#inc03 .notice_wrap .list > li .date{font-size:14px}
}
/* 반응형 [e] */