@charset "utf-8";
/* 양산MES, 초중종물관리, CADCAM 컨텐츠 스타일 */

/* 양산MES, 금형관리 도입전후*/
.asis_tobe .inner_n {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.asto_bx_tit {
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
	padding-top: 60px;
}

.asto_bx_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
	color: #333;
}

.asto_bx {
	display: flex;
	width: 100%;
	margin: 40px 0 80px;
	justify-content: space-between;
}

.asto_bx div {
	display: flex;
	flex-direction: column;
	width: 45%;
	justify-content: space-between;
}

.asto_bx .asto_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 46px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	background: #ddd;
	border-radius: 5px;
	box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.04)
}

.asto_bx .asto_tit.tobe {
	background: #2d61d5;
	color: #fff
}

.asto_bx .asto_lst {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.asto_bx .asto_lst li {
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	margin-top: 14px;
	padding: 0 10px 0 20px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 4px 4px 4px 2px rgba(0, 0, 0, 0.02);
}

.asto_bx .asto_lst li b {
	font-weight: 500;
	color: #2d61d5
}

.asto_bx .asto_lst li i {
	flex: 0 0 66px;
	height: 66px;
	margin-right: 10px;
	border-radius: 50%;
}

.asto_bx .asto_lst li p {
	flex: 1 1 100%;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #333;
	text-align: left;
	letter-spacing: -0.5px;
}

.asto_bx.mes li i.ico01 {
	background: #ebebeb url(../images/ico/mes_ic01.png) no-repeat center center
}

.asto_bx.mes li i.ico02 {
	background: #ebebeb url(../images/ico/mes_ic02.png) no-repeat center center
}

.asto_bx.mes li i.ico03 {
	background: #ebebeb url(../images/ico/mes_ic03.png) no-repeat center center
}

.asto_bx.mes li i.ico04 {
	background: #ebebeb url(../images/ico/mes_ic04.png) no-repeat center center
}

.asto_bx.mes li i.ico05 {
	background: #ebebeb url(../images/ico/mes_ic05.png) no-repeat center center
}

.asto_bx.mes li i.ico06 {
	background: #d9e4ff url(../images/ico/mes_ic06.png) no-repeat center center
}

.asto_bx.mes li i.ico07 {
	background: #d9e4ff url(../images/ico/mes_ic07.png) no-repeat center center
}

.asto_bx.mes li i.ico08 {
	background: #d9e4ff url(../images/ico/mes_ic08.png) no-repeat center center
}

.asto_bx.mes li i.ico09 {
	background: #d9e4ff url(../images/ico/mes_ic09.png) no-repeat center center
}

.asto_bx.mes li i.ico10 {
	background: #d9e4ff url(../images/ico/mes_ic10.png) no-repeat center center
}

.asto_bx.mim li i.ico01 {
	background: #ebebeb url(../images/ico/mim_ic01.png) no-repeat center center
}

.asto_bx.mim li i.ico02 {
	background: #ebebeb url(../images/ico/mim_ic02.png) no-repeat center center
}

.asto_bx.mim li i.ico03 {
	background: #ebebeb url(../images/ico/mim_ic03.png) no-repeat center center
}

.asto_bx.mim li i.ico04 {
	background: #d9e4ff url(../images/ico/mim_ic04.png) no-repeat center center
}

.asto_bx.mim li i.ico05 {
	background: #d9e4ff url(../images/ico/mim_ic05.png) no-repeat center center
}

.asto_bx.mim li i.ico06 {
	background: #d9e4ff url(../images/ico/mim_ic06.png) no-repeat center center
}

/* 원 3개 - 초중종물관리 도입전후*/
.cir_bx {
	display: flex;
	width: 80%;
	margin: 40px auto;
	justify-content: space-around;
}

.cir_bx .cir_bx_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: 164px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	font-weight: 600;
	color: #333
}

.cir_bx .cir_bx_tit.tobe {
	color: #2d61d5
}

.cir_bx .cir_bx_lst {
	display: flex;
	width: 75%;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.cir_bx .cir_bx_lst li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 164px;
	height: 164px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #333;
	text-align: center;
	border-radius: 5px;
	background: #ebf0fa;
	border-radius: 50%;
}

.cir_bx .cir_bx_lst.tobe li {
	background: #2d61d5;
	color: #fff
}

/* 3컬럼 리스트 타입 - 양산MES 기대효과 등*/
.mes_benefit .inner_n {
	text-align: center;
}

.chk_col3_tit {
	width: 100%;
	text-align: center;
	padding-top: 80px;
}

.chk_col3_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	color: #fff;
}

.chk_col3_lst {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 50px
}

.chk_col3_lst li {
	display: flex;
	width: 30%;
	margin-top: 20px;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
	color: #fff;
	font-weight: 400
}

.chk_col3_lst li .icon-check {
	position: relative;
	flex: 0 0 22px;
	height: 22px;
	margin-right: 10px;
	border: 2px solid #fff;
	border-radius: 50%
}

.chk_col3_lst li .icon-check:after {
	position: absolute;
	left: 3px;
	bottom: -1px;
	content: '\2714';
	font-size: 17px;
	color: #fff;
}

.chk_col3_lst_img {
	width: 100%;
	max-width: 826px;
	margin: 50px 0 50px
}

.chk_col2_lst {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 80px;
}

.chk_col2_lst li {
	display: flex;
	flex-direction: column;
	width: 48%;
	margin-top: 30px;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
}

.chk_col2_lst li em {
	display: block;
	width: 100%;
	font-size: 20px;
	color: #fff;
	font-weight: 400
}

.chk_col2_lst li p {
	width: 100%;
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	letter-spacing: -0.5px;
	opacity: 0.8;
	font-weight: 300;
}

/* 체크 리스트 타입 - 초중종물 기대효과 외 */
.chk_lst_bx .inner_n {
	display: flex;
}

.chk_col1_tit {
	width: 25%;
	text-align: left;
}

.chk_col1_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	color: #333;
}

.chk_col1_lst {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 75%
}

.chk_col1_lst li {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-top: 20px;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
}

.chk_col1_lst li:first-child {
	margin-top: 0;
}

.chk_col1_lst li .icon-check {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	width: 22px;
	height: 20px;
}

.chk_col1_lst li .icon-check:after {
	position: absolute;
	left: 4px;
	content: '\2714';
	font-size: 20px;
	color: #333;
}

.chk_col1_lst li em {
	width: 100%;
	font-size: 18px;
	color: #333;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.chk_col1_lst li em b {
	font-weight: 400
}

.chk_col1_lst li p {
	width: 100%;
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	letter-spacing: -0.5px;
}

/* 체크 리스트 타입 - 설비모니터링 기대효과 */
.chk_lst_bx.bg_blue .inner_n {
	padding: 80px 0;
}

.chk_lst_bx.bg_blue .chk_col1_tit .sec_tit {
	color: #fff;
}

.chk_lst_bx.bg_blue .chk_col1_lst li em {
	color: #fff
}

.chk_lst_bx.bg_blue .chk_col1_lst li p {
	color: #fff
}

.chk_lst_bx.bg_blue .chk_col1_lst li .icon-check:after {
	color: #fff;
}

/* 양산MES 주요기능*/
.ic_col3_tit {
	width: 100%;
	text-align: center;
}

.ic_col3_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
}

.ic_col3_tit .desc {
	margin-top: 12px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #666;
}

.ic_col3 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%
}

.ic_col3 li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 1 33.32%;
	margin-top: 40px;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
}

.ic_col3 li i {
	width: 100%;
	height: 60px;
	font-size: 22px;
	color: #2d61d5;
}

.ic_col3 li em {
	width: 100%;
	margin-top: 16px;
	font-size: 20px;
	color: #333;
	font-weight: 700;
	text-align: center;
}

.ic_col3 li p {
	width: 100%;
	margin-top: 14px;
	font-size: 16px;
	line-height: 26px;
	color: #444;
	text-align: center;
	letter-spacing: -0.5px;
}

.ic_col3.mes .ic11 {
	background: url(../images/ico/mes_ic11.png) no-repeat center center;
}

.ic_col3.mes .ic12 {
	background: url(../images/ico/mes_ic12.png) no-repeat center center;
}

.ic_col3.mes .ic13 {
	background: url(../images/ico/mes_ic13.png) no-repeat center center
}

.ic_col3.mes .ic14 {
	background: url(../images/ico/mes_ic14.png) no-repeat center center;
}

.ic_col3.mes .ic15 {
	background: url(../images/ico/mes_ic15.png) no-repeat center center;
}

.ic_col3.mes .ic16 {
	background: url(../images/ico/mes_ic16.png) no-repeat center center
}

/* 아이콘 + 2컬럼 리스트 - 양산MES 특장점*/
.ic_col2_tit {
	width: 100%;
	text-align: center;
}

.ic_col2_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
	color: #fff;
}

.ic_col2_tit .desc {
	margin-top: 12px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
}

.ic_col2_lst {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 30px 0 20px;
}

.ic_col2_lst li {
	display: flex;
	align-items: flex-start;
	width: 50%;
	margin-top: 40px;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.ic_col2_lst li:nth-child(odd) {
	padding-right: 20px
}

.ic_col2_lst li:nth-child(even) {
	padding-left: 20px;
}

.ic_col2_lst li i {
	display: flex;
	width: 60px;
	height: 60px;
}

.ic_col2_lst li p {
	display: flex;
	;
	flex-direction: column;
	width: calc(100% - 60px);
	margin-top: 4px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	font-weight: 300;
	letter-spacing: -0.6px;
	box-sizing: border-box;
}

.ic_col2_lst li p em {
	display: flex;
	width: 100%;
	font-size: 18px;
	color: #fff;
	font-weight: 500
}

.bg_blue+.bg_darkblue {
	margin-top: 0;
}

.bg_darkblue+.bg_grey {
	margin-top: 0;
}

.bg_grey+.bg_darkblue {
	margin-top: 0;
}

.bg_darkblue {
	padding: 80px 0;
	background: #172850 url(../images/common/bg_01.png) no-repeat center center / cover;
}

.bg_darkblue.features {
	padding: 80px 0;
	background: #172850 url(../images/common/bg_02.png) no-repeat center center / cover;
}

.ic_col2_lst.features .ic01 {
	background: url(../images/ico/com_ic01.png) no-repeat center center;
}

.ic_col2_lst.features .ic02 {
	background: url(../images/ico/com_ic02.png) no-repeat center center;
}

.ic_col2_lst.features .ic03 {
	background: url(../images/ico/com_ic03.png) no-repeat center center;
}

.ic_col2_lst.features .ic04 {
	background: url(../images/ico/com_ic04.png) no-repeat center center;
}

.ic_col2_lst.features .ic05 {
	background: url(../images/ico/com_ic05.png) no-repeat center center;
}

.ic_col2_lst.features .ic06 {
	background: url(../images/ico/com_ic06.png) no-repeat center center;
}

.ic_col2_lst.features .ic07 {
	background: url(../images/ico/com_ic07.png) no-repeat center center;
}

.ic_col2_lst.features .ic08 {
	background: url(../images/ico/com_ic08.png) no-repeat center center;
}

.ic_col2_lst.features .ic09 {
	background: url(../images/ico/com_ic09.png) no-repeat center center;
}

/*  양산MES 대상업종*/
.sectors_lst_tit {
	width: 100%;
	text-align: center;
}

.sectors_lst_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
}

.sectors_lst_tit .desc {
	margin-top: 12px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #666;
}

.sectors_lst {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 60px;
}

.sectors_lst li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 0 1 15%;
	line-height: 26px;
	text-align: left;
	word-break: keep-all;
}

.sectors_lst li i {
	width: 100%;
	height: 120px;
}

.sectors_lst li em {
	width: 100%;
	margin-top: 16px;
	font-size: 20px;
	color: #333;
	font-weight: 500;
	text-align: center;
}

.sectors_lst.mes .img11 {
	background: url(../images/content/mes_img_11.png) no-repeat center center;
}

.sectors_lst.mes .img12 {
	background: url(../images/content/mes_img_12.png) no-repeat center center;
}

.sectors_lst.mes .img13 {
	background: url(../images/content/mes_img_13.png) no-repeat center center
}

.sectors_lst.mes .img14 {
	background: url(../images/content/mes_img_14.png) no-repeat center center;
}

.sectors_lst.mes .img15 {
	background: url(../images/content/mes_img_15.png) no-repeat center center;
}

.sectors_lst.mes .img16 {
	background: url(../images/content/mes_img_16.png) no-repeat center center
}

/* 이미지그룹 - 6개 이미지 초중종물관리 */
.img_group {
	display: flex;
	margin: 60px auto 0;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 100px;
}

/* .img_group li {
	width: 30%;
} */

.img_group li:nth-child(1n+4) {
	margin-top: 50px
}

.img_group li img {
	width: 100%;
	box-shadow: 10px 10px 14px 8px rgba(0, 0, 0, 0.06);
}

.img_group li p {
	margin-top: 18px;
	color: #444;
	font-size: 16px;
	text-align: center
}

/* 기능모듈 타입2 - 양산MES */
.func_outline .col_6 {
	width: 15%;
}

.func_outline .col_6+.col_6 {
	margin-left: 2%
}

.func_lst_col {
	float: left;
	min-height: 360px;
	padding: 10px 6%;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
}

.func_lst_col li {
	float: left;
	width: 100%;
	height: 36px;
	padding: 10px 10px 10px 16px;
	color: #333;
	font-size: 15px;
	background: #e9edf5;
	box-sizing: border-box;
}

.func_lst_col li:first-child {
	color: #fff;
	background: #2d61d5;
	border-radius: 3px;
	text-align: center
}

.func_lst_col li:nth-child(2) {
	margin-top: 12px;
	border-radius: 3px 3px 0 0
}

.func_lst_col li:last-child {
	border-radius: 0 0 3px 3px
}

.func_outline .row_1 {
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 12px;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box
}

.func_outline .row_tit {
	float: left;
	width: 40px;
	height: 144px;
	padding: 12px;
	color: #fff;
	writing-mode: vertical-lr;
	text-align: center;
	background: #2d61d5;
	border-radius: 3px;
	box-sizing: border-box
}

.func_outline .row_tit.short {
	height: 90px;
}

.func_lst_row {
	float: left;
	width: 19%;
	background: #e9edf5;
}

.row_tit+.func_lst_row {
	margin-left: 1.2%
}

.func_lst_row.first {
	border-radius: 3px 0 0 3px
}

.func_lst_row.last {
	border-radius: 0 3px 0 3px
}

.func_lst_row li {
	height: 36px;
	padding: 10px 10px 10px 16px;
	color: #333;
	font-size: 15px;
	box-sizing: border-box
}

.func_lst_row.short li {
	height: 90px;
	padding: 20px 10px 10px 16px;
}

.add_desc {
	float: left;
	margin: 0 0 60px 0
}

.add_desc p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}


/* cadcam 섹션 타이틀 */
.cad_sec_tit {
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
}

.cad_sec_tit .sec_tit {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
	color: #333
}

/* cadcam - 상단 주요기능 요약 */
.card_container {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	padding: 80px 0;
}

.card_container .card {
	position: relative;
	flex: 1;
	height: 140px;
	border-radius: 10px;
	background: #F4F5F7 !important;
	color: #333;
	font-family: 'Pretendard', 'sans-serif';
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	padding: 20px;
	box-sizing: border-box;
	letter-spacing: -0.9px;
}

.card_container .card img {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	color: #333;
}

/* cadcam - before after */
.auto-section {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.auto-section h2 {
	font-size: 24px;
	color: #222;
	margin-bottom: 40px;
}

.before_after .label {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 18px;
	height: 42px;
	width: 100%;
	border-radius: 22px;
	font-weight: 500;
}

.before_after .label.before {
	background: #DFE2EA;
	color: #333;
}

.before_after .label.after {
	background: #2E64D9;
	color: #fff;
}

.before_after_tit {
	display: flex;
	justify-content: space-between;
	gap: 80px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.row {
	display: flex;
	justify-content: space-between;
	gap: 80px;
	flex-wrap: wrap;
}

.row+.row {
	margin-top: 60px;
}

.before_after {
	flex: 1;
	min-width: 300px;
	text-align: center
}

.before_after .caption {
	font-size: 18px;
	color: #666;
	margin-top: 20px;
	text-align: left;
	font-weight: 400;
	letter-spacing: -0.9px;
}

.before_after .caption.highlight {
	color: #2E64D9;
}

.before_after .image {
	width: 100%;
	border-radius: 8px;
}


/* cadcam - 프로세스 공통 */
.process_tit {
	display: flex;
	font-size: 24px;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.9px;
}

.process_desc {
	margin: 6px 0;
	padding-left: 6px;
	font-size: 17px;
	line-height: 28px;
	color: #666;
	font-weight: 400;
	letter-spacing: -0.9px
}

.process_desc.gray_desc li {
	color: #666;
	font-size: 17px;
	line-height: 1.6;
	font-weight: 400;
}

.blue_txt {
	color: #1e64c8 !important;
}

.process_type2 .process_tit {
	margin: 0 0 10px;
}

/* cadcam - 프로세스1 */
.process_type1 {
	display: flex;
	flex-direction: column;
}

.process_type1 .process_steps {
	display: flex;
	flex-wrap: nowrap;
	margin: 20px 0 10px;
	gap: 20px
}

.process_type1 .process_steps .step {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	height: 64px;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
	word-break: keep-all;
	border-radius: 4px;
}

.process_type1 .process_steps.gray .step {
	background-color: #DFDFDF;
}

.process_type1 .process_steps.blue .step {
	background-color: #1e64c8;
	color: #fff;
}

.process_type1 .process_steps .emphasis {
	flex: 2;
	background: #e0eaff !important;
	color: #1e64c8 !important;
	font-weight: 600;
}

.process_type1 .divider_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 16px;
}

.process_type1 .divider_wrapper .divider_line {
	height: 1px;
	background-color: #ccc
}

.process_type1 .divider_wrapper.blue {
	width: 67.4%
}

.process_type1 .divider_wrapper.blue .divider_line {
	background-color: #1e64c8
}

.process_type1 .divider_wrapper .divider_short {
	width: 1px;
	height: 14px;
}

.process_type1 .divider_wrapper .divider_long {
	flex-grow: 1;
}

.process_type1+.process_type1 {
	margin: 40px 0 80px;
}

/* cadcam - 프로세스2 */
.process_type2 {
	display: flex;
	flex-direction: column;
}

.process_type2 .divider_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%
}

.process_type2 .divider_wrapper .divider_line {
	height: 1px;
	background-color: #ccc
}

.process_type2 .divider_wrapper .divider_short {
	width: 1px;
	height: 14px;
}

.process_type2 .divider_wrapper .divider_long {
	flex-grow: 1;
}

.process_type2 .divider_wrapper .stage_label {
	padding: 6px 10px;
	font-size: 14px;
	color: #999;
	font-weight: 400;
	letter-spacing: -0.9px;
}

.process_type2 .process_row {
	position: relative;
	;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 34px 0 12px;
}

.process_type2 .process_block {
	position: relative;
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 14px;
	border-radius: 4px;
	background: #e4e4e4;
	text-align: center;
	font-size: 15px;
}

.process_type2 .process_block i {
	position: absolute;
	top: -30px;
	left: calc(50% - 11px);
	font-size: 22px;
	color: #3675FF;
}

.process_type2 .process_block.red i {
	top: -26px;
	left: calc(50% - 10px);
	font-size: 20px;
	color: #E66060;
}

.process_type2 .process_block.red {
	background: #E66060;
	color: #fff;
}

.process_type2 .process_block.blue {
	background: #3675FF;
	color: #fff;
	font-weight: 500;
}

.process_type2 .process_row .note {
	position: absolute;
	top: -24px;
	right: 2px;
	text-align: right;
	color: #E66060;
	font-size: 14px;
	letter-spacing: -0.9px;
	font-weight: 500;
}

.process_type2 .info_list {
	padding: 20px 0;
	font-size: 16px;
	line-height: 28px;
	color: #555;
	font-weight: 400;
	letter-spacing: -0.9px
}

.process_type2+.process_type2 {
	margin-top: 40px;
}

/* cadcam - 주요기능&화면 */
.cadcam_container {
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 0;
	padding-bottom: 80px;
	font-family: 'Pretendard', sans-serif;
	color: #333;
}

.cadcam_container .cadcam_feature {
	display: flex;
	align-items: flex-start;
	margin-bottom: 60px;
	gap: 80px;
}

.cadcam_container .cadcam_img {
	width: 45%;
	max-width: 460px;
	border-radius: 8px 8px 0 0;
}

.cadcam_container .cadcam_txt {
	flex: 1;
	margin-top: 20px;
}

.cadcam_container .cadcam_txt h3 {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: 10px;
	color: #333;
	letter-spacing: -0.9px
}

.cadcam_container .cadcam_txt p {
	margin-top: 6px;
	font-size: 17px;
	line-height: 1.7;
	letter-spacing: -0.9px;
	color: #555;
	word-break: keep-all;
}

/* cadcam 제조사A  도입효과 */
.result_grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
	color: #fff;
	font-family: 'Pretendard', sans-serif;
}

.result_grid .result_quote {
	display: flex;
	flex-direction: column;
	flex: 1 1 28%;
	justify-content: space-between;
}

.result_grid .result_quote p {
	padding: 20px;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.6;
	background: #2E3A59;
	letter-spacing: -0.9px;
}

.result_grid .result_quote p+p {
	margin-top: 16px;
}

.result_grid .result_quote span {
	display: block;
	margin-top: 4px;
	font-size: 15px;
	color: #bbb;
}

.result_grid .result_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 68%;
	gap: 20px;
}

.result_grid .result_bars {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.result_grid .result_bar {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 1 30%;
	padding: 34px 20px 30px;
	height: 280px;
	color: #fff;
	background: #2E3A59;
	border: 1px solid #4d576e;
	border-radius: 8px;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	box-sizing: border-box;
}

.result_grid .result_bar em {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 500;
}

.result_grid .bar_container {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 20px;
	height: 160px;
}

.result_grid .bar {
	width: 40px;
	background: #9098a5;
	border-radius: 4px;
}

.result_grid .bar_original {
	height: 100%;
}

.result_grid .bar_new {
	height: 16%;
	background: #3478F6;
	position: relative;
}

.result_grid .bar_new.p_33 {
	height: 67%;
}

.result_grid .bar_new.p_60 {
	height: 40%;
}

.result_grid .result_percent {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, -10px);
	font-size: 24px;
	font-weight: 400;
	color: #8AD6FF;
	letter-spacing: -1px;
}

.result_grid .result_summary {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
}

.result_grid .summary_box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 114px;
	padding: 18px 20px 18px 22px;
	border-radius: 6px;
	text-align: left;
	font-size: 18px;
	box-sizing: border-box;
	background: #2E3A59;
	border: 1px solid #4d576e;
	flex: 1 1 50%;
}

.result_grid .summary_box span {
	font-size: 36px;
	line-height: 42px;
	font-weight: 500;
	display: block;
	margin-top: 8px;
	text-align: right;
}

.result_grid .red {
	color: #FF7D7D;
}

.result_grid .blue {
	color: #87C7FF;
}

.result_grid .arrow_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}

.result_grid .arrow_svg {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 50px;
	transform: rotate(20deg);
}


/* 태플릿용 */
@media screen and (max-width:768px) {

	/* 원 3개 - 초중종물관리 도입전후*/
	.cir_bx {
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}

	.cir_bx .cir_bx_tit {
		width: 100%;
		height: 100px;
	}

	.cir_bx .cir_bx_lst {
		width: 100%;
	}

	/* 체크 리스트 타입 - 초중종물 기대효과 외 */
	.chk_lst_bx .inner_n {
		flex-direction: column;
	}

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

	.chk_col1_lst {
		width: 100%;
		margin-top: 40px;
	}

	/* 아이콘 + 2컬럼 리스트 - 양산MES 특장점*/
	.ic_col2_lst li {
		width: 100%;
	}

	.ic_col2_lst li:nth-child(odd) {
		padding-right: 0
	}

	.ic_col2_lst li:nth-child(even) {
		padding-left: 0
	}

	/* 양산MES, 금형관리 도입전후*/
	.asto_bx {
		flex-direction: column
	}

	.tobe_bx {
		margin-top: 30px;
	}

	.asto_bx div {
		width: 100%
	}

	/* 양산MES 주요기능*/
	.ic_col3 li {
		flex: 0 1 48%
	}

	/* 3컬럼 리스트 타입 - 양산MES 기대효과 등*/
	.chk_col3_lst li {
		width: 50%;
		font-size: 18px;
		line-height: 26px;
	}

	.chk_col3_lst_img {
		margin: 50px 0 30px
	}

	.chk_col2_lst li {
		width: 100%;
	}

	/*  양산MES 대상업종*/
	.sectors_lst li {
		flex: 0 1 30%
	}

	.sectors_lst li:nth-child(1n + 4) {
		margin-top: 20px;
	}

	.sectors_lst li em {
		font-size: 18px
	}

	/*  기능모듈 타입2 - 양산MES */
	.func_outline .col_6 {
		width: 32%;
	}

	.func_outline .col_6:nth-child(4) {
		margin-left: 0
	}

	.func_outline .col_6:nth-child(1n+4) {
		margin-top: 20px
	}

	.func_outline .row_tit {
		height: 36px;
		width: 100%;
		writing-mode: horizontal-tb;
	}

	.func_outline .row_tit.short {
		height: 36px;
	}

	.func_lst_row {
		width: 20%;
		margin-top: 12px;
	}

	.row_tit+.func_lst_row {
		margin-left: 0
	}

	.func_lst_row.short li {
		height: 40px;
		padding: 13px 10px 12px 16px
	}

}


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

	/* 원 3개 - 초중종물관리 도입전후*/
	.cir_bx .cir_bx_lst li {
		width: 100%;
		height: 60px;
		font-size: 16px;
		border-radius: 10px;
	}

	.cir_bx .cir_bx_lst li+li {
		margin-top: 10px;
	}

	/* 공통 - 기능모듈 타입2 - 양산MES */
	.func_outline .col_6 {
		width: 49%
	}

	.func_outline .col_6:nth-child(4) {
		margin-left: 2%
	}

	.func_outline .col_6:nth-child(2n+3) {
		margin-left: 0
	}

	.func_outline .col_6:nth-child(1n+3) {
		margin-top: 20px
	}

	.func_lst_row {
		width: 50%;
	}


}


/* ============================================
   PMS 페이지 스타일
   ============================================ */

/* PMS 배지 스타일 */
.pms_badge_group {
	display: flex;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.pms_badge {
	display: inline-block;
	padding: 7px 18px;
	border: 1px solid #b8caee;
	border-radius: 50px;
	font-size: 15px;
	color: #3a5da8;
	font-weight: 500;
	background: #eef3fc;
	letter-spacing: -0.2px;
	transition: all 0.2s ease;
}

.pms_badge:hover {
	background: #dce8fa;
	border-color: #2d61d5;
	color: #2d61d5;
}

/* PMS 주요 기능 섹션 */
.pms_features_tit {
	text-align: center;
	margin-bottom: 50px;
}

.pms_features_tit .sec_tit {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

.pms_features_tit .desc {
	font-size: 17px;
	line-height: 26px;
	color: #666;
	font-weight: 400;
}

.pms_feature_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 80px;
}

.pms_feature_item {
	background: #fff;
	padding: 40px 30px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.pms_feature_item:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.pms_feature_item .feature_icon {
	font-size: 48px;
	margin-bottom: 20px;
}

.pms_feature_item h5 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

.pms_feature_item p {
	font-size: 15px;
	line-height: 24px;
	color: #666;
	font-weight: 400;
}

/* PMS 도입 효과 섹션 */
.pms_benefits_tit {
	text-align: center;
	margin-bottom: 50px;
}

.pms_benefits_tit .sec_tit {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #333;
}

.pms_benefits_tit .blue {
	color: #2d61d5;
}

.pms_benefits_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 80px;
}

.pms_benefit_card {
	background: #f8f9fb;
	padding: 35px 28px;
	border-radius: 12px;
	text-align: center;
	transition: all 0.3s ease;
	border: 1px solid #e8eaed;
}

.pms_benefit_card:hover {
	background: #fff;
	border-color: #2d61d5;
	box-shadow: 0 6px 20px rgba(45, 97, 213, 0.15);
}

.pms_benefit_card .benefit_icon {
	font-size: 44px;
	margin-bottom: 18px;
}

.pms_benefit_card h5 {
	font-size: 19px;
	line-height: 27px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
}

.pms_benefit_card p {
	font-size: 15px;
	line-height: 24px;
	color: #555;
	font-weight: 400;
}

/* PMS 특장점 (신규 카드 디자인) */
.pms_adv_section {
	margin-top: 80px;
	padding: 80px 0;
	background-color: #f8f9fb;
}

.pms_adv_tit {
	text-align: center;
	margin-bottom: 50px;
}

.pms_adv_tit .sec_tit {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #333;
}

.pms_adv_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 40px;
}

.pms_adv_card {
	background: #fff;
	padding: 40px 30px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease;
	border: 1px solid #f0f0f0;
	text-align: left;
}

.pms_adv_card:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.pms_adv_card h5 {
	font-size: 22px;
	font-weight: 700;
	color: #2d61d5;
	margin-bottom: 22px;
	letter-spacing: -0.5px;
}

.pms_adv_card p {
	font-size: 16px;
	line-height: 1.7;
	color: #555;
	word-break: keep-all;
	letter-spacing: -0.6px;
}

@media screen and (max-width: 768px) {
	.pms_adv_grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* PMS 구축 사례 배너 */
.pms_case_section {
	padding: 40px 0 80px;
}

.pms_case_banner {
	display: flex;
	align-items: center;
	background: #344872;
	border-radius: 12px;
	padding: 40px;
	color: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	position: relative;
	overflow: hidden;
}

.pms_case_banner .case_icon {
	flex: 0 0 auto;
	margin-right: 20px;
	text-align: center;
}

.pms_case_banner .case_icon img {
	width: 90px;
	height: auto;
}

.pms_case_content {
	flex: 1;
}

.pms_case_content .case_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 25px;
}

.pms_case_content .case_top h4 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #fff;
}

.pms_case_info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 25px;
}

.pms_case_info .info_item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.pms_case_info .info_item em {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	font-style: normal;
}

.pms_case_info .info_item p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.5;
	word-break: keep-all;
}

@media screen and (max-width: 1024px) {
	.pms_case_banner {
		padding: 30px;
	}

	.pms_case_content .case_top h4 {
		font-size: 22px;
	}
}

@media screen and (max-width: 768px) {
	.pms_case_banner {
		flex-direction: column;
		text-align: center;
	}

	.pms_case_banner .case_icon {
		margin-bottom: 0;
	}

	.pms_case_info {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 25px;
	}
}

/* 이런 기업에 추천합니다 (Problem & Solution) - 고도화된 디자인 */
.pms_rec_section {
	padding: 100px 0;
	background-color: #f7f9fc;
}

.pms_rec_tit {
	text-align: center;
	margin-bottom: 70px;
}

.pms_rec_tit .sec_tit {
	font-size: 32px;
	font-weight: 600;
	color: #1a253d;
	letter-spacing: -1px;
	line-height: 1.2;
}

.pms_rec_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	align-items: stretch;
}

.pms_rec_pair {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}

.pms_prob_card {
	flex: 1;
	background: #fff5f5;
	padding: 25px 28px;
	border-radius: 12px;
	border: 1.5px solid #ffd4d4;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	position: relative;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pms_sol_card {
	flex: 1;
	background: #fff;
	padding: 25px 28px;
	border-radius: 12px;
	border: 1.5px solid #d6e4ff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	position: relative;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pms_rec_pair:hover .pms_prob_card,
.pms_rec_pair:hover .pms_sol_card {
	transform: translateY(-6px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.pms_rec_card_label {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.pms_prob_card .pms_rec_card_label {
	background: #ffeded;
	color: #ff6b6b;
}

.pms_sol_card .pms_rec_card_label {
	background: #eef2ff;
	color: #2d61d5;
}

.pms_rec_card_tit {
	font-size: 20px;
	font-weight: 700;
	color: #222;
	margin-bottom: 18px;
	line-height: 1.4;
	letter-spacing: -0.8px;
}

.pms_rec_card_txt {
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	word-break: keep-all;
	overflow-wrap: break-word;
}

.pms_rec_arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	color: #cbd5e0;
	font-size: 24px;
	opacity: 0.6;
}

@media screen and (max-width: 1100px) {
	.pms_rec_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.pms_rec_arrow {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.pms_rec_grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.pms_rec_tit .sec_tit {
		font-size: 28px;
	}
}

/* FAQ 섹션 */
.area_faq {
	padding: 80px 0;
}

.area_faq .tit_bx {
	text-align: center;
	margin-bottom: 50px;
}

.area_faq .sec_tit {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #fff;
	font-style: normal;
}

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

.accordion {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	padding: 22px 60px 22px 24px;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	text-align: left;
	outline: none;
	font-size: 17px;
	font-weight: 500;
	transition: all 0.3s ease;
	margin-bottom: 12px;
	position: relative;
	line-height: 26px;
}

.accordion:after {
	content: '\002B';
	color: #2d61d5;
	font-weight: 600;
	font-size: 24px;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
}

.accordion.on:after {
	content: "\2212";
	transform: translateY(-50%) rotate(180deg);
}

.accordion:hover {
	background-color: #f8f9fb;
	border-color: #2d61d5;
}

.accordion.on {
	background-color: #f0f4ff;
	border-color: #2d61d5;
	color: #2d61d5;
}

.panel {
	padding: 0 24px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	border-radius: 0 0 8px 8px;
	margin-top: -12px;
	margin-bottom: 12px;
	border: none;
}

.panel p {
	padding: 20px 0;
	font-size: 15px;
	line-height: 26px;
	color: #555;
	font-weight: 400;
}

/* 반응형 - 태블릿 */
@media screen and (max-width: 768px) {
	.pms_header .tit {
		font-size: 32px;
		line-height: 42px;
	}

	.pms_header .header_desc {
		font-size: 15px;
		line-height: 24px;
	}

	.pms_feature_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.pms_benefits_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

/* 반응형 - 모바일 */
@media screen and (max-width: 426px) {
	.pms_header {
		padding: 60px 0 50px;
	}

	.pms_header .tit {
		font-size: 26px;
		line-height: 36px;
	}

	.pms_header .badge_group {
		gap: 10px;
	}

	.pms_header .badge {
		padding: 8px 18px;
		font-size: 13px;
	}

	.pms_feature_grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.pms_benefits_grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.accordion {
		padding: 18px 50px 18px 18px;
		font-size: 15px;
	}

	.accordion:after {
		right: 18px;
		font-size: 20px;
	}
}

/* ============================================
   PMS 핵심기능 추가 스타일
   ============================================ */

/* 섹션 영문 부제 */
.sec_tit_en {
	font-size: 0.85em;
	font-weight: 400;
	color: #666;
	letter-spacing: 0;
}

/* 핵심기능 불릿 리스트 */
.pms_key_lst {
	margin-top: 20px;
	padding: 0;
	list-style: none;
}

.pms_key_lst li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 24px;
	color: #444;
	font-weight: 400;
	letter-spacing: -0.5px;
}

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

/* 이미지 플레이스홀더 */
.pms_img_ph {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.pms_img_ph img {
	width: 100%;
	height: auto;
	display: block;
	box-shadow: none;
}

/* 반응형 - 태블릿 */
@media screen and (max-width: 768px) {
	.pms_key_lst li {
		font-size: 14px;
	}

	.pms_img_ph {
		min-height: 200px;
	}
}

/* 반응형 - 모바일 */
@media screen and (max-width: 426px) {
	.pms_img_ph {
		min-height: 160px;
	}
}

/* 추천업종 섹션 */
.pms_industry_section {
	padding: 0;
}

.pms_industry_bg {
	background-color: #f8f9fb;
	padding: 80px 0 100px;
}

.pms_industry_tit {
	text-align: center;
	margin-bottom: 60px;
}

.industry_label {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #2d61d5;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.pms_industry_tit .sec_tit {
	font-size: 32px;
	font-weight: 600;
	color: #1a253d;
	margin-bottom: 14px;
	letter-spacing: -1px;
}

.pms_industry_tit .desc {
	font-size: 16px;
	color: #666;
	letter-spacing: -0.5px;
}

.pms_industry_grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.industry_card {
	position: relative;
	border-radius: 12px;
	padding: 36px 24px 32px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #eef2f8;
	border-top: 4px solid transparent;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	cursor: default;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
}

.industry_card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(45, 97, 213, 0.12);
}

.ind_icon_wrap {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #f4f6fa;
	color: #2a3449;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	flex-shrink: 0;
	transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.industry_card:hover .ind_icon_wrap {
	transform: scale(1.1);
	background: #eef3ff;
	color: #2d61d5;
}

.ind_icon_wrap {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.industry_card:hover .ind_icon_wrap {
	transform: scale(1.1);
}

.ind_content h5 {
	font-size: 18px;
	font-weight: 700;
	color: #1a253d;
	letter-spacing: -0.5px;
	margin-bottom: 6px;
}

.ind_content p {
	font-size: 13px;
	color: #888;
	line-height: 1.6;
	letter-spacing: -0.3px;
}

.ind_num {
	position: absolute;
	bottom: -10px;
	right: 14px;
	font-size: 72px;
	font-weight: 900;
	color: rgba(0, 0, 0, 0.04);
	line-height: 1;
	pointer-events: none;
	letter-spacing: -2px;
}

/* 반응형 */
@media screen and (max-width: 1100px) {
	.pms_industry_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.pms_industry_bg {
		padding: 70px 0 80px;
	}

	.pms_industry_tit .sec_tit {
		font-size: 28px;
	}

	.pms_industry_tit .desc {
		font-size: 15px;
	}
}

@media screen and (max-width: 640px) {
	.pms_industry_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.industry_card {
		padding: 28px 18px;
	}

	.ind_content h5 {
		font-size: 15px;
	}

	.ind_num {
		font-size: 58px;
	}
}

@media screen and (max-width: 400px) {
	.pms_industry_grid {
		grid-template-columns: 1fr;
	}
}

/* PMS 기술 사양 */
.pms_spec_section {
	margin-top: 0;
	padding: 100px 0;
	background: #fff;
}

.pms_spec_tit {
	text-align: center;
	margin-bottom: 60px;
}

.pms_spec_tit .sec_tit {
	font-size: 32px;
	font-weight: 700;
	color: #111;
	margin-bottom: 15px;
}

.pms_spec_tit .desc {
	font-size: 18px;
	color: #666;
}

.pms_spec_table {
	max-width: 1000px;
	margin: 0 auto;
	border-top: 2px solid #333;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.spec_row {
	display: flex;
	border-bottom: 1px solid #eee;
	align-items: stretch;
}

.spec_row:last-child {
	border-bottom: none;
}

.spec_label {
	flex: 0 0 240px;
	background: #f8f9fa;
	padding: 25px 30px;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	border-right: 1px solid #eee;
}

.spec_val {
	flex: 1;
	padding: 25px 40px;
	font-size: 17px;
	line-height: 1.6;
	color: #444;
	background: #fff;
}

.spec_val p {
	margin-bottom: 8px;
}

.spec_val p:last-child {
	margin-bottom: 0;
}

.spec_val strong {
	color: #111;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.pms_spec_section {
		padding: 60px 0;
	}

	.pms_spec_tit .sec_tit {
		font-size: 26px;
	}

	.pms_spec_tit .desc {
		font-size: 16px;
	}

	.spec_row {
		flex-direction: column;
	}

	.spec_label {
		flex: 0 0 auto;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #eee;
		padding: 15px 20px;
		font-size: 16px;
	}

	.spec_val {
		padding: 20px;
		font-size: 15px;
	}
}

/* ================================================
   PMS 패럴럭스 & 스크롤 리뷰얼 애니메이션
   ================================================ */
.pms-reveal {
	opacity: 0;
	transform: translateY(48px);
	transition: opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.pms-reveal.pms-reveal--left {
	transform: translateX(-60px) translateY(0);
}

.pms-reveal.pms-reveal--right {
	transform: translateX(60px) translateY(0);
}

.pms-reveal.pms-reveal--scale {
	transform: translateY(30px) scale(0.95);
}

.pms-reveal.is-visible {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

.pms-stagger>* {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.pms-stagger.is-visible>*:nth-child(1) {
	transition-delay: 0s;
}

.pms-stagger.is-visible>*:nth-child(2) {
	transition-delay: 0.1s;
}

.pms-stagger.is-visible>*:nth-child(3) {
	transition-delay: 0.2s;
}

.pms-stagger.is-visible>*:nth-child(4) {
	transition-delay: 0.3s;
}

.pms-stagger.is-visible>*:nth-child(5) {
	transition-delay: 0.4s;
}

.pms-stagger.is-visible>*:nth-child(6) {
	transition-delay: 0.5s;
}

.pms-stagger.is-visible>*:nth-child(7) {
	transition-delay: 0.6s;
}

.pms-stagger.is-visible>* {
	opacity: 1;
	transform: none;
}

.pms-parallax-bg {
	position: relative;
	overflow: hidden;
}

.pms-parallax-bg .pms-parallax-layer {
	position: absolute;
	top: -20%;
	left: 0;
	width: 100%;
	height: 140%;
	background: inherit;
	background-size: cover;
	background-position: center;
	background-attachment: local;
	z-index: 0;
	transition: transform 0.1s linear;
}

.pms-parallax-bg>* {
	position: relative;
	z-index: 1;
}

@media (max-width: 768px) {

	.pms-reveal,
	.pms-stagger>* {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* cadcam - 도입전/도입후 모바일 처리 */
/* 데스크탑에서는 mo_only 라벨 숨김 */
.before_after .label.mo_only {
	display: none;
}

/* 모바일에서는 before_after_tit 숨기고, mo_only 라벨 표시 */
@media screen and (max-width: 768px) {
	.before_after_tit {
		display: none;
	}

	.before_after .label.mo_only {
		display: flex;
		margin-bottom: 14px;
	}

	.row {
		flex-direction: column;
		gap: 40px;
	}

	.before_after {
		min-width: unset;
		width: 100%;
	}

	.row+.row {
		margin-top: 40px;
	}

	/* 상단 카드 4개 - 모바일에서 2열 래핑 */
	.card_container {
		gap: 12px;
		padding: 50px 0;
	}

	.card_container .card {
		flex: 1 1 calc(50% - 6px);
		min-width: calc(50% - 6px);
		height: 120px;
		font-size: 15px;
	}

	.card_container .card img {
		width: 38px;
		height: 38px;
	}

	/* cadcam - 섹션 타이틀 모바일 */
	.cad_sec_tit .sec_tit {
		font-size: 22px;
		line-height: 30px;
	}

	/* cadcam - 절단가공 프로세스 (process_type1) - 모바일에서 세로 */
	.process_type1 .process_steps {
		flex-direction: column;
		gap: 8px;
	}

	.process_type1 .process_steps .step {
		flex: none;
		width: 100%;
		height: 42px;
		font-size: 15px;
	}

	.process_type1 .process_steps .emphasis {
		flex: none;
		width: 100%;
		height: 42px;
	}

	.process_type1 .divider_wrapper {
		display: none;
	}

	.process_type1+.process_type1 {
		margin: 30px 0 40px;
	}

	/* cadcam - 생산 프로세스 (process_type2) - 모바일에서 2열 래핑 */
	.process_type2 .process_row {
		gap: 8px;
		margin: 28px 0 12px;
	}

	.process_type2 .process_block {
		flex: 1 1 calc(25% - 6px);
		min-width: calc(25% - 6px);
		height: 44px;
		font-size: 13px;
		padding: 0 6px;
		text-align: center;
		justify-content: center;
		box-sizing: border-box;
	}

	.process_type2 .process_block i {
		top: -22px;
		font-size: 15px;
	}

	.process_type2 .process_block.red i {
		top: -18px;
		font-size: 14px;
	}

	.process_type2 .divider_wrapper {
		display: none;
	}

	.process_type2 .process_row .note {
		font-size: 12px;
		top: -20px;
	}

	.process_type2+.process_type2 {
		margin-top: 30px;
	}

	/* cadcam - 주요기능 (cadcam_feature) - 모바일에서 세로 배치 */
	.cadcam_container {
		margin: 24px auto 0;
		padding-bottom: 40px;
	}

	.cadcam_container .cadcam_feature {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 50px;
	}

	.cadcam_container .cadcam_img {
		width: 100%;
		max-width: 100%;
	}

	.cadcam_container .cadcam_txt {
		margin-top: 0;
	}

	.cadcam_container .cadcam_txt h3 {
		font-size: 20px;
	}

	.cadcam_container .cadcam_txt p {
		font-size: 15px;
	}

	/* 도입효과 섹션 레이아웃 */
	.result_grid {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.result_grid .result_quote {
		flex: 0 0 100%;
		width: 100%;
	}

	.result_grid .result_content {
		flex: 0 0 100%;
		width: 100%;
	}

	.result_grid .result_bars {
		flex-wrap: wrap;
	}

	.result_grid .result_bar {
		flex: 0 0 calc(50% - 10px);
		min-width: calc(50% - 10px);
		box-sizing: border-box;
	}

	.result_grid .result_summary {
		width: 100%;
		flex-direction: row;
		gap: 16px;
	}

	.result_grid .summary_box {
		flex: 1;
	}
}

/* 주요기능 섹션 텍스트·이미지 상단 정렬 */
.inner.half_bx .half_con_bx {
	align-items: flex-start;
}

.inner.half_bx .pms_img_ph {
	width: 100%;
	text-align: left;
}

.inner.half_bx .pms_img_ph img {
	display: block;
	width: 100%;
	max-width: 100%;
}