@charset "utf-8";

#partner-recruit #group-head #head-md{margin-top:20px}
#partner-recruit .step{padding-top:20px}
#partner-recruit .step ul{gap:40px}
#partner-recruit .step li{display:flex;flex-direction:column;border-radius:12px;padding:36px;gap:20px}
#partner-recruit .step li span{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;font-weight:600;font-size:40px;color:var(--white)}
#partner-recruit .step li #head-md{font-weight:600}

#partner-recruit .step li.num01{border:1px solid rgba(16, 185, 129, 0.4);background: rgba(16, 185, 129, 0.2)}
#partner-recruit .step li.num01 span{background:rgba(16, 185, 129, 1)}
#partner-recruit .step li.num02{border: 1px solid rgba(255, 119, 69, 0.4);background: rgba(255, 119, 69, 0.2)}
#partner-recruit .step li.num02 span{background:rgba(255, 119, 69, 1)}
#partner-recruit .step li.num03{border: 1px solid rgba(84, 196, 209, 0.4);background: rgba(84, 196, 209, 0.2)}
#partner-recruit .step li.num03 span{background:rgba(84, 196, 209, 1)}

#partner-recruit .step li img{width:68px}
#partner-recruit .step li div{display:flex;justify-content:space-between;align-items:center}
#partner-recruit a{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:50px;padding:10px 0;border-radius:12px;font-weight:600;color:var(--white);background:rgba(255, 119, 69, 1)}
#partner-recruit a img{width:24px}

@media (max-width:1024px){
#partner-recruit{display:none}
}