.join_wrap .section_philosophy {
    /* padding-top: 200px; */
    padding-top: calc(10px + 9.89vw);
    padding-bottom: calc(10px + 4.6875vw);
    background: #F5F6F9;
}


.join_wrap .section_philosophy .img_box {
    position: absolute;
    left: 0;
    top: calc(10px + 8.85vw);
    max-width: 44%;
    overflow: hidden;
    height: calc(200px + 15.625vw);
}

.join_wrap .section_philosophy .img_box img {
    max-width: none;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.feature h2 {
    font-size: var(--font-size40);
    font-family: "misans_medium";
    color: #343A47;
}

.feature h3 {
    font-size: var(--font-size24);
    font-family: "misans_medium";
    color: var(--theme-color);
    margin-bottom: calc(10px + 0.41vw);
    margin-top: calc(10px + 1.04vw);

}

.feature p {
    line-height: 1.75;
    color: #666;
    margin-bottom: calc(10px + 1.19vw);
}

.join_wrap .section_philosophy .under_txt_container {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 0;

}

.join_wrap .section_philosophy .under_txt {
    top: 60px;
    left: 0;
    background: linear-gradient(to bottom, #D8281D, rgba(216, 40, 29, 0.08));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.section_hkwrap {
    padding-top: 204px;
    padding-bottom: 120px;
    padding-top: calc(10px + 10.1vw);
    padding-bottom: calc(10px + 5.72vw);
}



.section_hkwrap .swiper-join {
    width: 100%;
}

.section_hkwrap .swiper-slide {
    width: auto;
    height: 100%;

}

/* .section_hkwrap .swiper-slide .img-box{
    overflow: hidden;
}

*/
.section_hkwrap .swiper-slide img {
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
}

.section_hkwrap .swiper-slide:hover img {
    /* transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05); */
    opacity: .9;
}

.row {
    margin-left: 0;
    margin-right: 0;

}

/* join_job_wrap */
.join_job_wrap {
    background-color: #f5f6f9;
    padding-top: 160px;
    /* padding-bottom: 65px; */
    padding-bottom: calc(10px + 2.86vw);

}

.swiper-join-wrap .swiper-pagination {
    margin-top: .5rem;
}

.swiper-join-wrap .swiper-slide .img_box {
    overflow: hidden;
    position: relative;
    height: 100%;
    height: calc(200px + 11.9vw);

}


.accordion_content {
    display: none;
}

.accordion_content_body {
    padding: calc(10px + 0.41vw) calc(10px + 1.56vw);
    color: #666;
}


.accordion_content h2 {
    font-size: var(--font-size18);
    font-family: "misans_medium";
    color: #333;
    margin: calc(10px + 0.41vw) 0;
}

.accordion_content p {
    margin: 8px 0;
}

.accordion_content .job_bottom {
    margin-bottom: calc(10px + 1.56vw);
    margin-top: calc(10px + 1.04vw);

}

.accordion_content .job_bottom h3 {
    color: #FF0000;
    font-size: var(--font-size18);
    font-family: "misans_medium";


}

.accordion_content .job_bottom span {
    display: inline-block;
    background-color: var(--theme-color);
    color: #fff;

}

.accordion_content .job_bottom .btn_wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;

}

.accordion_content .job_bottom .btn_wrap span {
    padding: 8px calc(10px + 0.72vw);

    display: flex;
    align-items: center;

}

.accordion_content .job_bottom .btn_wrap span:first-child {
    margin-right: calc(10px + 0.52vw);
}

.accordion_content .job_bottom .btn_wrap span i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.accordion_content .job_bottom .btn_wrap span .icon_tel {
    background: url("../images/icon_tel.png") no-repeat center;
}

.accordion_content .job_bottom .btn_wrap span .icon_email {
    background: url("../images/icon_email.png") no-repeat center;
}
@media (max-width: 1440px) {
    .section_hkwrap{
        padding-top: calc(10px + 8vw);
    }
    
}

@media (max-width: 1200px) {
    .feature p {
        line-height: 1.6;
    }

}

@media (max-width: 1024px) {

    /* .join_wrap .section_philosophy .img_box{
        height: calc(250px + 13vw);

    } */

    .join_job_wrap{
        padding-top:  calc(10px + 3.64vw);
    }
}

@media (max-width: 767px) {
    .section_hkwrap{
        padding-top:  calc(10px + 3.64vw)
        ;
    }
    .join_wrap .section_philosophy{
        padding-top: calc(10px + 3.64vw);
    }
    .join_wrap .section_philosophy .img_box {
        max-width: 100%;
        width: 100%;
        position: static;
        margin: 0 auto;
        width: 100%;
        padding:0 1rem;
        height: auto;


        margin-bottom: 1.5rem;

    }

    .join_wrap .section_philosophy .img_box img {
        max-width: 100%;

    }

    .join_wrap .section_philosophy .col-6 {
        width: 100%;


    }

    .accordion_content .job_bottom .btn_wrap span {
        font-size: 14px;
    }

}

@media (max-width: 600px) {

    .swiper-join-wrap,
    .join_wrap .section_philosophy .img_box {
        padding-left: 1rem !important;
        padding-right: 1rem;
    }




}

@media (max-width:575px) {
    .accordion_content p {
        font-size: 14px;
    }

    .join_job_wrap .job_wrap .col-7 {
        width: 50%;
    }

    .join_job_wrap .job_wrap .col-3,
    .join_job_wrap .job_wrap .col-2 {
        width: 25%;

    }


}


@media (min-width: 1025px) {
    .swiper-join-wrap .swiper-pagination {
        margin-top: 1rem;
        display: none;
    }

}