@charset "utf-8";

/*
 * File       : sub-doctor.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) LIST
 * 02) SINGLE
 * 03) PROFILE SHORTCODE
 * 04) SLIDER SHORTCODE
 */



/* **************************************** *
 * LIST
 * **************************************** */
.jt-doctor-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 120rem 36rem; }

.jt-doctor-list__link { display: block; color: inherit; }

.jt-doctor-list__thumb.jt-lazyload { padding-top: 133.51%; }
.jt-doctor-list__thumb img { transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); }

.jt-doctor-list__content { padding-top: 24rem; }
.jt-doctor-list__rank { display: block; margin-bottom: 2rem; color: var(--wp--preset--color--jt-primary); }
.jt-doctor-list__title { color: var(--wp--preset--color--black); }
.jt-doctor-list__title > span { border-bottom: 1px solid transparent; transition: border .3s; }
.jt-doctor-list__major { display: block; margin-top: 12rem; }

html.desktop .jt-doctor-list__link:hover .jt-doctor-list__thumb img { transform: scale(1.05) rotate(0.01deg); }
html.desktop .jt-doctor-list__link:hover .jt-doctor-list__title > span { border-bottom-color: var(--wp--preset--color--black); }



/* **************************************** *
 * SINGLE
 * **************************************** */
.jt-doctor-single .jt-breadcrumb { margin-bottom: 0; }

.jt-doctor-single__split { display: flex; flex-wrap: nowrap; position: relative; }

/* PHOTO */
.jt-doctor-single__photo { width: 480rem; position: relative; }
.jt-doctor-single__photo-inner { width: 480rem; padding-top: 80rem; }
.jt-doctor-single__photo .jt-lazyload { padding-top: 133.33%; }

.jt-doctor-single__photo-inner.sticky { position: fixed; top: 50rem; }
.jt-doctor-single__photo-inner.sticky.clear { position: absolute; top: inherit; bottom: 0; }

/* CONTENT WRAP */
.jt-doctor-single__content { width: calc(100% - 480rem); padding-left: 160rem; }
.jt-doctor-single__content-inner { padding-top: 80rem; }

.jt-doctor-single__content-item + .jt-doctor-single__content-item { margin-top: 120rem; }
.jt-doctor-single__content-item-title { margin-bottom: 38rem; color: var(--wp--preset--color--black); }

/* INTRO */
.jt-doctor-single__rank { display: block; margin-bottom: 4rem; color: var(--wp--preset--color--jt-primary); }
.jt-doctor-single__title { color: var(--wp--preset--color--black); }
.jt-doctor-single__major { margin-top: 10rem; }
.jt-doctor-single__excerpt { color: var(--wp--preset--color--black); }
.jt-doctor-single__intro-separator { width: 60rem; height: 2rem; margin: 38rem 0; border: none; background: var(--wp--preset--color--gray-300); }

/* PROFILE */
.jt-doctor-single__profile-item + .jt-doctor-single__profile-item { margin-top: 38rem; }
.jt-doctor-single__profile-title { margin-bottom: 12rem; color: var(--wp--preset--color--black); }
.jt-doctor-single__profile-content > li { padding-left: 18rem; position: relative; }
.jt-doctor-single__profile-content > li + li { margin-top: 6rem; }
.jt-doctor-single__profile-content > li:before { content: ''; display: block; width: 6px; height: 6px; position: absolute; top: 12rem; left: 0; background: var(--wp--preset--color--black); border-radius: 50%; box-sizing: border-box; }
html.ios .jt-doctor-single__profile-content > li:before { top: 13rem; }

/* COLUMN */
.jt-doctor-single__column-data { margin: 0 -18rem; position: relative; }
.jt-doctor-single__column-list { font-size: 0; }
.jt-doctor-single__column-item { display: inline-block; width: 50%; padding: 0 18rem; }
.jt-doctor-single__column-link { display: block; color: inherit; }

.jt-doctor-single__column-thumb { width: 100%; padding-top: 69.14%; position: relative; overflow: hidden; }
.jt-doctor-single__column-thumb img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); }

.jt-doctor-single__column-content { padding-top: 24rem; }
.jt-doctor-single__column-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: var(--wp--preset--color--black); }
.jt-doctor-single__column-title > span { border-bottom: 1px solid transparent; transition: border .3s; }

html.desktop .jt-doctor-single__column-link--scale:hover .jt-doctor-single__column-thumb img { transform: scale(1.05) rotate(0.01deg); }
html.desktop .jt-doctor-single__column-link:hover .jt-doctor-single__column-title > span { border-bottom-color: var(--wp--preset--color--black); }

.jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary { position: absolute; right: 18rem; top: -83rem; display: flex; gap: 10rem; }
.jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary .swiper-button { position: relative; top: auto; transform: none; }
.jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary .swiper-button-prev { left: auto; }
.jt-doctor-single__column-data .swiper-navigation.swiper-navigation--secondary .swiper-button-next { right: auto; }
.jt-doctor-single__column-data .swiper-navigation { opacity: 0; visibility: hidden; }
.jt-doctor-single__column-data.jt-slider--run .swiper-navigation { opacity: 1; visibility: visible; }



/* **************************************** *
 * PROFILE SHORTCODE
 * **************************************** */
.doctor-profile__thumb { width: 160rem; border-radius: 50%; overflow: hidden; }
.doctor-profile__thumb .jt-lazyload { padding-top: 100%; }
html.ios .doctor-profile__thumb { -webkit-mask-image: -webkit-radial-gradient(white, black); }

.doctor-profile__rank { display: block; color: var(--wp--preset--color--jt-primary); }
.doctor-profile__name { display: block; color: var(--wp--preset--color--black); }
.doctor-profile__desc { margin-top: 12rem; color: var(--wp--preset--color--gray-800); }

.doctor-profile.doctor-profile--small { display: grid; grid-template-columns: 160rem 1fr; gap: 24rem; align-items: center; }

.doctor-profile.doctor-profile--large .doctor-profile__thumb { margin: 0 auto; }
.doctor-profile.doctor-profile--large .doctor-profile__typo { margin-top: 24rem; text-align: center; }



/* **************************************** *
 * SLIDER SHORTCODE
 * **************************************** */
.doctor-slider-wrap { position: relative; }

.doctor-slider { overflow: hidden; }
.doctor-slider__item { display: flex; align-items: stretch; background: var(--wp--preset--color--jt-primary); }
.doctor-slider__item > * { width: 50%; position: relative; }

.doctor-slider__thumb { background: var(--wp--preset--color--gray-200); }
.doctor-slider__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.doctor-slider__content { padding: 80rem; align-self: center; }
.doctor-slider__name { color: var(--wp--preset--color--white); }
.doctor-slider__excerpt { margin-top: 12rem; margin-bottom: 28rem; color: var(--wp--preset--color--white); }

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