@charset "utf-8";

/*
 * File       : sub-activity.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * LIST
 * DETAIL
 * INTERNATINAL CROWN
 * HAWHA EAGLES
 * SANFRANCISCO GIANTS
 * TOM KIM
 * LIFEPLUS NY
 * HOVER
 */




/* **************************************** *
 * LIST
 * **************************************** */
body.activity .jt-sub-visual__scroll-item:before { opacity: .4; }



/* **************************************** *
 * DETAIL
 * **************************************** */
.activity-section { padding-top: 200rem; }
.activity-section__header { text-align: center; }
.activity-section__desc { color: var(--color-gray-800); margin-top: 40rem; }
.activity-section__list { margin-top: 40rem; display: flex; flex-direction: column; align-items: center; gap: 5rem; }
.activity-section__list > li { position: relative; display: inline-flex; padding-left: 14rem; }
.activity-section__list > li:before { content: ''; display: block; width: 6rem; height: 6rem; background: var(--color-gray-800); border-radius: 50%; position: absolute; top: 13rem; left: 0; }
 
.activity-desc { position: relative; padding: 120rem 0 80rem; }
.activity-desc p { text-align: center; color: var(--color-gray-800); margin-bottom: 40rem; }
.activity-desc p:last-child { margin-bottom: 0; }

body.activity-detail .article__body { padding-bottom: 0; }
body.activity-detail .jt-sub-visual__scroll-item:before { opacity: 0; }

.activity-detail__content { position: relative; }
.activity-detail__anchor { position: absolute; width: calc(1244rem * .2); height: 100%; left: calc((100% - ((1244rem * .2) * 7)) / 2); padding-right: 40rem; z-index: 1; }
.activity-detail__anchor-sticky { position: sticky; top: 0; padding-top: 160rem; }
.activity-detail__anchor-list a { display: inline-block; padding: 6rem 6rem 6rem 0; color: var(--color-gray-600); transition: color .3s; }
.activity-detail__anchor-list a.jt-anchor--current { color: var(--color-black); }

.activity-detail__section { position: relative; padding: 160rem 0; }
.activity-detail__section:last-child { padding-bottom: 0; }

.activity-detail__title { margin-bottom: 40rem; }
.activity-detail__text { color: var(--color-gray-800); }
.activity-detail__text > p + p { margin-top: 20rem; }
.activity-detail__text + .activity-more { margin-top: 40rem; }
.activity-detail__text .jt-typo--hanwha { font-weight: 100; }

.activity-detail__content > a[class^=jt-btn__] { margin-top: 24rem; }

.activity-more { margin-top: 120rem; }

/* GALLERY */
.activity-detail__gallery { display: flex; flex-flow: row wrap; gap: 20rem; overflow: hidden; }
.activity-detail__gallery-item { border-radius: 20rem; overflow: hidden; }
.activity-detail__gallery-item .jt-lazyload img { height: 100%; object-fit: cover; }

/* HISTORY */
.history-item { margin-top: 120rem; }
.history-item:first-child { margin-top: 0; }

.history-item__year { margin-bottom: 20rem; }
.history-item__year + .history-item__title { margin-top: 0; }

.history-item__image { border-radius: 20rem; overflow: hidden; }
.history-item__image .jt-lazyload { padding-top: 62.83%; }

.history-item__title { margin-top: 20rem; color: var(--color-gray-800); }
.history-item__title p + p { margin-top: 8rem; }

.history-item__data { margin-top: 20rem; }
.history-item__data > li { margin-bottom: 8rem; display: grid; grid-template-columns: 100rem minmax(0, auto); gap: 8rem; }
.history-item__data > li:last-child { margin-bottom: 0; }
.history-item__data > li > b { display: block; color: var(--color-gray-800); }
.history-item__data > li > span { display: block; color: var(--color-gray-800); opacity: .8; }

.activity-detail__section#activity-history { padding: 160rem 0 320rem; }
.activity-detail__section#activity-history.jt-background--gray { background: var(--color-gray-100); }
.activity-detail__section#activity-history .activity-detail__sticky { position: absolute; top: 0; bottom: 0; left: 0; width: calc(100% - 748rem); padding-right: 161rem; }
.activity-detail__section#activity-history .activity-detail__sticky-inner { position: sticky; top: 160rem; padding-bottom: 200rem; }
.activity-detail__section#activity-history .activity-detail__content { padding-left: calc(100% - 748rem); }



/* **************************************** *
 * INTERNATINAL CROWN
 * **************************************** */
.tournament-info { position: relative; background: url(../images/sub/activity/activity-international-crown-tournament.jpg?v=1.1.0) no-repeat center center / cover; border-radius: 20rem; color: var(--color-white); overflow: hidden; }
.tournament-info:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; }

.tournament-info__inner { position: relative; padding: 120rem 70rem 120rem; }

.tournament-info__logo { width: 100%; max-width: 600rem; margin: 0 auto; }
.tournament-info__logo .jt-lazyload { padding-top: 16.66%; }
.tournament-info__data { display: flex; justify-content: center; text-align: center; gap: 30rem; margin-top: 100rem; padding: 0 269rem; }
.tournament-info__data > li { flex: 1; position: relative; display: grid; gap: 12rem; }
.tournament-info__data > li + li:before { content: ''; position: absolute; width: 1px; height: 80rem; top: 50%; left: -16rem; transform: translateY(-50%); background: var(--color-white); opacity: .3; }
.tournament-info__data > li > b { display: block; color: var(--color-gray-200); opacity: .8; }
.tournament-info__data > li > p > b { display: inline-block; vertical-align: middle; margin-right: 4rem; }

.tournament-info__rule { text-align: center; margin-top: 100rem; }
.tournament-info__rule > b { display: block; color: var(--color-gray-200); margin-bottom: 12rem; opacity: .8; }

.tournament-info__rule + .tournament-info__rule { margin-top: 24rem; }
.tournament-info__logo + .tournament-info__rule { margin-top: 64rem; }

.tournament-info__more { margin-top: 100rem; text-align: center; }
.tournament-info__more .jt-btn__underline:before, .tournament-info__more .jt-btn__underline:after { background: var(--color-white); }
.tournament-info__more .jt-btn__underline .jt-icon path { fill: var(--color-white); }

.activity-detail__section#activity-teams { background: #000; }
.activity-detail__section#activity-teams > * { display: flex; }
.activity-detail__section#activity-teams .activity-detail__title { color: var(--color-white); width: calc(100% - 748rem); }
.activity-detail__section#activity-teams .activity-detail__contents { width: 748rem; }
.activity-detail__section#activity-teams .activity-detail__text { color: var(--color-white); }
.activity-detail__section#activity-teams .jt-btn__underline:before, #activity-teams .jt-btn__underline:after { background: var(--color-white); }
.activity-detail__section#activity-teams .jt-btn__underline span { color: var(--color-white); }
.activity-detail__section#activity-teams .jt-btn__underline .jt-icon path { fill: var(--color-white); }

.activity-detail__anchor-list.jt-color-change a { color: var(--color-gray-700); }
.activity-detail__anchor-list.jt-color-change a.jt-anchor--current { color: var(--color-white); }



/* **************************************** *
 * HANWHA EAGLES
 * **************************************** */
body.activity-hanwha-eagles .activity-detail__gallery-item--01 { width: 100%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--01 .jt-lazyload { padding-top: 56.02%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--02 { width: calc(50% - 10rem); }
body.activity-hanwha-eagles .activity-detail__gallery-item--02 .jt-lazyload { padding-top: 78.43%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--03 { width: calc(50% - 10rem); }
body.activity-hanwha-eagles .activity-detail__gallery-item--03 .jt-lazyload { padding-top: 78.43%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--04 { width: 861rem; }
body.activity-hanwha-eagles .activity-detail__gallery-item--04 .jt-lazyload { padding-top: 60.51%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--05 { width: 363rem; }
body.activity-hanwha-eagles .activity-detail__gallery-item--05 .jt-lazyload { padding-top: 143.52%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--06 { width: calc(50% - 10rem); }
body.activity-hanwha-eagles .activity-detail__gallery-item--06 .jt-lazyload { padding-top: 78.43%; }
body.activity-hanwha-eagles .activity-detail__gallery-item--07 { width: calc(50% - 10rem); }
body.activity-hanwha-eagles .activity-detail__gallery-item--07 .jt-lazyload { padding-top: 78.43%; }

body.activity-hanwha-eagles .history-item__year { margin-bottom: 8rem; }
body.activity-hanwha-eagles .history-item__image .jt-lazyload { padding-top: 45.72%; }



/* **************************************** *
* SANFRANCISCO GIANTS
* **************************************** */
body.activity-sanfrancisco-giants .activity-detail__gallery-item--01 { width: 100%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--01 .jt-lazyload { padding-top: 56.02%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--02 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--02 .jt-lazyload { padding-top: 78.43%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--03 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--03 .jt-lazyload { padding-top: 78.43%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 { width: 861rem; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 .jt-lazyload { padding-top: 55.75%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--05 { width: 363rem; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--05 .jt-lazyload { padding-top: 132.23%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--06 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--06 .jt-lazyload { padding-top: 78.43%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--07 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--07 .jt-lazyload { padding-top: 78.43%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--08 { width: 363rem; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--08 .jt-lazyload { padding-top: 132.23%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 { width: 861rem; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 .jt-lazyload { padding-top: 55.75%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--10 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--10 .jt-lazyload { padding-top: 78.43%; }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--11 { width: calc(50% - 10rem); }
body.activity-sanfrancisco-giants .activity-detail__gallery-item--11 .jt-lazyload { padding-top: 78.43%; }

body.activity-sanfrancisco-giants .history-item__image .jt-lazyload { padding-top: 159.09%; }

/* VISUAL */
.sanfrancisco-giants-visual { height: 100%; display: grid; align-items: center; justify-content: center; text-align: center; }
.sanfrancisco-giants-visual:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: .8; }
.sanfrancisco-giants-visual__icon { width: 583rem; margin: 0 auto 80rem; }
.sanfrancisco-giants-visual__icon .jt-lazyload { padding-top: 28.96%; }
.sanfrancisco-giants-visual__desc { color: var(--color-white); opacity: .8; }
.sanfrancisco-giants-visual__desc br.mbr { display: none; }
.sanfrancisco-giants-visual__desc + .sanfrancisco-giants-visual__desc { margin-top: 20rem; }
 
 
 
/* **************************************** *
* TOM KIM
* **************************************** */
body.activity-tom-kim .activity-detail__gallery-item--01 { width: 100%; }
body.activity-tom-kim .activity-detail__gallery-item--01 .jt-lazyload { padding-top: 56.02%; }
body.activity-tom-kim .activity-detail__gallery-item--02 { width: calc(50% - 10rem); }
body.activity-tom-kim .activity-detail__gallery-item--02 .jt-lazyload { padding-top: 78.43%; }
body.activity-tom-kim .activity-detail__gallery-item--03 { width: calc(50% - 10rem); }
body.activity-tom-kim .activity-detail__gallery-item--03 .jt-lazyload { padding-top: 78.43%; }
body.activity-tom-kim .activity-detail__gallery-item--04 { width: 427rem; }
body.activity-tom-kim .activity-detail__gallery-item--04 .jt-lazyload { padding-top: 122.01%; }
body.activity-tom-kim .activity-detail__gallery-item--05 { width: 797rem; }
body.activity-tom-kim .activity-detail__gallery-item--05 .jt-lazyload { padding-top: 65.37%; }
body.activity-tom-kim .activity-detail__gallery-item--06 { width: 797rem; }
body.activity-tom-kim .activity-detail__gallery-item--06 .jt-lazyload { padding-top: 65.37%; }
body.activity-tom-kim .activity-detail__gallery-item--07 { width: 427rem; }
body.activity-tom-kim .activity-detail__gallery-item--07 .jt-lazyload { padding-top: 122.01%; }
body.activity-tom-kim .activity-detail__gallery-item--08 { width: calc(50% - 10rem); }
body.activity-tom-kim .activity-detail__gallery-item--08 .jt-lazyload { padding-top: 78.43%; }
body.activity-tom-kim .activity-detail__gallery-item--09 { width: calc(50% - 10rem); }
body.activity-tom-kim .activity-detail__gallery-item--09 .jt-lazyload { padding-top: 78.43%; }

body.activity-tom-kim .history-item__image .jt-lazyload { padding-top: 133.73%; }
 
 

/* **************************************** *
 * LIFEPLUS NY
 * **************************************** */
.lpny-visual { height: 100%; display: grid; align-items: center; justify-content: center; text-align: center; }
.lpny-visual__icon { width: 510rem; margin: 0 auto 40rem; }
.lpny-visual__icon .jt-lazyload { padding-top: 10.98%; }
.lpny-visual__desc { color: var(--color-white); opacity: .8; }
.lpny-visual__desc br.mbr { display: none; }
body.activity-lpny .jt-sub-visual__scroll-item:before { opacity: .4; }

.lpny-banner__marquee  { margin-top: 112rem; }
.lpny-banner { position: relative; padding-top: 240rem; overflow: hidden; }
.lpny-banner__item { display: inline-block; vertical-align: middle; width: 988rem; margin-right: 36rem; border-radius: 20rem; overflow: hidden; }
.lpny-banner__item .jt-lazyload  { padding-top: 58.7%; }
.lpny-banner__single .lpny-banner__item { width: 100%; margin-right: 0; }
.lpny-banner__single .lpny-banner__item .jt-lazyload { padding-top: 46.66%; }
.lpny-banner__single .lpny-banner__item .jt-background-video { position: relative; padding-top: 46.66%; }

.lpny-banner__marquee { opacity: 0; transition: .3s; }
.lpny-banner__marquee.jt-marquee { opacity: 1; }

.lpny-product { padding-top: 240rem; }
.lpny-product__item { position: relative; }
.lpny-product__item + .lpny-product__item { margin-top: 160rem; }
.lpny-product__sticky { position: absolute; left: 0; top: 0; height: 100%; width: calc(100% - 875rem); }
.lpny-product__sticky-inner { position: sticky; top: 100rem; margin-bottom: 140rem; }
.lpny-product__name { display: block; margin-bottom: 40rem; }
.lpny-product__title { display: block; margin-bottom: 12rem; }
.lpny-product__subtitle { display: block; margin-bottom: 40rem; }
.lpny-product__desc { color: var(--color-gray-700); }
.lpny-product__images { padding-left: calc(100% - 875rem); }
.lpny-product__image { position: relative; border-radius: 20rem; overflow: hidden; left: 128rem; }
.lpny-product__image + .lpny-product__image { margin-top: 40rem; }
.lpny-product__image--horizontal .jt-lazyload { padding-top: 64%; }
.lpny-product__image--vertical { width: 540rem; }
.lpny-product__image--vertical .jt-lazyload { padding-top: 129.62%; }

.lpny-product__sticky--lock .lpny-product__sticky-inner { position: static; }

.lpny-ending { padding-top: 240rem; overflow: hidden; }
.lpny-ending__slider { padding-top: 47.2%; overflow: hidden; }
.lpny-ending__slider .swiper-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lpny-ending__item { position: relative; border-radius: 20rem; overflow: hidden; display: flex; align-items: center; }
.lpny-ending__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center center / cover; }
.lpny-ending__subject { position: relative; text-align: center; padding: 0 80rem; width: 100%; color: var(--color-white); }

.activity-banner__image.jt-lazyload { padding-top: 46.67%; border-radius: 20rem; }
 
 
 
/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {
    /* GLOBAL */
    .activity-detail__anchor-list a:hover { color: var(--color-black); }
    .activity-detail__anchor-list.jt-color-change a:hover { color: var(--color-white); }
}