@charset "utf-8";

#mainService{padding:120px 0 60px}
#mainService h2{margin-bottom:35px;font-size:30px;font-weight:700;line-height:1.3;text-align:center}
#mainService .card-wrap{gap:24px}
#mainService .card-left{gap:24px;width:580px}
#mainService .card-right{flex-grow:1;gap:24px}
#mainService .card{overflow:hidden;position:relative;padding:35px 0 0 40px;border-radius:8px}
#mainService .card h3{margin-bottom:12px;font-size:22px;font-weight:700}
#mainService .card .desc{font-size:15px;font-weight:400;color:var(--prm-gray-500)}
#mainService .card.txt-w h3{color:#fff}
#mainService .card.txt-w .desc{color:var(--prm-gray-100)}
#mainService .card-1{width:100%;height:280px;background:var(--prm-blue-500)}
#mainService .card-2{width:calc(50% - 12px);height:340px;background:var(--prm-gray-100)}
#mainService .card-3{width:calc(50% - 12px);height:340px;background:var(--scd-orange-100)}
#mainService .card-4{height:200px;background:var(--prm-blue-50)}
#mainService .card-5{height:420px;background:var(--scd-orange-400)}
#mainService .card .obj{position:absolute}
#mainService .card-1 .obj{right:20px;bottom:0;width:440px}
#mainService .card-2 .obj{right:0;bottom:0;width:258px}
#mainService .card-3 .obj{right:0;bottom:0;width:258px}
#mainService .card-4 .obj{right:-30px;top:15px;width:210px}
#mainService .card-5 .obj:not(.obj2){right:-10px;top:85px;width:210px}
#mainService .card-5 .obj2{left:40px;bottom:40px;width:250px}