/* all --------------------------*/
/*
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

*{   
    position: relative;
    color: #3c3c3c;
}
/**:focus{*/
/*    outline: 0;*/
/*	border : 0;*/
/*	box-shadow : none;*/
/*}*/


/* font --------------------------*/

/*.j_g_font{*/
/*    font-family: 'GmarketSansMedium';*/
/*}*/


.j_txt{
    line-height: 1.8;
}
.j_txt_ellipsis{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.j_txt_line{
	text-decoration: line-through;
}
.j_txt_l{
    text-align: left;
}
.j_txt_c{
    text-align: center;
}
.j_txt_r{
    text-align: right;
}


/* font size */
.j_fz_36{
    font-size: 2.25rem;
}
.j_fz_28{
    font-size: 1.75rem;
}
.j_fz_24{
    font-size: 1.5rem;
}
.j_fz_22{
    font-size: 1.375rem;
}
.j_fz_20{
    font-size: 1.25rem;
}
.j_fz_18{
    font-size: 1.125rem;
}
.j_fz_16{
    font-size: 1rem;
}
.j_fz_14{
    font-size: 0.875rem;
}
.j_fz_12{
    font-size: 0.75rem;
}
.j_fz_0{
    font-size: 0;
}


/* font weight */
.j_fw_bl{
    font-weight: 900;
}
.j_fw_b{
    font-weight: bold;
}
.j_fw_m{
    font-weight: 500;
}
.j_fw_l{
    font-weight: 200;
}

/*.j_g_fw_b{*/
/*     font-family: 'GmarketSansBold';*/
/*}*/
/*.j_g_fw_l{*/
/*     font-family: 'GmarketSansLight';*/
/*}*/


/* font color */
.j_fc_w{
    color: #fff;
}
.j_fc_g{
    color: #999;
}
.j_fc_b{
    color: #005bc9;
}
.j_fc_r{
    color: #d60000;
}


@media screen and (max-width: 1280px){ 
    .j_fz_36{
        font-size: 2.125rem;
    }
    .j_fz_28{
        font-size: 1.55rem;
    }
    .j_fz_24{
        font-size: 1.4rem;
    }
    .j_fz_22{
        font-size: 1.3rem;
    }
	

}
@media screen and (max-width: 760px){ 
    .j_fz_36{
        font-size: 1.85rem;
    }
    .j_fz_28{
        font-size: 1.45rem;
    }
    .j_fz_24{
        font-size: 1.25rem;
    }
    .j_fz_22{
        font-size: 1.125rem;
    }
    .j_fz_18{
        font-size: 1rem;
    }
    .j_fz_16{
        font-size: 0.9rem;
    }
	.j_fz_14{
		font-size: 0.75rem;
	}
	.j_fz_12{
		font-size: 0.65rem;
	}

}





/* margin --------------------------*/
.j_mt_50{
    margin-top: 50px;
}
.j_mb_50{
    margin-bottom: 50px;
}
.j_mt_30{
    margin-top: 30px;
}
.j_mb_30{
    margin-bottom: 30px;
}
.j_mt_25{
    margin-top: 25px;
}
.j_mb_25{
    margin-bottom: 25px;
}
.j_mt_20{
    margin-top: 20px;
}
.j_mb_20{
    margin-bottom: 20px;
}
.j_mt_15{
    margin-top: 15px;
}
.j_mb_15{
    margin-bottom: 15px;
}
.j_mt_10{
    margin-top: 10px;
}
.j_mb_10{
    margin-bottom: 10px;
}
.j_mt_5{
    margin-top: 5px;
}
.j_mb_5{
    margin-bottom: 5px;
}


@media screen and (max-width: 1280px){ 
    .j_mt_50{
        margin-top: 45px;
    }
    .j_mb_50{
        margin-bottom: 45px;
    }
	.j_mt_30{
		margin-top: 25px;
	}
	.j_mb_30{
		margin-bottom: 25px;
	}
    .j_mt_25{
        margin-top: 22px;
    }
    .j_mb_25{
        margin-bottom: 22px;
    }
    .j_mt_20{
        margin-top: 18px;
    }
    .j_mb_20{
        margin-bottom: 18px;
    }
    .j_mt_15{
        margin-top: 12px;
    }
    .j_mb_15{
        margin-bottom: 12px;
    }
    .j_mt_10{
        margin-top: 8px;
    }
    .j_mb_10{
        margin-bottom: 8px;
    }

}
@media screen and (max-width: 760px){ 
    .j_mt_50{
        margin-top: 35px;
    }
    .j_mb_50{
        margin-bottom: 35px;
    }
	.j_mt_30{
		margin-top: 22px;
	}
	.j_mb_30{
		margin-bottom: 22px;
	}
    .j_mt_25{
        margin-top: 20px;
    }
    .j_mb_25{
        margin-bottom: 20px;
    }
    .j_mt_20{
        margin-top: 15px;
    }
    .j_mb_20{
        margin-bottom: 15px;
    }
    .j_mt_15{
        margin-top: 10px;
    }
    .j_mb_15{
        margin-bottom: 10px;
    }
    .j_mt_10{
        margin-top: 5px;
    }
    .j_mb_10{
        margin-bottom: 5px;
    }
	.j_mt_5{
		margin-top: 3px;
	}
	.j_mb_5{
		margin-bottom: 3px;
	}


}







/* section --------------------------*/

.j_section_1 {max-width:1500px; width:96%; margin: 0 auto; height:100%;}
.j_hd_top .j_section_1{position:relative;}



.j_section{
    width: 96%;
    max-width: 1440px;
    margin: 0 auto;
}
.j_section2{
    width: 94%;
    max-width: 1100px;
    margin: 0 auto;
}
.j_section_pd{
    padding: 100px 0;
}
.j_section_pt{
    padding-top: 100px;
}
.j_section_pb{
    padding-bottom: 100px;
}

.j_m_con{
    display: none;
}


.j_empty{
	padding : 100px 0;
	text-align : center;
}

.j_title_con {
	word-break : keep-all;
}



@media screen and (max-width: 1280px){ 
    
    .j_section_pd{
        padding: 80px 0;
    }
    .j_section_pt{
        padding-top: 80px;
    }
    .j_section_pb{
        padding-bottom: 80px;
    }


	.j_empty{
		padding : 80px 0;
		text-align : center;
	}

}
@media screen and (max-width: 760px){ 
    .j_section_pd{
        padding: 60px 0;
    }
    .j_section_pt{
        padding-top: 60px;
    }
    .j_section_pb{
        padding-bottom: 60px;
    }
    
    .j_p_con{
        display: none;
    }
    .j_m_con{
        display: block;
    }

	.j_empty{
		padding : 60px 0;
		text-align : center;
	}

}





/* btn */

.swiper_btn{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    border : 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: box-shadow 0.2s;
}
.swiper_btn.j_prev_btn{
    left: 0;
}
.swiper_btn.j_next_btn{
    left : 100%;
}
.swiper_btn:hover{
    box-shadow: 0 0px 0px rgba(0,0,0,0.1);
}



.j_close_btn{
	width : 60px;
	height : 60px;
	position : absolute;
	top : 0;
	right : 0;
}
.j_close_btn span{
	content : "";
	width : 25px;
	height : 1px;
	background-color : #3c3c3c;
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%) rotate(-45deg);
	transition : transform 0.2s;
}
.j_close_btn span:nth-child(2){
	transform : translate(-50%, -50%) rotate(45deg);
}
.j_close_btn:hover span{
	transform : translate(-50%, -50%) rotate(0);
}


.sct_icon .shop_icon{
	color : #005bc9;
	border-color : #005bc9;
}



@media screen and (max-width: 1420px){
	.swiper_btn{
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}
@media screen and (max-width: 1280px){
	.swiper_btn{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 1024px){
  
}
@media screen and (max-width: 760px){
	.swiper_btn{
		width: 28px;
		height: 28px;
		line-height: 28px;
		display : none;
	}

	.j_close_btn{
		width : 55px;
		height : 55px;
	}
	.j_close_btn span{
		width : 20px;
	}
}

/*--2dep 메뉴 수정---*/
.k_menu2_new{margin-top: 510px;}

/*220923 수정*/
br.h_pcView{display:block;}
.h_section_pd{padding: 50px 0;}
.h_section_pt{padding-top: 50px;}
.h_section_pb{padding-bottom: 50px;}

.swiper_btn{border-radius:0; background-color: rgba(0, 0, 0, 0.3); border:none;}
.swiper_btn [class*=" xi-"], .swiper_btn [class^=xi-] {color: #fff;}
.h_side_con {position: absolute; top:50%; left:0; transform:translateY(-50%);}

.h_container01 {display: flex;}
.h_container01 .h_left_con {width:30%; padding-right:2%;}
.h_container01 .h_right_con {width:70%;}

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

	.h_container01 {flex-direction:column;}
	.h_container01 .h_left_con {width:100%; padding-right:0;}
	.h_container01 .h_right_con {width:100%;}
	.h_section_pd{padding:0 0 30px 0;}
	br.h_pcView{display:none;}
}
@media screen and (max-width: 480px){ 

}