@charset "UTF-8";

body {
	background-color: #091925;
}

.sub_top_area {
	padding: 131px 0 0;
	background-color: #091925;
	/* [로딩 깜빡임 개선] 이미지가 로드되기 전 어두운 톤 배경색을 미리 노출하여 시각적 깜빡임을 차단합니다. */
}

	.sub_top_area .container {
		max-width: 1560px;
	}

	.sub_top_area .title_box {
		margin: 0 0 0;
	}

		.sub_top_area .title_box .menu {
			font-weight: 600;
			font-size: 20px;
			line-height: 30px;
			color: #e4c902;
		}

		.sub_top_area .title_box .title {
			margin: 20px 0 0;
			font-weight: 600;
			font-size: 70px;
			line-height: 80px;
			color: #ffffff;
		}

	.sub_top_area .breadcrumb {
		text-align: right;
	}

		.sub_top_area .breadcrumb .list {
			display: flex;
			justify-content: end;
			gap: 0 20px;
			flex-wrap: wrap;
		}

			.sub_top_area .breadcrumb .list li {
			}

				.sub_top_area .breadcrumb .list li .box {
					position: relative;
					display: block;
					height: 50px;
					align-content: center;
					font-weight: 400;
					font-size: 18px;
					line-height: 24px;
					color: #ffffff;
				}

					.sub_top_area .breadcrumb .list li .box:before {
						display: block;
						content: "";
						position: absolute;
						left: 50%;
						transform: translateX(-50%);
						bottom: 0;
						width: 0;
						height: 2px;
						background-color: #e4c902;
						transition: all 0.3s;
					}

				.sub_top_area .breadcrumb .list li.on .box {
					font-weight: 600;
					color: #e4c902;
				}

					.sub_top_area .breadcrumb .list li.on .box:before {
						width: 100%;
					}

				.sub_top_area .breadcrumb .list li .box:hover, .sub_top_area .breadcrumb .list li .box.focus {
					color: #e4c902;
				}

					.sub_top_area .breadcrumb .list li .box:hover:before, .sub_top_area .breadcrumb .list li .box.focus:before {
						width: 100%;
					}

	.sub_top_area .bg_box {
	}

		.sub_top_area .bg_box img {
			width: 100%;
		}

/* .sub_top_area .bg_box img { width: 100%; height: 480px;} */
/* 0227추가 */
.bg_box {
	position: relative;
	overflow: hidden;
}

@keyframes bgZoom {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.07);
	}
}

/* sub_bg02.png 에만 효과 */
.sub_top_area .bg_box img[src*="sub_bg02"] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: bgZoom 3s ease-in-out infinite alternate;
}

.mob_menu_area {
	display: none;
	position: relative;
	width: 100%;
	margin: 40px 0 0;
	z-index: 111;
	padding: 0 10px;
}

	.mob_menu_area .menu_inner {
		position: relative;
		background-color: #fff;
		border-radius: 15px
	}

		.mob_menu_area .menu_inner .current {
			display: block;
			width: 100%;
			padding: 15px 20px;
			text-align: left;
		}

			.mob_menu_area .menu_inner .current .text {
				position: relative;
				display: inline-block;
				width: 100%;
				font-weight: 600;
				font-size: 18px;
				line-height: 24px;
				color: #e4c902;
			}

				.mob_menu_area .menu_inner .current .text:before {
					display: block;
					content: "";
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 14px;
					height: 8px;
					background: url("/eng/images/sub/slt_icon2.png") no-repeat center;
					transition: all 0.5s;
				}

		.mob_menu_area .menu_inner .menu_list {
			display: none;
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
			border: 1px solid #ddd;
			border-radius: 0 0 15px 15px;
			overflow: hidden;
			background-color: #fff;
			z-index: 111;
		}

			.mob_menu_area .menu_inner .menu_list li {
				border-bottom: 1px solid #ddd;
			}

				.mob_menu_area .menu_inner .menu_list li:last-child {
					border-bottom: none
				}

				.mob_menu_area .menu_inner .menu_list li .box {
					display: block;
					padding: 10px 20px;
				}

					.mob_menu_area .menu_inner .menu_list li .box .text {
						font-weight: 400;
						font-size: 18px;
						line-height: 24px;
						color: #222;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						word-wrap: break-word;
					}

		.mob_menu_area .menu_inner.on {
			border-radius: 15px 15px 0 0;
		}

			.mob_menu_area .menu_inner.on .current .text:before {
				transform: translateY(-50%) rotate(180deg);
			}

.sub_cont {
	padding: 180px 0 140px;
}

.com_title_area {
	margin: 0 0 50px;
	text-align: center;
}

	.com_title_area .title {
		font-weight: 600;
		font-size: 70px;
		line-height: 1;
		color: #222222;
	}

		.com_title_area .title.ft_s60 {
			font-size: 60px;
		}

		.com_title_area .title.ft_s52 {
			font-size: 52px;
		}

		.com_title_area .title.ft_s34 {
			font-size: 34px;
		}

		.com_title_area .title.ft_s28 {
			font-size: 28px;
		}

	.com_title_area .text {
		margin: 10px 0 0;
		font-weight: 400;
		font-size: 21px;
		line-height: 2em;
		color: #888888;
		text-align: left;
	}

/* .greeting_box {min-height: 460px; display: flex; justify-content: space-between; gap: 0 35px; align-items: end; background: url("/eng/images/sub/greeting_bg.png") no-repeat right top / 500px;} */
.greeting_box .text_box {
}

	.greeting_box .text_box .title {
		font-weight: 700;
		font-size: 50px;
		line-height: 70px;
		color: #222222;
	}

	.greeting_box .text_box .text {
		margin: 70px 0 0;
		font-weight: 500;
		font-size: 17px;
		line-height: 1.8;
		color: #888888;
	}

	.greeting_box .text_box .name {
		margin: 25px 0 0;
		font-weight: 700;
		font-size: 17px;
		line-height: 24px;
		color: #888888;
	}

.greeting_box .img_box {
	height: 270px;
}

	.greeting_box .img_box img {
	}

.greeting_box .text_box {
	max-width: 900px;
	margin: 0 auto;
}

.greeting_box .btm_text {
	display: flex;
	justify-content: space-between;
}

	.greeting_box .btm_text .left {
	}

	.greeting_box .btm_text .right {
		width: 200px;
		opacity: 0.5;
	}

.vision_area {
}

	.vision_area .vision_box {
	}

		.vision_area .vision_box .list {
		}

			.vision_area .vision_box .list li {
				margin: 50px 0 0;
			}

				.vision_area .vision_box .list li:first-child {
					margin: 0;
				}

				.vision_area .vision_box .list li .box {
					display: flex;
					align-items: center;
					gap: 0 40px;
				}

					.vision_area .vision_box .list li .box .img_box {
						flex-shrink: 0;
					}

						.vision_area .vision_box .list li .box .img_box img {
							border-radius: 25px;
						}

					.vision_area .vision_box .list li .box .text_box {
					}

						.vision_area .vision_box .list li .box .text_box .title {
							font-weight: 600;
							font-size: 32px;
							line-height: 40px;
							color: #e4c902;
						}

						.vision_area .vision_box .list li .box .text_box .text {
							margin: 20px 0 0;
							font-weight: 400;
							font-size: 17px;
							line-height: 24px;
							color: #888888;
						}

				.vision_area .vision_box .list li:nth-child(even) .box .img_box {
					order: 2;
				}

				.vision_area .vision_box .list li:nth-child(even) .box .text_box {
					order: 1;
					text-align: right;
				}

.promise_area {
}

	.promise_area .promise_box {
	}

		.promise_area .promise_box .list {
			display: flex;
			gap: 0 40px;
		}

			.promise_area .promise_box .list li {
				width: 100%;
			}

				.promise_area .promise_box .list li .box {
					height: 100%;
					padding: 50px 10px;
					background-color: #f9f9f9;
					border-radius: 25px;
					text-align: center;
					transition: all 0.3s;
				}

					.promise_area .promise_box .list li .box:hover, .promise_area .promise_box .list li .box:focus {
						background-color: #9dd8f9;
					}

					.promise_area .promise_box .list li .box .icon_box {
					}

						.promise_area .promise_box .list li .box .icon_box img {
						}

					.promise_area .promise_box .list li .box .text_box {
						margin: 20px 0 0;
					}

						.promise_area .promise_box .list li .box .text_box .title {
							font-weight: 600;
							font-size: 30px;
							line-height: 34px;
							color: #e4c902;
						}

						.promise_area .promise_box .list li .box .text_box .text {
							margin: 10px 0 0;
							font-weight: 400;
							font-size: 16px;
							line-height: 24px;
							color: #222222;
						}

.history_area {
}

	.history_area .history_top {
		position: relative;
		height: 430px;
		background: url("/eng/images/sub/history_bg.png") no-repeat center / cover;
	}

		.history_area .history_top img {
			position: absolute;
			bottom: 0;
		}

	.history_area .history_box {
		margin: 80px 0 0;
	}

		.history_area .history_box > .list {
		}

			.history_area .history_box > .list > li {
				padding: 45px 0;
				border-bottom: 1px solid #dbdbdb;
			}

				.history_area .history_box > .list > li:first-child {
					padding-top: 0;
				}

				.history_area .history_box > .list > li .box {
					display: flex;
					gap: 0 30px;
				}

					.history_area .history_box > .list > li .box .year_box {
						flex-shrink: 0;
						width: 75px;
					}

						.history_area .history_box > .list > li .box .year_box .year {
							font-weight: 700;
							font-size: 25px;
							line-height: 34px;
							color: #e4c902;
						}

					.history_area .history_box > .list > li .box .info_list {
					}

						.history_area .history_box > .list > li .box .info_list li {
							margin: 20px 0 0;
						}

							.history_area .history_box > .list > li .box .info_list li:first-child {
								margin: 0;
							}

							.history_area .history_box > .list > li .box .info_list li .text {
								display: inline-block;
								position: relative;
								padding: 0 0 0 14px;
								font-weight: 400;
								font-size: 17px;
								line-height: 24px;
								color: #222222;
							}

								.history_area .history_box > .list > li .box .info_list li .text:before {
									display: block;
									content: "";
									position: absolute;
									left: 0;
									top: 8px;
									width: 6px;
									height: 6px;
									border-radius: 50%;
									background-color: #e4c902;
								}

.partner_area {
}

	.partner_area .partner_top {
	}

		.partner_area .partner_top .img_wrap {
		}

			.partner_area .partner_top .img_wrap .img_box {
			}

				.partner_area .partner_top .img_wrap .img_box img {
				}

	/* .partner_area .partner_btm { margin: 100px 0 0; padding: 100px 0; background: url("/eng/images/sub/partner_bg.png") no-repeat center / cover; text-align: center; } */
	.partner_area .partner_btm {
		margin: 100px 0 0;
		padding: 100px 0;
		background: #091925;
		text-align: center;
	}

		.partner_area .partner_btm .logo_box {
		}

			.partner_area .partner_btm .logo_box img {
			}

		/* .partner_area .partner_btm .title { margin: 60px 0 0; font-weight: 600; font-size: 40px; line-height: 44px; color: #222222; } */
		.partner_area .partner_btm .title {
			margin: 60px 0 0;
			font-weight: 600;
			font-size: 40px;
			line-height: 44px;
			color: #ffffff;
		}

		.partner_area .partner_btm .partner_list {
			margin: 40px 0 0;
		}

			.partner_area .partner_btm .partner_list .list {
				display: flex;
				gap: 0 40px;
			}

				.partner_area .partner_btm .partner_list .list li {
					width: 100%;
				}

					.partner_area .partner_btm .partner_list .list li .box {
						height: 100%;
						padding: 50px 20px;
						border-radius: 25px;
						background-color: #fff;
						border: 1px solid #eeeeef;
						text-align: center;
					}

						.partner_area .partner_btm .partner_list .list li .box .tit {
							font-weight: 700;
							font-size: 30px;
							line-height: 36px;
							color: #e4c902;
						}

						.partner_area .partner_btm .partner_list .list li .box .txt {
							margin: 25px 0 0;
							font-weight: 400;
							font-size: 16px;
							line-height: 24px;
							color: #222222;
						}

	.partner_area .ceo_message {
		position: relative;
		background: #fff;
	}

		.partner_area .ceo_message .inner {
		}

		.partner_area .ceo_message .ceo_box {
			display: flex;
			align-items: stretch;
			width: 100%;
			background: #fff;
		}

		.partner_area .ceo_message .img_box {
			width: 62%;
		}

			.partner_area .ceo_message .img_box img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

		.partner_area .ceo_message .txt_box {
			display: flex;
			align-items: center;
			width: 38%;
			padding: 0 50px;
			box-sizing: border-box;
		}

		.partner_area .ceo_message .txt_inner {
			width: 100%;
		}

		.partner_area .ceo_message .desc {
			font-size: 18px;
			line-height: 26px;
			letter-spacing: -0.02em;
			color: #888888;
		}

		.partner_area .ceo_message .name {
			margin: 40px 0 0;
			font-size: 16px;
			font-weight: 600;
			line-height: 1.5;
			letter-spacing: -0.02em;
			color: #222;
		}

@media screen and (max-width: 1200px) {
	.partner_area .ceo_message .txt_box {
		padding: 0 40px;
	}

	.partner_area .ceo_message .desc {
		font-size: 17px;
		line-height: 25px;
	}

	.partner_area .ceo_message .name {
		margin-top: 32px;
		font-size: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.partner_area .ceo_message .txt_box {
		padding: 0 32px;
	}

	.partner_area .ceo_message .desc {
		font-size: 16px;
		line-height: 24px;
	}

	.partner_area .ceo_message .name {
		margin-top: 28px;
		font-size: 15px;
		line-height: 1.45;
	}
}

@media screen and (max-width: 767px) {
	.partner_area .ceo_message .ceo_box {
		display: block;
	}

	.partner_area .ceo_message .img_box {
		width: 100%;
	}

		.partner_area .ceo_message .img_box img {
			width: 100%;
			height: auto;
			object-fit: initial;
		}

	.partner_area .ceo_message .txt_box {
		display: block;
		width: 100%;
		padding: 28px 20px 34px;
	}

	.partner_area .ceo_message .desc {
		font-size: 15px;
		line-height: 23px;
		letter-spacing: -0.02em;
	}

	.partner_area .ceo_message .name {
		margin-top: 22px;
		font-size: 14px;
		line-height: 1.45;
	}
}

@media screen and (max-width: 480px) {
	.partner_area .ceo_message .txt_box {
		padding: 24px 16px 30px;
	}

	.partner_area .ceo_message .desc {
		font-size: 14px;
		line-height: 22px;
	}

	.partner_area .ceo_message .name {
		margin-top: 20px;
		font-size: 13px;
	}
}

.com_tab_area {
	padding: 5px;
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
	background-color: #faede3;
	border-radius: 30px;
}

	.com_tab_area .list {
		display: flex;
	}

		.com_tab_area .list li {
			width: 100%;
		}

			.com_tab_area .list li .box {
				display: block;
				width: 100%;
				border-radius: 25px;
			}

				.com_tab_area .list li .box .text {
					font-weight: 600;
					font-size: 16px;
					line-height: 50px;
					color: #222222;
					text-align: center;
				}

			.com_tab_area .list li.on .box {
				background-color: #e4c902;
			}

				.com_tab_area .list li.on .box .text {
					color: #fff;
				}

			.com_tab_area .list li .box:hover, .com_tab_area .list li .box:focus {
				background-color: #e4c902;
			}

				.com_tab_area .list li .box:hover .text, .com_tab_area .list li .box:focus .text {
					color: #fff;
				}

	.com_tab_area.prd {
		max-width: 100%;
		background-color: inherit;
		border-radius: 0;
		padding: 0;
	}

		.com_tab_area.prd .list {
			gap: 10px;
			flex-wrap: wrap;
			justify-content: center;
		}

			.com_tab_area.prd .list li {
				width: auto;
			}

				.com_tab_area.prd .list li .box {
					width: 180px;
					border: 1px solid #e4c902
				}

					.com_tab_area.prd .list li .box .text {
						font-weight: 400;
					}

				.com_tab_area.prd .list li.on .box .text {
					font-weight: 600;
				}

				.com_tab_area.prd .list li .box:hover .text, .com_tab_area .list li .box:focus .text {
					font-weight: 600;
				}

.com_tab_cont {
	display: none;
}

	.com_tab_cont.on {
		display: block;
	}

.map_area {
	margin: 55px 0 0;
}

	.map_area .map_top {
		position: relative;
		padding: 0 0 40%;
	}

		.map_area .map_top .map {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		.map_area .map_top .name {
			padding: 10px 40px;
			background-color: #e4c902;
			font-weight: 700;
			font-size: 18px;
			color: #fff;
		}

		.map_area .map_top .gm-style .gm-style-iw-d {
			overflow: inherit !important;
			background-color: #e4c902;
		}

		.map_area .map_top .gm-style .gm-style-iw-c {
			padding: 0 !important;
			background-color: #e4c902;
		}

		.map_area .map_top .gm-style .gm-style-iw-tc {
			display: none;
		}

		.map_area .map_top .gm-style-iw-ch {
			display: none;
		}

		.map_area .map_top .gm-ui-hover-effect > span {
			background-color: #e4c902;
		}

		.map_area .map_top button {
			display: none !important;
		}

		.map_area .map_top .gmnoprint {
			display: none !important;
		}

	.map_area .map_btm {
		margin: 50px 0 0;
	}

		.map_area .map_btm .info_box {
		}

			.map_area .map_btm .info_box .list {
				display: flex;
				flex-wrap: wrap;
				gap: 10px 20px;
			}

				.map_area .map_btm .info_box .list li {
				}

					.map_area .map_btm .info_box .list li:first-child {
						width: 100%;
					}

					.map_area .map_btm .info_box .list li .box {
						display: block;
					}

						.map_area .map_btm .info_box .list li .box .text {
							display: inline-block;
							padding: 0 0 0 34px;
							background-position: left top 2px;
							background-repeat: no-repeat;
							font-weight: 500;
							font-size: 22px;
							line-height: 30px;
							color: #222222;
						}

.people_area {
}

	.people_area .sub_title {
		font-size: 34px;
		font-weight: 600;
		margin: 100px 0 50px;
	}

	.people_area .txt {
		font-size: 20px;
	}

	.people_area .list {
		display: flex;
		flex-wrap: wrap;
		gap: 70px 130px;
	}

		.people_area .list li {
			width: calc(25% - 97.5px);
		}

			.people_area .list li .box {
				display: block;
				width: 100%;
			}

				.people_area .list li .box .img_box {
					overflow: hidden;
					border-radius: 50%;
					border: 1px solid #e7e7e7;
				}

					.people_area .list li .box .img_box img {
						transition: all 0.5s;
						border-radius: 50%;
					}

				.people_area .list li .box:hover .img_box, .people_area .list li .box:focus .img_box {
					border: 1px solid #e4c902;
				}

					.people_area .list li .box:hover .img_box img, .people_area .list li .box:focus .img_box img {
						transform: scale(1.1);
					}

				.people_area .list li .box .text_box {
					margin: 20px 0 0;
				}

					.people_area .list li .box .text_box .title {
						font-weight: 600;
						font-size: 20px;
						line-height: 24px;
						color: #222222;
					}

					.people_area .list li .box .text_box .text {
						margin: 10px 0 0;
						font-weight: 400;
						font-size: 16px;
						line-height: 20px;
						color: #222222;
					}

.com_people_area {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

	.com_people_area .pop_area {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		max-width: 1020px;
	}

		.com_people_area .pop_area .pop_close {
			display: block;
			margin: 0 0 0 auto;
		}

			.com_people_area .pop_area .pop_close img {
				transition: all 0.5s;
			}

			.com_people_area .pop_area .pop_close:hover img, .com_people_area .pop_area .pop_cont .pop_close:focus img {
				transform: rotate(360deg)
			}

		.com_people_area .pop_area .pop_cont {
			margin: 15px 0 0;
			padding: 45px;
			border: 3px solid #e4c902;
			background-color: #fff;
			border-radius: 25px;
		}

			.com_people_area .pop_area .pop_cont .cont .info_box {
				display: flex;
				gap: 0 35px;
				align-items: start;
			}

				.com_people_area .pop_area .pop_cont .cont .info_box .img_box {
					flex-shrink: 0;
					border: 1px solid #dadddf;
					border-radius: 50%;
				}

					.com_people_area .pop_area .pop_cont .cont .info_box .img_box img {
						width: 180px;
						height: 180px;
						object-fit: contain;
					}

				.com_people_area .pop_area .pop_cont .cont .info_box .text_box {
					width: 100%;
				}

					.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box {
						display: flex;
						align-items: end;
						gap: 0 5px;
						margin: 0 0 20px;
						padding: 0 0 15px;
						border-bottom: 1px solid #091925;
					}

						.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .title {
							font-weight: 600;
							font-size: 28px;
							line-height: 30px;
							color: #222222;
						}

						.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .position {
							font-weight: 400;
							font-size: 16px;
							line-height: 24px;
							color: #222222;
						}

					.com_people_area .pop_area .pop_cont .cont .info_box .text_box .text {
						font-weight: 400;
						font-size: 15px;
						line-height: 22px;
						color: #888888;
					}

.overview_area {
}

	.overview_area .overview_top {
		padding: 0 0 200px;
		background: url("/eng/images/sub/fact_bg.png") no-repeat center top;
	}

		.overview_area .overview_top .row_table_area {
		}

			.overview_area .overview_top .row_table_area .table_area {
			}

				.overview_area .overview_top .row_table_area .table_area table {
					width: 100%;
					border-top: 2px solid #cf6e2a;
				}

					.overview_area .overview_top .row_table_area .table_area table tbody {
					}

						.overview_area .overview_top .row_table_area .table_area table tbody tr {
							border-bottom: 1px solid #e0e0e0;
						}

							.overview_area .overview_top .row_table_area .table_area table tbody tr:last-child {
								border-bottom: 2px solid #cf6e2a;
							}

							.overview_area .overview_top .row_table_area .table_area table tbody tr th {
								padding: 17px 10px;
								background-color: #cf6e2a;
								font-weight: 500;
								font-size: 17px;
								line-height: 24px;
								color: #ffffff;
								text-align: center;
							}

							.overview_area .overview_top .row_table_area .table_area table tbody tr td {
								padding: 17px 25px;
								font-weight: 400;
								font-size: 17px;
								line-height: 24px;
								color: #888;
							}

		.overview_area .overview_top .num_area {
		}

			.overview_area .overview_top .num_area .list {
				display: flex;
				gap: 0 40px;
			}

				.overview_area .overview_top .num_area .list li {
					width: 100%;
				}

					.overview_area .overview_top .num_area .list li .box {
						position: relative;
						height: 460px;
						border-radius: 20px;
						overflow: hidden;
						padding: 80px 20px 60px 35px;
						background-color: rgba(96, 91, 92, 0.8);
						box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
						transition: all 0.3s;
					}

						.overview_area .overview_top .num_area .list li .box .box_inner {
							position: relative;
							height: 100%;
						}

							.overview_area .overview_top .num_area .list li .box .box_inner .title {
								font-weight: 400;
								font-size: 20px;
								line-height: 24px;
								color: #ffffff;
							}

							.overview_area .overview_top .num_area .list li .box .box_inner .num_box {
								display: flex;
								flex-wrap: wrap;
								align-items: center;
								gap: 10px 5px;
								margin: 10px 0 0;
								font-weight: 700;
								font-size: 20px;
								line-height: 26px;
								color: #fff;
							}

								.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num {
									display: inline-block;
									font-size: 50px;
									line-height: 1;
								}

								.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num2 {
									font-size: 50px;
									line-height: 1;
								}

							.overview_area .overview_top .num_area .list li .box .box_inner .text {
								margin: 20px 0 0;
								font-weight: 400;
								font-size: 17px;
								line-height: 24px;
								color: #ffffff;
							}

							.overview_area .overview_top .num_area .list li .box .box_inner .icon_box {
								position: absolute;
								left: 0;
								bottom: 0;
							}

								.overview_area .overview_top .num_area .list li .box .box_inner .icon_box img {
								}

						.overview_area .overview_top .num_area .list li .box:hover, .overview_area .overview_top .num_area .list li .box:focus {
							background-color: #e4c902;
						}

	.overview_area .overview_btm {
	}

		.overview_area .overview_btm .com_title_area {
		}

		.overview_area .overview_btm .value_area {
			padding: 80px 0;
			background-color: #f4f4f4;
		}

			.overview_area .overview_btm .value_area .com_title_area {
			}

			.overview_area .overview_btm .value_area .value_box {
			}

				.overview_area .overview_btm .value_area .value_box .list {
					display: flex;
					gap: 0 100px;
				}

					.overview_area .overview_btm .value_area .value_box .list li {
						width: 100%;
					}

						.overview_area .overview_btm .value_area .value_box .list li .box {
							position: relative;
							border-radius: 200px;
							overflow: hidden;
							box-shadow: 8.7px 5px 30px 0 rgba(0, 0, 0, 0.2);
							transition: all 0.5s;
						}

							.overview_area .overview_btm .value_area .value_box .list li .box:before {
								display: block;
								content: "";
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								background-color: rgba(0, 0, 0, 0.5);
								z-index: 1;
								opacity: 0;
								transition: all 0.5s;
							}

							.overview_area .overview_btm .value_area .value_box .list li .box .bg_box {
								background-color: rgba(0, 0, 0, 0.5);
							}

								.overview_area .overview_btm .value_area .value_box .list li .box .bg_box img {
									transition: all 0.5s;
								}

							.overview_area .overview_btm .value_area .value_box .list li .box .text_box {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								align-content: center;
								text-align: center;
								z-index: 2;
								transition: all 0.5s;
							}

								.overview_area .overview_btm .value_area .value_box .list li .box .text_box .title {
									position: relative;
									padding: 0 0 14px;
									font-weight: 700;
									font-size: 32px;
									line-height: 40px;
									color: #ffffff;
								}

									.overview_area .overview_btm .value_area .value_box .list li .box .text_box .title:before {
										display: block;
										content: "";
										position: absolute;
										left: 50%;
										transform: translateX(-50%);
										bottom: 0;
										width: 40px;
										height: 2px;
										background-color: #fff;
									}

								.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text {
									margin: 30px 0 0;
									font-weight: 400;
									font-size: 17px;
									line-height: 24px;
									color: #ffffff;
								}

							.overview_area .overview_btm .value_area .value_box .list li .box:hover:before, .overview_area .overview_btm .value_area .value_box .list li .box:hover:focus {
								opacity: 1;
							}

							.overview_area .overview_btm .value_area .value_box .list li .box:hover .bg_box img, .overview_area .overview_btm .value_area .value_box .list li .box:focus .bg_box img {
								filter: blur(6px);
							}

							.overview_area .overview_btm .value_area .value_box .list li .box:hover .text_box, .overview_area .overview_btm .value_area .value_box .list li .box:focus .text_box {
								align-content: start;
								padding: 90px 0 0;
							}

.img_area {
	padding: 100px 0;
	/* background-color: #192631; */
}

	.img_area .img_wrap {
	}

		.img_area .img_wrap > .list {
		}

			.img_area .img_wrap > .list > li {
				margin: 80px 0 0;
			}

				.img_area .img_wrap > .list > li:first-child {
					margin: 0;
				}

				.img_area .img_wrap > .list > li .box {
				}

					.img_area .img_wrap > .list > li .box .text_box {
					}

						.img_area .img_wrap > .list > li .box .text_box .title {
							font-weight: 600;
							font-size: 32px;
							line-height: 40px;
							color: #222222;
						}

						.img_area .img_wrap > .list > li .box .text_box .text {
							margin: 20px 0 0;
							font-weight: 400;
							font-size: 17px;
							line-height: 24px;
							color: #888888;
						}

					.img_area .img_wrap > .list > li .box .img_list {
						margin: 20px 0 0;
					}

						.img_area .img_wrap > .list > li .box .img_list .list {
							display: flex;
							gap: 0 40px;
						}

							.img_area .img_wrap > .list > li .box .img_list .list li {
								width: 100%;
							}

								.img_area .img_wrap > .list > li .box .img_list .list li .img_box {
								}

									.img_area .img_wrap > .list > li .box .img_list .list li .img_box img {
										border-radius: 22px;
									}

								.img_area .img_wrap > .list > li .box .img_list .list li .txt {
									margin: 10px 0 0;
									font-weight: 400;
									font-size: 17px;
									line-height: 24px;
									color: #888888;
									text-align: center;
								}

								.img_area .img_wrap > .list > li .box .img_list .list li .sub_txt {
									margin: 8px 0 0;
									font-weight: 400;
									font-size: 15px;
									color: #888888;
									text-align: center;
								}

								.img_area .img_wrap > .list > li .box .img_list .list li .en_txt {
									font-size: 14px;
									font-weight: normal;
								}

	.img_area.app .img_wrap > .list > li .box .img_list .list li .txt {
		font-weight: 700;
	}

	.img_area.app .img_wrap > .list > li .box .img_list .list li .red {
		font-weight: 600;
	}

	.img_area.app .img_wrap .red {
		font-weight: 600;
	}

	/* .img_area.app {background: url("/eng/images/sub/app01_bg.png") no-repeat left top / 100% auto;} */
	.img_area .img_wrap > .list > li .box .text_box.border {
		padding: 0 0 20px;
		border-bottom: 1px solid #39454d;
	}

	.img_area .img_wrap > .list > li .box .img_list.border {
		padding: 0 0 30px;
		border-bottom: 1px solid #39454d;
	}

	.img_area .img_wrap.w50 > .list > li .box .img_list .list {
		flex-wrap: wrap;
		gap: 40px 50px;
	}

		.img_area .img_wrap.w50 > .list > li .box .img_list .list li {
			width: calc(50% - 25px);
		}

	.img_area .img_wrap.w33 > .list > li .box .img_list .list {
		flex-wrap: wrap;
		gap: 40px;
	}

		.img_area .img_wrap.w33 > .list > li .box .img_list .list li {
			width: calc(33.3333% - 26.6666px);
		}

	.img_area .img_wrap.w25 > .list > li .box .img_list .list {
		flex-wrap: wrap;
		gap: 30px 27px;
	}

		.img_area .img_wrap.w25 > .list > li .box .img_list .list li {
			width: calc(25% - 20.25px);
		}

/* .strength_area {padding: 80px 0; background: #091925 url("/eng/images/sub/strength_bg.png") no-repeat center bottom / cover;} */
.strength_area {
	padding: 80px 0;
}

	.strength_area .com_title_area {
	}

	.strength_area .strength_box {
	}

		.strength_area .strength_box .list {
		}

			.strength_area .strength_box .list li {
				margin: 25px 0 0;
			}

				.strength_area .strength_box .list li:first-child {
					margin: 0;
				}

				.strength_area .strength_box .list li .box {
					display: flex;
					height: 100px;
					border-radius: 50px;
					border: 1px solid #e4c902;
					background-color: #f7fdff;
					overflow: hidden;
				}

					.strength_area .strength_box .list li .box .title_box {
						width: 300px;
						padding: 0 30px;
						border-radius: 0 50px 50px 0;
						background-color: #e4c902;
					}

						.strength_area .strength_box .list li .box .title_box .title {
							height: 100%;
							align-content: center;
							padding: 0 0 0 54px;
							background-position: left center;
							background-repeat: no-repeat;
							font-weight: 600;
							font-size: 22px;
							line-height: 24px;
							color: #ffffff;
						}

				.strength_area .strength_box .list li.icon01 .box .title_box .title {
					background-image: url("/eng/images/sub/strength_icon01.png");
				}

				.strength_area .strength_box .list li.icon02 .box .title_box .title {
					background-image: url("/eng/images/sub/strength_icon02.png");
				}

				.strength_area .strength_box .list li.icon03 .box .title_box .title {
					background-image: url("/eng/images/sub/strength_icon03.png");
				}

				.strength_area .strength_box .list li.icon04 .box .title_box .title {
					background-image: url("/eng/images/sub/strength_icon04.png");
				}

				.strength_area .strength_box .list li.icon05 .box .title_box .title {
					background-image: url("/eng/images/sub/strength_icon05.png");
				}

				.strength_area .strength_box .list li .box .text_box {
					flex: 1;
					background-color: #f7fdff;
					align-content: center;
					padding: 0 30px;
				}

					.strength_area .strength_box .list li .box .text_box .text {
						font-weight: 400;
						font-size: 17px;
						line-height: 24px;
						color: #222222;
					}

.certifi_area {
	padding: 80px 0;
	/* background: #091925 url("/eng/images/sub/certifi_bg.png") no-repeat center bottom / 100% auto; */
}

	.certifi_area .certifi_box {
	}

		.certifi_area .certifi_box .list {
			display: flex;
			gap: 30px 26px;
			flex-wrap: wrap;
		}

			.certifi_area .certifi_box .list li {
				width: calc(25% - 19.5px);
			}

				.certifi_area .certifi_box .list li .box {
					display: block;
				}

					.certifi_area .certifi_box .list li .box .img_box {
						padding: 30px;
						border-radius: 10px;
						background-color: #e7e7e7;
						box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
					}

						.certifi_area .certifi_box .list li .box .img_box .img_inner {
							position: relative;
							padding: 0 0 144.18%;
						}

							.certifi_area .certifi_box .list li .box .img_box .img_inner img {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								object-fit: cover;
								transition: all 0.3s;
							}

					.certifi_area .certifi_box .list li .box .text {
						margin: 15px 0 0;
						font-weight: 400;
						font-size: 16px;
						line-height: 20px;
						color: #888888;
						text-align: center;
					}

.equip_area {
	padding: 100px 0;
	background: url("/eng/images/sub/equip_bg.png") no-repeat center / cover;
	text-align: center;
}

	.equip_area .title {
		font-weight: 400;
		font-size: 32px;
		line-height: 40px;
		color: #ffffff;
	}

	.equip_area .equip_box {
		margin: 60px 0 0;
	}

		.equip_area .equip_box .list {
			display: flex;
			justify-content: center;
			gap: 0 30px;
			align-items: center;
		}

			.equip_area .equip_box .list li {
			}

				.equip_area .equip_box .list li .box {
					width: 190px;
					height: 190px;
					border-radius: 50%;
					border: 1px solid #e7e7e7;
				}

				.equip_area .equip_box .list li.bg01 .box {
					background-color: #f3a269;
				}

				.equip_area .equip_box .list li.bg02 .box {
					background-color: #f19350;
				}

				.equip_area .equip_box .list li.bg03 .box {
					background-color: #e4c902;
				}

				.equip_area .equip_box .list li.bg04 .box {
					background-color: #e4c902;
				}

				.equip_area .equip_box .list li .box .txt {
					align-content: center;
					height: 100%;
					font-weight: 600;
					font-size: 20px;
					line-height: 26px;
					color: #fff6ef;
				}

				.equip_area .equip_box .list li .img_box {
				}

					.equip_area .equip_box .list li .img_box img {
						vertical-align: middle;
					}

	.equip_area .text {
		margin: 40px 0 0;
		font-weight: 400;
		font-size: 17px;
		line-height: 24px;
		color: #dadddf;
	}

.prd_area {
}

	.prd_area > .list {
	}

		.prd_area > .list > li {
			margin: 30px 0 0;
		}

			.prd_area > .list > li:first-child {
				margin: 0;
			}

			.prd_area > .list > li .box {
				display: flex;
				align-items: stretch;
				background-color: #fff;
				border: 2px solid #e4c902;
				border-radius: 25px;
				overflow: hidden;
			}

				.prd_area > .list > li .box .img_wrap {
					flex-shrink: 0;
					width: 440px;
					background-color: #eeeeee;
				}

					/* .prd_area>.list>li .box .img_wrap .img_box { position: relative; padding: 0 0 79.548%; } */
					.prd_area > .list > li .box .img_wrap .img_box {
						position: relative;
						padding: 0 0 64.22%;
					}

						.prd_area > .list > li .box .img_wrap .img_box img {
							position: absolute;
							inset: 0;
							width: 100%;
							height: 100%;
							transform: none;
							display: block;
							object-fit: fill;
							mix-blend-mode: multiply;
						}

				.prd_area > .list > li .box .text_box {
					flex: 1;
					padding: 10px 35px;
					background-color: #fff;
					align-self: flex-start;
				}

					/* .prd_area>.list>li .box .text_box .sub_title { display: inline-block; margin: 0 0 15px; padding: 9px 20px; background-color: #e4c902; border-radius: 18px; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff; } */
					.prd_area > .list > li .box .text_box .sub_title {
						display: inline-block;
						margin: 0 -20px 15px;
						padding: 9px 20px;
						background-color: #e4c902;
						border-radius: 18px;
						font-weight: 400;
						font-size: 16px;
						line-height: 20px;
						color: #ffffff;
					}

						.prd_area > .list > li .box .text_box .sub_title .tit {
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							word-wrap: break-word;
						}

					/* .prd_area>.list>li .box .text_box .title { font-weight: 700; font-size: 34px; line-height: 40px; color: #e4c902; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; } */
					/* .prd_area>.list>li .box .text_box .title { font-weight: 700; font-size: 32px; line-height: 40px; color: #e4c902; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; } */
					.prd_area > .list > li .box .text_box .title {
						font-weight: 700;
						font-size: 32px;
						line-height: 40px;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						word-wrap: break-word;
					}

					.prd_area > .list > li .box .text_box .text {
						margin: 20px 0 0;
						font-weight: 400;
						font-size: 16px;
						line-height: 20px;
						color: #999999;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
						word-wrap: break-word;
						font-weight: 700;
					}

					.prd_area > .list > li .box .text_box .text_list {
						margin: 15px 0 0;
						padding: 15px 0 0;
						border-top: 1px solid #e4c902;
					}

						.prd_area > .list > li .box .text_box .text_list li {
							margin: 10px 0 0;
						}

							.prd_area > .list > li .box .text_box .text_list li:first-child {
								margin: 0;
							}

							.prd_area > .list > li .box .text_box .text_list li .txt {
								display: inline-block;
								position: relative;
								padding: 0 0 0 12px;
								font-weight: 400;
								font-size: 15px;
								line-height: 20px;
								color: #999999;
								overflow: hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 1;
								-webkit-box-orient: vertical;
								word-wrap: break-word;
							}

								.prd_area > .list > li .box .text_box .text_list li .txt:before {
									display: block;
									content: "";
									position: absolute;
									left: 0;
									top: 6px;
									width: 6px;
									height: 6px;
									border-radius: 50%;
									background-color: #e4c902;
								}

			/* new카드 */
			.prd_area > .list > li .box {
				display: flex;
				align-items: stretch;
				min-height: 330px;
			}

				.prd_area > .list > li .box .img_wrap {
					width: 507px;
					flex-shrink: 0;
					background: #eee;
					display: flex;
				}

					.prd_area > .list > li .box .img_wrap .img_box {
						position: relative;
						width: 100%;
						height: 100%;
						/* padding: 0; */
					}

						.prd_area > .list > li .box .img_wrap .img_box img {
							position: absolute;
							inset: 0;
							width: 100%;
							height: 100%;
							object-fit: cover;
							transform: none;
							display: block;
						}

.sch_area {
	width: 100%;
	max-width: 420px;
	margin: 0 0 60px auto;
}

	.sch_area .sch_inner {
		display: flex;
		width: 100%;
		border-bottom: 2px solid #ced1d3;
	}

		.sch_area .sch_inner .select_box {
			width: 100px;
		}

			.sch_area .sch_inner .select_box select {
				width: 100%;
				border: none;
				background-color: #fff;
				background-image: url("/eng/images/sub/slt_arr_icon.png");
				background-position: right center;
				background-size: 10px 5px;
				background-repeat: no-repeat;
				font-weight: 400;
				font-size: 16px;
				line-height: 50px;
				color: #222222;
			}

				.sch_area .sch_inner .select_box select option {
				}

		.sch_area .sch_inner .input_box {
			width: calc(100% - 110px);
		}

			.sch_area .sch_inner .input_box input {
				width: 100%;
				padding: 0 30px;
				border: none;
				background-color: initial;
				font-weight: 400;
				font-size: 16px;
				line-height: 50px;
				color: #222222;
			}

		.sch_area .sch_inner .sch_btn {
			display: block;
			width: 20px;
		}

			.sch_area .sch_inner .sch_btn img {
			}

.notice_area {
}

	.notice_area .list {
	}

		.notice_area .list li {
			margin: 25px 0 0;
		}

			.notice_area .list li:first-child {
				margin: 0;
			}

			.notice_area .list li .box {
				display: block;
				padding: 40px 50px;
				border-radius: 10px;
				background-color: #f0f0f0;
				box-shadow: 0px 0px 10px rgb(0 0 0 / 20%)
			}

				.notice_area .list li .box .menu {
					font-weight: 500;
					font-size: 14px;
					line-height: 20px;
					color: #e4c902;
				}

				.notice_area .list li .box .title {
					margin: 5px 0 0;
					font-weight: 600;
					font-size: 30px;
					line-height: 34px;
					color: #222222;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
				}

				.notice_area .list li .box .text {
					margin: 15px 0 0;
					font-weight: 400;
					font-size: 17px;
					line-height: 24px;
					color: #888888;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					word-wrap: break-word;
				}

				.notice_area .list li .box .date {
					margin: 15px 0 0;
					font-weight: 400;
					font-size: 16px;
					line-height: 24px;
					color: #222222;
				}

				.notice_area .list li .box:hover, .notice_area .list li .box:focus {
					background-color: #e4c902;
				}

					.notice_area .list li .box:hover .menu, .notice_area .list li .box:focus .menu {
						color: #ffffff;
					}

					.notice_area .list li .box:hover .title, .notice_area .list li .box:focus .title {
						color: #ffffff;
					}

					.notice_area .list li .box:hover .text, .notice_area .list li .box:focus .text {
						color: #ffffff;
					}

					.notice_area .list li .box:hover .date, .notice_area .list li .box:focus .date {
						color: #ffffff;
					}

.board_view {
	border-top: 2px solid #e4c902;
}

	.board_view .board_top {
		padding: 25px 40px 20px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
	}

		.board_view .board_top .title_box {
		}

			.board_view .board_top .title_box > .title {
				font-weight: 600;
				font-size: 30px;
				line-height: 40px;
				color: #222222;
			}

			.board_view .board_top .title_box .info_list {
				margin: 20px 0 0;
			}

				.board_view .board_top .title_box .info_list .list {
					display: flex;
					column-gap: 25px;
					row-gap: 5px;
					flex-wrap: wrap;
				}

					.board_view .board_top .title_box .info_list .list li {
					}

						.board_view .board_top .title_box .info_list .list li .box {
							display: flex;
							column-gap: 0;
						}

							.board_view .board_top .title_box .info_list .list li .box .title {
								position: relative;
								padding: 0 12px 0 0;
								margin: 0 8px 0 0;
								font-weight: 300;
								font-size: 15px;
								line-height: 21px;
								color: #222222;
							}

								.board_view .board_top .title_box .info_list .list li .box .title:before {
									display: block;
									content: "";
									position: absolute;
									right: 0;
									top: 4px;
									width: 2px;
									height: 12px;
									background-color: #222222;
								}

							.board_view .board_top .title_box .info_list .list li .box .text {
								font-weight: 400;
								font-size: 15px;
								line-height: 21px;
								color: #222222;
							}

	.board_view .board_cont {
		padding: 50px 80px;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
	}

		.board_view .board_cont .text {
			font-size: 16px;
			line-height: 1.5;
			/*color: #fff;*/
		}

	.board_view .post_nav {
		margin: 45px 0 0;
		border-top: 1px solid #d8d8d8;
	}

		.board_view .post_nav .list {
		}

			.board_view .post_nav .list li {
				padding: 16px 0;
				border-bottom: 1px solid #d8d8d8;
			}

				.board_view .post_nav .list li .item_wrapper {
					display: table;
					table-layout: fixed;
					width: 100%;
					position: relative;
				}

					.board_view .post_nav .list li .item_wrapper .tit {
						display: table-cell;
						position: relative;
						width: 145px;
						padding: 0 20px 0 30px;
						vertical-align: middle;
					}

						.board_view .post_nav .list li .item_wrapper .tit .icon {
							position: relative;
							background-repeat: no-repeat;
							background-position: right center;
							font-weight: 600;
							font-size: 15px;
							line-height: 27px;
							color: #e4c902;
						}

				.board_view .post_nav .list li.prev .item_wrapper .tit .icon {
					background-image: url("/eng/images/sub/prev_icon.png");
				}

				.board_view .post_nav .list li.next .item_wrapper .tit .icon {
					background-image: url("/eng/images/sub/next_icon.png");
				}

				.board_view .post_nav .list li .item_wrapper .tit:before {
					display: block;
					content: "";
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
					width: 1px;
					height: 20px;
					background-color: #eeeeee;
				}

				.board_view .post_nav .list li .item_wrapper .post {
					display: table-cell;
					width: 100%;
					padding: 0 20px;
					vertical-align: middle;
					font-weight: 400;
					font-size: 16px;
					line-height: 27px;
					color: #222222;
				}

					.board_view .post_nav .list li .item_wrapper .post a {
						height: 27px;
						display: block;
						text-align: left;
						overflow: hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						word-wrap: break-word;
						color: #888;
					}

.news_area {
}

	.news_area .list {
		display: flex;
		flex-wrap: wrap;
		gap: 50px 26px;
	}

		.news_area .list li {
			width: calc(25% - 19.5px);
		}

			.news_area .list li .box {
				display: block;
				height: 100%;
				border-radius: 10px;
				border: 1px solid #888888;
				overflow: hidden;
				transition: all 0.5s;
			}

				.news_area .list li .box .img_box {
					position: relative;
					padding-bottom: 78.669%;
					cursor: pointer;
					overflow: hidden;
				}

					.news_area .list li .box .img_box .img_inner {
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						width: 100%;
						height: 100%;
					}

						.news_area .list li .box .img_box .img_inner img {
							display: inline-block;
							vertical-align: middle;
							width: 100%;
							height: 100%;
							object-fit: cover;
							transition: all 0.5s;
						}

				.news_area .list li .box .text_box {
					padding: 40px;
					transition: all 0.5s;
				}

			.news_area .list li.only_text .box .text_box {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				padding: 30px 40px;
			}

				.news_area .list li.only_text .box .text_box .date {
					margin: 0;
				}

			.news_area .list li .box .text_box .menu {
				font-weight: 500;
				font-size: 16px;
				line-height: 20px;
				color: #e4c902;
				transition: all 0.5s;
			}

			.news_area .list li .box .text_box .title {
				height: 60px;
				margin: 10px 0 0;
				font-weight: 600;
				font-size: 24px;
				line-height: 30px;
				color: #222222;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				word-wrap: break-word;
				transition: all 0.5s;
			}

			.news_area .list li .box .text_box .text {
				margin: 15px 0 0;
				font-weight: 300;
				font-size: 16px;
				line-height: 24px;
				color: #888888;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 6;
				-webkit-box-orient: vertical;
				word-wrap: break-word;
				transition: all 0.5s;
			}

			.news_area .list li .box .text_box .date {
				margin: 25px 0 0;
				font-weight: 500;
				font-size: 16px;
				line-height: 20px;
				color: #222222;
				transition: all 0.5s;
			}

			.news_area .list li .box:hover, .news_area .list li .box:focus {
				background-color: #e4c902;
				border-color: #e4c902;
			}

				.news_area .list li .box:hover .text_box .menu, .news_area .list li .box:focus .text_box .menu {
					color: #fff;
				}

				.news_area .list li .box:hover .text_box .title, .news_area .list li .box:focus .text_box .title {
					color: #fff;
				}

				.news_area .list li .box:hover .text_box .text, .news_area .list li .box:focus .text_box .text {
					color: #fff;
				}

				.news_area .list li .box:hover .text_box .date, .news_area .list li .box:focus .text_box .date {
					color: #fff;
				}

				.news_area .list li .box:hover .img_box .img_inner img, .news_area .list li .box:focus .img_box .img_inner img {
					transform: scale(1.2)
				}

.catalog_area {
}

	.catalog_area .list {
		display: flex;
		flex-wrap: wrap;
		gap: 40px 26px;
	}

		.catalog_area .list li {
			width: calc(25% - 19.5px);
		}

			.catalog_area .list li .box {
			}

				.catalog_area .list li .box .tit {
					margin: 12px 0 0;
					font-weight: 500;
					font-size: 17px;
					line-height: 20px;
					color: #111111;
					text-align: center;
				}

				.catalog_area .list li .box .box_inner {
					position: relative;
					padding: 60px 59px;
					border-radius: 20px;
					border: 1px solid #e5e5e5;
					background-color: #f4f4f4;
					box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.05);
				}

					.catalog_area .list li .box .box_inner .img_box {
					}

						.catalog_area .list li .box .box_inner .img_box .img_inner {
							position: relative;
							padding: 0 0 142.52%;
							overflow: hidden;
							border: 1px solid #e5e5e5;
							box-shadow: 5px 9px 20px 0px rgba(0, 0, 0, 0.2);
						}

							.catalog_area .list li .box .box_inner .img_box .img_inner img {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								width: 100%;
								height: 100%;
								/* object-fit: contain; */
							}

					.catalog_area .list li .box .box_inner .hover_box {
						display: none;
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						border-radius: 20px;
						background-color: rgba(0, 0, 0, 0.4);
					}

						.catalog_area .list li .box .box_inner .hover_box .hover_inner {
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%)
						}

							.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 60px;
								height: 60px;
								margin: 0 auto;
								border-radius: 50%;
								background-color: #e4c902;
							}

								.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {
								}

							.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {
								margin: 20px 0 0;
								font-weight: 500;
								font-size: 18px;
								line-height: 24px;
								color: #ffffff;
							}

				.catalog_area .list li .box .text_box {
					margin: 10px 0 0;
					text-align: center;
				}

					.catalog_area .list li .box .text_box .text {
						font-weight: 500;
						font-size: 17px;
						line-height: 26px;
						color: #111111;
					}

				.catalog_area .list li .box:hover .box_inner .hover_box, .catalog_area .list li .box:focus .box_inner .hover_box {
					display: block;
				}

.video_area {
	padding: 100px 0;
	border-top: 1px solid #3a4751;
	border-bottom: 1px solid #3a4751;
}

	.video_area .list {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}

		.video_area .list li {
			width: calc(33.3333% - 26.6666px);
		}

			.video_area .list li .box {
				height: 100%;
				border-radius: 25px;
			}

				.video_area .list li .box .box_inner {
				}

					.video_area .list li .box .box_inner .img_box {
						background-color: #fff;
						border-radius: 20px;
						position: relative;
						padding-bottom: 56.821%;
						overflow: hidden;
					}

						.video_area .list li .box .box_inner .img_box .img_inner {
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							width: 100%;
							height: 100%;
						}

							.video_area .list li .box .box_inner .img_box .img_inner img {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								object-fit: contain;
								transition: all 0.5s;
							}

							.video_area .list li .box .box_inner .img_box .img_inner iframe {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								width: 100%;
								height: 100%;
							}

							.video_area .list li .box .box_inner .img_box .img_inner video {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								width: 100%;
								height: 100%;
							}

					.video_area .list li .box .box_inner .text_box {
						margin: 15px 0 0;
						text-align: center;
					}

						.video_area .list li .box .box_inner .text_box .title {
							font-weight: 500;
							font-size: 20px;
							line-height: 30px;
							color: #222;
						}

						.video_area .list li .box .box_inner .text_box .text {
							margin: 10px 0 0;
							font-weight: 300;
							font-size: 16px;
							line-height: 24px;
							color: #222;
						}

						.video_area .list li .box .box_inner .text_box .date {
							margin: 5px 0 0;
							font-weight: 300;
							font-size: 16px;
							line-height: 24px;
							color: #222;
						}

				.video_area .list li .box:hover .box_inner .img_box .img_inner img, .video_area .list li .box:focus .box_inner .img_box .img_inner img {
					transform: translate(-50%, -50%) scale(1.1);
				}

.inq_area {
}

	.inq_area .inq_top {
		padding: 50px 0;
		border-top: 1px solid #d3d3d3;
		border-bottom: 1px solid #d3d3d3;
	}

		.inq_area .inq_top .list {
			display: grid;
			gap: 0 40px;
			grid-template-columns: repeat(4, 1fr); /* 每行5个 */
			grid-auto-rows: auto;
			gap: 20px; /* 卡片间距 */
		}

			.inq_area .inq_top .list li {
				width: 100%;
				text-align: center;
			}

				.inq_area .inq_top .list li .box {
					height: 135px;
					align-content: center;
					padding: 5px;
					border: 1px solid #ffffff;
					background-color: #ececec;
					border-radius: 25px;
				}

					.inq_area .inq_top .list li .box .title {
						font-weight: 400;
						font-size: 14px;
						line-height: 25px;
						color: #222222;
					}

					.inq_area .inq_top .list li .box .text {
						display: block;
						margin: 10px 0 0;
						font-weight: 600;
						font-size: 17px;
						line-height: 34px;
						color: #e4c902;
						margin-bottom: 6px;
					}

	.inq_area .inq_btm {
		margin: 50px 0 0;
	}

		.inq_area .inq_btm .inq_box {
		}

			.inq_area .inq_btm .inq_box > .list {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

				.inq_area .inq_btm .inq_box > .list > li {
					width: calc(50% - 5px);
				}

					.inq_area .inq_btm .inq_box > .list > li.w100 {
						width: 100%;
					}

					.inq_area .inq_btm .inq_box > .list > li .box {
					}

						.inq_area .inq_btm .inq_box > .list > li .box > input {
							width: 100%;
							border: 1px solid #e2e2e2;
							border-radius: 10px;
							padding: 0 20px;
							background-color: #ffffff;
							font-weight: 400;
							font-size: 16px;
							line-height: 58px;
							color: #222;
							outline: none;
						}

						.inq_area .inq_btm .inq_box > .list > li .box > select {
							width: 100%;
							border: 1px solid #e2e2e2;
							border-radius: 10px;
							padding: 0 20px;
							background: #ffffff url("/eng/images/sub/slt_icon.png") no-repeat right 20px center;
							font-weight: 400;
							font-size: 16px;
							line-height: 58px;
							color: #222;
							outline: none;
						}

						.inq_area .inq_btm .inq_box > .list > li .box > input::placeholder {
							color: #777;
						}

						.inq_area .inq_btm .inq_box > .list > li .box > textarea {
							display: block;
							height: 290px;
							resize: none;
							border: 1px solid #e2e2e2;
							border-radius: 10px;
							padding: 10px 20px;
							background-color: #ffffff;
							font-family: "Montserrat";
							font-weight: 400;
							font-size: 16px;
							line-height: 28px;
							color: #222222;
							outline: none;
						}

							.inq_area .inq_btm .inq_box > .list > li .box > textarea::placeholder {
								color: #777;
							}

						.inq_area .inq_btm .inq_box > .list > li .box .radio_box {
							border: 1px solid #e2e2e2;
							border-radius: 10px;
							padding: 20px 25px;
							background-color: #ffffff;
						}

							.inq_area .inq_btm .inq_box > .list > li .box .radio_box .title {
								font-weight: 400;
								font-size: 17px;
								line-height: 20px;
								color: #222222;
							}

							.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list {
								margin: 20px 0 0;
							}

								.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list {
									display: flex;
									flex-wrap: wrap;
									gap: 20px 30px;
								}

									.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li {
										display: flex;
										gap: 10px;
										align-items: center;
									}

										.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li .radio_area {
										}

										.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li .keyword_box {
										}

											.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li .keyword_box input {
												width: 110px;
												border: 1px solid #e2e2e2;
												font-size: 14px;
												line-height: 26px;
												padding: 0 10px;
											}

		.inq_area .inq_btm .check_area {
			display: flex;
			align-items: center;
			justify-content: end;
			column-gap: 10px;
			margin: 30px 0 0;
		}

			.inq_area .inq_btm .check_area .chk_inner {
			}

				.inq_area .inq_btm .check_area .chk_inner input {
				}

				.inq_area .inq_btm .check_area .chk_inner label {
					color: #222;
				}

			.inq_area .inq_btm .check_area .policy_btn {
				display: block;
				width: 100px;
				background: #e4c902;
				border-radius: 16px;
				font-weight: 400;
				font-size: 14px;
				line-height: 33px;
				color: #fff;
				text-align: center;
			}

.prd_area {
}

	.prd_area .prd_top {
		display: flex;
		gap: 0 50px;
		align-items: center;
	}

		.prd_area .prd_top .left_box {
			flex-shrink: 0;
			width: 420px;
			overflow: hidden;
		}

			.prd_area .prd_top .left_box .prd_big_slide {
				overflow: hidden;
			}

				.prd_area .prd_top .left_box .prd_big_slide .list {
				}

					.prd_area .prd_top .left_box .prd_big_slide .list li {
					}

						.prd_area .prd_top .left_box .prd_big_slide .list li .img_box {
							border-radius: 10px;
							overflow: hidden;
							background-color: #fcfcfc;
							border: 1px solid #dcdcdc;
						}

							.prd_area .prd_top .left_box .prd_big_slide .list li .img_box .img_inner {
								position: relative;
								padding-bottom: 64%;
							}

								.prd_area .prd_top .left_box .prd_big_slide .list li .img_box .img_inner img {
									position: absolute;
									left: 50%;
									top: 50%;
									transform: translate(-50%, -50%);
									width: 100%;
									height: 100%;
									object-fit: contain;
								}

			.prd_area .prd_top .left_box .prd_small_slide_area {
				position: relative;
				margin: 10px 0 0;
			}

				.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide {
					overflow: hidden;
				}

					.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide .list {
					}

						.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide .list li {
						}

							.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide .list li .img_box {
								border-radius: 10px;
								background-color: #fcfcfc;
								border: 1px solid #dcdcdc;
								cursor: pointer;
							}

								.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide .list li .img_box .img_inner {
									position: relative;
									overflow: hidden;
									padding-bottom: 100%;
								}

									.prd_area .prd_top .left_box .prd_small_slide_area .prd_small_slide .list li .img_box .img_inner img {
										position: absolute;
										left: 50%;
										top: 50%;
										transform: translate(-50%, -50%);
										object-fit: contain;
									}

				.prd_area .prd_top .left_box .prd_small_slide_area .prd_btn {
					position: absolute;
					left: 0;
					width: 100%;
					top: 50%;
					transform: translateY(-50%);
					height: 21px;
					z-index: 1;
				}

					.prd_area .prd_top .left_box .prd_small_slide_area .prd_btn .btn {
						display: block;
						position: absolute;
						top: 0;
						width: 21px;
						height: 21px;
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size: cover;
					}

						.prd_area .prd_top .left_box .prd_small_slide_area .prd_btn .btn.prev {
							left: 0;
							background-image: url("/kor/images/sub/gallery_prev_btn.png");
						}

						.prd_area .prd_top .left_box .prd_small_slide_area .prd_btn .btn.next {
							right: 0;
							background-image: url("/kor/images/sub/gallery_next_btn.png");
						}

		/* .prd_area .prd_top .left_box .img_box {position: relative; padding: 0 0 80.956%;}
.prd_area .prd_top .left_box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); mix-blend-mode: multiply; object-fit: contain; }
 */
		.prd_area .prd_top .right_box {
		}

			.prd_area .prd_top .right_box .text_box {
			}

				.prd_area .prd_top .right_box .text_box .sub_title {
					display: inline-block;
					padding: 11px 15px;
					border: 1px solid #e4c902;
					border-radius: 22px;
					font-weight: 500;
					font-size: 16px;
					line-height: 20px;
					color: #e4c902;
				}

				.prd_area .prd_top .right_box .text_box .title {
					margin: 15px 0 0;
					font-weight: 700;
					font-size: 31px;
					line-height: 44px;
					color: #222222;
				}

				.prd_area .prd_top .right_box .text_box .text {
					margin: 15px 0 0;
					font-weight: 400;
					font-size: 17px;
					line-height: 20px;
					color: #222222;
				}

			.prd_area .prd_top .right_box .btn_area {
			}

	.prd_area .prd_btm {
	}

		.prd_area .prd_btm .com_tab_area {
			margin: 0 0 30px;
		}

		.prd_area .prd_btm .prd_info_box {
			display: flex;
			border-bottom: 1px solid #e7e7e7;
			padding: 50px 0;
		}

			.prd_area .prd_btm .prd_info_box .title_box {
				width: 300px;
				flex-shrink: 0;
			}

				.prd_area .prd_btm .prd_info_box .title_box .title {
					font-weight: 600;
					font-size: 36px;
					line-height: 40px;
					color: #222;
				}

			.prd_area .prd_btm .prd_info_box .info_box {
				width: 100%;
			}

				.prd_area .prd_btm .prd_info_box .info_box .list {
					border-bottom: 2px solid #222222;
					border-top: 2px solid #222222;
				}

					.prd_area .prd_btm .prd_info_box .info_box .list + .list {
						margin: 80px 0 0;
					}

					.prd_area .prd_btm .prd_info_box .info_box .list li {
						padding: 20px 0;
						border-bottom: 1px solid #cdcdcd;
					}

						.prd_area .prd_btm .prd_info_box .info_box .list li:last-child {
							border-bottom: none;
						}

						.prd_area .prd_btm .prd_info_box .info_box .list li .box {
							display: flex;
							gap: 0 30px;
							padding: 0 30px;
						}

							.prd_area .prd_btm .prd_info_box .info_box .list li .box .title {
								width: 150px;
								flex-shrink: 0;
								font-weight: 500;
								font-size: 17px;
								line-height: 20px;
								color: #e4c902;
							}

							.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box {
							}

								.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text {
									position: relative;
									padding: 0 0 0 34px;
									font-weight: 400;
									font-size: 17px;
									line-height: 24px;
									color: #888888;
								}

									.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text:before {
										display: block;
										content: "";
										position: absolute;
										left: 0;
										top: 10px;
										width: 4px;
										height: 4px;
										background-color: #e4c902;
									}

			.prd_area .prd_btm .prd_info_box .text_list {
			}

				.prd_area .prd_btm .prd_info_box .text_list .list {
				}

					.prd_area .prd_btm .prd_info_box .text_list .list li {
						margin: 7px 0 0;
					}

						.prd_area .prd_btm .prd_info_box .text_list .list li:first-child {
							margin: 0;
						}

						.prd_area .prd_btm .prd_info_box .text_list .list li .txt {
							position: relative;
							display: inline-block;
							padding: 0 0 0 20px;
							font-weight: 400;
							font-size: 17px;
							line-height: 27px;
							color: #888888;
						}

							.prd_area .prd_btm .prd_info_box .text_list .list li .txt:before {
								display: block;
								content: "";
								position: absolute;
								left: 0;
								top: 9px;
								width: 8px;
								height: 8px;
								background-color: #e4c902;
							}

			.prd_area .prd_btm .prd_info_box .color_list {
			}

				.prd_area .prd_btm .prd_info_box .color_list .list {
					display: flex;
					flex-wrap: wrap;
					gap: 30px 25px;
				}

					/* .prd_area .prd_btm .prd_info_box .color_list .list li {width: calc(20% - 20px);} */
					.prd_area .prd_btm .prd_info_box .color_list .list li {
						width: 100%;
					}

						.prd_area .prd_btm .prd_info_box .color_list .list li .box {
						}

							/* .prd_area .prd_btm .prd_info_box .color_list .list li .box .img_box {position: relative; padding: 0 0 75%; border-radius: 20px; overflow: hidden;} */
							.prd_area .prd_btm .prd_info_box .color_list .list li .box .img_box {
								position: relative;
								overflow: hidden;
								width: 60%;
							}

							/* .prd_area .prd_btm .prd_info_box .color_list .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; } */
							.prd_area .prd_btm .prd_info_box .color_list .list li .box .text_box {
								margin: 10px 0 0;
								padding: 0 0 0 10px;
								font-weight: 400;
								font-size: 17px;
								line-height: 24px;
								color: #888888;
							}

				.prd_area .prd_btm .prd_info_box .color_list .text {
					margin: 35px 0 0;
					font-weight: 400;
					font-size: 17px;
					line-height: 24px;
					color: #888888;
				}

			.prd_area .prd_btm .prd_info_box .skill_area {
			}

				.prd_area .prd_btm .prd_info_box .skill_area .list {
				}

				/* 260220 추가*/
				.prd_area .prd_btm .prd_info_box .skill_area .list {
					display: flex;
				}

					.prd_area .prd_btm .prd_info_box .skill_area .list li {
						margin: 0 1px;
						/*30px 0 0*/
						;
						width: 50%;
					}

						.prd_area .prd_btm .prd_info_box .skill_area .list li:first-child {
							margin: 0;
						}

						.prd_area .prd_btm .prd_info_box .skill_area .list li .box {
						}

							/* .prd_area .prd_btm .prd_info_box .skill_area .list li .box .img_box {position: relative; padding: 0 0 44.546%; border-radius: 25px; overflow: hidden;} */
							/* .prd_area .prd_btm .prd_info_box .skill_area .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; } */
							.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box {
								margin: 20px 0 0;
								padding: 0 20px;
							}

								.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .title {
									font-weight: 600;
									font-size: 28px;
									line-height: 30px;
									color: #e4c902;
								}

								.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .text {
									margin: 10px 0 0;
									font-weight: 400;
									font-size: 17px;
									line-height: 27px;
									color: #888;
								}

		.prd_area .prd_btm .prd_info_box {
		}

			.prd_area .prd_btm .prd_info_box .uses_area {
				width: 100%;
			}

				.prd_area .prd_btm .prd_info_box .uses_area .uses_top {
				}

					.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list {
						display: flex;
						flex-wrap: wrap;
						gap: 20px 40px;
					}

						.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li {
							width: calc(50% - 20px);
						}

							.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li .img_box {
								position: relative;
								padding: 0 0 62.265%;
								border-radius: 25px;
								overflow: hidden;
							}

								.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li .img_box img {
									position: absolute;
									left: 50%;
									top: 50%;
									transform: translate(-50%, -50%);
									width: 100%;
									height: 100%;
									object-fit: cover;
								}

							.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li .txt {
								margin: 10px 0 0;
								font-weight: 400;
								font-size: 17px;
								line-height: 20px;
								color: #888888;
								text-align: center;
							}

				.prd_area .prd_btm .prd_info_box .uses_area .uses_btm {
					margin: 80px 0 0;
				}

					.prd_area .prd_btm .prd_info_box .uses_area .uses_btm .youtube_box {
						position: relative;
						padding: 0 0 55.455%;
						border-radius: 20px;
						overflow: hidden;
					}

						.prd_area .prd_btm .prd_info_box .uses_area .uses_btm .youtube_box .youtube_inner {
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							width: 100%;
							height: 100%;
						}

							.prd_area .prd_btm .prd_info_box .uses_area .uses_btm .youtube_box .youtube_inner iframe {
								position: absolute;
								left: 50%;
								top: 50%;
								transform: translate(-50%, -50%);
								width: 100%;
								height: 100%;
								object-fit: contain;
							}

.sub_title_area {
	margin: 0 0 30px;
	text-align: center;
}

	.sub_title_area .title {
		font-weight: 700;
		font-size: 40px;
		line-height: 44px;
		color: #222;
	}

.related_slide_area {
	position: relative;
	padding: 0 80px;
}

	.related_slide_area .related_btn {
		position: absolute;
		top: 42%;
	}

		.related_slide_area .related_btn.prev {
			left: 0;
		}

		.related_slide_area .related_btn.next {
			right: 0;
		}

		.related_slide_area .related_btn img {
		}

	.related_slide_area .related_slide {
		overflow: hidden;
	}

		.related_slide_area .related_slide .list {
		}

			.related_slide_area .related_slide .list li {
			}

				.related_slide_area .related_slide .list li .box {
					display: block;
				}

					.related_slide_area .related_slide .list li .box .img_box {
						position: relative;
						padding: 0 0 80.956%;
						border-radius: 25px;
						overflow: hidden;
						background-color: #f7f7f7;
					}

						.related_slide_area .related_slide .list li .box .img_box img {
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translate(-50%, -50%);
							object-fit: contain;
						}

					.related_slide_area .related_slide .list li .box .text_box {
						margin: 10px 0 0;
						text-align: center;
					}

						.related_slide_area .related_slide .list li .box .text_box .text {
							font-weight: 500;
							font-size: 18px;
							line-height: 20px;
							color: #888;
							overflow: hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;
							word-wrap: break-word;
							transition: all 0.5s;
						}

.com_video_box {
	position: relative;
	padding: 0 0 52.9%;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	max-width: 1310px;
	margin: 0 auto;
}

	.com_video_box .video_inner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
	}

		.com_video_box .video_inner iframe {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

.num_text_list {
}

	.num_text_list .list {
	}

		.num_text_list .list li {
			display: inline-block;
			position: relative;
			padding: 0 0 0 30px;
			margin: 10px 0 0;
			font-weight: 400;
			font-size: 19px;
			line-height: 27px;
			color: #888888;
		}

			.num_text_list .list li:first-child {
				margin: 0;
			}

			.num_text_list .list li .tit {
				font-weight: 600;
				color: #222222;
			}

			.num_text_list .list li .num {
				position: absolute;
				left: 0;
				top: 3px;
				width: 20px;
				border-radius: 50%;
				background-color: #000000;
				font-weight: 600;
				font-size: 16px;
				line-height: 20px;
				color: #fff;
				text-align: center;
			}

.com_text_list {
}

	.com_text_list .title {
		font-weight: 400;
		font-size: 22px;
		line-height: 30px;
		color: #222222;
	}

	.com_text_list .list {
	}

		.com_text_list .list li {
			margin: 10px 0 0;
		}

			.com_text_list .list li:fisrt-child {
				margin: 0;
			}

			.com_text_list .list li .txt {
				position: relative;
				padding: 0 0 0 12px;
				font-weight: 400;
				font-size: 15px;
				line-height: 24px;
				color: #999999;
			}

				.com_text_list .list li .txt:before {
					display: block;
					content: "";
					position: absolute;
					left: 0;
					top: 6px;
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background-color: #e4c902;
				}

.com_table_area {
}

	.com_table_area .table_area {
	}

		.com_table_area .table_area table {
			width: 100%;
		}

			.com_table_area .table_area table thead {
			}

				.com_table_area .table_area table thead tr {
					border-bottom: 1px solid #cdcdcd;
				}

					.com_table_area .table_area table thead tr th {
						padding: 18px 5px;
						background-color: #e07128;
						border-right: 1px solid #cdcdcd;
						font-weight: 500;
						font-size: 20px;
						line-height: 30px;
						color: #fff;
						text-align: center;
					}

						.com_table_area .table_area table thead tr th:last-child {
							border-right: none;
						}

			.com_table_area .table_area table tbody {
			}

				.com_table_area .table_area table tbody tr {
					border-bottom: 1px solid #cdcdcd;
				}

					.com_table_area .table_area table tbody tr td {
						padding: 15px 5px;
						border-right: 1px solid #cdcdcd;
						font-weight: 400;
						font-size: 17px;
						line-height: 30px;
						color: #888888;
						text-align: center;
					}

						.com_table_area .table_area table tbody tr td:last-child {
							border-right: none;
						}

	.com_table_area.black_table .table_area {
		border: 1px solid #d0d6e6;
		border-radius: 20px;
	}

		.com_table_area.black_table .table_area table {
			overflow: hidden;
			border-radius: 20px;
		}

			.com_table_area.black_table .table_area table thead tr th {
				background-color: #222222;
			}

			.com_table_area.black_table .table_area table tbody tr td {
				background-color: #f9f9f9;
			}

			.com_table_area.black_table .table_area table tbody tr:last-child {
				border-bottom: none;
			}

.product_com_top {
	margin: 0 0 45px;
}

.product_tab_menu {
	margin: 0 0 40px;
	padding: 0 0 60px;
	border-bottom: 1px solid #e7e7e7;
}

	.product_tab_menu .list {
		display: flex;
		justify-content: center;
		gap: 10px;
	}

		.product_tab_menu .list li {
		}

			.product_tab_menu .list li .btn {
				display: block;
				min-width: 230px;
				padding: 0 20px;
				border-radius: 25px;
				border: 1px solid #e4c902;
				font-weight: 600;
				font-size: 18px;
				line-height: 48px;
				color: #222222;
			}

			.product_tab_menu .list li.on .btn {
				background-color: #e4c902;
				color: #fff;
			}

.product_tab_cont {
	display: none;
}

	.product_tab_cont.on {
		display: block;
	}

	.product_tab_cont .title_box {
		margin: 0 0 15px;
	}

		.product_tab_cont .title_box .title {
			font-weight: 600;
			font-size: 32px;
			line-height: 40px;
			color: #222222;
		}

		.product_tab_cont .title_box .text {
			margin: 15px 0 0;
			font-weight: 600;
			font-size: 24px;
			line-height: 30px;
			color: #222222;
		}

	.product_tab_cont .gray_box {
		padding: 25px;
		background-color: #f9f9f9;
		border-radius: 20px;
	}

		.product_tab_cont .gray_box .text {
			font-weight: 400;
			font-size: 16px;
			line-height: 24px;
			color: #888888;
		}

		.product_tab_cont .gray_box .text_list {
		}

			.product_tab_cont .gray_box .text_list li {
				margin: 10px 0 0;
			}

				.product_tab_cont .gray_box .text_list li:first-child {
					margin: 0
				}

				.product_tab_cont .gray_box .text_list li .txt {
					display: inline-block;
					position: relative;
					padding: 0 0 0 22px;
					font-weight: 400;
					font-size: 17px;
					line-height: 24px;
					color: #888888;
				}

					.product_tab_cont .gray_box .text_list li .txt:before {
						display: block;
						content: "";
						position: absolute;
						left: 0;
						top: 7px;
						width: 8px;
						height: 8px;
						background-color: #e4c902;
					}

/* 테이블 컨테이너 */
.table_container {
	width: 100%;
	overflow-x: auto;
	padding: 20px 0;
}

	.table_container .app_prd_table {
		width: 100%;
		border-collapse: collapse;
		;
	}

		.table_container .app_prd_table th {
			padding: 18px 10px;
			font-size: 15px;
			font-weight: 700;
			color: #000;
			background-color: #fff;
			border: 1px solid #ddd;
		}

		.table_container .app_prd_table td {
			padding: 10px;
			border: 1px solid #ddd;
			vertical-align: middle;
			text-align: center;
			font-size: 16px;
			color: #333;
			background-color: #fff;
		}

			.table_container .app_prd_table td.category_cell {
				font-weight: 700;
				color: #e67e22;
				background-color: #fafafa;
			}

			.table_container .app_prd_table td.product_name {
				font-weight: 700;
				color: #000;
				text-align: left !important;
				padding-left: 20px;
			}

			.table_container .app_prd_table td.spec_detail {
				text-align: left !important;
				color: #666;
				line-height: 1.6;
				padding-left: 20px;
			}

			.table_container .app_prd_table td.standard_cell {
				color: #888;
				line-height: 1.4;
			}

			.table_container .app_prd_table td.photo_cell img {
				max-width: 110px;
				height: auto;
				display: block;
				/* margin: 0 auto; */
				transition: transform 0.4s ease-in-out;
			}

			.table_container .app_prd_table td.photo_cell .photo_flex_box {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}

				.table_container .app_prd_table td.photo_cell .photo_flex_box img {
					width: 154px;
					max-width: 100%;
					height: auto;
					transition: transform 0.3s;
				}

			.table_container .app_prd_table td[rowspan="3"].photo_cell .photo_flex_box {
				max-width: 500px;
			}

@media screen and (max-width: 1600px) {
	.sub_top_area .container {
		padding: 0 10px;
	}

	.sub_top_area .breadcrumb .list li .box {
		font-size: 16px;
	}
}

@media screen and (max-width: 1400px) {
	.sub_top_area {
		padding: 140px 0 0;
	}

		.sub_top_area .title_box {
			margin: 0 0 50px;
		}

			.sub_top_area .title_box .menu {
				font-size: 18px;
				line-height: 24px;
			}

			.sub_top_area .title_box .title {
				margin: 10px 0 0;
				font-size: 50px;
				line-height: 60px;
			}

		.sub_top_area .breadcrumb .list {
			gap: 0 10px;
		}

			.sub_top_area .breadcrumb .list li .box {
				height: 40px;
				font-size: 14px;
				line-height: 20px;
			}

	.sub_cont {
		padding: 100px 0;
	}

	.com_title_area {
		margin: 0 0 30px;
	}

		.com_title_area.product {
			padding: 0 10px;
		}

		.com_title_area .title {
			font-size: 50px;
		}

			.com_title_area .title.ft_s60 {
				font-size: 40px;
			}

			.com_title_area .title.ft_s52 {
				font-size: 34px;
			}

			.com_title_area .title.ft_s34 {
				font-size: 24px;
			}

			.com_title_area .title.ft_s28 {
				font-size: 20px;
			}

		.com_title_area .text {
			margin: 6px 0 0;
			font-size: 16px;
			line-height: 18px;
		}

	.greeting_box {
		background-size: 600px auto;
	}

		.greeting_box .text_box .title {
			font-size: 36px;
			line-height: 40px;
		}

		.greeting_box .text_box .text {
			margin: 40px 0 0;
			font-size: 16px;
		}

		.greeting_box .text_box .name {
			margin: 20px 0 0;
			font-size: 16px;
			line-height: 20px;
		}

	.vision_area .vision_box .list li {
		margin: 30px 0 0;
	}

		.vision_area .vision_box .list li .box {
			gap: 0 20px;
		}

			.vision_area .vision_box .list li .box .img_box {
				width: 100%;
				flex-shrink: inherit;
			}

				.vision_area .vision_box .list li .box .img_box img {
					width: 100%;
				}

			.vision_area .vision_box .list li .box .text_box {
				width: 100%;
			}

				.vision_area .vision_box .list li .box .text_box .title {
					font-size: 24px;
					line-height: 30px;
				}

				.vision_area .vision_box .list li .box .text_box .text {
					margin: 10px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

	.promise_area .promise_box .list {
		gap: 0 20px;
	}

		.promise_area .promise_box .list li .box {
			padding: 30px 10px;
		}

			.promise_area .promise_box .list li .box .icon_box img {
				height: 85px;
			}

			.promise_area .promise_box .list li .box .text_box .title {
				font-size: 24px;
				line-height: 30px;
			}

			.promise_area .promise_box .list li .box .text_box .text {
				font-size: 14px;
				line-height: 20px;
			}

	.history_area .history_top {
		height: 330px;
	}

		.history_area .history_top img {
			width: 700px;
		}

	.history_area .history_box {
		margin: 50px 0 0;
	}

		.history_area .history_box > .list > li {
			padding: 30px 0;
		}

			.history_area .history_box > .list > li .box {
				gap: 0 20px;
			}

				.history_area .history_box > .list > li .box .year_box {
					width: 75px;
				}

					.history_area .history_box > .list > li .box .year_box .year {
						font-size: 24px;
						line-height: 22px;
					}

				.history_area .history_box > .list > li .box .info_list li {
					margin: 10px 0 0;
				}

					.history_area .history_box > .list > li .box .info_list li .text {
						font-size: 16px;
						line-height: 22px;
					}

	.partner_area .partner_btm {
		margin: 60px 0 0;
		padding: 60px 0;
	}

		.partner_area .partner_btm .logo_box img {
			width: 290px;
		}

		.partner_area .partner_btm .title {
			margin: 30px 0 0;
			font-size: 30px;
			line-height: 34px;
		}

		.partner_area .partner_btm .partner_list {
			margin: 20px 0 0;
		}

			.partner_area .partner_btm .partner_list .list {
				gap: 0 20px;
			}

				.partner_area .partner_btm .partner_list .list li .box {
					padding: 30px 10px;
				}

					.partner_area .partner_btm .partner_list .list li .box .tit {
						font-size: 24px;
						line-height: 30px;
					}

					.partner_area .partner_btm .partner_list .list li .box .txt {
						margin: 15px 0 0;
						font-size: 14px;
						line-height: 20px;
					}

	.com_tab_area .list li .box .text {
		font-size: 14px;
		line-height: 40px;
	}

	.map_area {
		margin: 30px 0 0;
	}

		.map_area .map_top .name {
			padding: 10px 20px;
			font-size: 16px;
		}

		.map_area .map_btm {
			margin: 30px 0 0;
		}

			.map_area .map_btm .info_box .list {
				gap: 10px;
			}

				.map_area .map_btm .info_box .list li .box .text {
					padding: 0 0 0 24px;
					background-size: auto 20px;
					font-size: 18px;
					line-height: 26px;
				}

	.people_area .list {
		gap: 40px 100px;
	}

		.people_area .list li {
			width: calc(25% - 75px);
		}

			.people_area .list li .box .text_box {
				margin: 10px 0 0;
			}

				.people_area .list li .box .text_box .title {
					font-size: 18px;
					line-height: 20px;
				}

				.people_area .list li .box .text_box .text {
					margin: 6px 0 0;
					font-size: 14px;
					line-height: 18px;
				}

	.com_people_area .pop_area .pop_cont {
		margin: 10px 0 0;
		padding: 30px;
	}

		.com_people_area .pop_area .pop_cont .cont .info_box {
			gap: 0 25px;
		}

			.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box {
				padding: 0 0 10px;
				margin: 0 0 10px;
			}

				.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .title {
					font-size: 24px;
					line-height: 30px;
				}

				.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .position {
					font-size: 14px;
					line-height: 20px;
				}

			.com_people_area .pop_area .pop_cont .cont .info_box .text_box .text {
				font-size: 14px;
				line-height: 20px;
			}

	.overview_area .overview_top {
		padding: 0 0 160px;
		background-size: 100% auto
	}

		.overview_area .overview_top .row_table_area .table_area table tbody tr th {
			padding: 10px 15px;
			font-size: 16px;
			line-height: 22px;
		}

		.overview_area .overview_top .row_table_area .table_area table tbody tr td {
			padding: 10px 15px;
			font-size: 16px;
			line-height: 22px;
		}

		.overview_area .overview_top .num_area .list {
			gap: 0 20px;
		}

			.overview_area .overview_top .num_area .list li .box {
				height: 340px;
				padding: 40px 10px;
			}

				.overview_area .overview_top .num_area .list li .box .box_inner .title {
					font-size: 18px;
					line-height: 20px;
				}

				.overview_area .overview_top .num_area .list li .box .box_inner .num_box {
					gap: 5px;
					font-size: 18px;
					line-height: 24px;
				}

					.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num {
						font-size: 36px;
					}

					.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num2 {
						font-size: 36px;
					}

				.overview_area .overview_top .num_area .list li .box .box_inner .text {
					margin: 10px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

				.overview_area .overview_top .num_area .list li .box .box_inner .icon_box img {
					height: 56px;
				}

	.overview_area .overview_btm .value_area {
		padding: 50px 0;
	}

		.overview_area .overview_btm .value_area .value_box .list {
			gap: 0 60px
		}

			.overview_area .overview_btm .value_area .value_box .list li .box .text_box .title {
				font-size: 24px;
				line-height: 30px;
			}

			.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text {
				margin: 20px 0 0;
				font-size: 16px;
				line-height: 20px;
			}

	.img_area {
		padding: 60px 0;
	}

		.img_area .img_wrap > .list > li {
			margin: 50px 0 0;
		}

			.img_area .img_wrap > .list > li .box .text_box.border {
				padding: 0 0 10px;
			}

			.img_area .img_wrap > .list > li .box .text_box .title {
				font-size: 24px;
				line-height: 30px;
			}

			.img_area .img_wrap > .list > li .box .text_box .text {
				margin: 10px 0 0;
				font-size: 16px;
				line-height: 20px;
			}

			.img_area .img_wrap > .list > li .box .img_list {
				margin: 10px 0 0;
			}

				.img_area .img_wrap > .list > li .box .img_list.border {
					padding: 0 0 10px;
				}

				.img_area .img_wrap > .list > li .box .img_list .list {
					gap: 0 20px;
				}

					.img_area .img_wrap > .list > li .box .img_list .list li .txt {
						margin: 6px 0 0;
						font-size: 16px;
						line-height: 22px;
					}

		.img_area .img_wrap.w50 > .list > li .box .img_list .list {
			gap: 20px 30px;
		}

			.img_area .img_wrap.w50 > .list > li .box .img_list .list li {
				width: calc(50% - 15px);
			}

		.img_area .img_wrap.w33 > .list > li .box .img_list .list {
			gap: 30px;
		}

			.img_area .img_wrap.w33 > .list > li .box .img_list .list li {
				width: calc(33.3333% - 20px);
			}

		.img_area .img_wrap.w25 > .list > li .box .img_list .list {
			gap: 20px;
		}

			/* .img_area .img_wrap.w25 > .list > li .box .img_list .list li {width: calc(33.333% - 15px);} */
			.img_area .img_wrap.w25 > .list > li .box .img_list .list li .img_box img {
				width: 100%;
			}

	.strength_area {
		padding: 50px 0;
	}

		.strength_area .strength_box .list li {
			margin: 15px 0 0;
		}

			.strength_area .strength_box .list li .box {
				height: 90px;
			}

				.strength_area .strength_box .list li .box .title_box {
					width: 240px;
					padding: 0 20px;
				}

					.strength_area .strength_box .list li .box .title_box .title {
						background-size: auto 26px;
						padding: 0 0 0 40px;
						font-size: 20px;
						line-height: 22px;
					}

				.strength_area .strength_box .list li .box .text_box {
					padding: 0 20px;
				}

					.strength_area .strength_box .list li .box .text_box .text {
						font-size: 16px;
						line-height: 20px;
					}

	.certifi_area {
		padding: 50px 0;
	}

		.certifi_area .certifi_box .list {
			gap: 20px;
		}

			.certifi_area .certifi_box .list li {
				width: calc(25% - 15px);
			}

				.certifi_area .certifi_box .list li .box .img_box {
					padding: 20px;
				}

				.certifi_area .certifi_box .list li .box .text {
					margin: 10px 0 0;
					font-size: 14px;
					line-height: 18px;
				}

	.equip_area {
		padding: 60px 0;
	}

		.equip_area .title {
			font-size: 24px;
			line-height: 30px;
		}

		.equip_area .equip_box {
			margin: 30px 0 0;
		}

			.equip_area .equip_box .list {
				gap: 0 10px;
			}

				.equip_area .equip_box .list li .box {
					width: 160px;
					height: 160px;
				}

					.equip_area .equip_box .list li .box .txt {
						font-size: 18px;
						line-height: 24px;
					}

				.equip_area .equip_box .list li .img_box img {
					width: 38px;
				}

		.equip_area .text {
			margin: 20px 0 0;
			font-size: 16px;
			line-height: 20px;
		}

	.prd_area > .list > li {
		margin: 20px 0 0;
	}

		.prd_area > .list > li .box .img_wrap {
			width: 340px;
		}

		.prd_area > .list > li .box .text_box {
			padding: 10px 20px;
		}

			.prd_area > .list > li .box .text_box .sub_title {
				margin: 0 0 10px;
				padding: 6px 10px;
				font-size: 14px;
				line-height: 18px;
			}

			.prd_area > .list > li .box .text_box .title {
				font-size: 24px;
				line-height: 30px;
			}

			.prd_area > .list > li .box .text_box .text {
				margin: 10px 0 0;
				font-size: 14px;
				line-height: 18px;
			}

			.prd_area > .list > li .box .text_box .text_list {
				margin: 10px 0 0;
				padding: 10px 0 0;
			}

				.prd_area > .list > li .box .text_box .text_list li {
					margin: 6px 0 0;
				}

					.prd_area > .list > li .box .text_box .text_list li .txt {
						font-size: 14px;
						line-height: 18px;
					}

	.notice_area .list li {
		margin: 20px 0 0;
	}

		.notice_area .list li .box {
			padding: 30px;
		}

			.notice_area .list li .box .menu {
				font-size: 12px;
				line-height: 18px;
			}

			.notice_area .list li .box .title {
				font-size: 24px;
				line-height: 26px;
			}

			.notice_area .list li .box .text {
				margin: 10px 0 0;
				font-size: 16px;
				line-height: 22px;
			}

			.notice_area .list li .box .date {
				margin: 10px 0 0;
				font-size: 14px;
				line-height: 21px;
			}

	.sch_area {
		max-width: 380px;
		margin: 0 0 40px auto;
	}

		.sch_area .sch_inner .select_box select {
			line-height: 40px;
		}

		.sch_area .sch_inner .input_box input {
			padding: 0 10px;
			line-height: 40px;
		}

	.board_view .board_top {
		padding: 15px 20px;
	}

		.board_view .board_top .title_box > .title {
			font-size: 24px;
			line-height: 30px;
		}

		.board_view .board_top .title_box .info_list {
			margin: 10px 0 0;
		}

			.board_view .board_top .title_box .info_list .list li .box .title {
				font-size: 14px;
				line-height: 18px;
			}

				.board_view .board_top .title_box .info_list .list li .box .title:before {
					top: 3px;
				}

			.board_view .board_top .title_box .info_list .list li .box .text {
				font-size: 14px;
				line-height: 18px;
			}

	.board_view .board_cont {
		padding: 40px;
	}

	.board_view .post_nav {
		margin: 30px 0 0;
	}

		.board_view .post_nav .list li {
			padding: 12px 0;
		}

			.board_view .post_nav .list li .item_wrapper .tit {
				width: 110px;
				padding: 0 10px;
			}

				.board_view .post_nav .list li .item_wrapper .tit .icon {
					font-size: 14px;
					line-height: 20px;
				}

			.board_view .post_nav .list li .item_wrapper .post {
				padding: 0 10px;
				font-size: 14px;
				line-height: 20px;
			}

				.board_view .post_nav .list li .item_wrapper .post a {
					height: 20px;
				}

	.news_area .list {
		gap: 30px 15px;
	}

		.news_area .list li {
			width: calc(25% - 11.25px);
		}

			.news_area .list li .box .text_box {
				padding: 20px;
			}

			.news_area .list li.only_text .box .text_box {
				padding: 20px;
			}

			.news_area .list li .box .text_box .menu {
				font-size: 14px;
				line-height: 18px;
			}

			.news_area .list li .box .text_box .title {
				height: 48px;
				margin: 5px 0 0;
				font-size: 20px;
				line-height: 24px;
			}

			.news_area .list li .box .text_box .text {
				margin: 10px 0 0;
				font-size: 14px;
				line-height: 20px;
			}

			.news_area .list li .box .text_box .date {
				margin: 10px 0 0;
				font-size: 14px;
				line-height: 18px;
			}

	.catalog_area .list {
		gap: 30px 15px;
	}

		.catalog_area .list li {
			width: calc(25% - 11.25px);
		}

			.catalog_area .list li .box .tit {
				margin: 8rem 0 0;
				font-size: 14px;
				line-height: 18px;
			}

			.catalog_area .list li .box .box_inner {
				padding: 30px;
			}

				.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {
					width: 50px;
					height: 50px;
				}

				.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {
					margin: 10px 0 0;
					font-size: 16px;
					line-height: 20px;
				}

			.catalog_area .list li .box .text_box {
				margin: 6px 0 0;
			}

				.catalog_area .list li .box .text_box .text {
					font-size: 16px;
					line-height: 24px;
				}

	.video_area {
		padding: 60px 0;
	}

		.video_area .list {
			gap: 30px;
		}

			.video_area .list li {
				width: calc(33.3333% - 20px);
			}

				.video_area .list li .box .box_inner .text_box {
					margin: 10px 0 0;
				}

					.video_area .list li .box .box_inner .text_box .title {
						font-size: 18px;
						line-height: 24px;
					}

					.video_area .list li .box .box_inner .text_box .text {
						margin: 6px 0 0;
						font-size: 14px;
						line-height: 21px;
					}

					.video_area .list li .box .box_inner .text_box .date {
						font-size: 14px;
						line-height: 21px;
					}

	.inq_area .inq_top {
		padding: 30px 0;
	}

		.inq_area .inq_top .list {
			gap: 0 20px;
		}

			.inq_area .inq_top .list li .box .title {
				font-size: 16px;
				line-height: 18px;
			}

			.inq_area .inq_top .list li .box .text {
				font-size: 24px;
				line-height: 30px;
			}

	.inq_area .inq_btm .inq_box > .list > li .box > select {
		padding: 0 15px;
		background-position: right 15px center;
		font-size: 14px;
		line-height: 48px;
	}

	.inq_area .inq_btm .inq_box > .list > li .box > input {
		padding: 0 15px;
		font-size: 14px;
		line-height: 48px;
	}

	.inq_area .inq_btm .inq_box > .list > li .box .radio_box {
		padding: 15px;
	}

		.inq_area .inq_btm .inq_box > .list > li .box .radio_box .title {
			font-size: 16px;
			line-height: 18px;
		}

	.inq_area .inq_btm {
		margin: 30px 0 0;
	}

		.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list {
			margin: 10px 0 0;
		}

			.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list {
				gap: 10px 20px;
			}

		.inq_area .inq_btm .inq_box > .list > li .box > textarea {
			height: 190px;
			padding: 10px 15px;
			font-size: 14px;
			line-height: 22px;
		}

		.inq_area .inq_btm .check_area {
			margin: 20px 0 0;
		}

			.inq_area .inq_btm .check_area .policy_btn {
				width: 90px;
				line-height: 28px;
			}

	.prd_area .prd_top {
		gap: 0 30px;
	}

		.prd_area .prd_top .left_box {
			width: 320px;
		}

		.prd_area .prd_top .right_box .text_box .sub_title {
			padding: 8px 10px;
			font-size: 14px;
			line-height: 18px;
		}

		.prd_area .prd_top .right_box .text_box .title {
			margin: 10px 0 0;
			font-size: 30px;
			line-height: 34px;
		}

		.prd_area .prd_top .right_box .text_box .text {
			margin: 10px 0 0;
			font-size: 16px;
			line-height: 18px;
		}

	.prd_area .prd_btm .com_tab_area {
		margin: 0 0 20px;
	}

	.prd_area .prd_btm .prd_info_box {
		padding: 30px 0;
	}

		.prd_area .prd_btm .prd_info_box .title_box {
			width: 210px;
		}

			.prd_area .prd_btm .prd_info_box .title_box .title {
				font-size: 26px;
				line-height: 30px;
			}

		.prd_area .prd_btm .prd_info_box .info_box .list li {
			padding: 15px 0;
		}

		.prd_area .prd_btm .prd_info_box .info_box .list + .list {
			margin: 50px 0 0;
		}

		.prd_area .prd_btm .prd_info_box .info_box .list li .box {
			gap: 0 20px;
			padding: 0 20px;
		}

			.prd_area .prd_btm .prd_info_box .info_box .list li .box .title {
				width: 120px;
				font-size: 16px;
				line-height: 18px;
			}

			.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text {
				padding: 0 0 0 20px;
				font-size: 16px;
				line-height: 20px;
			}

				.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text:before {
					top: 6px;
				}

		.prd_area .prd_btm .prd_info_box .text_list .list li {
			margin: 5px 0 0;
		}

			.prd_area .prd_btm .prd_info_box .text_list .list li .txt {
				padding: 0 0 0 14px;
				font-size: 16px;
				line-height: 22px;
			}

				.prd_area .prd_btm .prd_info_box .text_list .list li .txt:before {
					width: 6px;
					height: 6px;
					top: 7px;
				}

		.prd_area .prd_btm .prd_info_box .color_list .list {
			gap: 20px 15px;
		}

			/* .prd_area .prd_btm .prd_info_box .color_list .list li {width: calc(20% - 12px);} */
			.prd_area .prd_btm .prd_info_box .color_list .list li .box .text_box {
				margin: 6px 0 0;
				padding: 0;
				font-size: 16px;
				line-height: 20px;
			}

		.prd_area .prd_btm .prd_info_box .color_list .text {
			margin: 20px 0 0;
			font-size: 16px;
			line-height: 20px;
		}

		.prd_area .prd_btm .prd_info_box .skill_area .list li {
			margin: 20px 0 0;
		}

			.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box {
				margin: 10px 0 0;
				padding: 0 10px;
			}

				.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .title {
					font-size: 24px;
					line-height: 30px;
				}

				.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .text {
					margin: 6px 0 0;
					font-size: 16px;
					line-height: 24px;
				}

		.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list {
			gap: 15px 20px;
		}

			.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li {
				width: calc(50% - 10px);
			}

		.prd_area .prd_btm .prd_info_box .uses_area .uses_btm {
			margin: 50px 0 0;
		}

	.sub_title_area {
		margin: 0 0 20px;
	}

		.sub_title_area .title {
			font-size: 30px;
			line-height: 34px;
		}

	.related_slide_area {
		padding: 0 50px;
	}

		.related_slide_area .related_slide .list li .box .img_box img {
			padding: 5px;
		}

		.related_slide_area .related_slide .list li .box .text_box {
			margin: 6px 0 0;
		}

			.related_slide_area .related_slide .list li .box .text_box .text {
				font-size: 16px;
				line-height: 18px;
			}

		.related_slide_area .related_btn img {
			width: 28px;
		}

	.num_text_list .list li {
		margin: 6px 0 0;
		padding: 0 0 0 24px;
		font-size: 18px;
		line-height: 24px;
	}

		.num_text_list .list li .num {
			top: 3px;
			width: 16px;
			font-size: 14px;
			line-height: 16px;
		}

	.com_text_list .title {
		font-size: 20px;
		line-height: 26px;
	}

		.com_text_list .title br {
			display: none;
		}

	.com_text_list .list li .txt {
		font-size: 14px;
		line-height: 20px;
	}

	.com_table_area .table_area table thead tr th {
		padding: 12px 5px;
		font-size: 18px;
		line-height: 26px;
	}

	.com_table_area .table_area table tbody tr td {
		padding: 12px 5px;
		font-size: 16px;
		line-height: 26px
	}

	.product_com_top {
		margin: 0 0 30px;
	}

	.product_tab_menu {
		margin: 0 0 30px;
		padding: 0 0 40px;
	}

		.product_tab_menu .list li .btn {
			min-width: 210px;
			padding: 0 10px;
			font-size: 16px;
			line-height: 40px;
		}

	.product_tab_cont .title_box {
		margin: 0 0 10px;
	}

		.product_tab_cont .title_box .title {
			font-size: 26px;
			line-height: 36px;
		}

		.product_tab_cont .title_box .text {
			margin: 10px 0 0;
			font-size: 20px;
			line-height: 24px;
		}

	.product_tab_cont .gray_box {
		padding: 20px;
	}

		.product_tab_cont .gray_box .text {
			font-size: 14px;
			line-height: 20px;
		}

		.product_tab_cont .gray_box .text_list li {
			margin: 6px 0 0;
		}

			.product_tab_cont .gray_box .text_list li .txt {
				font-size: 16px;
				line-height: 20px;
			}

				.product_tab_cont .gray_box .text_list li .txt:before {
					top: 5px;
				}
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1080px) {
	.sub_top_area {
		padding: 90px 0 30px;
	}

		.sub_top_area .title_box {
			margin: 0 0 30px;
		}

			.sub_top_area .title_box .menu {
				font-size: 16px;
				line-height: 20px;
			}

			.sub_top_area .title_box .title {
				margin: 6px 0 0;
				font-size: 34px;
				line-height: 40px;
			}

		.sub_top_area .breadcrumb {
			display: none;
		}

			.sub_top_area .breadcrumb .list {
				flex-wrap: wrap;
				gap: 5px 10px;
			}

				.sub_top_area .breadcrumb .list li .box {
					height: auto;
				}

	.mob_menu_area {
		display: block;
	}

	.sub_cont {
		padding: 60px 0;
	}

	.com_title_area {
		margin: 0 0 20px;
	}

		.com_title_area .title {
			font-size: 30px;
			line-height: 1.3;
		}

			.com_title_area .title.ft_s60 {
				font-size: 30px;
			}

			.com_title_area .title.ft_s52 {
				font-size: 24px;
			}

			.com_title_area .title.ft_s34 {
				font-size: 20px;
			}

			.com_title_area .title.ft_s28 {
				font-size: 18px;
			}

		.com_title_area .text {
			font-size: 14px;
		}

	.greeting_box {
		background-size: 400px auto;
		gap: 0 20px;
	}

		.greeting_box .text_box .title {
			font-size: 26px;
			line-height: 30px;
		}

		.greeting_box .text_box .text {
			margin: 20px 0 0;
			font-size: 14px;
		}

			.greeting_box .text_box .text br.mob {
				display: none;
			}

		/* .greeting_box .text_box .name {margin: 10px 0 0; font-size: 16px; line-height: 18px;} */
		.greeting_box .text_box .name {
			margin: 20px 0 0;
			font-size: 14px;
			line-height: 18px;
		}

		.greeting_box .img_box {
			flex-shrink: 0;
		}

			.greeting_box .img_box img {
				width: 280px;
				padding: unset;
			}

	.vision_area .vision_box .list li {
		margin: 20px 0 0;
	}

		.vision_area .vision_box .list li .box {
			gap: 0 10px;
		}

			.vision_area .vision_box .list li .box .text_box .title {
				font-size: 18px;
				line-height: 24px;
			}

			.vision_area .vision_box .list li .box .text_box .text {
				margin: 6px 0 0;
				font-size: 14px;
				line-height: 18px;
			}

			.vision_area .vision_box .list li .box .img_box img {
				border-radius: 15px;
			}

	.promise_area .promise_box .list {
		gap: 0 10px;
	}

		.promise_area .promise_box .list li .box {
			padding: 20px 10px;
		}

			.promise_area .promise_box .list li .box .icon_box img {
				height: 70px;
			}

			.promise_area .promise_box .list li .box .text_box {
				margin: 10px 0 0;
			}

				.promise_area .promise_box .list li .box .text_box .title {
					font-size: 20px;
					line-height: 24px;
				}

				.promise_area .promise_box .list li .box .text_box .text {
					line-height: 18px;
				}

	.history_area .history_top {
		height: 230px;
	}

		.history_area .history_top img {
			width: 500px;
		}

	.history_area .history_box {
		margin: 30px 0 0;
	}

		.history_area .history_box > .list > li {
			padding: 20px 0;
		}

			.history_area .history_box > .list > li .box {
				gap: 0 10px;
			}

				.history_area .history_box > .list > li .box .year_box {
					width: 60px;
				}

					.history_area .history_box > .list > li .box .year_box .year {
						font-size: 20px;
						line-height: 20px;
					}

				.history_area .history_box > .list > li .box .info_list li {
					margin: 6px 0 0;
				}

					.history_area .history_box > .list > li .box .info_list li .text {
						padding: 0 0 0 8px;
						font-size: 14px;
						line-height: 20px;
					}

						.history_area .history_box > .list > li .box .info_list li .text:before {
							width: 4px;
							height: 4px;
						}

	.partner_area .partner_btm {
		margin: 30px 0 0;
		padding: 30px 0;
	}

		.partner_area .partner_btm .logo_box img {
			width: 200px;
		}

		.partner_area .partner_btm .title {
			margin: 20px 0 0;
			font-size: 24px;
			line-height: 30px;
		}

		.partner_area .partner_btm .partner_list {
			margin: 10px 0 0;
		}

			.partner_area .partner_btm .partner_list .list {
				gap: 0 10px;
			}

				.partner_area .partner_btm .partner_list .list li .box {
					padding: 10px;
				}

					.partner_area .partner_btm .partner_list .list li .box .tit {
						font-size: 20px;
						line-height: 24px;
					}

						.partner_area .partner_btm .partner_list .list li .box .tit br {
							display: none;
						}

					.partner_area .partner_btm .partner_list .list li .box .txt {
						margin: 10px 0 0;
						line-height: 18px;
					}

	.com_tab_area .list li .box .text {
		font-size: 12px;
		line-height: 30px;
	}

	.com_tab_area.prd .list li .box {
		width: 140px;
	}

	.map_area {
		margin: 20px 0 0;
	}

		.map_area .map_top .name {
			padding: 5px 14px;
			font-size: 14px;
		}

		.map_area .map_btm {
			margin: 20px 0 0;
		}

			.map_area .map_btm .info_box .list {
				gap: 5px;
			}

				.map_area .map_btm .info_box .list li .box .text {
					padding: 0 0 0 20px;
					background-position: left top 3px;
					background-size: auto 16px;
					font-size: 16px;
					line-height: 24px;
				}

	.people_area .list {
		gap: 30px 50px;
	}

		.people_area .list li {
			width: calc(25% - 37.5px);
		}

			.people_area .list li .box .text_box {
				margin: 6px 0 0;
			}

				.people_area .list li .box .text_box .title {
					font-size: 16px;
					line-height: 18px;
				}

	.com_people_area .pop_area {
		max-width: 100%;
		width: 95%;
	}

		.com_people_area .pop_area .pop_close img {
			width: 26px;
		}

		.com_people_area .pop_area .pop_cont {
			padding: 20px;
			margin: 6px 0 0;
		}

			.com_people_area .pop_area .pop_cont .cont .info_box {
				gap: 0 15px;
			}

				.com_people_area .pop_area .pop_cont .cont .info_box .img_box img {
					width: 150px;
					height: 150px;
				}

				.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .title {
					font-size: 20px;
					line-height: 24px;
				}

	.overview_area .overview_top {
		padding: 0 0 120px;
	}

		.overview_area .overview_top .row_table_area .table_area table tbody tr th {
			padding: 8px 10px;
			font-size: 14px;
			line-height: 20px;
		}

		.overview_area .overview_top .row_table_area .table_area table tbody tr td {
			padding: 8px 10px;
			font-size: 14px;
			line-height: 20px;
		}

		.overview_area .overview_top .num_area .list {
			gap: 0 10px;
		}

			.overview_area .overview_top .num_area .list li .box {
				height: 300px;
				padding: 20px 15px;
			}

				.overview_area .overview_top .num_area .list li .box .box_inner .title {
					font-size: 16px;
					line-height: 18px;
				}

				.overview_area .overview_top .num_area .list li .box .box_inner .num_box {
					font-size: 16px;
					line-height: 20px;
				}

					.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num {
						font-size: 26px;
					}

					.overview_area .overview_top .num_area .list li .box .box_inner .num_box .num2 {
						font-size: 26px;
					}

				.overview_area .overview_top .num_area .list li .box .box_inner .text {
					margin: 6px 0 0;
					font-size: 14px;
					line-height: 18px;
				}

				.overview_area .overview_top .num_area .list li .box .box_inner .icon_box img {
					height: 40px;
				}

	.overview_area .overview_btm .value_area {
		padding: 30px 0;
	}

		.overview_area .overview_btm .value_area .value_box .list {
			gap: 0 30px
		}

			.overview_area .overview_btm .value_area .value_box .list li .box {
				border-radius: 150px;
			}

				.overview_area .overview_btm .value_area .value_box .list li .box .text_box {
					padding: 10px;
				}

					.overview_area .overview_btm .value_area .value_box .list li .box .text_box .title {
						font-size: 20px;
						line-height: 24px;
					}

					.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text {
						margin: 10px 0 0;
						font-size: 14px;
						line-height: 18px;
					}

						.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text br {
							display: none;
						}

				.overview_area .overview_btm .value_area .value_box .list li .box:hover .text_box, .overview_area .overview_btm .value_area .value_box .list li .box:focus .text_box {
					padding: 40px 10px 0;
				}

	.img_area {
		padding: 40px 0;
	}

		.img_area .img_wrap > .list > li {
			margin: 30px 0 0;
		}

			.img_area .img_wrap > .list > li .box .text_box {
				padding: 0 0 6px;
			}

				.img_area .img_wrap > .list > li .box .text_box .title {
					font-size: 20px;
					line-height: 24px;
				}

				.img_area .img_wrap > .list > li .box .text_box .text {
					margin: 6px 0 0;
					font-size: 14px;
					line-height: 18px;
				}

			.img_area .img_wrap > .list > li .box .img_list .list {
				gap: 0 10px;
			}

			.img_area .img_wrap > .list > li .box .text_box.border {
				padding: 0 0 6px;
			}

			.img_area .img_wrap > .list > li .box .img_list.border {
				padding: 0 0 6px;
			}

			.img_area .img_wrap > .list > li .box .img_list .list li .txt {
				font-size: 14px;
				line-height: 18px;
			}

		.img_area .img_wrap.w50 > .list > li .box .img_list .list {
			gap: 10px 20px;
		}

			.img_area .img_wrap.w50 > .list > li .box .img_list .list li {
				width: calc(50% - 10px);
			}

		.img_area .img_wrap.w33 > .list > li .box .img_list .list {
			gap: 20px;
		}

			.img_area .img_wrap.w33 > .list > li .box .img_list .list li {
				width: calc(33.3333% - 13.3333px);
			}

		.img_area .img_wrap.w25 > .list > li .box .img_list .list {
			gap: 15px;
		}

			.img_area .img_wrap.w25 > .list > li .box .img_list .list li {
				width: calc(33.333% - 11.25px);
			}

	.strength_area {
		padding: 0 0 30px;
	}

		.strength_area .strength_box .list li {
			margin: 10px 0 0;
		}

			.strength_area .strength_box .list li .box {
				height: 70px;
			}

				.strength_area .strength_box .list li .box .title_box {
					width: 200px;
					padding: 0 10px;
				}

					.strength_area .strength_box .list li .box .title_box .title {
						background-size: auto 22px;
						padding: 0 0 0 32px;
						font-size: 18px;
						line-height: 20px;
					}

				.strength_area .strength_box .list li .box .text_box {
					padding: 0 10px;
				}

					.strength_area .strength_box .list li .box .text_box .text {
						font-size: 14px;
					}

	.certifi_area {
		padding: 30px 0;
	}

		.certifi_area .certifi_box .list {
			gap: 10px;
		}

			.certifi_area .certifi_box .list li {
				width: calc(33.3333% - 6.6666px);
			}

				.certifi_area .certifi_box .list li .box .img_box {
					padding: 10px;
				}

				.certifi_area .certifi_box .list li .box .text {
					margin: 6px 0 0;
				}

	.equip_area {
		padding: 40px 0;
	}

		.equip_area .title {
			font-size: 20px;
			line-height: 24px;
		}

		.equip_area .equip_box {
			margin: 20px 0 0;
		}

			.equip_area .equip_box .list li .box {
				width: 140px;
				height: 140px;
			}

				.equip_area .equip_box .list li .box .txt {
					font-size: 16px;
					line-height: 20px;
				}

			.equip_area .equip_box .list li .img_box img {
				width: 28px;
			}

		.equip_area .text {
			margin: 10px 0 0;
			font-size: 14px;
			line-height: 18px;
		}

	.prd_area > .list > li {
		margin: 10px 0 0;
	}

		.prd_area > .list > li .box .img_wrap {
			width: 240px;
		}

		.prd_area > .list > li .box .text_box {
			padding: 10px;
		}

			.prd_area > .list > li .box .text_box .sub_title {
				margin: 0 0 6px;
				padding: 5px 10px;
				font-size: 12px;
				line-height: 20px;
			}

			.prd_area > .list > li .box .text_box .title {
				font-size: 18px;
				line-height: 24px;
			}

			.prd_area > .list > li .box .text_box .text {
				margin: 6px 0 0;
			}

			.prd_area > .list > li .box .text_box .text_list {
				margin: 6px 0 0;
				padding: 6px 0 0;
			}

				.prd_area > .list > li .box .text_box .text_list li {
					margin: 6px 0 0;
				}

					.prd_area > .list > li .box .text_box .text_list li .txt {
						padding: 0 0 0 8px;
					}

						.prd_area > .list > li .box .text_box .text_list li .txt:before {
							width: 4px;
							height: 4px;
						}

	.sch_area {
		max-width: 300px;
		margin: 0 0 20px auto;
	}

		.sch_area .sch_inner .select_box select {
			font-size: 14px;
			line-height: 34px;
		}

		.sch_area .sch_inner .input_box input {
			font-size: 14px;
			line-height: 34px;
		}

	.notice_area .list li {
		margin: 15px 0 0;
	}

		.notice_area .list li .box {
			padding: 15px;
		}

			.notice_area .list li .box .title {
				font-size: 20px;
				line-height: 24px;
			}

			.notice_area .list li .box .text {
				margin: 5px 0 0;
				font-size: 14px;
				line-height: 20px;
			}

	.board_view .board_top {
		padding: 10px 15px;
	}

		.board_view .board_top .title_box > .title {
			font-size: 20px;
			line-height: 24px;
		}

		.board_view .board_top .title_box .info_list {
			margin: 6px 0 0;
		}

			.board_view .board_top .title_box .info_list .list {
				gap: 5px 10px;
			}

				.board_view .board_top .title_box .info_list .list li .box .title {
					padding: 0 8px 0 0;
					margin: 0 6px 0 0;
					font-size: 12px;
					line-height: 18px;
				}

					.board_view .board_top .title_box .info_list .list li .box .title:before {
						width: 1px;
						height: 10px;
					}

				.board_view .board_top .title_box .info_list .list li .box .text {
					font-size: 12px;
					line-height: 18px;
				}

	.board_view .board_cont {
		padding: 20px;
	}

	.board_view .post_nav {
		margin: 20px 0 0;
	}

		.board_view .post_nav .list li {
			padding: 8px 0;
		}

			.board_view .post_nav .list li .item_wrapper .tit {
				width: 90px;
			}

	.news_area .list {
		gap: 20px 10px;
	}

		.news_area .list li {
			width: calc(33.3333% - 6.6666px);
		}

			.news_area .list li .box .text_box {
				padding: 10px;
			}

			.news_area .list li.only_text .box .text_box {
				padding: 15px;
			}

			.news_area .list li .box .text_box .menu {
				font-size: 12px;
				line-height: 14px;
			}

			.news_area .list li .box .text_box .title {
				height: 40px;
				font-size: 18px;
				line-height: 20px;
			}

			.news_area .list li .box .text_box .date {
				font-size: 12px;
				line-height: 14px;
			}

	.catalog_area .list {
		gap: 20px 10px;
	}

		.catalog_area .list li {
			width: calc(33.3333% - 6.6666px);
		}

			.catalog_area .list li .box .box_inner {
				padding: 20px;
			}

				.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {
					width: 40px;
					height: 40px;
				}

				.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {
					margin: 6px 0 0;
					font-size: 14px;
					line-height: 18px;
				}

			.catalog_area .list li .box .text_box .text {
				font-size: 14px;
				line-height: 20px;
			}

	.video_area {
		padding: 30px 0;
	}

		.video_area .list {
			gap: 20px;
		}

			.video_area .list li {
				width: calc(33.3333% - 13.3333px);
			}

				.video_area .list li .box .box_inner .text_box .title {
					font-size: 16px;
					line-height: 22px;
				}

				.video_area .list li .box .box_inner .text_box .text {
					margin: 5px 0 0;
					font-size: 12px;
					line-height: 18px;
				}

				.video_area .list li .box .box_inner .text_box .date {
					margin: 5px 0 0;
					font-size: 12px;
					line-height: 18px;
				}

	.inq_area .inq_top {
		padding: 20px 0;
	}

		.inq_area .inq_top .list {
			gap: 0 10px;
		}

			.inq_area .inq_top .list li .box {
				height: 110px;
				border-radius: 15px;
			}

				.inq_area .inq_top .list li .box .title {
					font-size: 14px;
					line-height: 16px;
				}

				.inq_area .inq_top .list li .box .text {
					margin: 6px 0 0;
					font-size: 20px;
					line-height: 24px;
				}

	.inq_area .inq_btm .inq_box > .list > li .box > select {
		padding: 0 10px;
		background-position: right 10px center;
		background-size: 10px auto;
		line-height: 38px;
	}

	.inq_area .inq_btm .inq_box > .list > li .box > input {
		padding: 0 10px;
		line-height: 38px;
	}

	.inq_area .inq_btm .inq_box > .list > li .box .radio_box {
		padding: 10px;
	}

		.inq_area .inq_btm .inq_box > .list > li .box .radio_box .title {
			font-size: 14px;
			line-height: 16px;
		}

	.inq_area .inq_btm {
		margin: 20px 0 0;
	}

		.inq_area .inq_btm .inq_box > .list {
			gap: 5px;
		}

			.inq_area .inq_btm .inq_box > .list > li {
				width: calc(50% - 2.5px);
			}

				.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list {
					margin: 6px 0 0;
				}

					.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list {
						gap: 5px 10px;
					}

						.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li {
							gap: 5px;
						}

							.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list li .keyword_box input {
								width: 90px;
								padding: 0 5px;
								line-height: 22px;
							}

				.inq_area .inq_btm .inq_box > .list > li .box > textarea {
					height: 120px;
					padding: 5px 10px;
					line-height: 18px;
				}

		.inq_area .inq_btm .check_area {
			margin: 10px 0 0;
		}

			.inq_area .inq_btm .check_area .policy_btn {
				width: 80px;
				font-size: 12px;
				line-height: 24px;
			}

	.prd_area .prd_top {
		gap: 0 20px;
	}

		.prd_area .prd_top .left_box {
			width: 220px;
		}

			.prd_area .prd_top .left_box .prd_small_slide_area {
				margin: 5px 0 0;
			}

		.prd_area .prd_top .right_box .text_box .sub_title {
			padding: 5px 6px;
			font-size: 12px;
			line-height: 15px;
		}

		.prd_area .prd_top .right_box .text_box .title {
			margin: 6px 0 0;
			font-size: 24px;
			line-height: 26px;
		}

		.prd_area .prd_top .right_box .text_box .text {
			margin: 6px 0 0;
			font-size: 14px;
			line-height: 16px;
		}

	.prd_area .prd_btm .com_tab_area {
		margin: 0 0 10px;
	}

	.prd_area .prd_btm .prd_info_box {
		padding: 20px 0;
		flex-direction: column;
		gap: 10px;
	}

		.prd_area .prd_btm .prd_info_box .title_box {
			width: 100%;
		}

			.prd_area .prd_btm .prd_info_box .title_box .title {
				font-size: 20px;
				line-height: 24px;
			}

				.prd_area .prd_btm .prd_info_box .title_box .title br {
					display: none;
				}

		.prd_area .prd_btm .prd_info_box .info_box .list li {
			padding: 10px 0;
		}

		.prd_area .prd_btm .prd_info_box .info_box .list + .list {
			margin: 30px 0 0;
		}

		.prd_area .prd_btm .prd_info_box .info_box .list li .box {
			gap: 0 10px;
			padding: 0 10px;
		}

			.prd_area .prd_btm .prd_info_box .info_box .list li .box .title {
				width: 100px;
				font-size: 14px;
				line-height: 16px;
			}

			.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text {
				padding: 0 0 0 14px;
				font-size: 14px;
				line-height: 18px;
			}

		.prd_area .prd_btm .prd_info_box .text_list .list li .txt {
			padding: 0 0 0 10px;
			font-size: 14px;
			line-height: 18px;
		}

			.prd_area .prd_btm .prd_info_box .text_list .list li .txt:before {
				width: 4px;
				height: 4px;
				top: 6px;
			}

		.prd_area .prd_btm .prd_info_box .color_list .list {
			gap: 10px;
		}

			/* .prd_area .prd_btm .prd_info_box .color_list .list li {width: calc(20% - 8px);} */
			.prd_area .prd_btm .prd_info_box .color_list .list li .box .text_box {
				font-size: 14px;
				line-height: 16px;
			}

		.prd_area .prd_btm .prd_info_box .color_list .text {
			margin: 10px 0 0;
			font-size: 14px;
			line-height: 16px;
		}

		.prd_area .prd_btm .prd_info_box .skill_area .list li {
			margin: 0 1px;
			/*15px 0 0*/
			;
		}

			.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box {
				margin: 6px 0 0;
				padding: 0;
			}

				.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .title {
					font-size: 18px;
					line-height: 24px;
				}

				.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .text {
					font-size: 14px;
					line-height: 18px;
				}

		.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list {
			gap: 10px;
		}

			.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li {
				width: calc(50% - 5px);
			}

		.prd_area .prd_btm .prd_info_box .uses_area .uses_btm {
			margin: 30px 0 0;
		}

	.sub_title_area {
		margin: 0 0 10px;
	}

		.sub_title_area .title {
			font-size: 24px;
			line-height: 30px;
		}

	.related_slide_area {
		padding: 0 30px;
	}

		.related_slide_area .related_slide .list li .box .text_box .text {
			font-size: 14px;
			line-height: 16px;
		}

		.related_slide_area .related_btn img {
			width: 24px;
		}

	.num_text_list .list li {
		padding: 0 0 0 20px;
		font-size: 16px;
		line-height: 20px;
	}

		.num_text_list .list li .num {
			top: 0;
		}

	.com_text_list .title {
		font-size: 18px;
		line-height: 22px;
	}

	.com_text_list .list li {
		margin: 6px 0 0;
	}

		.com_text_list .list li .txt {
			font-size: 14px;
			line-height: 20px;
		}

			.com_text_list .list li .txt:before {
				width: 4px;
				height: 4px;
			}

	.com_table_area .table_area table thead tr th {
		padding: 5px;
		font-size: 16px;
		line-height: 22px;
	}

	.com_table_area .table_area table tbody tr td {
		padding: 5px;
		font-size: 14px;
		line-height: 22px
	}

	.product_com_top {
		margin: 0 0 20px;
	}

	.product_tab_menu {
		margin: 0 0 20px;
		padding: 0 0 20px;
	}

		.product_tab_menu .list li .btn {
			min-width: 200px;
			font-size: 14px;
			line-height: 30px;
		}

	.product_tab_cont .title_box .title {
		font-size: 20px;
		line-height: 30px;
	}

	.product_tab_cont .title_box .text {
		margin: 6px 0 0;
		font-size: 16px;
		line-height: 20px;
	}

	.product_tab_cont .gray_box {
		padding: 15px;
	}

		.product_tab_cont .gray_box .text_list li .txt {
			padding: 0 0 0 12px;
			font-size: 14px;
			line-height: 18px;
		}

			.product_tab_cont .gray_box .text_list li .txt:before {
				top: 6px;
				width: 6px;
				height: 6px;
			}
}

@media screen and (max-width: 767px) {
	.sub_top_area {
		padding: 80px 0 30px;
	}

		.sub_top_area .title_box {
			margin: 0 0 10px;
		}

			.sub_top_area .title_box .menu {
				font-size: 14px;
				line-height: 18px;
			}

			.sub_top_area .title_box .title {
				font-size: 24px;
				line-height: 30px;
			}

	.sub_cont {
		padding: 40px 10px 30px;
	}

	/* .com_title_area {margin: 0 0 10px;} */
	.com_title_area.product .title br {
		display: none;
	}

	.com_title_area .title {
		font-size: 24px;
	}

		.com_title_area .title.ft_s60 {
			font-size: 24px;
		}

		.com_title_area .title.ft_s52 {
			font-size: 20px;
		}

		.com_title_area .title.ft_s34 {
			font-size: 18px;
		}

		.com_title_area .title.ft_s28 {
			font-size: 16px;
		}

	/* .greeting_box {flex-direction: column; background-size: 300px auto; gap: 10px;} */
	.greeting_box {
		min-height: unset;
		flex-direction: column;
		background-size: 300px auto;
		gap: 30px;
		background-position: top center;
	}

		.greeting_box .text_box {
			order: 2;
			background: #ffffff96;
		}

			.greeting_box .text_box .title {
				font-size: 20px;
				line-height: 24px;
			}

		.greeting_box .btm_text .right {
			width: 120px;
		}

		/* .greeting_box .text_box .text {margin: 10px 0 0;} */
		.greeting_box .text_box .text {
			margin: 20px 0 0;
			line-height: 20px;
		}

		.greeting_box .img_box {
			order: 1;
			width: 100%;
			text-align: center;
		}

			.greeting_box .img_box img {
				margin: 0 auto;
			}

	.vision_area .vision_box .list li {
		margin: 15px 0 0;
	}

		.vision_area .vision_box .list li .box {
			gap: 10px;
			flex-direction: column;
		}

			.vision_area .vision_box .list li .box .text_box .title {
				font-size: 18px;
				line-height: 24px;
			}

			.vision_area .vision_box .list li .box .text_box .text {
				margin: 6px 0 0;
				font-size: 14px;
				line-height: 18px;
			}

		.vision_area .vision_box .list li:nth-child(even) .box .img_box {
			order: 1;
		}

		.vision_area .vision_box .list li:nth-child(even) .box .text_box {
			order: 1;
			text-align: left;
		}

		.vision_area .vision_box .list li .box .img_box img {
			border-radius: 15px;
		}

	.promise_area .promise_box .list {
		gap: 10px;
		flex-direction: column;
	}

		.promise_area .promise_box .list li .box {
			padding: 10px;
		}

			.promise_area .promise_box .list li .box .icon_box img {
				height: 50px;
			}

			.promise_area .promise_box .list li .box .text_box {
				margin: 6px 0 0;
			}

				.promise_area .promise_box .list li .box .text_box .title {
					font-size: 18px;
					line-height: 20px;
				}

				.promise_area .promise_box .list li .box .text_box .text {
					margin: 6px 0 0;
				}

	.history_area .history_top {
		height: 160px;
	}

		.history_area .history_top img {
			width: 400px;
		}

	.history_area .history_box {
		margin: 20px 0 0;
	}

		.history_area .history_box > .list > li {
			padding: 10px 0;
		}

			.history_area .history_box > .list > li .box {
				flex-direction: column;
				gap: 10px;
			}

				.history_area .history_box > .list > li .box .year_box {
					width: 100%;
				}

	.partner_area .partner_top .img_wrap {
		overflow-x: scroll;
		padding: 20px 0 10px;
		background: url("/eng/images/sub/lr_arr_ico.png") 48% 0 no-repeat;
		animation: tblScrollAni 2s infinite;
		background-size: 30px
	}

		.partner_area .partner_top .img_wrap .img_box {
			width: 767px;
		}

	.partner_area .partner_btm .logo_box img {
		width: 100px;
	}

	.partner_area .partner_btm .title {
		margin: 10px 0 0;
		font-size: 20px;
		line-height: 24px;
	}

	.partner_area .partner_btm .partner_list .list {
		width: 100%;
		max-width: 340px;
		margin: 0 auto;
		gap: 10px;
		flex-direction: column;
	}

		.partner_area .partner_btm .partner_list .list li .box {
			padding: 15px;
			border-radius: 15px;
		}

			.partner_area .partner_btm .partner_list .list li .box .tit {
				font-size: 18px;
				line-height: 20px;
			}

			.partner_area .partner_btm .partner_list .list li .box .txt {
				margin: 6px 0 0;
			}

	@-webkit-keyframes tblScrollAni {
		0% {
			background-position: 48% 0;
		}

		50% {
			background-position: 52% 0;
		}

		100% {
			background-position: 48% 0;
		}
	}

	.com_tab_area {
		border-radius: 0;
	}

		.com_tab_area .list {
			flex-wrap: wrap;
		}

			.com_tab_area .list li {
				width: 50%;
			}

				.com_tab_area .list li .box {
					border-radius: 0;
				}

		.com_tab_area.prd .list {
			gap: 5px;
			justify-content: start;
		}

			.com_tab_area.prd .list li {
				width: calc(50% - 2.5px);
			}

				.com_tab_area.prd .list li .box {
					width: 100%;
				}

	.map_area .map_btm .info_box .list li .box .text {
		font-size: 14px;
		line-height: 20px;
	}

	.people_area .list {
		gap: 20px;
	}

		.people_area .list li {
			width: calc(33.3333% - 13.3333px);
		}

	.com_people_area .pop_area .pop_close img {
		width: 22px;
	}

	.com_people_area .pop_area .pop_cont {
		padding: 10px;
		max-height: 500px;
		overflow-y: auto;
		border-radius: 15px;
	}

		.com_people_area .pop_area .pop_cont .cont .info_box {
			gap: 10px;
		}

			.com_people_area .pop_area .pop_cont .cont .info_box .img_box img {
				width: 120px;
				height: 120px;
			}

			.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box {
				margin: 0 0 6px;
				padding: 0 0 6px;
			}

				.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box .title {
					font-size: 18px;
					line-height: 20px;
				}

	.overview_area .overview_top {
		padding: 0 0 80px;
	}

		.overview_area .overview_top .row_table_area .table_area table tbody tr th {
			padding: 8px;
			font-size: 12px;
			line-height: 16px;
		}

		.overview_area .overview_top .row_table_area .table_area table tbody tr td {
			padding: 8px;
			font-size: 12px;
			line-height: 16px;
		}

	.overview_area .overview_btm .value_area {
		padding: 20px 0;
	}

		.overview_area .overview_btm .value_area .value_box .list {
			gap: 10px;
			flex-direction: column;
		}

			.overview_area .overview_btm .value_area .value_box .list li .box {
				border-radius: 30px;
			}

				.overview_area .overview_btm .value_area .value_box .list li .box .bg_box img {
					width: 100%;
					height: 180px;
					object-fit: cover;
				}

				.overview_area .overview_btm .value_area .value_box .list li .box .text_box .title {
					padding: 0 0 10px;
					font-size: 18px;
					line-height: 20px;
				}

				.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text {
					margin: 6px 0 0;
				}

					.overview_area .overview_btm .value_area .value_box .list li .box .text_box .text br {
						display: block;
					}

				.overview_area .overview_btm .value_area .value_box .list li .box:hover .text_box, .overview_area .overview_btm .value_area .value_box .list li .box:focus .text_box {
					padding: 20px 10px 0;
				}

	.overview_area .overview_top .num_area .list {
		flex-wrap: wrap;
		gap: 15px 10px;
	}

		.overview_area .overview_top .num_area .list li {
			width: calc(50% - 5px);
		}

			.overview_area .overview_top .num_area .list li .box {
				height: 230px;
				padding: 10px;
			}

	.img_area {
		padding: 20px 0;
	}

		.img_area .img_wrap > .list > li .box .text_box .title {
			font-size: 18px;
			line-height: 20px;
		}

		.img_area .img_wrap.w50 > .list > li .box .img_list .list {
			gap: 10px;
		}

			.img_area .img_wrap.w50 > .list > li .box .img_list .list li {
				width: calc(50% - 5px);
			}

		.img_area .img_wrap.w33 > .list > li .box .img_list .list {
			gap: 10px;
		}

			.img_area .img_wrap.w33 > .list > li .box .img_list .list li {
				width: calc(50% - 5px);
			}

		.img_area .img_wrap.w25 > .list > li .box .img_list .list {
			gap: 10px;
		}

			.img_area .img_wrap.w25 > .list > li .box .img_list .list li {
				width: calc(50% - 5px);
			}

	.strength_area .strength_box .list li .box {
		flex-direction: column;
		height: auto;
		border-radius: 15px;
	}

		.strength_area .strength_box .list li .box .title_box {
			width: 100%;
			padding: 8px 5px;
			border-radius: 0;
			text-align: center;
		}

			.strength_area .strength_box .list li .box .title_box .title {
				display: inline-block;
			}

		.strength_area .strength_box .list li .box .text_box {
			flex: inherit;
			padding: 10px;
		}

	.certifi_area {
		padding: 20px 0;
	}

		.certifi_area .certifi_box .list li {
			width: calc(50% - 5px);
		}

	.equip_area {
		padding: 30px 0;
	}

		.equip_area .title {
			font-size: 18px;
			line-height: 22px;
		}

		.equip_area .equip_box {
			margin: 10px 0 0;
		}

			.equip_area .equip_box .list {
				flex-direction: column;
				gap: 10px;
			}

				.equip_area .equip_box .list li .box {
					width: 110px;
					height: 110px;
					padding: 10px;
				}

					.equip_area .equip_box .list li .box .txt {
						font-size: 14px;
						line-height: 14px;
					}

				.equip_area .equip_box .list li .img_box img {
					width: 24px;
				}

				.equip_area .equip_box .list li:nth-child(even) .img_box {
					transform: rotate(90deg)
				}

	.prd_area > .list > li .box {
		flex-direction: column;
		gap: 0;
		border-radius: 15px;
	}

		.prd_area > .list > li .box .img_wrap {
			width: 100%;
		}

			/* .prd_area > .list > li .box .img_wrap .img_box {padding: 0 0 50%;} */
			.prd_area > .list > li .box .img_wrap .img_box {
				padding: 0 0 64.33%;
			}

		.prd_area > .list > li .box .text_box {
			width: 100%;
		}

			.prd_area > .list > li .box .text_box .sub_title {
				padding: 3px 10px;
			}

	.notice_area {
		margin: 10px 0 0;
	}

		.notice_area .list li {
			margin: 10px 0 0;
		}

			.notice_area .list li .box {
				padding: 10px;
			}

				.notice_area .list li .box .title {
					font-size: 16px;
					line-height: 20px;
				}

				.notice_area .list li .box .date {
					margin: 6px 0 0;
					font-size: 12px;
					line-height: 16px;
				}

	.board_view .board_top {
		padding: 10px;
		flex-direction: column;
		align-items: start;
	}

		.board_view .board_top .title_box > .title {
			font-size: 18px;
		}

		.board_view .board_top .title_box .info_list .list {
			column-gap: 10px;
		}

	.board_view .board_cont {
		padding: 10px;
	}

	.news_area .list {
		gap: 10px;
	}

		.news_area .list li {
			width: calc(50% - 5px);
		}

			.news_area .list li.only_text .box .text_box {
				padding: 10px;
			}

			.news_area .list li .box .text_box .title {
				height: 36px;
				font-size: 16px;
				line-height: 18px;
			}

			.news_area .list li .box .text_box .text {
				margin: 6px 0 0;
			}

	.catalog_area .list {
		gap: 10px;
	}

		.catalog_area .list li {
			width: calc(50% - 5px);
		}

			.catalog_area .list li .box .box_inner {
				padding: 15px;
			}

				.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {
					width: 35px;
					height: 35px;
				}

					.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {
						width: 15px;
					}

	.video_area {
		padding: 20px 0;
	}

		.video_area .list {
			gap: 10px;
		}

			.video_area .list li {
				width: calc(50% - 10px);
			}

				.video_area .list li .box .box_inner .text_box {
					margin: 6px 0 0;
				}

					.video_area .list li .box .box_inner .text_box .title {
						font-size: 14px;
						line-height: 20px;
					}

	.inq_area .inq_top {
		padding: 10px 0;
	}

		.inq_area .inq_top .list {
			gap: 10px;
			flex-wrap: wrap;
		}

			.inq_area .inq_top .list li {
				width: calc(50% - 5px);
			}

				.inq_area .inq_top .list li .box {
					height: 70px;
					border-radius: 10px;
				}

					.inq_area .inq_top .list li .box .title {
						line-height: 14px;
					}

					.inq_area .inq_top .list li .box .text {
						font-size: 16px;
						line-height: 20px;
					}

	.inq_area .inq_btm {
		margin: 10px 0 0;
	}

		.inq_area .inq_btm .inq_box > .list > li .box > select {
			line-height: 30px;
		}

		.inq_area .inq_btm .inq_box > .list > li .box > input {
			line-height: 30px;
		}

		.inq_area .inq_btm .inq_box > .list > li .box .radio_box .radio_list .list {
			gap: 5px;
		}

		.inq_area .inq_btm .inq_box > .list > li .box > textarea {
			height: 90px;
		}

		.inq_area .inq_btm .check_area {
			margin: 6px 0 0;
		}

	.prd_area .prd_top {
		flex-direction: column;
		gap: 10px;
	}

		.prd_area .prd_top .left_box {
			border-radius: 10px;
			width: 100%;
		}

		.prd_area .prd_top .right_box {
			width: 100%;
		}

			.prd_area .prd_top .right_box .text_box .sub_title {
				border-radius: 10px
			}

			.prd_area .prd_top .right_box .text_box .title {
				font-size: 18px;
				line-height: 20px;
			}

			.prd_area .prd_top .right_box .btn_area .btn {
				width: calc(50% - 5px);
				border-radius: 0;
			}

			.prd_area .prd_top .right_box .btn_area {
				flex-wrap: wrap;
				gap: 10px 15px;
			}

	/* .prd_area .prd_btm .prd_info_box .color_list .list li {width: calc(33.3333% - 6.6666px);} */
	.prd_area .prd_btm .prd_info_box .color_list .list li .box .img_box {
		border-radius: 10px;
	}

	.prd_area .prd_btm .prd_info_box .uses_area .uses_btm {
		margin: 20px 0 0;
	}

	.prd_area .prd_btm .prd_info_box .skill_area .list li .box .img_box {
		border-radius: 10px;
	}

	.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .title {
		font-size: 16px;
		line-height: 22px;
	}

	.prd_area .prd_btm .prd_info_box .skill_area .list li .box .text_box .text {
		margin: 0;
	}

	.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li .img_box {
		border-radius: 10px;
	}

	.prd_area .prd_btm .prd_info_box .uses_area .uses_btm .youtube_box {
		border-radius: 10px;
	}

	.sub_title_area .title {
		font-size: 20px;
		line-height: 24px;
	}

	.related_slide_area {
		padding: 0 24px;
	}

		.related_slide_area .related_slide .list li .box .img_box {
			border-radius: 10px;
		}

		.related_slide_area .related_btn img {
			width: 20px;
		}

	.mob_menu_area {
		margin: 20px 0 0;
	}

		.mob_menu_area .menu_inner {
			border-radius: 10px;
		}

			.mob_menu_area .menu_inner .current {
				padding: 10px;
			}

				.mob_menu_area .menu_inner .current .text {
					font-size: 16px;
					line-height: 20px;
				}

			.mob_menu_area .menu_inner .menu_list {
				border-radius: 0 0 10px 10px;
			}

				.mob_menu_area .menu_inner .menu_list li .box {
					display: block;
					padding: 8px 10px;
				}

					.mob_menu_area .menu_inner .menu_list li .box .text {
						font-size: 16px;
						line-height: 20px;
					}

			.mob_menu_area .menu_inner .current .text:before {
				width: 10px;
				height: 6px;
				background-size: contain;
			}

			.mob_menu_area .menu_inner.on {
				border-radius: 10px 10px 0 0;
			}

	.num_text_list .list li {
		font-size: 14px;
	}

	.com_text_list .title {
		font-size: 16px;
		line-height: 20px;
	}

	.com_table_area .table_area table thead tr th {
		line-height: 18px;
	}

	.com_table_area .table_area table tbody tr td {
		line-height: 18px
	}

	.com_table_area.black_table .table_area {
		border-radius: 10px;
	}

		.com_table_area.black_table .table_area table {
			border-radius: 10px;
		}
}

@media screen and (max-width: 480px) {
	.history_area .history_top {
		height: 120px;
	}

		.history_area .history_top img {
			width: 240px;
		}

	.com_tab_area .list li {
		width: 100%;
	}

	.map_area .map_btm .info_box .list li {
		width: 100%;
	}

	.map_area .map_top {
		padding: 0;
	}

		.map_area .map_top .map {
			position: inherit;
			left: inherit;
			top: inherit;
			height: 240px;
		}

	.people_area .list {
		gap: 10px;
	}

		.people_area .list li {
			width: calc(50% - 5px);
		}

	.com_people_area .pop_area .pop_cont .cont .info_box {
		flex-direction: column;
	}

		.com_people_area .pop_area .pop_cont .cont .info_box .img_box {
			margin: 0 auto;
		}

		.com_people_area .pop_area .pop_cont .cont .info_box .text_box .title_box {
			justify-content: center;
			flex-wrap: wrap;
		}

	.overview_area .overview_top .num_area .list li {
		width: 100%;
	}

		.overview_area .overview_top .num_area .list li .box {
			height: auto;
			border-radius: 10px;
		}

			.overview_area .overview_top .num_area .list li .box .box_inner .icon_box {
				position: inherit;
				left: inherit;
				bottom: inherit;
				margin: 20px 0 0;
			}

	.img_area .img_wrap > .list > li .box .img_list .list {
		flex-direction: column;
		gap: 10px;
	}

		.img_area .img_wrap > .list > li .box .img_list .list li .img_box img {
			width: 100%;
		}

	.img_area .img_wrap.w50 > .list > li .box .img_list .list li {
		width: 100%;
	}

	.img_area .img_wrap.w33 > .list > li .box .img_list .list li {
		width: 100%;
	}

	.img_area .img_wrap.w25 > .list > li .box .img_list .list li {
		width: calc(50% - 6px) !important;
	}

	.sch_area {
		max-width: 100%;
	}

		.sch_area .sch_inner .select_box {
			width: 80px;
		}

	.board_view .board_top {
		padding: 10px;
		flex-direction: column;
		align-items: start;
	}

		.board_view .board_top .title_box > .title {
			font-size: 18px;
		}

	.board_view .board_cont {
		padding: 10px;
	}

	.step_box .list li .box .text_box {
		font-size: 14px;
		line-height: 18px;
	}

	.video_area .list li {
		width: 100%;
	}

	.prd_area .prd_top .right_box .btn_area .btn {
		width: 100%;
	}

	.inq_area .inq_btm .inq_box > .list > li {
		width: 100%;
	}

	.prd_area .prd_btm .prd_info_box .info_box .list li {
		padding: 6px 0;
	}

		.prd_area .prd_btm .prd_info_box .info_box .list li .box {
			flex-direction: column;
			gap: 5px;
			padding: 0 5px;
		}

			.prd_area .prd_btm .prd_info_box .info_box .list li .box .text_box .text {
				padding: 0 0 0 10px;
			}

	/* .prd_area .prd_btm .prd_info_box .color_list .list li {width: calc(50% - 5px);} */
	.prd_area .prd_btm .prd_info_box .color_list .list li .box .text_box {
		font-size: 12px;
		line-height: 14px;
	}

	.prd_area .prd_btm .prd_info_box .uses_area .uses_top .list li {
		width: 100%;
	}

	.product_tab_menu .list {
		gap: 5px;
	}

		.product_tab_menu .list li {
			width: calc(50% - 2.5px);
		}

			.product_tab_menu .list li .btn {
				min-width: inherit;
				width: 100%;
				border-radius: 0;
			}
}

@media screen and (max-width: 440px) {
	.product_tab_menu .list {
		flex-wrap: wrap;
	}

		.product_tab_menu .list li {
			width: 100%
		}
}

/* new */
.line_wrap {
	border-top: 1px solid #999;
	margin-top: 130px;
}

.greeting_box .logo_inline {
	display: inline-flex;
	align-items: center;
	vertical-align: baseline;
	margin-right: 6px;
}

.greeting_box .logo_block {
	display: block;
}

.greeting_box .logo_inline img {
	height: 1.2em;
	width: auto;
	display: block;
}

.greeting_box .logo_block img {
	height: 4em;
	width: auto;
	display: block;
}

@media screen and (max-width: 1400px) {
	.people_area .sub_title {
		font-size: 30px;
		margin: 70px 0 40px;
	}
}

@media screen and (max-width: 1080px) {
	.people_area .sub_title {
		font-size: 24px;
		margin: 50px 0 30px;
	}
}

@media screen and (max-width: 767px) {
	.sub_cont {
		padding: 40px 16px 30px;
	}

	.sub_top_area .container {
		padding: 0 16px;
	}

	.com_title_area .title.ft_s60 {
		font-size: 22px;
	}

	.mob_menu_area {
		padding: 0 16px;
	}

	.img_area .img_wrap.w25 > .list > li .box .img_list .list {
		flex-direction: unset;
	}

	.mob {
		display: none;
	}

	.people_area .sub_title {
		font-size: 20px;
		margin: 40px 0 20px;
	}
}

@media screen and (max-width: 480px) {
	.greeting_box .img_box img {
		width: 226px;
	}

	/* .greeting_box .text_box{text-align: center;} */
}

@media (max-width: 1024px) {
	.table_container .app_prd_table {
		min-width: 850px;
	}

		.table_container .app_prd_table td {
			padding: 12px 8px;
			font-size: 13px;
		}

			.table_container .app_prd_table td.photo_cell .photo_flex_box img {
				width: 100px;
			}
}

.img_box.flex {
	display: flex;
	align-items: center;
	gap: 10px;
}

	.img_box.flex .img {
		width: 50%;
	}