@charset "utf-8";

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



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

    /* INTERVIEW */
    .bivi-interview__content { padding: 160rem 125rem 40rem 0; }
    .bivi-interview__image { left: 0; }

    /* IDENTITY */
    .bivi-identity__logo .bivi-identity__case-item--01 .bivi-identity__case-logo { width: 25.49%; }
    .bivi-identity__logo .bivi-identity__case-item--02 .bivi-identity__case-logo { width: 49.01%; }
    .bivi-identity__logo .bivi-identity__case-item--03 .bivi-identity__case-logo { width: 39.9%; }
    .bivi-identity__logo .bivi-identity__case-item--04 .bivi-identity__case-logo { width: 39.9%; }
    .bivi-identity__logo .bivi-identity__case-motion { width: 57.35%; }


}



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

    /* VISUAL */
    .bivi-visual__title b { font-size: 80rem; line-height: 94rem; }

    /* DIRECTOR */
    .bivi-director__content { min-height: auto; }
    .bivi-director__content-inner { padding: 140rem calc(50% + 110rem) 140rem 0; }
    
    /* SLOGAN */
    .bivi-slogan { padding: 140rem 0; }

    /* INTERVIEW */
    .bivi-interview { padding-bottom: 140rem; }
    .bivi-interview__content { padding: 140rem 110rem 40rem 0; }
    .bivi-interview__image { padding-top: 140rem; }
    .bivi-interview__answer-item br:not(.smbr){ display: none; }

    /* IDENTITY */
    .bivi-identity { padding: 140rem 0 240rem; }
    .bivi-identity__desc { margin-bottom: 60rem; }
    .bivi-identity__logo { padding-bottom: 140rem; }
    .bivi-identity__font { padding-top: 140rem; }
    .bivi-identity__font .bivi-identity__case-item { min-height: 0; padding: 120rem 70rem; }
    .bivi-identity__case-font > p { font-size: 32rem; line-height: 43rem; }

    .bivi-identity__case--ko .bivi-identity__case--light { font-size: 31rem; letter-spacing: .025em; }
    .bivi-identity__case--en .bivi-identity__case--light { font-size: 31rem; letter-spacing: .023em; }

    .bivi-package__download { margin-top: 100rem; }

}



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

    /* VISUAL */
    .bivi-visual__title { margin-bottom: 80rem; }
    .bivi-visual__title b { font-size: 70rem; line-height: 82rem; }

    /* MEETS */
    .bivi-meets { padding: 120rem 0; }
    .bivi-meets__screen { margin-bottom: 30rem; }

    /* DIRECTOR */
    .bivi-director__content-inner { padding: 120rem calc(50% + 95rem) 120rem 0; }
    
    /* SLOGAN */
    .bivi-slogan { padding: 120rem 0; }

    /* INTERVIEW */
    .bivi-interview { padding-bottom: 120rem; }
    .bivi-interview__content { padding: 120rem 100rem 40rem 0; }
    .bivi-interview__image { padding-top: 120rem; }
    .bivi-interview__question { margin-bottom: 30rem; }
    .bivi-interview__answer-item + .bivi-interview__answer-item { margin-top: 30rem; }

    /* IDENTITY */
    .bivi-identity { padding: 120rem 0 200rem; }
    .bivi-identity__logo { padding-bottom: 120rem; }
    .bivi-identity__font { padding-top: 120rem; }
    .bivi-identity__title { margin-bottom: 30rem; }

}



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

    /* VISUAL */
    .bivi-visual__title b { font-size: 84rem; line-height: 108rem; }
    .bivi-visual__title--02 { left: 25%; }
    .bivi-visual__desc { left: 0; }

    /* MEETS */
    .bivi-meets { padding: 100rem 0; }
    .bivi-meets__screen { padding-top: 50%; }

    /* DIRECTOR */
    .bivi-director { flex-direction: column; }
    .bivi-director__content { order: 2; }
    .bivi-director__content-inner { padding: 100rem 0; }
    .bivi-interview__answer-item br:not(.smbr) { display: none; }
    .bivi-director__image { position: relative; width: 100%; order: 1; }
    .bivi-director__image .jt-lazyload { padding-top: 100%; }

    /* SLOGAN */
    .bivi-slogan { padding: 100rem 0; }
    .bivi-slogan__interview br:not(.smbr) { display: none; }

    /* INTERVIEW */
    .bivi-interview { padding: 100rem 0; }
    .bivi-interview__section + .bivi-interview__section { margin-top: 80rem; }
    .bivi-interview__sticky { flex-direction: column; gap: 60rem; }
    .bivi-interview__content { position: relative; order: 2; width: 100%; padding: 0; height: auto; }
    
    .bivi-interview__image { order: 1; width: 100%; padding-top: 0; left: -30rem; width: calc(100% + 60rem); opacity: 0; transition: opacity .3s; }
    .bivi-interview__image.jt-marquee { opacity: 1; }
    .bivi-interview__image-item { display: inline-block; height: 300rem; margin-bottom: 0; margin-right: 12rem; }
    .bivi-interview__image-item .jt-lazyload { padding-top: 0; height: 100%; }

    .bivi-interview__image-item--01 { width: calc(300rem * .8632); }
    .bivi-interview__image-item--02 { width: calc(300rem * 1.488); }
    .bivi-interview__image-item--03 { width: calc(300rem * .8632); }
    .bivi-interview__image-item--04 { width: calc(300rem * 1.6025); }
    .bivi-interview__image-item--05 { width: calc(300rem * 1); }
    .bivi-interview__image-item--06 { width: calc(300rem * 1.488); }
    .bivi-interview__image-item--07 { width: calc(300rem * .8389); }
    .bivi-interview__image-item--08 { width: calc(300rem * 1); }

    /* IDENTITY */
    .bivi-identity { padding: 100rem 0 140rem; }
    .bivi-identity__desc br:not(.smbr) { display: none; }

    .bivi-identity__case-title { left: 16rem; top: 16rem; }

    .bivi-identity__logo { padding-bottom: 100rem; }
    .bivi-identity__logo .bivi-identity__case { gap: 12rem; }

    .bivi-identity__font { padding-top: 100rem; }
    .bivi-identity__font .bivi-identity__case { gap: 30rem; }
    .bivi-identity__font .bivi-identity__case-item { padding: 100rem 50rem; }

    .bivi-identity__case-font > p { font-size: 30rem; line-height: 40rem; }

    .bivi-identity__case--ko .bivi-identity__case--light { font-size: 29rem; letter-spacing: .026em; }
    .bivi-identity__case--en .bivi-identity__case--light { font-size: 29rem; letter-spacing: .023em; }

    .bivi-package__download { margin-top: 80rem; }
    
}



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

    /* VISUAL */
    .bivi-visual__video .jt-background-video { top: 0; left: 0; transform: translate(0); }
    .bivi-visual__inner { top: auto; bottom: 60rem; transform: translateY(0); }
    .bivi-visual__title { margin-bottom: 20rem; }
    .bivi-visual__title b { font-size: 46rem; line-height: 60rem; }
    .bivi-visual__title--02 { left: 0; margin-top: 8rem; }
    .bivi-visual__desc br:not(.smbr) { display: none; }

    /* MEETS */
    .bivi-meets { padding: 80rem 0; }
    .bivi-meets__screen { margin-bottom: 20rem; padding-top: 70.17%; }
    .bivi-meets__desc { text-align: center; }
    
    /* DIRECTOR */
    .bivi-director__image-author { bottom: 16rem; right: 16rem; }
    .bivi-director__content-inner { padding: 50rem 0 80rem; }

    /* SLOGAN */
    .bivi-slogan { padding: 80rem 0; }

    /* INTERVIEW */
    .bivi-interview { padding: 80rem 0; }
    .bivi-interview__section + .bivi-interview__section { margin-top: 60rem; }

    .bivi-interview__sticky { gap: 50rem; }

    .bivi-interview__question { margin-bottom: 24rem; }
    .bivi-interview__author > span + span:before { height: 10rem; } 
    .bivi-interview__answer-item p + p { margin-top: 8rem; }
    .bivi-interview__author { margin-top: 8rem; }
    .bivi-interview__answer-item + .bivi-interview__answer-item { margin-top: 24rem; }

    .bivi-interview__image { left: -24rem; width: calc(100% + 48rem); }
    .bivi-interview__image-item { height: 200rem; }

    .bivi-interview__image-item--01 { width: calc(200rem * .8632); }
    .bivi-interview__image-item--02 { width: calc(200rem * 1.488); }
    .bivi-interview__image-item--03 { width: calc(200rem * .8632); }
    .bivi-interview__image-item--04 { width: calc(200rem * 1.6025); }
    .bivi-interview__image-item--05 { width: calc(200rem * 1); }
    .bivi-interview__image-item--06 { width: calc(200rem * 1.488); }
    .bivi-interview__image-item--07 { width: calc(200rem * .8389); }
    .bivi-interview__image-item--08 { width: calc(200rem * 1); }

    /* PRODUCT */
    .bivi-product__item--01 { grid-column: 1 / 4; grid-row: 1 / 3; order: 1; }
    .bivi-product__item--02 { grid-column: 1 / 7; order: 2; }
    .bivi-product__item--03 { grid-column: 4 / 7; order: 1; }
    .bivi-product__item--04 { grid-column: 4 / 7; order: 1; }

    /* IDENTITY */
    .bivi-identity { padding: 80rem 0 100rem; }
    .bivi-identity__logo { padding-bottom: 80rem; }
    .bivi-identity__font { padding-top: 80rem; }
    .bivi-identity__title { margin-bottom: 20rem; }
    .bivi-identity__desc { margin-bottom: 40rem; }
    .bivi-identity__case-title br:not(.smbr) { display: none; }

    .bivi-identity__logo .bivi-identity__case { gap: 16rem; }

    .bivi-identity__logo .bivi-identity__case-item--01 { grid-column: 1 / 7; }
    .bivi-identity__logo .bivi-identity__case-item--02 { grid-column: 1 / 7; }
    .bivi-identity__logo .bivi-identity__case-item--03 { grid-column: 1 / 7; }
    .bivi-identity__logo .bivi-identity__case-item--04 { grid-column: 1 / 7; }
    .bivi-identity__logo .bivi-identity__case-item--05 { grid-column: 1 / 7; }
    
    .bivi-identity__font .bivi-identity__case { gap: 16rem; }
    .bivi-identity__font .bivi-identity__case-item { padding: 80rem 40rem; }

    .bivi-identity__logo .bivi-identity__case-item--01 .bivi-identity__case-logo { width: 37.42%; }
    .bivi-identity__logo .bivi-identity__case-item--02 .bivi-identity__case-logo { width: 64.32%; }
    .bivi-identity__logo .bivi-identity__case-item--03 .bivi-identity__case-logo { width: 44.44%; }
    .bivi-identity__logo .bivi-identity__case-item--04 .bivi-identity__case-logo { width: 44.44%; }
    .bivi-identity__logo .bivi-identity__case-motion { width: 79%; }

    .bivi-identity__case-font > p { font-size: 26rem; line-height: 35rem; }

    .bivi-identity__case--ko .bivi-identity__case--light { font-size: 24rem; line-height: 34rem; letter-spacing: .06em; }
    .bivi-identity__case--en .bivi-identity__case--light { font-size: 24rem; line-height: 34rem; letter-spacing: .052em; }

    .bivi-package__download { margin-top: 60rem; }

}