@charset "utf-8";

#inc06{padding:160px 0 330px;overflow:hidden}
#inc06 .col-2{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}
#inc06 .fl-l .group-tit{align-items:flex-start;padding-bottom:53px;text-align:left}
#inc06 .fl-l .tab-list{display:flex;flex-direction:column;gap:8px;max-width:502px;width:100%}
#inc06 .fl-l .tab-list li{display:flex;align-items:center;gap:20px;padding:10px 38px 10px 20px;border:1px solid #f0eadf;border-radius:100px;transition:border-color 0.3s}
#inc06 .fl-l .tab-list li.active{border-color:rgba(74,63,47,0.5)}
#inc06 .fl-l .tab-list li .icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100px;background-color:#f5f0e8;overflow:hidden}
#inc06 .fl-l .tab-list li h4{flex:1;font-size:18px;font-weight:700;line-height:1.4;color:#2a231a}
#inc06 .fl-l .tab-list li .time{display:flex;align-items:center;justify-content:center;max-width:82px;width:100%;font-size:14px;font-weight:700;line-height:1.8;color:#fff;border-radius:4px;background-color:#4A3F2F}
#inc06 .fl-r{padding-right:60px}
#inc06 .fl-r .thumb-box{position:relative;max-width:636px;width:100%;aspect-ratio:636 / 574;overflow:hidden}
#inc06 .fl-r .thumb-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .8s ease,transform 1.5s ease;will-change:opacity, transform}
#inc06 .fl-r .thumb-box img.active{opacity:1;transform:scale(1)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc06{padding:120px 0 280px}
#inc06 .fl-r{display:flex;justify-content:flex-end;padding-right:0}
}
@media (max-width:1400px){
#inc06{padding:100px 20px 260px}
#inc06 .fl-l .group-tit{padding-bottom:40px}
#inc06 .fl-l .tab-list{max-width:430px}
#inc06 .fl-l .tab-list li{padding:10px 25px 10px 20px}
#inc06 .fl-l .tab-list li h4{font-size:16px}
}
@media (max-width:1200px){
#inc06{padding:100px 20px 200px}
#inc06 .fl-r .thumb-box{max-width:530px}
}
@media (max-width:1024px){
#inc06{padding:80px 20px 180px}
#inc06 .col-2{grid-template-columns:repeat(1,1fr);gap:12px}
#inc06 .fl-r{justify-content:center}
#inc06 .fl-l .group-tit{align-items:center;text-align:center}
#inc06 .fl-l .tab-list{gap:12px;max-width:none;flex-direction:row}
#inc06 .fl-l .tab-list li{flex:1;flex-direction:column;border-radius:5px}
#inc06 .fl-l .tab-list li .icon{width:45px;height:45px}
#inc06 .fl-l .tab-list li h4{font-size:15px}
#inc06 .fl-l .tab-list li{gap:12px}
#inc06 .fl-l .tab-list li .time{padding:2px 0;font-size:12px}
#inc06 .fl-r .thumb-box{max-width:none;aspect-ratio:636 / 370} 
}
@media (max-width:768px){
#inc06{padding:65px 20px 150px}
#inc06 .fl-l .group-tit{padding-bottom:30px}
#inc06 .fl-l .tab-list li{padding:20px 10px}
#inc06 .fl-l .tab-list li h4{font-size:14px;text-align:center}
}
@media (max-width:640px){
#inc06 .fl-l .tab-list{flex-direction:column}
#inc06 .fl-l .tab-list li{flex-direction:row;padding:10px 15px}
#inc06 .fl-l .tab-list li h4{text-align:left}
}
@media (max-width:480px){
#inc06{padding:45px 20px 120px}
#inc06 .fl-l .tab-list li h4{font-size:13px}
#inc06 .fl-l .tab-list li .icon{width:42px;height:42px}
#inc06 .fl-l .tab-list li .time{max-width:74px;padding:3px 0;font-size:11px}
}
@media (max-width:390px){
#inc06 .fl-l .tab-list li .icon{display:none}
}
/* 반응형 [e] */