@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) 1200px
 * 02) 1023px
 * 03) 781px
 * 04) 540px
 */



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

    /* LIST */
    .jt-doctor-list { gap: 100rem 32rem; }
    .jt-doctor-list__content { padding-top: 22rem; }
    .jt-doctor-list__major { margin-top: 10rem; }

    /* SINGLE */
    .jt-doctor-single__photo { width: 440rem; }
    .jt-doctor-single__photo-inner { width: 440rem; padding-top: 70rem; }

    .jt-doctor-single__content { width: calc(100% - 440rem); padding-left: 120rem; }
    .jt-doctor-single__content-inner { padding-top: 70rem; }

    .jt-doctor-single__content-item + .jt-doctor-single__content-item { margin-top: 100rem; }

    .jt-doctor-single__intro-separator { margin: 36rem 0; }

    .jt-doctor-single__profile-item + .jt-doctor-single__profile-item { margin-top: 36rem; }
    .jt-doctor-single__profile-title { margin-bottom: 10rem; }
    .jt-doctor-single__profile-content > li:before { width: 5px; height: 5px; }
    html.ios .jt-doctor-single__profile-content > li:before { top: 12rem; }

    .jt-doctor-single__column-data { margin: 0 -16rem; }
    .jt-doctor-single__column-item { padding: 0 16rem; }
    .jt-doctor-single__column-content { padding-top: 22rem; }
    .jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary { right: 16rem; top: -78rem; }

    /* PROFILE SHORTCODE */
    .doctor-profile__desc { margin-top: 10rem; }
    
    .doctor-profile.doctor-profile--large .doctor-profile__typo { margin-top: 22rem; }

    .doctor-profile.doctor-profile--small .doctor-profile__desc br { display: none; }

    /* SLIDER SHORTCODE */
    .doctor-slider__content { padding: 60rem; }
    .doctor-slider__excerpt { margin-top: 10rem; margin-bottom: 25rem; }

    .doctor-slider-wrap .swiper-control { display: block; }

}



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

    /* LIST */
    .jt-doctor-list { gap: 90rem 30rem; }

    /* SINGLE */
    .jt-doctor-single__photo { width: 400rem; }
    .jt-doctor-single__photo-inner { width: 400rem; padding-top: 64rem; }

    .jt-doctor-single__content { width: calc(100% - 400rem); padding-left: 90rem; }
    .jt-doctor-single__content-inner { padding-top: 64rem; }

    .jt-doctor-single__content-item + .jt-doctor-single__content-item { margin-top: 90rem; }

    .jt-doctor-single__intro-separator { margin: 32rem 0; }

    .jt-doctor-single__profile-item + .jt-doctor-single__profile-item { margin-top: 32rem; }
    .jt-doctor-single__profile-content > li:before { top: 11rem; }
    html.ios .jt-doctor-single__profile-content > li:before { top: 11rem; }

    .jt-doctor-single__column-data { margin: 0 -15rem; }
    .jt-doctor-single__column-item { padding: 0 15rem; }
    .jt-doctor-single__column-content { padding-top: 18rem; }
    .jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary { right: 15rem; }

    /* PROFILE SHORTCODE */
    .doctor-profile__thumb { width: 146rem; }

    .doctor-profile.doctor-profile--large .doctor-profile__typo { margin-top: 18rem; }

    .doctor-profile.doctor-profile--small { grid-template-columns: 146rem 1fr; }

    /* SLIDER SHORTCODE */
    .doctor-slider__content { padding: 48rem; }
    .doctor-slider__excerpt { margin-bottom: 22rem; }

}



/* **************************************** *
 * 781px
 * **************************************** */
@media (max-width: 781px){
    
    /* LIST */
    .jt-doctor-list { gap: 68rem 16rem; }
    .jt-doctor-list__content { padding-top: 18rem; }
    .jt-doctor-list__major { margin-top: 8rem; }

    /* SINGLE */
    .jt-doctor-single__photo { width: 300rem; }
    .jt-doctor-single__photo-inner { width: 300rem; padding-top: 38rem; }

    .jt-doctor-single__content { width: calc(100% - 300rem); padding-left: 50rem; }
    .jt-doctor-single__content-inner { padding-top: 38rem; }

    .jt-doctor-single__content-item-title { margin-bottom: 32rem; }

    .jt-doctor-single__intro br { display: none; }
    .jt-doctor-single__major { margin-top: 8rem; }
    .jt-doctor-single__intro-separator { margin: 28rem 0; }

    .jt-doctor-single__profile-item + .jt-doctor-single__profile-item { margin-top: 28rem; }
    .jt-doctor-single__profile-content > li { padding-left: 14rem; }
    html.ios .jt-doctor-single__profile-content > li:before { top: 10rem; }

    .jt-doctor-single__column-data { margin: 0 -8rem; }
    .jt-doctor-single__column-item { padding: 0 8rem; }
    .jt-doctor-single__column-content { padding-top: 15rem; }
    .jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary { right: 8rem; top: -72rem; gap: 8rem; }

    /* SLIDER SHORTCODE */
    .doctor-slider__content { padding: 40rem 36rem; }
    .doctor-slider__excerpt { margin-top: 8rem; margin-bottom: 20rem; }

}



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

    /* LIST */
    .jt-doctor-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36rem 12rem; }
    .jt-doctor-list__content { padding-top: 16rem; }
    .jt-doctor-list__rank { margin-bottom: 1rem; }
    .jt-doctor-list__major { margin-top: 6rem; }

    /* SINGLE */
    .jt-doctor-single__split { flex-wrap: wrap; }

    .jt-doctor-single__photo { width: 100%; }
    .jt-doctor-single__photo-inner { width: 100%; padding-top: 28rem; }

    .jt-doctor-single__content { width: 100%; padding-left: 0; }
    .jt-doctor-single__content-inner { padding-top: 24rem; }
    
    .jt-doctor-single__content-item + .jt-doctor-single__content-item { margin-top: 72rem; }
    .jt-doctor-single__content-item-title { margin-bottom: 24rem; }

    .jt-doctor-single__rank { margin-bottom: 2rem; }
    .jt-doctor-single__major { margin-top: 7rem; }
    .jt-doctor-single__intro-separator { margin: 24rem 0; }

    .jt-doctor-single__profile-item + .jt-doctor-single__profile-item { margin-top: 24rem; }
    .jt-doctor-single__profile-title { margin-bottom: 7rem; }
    .jt-doctor-single__profile-content > li { padding-left: 13rem; }
    .jt-doctor-single__profile-content > li:before { width: 4px; height: 4px; }
    html.ios .jt-doctor-single__profile-content > li:before { top: 9.5rem; }
    html.android .jt-doctor-single__profile-content > li:before { top: 10rem; }

    .jt-doctor-single__column-data { margin: 0 -6rem; }
    .jt-doctor-single__column-item { padding: 0 6rem; }
    .jt-doctor-single__column-content { padding-top: 12rem; }
    .jt-doctor-single__column-title { -webkit-line-clamp: 2; }
    .jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary { right: 6rem; top: -60rem; gap: 6rem; }

    /* PROFILE SHORTCODE */
    .doctor-profile__thumb { width: 110rem; }
    .doctor-profile__desc { margin-top: 8rem; }
    .doctor-profile__desc br { display: none; }

    .doctor-profile.doctor-profile--large .doctor-profile__typo { margin-top: 16rem; }

    .doctor-profile.doctor-profile--small { display: block; }
    .doctor-profile.doctor-profile--small .doctor-profile__thumb { margin: 0 auto; }
    .doctor-profile.doctor-profile--small .doctor-profile__typo { margin-top: 16rem; text-align: center; }

    /* SLIDER SHORTCODE */
    .doctor-slider__item { flex-wrap: wrap; }
    .doctor-slider__item > * { width: 100%; }
    .doctor-slider__content { padding: 32rem 28rem; }
    .doctor-slider__excerpt { margin-top: 7rem; margin-bottom: 16rem; }

}