@charset "utf-8";

/*헤더 아이콘변경*/
.header-item > .header-item-left{width: 100%; display: flex; flex-direction: row; list-style: none; margin-bottom: 0px; padding-left: 0px; }
.header-item > .header-item-left li{margin-right: 8px;}
.header-item > .header-item-left li:last-child{margin-right: 0px;}

.header-item > .header-item-right{width: 100%; display: flex; flex-direction: row; list-style: none; margin-bottom: 0px; padding-left: 0px; }
.header-item > .header-item-right li{margin-right: 8px;}
.header-item > .header-item-right li:last-child{margin-right: 0px;}

/*메인배너 mr_banner_wrap*/
.mr_banner_wrap{width: 100%;}
.mr_banner_wrap > .swiper {width: 100%; height: 216px;}
.mr_banner_wrap > .swiper > .swiper-wrapper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.mr_banner_wrap > .swiper > .swiper-wrapper .swiper-slide img {    display: block; width: 100%; height: 100%; object-fit: cover;}
.mr_banner_wrap > .swiper > .swiper-pagination{display: flex;    justify-content: flex-end;    padding-right: 10px;}


/*메뉴 카테고리 아이콘*/
.mr_category_icon{width: 100%; margin-top: 25px;}
.mr_category_icon ul{display: flex; flex-direction: row; justify-content: space-between; margin: 0px; padding:0 20px;}
.mr_category_icon ul li{display: flex; flex-direction: column; align-items: center;}
.mr_category_icon ul li > img{width: 35px; height: 35px; margin-bottom: 6px; object-fit: contain;}
.mr_category_icon ul li > span{font-size: .88em; color:#9a9a9a;}

/*신상품*/
.mr_new_product{width: 100%; margin-top: 30px; padding:0 0 0 20px; }
.mr_new_product h4{font-size: 1em; font-weight: bold; margin-top: 0px;}

.mr_new_product .swiper {
    width: 100%;
    height: 100%;
    padding-right: 20px;
}

.mr_new_product .swiper-slide {font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    
}

.mr_new_product .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mr_new_product .swiper-slide .mnp_thum{position: relative;}
.mr_new_product .swiper-slide .mnp_thum img.mnp_main{border-radius: 10px; width: 128px; height: 128px; object-fit: cover; }
.mr_new_product .swiper-slide .mnp_thum img.mnp_heart{width: 20px; height: 18px; position: absolute; right:10px; bottom:10px;}

.mr_new_product .swiper-slide .mnp_info{
    width: 100%; text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box; text-align: left;
    -webkit-line-clamp: 2; font-size: .7em;
    -webkit-box-orient: vertical; margin-top: 6px;
}

.mr_new_product .swiper-slide .mnp_price{display: flex; flex-direction: column; align-items: flex-start;}
.mr_new_product .swiper-slide .mnp_price > .mnp_price1{font-weight: bold; font-size: .8em; margin:5px 0;}

.mr_new_product .swiper-slide .mnp_price > div img{width: 16px; margin-right: 4px;}
.mr_new_product .swiper-slide .mnp_price > div{color:#169aa8; font-size: .8em; display: flex; flex-direction: row; align-items: center;}

.mr_new_product .swiper-slide .mnp_price > div span.mnp_price2{color:#169aa8; font-weight: bold;}

.mr_new_product .swiper-slide .mnp_price > .mnp_txt{color:#9e9e9e; font-size: .6em; text-align: left; margin-top: 2px; letter-spacing: -.5px;}



/*프라임 얼리버드*/
.mr_prime_cont{width: 100%; margin-top: 30px; padding:0 0 0 20px; }

/*240822 수정*/
.mr_prime_cont > div.mpc_tit{display: flex; flex-direction: column; width: 100%; justify-content: space-between; padding-right: 20px; align-items: flex-start;}
.mr_prime_cont h4{font-size: 1em; font-weight: bold; margin-bottom: 0px; margin-top: 0px;}

.mr_prime_cont h4 span{color: #d1342a; font-size: .75em; margin-left: 5px;}

.mr_prime_cont > div.mpc_tit input{border:none; font-weight: bold; color: #d1342a; max-width: 100px; padding:0px;text-align: left; height: 30px;}
/*240822 수정*/

.mr_prime_cont .swiper {    width: 100%;    height: 100%;    padding-right: 20px;}

.mr_prime_cont .swiper-slide {font-size: 18px;    display: flex;    flex-direction: column; justify-content: center;        align-items: flex-start; }

.mr_prime_cont .swiper-slide img {display: block;    width: 100%;    height: 100%;    object-fit: cover;}
.mr_prime_cont .swiper-slide .mnp_thum{position: relative;}
.mr_prime_cont .swiper-slide .mnp_thum img.mnp_main{border-radius: 10px; width: 128px; height: 128px; object-fit: cover; }
.mr_prime_cont .swiper-slide .mnp_thum img.mnp_heart{width: 20px; height: 18px; position: absolute; right:10px; bottom:10px;}

.mr_prime_cont .swiper-slide .mnp_info{
    width: 100%; text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box; text-align: left;
    -webkit-line-clamp: 2; font-size: .7em;
    -webkit-box-orient: vertical; margin-top: 6px;
}

.mr_prime_cont .swiper-slide .mnp_price{display: flex; flex-direction: column; align-items: flex-start;}
.mr_prime_cont .swiper-slide .mnp_price > .mnp_price1{font-weight: bold; font-size: .8em; margin:5px 0;}

.mr_prime_cont .swiper-slide .mnp_price > div img{width: 16px; margin-right: 4px;}
.mr_prime_cont .swiper-slide .mnp_price > div{color:#169aa8; font-size: .8em; display: flex; flex-direction: row; align-items: center;}

.mr_prime_cont .swiper-slide .mnp_price > div span.mnp_price2{color:#169aa8; font-weight: bold;}

.mr_prime_cont .swiper-slide .mnp_price > .mnp_txt{color:#9e9e9e; font-size: .6em; text-align: left; margin-top: 2px; letter-spacing: -.5px;}


/*인기상품 카테고리*/
.mr_popular_cont{width: 100%; margin-top: 30px; padding:0 0 0 20px; }
.mr_popular_cont h4{font-size: 1em; font-weight: bold; margin: 0 auto 10px;}
 
#app {
    width: 100%;
    margin: 0 auto 20px;
}
.tab-menu222{padding-right: 15px; margin-bottom: 10px;}
.tab-menu222 .swiper-wrapper .swiper-slide {
    padding: 4px 0px;
    text-align: center;
    color: #000;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 15px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    font-size: .85em;
  }

.tab-menu222 .swiper-wrapper .swiper-slide-thumb-active {
    background-color: #de322a; color:#fff;
    border:1px solid #de322a;
  }

  .tab-content .swiper-wrapper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .tc_swiper.swiper {    width: 100%;    height: 100%;    padding-right: 20px;}

  .tc_swiper .swiper-slide {font-size: 18px;    display: flex;    flex-direction: column; justify-content: center;      align-items: flex-start;}
  
  .tc_swiper .swiper-slide img {display: block;    width: 100%;    height: 100%;    object-fit: cover;}
  .tc_swiper .swiper-slide .mnp_thum{position: relative;}
  .tc_swiper .swiper-slide .mnp_thum img.mnp_main{border-radius: 10px; width: 128px; height: 128px; object-fit: cover; }
  .tc_swiper .swiper-slide .mnp_thum img.mnp_heart{width: 20px; height: 18px; position: absolute; right:10px; bottom:10px;}
  
  .tc_swiper .swiper-slide .mnp_info{
      width: 100%; text-overflow: ellipsis;
      overflow: hidden;
      word-break: break-word;
      display: -webkit-box; text-align: left;
      -webkit-line-clamp: 2; font-size: .7em;
      -webkit-box-orient: vertical; margin-top: 6px;
  }
  
  .tc_swiper .swiper-slide .mnp_price{display: flex; flex-direction: column; align-items: flex-start;}
  .tc_swiper .swiper-slide .mnp_price > .mnp_price1{font-weight: bold; font-size: .8em; margin:5px 0;}
  
  .tc_swiper .swiper-slide .mnp_price > div img{width: 16px; margin-right: 4px;}
  .tc_swiper .swiper-slide .mnp_price > div{color:#169aa8; font-size: .8em; display: flex; flex-direction: row; align-items: center;}
  
  .tc_swiper .swiper-slide .mnp_price > div span.mnp_price2{color:#169aa8; font-weight: bold;}
  
  .tc_swiper .swiper-slide .mnp_price > .mnp_txt{color:#9e9e9e; font-size: .6em; text-align: left; margin-top: 2px; letter-spacing: -.5px;}

/*고정 띠배너*/
.mr_sub_banner{width: 100%; height: 70px;}
.mr_sub_banner img{width: 100%; height: 100%; object-fit: contain;}

/*고정 띠배너*/
.mr_howabout_product{width: 100%; margin-top: 30px; padding:0 20px; }
.mr_howabout_product h4{font-size: 1em; font-weight: bold; margin-top: 0px;}


.mr_howabout_product .mhp_ul {
  width: 100%;
  height: 100%;
  display: flex; flex-direction: row;
  flex-wrap: wrap;
  margin: 0px; padding: 0px;
}

.mr_howabout_product .mhp_ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 47%; margin-right: 6%;
  margin-bottom: 10px;
}
.mr_howabout_product .mhp_ul li:nth-child(2n){margin-right: 0px;}

.mr_howabout_product .mhp_ul li .mnp_thum{position: relative; width: 100%;}
.mr_howabout_product .mhp_ul li .mnp_thum img.mnp_main{border-radius: 10px; width: 100%; height: 100%; object-fit: cover; }
.mr_howabout_product .mhp_ul li .mnp_thum img.mnp_heart{width: 20px; height: 18px; position: absolute; right:10px; bottom:10px;}

.mr_howabout_product .mhp_ul li .mnp_info{
  width: 100%; text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box; text-align: left;
  -webkit-line-clamp: 2; font-size: .9em;
  -webkit-box-orient: vertical; margin-top: 6px;
}

.mr_howabout_product .mhp_ul li .mnp_price{display: flex; flex-direction: column; align-items: flex-start;}
.mr_howabout_product .mhp_ul li .mnp_price > .mnp_price1{font-weight: bold; font-size: 1em; margin:5px 0;}

.mr_howabout_product .mhp_ul li .mnp_price > div img{width: 16px; margin-right: 4px;}
.mr_howabout_product .mhp_ul li .mnp_price > div{color:#169aa8; font-size: 1em; display: flex; flex-direction: row; align-items: center;}

.mr_howabout_product .mhp_ul li .mnp_price > div span.mnp_price2{color:#169aa8; font-weight: bold;}

.mr_howabout_product .mhp_ul li .mnp_price > .mnp_txt{color:#9e9e9e; font-size: .6em; text-align: left; margin-top: 2px; letter-spacing: -.5px;}




.footer_link{margin-top: 40px;}



/* p_droduct_detail_renewal.htm */
.font-ff0000-15{
  color: #ff0000;
}
.font-000-18{
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.font-169aa8-13{
  color: #169aa8;
  font-size: 13px;
  font-weight: normal;
}
.font-000{
  color: #000;
}
.font-000-15{
  color: #000;
  font-size: 15px;
}

.product-detail .sale-price{
  color: #000;
  font-weight: bold;
  font-size: 20px;
  font-family: "Pretenard";
}
.product-detail .sale-price span{
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.ttc-sale-txt {
  color: #9e9e9e;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 4px;
}

.ttco-percent-badge {
  background: #cc0000;
  color: #fff;
  font-size: .8em;
  border-radius: 16px;
  padding: 0px 14px;
  font-weight: normal;
}



.shipping-delivery-date {
  color: #d1342a;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 1em;
}

.border-btm {
  border-bottom: 1px solid #cacaca !important;
}

.btn-45-none.active{
  background-color: #d1342a;
  border-radius: 12px;

}

/* option-tool */
.option-content{
  border-radius: 20px 20px 0 0;
  background-color: #f2f1f1;
}
#prod-select{
  background-color: #fff;
  padding-bottom: 10px;
} 
.option-kind {
  margin: 0px;
}
.option-kind:last-of-type {
  margin-top: 10px;
}


.product-select {
  padding: 8px 12px;
  border: 1px solid #cacaca;
  border-radius: 5px;
}

#prod-control{
  background-color: #fff;
  margin: 10px 20px;
  padding: 16px 18px 10px !important;
  border-radius: 10px;
}

.prod-count {
  box-shadow: 0px 0px #cacaca;
  float: left;
  border-radius: 30px;
  height: 20px;
  margin: 8px 0 0 0;
}

.prod-count .tag-minuse,
.prod-count .tag-plus{
  width: 25px;
  height: 20px;
  border: none;
  color: #000;
  font-size: 15px;
  text-align: center;
  float: left;
  padding-top: 0px;
  font-weight: 400;
}
.prod-count .tag-number{
  width: 25px;
  height: 20px;
  border: none;
  color: #000;
  font-size: 15px;
  text-align: center;
  float: left;
  padding-top: 0px;
}

.prod-count input#tag-number,
.prod-count .tag-number {
  height: auto !important;
  font-weight: bold;
}
.prod-tit{
  font-size: 48px;
  color: red;
}
.pos-fix{
  padding: 0 20px;
}

.h-40{
  height: 40px !important;
}

.option-tool-rnl{
  position: fixed;
  width: 100%;
  bottom: -60%;
  z-index: 1000;
  height: 60%;
  max-width: 1100px;
  background-color: #f2f1f1;
  box-shadow: rgba(0, 0, 0, 0.08) 0px -2px 20px;
  border-radius: 20px 20px 0 0;
}

#prod-select-rnl{
  padding: 20px;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}

#prod-select-rnl h4{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 16px 0;
  padding: 0;
}

#product-select-result-rnl{
  margin: 15px 20px;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 10px 15px 20px;
  position: relative;
}
.prod-control-rnl{
font-size: 14px;
font-weight: bold;
color: #000;
display: flex;
height: 100%;
justify-content: space-between;
align-items: center;
}

.item-price-rnl{
  text-decoration: line-through;
  text-align: right;
}
.ttco-price-rnl{
  text-align: right;
  color: #169aa8;
}
.ttco-price-rnl span{
  padding: 0;
  margin: 0;
}
.ttco-price-rnl .s_font{
  font-size: 12px;
  padding: 0;
}
.coupon-price-rnl{
  text-align: right;
  color: #169aa8;
}

.pos-ab-rnl{
  position: absolute;
  bottom: 0; width: 100%;
  padding: 0 20px;text-align: center;height: 100px;background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.total-price-rnl{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: 5px auto;
  align-items: baseline;
}
.total-price-rnl h5{
  font-size: 15px;
  color: #000;
  font-weight: bold;
  padding-right: 15px;
}
.total-price-rnl .price-rnl{
  display: flex;
  align-items: end;
  color: #d1342a;
  font-size: 15px;
  font-weight: bold;
}
.total-price-rnl .delivery-rnl{
  font-size: 12px;
  color: #929292;
  font-weight: 400;

}

.btn-section-rnl{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0 25px;
  padding: 0;
}

.btn-section-rnl div.col-xs-6:first-child{
  margin-right: 5px;
}
.btn-section-rnl div.col-xs-6:last-child{
  margin-left: 5px;
}

.buy-fix{
  bottom: 0;border-top: 1px solid #cacaca; width: 100%; z-index: 100;max-width: 1100px;
  display: flex;
  justify-content: center;
  height: 70px;
}

#buy_btn{
  height: 36px;
  line-height: 36px;
  padding: 0;
}

.mask_close {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 100%;
  margin-left: -15px;
  z-index: 15010;
}

#fake-bg{
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.0);
  top: -70px;
  overflow: hidden;
  z-index: 99;
  display: none;
}


/* m_event_detail_renewal.htm */
#header-other .main_logo{
  position: absolute;
  left: 50%;
  transform: translateX(-50%); 
}

#event-title{
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: 600;
  padding: 16px;
  border-top: 1px solid #d9d9d9;
}
#event-image img{
  width: 100%;
  height: 70px;
  object-fit: cover;
}

.mr_howabout_product .mhp_ul li .mnp_price .rwo-line{
  display: table;
}
.mr_howabout_product .mhp_ul li .mnp_price .review-count{
  font-size: 0.79em;
  color: #222;
  vertical-align: bottom;
}


@media screen and (min-width:1000px){
  .mr_howabout_product .mhp_ul li{width: 23.5%; margin-right: 2%;}
  .mr_howabout_product .mhp_ul li:nth-child(2n){margin-right: 2%;}
  .mr_howabout_product .mhp_ul li:nth-child(4n){margin-right: 0px;}
}

@media screen and (max-width:390px){
  .mr_prime_cont > div.mpc_tit{flex-direction: column;     align-items: flex-start; margin-bottom: 10px;}
  .mr_prime_cont > div.mpc_tit input{height: 30px;}
  .mr_prime_cont h4{margin-bottom: 0px;}
}

/*240822 추가*/
@media screen and (max-width:480px){

  .mr_new_product .swiper-slide .mnp_thum img.mnp_main{
    width: 140px;
    height: 140px;
  }
  .mr_prime_cont .swiper-slide .mnp_thum img.mnp_main{
    width: 140px;
    height: 140px;
  }

  .tc_swiper .swiper-slide .mnp_thum img.mnp_main{
    width: 140px;
    height: 140px;
  }
}

@media screen and (min-width:400px) and (max-width:479px){
  .mr_new_product .swiper-slide .mnp_thum img.mnp_main{
    width: 130px;
   height: 130px;
  }
  .mr_prime_cont .swiper-slide .mnp_thum img.mnp_main{
    width: 130px;
   height: 130px;
  }

  .tc_swiper .swiper-slide .mnp_thum img.mnp_main{
    width: 130px;
   height: 130px;
  }
}

/*230822 추가*/

/*240822 수정 */
@media screen and (min-width:321px) and (max-width:399px){
  .mr_new_product .swiper-slide .mnp_thum img.mnp_main{
    width: 125px;
   height: 125px;
  }
  .mr_prime_cont .swiper-slide .mnp_thum img.mnp_main{
    width: 125px;
   height: 125px;
  }

  .tc_swiper .swiper-slide .mnp_thum img.mnp_main{
    width: 125px;
   height: 125px;
  }
}



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

  .mr_new_product .swiper-slide .mnp_thum img.mnp_main{
    width: 120px;
    height: 120px;
  }
  .mr_prime_cont .swiper-slide .mnp_thum img.mnp_main{
    width: 120px;
    height: 120px;
  }

  .tc_swiper .swiper-slide .mnp_thum img.mnp_main{
    width: 120px;
    height: 120px;
  }

 
}
/*240822 수정 */

/* 240820 mproduct-detail-renewal.html 옵션 취소 버튼 */

#product-select-result-rnl {
  padding: 15px 15px 15px 20px;
}

.prod-control-rnl{
  align-items: flex-start;
}
.prod-flex{
  border: 1px solid red;
  height: 100%;
}
.cancel-rnl{
  width: 12px;
  height: 12px;
  margin-bottom: 12px;
  text-align: right;
  margin-left: auto;
  display: flex;
  cursor: pointer;
}

.cancel-rnl img{
  width:100%;
  height: 100%;
  object-fit: contain;
}

/* 240823 */
.mr_howabout_product .mhp_ul li {
  justify-content: flex-start;
}

.mr_howabout_product .mhp_ul li .mnp_thum{
  position: relative;
}

.mr_howabout_product .mhp_ul li .mnp_thum::after{
  display: block;
  content: "";
  padding-bottom: 100%;
}

.mr_howabout_product .mhp_ul li .mnp_thum img.mnp_main{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 240902 m_product_detail.htm */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}

.swiper-zoom-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-zoom-container::after {
  display: block;
  content: "";
  padding-bottom: 100%;
}