@charset "utf-8";
/* CSS Document */



/*이미지 수정 여기서부터*/


.main_img{
	background:url('https://cdn.icoda.co.kr/asset/editor/202511/20251117133222_b036777c490ea03953d58df2cddbddcd_aw6j.png');
}





.sale-info-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202511/20251117133535_b036777c490ea03953d58df2cddbddcd_vqib.png);
}





.promotion_img01,
.promotion_img01-1{
	background:linear-gradient(225deg,#fec901,#eb3474,#7630ea);
	
}



.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202511/20251117143342_b036777c490ea03953d58df2cddbddcd_ihd0.png");
}


@media(max-width:600px){
	

.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202511/20251117143223_b036777c490ea03953d58df2cddbddcd_2mpu.png");
}


}




.promotion_info_bg01{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154131_b036777c490ea03953d58df2cddbddcd_dvjx.png');

}


@media(max-width:800px){
	
.promotion_info_bg01{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154550_b036777c490ea03953d58df2cddbddcd_i4gu.png');

}
}

.promotion_info_bg02{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154130_b036777c490ea03953d58df2cddbddcd_985l.png');

	
}


@media(max-width:800px){
.promotion_info_bg02{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154618_b036777c490ea03953d58df2cddbddcd_ggt1.png');

	
	}}





.promotion_info_bg03{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154657_b036777c490ea03953d58df2cddbddcd_izxq.png');

}


@media(max-width:800px){
	

.promotion_info_bg03{

	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117154656_b036777c490ea03953d58df2cddbddcd_4dug.png');

}

}






.products_info-img{

	background: url('https://cdn.icoda.co.kr/asset/editor/202510/20251020100536_781648379f1ece579d8f64ff19717056_jok9.jpg');
}


.products_info-img2{

	background: url('https://cdn.icoda.co.kr/asset/editor/202510/20251020100536_781648379f1ece579d8f64ff19717056_jok9.jpg');
}

.brand_info_bg{
	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117153305_b036777c490ea03953d58df2cddbddcd_nq94.png');
}

@media(max-width:650px){
	
.brand_info_bg{
	background: url('https://cdn.icoda.co.kr/asset/editor/202511/20251117153600_b036777c490ea03953d58df2cddbddcd_g5p8.png');
	cursor: pointer;
	
}

}


/*이미지 수정 여기까지*/


.main_img{
	width: 45%;	
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
}

@media(max-width:800px){
	.main_img{
	width: 100vw;
    height: 100vw;
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
}
}





.sale-info-img{
	width:100%;
	max-width: 700px;
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:10 / 5;
	margin: 0 auto;
	border: 2px solid black;
	
}



.promotion_img01,
.promotion_img01-1{	
	width:100%;
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	height: 40vw;
	position: absolute;
	left: 0;
	text-align: center;
	display: flex;
    flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	
}



.promotion_img01-1{	
	opacity: 0%;
	width: 95%;
	position: relative;
	max-width: 1230px;
	
	
}

@media(max-width:800px){
	.promotion_img01,
	.promotion_img01-1{
		width:100%;
	height: auto;
		aspect-ratio:6 / 7;
	}
}











.promotion_img02{
	width:100%;
	max-width: 1230px;
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:100 / 43;
	margin: 0 auto;
}


@media(max-width:600px){
	
.promotion_img02{
	width:100%;
	max-width: 1230px;
    background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:4 / 5.5;
	margin: 0 auto;
}



}








.promotion_info_bg01,
.promotion_info_bg02,
.promotion_info_bg03{
	
	width: 100%;
	height: auto;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	aspect-ratio:7 / 8;
	
}


@media(max-width:800px){
	
.promotion_info_bg01,
.promotion_info_bg02,
.promotion_info_bg03{
	aspect-ratio:6 / 3;
	
	}
}



@media(max-width:400px){
	
.promotion_info_bg01,
.promotion_info_bg02,
.promotion_info_bg03{
	aspect-ratio:7 / 8;
	
	}
}










.products_info-img2{
	
    max-width: 35%;
    width: 100%;
    height: auto;
    max-height: 30rem;
    aspect-ratio: 5 / 5.5;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
   

	
	
}




@media(max-width:1200px){
	
.products_info-img2{
	
    max-width: 35rem;
    width: 85%;
    height: auto;
    max-height: 30rem;
    aspect-ratio: 5 / 3;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
    margin-left: 0em;

	
	
}
}



@media(max-width:400px){
	
	
.products_info-img2{
	
    max-width: 35rem;
    width: 85%;
    height: auto;
    max-height: 30rem;
    aspect-ratio: 5 / 5.5;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
    margin-left: 0em;

	
	

}

}




.brand_info_bg{
	width: 75%;
	height: auto;
	margin: 0 auto;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:auto 359 / 170;
	border-radius: 2em;
	cursor : pointer;
	
}


@media(max-width:900px){

.brand_info_bg{
	width: 75%;
	height: auto;
	margin: 0 auto;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:auto 359 / 170;
	border-radius: 1.5em;
	cursor : pointer;
	
}

}





@media(max-width:650px){

.brand_info_bg{
	width: 88%;
	height: auto;
	margin: 0 auto;
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	aspect-ratio:auto 359 / 580;
	border-radius: 1.5em;
	cursor:auto;
	
}

}

/*수정*/

.brand_info_hover{
	width: 75%;
	height: auto;
	aspect-ratio:auto 359 / 170;
	border-radius: 2em;
	position: absolute;
	cursor : pointer;
	text-align: center;  
    align-items: center;
	opacity: 0;
	background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 37%, rgba(0, 0, 0, 0) 37%,  rgba(0, 0, 0, 0) 100%);
	display: flex;
    justify-content: flex-end;
    flex-direction: column;
	
}

@media(max-width:900px){
	
.brand_info_hover{
	width: 75%;
	height: auto;
	aspect-ratio: 359 / auto;
	border-radius: 1.5em;
	position: absolute;
	cursor : pointer;
	text-align: center;  
    align-items: center;
    align-content: center;
	opacity: 0;
	display: flex;
    justify-content: flex-end;
	
}

}




@media(max-width:650px){
	
.brand_info_hover{
	width: 88%;
	height: auto;
	aspect-ratio: 359 / 580;
	border-radius: 1.5em;
	position: absolute;
	cursor : pointer;
	text-align: center;  
    align-items: center;
    align-content: center;
	opacity: 1;

	background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 37%, rgba(0, 0, 0, 0) 37%,  rgba(0, 0, 0, 0) 100%);
	display: none;
	

	
}

}




.brand_info_hover:hover{
	background:linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 37%, rgba(0, 0, 0, 0) 37%,  rgba(0, 0, 0, 0) 100%);
	
	opacity: 1;
}




.products_blank{
	padding-bottom: 1700px;
}

@media(max-width:1800px){
	.products_blank{
	padding-bottom: 1600px;
}

}


@media(max-width:1700px){
	.products_blank{
	padding-bottom: 1500px;
}

}




@media(max-width:1500px){
	.products_blank{
	padding-bottom: 1400px;
}

}







@media(max-width:1200px){
	.products_blank{
	padding-bottom: 10%;
}

}


@media(max-width:800px){
	.products_blank{
	padding-bottom: 15%;
}

}



@media(max-width:400px){
	.products_blank{
	padding-bottom: 7em;
}

}




@font-face{font-family:MetricReg;src:url(https://h50007.www5.hpe.com/hfws-static/fonts/metric-hpe/MetricHPE-Web-Regular.woff) format("woff")}

@font-face{font-family:MetricBold;src:url(https://h50007.www5.hpe.com/hfws-static/fonts/metric-hpe/MetricHPE-Web-Bold.woff) format("woff");font-weight:700}

@font-face{font-family:MetricSemibold;src:url(https://h50007.www5.hpe.com/hfws-static/fonts/metric-hpe/MetricHPE-Web-Semibold.woff) format("woff");font-weight:600}

@font-face{font-family:MetricLight;src:url(https://h50007.www5.hpe.com/hfws-static/fonts/metric-hpe/MetricHPE-Web-Light.woff) format("woff");font-weight:100}




.aruba_font{
	font-family: MetricSemiBold;
	font-size: clamp(3.2rem, 5vw, 4.5rem);
	
}





.event_aruba_font{
	font-family: MetricSemiBold;
	    font-size: clamp(3rem, 4vw, 3.5rem);
	
}


.aruba_img{
	max-width:100%;
	max-height: 37vw;
	
	aspect-ratio: 1041 / 506;
}


@media(max-width:800px){
	
.aruba_img{
	width:100%;
	height: auto;
	max-height: 700px;
	
	aspect-ratio: 6 / 7;
}
}


@media(max-width:900px){
	.pc_hidden{
		display:none;
		

}
}




@media(min-width:900px){
	.m_hidden{
		display:none;


}
}


@media(min-width:650px){
	.mm_hidden{
		display:none;


}
}

.h-txt-b{
	font-size: 1.1em;
        font-family: Pretendard Std Variable;
        font-weight: 400;
        line-height: 1.7;
        color: #000;
        font-feature-settings: "salt";
        word-break: keep-all;
        text-align: left;
        max-width: 80%;
        margin: 0 auto;
	opacity: 0.7;
}