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



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





.sale-info-img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260105172955_4abac5df8fd32e5aadfca8b531ce2d50_076j.jpg);
}





.promotion_img01,
.promotion_img01-1{
	background:url('https://cdn.icoda.co.kr/asset/editor/202512/20251229170641_3fc3119cc892936addc40460ea435e02_nj30.jpg');
	
}



.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202601/20260105172343_4abac5df8fd32e5aadfca8b531ce2d50_a20a.jpg");
}


@media(max-width:600px){
	

.promotion_img02{
	background:url("https://cdn.icoda.co.kr/asset/editor/202601/20260105172610_4abac5df8fd32e5aadfca8b531ce2d50_ozmg.png");
}


}




.promotion_info_bg01{

	background: url('https://cdn.icoda.co.kr/asset/editor/202512/20251230094108_9c8349c08f96e415a7355a8c25cb8606_fzzt.jpg');

}

.promotion_info_bg02{

	background: url('https://cdn.icoda.co.kr/asset/editor/202512/20251230094108_9c8349c08f96e415a7355a8c25cb8606_k5fh.jpg');

	
}



.promotion_info_bg03{

	background: url('https://cdn.icoda.co.kr/asset/editor/202512/20251230094109_9c8349c08f96e415a7355a8c25cb8606_7g03.jpg');

}


.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:600 / 1367;
	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: Brown;
    src: url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Black.woff2) format("woff2"),url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Black.woff) format("woff");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: Brown;
    src: url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Light.woff2) format("woff2"),url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Light.woff) format("woff");
    font-weight: 300;
    font-display: swap
}


@font-face {
    font-family: Brown;
    src: url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Medium.woff2) format("woff2"),url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Medium.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: Brown;
    src: url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Bold.woff2) format("woff2"),url(https://www.logitech.com/_app/fonts/BrownLogitechWebPan-Bold.woff) format("woff");
    font-weight: 700;
    font-display: swap
}

.brand-title_logitec_s{
    font-size: 2em;
    font-family: Brown;
    font-weight: 300;
    line-height: 1.8;
    padding-top: 3rem;
    color: #1f1f1f;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}


@media (max-width: 600px) {
    .brand-title_logitec_s {
        font-size: 4em;
        font-family: Brown;
        font-weight: 300;
        line-height: 1.2;
        padding-top: 0.1rem;
        color: #1f1f1f;
        font-feature-settings: "salt";
        word-break: keep-all;
        text-align: left;
        opacity: 0.85;
        max-width: 80%;
        margin: 0 auto;
    }
}




.brand-title_logitec{
    font-size: 18vw;
    font-family: Brown;
    font-weight: 700;
    color: #1f1f1f;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}




.promotion_title_bg_logitec{
    width: 100%;
    position: absolute;
    left: 0;
    height: 2800px;
	display: flex;
	flex-direction: column;
	align-items: center;
}


@media(max-width:1500px){
	
.promotion_title_bg_logitec{
    width: 100%;
    position: absolute;
    left: 0;
    height: 2600px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

}
@media(max-width:1230px){
	.promotion_title_bg_logitec{
    width: 100%;
    position: relative;
    left: 0;
    height: auto;
}
}

.pt_bg_blank_logitec{
    height: 2800px;
}

@media(max-width:1500px){
	.pt_bg_blank_logitec{
    height: 2600px;
}
}

@media(max-width:1230px){
	
.pt_bg_blank_logitec{
    height: auto;
	display: none;
}


}

.brand-title-sub_logitech {
    font-size: clamp(1.2rem, 2vw, 1.3rem);
    font-family: Pretendard Std Variable;
    font-weight: 400;
    line-height: 1.5;
    color: #1f1f1f;
    opacity: 0.7;
    font-feature-settings: "salt";
    word-break: keep-all;
    text-align: center;
    padding: 1.2em 1em 1.5em 1em;
}


@media (max-width: 500px) {
    .brand-title-sub_logitech {
        font-size: 1.1em;
        font-family: Pretendard Std Variable;
        font-weight: 400;
        line-height: 1.5;
        color: #1f1f1f;
        opacity: 0.7;
        font-feature-settings: "salt";
        word-break: keep-all;
        text-align: left;
		max-width: 80%;
		padding: 1em 0 3em 0;
		margin: 0 auto;
    }
}





@keyframes gradient-move_lo {
	0% {
    	background-position: 200% 0;
    }
    100% {
    	background-position: -200% 0;
    }
}
.txt-mov_lo {
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-size: 500% 500%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    animation: gradient-move_lo 20s linear infinite;
	animation-direction: alternate-reverse;
	
}



.brand-title-sub03_lo{
    font-size: 3.5em;
    font-family: 'Brown', 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;
	letter-spacing: -3px;

	
}


@media(max-width:1100px){
	
.brand-title-sub03_lo{
    font-size: 3.5em;
    font-family: 'Brown', Pretendard Std Variable;
    line-height: 1.4;
    padding: 0;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    max-width: 98%;
    text-align: left;
    font-weight: 700;
	letter-spacing: -3px;

	
}
}

.products_info_25_lo {
    display: flex;
    flex-wrap: nowrap;
    max-width: 1230px;
    margin: 0 auto;
    justify-content: space-between;
	padding-top: 5vw;
}

@media (max-width: 1100px) {
    .products_info_25_lo {
        display: flex;
        flex-wrap: wrap;
        max-width: 1230px;
        margin: 0 auto;
        flex-direction: column;
        align-content: flex-start;
        padding-left: 1em;
    }
}

.brand-title-sub02_lo {
    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: 1100px) {
    .brand-title-sub02_lo {
        font-size: 18px;
        font-family: Pretendard Std Variable;
        font-weight: 400;
        line-height: 1.7;
        padding: 2.2em 0 0 0;
        color: #1f1f1f;
        opacity: 0.75;
        font-feature-settings: "salt";
        word-break: keep-all;
        text-align: left;
        max-width: 98%;
    }
}


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

}


.lo_info-text {
    font-size: 2rem;
    font-family: Pretendard Std Variable;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 2rem;
    padding-bottom: 5rem;
    color: #1f1f1f;
    opacity: 0.85;
    font-feature-settings: "salt";
    word-break: keep-all;
    max-width: 100%;
}


@media (max-width: 800px) {
    .lo_info-text {
        font-size: clamp(1.5rem, 2vw, 1.5rem);
        font-family: Pretendard Std Variable;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 2rem;
        padding-bottom: 5rem;
        color: #1f1f1f;
        opacity: 0.85;
        font-feature-settings: "salt";
        word-break: keep-all;
        max-width: 100%;
    }
}


@media (max-width: 600px) {
    .lo_info-text {
        font-size: clamp(1.5rem, 2vw, 1.5rem);
        font-family: Pretendard Std Variable;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 2rem;
        padding-bottom: 5rem;
        color: #1f1f1f;
        opacity: 0.85;
        font-feature-settings: "salt";
        word-break: keep-all;
        max-width: 100%;
    }
}


.mk275_img{
	background: url(https://cdn.icoda.co.kr/asset/editor/202601/20260105170802_4abac5df8fd32e5aadfca8b531ce2d50_sjyp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 90%;
	max-width: 1230px;
	aspect-ratio:1230 / 410;
	margin-top:-9vw;

		
}



.img-move_lo{
			
			animation: img-move_lo 5s linear infinite;
		}
		@keyframes img-move_lo{
			0%{
				transform: translateY(0);
			}
			25%{
				transform: translateY(-20px);
			}
			50%{
				transform: translateY(0);
			}
			75%{
				transform: translateY(-20px);
			}
			
			100%{
				transform: translateY(0);
			}
			
		}




.promotion_info-2-lo{
    justify-content: space-around;
    display: flex;
    width: 100%;
}


@media (max-width: 800px){
    .promotion_info-2-lo{
        flex-direction: column;
        align-items: center;
    }
}