@charset "utf-8";

#inc04{padding:134px 0;overflow:hidden}
#inc04 .group-tit{padding-bottom:110px}
#inc04 .inner{position:relative}
#inc04 .group-cont{display:flex;flex-direction:column;align-items:center;gap:105px}
#inc04 .group-cont ul{display:flex;justify-content:center;width:100%}
#inc04 .group-cont ul li{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:345px;width:100%;text-align:center}
#inc04 .group-cont ul li:nth-child(2)::before,#inc04 .group-cont ul li:nth-child(2)::after{position:absolute;content:'';top:50%;transform:translateY(-50%);width:1px;height:81px;background-color:#f1f1f1}
#inc04 .group-cont ul li:nth-child(2)::before{left:0}
#inc04 .group-cont ul li:nth-child(2)::after{right:0}
#inc04 .group-cont ul li span.icon{display:flex;align-items:center;justify-content:center;width:55px;aspect-ratio:1;border-radius:100px;background-color:#e8dfd2;color:#7a6842}
#inc04 .group-cont ul li span.icon svg{flex-shrink:0}
#inc04 .group-cont dl{display:flex;flex-direction:column;align-items:center;gap:13px}
#inc04 .group-cont dt{font-size:22px;font-weight:700;color:#4a3f2f;line-height:1.2}
#inc04 .group-cont dd{display:flex;flex-direction:column;gap:7px;font-size:17px;font-weight:700;line-height:1.5;color:#7A6842}
#inc04 .group-cont dd span{font-size:13px;font-weight:normal;color:#7a6842}
#inc04 .group-cont .btn--primary{background-color:#4A3F2F;color:#fff}
#inc04 .group-cont .btn--primary:hover{border-color:#4A3F2F;background-color:#fff;color:#4A3F2F}
#inc04 .bg-img{position:absolute}
#inc04 .bg-img.left{top:5px;left:0}
#inc04 .bg-img.right{top:33px;right:94px}

/* 반응형 [s] */
@media (max-width:1600px){
#inc04{padding:120px 0}
#inc04 .group-tit{padding-bottom:88px}
#inc04 .group-cont{gap:64px}
}
@media (max-width:1400px){
#inc04{padding:100px 20px}
#inc04 .bg-img.left{transform:scale(0.8)}
#inc04 .bg-img.right{top:30px;right:65px;transform:scale(0.8)}
#inc04 .group-tit{padding-bottom:75px}
#inc04 .group-cont dt{font-size:20px}
#inc04 .group-cont ul li{gap:18px}
#inc04 .group-cont ul li span.icon{width:50px}
#inc04 .group-cont ul li span.icon svg{width:20px;height:20px}
}
@media (max-width:1200px){
#inc04 .bg-img.right{right:0;transform:scale(0.7)}
#inc04 .bg-img.left{top:0;left:-50px;transform:scale(0.7)}
#inc04 .group-tit{padding-bottom:60px}
#inc04 .group-cont{gap:55px}
#inc04 .group-cont dt{font-size:18px}
#inc04 .group-cont ul li span.icon{width:48px}
#inc04 .group-cont dl{gap:10px}
#inc04 .group-cont dd{font-size:16px}
}
@media (max-width:1024px){
#inc04{padding:80px 20px}
#inc04 .bg-img.right{top:10px;right:-35px;transform:scale(0.6);opacity:0.5}
#inc04 .bg-img.left{top:-13px;left:-100px;transform:scale(0.6);opacity:0.7} 
}
@media (max-width:768px){
#inc04{padding:65px 20px}
#inc04 .bg-img.left{top:-16px;left:-128px;transform:scale(0.5);opacity:0.45}
#inc04 .bg-img.right{top:5px;right:-90px;transform:scale(0.5);opacity:0.3}
#inc04 .group-tit{padding-bottom:40px}
#inc04 .group-cont{gap:45px}
#inc04 .group-cont ul li span.icon{width:42px}
#inc04 .group-cont ul li span.icon svg{width:18px;height:18px}
#inc04 .group-cont dl{gap:8px}
#inc04 .group-cont dt{font-size:16px}
#inc04 .group-cont dd{gap:4px;font-size:15px}
}
@media (max-width:650px){
#inc04 .bg-img.left{top:-7px;left:-152px;transform:scale(0.45);opacity:0.35}
#inc04 .bg-img.right{top:60px;right:-110px;transform:scale(0.45);opacity:0.25}
#inc04 .group-cont dt{font-size:15px}
#inc04 .group-cont ul li span.icon{width:38px}
#inc04 .group-cont ul li span.icon svg{width:16px;height:16px}
#inc04 .group-cont{gap:40px}
}
@media (max-width:480px){
#inc04{padding:45px 20px}
#inc04 .bg-img.left{top:-53px;left:-153px;transform:scale(0.4)}
#inc04 .bg-img.right{top:4px;right:-110px;transform:scale(0.4);opacity:0.2}
#inc04 .group-tit{padding-bottom:10px}
#inc04 .group-cont{gap:10px}
#inc04 .group-cont ul{flex-direction:column;align-items:center}
#inc04 .group-cont ul li{padding:20px 0}
#inc04 .group-cont ul li:nth-child(2)::before, #inc04 .group-cont ul li:nth-child(2)::after{top:0;transform:translateX(-50%);width:81px;height:1px}
#inc04 .group-cont ul li:nth-child(2)::before{left:50%}
#inc04 .group-cont ul li:nth-child(2)::after{top:unset;bottom:0;right:50%;transform:translateX(50%)}
}
@media (max-width:390px){
#inc04 .bg-img{display:block}
}
/* 반응형 [e] */