@charset "utf-8";

#inc03{padding:175px 0}
#inc03 .inner{display:flex;flex-direction:column;align-items:center;margin:0 auto}
#inc03 .en_tit{padding-bottom:80px;font-size:66px;color:#111;line-height:1.1;font-family:var(--e-font)}
#inc03 .en_tit b{padding-left:100px;font-weight:normal}
#inc03 .latest{width:82.5%}
#inc03 .latest article:last-child{border-bottom:1px solid #e1e1e1}
#inc03 .latest a{display:flex;padding:78px 60px;border-top:1px solid #e1e1e1;justify-content:space-between;transition:all 0.2s}
#inc03 .latest .arrow{display:flex;align-items:center;justify-content:center;width:77px;height:77px;margin-top:auto;border:1px solid #111;border-radius:50%;transition:all 0.2s}
#inc03 .latest a .num{width:24%;margin-top:-16px;font-size:40px;color:#aaa;font-family:var(--e-font)}
#inc03 .latest a .cont{font-size:15px;color:#666}
#inc03 .latest a .cont p{position:relative;padding-bottom:40px;font-size:17px;font-weight:500;color:#111;transition:all 0.3s}
#inc03 .latest a .cont div{width:51%;word-break:keep-all}

/* 반응형 [s] */
@media (hover:hover){
#inc03 .latest a:hover .arrow{background:#111}
#inc03 .latest a:hover .arrow img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(102%) contrast(106%)}
#inc03 .latest a:hover .num{color:#111}
#inc03 .latest a:hover .cont p{padding-left:20px}
#inc03 .latest a:hover .cont p:after{position:absolute;content:'';left:-46px;top:8px;width:10px;height:10px;background:#1c1c1c;border-radius:50px}
}
@media (max-width:1600px){ 
#inc03 .latest{width:100%}
}
@media (max-width:1380px){
#inc03 .en_tit{padding-bottom:65px;font-size:56px}
#inc03 .en_tit b{padding-left:80px}
#inc03 .latest a .num{width:200px}
#inc03 .latest a .cont{width:calc(100% - 200px - 77px)}
#inc03 .latest a .cont div{width:80%}
}
@media (max-width:1024px){
#inc03{padding:140px 0}
#inc03 .en_tit{padding-bottom:55px;font-size:45px}
#inc03 .en_tit b{padding-left:60px}
#inc03 .latest a{padding:70px 2.5%}
#inc03 .latest a .num{width:120px}
#inc03 .latest a .cont{width:calc(100% - 120px - 65px)}
#inc03 .latest a .cont p{padding-bottom:30px}
#inc03 .latest a:hover .cont p{padding-left:40px}
#inc03 .latest a:hover .cont p:after{left:0px;width:8px;height:8px}
#inc03 .latest .arrow{width:65px;height:65px}
#inc03 .latest .arrow img{width:17px;height:19px}
}
@media (max-width:768px){
#inc03{padding:110px 0}
#inc03 .en_tit{display:flex;align-items:center;text-align:center;padding-bottom:45px;font-size:35px}
#inc03 .en_tit b{padding-left:15px}
#inc03 .latest a{flex-direction:column;align-items:center;text-align:center;padding:55px 2.5%}
#inc03 .latest a .cont{width:100%}
#inc03 .latest a .cont p{padding-left:0px !important;padding-bottom:23px;margin-top:15px}
#inc03 .latest a .num{margin-top:0px}
#inc03 .latest a:hover .cont p:after{display:none}
#inc03 .latest a .cont div{margin:auto;width:80%}
#inc03 .latest .arrow{margin-top:40px;width:60px;height:60px}
}
@media (max-width:480px){
#inc03{padding:90px 0}
#inc03 .en_tit{padding-bottom:35px;font-size:28px}
#inc03 .latest a{padding:50px 2.5%}
#inc03 .latest a .num{width:unset;font-size:33px}
#inc03 .latest a .cont p{margin-top:13px;padding-bottom:18px;font-size:16px}
#inc03 .latest a .cont div{width:95%;font-size:14px}
#inc03 .latest .arrow{margin-top:35px;width:55px;height:55px}
#inc03 .latest .arrow img{width:13px;height:15px}
}
@media (max-width:390px){
#inc03{padding:80px 0}
#inc03 .en_tit{padding-bottom:28px;font-size:23px}
#inc03 .latest a{padding:42px 2.5%}
#inc03 .latest a .num{font-size:28px}
#inc03 .latest a .cont p{margin-top:10px;padding-bottom:15px;font-size:15px}
#inc03 .latest a .cont div{width:100%;font-size:13px}
#inc03 .latest .arrow{margin-top:30px;width:50px;height:50px}
#inc03 .latest .arrow img{width:11px;height:13px}
}
/* 반응형 [e] */