@charset "utf-8";

/*
* File       : rwd-english.css
* Author     : STUDIO-JT (LSO)
*
* SUMMARY:
* 1640px
* 1200px 
* 1023px
* 860px
* 540px
*/



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

    /* STORY */
    .story-sensory__title { min-width: auto; padding-right: 50rem; }

    /* TRIBES */
    .tribes-share__content { padding: 160rem 30rem 160rem 100rem; }
    .tribes-share__content b { font-size: 38rem; line-height: 54rem; }
    .tribes-share__mockup { left: 80rem; }

}



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

    /* LAYOUT */
    #menu > li:nth-child(3) > ul > li:nth-child(3) > a > span { line-height: 30rem; }

    .footer__inner { padding-right: 320rem; }

    /* BRAND LIBRARY */
    .bivi-visual__title b { font-size: 68rem; line-height: 96rem; }
    .bivi-visual__desc > p { font-size: 15rem; line-height: 23rem; }
    
    .bivi-meets__desc br:not(.smbr) { display: none; }

    .bivi-identity__font .bivi-identity__desc br:not(.smbr) { display: none; }

    /* TRIBES */
    .tribes-share__content { padding: 120rem 0 120rem 120rem; }
    .tribes-share__content b { font-size: 32rem; line-height: 46rem; }
    .tribes-share__mockup { left: 100rem; }

}



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

    /* LAYOUT */
    .footer__inner { padding-right: 260rem; }

    /* STORY */
    .story-type__title-inner b { display: block; }
    .story-type__title-inner span { display: block; margin-left: 0; margin-top: 12rem; }

    /* BRAND LIBRARY */
    .bivi-visual__title b { font-size: 58rem; line-height: 82rem; }
    .bivi-visual__desc > p { font-size: 13rem; line-height: 20rem; }

    /* TRIBES */
    .tribes-share__content { padding: 100rem 0 100rem 100rem; }
    .tribes-share__content b { font-size: 29rem; line-height: 43rem; }
    .tribes-share__mockup { left: 100rem; }

}



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

    /* LAYOUT */
    .footer__inner { padding-right: 0; }
    .footer__menu { margin-left: auto; }
    .footer__menu-btn { display: block; color: var(--color-white); }
    html.ios .footer__menu-btn.footer__menu--open .jt-icon,
    html.mac .footer__menu-btn.footer__menu--open .jt-icon { top: .5rem; }
    .footer__menu-list { flex-direction: column; flex-wrap: nowrap; padding-top: 12rem; display: none; overflow: hidden; }
    .footer__menu-list > li > a { display: inline-block; padding-left: 0; opacity: .8; }
    .footer__menu-list > li:last-child > a { padding-right: 8rem; }
    .footer__menu-list > li:first-child > a { padding-left: 0rem; }

    .footer__sns { top: -12rem; transform: none; }

    .footer__copyright { margin-top: 20rem; }

    /* STORY */
    .story-sensory__title br.smbr { display: block; }

    /* BRAND LIBRARY */
    .bivi-visual__title b { font-size: 48rem; line-height: 68rem; }
    .bivi-visual__title--02 { left: 0; margin-top: 0; }
    .bivi-visual__desc > p { font-size: 18rem; line-height: 30rem; }
    .bivi-visual__desc br:not(.smbr) { display: none; }

    /* TRIBES */
    .tribes-share__content { padding: 80rem; }
    .tribes-share__content b { font-size: 30rem; }
    .tribes-share__mockup { left: 50%; }
    .tribes-share__desc br:not(.smbr) { display: block; }

    /* ACTIVITY */
    .activity-desc br:not(.smbr) { display: none; }

    /* ACTIVITY */
    .activity-hanwha-qcells__story br:not(.smbr) { display: none; }

}



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

    /* LAYOUT */
    #menu > li:nth-child(3) > ul > li:nth-child(3) > a > span { line-height: 23rem; }

    .menu-family__list > li > a span.jt-typo--carrot { font-size: var(--font-size-ko-08); line-height: var(--font-lineheight-ko-08); }

    .footer__sns { top: -10rem; }

    /* STORY */
    .story-about__title > b { font-size: 30rem; line-height: 42rem; }
    .story-about__title--01 { left: 0; }
    .story-about__title--02 { left: 0; }

    .story-type__title-inner span { margin-top: 4rem; }

    .story-about__title br:not(.smbr) { display: none; }
    .story-business__title > p br:not(.smbr) { display: none; }
    .story-sensory__title { padding-right: 0rem; }

    /* BRAND LIBRARY */
    .bivi-visual__title b { font-size: 35rem; line-height: 50rem; }
    .bivi-visual__desc > p { font-size: 15rem; line-height: 23rem; }
    
    /* TRIBES */
    .tribes-intro .tribes-section__title br:not(.smbr) { display: none; }
    .tribes-benefit__intro .tribes-section__desc br:not(.smbr) { display: none; }
    
    .tribes-share__content { padding: 40rem; }
    .tribes-share__content b { font-size: 26rem; line-height: 35rem; }

    /* ACTIVITY */
    .tournament-info__data > li > b { font-size: 13rem; line-height: 19rem; }
    .tournament-info__data > li > p { font-size: 15rem; }
    .tournament-info__data > li > p > b { font-size: 15rem; }

}