.detail {
  gap:4.15rem;
  grid-gap:4.15rem;
  margin:3rem auto 4rem;
}
.thumbnails {
  position:relative;
  width:100%;
  max-width:33.9rem;
}
.detailproduct .productimg {
  background:#f1efed;
  height:30.9rem;
}
.detailproduct .productimg .flex {
  justify-content:center;
  width:100%;
  height:100%;
}
.detailproduct .productimg .flex img {
  width:auto;
  max-height:70%;
}
.detailproduct .swiper-pagination {
  bottom:35px;
}
.detailproduct .swiper-pagination .swiper-pagination-bullet {
  width:0.3rem;
  height:0.3rem;
  background:#7b7b7b;
}
.product_info {
  width:100%;
  max-width:19.7rem;
}
.product_info .product_title_info {
  padding-bottom:0.75rem;
  border-bottom:1px solid #f1f1f1;
}
.product_info .product_title_info .sub_title {
  font-size:1.05rem;
  line-height:1rem;
  letter-spacing:-0.24px;
  color:var(--main-ocher);
  font-family: "Co-sb";
}
.product_info .product_title {
  font-size:1.6rem;
  letter-spacing:-0.7px;
  color:#2a2a2a;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  line-height:1.5rem;
  margin-top:0.7rem;
  font-weight:var(--semibold);
}
.product_info .comment {
  font-size:0.85rem;
  letter-spacing:-0.61px;
  color:#838383;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
  line-height:1.4rem;
  padding-top:0.6rem;
}
.product_info .priceform {
  margin-top:2.45rem;
  gap:0.6rem;
  grid-gap:0.6rem;
  padding-bottom:1.55rem;
  border-bottom:1px solid #f1f1f1;
}
.product_info .price {
  position:relative;
  gap:0.2rem;
  grid-gap:0.2rem;
}
.product_info .price span:nth-child(1) {
  font-size:0.7rem;
  letter-spacing:-0.5px;
  color:#717171;
  font-weight:var(--medium);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.product_info .price span:nth-child(2) {
  position:relative;
  font-size:1.1rem;
  line-height:1;
  letter-spacing:-0.79px;
  color:var(--main-ocher);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--semibold);
  background:var(--base-white);
}
.amount {
  margin-top:0.9rem;
  justify-content:space-between;
}
.amount > span {
  font-size:0.75rem;
  letter-spacing:-0.17px;
  color:#8b8b8b;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--medium);
}
.amount .count {
  width:5.85rem;
  height:2.05rem;
  background:#f5f5f5;
}
.amount .count > span {
  flex:1;
  height:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.63rem;
  letter-spacing:-0.49px;
  color:#575757;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight:var(--bold);
}
.amount .count > span.minus , .amount .count > span.plus {
  cursor:pointer;
}
.amount .count > span.minus img {
  width:0.6rem;
  height:0.1rem;
}
.amount .count > span.plus img {
  width:0.6rem;
  height:0.6rem;
}
.btns {
  gap:0.4rem;
  grid-gap:0.4rem;
  margin-top:0.85rem;
}
.btns .btn {
  flex:1;
  justify-content:center;
  height:2.5rem;
  box-sizing:border-box;
  cursor:pointer;
}
.btns .btn.basket {
  border:1px solid #d7d7d7;
}
.btns .btn.reservation {
  background:var(--main-ocher);
  box-shadow:0 0.5rem 0.45rem rgba(162,137,91,0.3);
}
.btns .btn span {
  font-size:0.85rem;
  letter-spacing:-0.25px;
  color:#909090;
  font-family: "Co-sb";
}
.btns .btn.reservation span {
  color:var(--base-white);
}
.product_detail {
  padding:0 5rem;
  margin-bottom:4.95rem;
}
.product_detail img {
  width:100%;
}
/* mobile buy -resrvation btn */
.mobile_buy_btn {
  display:none;
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  z-index:999;
  justify-content:center;
  cursor:pointer;
  background:var(--main-ocher);
  height:3.3rem;
  transition:bottom .3s ease;
  transition-duration:1s;
  -webkit-tap-highlight-color:transparent;
}
.mobile_buy_btn.on {
  bottom:-100%;
}
.mobile_buy_btn span {
  font-size:0.8rem;
  letter-spacing:-0.24px;
  color:var(--base-white);
  font-weight:var(--semibold);
  font-family: "Pretendard Variable" , "newyork", sans-serif;
}
.mobile_buy_popup {
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:999999;
}
.mobile_buy_popup .buy_back_banenr {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  z-index:100;
}
.mobile_buy_popup .buy_popup {
  position:absolute;
  left:0;
  bottom:-100%;
  width:100%;
  height:7.9rem;
  background:var(--base-white);
  box-shadow:0 -1px 1.5rem rgba(8,8,8,0.11);
  z-index:200;
  box-sizing:border-box;
  padding:0 1rem;
  transition:bottom .3s ease;
  transition-duration:.5s;
  transition-delay:.1s;
}
.mobile_buy_popup .buy_popup.on {
  transition-duration:.8s;
  bottom:0;
}
.mobile_buy_popup .buy_popup .amount , .mobile_buy_popup .buy_popup .btns {
  display:flex;
}
.mobile_buy_popup .buy_popup .btns .btn {
  border-radius:0.1rem;
}
.mobile_buy_popup .buy_popup .btns .btn span {
  font-size:0.7rem;
}
.mobile_buy_popup .buy_popup .btns .btn.reservation {
  box-shadow:none;
}
.mobile_buy_popup .buy_select {
  position:absolute;
  left:0;
  bottom:-100%;
  width:100%;
  height:7.9rem;
  background:var(--base-white);
  box-shadow:0 -1px 1.5rem rgba(8,8,8,0.11);
  z-index:200;
  box-sizing:border-box;
  padding:0 1rem;
  transition:bottom .3s ease;
  transition-duration:.5s;
  transition-delay:.3s;
}
.mobile_buy_popup .buy_select.on {
  bottom:0;
}
.buy_select {
  text-align:center;
  padding-top:0.8rem;
}
.buy_select h6 {
  font-size:1rem;
  color: #8b8b8b;
  font-family: "Pretendard Variable" , "newyork", sans-serif;
  font-weight: var(--medium);
  padding-top:1.2rem;
}
.buy_select .btns {
  display:flex;
  gap:0.4rem;
  grid-gap:0.4rem;
  margin-top:0.85rem;
}
.buy_select .btns .btn {
  flex: 1;
  justify-content: center;
  height: 2.5rem;
  box-sizing: border-box;
  cursor: pointer;
  background: var(--main-ocher);
  border-radius:0.1rem;
}
.buy_select .btns .btn span {
  font-size: 0.7rem;
  letter-spacing: -0.25px;
  color: var(--base-white);
  font-family: "Co-sb";
}
@media screen and (max-width:501px){
  .product_info .product_title_info {border-bottom:none;padding-bottom:0.8rem !important;}
  .product_info .product_title {font-size:1.2rem !important;margin-top:0.35rem;}
  .product_info .comment {padding-top:0.2rem;font-size:0.75rem;line-height:1.25rem;}
  .product_info .priceform {margin-top:0 !important;}
  .product_detail {padding:0;}
}