/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');

#contentWrap { width:100%; clear: both }

#main { position: relative;
    min-width: 1500px;
    max-width: 1900px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 50px;
}


.display {display:none; }

.item-list { /* width:1360px; */ margin:0 auto;}

.WD_top{ display:none; }
/* .WD_main_menu.fixed { position: fixed;left: 50%;top: 80px;width: 1350px; margin-left:-675px; z-index:99 ; background:#fff}  */


/* 메인슬라이드 */


#main_slide .mslide {  width:100%; height:auto; margin:0px auto; border:0px solid #000  }
#main_slide .s-item {position:relative;display:block; /* height:px; */  text-align:center;margin:0 auto;}
#main_slide .s-item img{ width:100%; margin:0 auto;  /* height:px; */ }
  
#main_slide .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;}
#main_slide .mslide .slick-slider:hover .slick-next,#main_slide .mslide .slick-slider:hover .slick-prev{display:block !important;}
#main_slide .mslide .invisible{visibility: hidden;}
#main_slide .mslide .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
#main_slide .mslide .slick-list:focus{outline: none;}
#main_slide .mslide .slick-list.dragging{cursor: pointer;cursor: hand;}
#main_slide .mslide .slick-slider .slick-track,#main_slide .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);}
#main_slide .mslide .slick-track{position: relative;left:0;top:0;display:block;}
#main_slide .mslide .slick-track:before,.slick-track:after{content: "";display: table;}
#main_slide .mslide .slick-track:after{clear:both;}
#main_slide .mslide .slick-loading .slick-track{visibility: hidden;}
#main_slide .mslide .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .mslide .slick-slide{float: right;}
#main_slide .mslide .slick-slide img{display:block;}
#main_slide .mslide .slick-slide.slick-loading img{display: none;}
#main_slide .slick-slide.dragging img{pointer-events: none;}
#main_slide .slick-initialized .slick-slide {display:block;}
#main_slide .mslide .slick-loading .slick-slide{visibility: hidden;}
#main_slide .mslide .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:44%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */

#main_slide .mslide .slick-prev{left:150px;background:url(/design/ppoya212/wizdesign/slide_prev_w.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
#main_slide .mslide .slick-next{right:150px;background:url(/design/ppoya212/wizdesign/slide_next_w.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */

#main_slide .mslide:hover .slick-prev{margin-left:-615px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
#main_slide .mslide:hover .slick-next{margin-right:-615px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */

#main_slide .mslide .slick-prev:hover{background:url(/design/ppoya212/wizdesign/slide_prev_w.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
#main_slide .mslide .slick-next:hover{background:url(/design/ppoya212/wizdesign/slide_next_w.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */

#main_slide .mslide .slick-prev,#main_slide .mslide .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;}
#main_slide .mslide .slick-slider{margin-bottom:0;}
#main_slide .mslide .slick-dots{position:relative; margin-top:55px; bottom:10px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#main_slide .mslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#main_slide .mslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#main_slide .mslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#main_slide .mslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#main_slide .mslide .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#d5d6db; border-radius:100px;border:0px solid #d5d6db;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;}
#main_slide .mslide .slick-dots li.slick-active button:before {   background:#3b3b3b; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */
 

.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;}
.mbnr .slick-slider:hover .slick-next,.mbnr .slick-slider:hover .slick-prev{display:block !important;}
.mbnr .invisible{visibility: hidden;}
.mbnr .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
.mbnr .slick-list:focus{outline: none;}
.mbnr .slick-list.dragging{cursor: pointer;cursor: hand;}
.mbnr .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);}
.mbnr .slick-track{position: relative;left:0;top:0;display:block;}
.mbnr .slick-track:before,.slick-track:after{content: "";display: table;}
.mbnr .slick-track:after{clear:both;}
.mbnr .slick-loading .slick-track{visibility: hidden;}
.mbnr .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .mbnr .slick-slide{float: right;}
.mbnr .slick-slide img{display:block;}
.mbnr .slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide {display:block;}
.mbnr .slick-loading .slick-slide{visibility: hidden;}
.mbnr .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.mbnr .slick-prev,.mbnr .slick-next{position:absolute;display:block !important;cursor: pointer;width:40px;height:25px;font-size:0;top:50%;margin-top:-12px;outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:2;}   /* 화살표 처음위치 */

.mbnr .slick-prev{left:50%;margin-left:-610px;background:url(/design/ppoya212/wizdesign/banner-left.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.mbnr .slick-next{right:50%;margin-right:-610px;background:url(/design/ppoya212/wizdesign/banner-right.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */

.mbnr:hover .slick-prev{margin-left:-610px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.mbnr:hover .slick-next{margin-right:-610px;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */


.mbnr .slick-prev,.mbnr .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;}
.mbnr .slick-slider{margin-bottom:0;}
.mbnr .slick-dots{position:absolute;bottom:10px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
.mbnr .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.mbnr .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.mbnr .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.mbnr .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.mbnr .slick-dots li button:before{display:block;width:10px;height:10px;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;}
.mbnr .slick-dots li.slick-active button:before {   background:#fff; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */
 

.mbnr1 {  width:1372px; margin:80px auto 120px; font-size:0;  vertical-align: top;}
.mbnr1 li { display:inline-block  }
.mbnr1 li:nth-child(2) { padding:0 32px  }
.mbnr1 li img{ width:436px ;}


/* 중앙배너 */

.itembox { width:1245px; margin:0 auto;  }
.itembox .box02 { width:700px; float: left; }
.itembox .box01 { width:535px; float: right; position:relative; margin-left:10px;}
.itembox .box01 li { float: left;}
.itembox .box01 .last { float: right; pading-right:0px;}
.itembox .box01 .sp { padding:5px 0;}


/* 탭메뉴 */

.bestbox {width:700px; overflow:hidden; background:#F5F5F5; margin-top:0px; height:630px; border:1px solid #E7E7E7;}
.menu-list {width: 660px; margin: 0 auto; overflow: hidden; height:90px;}
.menu-list h2 { height:20px; }
.menu-list .listcate{ float:left;}
.menu-list ul{ width:795px; float:left; overflow:hidden; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; vertical-align: baseline; }
.menu-list ul li {width:131px; float:left;  height:40px; line-height:40px;  text-align:center; border-left:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; background:#fff; cursor:pointer; color:#000; font-size:11px; font-family: 'Lato', Arial,sans-serif; }
.menu-list ul li.last{width:130px; border-right:1px solid #D4D4D4; }
.menu-list ul li.active{ background:#555555; border-bottom:0px; color:#fff;}

.swiper-container {width:670px; margin: 0 auto; overflow:hidden; }
.swiper-container  .swiper-wrapper{width: 661px; margin: 0 auto; margin-top:0px; margin-bottom:0px; overflow:hidden;}
.swiper-container  .swiper-wrapper .swiper-slide{float:left; height:520px!important; overflow:hidden;}
.swiper-container ul{overflow:hidden;}
.swiper-container li {width: 49%; margin:0 0.5%; float: left; overflow: hidden; position:relative;}
.swiper-container li img{width:100%;}
.swiper-wrapper {position: relative;width: 100%;}


.item-list5 { zoom: 1; overflow: hidden; padding-bottom: 10px; }
.item-list5:after { content: ""; clear: both; display: block; }

.item-list5 .item { float: left; width: 223px;text-align: center; }
.item-list5 .item .thumb { margin: 0 auto 0px; width:210px; height: auto;  }
.item-list5 .item .thumb img { width:210px ; height: auto; position:relative;}
.item-list5 .item .info { width: 210px; margin:0 auto; }
.item-list5 .item .info li { /*margin-bottom: 5px;*/ color: #7b7b7b; }
.item-list5 .item .info .name { margin-top: 10px; margin-bottom: 10px;text-align:left; font-size:12px; font-weight:bold;  font-family: 'Nanum Gothic', 돋움, dotum; color: #888888; }
.item-list5 .item .info .subname { color: #7F7F7F; text-align:left; padding-top:0px; font-size:12px; font-family: 'Nanum Gothic', 돋움, dotum;  }


.item-list5 .item .thumb {  position:relative; }
.item-list5 .item .thumb .gnb_sub { display:none; }       
.item-list5 .item .thumb:hover .gnb_sub { display:block; position:absolute; left:0px; top:0 ; }
.item-list5 .aa { text-align:center;  width:210px; height:255px; background:url(/design/ppoya212/wizdesign/box.png) 0 0; }
.item-list5 .aa { color:#fff;font-weight:bold;   }
.item-list5 .aa .name { color : #fff; font-weight:bold; padding-top:100px;   }


/* 배경부분 */

#cen_bg { clear:both; position:relative; width:1280px !important; height:400px;   margin:0 auto;}
#cen_bg a { clear:both; position:relative;  width:1280px !important; height:400px; background:url(//ftp.ppoya212.img9.kr/anais%20home/2017%2Drenewal/bg_img/230919%2Dbg_img.jpg) center top no-repeat fixed; overflow:hidden; margin-top:30px; display:table; }
.cen_text { position:relative; clear:both; width:100%; /*-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%;*/ display:table-cell; vertical-align: middle; *top:25%; }


/* 상품후기 */


.tit1 { display:inline-block; *display:inline;   padding: 10px;  background-color: #636363; font-weight:bold;  color:#fff;  text-decoration:none;font-size:9pt; font-family: arial,돋움; margin-bottom:30px; }


/* 인스타 */

.ins { margin:20px auto; width:1200px;  border-top:1px solid #D2D2D2; padding-top:100px; text-align:center;}
.ins p { color:#333; }

.ins .tit{ display:inline-block; *display:inline;   padding:2px 50px;  height:25px; line-height:25px; background-color: #636363; font-weight:bold; border: 1px solid #636363; color:#fff; margin-bottom:30px; text-decoration:none;font-size:8pt;font-family: 'nanumgothic',돋움; letter-spacing:0px;  }
.ins .tit:hover { background-color: #7A7A7A; color:#fff; }


/* 상품슬라이드 */


.item-silde {  width:100%; margin:0 auto 50px; position:relative; border:0px solid #000 }
.item-silde .s-item { display:block; padding:5px; position:relative;  }
.item-silde .s-item .item-thumb { position:relative;  }
.item-silde .s-item > img {  max-width: 100%; /* height:px; */  }

.slick-slider { 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, .item-silde .slick-slider:hover .slick-prev{display:block !important;}
.invisible{visibility: hidden;}
.slick-list{ overflow: hidden; display:block; margin:0;padding:10px 0 50px;}
.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{  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:100%; min-height:1px;display: none;}
[dir="rtl"] .slick-slide { position:relative; }
.slick-slide img {  max-width:100%;  }
.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;}

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

.item-silde .slick-dots { position:absolute;bottom:0px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
.item-silde .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.item-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;}
.item-silde .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.item-silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.item-silde .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#d5d6db; 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 .slick-dots li.slick-active button:before {   background:#3b3b3b; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

.item-list .item2 .info { line-height: 18px; font-family: 'Noto Sans KR', sans-serif; width: 100%; margin:0 auto; text-align:left; padding-top: 5px; padding-left: 8px; }
.item-list .item2 .info li { margin-bottom: 2px; color: #7b7b7b; }
.item-list .item2 .info .name { margin-top: 10px; margin-bottom: 0px;  font-size:12px; font-weight:NONE;  font-family: 'Noto Sans KR', sans-serif; color: #555; font-weight: bold; }
.item-list .item2 .info .subname { color: #878787; padding-top:0px; letter-spacing: 0.2px; font-size:11px; font-family: 'Nanum Gothic', sans-serif;  margin-top: 5px; }
.item-list .item2 .info .sold { color: #74201e ; }

.item-list .item2 .info .txt { margin-top: 0px;  }
.item-list .item2 .info .price { width: 100%; font-size:11px;  padding-top:0px; font-family: 'Nanum Gothic', sans-serif; font-weight:nomal;}
.item-list .item2 .info .price01 { font-weight:none; color:#666; }
.item-list .item2 .info .price02 { font-weight:none; color:#888; }
.item-list .item2 .info .price03 { font-weight:none; color:#464646; }
.item-list .item2 .info .price span .sell1 { color: #000;}
/* BASIC css end */