@charset "utf-8";


.box-prd-detail{position: absolute;width: 100%;height: 100%;}
.box-prd-detail .cover{
   position: absolute;
   height: 100%;
   z-index: 0;
   left: 0;
   top: 0;
   width: 100%;
   border-radius: 20px;
   overflow: hidden;
}

.box-prd-detail .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
.box-prd-detail .thumb_group{position: relative;overflow: hidden;height: 100%;display: flex;align-items: center;justify-content: center;}
.box-prd-detail .thumb{
   position: relative;height: 500px;z-index: 3;width: 100%;display: inline-flex;margin: 50px 0;
    transition: all 0 cubic-bezier(0.250, 0.460, 0.090, 0.975); /* custom */
   transition-timing-function: cubic-bezier(0.250, 0.460, 0.090, 0.975); /* custom */

   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.box-prd-detail .thumb .bg-pos{background-position:50% 0;background-size: contain; z-index: 2;
   -webkit-transition: opacity 100ms linear;
   -moz-transition: opacity 100ms linear;
   -ms-transition: opacity 100ms linear;
   -o-transition: opacity 100ms linear;
   transition: opacity 100ms linear;
}
/* .box-prd-detail .thumb .bg-pos.hv{ opacity:0; } */
/* .box-prd-detail:hover .thumb .bg-pos{ opacity:0; } */
/* .box-prd-detail:hover .thumb .bg-pos.hv{ opacity:1; } */

.box-prd-detail .thumb .bg_shadow{position: absolute;left: 2%;bottom: -32px;width: 100%;height: 65px;background: url(../images/tmp/template/bg_can_shadow1.png) no-repeat;background-size: contain;z-index: 0;background-position: center center;}

.box-prd-detail:hover .thumb{
   transition: all 0ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
   transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
   /*-moz-transform: scale(1.05) translateY(0);
-webkit-transform: scale(1.05) translateY(0);
-o-transform: scale(1.05) translateY(0);
-ms-transform: scale(1.05) translateY(0);
transform: scale(1.05) translateY(0);*/
}



@media screen and (max-width: 1200px){

.content_payment .wrap_payment_lst_mo{padding: 0;border: 0;border-top: 0.4vw #222 solid;border-radius: 0;padding-top: 2vw;border-bottom: 1px #dde6f1 solid;padding-bottom: 6.64vw;}
.content_payment .wrap_payment_lst_mo.pad2{ padding:3.6vw 0 4vw; }

 .box-prd-detail{position: absolute;width: 100%;height: 100%;}
 .box-prd-detail .cover{
    position: absolute;
    height: 100%;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5vw;
    overflow: hidden;
 }

 .box-prd-detail .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
 .box-prd-detail .thumb_group{position: relative;overflow: hidden;height: 100%;display: flex;align-items: center;justify-content: center;}
 .box-prd-detail .thumb{
    position: relative;
    height: 85vw;
    z-index: 3;
    width: 100%;
    display: inline-flex;
    margin: 5vw 0;
    transition: all 0 cubic-bezier(0.250, 0.460, 0.090, 0.975); /* custom */
    transition-timing-function: cubic-bezier(0.250, 0.460, 0.090, 0.975); /* custom */
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
 }
 .box-prd-detail .thumb .bg-pos{background-position:50% 0;background-size: contain; z-index: 2;
    -webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -ms-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
 }
/*  .box-prd-detail .thumb .bg-pos.hv{ opacity:0; } */
/*  .box-prd-detail:hover .thumb .bg-pos{ opacity:0; } */
/*  .box-prd-detail:hover .thumb .bg-pos.hv{ opacity:1; } */

 .box-prd-detail .thumb .bg_shadow{position: absolute;left: 2%;bottom: -5vw;width: 100%;height: 10vw;opacity: 0.6;}

 .box-prd-detail:hover .thumb{
    transition: all 0ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
    transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
    /*-moz-transform: scale(1.05) translateY(0);
 -webkit-transform: scale(1.05) translateY(0);
 -o-transform: scale(1.05) translateY(0);
 -ms-transform: scale(1.05) translateY(0);
 transform: scale(1.05) translateY(0);*/
 }

}



.wrap-slide-normal{margin: 0 0; position: relative;}
@media screen and (max-width: 1200px){
 .wrap-slide-normal{margin: 0 0;position: relative;}
}
.wrap_product{position: relative; max-width: 1280px;margin:0 auto;}
.wrap_product > .inner{display: flex;flex-wrap:wrap;margin: 0 auto;justify-content: space-between;}
.wrap-editer{position: relative;width: calc(100% - 630px); height: 680px; border: 1px #e6e6e6 solid;border-radius:0; }
.wrap-editer .box-prd-detail .cover{ border-radius: 0; }
.wrap-editer .bot{text-align:center;margin: 0 20px 40px;}
.wrap-editer > .inner{padding:30px;}
.wrap-editer .bot.type2{ position:absolute; left:0; bottom:0; width:100%; margin: 0; margin-bottom: 20px; }
@media screen and (max-width: 1360px){
   .wrap_product{ margin: 0 40px; }
}
@media screen and (max-width: 1200px){
   .wrap_product  .bot.type2.view-m{ position:relative;  width:100%; margin-top: 5vw; text-align: center; }
}
.wrap-product-info{ width: 530px; }
.wrap-product-info .title{
    margin-top: 20px;
}
.wrap-product-info .title .h_1{
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}
.wrap-product-info .title .h_1 .txt{
    margin-right: 15px;
    width: calc( 100% - 70px);
    max-width: calc( 100% - 70px);
    word-break: break-all;
}
.wrap-product-info .title .h_1 .txt .t_1{
   margin-right: 5px;
    word-break: break-all;
}
.wrap-product-info .title .h_1 .txt .t_2{
    font-size: 0.6em;
    color: #434343;
}
.wrap-product-info .title .h_1 .btn{}
.wrap-product-info .title .sub_txt .t_1{
    font-size: 16px;
    margin-top: 20px;
}
.wrap-product-info .title .sub_txt .price{
    margin-top: 0;
    font-size: var(--fz-l);
    font-weight: 800;
    color: var(--color-orange);
}
.wrap-product-info .info{
   border-top: 1px solid #ccc;
   margin-top: 20px;
   padding-top: 10px;
}
.wrap-product-info .info .p-txt{
    margin-top: 13px;
    font-size: 14px;
}
.wrap-product-info .info .p-txt .hd{ font-weight: 500; font-size: 16px; }
.wrap-product-info .price_total{margin-top: 26px;padding-top: 26px;border-top: 1px #ccc solid;}
.wrap-product-info .price_total .p-txt{
    font-size: 19px;
    margin-bottom: 20px;
}
.wrap-product-info .price_total .p-txt .hd{
    font-weight: 800;
}
.wrap-product-info .price_result{
    border-top: 1px #000 solid;
    padding-top: 26px;
    font-size: 16px;
    font-weight: 800;
}
.wrap-product-info .price_result .p-txt{  }
.wrap-product-info .price_result .p-txt .price{ font-size:1.3em; }

.price-group-set1{display: flex;align-items: center;}
.price-group-set1 .price{ margin-right: 20px; }
.price-group-set1 .txt-deal{ display: block;}
.price-group-set1 .txt-deal .t{ display: block; }
.price-group-set1 .txt-deal .box{ margin-top: 5px; display: inline-block; }

.btn-details-bot{ display: flex; }
.btn-details-bot.mobile{ display: none; }
.btn-details-bot .btn-like{
    width: 55px;
    min-width: 55px;
    height: 55px;
    border: 1px #c2c2c2 solid;
    font-size: 23px;
    box-sizing: border-box;
    line-height: 1.2;
}
.btn-details-bot .btn-like.active{
    border-color: #f87b0d;
    background: #f87b0d;
    color: #fff;
}
.btn-details-bot .out,
.btn-details-bot .cart,
.btn-details-bot .buy{display:flex;width: 100%;height: 55px;justify-content: center;align-items: center;background: #000;color: #fff; font-size: 20px; font-weight: 600; line-height: 1.2;}
.btn-details-bot .buy{ background-color: #ff6600; }
.btn-details-bot .out{ background-color: #c4c4c4; cursor:default; }
.wrap-product-info.type2 .btn-details-bot{max-width: 520px;margin: 0 auto;}
@media (hover: hover) {
   .btn-details-bot .cart:hover,
   .btn-details-bot .buy:hover{ opacity: 0.8;}
}
@media screen and (max-width: 1200px){
 .btn-details-bot{
  position: fixed;
  display: flex;
  left: 0;
  bottom: 0;
  z-index: 20;
  width: 100%;
  background: #fff;
  box-shadow:  -1px -6px 11px 2px rgb(0 0 0 / 15%);
  -webkit-box-shadow: -1px -6px 11px 2px rgb(0 0 0 / 15%);
  -moz-box-shadow:  -1px -6px 11px 2px rgb(0 0 0 / 15%);
  display: none;
 }
 .btn-details-bot.mobile{ display: flex;  }
 .mobile-menu-open .btn-details-bot.mobile{ display: none;  }
 .btn-details-bot .btn-like{
     width: 13vw;
     min-width: 13vw;
     height: 13vw;
     border:0;
     font-size: 5vw;
     line-height: 1.2;
 }
 .btn-details-bot .btn-like.active{
     border-color: #f87b0d;
     background: #f87b0d;
     color: #fff;
 }
 .btn-details-bot .out,
 .btn-details-bot .cart,
 .btn-details-bot .buy{height: 13vw; font-size: 4.27vw;}
} 

.wrap_product.type2{position: relative; max-width: 1460px;margin:0 auto;}
.wrap_product.type2 > .inner{display: flex;flex-wrap:wrap;margin: 0 auto;justify-content: space-between;flex-direction: column;}
.wrap_product.type2 .wrap-editer{width: auto; height: auto; border: 1px #ddd solid; border-radius:30px; overflow:hidden;}

/* 커스텀 템플릿 세로 스택 레이아웃 */
/* 메인 페이지 헤더-배너 간격(0)과 동일 */
#page-contents:has(.template-detail-stack) {
  margin-top: 0 !important;
}
.wrap_product.template-detail-stack {
  max-width: 1460px;
}
.wrap_product.template-detail-stack > .inner {
  flex-direction: column;
  gap: 36px;
}
.template-hero-banner {
  position: relative;
  width: 1200px;
  height: calc(375px + 52px * 2);
  margin: 0 auto;
  overflow: hidden;
}
.template-hero-banner__inner {
  position: relative;
  height: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  overflow: visible;
  z-index: 1;
}
.template-hero-blur {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1300px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto calc(610px * 1.24);
  filter: blur(7px);
  opacity: 0.34;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.template-hero-blur:after {
  position: absolute;
  inset: -2px;
  background: rgba(255, 255, 255, 0.28);
  content: "";
}
.template-hero-flat {
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(520px * 365 / 375);
  max-width: calc(56vw * 365 / 375);
  height: 365px;
  border-radius: 14px;
  box-shadow: 5px 6px 6px rgba(0, 0, 0, 0.44), 8px 10px 10px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.template-hero-flat .cover {
  border-radius: inherit;
  overflow: hidden;
}
.template-hero-flat .cover .bg-pos {
  /* 원본 라벨 이미지 좌우 흰 여백 크롭 */
  background-size: 101% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.template-hero-can {
  position: absolute;
  left: calc(50% + 260px * 365 / 375 + 20px);
  bottom: 52px;
  width: 112px;
  max-width: 12vw;
  height: 210px;
  margin: 0;
  transform: none;
  z-index: 3;
}
.template-hero-can .thumb_group {
  height: 100%;
  overflow: visible;
}
.template-hero-can .thumb {
  height: 100%;
  margin: 0;
}
.template-hero-can .thumb .bg-pos {
  background-size: contain;
  background-position: center bottom;
}
.wrap_product.template-detail-stack .template-hero-banner + .wrap-editer {
  margin-top: -52px;
  position: relative;
  z-index: 2;
}
.wrap_product.template-detail-stack .wrap-editer {
  width: 100%;
  box-sizing: border-box;
}
.simple-custom-guide {
  padding: 32px 38px 24px;
  background: #fff;
}
.wrap_product.template-detail-stack .simple-custom-guide {
  position: relative;
  border-radius: 24px 24px 0 0;
}
.simple-custom-guide__title {
  margin: 0 0 18px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  color: #333;
}
.simple-custom-guide__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
  margin: 0;
  padding: 0;
}
.simple-custom-guide__list li {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.simple-custom-guide__icon {
  display: block;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  object-fit: contain;
}
.simple-custom-guide__text {
  display: block;
  min-width: 0;
}
.simple-custom-guide__text strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  color: #333;
}
.simple-custom-guide__text em {
  display: block;
  font-size: 16px;
  line-height: 1.35;
  font-style: normal;
  color: #555;
  word-break: keep-all;
}
.wrap_product.template-detail-stack .template-product-side {
  flex-direction: column !important;
  width: 100%;
}
.wrap_product.template-detail-stack .wrap-product-info.type2 {
  width: 100%;
  max-width: 100%;
  margin-top: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
.wrap_product.template-detail-stack .wrap-product-info.type2 .title {
  margin-top: 0;
}
.wrap_product.template-detail-stack .wrap-product-info.type2 .info_group {
  margin-top: 24px;
}
.wrap_product.template-detail-stack .btn-details-bot.template-detail-actions {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  gap: 12px;
}
.wrap_product.template-detail-stack .btn-details-bot.template-detail-actions .beer-change-btn {
  background-color: #333;
  flex: 1;
  border-radius: 30px;
}
.wrap_product.template-detail-stack .btn-details-bot.template-detail-actions .buy {
  flex: 1;
  border-radius: 30px;
}
.template-editor-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.template-combined-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.template-combined-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 48px;
  padding: 0 36px;
  background-color: #333;
  border-radius: 24px;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.template-combined-btn:hover {
  opacity: 0.85;
}
.template-combined-btn__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.template-combined-btn__divider {
  margin: 0 10px;
  color: rgb(255, 255, 255);
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  .wrap_product.template-detail-stack .template-hero-banner {
    display: none;
  }
  .wrap_product.template-detail-stack .template-hero-banner + .wrap-editer {
    margin-top: 0;
  }
  .wrap_product.template-detail-stack .simple-custom-guide {
    border-radius: 4vw 4vw 0 0;
  }
  .simple-custom-guide {
    padding: 5vw 4vw 4vw;
  }
  .simple-custom-guide__title {
    margin-bottom: 4vw;
    font-size: 24px;
  }
  .simple-custom-guide__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw 3vw;
  }
  .simple-custom-guide__list li {
    gap: 2.5vw;
  }
  .simple-custom-guide__icon {
    width: 11vw;
    height: 11vw;
    flex-basis: 11vw;
  }
  .simple-custom-guide__text strong {
    font-size: 18px;
  }
  .simple-custom-guide__text em {
    font-size: 16px;
  }
  .template-combined-btn-wrap {
    flex-direction: column;
    gap: 2.5vw;
    width: 100%;
    padding: 0 4vw;
    box-sizing: border-box;
  }
  .template-combined-btn {
    width: 100%;
    min-width: 0;
    height: 11vw;
    padding: 0 6vw;
    border-radius: 5.5vw;
    font-size: 3.8vw;
  }
  .template-combined-btn__divider {
    margin: 0 4vw;
    font-size: 3.8vw;
  }
  .wrap_product.template-detail-stack > .inner {
    gap: 8vw;
  }
  .wrap_product.template-detail-stack .wrap-product-info.type2,
  .wrap_product.template-detail-stack .btn-details-bot.template-detail-actions {
    max-width: none;
  }
  .wrap_product.template-detail-stack .wrap-product-info.type2 {
    margin-left: 4vw;
    margin-right: 4vw;
    width: auto;
  }
}
@media screen and (max-width: 1200px){
   .wrap_product{position: relative; max-width: 1680px;margin:0 40px;}
}
@media screen and (max-width: 1540px){
   .wrap_product.type2{margin:0 40px;}
}
@media screen and (max-width: 1200px){
 .wrap_product{position: relative;max-width: 1680px;margin: 0 0;}
 .wrap_product > .inner{display: flex;flex-wrap:wrap;margin: 0 auto;justify-content: space-between;}
 .wrap-editer{position: relative;width: 100%;border: 1px #ddd solid;border-radius: 0; border-left: 0; border-right: 0;   overflow:hidden;height: 110vw;}
 .wrap-editer .bot{text-align:center;margin: 0 4vw 6vw;}
 .wrap-editer > .inner{padding: 5vw;}
 .wrap-product-info{ width: 100%;margin-top: 8vw;margin-left: 4vw; margin-right: 4vw;}
 .wrap-product-info .title{
    margin-top: 5vw;
 }
 .wrap-product-info .title .h_1{
    font-size: 6vw;
 }
 .wrap-product-info .title .h_1 .txt{
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    word-break: break-all;
 }
 .wrap-product-info .title .h_1 .txt .t_1{
    word-break: break-all;
    margin-right: 0;
    font-weight: 800;
 }
 .wrap-product-info .title .h_1 .txt .t_2{
    font-size: 0.6em;
    display: inline-block;
 }
 .wrap-product-info .title .h_1 .btn{
    width: 45vw;
}
 .wrap-product-info .title .sub_txt .t_1{
    font-size: 3.6vw;
    margin-top: 6.67vw;
 }
 .wrap-product-info .title .sub_txt .price{
    margin-top: 0vw;
    font-size: 6vw;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-right: 5vw;
 }
 .wrap-product-info .info{
    margin-top: 4vw;
    padding-top: 1vw;
 }
 .wrap-product-info .info .p-txt{
    margin-top: 3vw;
    display: flex;
    align-items: center;
    font-size: 3.6vw;
 }
 .wrap-product-info .info .p-txt .hd{}
 .wrap-product-info .info .p-txt .hd{
    font-size: 3.6vw;
    margin: 0;
    width: 22vw;
    min-width: 22vw;
}
 .wrap-product-info .price_total{margin-top: 6.67vw;padding-top: 6.67vw;}
 .wrap-product-info .price_total .p-txt{
    font-size: 3.6vw;
    margin-bottom: 3vw;
 }
 .wrap-product-info .price_total .p-txt .hd{
    font-weight: 800;
 }
 .wrap-product-info .price_result{
    border-top: 1px #000 solid;
    padding-top: 4vw;
    font-size: 4vw;
 }
 .wrap-product-info .price_result .p-txt{  }
 .wrap-product-info .price_result .p-txt .price{ font-size:1.3em; }

 .wrap_product.type2{ margin:0 0; }
 .wrap_product.type2 .wrap-editer{ border-radius:5vw; overflow:hidden;}


 
}



.wrap-product-info.type2{width: 100%;box-sizing: border-box;}
.wrap-product-info.type2 .title{
    margin-top: 25px;
}
.wrap-product-info.type2 .title .h_1{
    font-size: 38px;
    line-height: 1.1;
    font-weight: 600;
    font-family: var(--ff-gm);
    display: flex;
    justify-content: space-between;
}
.wrap-product-info.type2 .title .h_1 .txt{
    margin-right: 15px;
    width: calc( 100% - 70px);
    max-width: calc( 100% - 70px);
    word-break: break-all;
}
.wrap-product-info.type2 .title .h_1 .txt .t_1{
    display: block;
}
.wrap-product-info.type2 .title .h_1 .txt .t_2{
    font-size: 0.6em;
}
.wrap-product-info.type2 .title .h_1 .btn{}
.wrap-product-info.type2 .title .sub_txt .t_1{
    font-size: var(--fz-nl);
}
.wrap-product-info.type2 .title .sub_txt .price{
    margin-top: 10px;
    font-size: var(--fz-l);
    font-weight: 800;
    color: var(--color-orange);
}
.wrap-product-info.type2 .info_group{
    border: 1px #ddd solid;
    display: flex;
    justify-content: space-between;
    border-radius: 15px;
    padding: 0;
    width: 100%;
    margin-top: 20px;
}
.wrap-product-info.type2 .info{
    margin-top: 0;
    padding: 30px;
    border-top: 0;
}

.wrap-product-info.type2 .info .p-txt:first-child{ margin-top: 0;}
.wrap-product-info.type2 .info .p-txt .hd{}
.wrap-product-info.type2 .info .p-txt .hd{}
.wrap-product-info.type2 .price_total{margin-top: 0;padding-top: 0;border-top: 0;}
.wrap-product-info.type2 .price_total .p-txt{
    font-size: 19px;
    margin-bottom: 20px;
}
.wrap-product-info.type2 .price_total .p-txt .hd{
    font-weight: 800;
}
.wrap-product-info.type2 .price_result{
    border-top: 2px #000 solid;
    padding-top: 40px;
    font-size: 19px;
    font-weight: 800;
}
.wrap-product-info.type2 .price_result .p-txt{  }
.wrap-product-info.type2 .price_result .p-txt .price{ font-size:1.3em; }
.wrap-product-info.type2 .price_inner{
   position: relative;
    width: 450px;
    background: #f9fafb;
    padding: 50px;
    box-sizing: border-box;
    min-width: 450px;
}
.wrap-product-info.type2 .price_inner .bubblebox-type1{left: 52px;top: -30px;}
@media screen and (max-width: 1200px){
   .wrap-product-info.type2 .price_inner .bubblebox-type1{left: auto;top: -5vw;right: 0vw;}
}
@media screen and (max-width: 1200px){
 .wrap-product-info.type2{width: auto;box-sizing: border-box;}
 .wrap-product-info.type2 .title{
     margin-top: 3vw;
 }
 .wrap-product-info.type2 .sub_txt{
     margin-top: 4vw;
 }
 .wrap-product-info.type2 .title .h_1{
     font-size: 6.4vw;
 }
 .wrap-product-info.type2 .title .h_1 .txt{
     margin-right: 0;
     width: auto;
     max-width: none;
     word-break: break-all;
     margin-right: 4vw;
 }
 .wrap-product-info.type2 .title .h_1 .txt .t_1{
     display: block;
 }
 .wrap-product-info.type2 .title .h_1 .txt .t_2{
     margin-top: 2vw;
     display: block;
 }
.wrap-product-info.type2 .title .h_1 .btn{
    margin-left: 1vw !important;
    margin-top: 0;
    font-size: 3vw;
    width: 19vw;
    padding: 1.7vw 0 1.7vw;
    height: auto;
    line-height: 1.2;
    min-width: auto;
    border-radius: 5px;
 }
.wrap-product-info.type2 .title .h_1 .btn i{ display:none; }
.wrap-product-info.type2 .title .sub_txt .t_1{font-size: 3.4vw;margin-top: 0;}
 .wrap-product-info.type2 .title .sub_txt .price{ }
 .wrap-product-info.type2 .info_group{
     border-radius: 3vw;
     padding: 0;
     width: 100%;
     margin-top: 6vw;
     display: flex;
     flex-direction: column;
 }
 .wrap-product-info.type2 .info{
     margin-top: 0;
     padding: 5vw;
     font-size: 4vw;
 }
 .wrap-product-info.type2 .info .p-txt:first-child{ margin-top: 0;}
 .wrap-product-info.type2 .info .p-txt .hd{}
 .wrap-product-info.type2 .info .p-txt .hd{
    margin-bottom: 1vw;
}
 .wrap-product-info.type2 .price_total{margin-top: 0;padding-top: 0;border-top: 0;}
 .wrap-product-info.type2 .price_total .p-txt{
     font-size: 4vw;
     margin-bottom: 5vw;
 }
 .wrap-product-info.type2 .price_total .p-txt .hd{
     font-weight: 800;
 }
 .wrap-product-info.type2 .price_result{
     padding-top: 5vw;
     font-size: 4vw;
 }
 .wrap-product-info.type2 .price_result .p-txt{  }
 .wrap-product-info.type2 .price_result .p-txt .price{ font-size:1.3em; }
 .wrap-product-info.type2 .price_inner{
     width: auto;
     background: #f9fafb;
     padding: 5vw;
     box-sizing: border-box;
     min-width: auto;
 }

}



.wrap_ctrl input[type=number]::-webkit-inner-spin-button,
.wrap_ctrl input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wrap_ctrl input[type=number] {
  -moz-appearance: textfield;
}

.wrap_ctrl .infos {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

/*Code*/
.wrap_ctrl {
 background-color: #fff;
 border-radius: 5px;
 font-size: 19px;
 border: 1px #000 solid;
 font-weight: 800;
 font-family: var(--ff-gm);
 position: relative;
 overflow: hidden;
 display: inline-block;
 width: 100px;
 height: 48px;
}

.wrap_ctrl input {
  position: absolute;
  width: 65px;
  height: 100%;
  color: #333C48;
  text-align: center;
  overflow: hidden;
  border: 0;
  border-right: 1px #000 solid;
  left: 0;
  top: 0;
  z-index: 2;
  font-family: var(--ff-gm);
  outline: none;
  font-weight: 800;
}

.wrap_ctrl .input-button {
  width: 35px;
  line-height: 1;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 20px;
}
.wrap_ctrl .input-button:hover {
  background-color: #ddd;
}
.wrap_ctrl .input-button.add {
   bottom: auto;top: 0;border-bottom: 1px #ddd solid;
  border-radius: 5px 0 0 5px;
  border-bottom: 1px #ddd solid;
}
.wrap_ctrl .input-button.remove {
  bottom: 0;
  right: 1px;
  border-radius: 0 0 4px 0;
}

.wrap_ctrl.type2 input[type=number]::-webkit-inner-spin-button,
.wrap_ctrl.type2 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wrap_ctrl.type2 input[type=number] {
  -moz-appearance: textfield;
}

.wrap_ctrl.type2 .infos {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

/*Code*/
.wrap_ctrl.type2 {
 border-radius: 10px;
 font-size: 17px;
 border: 3px #000 solid;
 font-weight: 800;
 font-family: var(--ff-gm);
 position: relative;
 overflow: hidden;
 display: inline-block;
 width: 110px;
 height: 36px;
}

.wrap_ctrl.type2 input {
  position: absolute;
  width: calc(100% - 80px);
  height: 100%;
  color: #333C48;
  text-align: center;
  overflow: hidden;
  border: 0;
  border-left: 1px #000 solid;
  border-right: 1px #000 solid;
  left: 40px;
  box-sizing: border-box;
}

.wrap_ctrl.type2 .input-button {
  width: 40px;
  line-height: 1;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  font-size: 20px;
  box-sizing: border-box;
  border-radius: 0;
}
@media (hover: hover) {
   .wrap_ctrl.type2 .input-button:hover {
      background-color: #ddd;
   }
}


.wrap_ctrl.type2 .input-button.add {
   top: 0;
   border-bottom: 1px #ddd solid;
   border-radius: 5px 0 0 5px;
   border-bottom: 1px #ddd solid;
   right: 0;
   left: auto;
}
.wrap_ctrl.type2 .input-button.remove {
  right: auto;
  left: 0;
  bottom: auto;
  top: 0;
}

.wrap_ctrl.type3 input[type=number]::-webkit-inner-spin-button,
.wrap_ctrl.type3 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.wrap_ctrl.type3 input[type=number] {
  -moz-appearance: textfield;
}
.wrap_ctrl.type3 {
 border-radius: 0;
 font-size: 16px;
 border: 2px #d6d6d6 solid;
 font-weight: 800;
 font-family: var(--ff-ori);
 position: relative;
 overflow: hidden;
 display: inline-block;
 width: 180px;
 height: 41px;
}
.wrap_ctrl.type3 input {
  position: absolute;
  width: calc(100% - 80px);
  height: 100%;
  color: #000;
  text-align: center;
  overflow: hidden;
  border: 0;
  border-left: 0;
  border-right: 0;
  left: 40px;
  box-sizing: border-box;
}
.wrap_ctrl.type3 .input-button {
  width: 40px;
  line-height: 1;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 0;
}
@media (hover: hover) {
   .wrap_ctrl.type3 .input-button:hover {
     background-color: #d6d6d6;
   }
}
.wrap_ctrl.type3 .input-button.add {
   top: 0;
   border-radius: 0;
   border: 0;
   right: 0;
   left: auto;
}
.wrap_ctrl.type3 .input-button.remove {
  right: auto;
  left: 0;
  bottom: auto;
  top: 0;
  border: 0;
}

@media screen and (max-width: 1200px){
 .wrap_ctrl input[type=number]::-webkit-inner-spin-button,
 .wrap_ctrl input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
 }

 .wrap_ctrl input[type=number] {
  -moz-appearance: textfield;
 }

 .wrap_ctrl .infos {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
 }

 /*Code*/
 .wrap_ctrl {
 background-color: #fff;
 border-radius: 2vw;
 font-size: 4vw;
 width: 30vw;
 height: 17vw;
 }

 .wrap_ctrl input {
  width: 17vw;
 }

 .wrap_ctrl .input-button {
  width: 13vw;
  font-size: 7vw;
 }
 @media (hover: hover) {
   .wrap_ctrl .input-button:hover {
     background-color: #ddd;
    }
 }
 .wrap_ctrl .input-button.add {
   bottom: auto;top: 0;border-bottom: 1px #ddd solid;
  border-radius: 5px 0 0 5px;
  border-bottom: 1px #ddd solid;
 }
 .wrap_ctrl .input-button.remove {
  bottom: 0;
  right: 1px;
  border-radius: 0 0 4px 0;
 }

 .wrap_ctrl.type2 input[type=number]::-webkit-inner-spin-button,
 .wrap_ctrl.type2 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
 }

 .wrap_ctrl.type2 input[type=number] {
  -moz-appearance: textfield;
 }

 .wrap_ctrl.type2 .infos {
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
 }

 /*Code*/
 .wrap_ctrl.type2 {border-radius: 0.8vw;font-size: 3vw;border: 2px #000 solid;font-weight: 700;width: 20vw;height: 7vw;}
 .wrap_ctrl.type2 input {
  position: absolute;
  width: calc(100% - 14vw);
  height: 100%;
  overflow: hidden;
  border: 0;
  border-left: 1px #eef2f8 solid;
  border-right: 1px #eef2f8 solid;
  left: 7vw;
  box-sizing: border-box;
  font-size: 2.8vw;
  font-weight: 700;
  }
 .wrap_ctrl.type2 .input-button {width: 7vw;font-size: 3.6vw;}
 .wrap_ctrl.type2 .input-button.add { border-bottom: 1px #ddd solid; border-radius: 1vw 0 0 1vw; border-bottom: 1px #ddd solid; right: 0;
   left: auto; }
.wrap_ctrl.type3 { font-size: 3vw; border: 2px #d6d6d6 solid; width: 40vw; height: 10vw; }
.wrap_ctrl.type3 input { width: calc(100% - 20vw); left: 10vw; }
.wrap_ctrl.type3 .input-button { width: 10vw; font-size: 3vw; }


}




.wrap-ayment-type1 { position: relative; }
.wrap-ayment-type1  .inner_payment{
   position: relative;
   display: flex;
   height: auto;
   min-height: 100vh;
   margin: 0 auto;
   padding: 0;
   justify-content: space-between;
   align-items: flex-start;
}
.wrap-ayment-type1 .content_payment{
   max-width: 1024px;
   width: calc(100% - 400px); margin-right: 30px;
}
.wrap-ayment-type1 .side_payment{
    position: -webkit-sticky;
    position: sticky;
    width: 320px;
    /*   width: 39%; position: sticky; top: 0; height: 80vh;*/
    top: 175px;
    /* height: 620px; */
}

@media screen and (max-width: 1200px){
 .wrap-ayment-type1 { position: relative; }
 .wrap-ayment-type1  .inner_payment{
    position: relative;
    display: block;
    height: auto;
    min-height: auto;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
 }
 .wrap-ayment-type1 .content_payment{
    max-width: none;
    width: auto;
    margin: 0 4vw;
 }
 .wrap-ayment-type1 .side_payment{
     position: relative;
     width: auto;
     /*   width: 39%; position: sticky; top: 0; height: 80vh;*/
     top: 0;
     height: auto;
     margin: 0 4vw;
 }
}




.side_payment{ }
.side_payment .head{border-bottom: 2px #000 solid;padding-bottom: 14px;margin-bottom: 25px;}
.side_payment .head .tit{font-size: 23px;font-weight: var(--fw-b);}
.side_payment .info{font-size: 19px;}
.side_payment .info > *{margin-top: 12px;}
@media screen and (max-width: 1200px){
 .side_payment{ margin-top:10vw; }
 .side_payment .head{ padding-bottom: 5vw; margin-bottom: 7vw; }
 .side_payment .head .tit{font-size: 5vw;}
 .side_payment .info{font-size: 4vw;}
 .side_payment .info > *{margin-top: 3vw;}

}


.thumb-group-type2 .cover{
   position: absolute;height: 100%;z-index: 0;left: 0;top: 0;width: 100%; border-radius: 10px; overflow: hidden;
}
.thumb-group-type2{position: relative;overflow: hidden;min-width: 100px;width: 100px;height: 140px;display: flex;justify-content: center;align-items: center;}
.thumb-group-type2 .thumb{position: relative;height: 100%;z-index: 3;width: 43%;display: inline-flex;margin: 0;}
.thumb-group-type2 .thumb .bg-pos{background-position: 50%;background-size: contain;z-index: 2;}
.thumb-group-type2 .thumb .bg_shadow{position: absolute;left: 2%;bottom: 8%;width: 100%;height: 65px;background: url(../images/tmp/template/bg_can_shadow1.png) no-repeat;background-size: contain;z-index: 0;background-position: center center;}

.thumb-group-type3{position: relative;overflow: hidden;min-width: 118px;width: 118px;height: 0;padding-bottom: 16.5%;display: flex;justify-content: center;align-items: center;}
.thumb-group-type3 .bg-pos{background-position: 0;background-size: cover;z-index: 2;}

@media screen and (max-width: 1200px){
   .thumb-group-type3{ min-width: 35vw;width: 35vw; padding-bottom: 32vw;margin-top: 3vw;}
}

.group-item-basket{}
.group-item-basket .wrap-item-basket{margin-top: 40px;padding-top: 40px;border-top: 1px #dde6f1 solid;}
.group-item-basket .wrap-item-basket:first-child{ margin-top: 0;padding-top: 0;border-top: 0; }
.wrap-item-basket{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wrap-item-basket .area_lft{display: flex;align-items: center;width: calc(70% - 10px);}
.wrap-item-basket .area_lft .thumb-group-type2{}
.wrap-item-basket .area_lft .tit{ margin-left: 25px; }
.wrap-item-basket .area_lft .tit .h_1{ font-size:23px; font-weight:800; font-family:var(--ff-gm); }
.wrap-item-basket .area_lft .tit .btns{ margin-top:10px;}
.wrap-item-basket .area_cen{
    display: flex;
    align-items: center;
}
.wrap-item-basket .area_rgh{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 220px;
    text-align: right;
}
.wrap-item-basket .area_rgh .price{
    font-size: 19px;
    font-weight: 800;
}
.wrap-item-basket .area_rgh .del{}
.wrap-item-basket .btn_del{
    display: inline-flex;
    align-items: center;
}
.wrap-item-basket .btn_del i{
    margin-right: 7px;
}

@media screen and (max-width: 1200px){
  .thumb-group-type2 .cover{
    position: absolute;height: 100%;z-index: 0;left: 0;top: 0;width: 100%; border-radius: 10px; overflow: hidden;
  }
  .thumb-group-type2{position: relative;overflow: hidden;min-width: 24vw;width: 24vw;height: 18vw;display: flex;justify-content: center;align-items: center;}
  .thumb-group-type2 .thumb{position: relative;height: 100%;z-index: 3;width: 100%;display: inline-flex;margin: 0;}
  .thumb-group-type2 .thumb .bg-pos{background-position: 50%;background-size: contain;z-index: 2;}
  .thumb-group-type2 .thumb .bg_shadow{position: absolute;left: 2%;bottom: 8%;width: 100%;height: 65px;background: url(../images/tmp/template/bg_can_shadow1.png) no-repeat;background-size: contain;z-index: 0;background-position: center center;}

  .group-item-basket{}
  .group-item-basket .wrap-item-basket{margin-top: 6.6667vw;padding-top: 3vw;display: flex;position: relative;justify-content: flex-start;align-items: flex-start; }
  .group-item-basket .wrap-item-basket:first-child{ margin-top: 0;padding-top: 0;border-top: 0; }
  .wrap-item-basket{
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
  }
  .wrap-item-basket .thumb-group-type3{min-width: 23vw;width: 23vw;padding-bottom: 17vw;margin-top: 3vw;height: 0;}

  .wrap-item-basket .area_lft{display: flex;width: 22vw;flex-direction: column;align-items: flex-start;}
.wrap-item-basket .area_lft .thumb-group-type2{
    width: 22vw;
    min-width: 22vw;
    margin-top: 2vw;
    height: 16vw;
    padding: 2vw 0px;
}
   .wrap-item-basket .area_lft .tit{margin-left: 0;margin-top: 4vw;display: none;}
  .wrap-item-basket .area_lft .tit .h_1{font-size: 5vw;font-weight:800;font-family:var(--ff-gm);}
  .wrap-item-basket .area_lft .tit .btns{margin-top: 3vw;}
  .wrap-item-basket .area_cen{
     display: flex;
     margin-top: 5vw;
  }
  .wrap-item-basket .area_rgh{
     display: block;
     width: 64vw;
     text-align: left;
     margin-top: 7.5vw;
     margin-left: 5vw;
  }
  .wrap-item-basket .area_rgh .group_price{display: flex;justify-content: space-between;width: 100%;margin-top: 3vw;align-items: center;}
  .wrap-item-basket .area_rgh .price{
     font-size: 3.8vw;
     font-weight: 700;
  }
  .wrap-item-basket .area_rgh .tit .h_1{font-size: 4vw;font-weight: 700;margin-bottom: 1vw;}
  .wrap-item-basket .area_rgh .tit .txt-summary{
    margin-top: 2vw;
}
  .wrap-item-basket .area_rgh .tit .inner-summary{margin-left: -2vw;font-size: 0;}
  .wrap-item-basket .area_rgh .tit .inner-summary span{font-size: 2.8vw;margin: 0 1vw 1.7vw 0;padding-left: 2vw;display: inline-block;line-height: 1;}
  .wrap-item-basket .area_rgh .tit .btns{}
  
  .wrap-item-basket .area_rgh .del{
    position: absolute;
    right: 0;
    top: 2vw;
    font-size: 0;
   }  
  .wrap-item-basket .btn_del{
     display: inline-flex;
     align-items: center;
  }
  .wrap-item-basket .btn_del .ico_{
     margin-right: 0; display:none;
  }
  .wrap-item-basket .btn_del i{ font-size: 3.2vw; color: #c9c9c9; }

}


.group_coupon{}
.group_coupon .wrap-coupon{ margin-top: 20px; }
.group_coupon .wrap-coupon:first-child{ margin-top: 0; }
.wrap-coupon{display: inline-block;width: 100%;padding: 18px;border: 2px solid #000;border-radius: 10px;box-sizing: border-box;text-align: center; position:relative;}
.wrap-coupon > span{ display:block; font-family:var(--ff-gm);}
.wrap-coupon .tit{ font-size: 32px;font-weight:800; font-style:italic;letter-spacing: -0.02em; }
.wrap-coupon .t1{ margin-top:10px; font-size: 16px; font-weight:500;font-style:italic;letter-spacing: -0.02em;}
.wrap-coupon .t_r{text-align:center;border-bottom:1px #ddd dotted;position:absolute;right:0;top:0;width: 40px;height: 100%;display: flex;align-items: center;justify-content: center;border-left: 2px #ccc dotted;}
.wrap-coupon.active,
.wrap-coupon:hover{ background:#f2f2ee; }

.wrap-review-view{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wrap-review-view .lft_area{width: 265px;}
.wrap-review-view .rgh_area{width: 400px;}
.wrap-review-view .lft_area{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wrap-review-view .lft_area .data{ font-size:14px; margin-bottom:10px; }
.wrap-review-view .lft_area .data span{ margin-right:7px; }
.wrap-review-view .lft_area .tp{}
.wrap-review-view .lft_area .cont{
    margin-top: 18px;
    color: #000;
}
.wrap-review-view .lft_area .cont .txt{height: 290px;overflow-x:hidden;overflow-y:auto;padding-right: 30px;font-size: 15px;line-height: 1.5;font-weight: 500;}
.wrap-review-view .lft_area .cont .t_1{}
.wrap-review-view .lft_area .cont .data{ margin-top: 22px; display: flex; }
.wrap-review-view .lft_area .cont .data > span{ margin-right:10px; font-size:17px;}
.wrap-review-view .lft_area .bt{ margin-top:30px; }
.wrap-review-view .lft_area .bt .t_2{ font-size:17px; color:#000; font-weight:800; margin-bottom:20px; }


.box-prd-lineup.type2{display:inline-flex;align-items: center;}
.box-prd-lineup.type2 .thumb_group{width: 88px;border-radius:15px;overflow:hidden;min-width: 88px;}
.box-prd-lineup.type2 .thumb_group .bg-nostock{font-size: 14px;line-height:1;}
.box-prd-lineup.type2 .prd-cont-type1{ margin: 0; text-align: left; margin-left:15px; padding-right:15px; }
.box-prd-lineup.type2 .prd-cont-type1 .hash{color:#000;font-size:14px;font-weight:300;margin-top: 12px;}
.box-prd-lineup.type2 .prd-cont-type1 .h_1{margin-top: 0;font-size: 20px;color:#000;line-height:1.3;font-weight: 800;}
.box-prd-lineup.type2.sz_l .thumb_group{width: 120px;min-width: 120px;}
.box-prd-lineup.type2.sz_l .thumb_group .bg-nostock{font-size: 17px;line-height: 1.2;}
.box-prd-lineup.type2.sz_l .prd-cont-type1{margin: 0;text-align: left;margin-left: 35px;padding-right: 25px;}
.box-prd-lineup.type2.sz_l .prd-cont-type1 .hash{color:#000;font-size: 18px;font-weight: 200;margin-top: 10px;}
.box-prd-lineup.type2.sz_l .prd-cont-type1 .h_1{margin-top: 0;font-size: 26px;color:#000;line-height: 1.2;font-weight: 800;}
@media screen and (max-width: 1200px){
 .box-prd-lineup.type2{display: flex;}
 .box-prd-lineup.type2 .thumb_group{width: 88px;border-radius:15px;overflow:hidden;min-width: 88px;}
 .box-prd-lineup.type2 .thumb_group .bg-nostock{font-size: 14px;line-height:1;}
 .box-prd-lineup.type2 .prd-cont-type1{ margin: 0; text-align: left; margin-left:15px; padding-right:15px; }
 .box-prd-lineup.type2 .prd-cont-type1 .hash{color:#000;font-size:14px;font-weight:300;margin-top: 12px;}
 .box-prd-lineup.type2 .prd-cont-type1 .h_1{margin-top: 0;font-size: 20px;color:#000;line-height:1.3;font-weight: 800;}
 .box-prd-lineup.type2.sz_l .thumb_group{width: 20vw;min-width: auto;}
 .box-prd-lineup.type2.sz_l .thumb_group .bg-nostock{font-size: 17px;line-height: 1.2;}
 .box-prd-lineup.type2.sz_l .prd-cont-type1{margin: 0 0 0;text-align: left;margin-left: 3vw;padding-right: 0;}
 .box-prd-lineup.type2.sz_l .prd-cont-type1 .hash{ font-size: 3.2vw;font-weight: 200;margin-top: 1vw;}
 .box-prd-lineup.type2.sz_l .prd-cont-type1 .h_1{ font-size: 4vw; }

}

.box-prd-buy{
    border: 1px #ededef solid;
    display: flex;
    padding: 15px;
    align-items: center;
}
.box-prd-buy .thumb_group{}
.box-prd-buy .thumb_group .thumb{position: relative;width: 74px;height: 64px;}
.box-prd-buy .thumb_group .thumb .bg-pos{
    background-size: contain;
}
.box-prd-buy .prd-cont-type1{
    text-align: left;
    margin: 0;
    margin-left: 10px;
}
.box-prd-buy .prd-cont-type1 .h_1{
    font-size: 17px;
    color: #000000;
    font-weight: 700;
}
.box-prd-buy .prd-cont-type1 .hash{
    font-size: 14px;
    font-weight: 300;
    margin-top: 2px;
}

@media screen and (max-width: 1200px){
   .box-prd-buy{ padding: 3vw; }
   .box-prd-buy .thumb_group .thumb{position: relative;width: 20vw;height: 14vw;}
   .box-prd-buy .prd-cont-type1{ margin-left: 2vw; }
   .box-prd-buy .prd-cont-type1 .h_1{ font-size: 3.6vw;}
   .box-prd-buy .prd-cont-type1 .hash{font-size: 3vw; margin-top:1vw;}
}



.wrap-review-view .rgh_area{
    position: relative;
}
.wrap-review-view .rgh_area .swiper-container{border-radius: 0;overflow: hidden;}
.wrap-review-view .rgh_area .swiper-wrapper{}
.wrap-review-view .rgh_area .item{
    height: 390px;
}
.wrap-review-view .rgh_area .item .bg-pos{ background-size: contain;background-color: #d7d7d7; }
.wrap-review-view .rgh_area .bot{
    margin: 0;
}
.wrap-review-view .rgh_area .bot .swiper-button-prev,
.wrap-review-view .rgh_area .bot .swiper-button-next{
    left: -20px;
    z-index: 10;
    background: #fff;
    font-size: 14px;
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.10);
   -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.10);
   -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.10);
}
.wrap-review-view .rgh_area .bot .swiper-button-next{
 right: -20px;
 left:auto;
}

.wrap-review-view .rgh_area .bot .swiper-pagination{
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0;
    bottom: 0;
    margin-top: 6px;
}

.wrap-review-view .pageing{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
    margin-top: 40px;
    font-weight: 700;
}
.wrap-review-view .rgh_area .bot .swiper-pagination .swiper-pagination-bullet{background:#000;width: 8px;height: 8px;margin: 0 6px;}
.wrap-review-view .pageing .col{}
.wrap-review-view .pageing .col a{ display:inline-flex;align-items: center;line-height: 1;}
.wrap-review-view .pageing .col a i{font-size: 21px;font-weight: 800;}
.wrap-review-view .pageing .col a.next{ flex-direction: row-reverse;}
.wrap-review-view .pageing .col a span{ margin:0 10px; }

@media screen and (max-width: 1200px){
   .wrap-review-view .lft_area{width: 100%;margin-top: 3vw;}
   .wrap-review-view .rgh_area{width: 100%;}
   .wrap-review-view .rgh_area .item{ height: 45vw; }
   .wrap-review-view .lft_area .data{ font-size:3.2vw; margin-bottom:2vw; }
   .wrap-review-view .lft_area .cont{ margin-top: 4vw; }
   .wrap-review-view .lft_area .cont .txt{height: auto; padding-right: 0; font-size: 3.6vw; }
 .wrap-review-view .lft_area .bt{ margin-top:5vw; }
 .wrap-review-view .lft_area .bt .t_2{ font-size:3.2vw; margin-bottom:1vw; }
 .wrap-review-view .pageing .col a i{font-size: 4vw; margin-top:-0.4vw}
}


.dashboard-head{
    box-shadow: 0px 0px 10px 3px rgba(231,231,231,0.75);
    -webkit-box-shadow: 0px 0px 10px 3px rgb(231,231,231,0.75);
    -moz-box-shadow: 0px 0px 10px 3px rgba(231,231,231,0.75);
    border-radius: 10px;
    padding: 45px 30px;
    display: flex;
    justify-content: center;
}
.dashboard-head{}
.dashboard-head .item{ text-align: center; width: 20%; padding:0 35px; border-left:1px #d2deec solid;}
.dashboard-head .item:first-child{ border-left:0; }
.dashboard-head .item .tit{ font-size:18px; line-height:1; font-weight:700; }
.dashboard-head .item .ico{}
.dashboard-head .item .ico p{ display: flex; align-items: center; }
.dashboard-head .item .ico p i{ margin-right:10px; }
.dashboard-head .item .txt{ margin-top:30px; font-size:25px; font-weight:800; line-height:1; }

@media screen and (max-width: 1200px){
 .dashboard-head{
   background-color: #fff;
    border-radius: 5vw;
    padding: 8vw 7vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
 }
 .dashboard-head{}
 .dashboard-head .item{padding: 0;margin-top: 5vw;border: 0;width: 100%;word-break: break-all;display: flex;align-items: center;justify-content: space-between;}
 .dashboard-head .item:nth-child(1){ margin-top:0; }
 .dashboard-head .item:first-child{border-left:0;/* margin-top: 0; */}
 .dashboard-head .item .tit{font-size: 4vw;}
 .dashboard-head .item .ico{}
 .dashboard-head .item .ico p{display: flex;align-items: center;justify-content: center;line-height: 1;position: relative;padding-left: 10vw;}
 .dashboard-head .item .ico p i{position: absolute;left: 0;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
 .dashboard-head .item .txt{margin-top: 0;font-size: 4.2vw;font-weight:700;line-height:1;}

}



.wrap-fileupload li {
    position: relative;
  list-style: none;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid #93b0d1;
  border-radius: 10px;
  background-color: #fff;
  width: 90px; height: 90px;
}
.wrap-fileupload li button:after,
.wrap-fileupload .upload:after{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}


.wrap-fileupload li button{ position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 16px; border-radius: 50%;  }
.wrap-fileupload li button:after{content:"\e117";}

.wrap-fileupload img {
  max-width: 80px;
  max-height: 80px;
}

.wrap-fileupload .real-upload {
  display: none;
}

.wrap-fileupload .upload {
  width: 90px;
  height: 90px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  border: 1px solid #93b0d1;
  border-radius: 10px;
  color: #93b0d1;
  cursor: pointer;
}
.wrap-fileupload .upload:after{content:"\e902";}


.wrap-fileupload .image-preview {
  width: 100%;
  height: 90px;
  display: flex;
  gap: 20px;
}


.group_add_item .lst-add-item:first-child{ margin-top: 0; padding-top: 0; border-top: 0; }
.group_add_item .lst-add-item{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd; }


.lst-add-item{
    display: flex;
}
.lst-add-item .chk{
    min-width: 40px;
}
.lst-add-item .cont{
    width: calc(100% - 200px);
    margin-left: 14px;
    color: #000; font-weight: 500;
}
.lst-add-item .cont .tit{
    margin-top: 4px;
    font-size: 17px;
    display: flex;
    overflow:hidden;
}
.lst-add-item .cont .tit span{
    margin-left: 12px;
    padding-left: 12px;
    position: relative;
    display: inline-block;
}
.lst-add-item .cont .tit span:after{
  position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background:#ddd; content:"";
}
.lst-add-item .cont .tit span:first-child{ margin-left: 0; padding-left: 0;}
.lst-add-item .cont .tit span:first-child:after{ display:none; }
.lst-add-item .cont .tit .name{
    color: #000;
    font-weight: 800;
}
.lst-add-item .cont .tit .location{ color:#757575; }
.lst-add-item .cont .add{ margin-top: 15px; }
.lst-add-item .cont .tel{}
.lst-add-item .btns{
    margin-left: auto;
}
.lst-add-item .btns button{}

@media screen and (max-width: 1200px){
 .wrap-fileupload li {
      position: relative;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #93b0d1;
      border-radius: 10px;
      background-color: #fff;
      width: 22vw;
      height: 22vw;
  }
  .wrap-fileupload li button:after,
  .wrap-fileupload .upload:after{
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;

      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

  }


  .wrap-fileupload li button{position: absolute;right: -3vw;top: -3vw;width: 7vw;height: 7vw;font-size: 3vw;}
  .wrap-fileupload li button:after{ line-height: 0; content:"\e117"; }

  .wrap-fileupload img {
    max-width: 80px;
    max-height: 80px;
  }

  .wrap-fileupload .real-upload {
    display: none;
  }

  .wrap-fileupload .upload {
    width: 22vw;
    height: 22vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
    line-height: 1;
    border: 1px solid #93b0d1;
    border-radius: 2vw;
    color: #93b0d1;
    cursor: pointer;
  }
  .wrap-fileupload .upload:after{content:"\e902";}


  .wrap-fileupload .image-preview {
    width: 100%;
    height: 23vw;
    display: flex;
    gap: 4vw;
    margin-top: 6vw;
  }


  .group_add_item .lst-add-item:first-child{ margin-top: 0; padding-top: 0; border-top: 0; }
  .group_add_item .lst-add-item{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd; }


  .lst-add-item{
      display: flex;
  }
  .lst-add-item .chk{
      min-width: 40px;
  }
  .lst-add-item .cont{
      width: calc(100% - 200px);
      margin-left: 14px;
      color: #000; font-weight: 500;
  }
  .lst-add-item .cont .tit{
      margin-top: 4px;
      font-size: 17px;
      display: flex;
      overflow:hidden;
  }
  .lst-add-item .cont .tit span{
      margin-left: 12px;
      padding-left: 12px;
      position: relative;
      display: inline-block;
  }
  .lst-add-item .cont .tit span:after{
    position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background:#ddd; content:"";
  }
  .lst-add-item .cont .tit span:first-child{ margin-left: 0; padding-left: 0;}
  .lst-add-item .cont .tit span:first-child:after{ display:none; }
  .lst-add-item .cont .tit .name{
      color: #000;
      font-weight: 800;
  }
  .lst-add-item .cont .tit .location{ color:#757575; }
  .lst-add-item .cont .add{ margin-top: 15px; }
  .lst-add-item .cont .tel{}
  .lst-add-item .btns{
      margin-left: auto;
  }
  .lst-add-item .btns button{}

}



.wrap-terms{
    border-top: 1px #e8edf6 solid;
}
.wrap-terms .head{position:relative;padding: 20px 0 18px;}
.wrap-terms .head .switch{position:absolute;right:0;top:0;display:flex;width: 50px;height:100%;align-items: center;justify-content: center;}
.wrap-terms .head .switch i{font-size: 16px;}
.wrap-terms .textarea{}
.wrap-terms .textarea .inner{
    background: #f2f7fa;
    padding: 30px;
    font-size: 16px;
    color: #000;
}

@media screen and (max-width: 1200px){

  .wrap-terms .head{position:relative;padding: 5vw 0 5vw;}
  .wrap-terms .head .switch{position:absolute;right:0;top:0;display:flex;width: 5vw; ;}
  .wrap-terms .head .switch i{font-size: 4vw;}
  .wrap-terms .textarea{}
  .wrap-terms .textarea .inner{
     background: #f2f7fa;
     padding: 5vw;
     font-size: 4vw;
  }
}

.wrap-detail-content{}
.wrap-detail-content .detail-content-inside{ position:relative; z-index:0; max-width: 980px; max-height: 1370px; overflow: hidden; margin:0 auto; }
.wrap-detail-content .detail-content-inside img{ max-width: 100%; height: auto; }
.wrap-detail-content .detail-seemore-btn{ position:relative; z-index:1; text-align: center; margin-top: 30px; }
.wrap-detail-content .detail-seemore-btn:after{position:absolute;left:0;top: -120px;width:100%;height: 100px;background:#fff;content:"";z-index: 0;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8015581232492998) 66%, rgba(255,255,255,1) 86%);}
.wrap-detail-content .detail-seemore-btn button{width:440px;height:65px;border:1px #656464 solid;font-size:20px;font-weight:600;position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center; color: #000;}
.wrap-detail-content .detail-seemore-btn button i{ content:"\ea08"; color: #676767; margin-left: 9px;}

.wrap-detail-content.active .detail-content-inside{ max-height:none; }
.wrap-detail-content.active .detail-seemore-btn:after{ display: none;  }
.wrap-detail-content.active .detail-seemore-btn button i:before{ content:"\ea10";}

@media screen and (max-width: 1200px){
   .wrap-detail-content .detail-content-inside{max-height: 130vw;}
   .wrap-detail-content .detail-seemore-btn{margin-top: 5vw;}
   .wrap-detail-content .detail-seemore-btn:after{ top: -30vw; height: 30vw; }
   .wrap-detail-content .detail-seemore-btn button{ width:100%; height:12vw; font-size:4vw; }
   .wrap-detail-content .detail-seemore-btn button i{ margin-left: 2vw;}
}

.wrap-product-mini{position: relative;display: flex;border: 1px solid #ededef;padding: 12px;align-items: center;}
.wrap-product-mini .box-prd-tmp,
.wrap-product-mini .box-prd-normal{width: 80px;}
.wrap-product-mini .box-prd-normal .thumb_group{ border-radius:0; }
.wrap-product-mini .box-prd-normal .thumb{height: 55px;margin: 13px 0px 9px;} 
.wrap-product-mini .cont{ margin-left: 30px; font-size: 16px; }
.wrap-product-mini .cont .h_1{ color: #000; font-size: 18px; font-weight: 700; }
.wrap-product-mini .cont .t_1{ margin-top: 10px; font-size: 14px;  }
.wrap-product-mini .cont .hash{ margin-top: 3px; font-size: 14px; }
@media screen and (max-width: 1200px){
 .wrap-product-mini{ padding: 3vw; }
 .wrap-product-mini .box-prd-tmp,
 .wrap-product-mini .box-prd-normal{width: 33vw;}
 .wrap-product-mini .box-prd-normal .cover{ border-radius: 0; }
 .wrap-product-mini .box-prd-normal .thumb_group{ border-radius:0; }
 .wrap-product-mini .box-prd-normal .thumb{height: 16vw;margin: 3vw 0px;} 
 .wrap-product-mini .cont{margin-left: 4vw;font-size: 3.6vw;}
 .wrap-product-mini .cont .h_1{font-size: 3.8vw;}
 .wrap-product-mini .cont .t_1{margin-top: 1vw;font-size: 3.2vw;}
 .wrap-product-mini .cont .hash{margin-top: 1vw;font-size: 3vw;}
}


.wrap-prd-policy{ color:#666666; }
.wrap-prd-policy .item{ padding-bottom: 60px; margin-top: 60px; border-bottom: 1px solid #c6d4e7; }
.wrap-prd-policy .item:first-child{margin-top: 0;}
.wrap-prd-policy .h_1{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color:#000;
}
.wrap-prd-policy .txt{
    font-size: 18px;
    line-height: 1.7;
    display: flex;
    margin-top: 23px;
}
.wrap-prd-policy .txt:last-child{ margin-bottom:0;}
.wrap-prd-policy .txt .num{
    min-width: 22px;
}
.wrap-prd-policy .txt .c{}
.wrap-prd-policy .txt_dp2{display:flex;padding-left:22px;font-size: 16px;line-height: 1.6;margin-top: 5px;}
.wrap-prd-policy .txt_dp2 .dot{ min-width:14px;}
.wrap-prd-policy .txt_dp2 .c{}
@media screen and (max-width: 1200px){
 .wrap-prd-policy .item{ padding-bottom: 7vw; margin-top: 7vw; }
 .wrap-prd-policy .item:first-child{margin-top: 0;}
 .wrap-prd-policy .h_1{
     font-size: 4.4vw;
     margin-bottom: 3vw;
     color:#000;
 }
 .wrap-prd-policy .txt{
     font-size: 3.6vw;
     margin-top: 3vw;
 }
 .wrap-prd-policy .txt:last-child{ margin-bottom:0;}
 .wrap-prd-policy .txt .num{
     min-width: 5vw;
 }
 .wrap-prd-policy .txt_dp2{ padding-left:5vw;font-size: 3.2vw; margin-top: 1vw;}
 .wrap-prd-policy .txt_dp2 .dot{ min-width:3vw;}
 .wrap-prd-policy .txt_dp2 .c{}
}

@media screen and (max-width: 1200px){
   .edicus-popuup-mobile{width: 100%;height: 100vh;max-width: none;max-height: none;margin: 0;padding: 0; border-radius: 0;}
   .edicus-popuup-mobile > .inner{background-color: #fff;display: flex;justify-content: center;padding: 0;margin: 0;}
   .edicus-popuup-mobile .head{position: absolute;left: 0;top: 0;height: 11vw;background-color: #fff;width: 100%;display: flex;align-items: center;justify-content: space-between;}
   .edicus-popuup-mobile .head .wrap-palette{ margin:0 0 0 4vw; padding:0;  }
   .edicus-popuup-mobile .head .wrap-palette .btn{ height: 8vw; font-size: 3.3vw;  }
   .edicus-popuup-mobile .head .wrap-palette .btn.st{width: 35vw;}
   .edicus-popuup-mobile button.modal_close{font-size: 6vw;color: #222;top: 2.3vw;right: 5vw;}
   .edicus-popuup-mobile > .inner iframe{ width: 100vw; height: 100vh ; }
   .edicus-popuup-mobile > .inner .modal_content > .inner{padding: 0; margin: 0;}
   
   .edicus_mobile .inner_edicus_mobile{ padding: 16vw 10vw; }
   .edicus_mobile .inner_edicus_mobile > a { display: block; min-height: 200px; }
   
   .inner_edicus_mobile{background: #f4f4f4;}
}

.wrap-chk-list{display: flex;text-align: left;font-size: 16px;}
.wrap-chk-list .col{}
.wrap-chk-list .col.lft{ min-width: 35px; margin-right: 15px; }
.wrap-chk-list .col.cen{}
.wrap-chk-list .col.rgh{ margin-left: auto; }
.wrap-chk-list .col.cen .h_1{ font-size: 20px; color: #000; font-weight: 700; }
.wrap-chk-list .col.cen .t_1{ margin-top: 8px; }
@media screen and (max-width: 1200px){
 .wrap-chk-list{display: flex;text-align: left;font-size: 3.4vw;}
 .wrap-chk-list .col.lft{ min-width: 7vw; margin-right: 1vw; }
 .wrap-chk-list .col.cen .h_1{ font-size: 4vw; }
 .wrap-chk-list .col.cen .t_1{ margin-top: 1vw; }
}