/* BASIC css start */
/* 타이틀 */
h2.title {margin:29px 0px 17px 0px; color: #212121; font-size: 21px; text-align: center; font-family: 'Playfair Display', serif; font-weight:bold;}

/* 롤링배너 */
#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; left: 0; bottom:10px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner .topBannerLeft {width:50%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:50%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/* 메인 슬라이드 배너 */
.main-visual-banner ul li img {width:100%;}
.main-visual-banner .swiper-pagination-bullet  { background: #d3d3d3 !important;opacity: 1 !important; width:10px !important; height:10px !important;}
.main-visual-banner .swiper-pagination-bullet-active { background: #f19fa4 !important;}

/* 카테고리 */
.top_cate_roll_wrap {background:#fff; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; }
.top_cate_roll_wrap .top_cate_roll .slick-list {padding:0!important; overflow:hidden; }
.top_cate_roll_wrap .top_cate_roll .slick-list .slick-track .slick-slide {border-right: 1px solid #ededed; box-sizing: border-box;}
.pager_roll {margin-bottom:0; text-align:center;}
.pager_roll a {line-height:40px; color:#212121; font-size:13px; padding:0 15px;}
.pager_roll a.ative {color:#809a01}
.top_cate_roll_wrap .top_cate_roll .slick-prev {left:0; background: url(/design/d4-0630/wib_m/img/arrow_prev.png) no-repeat 0 50%; background-size:9px 16px; width:9px; height:16px; text-indent: -9999px;  font-size: 0; border: 0; }
.top_cate_roll_wrap .top_cate_roll .slick-next {right:0; background: url(/design/d4-0630/wib_m/img/arrow_next.png) no-repeat 0 50%; background-size:9px 16px; width:9px; height:16px; text-indent: -9999px;  font-size: 0; border: 0;}
.top_cate_roll_wrap .top_cate_roll .slick-disabled {display:none!important}

figure {padding-bottom:10px; }
.prd-img img,.sub-ban img {width:100%;}
.main-bg {background:#f7f7f7;}
.prd-wrap01 {position:relative; }
.prd-wrap01 .slick-slider {margin-bottom:0px !important;}
.prd-wrap01 .caroufredsel_wrapper {width:100% !important;height: auto !important; margin:0 auto !important;}

.prd-wrap01 .MK_block_new_product {width:100% !important; margin:0 auto;}
.roll-prd-wrap { width: 100% !important; height: auto !important; position:relative !important;}
.roll-prd-wrap > div {float:left; width:100% !important;}

.pager { width: 100%; margin: 0px auto 33px auto; text-align: center; padding-top:20px; display:block !important;}
.pager > a {display:inline-block;zoom:1;*display:inline;_display:inline; padding:0 19px; height: 34px; line-height: 34px; font-size:11px;}
.pager > a.selected {background:#f39ea3; -moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; position:relative;color:#fff;}
.pager > a.selected:after {content:"";top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 158, 163, 0); border-top-color: #f39ea3; border-width: 7px; margin-left: -7px; background: none; border-radius: 0px;}
.prd-wrap01 .prev {position: absolute; left: 0; top: 30px;}
.prd-wrap01 .next {position: absolute; right: 0; top: 30px;}
.more-btn   { cursor: pointer; position: relative; top: -1px; margin: 0 auto; display: block; height: 55px; line-height: 55px; font-size: 18px; color: #fff; width: 193px; background: #f39ea3; text-align: center;}

.item-list-wrap.slick-slide { margin:0 10px; border:1px solid #ebebeb; transition: all 300ms ease;}
.item-list-wrap.slick-slide img {width:100%;}
.item-list-wrap.slick-slide.slick-active.slick-center {  }
.slick-dots {position:relative !important; margin-top:20px; bottom: 0px !important;}
.slick-dots li button:before { content: "" !important;}
.slick-dots li button {background:#d3d3d3 !important; border-radius:100px; width:7px !important; height:7px !important; }
.slick-dots li.slick-active button  {background: #f5bcc0 !important;}

/* my m best */
.my_mbest{background:#f7f7f7;}
.my_mbest h2{text-align:center; margin:0 auto; font-size:20px; font-weight:normal; padding-bottom:5px;}
.my_mbest .my_mbestwrap{}
.my_mbest .my_mbestwrap .my_tab_wrapper{ position:relative; z-index:2; padding:0 13px; margin-bottom:15px;}
.my_mbest .my_mbestwrap .my_tab_wrap{width:95%; margin:0 auto; overflow:hidden;}
.my_mbest .my_mbestwrap .my_tab_wrap .my_tab {height:50px;}
.my_mbest .my_mbestwrap .my_tab_wrap .my_tab > div{width:auto; height:30px; text-align:center; position: relative; z-index:2; color:#212121; font-size:12px;line-height:30px; cursor:pointer; padding:0px 10px;}
.my_mbest .my_mbestwrap .my_tab_wrapper .swiper_prev{position:absolute; top:0px; left:0px; z-index: 9; width:18px; height:30px; line-height:30px; margin-top:0px; cursor:pointer; text-align:center;}
.my_mbest .my_mbestwrap .my_tab_wrapper .swiper_next{position:absolute; top:0px; right:0px; z-index: 9; width:18px; height:30px; line-height:30px; margin-top:0px; cursor:pointer; text-align:center;}
.my_mbest .my_mbestwrap .my_tab_wrapper .swiper_next img,.my_mbest .my_mbestwrap .my_tab_wrapper .swiper_prev img{width:5px; vertical-align:middle; }
.my_mbest .my_mbestwrap .my_tab_wrapper .actv_nav{background:#f39ea3; -moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; position:relative;color:#fff !important;}
.my_mbest .goods-gallery-item {margin:15px 0 0 !important;}
.my_mbest .my_mbestwrap .my_tab_wrapper .actv_nav:after {content:"";top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 158, 163, 0); border-top-color: #f39ea3; border-width: 7px; margin-left: -7px; background: none; border-radius: 0px;}

/* 리뷰영역 */
.review-box {position:relative; background: #f7f7f7; padding:5px 20px 25px; }
.review-box .main-review-board ul li { background: #fff; margin-bottom: 10px;}
.review-box .main-review-board ul li a {display:block;}
.review-btn {position:absolute; right:20px; width:20px;}
.review-btn .hvr-forward {width:100%;}
.review-img {width:35%; float:left;}
.review-img > img {width:100%; }
.review-con {float:left; padding-left: 5%; width: 60%;}
.review-con .review-tit {font-size:15px; font-weight:bold; color:#212121; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; width:80%;}
.review-con .review-com {width:124px; height:25px; padding:0 5px; background:#f1f1f1; color:#696969;line-height:25px; text-align:center; -moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; margin:10px 0px;}
.review-con .review-info {margin-top:7px; color:#7e7e7e;}

.prd-info {padding:15px 10px 10px;}
.price_wrap {padding-top:13px;}

/* 더보기 버튼 */
.more {margin:0px 0 50px;}
.main-more-btn {background:#f19fa4; color:#fff; font-size:14px; width:180px; height:45px; line-height:45px;}
/* BASIC css end */