@charset "utf-8";
/*
 * File       : rwd-audition.css
 * Author     : STUDIO-JT (HREE)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1480px
 * 02) 860px
 * 03) 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){
    .audition-process__notice-list li::before {top: 1.4rem}
}



/* **************************************** *
 * 860px (작업 @768px 1rem = 10px )
 * **************************************** */
@media (max-width: 860px){

    .audition-header {margin-top: 8rem;}
    .audition-header__title {font-size: 3.2rem;}
    .audition-header__image.jt-lazyload {padding-top: 29%;}

    .audition-guide {padding: 6rem 0 8rem;}
    .audition-guide__inner {grid-template-columns: auto;}
    .audition-guide__list {margin-bottom: 1rem}
    .audition-guide__title h2 {margin-bottom: 3rem; font-size: 2.8rem;}
    .audition-guide__item {margin-bottom: 3rem;}
    .audition-guide__item b {font-size: 1.6rem;}
    .audition-guide__item p {font-size: 1.5rem;}

    .audition-process {padding: 8rem 0 10rem;}
    .audition-process__inner {grid-template-columns: auto;}
    .audition-process__title h2 {margin-bottom: 4rem; font-size: 2.8rem;}
    .audition-process__step { margin-bottom: 5rem;}
    .audition-process__notice-title,
    .audition-process__step-item b {font-size: 1.6rem;}
    .audition-process__notice-list li,
    .audition-process__step-item p {font-size: 1.5rem;}
    .audition-process__step-item .jt-lazyload {padding-top: 9.3rem;}
    .audition-process__step-item .jt-lazyload img {margin-top: 0; height: 6.8rem; margin-bottom: 0;}
    .audition-process__notice-list li::before {top: 1.3rem;}

}



/* **************************************** *
 * 540px (작업 @375px 1rem = 10px )
 * **************************************** */
@media (max-width: 540px){

    .audition-header {margin-top: 4.4rem;}
    .audition-header__title {font-size: 2.8rem; margin-bottom: 3rem;}
    .audition-header__image.jt-lazyload {padding-top: 48%; margin-left: -4rem; margin-right: -4rem;}
    .audition-header__image.jt-lazyload img {height: 100%;}

    .audition-guide {padding: 5.5rem 0 6.5rem;}
    .audition-guide__item b {margin-bottom: 0.3rem;}
    .audition-guide__title h2 {font-size: 2.2rem; margin-bottom: 2rem;}
    .audition-guide__list {margin-bottom: 1.5rem;}
    .audition-guide__item:nth-child(1), .audition-guide__item:nth-child(3) {width: 100%;}
    .audition-guide__item span {font-size: 1.3rem}

    .audition-process {padding: 5.5rem 0 6rem;}
    .audition-process__title h2 {font-size: 2.2rem; margin-bottom: 2rem;}
    .audition-process__step {grid-template-columns: auto; margin-bottom: 2rem; margin-top: 1rem}
    .audition-process__step-item {margin-bottom: 1.4rem; background: #e0e0e0; text-align: center; padding: 3.3rem 2rem 2.8rem;}
    .audition-process__step-item .jt-lazyload {padding-top: 7.2rem; width: 100%;}
    .audition-process__step-item .jt-lazyload img {height: 5.8rem; width: 100%; margin: 0; }
    .audition-process__step-item b {margin-bottom: 0;}
    .audition-process__notice-list li {line-height: 1.75; margin-bottom: 0.5rem;}
    .audition-process__notice-list li::before {top: 1.1rem;}
    .audition-process__notice-title {margin-bottom: 1.3rem}


}