@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;}

.fp-viewing-4 #header #logo a{background-image: url(../img/layout/logo.svg);}
.fp-viewing-4 #header #gnb .gnb-item > a{color: var(--b-01);}
.fp-viewing-4 .gnb-full-btn .text,
.fp-viewing-4 .lang-menu .select-link__btn i em,
.fp-viewing-4 .lang-menu a{color: var(--b-01);}
.fp-viewing-4 .gnb-full-icon > span{background: var(--b-01);}
.fp-viewing-4 .lang-menu::after{border-color: var(--op-b20);}
.fp-viewing-5 #header{display: none;}


.title p{margin-top: 16rem; word-break: keep-all;}
.title .btn-wrap{margin-top: 62rem;}

/* **************************************** *
 * 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 visual */
.main-visual{height:var(--height-full); padding: 12rem 12rem 0 12rem;}
.main-visual-container{border-radius: var(--bdr-40) var(--bdr-40) 0 0; overflow: hidden;}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%;}
.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;}
.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;bottom: 42rem;left:0;z-index:999;width:100%;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center; 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__item:has(video)::after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.1);z-index: 1;top: 0;left: 0;}
.main-visual__item:has(video) .wrap{z-index: 2;}
.main-visual .swiper-pagination{display:flex; width: 100%; gap: 0;}
.main-visual .swiper-pagination-bullet{ opacity: 1; width: 100%; height: auto; background: transparent; text-align: left; position: relative;} 
.main-visual .swiper-pagination-bullet span{color:var(--w); opacity: .5;}
.main-visual .swiper-pagination-bullet i{width: 100%; display: block; position: absolute; height: 2rem; overflow: hidden; background-color: rgba(255,255,255,0.4); left: 0; top: -14rem;}
.main-visual .swiper-pagination-bullet i::before{content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: var(--c-01); transition: all 1s; transition-delay: .3s;}
.main-visual .swiper-pagination-bullet-active i::before{width: 100%;}
.main-visual .swiper-pagination-bullet-active span{opacity: 1;}

.main-visual__text{position:absolute; top:30vh; width:100%;  color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.1; letter-spacing:-0.5rem;opacity: 0;}
.main-visual__text h2 span{font-weight: 600;}
.main-visual__text h2 + h2{margin-top: 16rem;}
.main-visual__text p{margin-top:44rem;font-weight:700;font-size:18rem;opacity: 0;}
.main-visual__text p + p{margin-top: 5rem;}
.visual-import{display: flex; align-items: center; font-size: 32rem; font-weight: 700; color: var(--c-01); gap: 17rem; margin-bottom: 35rem;}
.visual-import span{color: var(--w);}
.visual-import em{position: relative ; top: 3rem;}

.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;}

@media (max-width:1480px){

    .visual-import{font-size: 30rem;}
}
@media (max-width:1200px){

    .visual-import{font-size: 28rem;}
    .main .fp-table{/* min-height:  auto !important; */}
    .fp-slide.fp-table{display: block!important;}
    .main .fp-overflow{max-height: max-content !important;}
	
}

@media (max-width:1199px){
	[fullpage-ani]{opacity: 1 !important; transform:none !important;}
}

@media (max-width:1023px){

	.main-visual{min-height: 600rem;}
    .main-visual__text p{font-size: 16rem; margin-top: 42rem;}
    .visual-import{font-size: 22rem; margin-bottom: 22rem;}
    .visual-import em{top: 1rem;}
    .main-visual .swiper-pagination-bullet span{font-size: 15rem;}
    .main-visual__controls{bottom: 52rem;}    
}

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

@media (max-width:540px){
	.main-visual__text{top:260rem;}
	.main-visual__text h2{line-height:1.4; font-size:27rem;}
    .main-visual__text h2 + h2{margin-top: 3rem;}
    .main-visual__text h2 span{font-weight: 700;}
	.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__text{top: 220rem;}
    .main-visual__text p{margin-top: 17rem;}
    .main-visual__text p + p{margin-top: 0;}

    .visual-import{font-size: 16rem; gap: 10rem;}
    .visual-import em{top: 2rem;}
    .visual-import span{font-weight: 700;}	
	
    .main-visual .swiper-pagination-bullet span {display: none;}
    .main-visual .swiper-pagination-bullet i{height: 1rem;}
    .main-visual__controls{bottom: 25rem;}
}

.main-mean{height:var(--height-full);padding: 0 12rem 12rem 12rem;overflow: hidden;}
.main-mean__wrap{background-color: #0F1118; border-radius: 0 0 var(--bdr-40) var(--bdr-40); height: 100%;}
.main-mean__icon{justify-content:space-between;/* max-width: 1260rem; */margin: 198rem auto 0;}
.main-mean__box{width: 220rem; text-align: center;}
.main-mean__box i{ display: block; text-align: center; height: 115rem; margin-bottom: 54rem; width: 100%; position: relative;;}
.main-mean__box i::before{content: "";opacity: 0; transform: scale(.5) translateX(-50%); left: 50%; transition: all .3s;width: 300rem;height: 276rem;border-radius: 300rem;background: rgba(73, 21, 22, 0.79);filter: blur(90rem);display: block;position: absolute;top: -82rem;z-index: 0;}
.main-mean__box i img{margin: 0 auto;position: relative;z-index: 1;}
.main-mean__box strong{color: var(--w); font-size: 23rem; text-transform: uppercase;}
.main-mean__box p{color: var(--op-w60); margin-top: 17rem;}

.main-mean__box.on i::before{opacity: 1; transform: scale(1)  translateX(-50%);}

.main-mean__text {text-align: center; padding-top: 20vh;}
.main-mean__text > span{font-size: 45rem; color: var(--w); font-weight: 700;  display: block; margin-bottom: 46rem;}
.main-mean__text > div{display: flex; justify-content: center; position: relative;}
.main-mean__text > div >  div:not(.plus){display: flex;align-items: center;gap: 34rem;justify-content: center;position: absolute;top: -35rem;}
.main-mean__text > div >  div:not(.plus):nth-child(1){left: calc(50% - 403rem);}
.main-mean__text > div >  div:last-child{left: calc(50% + 101rem);}
.main-mean__text strong{font-size: 75rem; color: var(--w);}
.main-mean__text i{font-size: 74rem;color: var(--op-w10);font-weight: 700;position:absolute;left: 50%;top: -4rem;transition:all .7s; transition-delay: .6s; opacity: 0;}
#section02.active .main-mean__text i:nth-child(1){left: -46rem; opacity: 1;}
#section02.active .main-mean__text i:last-child{left: 104%; opacity: 1;}
.main-mean__text .plus{width: 40rem; height: 40rem; position: relative;}
.main-mean__text .plus span{ background-color: var(--w);position: absolute;}
.main-mean__text .plus span:nth-child(1){width: 100%; height: 7rem; left: 0;  top: 50%; margin-top:-3.5rem;}
.main-mean__text .plus span:nth-child(2){width: 7rem; height: 100%;left:50%; margin-left: -3.5rem;}
.main-mean__icon, .rolling-con {
    gap: 130rem;
}
.rolling-con{display:flex;white-space: nowrap;will-change: transform;}

@media (max-width:1480px){

    .main-mean__box i::before{width: 200rem; height: 200rem; top: -42rem;}
}
@media all and (max-width:1200px){
	.main-mean__icon{justify-content: center; gap: 120rem;}
    .main-mean__text i,
    .main-mean__text strong{font-size: 60rem;}
    .main-mean__text > div > div:not(.plus){top: -19rem;}
    #section02.active .main-mean__text i:nth-child(1){left: -39rem;}
    .main-mean__text > div > div:not(.plus):nth-child(1){left: calc(50% - 336rem);}
    .main-mean__text > div > div:last-child{left: calc(50% + 95rem);}
    .main-mean__text > span{font-size: 40rem;}
    .main-mean__box i img{width: auto; height: 100%;}
    .main-mean__box i::before{width: 160rem; height: 160rem;}
}
@media all and (max-width:1023px){
	.main-mean__icon{gap: 80rem;}
    .main-mean__box i{height: 100rem;}
    .main-mean__box strong{font-size: 20rem;}
    .main-mean{height: auto;}
    .main-mean__text{padding-top: 150rem;}
    .main-mean__wrap{padding-bottom: 140rem;}
    .main-mean__text i, .main-mean__text strong{font-size: 50rem;}
    .main-mean__text i{top: -3rem;}
    #section02.active .main-mean__text i:last-child{left: 106%;}
    .main-mean__text > div > div:not(.plus):nth-child(1){left: calc(50% - 284rem);}
    .main-mean__text > div > div:last-child{left: calc(50% + 85rem);}
    .main-mean__text .plus{width: 34rem; height: 34rem;}
    .main-mean__text .plus span:nth-child(1){height: 6rem; margin-top: -3rem;}
    .main-mean__text .plus span:nth-child(2){width: 6rem; margin-left: -3rem;}
    .main-mean__text > span{font-size: 34rem;}
}
@media (max-width:860px){

    .main-mean__box i{height: 77rem;}
    .main-mean__icon{gap: 30rem;}
    .main-mean__box i::before{width: 120rem; height: 120rem; filter:blur(30rem); top: -22rem; }
    .main-mean__box strong{font-size: 17rem;}
    .main-mean__box p{margin-top: 14rem;}
    .main-mean__icon{margin: 120rem auto 0;}
    .main-mean__text i, .main-mean__text strong{font-size: 45rem;}
    .main-mean__text > span{font-size: 30rem; margin-bottom: 30rem;}

    .main-mean__text .plus{width: 30rem; height: 29rem;}
    .main-mean__text .plus span:nth-child(2){width: 4rem; margin-left: -2rem;}
    .main-mean__text .plus span:nth-child(1){height: 4rem; margin-top: -2rem;}

    .main-mean__text > div > div:not(.plus) {top: -14rem;}
    .main-mean__text i, .main-mean__text strong{font-size: 40rem;}
    #section02.active .main-mean__text i:nth-child(1){left: -28rem;}
    .main-mean__text > div > div:not(.plus):nth-child(1){left: calc(50% - 224rem);}
    .main-mean__text > div > div:last-child{left: calc(50% + 65rem);}
    .main-mean__text > div > div:not(.plus){top: -12rem;}

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

    .main-mean__icon{flex-direction: column; gap: 60rem;}
    .main-mean__box i{margin-bottom: 24rem;}
    .main-mean__wrap{padding-bottom: 100rem;}

    .main-mean__text > div{flex-direction: column; align-items: center; gap: 12rem;}
    .main-mean__text > div > div:not(.plus){position: relative; top: 0;}
    .main-mean__text > div > div:not(.plus):nth-child(1){left: 0;}
    .main-mean__text > div > div:last-child{left: 0;}
    .main-mean__text .plus span{background-color: var(--c-01);}

    .main-mean__icon{gap: 10rem;margin: 70rem auto 0;display: flex;flex-direction: row;}
    .main-mean__text > span{font-size: 24rem; margin-bottom: 30rem;}
    .main-mean__text{padding-top: 80rem;}

    .main-mean__box i{height: 57rem;}
	.main-mean__box{width: 170rem;}
	.main-mean__icon, .rolling-con {gap: 10rem;}
}

.main-slide .fp-slide{height: 100vh;width: 100%;padding: 12rem;box-sizing: border-box;max-height: 100vh;overflow: hidden;box-sizing: border-box;}
.main-slide .fp-slide > div{height: 100%;}
.main-slide .fp-arrow{display:none;}
.main-slide__wrap{position: relative;height: 100%;width: 100%;border-radius:var(--bdr-40);overflow: hidden;}
.main-slide__wrap .wrap{height: 100%;}
.main-slide__wrap i.bg{position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0;  background-size: cover;}
.main-slide__wrap .title{max-width: 800rem; position: absolute; bottom: 125rem;}

.main-slide__wrap .title h3{transition-delay: 1.1s; color: var(--w);}
.main-slide__wrap .title p{transition-delay: 1.3s; color: var(--w);}
.main-slide__wrap .title .btn-wrap{/* transition-delay: 1.5s; */}
.main-slide__wrap strong{position: absolute;transition: all 1.1s;/* transition-delay:.3s; */text-transform: uppercase;font-family: var(--lang-en);font-size: 178rem;line-height: 1;color: var(--op-w50);}
.main-slide__wrap .left{left: 0; top: 180rem; transform: translateX(-300rem);}
.main-slide__wrap .right{right: 0; top: 450rem; transform: translateX(300rem);}

.main-slide .slide:not(:nth-child(1)) .title > *{ opacity: 0;transition: all 1.6s;   transform: translateY(70rem); transition-delay: .3s;}
.main-slide .slide:not(:nth-child(1)) strong{opacity: 0; transition-delay: .7s;}
.main-slide .slide:not(:nth-child(1)).active .title > *{transform: none; opacity: 1;}
.main-slide .slide:not(:nth-child(1)).active .left{transform: none; opacity: 1;}
.main-slide .slide:not(:nth-child(1)).active .right{transform: none;opacity: 1;}

 [swiper-ani]{opacity:0;transition:all 2s ease;}
 [swiper-ani="left"]{transform:translateX(-70rem);}
 [swiper-ani="right"]{transform:translateX(70rem);}
 [swiper-ani="top"]{transform:translateY(-70rem);}
 [swiper-ani="bottom"]{transform:translateY(70rem);}
 [swiper-ani="scale"]{transform:scale(1.05);}
.main-slide__wrap i.bg{transform:scale(1.1);transition:all 1s ease;}
 #fullpage .section.active .first-slider [swiper-ani], .swiper-slide-active [swiper-ani]{opacity:1; transform:none; }

.swiper-slide-active .main-slide__wrap i.bg{transform:scale(1);}

.slide-wrap{overflow:hidden; width:100%; height:100vh; box-sizing:border-box; padding:12rem; max-height:100vh;}

/* .slide.play {animation:fadeInUp .8s ease;} */
/* @keyframes fadeInUp {
  from {opacity:0;transform:translateY(30%);}
  to   {opacity:1;transform:translateY(0);}
} */

@media (max-width:1600px){

}
@media (max-width:1480px){
    .main-slide__wrap strong{font-size: 160rem;}
}
@media all and (max-width:1200px){
	
    .main-slide__wrap .right{top: 330rem;}
    .main-slide__wrap strong{font-size: 140rem;}
    .main-slide .fp-arrow{width: 60rem;height: 60rem; transition: all .5s; margin-top: 0; top: inherit; bottom: 80rem; display: flex;align-items: center;justify-content: center;border-radius: 100%; border-width: 0 !important;border-color: transparent !important;background: url(../img/layout/ic-arrow-b.svg) no-repeat;background-size: 19rem;background-color: var(--w);background-position: 50% 50%;}
    .main-slide .fp-arrow.fp-prev{left: inherit; right: 108rem; transform: rotate(180deg);}
    .main-slide .fp-arrow.fp-next{right: 40rem;}
    .main-slide .fp-arrow:hover{background: url(../img/layout/ic-arrow-w.svg) no-repeat; background-size: 19rem; background-position: 50% 50%; background-color: var(--c-01);}

}
@media all and (max-width:1023px){
	.main-slide__wrap strong{font-size: 120rem;}
    .main-slide .fp-scrollable .fp-slide{height: auto !important;}
    /* .main-slide__wrap .title{max-width: max-content; width: 100%; position: relative; bottom: 0; } */
    .main-slide .fp-slide{max-height: 80vh;}
    .section{min-height: inherit !important;}
    .main-slide__wrap .title{bottom: 80rem;}
    .main-slide__wrap strong{font-size: 100rem;}
    .main-slide__wrap .left{top: 80rem;}
    .main-slide__wrap .right{top: 200rem;}
    .main-slide .fp-arrow{width: 52rem; height: 52rem; ;;}
    .main-slide .fp-arrow.fp-prev{right: 102rem;}
}
@media (max-width:860px){
 .main-slide .fp-slide{max-height: 64vh;}
 .main-slide__wrap .title{bottom: 60rem;}
    .main-slide .fp-arrow{bottom: 60rem;}
}
@media (max-width: 540px){

    .main-slide .fp-slide{max-height: max-content; /* min-height: 100vh; */ /* height: auto !important; */}
    .main-slide__wrap{padding: 32rem 0;}
    .main-slide__wrap .title{position: relative; bottom: 0; padding-top: 70rem;}
    .main-slide .fp-arrow{bottom: 40rem;}
    .main-slide__wrap strong{font-size: 40rem; position: relative; top: 0 !important;}
    .main-slide .fp-arrow{width: 36rem; height: 36rem; background-size: 11rem;}
    .main-slide .fp-arrow.fp-next{right: 24rem;}
    .main-slide .fp-arrow.fp-prev{right: 65rem;}
    .main-slide .fp-arrow:hover{background: url(../img/layout/ic-arrow-w.svg) no-repeat; background-size: 11rem; background-position: 50% 50%; background-color: var(--c-01);}

}

#section04, #section04 > div, .main-global, .main-global .wrap{height: 100%;}
.main-global{padding: 12rem; overflow: hidden; box-sizing: border-box; height: 100vh;}
.main-global .wrap{display: flex; align-items: center; justify-content: flex-end;}
.main-global--wrap{border-radius: var(--bdr-40); background-color: var(--bg-02); height: 100%;}
.main-global .title{position: absolute; left: 0; transform: none; top: 50%; transform: translateY(-50%); z-index: 2;}
.main-global .title h3{color: var(--b-01);}

.main-global__map{position: relative; width: 100%; max-width: 1181rem; aspect-ratio:1181/624;}
.main-global__map > ul{position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; list-style: none;}
.main-global__map > ul > li{position: absolute;/*  left: 50%; top: 50%; transform: translate(-50%, -50%); */}
.main-global__map .map-pin{width: 8rem; height: 8rem; border-radius: 30rem; background-color: #a5a5a5; }
.main-global__map .map-pin::before{content: "";width: 100%;height: 100%;border-radius: 100%;background-color: rgba(102,102,102,0.2);animation:zomm_out 3s ease 0s infinite;position: absolute;}
.main-global__map .map-pin.swj{width: 11rem; height: 11rem; background-color: var(--c-01);}
.main-global__map .swj i{position: absolute;display: flex;align-items: center;justify-content: center;width: 110rem;height: 110rem;border-radius: 100%;background-color: #fff;border: 1px solid var(--c-01);box-shadow: 0px 0px 22rem rgb(200 16 46 / 40%);z-index: 1; top: -125rem;left: 50%;transform: translateX(-50%);}
.main-global__map .swj i img{height: 18rem;}
.main-global__map .swj::before{display: none;}
.main-global__map .swj span{width: 1px;height: 17rem;background-color: var(--c-01);position: absolute;top: -16rem;left: 50%;display: block;margin-left: -1px;}
.main-global__map img{width: 100%;}

@keyframes zomm_out{
    0%{transform: scale(1); opacity: 1;}
    90%, 100%{transform: scale(8); opacity: 0;}
}

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

    .main-global__map{max-width: 100%;}
    .main-global__map .swj i{top: -120rem; ;}
    .main-global__map .swj span{top: -14rem;}
}
@media all and (max-width:1200px){

    .main-global{height: auto;}
	.main-global--wrap{padding: 100rem 0;}
    .main-global__map{max-width: 80%;}
    .main-global__map .map-pin{width: 6rem; height: 6rem;}
    @keyframes zomm_out{
        0%{transform: scale(1); opacity: 1;}
        90%, 100%{transform: scale(5); opacity: 0;}
    }

  
}
@media all and (max-width:1023px){
	.main-global{height: auto;}
    .main-global__map .swj i{width: 90rem; height: 90rem; top: -100rem;}
    .main-global__map .swj i img{height: 14rem;}
}
@media (max-width:860px){

    .main-global__map .map-pin.swj{width: 8rem; height: 8rem;}
    .main-global__map .swj i{width: 70rem; height: 70rem; top: -78rem;}
    .main-global__map .swj i img{height: 11rem;}

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

    .main-global{padding-bottom: 0;}
    .main-global__map{max-width: 100%;}
    .main-global__map .map-pin{width: 3rem; height: 3rem;}
    .main-global--wrap{padding: 0;}
    .main-global .wrap{display: block; padding: 60rem 0;}
    .main-global .title{top: 0; transform: none; position: relative; }
    .main-global__map .swj i{width: 50rem; height: 50rem; top: -58rem;}
    .main-global__map .map-pin.swj{width: 6rem; height: 6rem;}
    .main-global__map .swj i img{height: 8rem;}
    .main-global .title{margin-top: 40rem;}

    .title p{margin-top: 10rem;}
    .title .btn-wrap{margin-top: 40rem;}
}

.main #footer a.btn-top{opacity: 1; visibility: visible;  position: relative; bottom: inherit; right: 0;}
@media (max-width:860px){
    .main #footer a.btn-top{top: 48rem; right: 40rem;}
}

 @media all and (max-width:540px){	
    .main #footer a.btn-top{right: 30rem; top: 36rem;}
 }

.fp-viewing-0 #fp-nav,
.fp-viewing-5 #fp-nav{display: none;} 
.fp-viewing-4 #fp-nav ul li a span{background-color: var(--op-b20);}
.fp-viewing-4 #fp-nav ul li a span::before{background-image: url(../img/main/nav-on_b.svg);}
.fp-viewing-4 #fp-nav ul li a.active span{background-color: var(--c-01);}