.process_box {
    width: 100%;
    padding-top: calc(25px + 5rem);
    padding-bottom: calc(17px + 3rem);
}

.process_box .process {
    max-width: 1640px;
    width: 85%;
    margin: auto;
}
.process_nav_box{
    width: 74.3902%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.process_nav_item{
    width: 31.3934%;
    height: calc(83px + 15rem);
    border-radius: calc(10px + 0.5rem);
    position: relative;
}
.process_nav_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.process_title{
    width: 100%;
height: calc(17px + 2rem);
background: rgba(0,0,0,0.3);
border-radius: 0px 0px calc(10px + 0.5rem) calc(10px + 0.5rem);
position: absolute;
bottom: 0;
font-family: Source_Han_Regular;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #FFFFFF;
line-height: calc(10px + 1rem);
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: calc(10px + 0.5rem);
}

.process_main_1 {
    padding-top: calc(17px + 5rem);
    padding-bottom: calc(10px + 4rem);
    border-bottom: 1px #D8D8D8 solid;
}

.process_main_1 .p1 {
    font-family: Source_Han_Regular;
    font-weight: 400;
    font-size: calc(6px + 1.5rem);
    color: #A22124;
    line-height: calc(12px + 2rem);
}

.process_main_1 .p2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(20px + 0.5rem);
    margin-top: calc(7px + 1rem);
}

.process_main_1 .p2 p {
    font-family: Source_Han_normal;
    font-weight: 350;
    font-size: calc(8px + 0.5rem);
    color: #666666;
    line-height: calc(10px + 1rem);

}
.process_main_2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(3px + 2rem);
    padding-top: calc(6px + 5rem);
    padding-bottom: calc(49px + 5rem);
}
.process_main_2 .process_main_2_text{
    width: calc(169px + 30rem);
}
.process_main_2 .p1 {
    font-family: Source_Han_Light;
    font-weight: 600;
    font-size: calc(4px + 1rem);
    color: #333333;
    line-height: calc(5px + 1.5rem);
}
.process_main_2 .p2{
font-family: Source_Han_Regular;
font-weight: 400;
font-size: calc(10px + 0.5rem);
color: #333333;
line-height: calc(9px + 1rem);
margin-top: calc(6px + 1rem);
}
.process_main_2 .p3{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(20px + 0.5rem);
    margin-top: calc(1px + 1rem);
}
.process_main_2 .p3 p{
font-family: Source_Han_normal;
font-weight: 350;
font-size: calc(8px + 0.5rem);
color: #999999;
line-height: calc(6px + 1rem);
}

.process_main_2_pic{
    width: calc(100px + 30rem);
    height: calc(114px + 20rem);
}
.process_main_2_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.process_main_3 .p1{
font-family: Source_Han_Light;
font-weight: 600;
font-size: calc(4px + 1rem);
color: #333333;
line-height: calc(5px + 1.5rem);

}
.process_main_3 .p2{
font-family: Source_Han_Regular;
font-weight: 400;
font-size: calc(10px + 0.5rem);
color: #333333;
line-height: calc(9px + 1rem);
margin-top: calc(6px + 1rem);
}
.process_main_3 .p3{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(10px + 0.5rem);
    margin-top: calc(1px + 1rem);
}
.process_main_3 .p3 p{
font-family: Source_Han_normal;
font-weight: 350;
font-size: calc(8px + 0.5rem);
color: #666666;
line-height: calc(6px + 1rem);
}