@charset "utf-8";

/*
 * File    : rwd-etc.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



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

    /* CAREERS */
    .careers-why { padding: 120rem 0 0; }
    .careers-why__content { margin-top: 36rem; }

    .careers-life { padding: 120rem 0; }
    .careers-life__list a { padding: 36rem; gap: 36rem 28rem; }
    .careers-life__thumb { width: 50%; }
    .careers-life__desc { margin-top: 20rem; }
    .careers-life__list li:first-child .careers-life__desc { margin-top: 36rem; }

    .careers-teams { padding: 120rem 0; }
    .careers-teams__viewer-images { flex: none; width: 40%; }
    .careers-teams__viewer-list a { gap: 80rem; padding: 36rem 0; }

    .careers-recruit { padding: 120rem 0 80rem; }
    .careers-recruit__list > li { min-height: 120rem; padding: 36rem 60rem; gap: 80rem; }
    .careers-recruit__title { width: 200rem; }

    /* CONTACT */
    .contact-inquiry { padding: 60rem 0 120rem; }
    .contact-inquiry__form .jt-form { max-width: 600rem; }

    .contact-location { padding: 120rem 0; }

    /* PRIVACY */
    body.privacy-policy .main-container { padding-top: 200rem;  padding-bottom: 120rem; }
    body.privacy-policy .jt-single__header { padding-bottom: 20rem; }

}



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

    /* CAREERS */
    .careers-why { padding: 100rem 0 0; }
    .careers-why__content { margin-top: 30rem; }

    .careers-life { padding: 100rem 0; }
    .careers-life__list a { padding: 30rem; gap: 30rem 20rem; }
    .careers-life__date { margin-bottom: 4rem; }
    .careers-life__desc { margin-top: 16rem; }
    .careers-life__list li:first-child .careers-life__date { margin-bottom: 6rem; }
    .careers-life__list li:first-child .careers-life__desc { margin-top: 30rem; }

    .careers-teams { padding: 100rem 0; }
    .careers-teams__viewer-list a { flex-wrap: wrap; align-items: center; gap: 24rem; padding: 30rem 0; }
    .careers-teams__viewer-number { width: auto; }
    .careers-teams__viewer-title { width: auto; flex: 1; }
    .careers-teams__viewer-desc { flex: none; width: 100%; }

    .careers-recruit { padding: 100rem 0 60rem; }
    .careers-recruit__list > li { min-height: 100rem; padding: 30rem 50rem; gap: 60rem; }
    .careers-recruit__title { width: 180rem; }

    /* CONTACT */
    .contact-inquiry { padding: 40rem 0 100rem; }
    .contact-inquiry__container { gap: 40rem; }
    .contact-inquiry__content-sticky { gap: 60rem; }
    .contact-inquiry__form { padding: 0; }

    .contact-location { padding: 100rem 0; }

    /* PRIVACY */
    body.privacy-policy .main-container { padding-top: 180rem; padding-bottom: 100rem; }
    body.privacy-policy .jt-single__header { padding-bottom: 0; }


}



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

    /* CAREERS */
    .careers-why { padding: 80rem 0 0; }
    .careers-why__list { gap: 16rem; margin: 0 -30rem; padding: 0 30rem; overflow: auto; scrollbar-width: none; }
    .careers-why__list::-webkit-scrollbar { display: none; }
    .careers-why__list > li { flex: none; width: 320rem; }
    .careers-why__content { margin-top: 24rem; }

    .careers-life { padding: 80rem 0; }
    .careers-life__list { grid-template-columns: 1fr; gap: 16rem; }
    .careers-life__list a { gap: 24rem; }
    .careers-life__list li:first-child .careers-life__desc { margin-top: 24rem; }

    .careers-teams { padding: 80rem 0; }
    .careers-teams__viewer-images { display: none; }
    .careers-teams__viewer-image { height: auto; }
    .careers-teams__viewer-list li { height: auto; }
    .careers-teams__viewer-list .careers-teams__viewer-image { position: relative; inset: 0; max-width: 532rem; padding-bottom: 30rem; opacity: 1; visibility: visible; }
    .careers-teams__viewer-list .careers-teams__viewer-image .jt-lazyload { padding-top: 78.77%; }
    .careers-teams__viewer-list li:first-child .careers-teams__viewer-image { display: block; }

    .careers-recruit { padding: 80rem 0 40rem; }
    .careers-recruit__list > li { flex-direction: column; min-height: 80rem; padding: 24rem 100rem 24rem 0; gap: 10rem; }
    .careers-recruit__title { width: 100%; }
    .careers-recruit__desc { width: 100%; }
    .careers-recruit__apply { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }

    /* CONTACT */
    .contact-inquiry { padding: 20rem 0 80rem; }
    .contact-inquiry__container { flex-direction: column; }
    .contact-inquiry__content-sticky { flex-direction: row; }
    .contact-inquiry__title { flex: 1; }
    .contact-inquiry__info { flex: 1; }
    .contact-inquiry__form .jt-form { max-width: inherit; }

    .contact-location { padding: 80rem 0; }

    /* PRIVACY */
    body.privacy-policy .main-container { padding-top: 140rem; padding-bottom: 80rem; }

}



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

    /* CAREERS */
    .careers-why { padding: 60rem 0 0; }
    .careers-why__list { gap: 10rem; }
    .careers-why__content { margin-top: 20rem; }
    .careers-why__desc { margin-top: 6rem; }

    .careers-life { padding: 60rem 0; }
    .careers-life__list { gap: 10rem; }
    .careers-life__list a { flex-direction: column; padding: 20rem; gap: 20rem; }
    .careers-life__thumb { width: 100%; }
    .careers-life__list li:first-child .careers-life__date { margin-bottom: 4rem; }
    .careers-life__list li:first-child .careers-life__desc { margin-top: 16rem; }

    .careers-teams { padding: 60rem 0; }
    .careers-teams__viewer-list a { gap: 20rem; padding: 20rem 0; }
    .careers-teams__viewer-list .careers-teams__viewer-image { padding-bottom: 20rem; }

    .careers-recruit { padding: 60rem 0 20rem; }
    .careers-recruit__list > li { padding: 20rem 80rem 20rem 0; gap: 6rem; }
    .careers-recruit__apply { gap: 6rem; }
    .careers-recruit__apply .jt-icon { width: 16rem; }

    /* CONTACT */
    .contact-inquiry { padding: 0 0 60rem; }
    .contact-inquiry__content-sticky { flex-direction: column; gap: 32rem; }
    .contact-inquiry__form .jt-radiobox label { flex: 1; }

    .contact-location { padding: 60rem 0; }

    /* PRIVACY */
    body.privacy-policy .main-container { padding-top: 100rem; padding-bottom: 60rem; }
    body.privacy-policy .jt-single__header { flex-direction: column; gap: 32rem; align-items: flex-start; }
    .jt-privacy__revison { width: 100%; }

}