#main { background: url("/image/bg.jpg"); } 

/* .container { position: relative; } */
.bg-line { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/image/bg-line.png"); background-repeat: no-repeat; background-size: cover; z-index: -1; } 



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,
.pl-box, .inter-cont-wr, .map-cont-wr { border-radius: 20px; overflow: hidden; isolation: isolate; } 


.m-img { display: none; } 

/* 
section.cs-section,
section.map-section { width: 1200px; padding: 122px 0; margin: 0 auto; } */
.model-badge { position: fixed; bottom: 126px; right: 52px; display: inline-block; width: 156px; height: 156px; background: url(/image/intro/badge-txt.png)no-repeat center / cover; z-index: 2; } 
.model-badge2 {bottom: 290px; background: url(/image/intro/badge-txt2.png)no-repeat center / cover; } 
.model-badge-img { animation:model-badge-ani 19s linear infinite; transform-origin: 50% 50%; } 


section.main-section { position: relative; width: 100%; height: 100vh; overflow: hidden; } 
section.main-section .m-txt-wr {position: absolute; top: 10rem; left: 7.125em;z-index: 6;}
section.main-section .m-txt-wr .sch-btn {display: inline-block;cursor: pointer;}
section.main-section .m-txt-wr .sch-btn.m-img {display: none;}
section.main-section .m-txt-wr .img01 {width: 503px; margin-right: 37px;}
section.main-section .m-txt-wr .img02 {width: auto; margin-top: 50px;}
section.main-section .icon1 { position: absolute; top: 10rem; left: 7.125em; width: 503px; z-index: 6; } 
section.main-section p { font-size: 2.938rem; color: #fff; line-height: 1.5; font-weight: 500; letter-spacing: -0.08em; } 
section.main-section .tit-wr { position: absolute; top: 8rem; left: 7.125em; z-index: 2; } 
section.main-section .swiper { height: 100% } 
section.main-section .swiper-slide img { height: 100%; width: 100%; object-fit: cover; object-position: center; transform-origin: center; } 
section.main-section .swiper-slide-active img { animation: img-ani 2s both; } 

.main-tit-wr span { font-size: 1.25rem; color: var(--main-color); font-weight: 900; text-transform: uppercase; } 
.main-tit-wr h2 { font-size: 2.5rem; margin-top: 0.3em; line-height: 1.3; font-weight: 500; color: #000; margin-bottom: 0.563em; } 
.main-tit-wr p { color: #2D2D2D; font-size: 1.2rem; line-height: 1.5; } 

.mainBtn { font-size: 1.438rem; color: #fff; 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%; } 
 }
 @keyframes img-ani { 
 0% { transform:scale(1.05); } 
 100% { transform:scale(1); } 
 }
 @keyframes model-badge-ani { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
 }

section.video-section { padding: 205px 0; position: relative; } 
section.video-section .video-wr { position: inherit; z-index: 2; width: auto; display: flex; } 
section.video-section .vi-left { position: relative; width: 900px; height: 611px; margin-left: 200px; } 
section.video-section .vi-left iframe { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
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%; width: 393px; } 
section.video-section .video-deco1 { transform: translate(-865px,-128px); } 
section.video-section .video-deco2 { transform: translate(627px,54px); } 


.section02 { padding: 155px 0 145px 155px; background: #8d8abb2e; overflow: hidden; } 
.section02 .sec02 { display: flex; } 
.section02 .sec02-box-text { width: 39%; } 
.section02 .main-tit-wr p strong { color: var(--sub-color); font-size: 1.2rem; } 
.section02 .txt-img { margin-top: 3rem; margin-left:-50px; } 
.section02 .swiper { width: 61%; height: 100%; } 
.section02 .slid-btn { display: flex; } 
.section02 .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.section02 .swiper-slide { width: auto; } 
.section02 .swiper-button-next, .section02 .swiper-button-prev { display: flex; justify-content: center; position: relative; top: 0; width: 60px; height: 60px; margin-top: 17px; border: 1px solid var(--main-color); border-radius: 100%; cursor: pointer; z-index: 10; } 
.section02 .swiper-button-prev { background: url(../Img/sd02-le-arr.png); margin-right: 20px; } 
.section02 .swiper-button-next { background: url(../Img/sd02-ri-arr.png); } 
.section02 .swiper-button-prev:hover { background: url(../Img/sd02-le-arr-on.png); margin-right: 20px; } 
.section02 .swiper-button-next:hover { background: url(../Img/sd02-ri-arr-on.png); } 
.section02 .swiper-button-prev, .section02 .swiper-rtl .swiper-button-next { left: 0; } 
.section02 .swiper-button-next:after, .section02 .swiper-rtl .swiper-button-prev:after,
.section02 .swiper-button-prev:after, .section02 .swiper-rtl .swiper-button-next:after { display: none; } 



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 128px; } 
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 strong { color: var(--sub-color); font-size: 1.2rem; } 
section#sectionPin .pin-wrap .main-tit-wr .txt-img { width: 100%; margin-top: 3rem; margin-left: -4rem; } 
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: 122px 128px; } 
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 { position: relative; margin-top: 50px; } 
section.pl-section .pl-wr .pl-left { position: relative; overflow: hidden; position: relative; padding: 3em 2.5em; background: url(/image/pl-left-bg.jpg)no-repeat center / cover; transition: .3s; } 
section.pl-section .pl-wr .pl-left .btn-icon { position: absolute; right: 38px; top: 38px; } 
section.pl-section .pl-wr .pl-left::before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; } 
section.pl-section .pl-wr .pl-left:hover { transform: scale(0.95) !important; } 

section.pl-section .swiper { width: 100%; height: 100%; } 
section.pl-section .swiper-slide { padding: 3em 2.5em; background: #fff; 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 h2 { letter-spacing: -0.03em; } 
section.pl-section .main-tit-wr p { color: #2D2D2D; } 
section.pl-section .pl-wr .pl-left .main-tit-wr span, section.pl-section .pl-wr .pl-left .main-tit-wr h2 { color: #fff; } 

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

 section.pl-section .swiper-button-next, section.pl-section .swiper-button-prev { width: 81px; height: 82px; border: 1px solid var(--main-color); border-radius: 100%; } 
 section.pl-section .swiper-button-next:after, section.pl-section .swiper-rtl .swiper-button-prev:after,
 section.pl-section .swiper-button-prev:after, section.pl-section .swiper-rtl .swiper-button-next:after { display: none; } 
 section.pl-section .swiper-button-next, section.pl-section .swiper-rtl .swiper-button-prev { right: 2.5em; left: auto; bottom: 2.5em; top: auto; } 
 section.pl-section .swiper-button-prev, section.pl-section .swiper-rtl .swiper-button-next { left: auto; right: 14.4em; top: auto; bottom: 2.5em; } 
 section.pl-section .swiper-pagination-bullet { width: 9px; height: 9px; background: #d8cdd6; opacity: 1; } 
 section.pl-section .swiper-pagination-bullet-active { background:var(--main-color); } 
 section.pl-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,section.pl-section .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2.5px; } 
 section.pl-section .swiper-horizontal>.swiper-pagination-bullets, section.pl-section .swiper-pagination-bullets.swiper-pagination-horizontal,section.pl-section .swiper-pagination-custom,section.pl-section .swiper-pagination-fraction { bottom: 4.4em; left: auto; width: auto; right: 9.5em; } 



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; } 
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 { padding:122px 128px; } 
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 { color: #000; cursor: pointer; } 
section.map-section .map-btn .icon { filter: brightness(0); } 
section.map-section2 .root_daum_roughmap { width: calc(100% + 2px); height: calc(100% + 2px); margin-top: -1px; margin-left: -1px; } 


section.cs-section1 { width: 100%; padding:122px 128px; } 
section.cs-section1 .cs-wr { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } 
section.cs-section1 .cs-wr .cs-item { height: 406px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
section.cs-section1 .cs-wr .cs-item1 { background-color: #C37BB1; background-image: url("/image/info-icon1.png"); } 
section.cs-section1 .cs-wr .cs-item2 { background-color: #E77E85; background-image: url("/image/info-icon2.png"); } 
section.cs-section1 .cs-wr .cs-item3 { background-color: #7057A3; background-image: url("/image/info-icon3.png"); } 


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

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

*/
.map-section2 { display: flex; justify-content: space-between; padding:100px 128px 112px; } 
.map-section2 .map-section, .map-section2 .inter-section { width: 49%; } 
.map-section2 .map-section .mainBtn { color: #000; } 
.map-section2 .map-section .mainBtn .icon { filter: brightness(0); } 
.map-section2 .map-section .map-cont-wr { overflow: hidden; } 
.map-section2 .inter-cont-wr, .map-section2 .map-section .map-cont { height: 444px; } 
.map-section2 .inter-cont-wr { overflow-y: scroll; } 

.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; } 
 }
 
 
 .sch-section { padding: 120px 145px;  background: #8d8abb2e; } 
 .sch-section .img-box { width: 100%; height: auto;} 
 .sch-section .img-box img { width: 100%; height: auto;} 
 
.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(47 28 35 / 60%); opacity: 1; visibility: visible; z-index: 1000; transition: .3s; overflow: hidden; } 
.popup.hide { opacity: 0; visibility: hidden; height: 0; } 
.popup .pop { width: 1400px; height:calc(100vh - 200px); margin: 125px auto 0; overflow-y: scroll; } 
.popup .pop img { width: 100%; height: auto; } 
.popup .pop-closed { position: absolute; top: 50px; left: 50%; width: 60px; height: 60px; line-height: 60px; background: #fff; border-radius: 100%; text-align: center; color: #000; font-size: 26px; transform: translateX(-50%); cursor: pointer; } 
.pop-btn { cursor: pointer; }