@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}
.motion-on .main-cover{opacity:0; visibility:hidden;}

.main .fp-viewing-Partners #gnb .gnb-item > a,
.main .fp-viewing-Philosophy #gnb .gnb-item > a,
.main .fp-viewing-News #gnb .gnb-item > a{color: var(--b-01);}

.main .fp-viewing-Main #fp-nav{display: none;}
.main .fp-viewing-Reference #fp-nav ul li a.active span:nth-child(2){background-color: var(--w);}
.main .fp-viewing-Reference #fp-nav a.active .nav-name{color: var(--w);}
.fp-viewing-6 #fp-nav{display: none;}

.gnb-mobile-btn span{background: var(--w);}

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

.main-visual__text [data-txt-motion="hidden"]{opacity: 1;}
.main-visual__bg i{transform: scale(1.2); transition:transform 15s ease;}
.swiper-slide-active .main-visual__bg i{transform: scale(1);}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */

 /* 공통 */
 .main-wrap{margin-left: 100rem;}
 .main-wrap-narrow{margin-left: var(--main-wrap);}
 .main .fp-viewing-Main .gnb-full-btn{height: calc(100% - 185rem); top: 185rem;}
 .main .fp-viewing-Main #logo a{background-image:url(../img/layout/logo_w.svg)}
 .main-title h3 + p{margin-top: 19rem;}
 .main-title *.btn-basic{margin-top:86rem}
 .main-title[data-flex]{justify-content: space-between; align-items: center; position: relative; z-index: 2; margin-bottom: 36rem;}
 .main-title[data-flex] *.btn-basic{margin-top: 0;}

/* main visual */
.main-visual,.fixed-video{height:var(--height-full); position: relative; overflow: hidden;}
.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}

.fixed-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s;}
.fixed-video.is-show{opacity:1;}
.fixed-video iframe{width:100%;height:100%;}
.fixed-video  iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%,-50%);}
.fixed-video:has(iframe)::before{content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.02); width: 100%; height: 100%; z-index: 1;  }
.fixed-video.is-show{opacity:1;}

#main:has(#section01.active) .fixed-video{opacity:1;z-index:1;}

.main-visual__video{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 8rem;}
.main-visual__btn > i{}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute; /* top: 75vh; */ bottom: 163rem; left:12rem;z-index:999;width:100%; justify-content: flex-start;}
.main-visual__controls > div{width: 100%;}
.main-visual__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count em{}
.main-visual__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem; background:#fff;}
.main-visual__btn.button-next::after{/* transform:rotate(-90deg); */}
.main-visual__btn.button-prev::after{transform: rotate(180deg);}

.main-visual .swiper-pagination{display:flex; gap:22rem;}
.main-visual .swiper-pagination-bullet{background: var(--f-01);}
.main-visual .swiper-pagination-bullet{opacity:0.3; width:8rem; height:8rem; background:#fff; position: relative;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}
.main-visual .swiper-pagination-bullet-active::before{content: ""; width: 22rem; height: 22rem; border-radius: 100%; border:1px solid var(--w); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.main-visual__text{position:absolute; /* top:39vh; */ z-index: 10; bottom: 242rem; width:100%; color:#fff;}
.main-visual__text h2{/* overflow:hidden; */line-height:1.17;font-weight:600;font-size:90rem;opacity: 0;}
.main-visual__text p{margin-bottom:15rem;font-weight:500; line-height: 1.8; font-size:20rem;opacity: 0;}

.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}
.main-visual .swiper-slide-active .main-visual__bar > i{ width: 100%; transition: var(--progress-duration) linear; }

.main-visual__play{position:absolute; top:50%; left:0; z-index:99999; background:#fff; font-size:30rem; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}


.scroll-down{text-align:center;cursor: pointer;  position:absolute;bottom:23rem;left:50%;transform:translateX(-50%);color:#fff;z-index:10;}
.scroll-down p{margin:0 0 1rem; font-weight: 600; font-size:11rem;}


@media (max-width:1480px){
    .main-visual__text h2{font-size: 80rem;}
}
@media (max-width:1200px){
    #fp-nav.fp-right{display: none !important;}
    .main-wrap{margin-left: 80rem;}
    .main-visual__text h2{font-size: 75rem;}
}

@media (max-width:1023px){

        .section,.section .fp-overflow{min-height: auto !important; max-height: max-content !important;}


    .main-wrap{margin-left: 60rem;}
    .main-visual{min-height: 600rem;}
    .main-visual__text p{font-size: 18rem;}
    .main-visual__text h2{font-size: 60rem;}

    .main-title *.btn-basic{margin-top: 86rem;}
}

@media (max-width:860px){
	.main-wrap{margin-left: 40rem;}
    .main-visual__text{bottom: 272rem;}
    .main-visual__controls{bottom: 60rem;}

    .scroll-down{left: inherit;right: 20rem; transform: none; }
    .scroll-down p{bottom: 77rem; white-space: nowrap; position: absolute; transform: rotate(90deg); display: inline-block; right: -34rem}

    .main-title *.btn-basic{margin-top: 66rem;}
}

@media (max-width:540px){
    .main-wrap{margin-left: 22rem;}
	.main-visual__text{bottom: 180rem;}
	.main-visual__text h2{line-height:1.2; font-size:36rem;}
	.main-visual__text p{margin-top:10rem; font-size:15rem;}
	.main-visual__count{margin:0 10rem; font-size:15rem;}
	.main-visual__btn{font-size:14rem;}

    .main-visual .swiper-pagination-bullet{width: 6rem; height: 6rem;}
    .main-visual .swiper-pagination-bullet-active::before{width: 18rem; height: 18rem;}
    .main-visual .swiper-pagination{gap: 18rem;}
    .main-visual__controls{bottom: 60rem;}

    .scroll-down{bottom: 54rem;}
    .scroll-down p{display: none;}

    .main-title h3 + p{margin-top: 12rem;}

}


/* ------ product --------*/
.main-product .main-wrap-narrow{position: relative; height: 100vh;}
.main-product .main-title{position: absolute;width: 397rem;left: 0;bottom: 195rem;height: calc(100% - 195rem);z-index: 2;display: flex;flex-direction: column;justify-content: flex-end; padding-bottom: 80rem;}
.main-product .main-title h3{transition-delay: .8s;}
.main-product .main-title p{transition-delay: .9s;}
.main-product .main-title .btn-wrap{transition-delay: 1s;}
.main-product .swiper-controls{ z-index: 1; position: absolute; left: 397rem; bottom: 0; width: 343rem; height: 195rem; }
.main-product__text{position: absolute; /* right: 190rem */ left: 58%; bottom: 86rem; border-left:4rem solid var(--c-01) ; padding-left: 39rem; }
.main-product__text *{color: var(--w);}
.main-product__text strong{font-size: 44rem; line-height: 1.36;}
.main-product__text p{margin-top: 11rem; }
.main-product__slider{height: 100%;}
.main-product__slider  img{object-fit: cover;}
.main-product__slider .swiper-controls > div{width: 100rem; height: 80rem; transition-delay: 1.2s;  margin: 0; display: flex; align-items: center; justify-content: center; opacity: 0;}
.main-product__slider .swiper-controls > div::after{display: none;}

/* effect */
.main-product .slide-effect{}
.main-product .slide-effect::before{content: ""; z-index: -1; width: 0; height: 100%; background-color: var(--w); position: absolute; left: 0; top: 0; transition:all 1s ease; transition-delay: .3s;}
.fp-viewing-Product .section.active  .main-product .slide-effect::before{width: 100%;}

@media (max-width:1820px){
    .main-product .main-title{bottom: 130rem; height: calc(100% - 130rem);}
    .main-product .swiper-controls{height: 130rem; width: 280rem;}
    .main-product__text {left: 50%; bottom: 205rem;}
}
@media (max-width:1480px){
    .main-product .main-title{bottom: 110rem; height: calc(100% - 110rem);}
  	.main-product .swiper-controls{height: 110rem; width: 230rem;}
}
@media all and (max-width:1200px){
    .main-product__text strong{font-size: 32rem ;}
    .main-product__slider .swiper-controls > div{width: 80rem;}
    .main-product__slider .swiper-controls > div svg{width: 11rem;}
    .main-product .swiper-controls{height: 90rem; width: 200rem;;}
    .main-product .main-title{bottom: 90rem; height: calc(100% - 90rem); padding-bottom: 140rem;}
    .main-product__text{padding-left: 29rem; left: 42%; }
}
@media all and (max-width:1023px){
	.main-product .main-title{width: 40%; padding-right: 40rem; height: 100%; bottom: 0; padding-bottom: 125rem;}
    .main-product .swiper-controls{width: auto; height: auto; left: inherit; right: 0;}
    .main-product__slider .swiper-controls > div{width: 60rem; height: 60rem;}
    .main-product__text{bottom: 105rem; left:48%; padding-left: 22rem; padding-right: 33rem;}
    .main-product__text strong{font-size: 24rem;}
    .main-product__text p br{display: none;}
    .main-product__slider .swiper-controls > div svg{width: 9rem;}
}
@media (max-width:860px){
     .main-product{background-color: #fff;}
    .main-product .main-wrap-narrow{height: auto;}
    .main-product .main-title{position: relative; width: 100%; height: auto; padding: 90rem 0 60rem;}
    .main-product .main-title h3,
    .main-product .main-title p,.main-product .main-title .btn-wrap{transition-delay: 0.3s;}
    .main-product__text{bottom: 80rem; left: 50rem; width: 90%;}
    .main-product .swiper-controls{bottom: inherit; top: 0;}
    .main-product__slider{height: 480rem;}
    .main-product__slider .swiper-slide{position: relative;}
    .main-product__slider .swiper-slide::before{content: ""; width: 100%; height: 100%;background: linear-gradient(180deg, rgb(0 0 0 / 25%) 59.29%, rgb(3 3 3 / 50%) 100%);  bottom: 0; left: 0; position: absolute;}
}
@media (max-width: 540px){

   
    .main-product__slider{height: 420rem;}
    .main-product__text{border-left: 3rem solid var(--c-01); padding-left: 18rem; bottom: 40rem; left: 30rem;}
    .main-product__text strong{font-size: 20rem;}
    .main-product .main-title{padding: 80rem 0 50rem;}
    .main-product .main-title *.btn-basic{margin-top: 46rem;}
    .main-product__slider .swiper-controls > div{transition-delay: 0s;}

    #fullpage .section [fullpage-ani].swiper-btn--next,
    #fullpage .section [fullpage-ani].swiper-btn--prev{opacity: 1; transform: none; transition-delay: 0;}

}

/* 레퍼런스 */
:root {
    --refer-width:401rem
}
.main-reference{background-color:var(--c-01);height:100vh;}
.main-reference *{color: var(--w);}
.main-reference .main-title{position:absolute; padding-left: var(--main-wrap); top: 33vh; z-index: 11;}
.main-reference__bg{opacity:0; transition: transform 0.5s ease, opacity 0.5s ease;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;}
.main-reference__box{flex:0 0 var(--refer-width);will-change:flex;margin:0;border:none;padding:52rem 42rem; box-shadow: 31rem 0 43rem 0 rgba(12, 42, 11, 0.16);  display:flex;flex-direction:column;justify-content:flex-end;transition:all 0.4s ease-in-out;height:100vh;position:relative; cursor: pointer;}
.main-reference__box a{position:relative;z-index:2;display:block;padding:4rem;text-decoration:none; transition-delay: .8s;}
.main-reference__box a strong{display: block; margin-bottom: 11rem; margin-top: 22rem;}
.main-reference__box p{min-height: 78rem;}
.main-reference__box a .plus{margin-top:66rem;}
.main-reference__box.on{flex:1 1 auto;}
.main-reference__box.on .main-reference__bg{opacity:1;  }
.main-reference__box.project_ver{padding-left:var(--main-wrap);}
.main-reference__wrap{display:flex;width:100%;overflow:hidden;height:100vh;}
.main-reference__wrap[data-last="0"] .main-reference__box:nth-child(1){flex:1 1 auto;}
.main-reference__wrap[data-last="0"] .main-reference__box:nth-child(2),
.main-reference__wrap[data-last="0"] .main-reference__box:nth-child(3),
.main-reference__wrap[data-last="1"] .main-reference__box:nth-child(1),
.main-reference__wrap[data-last="1"] .main-reference__box:nth-child(3),
.main-reference__wrap[data-last="2"] .main-reference__box:nth-child(1),
.main-reference__wrap[data-last="2"] .main-reference__box:nth-child(2){flex:0 0 var(--refer-width);}
.main-reference__wrap[data-last="1"] .main-reference__box:nth-child(2){flex:1 1 auto;}
.main-reference__wrap[data-last="2"] .main-reference__box:nth-child(3){flex:1 1 auto;}
.main-reference__wrap[data-last="0"] .main-reference__box:nth-child(1) .main-reference__bg,
.main-reference__wrap[data-last="1"] .main-reference__box:nth-child(2) .main-reference__bg,
.main-reference__wrap[data-last="2"] .main-reference__box:nth-child(3) .main-reference__bg{opacity:1;}
.main-reference__wrap[data-last="1"] .main-reference__box.project_ver,
.main-reference__wrap[data-last="2"] .main-reference__box.project_ver{padding-left:42rem;}


@media (max-width:1480px){
    :root {
        --refer-width:340rem
    }
    .main-reference__box a svg{height: 40rem;}
    
}
@media all and (max-width:1200px){
     :root {
        --refer-width:300rem
    }
	.main-reference__box p br{display: none;}
}
@media all and (max-width:1023px){
    .main-reference{height: auto;}
    .main-reference__wrap{flex-direction: column; height: auto;}
    .main-reference__bg{opacity: 1;}
    .main-reference__box{min-height: 63vh; height: auto;}
    .main-reference__box:nth-child(1){min-height: 80vh;}
    .main-reference__box p {min-height: auto;}
    .main-reference .main-title{top: 100rem;}
    .main-reference__box a .plus{position: relative; right: 0; bottom: 0;}
    .main-reference__box .main-reference__bg::before{content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgb(0 0 0 / 25%) 59.29%, rgb(3 3 3 / 50%) 100%);  left: 0; bottom: 0;}
}
@media (max-width:860px){

    .main-reference .main-title{top: 80rem;}
    .main-reference__box{min-height:30vh}
}
@media (max-width: 540px){
    .main-reference .main-title{top: 54rem;}
    .main-reference__box{padding: 40rem 20rem;}
    .main-reference__box:nth-child(1){min-height: 60vh;}
    .main-reference__box{min-height:30vh; padding: 20rem 22rem;}
    .main-reference__box a{padding: 0;}
    .main-reference__box a svg{height: 30rem;}
    .main-reference__box a strong{margin-bottom: 5rem; margin-top: 10rem;}
    .main-reference__box a .plus{position: relative; width: 28rem; height: 28rem; margin-top: 36rem;}
    .main-partners__info li svg{height: 20rem;}
}


/* 파트너 */
.main-partners__map{position: relative;padding-left: 131rem;}
.main-partners{overflow: hidden; height: 100vh;}
.main-partners .main-title{position: absolute; bottom: 222rem; z-index: 11;}
.main-partners__bar{position: absolute; width: 100%; height: 10rem; background-color: var(--c-01); left: 0; bottom: 0;}
.main-partners__info{position: absolute; bottom: 60rem; right: 170rem; z-index: 10;}
.main-partners__info  li + li{margin-top: 61rem;}
.main-partners__info .count *{color: var(--b-01);}
.main-partners__info .count{display: flex;}
.main-partners__info em{font-size: 48rem; font-weight: 700;}
.main-partners__info strong{font-size: 46rem; font-weight: 700;}
.main-partners__info span{font-size: 15rem; font-weight: 400; margin-top: -2rem; display: block;}

.main .main-partners__map .map-inner{aspect-ratio: 3 / 2;}

@media all and (max-width:1023px){

    .main-partners{padding: 100rem 0; height: auto;}
    .main-partners .main-wrap-narrow{position: relative;}
    .main-partners .main-title{bottom: 0;}
     .main-partners__map{padding-left: 40rem;}

    .main-partners__info em,
    .main-partners__info strong{font-size: 42rem;}
}

@media (max-width:860px){
    .main-partners{padding: 80rem 0;}
    .main-partners__info li + li{margin-top: 40rem;}
    .main-partners__info em,
    .main-partners__info strong{font-size: 32rem;}   
}
@media (max-width: 540px){
    .main-partners{padding: 52rem 0;}
    .main-partners__info,
    .main-partners .main-title{position: relative; bottom: inherit; right: inherit;}
    .main-partners__info{display: flex; gap: 52rem; align-items: center; justify-content: center; text-align: center;}
    .main-partners__info li + li{margin-top: 0; position: relative;}
    .main-partners__info li + li::before{content: ""; display: block; width: 1px; height: 100%; border-right: 1px solid #d9d9d9; position: absolute; left: -26rem; top: 0;}
    .main-partners__info em, .main-partners__info strong{font-size: 23rem;}
    .main-partners__info span{font-size: 12rem;}
    .main-partners__info .count{justify-content: center;}
    .main-partners .main-title *.btn-basic{margin-top: 32rem;}
    .main-partners__map{padding-left:0; margin-top: 24rem;}
}


/* 철학 */
:root {
    --philo-width:140rem
}
#section05{position: relative;}
#section05::after{content: "";width: 0;height: 100%;background-color: var(--c-01);right: 0;top: 0;position: absolute;transition: all .8s;transition-delay: 0.5s;}
#section05.active::after{width: 645rem;}
.main .fp-viewing-Philosophy .gnb-full-btn{border-left: 1px solid rgba(255,255,255,0.3);}
.main-philosophy .main-wrap-narrow{margin-right: var(--main-wrap);}
.main-philosophy{position: relative; z-index: 3;}
.main-philosophy__wrap{overflow: hidden; height: 500rem; display: flex; /* gap: 1rem;  */position: relative; z-index: 2;} 

@media all and (min-width:541px){
    .main-philosophy__box{height: 100%; flex: 1;  cursor: pointer; transition: all 500ms ease; background-attachment: fixed; background-position: center center; background-size: cover; position: relative;}
    .main-philosophy__box strong{display: inline-flex;align-items: center;font-size: 30rem;color: var(--w);transform: rotate(-90deg);position: absolute;transition: all 500ms ease;/* top: 0; */height: 140rem;white-space: nowrap;}
    .main-philosophy__box strong + em{display: block; font-weight: 700; font-size: 42rem; opacity: 0; color: var(--w); transform: rotate(0deg); transition: all .4s ease;}
    .main-philosophy__box p{opacity: 0;  color: var(--w); margin-top: 11rem; transform: rotate(0deg); transition: all .4s ease;}
    .main-philosophy__box .plus{position: absolute;top: 53rem;left: 50%;transform: translateX(-50%);}
    .main-philosophy__box:nth-child(2){border-right: 1px solid var(--w); border-left: 1px solid var(--w);}
    .main-philosophy__box:nth-child(2) strong{right: 26rem;bottom: 36rem;}
    .main-philosophy__box:nth-child(3) strong{right: -8rem;bottom: 68rem;}

    /* 초기 상태: 첫 번째 제외하고 전부 140rem로 고정 */
    .main-philosophy__box:not(:nth-child(1)) {flex: 0 0 var(--philo-width);}
    .main-philosophy__box:nth-child(1){padding: 60rem; display: flex; flex-direction: column; justify-content: flex-end;}
    .main-philosophy__box:nth-child(1) p{opacity: 1;}
    .main-philosophy__box:nth-child(1) strong{display: none;}
    .main-philosophy__box:nth-child(1) strong + em{opacity: 1;}
    .main-philosophy__box:nth-child(1) .plus{opacity: 0;}

    /* 활성화된 박스 (hover 상태 포함, 마지막 hover 상태 포함) */
    .main-philosophy__box.is-active {flex: 1 1 auto; padding: 60rem; display: flex; flex-direction: column; justify-content: flex-end;}
    .main-philosophy__box.is-active .plus{opacity: 0;}
    .main-philosophy__box.is-active strong {display: none; opacity: 0; }
    .main-philosophy__box.is-active strong + em,
    .main-philosophy__box.is-active p {opacity: 1; }

    /* 비활성화된 박스 */
    .main-philosophy__box.is-inactive {flex: 0 0 var(--philo-width);}
    .main-philosophy__box.is-inactive.first{padding: 0;}
    .main-philosophy__box.is-inactive.first strong{transform: rotate(-90deg); bottom: 44rem; right: 15rem; position: absolute; display: flex;}
    .main-philosophy__box.is-inactive.first strong + em,
    .main-philosophy__box.is-inactive.first p{opacity: 0; display: none;}
    .main-philosophy__box.is-inactive.first .plus{position: absolute;top: 53rem;left: 50%;transform: translateX(-50%); opacity: 1;}

}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.main-philosophy .main-wrap-narrow{margin-right: 120rem;}
}
@media all and (max-width:1023px){
    :root {
    --philo-width:120rem
    }
    
    .main-philosophy {padding: 100rem 0;}
    .main-philosophy .main-wrap-narrow{margin-right: var(--main-wrap);}
    .main-title[data-flex]{margin-bottom: 17rem;}
    .main-philosophy .main-title .plus{width: 44rem; height: 44rem;}
	.main-philosophy__wrap{height: 400rem;}
    .main-philosophy__box strong{font-size: 24rem; height: 120rem;}
    .main-philosophy__box.is-inactive.first .plus,
    .main-philosophy__box .plus{width: 44rem; height: 44rem; top: 32rem;}
    .main-philosophy__box:nth-child(3) strong{right: -2rem; bottom: 30rem;}
    .main-philosophy__box:nth-child(2) strong{right: 27rem; bottom: 10rem;}
    .main-philosophy__box:nth-child(1),
    .main-philosophy__box.is-active{padding: 30rem 40rem;}
    .main-philosophy__box strong + em {font-size: 32rem;}
    .main-philosophy__box.is-inactive.first strong{bottom: 18rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){


    #section05::after{width: 34%;}
    .main-philosophy{padding: 54rem 0;}
    .main-philosophy__wrap{flex-direction: column; height: auto;}
    .main-philosophy__box .plus{display:none;}
    .main-philosophy__box *{color: var(--w);}
    .main-philosophy__box strong + em{display: none;}
    .main-philosophy__box,
    .main-philosophy__box:nth-child(1), .main-philosophy__box.is-active{padding: 30rem 22rem; min-height: 200rem; display: flex; flex-direction: column; justify-content: flex-end; background-position: center;}
    .main-philosophy__box strong{height: auto; font-size: 20rem; margin-bottom: 8rem;}
    .main-philosophy .main-title .plus{width: 24rem; height: 24rem;}
}

.fp-viewing-6 .gnb-full-btn-wrap.last{}

.main-news .main-wrap-narrow{margin-right: 252rem;}

@media (max-width:1480px){
    .main-news .main-wrap-narrow{margin-right:110rem ;}
    .gallery-list__title{padding-top: 20rem;}
    .gallery-list__img{height: 255rem;}
}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
    :root {
    --philo-width:120rem
    }
	
    .main-news{padding: 100rem 0;}
    .main-news .main-wrap-narrow{margin-right:var(--main-wrap) ;}
    .gallery-list__img{height: 205rem;}
    .gallery-list__title strong{font-size: 18rem;}
    .gallery-list__title i{margin-top: 12rem;}
}
@media (max-width:860px){
    .gallery-list__img{height: 175rem;}
}

@media (max-width: 540px){
    .gallery-list__title{padding-top: 13rem;}
    .gallery-list__title strong{font-size: 16rem;}
    .gallery-list{gap: 40rem;}

    .main-news{padding: 54rem 0;}
}

body.fp-viewing-Main .btn-top-wrap { display: none;}