@media (max-width: 1024px), (max-device-width: 1024px), (min-device-width: 1366px) and (max-device-width: 1366px){html{font-size:0.13vw}body.is-gnb--invert .l-gnb .c-lang-btn__name,body.is-gnb--invert .l-gnb .c-gnb__name{color:#000}body.is-gnb--invert .l-gnb .c-gnb-btn__bar{background-color:#fff}body.is-gnb--invert .l-gnb.is-gnb-opend .c-gnb-btn__bar{background-color:#000}img{max-width:100%;height:auto}.c-fbg{max-width:100%;min-height:auto;height:auto}.c-fbg.is-mobile-set{bottom:auto;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.c-fbg.is-mobile-bottom{bottom:0;top:auto;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.c-fbg.is-mobile-top{top:0;bottom:auto;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.is-desktop{display:none !important}.is-mobile{display:block !important}.l-gnb{z-index:1000;top:0;right:0}.l-gnb__inner{display:block;position:fixed;width:100%;height:100%;top:0;right:0;opacity:0.5;background-color:#fff;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:all 1s ease;transition:all 1s ease}.l-gnb.is-gnb-opend{z-index:1002}.l-gnb.is-gnb-opend .l-gnb__inner{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.l-gnb.is-gnb-opend .c-gnb-btn{top:12rem;right:28rem}.l-gnb.is-gnb-opend .c-gnb-btn__bar{position:absolute;width:32rem;top:26rem;left:28rem;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:20rem 0 0 5rem}.l-gnb.is-gnb-opend .c-gnb-btn__bar:nth-child(1){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.l-gnb.is-gnb-opend .c-gnb-btn__bar:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.l-gnb.is-gnb-opend .c-gnb-btn__bar:last-child{display:none}.l-gnb.is-black .c-gnb-btn__bar{background-color:#000 !important}.c-gnb{display:block;margin:0}.c-gnb__item{display:block;margin:0;line-height:0}.c-gnb__item:first-child{margin:88rem 0 0 0}.c-gnb__link{display:inline-block;height:auto;padding:24rem 78rem;line-height:1}.c-gnb__name{font-size:32rem}.c-gnb-btn{z-index:10;display:block;position:absolute;top:20rem;right:30rem;width:96rem;height:96rem;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.c-gnb-btn__toggle{width:100%;height:100%;padding:0 24rem}.c-gnb-btn__bar{display:block;width:100%;height:4rem;margin-top:8rem;background-color:#000;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.c-gnb-btn__bar:nth-child(1){margin-top:0}.c-lang-box{z-index:10;display:block;position:absolute;top:0;right:0}.c-lang-box .c-lang-btn{position:unset;display:block}.c-lang-box .c-lang-btn__link{display:block;padding:0}.c-lang-btn{position:absolute;top:auto;bottom:78rem;right:auto;margin:0;-webkit-transform:translateX(0);transform:translateX(0)}.c-lang-btn__item{margin:0}.c-lang-btn__link{display:inline-block;height:0;line-height:1;padding:0 78rem}.c-lang-btn__name{font-size:28rem}.p-friends .modal__container{top:0rem;left:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);padding-top:240rem}.p-friends .modal__flex{padding:80rem 60rem 0 60rem;display:block}.p-friends .modal__title{font-size:54rem;line-height:1.48}.p-friends .modal__text{font-size:32rem;line-height:1.63}.p-friends .modal__desc{padding-top:18rem;width:100%}.p-friends .modal__tit{padding-top:0rem}.p-friends .modal__button--close{font-size:48rem;right:32rem;top:32rem}.p-gall .modal__button--close{right:34rem;top:34rem;font-size:48rem}.p-gall .modal__video{position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.modal__container{width:100%;height:100%;padding:0;top:0;left:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:1001}.swiper-pagination-bullets{bottom:0;left:auto;width:100%}.swiper-pagination-bullet{width:16rem;height:16rem;display:inline-block;border-radius:100%;background:#000;opacity:0.2;margin:0 5px}.swiper-pagination-bullet-active{opacity:1;background:#000}[lang="en"] .modal__text{font-size:32rem}}@media (max-width: 1024px) and (orientation: landscape){html{font-size:0.065vw}body .l-gnb__inner{width:50%}.modal__video{padding:44% 0 0 0}}@media (min-width: 768px) and (max-device-width: 1366px){html{font-size:0.13vw}}@media (min-width: 768px) and (max-device-width: 1366px) and (orientation: landscape){html{font-size:0.065vw}}