@charset "utf-8";

/* ==================================================
	공통사항
================================================== */
.cont_inner {
	width: 100%;
	margin-top: 6rem;
}

.cont_inner2 {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

/* 애니메이션 */
.cont_inner {
	opacity: 0;
	transform: translateY(50px)
}

.cont_inner2 {
	opacity: 0;
	transform: translateY(50px)
}

.cont_inner.active {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s 0.8s;
	-webkit-transition: all 0.7s 0.8s;
}

.cont_inner2.active {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s 0.8s;
	-webkit-transition: all 0.7s 0.8s;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.cont_inner {
		margin-top: 4rem;
	}

	.cont_inner2 {
		margin-top: 4rem;
	}
}

/* ==================================================
	아이콘
================================================== */
.con_title {
	position: relative;
	font-size: 2.6rem;
	font-weight: var(--font-sb);
	padding-left: 1.8rem;
}

.con_title:before {
	content: "";
	position: absolute;
	top: 0.2rem;
	left: 0;
	width: 0.5rem;
	height: 2.4rem;
	background: var(--brand-color-main);
}

.dot_title {
	position: relative;
	font-size: 3.5rem;
	font-weight: var(--font-bd);
}

.dot_title:after {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	background: var(--brand-color-sub);
	border-radius: 50%;
	display: inline-block;
	margin-left: 0.5rem;
}

.dot_title2 {
	position: relative;
	font-size: 3.2rem;
	font-weight: var(--font-bd);
}

.dot_title2:after {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	background: var(--brand-color-sub);
	border-radius: 50%;
	display: inline-block;
	margin-left: 0.5rem;
}

.l-list01 {
	line-height: 1.2;
	font-size: 1.8rem;
}

.l-list01>li {
	position: relative;
	padding-left: 1.5rem;
	margin-top: 1rem;
	color: #606060;
}

.l-list01>li:first-child {
	margin-top: 0;
}

.l-list01>li:before {
	content: "";
	position: absolute;
	top: 0.9rem;
	left: 0;
	width: 0.5rem;
	height: 0.5rem;
	background: #b8b8b8;
}

.l-list01>li span {
	font-weight: var(--font-bd);
}

.width_line_list {
	margin-top: 0.5rem;
	font-size: 1.6rem;
}

.width_line_list>li:before {
	position: absolute;
	top: 0.9rem;
	left: 0;
	content: "";
	display: block;
	width: 0.5rem;
	height: 1px;
	background: #a0a0a0;
}

.width_line_list>li {
	position: relative;
	padding-left: 1.4rem;
	margin-bottom: 0.3rem;
}

.width_line_list>li:last-child {
	margin-bottom: 0;
}

.a-tit01 {
	font-size: 2.2rem;
	background: url('../images/icon/arrow_icon.svg') no-repeat 0 0.3rem;
	background-repeat: no-repeat;
	padding-left: 2.7rem;
	line-height: 1.4;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.con_title {
		font-size: 2.4rem;
		padding-left: 1.7rem;
	}

	.con_title:before {
		height: 2.2rem;
	}

	.l-list01 {
		font-size: 17px;
	}

	.l-list01>li:before {
		top: 9px;
		width: 5px;
		height: 5px;
	}

	.a-tit01 {
		font-size: 18px;
		padding-left: 3rem;
	}
}

/* ==================================================
	테이블
================================================== */
table.chart01 {
	width: 100%;
	border-top: solid 2px #c5cbcf;
	border-bottom: solid 2px #c5cbcf;
	font-size: 1.5rem;
	font-size: 1.8rem;
	letter-spacing: -0.025em;
}

table.chart01 tr th {
	background-color: #e2e5e7;
	text-align: center;
	color: var(--color-black);
	font-weight: var(--font-bd);
}

/*table.chart01 td {
	padding-left: 2.5rem !important;
	line-height: 1.35;
}*/

table.chart01 tr th,
table.chart01 tr td {
	padding: 1rem 0.2rem;
	border-bottom: solid 1px #c5cbcf;
	border-left: 1px solid #c5cbcf;
	vertical-align: middle;
}

table.chart01 tr th:first-child,
table.chart01 tr td:first-child {
	border-left: 0;
}

table.chart01 tr td.ch_bl {
	border-left: 1px solid #c5cbcf;
}

table.chart01 tr td.ch_bg {
	background: #f8f8f8;
}

table.chart02 {
	width: 100%;
	border-top: solid 1px #262626;
	border-bottom: solid 1px #cdcdcd;
	text-align: center;
	font-size: 1.7rem;
}

table.chart02 tr th {
	background-color: #E5E5E5;
	color: var(--color-black);
	font-weight: var(--font-bd);
}

table.chart02 tr th:first-child {
	border-left: 0;
}

table.chart02 tr td {
	line-height: 1.35;
}

table.chart02 tr td:first-child {
	background: #F8F8F8;
	border-left: 0;
	font-weight: var(--font-sb);
}

table.chart02 tr th,
table.chart02 tr td {
	padding: 1.3rem 0.3rem;
	border-bottom: solid 1px #cdcdcd;
	vertical-align: middle;
	border-left: solid 1px #cdcdcd;
}

/* 테이블 사이즈 */
.chart01_width {
	width: 25%;
}

.chart02_width01 {
	width: 35%;
}

.chart02_width02 {
	width: 50%;
}

.chart02_width03 {
	width: 15%;
}

/* 모바일CSS */
@media screen and (max-width: 1023px) {
	table.chart01 {
		font-size: 1.6rem;
	}

	table.chart02 {
		font-size: 1.6rem;
	}
}

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

	table.chart02 tr th,
	table.chart02 tr td {
		padding: 1.3rem 1rem;
	}
}

/* ==================================================
	반응형 테이블 스크롤
================================================== */
.msg_touch_help {
	display: none;
}

/* 모바일CSS */
@media screen and (max-width:720px) {
	.con_table_wrap {
		overflow-x: auto;
	}

	.con_table_wrap {
		position: relative;
	}

	.table_scroll {
		width: 200%;
	}

	.msg_touch_help {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px;
		display: block;
	}

	.msg_touch_help img {
		width: 100px;
		height: 100px;
	}
}

/* ==================================================
	애니메이션
================================================== */
@-webkit-keyframes fadeUpAni {
	0% {
		opacity: 0;
		transform: translate3d(0, 54px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0px, 0);
	}
}

.fadeUp.active {
	animation-name: fadeUpAni;
	animation-duration: 2s;
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	line-height: 0;
}

.over-cover img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.over-cover:hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

/* ==================================================
	영상
================================================== */
.movie_con {
	text-align: center;
}

.movie_con video {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
}

.promovie_con {
	text-align: center;
}

.promovie_con video {
	width: 100%;
	max-width: 1000px;
}

/* ==================================================
	유튜브 영상
================================================== */
.youtubeWrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 35px;
	height: 0;
	overflow: hidden
}

.youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.youtubeWrap .btn_prev,
.youtubeWrap .btn_next {
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.6);
	color: #ffffff
}

.youtubeWrap .btn_prev {
	left: 0
}

.youtubeWrap .btn_next {
	right: 0
}

.youtubeWrap .btn_prev>img {
	float: left
}

.youtubeWrap .btn_next>img {
	float: right
}

.youtubeWrap .btn_prev>span,
.youtubeWrap .btn_next>span {
	display: inline-block;
	float: left;
	height: 90px;
	padding: 0 15px;
	margin: 20px 0;
	max-height: 50px;
	max-width: 180px;
	font-size: 16px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
}

.youtubeWrap .btn_prev:hover>span,
.youtubeWrap .btn_prev:focus>span,
.youtubeWrap .btn_next:hover>span,
.youtubeWrap .btn_next:focus>span {
	display: inline-block
}

.overveiw-wrap {
	overflow: hidden;
}

/* ==================================================
	공통타이틀
================================================== */
.cont_t {
	margin-bottom: 20px;
}

.cont_t p {
	margin-top: 10px;
	font-size: 2rem;
	line-height: 1.5;
	word-break: keep-all;
}

.cont_t .cont_tit {
	position: relative;
	padding-left: 24px;
	font-weight: 600;
	font-size: 3.3rem;
	margin-top: 0;
}

.cont_t .cont_tit::before {
	position: absolute;
	content: '';
	display: block;
	width: 0.8rem;
	height: 60%;
	left: 0;
	top: calc(50% - 30%);
	background: #0057a8;
}

.cont_t .cont_tit span {
	display: block;
}

@media screen and (max-width:1023px) {
	.cont_t .cont_tit {
		font-size: 3rem;
		padding-left: 20px;
	}

	.cont_t .cont_tit::before {
		width: 0.6rem;
	}

	.cont_t .cont_tit span {
		display: inline;
	}
}

/* ==================================================
	회사소개 - 상단 비주얼
================================================== */
.cont_tbg_overview,
.cont_tbg_overview2,
.cont_tbg,
.cont_tbg_wel {
	position: relative;
	width: 100%;
}

.cont_tbg_overview h4,
.cont_tbg_overview2,
.cont_tbg h4,
.cont_tbg_wel h4 {
	position: relative;
	padding: 10rem 0 15rem 0;
	font-size: 3.5rem;
	font-weight: normal;
	color: var(--color-white);
	line-height: 150%;
	letter-spacing: 0;
}

.cont_tbg_overview h4 p,
.cont_tbg h4 p,
.cont_tbg_wel h4 p {
	font-size: 4.5rem;
	font-weight: bold;
}

.cont_tbg_overview h4:before,
.cont_tbg_overview2:before,
.cont_tbg h4:before,
.cont_tbg_manage h4:before,
.cont_tbg_wel h4:before {
	position: absolute;
	top: 0;
	left: -20%;
	content: "";
	width: 140%;
	height: 100%;
	background-size: cover;
	z-index: -1;
}

.cont_tbg_overview h4:before {
	background: url(../images/company/overview_bg01.jpg) center no-repeat #fff;
	background-size: cover;
}

.cont_tbg_overview2:before {
	background: url(../images/company/overview_bg02.jpg) center no-repeat #fff;
}

.cont_tbg_wel h4:before {
	background: url(../images/company/welfare01.jpg) center no-repeat #fff;
}

.cont_tbg_manage h4:before {
	background: url(../images/company/management_bg.jpg) center no-repeat #fff;
}

div.cont_txt {
	display: inline-flex;
	/*justify-content: space-around; */
	width: 100%;
	margin-top: -5rem;
	padding: 5rem 0;
	/* background-color: var(--color-white); */
}

/* .welfare{ 
	background: #fff url(../images/company/welfare01.jpg) no-repeat 50% 50%; 
	background-size: cover;
} */
.cont_txt01 {
	padding-top: 5rem;
}

/* 모바일CSS */
@media screen and (max-width:1024px) {
	.cont_tbg_wel h4:before {
		background-position-x: 100%;
	}
}

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

	.cont_tbg_overview h4,
	.cont_tbg_overview2,
	.cont_tbg h4,
	.cont_tbg_wel h4 {
		font-size: 2.5rem;
		line-height: 1.3;
		text-align: center;
		padding: 6rem 0 9rem 0;
	}

	.cont_tbg_overview h4 p {
		font-size: 4rem;
	}
}

/* ==================================================
	회사소개 - 개요
================================================== */
.ov_info01_box {
	display: flex;
	width: 100%;
}

.ov_info01_box:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.ov_info01_box .ov_info01 {
	position: relative;
	top: -5rem;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.ov_info01_box .ov_info01>li {
	position: relative;
	display: block;
	background-color: #fff;
	border: #E1E1E1 solid 1px;
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 600;
	padding: 5rem 3rem 3.5rem 3.5rem;
	margin-bottom: 20px;
}

.ov_info01_box .ov_info01>li img {
	position: absolute;
	right: 40px;
	top: calc(50% - 3rem);
	height: 6rem;
}

.ov_info01 li span {
	font-size: 1.8rem;
	color: #989898;
}

.cont_tbg_overview2 {
	margin-top: -15rem;
}

.ov_info02_box {
	font-size: 2rem;
	padding-left: 40rem;
	color: #000;
}

.ov_info02_box p {
	padding-top: 8rem;
	font-size: 3rem;
	font-weight: 700;
}

.ov_info02_box p span {
	color: #0059A6;
}

.ov_info02_box dl {}

.ov_info02_box dt {
	float: left;
	width: 15%;
	font-weight: 600;
	color: #0059A6;
	border-bottom: #B5B5B5 solid 1px;
}

.ov_info02_box dd {
	border-bottom: #B5B5B5 solid 1px;
}

.ov_tit {
	font-size: 3rem;
	font-weight: 700;
}

.ov_tit span {
	color: #0059A6;
}

.ov_info03_box {
	width: 100%;
	text-align: center;
}

.prod_btn {
	display: flex;
	justify-content: space-evenly;
	gap: 2rem;
	margin-top: 5rem;
}

.prod_btn li {
	flex-basis: calc(50% - 1rem);
	border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	overflow: hidden;
}

.prod_btn li a {
	display: block;
}

.prod_btn li a>div {
	position: relative;
	color: #fff;
	text-align: left;
	height: 350px;
	padding: 5rem 7rem;
}

.prod_btn li a>div::before {
	position: absolute;
	content: '';
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
}

.prod_btn li:nth-child(1) a>div::before {
	background: linear-gradient(0deg, #b2a18d, transparent);
}

.prod_btn li:nth-child(2) a>div::before {
	background: linear-gradient(0deg, #000, transparent);
}

.prod_btn li:hover a>div::before {
	height: 100%;
	transition: all 0.3s ease-in;
}

.prod_btn li a>div::after {
	position: absolute;
	content: '';
	display: block;
	z-index: 10;
	top: 5rem;
	right: 6rem;
	width: 40px;
	height: 40px;
	background: url('../images/company/ov_btn.svg') 50% 50% no-repeat;
	background-size: cover;
}

.prod_btn li a div h4 {
	position: relative;
	z-index: 10;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.3;
}

.prod_btn li a div h4 span {
	display: block;
}

.prod_btn li:nth-child(1) a>div {
	background: url('../images/company/overview_prd01.jpg?v=1007') 50% 50% no-repeat;
	background-size: cover;
}

.prod_btn li:nth-child(2) a>div {
	background: url('../images/company/overview_prd02.jpg?v=1007') 50% 50% no-repeat;
	background-size: cover;
}

.prod_btn li a>div .img {
	position: absolute;
	bottom: 3rem;
	left: 3rem;
	width: 50%;
}

.prod_btn li a>div .img img {
	width: 100%;
}

.prod_btn li:hover a>div .img {
	transition: all 0.3s ease-in;
	transform: translateX(3%);
}

.ov_info04_box {
	position: relative;
	display: flex;
	margin-top: 8rem;
	padding: 7rem 0;
}

.ov_info04_box:before {
	position: absolute;
	top: 0;
	left: -44%;
	content: "";
	width: 184%;
	height: 100%;
	background: url(../images/company/overview_bg03.jpg) center no-repeat #000;
	background-size: cover;
	z-index: -1;
}

.ov_cer_txt {
	padding-right: 8rem;
}

.ov_cer_txt ul {
	padding-top: 3rem;
}

.ov_cer_txt li {
	line-height: 3rem;
}

.ov_cer_pic {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4rem;
}

.ov_cer_pic img {
	width: 100%;
	box-shadow: #AEAEAE 5px 5px 5px 1px;
}

/* 모바일CSS */
@media screen and (max-width:800px) {

	/* 개요 */

	.ov_info01_box .ov_info01 {
		grid-template-columns: repeat(1, 1fr);
	}

	.ov_info01_box .ov_info01>li {
		font-size: 2.3rem;
		margin: 0;
	}

	.ov_info02_box {
		position: relative;
		padding-left: 0;
		background: url('../images/company/overview02_mobile.jpg') 0% 50% no-repeat;
		background-size: cover;
		padding: 5rem 3rem 7rem;
	}

	.ov_info02_box::before {
		display: block;
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		background: #dcdcdcbf;
	}

	.cont_tbg_overview2:before {
		display: none;
	}


	.cont_tbg_overview2 {
		/* margin-top: -20rem; */
	}

	.ov_info02_box p {
		position: relative;
		padding-top: 0;
		z-index: 10;
	}

	.ov_info02_box dl {
		position: relative;
		z-index: 10;
	}

	.ov_info02_box dt {
		float: none;
		padding: 1rem 2rem;
		font-weight: 600;
		color: #fff;
		border-bottom: 0;
		background: #0059a6;
		border-radius: 20px;
		width: 40%;
		margin-bottom: 1rem;
	}

	.ov_info02_box dd {
		border-bottom: 0;
		line-height: 1.6;
		margin-bottom: 3rem;
		text-align: left;
	}

	.ov_info02_box dl {
		padding-top: 2rem;
	}

	.ov_info03_box {
		margin-top: -7rem;
	}

	.prod_btn {
		display: flex;
		flex-direction: column;
	}


	.prod_btn li {
		flex-basis: 100%;
	}

	.prod_btn li a>div {
		height: 250px;
		padding: 5rem
	}

	.prod_btn li a>div::after {
		right: 5rem;
	}

	.prod_btn li a div h4 {
		font-size: 2.5rem;
	}

	.prod_btn li a>div .img {
		width: auto;
		height: 40%;
	}

	.ov_info04_box {
		flex-direction: column;
	}

	.ov_info04_box:before {
		background-position-x: 10%;
	}


	.ov_cer_pic {
		gap: 2rem;
		margin-top: 3rem;
		/* grid-template-columns: repeat(2, 2fr); */
	}

}

/* ==================================================
	회사소개 - 인사말
================================================== */
.greeting {
	display: flex;
}

.greeting .g_pic img {
	border-radius: 0 0 50px 0;
	width: 100%;
}

.greeting .g_cont {
	padding-left: 8rem;
}

.greeting .g_cont .g_tit {
	font-size: 3.8rem;
	font-weight: 600;
	line-height: 5rem;
}

.greeting .g_cont .g_txt {
	padding-top: 3rem;
	line-height: 3rem;
}

.greeting .g_cont .g_ceo {
	padding-top: 6rem;
	font-weight: bold;
}

.greeting .g_cont .g_ceo span {
	padding-left: 20px;

	font-size: 3.5rem;
	font-weight: 600px;
}

.greeting .g_cont .g_ceo img {
	position: relative;
	right: 0;
	top: 15px;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {

	/* 인사말 */
	.greeting {
		display: inline-block;
		width: 100%;
	}

	.greeting .g_cont {
		padding-top: 6rem;
		padding-left: 0;
	}
}


/* ==================================================
	회사소개 - 연혁
================================================== */
.history-wrap {
	position: relative;
	overflow: hidden;
	max-width: none;
}

.his-detail02 {
	background: #f8f9fa;
	/* z-index: -2; */
}

.his-detail {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	padding: 7rem 0;
}

.his-detail:before {
	content: "";
	display: block;
	position: Absolute;
	top: 8rem;
	left: calc(50% - 1px);
	margin-top: 0;
	padding: 0;
	width: 1px;
	height: 100%;
	background: #000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	/*z-index: -1;*/
}

.inner_h {
	position: relative;
	width: 100%;
	max-width: var(--px-base);
	margin: 0 auto;
}

/* 애니메이션 */
.inner_h {
	opacity: 0;
	transform: translateY(50px)
}

.inner_h.active {
	opacity: 1;
	transform: translateY(0);
	transition: all 0.7s 0.8s;
	-webkit-transition: all 0.7s 0.8s;
}


.his-detail .inner_h>div.right {
	float: right;
}

.his-detail .inner_h>div {
	float: left;
	width: 50%;
	display: block;
}

.his-year {
	font-size: 38px;
	color: #008aff;
	font-weight: 600;
	vertical-align: middle;
}

.his-detail .right .his-con {
	padding-top: 2.5rem;
	padding-left: 6rem;
}

.his-detail .inner_h>div {
	float: left;
	width: 50%;
	display: block;
}

.his-detail .left_01 {
	margin-top: 0;
}

.his-detail .left {
	text-align: right;
}

.his-detail .left .his-con {
	padding-top: 2rem;
	padding-right: 6rem;
}

.his-detail .right .his-con ul li {
	padding-left: 120px;
}

.his-con ul li {
	position: relative;
	list-style: none;
	margin: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	line-height: 1.4;
}

.his-detail .right .his-num {
	left: 0;
}

.his-num {
	position: absolute;
	width: 10rem;
	top: 0.5rem;
	font-size: 18px;
	color: #343a40;
	font-weight: var(--font-bd);
}

.his-detail .right .img-bot {
	padding-right: 4.6rem;
	margin-left: -10px;
}

.img-bot img {
	vertical-align: middle;
}

.his-con p {
	font-size: 1.6rem;
	color: #606060;
}

.his-con p.img img {
	width: 100%;
}

.his-con span.sat {
	color: rgb(255, 123, 0);
}

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

	.his-detail {
		padding: 2rem 0 5rem;
	}

	.his-detail:nth-child(2) {
		padding: 5rem 0 5rem;
	}

	.his-detail .right .his-con ul li {
		padding: 0;
		display: flex;
		flex-direction: column;
		margin-bottom: 1.5rem;
		font-size: 2rem;
		font-weight: 500;
	}

	.his-detail .right .his-con ul li:last-child {
		margin-bottom: 0rem;
	}

	.his-num {
		position: relative;
		top: 0;
		width: auto;
	}

	.his-con p {
		font-size: 1.8rem;
	}

	.his-detail .inner_h>div {
		width: 100%;
	}

	.his-detail .left .his-con p.img {
		width: 100%;
		padding: 0;
		margin-top: 3rem;
		border-radius: 20px;
		-moz-border-radius: 20px;
		overflow: hidden;
	}
}


/* ==================================================
	회사소개 - 경영이념
================================================== */

.mana {
	overflow: hidden;
}

.cont_tbg_manage {
	position: relative;
	width: 100%;
}

.cont_tbg_manage div.top {
	position: relative;
	padding: 5rem 0;
	display: flex;
	justify-content: flex-end;
}

.cont_tbg_manage div.top::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	height: 100%;
	background: url('../images/company/management_bg.jpg?v=1007') 50% 50% no-repeat;
	background-size: cover;
	z-index: -1;
}

.cont_tbg_manage div.top .slogan {
	width: 60%;
}

.cont_tbg_manage div.top .slogan img {
	width: 100%;
	display: block;
}

.manage_cont {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 9rem;
	margin-top: 7rem;
}

.manage_cont img {
	width: 100%;
	border-radius: 20px 20px 0 0;
}

.manage_cont li p {
	padding: 5rem 0;
	text-align: center;
	border-radius: 0 0 20px 20px;
	background-color: #EFF3F7;
	font-size: 3rem;
	font-weight: 700;
	line-height: 4rem;
}

.manage_cont li p object {
	height: 2.5rem;
	width: auto;
	margin-bottom: 0.3rem;
}

.manage_cont li p em {
	color: #0059A6;
	font-weight: 700;
}

.manage_cont li p span {
	display: block;
}

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

	.cont_tbg_manage div.top {
		justify-content: center;
	}

	.cont_tbg_manage div.top .slogan {
		width: 80%;
	}

	.manage_cont {
		gap: 2rem;
	}

	.manage_cont li p {
		font-size: 2.5rem;
	}

	.manage_cont li p object {
		height: 2.2rem;
	}
}

/* 모바일CSS */
@media screen and (max-width:800px) {

	/* 경영이념 */

	.manage_cont {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem;
	}

	.manage_cont li {
		display: flex;
		flex-direction: row;
	}

	.manage_cont li img {
		width: 50%;
		border-radius: 20px 0 0 20px;
		-moz-border-radius: 20px 0 0 20px;
	}

	.manage_cont li p {
		width: 50%;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-radius: 0 20px 20px 0;
		-moz-border-radius: 0 20px 20px 0;
	}

	.cont_tbg2 h4 {
		height: 200px;
	}

	.cont_tbg2 h4:before {
		background-position-x: -470px;
	}
}


/* ==================================================
	회사소개 - 고객사
================================================== */

.c_tit {
	color: var(--color-white);
	background: linear-gradient(135deg, rgba(0, 120, 255, 0.8) 0%, rgba(19, 44, 128, 0.8) 100%), #000;
	border-radius: 3rem;
	width: 30%;
	height: 35px;
	line-height: 35px;
}

.customer_box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin-bottom: 5rem;
}

.customer_box:last-child {
	margin-bottom: 0;
}

.customer_box li {
	padding: 0.5rem 1rem;
	border: #E7E7E7 solid 1px;
	text-align: center;
}

.customer_box li img {
	width: 100%;
	max-width: 230px;
}

@media screen and (max-width:1024px) {
	.customer_box {
		grid-template-columns: repeat(3, 1fr);
	}

	.customer_box li img {
		width: 100%;
		max-width: auto;
	}
}

@media screen and (max-width:800px) {
	.customer_box {
		grid-template-columns: repeat(2, 1fr);
	}

}

/* ==================================================
	회사소개 - 인증현황
================================================== */
.cer_tit {
	margin-bottom: 30px;
	text-align: center;
	width: 300px;
	font-weight: 600;
	font-size: 2.3rem;
	background-color: #DBDBDB;
	border-radius: 40px;
	line-height: 60px;
}

.cer_top {
	margin-top: 40px;
	;
}


/* ==================================================
	회사소개 - 사내복지
================================================== */
.welfare {
	background: #fff url(../images/company/welfare01.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.cont_txt01 {
	padding-top: 5rem;
}

.welfare_cont {
	width: 100%;
	margin-top: 5rem;
}

.welfare_cont li {
	float: left;
}

.welfare_cont li.tit {
	width: 30%;
	font-size: 6rem;
	font-weight: 600;
}

.welfare_cont li.tit span {
	color: #0164B1;
}

.welfare_cont li.txt {
	width: 70%;
	font-size: 2rem;
	line-height: 1.6;
}

.welfare_cont li.txt h5 {
	font-weight: bold;
	padding-bottom: 10px;
}

.welfare_cont li.txt p span {}

.welfare_pic {
	display: inline-grid;
	width: 100%;
	flex-wrap: wrap;
	gap: 30px 30px;
	grid-template-columns: 1fr 1fr;
	margin-top: 50px;
}

.welfare_pic img {
	width: 100%;
	border-radius: 10px 40px 10px 10px;
}

.welfare_pic li {
	position: relative;
}

.welfare_pic li div.txt {
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	height: 60px;
	color: #fff;
	width: 100%;
	border-radius: 0 0 10px 10px;
	font-size: 2.5rem;
	text-align: center;
	line-height: 60px;
}

.welfare_pic li div.txt span {
	padding-right: 1rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {

	.welfare_cont li.txt p span {
		display: block;
	}

	.welfare_cont li.txt p br {
		display: none !important;
	}
}

/* 모바일CSS */
@media screen and (max-width:1023px) {

	/* 사내복지 */
	.welfare_cont {
		text-align: center;
	}

	.welfare_cont li {
		float: none;
	}

	.welfare_cont li.tit {
		margin-bottom: 2rem;
	}

	.welfare_cont li.tit,
	.welfare_cont li.txt {
		width: 100%;
	}

	.welfare_pic {
		display: block;
	}

	.welfare_pic li {
		margin-bottom: 5rem;
	}

	/* 연혁 */
	.his-detail .inner_h>div.right {
		float: none;
		width: 100%;
	}

	.his-detail:before {
		left: 0;
	}

	.his-detail .left {
		text-align: left;
		padding-left: 5rem;
	}
}

/* ==================================================
		회사소개 - 사업장안내
	================================================== */
.loc_con {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* 상단이미지 */
.loc_left {
	flex-basis: 45%;
	padding-right: 3%;
}

.loc_left img {
	width: 100%;
	border-radius: 2rem;
}

/* 주소정보 */
.loc_right>h1 {
	font-family: var(--font-Elice);
	font-size: 2.8rem;
	/*font-weight: 600;*/
	margin-bottom: var(--rem-40);
}

.loc_right>ul>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1.5rem;
}

.loc_right>ul>li:first-child {
	margin-top: 0;
}

.loc_right>ul>li .icon {
	width: 3rem;
	height: 3rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	/*		background: var(--brand-color-main);
		border-radius: 50%;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.loc_right>ul>li b,
.loc_right>ul>li p {
	color: var(--color-black);
}

.loc_right>ul>li b {
	display: inline-block;
	font-size: 1.9rem;
	font-weight: var(--font-bd);
	margin: 0 2.5rem 0 1.3rem;
}

.loc_right>ul>li p {
	font-size: 1.7rem;
}

/* 지도 */
.loc_detail {
	width: 100%;
	max-width: var(--px-base);
	margin-right: auto;
	margin-left: auto;
	margin-top: 4rem;
}

/* 모바일CSS */
@media screen and (max-width: 800px) {
	.loc_con {
		display: block;
	}

	.loc_right {
		margin-top: 2.5rem;
	}

	.root_daum_roughmap .wrap_map {
		height: 400px !important;
	}
}

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

	/* 주소정보 */
	.loc_right>ul>li b {
		width: 6rem;
	}

	.root_daum_roughmap .wrap_map {
		height: 320px !important;
	}
}

/* ==================================================
	회사소개 - CI
================================================== */

.ci .ci_top_txt {
	position: relative;
	display: block;
	background-color: #024a86;
	background-image: url('../images/company/ci_top.jpg');
	background-position-x: right;
	background-position-y: center;
	background-repeat: no-repeat;
	min-height: 419px;
	display: flex;
	align-items: center;
	padding: 0 10rem;
	margin-bottom: 5rem;
}

.ci .ci_top_txt .txt_box {
	display: flex;
	flex-direction: column;
	gap: 60px;
	z-index: 1;
}

.ci .ci_top_txt h1 {
	height: 70px;
}

.ci .ci_top_txt h1 object {
	height: 100%
}

.ci .ci_top_txt p {
	color: #fff;
	line-height: 1.6;
}

.ci .ci_top_txt p span {
	display: block;
}


.ci ul {
	display: grid;
	margin-bottom: 5rem;
}

.ci ul:last-child {
	margin-bottom: 0;
}

.ci ul li {
	background: #f8f8f8;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5rem;
}

.ci .motif li.left {
	background: #eeeff1;
}

.ci ul li object {
	width: 80%;
}

.ci .motif {
	grid-template-columns: repeat(2, 1fr);
}

.ci .sign {
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
}

.ci ul.sign li:nth-child(-n+3) object {
	width: 50%;
}

.ci .type {
	grid-template-columns: repeat(2, 1fr);
	gap: 4px;
}

.ci ul.type li:nth-child(2n) img {
	width: 90%;
}

.ci ul.type li:nth-child(2n-1) img {
	width: 60%;
}

.ci .color {
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.ci .color li {
	padding: 0;
	border-radius: 8px 8px 0 0;
	color: #fff;
	flex-direction: column;
	align-items: normal;
	gap: 50px;
	border: 1px solid #ddd;
}

.ci .color li .txt {
	padding: 3rem;
	padding-bottom: 0;
}

.ci .color li:nth-child(1) {
	background: #43bff0;
}

.ci .color li:nth-child(2) {
	background: #0057a8;
}

.ci .color li:nth-child(3) {
	background: #b5b6b6;
}

.ci .color li h4 {
	font-size: 2.5rem;
	margin-bottom: 3.5rem;
}

.ci .color li h4 span {
	display: block;
}

.ci .color li .color_tb {
	display: grid;
	grid-template-columns: 20% auto;
	gap: 8px;
}

.ci .color li .color_bar {
	background: linear-gradient(to right,
			#ffffff20 20%,
			#ffffff40 20%,
			#ffffff40 40%,
			#ffffff60 40%,
			#ffffff60 60%,
			#ffffff90 60%,
			#ffffff90 80%,
			#ffffff 80%);
	width: 100%;
	height: 30px;
}

.ci .btn_wrap {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.ci .btn_wrap a {
	position: relative;
	border: 1px solid #1497ca;
	background-color: #F8F8F8;
	padding: 4rem 10rem;
}

.ci .btn_wrap a::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: #1497ca;
}

.ci .btn_wrap a span {
	display: block;
	position: relative;
	padding-left: 4rem;
	color: #343a40;
	z-index: 1;
}

.ci .btn_wrap a span::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2.4rem;
	height: 2.4rem;
	background: url('../images/company/download.svg') top left no-repeat;
	background-size: contain;
}


.ci .btn_wrap a:hover {
	transition: all 3s ease-in;
}

.ci .btn_wrap a:hover::before {
	height: 100%;
	transition: all 0.3s ease-in;
}

.ci .btn_wrap a:hover span {
	color: #fff;
}

.ci .btn_wrap a:hover span::before {
	background: url('../images/company/download_w.svg') top left no-repeat;
}


/* 모바일CSS */
@media screen and (max-width:1023px) {

	.ci .ci_top_txt {
		position: relative;
		height: auto;
		min-height: auto;
		background-size: cover;
		background-position-x: center;
		background-position-y: center;
		gap: 30px;
		padding: 8rem 5rem;
		text-align: center;
	}

	.ci .ci_top_txt::before {
		position: absolute;
		display: block;
		content: '';
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		background: linear-gradient(355deg, #024b86b4, transparent);
	}

	.ci .ci_top_txt .txt_box {
		gap: 30px;
		z-index: 1;
	}

	.ci .ci_top_txt h1 {
		height: 50px;
	}

	.ci .ci_top_txt p span {
		display: inline;
	}


	.ci .motif {
		grid-template-columns: repeat(1, 1fr);
	}

	.ci .sign {
		grid-template-columns: repeat(2, 1fr);
	}

	.ci .color {
		grid-template-columns: repeat(1, 1fr);
	}

	.ci .color li {
		gap: 5rem;
	}

	.ci .color li .color_bar {
		height: 2rem;
	}
}

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

	.ci .sign {
		grid-template-columns: repeat(1, 1fr);
	}

	.ci .type {
		grid-template-columns: repeat(1, 1fr);
	}

	.ci .color li h4 {
		font-size: 2rem;
		margin-bottom: 2.2rem;
	}

}

/* ==================================================
	사업분야
================================================== */
.biz img {
	width: 100%;
	padding-bottom: 3rem;
}

/* ==================================================
	기술혁신 - 스마트팩토리
================================================== */
/* 기술혁신 공통틀 : 상단텍스트 */
.tech_top {
	position: relative;
	width: 100%;
	min-height: 250px;
	display: flex;
	padding: 10rem;
	margin-bottom: 5rem;
}

.tech_top::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #00000087, transparent);
}

.tech_top .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	color: #ffffff;
	z-index: 1;
}

.tech_top .txt h4 {
	font-size: 4rem;
	line-height: 1.6;
	word-break: keep-all;
}

.tech_top .txt p {
	font-size: 2rem;
	line-height: 1.6;
	word-break: keep-all;
}

.tech_top .txt p span {
	display: block;
}

@media screen and (max-width:1023px) {
	.tech_top {
		padding: 2rem 5rem;
	}

	.tech_top .txt h4 {
		font-size: 3.5rem;
		line-height: 1.3;
	}

	.tech_top .txt p span {
		display: inline;
	}

}

/* //기술혁신 공통틀 : 상단텍스트 */


/*스마트팩토리*/
.sf .tech_top {
	background: url('../images/technology/sf_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.sf_list,
.sf_list4 {
	margin-bottom: 5rem;
}

.sf_list4>.sf_list {
	margin-bottom: 0;
}

.sf_list:last-child {
	margin-bottom: 0;
}

.sf_list .cont {
	background: #f8f8f8;
	padding: 3.5rem;
}

.sf_list .cont.adv {
	display: flex;
	justify-content: center;
	gap: 4rem;
}

.sf_list .cont.adv ul.sf_cont_list {
	width: 33%;
}

.sf_list .cont.adv ul.sf_cont_list li {
	color: #fff;
	border-radius: 5rem;
	padding: 1rem 3rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1rem;
	line-height: 1.6;
}

.sf_list .cont.adv ul.sf_cont_list li:last-child {
	margin-bottom: 0;
}

.sf_list .cont.adv ul.sf_cont_list li span {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
}

.sf_list .cont.adv ul.sf_cont_list li:nth-child(1) {
	background: #0059a6;
}

.sf_list .cont.adv ul.sf_cont_list li:nth-child(2) {
	background: #2ba5d1;
}

.sf_list .cont.adv ul.sf_cont_list li:nth-child(3) {
	background: #3881c0;
}

.sf_list .cont.adv div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #0059A6;
	border: 1px solid #008aff;
	border-radius: 20px;
	background: #fff;
	padding: 5rem 6rem;
	font-size: 2rem;
	font-weight: 700;
}

.sf_list .cont.adv div span {
	display: block;
	color: #555;
	font-size: 1.8rem;
	font-weight: 700;
}

.sf_list .cont.adv ul.mes {
	border-radius: 20px;
	background: #f58252;
	padding: 5rem 4rem 5rem 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
}

.sf_list .cont.adv ul.mes li {
	color: #fff;
	list-style: circle;
	font-weight: 500;
	line-height: 1.3;
}

/* Wrist Strap 미착용 방지 System */
.cont.adv.wrist {
	gap: 4rem;
}

.cont.adv.wrist div.pic {
	display: block;
	position: relative;
	background: unset;
	border-radius: unset;
	border: unset;
	width: 75%;
	padding: 0;
}

.cont.adv.wrist .wrist_img {
	display: block;
	width: 100%;
}

.cont.adv.wrist table.chart01 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
}

.cont.adv.wrist table.chart01 td {
	text-align: center;
}

.sf_list .cont.adv div span.red {
	display: inline;
	font-weight: bold;
	color: #ff3c00;
}

.sf_list .cont.adv div span.blue {
	display: inline;
	font-weight: bold;
	color: #008cff;
}

.cont.adv.wrist div.cer {
	background: transparent;
	padding: 0;
	border: 0;
	width: 25%;
}

.cont.adv.wrist div.cer img {
	width: 100%;
	max-width: 300px;
}

.cont.adv.wrist div.cer p {
	font-size: 2rem;
	color: #000;
	font-weight: normal;
	text-align: center;
	margin-top: 1rem;
}

.sf_list4 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5rem;
}

.sf_list4 .sf_list img {
	width: 100%;
}

.sf_list .list_3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	text-align: center;
}

.sf_list .list_3 li {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.sf_list .list_3 img {
	width: 100%;
	display: block;
}


@media screen and (max-width:1200px) {
	.sf_list .cont.adv {
		gap: 2rem;
	}

	.sf_list .cont.adv ul.sf_cont_list {
		width: 40%;
	}

	/* Wrist Strap 미착용 방지 System */
	.cont.adv.wrist {
		gap: 4rem;
	}
}

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

	.sf_list .cont.adv {
		flex-direction: column;
		gap: 0;
	}

	.sf_list .cont.adv ul.sf_cont_list {
		width: 100%;
		margin-bottom: 10px;
	}


	.sf_list .cont.adv object {
		display: none;
	}

	.sf_list .cont.adv div {
		display: block;
		border: 0;
		background: #2ba5d1;
		border-radius: 5rem 5rem 0 0;
		padding: 1rem 3rem;
		font-weight: 700;
		text-align: center;
		line-height: 1.6;
	}

	.sf_list .cont.adv div.white {
		color: #fff;
	}

	.sf_list .cont.adv div span {
		color: #fff;
		display: inline;
	}

	.sf_list .cont.adv ul.mes {
		background: #2ba5d123;
		padding: 2rem 5rem;
		border-radius: 0 0 5rem 5rem;
	}

	.sf_list .cont.adv ul.mes li {
		color: #000;
		font-weight: normal;
	}

	.cont.adv.wrist {
		flex-direction: column;
		gap: 4rem;
		align-items: center;
	}


	/* Wrist Strap 미착용 방지 System */
	.cont.adv.wrist {
		gap: 4rem;
	}

	.cont.adv.wrist .wrist_img {
		width: 100%;
	}

	.cont.adv.wrist table.chart01 {
		position: relative;
		width: 100%;
		left: 0;
		margin-top: 4rem;
	}

	.cont.adv.wrist div {
		width: 60%;
		padding: 0;
		background: transparent;
		border-radius: 0;
	}

	.cont.adv.wrist div.pic {
		width: 100%;
	}

	.cont.adv.wrist div.cer {
		width: 100%;
	}

	.sf_list4 {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ==================================================
	기술혁신 - 위성공증검증
================================================== */
.quality .tech_top {
	background: url('../images/technology/quality_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.quality .quality_list {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7rem;
}

.quality .quality_list .box {
	position: relative;
	background: #e9ecef;
	border-top: solid 2px #0059A6;
}

.quality .quality_list .box::before {
	content: '';
	position: absolute;
	top: 2rem;
	left: calc(100% + 2rem);
	width: 3rem;
	height: 3rem;
	background: url('../images/technology/ag_right.png') center top no-repeat;
	background-size: contain;
}

.quality .quality_list .box:nth-child(3n):before {
	display: none;
}

.quality .quality_list .box .title {
	display: grid;
	align-items: center;
	justify-content: center;
	height: 6rem;
	padding: 0 6px;
	text-align: center;
	font-size: var(--rem-24);
	font-weight: bold;
	background: #ffffff;
	border-left: solid 1px #e9ecef;
	border-right: solid 1px #e9ecef;
}

.quality .quality_list .box .title span {
	font-size: var(--rem-18);
	font-weight: 400;
}

.quality .quality_list .box .con {
	padding: 2rem;
}

.quality .quality_list .box .con .img100 {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 230px;
	margin: 0 auto;
}

/* 검증순서 */
.quality .quality_list .sequence {
	display: grid;
	gap: 4rem;
}

.quality .quality_list .sequence li {
	position: relative;
	background: #FFFFFF;
	padding: 12px 6px 12px 6rem;
}

.quality .quality_list .sequence li::before {
	content: '1';
	position: absolute;
	top: calc(50% - 1.5rem);
	left: 1.5rem;
	width: 3rem;
	height: 3rem;
	font-size: var(--rem16);
	color: #FFFFFF;
	line-height: 3rem;
	text-align: center;
	background-color: #0059A6;
	border-radius: 50%;
}

.quality .quality_list .sequence li:nth-child(2):before {
	content: '2';
}

.quality .quality_list .sequence li:nth-child(3):before {
	content: '3';
}

.quality .quality_list .sequence li::after {
	content: '';
	position: absolute;
	top: calc(100% + 1rem);
	left: calc(50% - 2rem);
	width: 2rem;
	height: 2rem;
	background: url('../images/technology/ag_bottom.png') center top no-repeat;
	background-size: contain;
}

.quality .quality_list .sequence li:nth-child(3n):after {
	display: none;
}

.quality .quality_list .sequence li .tit {
	font-size: var(--rem-18);
	font-weight: bold;
}

.quality .quality_list .sequence li .txt {
	padding-top: 5px;
	font-size: var(--rem-16);
}

/* Environmental Test */
.quality .quality_list .chart01 {
	font-size: 1.6rem;
	background-color: #ffffff;
}

.quality .quality_list table.chart01 tr th,
.quality .quality_list table.chart01 tr td {
	padding: 1rem 0.6rem;
}

.quality .quality_list table .algn_c {
	text-align: center;
}

.quality .quality_list table span.og {
	display: block;
	width: 50px;
	margin: 2px auto 0;
	padding: 3px 2px;
	color: #ffffff;
	background: #ed7d31;
	border-radius: 2rem;
}

.quality .quality_list table span.blue {
	display: block;
	width: 50px;
	margin: 2px auto 0;
	padding: 3px 2px;
	color: #ffffff;
	background: #0059A6;
	border-radius: 2rem;
}

/* Micro Section 분석 성적서 */
.quality .quality_list .cer {
	text-align: center;
}

.quality .quality_list .cer p {
	font-size: var(--rem-16);
	padding-bottom: 4px;
}

.quality .quality_list .box .con .cer .img100 {
	max-height: 200px;
}

/* 모바일 CSS */
@media screen and (max-width:1100px) {
	.quality .quality_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 5rem 7rem;
	}

	.quality .quality_list .box .title {
		height: 6rem;
		padding: 0 6px;
		font-size: var(--rem-20);
	}

	.quality .quality_list .box:nth-child(3n):before {
		display: block;
	}

	.quality .quality_list .box:nth-child(even):before {
		display: none;
	}

	.quality .quality_list .box .title span {
		font-size: var(--rem-16);
	}
}

@media screen and (max-width:640px) {
	.quality .quality_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 5rem;
	}

	.quality .quality_list .box::before {
		top: calc(100% + 1rem);
		left: calc(50% - 2rem);
		background: url('../images/technology/ag_bottom.png') center top no-repeat;
		background-size: contain;
	}

	.quality .quality_list .box:nth-child(even):before {
		display: block;
	}

	.quality .quality_list .box:last-child:before {
		display: none;
	}
}


/* ==================================================
	기술혁신 -  작업환경
================================================== */
.working .tech_top {
	background: url('../images/technology/working_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.working .sf_list {
	margin-bottom: 60px;
}

/* ==================================================
	기술혁신 -  연구소
================================================== */

.rnd .tech_top {
	background: url('../images/technology/rnd_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.rnd p.declare {
	margin-top: 60px;
	text-align: center;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.6;
	color: #555;
	margin-bottom: 5rem;
}

.rnd p.declare span {
	display: block;
}

.rnd p.declare em {
	position: relative;
	color: #0057a8;
	font-weight: 700;
}

.rnd p.declare em::after {
	position: absolute;
	display: block;
	content: '';
	width: 102%;
	height: 70%;
	right: -1%;
	bottom: -0.5rem;
	background: #0084ff15;
}

.rnd_list>ul {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.rnd_list>ul>li {
	display: flex;
	gap: 5rem;
}

.rnd_list>ul>li:nth-child(2n) {
	flex-direction: row-reverse;
}

.rnd_list>ul>li .img {
	flex-basis: 70%;
}

.rnd_list>ul>li .img img {
	width: 100%;
	display: block;
}

.rnd_list>ul>li .txt {
	flex-basis: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px
}

.rnd_list>ul>li .txt h4 {
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.6;
}

.rnd_list>ul>li .txt ul li {
	word-break: keep-all;
	line-height: 1.6;
	list-style: disc;
	margin-left: 20px;
}

.rnd_list>ul>li .txt ul li::marker {
	font-size: 60%;
}

.rnd_list>ul>li .txt p {
	word-break: keep-all;
	line-height: 1.6;
}

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

	.rnd .tech_top {
		padding: 7rem 5rem;
	}

	.rnd p.declare {
		text-align: left;
		font-weight: 500;
		font-size: 2rem;
		line-height: 1.4;
	}

	.rnd_list>ul>li {
		gap: 3rem;
	}

	.rnd_list>ul>li .img {
		flex-basis: 60%;
	}

	.rnd_list>ul>li .txt {
		flex-basis: 40%;
	}

}

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

	.rnd_list>ul>li,
	.rnd_list>ul>li:nth-child(2n) {
		flex-direction: column;
	}

	.rnd_list>ul>li .img,
	.rnd_list>ul>li .txt {
		flex-basis: 100%;
	}

	.rnd_list>ul>li .txt {
		gap: 1.5rem;
	}
}

/* ==================================================
	작업환경, PR무비 이미지 효과
================================================== */
#mainVisual {
	overflow: hidden;
	width: 100%;
	height: 600px;
	position: relative;
}

/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height,
#fullpage #mainVisual {
	height: 600px;
}

#working_slider .main-visual-con .slick-track,
#working_slider .main-visual-con .slick-list,
#pr_slider .main-visual-con .slick-track,
#pr_slider .main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}

#working_slider .main-visual-con,
#working_slider .main-visual-con .slick-list,
#working_slider .main-visual-con .slick-track,
#working_slider .main-visual-item,
#pr_slider .main-visual-con,
#pr_slider .main-visual-con .slick-list,
#pr_slider .main-visual-con .slick-track,
#pr_slider .main-visual-item {
	height: 100%;
}

#working_slider .main-visual-con,
#pr_slider .main-visual-con {
	z-index: 1;
}

/* 작업환경 :: 이미지 */
#working_slider .main-visual-item {
	position: relative;
}

#working_slider .main-visual-item .main-visual-pc-img1 {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: transform 5000ms ease-in-out;
	transition: transform 5000ms ease-in-out;
}

#working_slider .main-visual-item:nth-child(1) .main-visual-pc-img1 {
	background: #fff url('../images/technology/work01.jpg') no-repeat 50% 50%;
}

#working_slider .main-visual-item:nth-child(2) .main-visual-pc-img1 {
	background: #fff url('../images/technology/work02.jpg') no-repeat 50% 50%;
}

#working_slider .main-visual-item:nth-child(3) .main-visual-pc-img1 {
	background: #fff url('../images/technology/work03.jpg') no-repeat 50% 50%;
}

#working_slider .main-visual-item:nth-child(4) .main-visual-pc-img1 {
	background: #fff url('../images/technology/work04.jpg') no-repeat 50% 50%;
}

#working_slider .main-visual-item:nth-child(5) .main-visual-pc-img1 {
	background: #fff url('../images/technology/work05.jpg') no-repeat 50% 50%;
}


#working_slider .main-visual-item .main-visual-m-img {
	display: none;
}

/* 홍보영상 :: 이미지 */

#pr_slider .main-visual-item .main-visual-pc-img2 {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: transform 5000ms ease-in-out;
	transition: transform 5000ms ease-in-out;
}

#pr_slider .main-visual-item:nth-child(1) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr01.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(2) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr02.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(3) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr03.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(4) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr04.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(5) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr05.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(6) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr06.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(7) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr07.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(8) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr08.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(9) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr09.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(10) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr10.jpg') no-repeat 50% 50%;
}

#pr_slider .main-visual-item:nth-child(11) .main-visual-pc-img2 {
	background: #fff url('../images/community/pr11.jpg') no-repeat 50% 50%;
}


#pr_slider .main-visual-item .main-visual-m-img {
	display: none;
}


/* 메인 비주얼 :: active효과 */
#working_slider .main-visual-item.active-item .main-visual-pc-img1,
#pr_slider .main-visual-item.active-item .main-visual-pc-img1 {
	-webkit-transform: scale(1.06, 1.06) rotate(0.002deg);
	transform: scale(1.06, 1.06) rotate(0.002deg);
}

#working_slider .main-visual-item.active-item .main-visual-txt1,
#working_slider .main-visual-item.active-item .main-visual-txt2,
#pr_slider .main-visual-item.active-item .main-visual-txt1,
#pr_slider .main-visual-item.active-item .main-visual-txt2 {
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

#working_slider .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1,
#pr_slider .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

#working_slider .main-visual-item.active-item .main-visual-txt-con .main-visual-txt2,
#pr_slider .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1 {

	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

@keyframes text-active-animation {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon {
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 100;
	animation: upDown 1.5s ease-in-out infinite;
	cursor: pointer;
}

.main-scroll-icon span {
	display: block;
	color: rgba(255, 255, 255, 0.6);
	padding-right: 70px;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 12px;
	transform: rotate(90deg)
}

@keyframes upDown {
	0% {
		opacity: 0.5;
		transform: translate(-50%, -5px);
	}

	50% {
		opacity: 1;
		transform: translate(-50%, 5px);
	}

	100% {
		opacity: 0.5;
		transform: translate(-50%, -5px);
	}
}

/* 메인 비주얼 :: 컨트롤러 */
#working_slider .main-visual-control1 {
	position: absolute;
	bottom: 50px;
	left: 5rem;
	z-index: 99;
	width: 100%
}

.slide-control 1 {
	text-align: center;
}

/* Dot */
#working_slider .main-visual-control1 .main-slide-dot {
	display: inline-block;
	vertical-align: middle;
	margin: -1px -8px 0 7px
}

#working_slider .main-visual-control1 .main-slide-dot li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	transition: all 0.8s
}

#working_slider .main-visual-control1 .main-slide-dot li:after {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background-color: #00A040;
	left: 35px;
	top: 8px;
}

#working_slider .main-visual-control1 .main-slide-dot li.slick-active {
	margin-right: 120px
}

#working_slider .main-visual-control1 .main-slide-dot li.slick-active:after {
	animation: LoadingBar 4s both;
	animation-delay: 0.2s
}

#working_slider .main-visual-control1 .main-slide-dot li button {
	position: relative;
	display: inline-block;
	padding-left: 7px;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	opacity: 0.3
}

#working_slider .main-visual-control1 .main-slide-dot li button:before {
	position: absolute;
	content: "0";
	left: 0;
	top: 0
}

#working_slider .main-visual-control1 .main-slide-dot li.slick-active button {
	opacity: 1
}

@-webkit-keyframes LoadingBar {
	from {
		width: 0px;
	}

	to {
		width: 80px;
	}
}

@keyframes LoadingBar {
	from {
		width: 0px;
	}

	to {
		width: 80px;
	}
}

/* 화살표 */
#working_slider .main-visual-control1 .main-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	text-align: center
}

#working_slider .main-visual-control1 .main-arrow a {
	transition: all 0.3s;
	position: relative;
	display: block !important
}

#working_slider .main-visual-control1 .main-arrow.main-arrow-prev:hover a {
	transform: translateX(-5px)
}

#working_slider .main-visual-control1 .main-arrow.main-arrow-next:hover a {
	transform: translateX(5px)
}

#working_slider .main-visual-control1 .main-arrow a i {
	color: #fff;
	font-size: 18px
}

/* 메인 비주얼 :: pause,play */
#working_slider .main-visual-control1 .main-play-control {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 1px;
	margin-left: 10px;
}

#working_slider .main-visual-control1 .slick-control-btns {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

#working_slider .main-visual-control1 .slick-control-btns button {
	color: #fff;
	vertical-align: top;
}

#working_slider .main-visual-control1 .slick-control-btns button i {
	vertical-align: top;
	font-size: 22px;
	position: relative;
}

#working_slider .main-visual-control1 .slick-control-btns .slick-play-btn {
	display: none;
}

/* 모바일CSS */
@media screen and (max-width: 1750px) {

	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon {
		bottom: 20px;
	}
}

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

	/* 메인 비주얼 :: 텍스트 */
	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt1 {
		display: block;
		font-size: 5rem;
		margin-bottom: 18px;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 2.5rem;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 span {
		font-size: 4.5rem;
	}
}

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

	/* 작업환경 :: 이미지 */
	#working_slider .main-visual-item:nth-child(1) .main-visual-pc-img1 {
		background: url('../images/technology/work01.jpg') no-repeat 50% 50%;
	}

	#working_slider .main-visual-item:nth-child(2) .main-visual-pc-img1 {
		background: url('../images/technology/work02.jpg') no-repeat 50% 50%;
	}

	#working_slider .main-visual-item:nth-child(3) .main-visual-pc-img1 {
		background: url('../images/technology/work03.jpg') no-repeat 50% 50%;
	}
}

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

	/* 작업환경 :: 이미지  :: 스크롤아이콘 */
	.main-scroll-icon {
		display: none
	}
}

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

	/* 작업환경 :: 이미지 */

	#working_slider .main-visual-item:nth-child(1) .main-visual-pc-img1 {
		background: url('../images/technology/work01.jpg') no-repeat 50% 50%;
	}

	#working_slider .main-visual-item:nth-child(2) .main-visual-pc-img1 {
		background: url('../images/technology/work02.jpg') no-repeat 50% 50%;
	}

	#working_slider .main-visual-item:nth-child(3) .main-visual-pc-img1 {
		background: url('../images/technology/work03.jpg') no-repeat 50% 50%;
	}

	/* 작업환경 :: 이미지  :: 텍스트 */
	#working_slider .main-visual-item .main-visual-txt-con {
		top: 50%;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt1 {
		font-size: 4rem;
		margin-bottom: 15px
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 2.3rem;
		word-break: keep-all;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 span {
		display: inline;
		font-size: 3.5rem;
	}

	/* 작업환경 :: 이미지  :: 컨트롤러 */
	#working_slider .main-visual-control1 .main-slide-dot li {
		margin-right: 10px
	}

	#working_slider .main-visual-control1 .main-slide-dot li button {
		font-size: 12px
	}

	#working_slider .main-visual-control1 .main-arrow a i {
		font-size: 15px;
	}

	/* 작업환경 :: 이미지  :: pause,play */
	#working_slider .main-visual-control1 .main-play-control {
		margin-left: 3px
	}

	#working_slider .main-visual-control1 .slick-control-btns button i {
		font-size: 19px;
	}
}

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

	/* 작업환경 :: 이미지  :: 텍스트 */

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt1 {
		font-size: 2.7rem;
		margin-bottom: 10px
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 2rem;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 br {
		display: none;
	}

	/* 작업환경 :: 이미지  :: pause,play */
	#working_slider .main-visual-control {
		bottom: 20px;
	}
}

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

	/* 작업환경 :: 이미지  :: 텍스트 */

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt1 {
		font-size: 2.1rem;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 1.5rem;
	}

	#working_slider .main-visual-item .main-visual-txt-con .main-visual-txt2 span {
		font-size: 2.3rem;
	}
}

/* ==================================================
	제작범위 -  Auto soldering
================================================== */
/*제작범위 공통*/
.facility.tech_top {
	min-height: 350px;
}

.facility.tech_top::before {
	display: none;
}

.auto .tech_top {
	background: url('../images/facility/auto_soldering_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.standard {
	margin-top: 20px;
	margin-bottom: 5rem;
}

.standard li {
	display: grid;
	grid-template-columns: 120px auto;
	gap: 20px;
	margin-bottom: 10px;
	align-items: center;
}

.standard li strong {
	display: block;
	padding: 0.4rem 2rem;
	color: #fff;
	font-weight: 1.8rem;
	border-radius: 3rem;
	text-align: center;
}

.standard strong.pro {
	background: #48acd8;
}

.standard strong.ref {
	background: #4472c4;
}



/*제작범위 공통*/

.auto_box {
	margin-bottom: 5rem;
}

.auto_box:last-child {
	margin-bottom: 0;
}

.auto_box .cont {
	background: #f8f8f8;
	padding: 3.5rem;
	border-radius: 2rem;
}

.auto_box .cont img {
	display: block;
	width: 100%;
	padding: 5rem 0;
}

.cont_tit em {
	display: inline-block;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	padding: 0.5rem 2rem;
	border-radius: 5rem;
}

.cont_tit em.space {
	background: #f58252;
}

.cont_tit em.mil {
	background: #2e94b6;
}

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

	.facility.tech_top {
		min-height: 200px;
	}

	.auto_box .cont img {
		display: block;
		width: 100%;
		padding: 2rem 0;
	}

	.auto .cont_tit em {
		font-size: 1.8rem;
		padding: 0.5rem 1.5rem;
	}

}

/* ==================================================
	제작범위 -  Manual soldering
================================================== */

.manual .tech_top {
	background: url('../images/facility/manual_top.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.sf_list .list_3 li.img {
	position: relative;
	border: 1px solid #ddd;
}

.sf_list .list_3 li.img span {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 1.8rem;
	padding: 1.5rem 0;
	background: #0000005f;
	color: #fff;
	display: block;
	text-align: center;
	left: 0;
}


.manual .sf_list table.chart01 {
	height: 100%;
}

.manual .sf_list table.chart01 th {
	border-right: solid 1px #c5cbcf;
}

@media screen and (max-width:1023px) {
	.manual .sf_list.tinning .list_3 {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ==================================================
	제작범위 -  Coating
================================================== */

.coating .sf_list .list_3 {
	grid-template-columns: 35% 50% 15%;
}


.coating .sf_list .list_3 li:nth-child(2) {
	flex-direction: row;
}

@media screen and (max-width:1023px) {
	.coating .sf_list .list_3 {
		grid-template-columns: 70% calc(30% - 2rem);
		gap: 2rem;
	}

	.coating .sf_list .list_3 li:nth-child(2) {
		order: 3;
		grid-area: 2 / 1 / 3 / -1;
		flex-direction: column;
	}
}


/* ==================================================
	제작범위 -  Harness Assembly & LRU
================================================== */
.harness .cont.adv {
	position: relative;
	padding-bottom: 10rem;
}

.harness .cont.adv span {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 3rem;
	text-align: center;
}

.harness .sf_list .list_3.list_2 {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 30px;
}

em.red {
	font-weight: bold;
	color: #ff754b;
}

.harness table.chart01 {
	height: 100%;
}

.harness table.chart01 th {
	border-right: solid 1px #c5cbcf;
}

@media screen and (max-width:800px) {
	.harness .sf_list .list_3.list_2 {
		grid-template-columns: repeat(1, 1fr);
		gap: 2rem 0;
		margin-top: 20px;
	}

	.harness .sf_list .list_3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.harness .sf_list.lru .list_3 li:nth-child(2) {
		order: 3;
		grid-area: 2 / 1 / 3 / -1;
		flex-direction: column;
	}
}

/* ==================================================
	제작범위 -  설비 및 검사 장비
================================================== */
.fa_box {
	margin-bottom: 5rem;
}

.fa_box:last-child {
	margin-bottom: 0;
}


.fa_box .list_3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5rem;
	position: relative;
	margin-bottom: 5rem;
}

.fa_box .list_3:last-child {
	margin-bottom: 0;
}

.fa_box .list_3 li {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	position: relative;
}

/*.fa_box .list_3 li:before {
	position: absolute;
	display: block;
	content: '';
	width: calc(100% + 5rem);
	height: calc(100% - 359px - 2.5rem);
	bottom: 0;
	left: 0;
	background: #f5f5f5;
}*/

.fa_box .list_3 li:nth-child(3n)::before,
.fa_box .list_3 li:last-child::before,
.fa_box .list_3 li:nth-child(3n) .txt,
.fa_box .list_3 li:last-child .txt {
	width: 100%;
}

.fa_box .list_3 li .img {
	border: 1px solid #ddd;
}

.fa_box .list_3 li .img img {
	display: block;
	width: 100%;
}

.fa_box .list_3 li .txt {
	position: relative;
	padding: 3rem 5rem 3rem;
	background: #f5f5f5;
	width: calc(100% + 5rem);
	min-height: 16rem;
}

.fa_box .list_3 li .txt:before {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 65%;
	top: 3rem;
	left: 30px;
	background: #0059a7;
}

.fa_box .list_3 li .txt:after {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	top: 3rem;
	left: 26.5px;
	background: #0059a7;
}

.fa_box .list_3 li .txt h4 {
	color: #0059a7;
	font-size: 2rem;
}

.fa_box .list_3 li .txt h5 {
	color: #0059a7;
	font-weight: 500;
	font-size: 1.8rem;
	margin-top: 0.8rem;
}

.fa_box .list_3 li .txt p {
	color: #555;
	line-height: 1.4;
	font-size: 1.5rem;
	margin-top: 1.2rem;
}

.fa_box .list_3 li .txt .red {
	color: #f58252;
}

.fa_box .list_3.list_3.list_2 {
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 5rem;
}

.fa_box .list_3.list_3.list_2 li {
	display: grid;
	grid-template-columns: 60% 40%;
}

.fa_box .list_3.list_3.list_2 li .txt:after,
.fa_box .list_3.list_3.list_2 li .txt:before {
	top: 10%;
}

.fa_box .list_3.list_3.list_2 li .img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fa_box .list_3.list_3.list_2 li .txt {
	width: 100%;
	background: transparent;
}

.fa_box .list_3.list_3.list_2 li .txt img {
	display: block;
	border-radius: 2rem;
	-moz-border-radius: 2rem;
	margin-top: 3rem;
	width: 100%;
}

@media screen and (max-width:1024px) {
	.fa_box .list_3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.fa_box .list_3 li:nth-child(2n) .txt {
		width: 100%;
	}

	.fa_box .list_3 li:nth-child(3n) .txt {
		width: calc(100% + 5rem);
	}

	.fa_box .list_3.list_3.list_2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.fa_box .list_3.list_3.list_2 li {
		display: grid;
		grid-template-columns: 50% calc(50% - 5rem);
	}

	.fa_box .list_3.list_2 li .txt {
		padding: 3rem 4rem;
	}

	.fa_box .list_3.list_2 li .txt:before {
		left: 10px
	}

	.fa_box .list_3.list_2 li .txt:after {
		left: 6.5px;
	}
}

@media screen and (max-width:800px) {
	.fa_box .list_3 {
		grid-template-columns: repeat(1, 1fr);
	}
}



/* ==================================================
	제작범위 -  설비 및 검사 장비
================================================== */


.inquiry_bg {
	background: url('../images/community/inquiry_bg.jpg') no-repeat 50% 50%;
	background-size: cover;
}

.inquiry_bg p {
	color: #fff;
	letter-spacing: -0.3px;
	font-size: 4.5rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 12.4rem 0;
	padding-left: 10rem;
	word-break: keep-all;
}

.inquiry_bg .inq_txt {
	font-size: 2.6rem;
	font-weight: 500;
	display: block;
}


.inq_con {
	position: relative;
	height: 15rem;
	background: #0058a2;
	border-radius: 0 0 6rem 6rem;
	display: flex;
	align-items: center;
	padding: 0 3rem;
	position: relative;
	justify-content: center;
}

.inq_logo {
	width: 17.7rem;
	height: 5rem;
	background: url("../images/gnb/logo_w.svg") center no-repeat;
	background-size: 100%;
}

.inq_con ul {
	position: relative;
	margin-left: 10.8rem;
}

.inq_con ul:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5.3rem;
	width: 1px;
	height: 2.5rem;
	background: rgba(255, 255, 255, 0.6);
}

.inq_con ul li {
	display: flex;
	align-items: center;
}

.inq_con ul li span {
	color: #ffffff;
	font-size: 2rem;
	line-height: 1;
	display: flex;
	align-items: center;
	margin-right: 3.5rem;
}

.inq_con ul li span:last-child {
	margin-right: 0;
}

.inq_con ul li strong {
	color: #ffffff;
	font-size: 2rem;
	font-weight: var(--font-bd);
	margin-right: 2.5rem;
}

.inq_con ul li a {
	color: #ffffff;
}

.iqu_flex {
	display: flex;
	align-items: center;
}

.inq_qr {
	width: 8rem;
	height: 8rem;
	background: url("../images/community/inq_qr.jpg") center no-repeat;
	background-size: 100%;
}

/* 모바일CSS */
@media screen and (max-width:1100px) {

	.inquiry_bg p {
		font-size: 4rem;
		padding: 9rem 0;
		padding-left: 8rem;
	}

	.inquiry_bg .inq_txt {
		font-size: 2.2rem;
	}

	.inq_con {
		height: auto;
		padding: 4rem 5rem;
		flex-wrap: wrap;
	}

	.iqu_flex {
		flex-wrap: wrap;
		width: 100%;
	}

	.inq_logo {
		margin: 0 auto;
	}

	.inq_con ul {
		width: 100%;
		margin-left: 0;
		margin-top: 3.5rem;
	}

	.inq_con ul:before {
		display: none;
	}

	.inq_con ul li {
		flex-wrap: wrap;
		justify-content: center;
	}

	.inq_con ul li span {
		font-size: 18px;
		flex-wrap: wrap;
		line-height: 1.2;
	}

	.inq_con ul li span:last-child {
		margin-right: 0;
	}

	.inq_qr {
		width: 7rem;
		height: 7rem;
	}
}

@media screen and (max-width:800px) {
	.inquiry_bg p {
		font-size: 3.5rem;
	}

	.inquiry_bg .inq_txt {
		display: block;
		font-size: 2.2rem;
	}

	.inq_con {
		justify-content: flex-start
	}

	.inq_con ul {
		margin-top: 3rem;
	}

	.inq_con ul li {
		display: block;
	}

	.inq_con ul li span {
		font-size: 17px;
		margin-top: 0.5rem;
		margin-right: 0;
		justify-content: center;
		/*        justify-content: flex-start;*/
	}

	.inq_con ul li span:first-child {
		margin-top: 0;
	}

	.inq_qr {
		width: 6rem;
		height: 6rem;
		margin: 2rem auto 0;
	}
}