.subWrap{
	position:relative;
	width:100%;
}
/*-----------------------------------------
# 서브페이지 상단 비주얼
-------------------------------------------*/
.subV_box{
	width:100%;
	position:relative;
	height:74rem;
	background:#444;
}
.subV_sidebox {
    display: flex;
    max-width: 156rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 2rem 18rem 2rem;
}
.subV_titleBox {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
}
.sv_title h1 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title h1 strong{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	letter-spacing: 3.2px;
}
.sv_title h1 p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.sv_title dl {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
.sv_title dl strong{ 
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 9rem;
	letter-spacing: 3.2px;
}
.sv_title dl p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.subV_bred {
    gap: 1.2rem;
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}
.subV_bred span {
    display: inline-block;
    width: 0.5rem;
    height: 0.8rem;
    background-image: url(/public/img/zettax/sub/subV_bred_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.subV_bred b {
    font-family: pretendard-700;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 3rem;
}




.subH2{
	width:100%;
	position:relative;
}
.subH2 h1 {
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.subH2 h1 strong{
	color: #111;
	font-family: 'TTBookendBatangR';
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 8rem;
	letter-spacing: -1.8px;
}
.subH2 h1 p{
	color: #666;
	font-family: pretendard-300;
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.6rem;
}

@media (max-width:1600px) {
	.subV_box {
		height: 64rem;
	}
	.subV_sidebox {
		padding: 0 2rem 14rem 2rem;
	}
	.sv_title h1 strong {
		font-size: 7.6rem;
		line-height: 8.6rem;
		letter-spacing: 3px;
	}
}
@media (max-width:991px) {
	.subV_box {
		height: 54rem;
	}
	.subV_sidebox {
		padding: 0 2rem 10rem 2rem;
	}
	.subV_titleBox {
		display: flex;
		gap: 4rem;
		width: 100%;
		position: relative;
		justify-content: flex-end;
		align-items: flex-start;
		flex-direction: column;
	}
	.sv_title h1 {
		gap: 1.4rem;
	}
	.sv_title h1 strong {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 2px;
	}
	.sv_title h1 p {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	.sv_title dl {
		gap: 1.4rem;
	}
	.sv_title dl strong {
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 2px;
	}
	.sv_title dl p {
		font-size: 1.8rem;
		line-height: 3rem;
	}
}
@media (max-width:767px) {
	.subV_box {
		height: 39.2rem;
	}
	.subV_sidebox {
		padding: 0 2rem 8rem 2rem;
	}
	.subV_titleBox {
		gap: 2rem;
	}
	.sv_title h1 {
		gap: 1rem;
	}
	.sv_title h1 strong {
		font-size: 3rem;
		line-height: 3.8rem;
		letter-spacing: 1.2px;
	}
	.sv_title h1 p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.sv_title h1 p br{display:none;}
	
	.sv_title dl {
		gap: 1rem;
	}
	.sv_title dl strong {
		font-size: 3rem;
		line-height: 3.8rem;
		letter-spacing: 1.2px;
	}
	.sv_title dl p {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.sv_title dl p br{display:none;}
	
	
	.subV_bred {
		gap: 1rem;
		text-align: center;
		font-size: 1.2rem;
		line-height: 2rem;
	}
	.subV_bred b {
		font-size: 1.2rem;
		line-height: 2rem;
	}
}

/*-----------------------------------------
# 회사소개 ABOUT US
-------------------------------------------*/
.companyWrap {
    margin: -4rem 0 0 0;
    position: relative;
    width: 100%;
    border-radius: 4rem 4rem 0 0;
    background: #000;
    padding: 8rem 0 12rem 0;
}



.subpNavBox {
    margin: 0 0 12rem 0;
    z-index: 10;
    left: 0;
    position: Relative;
    width: 100%;
}
.subpNavInner{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
	position:relative;
}
.subpNavTable{
	display:none;
}
.subpNav {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.subpNav ul{
	overflow:hidden;
	border-radius: 3.6rem;
	background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(10px);
	width: 100%;
	margin:0;
	display:flex;
	padding:0;
}
.subpNav ul li{
	list-style:none;
	width: 100%;
	height:7.2rem;
	position:relative;
}
.subpNav ul li a {
	text-decoration: initial!important;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 3.6rem;
	/* border: 2px solid initial; */
}
.subpNav ul li.onPage a{
	border: 2px solid #FFF;
}
.subpNav ul li a:hover span{
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.subpNav ul li a span {
    display: flex;
    height: 100%;
    position: relative;
    color: #fff;
    font-family: pretendard-500;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
    align-items: center;
    justify-content: center;
	opacity: 0.6;
}

.subpNav ul li.onPage a span{
	color: #fff;
	font-family: pretendard-600;
	font-weight: 600;
	opacity:1;
}
.subpNav ul li.onPage a:hover span{
	text-decoration-line:none;
}
@media (max-width: 1600px) {
    .companyWrap {
        margin: -4rem 0 0 0;
        border-radius: 4rem 4rem 0 0;
        padding: 8rem 0 10rem 0;
    }
}
@media (max-width:991px) {
	.companyWrap {
        margin: -3rem 0 0 0;
        border-radius: 3rem 3rem 0 0;
        padding: 2rem 0 8rem 0;
    }
	
	
	.subpNavBox {
		margin: 0 0 8rem 0;
	}
	.subpNav{display:none;}
	.subpNavTable {
		height: 7rem;
		padding: 0 0 0 0;
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
	}
	.subpNavTable strong{
		color: #fff;
		font-family: pretendard-600;
		font-size: 2.4rem;
		font-style: normal;
		font-weight: 600;
		line-height: 6rem;
	}
	.supP_Btn{
		width:6rem;
		height:6rem;
	}
	.supP_Btn a {
		border-radius: 50%;
        /* border: 1px solid rgba(255, 255, 255, 0.10); */
		background: rgba(255, 255, 255, 0.10);
		display: flex;
		position: relative;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		/* background: #EEE; */
		/* border:1px solid #eee; */
	}
	.supP_Btn a:hover{
	    background: #000;
		border: 1px solid #fff;
		/* background: #FFF; */
	}
	.supP_Btn.prev a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/zettax/sub/supP_prev.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	/* .supP_Btn.prev a:hover:after{ */
		/* background-image: url(/public/img/zettax/sub/supP_on_prev.webp); */
	/* } */
	.supP_Btn.Next a:after {
		height: 20px;
		width: 20px;
		content: '';
		background-image: url(/public/img/zettax/sub/supP_next.webp);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	/* .supP_Btn.Next a:hover:after{ */
		/* background-image: url(/public/img/zettax/sub/supP_on_next.webp); */
	/* } */
}
@media (max-width:767px) {
	.companyWrap {
        margin: -2rem 0 0 0;
        border-radius: 2rem 2rem 0 0;
        padding: 2rem 0 5rem 0;
    }
	
	
	.subpNavBox {
		margin: 0 0 5rem 0;
	}
	.subpNavTable {
		height: 4.3rem;
	}
	.subpNavTable strong {
		font-size: 2rem;
		line-height: 3.9rem;
	}
	.supP_Btn {
		width: 4.3rem;
		height: 4.3rem;
	}
	.supP_Btn.prev a:after {
		height: 13px;
		width: 13px;
	}
	.supP_Btn.Next a:after {
		height: 13px;
		width: 13px;
	}
}

.abContWrap{
	position:relative;
	width:100%;
}
.abContInner{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.abContUsDivider{
	position:relative;
	width:100%;
	height:1px;
	background: rgba(255, 255, 255, 0.20);
	margin:10rem 0;
}
.abContUs {
	padding:6rem 0;
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.abush2{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.abush2 h1{
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 7rem;
}
.abush2 h2{
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 7rem;
}
.abusImg{
	position:relative;
	z-index:1;
}

.abusNum{
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	color: #FFF;
	text-align: right;
	font-family: pretendard-700;
	font-size: 4.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.4rem;
	text-transform: uppercase;
}

.abush3{
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
	max-width:64rem;
}
.abush3 h2{
	word-break: auto-phrase;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.abush3 h3{
	word-break: auto-phrase;
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
@media (max-width:991px) {
	.abContWrap {
		padding: 2rem 0 0 0;
	}
	.abContUsDivider {
		margin: 8rem 0;
	}
	.abContUs {
		padding: 6rem 0 0 0;
		display: flex;
		position: relative;
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.abush2 {
		position: absolute;
		left: 3rem;
		top: -1rem;
		z-index: 2;
	}
	.abush2 h1 {
		font-size: 4rem;
		line-height: 5rem;
	}
	.abush2 h2 {
		font-size: 4rem;
		line-height: 5rem;
	}
	.abusImg {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	.abusImg img{width:100%;}
	.abusNum {
		margin: -4rem 0 0 0;
		position: relative;
		right: 0;
		top: 0;
		text-align: left;
		font-size: 3.4rem;
		line-height: 4rem;
	}
	.abush3 {
		margin: 1rem 0 0 0;
		position: relative;
		right: 0;
		bottom: 0;
		z-index: 2;
		max-width: 100%;
	}
}
@media (max-width:767px) {
	.abContWrap {
		padding: 0rem 0 0 0;
	}
	.abush2 {
		margin: 0 0 -1.4rem 0;
		position: relative;
		left: 2rem;
		top: 0;
		z-index: 2;
	}
	.abush2 h1 {
		font-size: 2.6rem;
		line-height: 3.2rem;
	}
	.abush2 h1 br.mononeBr{display:none;}
	.abush2 h2 {
		font-size: 2.6rem;
		line-height: 3.2rem;
	}
	.abush2 h2 br.mononeBr{display:none;}
	.abusNum {
		margin: -2rem 0 0 0;
		font-size: 2rem;
		line-height: 2rem;
	}
	.abush3 h2{
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.abush3 h3 {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.abContUsDivider {
		margin: 6rem 0;
	}
	
	
	.abContUs {
		padding: 0;
	}
}
/*-----------------------------------------
# 회사소개 비전 & 미션
-------------------------------------------*/
.mvContWrap{
	overflow:hidden;
	width:100%;
	position:relative;
}
.mvContWrap.missionvis{
	overflow:hidden;
}
.mvContInner{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.compContWrap{
	position:relative;
}
.compContInner:nth-child(1){
	margin:0;
}
.compContInner{
	position:relative;
	width:100%;
	margin:16rem 0 0 0;
}

.subpTitle{
	position:relative;
}
.subpH2 {
    gap: 3rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.subpH2 span{
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.subpH2 p{
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 6rem;
}
.subpH3{
	margin:3rem 0 0 0;
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.1rem;
}

.ntioText {
	margin:3rem 0 0 0;
    /* padding: 0 0 12rem 0; */
    gap: 3.5rem;
    display: flex;
    text-align: center;
    position: relative;
    align-items: flex-start;
    justify-content: center;
}
.ntioText span{
	position:relative;
	font-family: pretendard-700;
	font-size: 16rem;
	font-style: normal;
	font-weight: 700;
	line-height: 18rem;
	text-transform: uppercase;
	background: linear-gradient(180deg, #FFF 0%, #000 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ntioText br.ntiobr{display:none;}
/* .ntioText span:nth-child(2){ */
/* top:4rem ; */
/* } */
/* .ntioText span:nth-child(3){ */
	/* top:8rem; */
/* } */
/* .ntioText span:nth-child(4){ */
	/* top:12rem; */
/* } */

.ntioTags{
	margin:3rem 0 0 0;
	gap: 1rem;
    display: flex;
    text-align: center;
    position: relative;
    align-items: flex-start;
    justify-content: center;
}
.ntioTags span{
	display: flex;
	padding: 1.5rem 3.1rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	border-radius: 6rem;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
}



.epcsolGp_box {
    display: flex;
    margin: 8rem 0 0 0;
    width: 100%;
    height: 55rem;
    position: Relative;
    /* display: block; */
    /* padding: 8rem 0px; */
    align-items: center;
    justify-content: center;
}
.generateBox{
	position:absolute;
	width:34rem;
	left:8rem;
	top:7rem;
}
.generateBox h2{
	text-align:left;
	color: #000;
	font-family: pretendard-600;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.8rem;
	margin:0 0 3rem 0;
}

.epcContInner{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
}
@keyframes rotateBox {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.epcCenter{
	height:53rem;
	width:53rem;
	position:Relative;
	display:inline-block;
	background-image: url(/public/img/zettax/sub/company/epcCenter2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
	/* animation: rotateBox 20s linear infinite; */
}
.centtext {
    display: flex;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    height: 22rem;
    width: 22rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
}
.centtext h3{
	margin:0;
	color: #000;
    text-align: center;
    font-family: pretendard-700;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
}

.epcTopLeft {
    position: absolute;
    top: 1rem;
    left: -0.5rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcTopRight{
	position: absolute;
    top: 1rem;
    right: -0.5rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcBottomLeft {
    position: absolute;
    bottom: 1rem;
    left: -0.5rem;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcBottomRight {
	position: absolute;
	bottom: 1rem;
    right: -0.5rem;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.epcWCircle{
	border-radius: 999px;
	border: 1px solid #FFF;
	background: rgba(0, 0, 0, 0.80);
	backdrop-filter: blur(2.5px);
	display: flex;
	width: 16rem;
	height: 16rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.epcWCircle.column{
	gap:0.8rem;
	flex-direction: column;
}
.epcWCircle.column img{
	height:6px;
}
.epcWCircle.column h3.small{
	font-size: 1.4rem;
	line-height: 2rem;
}
.epcWCircle.column h3.big{
	font-size: 2rem;
	line-height: 2.2rem;
}
/* .epcWCircle:hover{ */
	/* border: 1px solid #F4020C; */
/* } */
/* .epcWCircle:hover h3{ */
	/* color:#F4020C; */
/* } */
.epcWCircle h3{
	margin:0;
	color: #fff;
	text-align: center;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
}
.epcWCircle.type2 {
    border: none;
    border-radius: 999px;
    background: rgba(244, 2, 12, 0.60);
    backdrop-filter: blur(5px);
    display: flex;
    width: 16rem;
    height: 16rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
}
.epcWCircle.type2 h3{color:#fff;}

.epcText.psi_01 {
    left: -38.5rem;
    width: 35rem;
    top: 4.4rem;
}
.epcText.psi_01 ul {
    align-items: flex-end;
}
.epcText.psi_01 ul li h4{
	text-align:right;
}
.epcText.psi_01 ul li {
    padding: 0 1rem 0 0;
}
.epcText.psi_01 ul li:before {
	left:inherit;
    right: 0rem;
}

.epcText.psi_02 {
    right: -45.5rem;
    width: 42rem;
    top: 4.4rem;
}

.epcText.psi_03 {
    left: -35.5rem;
    width: 32rem;
    bottom: -5.6rem;
}
.epcText.psi_03 ul {
    align-items: flex-end;
}
.epcText.psi_03 ul li h4{
	text-align:right;
}
.epcText.psi_03 ul li {
    padding: 0 1rem 0 0;
}
.epcText.psi_03 ul li:before {
	left:inherit;
    right: 0rem;
}

.epcText.psi_04 {
    right: -30.5rem;
    width: 27rem;
    bottom: -5.6rem;
}


.epcText{
	display: inline-block;
	position:absolute;
	z-index: 1;
}
.epcText ul {
	gap: 0.6rem;
    display: flex;
    position: Relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.epcText ul li{
	position:Relative;
	padding:0 0 0 1rem;
}
.epcText ul li:nth-child(1){display:none;}
.epcText ul li:before{
	content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #fff;
}
.epcText ul li h4{
	display:block;
	margin:0;
	text-align:left;
	color: #fff;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}



.missionItemBox {
    margin: 8rem 0 0 0;
    position: relative;
    width: 100%;
    display: flex;
    gap: 8rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.missionItem{
	align-items: center;
	position:relative;
	width:100%;
	display:flex;
}
.missionItem.reverse{
	flex-direction: row-reverse;
}
.missionItem.reverse .missionText{
	position:relative;
	margin:0 -4rem 0 0;
}
.missionImg{
	display:flex;
}
.missionImg img.momisimg{display:none;}
.missionText{
	max-width: 100rem;
	position:relative;
	margin:0 0 0 -4rem;
}
.missionText h3 {
	position:relative;
	margin:0 0 2rem 0;
	padding:0 0 0 6rem;
	display: block;
	color: #FFF;
	text-align:left;
	font-family: pretendard-700;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.6rem;
}
.missionText h3 span {
	position:absolute;
	left:0;
	width: 2rem;
	font-weight: 600;
	font-family: pretendard-600;
}
.missionText h4{
	word-break: auto-phrase;
	padding: 0 0 0 6rem;
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
@media screen and (max-width: 1600px) {
	.subpH2 p {
		font-size: 4.4rem;
		line-height: 6.2rem;
	}
	.subpH3 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3.6rem;
	}
	
	.ntioText span {
		font-size: 12rem;
		line-height: 16rem;
	}
	
	.compContInner {
		margin: 14rem 0 0 0;
	}
}

@media (max-width:991px) {
	.compContInner {
		margin: 12rem 0 0 0;
	}

	.subpH2 {
		gap: 2rem;
	}
	.subpH2 p {
		font-size: 3.4rem;
		line-height: 5.2rem;
	}
	.subpH3 {
		margin: 2rem 0 0 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	
	.ntioText {
		margin: 1rem 0 0 0;
		display: block;
		text-align: center;
		position: relative;
	}
	.ntioText br.ntiobr{display:block;}
	.ntioText span {
		margin: 0 1rem;
		font-size: 10rem;
		line-height: 11rem;
	}
	.ntioTags {
		margin: 1rem 0 0 0;
		gap: 1rem;
	}
	.ntioTags span {
		padding: 1.4rem 2.1rem;
		gap: 1rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	
	
	.epcsolGp_box {
		margin: 8rem 0 0 0;
		width: 100%;
		height: auto;
	}
	.epcContInner {
		margin: 0rem 0 0 0;
		height: auto;
		width: auto;
	}
	.epcConttable{
		position:Relative;
		height: 44rem;
		width: 44rem;
	}
	.epcCenter {
		height: 44rem;
		width: 44rem;
	}
	.epcWCircle {
		width: 13rem;
		height: 13rem;
	}
	.epcWCircle.type2 {
		width: 13rem;
		height: 13rem;
	}
	.epcLeft2 {
		bottom: -2.5rem;
		left: 5rem;
	}
	
	
	.epctextWrap {
		gap: 3rem;
		margin: 6rem 0 0 0;
		position: Relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.epcText{
		position:Relative;
	}
	.epcText.psi_01,
	.epcText.psi_02,
	.epcText.psi_03,
	.epcText.psi_04{
		top:inherit;
		bottom:inherit;
		left:inherit;
		right:inherit;
	}
	.epcText.psi_01 ul {
		align-items: flex-start;
	}
	.epcText.psi_01 ul li {
		padding: 0 0 0 1rem;
	}
	.epcText.psi_01 ul li h4 {
		text-align: left;
	}
	.epcText.psi_01 ul li:before {
		left: 0;
		right: inherit;
	}
	.epcText.psi_03 ul {
		display: flex;
		align-items: flex-start;
	}
	.epcText.psi_03 ul li {
		padding: 0 0 0 1rem;
	}
	.epcText.psi_03 ul li h4 {
		text-align: left;
	}
	.epcText.psi_03 ul li:before {
		left: 0;
		right: inherit;
	}
	.epcText ul li:nth-child(1) {
		display: block;
	}
	.epcText ul li:nth-child(1){
		padding:0;
	}
	.epcText ul li:nth-child(1):before{
		content:none;
	}
	.epcText ul li:nth-child(1) strong {
		color: #fff;
		font-family: pretendard-600;
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: 3rem;
	}
	.epcText ul li strong.column {
		gap: 0.8rem;
		display: flex!important;
		align-items: center;
		justify-content: flex-start;
	}
	.epcText ul li strong.column img {
		height: 6px;
		transform: rotate(-90deg);
		position: relative;
	}
	
	
	.missionItemBox {
		margin: 6rem 0 0 0;
		gap: 6rem;
	}
	.missionItem {
		align-items: flex-start;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.missionItem.reverse {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.missionImg img.pcmisimg{display:none;}
	.missionImg img.momisimg{display:block;}
	.missionText {
		position: relative;
		margin: -4rem 0 0 0;
	}
	.missionItem.reverse .missionText {
		position: relative;
		margin: -4rem 0 0 0;
	}
	.missionText h3 {
		margin: 0 0 1rem 0;
		padding: 0 0 0 5rem;
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.missionText h4 {
		padding: 0 0 0 5rem;
		font-size: 1.7rem;
		line-height: 3.2rem;
	}
}
@media (max-width:767px) {
	.mvContWrap.missionvis {
		padding: 1.4rem 0 0 0;
	}
	
	.compContInner {
		margin: 6.4rem 0 0 0;
	}
	
	.subpH2 span {
		font-size: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: 0.96px;
	}
	.subpH2 p {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.subpH3 br{display:none;}
	.subpH3 {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	
	.ntioText {
		margin: 2rem 0 0 0;
	}
	.ntioText span {
		margin: 0 0.5rem;
		font-size: 5rem;
		line-height: 5.4rem;
	}
	.ntioTags {
		margin: 2rem 0 0 0;
		gap: 0.5rem;
	}
	.ntioTags span {
		padding: 0.5rem 1rem;
		gap: 0.6rem;
		font-size: 1.3rem;
		line-height: 2.4rem;
	}
	
	
	.epcsolGp_box {
		margin: 3rem 0 0 0;
	}
	.epcContInner {
		display: flex;
		text-align: center;
		margin: 0rem 0 0 0;
		height: auto;
		width: auto;
		flex-direction: column;
		align-items: center;
	}
	.epcConttable {
		position: Relative;
		height: 28rem;
        width: 28rem;
	}
	.epcCenter {
		position: Relative;
		height: 28rem;
        width: 28rem;
	}
	.centtext {
		height: 13rem;
		width: 13rem;
	}
	.centtext h3 {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.epcWCircle.column h3.small{
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
	.epcWCircle.column h3.big{
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	.epcWCircle h3 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.epcWCircle {
		width: 9rem;
		height: 9rem;
	}
	.epctextWrap {
		padding: 0 1rem;
		gap: 0rem;
		margin: 2rem 0 0 0;
	}
	.epcText:last-child{
		border-bottom:none;
		margin: 0;
		padding: 0;
	}
	.epcText {
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
		margin: 0 0 1.8rem 0;
		padding: 0 0 1.8rem 0;
		position: Relative;
	}
	.epcText.psi_01, .epcText.psi_02, .epcText.psi_03, .epcText.psi_04 {
		width: 100%;
	}
	.epcText ul {
		gap: 0.2rem;
	}
	.epcText ul li:nth-child(1){
		padding:0!important;
	}
	.epcText ul li:nth-child(1) strong {
		display: block;
		font-size: 1.6rem;
		line-height: 3rem;
		margin: 0 0 0.2rem 0;
	}
	.epcText.psi_01 ul li {
		padding: 0 0 0 0.7rem;
	}
	.epcText ul li h4 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.epcText ul li:before {
		top: 0.8rem;
		width: 0.3rem;
		height: 0.3rem;
	}
	
	
	.missionItemBox {
		margin: 3rem 0 0 0;
		gap: 5rem;
	}
	.missionText {
		padding: 0 1.6rem;
		position: relative;
		margin: -4rem 0 0 0;
	}
	.missionText h3 {
		margin: 0 0 1rem 0;
		padding: 0 0 0 3.4rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.missionText h4 {
		padding: 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}
/*-----------------------------------------
# 회사소개 사업영역
-------------------------------------------*/
.busineWrap{
    overflow: hidden;
}
.busineSideBox {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.busitopBox {
    padding: 0 0 0 34rem;
    width: 100%;
    position: relative;
}
.busitoptext {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    left: 0;
    z-index: 2;
    max-width: 100rem;
}
.busih1 span{
	color: #FFF;
	text-align: left;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.8rem;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.busih1 {
	gap:3rem;
	display: flex;
	color: #FFF;
	text-align:left;
	font-family: pretendard-800;
	font-size: 5.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 7.2rem;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin:0 0 3rem 0;
}
.busih1 p{
	color: #FFF;
	text-align:left;
	font-family: pretendard-800;
	font-size: 5.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 7.2rem;
}
.busih2{
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.1rem;
}
.busih2.pc{
	display:block;
}
.busih2.mo{
	display:none;
}
.busitopimg{
	display:flex;
	position:relative;
	z-index:1;
}
.busitopimg img.pcimg{display:block;}
.busitopimg img.moimg{display:none;}

.busiContWrap {
    position: relative;
}
.busiContInner {
    position: relative;
    width: 100%;
    margin: 16rem 0 0 0;
}
.busiSide {
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
} 
/* .busiContInner:nth-child(1) { */
    /* margin: 0; */
/* } */


.busiContInner.Material{
	overflow:hidden;
}
.buMaterial{
	position:relative;
	width:100%;
	margin:6rem 0 0 0;
}
.buMaterial .swiper, swiper-container {
    overflow: unset;
}
.matBox{
	position:relative;
	width:100%;
}
.matimg{display:flex;}
.mattext {
    margin: -3rem 0 0 0;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.mattext span{
	color: #FFF;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
}
.mattext h3{
	margin:1.6rem 0 1rem 0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
}
.mattext h4{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.swiper.Material .swiper-slide:nth-child(2n) .matBox{
	padding:4rem 0 0 0;
}



.busiContInner.portfolio{
	overflow:hidden;
}
.buPortfolio{
padding:0 3rem;
	position:relative;
	margin:6rem 0 0 0;
}
.swiper.Portfolio {
    padding: 0 0 18rem 0;
    overflow: unset;
}
/* .swiper.Portfolio .swiper-slide{ */
	/* width:auto!important; */
/* } */
.swiper.Portfolio .swiper-slide:hover .buport{
	padding:0;
}
.swiper.Portfolio .swiper-slide:hover .buportext h4{
	display:block;
}
.swiper.Portfolio .swiper-slide:hover a.prmoreBtn{
	border: 1px solid #fff;
	background:#000;
}
.buport {
    padding: 3rem 0 0 0;
    position: relative;
    width: 100%;
}
.buportimg{
	display:flex;
}
.buportext {
    width: 100%;
    /* bottom: 0; */
    position: absolute;
    margin: -3.5rem 0 0 0;
    display: flex;
    padding: 0 1.4rem;
    /* position: relative; */
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.buportext h3{
	display:block;
	text-align:center;
	color: #FFF;
	font-family: pretendard-700;
	/* font-size: 2rem; */
	font-size:1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.buportext h4{
	margin:1rem 0 0 0;
	display:none;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height:2.4rem;
}
a.prmoreBtn{
	margin:2rem 0 0 0;
	display: flex;
	padding: 1.2rem 2.9rem;
	justify-content: center;
	align-items: center;
	border-radius: 6rem;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	
}
.bupobotBox{
	margin:8rem 0 0 0;
	position:relative;
	display:flex;
	gap:6rem;
}
.bupobot{
	width:100%;
	position:relative;
}
.bupobotimg{
	display:flex;
}
.bupobotext{
	position:relative;
	width:100%;
	padding:0 3rem;
	margin:-4rem 0 0 0;
}
.bupobotext p{
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4rem;
}
.bupobotext h3{
	text-align:left;
	margin:0 0 1rem 0;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.2rem;
}
.bupobotext h4{
	text-align:left;
	margin:0;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.bupobotext a{
	position:absolute;
	right: 3rem;
	top:0;
	display: flex;
	padding: 1.4rem 3.3rem;
	justify-content: center;
	align-items: center;
	border-radius: 6rem;
	border: 1px solid #FFF;
	color: #FFF;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
}

.bupoinfoBox {
    height: 28vw;
    /* height: 55rem; */
    margin: 31rem 0 0 0;
    position: relative;
    width: 100%;
    background-image: url(/public/img/zettax/sub/company/bupoinfo_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.bupoinfotitle {
    top: -15rem;
    position: relative;
    gap: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.bupoinfotitle img{
	height:6rem;
}
.bupoinfotitle h2{
	margin:0;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 5rem;
}


.busiContInner.Process{
	overflow:hidden;
}
.buProcess{
	padding:0 3rem;
	position:relative;
	margin:6rem 0 0 0;
}
.swiper.Process {
    overflow: unset;
}
.swiper.Process .swiper-slide:nth-child(1) .proceiconInner:before{
	content:none;
}
.swiper.Process .swiper-slide:last-child .proceiconInner:after{
	content:none;
}
.proceBox {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.proceBox p{
	display:block;
	text-align:center;
	color: #FFF;
	font-family: pretendard-600;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2rem;
}
.proceiconInner {
	margin:2rem 0;
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
}
.proceiconInner:before{
	z-index:1;
	content:'';
	position:absolute;
	left:0;
	width:50%;
	top:50%;
	transform: translateY(-50%);
	height:2px;
	background:#fff;
}
.proceiconInner:after{
	z-index:1;
	content:'';
	position:absolute;
	right:0;
	width:50%;
	top:50%;
	transform: translateY(-50%);
	height:2px;
	background:#fff;
}
.proceicon{
background:#000;
	z-index:2;
	position:relative;
	display: flex;
	width: 9rem;
	height: 9rem;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1/1;
	border-radius: 999px;
	border: 2px solid #FFF;
}
.proceicon img{
	height:4.6rem;
}
.procetext{
	padding:0 1.6rem;
	position:relative;
}
.procetext h3{
	margin:0;
	display:block;
	text-align:center;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
}
.procetext h4{
	margin:1rem 0 0 0;
	display:block;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
}


.bupartnerSide {
    max-width: 168rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}
.bupartners{
	position:relative;
	margin:6rem 0 0 0;
}
.bupartners ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -1rem;
    list-style-type: none;
    justify-content: flex-start;
}
.bupartners li {
	overflow: hidden;
    display: flex;
    border-radius: 1.2rem;
	position:relative;
    flex: 0 0 calc(20% - 2rem);
    margin: 1rem;
    box-sizing: border-box;
}

@media (max-width:1600px) {
	.busitopBox {
		padding: 0 0 0 30rem;
	}
	.busitoptext {
		max-width: 100rem;
	}
	.busih1 {
		gap: 2rem;
		font-size: 7rem;
		line-height: 9rem;
		margin: 0 0 2rem 0;
	}
	.busih1 p {
		font-size: 7rem;
		line-height: 9rem;
	}
	.busih2 {
		font-size: 2rem;
		line-height: 4rem;
	}
	

	.busineWrap .subpH2 p{
		font-size: 5rem;
		line-height: 7rem;
	}
	
	
	.buProcess {
		padding: 0 2rem;
		margin: 6rem 0 0 0;
	}
}
@media (max-width:991px) {
	.busitopBox {
		padding: 0 0 0 0rem;
	}
	.busitoptext {
		transform: inherit;
		top: inherit;
		position: relative;
		max-width: 100%;
	}
	.busih1 {
		padding: 0 3rem;
		gap: 2rem;
		font-size: 5.4rem;
        line-height: 7rem;
		margin: 0 0 -7rem 0;
	}
	.busih1 p{
		font-size: 5.4rem;
        line-height: 7rem;
	}
	.busih2.pc{display:none;}
	.busih2.mo{display:block;}
	.busih2 {
		position: relative;
		z-index: 2;
		margin: -3rem 0 0 0;
		padding: 0 3rem;
		font-size: 1.8rem;
		line-height: 3.6rem;
	}
	.busitopimg img.pcimg{display:none;}
	.busitopimg img.moimg{display:block;width: 100%;}

	.busineWrap .subpH2 p{
		font-size: 4rem;
		line-height: 6rem;
	}
	
	
	.busiContInner.Material {
		margin: 12rem 0 0 0;
	}
	.buMaterial {
		margin: 5rem 0 0 0;
	}
	.swiper.Material .swiper-slide:nth-child(2n) .matBox {
		padding: 2rem 0 0 0;
	}
	.mattext {
		margin: -3rem 0 0 0;
		padding: 0 1rem;
	}
	.mattext span {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.mattext h3 {
		margin: 1.4rem 0 1rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.mattext h4 {
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	
	
	
	.busiContInner {
		margin: 12rem 0 0 0;
	}
	.buPortfolio {
		padding: 0 2rem;
		margin: 3rem 0 0 0;
	}
	
	
	.bupobotBox {
		margin: 2rem 0 0 0;
		position: relative;
		display: flex;
		gap: 6rem;
		flex-direction: column;
	}
	
	
	.bupoinfoBox {
		height: 28vw;
		margin: 20rem 0 0 0;
	}
	.bupoinfotitle {
		top: -9rem;
		gap: 2rem;
		padding: 0 2rem;
	}
	.bupoinfotitle img {
		height: 4rem;
	}
	.bupoinfotitle h2 {
		font-size: 2.2rem;
		line-height: 3.6rem;
	}
	
	
	.buProcess {
		padding: 0 2rem;
		margin: 5rem 0 0 0;
	}
	.procetext h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	
	
	.bupartners {
		margin: 5rem 0 0 0;
	}
	.bupartners li {
		flex: 0 0 calc(25% - 2rem);
		margin: 1rem;
	}
}

@media (max-width:767px) {
	.busitopBox {
		padding: 1rem 0 0 0rem;
	}
	
	.busih1 span {
		font-size: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: 0.96px;
	}
	.busih1 {
		padding: 0 1.6rem;
		gap: 1rem;
		font-size: 2.5rem;
		line-height: 3.2rem;
		margin: 0 0 -1.5rem 0;
	}
	.busih1 p{
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
	.busih2.pc{display:none;}
	.busih2.mo{display:block;}
	.busih2 {
		word-break: auto-phrase;
		position: relative;
		z-index: 2;
		margin: -2rem 0 0 0;
		padding: 0 1.6rem;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}


	.busineWrap .subpH2 {
		display: flex;
		gap: 1rem;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.busineWrap .subpH2 span{
		text-align:left;
	}
	.busineWrap .subpH2 p{
		text-align:left;
		font-size: 2.4rem;
		line-height: 3.8rem;
		letter-spacing: -0.48px;
	}
	.busineWrap .subpH3 {
		text-align:left;
	}
	
	
	.busiContInner.Material {
		padding: 0;
		margin: 8rem 0 0 0;
	}
	.buMaterial {
		margin: 3rem 0 0 0;
	}
	.swiper.Material .swiper-slide:nth-child(2n) .matBox {
		padding: 0rem 0 0 0;
	}
	.mattext {
		margin: -3rem 0 0 0;
		padding: 0 1.6rem;
	}
	.mattext span {
		position:absolute;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.mattext h3 {
		padding: 0 0 0 2.8rem;
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.mattext h4 {
		letter-spacing: -0.28px;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	
	
	.busiContInner {
		padding: 0 2rem;
		margin: 0;
	}
	.bCInner{
		position:relative;
		padding:6rem 0 0 0;
		margin:6rem 0 0 0;
		border-top:1px solid rgba(255,255,255,0.1);
	}
	.buPortfolio {
		padding: 0;
		margin: 3rem 0 0 0;
	}
	.buport {
		padding: 0;
	}
	.swiper.Portfolio {
		padding: 0;
		overflow: unset;
	}
	.buportext {
		position: relative;
		margin: -3.5rem 0 0 0;
		padding: 0 1.4rem;
	}
	.buportext h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.buportext h4 {
		display: block;
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
		letter-spacing: -0.28px;
	}
	a.prmoreBtn {
		margin: 1.4rem 0 0 0;
		padding: 0.9rem 1.9rem;
		border-radius: 6rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	
	
	.busiSide.bupobot{
		padding:0;}
	.bupobotBox {
		margin: 4rem 0 0 0;
		position: relative;
		display: flex;
		gap: 3rem;
		flex-direction: column;
	}
	.bupobotext {
		display: flex;
		position: relative;
		width: 100%;
		padding: 0 1.6rem;
		margin: -2rem 0 0 0;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.bupobotext p {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.bupobotext h3 {
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.bupobotext h4 {
		letter-spacing: -0.28px;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.bupobotext a {
		margin: 1.4rem 0 0 0;
		position: relative;
		right: inherit;
		padding: 0.9rem 1.9rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	
	
	.bupoinfoBox {
		margin: 17rem 0 0 0;
	}
	.bupoinfotitle img {
		height: 3rem;
	}
	.bupoinfotitle {
		top: -11rem;
		gap: 2rem;
		padding: 0 1rem;
	}
	.bupoinfotitle h2 {
		word-break: auto-phrase;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	
	.buProcess {
		padding: 0;
		margin: 3rem 0 0 0;
	}
	.proceBox p {
		letter-spacing: 0.96px;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.proceiconInner {
		margin: 1.4rem 0;
	}
	.procetext h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.procetext h4 {
		letter-spacing: -0.28px;
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	
	
	.bupartnerSide{
		padding:0;}
	.bupartners {
		margin: 3rem 0 0 0;
	}
	.bupartners ul {
		margin: -0.5rem;
	}
	.bupartners li {
		flex: 0 0 calc(50% - 1rem);
		margin: 0.5rem;
	}
}

/*-----------------------------------------
# 회사소개 ci
-------------------------------------------*/
.ciContentWrap{
	position:relative;
	width:100%;
}
.ciContentSideBox{
	max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
    position: relative;
}

.cidivider{
	margin:14rem 0;
	height:1px;
	width:100%;
	background: #FFF;
}

.ciintroWrap{
	display:flex;
	width:100%;
	position:relative;
	border-bottom:1px solid rgba(255,255,255,0.2);
	padding:0 0 8rem 0;
	margin:0 0 8rem 0;
}
.ciintroWrap.none{
	border-bottom:none;
	padding:0;
	margin:0;
}
.ciintroBox{
	position:relative;
	width:100%;
}
.ciintroLogo img{
	height:8rem;
}
.ciinth2{
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.corevalueBox{
	position:relative;
	width:100%;
}
.coreh2{
	display:block;
	margin:0 0 4rem 0;
	color: #FFF;
	text-align: left;
	font-family: pretendard-800;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 4rem;
	letter-spacing: 1.28px;
	text-transform: uppercase;
}
.coreBox.fir{
	border-top: none;
    padding: 0;
}
.coreBox {
    display: flex;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding: 4rem 0 0 0;
    margin: 4rem 0 0 0;
    justify-content: space-between;
}
.coretitle dl{
	text-align: left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}
.coretext {
    width: 28.8rem;
}
.coretext h3 {
    gap: 0.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.coretext h3 span{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
}
.coretext h3 p{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}

.cutlogoBox{
	width:100%;
	position:relative;
	display:flex;
	gap:2rem;
}
.cutlogo{
	display:flex;
}
.cutinfo{
	margin:3rem 0;
}
.cutinfo h3{
margin:1.6rem 0 0 0;
text-align:left;
	color: #FFF;
font-family: pretendard-400;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
line-height: 3.5rem;
}


.cibInfobox{
width:100%;
	gap:2rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.cibInfo{
	width:100%;
	position:Relative;
}
.cibInfo h3 {
    margin: 0 0 1.5rem 0;
    position: Relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.cibInfo h3 span{
	text-align:left;
	color: #fff;
	font-family: pretendard-700;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
	text-transform: uppercase;
}
.cibInfo h3 p{
	display:block;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}

.norDownBtnFlex {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}
.norDownBtn{
	position:Relative;
}
.norDownBtn.wid200{width:20rem;}
.norDownBtn.wid140{width:14rem;}
.norDownBtn a{
	border-radius: 6rem;
	display: flex;
	width: 100%;
	padding: 2.1rem 1rem;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	border: 1px solid #fff;
	color: #fff;
	font-family: pretendard-500;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
	text-transform: uppercase;
}
.norDownBtn a span {
    display: inline-block;
    width: 1.1rem;
    height: 1.2rem;
    background-image: url(/public/img/zettax/common/downicon_white.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.norDownBtn a:hover{
	text-decoration:underline;
}

.cibInfoColor{
	width: 100%;
	height: 20rem;
}
.cibInfoColor.black{
border-radius: 8px;
border: 1px solid #444;
background: #000;
}
.cibInfoColor.white{
border-radius: 8px;
background: #FFF;
}
.cibInfoText{
	margin:1.5rem 0 0 0;
	position:Relative;
	width:100%;
}
.cibInfoText p{
	margin:0.4rem 0 0 0;
	display:flex;
}
.cibInfoText p b{
	margin:0;
	min-width:8rem;
	text-align:left;
	color: #fff;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.7rem;
}
.cibInfoText p span{
	margin:0;
	text-align:left;
	color: #fff;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.7rem;
}
@media (max-width:991px) {
	.ciintroWrap {
		display: flex;
		width: 100%;
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding: 0 0 6rem 0;
		margin: 0 0 6rem 0;
		flex-direction: column;
	}
	.cidivider {
		margin: 10rem 0;
	}
	.ciintroLogo{
		margin:0 0 3rem 0}
}
@media (max-width:767px) {
	.ciintroLogo{
		margin:0 0 1.2rem 0
	}
	.ciintroLogo img {
		height: 4rem;
	}
	.ciinth2 {
		word-break: auto-phrase;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.ciintroWrap {
		padding: 0 0 4rem 0;
		margin: 0 0 4rem 0;
	}
	
	.coreh2 {
		margin: 0 0 1.8rem 0;
		font-size: 2rem;
		line-height: 2.6rem;
		letter-spacing: 0.8px;
	}
	.coreBox {
		gap:0.8rem;
		display: flex;
		width: 100%;
		position: relative;
		border-top: 1px solid rgba(255,255,255,0.2);
		padding: 1.8rem 0 0 0;
		margin: 1.8rem 0 0 0;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}
	.coretitle dl {
		font-size: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: 0.6px;
	}
	.coretext h3 span {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.coretext h3 p {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.cidivider {
		margin: 6rem 0;
	}
	.cutlogoBox {
		margin:1.8rem 0 0 0;
		width: 100%;
		position: relative;
		display: flex;
		gap: 1rem;
		flex-direction: column;
	}
	.cutinfo {
		margin: 2rem 0;
	}
	.cutinfo h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.norDownBtn.wid200 {
		width: 100%;
	}
	.norDownBtn a {
		border-radius: 6rem;
		display: flex;
		width: 100%;
		padding: 1.3rem 1rem;
		gap: 0.8rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	
	
	.cibInfobox {
		gap: 1.5rem;
	}
	.cibInfo h3 span {
		letter-spacing: 0.65px;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.cibInfo h3 {
		margin: 0 0 1.2rem 0;
	}
	.cibInfo h3 p {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.cibInfoColor.black {
		border-radius: 6px;
	}
	.cibInfoColor.white {
		border-radius: 6px;
	}
	.cibInfoColor {
		width: 100%;
		height: 8rem;
	}
	.cibInfoText {
		margin: 1.2rem 0 0 0;
	}
	.cibInfoText p b {
		margin: 0;
		min-width: 3.8rem;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.cibInfoText p span {
		margin: 0;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
}

/*-----------------------------------------
# 회사소개 오시는길
-------------------------------------------*/
.dirwrap{
	position:relative;
	width:100%;
}
.dirmapInner{
	margin:6rem 0 0 0;
	position:relative;
	width:100%;
	height:44vw;
}
.dirmapInner iframe{
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
}
.dirBox {
    transform: translateY(-50%);
    width: 43rem;
    z-index: 2;
    position: absolute;
    right: 10rem;
    top: 50%;
    border-radius: 16px;
    background: #000;
    padding: 5rem;
}
.diritem{
	position:relative;
}
.diritem img{
	height:3rem;
}
.diritem h2{
	margin:3rem 0 0.6rem 0;
	color: #FFF;
	text-align:left;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.4rem;
	letter-spacing: 0.88px;
}
.diritem p,
.diritem a{
	margin:0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
}
.diritemDivider{
	margin:4rem 0;
	width:100%;
	height:1px;
	opacity: 0.2;
	background: #D9D9D9;
}
@media (max-width:1900px) {
	.dirmapInner{
		margin:6rem 0 0 0;
		height:84rem;
	}
}
@media (max-width:1600px) {
	.dirBox {
		width: 43rem;
		right: 4rem;
		border-radius: 16px;
		padding: 5rem;
	}
}
@media (max-width:991px) {
	.dirmapInner {
		margin: 5rem 0 0 0;
		height: auto;
	}
	.dirmapInner iframe {
		height: 60vw;
	}
	.dirBox {
		transform: inherit;
		top: inherit;
		position: relative;
		width: 100%;
		right: 0;
		border-radius: 0;
		padding: 5rem;
	}
}
@media (max-width:767px) {
	.dirmapInner {
		margin: 3rem 0 0 0;
	}
	.dirwrap .subpH2 {
		gap: 1rem;
	}
	.dirwrap .subpH2 p {
		font-size: 2.4rem;
		line-height: 3.8rem;
	}
	.dirmapInner iframe {
		height: 120vw;
	}
	.dirBox {
		width: 100%;
		padding: 4rem 2rem 0rem 2rem;
	}
	.diritem img {
		height: 2.2rem;
	}
	.diritem h2 {
		margin: 2rem 0 0.6rem 0;
		font-size: 1.6rem;
		line-height: 2.2rem;
		letter-spacing: 0.48px;
	}
	.diritem p, .diritem a {
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
	.diritemDivider {
		margin: 3rem 0;
	}
	.diritemflex {
		height: 100%;
		display: flex;
		flex-direction: row;
		align-content: space-around;
	}
	.diritemflex .diritem{
		width:100%;}
	.diritemDivider.none {
		height: 9.5rem;
		width: 1px;
		margin: 0 2.6rem;
	}
}
/*-----------------------------------------
# 제품리스트
-------------------------------------------*/
.pr_bg{
	background-image: url(/public/img/zettax/sub/product_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.prodWrap {
    margin: -4rem 0 0 0;
    position: relative;
    width: 100%;
    border-radius: 4rem 4rem 0 0;
    background: #F8F8F8;
    padding: 12rem 0;
}
.prodSideBox{
	max-width:156rem;
	padding:0 2rem;
	margin:0 auto;
}
.prodInner{
	width:100%;
	position:relative;
	padding:0 0 0 27.8rem;
	height: 100%;
	min-height: 50rem;
}
.prodFilBox{
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	width:24.8rem;
}
.prodFilInner {
    position: sticky;
    top: 6rem;
}
.pdNavInput{
	width:100%;
	position:relative;
	margin:0 0 5rem 0;
}
.pdNavInput form{
	width:100%;
	position:relative;
	height:100%;
}
.pdNavInput input {
	outline: none;
	border: none;
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	position: relative;
	height: 4.8rem;
	padding: 0 2rem;
	color: #111;
	font-family: pretendard-500;font-weight: 500;font-size: 1.6rem;font-style: normal;line-height: 2rem;
	border-radius: 99px;
	background: #FFF;
}
.pdNavInput input:-webkit-autofill,
.pdNavInput input:-webkit-autofill:hover,
.pdNavInput input:-webkit-autofill:focus,
.pdNavInput input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #263238 !important;}
.pdNavInput input:focus,
.pdNavInput input:active {background:#FFF; border:none;}
.pdNavInput input:focus{outline: none;}
.pdNavInput button {
	position: absolute;
    top: 0;
    right: 0;
    background: inherit;
    cursor: pointer;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 4.8rem;
    height: 4.8rem;
    border-radius:50%;
    background-image: url(/public/img/zettax/common/sea_icon.png);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.pdNavInput button:active {background:initial; border:none;}
.pdNavInput button:focus{outline: none;}
.pdNavInput input::placeholder {
	color: rgba(0,0,0,0.4);
	font-family: pretendard-400;
	font-weight: 400;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2rem;
}
.prfiTitle{
	margin:0 0 2.4rem 0;
	position:relative;
	width:100%;
	display:block;
	text-align:left;
	color: #000;
font-family: pretendard-800;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3.4rem;
	text-transform: uppercase;
}
.prfiTitle:after {
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/public/img/zettax/sub/prdfil_icon.png);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.prfList{
	position:relative;
	width:100%;
}
.prfList dl{
	display:block;
	text-align:left;
	color: #000;
font-family: pretendard-800;
	font-size:1.8rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3rem;
	text-transform: uppercase;
	margin:0 0 1.6rem 0;
	padding:0 0 1.2rem 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.prfList ul {
    gap: 1.2rem;
    display: flex;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.prfList ul li{
	display: flex;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.prfList ul li a {
    gap: 0.8rem;
    display: flex;
    color: #888;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
    align-items: center;
    justify-content: flex-start;
}
.prfList ul li a:hover{
	color: #000;
}
.prfList ul li a:before{
	content:'';
	position:relative;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(/public/img/zettax/sub/fil_none_check.png);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.prfList ul li.filOn a{
	font-family: pretendard-600;
	color: #000;
	font-weight: 600;
}
.prfList ul li.filOn a:before{
	background-image: url(/public/img/zettax/sub/fil_check.png);
}

.prodList{
	position:relative;
	width:100%;
}
.prodList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: -0.7rem;
    list-style-type: none;
    justify-content: flex-start;
}
.prodList li {
	position:relative;
    flex: 0 0 calc(33.3333333333% - 1.4rem);
    margin: 0.7rem;
    box-sizing: border-box;
}
.prditem{
	width:100%;
	position:relative;
	border:1px solid #fff;
	border-radius: 2.2rem;
	background: #FFF;
	padding: 3rem;
}
.prditem:hover{
	border:1px solid #000;
}
.new{
	z-index:3;
	position: absolute;
	left: 1.4rem;
	top: 1.4rem;
	border-radius: 1.5rem;
	background: #ADFF39;
	display: flex;
	padding:0.8rem 1.4rem;
	justify-content: center;
	align-items: center;
	color: #000;
font-family: pretendard-800;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.4rem;
}
.prdImgBox {
	z-index:2;
	position:relative;
	width:100%;
	margin:0 0 2rem 0;
}
.prdImg {
	position: relative;
    width: 100%;
    overflow: hidden;
	padding-bottom: 100.845%;
    z-index:2;
}
.prdImg img {
	height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	mix-blend-mode: multiply;
}
.prdText{
	z-index:2;
	position:relative;
	width:100%;
}
.prdText h2 p{
	display:block;
	text-align:left;
	margin:0 0 0.6rem 0;
	color: #000;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.prdText h2 strong {
	/* gap:1rem; */
    /* display: flex; */
	/* justify-content: flex-start; */
    /* align-items: center; */
	display:block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	word-break: break-all;
    text-align: left;
    color: #000;
    font-family: pretendard-800;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 800;
    line-height: 3.6rem;
}
.prdText b.ansi {
    width: 2.6rem;
    height: 3rem;
}

.prdText h3{
	margin:1rem 0 0 0;
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #888;
	font-family: pretendard-400;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.2rem;
}

@media (max-width:1600px) {
	.prodWrap {
		margin: -4rem 0 0 0;
		border-radius: 4rem 4rem 0 0;
		padding: 10rem 0;
	}
}
@media (max-width:1300px) {
	.prodList li {
		flex: 0 0 calc(50% - 1.4rem);
	}
}
@media (max-width:991px) {
	.prodWrap {
		margin: -3rem 0 0 0;
		border-radius: 3rem 3rem 0 0;
		padding: 8rem 0;
	}
	.prodInner {
		padding: 0 0 0 24rem;
	}
	.prodFilBox {
		width: 22rem;
	}
	.pdNavInput {
		margin: 0 0 3rem 0;
	}
	.prfiTitle {
		margin: 0 0 2rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.prfiTitle:after {
		width: 1.4rem;
		height: 1.4rem;
		background-size: 1.4rem;
	}
	
	
	.prditem {
		border-radius: 2rem;
		padding: 3rem 2rem;
	}
	.prdText h2 p {
		margin: 0 0 0.4rem 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.prdText h2 strong {
		font-size: 2rem;
		line-height: 3rem;
	}
	.prdText h3 {
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.new {
		left: 1.2rem;
		top: 1.2rem;
		border-radius: 1.5rem;
		padding: 0.6rem 1.2rem;
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
}
@media (max-width:900px) {
	.prodList li {
		flex: 0 0 calc(50% - 1.4rem);
	}
}
@media (max-width:767px) {
	.prodWrap {
		margin: -2rem 0 0 0;
		border-radius: 2rem 2rem 0 0;
		padding: 2rem 0 5rem 0;
	}
	.prodInner {
		padding: 0;
	}
	.prodFilBox {
		margin: 0 0 1.6rem 0;
		position: relative;
		width: 100%;
	}
	.pdNavInput {
		margin: 0 0 2rem 0;
	}
	.pdNavInput input {
		height: 4.4rem;
		padding: 0 2rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.pdNavInput input::placeholder{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.pdNavInput button {
		right: 5px;
		width: 4.4rem;
		height: 4.4rem;
		background-size: 1.4rem;
	}
	.prfBox{
		padding: 2rem;
		border-radius: 16px;
		background: #FFF;
	}
	.prfiTitle {
		margin: 0;
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.prfiTitle:after {
		width: 1.6rem;
		height: 1.6rem;
		background-size: 1.6rem;
	}
	.prfList {
		padding: 2rem 0 0 0;
	}
	.prfList dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
		margin: 0 0 1.4rem 0;
		padding: 0 0 0.8rem 0;
		border-bottom: 1px solid #000;
	}
	.prfList ul li a {
		gap: 0.8rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	
	.prditem {
		border-radius: 1.6rem;
		padding: 2.6rem 2.6rem;
	}
	.prdText h2 p {
		margin: 0 0 0.6rem 0;
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.prdText h2 strong {
		gap: 0.8rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	.prdText b.ansi {
		width: 2rem;
		height: 2.3rem;
	}
	.prdText h3 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.new {
		left: 1.6rem;
		top: 1.6rem;
		border-radius: 1.5rem;
		padding: 0.6rem 1.2rem;
		font-size: 1rem;
		line-height: 1.1rem;
	}
}
@media (max-width:550px) {
	.prodList ul {
		gap: 1.4rem;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style-type: none;
		justify-content: flex-start;
	}
	.prodList li {
		margin:0;
		flex: 0 0 calc(100% - 0rem);
	}
}

/*-----------------------------------------
# 제품 상세
-------------------------------------------*/
.prodetailWrap {
    margin: -4rem 0 0 0;
    position: relative;
    width: 100%;
    border-radius: 4rem 4rem 0 0;
    background: #F8F8F8;
    padding: 6rem 0 12rem 0;
	overflow: hidden;
}

.linkbackBox {
    border-bottom: 1px solid #EEE;
    height: 7.6rem;
    display: flex;
    margin-bottom: 4rem;
    align-items: center;
}
.linkback{
	display:inline-block;
}
.linkback a {
    display: flex;
    color: #999;
    font-size: 2rem;
    font-family: pretendard-400;
    line-height: 3.6rem;
    align-items: center;
    justify-content: flex-start;
}
.linkback a img{
	height:1.4rem;
	margin-right:1rem;
	display:inline-block;
}

.productInfoBox {
    width: 100%;
    position: relative;
    display: flex;
    gap: 10rem;
}
.pdInfoImg {
    position: relative;
    width: 55.922%;
    box-sizing: border-box;
}
.prd_gallBox{
	width:100%;
	position:relative;
	overflow:hidden;
}
.prd_gallTopImgBox{
	position:relative;
	width:100%;
}
.pd_imgBox {
    width: 100%;
    position: relative;
    border-radius: 1.4rem;
    background: #FFF;
    padding: 12.353%;
}
.pd_imgBox figure{
	position: relative;
    width: 100%;
    overflow: hidden;
	padding-bottom: 100%;
    /* padding-bottom: 100.845%; */
    z-index: 2;
}
.pd_imgBox figure img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}

.prd_gallBottomImgBox{
	position:relative;
	width:100%;
	margin:1rem 0 0 0;
	padding: 0 1rem;
}
.prd_gallBottomImgBox .swiper-slide-thumb-active .pd_Mini_imgBox{
	border: 1px solid #000;
}
.pd_Mini_imgBox{
	cursor:pointer;
	width: 100%;
	position: relative;
	border-radius: 1.4rem;
	border:1px solid #fff;
	background: #FFF;
	padding:2.2rem;
}
.pd_Mini_imgBox:hover{
	border: 1px solid #000;
}
.pd_Mini_imgBox figure{
	position: relative;
    width: 100%;
    overflow: hidden;
	padding-bottom: 100%;
    /* padding-bottom: 100.845%; */
    z-index: 2;
}
.pd_Mini_imgBox figure img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}


.pdInfoText {
    width: 44.088%;
    position: relative;
}
.prdetitle{
	position:relative;
	width:100%;
	margin:0 0 6rem 0;
}
.prdetitle h1 {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.prdetitle h1 span{
	margin:0;
	color: #888;
	text-align: left;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.prdetitle h1 p {
	gap:1rem;
    display: flex;
    width: 100%;
    margin: 0;
    color: #000;
    text-align: left;
    font-family: pretendard-800;
    font-size: 5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 6rem;
    align-items: center;
    justify-content: flex-start;
}
.prdetitle b.ansi{
	right: 0rem;
    top: 0rem;
}
b.ansi{
	width:4rem;
	height:4.6rem;
	display:inline-block;
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
b.ansi.type01{background-image: url(/public/img/zettax/sub/product/ansi_1.png);}
b.ansi.type02{background-image: url(/public/img/zettax/sub/product/ansi_2.png);}
b.ansi.type03{background-image: url(/public/img/zettax/sub/product/ansi_3.png);}
b.ansi.type04{background-image: url(/public/img/zettax/sub/product/ansi_4.png);}
b.ansi.type05{background-image: url(/public/img/zettax/sub/product/ansi_5.png);}
b.ansi.type06{background-image: url(/public/img/zettax/sub/product/ansi_6.png);}
b.ansi.type07{background-image: url(/public/img/zettax/sub/product/ansi_7.png);}
b.ansi.type08{background-image: url(/public/img/zettax/sub/product/ansi_8.png);}
b.ansi.type09{background-image: url(/public/img/zettax/sub/product/ansi_9.png);}

.prdetitle h2{
	margin:1rem 0 0 0;
	color: #888;
	text-align: left;
	font-family: pretendard-400;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.5rem;
}
.prdetitle h3 {
    border-top: 1px solid #eee;
    padding: 1rem 0 0 0;
    margin: 1rem 0 0 0;
    position: Relative;
    color: #888;
    text-align: left;
    font-family: pretendard-400;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
}


.prdchLong{
	margin:4rem 0 0 0;
	width:100%;
	position:relative;
	display:flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	gap:2rem;
}
.prdchLong .intext{
	position:Relative;
    color: #888;
	text-align: left;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.prdchLong .intext strong{
	margin:0 0 0.6rem 0;
	display:block;
	color: #000;
	text-align: left;
	font-family: pretendard-500;
	font-size: 2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}

.prdch{
	margin:4rem 0 0 0;
	width:100%;
	position:relative;
	display:flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	gap:1rem;
}
.prdch h3{
	padding:0 0 0 3.8rem;
	width:100%;
	position:relative;
	color: #000;
	text-align: left;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem;
}
.prdch h3:before {
    content: '';
    position: absolute;
	left:0;
	top:0;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(/public/img/zettax/common/black_check.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.pddSubInfo{
	overflow:hidden;
	margin:1.4rem 0 0 0;
	position:relative;
	border-radius: 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04);
}
.pddsubBtn {
	cursor:pointer;
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    padding: 2.4rem;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}
.pddsubBtn.open_sub span{
	transform: rotate(0deg);
}
.pddsubBtn h2{
	position:relative;
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	text-transform: uppercase;
}
.pddsubBtn h2:before {
    content: '';
    position: absolute;
    left: -2.4rem;
    top: -1px;
    width: 0.4rem;
    height: 2.6rem;
    border-radius: 0 0.4rem 0.4rem 0;
    background: #000;
}
.pddsubBtn span{
	transform: rotate(180deg);
    position: relative;
	display:inline-block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/public/img/zettax/common/btn_arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.iconul{
	padding: 2.4rem 2.4rem 0 2.4rem;
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    list-style-type: none;
    justify-content: flex-start;
}
ul.iconul li{
	position:relative;
	flex: 0 0 calc(50% - 0rem);
    margin: 0rem;
    box-sizing: border-box;
	padding:0 0 0 8.6rem;
	margin:0 0 2.4rem 0;
}
ul.iconul li .icon {
    width: 7rem;
    height: 7rem;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20);
}
ul.iconul li .icon img{height:6.6rem;}
ul.iconul li .text {
	min-height: 7rem;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
ul.iconul li .text h3 {
    width: 100%;
    display: flex;
    gap: 0.6rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.iconul li .text h3 b{
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.2rem;
}
.ul.iconul li .text h3 p{
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.2rem;
}

ul.seul {
	padding: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
ul.seul li {
    width: 100%;
    position: relative;
    padding: 1.2rem 0;
    border-bottom: 1px solid #eee;
}
ul.seul li:first-child {
    padding: 0 0 1.2rem 0;
}
ul.seul li:last-child {
	padding: 1.2rem 0 0 0;
    border-bottom: none;
}
ul.seul li h3 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
ul.seul li h3 b {
    width: 50%;
    text-align: left;
    margin: 0;
    color: #888;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
}
ul.seul li h3 span {
    width: 50%;
    text-align: left;
    margin: 0;
    color: #000;
    font-family: pretendard-500;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
}


ul.flie {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0.4rem 2.4rem;
    margin: 0rem;
    list-style-type: none;
    justify-content: flex-start;
}
ul.flie li{
	position:relative;
	flex: 0 0 calc(100% - 0rem);
    margin: 0rem;
    box-sizing: border-box;
}
/* ul.flie li a:hover .fiInner{ */
	/* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); */
/* } */
ul.flie li a:hover .fititle{
	/* font-family: pretendard-600; */
	/* font-weight: 600; */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
ul.flie li a:hover .fliedownBtn{
	background:#000;
}
ul.flie li a:hover .fliedownBtn b{
	color:#fff;
	font-family: pretendard-700;
    font-weight: 700;
}
ul.flie li a:hover .fliedownBtn span{
	background-image: url(/public/img/zettax/sub/downicon_icon.png);
}
ul.flie li:nth-child(1) .fiInner{
	/* padding: 0rem 15rem 2rem 0rem; */
}
ul.flie li:last-child .fiInner{
	border-bottom:none;
	/* padding: 2rem 15rem 0rem 0rem; */
}
.fiInner {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 2rem 11rem 2rem 0rem;
}
.fiinfoBox {
    min-height: 4.8rem;
    gap: 0.6rem;
    width: 100%;
    position: relative;
    padding: 0 1.6rem 0 4.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.fiinfoBox:before{
	content:'';
	position:absolute;
	left:0;
	display:inline-block;
	width:2.8rem;
	height:3.4rem;
	background-image: url(/public/img/zettax/sub/file_icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fititle{
	text-align:left;
	color: #000;
	font-family: pretendard-500;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.fisub {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    justify-content: flex-start;
}
.fisub span{
	text-transform: uppercase;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2rem;
}
.fisub b{
	display:inline-block;
	width: 1px;
	height: 1rem;
	background: #DDD;
}

.fliedownBox {
    top: 2.3rem;
    display: inline-block;
    position: absolute;
    right: 0rem;
}
.fliedownBtn{
    display: flex;
    padding: 1.1rem 2.2rem;
    align-items: center;
    gap: 0.6rem;
    background: #F8F8F8;
	border-radius: 99px;
}
.fliedownBtn b{
	margin:0;
	display:inline-block;
	color: #888;
    font-family: pretendard-500;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem;
}
.fliedownBtn span{
	display:inline-block;
	width:1.6rem;
	height:1.6rem;
	background-image: url(/public/img/zettax/sub/downgray_icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}


.lpperWrap{
	position:relative;
	padding: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.lpperBox.fir{
	border-top:none;
	padding:0;
	margin:0;
}
.lpperBox{
	position:relative;
	width:100%;
	border-top:1px solid #eee;
	padding:4rem 0 0 0;
	margin:4rem 0 0 0;
}

.lpperIconBox{
	padding:0 0 0 0rem;
	position:relative;
	width:100%;
}
.lpperIconBox strong {
    top: inherit;
    position: relative;
    left: 0;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: pretendard-700;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3rem;
    transform: inherit;
}
.lpperIconBox p{
	margin:0.6rem 0 0 0;
	overflow: hidden;
	color: #000;
	text-overflow: ellipsis;
    font-family: pretendard-400;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.lpperIconFlex {
	margin:1.4rem 0 0 0;
    display: flex;
    padding: 0 2rem;
    gap: 0.6rem;
    justify-content: space-between;
    align-items: center;
}
.lpperIconFlex img{
	height:4.6rem;
}
.lpperLine {
    display: flex;
    width: 100%;
    position: relative;
    margin: 1rem 0 2rem 0;
    height: 4.2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 3rem 0 2rem;
    justify-content: space-between;
    align-items: center;
}
.lpperLine.blue{
	background-image: url(/public/img/zettax/sub/product/lpper_line_blue.png);
}
.lpperLine.red{
	background-image: url(/public/img/zettax/sub/product/lpper_line_red.png);
}
.lpperLine strong{
	margin:0;
	text-align:left;
	color: #fff;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.8rem;
}
.lpperLine span{
	margin:0;
	color: #FFF;
	text-align: right;
	font-family: pretendard-600;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
}
.lpptableBox{
	width:100%;
	position:relative;
}
.lpptableBox h3{
	margin:0 0 0.8rem 0;
	overflow: hidden;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6rem;
}
.ipperBtnInner {
    width: 100%;
    display: flex;
    justify-content: center;
}
.ipperBtn {
    display: flex;
    margin: 2rem 0 0 0;
    justify-content: center;
    align-items: flex-start;
}
.ipperBtn a{
	display: flex;
	width: 15rem;
	padding: 1.4rem 2.2rem;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	border-radius: 99px;
	background: #000;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
}
.ipperBtn a span {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(/public/img/zettax/sub/product/ipp_arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.asnitable{
	width:100%;
	display:flex;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #FFF;
}
.asnita {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.asnita span.fir{
	border-left: none;
	font-family: pretendard-600;
	font-weight: 600;
}
.asnita span{
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid #000;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #111;
	text-align: center;
	font-family: pretendard-500;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4rem;
	letter-spacing: -0.36px;
}
.asnita p.fir{
	border-left: none;
	font-family: pretendard-600;
	font-weight: 600;
}
.asnita p {
	border-left: 1px solid rgba(0, 0, 0, 0.08);
    height: 4rem;
    display: flex;
	align-items: center;
    justify-content: center;
    width: 100%;
    color: #111;
    text-align: center;
    font-family: pretendard-500;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4rem;
    letter-spacing: -0.36px;
}


.en407table{
	width:100%;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #FFF;
}
.en407ta{
	display:flex;
	width:100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.en407ta.last{
	border-bottom:none;
}
.en407ta span.fir{
	height: 4rem;
	border-bottom: 1px solid #000;
}
.en407ta span{
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	height: 4.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #FFF;
	color: #111;
	text-align: center;
	font-family: pretendard-600;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4rem;
}
.en407ta span.nthf{
	border-left: none;
}

.prdAnWrap{
	position:relative;
	width:100%;
	margin:10rem 0 0 0;
}
.prdAnTitle h2{
	margin:0;
	color: #000;
	text-align: left;
	font-family: pretendard-600;
	font-size: 3.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 6.2rem;
	text-transform: uppercase;
}

.prdchaBox{
	margin:3rem 0 0 0;
	width:100%;
	display: flex;
	padding: 5rem;
	align-items: center;
	gap: 6rem;
	align-self: stretch;
	position:relative;
	border-radius: 1.6rem;
	background: #FFF;
}
.prdchaImg {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.prdchaImgBox {
    width: 100%;
    position: relative;
}
.prdchaImgBox figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 67.648%;
    z-index: 2;
}
.prdchaImgBox figure img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.prdchaText{
	width:100%;
	position:relative;
}
.prdchaText ul {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.prdchaText ul li{
	position:relative;
	width:100%;
	padding:3.5rem 0;
	border-bottom:1px solid #eee;
}
.prdchaText ul li:nth-child(1){
	padding:0 0 3.5rem 0;
}
.prdchaText ul li:last-child{
	padding:3.5rem 0 0 0;
	border-bottom:none;
}
.prdchaText ul li h3{
	position:relative;
	width:100%;
	padding:0 0 0 4.2rem;
}
.prdchaText ul li h3 b{
	margin:0;
	position:absolute;
	left:0;
	top:0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.prdchaText ul li h3 p{
	margin:0;
	display:block;
	text-align:left;
	color: #000;
	font-family: pretendard-700;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
}
.prdchaText ul li h4{
	margin:1.4rem 0 0 0;
	display:block;
	text-align:left;
	padding:0 0 0 4.2rem;
	color: #888;
	font-family: pretendard-300;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}

.relprdBox{
	position:relative;
	width:100%;
	margin:3rem 0 0 0;
}
.relprdBox .swiper{
	overflow:unset;
}
.relpImg{
	position:relative;
	height:100%;
	display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    justify-content: center;
	border-radius: 8px;
	background: #F6F6F6;
	padding:3.3rem 0;
}
.relpImg figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 80.925%;
    z-index: 2;
    background: #F6F6F6;
}
.relpImg figure img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    mix-blend-mode: multiply;
}
.relpItem{
	display: flex;
	padding:1rem 1rem 2.4rem 1rem;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	flex: 1 0 0;
	border-radius: 1.6rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04);
}
.relpText{
	z-index:2;
	position:relative;
	width:100%;
	padding:0 1.4rem;
}
.relpText h3 p{
	display:block;
	text-align:left;
	margin:0 0 0.5rem 0;
	color: #aaa;
	font-family: pretendard-600;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.8rem;
}
.relpText h3 strong {
    gap: 1rem;
    display: flex;
	align-items: center;
    justify-content: flex-start;
    /* display: block; */
    /* display: -webkit-box; */
    /* overflow: hidden; */
    /* white-space: normal; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    text-align: left;
    color: #000;
    font-family: pretendard-800;
    font-size: 3rem;
    font-style: normal;
    font-weight: 800;
    line-height: 4rem;
}
.relpText b.ansi {
    width: 2.6rem;
    height: 3rem;
}
.relpText h4{
	margin:1rem 0 0 0;
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #888;
	font-family: pretendard-400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
@media (max-width:1600px) {
	.pdInfoImg {
		width: 45%;
	}
	.pdInfoText {
		width: 55%;
	}
}
@media (max-width:1200px) {
	.productInfoBox {
		gap: 6rem;
	}
	
	
	.prdchaBox {
		margin: 3rem 0 0 0;
		padding: 4rem 3rem;
		gap: 0rem;
		border-radius: 1.2rem;
	}
	.prdchaText ul li {
		padding: 2.8rem 0;
	}
	.prdchaText ul li:nth-child(1) {
		padding: 0 0 2.8rem 0;
	}
	.prdchaText ul li:last-child {
		padding: 2.8rem 0 0 0;
	}
	.prdchaText ul li h3 p {
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.prdchaText ul li h3 b {
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.prdchaText ul li h4 {
		margin: 1rem 0 0 0;
		padding: 0 0 0 4.2rem;
		font-size: 1.7rem;
		line-height: 2.8rem;
	}
	
	
	
	.relpText h3 strong {
		font-size: 2.6rem;
		line-height: 3.2rem;
	}
	.relpText h4 {
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media (max-width:991px) {
	.prodetailWrap {
		margin: -2rem 0 0 0;
		border-radius: 2rem 2rem 0 0;
		padding: 4rem 0 10rem 0;
	}
	.productInfoBox {
		display: flex;
		gap: 6rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.pdInfoImg {
		padding: 0 6rem;
		width: 100%;
	}
	.pdInfoText {
		width: 100%;
	}
	.prdetitle {
		margin: 0 0 4rem 0;
	}
	.prdetitle h1 p {
		font-size: 5rem;
		line-height: 6rem;
	}
	.prdetitle h2 {
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.prdch {
		margin: 3rem 0 0 0;
	}
	.prdch h3 {
		padding: 0 0 0 3.8rem;
		font-size: 1.7rem;
		line-height: 2.8rem;
	}
	
	
	.prdchaBox {
		display: flex;
		margin: 3rem 0 0 0;
		padding: 4rem 3rem;
		gap: 4rem;
		border-radius: 1.2rem;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.prdchaImg {
		padding: 0 10rem;
	}
}
@media (max-width:767px) {
	.prodetailWrap {
		margin: -2rem 0 0 0;
		border-radius: 2rem 2rem 0 0;
		padding: 2rem 0 5rem 0;
	}
	.linkbackBox {
		padding-bottom: 1rem;
		height: auto;
		margin-bottom: 2rem;
	}
	.linkback a {
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	.linkback a img {
		height: 1.2rem;
		margin-right: 1rem;
	}
	
	
	.productInfoBox {
		gap: 4rem;
	}
	.pdInfoImg {
		padding: 0;
		width: 100%;
	}
	.pd_imgBox {
		border-radius: 1rem;
		padding: 9%;
	}
	.prd_gallBottomImgBox {
		margin: 1rem 0 0 0;
		padding: 0 0.4rem;
	}
	.pd_Mini_imgBox {
		border-radius: 1rem;
		padding: 0.8rem;
	}
	.prdetitle h1 {
		gap: 0.6rem;
	}
	.prdetitle h1 span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	b.ansi {
		width: 2.6rem;
		height: 3rem;
	}
	.prdetitle h1 p {
		font-size: 3rem;
		line-height: 5rem;
	}
	.prdetitle h2 {
		margin: 0.6rem 0 0 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.prdetitle h3 {
		padding: 1rem 0 0 0;
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.prdchLong {
		gap: 1.4rem;
		margin: 1.6rem 0 0 0;
	}
	.prdchLong .intext{
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.prdchLong .intext strong{
		font-size: 1.6rem;
		line-height: 2.6rem;
	}
	
	.prdch {
		gap: 0.6rem;
		margin: 1.6rem 0 0 0;
	}
	.prdch h3 {
		padding: 0 0 0 2.8rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.prdch h3:before {
		width: 2.2rem;
		height: 2.2rem;
	}
	
	
	
	.pddSubInfo {
		margin: 1rem 0 0 0;
		border-radius: 1rem;
	}
	.pddsubBtn {
		display: flex;
		padding: 1.6rem;
		justify-content: space-between;
		align-items: center;
		align-self: stretch;
	}
	.pddsubBtn h2 {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.pddsubBtn h2:before {
		left: -1.6rem;
		top: 3px;
		width: 0.3rem;
		height: 1.6rem;
		border-radius: 0 0.4rem 0.4rem 0;
	}
	.pddsubBtn span {
		width: 2rem;
		height: 2rem;
	}
	ul.seul {
		padding: 1.6rem;
	}
	ul.seul li h3 {
		gap: 1rem;
	}
	ul.seul li h3 b {
		width: 35%;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	ul.seul li h3 span {
		width: 65%;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	ul.iconul {
		padding: 1.6rem 1.6rem 0 1.6rem;
	}
	ul.iconul li {
		flex: 0 0 calc(50% - 0rem);
		padding: 0 0 0 6.2rem;
		margin: 0 0 1.6rem 0;
	}
	ul.iconul li .icon {
		width: 5rem;
		height: 5rem;
	}
	ul.iconul li .icon img {
		height: 5rem;
	}
	ul.iconul li .text {
		min-height: 5rem;
	}
	ul.iconul li .text h3 b {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	
	
	ul.flie {
		padding: 0rem 1.6rem;
	}
	.fiInner {
		padding: 1.6rem 2rem 1.6rem 0rem;
	}
	.fiinfoBox {
		min-height: auto;
		gap: 0.4rem;
		padding: 0 0rem 0 0rem;
	}
	.fiinfoBox:before {
		position:relative;
		width: 2.3rem;
		height: 2.8rem;
		background-image: url(/public/img/zettax/sub/pdf_icon.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.fititle {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.fisub {
		display: flex;
		gap: 0.8rem;
		align-items: center;
		justify-content: flex-start;
	}
	.fisub span {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.fisub b {
		height: 0.8rem;
	}
	.fliedownBtn {
		display: flex;
		padding: 0;
		align-items: center;
		gap: 0;
		background: #fff;
		border-radius: 0;
	}
	.fliedownBtn b{
		display:none;
	}
	ul.flie li a:hover .fliedownBtn{
		background:#fff;
	}
	ul.flie li a:hover .fliedownBtn span{
		background-image: url(/public/img/zettax/sub/downgray_icon.png);
	}
	
	
	.lpperWrap {
		padding: 1.6rem;
	}
	.lpperBox {
		padding: 3rem 0 0 0;
		margin: 3rem 0 0 0;
	}
	.lpperIconBox {
		padding: 0 0 0 0rem;
	}
	.lpperIconBox strong {
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.lpperIconBox p {
		margin: 0.6rem 0 0 0;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.lpperIconFlex {
		padding: 0 1.5rem;
		gap: 0;
	}
	.lpperIconFlex img {
		height: 2.3rem;
	}
	.lpperLine {
		margin: 0.6rem 0 1.4rem 0;
		height: 3.2rem;
		padding: 0 2rem 0 1.4rem;
	}
	.lpperLine strong {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.lpperLine span {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.lpptableBox h3 {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.ipperBtn {
		width: 100%;
		margin: 1.4rem 0 0 0;
	}
	.ipperBtn a {
		width: 100%;
		padding: 1.2rem 2rem;
		gap: 0.6rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.asnitable {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.asnita {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		border-bottom:1px solid rgba(0, 0, 0, 0.08);
	}
	.asnita.fir{
		border-bottom:1px solid #000;
	}
	.asnita.last{
		border-bottom:none;
	}
	.asnita span {
		border-left:none;
		border-right: 1px solid rgba(0, 0, 0, 0.08);
		border-bottom: none;
		height: 3.6rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
		letter-spacing: -0.36px;
	}
	.asnita p {
		border-left: none;
		height: 3.6rem;
		font-size: 1.2rem;
		line-height: 1.4rem;
		letter-spacing: -0.36px;
	}
	.en407ta span.fir {
		padding: 0.4rem;
		height: 5.4rem;
	}
	.en407ta span {
		height: 3.6rem;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	
	
	.prdAnWrap {
		margin: 4rem 0 0 0;
	}
	.prdAnTitle h2 {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.prdchaBox {
		margin: 1rem 0 0 0;
		padding: 2rem 2rem;
		gap: 3rem;
		border-radius: 1rem;
	}
	.prdchaImg {
		padding: 0;
	}
	.prdchaText ul li {
		padding: 1.6rem 0;
	}
	.prdchaText ul li:nth-child(1) {
		padding: 0 0 1.6rem 0;
	}
	.prdchaText ul li:last-child {
		padding: 1.6rem 0 0 0;
	}
	.prdchaText ul li h3 {
		padding: 0 0 0 3.3rem;
	}
	.prdchaText ul li h3 b {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.prdchaText ul li h3 p {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.prdchaText ul li h4 {
		margin: 1rem 0 0 0;
		padding: 0 0 0 3.3rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	
	.relprdBox {
		margin: 1rem 0 0 0;
	}
	.relpItem {
		padding: 1rem 1rem 1.8rem 1rem;
		gap: 1rem;
		border-radius: 1.6rem;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04);
	}
	.relpText {
		padding: 0 0.8rem;
	}
	.relpText h3 p {
		margin: 0 0 0.4rem 0;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.relpText h3 strong {
		gap:0.8rem;
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	.relpText b.ansi {
		width: 2rem;
		height: 2.3rem;
	}
	.relpText h4 {
		margin: 1rem 0 0 0;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
}