@charset "utf-8";

/* reset */
* {margin: 0;padding: 0; box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; font-size: inherit;}
a {color: inherit; text-decoration: inherit;}
img {vertical-align: middle;}
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}
a:focus {outline: none}
button:focus {outline: none}

body{font-family: 'Pretendard',sans-serif; font-size: 16px;}
.en{font-family: "Tamburins Original Regular";font-weight: normal;}
.en2 {font-family: "Playfair Display", serif;}
.en3 { font-family: "Tiro Bangla", serif; font-weight: 400; font-style: normal;font-style: italic; }
.wrap{position: relative;}
.wrap.on{filter: blur(5px);}

.goTop {position: fixed;bottom: 30px;right: 30px;cursor: pointer;text-align: center;width: 50px;height: 50px;font-weight:300;display: none;opacity: 0;  transition: opacity 0.3s ease;border-radius: 50%;background: url(../../img/arrowwhite.png) no-repeat center rgba(0, 0, 0, 0.2);transform: rotate(270deg);background-size: 20px;}
.goTop.on {display: block;opacity: 1;}


header{position: fixed;z-index: 5;background: rgba(0,0,0,0.0);width: 100%;transition: all 0.4s;}
header.detail{position: fixed;z-index: 5;background: rgba(0,0,0,0.9);width: 100%;transition: all 0.4s;}
header.black{position: fixed;z-index: 5;background: rgba(0,0,0,0.9);width: 100%;transition: all 0.4s;}
header .innerheader{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;padding: 10px 0;color: #fff;text-align: center;align-items: center;transition: all 0.3s;}
header .innerheader{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;padding: 10px 0;color: #fff;text-align: center;align-items: center;transition: all 0.3s;}
.button{border: #000 1px solid;padding: 8px 16px;border-radius: 50px;color: #000;font-size: 18px;width: 165px;margin: 0 auto;transition: all 0.3s;display: flex;align-items: center;justify-content: center;text-align: center;}
header .innerheader nav .menubar {display:none}
header .innerheader nav .menuwrap {display:none}

.button img{display: inline-block;padding-bottom: 3px;padding-left: 2px;}



header .innerheader .logo{width: 70px;}
header .innerheader .logo img{width: 100%;}
header .innerheader .list{display: flex;justify-content: space-between;font-size: 16px;margin-left: 100px;min-width: 500px;width: 35%;}
header .innerheader .list li a{padding-bottom: 5px;position: relative;}
header .innerheader .list li a:after{content: '';background: #fff;height: 1px;width: 0;position: absolute;left: 0;bottom: -3px;opacity: 0;transition: all 0.3s;}
header .innerheader .list li a:hover:after{opacity: 1;width: 100%;}
header .innerheader nav{display: flex;justify-content: space-between;width: 170px;}




.searchPage{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8); z-index: 10;opacity: 0;transition: all 0.3s;visibility: hidden;}
.searchPage.on{opacity: 1;visibility: visible;}
.searchPage .top{width: 90%;display: flex;justify-content:space-between;color: #fff;margin: 50px auto 0;align-items: center;}
.searchPage .top .title{font-size: 100px;}
.searchPage .top .close{display: block; padding: 8px 16px;border: 1px solid #fff;border-radius: 50px;}
.searchPage .center{display: flex;width: 600px;color: #fff;justify-content: space-between;margin: 270px auto 0;border-bottom: 1px solid #fff;padding-bottom: 20px;font-size: 18px;}
.searchPage .center .searchInput{color: #e1e1e1; background: transparent;border: none;outline: none;font-size: 18px;}
.searchPage .center .searchBtn { background: none;border: none; color: #fff;cursor: pointer;font-size: 18px;}

.cartPage{width: 570px;height: 100vh;position: fixed;right: -700px;top: 0;z-index: 15;background: #fff;transition: all 0.5s;opacity: 0;font-family:'Pretendard',sans-serif ;}
.cartPage.on{right: 0;opacity: 1;}
.cartPage .cartInner{padding: 60px 50px;box-sizing: border-box;position: relative;height: 100vh;}
.cartPage .cartInner .title{font-size: 30px;margin-bottom: 50px;display: flex;justify-content: space-between;}
.cartPage .cartInner .title span{cursor: pointer;}
.cartPage .cartInner .box{display: flex;padding: 30px 0;}
.cartPage .cartInner .box.a{border-bottom: 1px solid #000;}
.cartPage .cartInner .box .left{width: 180px;}
.cartPage .cartInner .box .left img{width: 100%;object-fit: cover;height: 100%;}
.cartPage .cartInner .box .right{margin-left: 20px;}
.cartPage .cartInner .box .right .top{display: flex;justify-content: space-between;width: 290px;}
.cartPage .cartInner .box .right .top .product{font-size: 16px;font-family:'Pretendard',sans-serif ;}
.cartPage .cartInner .box .right .top .no{width: 20px;cursor: pointer;}
.cartPage .cartInner .box .right .top .no img{width:100%;opacity: 0.3;}
.cartPage .cartInner .box .right .bottom .won{margin-top: 80px;margin-bottom: 10px;font-family:'Pretendard',sans-serif ;}
.cartPage .cartInner .box .right .bottom .num{cursor: pointer;width: 60px;display: inline-block;}
.cartPage .cartInner .box .right .bottom .numset .delete{opacity: 0;}
.cartPage .cartInner .total{display: flex;justify-content: space-between;font-size: 16px;font-family:'Pretendard',sans-serif ;padding: 30px 5px 5px 5px;}
.cartPage .cartInner .del{padding: 8px;display: flex;justify-content: space-between;font-size: 16px;font-family:'Pretendard',sans-serif ;border-bottom: 1px solid #eee;}
.cartPage .cartInner .shopping{padding: 8px;display: flex;justify-content: space-between;font-size: 18px;font-family:'Pretendard',sans-serif ;}

.cartPage .cartInner .purBtn{padding: 20px;background: #000;color: #fff;border-radius: 5px;font-size: 16px;font-family:'Pretendard',sans-serif ;cursor: pointer;margin-top: 160px;display: block;text-align: center;position: absolute;width: 83%;bottom: 20px;}
.cartPage .cartInner .purBtn2{display: none;width: 100%;padding: 20px;background: #000;color: #fff;border-radius: 5px;font-size: 16px;font-family:'Pretendard',sans-serif ;cursor: pointer;margin-top: 160px;text-align: center;}

.dimmed {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); z-index: 10;opacity: 0;visibility: hidden;transition: opacity 0.3s;}
.dimmed.on { opacity: 1;visibility: visible;}
.set{position: relative;}
.lang{color: #fff;position: absolute;z-index: 20;top: 30px;left: 50%;transform: translateX(-50%);opacity: 0;transition: all 0.3s}
.lang ul{padding: 2px 10px;border: 1px solid #dadada;border-radius: 10px;background: #fff;}
.lang ul li{padding: 5px 10px;font-size: 14px;color: #999;}
.lang ul li:first-child{color: #1d1d1d;border-bottom: 1px solid #dadada;}
.lang ul li:last-child{border: none;}
.lang ul li:hover{color: #1d1d1d;transition: all 0.5s;}

.lang.on{opacity: 1;}


.shop .shop-inner{width: 95%;margin: 0 auto;}

.shop .shop-visual-img{width: 100%;position: relative;}
.shop .shop-visual-img video{width: 100%;}

.shop .shop-visual-img .visualTxt{text-align: center;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%); color: #fff;}
.shop .shop-visual-img .visualTxt.motion .visual-text{font-size: 36px;margin-bottom: 30px;}
.shop .shop-visual-img .visualTxt.motion .visual-text .char{display: inline-block;
  animation: txt 0.6s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(30ms * var(--char-index));}
.shop .shop-visual-img .visualTxt.motion .visual-txt {font-size: 20px;font-weight: 200;animation: slideUp 0.8s 0.3s;animation-fill-mode: both;}
.shop .menu{display: flex;margin: 100px auto 0;padding: 20px 0;width: 95%;box-sizing: border-box;border-bottom: 1px solid #000;}
.shop .menu li:first-child a{color: #000;font-weight: 500;}
.shop .menu li a{font-size: 18px;margin-right: 40px;color: #666;transition: all 0.3s;}
.shop .menu li a:hover{color:#000;font-weight: 500;}
.shop .shop-inner .btn a{background: #1d1d1d;color: #fff;padding: 10px 15px;border-radius: 30px;display: inline-block;margin: 15px 0 40px 40px;}
.shop .shop-inner .productList{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 2%;width: 95%;margin: 0 auto;border-bottom: 1px solid #000;margin-bottom: 200px;}
.shop .shop-inner .productList .product{width: 32%;margin-bottom: 80px;}
.shop .shop-inner .productList .product .img{position: relative;margin-bottom: 40px;}
.shop .shop-inner .productList .product .img img{width: 100%;}
.shop .shop-inner .productList .product .img .shop-cart{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.shop .shop-inner .productList .product .name{font-size: 16px;margin-bottom: 5px;font-weight: 500;}
.shop .shop-inner .productList .product .intro{font-size: 14px;margin-bottom: 10px;color: #666;}
.shop .shop-inner .productList .product .price{font-size: 16px;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}
.shop .shop-inner .productList .product .price span{font-size: 14px;color: #666;font-weight: normal;}
.shop .shop-inner .productList .product .img .shop-cart{position: absolute;top: 20px;right: 20px;cursor: pointer;transition: all 0.4s;}
.shop .shop-inner .productList .product .img .shop-cart:hover {scale: 1.1;transition: all 0.4s;}
.shop .shop-inner .productList .product .img:hover .package {opacity: 1;transition: all 0.4s;}
.shop .shop-inner .productList .product .img .package {position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.4s;}

@keyframes txt{
  0%{transform: translateY(-30px); opacity: 0;}
  50%{transform: translateY(-30px); opacity: 0;}
}
@keyframes slideUp{
  0%{transform: translateY(100px);opacity: 0;}
  70%{transform: translateY(30px);opacity: 0;}
  100%{transform: translateY(0);opacity: 1;}
}

.shop .shop-visual-img .visualTxt.motion .visual-text .char{display: inline-block;
  animation: txt 0.3s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(20ms * var(--char-index));}


  .shop-detail {padding: 200px 0 0 90px;font-family: 'Pretendard', sans-serif;overflow: hidden;}
  .shop-detail-inner {display: flex;flex-wrap: nowrap;width: 80%;justify-content: space-between;}
  .shop-detail-inner .left {flex: 1 1 150px;max-width: 300px;margin-top: 50px;}
  .shop-detail-inner .left .title {font-size: 24px; font-weight: 500;margin-bottom: 20px;}
  
  .shop-detail-inner .left .per { font-size: 18px; color: #666; margin-bottom: 15px;cursor: pointer;padding-left: 20px;}
  
  .shop-detail-inner .left .per.a { color: #000; font-weight: 500;}
  
  
  .shop-detail-inner .right {flex: 1 1 500px;min-width: 0;}
  
  .shop-detail-inner .right .category { font-size: 16px; color: #666; margin-bottom: 40px;}
  
  .shop-detail-inner .right .mainProduct { display: flex; flex-wrap: wrap; gap: 40px;width: 100%;}
  .shop-detail-inner .right .perfumeImg{width: 50%;}
  .shop-detail-inner .right .perfumeImg img { width: 100%;}
  .shop-detail-inner .right .txtBox{width: 45%;display: flex;flex-direction: column;justify-content: space-between;}
  .shop-detail-inner .right .txtBox h3 { font-size: 36px; font-weight: 600; margin-bottom: 30px;}
  
  .shop-detail-inner .right .txtBox .price { font-size: 18px; font-weight: 500; margin-bottom: 10px;}
  
  .shop-detail-inner .right .txtBox .intro { font-size: 18px; color: #666; margin-bottom: 15px;}
  
  .shop-detail-inner .right .txtBox .tit { font-size: 14px; font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
  
  .shop-detail-inner .right .txtBox .txt { font-size: 14px; color: #666; line-height: 1.4; margin-bottom: 5px;transition: all 0.3s;}
  .shop-detail-inner .right .txtBox .con3 .txt { max-height: 0; opacity: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.3s ease;padding-bottom: 5px;}
  .shop-detail-inner .right .txtBox .con3 .tit{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #eee;}
  .shop-detail-inner .right .txtBox .con3 .txt.on{  max-height: 300px;
    opacity: 1;margin-bottom: 20px; }
    .shop-detail-inner .right .txtBox .con3 p .img{display: inline-block;transition: all 0.3s;}
    .shop-detail-inner .right .txtBox .con3.on p .img{transform: rotate(180deg);display: inline-block;transition: all 0.3s;}
  
  
  
  
  .shop-detail-inner .right .txtBox .ml a { display: inline-block; padding: 12px 30px; font-size: 14px; border-radius: 30px;border: 1px solid #000; margin-right: 10px; text-decoration: none;color: #000;}
  .shop-detail-inner .right .txtBox .ml a:nth-child(1){border: 1px solid #ddd;}
  
  .shop-detail-inner .right .txtBox .btn { margin-top: 30px; display: flex; gap: 10px;}
  
  .shop-detail-inner .right .txtBox .btn a { flex: 1 1 200px; padding: 15px 0; text-align: center;  font-size: 14px; border-radius: 5px; background: #1d1d1d; color: #fff; text-decoration: none;}
  
  .shop-detail-inner .right .txtBox .btn .sendGift { background: #fff;color: #1d1d1d; border: 1px solid #1d1d1d;}



.shop-detail .right .view{margin-top:50px ;margin-bottom: 300px;width: 100%;}
.shop-detail .right .view .top{display: flex;justify-content: space-between;margin-bottom: 50px;}
.shop-detail .right .view .top p{font-size: 16px; font-weight: 500}
.shop-detail .right .view .top .show{font-weight: normal;}
.shop-detail .right .view .top .show span{cursor: pointer;}
.shop-detail .right .view .products{display: flex;justify-content: space-between;width: 100%;}
.shop-detail .right .view .products ul{margin-right: 20px;width: 100%;}
.shop-detail .right .view .products ul .img{position: relative;margin-bottom: 20px;}
.shop-detail .right .view .products ul .img span{position: absolute;top: 20px;right: 20px;width: 25px;height: 25px;}
.shop-detail .right .view .products ul .img span img{width: 100%;}
.shop-detail .right .view .products ul .name{font-size: 14px;margin-bottom: 5px;}
.shop-detail .right .view .products ul .price{font-size: 13px;color: #666;}



.gift{width: 570px;position: fixed;right: -700px;top: 0;z-index: 20;background: #fff;transition: all 0.5s;opacity: 0; height: 100vh;overflow-y: auto;font-family:'Pretendard',sans-serif;scrollbar-width: none;}
.gift.on{right: 0;opacity: 1;}
.gift .giftInner{padding: 60px 50px;box-sizing: border-box;position: relative;}
.gift .giftInner .title{font-size: 30px;margin-bottom: 50px;display: flex;justify-content: space-between;}
.gift .giftInner .title span{cursor: pointer;}
.gift .giftInner .box{display: flex;padding: 30px 0;}
.gift .giftInner .box.a{border-bottom: 1px solid #000;}
.gift .giftInner .box .left{width: 180px;}
.gift .giftInner .box .left img{width: 100%;}
.gift .giftInner .box .right{margin-left: 20px;}
.gift .giftInner .box .right .top{display: flex;justify-content: space-between;width: 290px;}
.gift .giftInner .box .right .top .product{font-size: 16px;font-family:'Pretendard',sans-serif ;}
.gift .giftInner .box .right .top .no{width: 20px;cursor: pointer;}
.gift .giftInner .box .right .top .no img{width:100%;opacity: 0.3;}
.gift .giftInner .box .right .bottom .won{margin-top: 80px;margin-bottom: 10px;font-family:'Pretendard',sans-serif ;}
.gift .giftInner .box .right .bottom .num{cursor: pointer;}
.gift .giftInner .total{display: flex;justify-content: space-between;font-size: 16px;font-family:'Pretendard',sans-serif ;padding: 30px 5px 5px 5px;}
.gift .giftInner .del{padding: 8px;display: flex;justify-content: space-between;font-size: 16px;font-family:'Pretendard',sans-serif ;border-bottom: 1px solid #eee;}
.gift .giftInner .shopping{padding: 8px;display: flex;justify-content: space-between;font-size: 18px;font-family:'Pretendard',sans-serif ;}
.gift .giftInner .purBtn{width: 100%;padding: 20px;background: #000;color: #fff;border-radius: 5px;font-size: 16px;font-family:'Pretendard',sans-serif ;cursor: pointer;margin-top: 100px;display: block;text-align: center;}
.gift .giftInner .giftbag {display: flex;margin-top: 100px;margin-bottom: 30px;border: 1px solid #ddd;border-radius: 5px;}
.gift .giftInner .giftbag .giftBag{width: 105px;margin-right: 20px;}
.gift .giftInner .giftbag .gift-text{margin-top: 25px;}
.gift .giftInner .giftbag .gift-text p{margin-bottom: 3px;}

.giftInfoSection { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px 0; font-family: 'Pretendard', sans-serif; color: #111;}
  
.sectionTitle {font-size: 18px;font-weight: 600;margin-bottom: 24px;}
  
.giftOptions {display: flex;gap: 32px;margin-bottom: 16px;}
  
.giftOption { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer;}
  
.giftOption input[type="radio"] { appearance: none; width: 16px; height: 16px;border: 2px solid #ccc;border-radius: 50%; position: relative;}
  
.giftOption input[type="radio"]:checked { border-color: #000; background-color: #000;}
  
.giftOption input[type="radio"]:checked::after {content: "";position: absolute;top: 3px; left: 3px; width: 6px; height: 6px;background: #fff;border-radius: 50%;}
  
  .giftNotice { background-color: #f7f7f7; font-size: 13px;color: #666; padding: 12px 16px; margin-bottom: 24px;  border-radius: 4px; }
  
.formGroup {display: flex;flex-direction: column;gap: 10px;}
  
.formLabel { font-size: 14px;}

  .formInput {padding: 14px 16px; font-size: 14px; border: 1px solid #dcdcdc; border-radius: 4px;background-color: #fff;}
  
.formInput::placeholder { color: #999;}
















.footerWrap{position: relative;height: 100vh;width: 100%;background: #fff;}
.footerWrap .bg{width: 100%;position: absolute;bottom: 0;left: 0;}
.footerWrap .bg img{width: 100%;}
.footerWrap .footerInner{position: absolute;top: 58%;left: 50%;transform: translateX(-50%);width: 90%;color: #18130c;}
.footerWrap .footerInner .brandName{font-size: 100px;letter-spacing: -2px;text-shadow: 2px 2px 2px rgba(0,0,0,0.5);color: #848483;margin-bottom: 10px;font-weight: normal;}
.footerWrap .footerInner .center{display: flex;justify-content: space-between;padding: 20px 0;align-items: flex-end;line-height: 1.6;border-bottom: 1px solid #57442a;margin: 0 20px;}
.footerWrap .footerInner .center .footerRight{display: flex;}
.footerWrap .footerInner .center .footerRight .add{margin-right: 40px;}
.footerWrap .footerInner .center .footerRight .sns li a:hover{color: #fff;}
.footerWrap .footerInner .tam{text-align: center;padding-top: 10px;}





/* 반응형 */
@media screen and (max-width:1480px){

  .shop-detail-inner .right .mainProduct { display: flex; flex-wrap: wrap; gap: 40px;width: 100%;}
  .shop-detail-inner .right .perfumeImg{width: 45%;}
  .shop-detail-inner .right .perfumeImg img { width: 100%;}
  .shop-detail-inner .right .txtBox{width: 47%;}
  .shop-detail-inner .right .txtBox h3 { font-size: 32px; font-weight: 500; margin-bottom: 20px;}
  
  .shop-detail-inner .right .txtBox .price { font-size: 18px; font-weight: 500; margin-bottom: 10px;}
  .shop-detail-inner .right .txtBox .intro { font-size: 16px; color: #666; margin-bottom: 5px;}
  .shop-detail-inner .right .txtBox .tit { font-size: 14px; font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
  
  .shop-detail-inner .right .txtBox .txt { font-size: 14px; color: #666; line-height: 1.4; margin-bottom: 3px;}
  
  
  }
  @media screen and (max-width:1024px){
/* 헤더 */
header .innerheader {padding: 0;height: 70px;width: 95%;}
header .innerheader .list {display: none}
header .innerheader nav a:nth-child(3){display: none;}
header .innerheader .set {display:none}
header .innerheader .logo{width: 50px;}
header .innerheader nav {width: 110px;}
/* 헤더 햄버거 메뉴 */
header .innerheader nav .menubar {display:block;text-align: right;border: none;background: none;cursor: pointer;}

  header .innerheader nav .menuwrap {width: 390px;height: 100vh;background: #fff;color: black;position: fixed;right: -700px;top: 0;z-index: 15;padding-top: 40px;transition:all 0.4s;opacity:0;display: block;overflow: hidden;} 
  header .innerheader nav .menuwrap.on {right: 0;opacity: 1;}


  header .innerheader nav .menuwrap .category {display: flex;justify-content: space-between;padding: 0 25px 20px 25px;font-size: 24px}
  header .innerheader nav .menuwrap .closebtn {background: none;border: none;cursor: pointer;}
  header .innerheader nav .menuwrap .closebtn img {display: block;width: 100%;}
  header .innerheader nav .menuwrap .text {text-align: left;height:100vh;width: 100%; overflow-y: auto;padding-bottom: 100px;scrollbar-width: none;}
  header .innerheader nav .menuwrap .text .menuBusiness {font-size: 16px;color: #111;font-weight:600;padding: 15px 15px 15px;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}
  header .innerheader nav .menuwrap .text .menuBusiness.shop {border-top: 1px solid #eee;margin-top: 50px;}
  header .innerheader nav .menuwrap .text .menuBusiness span {transform: rotate(0deg);}
  header .innerheader nav .menuwrap .text .menuBusiness span.up {transform: rotate(180deg);}
  header .innerheader nav .menuwrap .bottomMenu {margin-top: 20px;color: #666;font-size: 16px;}
  header .innerheader nav .menuwrap .bottomMenu a {display: block;margin-bottom: 15px;padding-left: 15px;}

  header .innerheader nav .menuwrap .text .hideSubmenu p:hover {color: #1d1d1d;transition: all 0.4s;}
 
 
  /* 메뉴열었다닫기 */
  header .innerheader nav .menuwrap .text .hideSubmenu p{font-size: 16px;color: #8c8c8c;padding: 15px 15px 15px;border-bottom: 1px solid #eee;}

  /* 서브메뉴숨기기 */
  header .innerheader nav .menuwrap .text .hideSubmenu {display:none;}
  header .innerheader nav .menuwrap .text .hideSubmenu.hide {display: block;}
  .cartPage .cartInner .title{margin-bottom: 10px;}
  .wrap.on{filter: none;}
    .shop .shop-visual-img{height: 500px;}
    .shop .shop-visual-img video{width: 100%;object-fit: cover;height: 100%;}
    .shop .shop-visual-img .visualTxt{text-align: center;top: 60%;left: 50%;position: absolute;transform: translate(-50%,-50%); color: #fff;}
  .shop .shop-visual-img .visualTxt.motion .visual-text{font-size: 32px;margin-bottom: 30px;}
  .shop .shop-visual-img .visualTxt.motion .visual-txt {font-size: 16px;font-weight: 200;animation: slideUp 0.8s 0.3s;animation-fill-mode: both;}
    .shop .shop-inner .btn a{padding: 10px 13px;border-radius: 30px;display: inline-block;margin: 15px 0 20px 40px;font-size: 14px;}
    .shop .shop-inner .productList .product{margin-bottom: 50px;}
  
  .shop .shop-inner .productList .product .img{margin-bottom: 20px;}
  .shop .shop-inner .productList .product .img .shop-cart{width: 25px;}
  .shop .shop-inner .productList .product .name{font-size: 14px;margin-bottom: 5px;font-weight: 500;}
  .shop .shop-inner .productList .product .intro{font-size: 14px;margin-bottom: 10px;color: #666;}
  .shop .shop-inner .productList .product .price{font-size: 14px;display: flex;justify-content: space-between;align-items: center;font-weight: 500;}
  .shop .shop-inner .productList .product .price span{font-size: 12px;color: #666;font-weight: normal;}
  .shop-detail{padding: 130px 0 0 90px;}
  .shop-detail-inner .left{display: none;}
  .shop-detail-inner .right .category{margin-bottom: 20px;}
  .shop-detail-inner .right .perfumeImg{width: 100%;}
  .shop-detail-inner .right .perfumeImg img { width: 100%;}
  .shop-detail-inner .right .txtBox{width: 100%;}

 /* footer*/
 .footerWrap{height: 80vh;}
 .footerWrap .footerInner{position: absolute;top: 73%;left: 50%;transform: translateX(-50%); width: 90%;color: #18130c;}
 .footerWrap .footerInner .brandName{font-size: 50px;}
 .footerWrap .footerInner .center{font-size: 12px;}
 .footerWrap .footerInner .tam{font-size: 12px;}
 
  }

  @media screen and (max-width:760px){
  .searchPage .top .title{font-size: 50px;}
  .searchPage .top .close{font-size: 16px;padding: 8px 16px}
  .searchPage .center{width: 400px;}
  .searchPage .center .searchInput{font-size: 16px;}
  .searchPage .center .searchBtn{font-size: 16px;}
  .cartPage{width: 373px;}
  .cartPage .cartInner{padding: 40px 10px;}
  .cartPage .cartInner .title{justify-content: space-between;font-size: 24px;margin-bottom: 20px;}
  .cartPage .cartInner .box .right .top .no{display: none;}
  .cartPage .cartInner .box .right{width: 200px;}
  .cartPage .cartInner .box .right .top .product{font-size: 14px;}
  .cartPage .cartInner .box .right .bottom .won{margin-top: 10px;margin-bottom: 60px;font-family:'Pretendard',sans-serif ;}
  .cartPage .cartInner .box .right .bottom .numset{display: flex;justify-content: space-between;}
  .cartPage .cartInner .box .right .bottom .numset .delete{font-size: 12px;border-bottom: 1px solid #999;cursor: pointer;opacity: 1;}
  .cartPage .cartInner .total{display: none}
.cartPage .cartInner .del{display: none;}
.cartPage .cartInner .shopping{display: none;}
.cartPage .cartInner .purBtn{display: none;}
.cartPage .cartInner .purBtn2{display: block;position: absolute;width: 95%;bottom: 20px;}

    .shop .shop-visual-img{height: 400px;}
  .shop .shop-visual-img video{width: 100%;object-fit: cover;height: 100%;}
  
  .shop .shop-visual-img .visualTxt.motion .visual-text{font-size: 26px;}
  .shop .shop-visual-img .visualTxt.motion .visual-txt {font-size: 16px;}
  .shop .menu{display: flex;margin: 50px auto 0;scrollbar-width: none;}
  .shop .menu li:first-child a{color: #000;font-weight: 500;}
  .shop .menu li a{font-size: 16px;margin-right: 20px;}
  .shop .shop-inner .btn a{margin: 15px 0 40px 20px;}
  .shop .shop-inner .productList{margin-bottom: 150px;}
  .shop .shop-inner .productList .product{width: 49%;margin-bottom: 50px;}
  .shop .shop-inner .productList .product .img{margin-bottom: 20px;}
  .shop .shop-inner .productList .product .name{font-size: 14px;margin-bottom: 5px;font-weight: 500;}
  .shop .shop-inner .productList .product .intro{font-size: 12px;margin-bottom: 10px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .shop .shop-inner .productList .product .price{font-size: 14px;margin-top: 15px;}
  .shop .shop-inner .productList .product .img .shop-cart{position: absolute;top: 10px;right: 10px;cursor: pointer;transition: all 0.4s;}
  .shop-detail{padding: 100px 0 0 40px;}
  .shop-detail-inner .right .txtBox h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px;}
  
  .shop-detail-inner .right .txtBox .price { font-size: 16px; font-weight: 500; margin-bottom: 10px;}
  
  .shop-detail-inner .right .txtBox .intro { font-size: 14px; color: #666; margin-bottom: 15px;}
  
  .shop-detail-inner .right .txtBox .tit { font-size: 14px; font-weight: 500; margin-top: 20px; margin-bottom: 5px;}
  
  .shop-detail-inner .right .txtBox .txt { font-size: 14px; color: #666; line-height: 1.4; margin-bottom: 5px;transition: all 0.3s;}
  .shop-detail-inner .right .txtBox .con3 .txt { max-height: 0; opacity: 0;overflow: hidden;transition: max-height 0.5s ease, opacity 0.3s ease;padding-bottom: 5px;}
  .shop-detail-inner .right .txtBox .con3 .tit{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #eee;}
  .shop-detail-inner .right .txtBox .con3 .txt.on{  max-height: 300px;
    opacity: 1;margin-bottom: 20px; }
    .gift{width:400px;}
    .gift.on{right:0;}
    .gift .giftInner .box.a{display: flex;justify-content: space-between;}
    .gift .giftInner .box.a .left{width: 48%;}
    .gift .giftInner .box.a .left img{width: 100%;}
    .gift .giftInner .box.a .right{width: 48%;}
    .gift .giftInner .box.a .right .top{width: 100%;}
    .gift .giftInner .box.a .right .top .no{padding-bottom: 5px;display: inline-block;}
    .gift .giftInner{padding:40px 20px;}

    .gift .giftInner .purBtn{margin-top:40px;font-size:15px;padding:16px;}
    .gift .giftInner .giftbag{margin-top:40px;}
    .sectionTitle{font-size:16px;}
    .giftOptions{flex-direction:column;gap:16px;}
    .formInput{padding:12px 14px;font-size:14px;}
    .gift .giftInner .giftbag .gift-text {font-size: 14px;}

  }
  @media screen and (max-width:600px){
    .shop .menu{overflow-x: auto;}
    .shop-detail .right .view .top .show {display: none;}
    .shop-detail .right .view .products {overflow: auto;scrollbar-width: none;}
    .shop .menu li:nth-child(5){white-space: nowrap;}
  
  }

  @media screen and (max-width:390px){
    header .innerheader {height: 50px;}
  header .innerheader nav {width: 100px;}
  header .innerheader nav .menuwrap .bottomMenu a {padding-left: 25px;}
  header .innerheader nav .menuwrap .text .menuBusiness {padding: 15px 25px 15px;}
  header .innerheader nav .menuwrap .category {padding: 0 25px;}
  header .innerheader nav .menuwrap .text .hideSubmenu p{padding: 15px 25px 15px;}

  .wrap.on{filter: none;}
    .searchPage .top .title{font-size: 30px;}
    .searchPage .top .close{font-size: 16px;padding: 4px 16px}
    .searchPage .center{width: 330px;}
    .searchPage .center .searchInput{font-size: 16px;}
    .searchPage .center .searchBtn{font-size: 16px;}
    .cartPage{width: 390px;}
    .cartPage .cartInner{padding: 40px 10px;}
    .cartPage .cartInner .title{justify-content: space-between;font-size: 24px;margin-bottom: 20px;}
    .cartPage .cartInner .box .right .top .no{display: none;}
    .cartPage .cartInner .box .right{width: 200px;}
    .cartPage .cartInner .box .right .top .product{font-size: 14px;}
    .cartPage .cartInner .box .right .bottom .won{margin-top: 10px;margin-bottom: 60px;font-family:'Pretendard',sans-serif ;}
    .cartPage .cartInner .box .right .bottom .numset{display: flex;justify-content: space-between;}
    .cartPage .cartInner .box .right .bottom .numset .delete{font-size: 12px;border-bottom: 1px solid #999;cursor: pointer;opacity: 1;}
    .cartPage .cartInner .total{display: none}
  .cartPage .cartInner .del{display: none;}
  .cartPage .cartInner .shopping{display: none;}
  .cartPage .cartInner .purBtn{display: none;}
  .cartPage .cartInner .purBtn2{display: block;}
  .shop .shop-visual-img video::-webkit-media-controls {
    display: none !important;
  }
  
  .shop .shop-visual-img video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;}
  .footerWrap {height: 250px;}
.footerWrap .bg{width: 100%;position: absolute;bottom: 0;left: 0;height: 250px;}
.footerWrap .bg img{height: 100%;width: 100%;object-fit:cover;}
.footerWrap .footerInner{top:85px}
.footerWrap .footerInner .brandName{font-size: 30px;letter-spacing: -2px;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);color: #848483;margin-bottom: 10px;font-weight: normal;}
.footerWrap .footerInner .center{display: flex;justify-content: space-between;padding: 20px 0; align-items: flex-end; line-height: 1.6; border-bottom: 1px solid #57442a;margin: 0 10px; font-size: 10px; width: 90%;}
.footerWrap .footerInner .center .footerRight .add{display: none;}
.footerWrap .footerInner .tam{font-size: 10px;}


.goTop {position: fixed;bottom: 15px;right: 15px;cursor: pointer;text-align: center;width: 30px;height: 30px;font-weight:300;display: none;opacity: 0;  transition: opacity 0.3s ease;border-radius: 50%;background: url(../../img/arrowwhite.png) no-repeat center rgba(0, 0, 0, 0.2);transform: rotate(270deg);background-size: 20px;z-index:999}
.goTop.on {display: block;opacity: 1;}
  }

  
@media screen and (max-width:389px){
  header .innerheader nav .menuwrap {width: 280px;}
  .cartPage{width: 307px;}
}