/*header CSS----------------------------------------------------------*/
#j_header{
	z-index : 1000;
}


/*로고영역-----*/
.j_hd_top h1{
	text-align : center;
	padding : 40px 0 30px;
	font-size : 0;
}
.j_hd_top ul{
	position : absolute;
	top : 10px;
	right : 0;
}
.j_hd_top ul li{
	margin-left:30px;
}
.j_hd_top ul li a{
	transition : color 0.2s;
	font-family: 'Rubik-L';
}
.j_hd_top ul li:hover a{
	color : #000;
}

/*헤더하단영역-----*/
.j_hd_btm{
/*	border-top : 1px solid rgba(0,0,0,0.1);*/
	border-bottom : 1px solid rgba(0,0,0,0.1);
	height : 70px;
}
.j_hd_btm.active{
	position : fixed;
	top:0;
	left:0;
	width : 100%;
	background-color :#fff;
	box-shadow : 0 0 15px rgba(0,0,0,0.1);
	border-bottom : 1px solid rgba(0,0,0,0.1);
}
.j_hd_btm .j_section{
	height : 100%;
}



/*모바일버튼영역*/
.j_hd_btm .j_m_btn{
	width : 25px;
	height : 100%;
	margin-right : 25px;
}
.j_hd_btm .j_m_btn span{
	display: block;
	width : 100%;
	height : 1px;
	background-color : #000;
	position : absolute;
	top : 50%;
	left:0;
	transform : translateY(-50%);
	transition : top 0.2s;
}
.j_hd_btm .j_m_btn span:nth-child(1){
	top : 37%;
}
.j_hd_btm .j_m_btn span:nth-child(3){
	top : 63%;
}
.j_hd_btm .j_m_btn:hover span{
	top : 50%;
}


/*네비영역*/

.j_hd_btm .j_gnb > ul{
	height : 100%;
}
.j_hd_btm .j_gnb > ul::after{
	content : "";
	display : block;
	clear : both;
}
.j_hd_btm .j_gnb > ul > li{
	float : left;
	height : 100%;
	line-height : 70px;
	text-align : center;
}

.j_hd_btm .j_gnb > ul > li > a{
	display : inline-block;
	height : 100%;
	padding : 0 25px;
	font-family: 'Rubik-R';
/*	font-weight : bold;*/
	font-family: 'Rubik', sans-serif;
	font-weight : 400;
}
.j_hd_btm .j_gnb > ul > li > a.active{
	color : #028bd3;
}
.j_hd_btm .j_gnb > ul > li .j_sub_menu{
	padding : 15px;
	background-color : #fff;
/*	background-color : rgba(255,255,255,0.8);*/
	position : absolute;
	bottom : 12px;
	transform :translateY(100%);
	white-space: nowrap;
/*	box-shadow : 0 0 5px rgba(0,0,0,0.1);*/
	border : 1px solid rgba(0,0,0,0.1);
	display : none;
	z-index : 2000;
}

.j_hd_btm .j_gnb > ul > li .j_sub_menu ul{
	display : inline-block;
	vertical-align : top;
	text-align : left;
	margin-right : 60px;
	max-width : 60px;
}
.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li{
	line-height : 1;
}
.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a{
	display : inline-block;
	padding : 10px 0;
	font-size: 0.875rem;
	color : #9c9c9c;
	transition : padding 0.2s, color 0.2s;
}
/*
.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a::before{
	content : "";
	width :6px;
	height : 1px;
	background-color : #028bd3;
	position : absolute;
	top : 50%;
	left : 0;
	transform :TranslateY(-50%) scale(0);
	transition : transform 0.2s;
}
*/
.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a:hover{
	padding-left : 10px;
	padding-left : 0 !important;
/*	color : #028bd3;*/
	color : #000;
}
.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a:hover::before{
	transform :TranslateY(-50%) scale(1);
}
.j_hd_btm .j_gnb > ul > li .j_sub_menu .j_img_con{
	display : inline-block;
	width : 360px;
	height : 260px;
	vertical-align : top;
	background-color :#ddd;
	border-radius : 30px;
}

.j_hd_btm .j_gnb > ul > li:nth-child(1) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img01.jpg);
}
.j_hd_btm .j_gnb > ul > li:nth-child(2) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img02.jpg);
}
.j_hd_btm .j_gnb > ul > li:nth-child(3) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img03.jpg);
}
.j_hd_btm .j_gnb > ul > li:nth-child(4) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img04.jpg);
}
.j_hd_btm .j_gnb > ul > li:nth-child(5) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img05.jpg);
}
.j_hd_btm .j_gnb > ul > li:nth-child(6) .j_sub_menu .j_img_con{
	background-image : url(../img/nav/j_nav_img06.jpg);
}


/*오른쪽네비영역*/
.j_hd_btm .j_right_nav ul{
	font-size:0;
}
.j_hd_btm .j_right_nav ul li{
	display : inline-block;
	margin-left: 30px;
}
.j_hd_btm .j_right_nav ul li a{
    display: block;
    line-height : 70px;
}
.j_hd_btm .j_right_nav ul li a img{
	vertical-align : middle;
}
.j_hd_btm .j_right_nav .j_cart_count{
	display : inline-block;
	color : #fff;
	background-color : #028bd3;
	position : absolute;
	top : 23%;
	left : 60%;
	line-height : 1;
	padding : 3px 5px;
	border-radius : 10px;
	font-size : 0.5rem;
}





@media screen and (max-width: 1280px){ 

	/*로고영역-----*/
	.j_hd_top h1{
		padding : 30px 0 20px;
	}
	.j_hd_top h1 img{
		height : 30px;
	}
	.j_hd_top ul{
		top : 5px;
	}
	.j_hd_top ul li{
		margin-left: 20px;
	}

	/*헤더하단영역-----*/
	.j_hd_btm{
		height : 60px;
	}

	/*모바일버튼영역*/
	.j_hd_btm .j_m_btn{
		width : 22px;
		margin-right : 15px;
	}

	/*네비영역*/
	.j_hd_btm .j_gnb > ul > li{
		line-height : 60px;
	}

	.j_hd_btm .j_gnb > ul > li > a{
		padding : 0 15px;
	}
	.j_hd_btm .j_gnb > ul > li .j_sub_menu ul{
		margin-right : 50px;
		max-width : 45px;
	}
	.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a{
		font-size: 0.8rem;
		padding : 8px 0;
	}
	.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a::before{
		width : 3px;
		height : 3px;
	}
	.j_hd_btm .j_gnb > ul > li .j_sub_menu ul li a:hover{
		padding-left : 8px;
}
	.j_hd_btm .j_gnb > ul > li .j_sub_menu .j_img_con{
		width : 300px;
		height : 220px;
		border-radius : 25px;
	}


	/*오른쪽네비영역*/
	.j_hd_btm .j_right_nav ul li{
		margin-left: 15px;
	}
	.j_hd_btm .j_right_nav ul li a{
		line-height : 60px;
	}


}

@media screen and (max-width: 1024px){
	/*로고영역-----*/
	.j_hd_top h1{
		padding : 25px 0 15px;
	}

	/*헤더하단영역-----*/
	.j_hd_btm{
		height : 55px;
	}

	/*모바일버튼영역*/
	.j_hd_btm .j_m_btn{
		width : 22px;
		margin-right : 15px;
	}

	/*네비영역*/
	.j_hd_btm .j_gnb{
		display : none;
	}

	/*오른쪽네비영역*/
	.j_hd_btm .j_right_nav ul li{
		margin-left: 15px;
	}
	.j_hd_btm .j_right_nav ul li a{
		line-height : 55px;
	}
}

@media screen and (max-width: 760px){ 

	/*로고영역-----*/
	.j_hd_top{
		display : none;
	}
	.j_hd_btm .j_logo{
		height : 16px;
		font-size : 0;
	}
	.j_hd_btm .j_logo a{
		display : inline-block;
		height: 100%;
	}
	.j_hd_btm .j_logo img{
		height : 100%;
	}

	/*헤더하단영역-----*/
	.j_hd_btm{
		height : 50px;
		border-top : 0;
	}

	/*모바일버튼영역*/
	.j_hd_btm .j_m_btn{
		width : 20px;
		margin-right : 15px;
	}

	/*오른쪽네비영역*/
	.j_hd_btm .j_right_nav{
		display : none;
	}
	.j_hd_btm .j_right_nav ul li{
		margin-left: 15px;
	}
	.j_hd_btm .j_right_nav ul li a{
		line-height : 50px;
	}
	.j_hd_btm .j_right_nav ul li a img{
		width : 12px;
	}



}


/*search popup CSS----------------------------------------------------------*/
.j_search_popup{
	width : 100%;
	top : 0;
	left : 0;
	background-color : #05143b;
	display : none;
	position : absolute;
	top : calc(100% + 0px);
	left : 0;
	box-shadow: 0 5px 5px rgba(0,0,0,0.05);
}
 #hd_sch{
	float : none;
	margin : 0;
	border : 0;
 }
#hd_sch #sch_stx{
	line-height : 1.6 !important;
}
#hd_sch #sch_submit{
	background-color : transparent;
	width : 25px;
	height : 25px;
	position : absolute;
	top : 50%;
	right : 0;
	transform : translateY(-50%);
}

.j_search_popup #hd_sch{
	padding : 60px  0;
	line-height : 1.6 !important;
}
.j_search_popup #hd_sch #sch_stx{
	padding : 15px 95px 15px 15px;
	width : 100%;
	height : 100%;
/*	background-color : transparent;*/
	border : 0;
	border-bottom : 1px solid #bbb;
}
.j_search_popup #hd_sch #sch_submit{
	background-color : transparent;
	width : 35px;
	position : absolute;
	top : 50%;
	right : 55px;
	transform : translateY(-50%);
}
.j_search_popup .j_close_btn{
	position : absolute;
	top : 50%;
	right : 5px;
	transform : translateY(-50%);
}
.j_search_popup .j_close_btn span{
	background-color : #000;
}




/*mobile nav CSS----------------------------------------------------------*/

#j_m_nav{
	width : 100%;
	height : 100%;
	position : fixed;
	top : 0;
	left:0;
	background-color : rgba(0,0,0,0.6);
	z-index : 2000;
	font-size : 0;
	display : none;
}
#j_m_nav .j_m_inner{
	font-size : 1rem;
	width : calc(100% - 40px);
	max-width : 360px;
	height : 100%;
	display : inline-block;
	background-color : #fff;
	padding : 20px;
	transform : translateX(-100%);
	transition : transform 0.5s;
	box-shadow : 0 0 10px rgba(0,0,0,0.1);
	overflow-y : scroll;
}
#j_m_nav .j_m_inner.active{
	transform : translateX(0);
}


/*m nav top*/
#j_m_nav .j_top_con{
	padding : 0 10px;
	justify-content : space-between;
	-ms-align-items: center;
	align-items : center;
}
#j_m_nav .j_top_con h1{
	max-width : 65%;
}
#j_m_nav .j_top_con ul{
	margin-left : 30px;
	justify-content : space-between;
	-ms-justify-content : space-between;
	max-width : 47px;
}
#j_m_nav .j_top_con ul li{
	margin-right : 15px;
	width : 16px;
}
#j_m_nav .j_top_con ul li:last-child{
	margin-right : 0;
}

#j_m_nav .j_m_inner > .j_img_con{
	width : 100%;
	height : 100px;
	border-radius : 10px;
	background-image : url("/img/main_section/j_brand_01.jpg");
	margin : 30px 0;
}


/*m nav search*/

#j_m_nav #hd_sch{
	padding : 0;
}
#j_m_nav #hd_sch #sch_stx{
	width : 100%;
	padding : 5px 40px 1px 10px;
	font-size : 1rem;
	border : 0;
	border-bottom : 1px solid #bbb;
}
#j_m_nav #hd_sch #sch_submit{
	width : 25px;
	height : 25px;
	right : 10px;
}
legend{
	font-size:0;
}



/*m nav mid*/
.j_m_nav_con{
	width : 100%;
	margin : 40px 0;
}
.j_m_nav_con > ul > li{
	margin : 20px 0;
	cursor : pointer;
}
.j_m_nav_con > ul > li:first-child{
	margin-top : 0;
}
.j_m_nav_con > ul > li::before,
.j_m_nav_con > ul > li::after{
	content : "";
	width : 10px;
	height : 1px;
	background-color : #bbb;
	position : absolute;
	top : 8px;
	right : 0;
	transition : transform 0.2s;
}
.j_m_nav_con > ul > li::after{
	transform : rotate(90deg);
}
.j_m_nav_con > ul > li.active::after{
	transform : rotate(0);
}
.j_m_nav_con > ul > li > a{
	font-family: 'Rubik-R';
}
.j_m_nav_con > ul > li > .j_sub_menu{
	display : none;
}
.j_m_nav_con > ul > li > .j_sub_menu ul li{
	margin : 10px 8px;
}
.j_m_nav_con > ul > li > .j_sub_menu a{
	transition : padding 0.2s, opacity 0.2s;
	color : #000;
	opacity : 0.6;
	font-size : 0.85rem;
}
.j_m_nav_con > ul > li > .j_sub_menu a:hover{
	padding-left : 8px;
	opacity : 1;
}
.j_m_nav_con > ul > li > .j_sub_menu .j_img_con{
	display : none;
}

/*scroll bar*/
@media screen and (min-width: 761px){ 
	#j_m_nav .j_m_inner::-webkit-scrollbar {
		width : 0;
	}
	.j_m_nav_con::-webkit-scrollbar {
		width: 4px;
		width : 0;
	}
	.j_m_nav_con::-webkit-scrollbar-track {
	    background: rgba(255,255,255,0.5);
		border-radius: 2px;
	}
	.j_m_nav_con::-webkit-scrollbar-thumb {
	    background:rgba(255,255,255,0.5);
		transition: all 0.2s;
		cursor: grab;
	}
	.j_m_nav_con::-webkit-scrollbar-thumb:hover {
	  background:rgba(255,255,255,1);
	}
}



/*m nav btm*/
#j_m_nav .j_btm_con a{
	transition : color 0.2s;
}
#j_m_nav .j_btm_con a:hover{
	color : #000;
}


/*close btn*/
#j_m_nav .j_close_btn{
	display : inline-block;
	vertical-align : top;
}






@media screen and (max-width: 1280px){ 
	.j_m_nav_con > ul > li::before,
	.j_m_nav_con > ul > li::after{
		top:6px;
	}

}

@media screen and (max-width: 760px){ 
	#j_m_nav .j_top_con h1{
		max-width : 140px;
	}
	#j_m_nav .j_m_inner > .j_img_con{
		margin : 15px 0;
	}
	.j_m_nav_con {
		margin: 30px 0;
	}
	.j_m_nav_con > ul > li::before,
	.j_m_nav_con > ul > li::after{
		width : 8px;
	}

}



/*main CSS----------------------------------------------------------*/

.j_main .swiper-container,
.j_main .swiper-wrapper,
.j_main .swiper-slide,
.j_main .swiper-slide img{
	width : 100%;
}
.j_main .swiper-slide{
	font-size : 0;
}

.j_main .swiper-button-prev{
    left : 1%;
}
.j_main .swiper-button-next{
    right : 1%;
}

.j_main .swiper-pagination-bullet{
	background-color : #fff;
}



@media screen and (max-width: 1280px){ 


}

@media screen and (max-width: 760px){ 



}




/*new CSS----------------------------------------------------------*/

.j_title_con{
    -ms-align-items: center;
    align-items: center;
}
.j_title_con h3{
	display :  inline-block;
}
.j_title_con .j_more_btn{
	margin-left:auto;
}
.j_pro_section .swiper-slide{
/*	padding : 0 10px;*/
}
.j_pro_section .swiper-slide::after{
	content : "";
	width : 0;
	height : 2px;
	background-color : #028bd3;
	position :absolute;
	bottom : 0;
	left : 50%;
	transform : translateX(-50%);
	transition : width 0.2s;
}
.j_pro_section .swiper-slide:hover::after{
	width : 100%;
}
.j_pro_section .swiper-container .j_img_con{
	width : 100%;
	font-size: 0;
	overflow : hidden;
}
.j_pro_section .swiper-container .j_img_con > img:nth-of-type(2){
	position : absolute;
	top : 0;
	left : 0;
	opacity : 0;
	transition : opacity 0.4s;
}
.j_pro_section .swiper-slide:hover .j_img_con > img:nth-of-type(2){
	opacity : 1;
}
.j_pro_section .swiper-container .j_icon_con,
.j_special_brand .swiper-container .j_icon_con{
	position : absolute;
	top : 0;
	left : 0;
	padding : 10px;
	z-index : 1;
	height : 100%;
}
.j_pro_section .swiper-container .j_icon_con span,
.j_special_brand .swiper-container .j_icon_con span{
	font-size : 0;
}
.j_pro_section .swiper-container .j_icon_con span img,
.j_special_brand .swiper-container .j_icon_con span img{
	margin-bottom : 5px;
	display : block;
	width : 45px;
}



.j_pro_section .swiper-container .j_text_con{
	padding : 20px 5px;
}
.j_pro_section .swiper-container .j_text_con h5,
.j_special_brand .swiper-container .j_text_con h5{
	font-weight : bold;
	font-size : 0.95rem;
	line-height : 1.5;
}
.j_price.j_fz_20{
	font-size : 1.1rem;
	font-weight : bold;
}
.j_pro_section .j_price,
.j_special_brand .j_price{
	vertical-align : middle;
}
.j_pro_section .j_price span,
.j_special_brand .j_price span{
	margin-left : 5px;
}
.j_pro_section .j_price .j_dc,
.j_special_brand .j_price .j_dc{
	margin-right : 5px;
	padding : 3px 10px;
	background-color : #02a9d3;
	border-radius : 10px;
}
.j_pro_section .j_price strike,
.j_special_brand .j_price strike{
	margin-right : 5px;
}
.j_pro_section .j_sns p,
.j_special_brand .j_sns p{
	font-size: 0;
}






.j_pro_section .swiper-button-prev{
    left : -1%;
	transform :translateX(-100%);
}
.j_pro_section .swiper-button-next{
    right : -1%;
	transform :translateX(100%);
}





@media screen and (max-width: 1280px){ 
	.j_pro_section .swiper-container .j_text_con{
		padding : 15px 5px;
	}
	.j_pro_section .swiper-container .j_icon_con span img,
	.j_special_brand .swiper-container .j_icon_con span img{
		width : 35px;
	}
	.j_pro_section .j_price .j_dc,
	.j_special_brand .j_price .j_dc{
		padding : 2px 9px;
	}

}
@media screen and (max-width: 1024px){
	.j_pro_section .swiper-container .j_icon_con span img,
	.j_special_brand .swiper-container .j_icon_con span img{
		width : auto;
		height : calc((100% - 25px) / 6);
	}
}
@media screen and (max-width: 760px){ 
	.j_pro_section .swiper-container .j_text_con{
		padding : 10px 0;
	}
	.j_pro_section .swiper-container .j_icon_con,
	.j_special_brand .swiper-container .j_icon_con{
		padding : 5px;
	}
	.j_pro_section .swiper-container .j_icon_con span img,
	.j_special_brand .swiper-container .j_icon_con span img{
		margin-bottom : 3px;
		height : calc((100% - 15px) / 6);
	}
	
	.j_pro_section .swiper-container .j_text_con h5{
/*		font-size : 0.9rem;*/
	}
	.j_pro_section .j_price .j_dc,
	.j_special_brand .j_price .j_dc{
		padding : 1px 7px;
	}
	.j_pro_section .j_sns img,
	.j_special_brand .j_sns img{
		width : 17px;
	}

}




/*md pick CSS----------------------------------------------------------*/

.j_md_pick .j_title_img img{
	width : 100%;
}

.j_md_pick .j_section{
	margin-top : -100px;
}
.j_md_pick .j_pro_con{
	background-color : #fff;
	padding : 10px;
}



@media screen and (max-width: 1280px){ 
	.j_md_pick .j_section{
		margin-top : -70px;
	}

}
@media screen and (max-width: 1024px){ 
	.j_md_pick .j_section{
		margin-top : -50px;
	}

}
@media screen and (max-width: 760px){ 
	
	.j_md_pick .j_section{
		margin-top : -30px;
	}
	.j_md_pick .j_pro_con{
		padding : 5px;
	}


}




/*brand CSS----------------------------------------------------------*/
.j_special_brand{
	overflow:hidden;
	width : 100%;
}
.j_special_brand .j_section{
	padding-right: 80px;
	padding-left: 80px;
}
.j_special_brand .j_flex_con{
    justify-content: space-between;
}
.j_special_brand .j_section .j_left_wrap{
	margin-right : 60px;
}
.j_special_brand .j_section .j_left_wrap h3{
	line-height : 1.4;
}
.j_special_brand .j_section .j_left_wrap p{
	line-height : 1.8;
}
.j_special_brand .j_section .j_left_wrap .j_img_con{
	background-image : url("../img/main_section/j_brand_01.jpg");
	background-attachment : fixed;
	max-width : 350px;
	width  :100%;
	height : 26vw;
	max-height : 350px;
}


.j_special_brand .j_right_wrap{
	width  : 55%;
	max-width : 740px;
}
.j_special_brand .j_right_wrap > .j_img_con{
	width : 100%;
	height : 100%;
	background-image : url("../img/main_section/j_brand_02.jpg");
}
.j_special_brand .j_pro_con{
	position : absolute;
	bottom : 60px;
	right : 60px;
	z-index : 1;
	left : calc(100% + 90px);
	width : 690px;
	transform : translateX(-50%);
}
.j_special_brand .j_pro_con .swiper-slide > a{
	width : 100%;
	height : 100%;
	display : block;
}
.j_special_brand .j_pro_con .swiper-slide .j_img_con{
	background-color : #fff;
	transition : border 0.4s;
	border : 1px solid rgba(0,0,0,0.05);
}
.j_special_brand .j_pro_con .swiper-slide .j_img_con::after{
	content : "";
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.6);
	position : absolute;
	top:0;
	left:0;
	opacity:0;
	transition : opacity 0.4s;
	z-index : 1;
}
.j_special_brand .j_pro_con .swiper-slide .j_img_con{
	font-size:  0;
}
.j_special_brand .j_pro_con .swiper-slide .j_text_con{
	width : 100%;
	padding : 25px;
	z-index : 1;
	opacity:0;
	transition : opacity 0.4s;
}

.j_special_brand .j_pro_con .swiper-slide:hover .j_img_con{
	border-color : rgba(0,0,0,0.6);
}
.j_special_brand .j_pro_con .swiper-slide:hover .j_img_con::after,
.j_special_brand .j_pro_con .swiper-slide:hover .j_text_con{
	opacity : 1;
}

.j_special_brand .swiper-button-prev{
    left : -40px;
}



@media screen and (max-width: 1280px){ 
	.j_special_brand .j_section{
		padding-right: 60px;
		padding-left: 60px;
	}
	.j_special_brand .j_section .j_left_wrap{
		margin-right : 50px;
	}
	.j_special_brand .j_section .j_left_wrap .j_img_con{
		height : 30vw;
		max-height : 320px;
	}
	.j_special_brand .j_pro_con{
		bottom : 40px;
		right : 40px;
		left : calc(100% + 70px);
		width : 45vw;
		max-width : 590px;
	}
	.j_special_brand .j_pro_con .swiper-slide .j_text_con{
		padding : 15px;
	}

}
@media screen and (max-width: 1024px){ 
	.j_special_brand .j_section{
		padding-right: 30px;
		padding-left: 30px;
	}
	.j_special_brand .j_section .j_left_wrap{
		margin-right : 40px;
	}
	.j_special_brand .j_section .j_left_wrap .j_img_con{
		max-height : 278px;
	}

	.j_special_brand .j_right_wrap{
		width : 65%;
	}
	.j_special_brand .j_pro_con{
		bottom : 40px;
		right : 40px;
		left : calc(100% + 40px);
		width : 45vw;
		max-width : 590px;
	}
	.j_special_brand .j_pro_con .swiper-slide .j_text_con{
		padding : 10px;
	}

}
@media screen and (max-width: 760px){ 
	.j_special_brand .j_section{
		padding-right: 20px;
		padding-left: 20px;
	}
	.j_special_brand .j_flex_con{
		display : block;
	}
	.j_special_brand .j_section .j_left_wrap{
		width : 100%;
	}
	.j_special_brand .j_section .j_left_wrap{
		margin-right : 0;
	}
	.j_special_brand .j_section .j_left_wrap .j_img_con{
		height : 160px;
		max-width : 100%;
	}
	.j_special_brand .j_right_wrap > .j_img_con{
		display : none;
	}
	.j_special_brand .j_pro_con{
		width : 260px;
		bottom : 0;
		left: calc(100% + 80px);
	}
	.j_special_brand .j_pro_con .swiper-slide .j_text_con{
		padding : 7px;
	}
	.j_special_brand .swiper-container .j_text_con h5{
		font-size : 0.8rem;
	}
	.j_special_brand .j_price{
		font-size : 1rem;
	}

}




/*review CSS----------------------------------------------------------*/
.j_review{
	background-attachment : fixed;
	background-image : url("../img/main_section/j_review_bg.jpg");
}
.j_review .j_pro_con .swiper-slide{
	padding : 10px;
	background-color : #fff;
	transition : box-shadow 0.4s;
}
.j_review .j_pro_con .swiper-slide:hover{
	box-shadow : 0 0 20px rgba(0,0,0,0.15);
}
.j_review .j_pro_con .swiper-slide .j_img_con{
	font-size : 0;
}
.j_review .j_pro_con .j_user_explain{
	padding : 20px 0;
	border-bottom : 1px solid rgba(0,0,0,0.1);
}

.j_review .j_pro_con .j_pro_explain{
	padding-top : 20px;
	-ms-align-items: center;
    align-items: center;
}
.j_review .j_pro_con .j_pro_explain .j_img_con{
	margin-right : 20px;
}
.j_review .j_pro_con .j_pro_explain .j_text_con{
	width : calc(100% - 80px);
}


.j_review .swiper-button-prev{
    left : -1%;
	transform :translateX(-100%);
}
.j_review .swiper-button-next{
    right : -1%;
	transform :translateX(100%);
}




@media screen and (max-width: 1280px){ 
	.j_review .j_pro_con .swiper-slide{
		padding : 8px;
	}
	.j_review .j_pro_con .j_user_explain{
		padding : 15px 0;
	}
	.j_review .j_pro_con .j_pro_explain{
		padding-top : 15px;
	}
	.j_review .j_pro_con .j_pro_explain .j_img_con{
		margin-right : 15px;
		max-width : 50px;
	}
	.j_review .j_pro_con .j_pro_explain .j_text_con{
		width : calc(100% - 65px);
	}
	.j_review .j_pro_con .j_user_explain .j_star{
		height : 16px;
	}

}

@media screen and (max-width: 1024px){ 
	
	.j_review .j_pro_con .j_user_explain{
		padding : 12px 0;
	}
	.j_review .j_pro_con .j_pro_explain{
		padding-top : 12px;
	}
	.j_review .j_pro_con .j_pro_explain .j_img_con{
		margin-right : 12px;
		max-width : 45px;
	}
	.j_review .j_pro_con .j_pro_explain .j_text_con{
		width : calc(100% - 57px);
	}
	.j_review .j_pro_con .j_user_explain .j_star{
		height : 14px;
	}


}
@media screen and (max-width: 760px){ 
	.j_review .j_pro_con .swiper-slide{
/*		padding : 5px;*/
	}
	.j_review .j_pro_con .j_user_explain{
		padding : 7px 0;
	}
	.j_review .j_pro_con .j_pro_explain{
		padding-top : 7px;
	}
	.j_review .j_pro_con .j_pro_explain .j_img_con{
		margin-right : 10px;
		max-width : 35px;
	}
	.j_review .j_pro_con .j_pro_explain .j_text_con{
		width : calc(100% - 45px);
	}
	.j_review .j_pro_con .j_user_explain .j_star{
		height : 12px;
	}
	

}





/*instagram CSS----------------------------------------------------------*/

.j_instagram h3 img{
	margin-right : 10px;
	top : 6px;
}
.j_instagram .swiper-pagination{
	right : 0;
	bottom : 0;
	top : auto;
}
.j_instagram .swiper-pagination-bullet{
	background-color : #000;
}
.j_instagram .swiper-pagination-bullet-active{
	background-color : #028bd3 !important;
}

.j_instagram .j_img_con{
	width : 100%;
	height : 17vw;
	max-height : 264px;
	overflow : hidden;
}
.j_instagram .j_img_con::after{
	content : "";
	width : 100%;
	height : 100%;
	border : 4px solid #028bd3;
	border : 0;
	background-color : #000;
	position : absolute;
	top : 0;
	left : 0;
	opacity : 0;
	transition : opacity 0.4s;
}
.j_instagram .j_img_con:hover::after{
/*	border : 4px solid #028bd3;*/
	opacity : 0.4;
}
.j_instagram .j_img_con figure{
	width : 100%;
	height : 100%;
	margin : 0;
	transition : transform 0.5s;
}
.j_instagram .j_img_con:hover figure{
	transform : scale(1.2);
}

@media screen and (max-width: 1280px){ 
	.j_instagram h3 img{
		top : 7px;
	}

}

@media screen and (max-width: 1024px){ 
	.j_instagram h3 img{
		top : 8px;
	}
	.j_instagram .j_img_con{
		height : 21vw;
	}


}
@media screen and (max-width: 760px){ 
	.j_instagram h3 img{
		width : 25px;
		top : 5px;
		margin-right : 5px;
	}
	.j_instagram h3 span{
		font-size : 1.5rem;
	}
	.j_instagram .swiper-pagination{
/*		bottom  : -17px;*/
	}

	.j_instagram .j_img_con{
		height : 28vw;
	}


}





/*footer CSS----------------------------------------------------------*/

.j_footer .j_ft_top{
	padding : 15px 0;
	border-top : 1px solid rgba(0,0,0,0.2);
	border-bottom : 1px solid rgba(0,0,0,0.1);
}
.j_footer .j_ft_top ul li{
	display : inline-block;
	margin-right : 20px;
}
.j_footer .j_ft_top ul li:last-child{
	margin-right : 0;
}
.j_footer .j_ft_top ul li a{
	line-height : 1;
	transition : color 0.2s;
}
.j_footer .j_ft_top ul li a:hover{
	color : #000;
}


.j_footer .j_ft_mid{
	padding : 30px 0;
}
.j_footer .j_ft_mid ul{
	font-size : 0;
}
.j_footer .j_ft_mid ul li{
	font-size : 1rem;
	display : inline-block;
	vertical-align : top;
	width : 33.3%;
	padding : 0 20px;
}
.j_footer .j_ft_mid ul li::after{
	content : "";
	width : 1px;
	height : 116px;
	background-color : rgba(0,0,0,0.1);
	position : absolute;
	top : 0;
	right : 0;
}
.j_footer .j_ft_mid ul li:last-child::after{
	display : none;
}
.j_footer .j_ft_mid ul li h5{
	font-size : 1rem;
}

.j_footer .j_ft_btm{
	padding: 30px 0;
	background-color : #f9f9f9;
}
.j_footer .j_ft_btm .j_flex_con{
	justify-content : space-between;
	align-items : center;
}
.j_footer .j_ft_btm p span,
.j_footer .j_ft_btm p a{
	margin-right : 30px;
}
.j_footer .j_ft_btm .j_r_line::after{
	content : "";
	width : 1px;
	height : 100%;
	background-color : #9c9c9c;
	position : absolute;
	top : 50%;
	right : -15px;
	transform : translateY(-50%);

}
.j_footer .j_ft_btm .j_img_con{
	margin-left:60px;
}




@media screen and (max-width: 1280px){ 
	.j_footer .j_ft_top{
		padding : 13px 0;
	}
	.j_footer .j_ft_top ul li{
		margin-right : 15px;
	}


	.j_footer .j_ft_mid{
		padding : 20px 0;
	}
	.j_footer .j_ft_mid ul li{
		padding : 0 10px;
	}
	.j_footer .j_ft_mid ul li::after{
		height : 100px;
	}
	.j_footer .j_ft_mid ul li h5,
	.j_footer .j_ft_mid ul li p{
		font-size : 0.875rem;
	}
	.j_footer .j_ft_mid ul li p.j_fz_28{
		font-size: 1.5rem;
	}
	.j_footer .j_ft_mid ul li p.j_fz_14{
		font-size : 0.75rem;
	}


	.j_footer .j_ft_btm{
		padding: 20px 0;
	}
	.j_footer .j_ft_btm p span,
	.j_footer .j_ft_btm p a{
		margin-right : 15px;
	}
	.j_footer .j_ft_btm .j_r_line::after{
		right : -1px;
	}
	.j_footer .j_ft_btm .j_text_con p .j_r_line:nth-child(2)::after{
		display : none;
	}

}
@media screen and (max-width: 1024px){ 
	.j_footer .j_ft_top{
		padding : 10px 0;
	}
	.j_footer .j_ft_top ul li{
		margin-right : 12px;
	}


	.j_footer .j_ft_mid{
		padding : 25px 0;
	}
	.j_footer .j_ft_mid ul li{
		padding : 0 15px;
	}
	.j_footer .j_ft_mid ul li::after{
		height : 100px;
	}


	.j_footer .j_ft_btm{
		padding: 25px 0;
	}
	.j_footer .j_ft_btm p span,
	.j_footer .j_ft_btm p a{
		margin-right : 20px;
		font-size : 0.75rem;
	}
	.j_footer .j_ft_btm .j_r_line::after{
		right : -12.5px;
	}
	.j_footer .j_ft_btm .j_text_con p .j_r_line:nth-child(2)::after{
		display : none;
	}
	.j_footer .j_ft_btm .j_img_con{
		margin-left: 40px;
	}


}
@media screen and (max-width: 760px){ 
	.j_footer .j_ft_top ul li{
		margin-right : 7px;
	}
	.j_footer .j_ft_mid{
		padding : 20px 0;
	}
	.j_footer .j_ft_mid ul li{
		width : 100%;
		padding-bottom : 20px;
		border-right : 0;
	}
	.j_footer .j_ft_mid ul li:last-child{
		padding-bottom : 0;
	}
	.j_footer .j_ft_mid ul li::after{
		width : 30px;
		height : 1px;
		top : auto;
		bottom : 10px;
		left: 50%;
		transform : translateX(-50%);
	}

	.j_footer .j_ft_btm{
		padding : 20px 0;
	}
	.j_footer .j_ft_btm .j_flex_con{
		display : block;
		text-align : center;
	}
	.j_footer .j_ft_btm .j_r_line.j_n_line::after{
		display :none;
	}
	.j_footer .j_ft_btm .j_img_con{
		margin-left : 0;
		margin-top : 10px;
	}

}