@charset "utf-8";

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



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

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){
    
    .seminar-inquiry .article__section-title > span:before { width: 120rem; transform: translate(-130rem, 26rem); }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){
    
    .seminar-inquiry .article__section-title > span:before { width: 100rem; transform: translate(-110rem, 26rem); }

    .seminar-viewer__content { padding: 36rem 16rem 36rem 28rem; gap: 28rem; }
    .seminar-viewer__pagination { padding-right: 12rem; }
    .seminar-viewer__info { padding: 36rem 140rem 36rem 30rem; }

    .seminar-viewer__slider .swiper-navigation { margin-top: calc(((100% - 8rem) * 0.5651) + 36rem); margin-right: 36rem; }

    .seminar-inquiry__radiobox { gap: 16rem; }
    .seminar-inquiry__radiobox label { padding: 22rem 34rem; }

    .complete-info__container { padding: 50rem; }
    .complete-info__control { gap: 16rem; }

    .complete-content__step-container { gap: 16rem; }
    .complete-content__step-item { padding: 40rem; }
    .complete-content__step-title b { margin-top: 20rem; }
    .complete-content__step-icon { width: 120rem; }
    .complete-content__step-chevron .jt-icon { width: 32rem; }

    .complete-content__control { margin-top: 100rem; }

    #seminar-explain .jt-popup__inner { width: 800rem; }
    

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
    
    .seminar-inquiry .article__section-title > span:before { width: 90rem; transform: translate(-100rem, 26rem); }

    .seminar-viewer__container { flex-direction: column; gap: 10rem; padding-right: 0; }
    .seminar-viewer__slider { width: 100%; }
    .seminar-viewer__slider .swiper-navigation { margin-top: calc(((100% - 8rem) * 0.5651) + 30rem); margin-right: 24rem; }
    .seminar-viewer__content { position: relative; width: auto; padding: 30rem 14rem 30rem 24rem; gap: 24rem; }
    .seminar-viewer__pagination { padding-right: 10rem; max-height: 280rem; }
    .seminar-viewer__item { padding: 12rem; }
    .seminar-viewer__info { padding: 30rem 130rem 30rem 24rem; }

    .seminar-timer { height: 90rem; }
    .seminar-viewer__container + .seminar-timer { margin-top: 80rem; }

    .seminar-inquiry__radiobox { gap: 12rem; }
    .seminar-inquiry__radiobox label { padding: 18rem 28rem; }

    .complete-info__container { padding: 40rem; }
    .complete-info__container:before { height: 140rem; }
    .complete-info__list { margin-top: 20rem; }
    .complete-info__control { gap: 12rem; }
    .complete-info__explain { margin-top: 20rem; }
    
    .complete-content__step-container { flex-direction: column; }
    .complete-content__step-item { aspect-ratio: auto; padding: 40rem 30rem; }
    .complete-content__step-title b { margin-top: 16rem; }
    .complete-content__step-icon { width: 100rem; }
    .complete-content__step-chevron { transform: rotate(90deg); }
    .complete-content__step-chevron .jt-icon { width: 28rem; }

    .complete-content__control { margin-top: 80rem; }

}



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

    .seminar-inquiry .article__section-title > span:before { display: none; }

    .seminar-viewer__slider { border-radius: 8rem; }
    .seminar-viewer__slider .swiper-navigation { position: relative; margin-top: 0; margin-right: 0; transform: translate(0, 0); justify-content: flex-start; padding: 0 20rem 20rem; }
    .seminar-viewer__media { margin: 8rem 8rem 0; border-radius: 6rem; }
    .seminar-viewer__info { padding: 20rem 20rem 12rem; }
    .seminar-viewer__content { border-radius: 8rem; padding: 24rem 10rem 24rem 20rem; gap: 20rem; }
    .seminar-viewer__pagination { max-height: 250rem; gap: 6rem; }
    .seminar-viewer__item { border-radius: 6rem; padding: 10rem 8rem; gap: 8rem; }
    
    .seminar-timer { flex-direction: column; height: auto; border-radius: 8rem; gap: 4rem; padding: 24rem 20rem; }
    .seminar-viewer__container + .seminar-timer { margin-top: 60rem; }

    .seminar-inquiry:first-child { padding-top: 40rem; }
    .seminar-inquiry__radiobox { gap: 8rem; }
    .seminar-inquiry__radiobox label { padding: 14rem 22rem; }
    .seminar-inquiry__radiobox span { margin-top: 2rem; }

    .complete-info__container { padding: 24rem; border-radius: 8rem; }
    .complete-info__container:before { height: 80rem; }
    .complete-info__list { margin-top: 16rem; }
    .complete-info__list > li + li { margin-top: 4rem; }
    .complete-info__control { flex-direction: column; gap: 8rem; align-items: center; }
    .complete-info__explain { margin-top: 16rem; gap: 8rem; }
    
    .complete-content__step-container { gap: 12rem; }
    .complete-content__step-item { padding: 30rem 20rem; gap: 16rem; border-radius: 8rem; }
    .complete-content__step-title span { padding: 2rem 20rem; }
    .complete-content__step-title b { margin-top: 12rem; }
    .complete-content__step-chevron .jt-icon { width: 24rem; }

    .complete-content__control { margin-top: 60rem; }

}