/* korex-list */
.korex-list{ max-width:1300px; width:100%; margin:0 auto; background:#ccc; padding:1px; }
.korex-list > div:not(.clear){ float:left; width:calc(100% / 4 - 10px / 4); height:100%; margin:0 1.2px; }
.korex-list > div p{ text-align:center; width:100%; max-height:36px; font-size:1.8rem; font-weight:bold; }
.korex-list > div a{ width:100%; height:calc(100% - 36px); overflow:hidden; }
.korex-list > div a img{ width:100%; }
.korex-list .clear{ clear:both; }

.korex-list > div:nth-of-type(1):hover{ background:#0066ff; }
.korex-list > div:nth-of-type(2):hover{ background:#fff; }
.korex-list > div:nth-of-type(3):hover{ background:#ffff33; }
.korex-list > div:nth-of-type(4):hover{ background:#fff; }

/* korex-vision */
.korex-vision{ width:100%; text-align:center; padding-top:40px; border-top:2px solid #333; margin-top:40px; margin-bottom:auto; }
.korex-vision > ul{ height:82px; margin:0 auto; padding-top:20px; padding-bottom:20px; display:inline-block; }
.korex-vision > ul li{ max-width:calc(100% / 4 - 23px); display:inline-block; margin:0 10px; }
.korex-vision > ul li a{ width:100%; height:100%; }
.korex-vision > ul li a img{ width:100%; }

/* uv-system */
.uv-system{ max-width:1300px; width:100%; margin:0 auto; margin-bottom:20px; padding:0 30px; box-sizing:border-box; }
.uv-system > p:nth-of-type(1){ text-align:center; font-size:1.7rem; font-weight:bold; margin-bottom:20px; line-height:35px; }
.uv-system > p:nth-of-type(2){ text-align:center; font-size:14px; margin:30px 0; }
.uv-system > p:nth-of-type(2) span{ font-size:1.7rem; margin-bottom:5px; font-weight:bold; }
.uv-system > div:not(.btn){ display:inline-block; width:calc(100% / 4 - 15px); height:250px; text-align:left; vertical-align:top; margin:6px; box-sizing:border-box; padding:1%; overflow-y:auto; }
.uv-system > div p{ font-weight:bold; margin-bottom:4.8%; text-align:center}
.uv-system > div ul{ padding-left:20px;  display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
-webkit-padding-start: 20px;}
.uv-system > div ul li{font-size:13px; position:relative; padding-bottom:5px}
.uv-system .btn a{ display:inline-block; width:180px; height:45px; border-radius:5px; line-height:45px; box-shadow:0 9px #b30004; transition:0.5s; background:#e74c3c; color:#fff; font-size:18px; }
.uv-system .btn a:hover{ box-shadow:0 5px #b30004; transform:translateY(4px); }

.uv-system > div:nth-of-type(1){ border:2px solid #66ccff; }
.uv-system > div:nth-of-type(2){ border:2px solid #00b050; }
.uv-system > div:nth-of-type(3){ border:2px solid #604a7b; }
.uv-system > div:nth-of-type(4){ border:2px solid #ddd9c3; }

.lamp-menu-class > *{ display:inline-block; vertical-align:top; }
.lamp-menu-class > p{ width:50%; font-size:12px; font-family:MalgunGothic; line-height:2em; }
.lamp-menu-class > p > br:child{ display:none; }
.lamp-menu-class > img{ float:right; max-width:450px; width:50% !important; }

.lamp-menu-img-class{ width:100%; text-align: center; }
.lamp-menu-img-class > img{ display:inline-block; }

/* header_wrapper */
#header_wrapper{ position:absolute; left:0; top:0; width:100%; z-index:9999; }

@media screen and (max-width:768px){
	.lamp-menu-class{ text-align:center; }
	.lamp-menu-class > p{ width:100% !important; text-align:left; margin:20px 0; }
	.lamp-menu-class > img{ float:none !important; width:450px !important; max-width:100%; }

	.lamp-menu-img-class > div{ display:none; }

	.lamp-menu-table-class > div{ float:none !important; width:100% !important; margin:20px 0; }
	.lamp-menu-table-class > div > table{ min-width:483px; width:100% !important; }

	.thermal_property{ width:100% !important; }
}

@media screen and (max-width:1250px){
	.lamp-menu-img-class > img{ float:none !important; }
}

@media screen and (max-width:920px){
	.korex-list > div p{ font-size:1.5rem; }
}

@media screen and (max-width:650px){
	.korex-list{ max-width:none; width:400%; position:relative; }
	.korex-list > div:not(.clear){ width:calc(100% / 4); margin:0; }
	.korex-list > div p{ font-size:1rem; }
	footer{ position:static !important; }
}

@media screen and (max-width:500px){
	.korex-list > div p{ font-size:0.8rem; }
	.uv-system > div:not(.btn){ width:100%; height:300px; margin:6px 0; }
	.section{ padding-bottom:0 !important; }
	.lamp-menu-img-class > img{ float:none !important; margin:10px 0 !important; }
	.lamp-menu-class > p > br:first-child{ display:block; }
}


.korex-card-section{
	padding:40px 0 20px;
}

.korex-card-section .section-title{
	text-align:center;
	margin-bottom:30px;
}

.korex-card-section .section-title h2{
	margin:0 0 10px 0;
	font-size:34px;
	font-weight:700;
	color:#1d2f4f;
	letter-spacing:-1px;
}

.korex-card-section .section-title p{
	margin:0;
	font-size:16px;
	color:#6d7b8a;
}

.korex-card-list{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

.korex-card-list:after{
	content:"";
	display:block;
	clear:both;
}

.korex-card{
	float:left;
	width:19.2%;
	margin:0 1% 20px 0;
	background:#fff;
	border:1px solid #dfe6ef;
	border-radius:6px;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 2px 8px rgba(0,0,0,0.05);
	text-align:left;
}

.korex-card:nth-child(5n){
	margin-right:0;
}

.korex-card .card-thumb{
	background:#f5f8fc;
}

.korex-card .card-thumb img{
	display:block;
	width:100%;
	height:auto;
}

.korex-card .card-body{
	padding:16px 14px 18px;
}

.korex-card .card-body h3{
	margin:0 0 10px 0;
	font-size:20px;
	font-weight:bold;
	color:#1c2f4d;
	line-height:1.3;
	letter-spacing:-0.5px;
}

.korex-card .card-body p{
	margin:0 0 14px 0;
	font-size:14px;
	line-height:1.6;
	color:#666;
	min-height:44px;
	word-break:keep-all;
}

.korex-card .card-btn{
	display:inline-block;
	padding:9px 18px;
	background:#0a66ff;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	border-radius:3px;
}

.korex-card .card-btn:hover{
	background:#084fc7;
}

@media screen and (max-width:1200px){
	.korex-card{
		width:32%;
		margin:0 2% 20px 0;
	}
	.korex-card:nth-child(5n){
		margin-right:2%;
	}
	.korex-card:nth-child(3n){
		margin-right:0;
	}
}

@media screen and (max-width:768px){
	.korex-card{
		width:49%;
		margin:0 2% 16px 0;
	}
	.korex-card:nth-child(3n){
		margin-right:2%;
	}
	.korex-card:nth-child(2n){
		margin-right:0;
	}
}

@media screen and (max-width:480px){
	.korex-card{
		float:none;
		width:100%;
		margin:0 0 16px 0;
	}
}

.uv-card-list{
display:flex;
gap:30px;
margin-top:40px;
}

.uv-card{
width:25%;
background:#fff;
border-radius:6px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
text-align:center;
}

.uv-card img{
width:100%;
height:180px;
object-fit:cover;
}

.uv-card h3{
font-size:20px;
margin:15px 0 8px;
}

.uv-card p{
font-size:14px;
color:#666;
padding:0 15px 20px;
}