@charset "utf-8";

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



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

    /* 고객의 소리 */
    .jt-form-layer__content figure { margin-bottom: 38rem; }
    .jt-form-layer__actions { margin-top: 38rem; }

}



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

    /* FLOATING CONTACT */
    .floating-contact { bottom: 40rem; right: 40rem; }
    .floating-contact__figure { width: 56rem; height: 56rem; }

    /* 고객의 소리 */
    .jt-form-layer__content { width: 440rem; padding: 54rem 36rem; }
    .jt-form-layer__content figure { width: 100rem; height: 100rem; margin-bottom: 35rem; }
    .jt-form-layer__content p { margin-top: 14rem; }
    .jt-form-layer__actions { margin-top: 35rem; }
    .jt-form-layer__close { width: 34rem; height: 34rem; right: 26rem; top: 26rem; }

    /* 이메일 무단수집 거부 */
    .email-security__rule-box { margin: 36rem 0; padding: 36rem; }
    
}



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

    /* FLOATING CONTACT */
    .floating-contact { bottom: 24rem; right: 24rem; }
    .floating-contact__box { padding: 16rem; }
    .floating-contact__figure { width: 52rem; height: 52rem; }

    /* 고객의 소리 */
    .jt-form-layer__content { width: 380rem; padding: 50rem 32rem; }
    .jt-form-layer__content figure { width: 92rem; height: 92rem; margin-bottom: 30rem; }
    .jt-form-layer__content p br { display: none; }
    .jt-form-layer__actions { margin-top: 30rem; }
    .jt-form-layer__close { top: 20rem; right: 20rem; width: 32rem; height: 32rem; }

    /* 이메일 무단수집 거부 */
    .email-security__desc { margin-top: 14rem; }
    .email-security__rule-box { margin: 32rem 0; padding: 32rem; }
    .email-security__rule-list { margin-top: 14rem; }
    .email-security__rule-list li::before { top: 10rem; }

}



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

    /* FLOATING CONTACT */
    .floating-contact { bottom: 21rem; right: 21rem; }
    .floating-contact__figure { width: 48rem; height: 48rem; }

    /* 고객의 소리 */
    body.page-template-support-customer .article__desc br { display: none; }
    body.page-template-support-customer .jt-form__entry:first-child .jt-radiobox label { width: calc(50% - 8rem); }

    .jt-form-layer__container { padding: 0 21rem; }
    .jt-form-layer__content { width: 100%; padding: 40rem 24rem; }
    .jt-form-layer__content figure { width: 84rem; height: 84rem; margin-bottom: 24rem; }
    .jt-form-layer__content p { margin-top: 12rem; }
    .jt-form-layer__actions { margin-top: 24rem; }
    .jt-form-layer__close { top: 20rem; right: 20rem; width: 32rem; height: 32rem; }
    .jt-form-layer__close { right: 16rem; top: 16rem; width: 30rem; height: 30rem; }

    /* 이메일 무단수집 거부 */
    .email-security__desc { margin-top: 12rem; }
    .email-security__rule-box { margin: 24rem 0; padding: 24rem; }
    .email-security__rule-list { margin-top: 12rem; gap: 6rem; }
    .email-security__rule-list li::before { top: 9rem; }

}