#main {background: url("../image/bg.jpg");}
#wrap {background-image: url("../image/bg-line.png"); background-repeat: no-repeat;}

#pop-wr #pop1 img {width: 400px;}

section.main-section .model-badge.model-badge-m {display: none;} 

section.video-section .vi-left, 
section.video-section .video-deco,
img.pri-img,
section.cs-section .cs-wr .cs-item,
section.map-section .map-cont,
section.main-section .main-right .ma-right-img {border-radius: 20px;overflow: hidden;}

section.main-section {min-height: 100vh;position: relative;    padding-top: 144px;} 
section.main-section p {font-size: 2.938rem; color: #fff; line-height: 1.5; font-weight: 500;letter-spacing: -0.08em;}
section.main-section .mian-wr {position: relative;}
section.main-section .main-left {padding:3.750em 0 0 3.125em;position: inherit;z-index: 2;}
section.main-section .main-right {position: absolute;right: 0;top: 0;width: 1116px; height: 704px;}
section.main-section .main-right .ma-right-img {width: 1116px; height: 704px;}
section.main-section .main-right .ma-right-img .main-img {transform: scale(1.2); animation: ma-img-ani 5s both;}
section.main-section .model-badge {width: 156px;height: 156px;display: inline-block; position: absolute; background: url(../image/main-badge.png); bottom: -38px; right: 50px;}
section.main-section .model-badge-img {animation:model-badge-ani 19s linear infinite; transform-origin: 50% 50%;}
@keyframes ma-img-ani {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

@keyframes model-badge-ani {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.main-tit-wr span {font-size: 1.25rem; color: var(--main-color); font-weight: 500;}
.main-tit-wr h2 {font-size: 2.5rem; margin-top: 0.1em;line-height: 1.3; font-weight: 500;color: #EAF4F2;margin-bottom: 0.563em;}
.main-tit-wr p {font-size: 1rem; color: #939393;}

.mainBtn {font-size: 1.438rem; color: #fff; text-decoration: underline;font-weight: 500;line-height: 2;}
.mainBtn .btn-icon {margin-left: 0.5em;transition: 0.3s;}
.mainBtn:hover .btn-icon {margin-top: -0.6em;}
.mainBtn:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,1) 25%, #0000006e 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 1.2s both;
  }
@-webkit-keyframes shine {
    from {-webkit-mask-position: 150%;}
    to {-webkit-mask-position: -50%;}
}

section.video-section {padding: 122px 0; position: relative;}
section.video-section .video-wr {position: inherit; z-index: 2;width: fit-content;margin: 0 auto; display: flex;transform: translateX(-89px);}
section.video-section .vi-left {background: #ddd; width: 902px; height: 512px;}
section.video-section .vi-left iframe {width: 100%; height: 100%;}
section.video-section .vi-right {align-self: flex-end;margin-top: 309px; margin-left: 71px;}
section.video-section .vi-right p {margin-bottom: 4em;}
section.video-section .btn-wr {display: grid;}
section.video-section .video-deco {position: absolute;top: 0; left: 50%;}
section.video-section .video-deco1 {transform: translate(-865px,-128px);}
section.video-section .video-deco2 {transform: translate(627px,54px);}


section#sectionPin {height: 100vh;overflow: hidden;display: flex;left: 0;} 
section#sectionPin .pin-wrap {height: 100vh; display: flex; justify-content: flex-start; padding: 112px 0 112px 6.125em;}
section#sectionPin .pin-wrap > * {min-width: 30vw;} 
section#sectionPin .pin-wrap .main-tit-wr {white-space:nowrap;padding-right: 223px;}
section#sectionPin .pin-wrap .main-tit-wr p {color: #EAF4F2;}
section#sectionPin .pin-wrap img.pri-img {max-width: none;}
section#sectionPin .pin-wrap .pri-item {margin-right: 5em;}
section#sectionPin .pin-wrap .pri-item1 {margin-top: 4em;}
section#sectionPin .pin-wrap .pri-item2 {align-self: flex-end;}
section#sectionPin .pin-wrap .pri-item3 {margin-top: 4em;}



section.pl-section {padding-top: 122px; padding-bottom: 122px;}
section.pl-section .pl-wr {display: flex;}
section.pl-section .pl-wr .pl-box {width: 50%; height: calc(100vh - 244px);}
section.pl-section .pl-wr .pl-right {margin-top: 50px;}
section.pl-section .pl-wr .pl-left {overflow: hidden; position: relative;}
section.pl-section .pl-wr .pl-left::before {content: '';position: absolute;width: 100%;	height: 100%;	z-index: 1;}

section.pl-section .swiper {width: 100%; height: 100%;}
section.pl-section .swiper-slide {padding: 3em 2.5em;background: #EAF4F2; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: flex-start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column;}
section.pl-section .swiper {margin-left: auto;margin-right: auto;}

section.pl-section .main-tit-wr {align-self: flex-start;}
section.pl-section .main-tit-wr span {color: #39AA8D;}
section.pl-section .main-tit-wr h2 {color: #1B1B1B;font-weight: 600;letter-spacing: -0.03em;}
section.pl-section .main-tit-wr p {color: #939393;}

section.pl-section .pl-wr #player {width: calc(100% + 700px);height: calc(100% + 700px);margin-top: -350px;opacity: .5;}


section.pl-section .pl-img-box {position: relative;display: inline-block;}
section.pl-section .pl-img-box .pl-img {width: 500px; margin-top: 13px;transition: 0.3s;}
section.pl-section .pl-img-box .mainBtn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -53px);cursor: pointer;color: #1B1B1B; width: 260px;}
section.pl-section .pl-img-box .mainBtn .btn-icon {filter: invert(90%) sepia(14%) saturate(28%) hue-rotate(74deg) brightness(100%) contrast(100%);}

section.pl-section .pl-img-box:hover .pl-img {opacity: 0.4;}
section.pl-section .pl-img-box:hover .mainBtn .btn-icon {margin-top: -0.6em;}
section.pl-section .pl-img-box:hover .mainBtn {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,1) 25%, #0000006e 50%, rgba(0,0,0,1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 1.2s both;
  }
@-webkit-keyframes shine {
    from {-webkit-mask-position: 150%;}
    to {-webkit-mask-position: -50%;}
}

.swiper-button-next, .swiper-button-prev {width: 81px;height: 82px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2.5em;left: auto; bottom: 2.5em;top: auto;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: auto;right: 14.4em;top: auto; bottom: 2.5em;}
.swiper-pagination-bullet {width: 9px;height: 9px;background: #CDD8D6;opacity: 1;}
.swiper-pagination-bullet-active{background:#39AA8D;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2.5px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 4.4em;left: auto; width: auto;right: 8.3em;}

section.cs-section,
section.map-section {width: 1200px; padding: 122px 0; margin: 0 auto;}
section.cs-section .cs-wr {display: flex; justify-content:space-between;}
section.cs-section .cs-wr .cs-box {width: calc(50% - 11px);}
section.cs-section .cs-wr .cs-right {margin-top: 58px;}
section.cs-section .cs-wr .cs-item .btn-icon {position: absolute; right: 38px; top: 38px; filter: invert(11%) sepia(46%) saturate(237%) hue-rotate(123deg) brightness(30%) contrast(90%);}
section.cs-section .cs-wr .cs-item {position: relative; display: inline-block; width: 100%;height: 365px; transition: 0.3s;}
section.cs-section .cs-wr .cs-item1,
section.cs-section .cs-wr .cs-item3 {margin-bottom: 15px;}
section.cs-section .cs-wr .cs-item1 {background: #000 url("../image/info-icon1.png")no-repeat center;}
section.cs-section .cs-wr .cs-item2 {background: #000 url("../image/info-icon2.png")no-repeat center;}
section.cs-section .cs-wr .cs-item3 {background: #000 url("../image/info-icon3.png")no-repeat center;}
section.cs-section .cs-wr .cs-item4 {background: #000 url("../image/info-icon4.png")no-repeat center;}
section.cs-section .cs-wr .cs-item:hover {transform: scale(0.95);}

section.map-section .map-cont-wr {position: relative; height: 444px;}
section.map-section .map-cont {position: absolute; top: 0; width: 100%;height: 444px; visibility: hidden;}
section.map-section .map-cont.show {visibility: visible;}
section.map-section .map-list {width: 230px;margin-left: auto;margin-top: 40px;}
section.map-section .map-btn {cursor: pointer;}





/* .inline-YTPlayer {z-index: 9997;}

#introWrap {width: 100vw;height: 100vh !important;padding-bottom: 0 !important;position: relative;overflow: hidden;z-index: 9998;}

*/



.bg-deco { 
    position: absolute; 
    width: 500px; 
    height: 500px; 
    background: radial-gradient( at 50% 50%, #00A686, #dc000b00 ); 
    filter: blur(100px); 
    opacity: 0.5; 
    border-radius: 100%; 
    animation: bg-deco-ani 15s linear infinite alternate; 
    } 
   
   @keyframes bg-deco-ani { 
    0% { top:-20%; left:-20%; } 
    15% { top: 0%; left: 0%; } 
    30% { top: 30%; left: 14%; opacity: 0.6; } 
    45% { top: -30%; left: 28%; width: 600px; height: 600px; } 
    60% { top: 80%; left: 42%; } 
    75% { top: 20%; left: 56%; opacity: 0.3; } 
    90% { top: 0%; left: 70%; } 
    100% { top: 25%; left: 100%; opacity: 0.7; width: 300px; height: 300px; } 
    } 
   
    
   
    .container {overflow-y: initial !important;}