@charset "utf-8";

/*
 * File       : rwd-activity.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * 1800px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



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

    /* DETAIL */
    .activity-desc { padding-bottom: 0; }
    .activity-detail__anchor { display: none; left: 0; padding-left: 20rem; padding-right: 20rem; }

}



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

    /* DETAIL */
    .activity-detail__anchor { left: calc(( 100% - 1244rem ) / 2); padding: 0; }

    /* LIFEPLUS NY */
    .lpny-banner { padding-top: 140rem; }
    .lpny-product { padding-top: 140rem; }

}



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

    /* DETAIL */
    .activity-detail__anchor { left: 50rem; width: calc(( 100% - 100rem ) * .2); }
    .activity-detail__text br:not(.smbr) { display: none; }

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

    .history-item { margin-top: 100rem; }
    .history-item__title br:not(.mdbr, .smbr) { display: none; }

    .activity-detail__section { padding: 120rem 0rem; }
    .activity-detail__section#activity-history { padding: 140rem 0 240rem; }
    .activity-detail__section#activity-history .activity-detail__sticky { width: 40%; padding-right: 100rem; }
    .activity-detail__section#activity-history .activity-detail__content { padding-left: 40%; }

    /* INTERNATINAL CROWN */
    .tournament-info__data { padding: 0 200rem; }
    .tournament-info__data > li + li:before { height: 90%; }

    .activity-detail__section#activity-teams .activity-detail__title { width: 40%; }
    .activity-detail__section#activity-teams .activity-detail__contents { width: 60%; }

    /* HANWHA EAGLES */
    body.activity-hanwha-eagles .activity-detail__gallery-item--04 { width: calc(70.82% - 20rem) }
    body.activity-hanwha-eagles .activity-detail__gallery-item--04 .jt-lazyload { padding-top: 0; height: 100%; }
    body.activity-hanwha-eagles .activity-detail__gallery-item--05 { width: 29.18%; }

    /* SANFRANCISCO GIANTS */
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 { width: calc(70.82% - 20rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 .jt-lazyload { padding-top: 0; height: 100%; }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--05 { width: 29.18%; }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--08 { width: 29.18%; }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 { width: calc(70.82% - 20rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 .jt-lazyload { padding-top: 0; height: 100%; }

    .sanfrancisco-giants-visual__icon { width: 456rem; margin-bottom: 60rem; }

    /* TOM KIM */
    body.activity-tom-kim .activity-detail__gallery-item--04 { width: 29.18%; }
    body.activity-tom-kim .activity-detail__gallery-item--05 { width: calc(70.82% - 20rem) }
    body.activity-tom-kim .activity-detail__gallery-item--05 .jt-lazyload { padding-top: 0; height: 100%; }
    body.activity-tom-kim .activity-detail__gallery-item--06 { width: calc(70.82% - 20rem) }
    body.activity-tom-kim .activity-detail__gallery-item--06 .jt-lazyload { padding-top: 0; height: 100%; }
    body.activity-tom-kim .activity-detail__gallery-item--07 { width: 29.18%; }
    
    /* LIFEPLUS NY */
    .lpny-banner { padding-top: 140rem; }
    .lpny-banner__item { width: 860rem; }

    .lpny-product { padding-top: 140rem; }
    .lpny-product__sticky { width: 40%; padding-right: 80rem; }
    .lpny-product__images { padding-left: 40%; }
    .lpny-product__image { left: 0; }
    .lpny-product__image--vertical { width: 61.71%; }
    .lpny-product__item + .lpny-product__item { margin-top: 140rem; }
 
    .lpny-ending { padding-top: 140rem; }

}



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

    /* DETAIL */
    .activity-desc { padding-top: 100rem; }
    .activity-detail__anchor { left: 40rem; width: calc(( 100% - 80rem ) * .2); padding-right: 20rem; }
    .activity-detail__anchor-sticky { padding-top: 100rem; }
    .activity-detail__section { padding: 100rem 0; }

    .activity-detail__section#activity-gallery { padding: 100rem 0 140rem; }
    .activity-detail__section#activity-history { padding: 120rem 0 200rem; }
    .activity-detail__section#activity-history .activity-detail__sticky { padding-right: 80rem; }

    /* INTERNATINAL CROWN */
    .activity-detail__section#activity-tournament { padding: 100rem 0 140rem; }
    .tournament-info__data { padding: 0 160rem; }
    .activity-detail__text + .activity-more { margin-top: 24rem; }

    /* LIFEPLUS NY */
    .activity-section__desc { margin-top: 30rem; }
    .activity-section__list { margin-top: 30rem; }

    .lpny-visual__icon { width: 480rem; margin-bottom: 30rem; }

    .lpny-banner { padding-top: 120rem; }
    .lpny-banner__marquee { margin-top: 100rem; }

    .lpny-product { padding-top: 120rem; }
    .lpny-product__item + .lpny-product__item { margin-top: 120rem; }
    .lpny-product__desc br:not(.smbr) { display: none; }
    .lpny-product__subtitle { margin-bottom: 30rem; }

    .lpny-ending { padding-top: 120rem; }

}



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

    /* DETAIL */
    .activity-desc { padding-top: 80rem; }
    .activity-detail__title { margin-bottom: 30rem; }
    .activity-detail__section { padding: 80rem 0; }
    .activity-detail__anchor { display: none; }
    .activity-detail__gallery { gap: 16rem; }

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

    .history-item { margin-top: 80rem; }

    .activity-detail__section#activity-gallery { padding: 80rem 0 100rem; }
    .activity-detail__section#activity-history { padding: 100rem 0 140rem; }
    .activity-detail__section#activity-history .activity-detail__sticky { width: 100%; position: relative; padding-right: 0; }
    .activity-detail__section#activity-history .activity-detail__sticky-inner { position: relative; top: auto; padding-bottom: 80rem; }
    .activity-detail__section#activity-history .activity-detail__content { padding-left: 0; }

    /* INTERNATINAL CROWN */
    .activity-detail__section#activity-tournament { padding: 80rem 0 100rem; }
    .tournament-info__data { padding: 0; }

    .activity-detail__section#activity-teams > * { flex-wrap: wrap; }
    .activity-detail__section#activity-teams .activity-detail__title { width: 100%; }
    .activity-detail__section#activity-teams .activity-detail__contents { width: 100%; }

    /* HANWHA EAGLES */
    body.activity-hanwha-eagles .activity-detail__gallery-item--02 { width: calc(50% - 8rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--03 { width: calc(50% - 8rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--04 { width: calc(70.82% - 16rem); } 
    body.activity-hanwha-eagles .activity-detail__gallery-item--06 { width: calc(50% - 8rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--07 { width: calc(50% - 8rem); }

    /* SANFRANCISCO GIANTS */
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--02 { width: calc(50% - 8rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--03 { width: calc(50% - 8rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 { width: calc(70.82% - 16rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--06 { width: calc(50% - 8rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--07 { width: calc(50% - 8rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 { width: calc(70.82% - 16rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--10 { width: calc(50% - 8rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--11 { width: calc(50% - 8rem); }

    .sanfrancisco-giants-visual__icon { margin-bottom: 40rem; }
    .sanfrancisco-giants-visual__desc br.mbr { display: block; }
    .sanfrancisco-giants-visual__desc br:not(.mbr) { display: none; }

    /* TOM KIM */
    body.activity-tom-kim .activity-detail__gallery-item--02 { width: calc(50% - 8rem); }
    body.activity-tom-kim .activity-detail__gallery-item--03 { width: calc(50% - 8rem); }
    body.activity-tom-kim .activity-detail__gallery-item--05 { width: calc(70.82% - 16rem) }
    body.activity-tom-kim .activity-detail__gallery-item--06 { width: calc(70.82% - 16rem) }
    body.activity-tom-kim .activity-detail__gallery-item--08 { width: calc(50% - 8rem); }
    body.activity-tom-kim .activity-detail__gallery-item--09 { width: calc(50% - 8rem); }

    /* LIFEPLUS NY */
    .lpny-visual__icon { width: 420rem; }

    .lpny-banner { padding-top: 100rem; }
    .lpny-banner__item { width: 708rem; margin-right: 20rem; }
    .lpny-banner__single { margin: 0 -30rem; }
    .lpny-banner__single .lpny-banner__item { border-radius: 0; }
    .lpny-banner__marquee { margin-top: 80rem; }

    .lpny-product { padding-top: 100rem; overflow: hidden; }
    .lpny-product__sticky { position: relative; width: 100%; padding-right: 0; }
    .lpny-product__sticky-inner { margin-bottom: 40rem; }
    .lpny-product__item + .lpny-product__item { margin-top: 100rem; }
    .lpny-product__name { margin-bottom: 20rem; }
    .lpny-product__images { padding-left: 0; margin: 0 -30rem; white-space: nowrap; overflow: auto; font-size: 0; padding: 0 30rem; scrollbar-width: none; }
    .lpny-product__images::-webkit-scrollbar { display: none; }
    .lpny-product__image { display: inline-block; width: 600rem; vertical-align: top; }
    .lpny-product__image--vertical { width: 296.22rem; }
    .lpny-product__image + .lpny-product__image { margin-top: 0; margin-left: 20rem; }
    
    .lpny-ending { padding-top: 100rem; }
    .lpny-ending__inner { margin: 0 -30rem; }
    .lpny-ending__item { border-radius: 0; }

}



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

    /* DETAIL */
    .activity-desc br:not(.smbr) { display: none; }
    .activity-detail__title { margin-bottom: 20rem; }
    .activity-detail__anchor { display: none; }
    .activity-detail__text br:not(.smbr) { display: none; }
    .activity-detail__gallery { gap: 10rem; }
    .activity-detail__gallery-item { border-radius: 12rem; }

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

    .history-item { margin-top: 60rem; }
    .history-item__data > li { grid-template-columns: calc(25% - 8rem) minmax(0, auto); }

    .activity-detail__section#activity-gallery { padding: 80rem 0; }
    .activity-detail__section#activity-history { padding: 80rem 0 100rem; }
    .activity-detail__section#activity-history .activity-detail__sticky-inner { padding-bottom: 60rem; }

    /* INTERNATINAL CROWN */
    .activity-detail__section#activity-tournament { padding: 80rem 0rem; }

    .tournament-info__inner { padding: 60rem 29rem; }
    .tournament-info__logo { max-width: 260rem; }
    .tournament-info__data { margin-top: 60rem; }
    .tournament-info__rule { margin-top: 60rem; }
    .tournament-info__rule > b { margin-bottom: 8rem; }
    .tournament-info__rule + .tournament-info__rule { margin-top: 20rem; }
    .tournament-info__logo + .tournament-info__rule { margin-top: 42rem; }
    .tournament-info__data { padding: 0 3rem; }
    .tournament-info__data > li { gap: 8rem; }
    .tournament-info__more { margin-top: 60rem; }

    /* HANWHA EAGLES */
    body.activity-hanwha-eagles .activity-detail__gallery-item--02 { width: calc(50% - 5rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--03 { width: calc(50% - 5rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--04 { width: calc(70.82% - 10rem); } 
    body.activity-hanwha-eagles .activity-detail__gallery-item--06 { width: calc(50% - 5rem); }
    body.activity-hanwha-eagles .activity-detail__gallery-item--07 { width: calc(50% - 5rem); }

    /* SANFRANCISCO GIANTS */
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--02 { width: calc(50% - 5rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--03 { width: calc(50% - 5rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--04 { width: calc(70.82% - 10rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--06 { width: calc(50% - 5rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--07 { width: calc(50% - 5rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--09 { width: calc(70.82% - 10rem) }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--10 { width: calc(50% - 5rem); }
    body.activity-sanfrancisco-giants .activity-detail__gallery-item--11 { width: calc(50% - 5rem); }

    .sanfrancisco-giants-visual__icon { width: 308rem; }
    .sanfrancisco-giants-visual__desc br.mbr { display: none; }

    /* TOM KIM */
    body.activity-tom-kim .activity-detail__gallery-item--02 { width: calc(50% - 5rem); }
    body.activity-tom-kim .activity-detail__gallery-item--03 { width: calc(50% - 5rem); }
    body.activity-tom-kim .activity-detail__gallery-item--05 { width: calc(70.82% - 10rem) }
    body.activity-tom-kim .activity-detail__gallery-item--06 { width: calc(70.82% - 10rem) }
    body.activity-tom-kim .activity-detail__gallery-item--08 { width: calc(50% - 5rem); }
    body.activity-tom-kim .activity-detail__gallery-item--09 { width: calc(50% - 5rem); }

    /* LIFEPLUS NY */
    .activity-section__desc { margin-top: 20rem; }
    .activity-section__list { margin-top: 20rem; }

    .lpny-visual__icon { width: 330rem; margin-bottom: 20rem; }

    .lpny-banner { padding-top: 80rem; }
    .lpny-banner__item { width: 342rem; margin-right: 10rem; }
    .lpny-banner__single { margin: 0 -24rem; }
    .lpny-banner__marquee { margin-top: 60rem; }

    .lpny-product { padding-top: 80rem; }
    .lpny-product__item + .lpny-product__item { margin-top: 80rem; }
    .lpny-product__images { margin: 0 -24rem; padding: 0 24rem; }
    .lpny-product__image { width: 342rem; }
    .lpny-product__image--vertical { width: 168.84rem; }
    .lpny-product__image + .lpny-product__image { margin-left: 10rem; }
    .lpny-product__title { margin-bottom: 8rem; }
    .lpny-product__subtitle { margin-bottom: 20rem; }

    .lpny-ending { padding-top: 80rem; }
    .lpny-ending__inner { margin: 0 -24rem; }
    .lpny-ending__slider { padding-top: 80%; }

}