@charset "utf-8";

/*
 * File       : rwd-member.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) min-width 1024px
 * 02) 1800px
 * 03) 1480px
 * 04) 1023px
 * 05) 860px
 * 06) 540px
 */



/* **************************************** *
 * 1800px
 * **************************************** */
@media (min-width: 1024px){

    /* 마이페이지 (position sticky support) */
    body[class*="page-template-mypage-"] #barba-wrapper { overflow: visible; }

}



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

    /* 계약정보 ~ 계좌정보 */
    .contract-project { grid-template-columns: 1fr 1.86fr; }
    .contract-project__logo { padding-top: 16%; padding-bottom: 16%; }

    /* 개인정보수정 ~ 회원탈퇴 */
    .modify-form__info { grid-template-columns: 1fr 1fr; }
    .modify-form__info.modify-form__info--secondary { grid-template-columns: 0.8fr 1fr 168rem; }

}



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

    /* 일반 회원 인증 */
    .certify-list { margin-top: 18rem; }
    .certify-list--large > :is(a, button) { padding-top: 21rem; padding-bottom: 21rem; }
    .certify-list--basic > :is(a, button) { padding-top: 19rem; padding-bottom: 19rem; }

    /* 아이디 찾기 결과 */
    .find-id-result { padding: 108rem 44rem; }

    /* 회원가입 */
    .signup-identity { gap: 26rem; }

    /* 마이페이지 (컴포넌트) */
    .mypage-sidebar { width: 230rem; }

    #mypage-menu > li > a { font-size: 17rem; }
    #mypage-menu > li > ul > li > a { font-size: 16rem; }

    .mypage-content { width: calc(100% - 295rem); }

    .mypage-table :is(th, td) { padding-top: 19rem; padding-bottom: 19rem; }

    .mypage-table.mypage-table--secondary td { padding-top: 20rem; padding-bottom: 20rem; }

    .mypage-nodata__message { padding: 86rem 60rem; }
    .mypage-nodata__message > ul > li:before { top: 9rem; }

    .mypage-nodata--secondary .mypage-nodata__help { padding: 36rem 150rem 36rem 40rem; }

    .enquiry-popup__list > b { margin-bottom: 26rem; }

    /* 계약정보 ~ 계좌정보 */
    .contract-project { gap: 36rem; }

    .contract-project__logo { padding-top: 48rem; padding-bottom: 48rem; }
    .contract-project__logo svg { width: 90rem; }

    .contract-project__list .selectric .label { font-size: 16rem; }
    .contract-project__list .selectric-items ul, 
    .contract-project__list .selectric-items li { font-size: 16rem; }
    html.mobile .contract-project__list .jt-selectric__wrap > select { font-size: 16rem; }

    .contract-project__data { margin-top: 25rem; }
    .contract-project__data li:before { top: 9rem; }
    .contract-project__data li > b { width: 74rem; }

    .contract-notice li:before { top: 9rem; }

    .contract-source__payment-slider .swiper-slide { min-width: 150rem; }
    .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-top: 20rem; padding-bottom: 20rem; }

    .contract-source__calendar .jt-form__field { height: 56rem; }
    .contract-source__calendar button { width: 56rem; height: 56rem; }

    .contract-source__calendar .air-datepicker { top: 64rem; }
    .contract-source__calendar .air-datepicker-nav--title { font-size: 15rem; }
    .contract-source__calendar .air-datepicker-body--day-name { font-size: 14rem; }
    .contract-source__calendar .air-datepicker-cell { font-size: 14rem; }
    .contract-source__calendar .air-datepicker-button span { font-size: 15rem; }
    html.ios .contract-source__calendar .air-datepicker-nav--action { top: 21rem; }
    html.ios .contract-source__calendar .air-datepicker-cell { padding-top: 3rem; padding-bottom: 5rem; }

    .contract-source__search .jt-form__field { width: 300rem; height: 56rem; }
    .contract-source__search button { height: 56rem; }

    /* 개인정보수정 ~ 회원탈퇴 */
    .modify-confirm .jt-form__btn { font-size: 14rem; }

    .modify-form__info { gap: 26rem; padding: 36rem; }
    .modify-form__info > li { grid-template-columns: 95rem 1fr; }
    .modify-form__info.modify-form__info--secondary { padding-left: 52rem; padding-right: 52rem; }
    .modify-form .jt-form__fieldset { padding: 65rem; }
    .modify-form .jt-form__btn { width: 260rem; }

    .goto-unregister > button .jt-guide--icon { top: 0; }
    
}



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

    /* 로그인 */
    .jt-social-login { margin-top: 46rem; }
    .jt-social-login > ul { gap: 16rem; }
    .jt-social-login > ul > li > a { width: 50rem; height: 50rem; }
    .jt-social-login--naver > a .jt-guide--icon { width: 20rem; }
    .jt-social-login--kakao > a .jt-guide--icon { width: 28rem; }

    .jt-memeber-links { margin-top: 38rem; }

    /* 일반 회원 인증 */
    .certify-list > :is(a, button) { padding-left: 30rem; padding-right: 30rem; }
    .certify-list--large > :is(a, button) { padding-top: 19rem; padding-bottom: 19rem; }

    /* 아이디 찾기 결과 */
    .find-id-result { margin-bottom: 72rem; padding: 100rem 40rem; }

    /* 회원가입 */
    .signup-steps { margin-top: 16rem; margin-bottom: 72rem; }
    .signup-steps__list { gap: 80rem; }
    .signup-steps__list > li { width: auto; gap: 16rem; }
    .signup-steps__list .signup-steps__num { width: 46rem; height: 46rem; line-height: 46rem; }

    .signup__title { margin-bottom: 24rem; }

    .jt-agreement { margin-bottom: 88rem; }
    .jt-agreement__list { gap: 26rem; padding-bottom: 34rem; }
    .jt-agreement__list > li { padding-left: 34rem; padding-right: 34rem; }
    .jt-agreement__list > li.jt-agreement__all { padding-top: 26rem; padding-bottom: 25rem; }

    #general .signup__msg { margin-bottom: 72rem; }

    .signup-identity { margin-bottom: 54rem; padding: 34rem; gap: 22rem; }
    .signup-identity__key { width: 92rem; }

    .signup-result { margin-bottom: 72rem; padding: 88rem 24rem; gap: 16rem; }

    body.page-template-member-data-processing .jt-accordion__content-inner table > thead > tr > th:first-child { width: auto }
    body.page-template-member-data-processing .jt-accordion__content-inner table > thead > tr > th:last-child { width: auto; }

    /* 마이페이지 (컴포넌트) */
    .mypage-sidebar { display: none; }

    .mypage-content { width: 100%; }
    .mypage-content__title { margin-bottom: 42rem; padding-bottom: 16rem; }

    .mypage-table :is(th, td) { padding-top: 18rem; padding-bottom: 18rem; }
    .mypage-table th { padding-left: 34rem; padding-right: 34rem; }
    .mypage-table td { padding-right: 34rem; }

    .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 25rem; padding-right: 25rem; }
    .mypage-table.mypage-table--secondary td { padding-top: 19rem; padding-bottom: 19rem; }

    .mypage-nodata__message { padding: 80rem 32rem; }
    .mypage-nodata__message > * + * { margin-top: 30rem; }
    .mypage-nodata__message > ul { padding: 28rem 32rem; }
    .mypage-nodata__message > ul > li:before { top: 8rem; }
    .mypage-nodata__message > ul > li + li { margin-top: 6rem; }
    .mypage-nodata__help > b:after { height: 16rem; }
    .mypage-nodata__help > .jt-btn__underline { right: 32rem; }

    .mypage-nodata--secondary .mypage-nodata__message { padding-top: 52rem; padding-bottom: 52rem; border-top-width: 1px; }
    .mypage-nodata--secondary .mypage-nodata__help { margin-top: 28rem; padding: 32rem 140rem 32rem 32rem; }

    .enquiry-popup { padding: 70rem 48rem 50rem; }
    .enquiry-popup__list > b { margin-bottom: 18rem; }
    .enquiry-popup__list + .enquiry-popup__list { margin-top: 54rem; }

    .jt-dialog-popup .mfp-inline-holder .mfp-content { max-width: 700rem; }
    .jt-dialog-popup.mfp-close-btn-in .mfp-close { width: 30rem; height: 30rem; }

    /* 계약정보 ~ 계좌정보 */
    .contract-state { gap: 100rem; }
    .contract-state__section-title { padding-bottom: 16rem; margin-bottom: 30rem; }

    .contract-project__data { margin-top: 22rem; }
    .contract-project__data li:before { top: 8rem; }
    .contract-project__data li > b { width: 70rem; }
    html.ios .contract-project__data li:before { top: 7rem; }

    .contract-project__list .selectric .label { height: 54rem; font-size: 14rem; line-height: 54rem; }
    .contract-project__list .selectric-items ul, 
    .contract-project__list .selectric-items li { font-size: 14rem; }
    .contract-project__list .selectric .button { height: 54rem; }
    html.mobile .contract-project__list .jt-selectric__wrap > select { padding-bottom: 19rem; font-size: 14rem; }
    html.mobile .contract-project__list .jt-selectric__wrap:after { height: 54rem; }
    html.mobile.ios .contract-project__list .jt-selectric__wrap > select { padding-bottom: 19rem; }
    html.mobile.ios .contract-project__list .jt-selectric__wrap:after { height: 54rem; }

    .contract-notice { margin-bottom: 72rem; }
    .contract-notice li:before { top: 8rem; }
    html.ios .contract-notice li:before { top: 6rem; }

    .contract-source__payment-title { margin-bottom: 18rem; }
    .contract-source__payment-slider:before, 
    .contract-source__payment-slider:after { height: calc(100% - 38rem); }
    .contract-source__payment-slider .swiper-slide { min-width: 134rem; }
    .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-top: 19rem; padding-bottom: 19rem; }

    .contract-source__print { margin-top: 32rem; }
    .contract-print-item > b { margin-bottom: 18rem; }
    .contract-print-table .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 14rem; padding-right: 14rem; }

    .contract-source__calendar .jt-form__field { width: 170rem; height: 54rem; padding-left: 20rem; padding-right: 20rem; }
    .contract-source__calendar button { width: 54rem; height: 54rem; }
    .contract-source__calendar button .jt-guide--icon { width: 20rem; }

    .contract-source__calendar .air-datepicker { width: 328rem; top: 62rem; }
    .contract-source__calendar .air-datepicker-nav { padding-bottom: 17rem; }
    .contract-source__calendar .air-datepicker-nav--action { top: 17rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="prev"] { left: 24rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="next"] { right: 24rem; }
    .contract-source__calendar .air-datepicker--content { padding: 0 16rem 16rem 16rem; }
    .contract-source__calendar .air-datepicker-body--day-name { font-size: 13rem; }
    .contract-source__calendar .air-datepicker-body--cells.-years- { grid-auto-rows: 42rem; }
    .contract-source__calendar .air-datepicker-body--cells.-months- { grid-auto-rows: 42rem; }
    .contract-source__calendar .air-datepicker-cell { font-size: 13rem; min-width: 42rem; min-height: 36rem; padding-bottom: 5rem; }
    .contract-source__calendar .air-datepicker-button { padding-top: 11rem; padding-bottom: 11rem; }
    .contract-source__calendar .air-datepicker-button span { font-size: 13rem; }

    .contract-source__search .jt-form__field { width: 280rem; height: 54rem; }
    .contract-source__search button { height: 54rem; padding: 0 22rem; }

    .mypage-content__title + .mypage-nodata { margin-top: -42rem; }

    body.page-template-mypage-account .contract-state__section-title { margin-bottom: 42rem; }
    body.page-template-mypage-account .contract-source .mypage-nodata { margin-top: -42rem; }

    /* 개인정보수정 ~ 회원탈퇴 */
    .modify-confirm { padding: 72rem 24rem; }
    .modify-confirm__message:before { width: 47rem; height: 47rem; }
    .modify-confirm .jt-form__btn { width: 100%; font-size: 13rem; }
    html.ios .modify-confirm .jt-form__btn { padding-bottom: 13rem; }

    .modify-form__info { gap: 20rem; padding: 32rem; }
    .modify-form__info > li { grid-template-columns: 90rem 1fr; }
    .modify-form__info.modify-form__info--secondary { grid-template-columns: 1fr 1.5fr 150rem; }
    .modify-form .jt-form__fieldset { padding: 52rem; }
    .modify-form .jt-form__btn { width: 230rem; }

    .goto-unregister > button .jt-guide--icon { width: 20rem; }

    /* 마이페이지 (Home) */
    .mypage-profile { margin-bottom: 72rem; }
    .mypage-profile__btn { min-width: 153rem; padding: 15rem 20rem; }

    .mypage-direct-contract { margin-bottom: 72rem; }
    .mypage-direct-contract__header { padding-bottom: 16rem; }
    .mypage-direct-contract__minor-btn > i { width: 20rem; height: 20rem; top: -1rem; }
    
    .mypage-direct-contract .mypage-nodata__message > * + * { margin-top: 24rem; }
    .mypage-direct-contract .mypage-nodata--secondary .mypage-nodata__help { margin-top: 24rem; }

    .mypage-direct-container { gap: 16rem; }

}



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

    /* 로그인 */
    .jt-social-login { margin-top: 40rem; }
    .jt-social-login > h2 { margin-bottom: 16rem; }
    .jt-social-login > ul { gap: 12rem; }
    .jt-social-login > ul > li > a { width: 48rem; height: 48rem; }
    .jt-social-login--naver > a .jt-guide--icon { width: 18rem; }
    .jt-social-login--kakao > a .jt-guide--icon { width: 26rem; }

    .jt-memeber-links { margin-top: 32rem; }
    .jt-memeber-links a { padding: 6rem 8rem; }
    .jt-memeber-links li:not(:first-child):before { height: 10rem; }

    /* 일반 회원 인증 */
    .certify-list { margin-top: 15rem; }
    .certify-list--large > :is(a, button),
    .certify-list--basic > :is(a, button) { padding-top: 18rem; padding-bottom: 18rem; }

    /* 아이디 찾기 결과 */
    .find-id-result { margin-bottom: 58rem; padding: 92rem 36rem; }
    .find-id-result > p + b { margin-top: 6rem; }

    /* 회원가입 */
    .signup-steps { margin-top: 10rem; margin-bottom: 58rem; }
    .signup-steps__list { gap: 68rem; }
    .signup-steps__list .signup-steps__num { width: 44rem; height: 44rem; line-height: 44rem; }

    .signup__title { margin-bottom: 20rem; }

    .jt-agreement { margin-bottom: 70rem; }
    .jt-agreement__list { gap: 24rem; padding-bottom: 30rem; }
    .jt-agreement__list > li.jt-agreement__all { padding-top: 24rem; padding-bottom: 24rem; }

    #general .signup__msg { margin-bottom: 58rem; }

    .signup-identity { margin-bottom: 45rem; padding: 30rem 34rem; gap: 18rem; }
    .signup-identity__key { width: 86rem; }

    .signup-result { margin-bottom: 58rem; padding: 84rem 24rem; gap: 14rem; }

    /* 마이페이지 (컴포넌트) */
    .mypage-content__title { margin-bottom: 36rem; padding-bottom: 14rem; }

    .mypage-table :is(th, td) { padding-top: 17rem; padding-bottom: 17rem; }
    .mypage-table th { padding-left: 28rem; padding-right: 28rem; }
    .mypage-table td { padding-right: 28rem; }

    .mypage-table.mypage-table--primary th { width: 200rem; }

    .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 20rem; padding-right: 20rem; }
    .mypage-table.mypage-table--secondary td { padding-top: 18rem; padding-bottom: 18rem; }
    html.ios .mypage-table.mypage-table--secondary th { padding-bottom: 10rem; }
    html.ios .mypage-table.mypage-table--secondary td { padding-bottom: 17rem; }

    .mypage-nodata__message > * + * { margin-top: 28rem; }
    .mypage-nodata__message > ul { padding: 24rem 26rem; }
    .mypage-nodata__message > ul > li:before { top: 7rem; }
    .mypage-nodata__help { padding-top: 18rem; }
    .mypage-nodata__help > b:after { height: 14rem; }
    .mypage-nodata__help > .jt-btn__underline { right: 26rem; }
    html.ios .mypage-nodata__message > ul > li:before { top: 6rem; }
    html.ios .mypage-nodata__help > b:after { top: calc(50% - 1rem); }

    .mypage-nodata--secondary .mypage-nodata__message { padding-top: 45rem; padding-bottom: 45rem; }
    .mypage-nodata--secondary .mypage-nodata__help { margin-top: 20rem; padding: 28rem 125rem 28rem 26rem; }

    .enquiry-popup { margin: 50rem 0; padding: 66rem 42rem 46rem; }
    .enquiry-popup__list > b { margin-bottom: 15rem; }
    .enquiry-popup__list + .enquiry-popup__list { margin-top: 50rem; }

    .jt-dialog-popup .mfp-inline-holder .mfp-content { max-width: 90%; }
    .jt-dialog-popup.mfp-close-btn-in .mfp-close { top: 15rem; right: 15rem; }

    /* 계약정보 ~ 계좌정보 */
    .contract-state { gap: 86rem; }

    .contract-project { gap: 30rem; }

    .contract-project__logo { padding: 38rem 36rem; }
    .contract-project__logo svg { width: 76rem; }

    .contract-project__list .selectric .label { height: 50rem; margin-left: 20rem; font-size: 13rem; line-height: 50rem; }
    .contract-project__list .selectric-items ul, 
    .contract-project__list .selectric-items li { font-size: 13rem; }
    .contract-project__list .selectric .button { height: 50rem; }
    html.mobile .contract-project__list .jt-selectric__wrap > select { padding: 18rem 60rem 18rem 20rem; font-size: 13rem; }
    html.mobile .contract-project__list .jt-selectric__wrap:after { height: 7rem; top: calc(50% + 1rem); transform: translateY(-50%); }
    html.mobile.ios .contract-project__list .jt-selectric__wrap > select { padding-bottom: 19rem; }
    html.mobile.ios .contract-project__list .jt-selectric__wrap:after { height: 7rem; top: 50%; }

    .contract-project__data { margin-top: 20rem; }

    .contract-notice { margin-bottom: 58rem; }

    .contract-source__option { padding: 18rem 26rem; gap: 52rem; }
    .contract-source__option > b:before { height: 11rem; right: -26rem; }

    .contract-source__payment-title { margin-bottom: 16rem; }
    .contract-source__payment-slider:before, 
    .contract-source__payment-slider:after { height: calc(100% - 33rem); }
    .contract-source__payment-slider .swiper-slide { min-width: 120rem; }
    .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-top: 18rem; padding-bottom: 18rem; }
    html.ios .contract-source__payment-slider .swiper-slide ul > li:first-child { padding-bottom: 10rem; }
    html.ios .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-bottom: 17rem; }

    .contract-source__print { margin-top: 18rem; }
    .contract-print-item > b { margin-bottom: 16rem; }
    .contract-print-table .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 12rem; padding-right: 12rem; }

    .contract-source__calendar { gap: 6rem; }
    .contract-source__calendar .jt-form__field { width: 140rem; height: 50rem; padding-left: 16rem; padding-right: 16rem; }
    .contract-source__calendar button { width: 50rem; height: 50rem; }
    .contract-source__calendar button .jt-guide--icon { width: 18rem; }

    .contract-source__calendar .air-datepicker { width: 314rem; top: 57rem; font-family: sans-serif; }
    .contract-source__calendar .air-datepicker-nav--title { font-size: 14rem; }
    .contract-source__calendar .air-datepicker-nav--title:not(.-disabled-):after { margin-left: 7rem; transform: scale(0.9); }
    .contract-source__calendar .air-datepicker-body--day-name { font-size: 12rem; }
    .contract-source__calendar .air-datepicker-cell { font-size: 12rem; min-width: 40rem; min-height: 34rem; padding-top: 3rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="prev"] { left: 22rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="next"] { right: 22rem; }
    .contract-source__calendar .air-datepicker-button span { font-size: 12rem; }
    html.ios .contract-source__calendar .air-datepicker-nav--action { top: 16rem; }
    html.ios .contract-source__calendar .air-datepicker-cell { padding-top: 4rem; padding-bottom: 4rem; }

    .contract-source__search { gap: 6rem; }
    .contract-source__search .jt-form__field { width: 240rem; height: 50rem; padding: 0 16rem; }
    .contract-source__search button { height: 50rem; }
    html.ios .contract-source__search .jt-form__field { padding-bottom: 1rem; }

    .mypage-content__title + .mypage-nodata { margin-top: -36rem; }

    body.page-template-mypage-account .contract-state__section-title { margin-bottom: 36rem; }
    body.page-template-mypage-account .contract-source .mypage-nodata { margin-top: -36rem; }

    /* 개인정보수정 ~ 회원탈퇴 */
    .modify-confirm { padding: 58rem 24rem; }
    .modify-confirm__message:before { width: 44rem; height: 44rem; margin-bottom: 16rem; }
    .modify-confirm .jt-form { max-width: 380rem; }
    .modify-confirm .jt-form__btn { font-size: 12rem; }

    .modify-form__info { gap: 12rem 20rem; padding: 30rem; }
    .modify-form__info.modify-form__info--secondary { grid-template-columns: 1fr 1.5fr 145rem; padding-left: 40rem; padding-right: 40rem; }
    .modify-form .jt-form__fieldset { padding: 42rem; }
    .modify-form .jt-form__btn { width: 200rem; }

    .goto-unregister > button .jt-guide--icon { width: 18rem; top: -1rem; }
    html.ios .goto-unregister > button .jt-guide--icon { top: 0; }

    /* 마이페이지 (Home) */
    .mypage-profile { margin-bottom: 58rem; }
    .mypage-profile__btn { min-width: auto; padding: 12rem 28rem; }

    .mypage-direct-contract { margin-bottom: 58rem; }
    .mypage-direct-contract__header { padding-bottom: 14rem; }
    .mypage-direct-contract__minor-btn > i { width: 18rem; height: 18rem; top: 0; }
    
    .mypage-direct-contract .mypage-table.mypage-table--primary th { width: 180rem; }
    .mypage-direct-contract .mypage-nodata__message > * + * { margin-top: 20rem; }
    .mypage-direct-contract .mypage-nodata--secondary .mypage-nodata__message { padding-top: 36rem; padding-bottom: 36rem; }
    .mypage-direct-contract .mypage-nodata--secondary .mypage-nodata__help { margin-top: 20rem; }

    .mypage-direct-container { gap: 14rem; }

    .mypage-direct-content > li { height: 176rem; }

    .mypage-direct-content__guide-line > span:nth-child(odd) { width: calc(100% - 20rem); left: 10rem; }
    .mypage-direct-content__guide-line > span:nth-child(even) { height: calc(100% - 20rem); top: 10rem; }

    .mypage-direct-content__main-icon { width: 34rem; height: 34rem; }
    .mypage-direct-content__sub-icon { width: 12rem; height: 12rem; top: 15rem; right: 15rem; }
}



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

    /* 로그인 */
    .jt-social-login { margin-top: 36rem; }
    .jt-social-login > h2 { margin-bottom: 10rem; }
    .jt-social-login > ul { gap: 10rem; }
    .jt-social-login > ul > li > a { width: 42rem; height: 42rem; }
    .jt-social-login--naver > a .jt-guide--icon { width: 14rem; }
    .jt-social-login--kakao > a .jt-guide--icon { width: 22rem; }

    .jt-memeber-links { margin-top: 24rem; }

    /* 일반 회원 인증 */
    .certify-list { margin-top: 13rem; }
    .certify-list > :is(a, button) { padding-left: 24rem; padding-right: 24rem; }
    .certify-list--large > :is(a, button),
    .certify-list--basic > :is(a, button) { padding-top: 15rem; padding-bottom: 15rem; }

    /* 아이디 찾기 결과 */
    .find-id-result { margin-bottom: 46rem; padding: 60rem 32rem; }
    .find-id-result > p + b { margin-top: 4rem; }

    /* 회원가입 */
    .signup-steps { margin-bottom: 46rem; }
    .signup-steps__list { gap: 20rem; }
    .signup-steps__list > li { width: calc((100% - 40rem) / 3); gap: 8rem; }
    .signup-steps__list .signup-steps__num { width: 36rem; height: 36rem; line-height: 35rem; }
    html.ios .signup-steps__list .signup-steps__num { line-height: 37rem; }

    .signup__title { margin-bottom: 14rem; }

    .jt-agreement { margin-bottom: 58rem; }
    .jt-agreement__list { gap: 16rem; padding-bottom: 24rem; }
    .jt-agreement__list > li { padding-left: 24rem; padding-right: 24rem; }
    .jt-agreement__list > li.jt-agreement__all { padding-top: 18rem; padding-bottom: 18rem; }
    .jt-agreement__list > li:not(.jt-agreement__all) .jt-checkbox { position: relative; top: 2rem; }

    #general .signup__msg { margin-bottom: 46rem; }

    .signup-identity { margin-bottom: 36rem; padding: 20rem 24rem; gap: 8rem; }
    .signup-identity__key { width: 68rem; }

    .signup-result { margin-bottom: 46rem; padding: 72rem 24rem; gap: 10rem; }

    .privacy_form table th { vertical-align: middle; }
    body.page-template-member-privacy .jt-accordion__content-inner table > tbody > tr > td:first-child,
    body.page-template-member-third-party-disclosure .jt-accordion__content-inner table > tbody > tr > td:first-child { min-width: auto; }

    /* 마이페이지 (컴포넌트) */
    .mypage-content__title { padding-bottom: 8rem; margin-bottom: 24rem; border-bottom-width: 2rem; }

    .mypage-table :is(th, td) { padding-top: 15rem; padding-bottom: 15rem; }
    .mypage-table th { padding-left: 0; padding-right: 20rem; }
    .mypage-table td { padding-right: 0; }

    .mypage-table.mypage-table--primary th { width: 100rem; }

    .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 12rem; padding-right: 12rem; }
    .mypage-table.mypage-table--secondary th { padding-top: 10rem; padding-bottom: 10rem; }
    .mypage-table.mypage-table--secondary td { padding-top: 16rem; padding-bottom: 16rem; }
    .mypage-table.mypage-table--secondary td br { display: none; }
    html.ios .mypage-table.mypage-table--secondary th { padding-bottom: 8rem; }
    html.ios .mypage-table.mypage-table--secondary td { padding-bottom: 15rem; }

    .mypage-nodata__message { padding: 58rem 24rem; }
    .mypage-nodata__message > * + * { margin-top: 20rem; }
    .mypage-nodata__message > ul { padding: 18rem; }
    .mypage-nodata__message > ul > li + li { margin-top: 4rem; }
    .mypage-nodata__message > ul > li br { display: none; }
    .mypage-nodata__help { align-items: stretch; gap: 32rem; }
    .mypage-nodata__help > b { display: flex; align-items: center; }
    .mypage-nodata__help > b:after { height: calc(100% - 8rem); right: -17rem; top: 4rem; transform: none; }
    .mypage-nodata__help > ul { flex-direction: column; align-items: flex-start; gap: 0; }
    .mypage-nodata__help > .jt-btn__underline { margin-top: 7rem; position: static; transform: none; }
    html.ios .mypage-nodata__message > ul > li:before { top: 7rem; }
    html.ios .mypage-nodata__help > b:after { top: 3rem; }

    .mypage-nodata--secondary .mypage-nodata__message { padding-top: 28rem; padding-bottom: 28rem; }
    .mypage-nodata--secondary .mypage-nodata__help { display: block; margin-top: 15rem; padding: 20rem 24rem 24rem; }
    .mypage-nodata--secondary .mypage-nodata__help > b { margin-bottom: 4rem; }
    .mypage-nodata--secondary .mypage-nodata__help > b:after { display: none; }

    .enquiry-popup { margin: 24rem 0; padding: 56rem 20rem 36rem; }
    .enquiry-popup__list > b { margin-bottom: 12rem; }

    .mypage-table.mypage-table--enquiry-col3 th:nth-child(1) { width: 40%; }
    .mypage-table.mypage-table--enquiry-col3 th:nth-child(2) { width: 31%; }
    .mypage-table.mypage-table--enquiry-col3 th:nth-child(3) { width: 29%; }

    .jt-dialog-popup .mfp-inline-holder .mfp-content { max-width: calc(100% - 48rem); }
    .jt-dialog-popup.mfp-close-btn-in .mfp-close { width: 26rem; height: 26rem; }

    /* 계약정보 ~ 계좌정보 */
    .contract-state { gap: 70rem; }
    .contract-state__section-title { padding-bottom: 10rem; margin-bottom: 20rem; }

    .contract-project { grid-template-columns: 1fr; gap: 20rem; }

    .contract-project__logo { padding: 36rem 32rem; }
    .contract-project__logo svg { width: 68rem; }

    .contract-project__info > h3 { margin-bottom: 6rem; }

    .contract-project__list .selectric .label { height: 48rem; margin-left: 15rem; margin-right: 60rem; font-size: 12rem; line-height: 48rem; }
    .contract-project__list .selectric-items ul, 
    .contract-project__list .selectric-items li { font-size: 12rem; }
    .contract-project__list .selectric .button { height: 48rem; }
    html.mobile .contract-project__list .jt-selectric__wrap > select { padding: 17rem 50rem 17rem 15rem; font-size: 12rem; }
    html.mobile .contract-project__list .jt-selectric__wrap:after { top: 50%; background-size: 8rem auto; }
    html.mobile.ios .contract-project__list .jt-selectric__wrap > select { padding-bottom: 17rem; }

    .contract-project__data { margin-top: 16rem; }
    .contract-project__data li:before { top: 7rem; }
    .contract-project__data li > b { width: 64rem; }

    .contract-notice { gap: 5rem; margin-bottom: 46rem; }
    .contract-notice li:before { top: 7rem; }
    html.ios .contract-notice li:before { top: 7rem; }

    .contract-source { gap: 32rem; }

    .contract-source__option { padding: 16rem 18rem; gap: 32rem; }
    .contract-source__option > b:before { right: -16rem; }
    html.ios .contract-source__option > b:before { top: calc(50% - 1px); }

    .contract-source__payment-title { margin-bottom: 10rem; }
    .contract-source__payment-slider:before, 
    .contract-source__payment-slider:after { height: calc(100% - 23rem); }
    .contract-source__payment-slider .swiper-slide { min-width: 105rem; }
    .contract-source__payment-slider .swiper-slide ul > li:first-child { padding-top: 10rem; padding-bottom: 10rem; }
    .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-top: 16rem; padding-bottom: 16rem; }
    html.ios .contract-source__payment-slider .swiper-slide ul > li:first-child { padding-bottom: 8rem; }
    html.ios .contract-source__payment-slider .swiper-slide ul > li:not(:first-child) { padding-bottom: 15rem; }

    .contract-source__print { margin-top: 14rem; }
    .contract-source__print .jt-btn__box { font-size: 12rem; }
    .contract-print-item + .contract-print-item { margin-top: 32rem; }
    .contract-print-item > b { margin-bottom: 10rem; }
    .contract-print-table .mypage-table.mypage-table--secondary :is(th, td) { padding-left: 10rem; padding-right: 10rem; }

    .contract-source__filter { flex-wrap: wrap; gap: 6rem; }
        
    .contract-source__calendar { width: 100%; }
    .contract-source__calendar .jt-form__field { width: 100%; height: 46rem; padding-left: 18rem; padding-right: 18rem; }
    .contract-source__calendar button { width: 60rem; height: 46rem; flex-shrink: 0; }

    .contract-source__calendar-overlay { background: rgba(0, 0, 0, 0.7); }
    .contract-source__calendar .air-datepicker { width: 100%; position: fixed; left: 0; bottom: 0; top: auto; border-width: 1px 0 0; transform: translateY(100%); transition: none; }
    .contract-source__calendar .air-datepicker-nav { padding-top: 16rem; padding-bottom: 16rem; }
    .contract-source__calendar .air-datepicker-nav--title { font-size: 16rem; }
    .contract-source__calendar .air-datepicker-nav--action { top: 18rem; }
    .contract-source__calendar .air-datepicker-nav--action svg { width: 14rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="prev"] { left: 18rem; }
    .contract-source__calendar .air-datepicker-nav--action[data-action="next"] { right: 18rem; }
    .contract-source__calendar .air-datepicker-body { height: 247rem; }
    .contract-source__calendar .air-datepicker-body--cells.-months- { grid-auto-rows: 48rem; gap: 26rem 0; position: relative; top: 50%; transform: translateY(-50%); }
    .contract-source__calendar .air-datepicker-body--cells.-years- { grid-auto-rows: 48rem; gap: 26rem 0; position: relative; top: 50%; transform: translateY(-50%); }
    .contract-source__calendar .air-datepicker-body.-days- { margin-top: 0; }
    .contract-source__calendar .air-datepicker--content { padding: 0 14rem 20rem 14rem; }
    .contract-source__calendar .air-datepicker-body--day-names { gap: 0 10rem; }
    .contract-source__calendar .air-datepicker-body--day-name { font-size: 14rem; }
    .contract-source__calendar .air-datepicker-cell { font-size: 14rem; }
    .contract-source__calendar .air-datepicker-body--cells.-days- { grid-template-rows: repeat(6, minmax(36rem, auto)); gap: 0 10rem; }
    .contract-source__calendar .air-datepicker-buttons { gap: 8rem; }
    .contract-source__calendar .air-datepicker-button { padding: 13rem 22rem; }
    .contract-source__calendar .air-datepicker-button span { font-size: 14rem; }
    html.ios .contract-source__calendar .air-datepicker-nav--title:not(.-disabled-):after { top: -2rem; }
    html.ios .contract-source__calendar .air-datepicker-nav--action { top: 17rem; }
    html.ios .contract-source__calendar .air-datepicker-cell { padding-top: 5rem; }

    .contract-source__search { width: 100%; }
    .contract-source__search .jt-form__field { width: 100%; height: 46rem; padding-left: 18rem; padding-right: 18rem; }
    .contract-source__search button { width: 60rem; height: 46rem; padding: 0; flex-shrink: 0; }
    html.ios .contract-source__search .jt-form__field { padding-bottom: 0; }

    .mypage-content__title + .mypage-nodata { margin-top: -24rem; }

    body.page-template-mypage-account .contract-state__section-title { margin-bottom: 28rem; }
    body.page-template-mypage-account .contract-source .mypage-nodata { margin-top: -28rem; }

    /* 개인정보수정 ~ 회원탈퇴 */
    .modify-confirm { padding: 46rem 24rem; }
    .modify-confirm__message { margin-bottom: 15rem; }
    .modify-confirm__message:before { width: 38rem; height: 38rem; margin-bottom: 12rem; }
    .modify-confirm .jt-form { max-width: inherit; }
    .modify-confirm .jt-form__btn { padding-top: 10rem; padding-bottom: 10rem; }
    html.ios .modify-confirm .jt-form__btn { padding-bottom: 12rem; }

    .modify-form__info { padding: 20rem 24rem; gap: 8rem; grid-template-columns: 1fr; }
    .modify-form__info > li { grid-template-columns: 78rem 1fr; }
    .modify-form__info.modify-form__info--secondary { padding-left: 24rem; padding-right: 24rem; grid-template-columns: 1fr 1fr; }
    .modify-form .jt-form__fieldset { padding: 0; background: transparent; }
    .modify-form .jt-form__btn { width: calc((100% - 8rem) / 2); }

    .goto-unregister { margin-top: 32rem; }
    .goto-unregister > button .jt-guide--icon { top: 0; }

    /* 마이페이지 (Home) */
    .mypage-profile { padding: 24rem; margin-bottom: 46rem; flex-direction: column; gap: 16rem; }
    .mypage-profile > span { display: block; width: 100%; }
    .mypage-profile__btn { width: 100%; padding: 10rem 24rem; border-width: 2rem; }

    .mypage-direct-contract { margin-bottom: 46rem; }
    .mypage-direct-contract__header { padding-bottom: 8rem; border-bottom-width: 2rem; }
    .mypage-direct-contract__minor-btn > i { top: 1rem; }
    html.ios .mypage-direct-contract__minor-btn > i { top: -1rem; }
    html.android .mypage-direct-contract__minor-btn > i { top: 0; }
    .mypage-direct-contract .mypage-table.mypage-table--primary th { width: 75rem; }
    .mypage-direct-contract .mypage-nodata__message > * + * { margin-top: 15rem; }
    .mypage-direct-contract .mypage-nodata--secondary .mypage-nodata__message { padding-top: 25rem; padding-bottom: 28rem; }
    .mypage-direct-contract .mypage-nodata--secondary .mypage-nodata__help { margin-top: 15rem; }

    .mypage-direct-container { gap: 8rem; }

    .mypage-direct-content__guide-line > span:nth-child(odd) { width: calc(100% - 24rem); height: 2rem; left: 12rem; }
    .mypage-direct-content__guide-line > span:nth-child(even) { width: 2rem; height: calc(100% - 24rem); top: 12rem; }

    .mypage-direct-content { flex-direction: column; }
    .mypage-direct-content > li { width: 100%; height: auto; }
    .mypage-direct-content > li > a { padding: 18rem 20rem; flex-direction: row; justify-content: flex-start; align-items: center; gap: 7rem; }
    .mypage-direct-content > li:before { top: -2rem; bottom: -2rem; left: 0; right: 0; }
    .mypage-direct-content > li:nth-child(1) span:nth-child(2) { right: 0; }
    .mypage-direct-content > li:nth-child(1) span:nth-child(3) { bottom: -1rem; }
    .mypage-direct-content > li:nth-child(2) span:nth-child(even) { display: block; }
    .mypage-direct-content > li:nth-child(2) span:nth-child(odd) { display: none; }
    .mypage-direct-content > li:nth-child(3) span:nth-child(4) { left: 0; }
    .mypage-direct-content > li:nth-child(3) span:nth-child(1) { top: -1rem; }

    .mypage-direct-content__main-icon { width: 28rem; height: 28rem; }
    .mypage-direct-content__sub-icon { width: 10rem; height: 10rem; top: 3rem; right: 12rem; }

}