/* BASIC css start */
#contentWrap { width:100%; }

#main_content  { margin:0 auto 50px; }
#main_content .swiper-container { width: 1300px; height: 500px; }
#main_content .swiper-slide { background-position: center;  background-size: cover;    }
#main_content .swiper-container-horizontal > .swiper-pagination-bullets { bottom:10px; left:0%; width:100%; right:20px;  text-align:center; }
#main_content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display:inline-block; margin:15px 3px; width:13px; height:13px;  }
#main_content .swiper-pagination-bullet-active { background:#fff; width:13px; height:13px; }
#main_content .swiper-container {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
#main_content .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
#main_content .swiper-container-fade .swiper-slide img {width:100%; }


.bnr3 { width:1300px; margin:0 auto 140px; }
.bnr3:after {content:"";display:block;clear:both;}
.bnr3 li { float:left; }
.bnr3 li:nth-child(2){ padding:0 11px; }
.bnr3 h2 {
    margin-right: 4%;
    padding-left:30px;
    position: relative;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0px;
    font-family: 'Rufina', 'Jeju Myeongjo', serif;
}

.bnr3 h2:before{content:""; position:absolute; background-color:#898989; width:20px; height:1px; left:0px; top:13px;}
.bnr3 .swiper-container { width: 426px; height: 260px; }
.bnr3 .swiper-slide { background-position: center;  background-size: cover;    }


/* 배경부분 */

#cen_bg { clear:both; position:relative; width:1246px; height:300px;   }
#cen_bg a { clear:both; position:relative;  width:1246px; height:300px; background:url(/design/annarich/2016wiz/bg_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%; }
.cen_bg_title { clear:both; width:100%; text-transform:uppercase; font-family: 'Ubuntu', sans-serif; text-align:center; margin-bottom:50px; }
.cen_bg_title .title_first { clear:both; font-size:30px; font-weight:700; line-height:40px; color:#fff; padding-bottom:12px; }
.cen_bg_title .title_last { clear:both; font-size:13px; font-weight:400; line-height:20px; color:#fff; padding-top:14px; }
.cen_bg_go { text-align:center; margin:0 auto; width:100%; }
.cen_bg_go div { display:inline-block; *display:inline; *zoom:1; font-size:15px; line-height:18px; color:#000; border:2px solid #fff; padding:10px; background:#fff }


.main_title { margin:0px auto; text-align:center; border:0px solid #000  }
.main_title p { color:#bababa;  font-size:8pt; line-height:15px; padding-bottom:10px;}
.main_title h1 {  text-align:center; font-family: 'Rufina', 'Jeju Myeongjo', serif;  font-size: 18px;  font-weight: 300; }


/* 상품슬라이드 */
.item-silde {  width:1060px; margin:0px auto 50px; position:relative;padding-top:20px;  }
.item-silde .s-item { display:block; padding:0px; position:relative; border:0px solid #000; }
.item-silde .s-item .item-thumb { position:relative;  }
.item-silde .s-item > img {  width: 240px; /* 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:50%; transform:translateY(-50%);  outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:2;}   /* 화살표 처음위치 */
.item-silde .slick-prev { left:-50px;background:url(/design/annarich/2016wiz/slide_prev6.jpg) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
.item-silde .slick-next{right:-50px;background:url(/design/annarich/2016wiz/slide_next6.jpg) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */
.item-silde:hover .slick-prev{ left::-50px; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
.item-silde:hover .slick-next{ right::-50px;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;top: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:0px;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:100px;height:2px; content: "";;background:#e7e7f1; 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:#222258; opacity: 1; }  /* 현재도트사이즈 */

.item-list4 li { margin:0 auto ;  display: inline-block;  text-align:center; width:25%;   -webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;  }
.item-list4 .img img { max-width:240px }


/* 인스타 */

.ins { margin:0 auto; width:1240px;  border-top:1px solid #D2D2D2; padding-top:30px; text-align:center;}
.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-list .item .info .name {line-height: 12px; }
 .item-list .item .info .name .MK-product-icons {padding-left: 5px; }


#cenbanner { width:1200px; border-top:2px solid #000; border-bottom:0px solid #000;padding:25px 0; margin:40px auto; height:295px;}
/* BASIC css end */