@charset "utf-8";

/* 비쥬얼 */
.main_all .visual{margin-bottom:10px;}

/* 공통 */
.main_all{overflow:hidden;position:relative;width:100%;}
.main_all .c_red{color:#f60000;}
.main_all .head{padding:15px 0 10px;}
.main_all .head h2{font-size:24px;font-weight: 800;color: #0a0a0a;}

/* 메인 비쥬얼 */
.main_all .visual{}
.main_all .visual *{height:auto;}
.main_all .visual ul{}
.main_all .visual ul li{background:#fff;text-align:center;border-radius:5px;overflow:hidden;}
.main_all .visual ul li.bgNavy{background:#1f2b45;}
.main_all .visual ul li.bgGreen{background:#005564;}
.main_all .visual ul li.bgViolet{background:#425a98;}
.main_all .visual ul li img{max-width:100%;}

/* 퀵 배너 */
.main_all .quick{padding:0 10px;}
.main_all .quick>ul{border-radius:5px;overflow:hidden;box-shadow: 3px 3px 7px rgba(0,0,0,.2);}
.main_all .quick>ul>li{overflow:hidden;}
.main_all .quick>ul>li:first-child{border-radius:5px 0 0 5px}
.main_all .quick>ul>li:last-child{border-radius:0 5px 5px 0}

/* NEW PRODUCT */
.main_all .new_product{}
.main_all .new_product .head{padding:15px 10px 10px;}
.main_all .new_product .head h2{}
.main_all .new_product .head h2 .c_red{}
.main_all .new_product .product_ul{border-top:1px solid #ddd;}
.main_all .new_product .product_ul:after{content:'';display:block;clear:both;}
.main_all .new_product .product_ul li{width:50%;float:left;}
.main_all .new_product .product_ul li a{display:block;padding:10px 10px 15px;border-bottom:1px solid #ddd;}
.main_all .new_product .product_ul li:nth-child(even) a{border-left:1px solid #ddd;}
.main_all .new_product .product_ul li:nth-child(odd) a{border-left:1px solid #fff;}
.main_all .new_product .product_ul li a *{display:block;}
.main_all .new_product .product_ul li a .img_bx{width:130px;max-width:100%;overflow:hidden;}
.main_all .new_product .product_ul li a .img_bx img{max-width:100%;}
.main_all .new_product .product_ul li a .con_bx{}
.main_all .new_product .product_ul li a .con_bx small{color:#8a8a8a;font-size:12px;line-height:1;margin-bottom:4px;letter-spacing:0;}
.main_all .new_product .product_ul li a .con_bx b{font-size:14px;color:#010101;font-weight:400;line-height:1.3;height:36px;overflow:hidden;}
.main_all .new_product .product_ul li a .con_bx strong{font-size:15px;font-weight:bold;line-height:1;margin-top:6px;color:#0a0a0a;}
.main_all .new_product .btn_more{display: block;width: 100%;text-align: center;background: #e9e9e9; height: 40px;line-height: 40px;font-size: 14px;color:#868686;}

/* 디자인 배너 */
.main_all .design_banner{padding:15px 0 15px 10px;height:auto;box-shadow: 3px 3px 7px rgba(0,0,0,.2);}
.main_all .design_banner *{height:auto;}
.main_all .design_banner ul{}
.main_all .design_banner ul li{}
.main_all .design_banner ul li a{display:block;}
.main_all .design_banner ul li a>span{display:block;border:1px solid #ddd;}
.main_all .design_banner ul li a .img_bx{border-radius:5px 5px 0 0;overflow:hidden;border-bottom:0;}
.main_all .design_banner ul li a .img_bx img{width:100%;}
.main_all .design_banner ul li a .con_bx{padding:15px 10px;background:#f8f8f8;border-radius:0 0 5px 5px;overflow:hidden;}
.main_all .design_banner ul li a .con_bx>*{display:block;}
.main_all .design_banner ul li a .con_bx b{color:#00a5bd;font-size:17px;font-weight:500;}
.main_all .design_banner ul li a .con_bx small{color:#868686;font-size:13px;font-weight:300;margin:0 0 3px;letter-spacing:0;}
.main_all .design_banner ul li a .con_bx strong{color:#505050;font-size:15px;line-height: 18px;word-break: keep-all;font-weight:400; height:36px;overflow: hidden;}
/*.main_all .design_banner .swiper-slide:nth-child(1n) {width:90%;}
.main_all .design_banner .swiper-slide:nth-child(2n) {width::90%;}*/

/* MD's Pick */
.main_all .md_pick{background:#f3f3f3;padding:0 0 5px 10px;position:relative;}
.main_all .md_pick ul{height:350px;}
.main_all .md_pick ul>li{}
.main_all .md_pick ul>li{text-align: center;background: #fff; height: calc((100% - 30px) / 3);overflow:hidden;border-radius:5px;border: 1px solid #ddd;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.main_all .md_pick ul>li>a{display:table;width:100%;padding-left:10px;}
.main_all .md_pick ul>li>a:after{content:'';display:block;clear:both;}
.main_all .md_pick ul>li>a>span{display:table-cell;vertical-align:middle;}
.main_all .md_pick ul>li>a .img_bx{width:95px;height:95px;}
.main_all .md_pick ul>li>a .img_bx img{width:100%;}
.main_all .md_pick ul>li>a .con_bx{text-align:left;padding:0 10px;}
.main_all .md_pick ul>li>a .con_bx *{display:block;}
.main_all .md_pick ul>li>a .con_bx small{color:#8a8a8a;margin-bottom:5px;line-height:1;letter-spacing:0;}
.main_all .md_pick ul>li>a .con_bx b{font-size: 14px;font-weight:400;color:#0a0a0a;line-height: 1.3;height: 36px;overflow: hidden;}
.main_all .md_pick ul>li>a .con_bx strong{color:#0a0a0a;font-size: 15px;font-weight: bold;line-height: 1;margin-top: 6px;}
.main_all .md_pick .mp_arrow{position:absolute;top:19px;right:10px;}
.main_all .md_pick .mp_arrow>span{vertical-align:middle;display:inline-block;}
.main_all .md_pick .mp_arrow .mp_arrow_btn{width:9px;height: 15px;background-size:cover!important;}
.main_all .md_pick .mp_arrow .mp_arrow_btn.mp-swiper-button-prev{background:url(../images/main/i_arrow_left.png) no-repeat 0 0}
.main_all .md_pick .mp_arrow .mp_arrow_btn.mp-swiper-button-next{background:url(../images/main/i_arrow_right.png) no-repeat 0 0}
.main_all .md_pick .mp_arrow .vertical-bar{vertical-align:middle;display:inline-block;width:1px;height:13px;background:#818181;margin:0 13px;}

/* 배너 슬라이드 */
.main_all .slide_banner{position: relative;overflow: hidden;margin-bottom: -1px;box-shadow: 0px 3px 7px rgba(0,0,0,.12);border: 1px solid rgba(0,0,0,.11);border-right: 0;border-left: 0;}
.main_all .slide_banner *{height:auto;}
.main_all .slide_banner .slideBanner-swiper ul li{text-align:Center;}
.main_all .slide_banner .slideBanner-swiper ul li img{width:100%;display:table-cell;vertical-align:middle;}
.main_all .slide_banner .sb-swiper-pagination{position: absolute;bottom: 10px;width: 100%;text-align: center;z-index: 2;}
.main_all .slide_banner .sb-swiper-pagination>span{width:8px;height:8px;background:#a0a0a0;opacity:1;}
.main_all .slide_banner .sb-swiper-pagination .swiper-pagination-bullet-active{background:#0a0a0a;}
	
/* 카테고리 별 베스트 상품 */
.main_all .cate_best {padding:0 0 20px 10px;background:#f3f3f3}
.main_all .cate_best img{max-width:100%;width:200px;}
.main_all .cate_best .tab_wrap{overflow-x:scroll;background:#fff;margin-bottom:10px;border: 1px solid #ddd;border-radius: 5px 0 0 5px;}
.main_all .cate_best .tab_wrap::scrollbar {display: none;}
.main_all .cate_best .tab_wrap::-webkit-scrollbar {display: none;}
.main_all .cate_best .tab {width:1172px;}
.main_all .cate_best .tab:after{content:'';display:block;clear:both;}
.main_all .cate_best .tab button {background-color: inherit;float: left; border: none;outline: none;cursor: pointer;transition: 0.3s;font-size:13px;width:78px;height:78px;text-align:center;font-weight:500;letter-spacing:-1px;border-left:1px solid #ddd;color:#9f9f9f;padding:0;background:#fff;}

.main_all .cate_best .tab button.cate1{border-left:0;}
.main_all .cate_best .tab button.cate1 span{background:url(../images/main/gnb_01.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate2 span{background:url(../images/main/gnb_02.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate3 span{background:url(../images/main/gnb_03.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate4 span{background:url(../images/main/gnb_04.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate5 span{background:url(../images/main/gnb_05.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate6 span{background:url(../images/main/gnb_06.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate7 span{background:url(../images/main/gnb_07.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate8 span{background:url(../images/main/gnb_08.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate9 span{background:url(../images/main/gnb_09.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate10 span{background:url(../images/main/gnb_10.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate11 span{background:url(../images/main/gnb_11.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate12 span{background:url(../images/main/gnb_12.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate13 span{background:url(../images/main/gnb_13.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate14 span{background:url(../images/main/gnb_14.png) no-repeat 0 0;}
.main_all .cate_best .tab button.cate15 span{background:url(../images/main/gnb_15.png) no-repeat 0 0;}
.main_all .cate_best .tab button span{display:block;width:36.5px;height:25px;background-size:cover!important;background-position-x: -37px!important;margin:4px auto 7px}

.main_all .cate_best .tab button.active span{background-position-x:0!important;}
.main_all .cate_best .tab button.active{position:relative;color:#0a0a0a;}
.main_all .cate_best .tab button.active:before{position:absolute;top:0;left:0;width:100%;height:2px;background:#1ba8be;content:'';}

.main_all .cate_best .tabcontent {display: none;}

.main_all .cate_best .cateBest-swiper {width: 100%;}
.main_all .cate_best .cateBest-swiper *{height:auto;}
.main_all .cate_best .swiper-slide {text-align: left;font-size: 18px; background: #fff;border:1px solid #ddd;border-radius:5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    -webkit-align-items: left;
    align-items: left;
}
/*.main_all .cate_best .swiper-slide:nth-child(1n) {width: 40%;}
.main_all .cate_best .swiper-slide:nth-child(2n) {width: 40%;}
.main_all .cate_best .swiper-slide:nth-child(3n) {width: 40%;}*/


.main_all .cate_best .swiper-slide a{font-size:14px;padding:15px 10px;}
.main_all .cate_best .swiper-slide a .img_bx{margin-bottom:10px;width:100%;max-width:130px;display: block;}
.main_all .cate_best .swiper-slide a .img_bx img{width:100%;}
.main_all .cate_best .swiper-slide a .con_bx{text-align:left;}
.main_all .cate_best .swiper-slide a .con_bx>*{display:block;}
.main_all .cate_best .swiper-slide a .con_bx small{color: #8a8a8a;margin-bottom: 5px;line-height: 1;letter-spacing: 0;}
.main_all .cate_best .swiper-slide a .con_bx b{font-size: 14px;font-weight: 400;color: #0a0a0a;line-height: 1.3;height: 36px;overflow: hidden;}
.main_all .cate_best .swiper-slide a .con_bx strong{color: #0a0a0a;font-size: 15px;font-weight: bold;line-height: 1; margin-top: 6px;}

.main_all .cate_best .swiper-slide.last{background:none;border:none;}
.main_all .cate_best .swiper-slide.last a{position:relative;display:block;width:100%;height:100%;}
.main_all .cate_best .swiper-slide.last a span{display: block;position: absolute;top: 50%;margin-top:-40px;margin-left:-12px;text-align:center;width:100%;}
.main_all .cate_best .swiper-slide.last a span>*{display: block;margin:0 auto;}
.main_all .cate_best .swiper-slide.last a span .i_more{margin-bottom:10px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;background:#eee;border:1px solid #ccc;}
.main_all .cate_best .swiper-slide.last a span .i_more i{font-size:16px;color:#bbb;vertical-align: middle;display: inline-block;}
.main_all .cate_best .swiper-slide.last a span .txt{font-weight:400;}


.main_all .cate_best .swiper-slide img{}