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

.title .title-caption{font-size: 15rem; font-family: var(--lang-point); font-weight: 700;}
.title h3{margin-top: 8rem; font-family: var(--lang-ko); color: var(--b-01);}
.title p{margin-top: 41rem; color: rgba(255,255,255,0.7);}

@media (max-width:1480px){

}
@media all and (max-width:1200px){
	.title p{margin-top: 30rem;}
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}
@media (max-width:860px){

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

}

/* **************************************** *
 * 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);}
.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;top: 50%;left: 90rem;z-index:999;width: auto;/* transform: translateX(-50%); */}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center;flex-direction: column;}
.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:36rem;}
.main-visual .swiper-pagination-bullet{background: transparent; opacity: 1;}
.main-visual .swiper-pagination-bullet{position:relative; width: 10rem; height: 10rem; border:1px solid rgba(255,255,255,0.42) ; border-radius: 100rem; }
.main-visual .swiper-pagination-bullet::before{content: "";  width:29rem; height:29rem;position: absolute; left: 50%; top:50%; border-radius: 30rem; transform: translate(-50%,-50%);}
.main-visual .swiper-pagination-bullet-active{background-color: #3CABFF; box-shadow: 0 0 10rem #1BDDFF;}
.main-visual .swiper-pagination-bullet-active::before{ background-color: rgba(56, 162, 255, 0.33); filter: blur(7px); }

.main-visual__text{position:absolute; top:34vh; width:100%; text-align:center; color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.1;font-weight:700;font-size:80rem;letter-spacing:-0.5rem;opacity: 0;}
.main-visual__text h2 + h2{ margin-top: 12rem;}
.main-visual__text h2 span{font-weight: 700;}
.main-visual__text h2 + p{ margin-top: 37rem;}
.main-visual__text p{opacity: 0;}
.main-visual__text p span{color: rgba(255,255,255,0.7);font-size: 20rem;}
.main-visual__text p b{font-weight: 600; color: var(--w);}

.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3); display: none;}
.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){
    .main-visual__text h2{font-size: 64rem;}
}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){

    .main-visual .swiper-pagination{gap: 26rem;}
    .main-visual__controls{top: inherit; bottom: 70rem; left: inherit; right: 100rem;}
    .main-visual__controls > div{flex-direction: row;}

    .main-visual__text h2{font-size: 52rem;}
    .main-visual__text h2 + p{margin-top: 32rem;}
}
@media (max-width:860px){

 
}
@media (max-width: 540px){
    .main-visual__text h2{font-size: 32rem;}
    
    .main-visual .swiper-pagination-bullet{width: 8rem; height: 8rem;}
    .main-visual .swiper-pagination-bullet::before{width: 22rem; height: 22rem;}
    .main-visual .swiper-pagination{gap: 18rem;}
    .main-visual__controls{right: 70rem;}
    .main-visual__text p span{word-break: keep-all;}
    .main-visual__text h2 + h2{margin-top: 4rem;}
    .main-visual__text h2 span{line-height: 1.3}
    .main-visual__bg.ver01 i{background-position: 70% 50%} 
}

.main-aboutus{background-color: #050E2C; padding-top: 288rem; padding-bottom: 295rem; position: relative; overflow: hidden;}
.main-aboutus *{color: var(--w);}
.main-aboutus .title{left: 0; top:-150rem; position: absolute;}
.main-aboutus .title h3{color: var(--w);}
.main-aboutus__image{width: 780rem; height: 780rem; margin: 0 auto; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;}
.main-aboutus__image__focus{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main-aboutus__image__focus .top, .main-aboutus__image__focus .bottom{left: 50%; transform: translateX(-50%);}
.main-aboutus__image__focus .left, .main-aboutus__image__focus .right{top: 50%; transform: translateY(-50%);}
.main-aboutus__image__focus .top{top: 0;}
.main-aboutus__image__focus .bottom{bottom: 0;}
.main-aboutus__image__focus .left{left: 0;}
.main-aboutus__image__focus .right{right: 0; }
.main-aboutus__image__focus svg{position: absolute;}
.main-aboutus__image__focus i{width: calc(100% - 40rem); height: 1px; background: var(--br-01);  position: absolute ;}
.main-aboutus__image__focus i.horizontal,.main-aboutus__image__focus i.vertical{left:50%; top: 50%; }
.main-aboutus__image__focus i.horizontal{transform: translate(-50%,-50%) rotate(90deg);}
.main-aboutus__image__focus i.vertical{transform: translate(-50%,-50%);}
.main-aboutus__round{width: 590rem; height: 590rem; border-radius: 100%; background-color: var(--op-w80); display: flex; align-items: center; justify-content: center;}
.main-aboutus__round img{max-width: 100%;}

.main-aboutus__image [data-ani="scale"].is_moved{animation: motion-scale-main 1s forwards cubic-bezier(0.12, 0.4, 0.41, 0.86);}
/*  keyframe */
@keyframes motion-scale-main{
	0%{transform: scale(1.3);}
	100%{transform: scale(1);}
}

.rolling-text{will-change: transform; white-space: nowrap; top: 407rem; position: absolute;}
.rolling-text__text{font-size: 364rem; font-family: var(--lang-point); font-weight: 800; color: rgba(255,255,255,0.03); display: inline-block; will-change: transform;}

.main-about__bottom{text-align: center; margin-top: 83rem;}
.main-about__bottom strong{display: block; font-size: 32rem; line-height: 1.34; font-family: var(--lang-point);}
.main-about__bottom .btn-wrap {display: flex; justify-content: center; margin-top: 33rem;}
.main-about__bottom .btn-wrap .btn-defualt{width: 200rem;}


@media (max-width:1480px){
    .main-aboutus__image{width: 660rem; height: 660rem;}
    .main-aboutus__round{width: 540rem; height: 540rem;}
    .main-aboutus{padding-top: 350rem; padding-bottom: 230rem;}
    .main-aboutus .title{top: -240rem;}
    
    .rolling-text{top: 367rem;}
    .rolling-text__text{font-size: 290rem;}
}

@media all and (max-width:1200px){
	.main-aboutus{padding-top: 420rem; padding-bottom: 140rem;}
    .main-aboutus .title{top: -270rem;}
    .rolling-text__text{font-size: 260rem;}
}

@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}

@media (max-width:860px){
    .main-aboutus__image{width: 560rem; height: 560rem;}
    .main-aboutus__round{width: 460rem; height: 460rem;}
    .main-aboutus__round img{max-width: 70%;}
    .rolling-text{top: 337rem;}
    .rolling-text__text{font-size: 210rem;}
    .main-about__bottom{margin-top: 64rem;}
}

@media (max-width: 540px){
    .main-aboutus .title{top: 0; position: relative;}
    .main-aboutus{padding-top: 80rem; padding-bottom: 88rem;}
    .main-aboutus__image{width:90%; aspect-ratio: 1/1; height: auto; }
    .main-aboutus__round{width: 80%; aspect-ratio: 1/1;  height: auto;}
    .main-about__bottom strong{font-size: 20rem;}
    .main-about__bottom{margin-top: 40rem;}

    .main-aboutus__image__focus svg{width: 7rem;}
}

.main-middle{width: 100%; height: 824rem; position: relative; overflow: hidden; }
.main-middle i.bg{width: 100%; display: block; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.1); transition:transform 15s ease;}
.main-middle i.bg01{background:url(../img/main/main-hover01.jpg); background-size: cover; background-repeat: no-repeat;}
.main-middle i.bg02{background:url(../img/main/main-hover02.jpg); background-size: cover; background-repeat: no-repeat}
.main-middle i.bg03{background:url(../img/main/main-hover03.jpg); background-size: cover; background-repeat: no-repeat}
.main-middle i.bg04{background:url(../img/main/main-hover04.jpg); background-size: cover; background-repeat: no-repeat}
.main-middle ul{height: 100%; position: relative;  z-index: 10;}
.main-middle ul > li{width: 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 0 80rem;}
.main-middle ul > li .btn-wrap{margin-top:58rem; display: flex; justify-content: center; display: none;}
.main-middle ul > li *{transition: var(--trans-01);}
.main-middle__title strong{font-size: 28rem; color: var(--w); filter: blur(3.5rem);}
.main-middle__title p{margin-top: 17rem; color:var(--w); display: none;}

.main-middle ul > li.on .main-middle__title strong{font-size: 51rem; filter: blur(0);}
.main-middle ul > li.on .main-middle__title p{display: block;}
.main-middle ul > li.on .btn-wrap{display: flex;}
.main-middle ul > li.on i{opacity: 1; visibility: visible;}
.main-middle ul > li + li{border-left: 1px solid var(--op-w20); position: relative;}
.main-middle ul > li + li::before{content: ""; width: 12rem; height: 12rem; background: url(../img/main/ic-plus__w.svg); position: absolute; top: 50%; left: -6.5rem; transform: translateY(-50%);}
.main-middle ul > li:hover .bg{opacity: 1; visibility: visible;}
.main-middle i.bg.on{ z-index: 3; transform: scale(1);}  

@media (max-width:1480px){
    .main-middle ul > li.on .main-middle__title strong{font-size: 40rem;}
}
@media all and (max-width:1200px){
    .main-middle{height: auto;}
	.main-middle ul{display: grid; grid-template-columns: 1fr 1fr;}
    .main-middle ul > li{width: 100%; padding: 80rem 30rem; position: relative;}
    .main-middle ul > li::after{content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: var(--op-b30);}
    .main-middle ul > li > *{position: relative; z-index: 2;}
    .main-middle ul > li:nth-child(1){background:url(../img/main/main-hover01.jpg); background-size: cover; background-repeat: no-repeat;}
    .main-middle ul > li:nth-child(2){background:url(../img/main/main-hover02.jpg); background-size: cover; background-repeat: no-repeat}
    .main-middle ul > li:nth-child(3){background:url(../img/main/main-hover03.jpg); background-size: cover; background-repeat: no-repeat}
    .main-middle ul > li:nth-child(4){background:url(../img/main/main-hover04.jpg); background-size: cover; background-repeat: no-repeat}
    .main-middle ul > li.on .main-middle__title strong,
    .main-middle ul > li:not(.on) .main-middle__title strong{font-size: 30rem; filter: none;}
    .main-middle ul > li .btn-wrap{display: block;}
    .main-middle__title p{display: block;}
    .main-middle i.bg{display: none;}
    .main-middle ul > li + li{border-left: 0;}
    .main-middle ul > li:nth-child(1){border-bottom: 1px solid var(--op-b40); border-right:1px solid rgb(162 162 162 / 40%)}
    .main-middle ul > li:nth-child(2){border-bottom: 1px solid var(--op-b40);}
    .main-middle ul > li:nth-child(3){ border-right: 1px solid rgb(162 162 162 / 40%)}

}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}
@media (max-width:860px){

    .main-middle ul > li.on .main-middle__title strong, .main-middle ul > li:not(.on) .main-middle__title strong{font-size: 26rem;}
}
@media (max-width: 540px){
    .main-middle ul{grid-template-columns: 1fr;}
    .main-middle ul > li{padding: 80rem 20rem;}
    .main-middle ul > li.on .main-middle__title strong, .main-middle ul > li:not(.on) .main-middle__title strong{font-size: 20rem;}
    .main-middle__title p{margin-top: 10rem;}
    .main-middle ul > li:nth-child(3),
    .main-middle ul > li:nth-child(1){border-right: 0;}
    .main-middle ul > li:nth-child(3){border-bottom: 1px solid rgb(162 162 162 / 40%)}
}

.main-technology {position: relative;}
.main-technology .title{padding-left:60rem; position: relative;}
.main-technology .title h3,
.main-technology .title p{color: var(--b-01); }
.main-technology .point-plus{left: -8rem;top: -79rem;}
.main-technology .line{width: 100%; height: 1px; border-top: 1px solid var(--br-01); display: block; position: absolute; top: 172rem; left: 0;}
.main-technology__wrap{padding-top: 242rem; border-left: 1px solid var(--br-01);}
.main-technology__grid{gap: 0;border:1px solid var(--br-01);margin-top: 86rem;border-left: 0;margin-left: -102rem;padding-left: 102rem;} 
.main-technology__item + .main-technology__item{border-left: 1px solid var(--br-01);}
.main-technology__item{padding: 51rem 50rem 75rem;}
.main-technology__item h4{color: var(--b-01); margin-top: 172rem; font-family: var(--lang-ko); }
.main-technology__item p{margin-top: 19rem;}
.main-technology__item .btn-wrap{margin-top: 60rem;}
.main-technology__item *.btn-defualt i.corner{border-color: var(--op-b20);}

@media (max-width:1480px){

   
}
@media all and (max-width:1200px){
     .main-technology{overflow: hidden;}
	 .main-technology__item h4{margin-top: 120rem;}
     .main-technology__item{padding: 50rem;}
     .main-technology__grid{margin-right: -61rem;}
     .main-technology__wrap{padding-top: 190rem;}
     .main-technology .line{top: 119rem;}
     .main-technology .title{padding-left: 50rem;}
}
@media all and (max-width:1023px){
    .main-technology__item{padding: 32rem 32rem 44rem;}
	.main-technology__item svg{width: 44rem; height: 44rem;}
    .main-technology .title{padding-left: 32rem;}
    .main-technology__item p br{display: none;}
    .main-technology__item .btn-wrap{margin-top: 30rem;}
    .main-technology__item h4{margin-top: 80rem;}
    .main-technology__wrap{padding-top: 150rem;}
    .main-technology .line{top: 100rem;}
    .main-technology .point-plus{top: -56rem;}
}
@media (max-width:860px){

    .main-technology__grid{grid-template-columns: 1fr;}
    .main-technology__item + .main-technology__item{border-left: 0; border-top: 1px solid var(--br-01);}
    .main-technology__item p{margin-top: 12rem;}

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

    .main-technology__grid{margin-right: 0;}
    .main-technology__item{padding: 24rem 24rem 30rem;}
    .main-technology__item p{word-break: keep-all;}
    .main-technology__item h4{margin-top: 54rem;}
    .main-technology__wrap {padding-top: 105rem;}
    .main-technology .line{top: 54rem;}
    .main-technology .point-plus{top: -60rem; left: -6rem;}
    .main-technology__grid{margin-top: 60rem;}

}


.main-voucher{margin-top: 190rem;text-align: center;padding-bottom: 154rem;display: none;}
.main-voucher .title h3{color: var(--b-01);}
.main-voucher__wrap{display: flex; justify-content: center; margin-top: 113rem;}
.main-voucher a{width: 540rem; height: 540rem; position: relative; display: flex; align-items: center; justify-content: center;}
.main-voucher a strong{font-weight: 700; color: #f2f2f2; font-size: 266rem;  font-family: var(--lang-point);}
.main-voucher a img{position: absolute; left: 0; top: 0; animation-name: rotate1;  animation-duration: 120s; z-index: 4; max-width: 100%; }
.main-voucher a div{width: 623rem; height: 470rem; top: 40rem; position: absolute; left: 50%; transform: translateX(-50%);}
.main-voucher a div i{position: absolute; width: 50rem; height: 50rem;}
.main-voucher a div i.corner{border-color: var(--b-01) !important; border-radius: 0 !important;}


@keyframes rotate1 {
    from {
      transform:rotate(0deg)
    }
    to {
      transform:rotate(360deg)
    }
  }

@media all and (max-width:1200px){
	.main-voucher a div i{width: 40rem; height: 40rem;}
}
@media all and (max-width:1023px){
	.main-voucher a{width: 400rem;height: 400rem;}
    .main-voucher a div{width: 130%; height: auto; aspect-ratio: 16/10;}
    .main-voucher a div i{width: 30rem; height: 30rem;}
    .main-voucher a strong{font-size: 236rem;}
   .main-voucher{margin-top: 130rem; padding-bottom: 130rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){
    .main-voucher a div{width: 120%;}
    .main-voucher a{width: 80%; height: auto; aspect-ratio: 1 / 1;}
    .main-voucher a div i{width: 20rem; height: 20rem;}
    .main-voucher a strong{font-size: 180rem;}
    .main-voucher__wrap{margin-top: 64rem;}
    .main-voucher{margin-top: 80rem; padding-bottom: 80rem;}
}
  


.main-video{ background: var(--c-01); position: relative;}
.main-video .play-button{position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); left: 145rem; width: 249rem; height: 249rem; border-radius: 100%; background: var(--op-b30); display: flex; align-items: center; justify-content: center;}
.main-video .play-button .round{width: 75rem; height: 75rem; border-radius: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.main-video .play-button .pause{}
.main-video .play-button .play{display: none;}
.main-video__wrap{width: 100%; height: 100vh;}
.main-video__wrap img{ width: 100%; height: 100%; object-fit: cover;}

@media all and (max-width:1200px){
    .main-video .play-button{width: 220rem; height: 220rem;}
}
@media all and (max-width:1023px){
	.main-video .play-button{width: 170rem; height:170rem; left: 85rem;}
    .main-video .play-button .round{width: 70rem; height: 70rem;}
    .main-video .play-button .round svg{height: 17rem;}
    
}
@media (max-width:860px){

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

    .main-video .play-button{width: 80rem; height: 80rem; left: 25rem;}
    .main-video .play-button .round{width: 36rem; height: 36rem;}
    .main-video .play-button .round svg{height: 12rem;}

}

:root{
    --board-padding:226rem;
}


.main-board{padding-top: 150rem; padding-bottom: 167rem; position: relative;}
.main-board .line{position: absolute; left: var(--board-padding); top: 0; width: 1px; height: 100%; border-right: 1px solid var(--br-01);  z-index: 1; }
.main-board > div{padding-left: var(--board-padding);}
.main-board .main-board__title{margin-bottom: 57rem;}
.main-board .title{padding-left: 50rem;}
.main-board__wrap{border-top: 1px solid var(--br-01); border-bottom: 1px solid var(--br-01); position: relative;}
.main-board__wrap .swiper-controls{position: absolute; bottom: 222rem; left: 103rem;  z-index: 10; flex-direction: column;}
.main-board__wrap .swiper-controls *[class^="swiper-btn--"]{width: 50rem; height: 50rem; transition: var(--trans-01); margin: 0; border:1px solid var(--op-b10); border-radius: 4rem; display: flex; align-items: center; justify-content: center; }
.main-board__wrap .swiper-controls *[class^="swiper-btn--"] + *[class^="swiper-btn--"]{margin-top: 9rem;}
.main-board__wrap .swiper-controls *[class^="swiper-btn--"]::after{display: none;}
.main-board__wrap .swiper-controls *[class^="swiper-btn--"] *{transition: var(--trans-01);}
.main-board__wrap .swiper-controls i{font-size: 0; position: absolute; text-indent: -999999999rem;}
.main-board__wrap .swiper-controls *[class^="swiper-btn--"]:hover path{stroke: var(--c-02);}
.main-board__wrap .swiper-controls *[class^="swiper-btn--"]:hover{border-color: var(--c-02);}
.main-board__wrap .swiper-slide{padding: 50rem; border-left: 1px solid var(--br-01);}
.main-board__wrap .swiper-slide-active{border-left: 0;}
.main-board__wrap .btn-wrap{margin-top: 51rem; justify-content: flex-end; }
.main-board *.btn-defualt i.corner{border-color: var(--op-b20);}

.main-board__wrap .point-plus{width: 12rem; height: 12rem; position: absolute; left:219rem; }
.main-board__wrap .point-plus.top{top: -10rem; }
.main-board__wrap .point-plus.bottom{bottom:-4rem;}


@media (max-width:1480px){
    :root{
    --board-padding:180rem;
    }
    .main-board__wrap .swiper-controls{left: 84rem;}
    .main-board__wrap .point-plus{left: 172rem;}
    .main-board{padding-top: 130rem; padding-bottom: 130rem;}
}
@media all and (max-width:1200px){
	
    :root{
        --board-padding:150rem;
    }

    .main-board__wrap .swiper-controls{left: 44rem;}
    .main-board__wrap .point-plus{left: 144rem;}

}
@media all and (max-width:1023px){
     .main-board__wrap .swiper-controls{left: 24rem;}
	.main-board__wrap .swiper-slide{padding: 40rem;}
    :root{
        --board-padding:100rem;
    }
}
@media (max-width:860px){

     :root{
        --board-padding:44rem;
    }

    .main-board__wrap .swiper-controls *[class^="swiper-btn--"] + *[class^="swiper-btn--"]{margin-top: 0;}
    .main-board__wrap .swiper-controls{left: inherit;top: -80rem; bottom: inherit;right: 40rem; gap:6rem; flex-direction: row-reverse;align-items: center;}

    .main-board__wrap .swiper-slide{padding: 34rem;}

    .main-board__wrap .point-plus{left: 38rem;}
}
@media (max-width: 540px){
     :root{
        --board-padding:20rem;
    }
    .main-board__wrap .swiper-slide{padding: 24rem;}
    .gallery-slide figure{height: 187rem;}
    .main-board .title{padding-left: 24rem;}
    .main-board{padding-top: 68rem; padding-bottom: 80rem;}
    .main-board__wrap .swiper-controls *[class^="swiper-btn--"]{width: 32rem; height: 32rem;}
    .main-board__wrap .swiper-controls{right: 24rem; top: -50rem; gap: 4rem;}
    .main-board .main-board__title{margin-bottom: 72rem;}
    .main-board__wrap .point-plus{left: 15rem;}
    
    .main-board__wrap .btn-wrap{margin-top: 10rem;}
    .main-board__wrap .swiper-controls *[class^="swiper-btn--"] *{width: 10rem;}
}