@charset "utf-8";

/* ==================================================
	공통사항
================================================== */
.span_dp {
	display: block;
}

.img100 {
	width: 100%;
}

.tit {
	margin-bottom: 4rem;
}

.tit_dot{
    display: inline-block;
    margin-bottom: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var( --color-burgundy);	
}

.tit h4 {
	font-size: var(--rem-40);
	font-weight: var(--font-bd);
	color: var(--color-cyan);
}

.tit p {
	margin-top: 20px;
	font-weight: 400;
	font-size: 2.4rem;
}

.tit p span {
	display: block;
	font-size: 80%;
}

.txt {
	word-break: keep-all;
}

.txt h5 {
	font-weight: var(--font-sb);
	font-size: var(--rem-24);
}

.txt p {
	margin-top: 20px;
	font-weight: var(--font-sb);
	font-size: var(--rem-18);
}

/* 애니메이션 */
.cont_inner {
	width: 100%;
	opacity: 0;
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all .6s cubic-bezier(0.42, 0.0, 0.58, 1.0);
	-webkit-transition: all .6s cubic-bezier(0.42, 0.0, 0.58, 1.0);
}

.cont_inner.active {
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0)
}

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

	.tit_dot {
		margin-bottom: 6px;
		width: 12px;
		height: 12px;
	}

	.tit {
		margin-bottom: 3rem;
	}

	.tit h4 {
		font-size: 3rem;
	}

	.tit p {
		margin-top: 16px;
		font-size: 2rem;
	}

	.txt h5 {
		font-size: 2rem;
	}

	.txt p {
		margin-top: 16px;
		font-size: 1.7rem;
	}
}

@media screen and (max-width:800px) {
	
	.tit h4 {
		font-size: 2.4rem;
	}

	.tit p {
		margin-top: 12px;
		font-size: 1.8rem;
	}

	.txt h5 {
		font-size: 1.8rem;
	}

	.txt p {
		margin-top: 12px;
		font-size: 1.6rem;
	}

	.span_dp {
		display: inline;
	}

	.xp_hide {
		display: none;
	}
}

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

	.tit_dot {
		margin-bottom: 2px;
		width: 8px;
		height: 8px;
	}

	.tit {
		margin-bottom: 2rem;
	}

	.tit br,
	.txt br {
		display: none;
	}
}

/* ==================================================
	공통테이블
================================================== */
.sub_con {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.subtable {
	width: 100%;
	border: 0;
	border-spacing: 0;
	background: #fff;
	border-top: #000 2px solid;
	text-align: center;
}

.subtable caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}

.subtable tr th,
.subtable tr td {
	vertical-align: middle;
}

.subtable tr th {
	padding: 1.8rem 0.4rem;
	background-color: #f3f3f3;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	color: #333;
	font-size: 1.8rem;
	font-weight: 700;
}

.subtable thead tr:first-child th:last-child {
	border-right: none;
}

.subtable tr td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1.5rem 1rem;
	color: #595959;
	line-height: 1.4;
	word-break: keep-all;
	font-size: 1.7rem;
}

.subtable tr td:first-child {
	border-left: 0;
}

.subtable tr td.bg_gray {
	background: #f1f3f5;
	color: #222;
	font-weight: bold;
	border-left: 0;
}

.subtable_tit {
	background: #f1f3f5;
	text-align: center;
	color: #222;
	font-weight: bold;
}

.subtable_text {
	padding: 10px 20px !important;
}

.subtablebdl {
	border-left: 1px solid #dee2e6;
}

.subtable_bordleft {
	border-left: 0 !important;
}

/* 모바일CSS */
@media screen and (max-width:768px) {
	.subtable tr th {
		padding: 1.2rem 0.4rem;
		font-size: 1.6rem;
	}

	.subtable tr td {
		padding: 1rem 0.8rem;
		font-size: 1.5rem;
	}

	.subtable_tit {
		display: block;
		padding: 10px 0 10px 20px !important;
	}

	.subtable_text {
		display: block;
		border-left: none;
		padding: 10px 0 10px 20px !important;
	}
}

/* ==================================================
	아이콘
================================================== */
.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: 700;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.l-list01 {
		font-size: 17px;
	}

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

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

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

	.con_table_wrap {
		position: relative;
	}

	.table_scroll {
		width: 200%;
		max-width: 1100px;
	}

	.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;
	}
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #dbdbdb;
	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);
}

/* ==================================================
	회사소개 - 회사개요
================================================== */
.oerview{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 6rem;
}

.oerview .signboard{
	width: calc(50% - 3rem);
	/*height: 35rem;
	border-radius: 15px;
	background: url('../images/about/overview01.jpg') center no-repeat;
	background-size: cover;*/
}

.oerview .signboard img{
	display: block;
	width: 100%;
}

.oerview .conbox{
	width: calc(50% - 3rem);
}

.oerview .conbox dl{
	margin-top: 1rem;
}

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

.oerview .conbox dl dt {
	float: left;
	position: relative;
	width: 128px;
	padding: 4px 8px;
	text-align: left;
	color: #313131;
}

.oerview .conbox dl dt::before {
	content: '';
	position: absolute;
	top: 14px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #868e96;
	border-radius: 50%;
}

.oerview .conbox dl dd {
	float: left;
	width: calc(100% - 128px);
	font-weight: var(--font-md);
}

/* 주요 제품 */
.overview_pro{
	margin-top: 11rem;
	padding-top: 8rem;
	border-top: solid 1px #C5C5C5;
}

.overview_pro h4{
	padding-bottom: var(--rem-20);
	font-weight: var(--font-bd);
	font-size: var(--rem-35);
	color: var(--color-cyan);
	text-align: center;
}

.overview_pro .pro_list{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    gap: 23px 25px;
    width: 100%;
}

.overview_pro .pro_list img{
	display: block;
    width: 100%;
}
/* 모바일CSS */
@media screen and (max-width:1100px) {

	.oerview .conbox{
		width: calc(50% - 3rem);
	}

	.oerview .conbox dl dt {
		width: 100px;
		font-size: var(--rem-17);
	}
	
	.oerview .conbox dl dd {
		width: calc(100% - 100px);
		font-size: var(--rem-17);
	}

	/* 주요 제품 */
	.overview_pro{
		margin-top: 10rem;
		padding-top: 7rem;
	}

	.overview_pro h4{
		padding-bottom: var(--rem-20);
		font-size: var(--rem-30);
	}

	.overview_pro .pro_list{
		gap: 22px 20px;
	}
}

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

	.oerview {
		gap: 4rem;
	}

	.oerview .signboard{
		width: 100%;
		max-width: 640px;
	}

	.oerview .conbox{
		width: 100%;
	}

	/* 주요 제품 */
	.overview_pro{
		margin-top: 8rem;
		padding-top: 5rem;
	}

	.overview_pro .pro_list{
		gap: 18px 14px;
	}
}

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

	.oerview {
		gap: 4rem;
	}

	.oerview .conbox dl dt {
		font-size: var(--rem-16);
	}
	
	.oerview .conbox dl dd {
		font-size: var(--rem-16);
	}

	/* 주요 제품 */
	.overview_pro{
		margin-top: 6rem;
		padding-top: 4rem;
	}

	.overview_pro h4 {
		padding-bottom: var(--rem-18);
		font-size: var(--rem-25);
	}

	.overview_pro .pro_list{
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
		gap: 18px 14px;
	}
}

/* ==================================================
	회사소개 - 인사말
================================================== */
.greeting{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	gap: 6rem;
}

.greeting .profile{
    order: 2;
	position: relative;
	width: calc(50% - 3rem);
	height: 42rem;
    margin-bottom: 14rem;
	border-radius: 21rem 15px 15px 21rem;
	background: url('../images/about/ceo.jpg') center no-repeat;
	background-size: cover;
}

.greeting .profile .block{
    position: absolute;
	content: '';
    bottom: -12rem;
    left: 20%;
	width: 60%;	height: 50%;
	border-radius: 0 15rem 15rem 15px;
	background: #DFDFDF;
	z-index: -1;
}

.greeting .ceotxt{
    order: 1;
	width: calc(50% - 3rem);
	font-size: var(--rem-20);
}

.greeting .ceoname {
	margin-top: var(--rem-30);
	margin-top: 2.4rem;
}

.greeting .ceoname img {
	margin-left: 2rem;
    vertical-align: middle;
}

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

	.greeting {
		gap: 5rem;
	}

	.greeting .profile {
		height: 32rem;
		left: 20%;
		width: 60%;
		margin-bottom: 10rem;
	}
	
	.greeting .profile .block {
		bottom: -10rem;
	}

	.greeting .ceotxt {
		order: 2;
		width: 100%;
		font-size: var(--rem-18);
	}
}

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

	.greeting .profile {
		height: 28rem;
	}
}

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

	.greeting {
		gap: 4rem;
	}
	
	.greeting .profile {
		height: 24rem;
		left: 0%;
		width: 100%;
		margin-bottom: 8rem;
		border-radius: 16rem 10px 10px 16rem;
	}
	
	.greeting .profile .block {
		bottom: -6rem;
		left: 18%;
		width: 55%;
		height: 50%;
		border-radius: 0 15rem 15rem 15px;
	}
}


/* ==================================================
	회사소개 - 비전
================================================== */
.vision .tit{
    margin-bottom: 6rem;
	text-align: var(--text-ag-center);
}
.vision .tit p{
	font-weight: var(--font-md);
	color: var(--color-burgundy);
}

.vision .pro{
	position: relative;
	display: flex;
    justify-content: space-evenly;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.vision .pro::before{
	content: '';
	position: absolute;
	top: 50px;	left: 0;
	width: 100%;
	height: 160px;
	background-color: #DDEFEB;
	border-radius: 80px;
	z-index: -1;
}

.vision .pro p{
	margin-top: var(--rem-20);
	font-weight: var(--font-md);
	font-size: var(--rem-22);
	text-align: var(--text-ag-center);
}

/* 과제 */
.vision .task{
	display: flex;
    justify-content: center;
	margin-top: 10rem;
}

.vision .task h4{
	font-weight: var(--font-bd);
	font-size: 3rem;
	color: var(--color-cyan);
}

.vision .task dl{
	margin-left: 5rem;
	padding-left: 5rem;
	border-left: solid 1px #C5C5C5;
}

.vision .task dt{
	margin-bottom: 2rem;
	font-weight: var(--font-md);
	font-size: var(--rem-20);
}

.vision .task dd{
	position: relative;
    margin-top: 8px;
    padding-left: 7px;
	font-weight: var(--font-rg);
	font-size: var(--rem-18);
}

.vision .task dd::before{
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000000;
    border-radius: 50%;
}

/* 모바일 CSS */
@media all and (max-width:1100px) {
	
	.vision .tit{
		margin-bottom: 5rem;
	}
	
	.vision .pro::before {
		top: 20%;
		height: calc(60% - 20px);
	}

	.vision .pro img{
		display: block;
		width: 100%;
	}

	.vision .pro p{
		margin-top: var(--rem-18);
		font-size: var(--rem-20);
	}
	
	/* 과제 */
	.vision .task{
		margin-top: 9rem;
	}

	.vision .task h4{
		font-size: 2.5rem;
	}

	.vision .task dl{
		margin-left: 4rem;
		padding-left: 4rem;
	}

	.vision .task dt{
		margin-bottom: var(--rem-19);
		font-size: var(--rem-19);
	}
	
	.vision .task dd{
		margin-top: 7px;
		font-size: var(--rem-17);
	}
}

@media all and (max-width:800px) {
	
	.vision .tit{
		margin-bottom: 4rem;
	}

	.vision .pro {
		gap: 2rem;
		padding: 0 3rem;
	}

	.vision .pro p{
		margin-top: var(--rem-16);
		font-size: var(--rem-18);
	}
	
	/* 과제 */
	.vision .task{
		display: block;
		margin-top: 8rem;
	}

	.vision .task h4 {
		display: block;
		font-size: 2.5rem;
	}

	.vision .task dl{
		display: inline-block;
		width: 32%;
		margin-top: 2rem;
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}

	.vision .task dt {
		margin-bottom: var(--rem-18);
		font-size: var(--rem-18);
	}

	.vision .task dd {
		margin-top: 6px;
		font-size: var(--rem-16);
	}
}

@media all and (max-width:480px) {

	.vision .pro {
		flex-direction: column;
		width: calc(100% - 12rem);	
		margin: 0 6rem;
		padding: 0 6rem;
	}
	
	.vision .pro::before {
		top: 10%;
		height: calc(80% - 6rem);
		border-radius: 6rem;
	}

	.vision .pro p {
		margin-top: var(--rem-14);
		font-size: var(--rem-16);
	}

	/* 과제 */
	.vision .task{
		display: grid;
		margin-top: 6rem;
	}

	.vision .task dl{
		width: 100%;
		margin-top: 3rem;
		padding-top: 3rem;
		border-top: solid 1px #C5C5C5;
	}
}

/* ==================================================
	회사소개 - 연혁
================================================== */
.his .top_pic{
	position: relative;
	margin-bottom: 11rem;
}

.his .top_pic .imgcon{
	position: relative;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.his .top_pic .imgcon img{
	display: block;
	width: 100%;
}

/* 연혁내용 */
.history ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6rem 0;
}

.history .history_con{
	position: relative;
	border-top: solid 1px #C5C5C5;
}

.history .history_con::before {
    content: '';
    position: absolute;
    top: -7.5px;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: var(--color-burgundy);
    border-radius: 50%;
}

.history_con h3{
	padding-top: 2.7rem;
	font-weight: var(--font-sb);
	font-size: var(--rem-30);
	color: var(--color-burgundy);
}

.history_con:first-child h3{
	font-weight: var(--font-bd);
}

.history_con .history_text{
	display: block;
	padding-right: 12rem;
}

.history_con li{
	position: relative;
	margin-top: 14px;
	padding-left: 7px;
}

.history_con li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000000;
    border-radius: 50%;
}

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

	.his .top_pic{
		margin-bottom: 10rem;
	}
	
	/* 연혁내용 */
	.history ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 5rem 0;
	}
	
	.history_con h3{
		padding-top: 2.4rem;
		font-size: var(--rem-24);
	}
	
	.history_con .history_text {
		padding-right: 8rem;
	}
}

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

	.his .top_pic{
		margin-bottom: 9rem;
	}

	/* 연혁내용 */
	.history_con h3{
		padding-top: 2rem;
		font-size: var(--rem-20);
	}

	.history_con .history_text {
		padding-right: 6rem;
	}
}

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

	.his .top_pic{
		margin-bottom: 6rem;
	}

	.his .top_pic .imgcon{
		border-radius: 10px 10px 0 0;
	}	

	/* 연혁내용 */	
	.history ul {
		grid-template-columns: repeat(1, 1fr);
		gap: 4rem 0;
	}

	.history .history_con::before {
		top: -5px;
		width: 9px;
		height: 9px;
	}
	
	.history_con .history_text {
		padding-right: 0;
	}

}

/* ==================================================
	회사소개 - 인증현황
================================================== */
.cer .tit{
    margin-bottom: 2rem;
}

.cer .list{
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    gap: 3.7rem 3.5rem;
}

.cer .list img {
    display: block;
	width: 100%;
    border: 1px solid #C5C5C5;
}

.cer .list p {
	width: 100%;
	margin-top: var(--rem-20);
    font-size: var(--rem-20);
	text-align: center;
}

.certificate{
	margin-top: 8rem;
	padding-top: 8rem;
	border-top: solid 1px #C5C5C5;
}

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

	.cer .list{
		-ms-grid-columns: (1fr) [ 3 ];
		grid-template-columns: repeat(3, 1fr);
		gap: 3.2rem 3.0rem;
	}
	
	.cer .list p {
		margin-top: var(--rem-18);
		font-size: var(--rem-18);
	}

	.certificate{
		margin-top: 7rem;
		padding-top: 7rem;
	}
}

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

	.cer .list{
		-ms-grid-columns: (1fr) [ 2 ];
		grid-template-columns: repeat(2, 1fr);
		gap: 2.2rem 2.0rem;
	}
	
	.cer .list p {
		margin-top: var(--rem-16);
		font-size: var(--rem-16);
	}

	.certificate{
		margin-top: 6rem;
		padding-top: 6rem;
	}
}


/* ==================================================
	회사소개 - 주요고객
================================================== */
.customer .top_pic{
	margin-bottom: 6rem;
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}

.customer .top_pic img{
	display: block;
	width: 100%;
}

.customer .tit{
	text-align: center;
}

.client {
	margin-top: 4rem;
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	gap: 3.7rem 3.5rem;
}

.client li {
	display: inline-flex;
	border: 1px solid #C5C5C5;
}

.client img {
	width: 100%;
}

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

	.customer .top_pic {
		margin-bottom: 5rem;
	}
}

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

	.customer .top_pic {
		margin-bottom: 4rem;
	}

	.client {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(2, 1fr);
		gap: 1.75rem 2rem;
	}
}

@media screen and (max-width:480px) {
	
	.customer .top_pic{
		margin-bottom: 3rem;
		border-radius: 10px 10px 0 0;
	}
}

/* ==================================================
	회사소개 - 오시는 길
================================================== */
.location{
	display: flex;
	margin-bottom: 10rem;
}

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

.location{
	display: flex;
}

.location .tit{
	width: 35%;
}

.location .tit dl{
	margin-top: 1rem;
}

.location .tit dl:first-child{
	margin-top: 2.5rem;
}

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

.location .tit dl dt {
	float: left;
	position: relative;
	padding: 0 8px;
	font-size: var(--rem-20);
	text-align: left;
	color: #313131;
}

.location .tit dl dt::before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #000000;
	border-radius: 50%;
}

.location .tit dl dd {
	float: left;
	max-width: calc(100% - 90px);
	font-weight: var(--font-md);
	font-size: var(--rem-20);
}

.location .cn{
	font-family: 'Noto_Sans_SC';
	font-weight: 500 !important;
}
/* 지도 */
.map_size {
	width: 65%;
}

.root_daum_roughmap {
	width: 100% !important;
}

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

	.location{
		margin-bottom: 8rem;
	}

	.location .tit {
		width: 30rem;
	}
	
	.location .tit dl dt {
		font-size: var(--rem-18);
	}	

	.location .tit dl dd {
		font-size: var(--rem-18);
	}
	
	/* 지도 */
	.map_size {
		width: calc(100% - 30rem);
		height: 340px;
	}

	.root_daum_roughmap {
		height: 340px !important;
	}
}

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

	.location {
		display: grid;
		margin-bottom: 6rem;
	}

	.location .tit {
		width: 100%;
	}
	
	.location .tit dl dt {
		font-size: var(--rem-17);
	}	

	.location .tit dl dd {
		font-size: var(--rem-17);
	}
	
	/* 지도 */
	.map_size {
		width: 100%;
		height: 260px;
	}

	.root_daum_roughmap {
		height: 260px !important;
	}
}

/* ==================================================
	제품소개
================================================== */
.spindle {
	text-align: var(--text-ag-center);
}
.spindle img{width: 100%;}

/* 제품 사양 */
.pro_con{
	display: -ms-grid;
	display: grid;
	gap: 8rem;
    padding-top: 2rem;
}

.pro_con li{
	display: flex;
	gap: 12rem;
}

.pro_con .pic{
	position: relative;
    flex-basis: 44rem;
}

.pro_con .pic::before{
	content: '';
	position: absolute;
	top: 0;	left: 0;
	width: calc(100% - 30px);
	height: calc(100% - 50px);
	background: #EAEAEA;
	border-radius: 10px;
}

.pro_con .pic img{
	position: relative;
    width: 100%;
	padding-left: var(--rem-20);
	padding-top: var(--rem-50);
}

.pro_con .spec{
    flex-basis: calc(100% - 56rem);
	text-align: var(--text-ag-left);
}

.pro_con .spec h5{
    font-size: var(--rem-40);
	color: var(--color-cyan);
}

.pro_con .spec ul{
    margin-top: var(--rem-25);
}

.pro_con .spec li{
    gap: var(--rem-13);
}

.pro_con .spec .title{
    flex-basis: 230px;
	padding: 12px 20px;
	font-weight: var(--font-fg);
	color: #6D6D6D;
	border-bottom: solid 1px #C5C5C5;
}

.pro_con .spec .txt{
    flex-basis: calc(100% - 240px);
	padding: 12px 20px;
	font-weight: var(--font-md);
	border-bottom: solid 1px #000000;
}

.pro_con .spec li:first-child .title{
	border-top: solid 1px #C5C5C5;
	
}
.pro_con .spec li:first-child  .txt{
	border-top: solid 1px #000000;
}

/* 제품 적용분야 */
.application{
	margin-top: 10rem;
}

.application h5{
	font-weight: var(--font-sb);
	font-size: var(--rem-30);
}

.application ul{
	display: -ms-flexbox;
	display: flex;
	gap: var(--rem-40);
    margin-top: var(--rem-20);
}

.application img{
	display: block;
	width: 100%;
	border-radius: 15px;
}

.application p{
	padding-top: var(--rem-20);
	font-weight: var(--font-md);
	font-size: var(--rem-22);
	text-align: var(--text-ag-center);
}

/* 버튼 리스트 */
.btm_btn_list{
	display: flex;
    justify-content: center;
	gap: var(--rem-10);
	margin-top: 10rem;
}

.btm_btn_list a{
    display: flex;
    align-items: center;
    justify-content: center;
	width: 150px;	height: 50px;
	text-align: var(--text-ag-center);
	border: solid 1px #000; 
	border-radius: 25px;
}

.btm_btn_list img{
	padding-left: var(--rem-18);
}

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

	/* 제품 사양 */
	.pro_con{
		gap: 7rem;
		padding-top: 3rem;
	}

	.pro_con li{
		gap: 7rem;
	}

	.pro_con .pic{
		flex-basis: 40%;
	}

	.pro_con .spec{
		flex-basis: calc(60% - 7rem);
	}

	.pro_con .spec h5{
		font-size: var(--rem-35);
	}

	.pro_con .spec ul {
		margin-top: var(--rem-20);
	}

	.pro_con .spec .title{
		flex-basis: 210px;
		padding: 10px 18px;
		font-size: var(--rem-17);
	}

	.pro_con .spec .txt{
		flex-basis: calc(100% - 210px);
		padding: 10px 18px;
		font-size: var(--rem-17);
	}

	/* 제품 적용분야 */
	.application{
		margin-top: 8.6rem;
	}

	.application h5{
		font-size: var(--rem-25);
	}

	.application ul{
		gap: var(--rem-30);
		margin-top: var(--rem-18);
	}

	.application p{
		padding-top: var(--rem-18);
		font-size: var(--rem-20);
	}

	/* 버튼 리스트 */
	.btm_btn_list{
		margin-top: 8.6rem;
	}
	
	.btm_btn_list a {
		width: 140px;
		height: 45px;
		font-size: var(--rem-17);
	}
}
@media screen and (max-width: 800px) {

	/* 제품 사양 */
	.pro_con{
		gap: 6rem;
		padding-top: 3rem;
	}

	.pro_con li{
		flex-direction: column;
		gap: 4rem;
	}

	.pro_con .pic{
		flex-basis: 100%;
	}

	.pro_con .pic::before{
		width: 100%;
		height: 100%;
	}

	.pro_con .pic img {
		padding-left: var(--rem-45);
		padding-right: var(--rem-45);
		padding-bottom: var(--rem-40);
	}

	.pro_con .spec{
		flex-basis: 100%;
	}

	.pro_con .spec h5{
		font-size: var(--rem-30);
	}

	.pro_con .spec ul {
		margin-top: var(--rem-15);
	}

	.pro_con .spec li {
		flex-direction: row;
	}

	.pro_con .spec .title{
		flex-basis: 170px;
		padding: 9px 3px;
		font-size: var(--rem-16);
	}

	.pro_con .spec .txt{
		flex-basis: calc(100% - 170px);
		padding: 9px 3px;
		font-size: var(--rem-16);
	}

	/* 제품 적용분야 */
	.application{
		margin-top: 7.2rem;
	}

	.application ul{
		gap: var(--rem-25);
	}

	.application p{
		padding-top: var(--rem-16);
		font-size: var(--rem-18);
	}
	
	/* 버튼 리스트 */
	.btm_btn_list{
		margin-top: 7.2rem;
	}
	
	.btm_btn_list a {
		width: 130px;
		height: 40px;
		font-size: var(--rem-16);
	}

	.btm_btn_list img {
		padding-left: var(--rem-16);
	}
}
@media screen and (max-width: 640px) {

	/* 제품 사양 */
	.pro_con {
		padding-top: 2rem;
	}
	.pro_con .pic {
		flex-basis: 86%;
	}

	.pro_con .spec {
		flex-basis: calc(100%);
	}

	.pro_con .spec .title {
		flex-basis: 155px;
		padding: 9px 1px;
		font-size: var(--rem-15);
	}
	
	.pro_con .spec .txt {
		flex-basis: calc(100% - 155px);
		padding: 9px 1px;
		font-size: var(--rem-15);
	}

	/* 제품 적용분야 */
	.application {
		margin-top: 6rem;
	}

	.application ul {
		gap: var(--rem-15);
	}
	
	.application img{
		border-radius: 10px;
	}

	.application p{
		padding-top: var(--rem-14);
		font-size: var(--rem-16);
	}
	
	/* 버튼 리스트 */
	.btm_btn_list{
		margin-top: 6rem;
	}
	
	.btm_btn_list a {
		width: 120px;
		font-size: var(--rem-15);
	}

	.btm_btn_list img {
		padding-left: var(--rem-14);
	}
}


/* ==================================================
	사업분야 - 경쟁력
================================================== */
.competition {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
}

.competition .pic {
	flex-basis: calc(50% - 4rem);
	width: calc(50% - 4rem);
}

.competition .pic img{
	display: block;
	width: 100%;
	border-radius: 15px;
}

.competition .pic img.pro{
    padding: 0 40px;
    margin-top: -20%;
}

.competition .con_box {
	flex-basis: calc(50% - 4rem);
	width: calc(50% - 4rem);
}

.competition .con_box ul{
	width: 100%;
	display: -ms-grid;	
    display: grid;
	gap: var(--rem-15);
    align-items: center;
}

.competition .con_box li{
	width: 100%;
	display: flex;
	gap:3rem;
    align-items: center;
}

.competition .con_box .step{
	display: -ms-grid;	
    display: grid;
    align-content: center;
    text-align: center;
    flex: 0 0 70px;
	width: 70px;
	height: 70px;
	background: var(--color-cyan);
	border-radius: 50%;
	color: #FFF;
	font-weight: var(--font-lg);
	font-size: var(--rem-13);
    line-height: 1.1;
}

.competition .con_box li{
	position: relative;
}

.competition .con_box li:after{
	content: '';
	position: absolute;
	right: 0;	bottom: -7.5px;
	width: calc(100% - 100px);	height: 1px;
	background: #C5C5C5;
}

.competition .con_box li:last-child:after{
	display: none;
}

.competition .con_box li:nth-child(even) .step{
	background: var(--color-burgundy);
}

.competition .con_box .step span{
	font-weight: var(--font-eb);
	font-size: var(--rem-26);
}

.competition .con_box .text{
	position: relative;
	flex-basis: calc(100% - 100px);
	font-size: var(--rem-22);
}

.competition .con_box .text span{
	font-weight: var(--font-bd);
	color: var(--color-cyan);
}
.competition .con_box li:nth-child(even) .text span{
	color: var(--color-burgundy);
}

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

	.competition {
		gap: 7rem;
	}

	.competition .con_box .step span {
		font-size: var(--rem-24);
	}
	
	.competition .con_box .text {
		font-size: var(--rem-20);
	}
}
@media screen and (max-width: 800px) {

	.competition {
		gap: 6rem;
	}

	.competition .pic {
		flex-basis: calc(80% - 4rem);
		width: calc(80% - 4rem);
	}

	.competition .con_box {
		flex-basis: 100%;
		width: 100%;
	}

	.competition .con_box .step {
		flex: 0 0 60px;
		width: 60px;
		height: 60px;
		font-size: var(--rem-13);
	}
	
	.competition .con_box li {
		gap: 2rem;
	}
	
	.competition .con_box li:after {
		width: calc(100% - 80px);
	}
	
	.competition .con_box .step span {
		font-size: var(--rem-22);
	}

	.competition .con_box .text {
		flex-basis: calc(100% - 80px);
		font-size: var(--rem-18);
	}
}
@media screen and (max-width: 480px) {
	.competition {
		gap: 4rem;
	}

	.competition .pic {
		flex-basis: 100%;
		width: 100%;
	}
	
	.competition .pic img {
		border-radius: 10px;
	}
	
	.competition .con_box .step span {
		font-size: var(--rem-20);
	}

	.competition .con_box .text {
		font-size: var(--rem-16);
	}
}

/* ==================================================
	연구개발 - 기술연구소
================================================== */
.tech_rnd .tit{
	text-align: var(--text-ag-center);
}

.tech_rnd .tit p {
    font-size: var(--rem-20);
	line-height: calc(100% + 10px);
}


.tech_rnd .rnd_list{
	position: relative;
	margin-top: 9rem;
}

.tech_rnd .rnd_list:after{
	content: '';
	position: absolute;
	top: 12rem;	left: -40%;
	width: 180%;	height: 100%;
	background: url('../images/rnd/rnd_bg.jpg') center no-repeat;
    background-size: cover;
	z-index: -1;
}

.tech_rnd .rnd_list ul{
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	gap: 5rem;
}

.tech_rnd .rnd_list li{
	text-align: var(--text-ag-center);
}

.tech_rnd .rnd_list img{
	width: 100%;
}

.tech_rnd .rnd_list li:nth-child(2) img{
	border: solid 1px #D2D2D2;
	border-radius: 50%;
}

.tech_rnd .rnd_list h4{
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: var(--font-bd);
	font-size: var(--rem-30);
	color: #000000;
}

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

	.tech_rnd .tit P {
		font-size: var(--rem-19);
	}

	.tech_rnd .rnd_list {
		margin-top: 8rem;
	}

	.tech_rnd .rnd_list:after {
		left: -25px;
		width: calc(100% + 50px);
		height: 97.5%;
	}
	
	.tech_rnd .rnd_list ul {
		gap: 4rem;
	}

	.tech_rnd .rnd_list h4 {
		margin-top: 25px;
		margin-bottom: 10px;
		font-size: var(--rem-24);
	}

	.tech_rnd .rnd_list p {
		font-size: var(--rem-17);
	}
}
@media screen and (max-width:800px) {

	.tech_rnd .tit P {
		font-size: var(--rem-18);
	}

	.tech_rnd .rnd_list {
		margin-top: 7rem;
	}

	.tech_rnd .rnd_list:after {
		height: 106.5%;
		top: 8rem;
	}

	.tech_rnd .rnd_list ul {
		gap: 2.4rem;
	}

	.tech_rnd .rnd_list h4 {
		margin-top: 20px;
		margin-bottom: 8px;
		font-size: var(--rem-20);
	}

	.tech_rnd .rnd_list p {
		font-size: var(--rem-16);
	}
	
}
@media screen and (max-width: 480px) {

	.tech_rnd .tit p {
		font-size: var(--rem-17);
	}

	.tech_rnd .rnd_list:after {
		left: -15px;
		width: calc(100% + 30px);
		height: 101.5%;
	}

	.tech_rnd .rnd_list ul {
		gap: 3rem 3rem;
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}

	.tech_rnd .rnd_list p {
		font-size: var(--rem-15);
	}
}

/* ==================================================
	연구개발 - 연구개발/실적
================================================== */
.performance .tit{
 text-align: var(--text-ag-center);
}

.performance .tit span {
    font-weight: var(--font-md);
    color: var(--color-burgundy);
    display: inline;
    border-bottom: solid 1px var(--color-burgundy);
    padding-bottom: 4px;
    line-height: 200%;
    font-size: 100%;
}

.performance .exploit{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.performance .exploit img{
    width: 100%;
	border-radius: 10px;
	overflow:hidden;
}

.performance .exploit p {
    margin-top: var(--rem-15);
    font-weight: var(--font-md);
    font-size: var(--rem-22);
    text-align: var(--text-ag-center);
}

/* 연구실적 */
.performance .per{
	margin-top: 8rem;
}

.performance .per h4{
	margin-bottom: 20px;
	font-weight: var(--font-bd);
	font-size: var(--rem-30);
	color: var(--color-cyan);
}

.performance .per ul{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	border :solid 1px #D2D2D2;
	border-radius: 15px
}

.performance .per li{
	padding: 35px 40px;
	border-right:solid 1px #D2D2D2;
}

.performance .per li:last-child{
	border-right:0
}

.performance .per dt{
	margin-bottom: 20px;
	font-weight: var(--font-sb);
	font-size: var(--rem-22);
}

.performance .per dd{
	position: relative;
    margin-top: 8px;
    padding-left: 7px;
    font-weight: var(--font-rg);
    font-size: var(--rem-18);
}

.performance .per dd::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #000000;
    border-radius: 50%;
}

/* 연구목표 */
.performance .per img {
    width: 100%;
}

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

	.performance .exploit {
		gap: var(--rem-30);
	}
}
@media screen and (max-width:800px) {

	.performance .exploit {
		gap: var(--rem-25);
	}
	
	.performance .exploit p {
		margin-top: var(--rem-14);
		font-size: var(--rem-18);
	}

	/* 연구실적 */
	.performance .per {
		margin-top: 7rem;
	}
	
	.performance .per h4 {
		margin-bottom: 20px;
		font-size: var(--rem-22);
	}
	
	.performance .per ul{
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}

	.performance .per li{
		border-bottom: solid 1px #D2D2D2;
		border-right: 0;
	}

	.performance .per li:last-child{
		border-bottom: 0
	}

	.performance .per dt {
		margin-bottom: 18px;
		font-size: var(--rem-19);
	}

	.performance .per dd {
		margin-top: 8px;
		padding-left: 7px;
		font-size: var(--rem-17);
	}
}
@media screen and (max-width: 480px) {

	.performance .exploit {
		gap: var(--rem-20);
	}
	
	.performance .exploit p {
		margin-top: var(--rem-13);
		font-size: var(--rem-16);
	}

	/* 연구실적 */
	.performance .per {
		margin-top: 6rem;
	}

	.performance .per li {
		padding: 30px 20px;
	}

	.performance .per dt {
		margin-bottom: 17px;
		font-size: var(--rem-18);
	}

	.performance .per dd {
		font-size: var(--rem-16);
	}
}

/* ==================================================
	생산설비 - 설비보유현황
================================================== */
.processing .tit{
	text-align: center;
}

.processing .t_list{
	display: flex;
    justify-content: space-around;
	position: relative;
}

.processing .t_list::before{
	content: '';
	position: absolute;
	left: 34.5%;	top: 0;
	width: 1px;	height: 100%;
	background-color: #C5C5C5;
}

.processing .t_list::after{
	content: '';
	position: absolute;
	right: 35.7%;	top: 0;
	width: 1px;	height: 100%;
	background-color: #C5C5C5;
}

.processing .t_list p{
    padding-bottom: 1rem;
	font-weight: var(--font-sb);
	font-size: var(--rem-26);
	color: var(--color-burgundy);
}

.processing .t_list li{
	position: relative;
	padding: 5px 0;
	padding-left: 11px;
	font-size: var(--rem-17);
	letter-spacing: -0.25px;
}

.processing .t_list li::before{
	content: '';
	position: absolute;
	top: 15px;	left: 0;
	width: 4px;	height: 4px;
	background-color: var(--color-black);
	border-radius: 50%;
}

.processing .pic{
	margin-top: 6rem;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.processing .pic img{
    width: 100%;
	border-radius: 10px;
	overflow:hidden;
}

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

	.processing .t_list {
		gap: 4rem;
	}

	.processing .t_list::before {
		left: calc(33.3333% - 1.5rem);
	}
	
	.processing .t_list::after {
		right: calc(33.3333% - 0.5rem);
	}

	.processing .t_list div {
		flex-basis: 30%;
	}

	.processing .t_list p {
		font-size: var(--rem-22);
	}

	.processing .pic {
		margin-top: 5rem;
		gap: var(--rem-18);
	}
}
@media screen and (max-width:800px) {

	.processing .t_list {
		display: grid;
		gap: 4rem;
	}

	.processing .t_list::before{
		display: none;
	}
	
	.processing .t_list::after{
		display: none;
	}

	.processing .t_list div {
		position: relative;
	}

	.processing .t_list div::before {
		content: '';
		position: absolute;
		top: calc(100% + 2rem);
		left: 0%;
		width: 100%;
		height: 1px;
		background-color: #C5C5C5;
	}

	.processing .t_list div:last-child:before{
		display: none;
	}

	.processing .t_list p {
		float: left;
		width: 14rem;
		font-size: var(--rem-19);
	}

	.processing .t_list ul {
		float: left;
		width: calc(100% - 14rem);
	}
	
	.processing .t_list li {
		padding-left: 10px;
		font-size: var(--rem-16);
	}

	.processing .t_list li::before {
		top: 13px;
	}
}

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

	.processing .t_list {
		gap: 5rem;
	}
	
	.processing .t_list p {
		float: none;
		width: 100%;
		font-size: var(--rem-18);
	}

	.processing .t_list ul {
		float: none;
		width: 100%;
	}
	
	.processing .t_list li {
		padding-left: 10px;
		font-size: var(--rem-15);
	}

	.processing .t_list li::before {
		top: 12px;
		width: 3px;
		height: 3px;
	}
	
	.processing .pic {
		margin-top: 4rem;
		gap: var(--rem-18);
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ==================================================
	생산설비 - 시험설비보유현황
================================================== */
.inspection .top_con{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 7rem;
}

.inspection .top_con .signboard{
	width: 50%;
	height: 35rem;
	border-radius: 15px;
	background: url('../images/facility/inspection_top.jpg') center no-repeat;
	background-size: cover;
}

.inspection .top_con .tit{
	width: calc(50% - 7rem);
}

.inspection .top_con .tit P{
	font-size: var(--rem-20);
	line-height: 1.6;
}

.inspection .top_con .tit p span {
	font-size: var(--rem-20);
}

.inspection .measure{
    display: flex;
    align-items: center;
    gap: 8rem;
    width: 100%;
    margin: 10rem auto;
    padding: 10rem 20rem;
    border-radius: 35rem;
	background: linear-gradient(0deg, #F8F4E7 0%, #E3F0F2 100%);
    box-shadow: 0px 4px 12px rgb(0 0 0 / 15%);
}

.inspection .measure .measure_pic {
    float: left;
    width: calc(40% - 8rem);
    text-align: center;
}

.inspection .measure .measure_pic img{
	width: 100%;
}

.inspection .measure .measure_t {
	float: left;
	width: 60%;
}

.inspection .measure .measure_t .measure_p {
    font-size: var(--rem-35);
    font-weight: var(--font-bd);
    color: var(--color-cyan);
}

.inspection .measure .measure_t ul {
    margin-top: var(--rem-25);
}

.inspection .measure .measure_t li {
    display: flex;
    gap: var(--rem-13);
}

.inspection .measure .measure_t .title {
    flex-basis: 190px;
    padding: 12px 20px;
    font-weight: var(--font-fg);
    color: #6D6D6D;
    border-bottom: solid 1px #C5C5C5;
}

.inspection .measure .measure_t li:first-child .title {
    border-top: solid 1px #C5C5C5;
}

.inspection .measure .measure_t .txt {
    flex-basis: calc(100% - 200px);
    padding: 12px 20px;
    font-weight: var(--font-md);
    border-bottom: solid 1px #000000;
}

.inspection .measure .measure_t li:first-child .txt {
    border-top: solid 1px #000000;
}

.inspection .measure .measure_t .signboard {
    margin-top: var(--rem-40);
	opacity: .15;
}

.inspection .measure .measure_t .signboard img{
	width: 100%;
}


.inspection .pic{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.inspection .pic img{
    width: 100%;
	border-radius: 10px;
	overflow:hidden;
}

.inspection .pic p {
    margin-top: var(--rem-15);
	padding-top: 15px;
    font-weight: var(--font-md);
    font-size: var(--rem-22);
    text-align: var(--text-ag-center);
	background: url('../images/facility/t_icon.png') center top no-repeat;
}
/* 모바일CSS */
@media screen and (max-width:1100px) {

	.inspection .top_con .tit P {
		font-size: var(--rem-19);
	}

	.inspection .top_con .tit p span {
		font-size: var(--rem-19);
	}
	

	.inspection .measure {
	    margin: 9rem auto 8rem;
		padding: 8rem 10rem;
		border-radius: 14rem;
	}

	.inspection .measure .measure_t .measure_p {
		font-size: var(--rem-30);
	}
	
	.inspection .measure .measure_t .title {
		flex-basis: 170px;
		padding: 10px 18px;
		font-size: var(--rem-17);
	}

	.inspection .measure .measure_t .txt {
		flex-basis: calc(100% - 180px);
		padding: 10px 18px;
		font-size: var(--rem-17);
	}
	

	.inspection .pic {
		gap: 30px;
	}
	
	.inspection .pic p {
		font-size: var(--rem-20);
	}
}
@media screen and (max-width:800px) {

	.inspection .top_con {
		gap: 0;
	}

	.inspection .top_con .tit {
		width: 100%;
	}
	
	.inspection .top_con .tit P {
		font-size: var(--rem-18);
	}
	.inspection .top_con .tit p span {
		font-size: var(--rem-18);
	}

	.inspection .top_con .signboard {
		width: 100%;
		max-width: 640px;
		height: 24rem;
	}


	.inspection .measure {
	    margin: 8rem auto 6rem;
		padding: 6rem 5.6rem 2rem;
		border-radius: 10rem;
		flex-direction: column;
		gap: 4rem;
	}

	.inspection .measure .measure_pic {
		width: 40%;
	}

	.inspection .measure .measure_t {
		width: 100%;
	}

	.inspection .measure .measure_t ul {
		margin-top: var(--rem-20);
	}

	.inspection .measure .measure_t .measure_p {
		font-size: var(--rem-22);
	}

	.inspection .measure .measure_t .title{
		flex-basis: 170px;
		padding: 9px 3px;
		font-size: var(--rem-16);
	}

	.inspection .measure .measure_t .txt{
		flex-basis: calc(100% - 170px);
		padding: 9px 3px;
		font-size: var(--rem-16);
	}

	.inspection .measure .measure_t .signboard {
		margin-top: var(--rem-30);
		text-align: right;
	}

	.inspection .measure .measure_t .signboard img{
		width: 30%;
	}

	.inspection .pic {
		gap: 20px;
	}


	.inspection .pic p {
		font-size: var(--rem-18);
	}
}
@media screen and (max-width: 640px) {
	.inspection .measure {
		margin: 6rem auto 7rem;
		padding: 6rem 4rem;
		border-radius: 5rem;
	}

	
    .inspection .measure .measure_t .title{
		flex-basis: 130px;
		padding: 9px 1px;
		font-size: var(--rem-15);
	}

	.inspection .measure .measure_t .txt{
		flex-basis: calc(100% - 140px);
		padding: 9px 1px;
		font-size: var(--rem-15);
		}
	}
@media screen and (max-width: 480px) {

	.inspection .top_con .tit P {
		font-size: var(--rem-17);
	}
	.inspection .top_con .tit p span {
		font-size: var(--rem-17);
	}

	.inspection .top_con .signboard {
		height: 18rem;
		border-radius: 10px;
	}


	.inspection .measure .measure_pic {
		width: 70%;
	}

	.inspection .measure .measure_t ul {
		margin-top: var(--rem-15);
	}

	.inspection .measure .measure_t li {
		display: flex;
		gap: 0;
	}

	.inspection .pic p {
		font-size: var(--rem-16);
		background-size: 9px;
	}
}

/* ==================================================
	고객지원 - E-카탈로그 
================================================== */
.prsection {
	position: relative;
	width: 100%;
	padding-top: 8rem;
	margin-top: 50px;
}

.prsection.se {
	padding-bottom: 7rem;
}

.prsection.se .prbox .img {
	width: 32rem;
}

.prsection.se .prbox .txt {
    padding-left: 8rem;
    padding-top: 8rem;
}

.prsection.se .prbox {
	max-width: 100rem;
	padding-bottom: 6rem;
}


.prsection:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #eeeff0;
}

.prbox {
	position: relative;
	max-width: 115rem;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 8rem;
}

.prbox .img {
	width: 50rem;
}

.prbox .img img {
	width: 100%;
	border: 1px solid #c7bebe;
	-webkit-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 15px 15px 20px 0px rgba(0, 0, 0, 0.2);
}

.prbox .txt {
	padding-left: 7rem;
	padding-top: 3rem;
	line-height: 1.5;
	text-align: left;
}

.prbox .txt .eng {
	position: relative;
	font-size: 2rem;
	color: #002C6A;
	font-weight: 500;
	margin-bottom: 1.5rem;
	padding-left: 4rem;
}

.prbox .txt .eng:before {
	content: "";
	display: block;
	width: 3rem;
	height: 0.3rem;
	background: #002C6A;
	position: absolute;
	left: 0;
	top: 1.1rem;
}


.prsection.se .prbox .txt h4 {
	font-size: 4rem;
	color: #282d39;
	font-weight: 700;
	line-height: 1.15;
}

.prbox .txt h4 {
	font-size: 3.1rem;
	color: #282d39;
	font-weight: 700;
	line-height: 1.4;
}

.prbox .txt p {
	font-size: 2rem;
	margin-top: 1rem;
	margin-bottom: 3.5rem;
	font-weight: 400;
}

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

.btn_wrap {
	width: 100%;
}

.btn_wrap a {
	display: inline-block;
	font-size: 1.7rem;
	color: #fff;
	position: relative;
	background: #c01b20;
	line-height: 5.6rem;
	text-align: center;
	margin-right: 2%;
	width: 49%;
	float: left;
}

.btn_wrap a:last-child {
	background: #034387 !important;
}

.btn_wrap a:last-child {
	margin-right: 0;
}

.btn_wrap a:after {
	content: "";
	display: inline-block;
	width: 1.9rem;
	height: 1.8rem;
	background: url("../images/icon/link_ico.png") no-repeat center;
	background-size: cover;
	margin: 0 0 -0.2rem 1rem;
}

.btn_wrap a:last-child:after {
	background-image: url("../images/icon/download_ico.png");
}

.btn_wrap a:before {
	content: "";
	display: block;
	width: 0%;
	height: 0.4rem;
	background: #bc8304;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: width 0.4s;
}

.btn_wrap a:last-child::before {
	background: #033162 !important;
}

.btn_wrap a:hover:before {
	width: 100%;
}

/* 모바일CSS */
@media screen and (min-width:901px) {
	.prbox {
		display: table;
		z-index: 1;
	}

	.prbox .img {
		display: table-cell;
		vertical-align: top;
	}
}

@media screen and (max-width:900px) {
	.prbox {
		padding-bottom: 0;
	}

	.prsection {
		padding-top: 0;
	}

	.prsection:after {
		display: none;
	}

	.prbox .img {
		width: 100%;
		max-width: 50rem;
		margin: 0 auto;
	}

	.prbox .img img {
		max-width: 50rem;
	}

	.prbox .txt {
		padding-left: 0;
		padding-top: 3rem;
	}

	.prsection.se .prbox .txt {
        padding-left: 0;
        padding-top: 3rem;
    }

	.prsection.se {
		padding-top: 0rem;
	}

	.prsection.se .prbox .txt h4 {
		font-size: 3rem;
		color: #282d39;
		font-weight: 700;
		line-height: 1.15;
	}
}

@media screen and (max-width:700px) {
	.prbox .txt h4 {
		font-size: 2.5rem;
	}

	.prbox .txt p {
		font-size: 1.7rem;
		margin-bottom: 2.5rem;
	}
}

@media screen and (max-width:640px) {
	.prsection {
		margin-bottom: 0;
		margin-top: 15px;
	}

	.prsection.se .prbox {
		padding-bottom: 35px;
	}

	.prbox .txt .eng {
		font-size: 1.8rem;
	}

	.prbox .txt h4 {
		font-size: 2rem;
		line-height: 1.5;
	}

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

	.prsection.se .prbox .txt h4 {
        font-size: 2.3rem;
        color: #282d39;
        font-weight: 700;
        line-height: 1.15;
    }

	.btn_wrap a {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.btn_wrap a:last-child {
		margin-top: 1rem;
	}
}




/* ==================================================
	고객지원 - 스핀들 유지보수
================================================== */
.spindle {
	text-align: var(--text-ag-center);
}

.spindle .tit p {
    line-height: 1.5;
}

.spindle .tit span {
	font-size: 100%;
	line-height: 1.5;
	color: var(--color-burgundy);
}

.spindle .top_pic{
	position: relative;
}

.spindle .top_pic .imgcon{
	position: relative;
	border-radius: 15px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.spindle .top_pic .imgcon img{
	display: block;
	width: 100%;
}

.spindle .top_pic .dot{
	position: relative;
	top: -15px;
	left: calc(50% - 15px);
	width: 30px; height: 30px;
	background: var( --color-burgundy);
	border: solid 3px #FFFFFF;
	border-radius: 50%;
}

.spindle .pro{
	margin: 0 auto 8rem;
	max-width: 1000px;
	width: 100%;
}

.spindle .pro img{
	width: 100%;
}

.spindle .re_service{	
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
	gap: var(--rem-25);
}

.spindle .re_service li{	
    border: solid 1px #D2D2D2;
    border-radius: 15px;
    padding: 50px 50px 40px;
}

.spindle .re_service li p{	
    font-weight: var(--font-md);
	font-size: var(--rem-24);
	line-height: 1.5;
}

.spindle .re_service li img{	
    display: block;
	width: 100%;
	margin-bottom: 10px;
}

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

	.spindle .pro {
		margin: 0 auto 7rem;
	}
	
	.spindle .re_service li{
		padding: 40px 45px 35px;
	}
	
	.spindle .re_service li p{	
		font-size: var(--rem-20);
	}
}
@media screen and (max-width: 800px) {

	.spindle .pro {
		margin: 0 auto 6.4rem;
	}
	
	.spindle .re_service {
		gap: var(--rem-20);
	}
	
	.spindle .re_service li{
		padding: 40px 30px 30px;
	}
	
	.spindle .re_service li p{	
		font-size: var(--rem-18);
	}
}
@media screen and (max-width: 480px) {

	.spindle .pro {
		margin: 0 auto 5rem;
	}
		
	.spindle .re_service {
		-ms-grid-columns: (1fr) [1];
		grid-template-columns: repeat(1, 1fr);
		gap: var(--rem-10);
	}
		
	.spindle .re_service li{
		padding: 25px 40px 18px;
		border-radius: 10px;
	}
	
	.spindle .re_service li p{	
		font-size: var(--rem-16);
	}
}

/* ==================================================
	고객지원 - CONTACT
================================================== */
.contact {
	text-align: var(--text-ag-center);
}

.contact .top_pic{
	position: relative;
}

.contact .top_pic .imgcon{
	position: relative;
	border-radius: 15px;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.contact .top_pic .imgcon img{
	display: block;
	width: 100%;
}

.contact .top_pic .dot{
	position: relative;
	top: -15px;
	left: calc(50% - 15px);
	width: 30px; height: 30px;
	background: var( --color-burgundy);
	border: solid 3px #FFFFFF;
	border-radius: 50%;
}

.contact .counsel .time{
	font-size: var(--font-md);
	font-size: var(--rem-16);	
	color: var(--color-burgundy);
}

.contact .counsel .time span{
	display: block;
	font-size: var(--font-rg);
}

.contact .counsel .tnum{
	margin-top: 35px;
	font-weight: var(--font-md);
	font-size: var(--rem-20);
	line-height: 1.5;
	color: var(--color-black);
}

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

/* ==================================================
	사이트맵
================================================== */
.sitemap:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.sitemap .depth01 {
	float: left;
	width: 18%;
	margin: 0 1%;
	padding-top: 10px;
	border-top: 2px solid #000;
	line-height: 1.5;
}

.sitemap div.depth01 {
	font-size: 1.8rem;
	color: #000;
	font-weight: 600;
}

.sitemap .sub {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 25px;
}

.sitemap ul.sub2 {
	padding-left: 14px;
}

.sitemap li.depth02 {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

.sitemap li.depth02 a {
	font-size: 1.7rem;
	color: #222;
}

.sitemap .sub_m {
	padding-top: 4px;
}

.sitemap .sub_m li {
	background: url('../images/icon/ico_grayDot.png') no-repeat 0 13px;
	background-size: 3px;
	padding-left: 10px;
}

.sitemap .sub_m li a {
	font-size: 1.6rem;
	font-weight: normal;
	color: #495057;
	line-height: 160%;
}

.sitemap .sub_m .model {
	padding-left: 13px;
}

/* 모바일CSS */
@media screen and (max-width:750px) {
	.sitemap .depth01 {
		width: 96%;
		margin: 5px 0 0 0;
	}

	.sitemap div.m01 {
		margin-top: 0 !important;
	}
}