@charset "utf-8";

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



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

    /* VISUAL */
    .main-visual__wrap { max-width: inherit; }

    .main-visual__content { padding-top: 156rem; padding-left: 150rem; }
    .main-visual__title br, .main-visual__desc br { display: none; }

    .main-visual .swiper-control { width: inherit; top: 93rem; left: 150rem; transform: none; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 88rem; }

    /* VISUAL */
    .main-visual__wrap { margin: 0 132rem; }

    .main-visual__content { padding-left: 0; }

    .main-visual .swiper-control { left: 132rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 80rem; }

    .main-section { margin-top: 100rem; }
    .main-section__head { margin-bottom: 42rem; }
    .main-section__more { margin-top: 42rem; }

    /* VISUAL */
    .main-visual { height: 520rem; }

    .main-visual__wrap { margin: 0 46rem; }

    .main-visual__content { padding-top: 125rem; padding-right: calc(50% + 80rem); }
    .main-visual__desc { margin-top: 12rem; }
    .main-visual__content .jt-btn__basic { margin-top: 36rem; }

    .main-visual .swiper-control { left: 46rem; top: 68rem; }

    /* COURSE */
    .main-course__list { gap: 32rem; }
    .main-course__list > li { width: calc( (100% - 32rem) / 2 ); }
    .main-course__data { padding: 44rem 36rem; }
    .main-course__link { margin-top: 28rem; padding-top: 28rem; }

    /* CLINIC */
    .main-clinic__place { gap: 32rem; margin-top: 44rem; }
    .main-clinic__place-item { padding-right: 44rem; }

    .main-clinic__place-schedule li:before { width: 5px; height: 5px; }
    html.ios .main-clinic__place-schedule li:before { top: 12rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 70rem; }

    .main-section { margin-top: 90rem; }
    .main-section__head { margin-bottom: 38rem; }

    /* VISUAL */
    .main-visual { height: 460rem; }

    .main-visual__wrap { margin: 0 36rem; }

    .main-visual__content { padding-top: 100rem; padding-right: calc(50% + 50rem); }
    .main-visual__content .jt-btn__basic { margin-top: 34rem; }

    .main-visual .swiper-control { left: 36rem; top: 50rem; }

    /* COURSE */
    .main-course__list { gap: 30rem; }
    .main-course__list > li { width: calc( (100% - 30rem) / 2 ); }
    .main-course__data { padding: 38rem 34rem; }
    .main-course__link { margin-top: 26rem; padding-top: 26rem; }

    /* CLINIC */
    .main-clinic__place { gap: 30rem; margin-top: 38rem; }
    .main-clinic__place-item { padding-right: 38rem; }

    .main-clinic__place-schedule li:before { top: 11rem; }
    html.ios .main-clinic__place-schedule li:before { top: 11rem; }

}



/* **************************************** *
 * 781px
 * **************************************** */
@media (max-width: 781px){
    
    /* LAYOUT */
    .main-section__head { margin-bottom: 32rem; }
    .main-section__more { margin-top: 38rem; }

    /* VISUAL */
    .main-visual { height: auto; }
    .main-visual__item { padding-top: 56.25%; }

    .main-visual__bg { width: 100%; }
    .main-visual__bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--wp--preset--color--jt-primary); opacity: 0.8; }

    .main-visual__wrap { margin: 0 24rem; position: absolute; top: 0; }
    .main-visual__content { padding-top: 13%; padding-right: 20%; }

    .main-visual .swiper-control { top: 44rem; left: 24rem; }

    /* COURSE */
    .main-course__list { gap: 24rem; }
    .main-course__list > li { width: calc( (100% - 24rem) / 2 ); }
    .main-course__link { margin-top: 24rem; padding-top: 24rem; }
    .main-course__link { gap: 8rem 0; }

    /* CLINIC */
    .main-clinic__place { gap: 24rem; }
    .main-clinic__place-item { padding-right: 24rem; }

    .main-clinic__place-schedule li { padding-left: 14rem; }
    html.ios .main-clinic__place-schedule li:before { top: 10rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 64rem; }

    .main-section { margin-top: 72rem; }
    .main-section__head { margin-bottom: 24rem; }
    .main-section__desc { margin-top: 6rem; }
    .main-section__more { margin-top: 32rem; gap: 6rem; }

    /* VISUAL */
    .main-visual { background: var(--wp--preset--color--jt-primary); }
    .main-visual__item { padding-top: 0; background: transparent; }
    
    .main-visual__bg { width: 100%; padding-top: 63.09%; position: relative; }
    .main-visual__bg:after { display: none; }

    .main-visual__wrap { position: relative; }

    .main-visual__content { padding: 57rem 0 38rem; }
    .main-visual__desc { margin-top: 8rem; }
    .main-visual__content .jt-btn__basic { margin-top: 24rem; }

    .main-visual .swiper-control { top: 255rem; }

    /* COURSE */
    .main-course__list { flex-wrap: wrap; }
    .main-course__list > li { width: 100%; }
    .main-course__data { padding: 32rem 28rem; }
    .main-course__desc { margin-top: 2rem; }
    .main-course__link { margin-top: 18rem; padding-top: 18rem; gap: 6rem 0; }

    /* CLINIC */
    .main-clinic__place { grid-template-columns: 1fr; margin-top: 24rem; }
    .main-clinic__place-item:not(:last-child) { padding-bottom: 24rem; padding-right: 0; border-right: none; border-bottom: 1px solid var(--wp--preset--color--gray-300); }
    
    .main-clinic__place-schedule li { padding-left: 13rem; }
    .main-clinic__place-schedule li:before { width: 4px; height: 4px; }
    html.ios .main-clinic__place-schedule li:before { top: 9.5rem; }
    html.android .main-clinic__place-schedule li:before { top: 10rem; }
    
    /* COLUMN */
    .main-section.main-column { overflow: hidden; }

}