::selection{
	color: #fff; 
	background: var(--clr-ui-blue);
}

.no-footer__inner{
	padding-left: 2.4rem; 
	padding-right: 2.4rem;
}

.no-marquee-container{
	overflow: hidden;
}
.no-marquee-list{
	/*
	width: fit-content;
    display: flex;
    flex: auto;
    flex-direction: row;
	gap: 2.4rem; 
	width: 100vw;
	*/
}

.no-marquee-item{
	/*
	display: flex; 
	justify-content: center; 
	align-items: center; 
	*/
	float: left;
    margin-right: 24px;
}

.no-marquee-item figure{
	background: #fafafa; 
	position: relative; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 15vw;
}

.no-sub-about__inner .global-bg figure::after{
	content: none; 
}

.no-sub-about__inner .global-bg .point{
	display: none; 
}

@media (max-width: 768px){
	.no-marquee-item figure{
		width: 28vw;
	}
}

button[type=submit]:disabled {
    background: #ddd !important; 
    color: #666 !important; 
    border-color: #666 !important;
    cursor: not-allowed; 
    opacity: 0.5;
    animation: pulseOpacity 1s infinite alternate ease-in-out;
}

@keyframes pulseOpacity {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}


.no-sub-inquiry .contact-list figure, 
.no-sub-about__inner .about-list figure {
	position: relative; 
	height: 0; 
	padding-top: 115%; 
}

.no-sub-inquiry .contact-list figure img, 
.no-sub-about__inner .about-list figure img {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	object-fit: cover; 
	height: 100%;
}


.grid-contents li a figure{
	position: relative; 
	height: 0; 
	padding-top: 85%; 
}
.grid-contents li a figure img{
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	object-fit: cover; 
	height: 100%;
}

.no-main-menu__inner .grid-contents a:hover img {
	transform: translate(-50%, -50%) scale(1.14); 
}

.no-main-product__inner figure {
	position: relative; 
	height: 0; 
	padding-top: 115%; 
}


.no-main-product__inner img {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	object-fit: cover; 
	height: 100%;
}

.no-main-product__inner .product-list ul a:hover img {
	transform: translate(-50%, -50%) scale(1.14); 
}



.no-footer__inner {
	display:grid; 
	grid-template-columns: 4fr 4fr 4fr; 
	gap: 2.4rem; 
}

.no-tl-map{
	position: relative; 
	height: 0; 
	padding-top: 56.25%; 
}
.no-tl-map iframe{
	width: 100%;
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	object-fit: cover; 
	height: 100%;
}

.no-footer__inner--right{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.no-main-key-vs__inner .swiper-slide figure{
	position: relative; 
	height: 0; 
	width: 100%;
	padding-top: 62.5%; 
}

.no-main-key-vs__inner .swiper-slide figure img{
	width: 100%;
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	height:auto; 
	object-fit: contain; 
}

.no-tl-flogo{
	display: flex;
	align-items: flex-end; 
	gap: 0.3rem;
}
.no-tl-flogo span {
	color: #fff; 
	-webkit-text-fill-color: #fff;
	display: inline-block; 
	line-height: 1;
}

.no-sub-view__inner .tab-content{
	text-transform: initial;
}

.no-sub-view__inner .product-view .product-container .thumb-wrap .product-wrap .product-img{
	position: relative;
    height: 0;
    padding-top: 82.5%;
}

.no-sub-view__inner .product-view .product-container .thumb-wrap .product-wrap img{
	height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.no-sub-product__inner .gallery_list .img-gall > a {
	height: 100%;
}

@media (max-width: 1480px) {
	.no-footer__inner--right .f-menu .no-menu__gnb {
		flex-direction: column; 
		gap:.8rem; 
	}
	.no-footer__inner--right .f-menu .no-menu__gnb--item::after {
		content: none; 
	}
}


@media (max-width: 1024px) {

	.no-footer__inner {
		grid-template-columns: 1fr; 
	}

}

@media (max-width: 768px){
	.no-marquee-list {
		gap: 1.2rem; 
	}

	#tab-contents br{
		 display: block; !important; 
	}

}

html[lang=cn-cn] #tab-contents * {
	-ms-word-break: break-all;
	word-break: break-all;
}


@media (max-width: 544px) {
	.no-sub-inquiry .contact-list figure, 
	.no-sub-about__inner .about-list figure {
		padding-top: 62.5%; 
	}

	
	.no-marquee-item figure{
		width: 40vw;
	}

	.no-main-product__inner figure {
		padding-top: 62.5%; 
	}

	.grid-contents li a figure {
	padding-top: 62.5%; 
	}
}