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

/********************
** popup
********************/
.popup {position: fixed;top: 0; left: 0;background: rgba(0,0,0,0.5);}
.popup img {display: block;}
.popupBnt1 {background:none; border:none; cursor: pointer;}
.popupBnt2 {background:none; border:none; cursor: pointer;}
.popupImg1 {border-radius:16px 16px 0px 0px;}
.popupBtn {border-radius:0px 0px 16px 16px;}

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

.mainBanner {background-image:url(/img/mainBanner.jpg); background-position:center; background-size:cover;}
.mainBannerTxtBox {border: 1px solid #91949F; background-color: rgba(108, 80, 64, 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);}

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

.stepTitBox {border:2px solid #C1390D; border-radius:100%;}
.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;}
  

/********************
** login
********************/
.loginBox {background-image:url(/img/reviewBg.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;}