@charset "utf-8";
#inc01{overflow:hidden;padding-top:180px}
#inc01 .group-cont{display:flex;flex-direction:column;gap:45px}
#inc01 .tab-menu{display:flex;align-items:center;justify-content:center;gap:50px}
#inc01 .tab-menu li{font-size:25px;font-weight:700;color:#ccc;cursor:pointer}

#inc01 .full-w{display:flex;width:100%}
#inc01 .tab-cont{display:flex;gap:28px}
#inc01 .tab-cont li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:222px;height:523px;border-radius:20px;overflow:hidden;transition:width 0.8s;cursor:pointer}
#inc01 .tab-cont li .text-box{opacity:0;visibility:hidden;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;color:#fff;transition:opacity 0.2s 0.1s linear, visibility 0s}
#inc01 .tab-cont li .text-box h3{font-size:25px;font-weight:700;line-height:1.4;white-space:pre-line}
#inc01 .tab-cont li .text-box .tag-wrap{display:flex;align-items:center;gap:7px}
#inc01 .tab-cont li .text-box .tag-wrap span{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;padding:5px 10px;border:1px solid #fff;border-radius:100px}
#inc01 .tab-cont li .bg{position:absolute;width:100%;height:100%;top:0;left:0}
#inc01 .tab-cont li .bg::before{opacity:0;visibility:hidden;position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.4);transition:opacity 0.2s 0.1s linear, visibility 0s}
#inc01 .tab-cont li .bg img{width:100%;height:100%;object-fit:cover}

/* active */
#inc01 .tab-menu li.active{color:#111}
#inc01 .tab-cont li.active{width:1000px}
#inc01 .tab-cont li.active .text-box{opacity:1;visibility:visible}
#inc01 .tab-cont li.active .bg::before{opacity:1;visibility:visible}