@charset "utf-8";

input::placeholder, textarea::placeholder{color:#91949F;}
#inquiry{border:1px solid #D9DADE}
select:invalid {color: #91949F;}
option[value=""] {color: #26272b; }
select{-webkit-appearance:none; appearance:none;
    background:url('https://stunningw.com/img/arrow.svg') no-repeat #fff !important; background-position:calc(100% - 16px) center !important; background-size:12px 12px !important}
/********************
** header
********************/
header {border-bottom:1px solid #D9DADE;}


/********************
** index
********************/
.topBtn {right:4%; bottom:12%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);}

.mainBanner {background-image:url(/img/mainBanner-001.jpg); background-position:center; background-size:cover;}
.mainBanner2 {background-image:url(/img/mainBanner-002.jpg); background-position:center; background-size:cover;}
.mainBannerSlides {position: relative; width: 100%;}
#mainBanner {position: relative; overflow: hidden;}
#mainBanner .mainBannerSlide {opacity: 0; pointer-events: none; position: absolute; inset: 0; transition: opacity 0.8s ease; z-index: 0;}
#mainBanner .mainBannerSlide.active {opacity: 1; pointer-events: auto; position: relative; z-index: 1;}
.mainBannerTxtBox {border: 1px solid #91949F; background-color: rgba(0, 0, 0, 0.5);  backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.mainBannerTxt {text-shadow: 0 0 8px rgba(0, 0, 0, 0.25);}
.mainBannerTxtBoxS {box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);}
.blink-glow {
  animation: blinkGlow 1.5s infinite ease-in-out;
}

@keyframes blinkGlow {
  0% {
    opacity: 1;
    text-shadow: 0 0 0 rgba(255,0,0,0);
  }
  50% {
    opacity: 0;
    text-shadow: 
      0 0 8px rgba(255,0,0,0.6),
      0 0 16px rgba(255,0,0,0.4),
      0 0 24px rgba(255,0,0,0.2);
  }
  100% {
    opacity: 1;
    text-shadow: 0 0 0 rgba(255,0,0,0);
  }
}

/* 화살표 위아래 애니메이션 */
.arrow-float {
  animation: arrowFloat 1.6s infinite ease-in-out;
}

@keyframes arrowFloat {
  0% {
    transform: translateY(0);
    opacity: 0.6;
  }
  50% {
    transform: translateY(-12px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0.6;
  }
}

/* 순차 딜레이 */
.arrow-float.delay1 { animation-delay: 0s; }
.arrow-float.delay2 { animation-delay: 0.2s; }
.arrow-float.delay3 { animation-delay: 0.4s; }


.quickBanner {bottom:0;}

.about {background-image:url(/img/aboutBg.jpg); background-position:center; background-size:cover;}
.aboutTitBox {border:2px solid #C1390D; border-radius:100%;}
.aboutBgTxt {bottom:0; right:10%; font-size: 240px; -webkit-text-stroke: 1px #FFEBD5;}

.why {background-image:url('/img/whyBg.jpg'); background-position:center; background-size:cover;}
.whyTitBox {border:2px solid #C1390D; border-radius:100%;}
.whyBoxLine {border:1px solid #EFAB95; overflow:hidden}
.whyBoxLine .whyBgImg{left:50%; top:50%; transform:translate(-50% , -50%)}

.review {background-image:url('/img/reviewBg.jpg'); background-position:center; background-size:cover;}
.reviewTitBox {border:2px solid #F7F8F8; border-radius:100%;}
.reviewBgTxt1 {top:0; font-size:180px; -webkit-text-stroke: 1px #E94E0D;}
.reviewBgTxt2 {bottom:0; font-size:180px; -webkit-text-stroke: 1px #E94E0D;}
.reviewphoneImg {bottom:0; left: 50%; transform: translateX(-50%);   filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));}
.reviewBox1, .reviewBox2, .reviewBox3, .reviewBox4  {box-shadow: 0px 0px 8px rgba(0,0,0,0.25);}

.interior {background-image:url(/img/interior.jpg); background-position:center; background-size:cover;}

.menuTitBox {border:2px solid #C1390D; border-radius:100%;}
.menuBox {border:1px solid #D9DADE; background:none;}
.menuBgTxt {bottom:0; font-size:300px; -webkit-text-stroke: 1px #ffebd5; left: 50%; transform: translateX(-50%);}
.menuSlide {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;width: 100%;transition: opacity 0.3s ease;z-index: 0;}
.menuSlide.active {opacity: 1;visibility: visible;position: relative;z-index: 1;}  
.menuBox.active {background-color: #C1390D;color: #F7F8F8;border: 1px solid #C1390D;}

.stepBoxLine {border:1px solid #EEEEF0;}

.price {background-image:url(/img/expenseBg.jpg); background-position:center; background-size:cover;}
.priceTitBox {border:2px solid #C1390D; border-radius:100%;}
.price td {border:1px solid #D9DADE;}
.price th {border:1px solid #D9DADE;}
.priceBoxLine {border:1px solid #D9DADE;}

.place {background-image:url('/img/placeBg.jpg'); background-position:center; background-size:cover;}
.placeTitBox {border:2px solid #C1390D; border-radius:100%;}
.placeBoxLine {border:1px solid #91949F;}

.contact {background-image:url('/img/contactBg.jpg'); background-position:center; background-size:cover;}
.contactTitBox {border:2px solid #F7F8F8; border-radius:100%;}
.contactBoxLine {border:1px solid #D9DADE;}

.businessBtn button {border:none; cursor: pointer;}
.businessBtn button.active {background-color: #F86917;color: #F7F8F8;}


.contactBgTxt {bottom:0%; left:-1.5%; font-size:300px;}
.contactImg2 {bottom:-3%; right:-3%;}
.contactImg1 {top:27%; left:-7%;}
#policy {appearance: none;-webkit-appearance: none;width: 24px;height: 24px;background: url('/img/chkOff.svg') no-repeat center / contain;cursor: pointer;border: none;outline: none;}  
#policy:checked {background: url('/img/chkOn.svg') no-repeat center / contain;}
.textLine {text-decoration: underline;}
  
.introImg {
  --intro-translate-x:-50%;
  --intro-translate-y:-50%;
  left:50%;
  top:50%;
  transform:translate(var(--intro-translate-x), var(--intro-translate-y));
}
.introStamp {
  opacity: 0;
  transform:translate(var(--intro-translate-x), var(--intro-translate-y)) scale(0.4) rotate(-12deg);
  transform-origin:center;
}
.introStamp.stamped {
  animation: stampDrop 0.65s cubic-bezier(.25,.8,.35,1) forwards;
  animation-delay: 0.2s;
}
@keyframes stampDrop {
  0% {
    opacity: 0;
    transform:translate(var(--intro-translate-x), var(--intro-translate-y)) scale(0.4) rotate(-12deg);
  }
  60% {
    opacity: 1;
    transform:translate(var(--intro-translate-x), var(--intro-translate-y)) scale(1.05) rotate(-5deg);
  }
  80% {
    transform:translate(var(--intro-translate-x), var(--intro-translate-y)) scale(0.95) rotate(-7deg);
  }
  100% {
    opacity: 1;
    transform:translate(var(--intro-translate-x), var(--intro-translate-y)) scale(1) rotate(-6deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .introStamp {
    opacity: 1;
    transform:translate(var(--intro-translate-x), var(--intro-translate-y)) rotate(-6deg);
    animation: none;
  }
}

.profile {background: linear-gradient(to bottom, #2552FF 0%, #1634AC 100%);}
/********************
** login
********************/
.loginBg {background-image:url('/img/mainBanner-001.jpg'); background-position:center; background-size:cover;}

/********************
** admin
********************/
.adminBg {background-image:url('/img/mainBanner-001.jpg'); background-position:center; background-size:cover;}

/********************
** contactList. contactView
********************/
.contactViews {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactViews tr {border-top:1px solid #D9DADE;}
.contactListBtn {border:1px solid #D9DADE;}
.styleN {border:none;}
.contactLine {border:1px solid #D9DADE;}
.contactLists {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactLists tr{border-top:1px solid #D9DADE;}
.contactLists tr th:not(:last-child){border-right:1px solid #D9DADE;}
.contactLists tr td:not(:last-child){border-right:1px solid #D9DADE;}

/********************
** policy
********************/
.policyTp {border-bottom:1px solid #222;}