/* .h-menu.nav-right a:first-child{ margin-right: 0.5rem !important;} */
.h-menu.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-light.on .navbar-nav .nav-link,.navbar-light.on .btn-ghost-dark { color: #2d374b;}
.navbar-light.on .navbar-nav .nav-link.active,.navbar-light.on .navbar-nav .nav-link:hover,.navbar-light.on .navbar-nav .nav-link:focus {
  color: #2d374b;
}
.h-menu.navbar .navbar-custom:not(.on) .nav-pills .nav-link,.h-menu.navbar-custom:not(.on) .nav-item>a { color: #fff;}
.h-menu .btn-ghost-dark { color: #fff; }
.h-menu.navbar-custom:not(.on) .dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3e%3c/svg%3e");
}
.navbar-custom .container>nav.on{ background-color:transparent; }
.navbar-custom .navbar-toggler.navbar-btn-login{
    margin-left: auto;
    padding: 0.375rem 0;
}
#main-section .bg-img-start .container .btn>span{
  vertical-align: text-top;
  font-size: 18px;
}
.bg-img-start {
    background-color:rgb(10 191 83);
    
    position: relative;
    background-image:radial-gradient(at 0% 66%, rgb(0, 0, 0) 0px, transparent 50%),  /* 검정 기본 */
    radial-gradient(at 21% 16%, rgb(46, 125, 50) 0px, transparent 50%), /* 초록 */
    radial-gradient(at 45% 28%, rgb(30, 136, 229) 0px, transparent 50%), /* 하늘 */
    radial-gradient(at 30% 100%, rgb(63, 81, 181) 0px, transparent 50%), /* 남색 */
    radial-gradient(at 100% 100%, rgb(244, 67, 54) 0px, transparent 50%), /* 빨강 */
    radial-gradient(at 46% 73%, rgb(255, 152, 0) 0px, transparent 50%), /* 주황 */
    radial-gradient(at 97% 1%, rgb(219, 198, 5) 0px, transparent 50%), /* 노랑 */
    radial-gradient(at 70% 40%, rgb(139, 195, 74) 0px, transparent 50%)

}
#popup-msg,#popup-cart,#v1-text-1,#v1-text-2,#v2-text-1,#v2-text-2,#v2-text-3,#airport-1,#airport-2{ opacity: 0;}
/* 메인 웨이브 효과 시작*/
.waves-parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.waves-parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s;}
.waves-parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s;}
.waves-parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s;}
.waves-parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s;}
.waves-container{ position: absolute; opacity: 0.1; top: 0px; width: 100%;}
.waves-svg {
 transform: rotateX(180deg);
  position:relative;
  width: 100%;
  height:12vh;
  margin-bottom:-7px;
  min-height:200px;
  max-height:250px;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/* 메인 웨이브 효과 끝끝*/

.main07-flipster .swiper-slide-shadow-left,
.main07-flipster .swiper-slide-shadow-right { background:rgba(83, 102, 139, 0.1); border-radius: 12px;}
.main07-flipster .swiper-slide{width: 31.25rem; max-width: 90vw; }
.main07-flipster .swiper-slide-active .img-fluid{ 
  border:  1px solid  rgba(105, 35, 64, 0.1) !important;
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.main07-flipster .swiper-slide:not(.swiper-slide-active) .img-fluid{
  border:  1px solid  #daeaff   !important;
  border-radius: 12px;
}
.main07-flipster { padding:1.875rem; }

.main03-cube .swiper {
  width: 264px;
  height: 331px;
  padding: 50px 0;
}

.main03-cube .swiper-slide {
  position: relative;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  user-select: none;
}
.main03-cube{ 
    position: absolute;
    top: -43px;
    bottom: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
    width: 264px;
    height: 331px;
}
.main03-cube .swiper-slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main08-list{display: flex; justify-content: space-between; align-items: center;}
.main08-list .img-fluid{ height: 91px;}
@media (max-width: 575.98px) {
  .main08-list .img-fluid{ height: 50px;}
}
.main07-fix .row{ justify-content: space-evenly; }
.main07-fix .rounded-5:not(.main07-idx){
  padding: 2.5rem !important;
  width: 100%;
  height: 264px;
}
@media (max-width: 767.98px) {
  .main07-idx.img-fluid{ display: none; }
}

.animation-section {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* signup */
.signup.container,
.reset-pw.container,
.join-manager.container{
  max-width: 450px;
}

.signup .signup-step,
.join-manager .join-manager-step{
    padding: 0px;
    margin: 0px;
    list-style: none;
}


.signup .signup-step>li,
.join-manager .join-manager-step>li{
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.8s ease-in-out;
}

.signup .signup-step>li .form-label,
.reset-pw .form-label,
.join-manager .join-manager-step>li .form-label{
  font-size: 0.9375rem;
}
.signup .signup-step .input-card,
.reset-pw .input-card,
.join-manager .join-manager-step .input-card{
  box-shadow: none;
}
.signup .signup-step .divider-center,
.join-manager .join-manager-step .divider-center{
 font-size: 0.875rem;
}
.signup .signup-step>li.on,
.join-manager .join-manager-step>li.on{ display: block; opacity: 1; }


.signup #step2 .input-group-append,
.reset-pw .input-group-append,
.join-manager .input-group-append{
  cursor: pointer;
  top:24px;
}

.signup #step2 .input-group-merge #user-pw.form-control:not(:last-child),
.signup #step2 .input-group-merge #user-trypw.form-control:not(:last-child),
.reset-pw .input-group-merge #user-pw.form-control:not(:last-child),
.reset-pw .input-group-merge #user-trypw.form-control:not(:last-child),
.join-manager .input-group-merge #user-pw.form-control:not(:last-child),
.join-manager .input-group-merge #user-trypw.form-control:not(:last-child){
  padding-left: 0.7rem !important;
}

.signup #step2 .form-check-label,
.join-manager .form-check-label{
  cursor: auto;
}

.signup #step2 .form-check-label a,
.join-manager  .form-check-label a{
  cursor: pointer;
}

.signup #step3 .domain-list i.bi-x-lg,
.join-manager .domain-list i.bi-x-lg{
  cursor: pointer;
} 

.signup #step3 .domain-list .bi-x-lg::before,
.join-manager .domain-list .bi-x-lg::before{
  line-height: 46px;
}

.signup .signup-step .chk-btn ,
.join-manager .chk-btn{
  padding: 0.7rem 1rem;
  font-family: Pretendard-Light;
}

.signup .signup-step .valid-wrap ,
.reset-pw .valid-wrap ,
.join-manager .valid-wrap{
  color: #51596CAB;
}

.signup .signup-step .valid-circle,
.reset-pw .valid-circle ,
.join-manager .valid-circle {
  display: inline-block;
  vertical-align: middle;
  left: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--bs-green);
  border-radius: 50%;
  margin-right: 5px;
}

.signup .signup-step .valid-circle.fail,
.reset-pw .valid-circle.fail ,
.join-manager .valid-circle.fail {
  background-color: #FF8F8F;
}

.signup .signup-step .domain-list ul li input,
.join-manager .domain-list ul li input{
  border-color: rgba(10,191,83,0.5);
}

.signup .signup-step .domain-list ul li.on input,
.join-manager .domain-list ul li.on input{
  border-color: var(--bs-green);
}
/* signup - END */


@media (max-width: 767.98px) {
  .card-login .card-body{
    padding: 0px;
  }
  .card.card-shadow.card-login{
    box-shadow:none;
    border:none;
    border-radius:0px;
  }
   .card-login .d-md-flex{
    margin-top: 20px;
   }
   .card-login .card-body .signup-title{
    text-align: center;
   }
   .card-login .input-card-sm .input-card-form {
        
        border-bottom:0px;
    
    }
}

.signup .chk-btn.disabled,
.join-manager .chk-btn.disabled{
  background-color: unset;
}