@charset "utf-8";
/* CSS Document */
 
html{overflow-x:hidden;} 
 
  


 /***********
메인페이지
***********/
.main_slider_wrap{
	 
	width:100%;height:464px; overflow:hidden;position:relative; 
}
.main_m_slider_wrap{
	width:100%;height:auto; overflow:hidden;position:relative; 
	display:none;
}
.main_slider .slick-prev{
    left:  calc( 50% - (1200px / 2) )  ;
 	z-index:300;
	top:50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.main_slider .slick-next{
    right:  calc( 50% - (1200px / 2) )  ;
	z-index:300;
	top:50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


 
.main_slider_img{
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}
.main_slider , .main_slider .slick-list, .main_slider .slick-track {
	height:100%;
}
 
.bx-viewport{
	height:100%;
}

.main_banner h2{
	text-align:center;
}

.main_banner .main_event_sale_wrap{
	background:#f6f6f6;
	margin-top:50px
}
 .main_banner .main_banner_box{
	padding:30px 8px 0 8px
 }
.main_banner .main_banner_box img{
	width:100%
}
.main_banner .main_banner_box h3{
	font-size:20px;
	padding:20px 0  5px 15px;
	margin:0
}
.main_banner .main_banner_box p{
	font-size:16px;
	color:#999;
	padding:0px 0 30px 15px
}

@media (max-width: 992px) {
	.main_slider , .main_slider .slick-list, .main_slider .slick-track {
		height:auto;
	}
}



.main_slider  {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	margin :0 0 30px 0px
}

  
.main_slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}




/*공통*/

.main_dream_container{ background-color: #f5f5f5; padding :20px 0}
.main_goods_wrap{
	    border: 1px solid #ddd;
		background:#fff;
		padding:0 20px;
		margin-bottom:20px ;
}

.main_goods_wrap .dream_goods_list{
		  position:relative;
		 
}	
.main_goods_wrap .dream_goods_list:after{
		 content:'';
		 display:none;
		 width:1px;
		 height:100%;
		 position:absolute;
		 top:0;
		 left: 0px;
		 background:#ddd;

}
 

.main_goods_wrap .row .dream_goods_list:nth-child(4n):after{
	display:none;
}

.main_tit_box{
	text-align:center;
	padding:30px 0 20px 0
}
.main_tit_box h3{
    line-height: 1;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -3px;
}

.main_tit_box p{
	font-size:15px
}

.main_cate_menu ul{ 
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;

 
}
.main_cate_menu li {

     text-align: center;
    position: relative;
}
.main_cate_menu li:after{
	content:'';
	display:block;
	width:1px;
	height:16px;
	background:#ddd;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-8px;

}
.main_cate_menu li:last-child:after{
	display:none;
}
.main_cate_menu li a{
	display: inline-block;
    padding:  0px   0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 41px;
     color: #666;
	text-align:center;
	margin:10px 20px;
	border-bottom:2px #fff solid;
}
 
.main_cate_menu li a.recoms1, 
.main_cate_menu li a.bktconB202103310519461{  }
.cate_menu_onm , .main_cate_menu li a.on { color:#4FB748!important ; border-bottom:2px #4FB748 solid!important}


.main_slider .slick-slide,
.main_new_best .slick-slide, .main_event_sale .slick-slide , 
.main_goods_wrap .slick-slide  {
	height:auto;
 
}




 
@media (max-width: 992px) {
	
	.main_dream_container{ background-color: #fff; padding :0 0 20px 0}

	.main_goods_wrap{ border: none; padding:0 0px 0 20px; margin-bottom:20px ; }

	.main_tit_box{text-align:left;}
	.main_tit_box h3 {text-align:left;   padding: 0 20px 0 0; font-size:22px}

	.main_dream_container > .container{padding-left:0; padding-right:0}

  
 	.main_goods_wrap .dream_goods_list:after{display:none;}

 
	.main_cate_menu ul{  display: inline-block; white-space: nowrap; overflow-x: scroll; width: 100%; margin-left:-10px}
 	.main_cate_menu ul::-webkit-scrollbar {display:none}
	.main_cate_menu ul::-webkit-scrollbar-thunmb {display:none}
	.main_cate_menu ul::-webkit-scrollbar {display:none}
	.main_cate_menu ul::-webkit-scrollbar-thunmb { display:none}
 	.main_cate_menu li { display: inline-block; text-align: center; 	position: relative; }
 	.main_cate_menu li:after { 	height: 10px; right: 0; margin-top: -5px; }
 	.main_cate_menu li a{ 	font-size: 14px; 	margin:10px 10px; }

 
  

	.main_goods_wrap .dream_goods_list{width:150px!important}

 
	 
 
}



/*카테고리별 추천*/

 
.mainCateGoods   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.mainCateGoods.swiper-initialized {
    visibility: visible;
    opacity: 1; 
}


.category_recom_wrap .inner    {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.category_recom_wrap .inner.swiper-initialized {
    visibility: visible;
    opacity: 1; 
}





/*카테고리별 추천상품*/

 
.main_goods_wrap .tab_wrap .tit_list {position: relative;font-size: 0;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
	margin-bottom:20px

}
.main_goods_wrap .tab_wrap .tit_list:before {display:none; content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #ddd;z-index: 1;}
.main_goods_wrap .tab_wrap .tit_list > li {display: inline-block;    text-align: center; position: relative;}
.main_goods_wrap .tab_wrap .tit_list > li a { 
    display: inline-block;
    padding: 0px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 41px;
    color: #666;
    text-align: center;
    margin: 10px 20px;
    border-bottom: 2px #fff solid;

}
.main_goods_wrap .tab_wrap .tit_list > li:after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #ddd;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}
.main_goods_wrap .tab_wrap .tit_list > li:last-child:after{display:none;}

.main_goods_wrap .tab_wrap .tit_list > li a:hover { }
.main_goods_wrap .tab_wrap .tit_list > li.active a, .main_goods_wrap .tab_wrap .tit_list > li a.active {position: relative; z-index: 2;     color: #4FB748;   border-bottom: 2px #4FB748 solid; }


.main_goods_wrap .tab_wrap .tab_con { overflow:hidden;  }
.main_goods_wrap .tab_wrap .tab_con .tab_list {display: none;padding: 15px 0;}

.category_recom_wrap .inner .swiper-wrapper,
.category_recom_wrap .inner .swiper-slide{height:auto}
.category_recom_wrap .main_tit_box{padding:30px 0 0 0}

@media (max-width: 992px) {
	
	
	 .main_goods_wrap .tab_wrap { }

	 .main_goods_wrap .tab_wrap .tit_list{ display: inline-block; white-space: nowrap; overflow-x: scroll; width: 100%; margin-left:-10px }
	 .main_goods_wrap .tab_wrap .tit_list::-webkit-scrollbar {display:none}
	 .main_goods_wrap .tab_wrap .tit_list::-webkit-scrollbar-thunmb {display:none}
	 .main_goods_wrap .tab_wrap .tit_list::-webkit-scrollbar {display:none}
	 .main_goods_wrap .tab_wrap .tit_list::-webkit-scrollbar-thunmb { display:none}

 	.main_goods_wrap .tab_wrap .tit_list > li a {  	font-size: 14px; 	margin: 10px 10px; }
	.main_goods_wrap .tab_wrap .tit_list > li:after { 	height: 10px; right: 0; margin-top: -5px; }

	 .main_goods_wrap .tab_wrap .dream_goods_list{text-align:left;}

	.category_recom_wrap .main_tit_box{padding-bottom:0}

	.category_recom_wrap .dream_goods_list{margin-bottom: 20px}


}



/* 배너 */ 
 
 
.main_event_guide{
	margin-bottom:20px
}
 
.main_event_guide .mainevent_box li img{
	width:100%
}

.main_event_guide .event_main-banner a{display:block;}


.mainevent_box   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.mainevent_box.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }

.main_event_guide .swiper-wrapper,
.main_event_guide .swiper-slide{height:auto}

@media (max-width: 992px) {

	.main_event_guide{padding-left:20px}
}

@media (max-width: 768px) {

	.mainevent_box .swiper-slide {width:300px}

}



/*full 배너*/
.main_event_banner{
	padding-bottom:20px
}

.main_event_banner img{
	width:100%
}




/*신상품*/

.new_goods_btn .swiper-button-prev, 
.new_goods_btn .swiper-button-next{
    width: 46px;
    height: 46px;
    padding: 0;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
    border: 1px #ddd solid;
    background: #fff;
}

.new_goods_btn .swiper-button-prev{left:-21px; top:155px}
.new_goods_btn .swiper-button-next{right:-21px; top:155px}


.new_goods_box .swiper-wrapper,
.new_goods_box .swiper-slide{height:auto}

.new_goods_box   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.new_goods_box.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }


@media (max-width: 992px) {

	.new_goods_btn .swiper-button-next,
	.new_goods_btn .swiper-button-prev{display:none}

	.new_goods_box .dream_goods_list{margin-bottom:20px}

}


/*카테고리별 -중분류 상품*/



.dream_goods_list .goods_iconlist{display:none;}
 

.catemain_goods_box   {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.catemain_goods_box.swiper-initialized {
    visibility: visible;
    opacity: 1; 
 }

.catemain_goods_box .swiper-wrapper,
.catemain_goods_box .swiper-slide{height:auto}




 
 
 
 
 

/*카테고리베스트*/
.best_category_tab{
    border: 1px solid #ddd;
	position:relative;
    background-color: #fbfbfb;
	margin-bottom:20px
}
.best_category_tab:before{
	content:'';
	display:block;
	width:100%;
	height:0px;
	background:#ddd;
	position:absolute;
	top:102px;
	left:0

}
.best_category_tab:after{
	content:'';
	display:block;
	width:100%;
	height:0.5px;
	background:#ddd;
	position:absolute;
	bottom:102px;
	left:0

}
 
.best_category_tab ul{
    display: grid;
    gap:  0px;
    grid-template-columns: repeat(7, minmax(0px, 1fr));

}
 
.best_category_tab li{
 	 
	text-align:center;
	height:102px;
	position:relative;
	border-right:1px #ddd solid;
 	 
} 
.best_category_tab li:nth-child(7n){
	border-right:0;
	 
}
.best_category_tab li  a{
	display:block;
	height:100%
}
.best_category_tab li .best_category_txt{
    font-size: 14px;
    text-align: center;
	padding-top:70px;
	display:block;
}
.best_category_tab li.on{
	background: rgb(238, 238, 238);
}

.best_category_tab li a.on{
	background: rgb(238, 238, 238);
}

.best_category_tab .best_category_icon {
	position:absolute;
	top:15px;
	left:0;
    width: 100%;
    height: 50px;
	display:block;
	margin-top:0px;
    background-repeat: no-repeat;
    background-position: center center;
 }
.best_category_tab .best_category_icon i{
	font-size:30px
}


 


 
  

.best_category_goods .ranking_box{
	height:30px;
	margin-bottom:10px
}

.best_category_goods .ranking_box span{
	position:relative;
    font-size: 23px;
    font-weight: 700;
	letter-spacing: -1px;
}



.best_category_goods .ranking_box span:after{
     content: url(/webftp/best_ranking_line.png);
    position: absolute;
    bottom: -5px;
    right: -6px;
}


.best_category_goods_box {
	grid-template-columns: repeat(4, 1fr);
	display: grid;
    gap: 20px;
}


.best_category_goods_box .dream_goods_list {
 
}



@media (max-width: 992px) {
	.best_category_goods{padding:0 20px 0 0}
	
	.best_category_tab_box{
 		display: grid;
		grid-column-gap: 10px;
		grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
 	}

	 .best_category_tab{
		padding: 0px 0px  0px;
		grid-column: span 2;
 		border: none;
		position: relative;
		background-color: #fff;
		margin-bottom: 20px;
 	 }

	 .best_category_tab ul{
		display: flex;
		 max-height:290px;
		flex-flow: column wrap;
		overflow: auto hidden;

	}
 	.best_category_tab ul::-webkit-scrollbar {display:none}
	.best_category_tab ul::-webkit-scrollbar-thunmb {display:none}
	.best_category_tab ul::-webkit-scrollbar {display:none}
	.best_category_tab ul::-webkit-scrollbar-thunmb { display:none}

	.best_category_tab li{
		cursor: pointer;
		text-decoration: none;
		color: inherit;
		display: block;
		flex: 0 0 auto;
		width: 65px;
		height:auto;
		border-right:none;
		margin-right: 10px;
		margin-bottom: 10px;
		text-align: center;
		 
	}
	.best_category_tab li a{position:relative;}
	.best_category_tab li a.on{background:transparent}
	.best_category_tab li a.on .best_category_icon{ border-color:#4FB748}
	.best_category_tab li a.on .best_category_txt{ color:#4FB748}
 	.best_category_tab:before, .best_category_tab:after{display:none;}

	.best_category_tab .best_category_icon {
 		top: 0px;
 		width: 65px;
 		height: 65px;
		border:1px #eee solid;
		border-radius:50%;
		background-color:#f7f7f7;
   	 }
	.best_category_tab li .best_category_txt{font-size:11px; padding-top:73px;     letter-spacing: -0.3px;  overflow: hidden;  text-overflow: ellipsis;}
	.best_category_tab .best_category_icon i{ 	display: flex; justify-content: center; align-items: center; height:65px}


	.best_category_goods_box {
		grid-template-columns: repeat(2, 1fr);
		display: grid;
		gap: 20px;
	}

	.best_category_goods_box .dream_goods_list{width:100%!important; margin-bottom:10px}

}



 

 .bktcon_goods_box {
 
 		grid-template-columns: repeat(4, 1fr);
		display: grid;
		gap: 20px;

 }

 
@media (max-width: 992px) {
 
	 .bktcon_goods_box {
	 		padding-right:20px;
			grid-template-columns: repeat(2, 1fr);
	 
	 }
	  .bktcon_goods_box .dream_goods_list{width:100%!important; margin-bottom:10px}
 

}
.tab-content{ }