@charset "utf-8";
#inc02{position:relative;padding-bottom:150px;width:100%;background:url(./img/bg01.jpg) no-repeat bottom / cover}
#inc02 .inc02_wrap{position:relative;margin:200px auto 0;width:80%}
#inc02 .inc02_wrap .section_tit{text-align:center}
#inc02 .inc02_wrap .late_tabs{display:none;/*display:flex;*/justify-content:center;align-items:center;gap:20px;margin-top:80px}
#inc02 .inc02_wrap .late_tabs li{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border-radius:20px;font-size:16px;font-weight:600;transition:all .3s;color:var(--black);background-color:#f5f5f5;cursor:pointer}
#inc02 .inc02_wrap .late_tabs li.on{color:#fff;background-color:var(--black)}
#inc02 .inc02_wrap .late_list{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:100px}
#inc02 .inc02_wrap .late_list li{width:calc(100% / 3 - 15px);height:500px}
#inc02 .inc02_wrap .late_list li a{overflow:hidden;display:block;width:100%;height:100%}
#inc02 .inc02_wrap .late_list li a .img{width:100%;height:100%;transition:all .3s;background-size:cover;background-repeat:no-repeat;background-position:center}
#inc02 .inc02_wrap .late_list li.empty{display:flex;justify-content:center;align-items:center;width:100%;height:300px}
#inc02 .inc02_wrap .more{position:relative;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:18px;margin-top:80px;width:220px;height:60px;border:1px solid #e1e1e1;font-size:16px;font-weight:600;color:#111;transition:all .3s}
#inc02 .inc02_wrap .more svg{width:14px;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#inc02 .inc02_wrap .late_tabs li:hover{color:#fff;background-color:var(--black)}
#inc02 .inc02_wrap .late_list li a:hover .img{transform:scale(110%)}
#inc02 .inc02_wrap .more:hover{color:#fff;background-color:var(--primary)}
#inc02 .inc02_wrap .more:hover svg{color:#fff;transform:rotate(180deg)}
}
@media (max-width:1380px){
#inc02 .inc02_wrap{width:90%}
}
@media (max-width:1024px){
#inc02{padding-bottom:110px}
#inc02 .inc02_wrap{margin-top:150px;width:95%}
#inc02 .inc02_wrap .late_tabs{margin-top:60px;gap:15px}
#inc02 .inc02_wrap .late_list{margin-top:80px;gap:20px}
#inc02 .inc02_wrap .late_list li{width:calc(100% / 2 - 10px);height:420px}
#inc02 .inc02_wrap .more{margin-top:70px;gap:12px;width:195px;height:55px;font-size:15px}
}
@media (max-width:768px){
#inc02{padding-bottom:100px}
#inc02 .inc02_wrap{margin-top:120px}
#inc02 .inc02_wrap .late_tabs{gap:10px;margin-top:50px}
#inc02 .inc02_wrap .late_tabs li{width:112px;height:38px;border-radius:19px;font-size:15px}
#inc02 .inc02_wrap .late_list{margin-top:70px;gap:15px}
#inc02 .inc02_wrap .late_list li{width:calc(100% / 2 - 8px);height:380px}
#inc02 .inc02_wrap .late_list li:last-child{display:none}
#inc02 .inc02_wrap .late_list li a .img{transform:scale(100%) !important}
#inc02 .inc02_wrap .more{margin-top:60px}
#inc02 .inc02_wrap .late_list li.empty{display:flex}
}
@media (max-width:480px){
#inc02{padding-bottom:80px}
#inc02 .inc02_wrap{margin-top:100px}
#inc02 .inc02_wrap .late_tabs{flex-wrap:wrap;gap:10px}
#inc02 .inc02_wrap .late_tabs li{font-size:14px;height:36px;border-radius:18px}
#inc02 .inc02_wrap .late_tabs li:nth-child(-n+3){width:calc(100% / 3 - 10px)}
#inc02 .inc02_wrap .late_tabs li:nth-last-child(-n+2){width:calc(100% / 2 - 10px)}
#inc02 .inc02_wrap .late_list{margin-top:60px}
#inc02 .inc02_wrap .late_list li{width:100%;height:350px}
#inc02 .inc02_wrap .late_list li:nth-child(2){display:none}
#inc02 .inc02_wrap .more{margin-top:50px;gap:10px;width:178px;height:52px;font-size:14px;color:#fff;background-color:var(--primary)}
}
@media (max-width:380px){
#inc02{padding-bottom:70px}
#inc02 .inc02_wrap{margin-top:90px}
#inc02 .inc02_wrap .late_tabs{margin-top:45px}
#inc02 .inc02_wrap .late_tabs li{font-size:13px;height:34px;border-radius:17px}
#inc02 .inc02_wrap .late_list{margin-top:50px}
#inc02 .inc02_wrap .late_list li{height:310px}
#inc02 .inc02_wrap .more{margin-top:40px;width:170px;height:50px;font-size:13px}
}
/* 반응형 [e] */
