@charset "utf-8";
/* 메인상단이미지 */
.main_visual{position:relative;z-index:10;width:100%;height:100vh;max-height:920px;overflow:hidden;margin:0 auto;}
.swiper-slide{margin:0 auto;/* 상단 이미지 줌아웃 overflow:hidden; */overflow:hidden;}
#index_swiper {background:#000;}
#index_swiper.swiper-container {overflow:hidden;height:100vh;max-height:920px;position:relative;}
#index_swiper.swiper-container .swiper-wrapper .swiper-slide .swiper-img {height:100%;}

.swiper-pagination-bullet{width:10px;height:10px;background-color:transparent;border:solid 1px white;opacity:0.7;}
.swiper-pagination-bullet:hover {background-color:white;}
.swiper-pagination-bullet-active {width:30px;border-radius:50px;transition: all 0.3s ease-in-out;left:0;background-color:rgba(255,255,255,1);border:solid 1px white;}

.swiper-button-prev1, .swiper-button-next1{z-index:12;margin-top:0;width:80px;height:60px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-size:27px auto;outline:0;background-position:center;} 
.swiper-button-prev1 {z-index:12;left:20px;background-image:url(../img/arrow_left.png);}
.swiper-button-next1 {z-index:12;right:20px;background-image:url(../img/arrow_right.png);}
.swiper-button-prev1:hover {background-image:url(../img/arrow_left1.png);}
.swiper-button-next1:hover {background-image:url(../img/arrow_right1.png);}

.swiper-container1 {display:flex;justify-content:center;align-items:top;position:absolute;bottom:0;top:0;left:0;right:0;overflow:hidden;}

.swiper-slide-active .animate_h2 {-webkit-animation:fadeInDown 1.5s;animation:fadeInDown 1.5s;}
.swiper-slide-active .animate_p {-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.5s;}
.swiper-slide-active .animate_b {-webkit-animation:fadeInUp 1.5s;animation:fadeInUp 1.5s;}

.bg_mo {display:none;}
@media all and (max-width:767px){
  .bg_mo {display:block;}
  .bg_pc {display:none;}
}

/* 상단 이미지 줌아웃 */
.slide-1 {-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);-webkit-transition:transform 5000ms  ease-in-out;-moz-transition:transform 5000ms ease-in-out;-o-transition:transform 5000ms ease-in-out;-ms-transition:transform 5000ms ease-in-out;transition:transform 5000ms ease-in-out;}
.swiper-slide-active .slide-1 {transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}


@media screen and (max-width:767px){
.main_visual{position:relative;z-index:10;width:100%;height:calc(100vh - 60px);overflow:hidden;margin:0 auto;}
#index_swiper.swiper-container {overflow:hidden;max-height:100%;height:calc(100vh - 60px);position:relative;}
#index_swiper.swiper-container .swiper-wrapper .swiper-slide .swiper-img {height:100%;}

.swiper-button-prev1, .swiper-button-next1{z-index:12;width:60px;background-size:17px auto;}
.swiper-button-prev1{z-index:12;left:0;}
.swiper-button-next1{z-index:12;right:0;}
}

@media screen and (max-width:600px){
.swiper-button-prev1, .swiper-button-next1{z-index:12;width:40px;background-size:10px auto;}
}


/* 메인상단 좌측 텍스트 */
.main_txt {position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:14;width:100%;max-width:1296px;}

.main_txt h2 {color:#fff;font-size:6.25rem;letter-spacing:5px;line-height:1.0;font-weight:900;z-index:14;text-align:left;margin-bottom:20px;text-shadow:1px 1px 1px #404040;word-break:keep-all;}
.main_txt h2 span {color:#00D9FF;}
.main_txt h2:after {content:'';display:block;width:100px;height:2px;margin:25px 0 25px;background:#fff;}
.main_txt p {width:90%;color:#fff;font-size:1.38rem;letter-spacing:0px;font-weight:300;z-index:14;text-align:left;text-shadow:1px 1px 1px #404040;word-break:keep-all;}

@media screen and (max-width:767px){
  .main_txt {margin-left:20px;}
  .main_txt h2 {font-size:3.13rem;font-weight:700;letter-spacing:0px;word-break:keep-all;}
  .main_txt p {width:90%;color:#fff;font-size:1.00rem;letter-spacing:0px;font-weight:400;z-index:14;text-align:left;text-shadow:1px 1px 1px #404040;word-break:keep-all;}
}


/* 메인상단 패턴 */
.pattern {height:100%;position:absolute;width:100%;z-index:3;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.7);background-repeat:repeat;opacity:0.7;}


/* 메인상단 스크롤 */
.down {position:absolute;width:50px;bottom:50px;left:50%;margin-left:-25px;z-index:14;}
.down img {text-align:center;z-index:14;}


/* 메인상단 마우스 스크롤 */
.scrolldown {--color:white;--sizeX:24px;--sizeY:40px;position:absolute;bottom:60px;left:50%;margin-left:-12px;z-index:14;text-align:center;width:var(--sizeX);height:var(--sizeY);margin-left:var(sizeX / 2);border:calc(var(--sizeX) / 10) solid var(--color);border-radius:50px;box-sizing:border-box;}
.scrolldown::before {content:"";position:absolute;bottom:30px;left:50%;width:6px;height:6px;margin-left:-3px;background-color:var(--color);border-radius:100%;animation:scrolldown-anim 2s infinite;
box-sizing:border-box;box-shadow:0px -5px 3px 1px #ffffff66;}

@keyframes scrolldown-anim {
  0% {opacity:0;height:6px;}
  40% {opacity:1;height:10px;}
  80% {transform:translate(0, 16px);height:10px;opacity:0;}
  100% {height:3px;opacity:0;}
}

@media (max-width:767px) {
  .scrolldown {--color:white;--sizeX:20px;--sizeY:33px;position:absolute;bottom:50px;left:50%;margin-left:-10px;z-index:14;text-align:center;width:var(--sizeX);height:var(--sizeY);margin-left:var(sizeX / 2);border:calc(var(--sizeX) / 10) solid var(--color);border-radius:50px;box-sizing:border-box;}
  .scrolldown::before {content:"";position:absolute;bottom:20px;left:50%;width:4px;height:4px;margin-left:-2px;background-color:var(--color);border-radius:100%;animation:scrolldown-anim 2s infinite;
box-sizing:border-box;box-shadow:0px -5px 3px 1px #ffffff66;}

  @keyframes scrolldown-anim {
0% {opacity:0;height:6px;}
40% {opacity:1;height:10px;}
80% {transform:translate(0, 10px);height:10px;opacity:0;}
100% {height:3px;opacity:0;}
  }
}

.chevrons {padding:4px 0 0 0;margin-left:-3px;margin-top:38px;width:24px;display:flex;flex-direction:column;align-items:center;}
.chevrondown {margin-top:-2px;position:relative;border:solid var(--color);border-width:0 3px 3px 0;display:inline-block;width:10px;height:10px;transform:rotate(45deg);}
.chevrondown:nth-child(odd) {animation:pulse 500ms ease infinite alternate;}
.chevrondown:nth-child(even) {animation:pulse 500ms ease infinite alternate 250ms;}

@media (max-width:767px) {
  .chevrons {padding:4px 0 0 0;margin-left:-2px;margin-top:31px;width:20px;display:flex;flex-direction:column;align-items:center;}
  .chevrondown {margin-top:-4px;position:relative;border:solid var(--color);border-width:0 2px 2px 0;display:inline-block;width:8px;height:8px;transform:rotate(45deg);}
}

@keyframes pulse {
  from {opacity:0;}
  to {opacity:0.5;}
}

/* 메인상단 원형 버튼 */
.link__svg {position:absolute;bottom:20px;left:50%;margin-left:-670px;width:100%;height:auto;transform-box:fill-box;fill:#fff;stroke:#fff;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;width:140px;height:140px;display:inline-block;font:300 16px/1.4 "Noto Sans KR";text-transform:uppercase;letter-spacing:0.21rem;word-spacing:7px;z-index:9999999999999999}

.link__arrow {stroke-width:0.13rem;} /* 화살표 두께 */
.link__text {animation:rotate normal infinite 20s linear;transform-origin:50% 50%;} /* 텍스트 횟전 */
 .link__svg:hover {transform-box:fill-box;fill:#fff;stroke:#FF0000;stroke-width:0.13rem;}

@keyframes rotate {
  to {transform:rotate(360deg);}
}


@media (max-width:1400px) {
  .link__svg {position:absolute;bottom:20px;left:20px;margin-left:0px;}
}

@media (max-width:768px) {
  .link__svg {position:absolute;bottom:20px;left:10px;margin-left:0px;width:100%;height:auto;transform-box:fill-box;fill:#fff;stroke:#fff;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;width:120px;height:120px;display:inline-block;font:300 18px/1.4 "Noto Sans KR";text-transform:uppercase;letter-spacing:0.15rem;word-spacing:5px;z-index:9999999999999999}
}