.development_box {
    width: 100%;
    padding-top: calc(20px + 3rem);
    padding-bottom: calc(12px + 5rem);
}

.development {
    max-width: 1640px;
    width: 85%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.development_left {
    width: 51.3415%;
}

.deve_title {
    font-family: DM_Sans-regular;
    font-weight: 400;
    font-size: calc(4px + 0.5rem);
    color: #B67865;
    line-height: calc(8px + 0.5rem);
}

.deve_subtitle {
    font-family: DM_Sans-medium;
    font-weight: 500;
    font-size: calc(10px + 1rem);
    color: #333333;
    line-height: calc(16px + 2rem);
    letter-spacing: 1px;
    margin-top: calc(7px + 0.5rem);
}

.development_left .p3 {
    font-family: DM_Sans-regular;
    font-weight: 300;
    font-size: calc(6px + 0.5rem);
    color: #666666;
    line-height: calc(6px + 1.5rem);
    margin-top: calc(5px + 1.5rem);
}

.development_pic {
    width: 44.1463%;
    height: calc(80px + 20rem);
}

.development_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.development_2_box {
    width: 100%;
    background-color: #F7F6F2;
    padding-top: calc(5px + 5rem);
    padding-bottom: calc(6px + 3rem);
}

.development_2_box .p3 {
    font-family: DM_Sans-regular;
    font-weight: 300;
    font-size: calc(6px + 0.5rem);
    color: #666666;
    line-height: calc(6px + 1.5rem);
    text-align: center;
    margin-top: calc(5px + 1rem);
}

.development_3_box {
    padding-top: calc(82px + 5rem);
    padding-bottom: calc(54px + 5rem);
}

.development_3 {
    flex-flow: row-reverse;
}

.development_3 .development_pic {
    width: 42.6829%;
    height: calc(100px + 30rem);
}

.fabric_box {
    width: 100%;
    padding-bottom: calc(96px + 5rem);
}

.fabric {
    max-width: 1640px;
    width: 85%;
    margin: auto;
}

.fabric_title {
    font-family: DM_Sans-bold;
    font-weight: 600;
    font-size: calc(6px + 1.5rem);
    color: #333333;
    line-height: calc(16px + 2rem);
    letter-spacing: 1px;
}

.fabric_list {
    display: flex;
    justify-content: space-between;
    margin-top: calc(7px + 1.5rem);

}

.fabric_item {
    width: 30%;

}

.fabric_item .p3 {
    font-family: DM_Sans-regular;
    font-weight: 300;
    font-size: calc(6px + 0.5rem);
    color: #666666;
    line-height: calc(6px + 1.5rem);
    width: calc(53px + 15rem);
}


@media screen and (max-width: 1100px){
    .development{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }
    .development_left{
        width: 100%;
    }
    .deve_title{
        font-size: calc(10px + 1rem);
    }
    .deve_subtitle{
        font-size: calc(12px + 1rem);
        line-height: 1.5;

        
    }
    .development_left .p3{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .development_pic{
        width: 100%;
        height: calc(80px + 32rem);
    }
    .development_2_box .p3{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
        width: 80%;
        margin: auto;
    }
    .development_3 .development_pic{
        width: 100%;
    }
    .fabric_list{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 3rem);
    }
    .fabric_item{
        width: 100%;
    }
    .fabric_item .p3{
        width: 100%;
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .fabric_title{
        font-size: calc(12px + 1rem);
    }
    .fabric_box{
        padding-bottom: calc(10px + 5rem);
    }
}