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



/*이미지 수정 여기서부터*/
.main_img{
	background:url('https://cdn.icoda.co.kr/asset/editor/202601/20260107102353_a18cfdd1bc7f0692a6adea90db7b8c6e_mcod.jpg');
}





.sale-info-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260107100933_a18cfdd1bc7f0692a6adea90db7b8c6e_s36h.png);
}





.promotion_img01,
.promotion_img01-1{
	background:url('https://cdn.icoda.co.kr/asset/editor/202510/20251020100537_781648379f1ece579d8f64ff19717056_pjcw.jpg');
	
}



.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202510/20251020100714_781648379f1ece579d8f64ff19717056_xaww.jpg");
}


@media(max-width:600px){
	

.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202510/20251020100714_781648379f1ece579d8f64ff19717056_xaww.jpg");
}


}




.promotion_info_bg01{

	background: url('https://cdn.icoda.co.kr/asset/editor/202601/20260107101454_a18cfdd1bc7f0692a6adea90db7b8c6e_1iyv.png');

}

.promotion_info_bg02{

	background: url('https://cdn.icoda.co.kr/asset/editor/202601/20260107101551_a18cfdd1bc7f0692a6adea90db7b8c6e_0apz.png');

	
}



.promotion_info_bg03{

	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260107101723_a18cfdd1bc7f0692a6adea90db7b8c6e_qekc.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/202510/20251020100537_781648379f1ece579d8f64ff19717056_pjcw.jpg');
}

@media(max-width:500px){
	
.brand_info_bg{
	background: url('https://cdn.icoda.co.kr/asset/editor/202510/20251020100537_781648379f1ece579d8f64ff19717056_pjcw.jpg');
}

}


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


.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;
}



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

@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;
}

}

.pt_bg_hp{
	background: url(https://cdn.icoda.co.kr/asset/editor/202512/20251223164855_f92761d00e2ead481a4db0cc395379ac_i714.jpg);
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
    position: absolute;
    left: 0;
    height: 45vw;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}


@media(max-width:1200px){
	.pt_bg_hp{
	background: url(https://cdn.icoda.co.kr/asset/editor/202512/20251223164855_f92761d00e2ead481a4db0cc395379ac_i714.jpg);
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
    position: absolute;
    left: 0;
    height: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
		padding: 5em 0 5em 0;
}
}



@media(max-width:992px){
	.pt_bg_hp{
	background: url(https://cdn.icoda.co.kr/asset/editor/202512/20251223164855_f92761d00e2ead481a4db0cc395379ac_i714.jpg);
	background-position: right bottom;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
    position: relative;
    left: 0;
    height: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
		padding: 5em 0 5em 0;
}
}



.pt_bg_blank_hp{
	height: 45vw;
}

@media(max-width:1200px){
	
.pt_bg_blank_hp{
	height: 55vw;
}
}


@media(max-width:992px){
	
.pt_bg_blank_hp{
	display: none;
}
}





@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Thin-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Thin-Web.woff2)format("woff2");
    font-weight: 100;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Light-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Light-Web.woff2)format("woff2");
    font-weight: 300;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2)format("woff2");
    font-weight: 600;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Black-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Black-Web.woff2)format("woff2");
    font-weight: 900;
    font-style: normal;
    font-stretch: 100%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2)format("woff2");
    font-weight: 300;
    font-style: normal;
    font-stretch: 75%;
    font-display: swap
}

@font-face {
    font-family: HPEGraphik;
    src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2)format("woff2"),url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-stretch: 75%;
    font-display: swap
}




@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}




.hp_title_mv{
    font-size: calc(110% + 6vw);
    font-family: 'HPEGraphik', Pretendard Std Variable;
    font-weight: 700;
    line-height: 1;
    color: #01a982;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
	text-transform: uppercase;
	font-stretch: 60%;
	letter-spacing: .15rem;
}


@media(max-width:850px){
	

.hp_title_mv{
    font-size: calc(110% + 10vw);
    font-family: 'HPEGraphik', Pretendard Std Variable;
    font-weight: 700;
    line-height: 1;
    color: #01a982;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    max-width: 100%;
    margin: 0 auto;
	text-transform: uppercase;
	font-stretch: 60%;
	letter-spacing: .15rem;
}
}


@keyframes hp_gradient-move{
	0% {
    	background-position: 200% 0;
    }
    100% {
    	background-position: -200% 0;
    }
}
.hp_txt-mov{
	background: linear-gradient(60deg, #01a982 30%, #7a65fc 32%, #01a982 34%, #106ff4 36%, #5ae2f0 38%, #01a982 40%);
    background-size: 740% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00d1ff42;
    background-clip: text;
    text-fill-color: transparent;
    animation: hp_gradient-move 25s linear infinite;
    animation-direction: normal;
	
}


.hp_txt_metric{
	font-family: 'MetricReg',Pretendard Std Variable;
	font-size: 1.3rem;
	color: white;
	opacity: 0.8;
	margin-top: 1rem;
	font-weight: 300;
	line-height: 1.8;
	word-break: keep-all;
}




.hpe_promotion_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260107100557_a18cfdd1bc7f0692a6adea90db7b8c6e_0kua.png);
	width: 45%;
	max-width: 700px;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio:223 / 119;
}


@media(max-width:850px){
	
.hpe_promotion_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260107100557_a18cfdd1bc7f0692a6adea90db7b8c6e_0kua.png);
	width: 60%;
	max-width: 650px;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio:223 / 119;
	margin: 0 auto;
	top: 3em;
	position:relative;
}
}


@media(max-width:600px){
	
.hpe_promotion_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260107100557_a18cfdd1bc7f0692a6adea90db7b8c6e_0kua.png);
	width: 100%;
	max-width: 650px;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio:223 / 119;
	margin: 0 auto;
	top: 3em;
	position:relative;
}
}

.promotion_hpe {
    width: 80%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

@media(max-width:850px){
	
.promotion_hpe {
       width: 90%;
    display: flex;
    margin: 0 auto;
    flex-direction: column;

}
}


@media(max-width:850px){
.mov_text_bg{
	margin: 0 auto;
	}
}





.hpe_logo{

	width: 100%;
	max-width: 120px;
	height: 100%;
	aspect-ratio:300 / 94;

}



.hpe_logo_container{
	width:80%;
	margin: 0 auto;
}



@media(max-width:1200px){
    .hpe_logo_container {
        width: 100%;
        align-content: center;
        margin: 0 auto;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}




.logo_header{
	width: 100%; 
	background: #111111; 
	height: 5vw; 
	position: absolute; 
	left: 0; 
	align-content: center;
}



@media(max-width:1200px){
	
.logo_header{
	width: 100%; 
	background: #111111; 
	height: 8vw; 
	position: absolute; 
	left: 0; 
	align-content: center;
}
}


@media(max-width:992px){
	
.logo_header{
	width: 100%; 
	background: #111111; 
	height: 12vw; 
	position: relative; 
	left: 0; 
	align-content: center;
}
}


@media(max-width:600px){
	
.logo_header{
	width: 100%; 
	background: #111111; 
	height: 20vw; 
	position: relative; 
	left: 0; 
	align-content: center;
}
}




.logo_header_blank{
	width: 100%; 
	height: 5vw; 
	position: relative; 

}


@media(max-width:1200px){
	
.logo_header_blank{
	width: 100%; 
	height: 8vw; 
	position: relative; 

}

}



@media(max-width:992px){
	
.logo_header_blank{
	display: none;

}

}

.hpe_brand-title{
    font-size: calc(100% + 3.1vw);
    font-family: Pretendard Std Variable;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 3rem;
    color: #1f1f1f;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
}

.hpe_brand-title-sub {
    font-size: clamp(1.2rem, 2vw, 1.1rem);
    font-family: Pretendard Std Variable;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 2.5rem;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    padding: 1.2em 1em 1.5em 1em;
}


.hpe_brand-title-sub :hover
{
	font-weight: 600;
	text-decoration: underline 3px #01a982;
	cursor: pointer;



}


.hpe_info{
	width: 80%;
	max-width: 1230px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}



.hpe_line{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #E9E9E9;
	left: 0;
}





@media(max-width:600px){
	.hpe_brand-title-sub {
    font-size: clamp(1.1rem, 2vw, 1.1rem);
    font-family: Pretendard Std Variable;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 2.5rem;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    padding: 1.2em 0.5em 0.5em 0.5em;
}

}



@media(max-width:450px){
	.hpe_brand-title-sub {
    font-size: .9rem;
    font-family: Pretendard Std Variable;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 2.5rem;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    padding: 1.2em 0.5em 0.5em 0.5em;
}

}


@media(max-width:600px){
	.hpe_info {
    width: 95%;
    max-width: 1230px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
}

.hpe_products_info_25 {
    display: flex;
    flex-wrap: nowrap;
    max-width: 1230px;
    margin: 0 auto;
    justify-content: space-between;
	 width: 80%;
}
@media(max-width:992px){

.hpe_products_info_25 {
    display: flex;
    flex-wrap: nowrap;
    max-width: 1230px;
    margin: 0 auto;
    justify-content: space-between;
    flex-direction: column;
    width: 80%;
}
	
}



.hpe_brand-title-sub03 {
    font-size: 2em;
    font-family: Pretendard Std Variable;
    line-height: 1.4;
    padding: 0;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    max-width: 35%;
    text-align: left;
    font-weight: 700;
	
}


@media(max-width:992px){
	
.hpe_brand-title-sub03 {
    font-size: 2em;
    font-family: Pretendard Std Variable;
    line-height: 1.4;
    padding: 0;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    max-width: 100%;
    text-align: left;
    font-weight: 700;
	padding-bottom: 1em;
}
}


.hpe_brand-title-sub02 {
    font-size: 18px;
    font-family: Pretendard Std Variable;
    font-weight: 400;
    line-height: 1.7;
    padding: 0;
    color: #1f1f1f;
    opacity: 0.75;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    max-width: 55%;
}


@media(max-width:992px){
	
.hpe_brand-title-sub02 {
    font-size: 18px;
    font-family: Pretendard Std Variable;
    font-weight: 400;
    line-height: 1.7;
    padding: 0;
    color: #1f1f1f;
    opacity: 0.75;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: left;
    max-width: 100%;
}
}




.hpe-arrow{
    position: relative;
	padding-right: 20px;
	


}


.hpe-arrow::after{
   
	

	
}



.hpe_li{

  margin:0;
  padding:0;
list-style: none;

	

	
}



.hpe_li li{
position: relative;
  margin: 0;
  padding: 0 0 4px 1rem;
  font-size:1.05rem;
  color: #000;
  font-family: Pretendard Std Variable;
  font-weight: 400;
  font-feature-settings: "salt";
  line-height: 2rem;

	


}


 .hpe_li li::before{
  content: "";
  position: absolute;
  top: 12px;
  left: 0px;  
  width: 5px;
  height: 5px;
  background: #01a982;
  opacity: 1;
  line-height: 2rem;
	
}


.hpe_info_02{
	
    width: 100%;
    max-width: 1230px;
    background: #1D1F27;
    height: auto;
    padding-top: 1em;
    padding-bottom: 1.5em;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.hpe_info_02_con {
    background: #292D3A;
    width: 45%;
    height: auto;
    margin: 1em;
    padding-bottom: 1em;
}

.hpe_brand-title-sub_w{
    font-size: 2em;
    font-family: Pretendard Std Variable;
    line-height: 1.4;
    padding: 0;
    color: #fff;
    opacity: 1;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: center;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}




.hpe_brand_info_sub_w{
    font-size: 1.3em;
    font-family: Pretendard Std Variable;
    line-height: 1.4;  
    color: #fff;
    opacity: 1;
    word-break: keep-all;
    text-align: left;
    font-weight: 400;

	
}

.hpe_info_02_area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}


@media(max-width:700px){
	.hpe_info_02_area {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
}

@media(max-width:700px){
	.hpe_info_02_con {
    background: #292D3A;
    width: 87%;
    height: auto;
    margin: 1em;
    padding-bottom: 1em;
}
}


@media(max-width:700px){
	.hpe_brand-title-sub_w {
    font-size: 2em;
    font-family: Pretendard Std Variable;
    line-height: 1.4;
    padding: 0;
    color: #fff;
    opacity: 1;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: center;
    font-weight: 500;
    width: 70%;
    margin: 0 auto;
}
}