@charset "utf-8";
#inc01{overflow:hidden;padding:160px 0 250px}
#inc01 ul{display:flex;gap:25px;flex-wrap:nowrap;padding-left:calc((100% - 1200px)/2);padding-right:calc((100% - 1200px)/2)}
#inc01 ul::after{content:"";flex:0 0 30px}
#inc01 li{overflow:hidden;position:relative;min-width:400px;height:400px;border-radius:10px;transition:all .5s}
#inc01 li a{position:relative;display:block;width:100%;height:100%}
#inc01 li a:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background:rgba(0,0,0,.5);transition:all .5s}
#inc01 li a .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
#inc01 li a .txt{overflow:hidden;position:absolute;left:0;bottom:0;width:100%;padding:0 40px 35px;z-index:1;color:#fff;transform:translateY(180px);transition:all .3s}
#inc01 li a .txt .t_top span{font-size:13px;font-weight:600}
#inc01 li a .txt .t_top b{display:block;font-size:22px}
#inc01 li a .txt .t_bot{margin-top:50px;transition:all .3s}
#inc01 li a .txt .t_bot p{font-size:14px}
#inc01 li a .arrow_btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-top:25px;border:2px solid var(--emerald);border-radius:50%;background:var(--emerald);color:#fff;transition:all .3s}
#inc01 li a .arrow_btn span{font-size:18px;color:#fff}

/* 반응형 [s] */
@media (hover:hover){
#inc01 li a:hover:after{height:100%}
#inc01 li a:hover .txt{transform:translateY(0)}
#inc01 li a:hover .txt .t_bot{margin-top:10px}
#inc01 li a .arrow_btn:hover{border:2px solid #fff;background:none}
#inc01 li a .arrow_btn:hover span{color:#fff}
}
@media (max-width:1300px){
#inc01{padding:160px 0}
#inc01 ul::before{content:"";flex:0 0 50px}
}
@media (max-width:1024px){
#inc01{padding:130px 0}
#inc01 li a .txt .t_top b{font-size:20px}
}
@media (max-width:768px){
#inc01 .all_tit_wrap01{padding:0 20px}
#inc01 li{min-width:350px;height:350px}
#inc01 li a .arrow_btn{width:45px;height:45px}
}
@media (max-width:580px){
#inc01{padding:120px 0}
#inc01 ul::before{flex:0 0 20px}
#inc01 ul::after{content:"";flex:0 0 20px}
}
@media (max-width:480px){
#inc01 li{min-width:330px;height:330px}
#inc01 li a .txt{padding:0 25px 30px}
}
@media (max-width:390px){
#inc01 li a .txt .t_top b{font-size:18px}
}
/* 반응형 [e] */