.process{
     width:100%;
     display:flex;
     align-items: center;
     justify-content: center;
     gap: 25px;
     flex-wrap:wrap;
	 margin: 18px 0;
}

.step{
    position:relative;
    width:12%;
    height:90px;
    background:#fff;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:700;
    color:#222;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.step::after{
    content:"➜";
    position:absolute;
    right: -22px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    color:#444;
}

.step:last-child::after{
    display:none;
}

/* 색상 테두리 */
.gray{
    border:2px solid #d9d9d9;
}

.gray-dash{
    border: 2px solid #a7b0b8;
}

.green{
    border:2px solid #b5e61d;
}

.pink{
    border:2px solid #ff7fa9;
}

.cyan{
    border:2px solid #00c7c7;
}

.orange{
    border:2px solid #ffb52b;
}

.blue{
    border:2px solid #4a63ff;
}

/****** Mobile ******/

@media screen and (max-width:860px){
.step {
    position: relative;
    width: 20%;}
}

	/****** Mobile ******/

@media screen and (max-width:460px){
    .step {
        position: relative;
        width: 25%;}
}