@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-01 #logo a,
.fp-viewing-02 #logo a,
.fp-viewing-04 #logo a{background-image: url(../img/layout/logo.svg); background-repeat: no-repeat;}
.fp-viewing-02 #gnb .gnb-item > a,
.fp-viewing-04 #gnb .gnb-item > a{color: var(--b-01);}
.fp-viewing-02 .lang-menu,.fp-viewing-04 .lang-menu{border-color: rgba(0,0,0,0.1);}
.fp-viewing-02 .lang-menu li.on a,
.fp-viewing-04 .lang-menu li.on a{color: var(--c-01);}
.fp-viewing-02 .lang-menu li a,
.fp-viewing-04 .lang-menu li a{color: var(--op-b30);}
.fp-viewing-02 .lang-menu::before,
.fp-viewing-04 .lang-menu::before{background: rgba(32, 33, 36, 0.34); }

.fp-viewing-01 #logo{left:46rem; top: 40rem;}
.fp-viewing-01 #logo a{width: 90rem; height: 90rem;}

.fp-viewing-02 #fp-nav ul{background-color: var(--w);}
.fp-viewing-02 #fp-nav .nav-name,
.fp-viewing-04 #fp-nav .nav-name{color: var(--b-01); opacity: 0.3;}
.fp-viewing-04 #fp-nav ul li:nth-child(4) a.active span:nth-child(2)::before{color: var(--c-01); background-color: var(--w);}
.fp-viewing-04 #fp-nav ul{border:1px solid var(--op-b10)}

.fp-viewing-01 #gnb .gnb-item .sub-menu{background:var(--op-w10)}

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

/* **************************************** *
 * Main 공통
 * **************************************** */

.main .comm-inn{height: var(--height-full);}
.main .comm-inn > *{height: 100%;}

@media all and (max-width:1200px){
    .main .comm-inn{height: auto}
    .main .section{min-height: auto !important;}

}

/* **************************************** *
 * 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);}
}


/* ============================================
   SECTION 01:  main-visual
============================================ */

.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: 60rem;left:0;z-index:999;width:100%;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: center;}
.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__corner{width: 181rem; height: 164rem; background-color: var(--w); border-radius: 0 0 var(--border40) 0; position: absolute; z-index: 10;}

.main-visual .swiper-pagination{display:flex; gap:18rem;}
.main-visual .swiper-pagination-bullet{background: var(--w);}
.main-visual .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}

.main-visual__text{position:absolute; top:40vh; width:100%; color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.1;;opacity: 0; margin-bottom: 141rem;}
.main-visual__text h2 span{font-weight:700;font-size:115rem;letter-spacing:-0.5rem; font-family: var(--lang-en);}
.main-visual__text p{opacity: 0;}
.main-visual__text p + p{margin-top: -3rem;}
.main-visual__text p span{font-size: 28rem; font-weight: 700; color: var(--w);}


a.scroll-down{position:absolute; bottom:185rem; right:85rem; z-index:60; font-weight:700; font-size:30rem; color:var(--w); transition: var(--trans-01);}

@media (max-width:1600px){

    .main-visual__text h2{margin-bottom: 110rem;}
    .main-visual__text h2 span{font-size: 110rem; }
    .main-visual__text p span{font-size: 24rem;}

    a.scroll-down{bottom: 120rem; right: 80rem;}
    a.scroll-down img{height: 80rem;}

}
@media (max-width:1200px){
    .main-visual__text h2 span{font-size: 96rem; }
    #section01 .fp-overflow,
    .main #section01 .comm-inn{max-height: var(--height-full); height: var(--height-full);;}
}

@media (max-width:1023px){
	.main-visual{min-height: 600rem;}
    .main-visual__text{top: 50vh;}
    .main-visual__text h2 span{font-size: 90rem;}
    .main-visual__text p span{font-size: 20rem;}

    .main-visual__corner{width: 144rem; height: 125rem;}
    .fp-viewing-01 #logo{left: 36rem; top: 28rem; }
    .fp-viewing-01 #logo a{width: 70rem; height: 70rem;}
    
    a.scroll-down{bottom: 60rem;}
    a.scroll-down img{height: 62rem;}
}

@media (max-width:540px){
	
    /* .main-visual__text{top: 60vh;} */
    .main-visual__text h2{margin-bottom: 60rem; padding-right: 30rem;}
	.main-visual__text h2 span{font-size: 42rem;}
    .main-visual__text p span{font-size: 16rem;}
	.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__corner{width: 104rem; height: 100rem;}
    .fp-viewing-01 #logo a{width: 56rem; height: 60rem;}
    .fp-viewing-01 #logo{left: 24rem; top: 23rem;}
	
    a.scroll-down{bottom: 40rem; right: 40rem;}
    a.scroll-down img{height: 42rem;}

	[fullpage-ani]{opacity: 1 !important; transform:none !important;}
}


/* ============================================
   SECTION 02:  main-product
============================================ */
.main-product{background-color: #fdfdfd; position: relative; display: flex; align-items: center;}
.main-product::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/common/bg-cover.png); background-size: cover;  z-index: 1;}
.main-product .wrap{z-index: 2}
.main-product .wrap > *:not(.main-proudct__item){position: relative; z-index: 3;}

.main-product .comm-title{width: 50%;}

.main-product__list{gap: 42rem;margin-top: 38rem;}
.main-product__link{transition: var(--trans-01);border:2px solid transparent;text-align: center;aspect-ratio: 1 / .6;background-color: rgb(255 255 255);backdrop-filter: blur(5rem);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 50rem;border-radius: var(--border20);}
.main-product__link *{transition: var(--trans-01);}
.main-product__link h6{color: var(--b-01);margin-bottom: 92rem;}

.main-proudct__item{position: absolute; right: 80rem; top: -40rem;}
.main-proudct__item .basic-btn{position: absolute;right: 8rem;top: 158rem;}


@media (hover: hover) and (pointer: fine){

    .main-product__link:hover{background-color: var(--w); border-color: var(--c-01); backdrop-filter: blur(10rem); box-shadow: 20rem 24rem 53rem 0 rgba(78, 78, 162, 0.20);}
    .main-product__link:hover h6{color: var(--c-01);}
    .main-product__link:not(:nth-child(3)):hover svg path{fill: var(--c-01);}
    .main-product__link:nth-child(3):hover svg path{stroke: var(--c-01);}

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

    .main-product .wrap{width: 100%;}
   .main-product__link{aspect-ratio: unset;padding: 68rem 0;}
}
@media (max-width:1480px){

    .main-product__list{gap: 25rem;}
    .main-product__link{padding: 48rem 0;}
    .main-proudct__item img{width: 640rem;}
}
@media all and (max-width:1200px){
    .main-product{padding: 100rem 0;}
	.main-proudct__item{right: 0;}
    .main-proudct__item img{width: 570rem; opacity: 0.7;}
}
@media all and (max-width:1023px){
	
    .main-product{padding: 60rem 0 180rem;}
    .main-product__list{grid-template-columns: 1fr 1fr;}
    .main-proudct__item{top: 0; left: 0; width: 100%; height: 100%;}
    .main-proudct__item img{position: absolute; width: 100%; bottom: -340rem; opacity: 0.2;}
    
}
@media (max-width:860px){
   .main-product .comm-title{width: 100%;}
   .main-product__list{margin-top: 32rem;}
   .main-proudct__item .basic-btn{top: unset; bottom: -100rem; right: 50%; transform: translateX(50%);}

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

    .main-product__list{grid-template-columns: 1fr; gap: 12rem;}
    .main-product__link{padding: 42rem 0; gap: 28rem;}
    .main-product__link h6{margin-bottom: 8rem;}
    .main-proudct__item img{bottom: -190rem;}
    
	[lang="en-US"] .main-proudct__item a{width:174rem;}
}

/* ============================================
   SECTION 03:  main-video
============================================ */
.main-video .sample-img{width: 100%; height: 100vh; object-fit: cover; position: absolute; left: 0; top: 0;}
.video-button{ position: absolute; bottom: 202rem; right: 158rem;  width: 164rem; border-radius: 100%; aspect-ratio: 1 / 1; background:rgba(96, 96, 96, 0.09); backdrop-filter: blur(10.5rem); display: flex; align-items: center; justify-content: center;}
.video-button span{width: 78rem; height: 78rem; background-color: var(--w); border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.video-button i.pause{display: none;}

.is-playing.video-button i.pause {display: block;}
.is-playing.video-button i.play {display: none;}

.video-wrap video{object-fit: cover;position: absolute;top: 50%;left: 50%;width: 100vw;height: 100vh;transform: translate(-50%, -50%);}

@media (min-aspect-ratio: 16/9) {
  .video-wrap video{height: 56.25vw;}
}
@media (max-aspect-ratio: 16/9) {
	.video-wrap video{width: 177.78vh;}
}

.video-wrap::after{content:'';width: 100%;height: 100%;background: #000;opacity: 0.4;position: absolute;left: 0;top: 0;}

@media (max-width:1200px){
	.video-button{right: 80rem; bottom: 80rem;}
	.main-video{margin: 54rem 0;}
    .main-video{height: auto; aspect-ratio: 16 / 9; min-height: auto !important;}
   .main-video .sample-img{width: 100%; height: 100%; object-fit: cover;}
}
@media all and (max-width:1023px){
	
    
}
@media (max-width: 540px){

    .video-button{right: 44rem; bottom: 50rem; width: 100rem;}
    .video-button span{width: 50rem; height: 50rem;}
}

/* ============================================
   SECTION 04:  main-service
============================================ */
.main-service{background-color: var(--c-01); position: relative; gap: 0;}
.main-service::before{content: ""; width: 100%; height: 100%; position: absolute; background: url(../img/common/bg-cover2.png); background-repeat: repeat; left: 0; top: 0; }
.main-service > *{z-index: 1;}
.main-service .comm-title *{color: var(--w) !important;}
.main-service__box{padding-left: 86rem; padding-top: 219rem; position: relative}
.main-service__box .comm-title{}
.main-service__box ul{position: absolute; bottom: 211rem; gap: 60rem;}
.main-service__box ul span{color: var(--w);font-size: 20rem; font-weight: 700;}
.main-service__box ul a{position: relative;overflow: hidden;display: inline-block;opacity: 0.5;align-items: center; transition: var(--trans-01);}
.main-service__box ul a svg{position: absolute;left: 0;top: 5rem;transform: translateX(-50rem); transition: var(--trans-01);}
.main-service__cover{position: absolute; width: 50%; left: 50%; height: 100%; top: 0;  background: url(../img/main/main-engineering__bg.jpg) no-repeat; background-size: cover; transition: var(--trans-01);}
.main-service__btn{position: absolute; transition: var(--trans-01); z-index: 10;  width: 101rem; height: 101rem; left: 50%; top: 50%; transform: translate(-50%,0); background-color:rgba(255,255,255,0.19); backdrop-filter: blur(10.5rem); display:flex; align-items: center; justify-content: center; border-radius: 100%;}
.main-service__btn svg{transition: var(--trans-01); }
.main-service__btn::before, 
.main-service__btn::after{position: absolute;  top: 50%; transform: translateY(-50%); font-size: 23rem; font-weight: 800; color: var(--w); transition: var(--trans-01);  }
.main-service__btn::before{content: "SERVICE"; left: -112rem; opacity: 0; visibility: hidden;}
.main-service__btn::after{content: "R&D"; right: -61rem; color: var(--c-01); } 

/* 클릭 후 인터렉트 */
.main-service.change .main-service__cover{left: 0; background: url(../img/main/main-rnd__bg.jpg) no-repeat; background-size: cover;}
.main-service.change .main-service__btn svg{transform: rotate(180deg);}
.main-service.change .main-service__btn::before{opacity: 1; visibility: visible;}
.main-service.change .main-service__btn::after{opacity: 0; visibility: hidden;}

@media (hover: hover) and (pointer: fine){
    .main-service__box ul a:hover{padding-left: 26rem; opacity: 1;}
    .main-service__box ul a:hover svg{transform: none;}
}

@media (max-width:1480px){

    .main-service__btn{width: 81rem; height: 81rem;}
    .main-service__btn svg{width: 32rem;}
}
@media all and (max-width:1200px){
	
    /* .main-service__box ul{position: relative; bottom: 0;} */
    .main-service__box .comm-title{margin-bottom: 200rem;}
    .main-service__box ul{bottom: 100rem;}
    .main-service__box{padding-top: 120rem; padding-bottom: 120rem; min-height: 70vh;}
}
@media all and (max-width:1023px){
	
    .main-service__box{padding-left: 60rem;}
    .main-service__btn{width: 70rem; height: 70rem;}
    .main-service__btn::before, .main-service__btn::after{font-size: 20rem;}
    .main-service__btn svg{width: 23rem;}
    .main-service__btn::after{right: -56rem;}
    .main-service__btn::before{left:-100rem}
    .main-service__box ul{gap: 46rem;}
    .main-service__box ul a{opacity: 1; display: inline-flex; align-items: center; flex-direction: row-reverse; gap: 8rem;}
    .main-service__box ul a svg{transform:rotate(-45deg); position: relative; top: 1rem; ;}
}

@media (max-width:860px){
    .main-service{grid-template-columns: 1fr;}
    .main-service__box{min-height: auto; padding-top: 80rem; padding-bottom: 80rem;}
    .main-service__box .comm-title{margin-bottom: 30vh;}
    .main-service__cover{width: 100%; height: 50%; left: 0; top: 50%;}
    .main-service__btn{transform: translate(-50%,-50%);}
    .main-service__btn::before, .main-service__btn::after{top: 0; transform: none;}
    .main-service__btn::after{right: inherit; top: unset; bottom: -34rem;}
    .main-service__btn::before{left: -7rem; top: -30rem;}

    .main-service.change .main-service__cover{top: 0;}
    .main-service__btn svg{transform: rotate(90deg);}
    .main-service.change .main-service__btn svg{transform: rotate(-90deg);}
    .main-service__box .comm-title{margin-bottom: 25vh;}

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

    .main-service__box .comm-title{margin-bottom: 18vh;}
    .main-service__box{padding-top: 50rem; padding-left: 30rem;}
    .main-service__box ul{bottom: 60rem;}
    .main-service__box ul span{font-size: 16rem;}
    .main-service__box ul{gap: 36rem;}
    .main-service__btn{width: 50rem; height: 50rem;}
    .main-service__btn svg{width: 17rem;}
    .main-service__btn::before, .main-service__btn::after{font-size: 16rem;}

    .main-service__box:nth-child(2) ul{bottom: 48rem;}

	[lang="en-US"] .main-service__box .comm-title h3{padding-right:50rem;}
	[lang="en-US"] .main-service__box .comm-title h3 br{display:none;}
	[lang="en-US"] .main-service__box ul{gap:10rem; flex-direction: column;}
	[lang="en-US"] .main-service__box ul span{font-size: 14rem;}

}


/* ============================================
   SECTION 05:  main-global
============================================ */
:root{ --ripple-max: 626rem; }

.main-global{width: 100%;height: 100%;top: 0;} 
.main-global .wrap{z-index: 10;}
.main-global__conts{width: 50%; margin-left: auto; padding-left: 20rem;}
.main-global__conts .comm-title{margin-bottom: 31rem;}
.main-global__conts ul{gap: 8rem;}
.main-global__conts ul li{border-radius: var(--border10); background-color: var(--w); border:1px solid #eee; height: 74rem;  display: inline-flex; align-items: center; justify-content: center;}
.main-global__conts ul li img{max-height: 70%; max-width: 80%;}
.main-global__pointer{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main-global__pointer > *{position: absolute; top:35.6%;left:29.1%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 25rem;}
.main-global__pointer > i{width: 8rem; height: 8rem; border-radius: 30rem; background-color: var(--c-01); box-shadow: 0 0 10rem #3F3FA7;}
.main-global__pointer i.pointer01{left: 8.06%;top: 55.7%;}
.main-global__pointer i.pointer02{left: 9.1%;top: 54.3%;}
.main-global__pointer i.pointer03{left:21.1%; top:33.6%;}
.main-global__pointer i.pointer04{left: 35.7%;top: 41.7%;}
.main-global__pointer i.pointer05{ left: 17.7%; top: 53.7%;}
.main-global__pointer i.pointer06{left: 26.7%;top: 45.7%;}
.main-global__pointer i.pointer07{left: 12.7%;top: 48.7%;}
.main-global__pointer i.pointer08{left: 29.7%;top: 23.7%;}
.main-global__pointer i.pointer09{left: 1.7%;top: 38.7%;}
.main-global__pointer i.pointer10{left: 25.7%;top: 58.7%;}
.main-global__pointer i.pointer11{left: 24.7%;top: 64%;}
.main-global__pointer i.pointer12{left: 77.8%; top: 33.2%;} /* 미국(서부) */
.main-global__pointer i.pointer13{left: 83.2%; top: 39.0%;} /* 미국(중부~동부) */
.main-global__pointer i.pointer14{left: 78.9%; top: 47.6%;} /* 멕시코 */
.main-global__pointer i.pointer15{left: 6.2%;top: 43.8%;} /* 독일 */
.main-global__pointer i.pointer16{left: 4.8%; top: 36.2%;} /* 프랑스 */
.main-global__pointer i.pointer17{left: 24.6%; top: 47.0%;} /* 인도 */

.main-globa__map{position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.main-globa__map > img{width: 100%; height: 100%; }

.main-pointer__sign{width: 103rem; position: relative;}
.main-pointer__sign.eng{width: 120rem}
.main-pointer__sign > img{width: 100%;}
.main-pointer__sign div{display: flex;align-items: center;gap: 5rem;justify-content: center;position: absolute;left: 13rem;top: 9rem;}
.main-pointer__sign div em{font-size: 13rem; font-weight: 700; color: var(--w); display: inline-flex;}
.main-pointer__sign div img{width: 27rem;}
.main-pointer span{display: block; position: relative; width: 14rem; height: 14rem; border-radius: 40rem; background-color: var(--c-01); box-shadow: 0 0 10rem #3F3FA7; z-index: 1;}
.main-pointer span i{position: absolute; left: 50%; top: 50%; width: 14rem; height: 14rem; border: 1px solid var(--c-01); border-radius: 100%; transform: translate(-50%,-50%); animation: ripple 3s ease infinite;}
.main-pointer span i:nth-child(2){animation-delay: 1.5s;}
.main-pointer span i:nth-child(3){animation-delay: 3s;}


@keyframes ripple{
  0%{width: 14rem; height: 14rem; opacity: 1; border-width: 1px;}
  50%{opacity: .3;}
  100%{width: var(--ripple-max); height: var(--ripple-max); opacity: 0; border-width: 0;}
}

/* 모션 최소화 환경 배려 */
@media (prefers-reduced-motion: reduce){
  .main-pointer span i{animation: none; opacity: .25;}
}

@media (max-width:1600px){
    .main-global__conts{width: 60%;}
    .main-global__pointer > *{left: 28.6%; top: 37.6%; gap: 15rem;}
    .main-global__pointer i.pointer03{left: 24.1%; top: 40%;}
}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	
    .main-globa__map > img{object-fit: cover;}
    .main-global__conts{width: 56%;}
    .main-global{padding: 120rem 0;}

    .main-global__pointer > *{left: 22%; top: 34.6%;}
    .main-global__pointer i.pointer03{left: 20%; top: 33%;}
    .main-global__pointer i.pointer04{left: 31%; top: 41.7%;}

}
@media all and (max-width:1023px){
	
    .main-global__conts{width: 100%;}
    .main-globa__map{position: relative; }
    .main-global__pointer > *{left: 27%; top: 28.6%;}
    .main-global__pointer > i{width: 6rem; height: 6rem;}
    .main-global__pointer i.pointer04{left: 36%; top: 41.7%;}
    .main-global__pointer i.pointer03{left: 25%; top: 40%;}
    .main-pointer span{width: 10rem; height: 10rem;}
}
@media (max-width:860px){
    .main-global{padding:80rem 0 0 }
    .main-global__conts{padding-left: 0;}
}
@media (max-width: 540px){

    .main-global{padding: 60rem 0 0;}
    
    .main-pointer__sign div{left: 0; top: 0; position: relative; background-color: var(--c-01); padding: 4rem; border-radius: 3rem;}
    .main-pointer__sign div em{display: none;}
    .main-pointer__sign > img{display: none;}
    .main-pointer__sign div img{width: 20rem;}
    .main-pointer__sign{width: auto; position: relative;}
    .main-global__pointer > *{left: 27%; top: 24.6%; gap: 5rem;}
    .main-pointer span{width: 6rem; height: 6rem;}
    .main-global__pointer > i{width: 4rem; height: 4rem;}
   
}

/* ============================================
    26.02.10 수정
============================================ */
/* main */ 
#section04{display:none;}
.video-button{position:relative; right:0; bottom:0;}
.video-button-wrap{display:flex; align-items:flex-end; position:absolute; right:158rem; bottom:162rem; flex-direction:column;}
.video-link{display:flex; margin-top:30rem; gap:9rem;}
.video-link li a{display:block; padding:17rem 29rem; border:1px solid var(--w); font-size:15rem; color:#fff; transition:all .3s ease; border-radius:4rem;}
.video-link ul{display:flex; gap:10rem;}
.video-link li a:hover{background:var(--c-01); border-color:transparent;}

.main-product__link:last-child {display: none;}
.main-proudct__item img {opacity: 0;}
.main-product__link{background-size:93%; background-position:50% 50%; background-repeat:no-repeat;}
.main-product__link svg {display: none;}
.main-product__link:nth-child(1){background-image:url(../img/main/link-bg01.jpg);}
.main-product__link:nth-child(2){background-image:url(../img/main/link-bg02.jpg);}
.main-product__link:nth-child(3){background-image:url(../img/main/link-bg03.jpg);}
.main-global__logo-wrap{display:flex; gap:30rem;}
.main-global__logo > strong{display:block; margin-bottom:12rem; font-size:15rem; color:var(--b-01);}
.main-global__conts{width:56%;}
.main-global__logo{width:50%;}
.main-global__conts ul li{height:53rem;}
.main-global__conts ul li img{max-height:52%; max-width:61%;}

@media (max-width: 1200px){
	.video-button-wrap{right:80rem; bottom:80rem;}
	.main-video{margin:54rem 0 0;}
}

@media (max-width: 1023px){
	.main-global__conts{width:100%;}
	.main-global__conts .comm-title{margin-bottom:61rem;}
}

@media (max-width: 540px){
	.video-button-wrap{align-items:center; right:50%; bottom:50%; transform:translate(50%, 50%);}
	.video-link li a{padding:11rem 18rem; font-size:12rem; white-space:nowrap;}
	.video-wrap video{position:relative; top:0; left:0; width:100%; height:290rem; transform:none;}
	.video-wrap{overflow:hidden; height:280rem;}
	.main-video{overflow:visible !important;}
	.main-global__logo > strong{font-size:14rem;}
	.main-global__conts ul li{height:35rem;}
	.main-global__conts ul li img{max-height:62%; max-width:76%;}
}