@charset "utf-8";
/* header */
#header {width:100%;height:100px;position:fixed;left:0;top:0;z-index:150;overflow:hidden;transition:all .3s linear;}
#header::after {position:absolute;left:0;top:100px;content:'';display:block;width:0;border-bottom:1px solid #ddd;z-index:-1;}
#header .header_wrap {padding:0 10px;position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;margin:0 auto;padding:0;max-width:1296px;box-sizing:border-box;}

#header.fixed {box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);top:0;height:100px;}

#header .header_wrap .logo {width:200px;top:4px;position:relative;z-index:150;}
#header .header_wrap .logo img {height:50px;}
#header .logoc {display:none;}
#header.fixed .logoc {display:block;}
#header.fixed .logow {display:none;}

#header.on {transition:all .3s linear;height:345px;background-color:#fff;border-bottom:1px solid #ddd;}
#header.on .logoc {display:block;}
#header.on .logow {display:none;}
#header.on::after {width:100%;background-color:#ddd;transition:all .3s linear;}
#header.on .header_wrap .gnb > .gnb_wrap > .menu > a {transition:all .3s linear;color:#222;}

#header .header_wrap .gnb {position:absolute;right:0;top:0;}
#header .header_wrap .gnb > .gnb_wrap {display:flex;}
#header .header_wrap .gnb > .gnb_wrap > .menu {position:relative;}
#header .header_wrap .gnb > .gnb_wrap > .menu > a {position:relative;transition:all .3s linear;padding:0 30px;display:block;font-size:18px;line-height:98px;font-weight:700; letter-spacing:-0.05em;white-space:nowrap;background:#fff;color:transparent;-webkit-background-clip:text;transition:all .3s linear;text-align:center;}
/* sel 적용 */
#header .header_wrap .gnb > .gnb_wrap > .menu > a.sel {font-weight:900;}

#header .header_wrap .gnb > .gnb_wrap > .menu > a::after {position:Absolute;left:0;bottom:- 1px;z-index:1;transition:all .3s linear;content:'';display:block;width:0;height:3px;background-color:var(--color-secondary);}

#header .header_wrap .gnb > .gnb_wrap > .menu:hover > a::after {transition:all .3s linear;width:100%;}
#header .header_wrap .gnb > .gnb_wrap > .menu.on > a::after {transition:all .3s linear;width:100%;}
#header.fixed .header_wrap .gnb > .gnb_wrap > .menu > a {transition:all .3s linear;color:#222;}

/* 소메뉴 */
#header > .header_wrap .gnb > .gnb_wrap > .menu > .sub_menu {padding:40px 0 0 0;visibility:hidden;opacity:0;text-align:center;}
#header > .header_wrap .gnb > .gnb_wrap > .menu > .sub_menu.on {visibility:visible;opacity:1;}
#header > .header_wrap .gnb > .gnb_wrap > .menu > .sub_menu > li {padding-bottom:15px;}
#header > .header_wrap .gnb > .gnb_wrap > .menu > .sub_menu > li > a {font-size:15px;line-height:1.6;color:#5B5B5Bc;}
#header > .header_wrap .gnb > .gnb_wrap > .menu > .sub_menu > li > a:hover {transition:all .3s linear;opacity:1;}

#header.fixed {transition:all .3s linear;background-color:#fff;}
#header.fixed::after {width:100%;background-color:#ddd;}

@media all and (max-width:1400px) {
  #header {height:74px;}
  #header::after {top:74px;}
  
  #header.header-scrolled {box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);top:0;height:74px;}

  #header .header_wrap {height:74px;padding:0 20px;}
  #header .header_wrap .logo img {height:40px;}
  #header .header_wrap .gnb {display:none;}
}


/* 모바일 header */
html.sideShow {height:100%;overflow:hidden;}
.mobile_btn {display:none;}
#header_m {display:none;}

#header_m {padding:0px;box-sizing:border-box;}

.header_m_logo {padding-left:20px;padding-bottom:20px;}
.header_m_logo img {height:40px;}


/* 모바일 닫기 버튼 */
#header_m .close_btn {position:absolute;right:30px;top:30px;}
#header_m .close_btn button {border:0;background-repeat:no-repeat;background-color:transparent;background-image:url(../img/btn_close.png);display:block;width:18px;height:17px;background-size:cover;overflow:hidden;text-indent:-9999px;}

/* 모바일 대메뉴 */
#gnb_m {padding:0;}
#gnb_m>ul>li>a {display:block;font-size:16px;color:#333333;font-weight:700;line-height:16px;padding:20px 20px;border-bottom:1px solid #e7e7e7;box-sizing:border-box;}
#gnb_m>ul>li>a.menu_m {position:relative;}
#gnb_m>ul>li>a.menu_m:after {content:'';transition:0.3s ease-out;display:block;background-image:url(../img/icon_depth_arrow.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:16px;height:8px;position:absolute;right:30px;top:50%;}
#gnb_m>ul>li>a.menu_m.active:after {transform:rotate(180deg);}
#gnb_m>ul>li>.sub_menu_m {background-color:#f6f6f6;display:none;}

/* 모바일 소메뉴 */
#gnb_m>ul>li>.sub_menu_m ul li a {display:block;color:#777777;font-size:14px;padding:10px 30px;}
#gnb_m>ul>li>.sub_menu_m ul li a.cur {color:#9e8621;}

@media all and (max-width:1400px) {
  #header_m {display:block;position:fixed;right:-120%;padding:17px 0 0 0;top:0;bottom:0;overflow:auto;width:720px;z-index:160;background-color:#fff;}
  /* 모바일 메뉴 버튼 */
  .mobile_btn {display:block;float:right;padding:0 0;}
  .mobile_btn a {overflow:hidden;display:block;text-indent:-9999px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url(../img/btn_menu.png);transition:0.4s ease-out;}
  body[role=sub] .mobile_btn a, #header.fixed .mobile_btn a {background-image:url(../img/btn_black.png) !important;}
}

@media (max-width:768px) {
  #header_m {width:100%;}
}


/* 메인상단이미지 */
.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 .p1 {width:90%;font-size:30px;color:#fff;font-weight:400;margin-bottom:5px;}
.main_txt h2 {color:#fff;font-size:80px;letter-spacing:5px;line-height:1.2;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 p {width:90%;color:#fff;font-size:20px;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 {width:100%;margin-left:20px;}
  .main_txt .p1 {width:90%;font-size:20px;color:#fff;font-weight:400;margin-bottom:5px;}
  .main_txt h2 {font-size:40px;font-weight:700;letter-spacing:0px;word-break:keep-all;}
  .main_txt p {width:90%;color:#fff;font-size:14px;letter-spacing:0px;font-weight:300;z-index:14;text-align:left;text-shadow:1px 1px 1px #404040;word-break:keep-all;}
}


/* 메인상단 우측 텍스트 */
.main_visual .hero-re {z-index:14;position:absolute;bottom:0px;right:0px;}
.hero-re_img {float:right;height:375px;}

@media screen and (max-width:768px){
  .main_visual .hero-re {z-index:14;position:absolute;bottom:0px;right:0px;}
  .hero-re_img {float:right;width:50%;height:auto;max-height:400px;}
}


/* 메인상단 예약 버튼 */
.main_txt .btn-get-started {font-size:16px;font-weight:300;letter-spacing:1px;display:inline-block;padding:13px 30px;transition:0.5s;line-height:1;margin:10px;background:rgba(255,255,255,0.2);-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid rgba(255,255,255,0.6);color:#fff;}
.main_txt .btn-get-started:hover {font-size:16px;font-weight:300;letter-spacing:1px;display:inline-block;padding:13px 30px;transition:0.5s;line-height:1;margin:10px;background:rgba(255,255,255,0.1);-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #fff;color:#fff;}
.justify-content-center {z-index:16;}

@media (max-width:768px) {
  /* 메인상단 예약 버튼 */
  .main_txt .btn-get-started {font-size:14px;font-weight:300;letter-spacing:1px;display:inline-block;padding:10px 18px;transition:0.5s;line-height:1;margin:5px;border:0;background:rgba(255,255,255,0.2);-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid rgba(255,255,255,0.6);color:#fff;}
  .main_txt .btn-get-started:hover {font-size:14px;font-weight:300;letter-spacing:1px;display:inline-block;padding:10px 18px;transition:0.5s;line-height:1;margin:5px;background:rgba(255,255,255,0.1);-webkit-animation-delay:0.8s;animation-delay:0.8s;border:2px solid #fff;color:#fff;}
}


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


/* 메인상단 스크롤 */
.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;}
}