@charset "utf-8";

#inc05{overflow:hidden;padding:160px 35px 35px}
#inc05 h2{padding:50px 0 50px 50%;font-size:35px;font-weight:normal;line-height:1.1;white-space:pre-line;font-family:var(--e-font)}
#inc05 .latest{padding:40px;border-radius:10px;background:#111}
#inc05 .latest a{display:flex;padding:80px 50px;color:#fff}
#inc05 .latest article~article{border-top:1px solid rgba(255,255,255,.2)}
#inc05 .latest .day{font-size:35px}
#inc05 .latest .my p{display:inline-block}
#inc05 .latest .my p:before{display:inline-block;content:'';width:1px;height:10px;margin:0 10px;vertical-align:-1px;background:rgba(255,255,255,.2)}
#inc05 .latest .arrow{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-left:auto;margin-top:auto;margin-bottom:auto;border:1px solid rgba(255,255,255,.2);border-radius:3px;;transition:all .3s}
#inc05 .latest svg{width:18px}
#inc05 .latest .cont{width:730px;margin-left:200px}
#inc05 .latest .cont span{display:inline-block;padding:8px 15px;border-radius:3px;font-size:10px;background:rgba(255,255,255,.2)}
#inc05 .latest .cont p{position:relative;display:table;margin:10px 0;font-size:22px;font-weight:700}
#inc05 .latest .cont p:after{position:absolute;content:'';bottom:0;left:0;width:0%;height:2px;background:#fff;transition:all .3s}
#inc05 .latest .cont div{font-size:15px;font-weight:normal;opacity:.3}

@media(hover:hover){
#inc05 .latest a:hover .arrow{border:1px solid #fff;background:#fff}
#inc05 .latest a:hover .arrow svg{color:#111}
#inc05 .latest a:hover .cont p:after{width:100%}
}

@media (max-width:1440px){
#inc05{padding:20px;padding-top: 460px;}

}
/* 반응형 [s] */
@media (max-width:1024px){
#inc05{padding:20px;padding-top: 460px;}
#inc05 h2{padding:50px 0 50px 35%;font-size:30px}
#inc05 .latest{padding:25px}
#inc05 .latest a{gap:30px;flex-direction:column;padding:50px 30px}
#inc05 .latest .cont{width:100%;margin-left:0}
#inc05 .latest .date{display:block}
#inc05 .latest .my{font-size:12px}
#inc05 .latest .day{font-size:30px}
#inc05 .latest .arrow{position:absolute;right:50px}
#inc05 .latest .cont p{font-size:18px}
#inc05 .latest .cont div{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media (max-width:768px){
#inc05{padding:20px;padding-top: 260px;}
#inc05 h2{padding:20px 0 50px;text-align:center}
#inc05 .latest a{padding:30px}
}
@media (max-width:480px){
#inc05{padding:20px;padding-top: 60px;}
#inc05 h2{font-size:20px}
#inc05 .latest{padding:15px}
#inc05 .latest a{gap:15px;text-align:center}
#inc05 .latest .cont p{display:block;font-size:16px}
#inc05 .latest .arrow{position:unset;margin:0 auto}
#inc05 .latest .day{font-size:20px}
#inc05 .latest .cont div{font-size:14px}
#inc05 .latest .cont span{padding:5px 10px;font-size:9px}
#inc05 .latest .arrow{width:30px;height:30px}
#inc05 .latest svg{width:15px}
}
@media (max-width:390px){
#inc05 .latest a{padding:30px 0}
#inc05 .latest .cont p{font-size:15px}
}
/* 반응형 [e] */