/* BASIC css start */
/*공통 타이틀*/
.mcom_t h2{text-align:center; font-size:23px; color:#222; font-weight:800;}
.mcom_t h2:before{display:inline-block; content: ""; margin: 10px 16px 0 0; height:10px; width:1px; background: #111; vertical-align:top;}
.mcom_t h2:after{display:inline-block; content: ""; margin: 10px 0 0 16px; height:10px; width:1px; background: #111; vertical-align:top;}
.mcom_t h1{text-align:center; font-size:15px; color:#444;}

/*카테고리 구분선*/
.cate_hr{width:100%; height:20px; background:#f2f2f2; margin:30px 0;}



/* 롤링배너 */
.mv {position:relative;}
.mv .slick-slide img {width:100%;}
.mv .slick-slide > div {line-height:100%;}
.mv .slick-dots { position: absolute; bottom:0; left: 0; text-align: center; width: 100%; padding:5px 0;}
.mv .slick-dots li {display:inline-block;}
.mv .slick-dots li button { display: inline-block; margin:0 5px; border:none; text-indent: -9999px; background:#514033; opacity:0.75; width:10px; height:10px; border-radius:100%;}
.mv .slick-dots li:last-of-type {margin-right:0;}
.mv .slick-dots li.slick-active button {background:#514033; opacity:1;}

.mv .swiper-slide{position:relative;}
.mv .swiper-slide img{width:100%;}
.mv .swiper-slide .visual_txt_box{width:100%; text-align:center; padding:15px 0;}
.mv .swiper-slide .visual_txt_box strong{font-weight:800;}
.mv .swiper-slide .visual_txt_box h2{font-size:23px; color:#222;}
.mv .swiper-slide .visual_txt_box p{font-size:15px; color:#222; padding:10px 0 0 0;}
.mv .swiper-slide .visual_txt_box .mv_btn{width:100%; text-align:center; padding-top:0px;}
.mv .swiper-slide .visual_txt_box .mv_btn a{display:inline-block; border:1px solid #555; padding:5px 70px 5px 70px; line-height:35px; font-size:18px; font-weight:500; border-radius:5px;}

.mv .swiper-scrollbar{opacity:1!important; background: rgba(255, 255, 255, 0.3); top:77%!important; border-radius:0; left:5%!important; width:90%!important; height:2px!important; }
.mv .swiper-scrollbar-drag{background:#fff; border-radius:0;}

/*써클 메뉴*/
.rd_menu_box{width:100%; padding:0 3%; box-sizing:border-box; overflow:hidden; margin-top:30px;}
.rd_menu_box li{width:25%; float:left; text-align:center; padding:5px; box-sizing:border-box;}
.rd_menu_box li img{width:100%;}
.rd_menu_box li p{font-size:15px; margin-top:10px; color:#222;}

/*이벤트 특가파티*/
.main_ev_section{width:100%; overflow:hidden; padding:50px 3%; background:#f2f2f2;  box-sizing:border-box; }
.main_ev_section .thumb{margin-top:25px;}
.main_ev_section .thumb img{width:100%;}
.main_ev_section .txt_box{background:#fff; padding:35px 0; text-align:center;}
.main_ev_section .txt_box h2{font-size:23px; color:#222; font-family: 'Binggrae-Bold'; line-height:30px;}
.main_ev_section .txt_box .price {font-size:23px; text-decoration:line-through; color:#000; }
.main_ev_section .txt_box img {padding-top:4px;}
.main_ev_section .txt_box h2 span{color:#d0161b;}
.main_ev_section .txt_box p{font-size:15px; font-weight:500; color:#888; padding-top:15px;}


/* 배너 세개 */
.ban_box a {display:block; padding:15px 10px 0px;}
.ban_box a img {width:100%;}


/*best 상품*/
.prd-section01 .tabs{font-size:0; padding:0 10px; width:100% ! important; white-space:nowrap; padding-top:20px; text-align:center; box-sizing:border-box;}
.prd-section01 .tabs li{display:inline-block; width:25%;}
.prd-section01 .tabs li span{display:inline-block; font-size:14px; color:#4a4a4a; padding-bottom:5px; line-height:1;}
.prd-section01 .tabs li.active span{color:#3d3d3d; font-weight:bold; border-bottom:3px solid #3d3d3d;}


/*mdpick_상품*/
.prd-section03{width:100%; overflow:hidden; padding:0 3%; box-sizing:border-box;}
.prd-section03 h2{}
.prd-section03 h2 span{text-align:center;  font-weight:800; color:#d0161b; }
.prd-section03 .mcom_t h2:before{display:inline-block; content: ""; margin: 12px 16px 0 0; height:10px; width:1px; background: #111; vertical-align:top;}
.prd-section03 .mcom_t h2:after{display:inline-block; content: ""; margin: 12px 0 0 16px; height:10px; width:1px; background: #111; vertical-align:top;}


/*메인중간롤링배너*/
.main_mid01_box{width:100%;}
.main_mid01_box li img{width:100%;}
.main_mid01 .slick-dots{bottom:-30px;}
.main_mid01 .slick-dots li button{background-color:#dbdbdb; border-color:#dbdbdb;}
.main_mid01 .slick-dots li.slick-active button{background-color:#d0161b; border-color:#d0161b;}


/*카테고리 아이템*/
.main_cate_item{width:100%; }
.main_cate_item .mcom_t h2{font-family: 'Red Hat Display', sans-serif;}
.main_cate_item .main_cate_item .mcom_t h2:before{display:inline-block; content: ""; margin: 11px 16px 0 0; height:10px; width:1px; background: #111; vertical-align:top;}
.main_cate_item .mcom_t h2:before{display:inline-block; content: ""; margin: 12px 16px 0 0; height:10px; width:1px; background: #111; vertical-align:top;}
.main_cate_item .mcom_t h2:after{display:inline-block; content: ""; margin: 12px 0 0 16px; height:10px; width:1px; background: #111; vertical-align:top;}

.m_cate_prd h2{font-size:20px; color:#222; font-weight:800; text-align:center;}


/*식자재,가공식품*/
.main_cate_sl{width:100%; background:#f7f7f7; }
.main_cate_sl li img{width:100%;}
.main_cate_sl li .thumb{position:relative;}
.main_cate_sl li .thumb .htag_txt{position:absolute; width:100%; top:0; left:0; padding:20px 0 0 20px; box-sizing:border-box;}
.main_cate_sl li .thumb .htag_txt h3{font-size:25px; color:#fff; padding-bottom:10px; font-weight:700;}
.main_cate_sl li.prd_col_02 .thumb .htag_txt h3{color:#911722;}
.main_cate_sl li.prd_col_03 .thumb .htag_txt h3{color:#911722;}
.main_cate_sl li .thumb .htag_txt span{display: inline-block; font-size:16px; color:#fff; width:115px; line-height:25px; font-weight:500;}
.main_cate_sl li .thumb .htag_txt span{color:#fff; opacity:0.7;}
.main_cate_sl li.prd_col_03 .thumb .htag_txt span{color:#7f6358; opacity:0.7;}

.main_cate_sl .r_img{width:100%;    text-align:center; overflow:hidden; padding-bottom:50px; }
.main_cate_sl .r_img li{position:relative; float:left; width:33.33%; padding:5%; background:url(/design/samdacom2/wib2/img/main/col_line02.gif) no-repeat right 34%; box-sizing:border-box; }
.main_cate_sl .r_img li:last-child{background:none;}
.main_cate_sl .r_img .r_img_relt{position:relative; width:100%; margin:0 auto;  }
.main_cate_sl .r_img .r_img_relt img{}
.main_cate_sl .r_img .r_img_relt p{font-size:15px; color:#333; padding-top:10px; line-height:16px;}

.main_cate_sl .slick-dots{bottom:30px;}
.main_cate_sl .slick-dots li button{background-color:#dbdbdb; border-color:#dbdbdb;}
.main_cate_sl .slick-dots li.slick-active button{background-color:#d0161b; border-color:#d0161b;}

/*중간띠배너02*/
.mid_bnr02{width:100%; overflow:hidden; background-image:url(/design/samdacom2/wib2/img/main/main_mid_bnr02_bg_1.png)repeat-x 0 0; background-size: cover; text-align:center;}
.mid_bnr02 h2{padding:15% 0; width:100%; text-align:center;}
.mid_bnr02 h2 img{width:125px;}


/*유튜브 영역*/
.ytube_section{width:100%; border-top:1px solid #ddd; text-align:center;}
.ytube_section p{margin-top:30px;}
.ytube_section p a{display:inline-block; border:1px solid #a0a0a0; padding:0 20px; line-height:48px; color:#333; font-size:16px; font-weight:500; border-radius:5px;}


.videowrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*메인상품 grid01*/
.grid01 .list_shopping1x ul{padding:0;}
.grid01 .list_shopping1x li{width:100%; border:0;}
.grid01 .list_shopping1x li a{padding:0;}
.grid01 .list_shopping1x li img.listPic{width:100%;}
.grid01 .list_shopping1x figure img{border:0;}
.grid01 .list_shopping1x .list_shoppingInfo{width:100%;}
.grid01 .list_shopping1x li .icons {padding:15px 0;}
.grid01 .list_shopping1x li .listName{font-size:20px; color:#111; font-weight:700; border:0; padding:0; margin-bottom:5px}
.grid01 .list_shopping1x li .listPrice{font-weight:500; font-size:16px; color:#c61317;}
.grid01 .list_shopping1x li .listPrice .won{color:#c61317; font-size:18px; font-weight:700;}
.grid01 .list_shopping1x li .listPrice .won b{font-weight:500; font-size:16px;}

/*메인상품 grid02*/

.grid02{ padding:0 3%; box-sizing:border-box; }
.grid02 .items li a{padding:0;}
.grid02 .items li img.listPic{width:100%;}
.grid02 .items figure img{border:0;}
.grid02 .items .list_shoppingInfo{width:100%;}
.grid02 .items li .icons {padding:15px 0;}
.grid02 .items li .listName{font-size:16px; color:#111; font-weight:700; border:0; padding:0; margin:15px 0 5px; line-height:20px;}
.grid02 .items li .listPrice{font-weight:500; font-size:16px; color:#c61317;}
.grid02 .items li .listPrice .won{color:#c61317; font-size:18px; font-weight:700;}
.grid02 .items li .listPrice .won b{font-weight:500; font-size:16px;}


/*상품폼*/
.basic_prd ul{padding:0 10px;}
.items{font-size:0;}
.items li{width:calc(50% - 5px); display:inline-block; vertical-align:top; padding:0; margin-right:10px; margin-top:20px;}
.items li:nth-child(2n){margin-right:0;}
.items li a img{width:100%;}
.basic_prd .listName{padding:7px 0; border-bottom:2px solid #e2e2e2;}
.listSoldout{font-size:12px; margin-top:4px;}

/* 메인 상품폼 공통 */
.title-wrap {padding:40px 0px 0px; text-align:center;}
.title-wrap p.sub-tit {font-size:12px; line-height:12px;color:#000;}
.title-wrap h2.main-tit {font-size:23px; color:#000; line-height:1.5; font-weight:bold;}

.prd_box {position:relative;}



/* 이벤트 배너 */
.event-banner {position:relative; margin-top:40px; overflow:hidden; background:url('/design/samdacom2/wib2/img/mo/main/scroll-banner.jpg')no-repeat;height:175px;}
.event-banner .parallax-window {width: 100%; height: 100%;min-height: 150px; /*background: rgba(0,0,0,.2);*/ -webkit-overflow-scrolling:touch;}
.event-banner .event-inner {position: absolute; top: 0;left: 50%; transform: translate(-50%,0%); width: 100%;}
.event-banner .event-inner .event-wrap {text-align:center; display:table; width:100%; height:175px;}
.event-banner .event-inner .event-wrap .event-txt {display:table-cell; vertical-align:middle; color:#fff;}
.event-banner .event-inner .event-wrap .event-txt span.line {display:block; width:41px; height:1px; background:#fff; margin:0 auto 10px;}
.event-banner .event-inner .event-wrap .event-txt h3.event-tit {font-size:30px;}
.event-banner .event-inner .event-wrap .event-txt p.event-sub {font-size:12px;}


/* 스크롤 이벤트 테스트 */
.event-wrapper {width: 100%;margin:40px auto 0; text-align: center;position:relative;min-height:175px;}
.event-box { background-image: url("/design/samdacom2/wib2/img/mo/main/scroll-banner.jpg"); height: 100%; width: 100%;background-attachment: fixed;background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;
position:absolute;top:0;left:0;right:0;min-height:175px; display: table;}
.event-box .event-txt {display:table-cell; vertical-align:middle; color:#fff;}
.event-box .event-txt span.line {display:block; width:41px; height:1px; background:#fff; margin:0 auto 10px;}
.event-box .event-txt h3.event-tit {font-size:30px;}
.event-box .event-txt p.event-sub {font-size:12px;}


/* 베스트 아이템 */
.best_item {position:relative; margin-bottom:30px;}
.best_item .basic_prd li {padding:0; margin:0 5px;}
.best_item .slick-dots { position: absolute; bottom:-30px; left: 0; text-align: center; width: 100%; padding:5px 0;}
.best_item .slick-dots li {display:inline-block; width:auto; margin:0;}
.best_item .slick-dots li button { display: inline-block; margin:0 5px; border:none; text-indent: -9999px; background:#514033; opacity:0.75; width:10px; height:10px; border-radius:100%;}
.best_item .slick-dots li:last-of-type {margin-right:0;}
.best_item .slick-dots li.slick-active button {background:#514033; opacity:1;}
/* BASIC css end */