@charset "utf-8";

/*
 * File    : rwd-careers.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* CAREERS */
    .careers-welfare__content .jt-icon { width: 100rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* CAREERS */
    .careers-ideal__keypoint-value br { display: none; }

    .careers-welfare__list { grid-template-columns: repeat(3, 1fr); gap: 24rem; }
    .careers-welfare__content { gap: 16rem; }
    
    .careers-family__content { padding-bottom: 0; }
    .careers-family__slider .swiper-navigation { display: none; }
    .careers-family__slider.swiper-initialized .careers-family__item { margin: 0 12rem; }

    .careers-process__container { padding: 80rem 60rem; }
    .careers-process__step-content-inner { gap: 0; }
    .careers-process__controls { margin-top: 40rem; }
    .careers-process__controls p {margin-bottom: 24rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* CAREERS */
    .careers-ideal__circle { width: 500rem; height: 500rem; }
    .careers-ideal__circle:before { border-width: 100rem; }
    .careers-ideal__keypoint { gap: 180rem; }
    .careers-ideal__keypoint-key { width: 160rem; height: 160rem; }

    .careers-people__slider { margin: 0 -12rem; }
    .careers-people__item { margin: 0 12rem; width: 400rem; }

    .careers-process__controls p br { display: none; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* CAREERS */
    .careers .article__section-title br { display: block; }

    .careers-ideal__logo { width: 180rem; }
    .careers-ideal__keypoint-value { display: none; }
    .careers-ideal__content { display: block; margin-top: 60rem; border-top: 1px solid var(--color-gray-400); }
    .careers-ideal__content-item { display: flex; align-items: center; gap: 30rem; padding: 40rem 0; border-bottom: 1px solid var(--color-gray-400); }
    .careers-ideal__content-item b { width: 160rem; }
    .careers-ideal__content-item p { flex: 1; }

    .careers-welfare__list { grid-template-columns: repeat(2, 1fr); gap: 20rem; }
    .careers-welfare__explain { margin-top: 24rem; }

    .careers-family__slider.swiper-initialized .careers-family__item { margin: 0 10rem; }
    .careers-family__content p br { display: none; }

    .careers-people__slider { margin: 0; }
    .careers-people__item { margin: 0; width: 320rem; }
    .careers-people__item + .careers-people__item { margin-left: 20rem; }
    .careers-people__content { margin-top: 20rem; }
    .careers-people__data { margin-top: 4rem; gap: 21rem; }
    .careers-people__data > span + span:before { left: -11rem; height: 12rem; top: 9rem; }

    .careers-process__container { padding: 60rem 40rem; }
    .careers-process__step-item { width: 172rem; }
    .careers-process__step-last { margin-left: -20rem; width: auto; }
    .careers-process__step-arrow { display: none; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* CAREERS */
    .careers .article__section-title br { display: none; }
    .careers .article__section-head .article__section-desc br { display: none; }

    .careers-banner__container .jt-lazyload { padding-top: 76%; }
    .careers-banner__container .jt-lazyload img { height: 100%; object-fit: cover;}

    .careers-ideal__logo { width: 120rem; left: 5rem; }
    .careers-ideal__circle { width: 320rem; height: 320rem; }
    .careers-ideal__circle:before { border-width: 80rem; }
    .careers-ideal__keypoint { gap: 100rem; }
    .careers-ideal__keypoint-key { width: 120rem; height: 120rem; }
    .careers-ideal__content { margin-top: 40rem; }
    .careers-ideal__content-item { flex-direction: column; gap: 8rem; align-items: start; padding: 30rem 0; }
    .careers-ideal__content-item b { width: 100%; }
    .careers-ideal__content-item p br { display: none; }

    .careers-welfare__list { grid-template-columns: 1fr; gap: 12rem; }
    .careers-welfare__content { padding: 40rem 20rem; }
    
    .careers-family__content p br { display: none; }
    
    .careers-people__item + .careers-people__item { margin-left: 12rem; }
    .careers-people__data > span + span:before { top: 7.5rem; }
    .careers-people__icon { margin-top: 12rem; }

    .careers-process__container { padding: 40rem 30rem 60rem; }
    .careers-process__step { position: relative; }
    .careers-process__step-list { flex-wrap: wrap; }
    .careers-process__step-item { width: 145rem; flex: none; }
    .careers-process__step-item + .careers-process__step-item { margin-left: 0; }
    .careers-process__step-last { position: absolute; bottom: 0; right: 0; }

    .careers-process__controls p { margin-bottom: 20rem; }

    

}