/*-----------------------------------------
# 이노베이션 - 연구개발
-------------------------------------------*/
.innova_bg {
    background-image: url(/public/img/zettax/sub/innovation/innova_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.innovaWrap {
    margin: -4rem 0 0 0;
    position: relative;
    width: 100%;
    border-radius: 4rem 4rem 0 0;
    background: #000;
    padding: 8rem 0 12rem 0;
}

.innoWrap{
	position:relative;
}
.innoSideBox {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.readelWrap{
	position:relative;
	padding:16rem 0 0rem 0;
	overflow:hidden;
}
.readelSideBox{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.readelInner{
	position:relative;
}
.readelInner .swiper{
	overflow:unset;
}
.readelInner .deBtnGroupInner {
    z-index: 10;
    transform: translateY(-50%);
    top: 50%;
    right: -1rem;
    gap: 1rem;
    width: 7.2rem;
    /* top: -3.4rem; */
    position: absolute;
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}


.readeBox {
    position: relative;
    width: 100%;
}
.readetext {
    position: relative;
    z-index: 2;
    margin: 0 0 -3rem 0;
    padding: 0 4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.readetext span {
    color: #FFF;
    font-family: pretendard-600;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4rem;
}
.readetext h2 {
    margin: 1.6rem 0 2rem 0;
    text-align: left;
    color: #FFF;
    font-family: pretendard-700;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4.8rem;
}
.shtline{
	display:block;
	height:5px;
}
.readetext h3 {
	letter-spacing: -0.2px;
    margin: 0;
    text-align: left;
    color: #FFF;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
}
.readetext h3 b{
	margin:0;
	font-family: pretendard-700;
	font-weight: 700;
}
.readeimg {
    display: flex;
}

@media (max-width: 1600px) {
    .innovaWrap {
        margin: -4rem 0 0 0;
        border-radius: 4rem 4rem 0 0;
        padding: 8rem 0 10rem 0;
    }
	
	.readelWrap{
		padding:14rem 0 0rem 0;
	}
	.readetext {
	    padding: 0 3rem;
		margin: 0 0 -3rem 0;
	}
}
@media (max-width:991px) {
	.innovaWrap {
        margin: -3rem 0 0 0;
        border-radius: 3rem 3rem 0 0;
        padding: 2rem 0 8rem 0;
    }
	
	.readelWrap {
		padding: 12rem 0 0rem 0;
	}
	.readetext {
	    padding: 0 2rem;
		margin: 0 0 -2rem 0;
	}
	.readetext h2 {
		margin: 1.2rem 0 1rem 0;
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.readetext span {
		font-size: 2rem;
		line-height: 3rem;
	}
	.readetext h3 {
		font-size: 1.5rem;
		line-height: 2.8rem;
	}
}
@media (max-width:767px) {
	.innovaWrap {
        margin: -2rem 0 0 0;
        border-radius: 2rem 2rem 0 0;
        padding: 2rem 0 5rem 0;
	}
	
	.readelInner .swiper-wrapper{
		display:block;
	}
	.readelInner .deBtnGroupInner{
		display:none;}
	.readelWrap {
		padding: 8rem 0 0rem 0;
	}
	.readelInner .swiper-wrapper .swiper-slide:nth-child(1) .readeBox{
		margin:0;}
	.readeBox {
		margin: 6rem 0 0 0;
	}
	.readetext {
		padding: 0 1.6rem;
		margin: 0 0 -2rem 0;
	}
	.readetext span {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.readetext h2 {
		margin: 0.6rem 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.readetext h3 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}

/*-----------------------------------------
# 이노베이션 - esg 경영
-------------------------------------------*/
.esgWrap{
	position:relative;
	width:100%;
	margin:16rem 0 0 0;
}
.esgSideBox{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.hsybtnBox {
    display: inline-block;
    position: sticky;
    top: 14rem;
    z-index: 20;
}
.hsybtnInner {
    width: 43rem;
    position: Relative;
}
.hsybtnFlex {
	top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
    gap: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.hsybtn a {
	padding:0;
    margin: 0;
    text-decoration: none!important;
    position: Relative;
    color: #fff;
    font-family: pretendard-700;
    font-size: 4.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 6rem;
	letter-spacing: 2.3px;
    opacity: 0.3;
}
.hsybtn.active a {
	padding:0 0 0 3.5rem;
    opacity: 1;
}
.hsybtn.active a:before {
    transform: translateY(-50%);
    top: 50%;
    content: '';
    position: absolute;
    left: 0;
    width: 0.5rem;
    height: 4rem;
    background: #fff;
    border-radius: 6px;
}


.hisInner {
    position: Relative;
    width: 100%;
	padding: 0 0 0 68rem;
}
.hsitemInner {
    position: Relative;
    width: 100%;
}
.hsitem {
    margin: 0 0 12rem 0;
    position: Relative;
}
.esgtitle{
	position:relative;
	padding:0 4rem;
	margin:0 0 -2rem 0; 
}
.esgtitle p{
	position:relative;
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
}
.esgtitle p:before{
	transform: translateY(-50%);
    top: 50%;
    content: '';
    position: absolute;
    left: -1.4rem;
    width: 0.3rem;
    height: 2rem;
    background: #fff;
    border-radius: 4px;
}
.esgtitle h2{
	display:block;
	text-align:left;
	margin:1rem 0 3rem 0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7rem;
}
.esgtitle h3{
	display:block;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.2rem;
}
.esgsubt{
	margin:-2rem 0 0 0;
	position:relative;
	width:100%;
	padding:0 4rem;
}
.esgsubt ul{
	width:100%;
	position:relative;
}
.esgsubt ul li{
	width:100%;
	position:relative;
	padding:4rem 0 0 0;
	margin:4rem 0 0 0;
	border-top:1px solid rgba(255,255,255,0.2);
}
.esgsubt ul li:nth-child(1){
	padding:0;
	margin:0;
	border-top:none;
}
.esgsubt ul li h3{
	display:block;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4rem;
}
.esgsubt ul li h4{
	display:block;
	text-align:left;
	margin:1.2rem 0 0 0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
@media (max-width: 1600px) {
	.esgWrap {
		margin: 14rem 0 0 0;
	}
	.hisInner {
		padding: 0 0 0 60rem;
	}
}
@media (max-width: 1200px) {
	.hsybtnFlex {
		gap: 2rem;
	}
	.hsybtn a {
		font-size: 4rem;
		line-height: 5rem;
	}
	.hsybtn.active a {
		padding: 0 0 0 2.5rem;
	}
	.hisInner {
		padding: 0 0 0 44rem;
	}
}
@media (max-width: 991px) {
	.esgWrap {
		margin: 12rem 0 0 0;
	}


	.hsybtnInner {
		width: 100%;
		position: Relative;
	}
	.hsybtnBox.down{
		top: 2rem;
	}
	.hsybtnBox {
		top: 8rem;
	}
	.hsybtnFlex {
		top: 0;
		left: 0;
		z-index: 10;
		position: relative;
		gap: 3rem;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.hsybtn a {
		font-size: 3rem;
		line-height: 4rem;
	}
	.hsybtn.active a {
		padding: 0 0 0 2rem;
	}
	.hsybtn.active a:before {
		width: 0.5rem;
		height: 3rem;
		border-radius: 5px;
	}


	.hisInner {
		padding: 0;
	}
	.hsitem {
		margin: 0;
		position: Relative;
		padding: 10rem 0 0 0;
	}
	.esgtitle {
		padding: 0 3rem;
		margin: 0 0 -3.6rem 0;
	}
	.esgtitle h2 {
		margin: 1rem 0 1.6rem 0;
		font-size: 4rem;
		line-height: 6rem;
	}
	.esgtitle p {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.esgtitle p:before {
		left: -1.2rem;
		width: 0.3rem;
		height: 1.8rem;
		border-radius: 3px;
	}
	.esgtitle h3 {
		font-size: 2rem;
		line-height: 3.6rem;
	}
	.esgsubt {
		margin: -3.6rem 0 0 0;
		padding: 0 3rem;
	}
	.esgsubt ul li {
		padding: 3rem 0 0 0;
		margin: 3rem 0 0 0;
	}
	.esgsubt ul li h3 {
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.esgsubt ul li h4 {
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
}
@media (max-width: 767px) {
	.esgWrap {
		margin: 8rem 0 0 0;
	}
	
	.hsybtnBox {
		top: 5.2rem;
	}
	.hsybtnFlex {
		gap: 2rem;
	}
	.hsybtn a {
		font-size: 1.7rem;
		line-height: 3.4rem;
		letter-spacing: 0.51px;
	}
	.hsybtn.active a {
		padding: 0 0 0 0.8rem;
	}
	.hsybtn.active a:before {
		width: 0.2rem;
		height: 1.4rem;
		border-radius: 6px;
	}
	
	
	.hsitem {
		padding: 8rem 0 0 0;
	}
	.esgtitle {
		padding: 0 1.6rem;
		margin: 0 0 -2rem 0;
	}
	.esgtitle p {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	.esgtitle p:before {
		left: -0.8rem;
		width: 0.2rem;
		height: 1.4rem;
		border-radius: 4px;
	}
	.esgtitle h2 {
		margin: 0.6rem 0 1rem 0;
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.esgtitle h3 {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.esgtitle h3 br{
		display:none;
	}
	.esgsubt {
		margin: -2rem 0 0 0;
		padding: 0 1.6rem;
	}
	.esgsubt ul li {
		padding: 2rem 0 0 0;
		margin: 2rem 0 0 0;
	}
	.esgsubt ul li h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.esgsubt ul li h4 {
		margin: 0.8rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}

/*-----------------------------------------
# 이노베이션 - Technology
-------------------------------------------*/
.techWrapInner{
	position:relative;
}
.techWrap{
	z-index:5;
	position:relative;
	width:100%;
	margin:16rem 0 0 0;
}
.techSideBox{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.techtit{
	position:relative;
	width:100%;
	margin:0 0 8rem 0;
}
.techtit strong {
    display: flex;
    position: relative;
    width: 100%;
    padding: 0 0 4rem 0;
    color: #FFF;
    font-family: pretendard-700;
    font-size: 8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 8.4rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

/* ==== Material ==== */
.techWrap.material{
	overflow:hidden;
}
.techmeterInner{
	position:relative; 
}
.techmeterInner .swiper{
	overflow:unset;
}
.techmeBox{
	position:relative;
	width:100%;
	padding:0 12rem 0 0;
}
.techmeInner{
	position:relative;
	width:100%;
}
.techmeimg{
	display:flex;
}
.techmetext {
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    padding: 5rem;
    flex-direction: column;
    justify-content: space-between;
}
.techmetext dl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.techmetext dl span{
	text-align:left;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
}
.techmetext dl h2{
	margin:1rem 0 0 0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7rem;
}
.techmetext h3{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.techmeterInner .deBtnGroupInner {
    z-index: 10;
    transform: translateY(-50%);
    top: 50%;
    right: -1rem;
    gap: 1rem;
    width: 7.2rem;
    /* top: -3.4rem; */
    position: absolute;
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}


/* ==== Coating ==== */
.techWrap.coating{
	overflow:hidden;
}
.coaInnner{
	position:relative;
	margin:8rem 0 0 0;
}
.techMainti{
	position:relative;
	width:100%;
}
.techMainti h2{
display:flex;
	position:relative;
	width:100%;
}
.techMainti h2 dl{
	margin:0;
	text-align:left;
	position:relative;
	width:100%;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7.2rem;
}
.techMainti h2 p{
	margin:0;
	text-align:left;
	position:relative;
	width:100%;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
.buCoating {
    position: relative;
    width: 100%;
    margin: 6rem 0 0 0;
}
.buCoating .swiper{
    overflow: unset;
}
.coatBox{
	position:relative;
	width:100%;
}
.coatBox h3{
	display:block;
	text-align:left;
	padding:0 1rem;
	margin:0 0 2rem 0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.8rem;
}
.coatBox h3 span{
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 3.4rem;
}
.coatBox h4{
	margin:1rem 0 0 0;
	text-align:left;
	padding:0 2rem;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.coatimg{
	display:flex;
}
.buCoating .deBtnGroupInner {
    display:none;
}

.coaInnner .bupobotext {
    margin: -2rem 0 0 0;
}


.hazardInner{
	margin:6rem 0 0 0;
	position:relative;
	width:100%;
	display:flex;
	gap:8rem;
}
.hazardLeft {
    position: relative;
    width: 72.25%;
}
.hazaimg{
	display:flex;
}
.hazaimg img{
	border-radius:1.6rem;
}
.hazatable{
	position:relative;
	width:100%;
	margin:3rem 0 0 0;
}
.hazatable table{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.hazatable table thead th {
    padding: 2rem 0.2rem;
    color: #fff;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    border-collapse: collapse;
    border-bottom: 1px solid #fff;
}
.hazatable table tbody td {
    padding: 2rem 0.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-collapse: collapse;
    color: #fff;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
}
.hazatable table tbody tr.last td{
	border-bottom: none;
}

.hazardRight {
    position: relative;
    width: 27.75%;
}
.hazardnews {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    align-items: center;
}
.hazardnews ul{
	width:100%;
	position:relative;
}
.hazardnews ul li{
	padding:4rem 0 0 0;
	margin:4rem 0 0 0;
	border-top:1px solid rgba(255,255,255,0.2);
	width:100%;
	position:relative;
}
.hazardnews ul li:nth-child(1){
	padding:0;
	margin:0;
	border-top:none;
}
.hanews{
	position:relative;
	width:100%;
	padding:2rem 0;
}
.hanews h3{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
.hanews p{
	margin:2rem 0 0 0;
	text-align:left;
	opacity: 0.5;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}

.hazasubriskimg{
	display:flex;
}
.hazasubriskimg img.pcimg{display:block;}
.hazasubriskimg img.moimg{display:none;}


/* ==== Air Urea Technolgy ==== */
.techWrap.airurea{
	padding:0 0 8rem 0;
}
.aiuWrap{
	display:block;
	position:relative;
}
.aiutitle {
    padding: 20rem 0 0 0;
    z-index: 2;
    position: absolute;
    left: 0;
}
.airurea .techMainti h2 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.aiuContent{
	position:relative;
	width:100%;
	padding:0 0 0 54.8rem;
}
.aiuContentInner{
	width:100%;
	position:relative;
	display:flex;
	gap:6rem;
}
.aiucBox {
    width: 50%;
    gap: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aiucItem {
    overflow: hidden;
    border-radius: 16px;
    background: rgba(34, 34, 34, 0.80);
    backdrop-filter: blur(5px);
    position: relative;
    width: 100%;
}
.aiucItemText {
    display: flex;
    padding: 3.6rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}
.aiucItemText p{
	display:block;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
}
.aiucItemText h3{
	display:block;
	text-align:left;
	margin:1rem 0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.2rem;
}
.aiucItemText h4{
	display:block;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.tech_steel_bg {
    height: 48%;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    background-image: url(/public/img/zettax/sub/innovation/tech_steel_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.aiuSilde{
	display:none;
}

@media (max-width: 1600px) {
	.techtit {
		margin: 0 0 7rem 0;
	}
	.techtit strong {
		padding: 0 0 4rem 0;
		font-size: 7rem;
		line-height: 7.4rem;
		letter-spacing: 4px;
	}
}
@media (max-width: 1400px) {
	/* ==== Material ==== */
	.techmetext {
		width: 55%;
		padding: 2rem;
	}
	
	/* ==== Coating ==== */
	.techMainti h2 {
		gap: 2rem;
		display: flex;
		position: relative;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.hazardInner {
		margin: 6rem 0 0 0;
		gap: 5rem;
	}
	.hazardnews ul li {
		padding: 3rem 0 0 0;
		margin: 3rem 0 0 0;
	}
	
	
	/* ==== Air Urea Technolgy ==== */
	.aiutitle {
		padding: 0;
	}
	.aiuContent {
		padding: 0;
	}
}
@media (max-width: 991px) {
	.techWrap {
		padding: 2rem 0 0 0;
		margin: 12rem 0 0 0;
	}
	.techtit {
		margin: 0 0 4rem 0;
	}
	.techtit strong {
		padding: 0 0 2rem 0;
		font-size: 5rem;
		line-height: 5.4rem;
		letter-spacing: 3px;
	}

	/* ==== Material ==== */
	.techmeBox {
		padding: 0;
	}
	.techmetext {
		margin: -3rem 0 0 0;
		position: relative;
		width: 100%;
		padding: 0 2rem;
	}
	.techmetext dl {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.techmetext dl span {
		right: 0;
		top: 0;
		position: absolute;
		font-size: 2rem;
		line-height: 3rem;
	}
	.techmetext dl h2 {
		margin: 0;
		font-size: 4rem;
		line-height: 6rem;
	}
	.techmeterInner .deBtnGroupInner {
		transform: inherit;
		top: -12.2rem;
		right: 0;
		gap: 1rem;
		width: 13.2rem;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	
	
	/* ==== Coating ==== */
	.techMainti h2 {
		gap: 1rem;
	}
	.techMainti h2 dl {
		font-size: 4rem;
		line-height: 6rem;
	}
	.techMainti h2 p {
		font-size: 1.6rem;
		line-height: 3rem;
	}
	
	.coatBox h3 {
		padding: 0 1.6rem;
		margin: 0 0 1.6rem 0;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.coatBox h4 {
		margin: 1rem 0 0 0;
		padding: 0 1.6rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	.buCoating .deBtnGroupInner {
		position: absolute;
		display: flex;
		transform: inherit;
		top: -32.2rem;
		right: 0;
		gap: 1rem;
		width: 13.2rem;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	
	
	.hazardInner {
		display: flex;
		margin: 4rem 0 0 0;
		gap: 4rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.hazardLeft {
		width: 100%;
	}
	.hazatable {
		margin: 1rem 0 0 0;
	}
	.hazardRight {
		width: 100%;
	}
	.hanews {
		padding: 0;
	}
	.hanews h3 br.haznone{display:none;}
	
	.hazasubriskimgInner{
		margin:0 auto;
		max-width:42rem;}
	.hazasubriskimg img.pcimg{display:none;}
	.hazasubriskimg img.moimg{display:block;}
	
	
	/* ==== Air Urea Technolgy ==== */
	.techWrap.airurea{overflow:hidden;    padding: 0;}
	.aiutitle {
		position: relative;
		padding: 0;
		margin:0 0 5rem 0;
	}
	.aiuContentInner{display:none;}
	.aiuSilde{display:block;}
	.aiuSilde .swiper{
		overflow:unset;}
	.aiucItemText {
		padding: 2.6rem;
		gap: 1rem;
	}
	.aiucItemText p {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.aiucItemText h3 {
		margin: 0.6rem 0;
		font-size: 2.4rem;
		line-height: 3.6rem;
	}
	.aiucItemText h4 {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.aiuSilde .deBtnGroupInner {
		position: absolute;
		display: flex;
		transform: inherit;
		top: -35.2rem;
		right: 0;
		gap: 1rem;
		width: 13.2rem;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	
	
	.tech_steel_bg {
		height: 30%;
	}
}
@media (max-width: 767px) {
	.techWrap {
		padding: 2rem 0 0 0;
		margin: 8rem 0 0 0;
	}
	.techtit {
		margin: 0 0 3rem 0;
	}
	.techtit strong {
		padding: 0 0 1.4rem 0;
		font-size: 2.8rem;
		line-height: 3rem;
		letter-spacing: 1.4px;
	}
	
	.coaInnner.fir{
		margin:0;
		}
	.coaInnner{
		margin:7rem 0 0 0;
		padding:0 2rem;}

	/* ==== Material ==== */
	.techmeterInner .deBtnGroupInner .swiper-button-prev {
		width: 3.9rem;
		height: 3.9rem;
	}
	.techmeterInner .deBtnGroupInner .swiper-button-next {
		width: 3.9rem;
		height: 3.9rem;
	}
	.techmeterInner .deBtnGroupInner {
		transform: inherit;
		top: -8.4rem;
		right: 0;
		gap: 0.5rem;
		width: 8.3rem;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	.techmetext {
		margin: -2rem 0 0 0;
		padding: 0 1.6rem;
	}
	.techmetext dl h2 {
		margin: 0;
		font-size: 2.4rem;
		line-height: 3.8rem;
	}
	.techmetext dl span {
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.techmetext h3 {
		letter-spacing: -0.14px;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	
	
	/* ==== Coating ==== */
	.coating .techSideBox{
		padding:0;}
	.coating .techtit {
		padding: 0 2rem;
		margin: 0 0 3rem 0;
	}
	.techMainti h2 {
		gap: 0.6rem;
	}
	.techMainti h2 dl {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
	.techMainti h2 p {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.techMainti h2 p br{display:none;}
	.buCoating {
		margin: 3rem 0 0 0;
	}
	.coatBox h3 {
		padding: 0 1.6rem;
		margin: 0 0 1.2rem 0;
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.coatBox h3 br{display:none;}
	.coatBox h3 span {
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
	.coatBox h4 {
		margin: 1rem 0 0 0;
		padding: 0 1.6rem;
		font-size: 1.4rem;
		line-height: 2.5rem;
		letter-spacing: -0.14px;
	}
	.buCoating .deBtnGroupInner .swiper-button-prev {
		width: 3.9rem;
		height: 3.9rem;
	}
	.buCoating .deBtnGroupInner .swiper-button-next {
		width: 3.9rem;
		height: 3.9rem;
	}
	.buCoating .deBtnGroupInner {
		transform: inherit;
		top: -23.4rem;
		right: 0;
		gap: 0.5rem;
		width: 8.3rem;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	
	
	.coaInnner .bupobotext {
		margin: -1.2rem 0 0 0;
	}
	.coaInnner .bupobotext h4 br{display:none;}
	
	
	.hazardInner {
		margin: 3rem 0 0 0;
		gap: 3rem;
	}
	.hazatable table thead th {
		padding: 1.4rem 0.2rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.hazatable table tbody td {
		padding: 1.4rem 0.2rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.hazardnews ul li {
		padding: 2.4rem 0 0 0;
		margin: 2.4rem 0 0 0;
	}
	.hanews h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.hanews p {
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	/* ==== Air Urea Technolgy ==== */
	.aiutitle {
		margin: 0 0 3rem 0;
	}
	.airurea .techMainti h2 {
		gap: 0.6rem;
	}
	.aiucItemText {
		padding: 2rem;
		gap:0;
	}
	.aiucItemText p {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.aiucItemText h3 {
		margin: 0.6rem 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.aiucItemText h4 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.aiuSilde .deBtnGroupInner .swiper-button-prev {
		width: 3.9rem;
		height: 3.9rem;
	}
	.aiuSilde .deBtnGroupInner .swiper-button-next {
		width: 3.9rem;
		height: 3.9rem;
	}
	.aiuSilde .deBtnGroupInner {
		transform: inherit;
        top: -26.4rem;
        right: 0;
        gap: 0.5rem;
        width: 8.3rem;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
	}
	
	
	.tech_steel_bg {
		height: 37%;
	}
}
@media (max-width: 420px) {
	.hazasubriskimgInner {
		margin: 0 auto;
		max-width: 100%;
	}
}
     
	 
/*-----------------------------------------
# 이노베이션 - 산업표준과 인증
-------------------------------------------*/ 	 
.indusWrap{
	position:relative;
	width:100%;
	margin:16rem 0 0 0;
}
.indusSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}

.institle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.institle h2{
	text-align:center;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.4rem;
}
.institle h3{
	margin:1rem 0 0 0;
	text-align:center;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.en420items{
	position:relative;
	margin:5rem 0 0 0;
}
.en420items ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.en420items li{
	position:relative;
	flex: 0 0 calc(20% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
}
.en420 {
	position:relative;
    padding: 2rem 0 4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	border-radius: 1.6rem;
	background: #1B1B1B;
	border:1px solid #1B1B1B;
}
.en420.on{
	border:1px solid #fff;
}
.en420.on:before{
	content:'';
	position:absolute;
	right:1.5rem;
	top:1.5rem;
	width:3rem;
	height:3rem;
	background-image: url(/public/img/zettax/common/green_check.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.en420 img{
	height:12rem;
}
.en420 h3 {
    gap: 0.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.en420 h3 span{
	text-align:center;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
}
.en420 h3 p{
	text-align:center;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

.cateWrap{
	position:relative;
	margin:10rem 0 0 0;
}
.catewitem{
	position:relative;
	margin:5rem 0 0 0;
}
.catewitem ul{
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.catewitem li{
	position:relative;
	flex: 0 0 calc(33.333333333% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
}
.ceitems{
	height: 100%;
	width:100%;
	position:relative;
	border-radius: 1.6rem;
	background: #1B1B1B;
	display: flex;
	padding:2rem 3rem 4rem 3rem;
	flex-direction: column;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}
.ceitems img{
	height:12rem;
}
.ceitems h3{
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
}
.ceitems h4{
	margin:0.6rem 0 0 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

/* ======== en탭 컨텐츠 ======== */
.enTabContent{
	position:relative;
	margin:14rem 0 0 0;
}

.enbtnBox.down {
    top: 2rem;
}
.enbtnBox {
    width: 100%;
    display: inline-block;
    position: sticky;
    top: 12rem;
    z-index: 20;
}
.enbtnFlex {
    top: 0;
    left: 0;
    z-index: 10;
    position: relative;
    gap: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.enbtn{
	position:Relative;
	backdrop-filter: blur(3px);
	/* filter: blur(4px); */
}
.enbtn a {
	/* background: rgba(255, 255, 255, 0.10); */
	/* backdrop-filter: blur(5px); */
	/* background: #000; */
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	width: 20rem;
	padding: 1.4rem 5rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 99px;

	text-decoration: none!important;
	position: Relative;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.6rem;
	/* opacity: 0.3; */
}
.enbtn.active a{
	/* opacity: 1; */
	color: #000;
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(5px);
}

.enitemInner {
    margin: -6rem 0 0 0;
    position: relative;
}
.enitem{
	/* margin:0 0 14rem 0; */
	padding:14rem 0 0 0;
	position:relative;
}
.enititle{
	margin:0 0 8rem 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 8.4rem;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.eninfoBox{
	position:relative;
	display:flex;
	gap:3rem;
	width:100%;
}
.eninfoImg {
    position: relative;
    width: 38.815%;
}
.eninfoImgInner{
	border-radius: 1.6rem;
	position:relative;
	width:100%;
	height:100%;
}
.en388_bg {
    background-image: url(/public/img/zettax/sub/innovation/en388_info_img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.en407_bg {
    background-image: url(/public/img/zettax/sub/innovation/en407_info_img.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.eninfoCont {
    position: relative;
    width: 61.185%;
}
.en388info {
    gap: 2.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.en388icon {
	gap:1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.en388icon span{
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.en388icon img{
	height:19.2rem;
}
.en388text {
    width: 26.2rem;
    gap: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.en388text h2{
	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem;
}
.en388text h3{
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}

.encolorBox {
    width: 100%;
    position: relative;
    margin: 3rem 0 0 0;
    display: flex;
	gap:0.6rem;
    justify-content: center;
    align-items: center;
}
.encolorBox span{
	display: flex;
	width: 7rem;
	height: 6rem;
	padding: 1.5rem 2rem;
	justify-content: center;
	align-items: center;
	border-radius: 0.4rem;

	color: #FFF;
	text-align: center;
	font-family: pretendard-800;
	font-size: 3rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
}

.colorInfoBox{
	position:relative;
	margin:5rem 0 0 0;
}
.coloinBox{
height:100%;
	position:relative;
	width:100%;
}
.coloinBox dl{
    /* display: none; */
	margin:0 0 1rem 0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.6rem;
}
.coloin {
    overflow: hidden;
    min-height: 49.35rem;
    gap: 2.8rem;
    display: flex;
    position: relative;
    width: 100%;
    padding: 3rem 0;
    border-radius: 0.8rem;
    background: #232323;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.coloin h3 {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.coloin h3 strong{
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
.coloin h3 p{
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6rem;
	letter-spacing: 0.42px;
}
.colLine {
    width: 100%;
    display: flex;
    padding: 1rem 1.4rem;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    color: #FFF;
    text-align: center;
    font-family: pretendard-700;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6rem;
    justify-content: center;
}
.colIcon{
	display:flex;
}
.coloin h4{
	display:block;
	padding:0 1.2rem;
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: -0.14px;
}
.colbottomtext {
    gap: 0.6rem;
    display: flex;
    width: 100%;
    position: absolute;
    bottom: -4.6rem;
    color: #FFF;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.6rem;
    align-items: center;
    justify-content: center;
}
b.xmrtn{
	position:relative;
	width:1.4rem;
	height:1.4rem;
	display:inline-block;
	background-image: url(/public/img/zettax/common/xmrtn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.colorInfoVer2 .coloin {
	padding:3rem 0 0 0;
    min-height:auto;
}
.colorInfoVer2 .coloin h3 strong {
    display: flex;
    min-height: 6rem;
    align-items: center;
}
.coloin h3 p{
	display: flex;
    min-height: 4.8rem;
    align-items: center;
}
.colorInfoVer2 .coloin h3 {
    min-height:11.8rem;
}
.en407info {
    gap: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.en407title{
	position:relative;
}
.en407title h2 {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.en407title h2 strong{
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.en407title h2 p{
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.en407iconflex {
    max-width: 76.8rem;
    width: 100%;
    display: flex;
}
.en407icon.fir {
    display: flex;
    flex-direction: row-reverse;
}
.en407icon {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.en407icon img{
	width:50%;
}
.en407icon span {
    height: 100%;
    display: flex;
    width:50%;
    color: #FFF;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    align-items: center;
    justify-content: center;
}

.entableWrap{
	position:relative;
	width:100%;
	margin:10rem 0 0 0;
}
.entableWrap.perfor{
	margin:14.6rem 0 0 0;
}

.perforTable.mart10{
	margin:1rem 0 0 0;
}
.perforTable table{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.perforTable table thead th {
    padding: 2rem 0.2rem;
    color: #fff;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    border-collapse: collapse;
    border-bottom: 1px solid #fff;
}
.perforTable table thead th.fir{
	text-align:left;
	padding: 2rem 2rem;
}
.perforTable table tbody td {
    padding: 2rem 0.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    border-collapse: collapse;
    color: #fff;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
}
.perforTable table tbody tr.last td{
	border-bottom: none;
}
.perforTable table tbody td.fir{
	padding: 2rem 2rem;
}
.perforTable table tbody td.sed{
	padding: 2rem 2rem;
	text-align:left;
}
.pertd {
    text-align: left;
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.pertd span{
	border-radius: 4px;
	display: flex;
	width: 2.2rem;
	height: 2.2rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;

	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6rem;
}

.cl01{width:52rem;}
.cl02{width:16.6rem;}

.tablebotText{
	margin:2rem 0 0 0;
	position:relative;
}
.tablebotText dl{
	margin:1.4rem 0 0 0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8rem;
}
.tablebotText dl span{
	color: #FF1919;
	font-family: pretendard-700;
	font-weight: 700;
}

.cll01{width:50%;}
.cll02{width:50%;}


.backfcontInner{
	margin:14rem 0 0 0;
	width:100%;
	position:relative;
}
.backfcont{
	padding: 5.4rem 4rem;
	width:100%;
	position:relative;
	border-radius: 10px;
	background: #F8F8F8;
}
.backfcont ul{
	position:relative;
	width:100%;
}
.backfcont ul li{
	position:relative;
	width:100%;
	border-top:1px solid #eee;
	padding:4rem 0 0 0;
	margin:4rem 0 0 0;
}
.backfcont ul li:nth-child(1){
	border-top:none;
	padding:0;
	margin:0;
}
.noteText h3{
	position:relative;
	width:100%;
	padding:0 0 0 3.8rem;
	color: #000;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
}
.noteText h3 span{
	position:absolute;
	left:0;
	display: flex;
	width: 2.8rem;
	height: 2.8rem;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: #F8F8F8;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6rem;
}
.noteText h4{
	margin:1.4rem 0 0 0;
	position:relative;
	width:100%;
	padding:0 0 0 3.8rem;
	text-align: left;
	color: #555;
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.noteText dl{
	margin:1.4rem 0 0 0;
	position:relative;
	width:100%;
	padding:0 0 0 7.4rem;
	text-align: left;
	color: #555;
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.noteText dl span{
	font-family: pretendard-700;
	font-weight: 700;
	color: #BB62FF;
	position:absolute;
	left:3.8rem;
}
.ntsub{
	padding:0 0 0 3.8rem;
	margin:2rem 0 0 0;
	position:relative;
}
.ntsub strong{
	color: #000;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4rem;
}
.ntsub p{
	margin:1rem 0 0 0;
	color: #000;
	text-align: left;
	font-family: pretendard-400;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}

.noteflex{
	display:flex;
	gap:6rem;
}
.noteflex .noteText{
	width:100%;
}
.noteTable{
	width:100%;
	position:relative;
}
.noteTable table{
    width: 100%;
    position: relative;
    border-collapse: collapse;
}
.noteTable table thead th {
    padding: 2rem 2rem;
    color: #000;
    text-align: left;
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
    border-collapse: collapse;
    border-bottom: 1px solid #000;
}
.noteTable table tbody td {
    padding: 2rem 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    border-collapse: collapse;
    color: #000;
    text-align: left;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2rem;
}
.wid33{width:33.3333333333%}
.wid50{width:50%;}


/* ==== asni ==== */
.ansicutTestBox{
	width:100%;
	position:relative;
	display:flex;
	gap:8rem;
}
.ansicutInner{
	position:relative;
	width:100%;
}
.stdcutTestBox{
	position:relative;
}
.stdcutTestTitle h2{
	margin:0;
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.stdcutTestTitle h3{
	margin:4rem 0 0 0;
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.stdsatm{
margin:4rem 0 0 0;
	position:relative;
}
.stdsatm h2{
	margin:0;
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
}
.stdsatm h3{
	display:block;
	text-align:left;
	margin:1.6rem 0 0 0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.designationBox {
    gap: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.designationTitle h2{
	margin:0;
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.designationImg {
    padding: 0 6rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.cutlevlelWrap{
	position:relative;
	width:100%;
	margin:10rem 0 0 0;
}
.cutLvBox{
	position:relative;
	width:100%;
}
h2.cuth2{
	display:block;
	text-align:center;
	margin:0 0 4rem 0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.cutLvFlex {
    display: flex;
    gap: 7rem;
    justify-content: center;
    align-items: stretch;
}
.cutLvImg img{
	max-width:43.8rem;
}
.cutLvImg img.pcimg{display:block;}
.cutLvImg img.moimg{display:none;}
.cutLvInfo {
    position: relative;
    min-width: 34.4rem;
    padding: 0 0 0 4.4rem;
}
.cutLvInfo:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:1.4rem;
	background-image: url(/public/img/zettax/sub/innovation/cutarrow.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.cutLvInfoFlex {
    height: 100%;
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.culvfBox{
	display:flex;
	width:100%;
	border-radius: 0.6rem;
	background: #333;
	display: flex;
	padding: 2rem 1rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	align-self: stretch;
}
.culvfBox span{
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4rem;
	letter-spacing: -0.6px;
}
.culvfBox h3{
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: -0.36px;
}
.cutlvchartWrap{
	width:100%;
	position:relative;
	display:flex;
	gap:8rem;
	margin:6rem 0 0 0;
}
.cutlvchart{
	width:100%;
	position:relative;
}
.cutlvchart ul {
    display: flex;
    gap: 0.8rem;
    width: 100%;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cutlvchart li{
	width:100%;
	position:relative;
}
.cutlineBox{
	width:100%;
	position:relative;
	padding:0 0 0 6.7rem;
}
.cua{
	position:absolute;
	left:0;
	top:0;
	width:6.2rem;
	height:6.2rem;
	border-radius: 0.4rem;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.10);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
	color: #FFF;
	text-align: center;
	font-family: pretendard-800;
	font-size: 1rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1rem;
	text-transform: uppercase;
}
.cua strong{
	color: #FFF;
	text-align: center;
	font-family: pretendard-800;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.6rem;
	text-transform: uppercase;
}
.cuaLine{
overflow:hidden;
	position:relative;
	width:100%;
	height:6.2rem;
	border-radius: 0.4rem;
	background: #232323;
}
.cuaLine span {
	z-index:2;
    transform: translateY(-50%);
    position: absolute;
    right: 3.8rem;
    top: 50%;
    color: #FFF;
    text-align: right;
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6rem;
}
.cuaLine:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background: #F94444;
}
.cuaLine.line01:before{width:88%;}
.cuaLine.line02:before{width:77%;}
.cuaLine.line03:before{width:58%;}
.cuaLine.line04:before{width:48%;}
.cuaLine.line05:before{width:38%;}
.cuaLine.line06:before{width:28%;}
.cuaLine.line07:before{width:18%;}
.cuaLine.line08:before{width:10%;}
.cuaLine.line09:before{width:4%;}

.cutlvTable{
	width:100%;
	position:relative;
}
.clt01 {
    width: 21rem;
}
.clt02 {
    width: 51rem;
}
.cutlvTable .fir{text-align:left;}
@media (max-width: 1600px) {
	/* ==== 탭 컨텐츠 ==== */
	.enbtnFlex {
		gap: 2rem;
	}
	.enbtn a {
		width: 17rem;
		padding: 1.2rem 1rem;
		font-size: 2.4rem;
		line-height: 4rem;
		/* opacity: 0.3; */
	}
	
	
	.colLine {
		padding: 1rem 0rem;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	
	
}
@media (max-width: 991px) {
	.indusWrap {
		margin: 12rem 0 0 0;
	}
	
	.enititle {
		margin: 0 0 5rem 0;
		font-size: 6rem;
		line-height: 6.4rem;
		letter-spacing: 3px;
	}
	/* ==== 일반적인 요구조건, CE Category Information ==== */
	.en420items li {
		flex: 0 0 calc(33.3333333% - 2rem);
		margin: 1rem;
	}
	
	
	.cateWrap {
		margin: 8rem 0 0 0;
	}
	.institle h3 {
		margin: 1rem 0 0 0;
		font-size: 1.6rem;
		line-height: 3rem;
	}
	.institle h3 br{display:none;}
	.ceitems {
		border-radius: 1.6rem;
		padding: 2rem 2rem 3rem 2rem;
	}
	.ceitems h4 {
		margin: 0.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	
	
	/* ==== 탭 컨텐츠 ==== */
	.enTabContent {
		margin: 12rem 0 0 0;
	}
	.enbtn a {
		width: 14rem;
		padding: 1.2rem 1rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	
	
	.enitem {
		padding: 12rem 0 0 0;
	}
	.eninfoBox {
		position: relative;
		display: flex;
		gap: 3rem;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.eninfoImg {
		height: 70vw;
		position: relative;
		width: 100%;
		border-radius: 1rem;
	}
	.eninfoImgInner{
		border-radius: 1rem;
	}
	.eninfoCont {
		position: relative;
		width: 100%;
	}
	
	
	.entableWrap.perfor {
		margin: 12rem 0 0 0;
	}
	.entableWrap {
		margin: 8rem 0 0 0;
	}
	.backfcontInner{
		margin: 8rem 0 0 0;
	}
	.backfcont {
		padding: 5.4rem 4rem;
		border-radius: 10px;
	}
	.noteflex {
		display: flex;
		gap: 3rem;
		flex-direction: column;
	}
	
	
	/* ==== asni ==== */
	.ansicutTestBox {
		width: 100%;
		position: relative;
		display: flex;
		gap: 6rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.stdcutTestTitle h2 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	.stdcutTestTitle h3 {
		margin: 3rem 0 0 0;
		font-size: 1.7rem;
		line-height: 2.6rem;
	}
	.stdsatm {
		margin: 3rem 0 0 0;
	}
	.designationTitle h2 {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}
	.designationImg {
		padding: 0 18rem;
	}
	
	
	.cutlevlelWrap {
		margin: 8rem 0 0 0;
	}
	.cutLvFlex {
		gap: 3rem;
	}
	.cutLvImg img {
		max-width: 30.8rem;
	}
	.culvfBox h3 {
		font-size: 1.6rem;
		line-height: 2rem;
		letter-spacing: -0.36px;
	}
	.cutlvchartWrap {
		width: 100%;
		position: relative;
		display: flex;
		gap: 4rem;
		margin: 4rem 0 0 0;
		flex-direction: column;
	}
}
@media (max-width: 767px) {
	.indusWrap {
		margin: 8rem 0 0 0;
	}
	
	.enititle {
		margin: 0 0 3rem 0;
		font-size: 4rem;
		line-height: 5.4rem;
		letter-spacing: 2px;
	}
	/* ==== 일반적인 요구조건, CE Category Information ==== */
	.institle h2 {
		font-size: 2rem;
		line-height: 3.2rem;
	}
	.institle h3 {
		margin: 0.6rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.en420items {
		margin: 3rem 0 0 0;
	}
	.en420items ul {
		margin: -0.5rem;
	}
	.en420items li {
		flex: 0 0 calc(50% - 1rem);
		margin: 0.5rem;
	}
	.en420 {
		padding: 1rem 0 3rem 0;
		border-radius: 0.8rem;
	}
	.en420 img {
		height: 8rem;
	}
	.en420 h3 {
		gap: 0.4rem;
	}
	.en420 h3 span {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.en420 h3 p {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.en420.on:before {
		right: 1rem;
		top: 1rem;
		width: 2.2rem;
		height: 2.2rem;
	}
	
	
	.cateWrap {
		margin: 6rem 0 0 0;
	}
	.catewitem ul {
		gap: 1rem;
		padding: 0;
		margin: 0;
	}
	.catewitem li {
		flex: 0 0 calc(100% - 0rem);
		margin: 0;
	}
	.catewitem {
		margin: 3rem 0 0 0;
	}
	.ceitems {
		border-radius: 0.8rem;
		padding: 1rem 2rem 3rem 2rem;
	}
	.ceitems h4 {
		margin: 0.8rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.ceitems img {
		height: 8rem;
	}
	.ceitems h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	
	
	/* ==== 탭 컨텐츠 ==== */
	.indusSideBox.entabarea{
		padding:0;
		/* overflow:hidden; */
	}
		
	.enTabContent {
		margin: 8rem 0 0 0;
	}
	.enbtnBox {
		padding: 0 2rem;
		top: 6rem;
	}
	.enbtnFlex {
		gap: 0.7rem;
	}
	.enbtn{
		width:100%;}
	.enbtn a {
		width: 100%;
		padding: 1rem 1rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	.enitem {
		padding: 8rem 0 0 0;
	}
	.eninfoImg {
		padding: 0 2rem;
		border-radius: 0.8rem;
	}
	.en388info {
		padding: 0 2rem;
		gap: 2.2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.en388icon span {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.en388icon img {
		height: 9.6rem;
	}
	.en388text {
		width: 100%;
		gap: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.en388text h2 {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.en388text h3 {
		word-break: auto-phrase;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.en388text h3 br{display:none;}
	
	
	.encolorBox {
		margin: 3rem 0 0 0;
		gap: 0.7rem;
	}
	.encolorBox span {
		width: 5rem;
		height: 5rem;
		padding: 1rem 1rem;
		border-radius: 0.3rem;
		font-size: 2rem;
		line-height: 2rem;
	}
	
	
	.colorInfoBox {
		overflow: hidden;
		position: relative;
		margin: 4rem 0 0 0;
		padding: 0 2rem;
	}
	.colorInfoBox .swiper{overflow:unset;}
	.coloinBox dl {
		margin: 0 0 1rem 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.colbottomtext {
		margin: 2rem 0 0 0;
		gap: 0.6rem;
		display: flex;
		width: 100%;
		position: relative;
		bottom: 0;
		text-align:left;
		font-size: 1.3rem;
		line-height: 2rem;
		align-items: flex-start;
		justify-content: center;
	}
	b.xmrtn {
		top: 0.3rem;
	}
	.coloin {
		overflow: hidden;
		min-height: 42.5rem;
		gap: 2rem;
		display: flex;
		position: relative;
		width: 100%;
		padding: 2rem 0;
		border-radius: 0.8rem;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.coloin h3 {
		gap: 0.8rem;
	}
	.coloin h3 strong {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.colLine {
		padding: 0.8rem 0rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.colIcon img{height:11.5rem;}
	.coloin h4 {
		padding: 0 1.3rem;
		margin: 0;
		font-size: 1.3rem;
		line-height: 2rem;
		letter-spacing: -0.13px;
	}
	
	
	.entableWrap.perfor {
		margin: 4rem 0 0 0;
	}
	.entableWrap {
		/* padding:0 2rem; */
		padding: 0 0 0 2rem;
		margin: 4rem 0 0 0;
	}
	.perforTable.levels{
		overflow-x:auto;
	}
	.perforTable.levels table {
		margin:0 2rem 0 0;
		width: 94rem;
	}
	.perforTable table thead th.fir {
		padding: 1.4rem 1.4rem;
	}
	.perforTable table thead th {
		padding: 1.4rem 0.2rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.perforTable table tbody td.fir {
		padding: 1.4rem 1.4rem;
	}
	.perforTable table tbody td {
		padding: 1.4rem 0.2rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.pertd {
		gap: 0.5rem;
	}
	.perforTable table tbody td.sed {
		padding: 1.4rem 1.4rem;
		text-align: left;
	}
	.tablebotText {
		margin: 1.5rem 0 0 0;
	}
	.tablebotText dl {
		margin: 0.8rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	
	
	.backfcontInner {
		padding:0 2rem;
		margin: 4rem 0 0 0;
	}
	.backfcont {
		padding: 3rem 2rem;
		border-radius: 6px;
	}
	.backfcont ul li {
		padding: 3rem 0 0 0;
		margin: 3rem 0 0 0;
	}
	.noteText h3 {
		padding: 0 0 0 3.1rem;
		font-size: 1.8rem;
		line-height: 2.1rem;
	}
	.noteText h3 span {
		display: flex;
		width: 2.1rem;
		height: 2.1rem;
		border-radius: 3px;
		font-size: 1.5rem;
		line-height: 1.2rem;
	}
	.noteText h4 {
		margin: 0.8rem 0 0 0;
		padding: 0 0 0 3.1rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.noteText dl {
		margin: 0.8rem 0 0 0;
		padding: 0 0 0 6rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.noteText dl span {
		left: 3.1rem;
	}
	.noteflex {
		gap: 1rem;
	}
	.ntsub {
		padding: 0 0 0 3.1rem;
		margin: 1rem 0 0 0;
	}
	.ntsub strong {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.ntsub p {
		margin: 0.4rem 0 0 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.noteTable table thead th {
		padding: 1.4rem 1.7rem 1.4rem 0rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.noteTable table tbody td {
		padding: 1.4rem 1.4rem 1.4rem 0;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.wid33.nttable01 {
		width: 40%;
	}
	.wid33.lastRating01 {
		width: 20%;
	}
	.wid50.nttable02 {
		width: 70%;
	}
	.wid50.lastRating02 {
		width: 30%;
	}
	
	
	.en407info {
		gap: 1rem;
	}
	.en407title h2 {
		gap: 0.4rem;
	}
	.en407title h2 strong {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.en407title h2 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.en407icon.fir {
		display: flex;
		flex-direction: column;
	}
	.en407icon {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.en407icon img {
		height: 9.6rem;
		width: auto;
	}
	.en407icon span {
		margin:1rem 0 0 0;
		height: 100%;
		display: block;
		width: 100%;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.colorInfoVer2 .coloin {
		padding: 2rem 0 0 0;
		min-height: auto;
	}
	.colorInfoVer2 .coloin h3 {
		min-height: 7.8rem;
	}
	.entableWrap.divi50 {
		margin: 3rem 0 0 0;
		padding: 0 2rem;
	}
	
	
	/* ==== asni ==== */
	.enitem#ANSI {
		padding: 8rem 2rem 0 2rem;
	}
	.ansicutTestBox {
		gap: 3rem;
	}
	.stdcutTestTitle h2 {
		text-align: left;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.stdcutTestTitle h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.stdsatm {
		margin: 2rem 0 0 0;
	}
	.stdsatm h2 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.stdsatm h3 {
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.designationBox {
		gap: 3rem;
	}
	.designationTitle h2 {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.designationImg {
		padding: 0 3rem;
	}
	
	
	.cutlevlelWrap {
		margin: 4rem 0 0 0;
	}
	h2.cuth2 {
		margin: 0 0 3rem 0;
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.cutLvFlex {
		padding: 0 3rem;
		width: 100%;
		display: flex;
		gap: 0;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.cutLvImg img.pcimg{display:none;}
	.cutLvImg img.moimg{display:block;}
	.cutLvInfo{display:none;}
	.cutLvImg img {
		max-width: 100%;
	}
	
	
	.cutlvchartWrap {
		gap: 3rem;
		margin: 3rem 0 0 0;
	}
	.cutlvTable .perforTable table tbody td.sed {
		font-family: pretendard-400;
		font-weight: 400;
	}
	
	
	.cutlineBox {
		padding: 0 0 0 5.3rem;
	}
	.cuaLine {
		height: 5rem;
	}
	.cuaLine span {
		right: 1.2rem;
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.cua {
		width: 5rem;
		height: 5rem;
		border-radius: 0.4rem;
		gap: 2px;
		font-size: 8px;
		line-height: 8px;
	}
	.cua strong {
		font-size: 1.8rem;
		line-height: 1.5rem;
	}
	.cuaLine.line01:before {
		width: 90%;
	}
	.cuaLine.line02:before {
		width: 72%;
	}
}

/*-----------------------------------------
# 이노베이션 - ppe
-------------------------------------------*/	 
.ppeWrap{
	position:relative;
	width:100%;
	margin:12rem 0 0 0;
}
.ppeSideBox{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.ppeInner{
	max-width:118rem;
	margin:0 auto;
}

.ppeh2{
	margin:0 0 -2rem 0;
	position:relative;
}
.ppeh2 h2 {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.ppeh2 h2 strong {
    margin: 0;
    text-align: center;
    display: block;
    color: #FFF;
    font-family: pretendard-700;
    font-size: 5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 7.2rem;
}
.ppeh2 h2 p{
	margin: 0;
	text-align: center;
	display: block;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.4rem;
}

.ppeImg{
	display:flex;
}
.ppeImg img.pcimg{display:block;}
.ppeImg img.moimg{display:none;}

.ppeh2Btom{
	margin:-4rem 0 0 0;
	position:relative;
}
.ppeh2Btom h2{
    margin: 0;
    text-align: center;
    display: block;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 4.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 6.8rem;
}
@media (max-width: 991px) {
	.ppeWrap {
		margin: 10rem 0 0 0;
	}
	.ppeh2 h2 {
		gap: 1.4rem;
	}
	.ppeh2 h2 strong {
		font-size: 4rem;
		line-height: 6rem;
	}
	.ppeh2 h2 p {
		font-size: 2rem;
		line-height: 3.4rem;
	}
	.ppeh2Btom {
		margin: -3rem 0 0 0;
	}
	.ppeh2Btom h2 {
		font-size: 3.8rem;
		line-height: 5rem;
	}
}
@media (max-width: 767px) {
	.ppeWrap {
		margin: 8rem 0 0 0;
	}
	.ppeImg img.pcimg{display:none;}
	.ppeImg img.moimg{display:block;}
	.ppeh2 h2 {
		gap: 1rem;
	}
	.ppeh2 h2 strong {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	.ppeh2 h2 p {
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.ppeh2 h2 p br{display:none;}
	.ppeh2Btom {
		margin: -2rem 0 0 0;
	}
	.ppeh2Btom h2 {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
}