@charset "utf-8";

#inc01{padding:180px 0 135px}
#inc01 .inner{max-width:1140px;margin:0 auto}
#inc01 .group-title{padding-bottom:60px;text-align:center}
#inc01 .group-title h2{padding-bottom:40px}
#inc01 .group-title p.desc{font-size:22px;font-weight:700;line-height:1.5;white-space:pre-line}

#inc01 .item-box{display:flex;gap:35px}
#inc01 .item-list{display:flex;flex:1;flex-direction:column;gap:30px}
#inc01 .item-list:first-child{margin-top:112px}
#inc01 .item-list li{overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:552px;height:326px;padding:45px 40px;border-radius:var(--radius);background-repeat:no-repeat;background-color:#000}
#inc01 .item-list li.pay{background-image:url(./img/inc01_img01.png);background-position:center right -24px}
#inc01 .item-list li.menu{background-image:url(./img/inc01_img03.png);background-position:center right -42px}
#inc01 .item-list li.qr{background-image:url(./img/inc01_img02.png);background-position:center right -122px}
#inc01 .item-list li.report{background-image:url(./img/inc01_img04.png);background-position:center right -62px}
#inc01 .item-list li h3{padding-bottom:25px;font-size:28px;font-weight:800;color:#fff;transition:color 0.2s}
#inc01 .item-list li:hover h3{color:var(--primary)}
#inc01 .item-list li p{font-size:22px;font-weight:700;line-height:1.2;color:#fff;white-space:pre-line}

/* 반응형 [s] */
@media (max-width:1500px){
#inc01{padding:120px 0 40px}
#inc01 .group-title h2{padding-bottom:30px}
#inc01 .item-box{gap:25px}
#inc01 .item-list{gap:25px}
#inc01 .item-list li{width:100%;height:305px}
#inc01 .item-list li h3{padding-bottom:18px;font-size:26px}
#inc01 .item-list li p{font-size:18px}
}
@media (max-width:1200px){
#inc01{padding:100px 20px 0}
#inc01 .item-box, #inc01 .item-list{gap:20px}
#inc01 .item-list li{height:315px;background-size:cover}
#inc01 .item-list li h3{padding-bottom:14px;font-size:24px}
#inc01 .item-list li p{font-size:17px}
#inc01 .item-list li.pay{background-position:center right -86px}
#inc01 .item-list li.menu{background-position:center right -75px}
#inc01 .item-list li.qr{background-position:center right -90px}
#inc01 .item-list li.report{background-position:center right -100px}
}
@media (max-width:1024px){
#inc01{padding:80px 15px 0}
#inc01 .group-title{padding-bottom:40px}
#inc01 .group-title h2{padding-bottom:24px}
#inc01 .item-box, #inc01 .item-list{gap:14px}
#inc01 .item-list:first-child{margin-top:80px}
#inc01 .item-list li{height:280px;padding:30px;background-position:center !important}
#inc01 .item-list li::before{z-index:-1;position:absolute;content:'';width:100%;height:100%;inset:0%;background:linear-gradient(to top, rgba(0,0,0,1) 10%, rgba(0,0,0,0.6) 35%,rgba(0,0,0,0.3) 45%,transparent 65%)}
#inc01 .item-list li.pay{background-image:url(./img/inc01_img01.jpg)}
#inc01 .item-list li.menu{background-image:url(./img/inc01_img03.jpg)}
#inc01 .item-list li.qr{background-image:url(./img/inc01_img02.jpg)}
#inc01 .item-list li.report{background-image:url(./img/inc01_img04.jpg)}
#inc01 .item-list li h3{padding-bottom:10px;font-size:20px}
#inc01 .item-list li p{font-size:16px}
}
@media (max-width:768px){
#inc01 .group-title{padding-bottom:30px}
#inc01 .group-title h2{padding-bottom:15px}
#inc01 .item-box, #inc01 .item-list{gap:12px}
#inc01 .item-list li{height:220px;padding:24px;background-position:left !important}
#inc01 .item-list li h3{font-size:18px}
#inc01 .item-list li p{font-size:15px}
}
@media (max-width:580px){
#inc01 .item-box{flex-direction:column}
#inc01 .item-list:first-child{margin-top:0}
#inc01 .item-list li{height:230px;padding:20px}
#inc01 .item-list li p{white-space:normal}
#inc01 .item-list li h3{padding-bottom:8px}
#inc01 .item-list li.report{background-position:top !important}
}
@media (max-width:480px){
#inc01{padding:60px 15px 0}
}
/* 반응형 [e] */