/* BASIC css start */
/* 롤링배너 */
#event { /* margin-top:-50px; */ }
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position:absolute; bottom:10px; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px;  background: #999; width: 10px; height: 10px;  border-radius: 20px;}
#event .pagination .swiper-active-switch {     opacity: 1;   background: #fff;   border: 0px solid rgba(255, 255, 255, 1);   box-sizing: content-box;   position: relative;    }
/* //롤링배너 */


/* 슬라이드 + 배너5개 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#rollbnr-box { width:100%;margin:0 auto; position:relative;  clear: both ;  padding-top:10px; }
#rollbnr-box .item01 {float:left; width:51.5%; height:auto; overflow: hidden;}
#rollbnr-box .item01 .s-item { width: auto; position:relative;display:block;  text-align:center;margin:0 auto;}
#rollbnr-box .item01 .s-item img{  width: 100%; }

#rollbnr-box .item01 .slick-prev,#rollbnr-box .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */
#rollbnr-box .item01 .slick-prev{ left:-20px; background:url(/design/dachaeum01/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
#rollbnr-box .item01 .slick-next{ right:-20px; background:url(/design/dachaeum01/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
#rollbnr-box .item01:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;filter:alpha(opacity=70);} /* 이전마우스오버시 위치 */
#rollbnr-box .item01:hover .slick-next{ right:0px;  margin-right:0px;opacity:0.7;filter:alpha(opacity=70);}  /* 다음마우스오버시 위치 */
#rollbnr-box .item01 .slick-prev:hover{ left:0px;background:url(/design/dachaeum01/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
#rollbnr-box .item01 .slick-next:hover{ right:0px;background:url(/design/dachaeum01/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
#rollbnr-box .item01 .slick-prev,#rollbnr-box .item01 .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
#rollbnr-box .item01 .slick-slider{margin-bottom:0;}
#rollbnr-box .item01 .slick-dots{ position:absolute;bottom:0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#rollbnr-box .item01 .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#rollbnr-box .item01 .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#rollbnr-box .item01 .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#rollbnr-box .item01 .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#rollbnr-box .item01 .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
#rollbnr-box .item01 .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

#rollbnr-box .item02 {float:right; width:47.5%; }
#rollbnr-box .item02 img { width:100% }
#rollbnr-box .item03 { width:100%; padding-top:1%; clear: both }
#rollbnr-box .item03 img { width:100% }


/* 위클리베스트 */

.todayList {  background:#fff !important;  margin:0px auto 30px;  overflow:hidden; padding:30px 0 ;  }
.today_silde {  width:100%; position:relative;  border:0px solid #000 ; }
.today_silde .s-item { position:relative;display:block; /* height:px; */ padding:10px;  text-align:left; }
.today_silde .s-item img { width: 100%; /* height:px; */  margin:0 auto 10px; }
.item1 {  margin:0 auto;   box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.item_box1 { display:inline-block; width:49%; border:0px solid #000 ; box-sizing:border-box;  /* min-height:500px; */ ;vertical-align: top; } /* 슬라이드최소높이지정 */

.grid1 li { display:inline-block; font-size:12px;  line-height:20px;  }
.grid1 .list_shoppingInfo { text-align:left;  }


.slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider:hover .slick-next,.slick-slider:hover .slick-prev{display:block !important;}
.invisible{visibility: hidden;}
.slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slick-track{position: relative;left:0;top:0;display:block;}
.slick-track:before,.slick-track:after{content: "";display: table;}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide {float: left;height:auto; display: none;}
[dir="rtl"].slick-slide {   float: left; }
.slick-slide img{  }
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}

.today_silde .slick-dots{  position:absolute;bottom:0px;left:0px;padding:0;list-style: none; display:block; text-align:center;width:100%;  }
.today_silde .slick-dots{  position:absolute;bottom:0px;left:0px;padding:0;list-style: none; display:block; text-align:center;width:100%;  }

.today_silde .slick-dots li { position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer; border:0px solid #000; width:10px; }
.today_silde .slick-dots li button {border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.today_silde .slick-dots li button:hover, .best_silde .slick-dots li button:focus{outline: none;}
.today_silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.today_silde .slick-dots li button:before{ display:block;width:10px;height:10px;content: "";background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.today_silde .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


/* 다채움 가이드영역 (2021.01.06) */
.main_list_title { margin-top: 15px; }
.title_space {margin-top: 45px; }


/* 슬라이드배너  sbnr2 */

#sbnr_box { width:100%; margin:0 auto; padding:0 ;position:relative;  clear: both; background:rgba(245,245,245,0.5);overflow: hidden;   } 
.sbnr2 { max-width:100%; margin:0 auto 0px;height:autox; overflow: hidden;}
.sbnr2 .s-item { position:relative;display:block; /* height:px; */  text-align:center;margin:0 auto;  background:rgba(0,0,0,1); }
.sbnr2 .s-item img{ width:100%; margin:0 auto; -o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;- }
.sbnr2 .s-item img:hover { margin:0 auto; /* opacity:0.7;filter:alpha(opacity=70); */ }
.sbnr2 .slick-prev,.sbnr2 .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.sbnr2 .slick-prev{ left:-20px; background:url(/design/dachaeum01/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.sbnr2 .slick-next{ right:-20px; background:url(/design/dachaeum01/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.sbnr2:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;filter:alpha(opacity=70);} /* 이전마우스오버시 위치 */
.sbnr2:hover .slick-next{ right:0px;  margin-right:0px;opacity:0.7;filter:alpha(opacity=70);}  /* 다음마우스오버시 위치 */
.sbnr2 .slick-prev:hover{ left:0px;background:url(/design/dachaeum01/wizdesign/main_arrow_prev_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
.sbnr2 .slick-next:hover{ right:0px;background:url(/design/dachaeum01/wizdesign/main_arrow_next_black.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */
.sbnr2 .slick-prev,.sbnr2 .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.sbnr2 .slick-slider{margin-bottom:0;}
.sbnr2 .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
.sbnr2 .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.sbnr2 .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.sbnr2 .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.sbnr2 .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.sbnr2 .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1; -o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.sbnr2 .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */
 

/* 롱슬라이드배너영역 long_box */

#long_box { position:relative; overflow:hidden; border:0px solid #000 ; width:100% ; height:auto; }
#long_box .long-inner { max-width:100%; margin:0 auto 0px;height:autox; overflow: hidden; }
.long-slide .s-item { position:relative;display:block; height:auto; text-align:center; margin:0 auto;}
.long-slide .s-item img{ width:100%;text-align:center;    /* height:px; */ }
.long-slide .slick-prev,.long-slide .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:30px;font-size:0; outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0); left:50% !important;  margin-left:620px;  background:transparent; z-index:3;}   /* 화살표 처음위치 */
.long-slide .slick-prev{top:49px; right:0; background:url(/design/dachaeum01/wizdesign/arr-topr-up.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.long-slide .slick-next{top:79px;right:0;;background:url(/design/dachaeum01/wizdesign/arr-topr-down.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.long-slide:hover .slick-prev{ opacity:0.5;filter:alpha(opacity=50);} /* 이전마우스오버시 위치 */
.long-slide:hover .slick-next{ opacity:0.5;filter:alpha(opacity=50);}  /* 다음마우스오버시 위치 */
.long-slide .slick-prev:hover{background:url(/design/dachaeum01/wizdesign/arr-topr-up.png) 50% 50% no-repeat; opacity:0.8; filter:alpha(opacity=80);}  /* 이전화살표 마우스오버시 효과 */
.long-slide .slick-next:hover{background:url(/design/dachaeum01/wizdesign/arr-topr-down.png) 50% 50% no-repeat; opacity:0.8; filter:alpha(opacity=80);}  /* 다음화살표 마우스오버시 효과 */
.long-slide .slick-prev,.long-slide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important; -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.long-slide .slick-slider{margin-bottom:0;}
.long-slide .slick-dots { position:absolute; bottom:5px; padding:0; list-style: none; display:block; text-align:center;width:100%;  opacity:1; filter:alpha(opacity=100); -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.long-slide:hover .slick-dots { opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.long-slide .slick-dots li { position: relative;display: inline-block;margin:0;padding:0;cursor: pointer;  }
.long-slide .slick-dots li button { background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.long-slide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.long-slide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.long-slide .slick-dots li button:before{display:block;width:30px;height:5px;content: "";;background:#ddd; border-radius:0px;border:0px solid #888;font-size:0; margin:0 1px; text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.long-slide .slick-dots li.slick-active button:before {   background:#000; width:30px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


/* 상품슬라이드 */

.main_title {text-align:center; }
.main_title h1 { font-size:18px; padding-bottom:5px; font-weight:600; color:#414141; text-transform:uppercase;letter-spacing:-1px; margin-top:100px; }
.main_title .subtxt { font-size:14px; color:#000; font-weight:300; margin:0 0 30px 0; }
.main_title .btn {  text-align:center;  margin:0 auto 30px; width:150px;  }
.main_title .btn a { display:block; text-align:center; color:#333; font-size:14px; font-weight:bold; border:3px solid #333; border-radius:15px; background: #f2f2f2;  height: 25px; line-height: 23px; ;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;  }
.main_title .btn a:hover { display:block; color:#fff; background: #333;  }


.item-silde-re {  width:100%; margin:0 auto 50px; position:relative; border:0px solid #000 }
.item-silde-re .s-item { display:block; padding:5px; position:relative;  overflow:hidden;  }
.item-silde-re .s-item > img {  max-width: auto; /* height:px; */ overflow:hidden;  }
.item-wrap .item-thumb a img { width: 100%; transition:opacity 0.25s ease-in-out;  }

.item-silde-re .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent;}
.item-silde-re .slick-prev, .item-silde-re .slick-next{ position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:40%; outline: none;padding:0;border:0; opacity:0.3; filter:alpha(opacity=30);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.item-silde-re .slick-prev{left:20px; background:url(/design/dachaeum01/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.item-silde-re .slick-next{right:20px;background:url(/design/dachaeum01/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.item-silde-re:hover .slick-prev{ left:10px;  opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.item-silde-re:hover .slick-next{ right:10px; opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */
.item-silde-re .slick-prev:hover{background:url(/design/dachaeum01/wizdesign/slide_prev.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
.item-silde-re .slick-next:hover{background:url(/design/dachaeum01/wizdesign/slide_next.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */

.item-silde-re .slick-prev, .item-silde-re .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.item-silde-re .slick-slider{margin-bottom:0;}

.item-silde-re .slick-dots { position:absolute;bottom:-30px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
.item-silde-re .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.item-silde-re .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.item-silde-re .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.item-silde-re .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.item-silde-re .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#d1d1d1; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
.item-silde-re .slick-dots li.slick-active button:before {   background:#999; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


/* 상품명 + 추가상품명 */

.item-wrap .item-thumb .binWrap { width: 100%; height:100%; background:rgba(0,0,0,0.6);  }
.item-wrap .item-thumb .binimg {  width: 100%; height:100%;  display:table; text-align:center; }
.item-wrap .item-thumb .binimg .txt { width:100%; height:100%;  color:#F6F6F6; display:table-cell; vertical-align:middle;  text-align:center;}
.item-info-re .item-pro { padding-top: 10px; font-size:13px; color:#333; font-weight:bold; }
.item-info-re .item-name { padding-top: 10px; font-size:12px; color:#666;  letter-spacing:0px; line-height:20px}
.item-info-re .item-subname { padding-top: 10px; font-size:12px; color:#999; }


/* BASIC css end */