/* BASIC css start */
#wrap{display:none;}

#roading{width:100%;height: 100vh;display:inline-block;text-align:center;background:#b82230;overflow:hidden; position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
#roading  #main_logo{width: 100%;height: 100%;position: absolute;top: 20%;}
#roading  #main_logo h1{font-size: 45px;font-weight: bolder;color: #fff;padding: 2% 0 1%;box-sizing: border-box;}
#roading  #main_logo .road_p{font-size: 25px;color: #fff;}

#roading  #main_logo img{width:20%;}
#detailpage{display:none;}

.ms-promo-wrap {
  text-align: center;
  margin: 30px auto;
  padding: 20px;
  max-width: 350px;
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
}
.ms-promo-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.ms-promo-inputbox {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.ms-promo-inputbox input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}
.ms-promo-inputbox button {
  padding: 8px 14px;
  background: #222;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}
.ms-promo-inputbox button:hover {
  background: #444;
}
.ms-promo-msg {
  margin-top: 10px;
  font-size: 13px;
}






/* 메인 비쥬얼 배너 */
.visual-banner {position:relative; overflow:hidden;}
.visual-banner .inner img {width:70%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:90px; height:2px; top:auto; bottom:19px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .swiper-button-prev:after,
.visual-banner .swiper-button-next:after {display:none;}
.visual-banner .txtbox {display:inline-block; text-align:center; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:52%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #5c1924; font-size: 18px; letter-spacing: 2px; font-weight:500; margin-bottom:10px;}
.visual-banner .txtbox .txt02 {line-height:31px; background-color: rgba(247,247,247,.3); color: #f7f7f7; font-weight: bold; font-size: 12px; letter-spacing: 2px; padding:0 30px;}

/* 추가내용 */
.visual-banner .swiper,
.visual-banner .swiper-slide {width: 100%;height: 100%;}
.visual-banner .swiper-slide img {width: 100%;height: 100%;object-fit: cover; /* 이미지 꽉 차게 */display: block;}
.h_span{width:100%;display:inline-block;text-align:center; margin-bottom: 10px; font-weight: 700; font-size: 22px;}
.h3_title{width:100%;display:inline-block;text-align:center;font-weight: 700 !important; font-size:44px !important;}
#span_discount{background:#b82230;font-weight:bold;border-radius:10px; padding: 5px 10px;width: auto;color:#fff;display:inline-block;font-size:13px;margin-left:3px;}


/* 중앙배너 */
.midbanner {max-width:1500px; margin:35px auto 15px; display:flex;}
.midbanner a {display:inline-block; flex:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
.midbanner a:hover {opacity:0.7;}
.midbanner a:first-child {margin-right:23px;}
.midbanner a img {width:100%;}

/* BEST 상품 */
.prd01 .item-wrap {position:relative; overflow: inherit;}
.prd01 .item-wrap .item-cont {overflow:hidden;}
.prd01 .cateTit {position:relative;}
.prd01 .controller {position:absolute; top:35px; right:0;}
.prd01 .controller .swiper-fraction {text-align:right; color: #ce7777; font-size: 12px; font-weight: 800; padding-bottom:8px;}
.prd01 .controller .swiper-fraction .swiper-pagination-current {color: #ce7777;}
.prd01 .controller .swiper-pagination {width:90px; height:2px; position:static; background:#f7f7f7;}
.prd01 .controller .swiper-pagination span {background:#ce7777}
.prd01 .swiper-button-prev {left:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-next {right:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-prev:after,
.prd01 .swiper-button-next:after {display:none;}


/* 추가css */
.item-wrap .item-cont1 .item-list {width:22.8%; margin-right:2.64%; display:inline-block; vertical-align:top; transition:all .3s ease; -webkit-transition:all .3s ease;}
.item-wrap .item-cont1 .item-list:hover {opacity:0.7;}
.item-wrap .item-cont1 .item-list:nth-child(4n) {margin-right:0;}
.item-wrap .item-cont1 .item-list .thumb { width:100%; height:auto; overflow:hidden; position:relative;}
.item-wrap .item-cont1 .item-list .thumb img { width:100%;}
.item-wrap .item-cont1 .item-list .thumb .discount-txt {font-size:12px; font-family:'Montserrat',sans-serif; font-weight:bold; background:#3a3a3a; color:#fff; position:absolute; left:0; bottom:0; width:52px; line-height:27px; text-align:center;}
.item-wrap .item-cont1 .item-list .prd-info { padding:10px 0 80px; overflow:hidden }
.item-wrap .item-cont1 .item-list .prd-info * {line-height:1;}
.item-wrap .item-cont1 .item-list .prd-ico img { margin:2px }
.item-wrap .item-cont1 .item-list .prd-review {text-align:right; }
.item-wrap .item-cont1 .item-list .prd-review a {color: #ce7777; font-weight: 300; }
.item-wrap .item-cont1 .item-list .prd-name {padding: 5px 0 20px;}
.item-wrap .item-cont1 .item-list .prd-name a { display:block; font-size: 16px; color: #2f2f2f; font-weight: 300;}
.item-wrap .item-cont1 .item-list .prd-price {}
.item-wrap .item-cont1 .item-list .prd-price .soldout{font-size:13px; color: #c98c8c;}

.item-wrap .item-cont1 .item-list .prd-price .price {font-size: 13px; color: #000000; line-height:22px;}
.item-wrap .item-cont1 .item-list .prd-price strike {font-size: 13px; text-decoration: line-through; color: #dcc6c6; font-weight: 300; margin-left:7px; line-height:22px;}
.item-wrap .item-cont1 .item-list .prd-subname a {font-size: 12px; color: #c5c5c5; font-weight: 300; padding-top:14px; margin-top:9px;}
.item-wrap .item-cont1 .item-list .prd-color { padding-top:5px }
.item-wrap .item-cont1 .item-list .prd-preview { display:inline-block; width: 48px; height: 22px; line-height: 20px; border-radius: 11px; border:1px solid #fff; background-color: #deadad; text-align:center; font-size: 10px; color: #ffffff; font-weight: 700; font-family: "Montserrat",sans-serif; float:right; box-sizing:border-box; }
.item-wrap .item-cont1 .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont1 .item-list .prd-benefit { padding-top:5px }
.item-wrap .item-cont1 .item-list .prd-wish { padding-top: 14px; }
.item-wrap .item-cont1 .item-list .prd-wish a { font-family: 'malgun gothic'; font-size: 14px; color: #000; }
.item-wrap .item-cont1 .item-list .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
.item-wrap .item-cont1 .item-list .prd-wish i.fa-heart { display:none; color: #f41f3a; }
.item-wrap .item-cont1 .item-list .prd-wish .wish-on i.fa-heart { display:inline-block; }
.item-wrap .item-cont1 .item-list .prd-wish .wish-on i.fa-heart-o { display:none; }
.item-wrap .item-cont1 .item-list .prd-subname { margin-top:13px; padding-top:13px; color:#c5c5c5; border-top:1px solid #f7f7f7; }
.item-wrap .item-cont1 .item-list .MK-product-icons img { vertical-align: middle }
.item-wrap .item-cont1 .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }












/* 상품폼 */
.prd-more {text-align:center; margin-top:35px;}
.prd-more a {width:280px; height:56px; line-height:56px; display:inline-block; border-radius:10px; border: 1px solid #f7f7f7; color: #c5c5c5; font-size: 13px; letter-spacing: 1.5px; font-family:'Montserrat',sans-serif; font-weight:bold;}


@media screen and (max-width:1780px){
    .prd01 .swiper-button-next,
    .prd01 .swiper-button-prev {display:none;}
    
    
}    
/* BASIC css end */