.mainWrap{
	position:relative;
	width:100%;
	min-height:94rem;
}

/*-----------------------------------------
# 메인 비주얼
-------------------------------------------*/
.mainV_Wrap{
	overflow:hidden;
	position:relative;
	width:100%;
	/* height:94rem; */
	height:100vh;
	box-sizing: border-box;
}
.mainvContBox{
	position:relative;
	width: 100%;
	height:100%;
	z-index: 1;
	box-sizing: border-box;
}

.maspBox {
    height: 1.3rem;
    position: absolute;
    left: 0;
    bottom: 7rem;
    width: 100%;
    z-index: 10;
}
.maspInner {
    height: 1.3rem;
    display: flex;
    position: relative;
    box-sizing: border-box;
    max-width: 172rem;
    padding: 0 4rem;
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.maspInner .pager{display:flex;justify-content:center;gap:2rem}
.maspInner .pager button{opacity:1;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;color:#fff;cursor:pointer;background:transparent;transition:.2s}
.maspInner .pager button:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:5px;height:5px;border-radius:50%;background-color:#fff;content:"";transition:all .2s}
.maspInner .pager button.on:after{opacity:0}
.maspInner .pager .progress{transform:rotate(-90deg)}
.maspInner .pager .circle-origin{fill:transparent;stroke:rgb(255, 255, 255);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:all .2s}
.maspInner .pager button.on .circle-origin {animation: progress 5s linear forwards;}
@keyframes progress {from { stroke-dashoffset: -38; }to { stroke-dashoffset: 0; }}
svg.progress.mo_circle{display:none;}
@media screen and (max-width: 991px) {
	.maspInner {
		padding: 0 3rem;
	}
	.maspBox {
		height: 1.3rem;
		bottom: 5rem;
	}
}
@media screen and (max-width: 767px) {
	.maspBox {
		height: 1rem;
		bottom: 3rem;
	}
	.maspInner .pager {
		gap: 0.6rem;
	}
	svg.progress.pc_circle{display:none;}
	svg.progress.mo_circle{display:inline-block;width:12px;height:12px;}
	.maspInner .pager button:after{width:3px;height:3px;}
	.maspInner .pager button.on .circle-origin {animation: progress 5s linear forwards;}
	@keyframes progress {from { stroke-dashoffset: -20; }to { stroke-dashoffset: 0; }}
}

.scrollBoxInner {
    display: flex;
    z-index: 13;
    position: absolute;
    max-width: 168rem;
	padding:0 4rem;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 14rem;
    justify-content: flex-end;
    align-items: flex-end;
}
.scrollBox {
	right: -4rem;
    position: relative;
    /* transform: inherit; */
    /* top: inherit; */
    display: flex;
    /* position: absolute; */
    /* right: 10rem; */
    /* bottom: 14rem; */
    /* transform: inherit; */
    z-index: 13;
    flex-direction: column;
    align-items: center;
}
.scrollLine {
    display: flex;
    width: 2px;
    height: 7rem;
    justify-content: center;
    position: relative;
    border-radius: 99px;
	background: rgba(255, 255, 255, 0.20);
    overflow: hidden;
}
.scrollLine span {
    width: 2px;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #FFF;
    border-radius: 50%;
    animation-name: scroll;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes scroll {
    0% {top:0; opacity:1;}
	70% {opacity:1;}
    100% {top:100%; opacity:0;}
}
.scrollTxt {
    transform: rotate(-90deg);
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    /* text-orientation: upright; */
    /* writing-mode: vertical-rl; */
    /* writing-mode: vertical-lr; */
    margin-bottom: 5.4rem!important;
    color: #FFF;
    font-family: pretendard-700;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem;
    letter-spacing: 1.68px;
}


.mainVsilInner{
	z-index:2;
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
}
.mainVsilInner .swiper{
	position: relative;
    width: 100%;
    height: 100%;
}
.mainVsilInner .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.mainVbgbox{
	position:relative;
	width:100%;
	overflow: hidden;
	height:100%;
}
/* .mainVsilInner .swiper-slide-active .bg01{ */
	/* transition:all 4.2s ease-in-out; */
    /* transform: scale(1); */
/* } */
/* .mainVsilInner .swiper-slide-active .bg02{ */
	/* transition:all 4.2s ease-in-out; */
    /* transform: scale(1); */
/* } */
/* .mainVsilInner .swiper-slide-active .bg03{ */
	/* transition:all 4.2s ease-in-out; */
    /* transform: scale(1); */
/* } */

.bg01 {
	/* transition:all 4.2s ease-in-out; */
	/* transform: scale(1); */
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/public/img/zettax/main/mainVz_03.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.bg02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/public/img/zettax/main/mainVz_02.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.bg03 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/public/img/zettax/main/mainVz_04.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


.mainTbox {
    bottom: 12rem;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 5;
}
.mainVsideBox{
	position:relative;
	z-index:2;
	box-sizing: border-box;
	max-width:172rem;
	padding:0 4rem;
	margin:0 auto;
	width:100%;
	height:100%;
}
.mainVinner {
    box-sizing: border-box;
    padding: 0 0 0 0;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.maTitle dl{
	text-align:left;
	margin:0 0 2rem 0;
	color: #FFF;
font-family: pretendard-800;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 800;
	line-height: 4.8rem;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}
.maTitle h1{
	margin:0;
	overflow:hidden;
}
.maTitle h1{
    opacity: 1;
	text-align:left;
    position: relative;
    color: #FFF;
    font-family: pretendard-800;
    font-size: 7rem;
    font-style: normal;
    font-weight: 800;
    line-height: 9rem;
}
.maTitle h1 sub.mini{
	top: -0.5rem;
    position: relative;
    font-size: 3.4rem;
}


.maTitle h2{
	display:block;
	margin:2rem 0 0 0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.4rem;
}

@media screen and (max-width: 1600px) {
	.maTitle h1{
		font-size: 6rem;
		line-height: 8rem;
	}
	.maTitle h1 sub.mini{
		top: -0.6rem;
		position: relative;
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 991px) {
	.mainVsideBox {
		padding: 0 3rem;
	}
	.mainTbox {
		bottom: 10rem;
	}
	.maTitle dl {
		margin: 0 0 2rem 0;
		font-size: 2.4rem;
		line-height: 3.4rem;
		letter-spacing: 1px;
	}
	.maTitle h1{
		font-size: 5rem;
		line-height: 7rem;
	}
	/* .maTitle h2{ */
		/* font-size: 5rem; */
		/* line-height: 7rem; */
	/* } */
	.maTitle h2 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.scrollBoxInner {
		padding: 0 3rem;
		bottom: 10rem;
	}
	.scrollBox {
		right: -4rem;
		bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	/* .mainV_Wrap{ */
		/* height: calc(100vh - 60px); */
	/* } */
	.bg02 {
		background-image: url(/public/img/zettax/main/mainVz_02_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.bg03 {
		background-image: url(/public/img/zettax/main/mainVz_04_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	.mainV_Wrap{
		height:58rem;
	}
	.mainTbox {
		bottom: 5rem;
	}
	.mainVinner {
		display: flex;
		align-items: flex-end;
		justify-content: flex-start;
	}
	.maTitle dl {
		margin: 0 0 1rem 0;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: 0.7px;
	}
	.maTitle h1{
		font-size: 2.6rem;
		line-height: 3.6rem;
	}
	.maTitle h1 sub.mini {
		top: -0.2rem;
		position: relative;
		font-size: 1.6rem;
	}
	/* .maTitle h2{ */
		/* font-size: 2.6rem; */
		/* line-height: 3.6rem; */
	/* } */
	.maTitle h2 br{display:none;}
	.maTitle h2 {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.scrollBoxInner {
		padding: 0 3rem;
		bottom: 5rem;
	}
	.scrollBox {
		/* transform: inherit; */
		/* top: inherit; */
		/* right: 0rem; */
		/* bottom: 10rem; */
	}
	.scrollTxt {
		margin-bottom: 3.4rem!important;
		font-size: 0.8rem;
		line-height: 0.8rem;
		letter-spacing: 0.96px;
	}
	.scrollLine {
		width: 2px;
		height: 4rem;
	}
	.scrollLine span {
		height: 1rem;
	}
	
	
}



/*-----------------------------------------
# 메인 about
-------------------------------------------*/
.ma_abwrap{
	width:100%;
	position:relative;
	padding:22rem 0;
	background-image: url(/public/img/zettax/main/ab_steel_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ma_kin {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    justify-content: flex-end;
    align-items: flex-start;
}
.ma_kin img{
	max-width:80%;
}
.ma_abSideBox{
	position: relative;
    z-index: 2;
    box-sizing: border-box;
    max-width: 172rem;
    padding: 0 4rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.ma_abwrap .zetTitle strong{color:#fff}
.ma_abwrap .zetTitle h2{color:#fff}
.ma_abwrap .zetTitle h3{color:#fff}
.ma_abwrap .zetBtn a {
    color: #FFF;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.03);
}
.ma_abwrap .zetBtn a span {
    background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
}

.zetTitle{
	width:100%;
	position:relative;
}
.zetTitle strong{
	display:block;
	text-align:left;
	margin:0 0 6rem 0;
	color: #000;
	font-family: pretendard-800;
	font-size: 9rem;
	font-style: normal;
	font-weight: 800;
	line-height: 9.2rem;
	letter-spacing: 3.6px;
	text-transform: uppercase;
}
.zetTitle h2{
	display:block;
	text-align:left;
	margin:3rem 0 0 0;
	color: #000;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.6rem;
}
.zetTitle h3{
	display:block;
	text-align:left;
	margin:3rem 0 0 0;
	color: #000;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.6rem;
}

.ma_abwrap .zetBtn{
	margin:6rem 0 0 0;
}

.zetBtnflex {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
}
.zetBtn{
	display:inline-block;
	position:relative;
}
.zetBtn a{
	display: flex;
	padding: 1rem 3.8rem;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	border-radius: 99px;
	border: 2px solid #000;
	background: rgba(255, 255, 255, 0.03);

	color: #000;
	font-family: pretendard-600;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 4.6rem;
}
.zetBtn a span{
	width:14px;
	height:14px;
	position:relative;
	background-image: url(/public/img/zettax/common/zetbtn_arrow_black.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
}
.zetBtn a b{
	width:14px;
	height:14px;
	position:relative;
	background-image: url(/public/img/zettax/common/zetbtn_download.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
}

.zetBtn dl{
	display: flex;
	padding: 1.6rem 3.3rem;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	border-radius: 99px;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.03);

	color: #000;
	font-family: pretendard-600;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
}
.zetBtn dl span{
	width:12px;
	height:12px;
	position:relative;
	background-image: url(/public/img/zettax/common/zetbtn_arrow_black.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 1600px) {
	.ma_abwrap {
		padding: 14rem 0;
	}
	.zetTitle strong {
		margin: 0 0 5.4rem 0;
		font-size: 8.6rem;
		line-height: 8.8rem;
		letter-spacing: 3.6px;
	}
	.zetTitle h2 {
		margin: 2.6rem 0 0 0;
		font-size: 2.2rem;
		line-height: 4.2rem;
	}
	.zetTitle h3 {
		margin: 2.6rem 0 0 0;
		font-size: 2.2rem;
		line-height: 4.2rem;
	}
	
	.ma_kin img {
		max-width: 60%;
	}
}
@media screen and (max-width: 991px) {
	.ma_abSideBox {
		padding: 0 2rem;
	}
	.ma_abwrap {
		padding: 12rem 0;
	}
	.zetTitle strong {
		margin: 0 0 5rem 0;
		font-size: 6rem;
		line-height: 7rem;
		letter-spacing: 2px;
	}
	.zetTitle h2 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3.6rem;
	}
	.zetTitle h3 {
		margin: 2rem 0 0 0;
		font-size: 2rem;
		line-height: 3.6rem;
	}
	
	
	.ma_abwrap .zetBtn {
		margin: 4rem 0 0 0;
	}
	
	
	.zetBtn a {
		padding: 0.6rem 3rem;
		gap: 0.8rem;
		font-size: 1.8rem;
		line-height: 4rem;
	}
	.zetBtn a span {
		width: 12px;
		height: 12px;
		background-size: 12px;
	}
}
@media screen and (max-width: 767px) {
	.ma_abwrap {
		padding: 6rem 0;
	}
	.zetTitle strong {
		margin: 0 0 3rem 0;
		font-size: 3.6rem;
		line-height: 3.8rem;
		letter-spacing: 1.44px;
	}
	.zetTitle h2 {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	.zetTitle h3 {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.5rem;
		line-height: 2.6rem;
	}
	
	
	.ma_abwrap .zetTitle h2 {margin: 3rem 0 0 0;}
	.ma_abwrap .zetTitle h2 br{display:none;}
	.ma_abwrap .zetTitle h3 {margin: 3rem 0 0 0;}
	.ma_abwrap .zetTitle h3 br{display:none;}
	.ma_abwrap .zetBtn {
		margin: 3rem 0 0 0;
	}
	
	
	.zetBtn a {
		padding: 0.5rem 2.3rem;
		gap: 0.6rem;
		font-size: 1.4rem;
		line-height: 3rem;
	}
	
	.ma_kin img {
		max-width: 60%;
	}
}

/*-----------------------------------------
# 메인 서비스
-------------------------------------------*/
.ma_proWrap{
	z-index:2;
	position:relative;
	width:100%;
	background: #000;
	padding:10rem 0 0 0;
}
.ma_proTitleSideBox{
	height: 100%;
	max-width:172rem;
	padding:0 4rem;
	margin:0 auto;
	position:relative;
}

.ma_proT{
	display:block;
	padding:0 0 6rem 0;
}
.ma_proTitle .zetTitle {
	z-index:2;
    gap: 3rem;
    display: flex;
    align-items: center;
}
.ma_proT .zetTitle strong{color:#fff;margin:0;}
.ma_proT .zetTitle h2{color:#fff;}
.ma_proT .zetTitle .zetBtn a{
	border: 2px solid #FFF;
	color: #FFF;
}
.ma_proT .zetBtn a span {
    background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
}

.ma_proT .zetTitle.Second {
    margin: -9rem 0 0 0;
    display: flex;
    justify-content: flex-end;
}
.ma_proT .zetTitle.Second h2{
	margin:0rem 0 0 0;
}

.productSlide .swiper{
	position:relative;
}
.productSlideWrap{
	width:100%;
	position:relative;
	overflow:hidden;
}
.maproBox{
	position:relative;
	width:100%;
	height:100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, #000 100%), #37383F;
	padding:5rem 0 5rem 0;
}
.maproBox .new {
	opacity: 0.3;
    position: absolute;
    left: 4rem;
    top: 4rem;
    display: flex;
    padding: 1rem 1.6rem;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: #ADFF39;
    color: #000;
font-family: pretendard-800;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5rem;
}
.maproImg {
	opacity: 0.6;
    padding: 0 12.6rem;
    display: flex;
    margin: 0 0 2rem 0;
    align-items: center;
    justify-content: center;
}
.maproImg img{
	max-width:100%;
}
.maproName{
	opacity: 0.3;
	width:100%;
	position:relative;
	padding:0 6rem;
}
.maproName h2 {
    text-align: left;
    margin: 0 0 1rem 0;
    gap: 0.6rem;
    display: flex;
    flex-direction: column;
}
.maproName h2 span{
	text-align:left;
	color: #FFF;
	font-family: pretendard-700;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.6rem;
}
.maproName h2 p {
    /* gap: 1rem; */
    /* display: flex; */
	/* align-items: center; */
    /* justify-content: flex-start; */
    /* display: -webkit-box; */
    /* overflow: hidden; */
    /* white-space: normal; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
	display:block;
	word-break: break-all;
	margin: 0;
    text-align: left;
    color: #FFF;
    font-family: pretendard-800;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 800;
    line-height: 5rem;
}
b.maAnsi{
	width:4rem;
	height:4.6rem;
	display:inline-block;
    position: absolute;
    right: 4rem;
    top: 4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
b.maAnsi.type01{background-image: url(/public/img/zettax/sub/product/ansi_white_1.png);}
b.maAnsi.type02{background-image: url(/public/img/zettax/sub/product/ansi_white_2.png);}
b.maAnsi.type03{background-image: url(/public/img/zettax/sub/product/ansi_white_3.png);}
b.maAnsi.type04{background-image: url(/public/img/zettax/sub/product/ansi_white_4.png);}
b.maAnsi.type05{background-image: url(/public/img/zettax/sub/product/ansi_white_5.png);}
b.maAnsi.type06{background-image: url(/public/img/zettax/sub/product/ansi_white_6.png);}
b.maAnsi.type07{background-image: url(/public/img/zettax/sub/product/ansi_white_7.png);}
b.maAnsi.type08{background-image: url(/public/img/zettax/sub/product/ansi_white_8.png);}
b.maAnsi.type09{background-image: url(/public/img/zettax/sub/product/ansi_white_9.png);}

.maproName h3{
	min-height:6.4rem;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin:0 0 0rem 0;
	text-align:left;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
}

.maproBox .zetBtn a{
	border: 1px solid #fff;
	color: #FFF;
	gap: 0.6rem;
	padding: 1.6rem 3.4rem;
	font-family: pretendard-500;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2.2rem;
}
.maproBox .zetBtn a span {
	width: 12px;
    height: 12px;
    background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
	background-size: 12px;
}
.maproBox:hover{
	background: #46474C;
}
.maproBox:hover .new{
	opacity: 1;
}
.maproBox:hover .maproImg{
	opacity: 1;
}
.maproBox:hover .maproName{
	opacity: 1;
}


.dragCont {
    gap: 2rem;
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 5;
    color: #FFF;
font-family: pretendard-800;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 800;
    line-height: 3rem;
    text-transform: uppercase;
    padding: 3rem 4rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(3px);
    align-items: center;
    justify-content: center;
}
.dragCont img{
	height:1.4rem;
}
@media (max-width:1600px) {
	.ma_proWrap {
		padding: 14rem 0 0 0;
	}
	.ma_proT {
		padding: 0 0 8rem 0;
	}
	
	.maproBox {
		padding: 7rem 0 5rem 0;
	}
	.maproImg {
		padding: 0 6rem;
		margin: 0 0 3rem 0;
	}
	.maproName {
		padding: 0 4rem;
	}
	.maproName h2 span {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.maproName h2 p {
		font-size: 3rem;
		line-height: 5rem;
	}
}
@media (max-width:1300px) {
	.ma_proT .zetTitle.Second {
		margin: 2rem 0 0 0;
		display: flex;
		justify-content: flex-start;
	}
}
@media (max-width:991px) {
	.ma_proWrap {
		padding: 12rem 0 0 0;
	}
	.ma_proTitleSideBox {
		padding: 0 2rem;
	}
	.ma_proT .zetTitle.Second {
		display: flex;
		justify-content: flex-start;
	}
	.ma_proT {
		padding: 0 0 6rem 0;
	}
	.ma_proT .zetTitle.Second h2 {
		margin: 3rem 0 0 0;
	}
	
	.ma_proT .zetTitle.Second {
		margin: 0rem 0 0 0;
	}
	.maproBox .new {
		left: 3rem;
		top: 3rem;
		padding: 0.6rem 1.2rem;
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
	b.maAnsi{
		right: 3rem;
		top: 3rem;
	}
	.maproImg {
		padding: 0 2rem;
		margin: 0 0 3rem 0;
	}
	.maproName {
		padding: 0 2rem;
	}
	.maproName h2 span {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.maproName h2 p {
		font-size: 3rem;
		line-height: 5rem;
	}
	.maproName h3 {
		min-height: 5.4rem;
		margin: 0 0 2rem 0;
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
}
@media (max-width:767px) {
	.ma_proWrap {
		padding: 5rem 0 0 0;
	}
	.ma_proT {
		padding: 0 0 4rem 0;
	}
	.ma_proTitle .zetTitle {
		gap: 1rem;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: flex-start;
	}
	.ma_proT .zetTitle .zetBtn a {
		padding: 1rem 2.2rem;
		line-height: 2rem;
		border: 2px solid #FFF;
		color: #FFF;
	}
	.ma_proT .zetTitle.Second h2 br{display:none;}
	
	
	.maproBox {
		padding: 4rem 0 3rem 0;
	}
	.maproBox .new {
		left: 1.6rem;
		top: 1.6rem;
		padding: 0.6rem 1.2rem;
		font-size: 1rem;
		line-height: 1.1rem;
	}
	b.maAnsi{
		right: 1.6rem;
		top: 1.6rem;
		width: 3rem;
        height: 3.3rem;
	}
	.maproImg {
		padding: 0 3rem;
		margin: 0 0 2.2rem 0;
	}
	.maproName {
		padding: 0 3rem;
	}
	.maproName h2 {
		margin: 0 0 1.4rem 0;
		gap: 0.6rem;
	}
	.maproName h2 span {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.maproName h2 p {
	    gap: 0.8rem;
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.maproName h3 {
		min-height: 4.4rem;
		margin: 0 0 1.8rem 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.maproBox .zetBtn a {
		gap: 0.5rem;
		padding: 1.1rem 1.9rem;
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.maproBox .zetBtn a span {
		width: 9px;
		height: 9px;
		background-size: 9px;
	}
	
	
	.dragCont {
		gap: 1rem;
		font-size: 1.2rem;
		line-height: 1.5rem;
		padding: 1.5rem 2rem;
	}
	.dragCont img {
		height: 0.7rem;
	}
	
	
	.productSlide .swiper-slide-active .maproBox{
		background: #46474C;
	}
	.productSlide .swiper-slide-active .maproBox .new{
		opacity: 1;
	}
	.productSlide .swiper-slide-active .maproBox .maproImg{
		opacity: 1;
	}
	.productSlide .swiper-slide-active .maproBox .maproName{
		opacity: 1;
	}
}

/*-----------------------------------------
# 메인 INNOVATION
-------------------------------------------*/

.ma_serWrap {
	z-index:1;
    /* overflow: hidden; */
    height:auto;
    width: 100%;
    position: relative;
    padding: 18rem 0 0rem 0;
	background: linear-gradient(180deg, #000 0%, #000 100%);
    /* background: linear-gradient(180deg, #000 0%, #333 100%); */
}
/* .ser_bottom_bg_pc{ */
	/* display:inline-block; */
	/* position:absolute; */
	/* left:4rem; */
	/* bottom:-14rem; */
	/* z-index:1; */
/* } */
/* .ser_bottom_bg_pc img{ */
	/* width:50%; */
	/* max-width:100%; */
/* } */

.ser_bottom_bg_pc {
	width: 120rem;
    display: inline-block;
    position: sticky;
    left: 0rem;
    bottom: 0rem;
    z-index: 1;
}
.ser_bottom_bg_pc img {
    display: inline-block;
    height: 72rem;
    z-index: 50;
bottom: -5px;
    left: 0;
    position: absolute;
    width: 100%;
}

.ser_bottom_bg_mo{display:none;}

.ma_serSideBox{
	height: 100%;
	max-width:172rem;
	padding:0 4rem;
	margin:0 auto;
	position:relative;
	z-index:3;
}
.ma_serInner:before {
    height: 18rem;
    content: '';
    position: absolute;
    width: 100%;
    top: -18rem;
    z-index: 4;
    /* background: linear-gradient(180deg, #000 0%, #000 100%); */
}
.ma_serInner{
	z-index:5;
	/* overflow: hidden; */
	display: flex;
	width:100%;
	position:relative;
	height:100%;
}
.serIextBox:before{
	height: 10rem;
    content: '';
    position: absolute;
    width: 100%;
    top: -10rem;
    z-index: 4;
    /* background: linear-gradient(180deg, #000 0%, #000 100%); */
}
.serIextBox {
	/* background: linear-gradient(180deg, #000 40%, #00000000 100%); */
    top: 10rem;
    position: sticky;
    display: flex;
    width: 50%;
    height: 100%;
    /* position: relative; */
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0rem 6rem 0 0;
}
.serText {
	position:Relative;
	padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.serText .zetTitle strong{color:#fff;}
.serText .zetTitle h2{color:#fff;}
.serText .zetTitle .zetBtn a{
	border: 2px solid #FFF;
	color: #FFF;
}
.serText .zetBtn{margin:4rem 0 0 0;}
.serText .zetBtn a span {
    background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
}

.serImgBox {
	overflow: hidden;
    padding: 0 0 0 6rem;
    width: 50%;
    height: 100%;
    position: relative;
}
.serImgInner{
	overflow: hidden;
	width:100%;
	height:100%;
	position:relative;
	padding:0rem 0 0 0;
}

.serImgItems{
	height: 100%;
	position:relative;
	transition: transform 0.5s cubic-bezier(.4,0,.2,1);
}
.serImgItems .swiper{
	height: 100%;
	position:relative;
}
.serImgItems .swiper-wrapper{
	flex-direction: column;
}
.serImgItems .swiper-slide{
	height:auto!important;
}

.serImg:last-child{
	margin: 0 0 10rem 0;
	padding:0 0 0rem 7.7rem;
}
.serImg {
	padding:0 0 8rem 7.7rem;
    transition: transform 0.5s;
    margin: 0 0 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.serImg span{
	position:absolute;
	left:0;
	top:0;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 4rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3.2rem;
}
.serImg img{
	border-radius: 1rem;
	position:relative;
	max-width:100%;
	z-index:1;
}
.serImg h3 {
	margin: 2rem 0 0 0;
    text-align: left;
	color: #FFF;
	font-family: pretendard-800;
	font-size: 3rem;
	font-style: normal;
	font-weight: 800;
	line-height: 4.6rem;
}
.serImg h4{
	opacity: 0.6;
	margin:1.4rem 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.2rem;
}

.zet_videoBox{
	width:100%;
	position:Relative;
    padding-bottom: 56.4%;
	overflow:hidden;
	border-radius: 1rem;
}
.zet_videoBox video.zet_video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media (max-width:1920px) {
	
	/* .ser_bottom_bg_pc img { */
		/* width: 45%; */
		/* max-width: 100%; */
	/* } */
}
@media (max-width:1600px) {

	.ma_serWrap {
		padding: 14rem 0 0rem 0;
	}
	.ma_serInner:before {
		height: 14rem;
		top: -14rem;
	}
	/* .ser_bottom_bg_pc { */
		/* bottom: -10rem; */
	/* } */
	/* .ser_bottom_bg_pc img { */
		/* width: 35%; */
	/* } */
}
@media (max-width:1200px) {
		/* .ma_serWrap { */
		/* height:100%; */
		/* padding: 14rem 0 40rem 0; */
	/* } */
	.ma_serWrap {
		padding: 12rem 0 12rem 0;
	}
	.ma_serInner:before {
		content:none;
	}
	.ma_serInner {
		overflow: hidden;
		display: flex;
		width: 100%;
		position: relative;
		height: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.ma_serSideBox{
		padding: 0;
	}
	
	.serIextBox:before{
		content:none;
	}
	.serIextBox {
		top:0;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 0 4rem;
	}
	.serText .zetTitle strong {
		margin: 0 0 4rem 0;
	}
	
	
	.serImgBox {
		padding: 0 4rem;
		margin: -5rem 0 0 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.serImgItems {
		gap: 3rem;
		display: flex;
		height: 100%;
		position: relative;
		flex-direction: column;
	}
	/* .serImgItems { */
		/* gap: 3rem; */
		/* display: flex; */
		/* height: 100%; */
		/* position: relative; */
	/* } */
	.serImg:last-child {
		padding: 0;
		margin: 0;
	}
	.serImg {
		padding: 0;
	}
	.serImg span {
		position:relative;
		margin: 0 0 1rem 0;
		font-size: 3rem;
		line-height: 3rem;
	}
	.serImg h3 {
		margin: 2rem 0 0 0;
		font-size: 2.6rem;
		line-height: 4rem;
	}
	.serImg h4 {
		margin: 1.4rem 0 0 0;
		font-size: 1.7rem;
		line-height: 3rem;
	}
	.serImg h4 br{display:none;}
	
	.ser_bottom_bg_mo {
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	.ser_bottom_bg_mo img{
		max-width: 100%;
	}
	.ser_bottom_bg_pc {
		display:none;
	}
}
@media (max-width:991px) {
	.ma_serWrap {
		padding: 10rem 0 10rem 0;
	}
	.serIextBox{
		padding: 0 2rem;
	}
	.serText .zetTitle strong {
		margin: 0 0 3rem 0;
	}
	.serImgBox {
		padding: 0 2rem;
	}
	
	.ser_bottom_bg_pc img {
		width: 45%;
	}
	.serImgItems {
		padding: 0 0rem 0 0;
		gap: 6rem;
		display: flex;
		height: 100%;
		position: relative;
		flex-direction: column;
	}
	.serImg {
		padding: 0 0 0 6rem;
	}
	.serImg:last-child {
		padding: 0 0 0 6rem;
	}
	.serImg span {
		position: absolute;
		margin: 0;
		font-size: 3rem;
		line-height: 3rem;
	}
	.serImg h3 {
		margin: 2rem 0 0 0;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.serImg h4 {
		margin: 1.4rem 0 0 0;
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	
	
	/* .serImgItems { */
		/* padding: 0 2rem 0 0; */
		/* gap: 6rem; */
	/* } */
}
@media (max-width:767px) {
	.ma_serWrap {
		padding: 5rem 0 5rem 0;
	}
	.ma_serInner{
		overflow:unset;
	}
	.serText .zetTitle h2 br{display:none;}
	.serText .zetBtn {
		margin: 1rem 0 0 0;
	}
	.serText .zetTitle .zetBtn a {
		padding: 1rem 2.2rem;
		line-height: 2rem;
		border: 2px solid #FFF;
		color: #FFF;
	}
	
	.serIextBox{
		padding: 0 2rem;
	}
	
	
	.ser_bottom_bg_pc{
		display:none;
	}
	.ser_bottom_bg_mo{
		margin:3rem 0 0 0;
		/* padding: 0 2rem 0 0; */
		/* margin:2rem 0 0 0; */
		/* display:block; */
		/* position:relative; */
		/* left:-2rem; */
		/* top:0; */
		/* z-index:1; */
	}
	.ser_bottom_bg_mo img {
		max-width: 100%;
	}
	
	
	.serImgBox {
		margin: -1rem 0 0 0;
		padding: 0 2rem;
	}
	.serImgItems {
		padding: 0;
		gap: 5rem;
	}
	.zet_videoBox{
		border-radius:0.6rem;
	}
	.serImg {
		padding: 0 0 0 3.5rem;
	}
	.serImg:last-child {
		padding: 0 0 0 3.5rem;
	}
	.serImg span {
		font-size: 2rem;
		line-height: 1.6rem;
	}
	.serImg img{
		border-radius: 0.6rem;
	}
	.serImg h3 {
		margin: 1rem 0 0 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.serImg h4 {
		word-break: auto-phrase;
		margin: 1rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
@media (max-width:500px) {
	.ser_bottom_bg_mo img {
		width: 100%;
	}
}

/*-----------------------------------------
# 메인 Detail
-------------------------------------------*/
.ma_detailwrap{
	z-index:2;
	width:100%;
	position:relative;
	background: #000;
	padding:10rem 0 10rem 0;
	overflow:hidden;
}
.ma_detailSideBox {
	z-index:3;
	max-width:172rem;
	padding:0 4rem;
	margin:0 auto;
	position:relative;
}
.ma_detailwrap .zetTitle strong {
    color: #fff;
    margin: 0 0 0 0;
}
.ma_detailwrap .zetTitle h2 {
    color: #fff;
}

.detailSlide{
	max-width:124rem;
	padding:0 2rem;
	margin:6rem auto 0 auto;
	position:relative;
}
.detailSlide .swiper{
	overflow:unset;
}
.detailSlide .swiper-wrapper {
    align-items: center;
}
.detail .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.detail .detimg {
    gap: 4rem;
	position:Relative;
    background: #000;
    overflow: hidden;
    border-radius: 2rem;
    width: 100%;
    height: 100%;
    transition: transform 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.detail .swiper-slide-active .detimg{
	transform: scale(1);
	opacity: 1;
}
.detail .swiper-slide:not(.swiper-slide-active) .detimg{
    transform: scale(0.88235);
	opacity: 0.5;
}
.detail .detimg img {
	position:Relative;
	z-index:1;
	border-radius: 2rem;
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.detText {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
	z-index:2;
	position:absolute;
	bottom:0;
	padding: 3rem 0;
	width:100%;
    gap: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.detText p{
	margin:0;
	text-align:center;
	color: #FFF;
	text-align: center;
	font-family: pretendard-700;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
	text-transform: uppercase;
}
.detText h3{
	margin:0;
	text-align:center;
	color: #FFF;
	text-align: center;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.2rem;
}

.detail .deBtnGroupInner {
	z-index:3;
    top: 50%;
	transform:translateY(-50%);
    position: absolute;
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: space-between;
    align-items: center;
}
.detail .deBtnGroupInner .swiper-button-prev{
	right: inherit;
    left: -15rem;
}
.detail .deBtnGroupInner .swiper-button-next{
	right: -15rem;
    left: inherit;
}
.deBtnGroupInner {
    top: -3.4rem;
    position: relative;
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: space-between;
    align-items: center;
}
.deBtnGroupInner .swiper-button-prev {
	margin: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 7.2rem;
    height: 7.2rem;
    left: 0;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: rgba(255, 255, 255, 0.03);
}
.deBtnGroupInner .swiper-button-prev:after {
    height: 14px;
    width: 20px;
    content: '';
    background-image: url(/public/img/zettax/common/mainslde_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.deBtnGroupInner .swiper-button-prev:hover{
	border: 2px solid #fff;
	background: #fff;
}
.deBtnGroupInner .swiper-button-prev:hover:after{
	background-image: url(/public/img/zettax/common/mainsl_prev.webp);
}
.deBtnGroupInner .swiper-button-next{
	margin: 0;
    position: relative;
	width: 7.2rem;
    height: 7.2rem;
	right:0;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #FFF;
	background: rgba(255, 255, 255, 0.03);
}
.deBtnGroupInner .swiper-button-next:after {
	height: 14px;
    width: 20px;
    content: '';
    background-image: url(/public/img/zettax/common/mainslde_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.deBtnGroupInner .swiper-button-next:hover{
	border: 2px solid #fff;
	background: #fff;
}
.deBtnGroupInner .swiper-button-next:hover:after{
	background-image: url(/public/img/zettax/common/mainsl_next.webp);
}
@media screen and (max-width: 1600px) {
	.ma_detailwrap {
		padding: 12rem 0 10rem 0;
	}
	.detailSlide {
		max-width: 114rem;
		padding: 0 2rem;
		margin: 6rem auto 0 auto;
	}
}
@media screen and (max-width: 1300px) {
	.detail .deBtnGroupInner .swiper-button-prev {
		left: -3rem;
	}
	.detail .deBtnGroupInner .swiper-button-next {
		right: -3rem;
	}
}
@media screen and (max-width: 991px) {
	.ma_detailwrap {
		padding: 10rem 0 8rem 0;
	}
	.ma_detailSideBox {
		padding: 0 2rem;
	}
	
	.detailSlide {
		margin: 4rem auto 0 auto;
	}
	.detail .swiper-slide:not(.swiper-slide-active) .detimg {
		transform: scale(1);
		opacity: 0.5;
	}
	.detail .detimg {
		gap: 3rem;
	}
	.detText p {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	.detText h3 {
		font-size: 2rem;
		line-height: 3rem;
	}
	.detText {
		padding: 0 7rem;
	}
	
	.deBtnGroupInner .swiper-button-prev {
		width: 6rem;
		height: 6rem;
	}
	.deBtnGroupInner .swiper-button-next {
		width: 6rem;
		height: 6rem;
	}
}
@media screen and (max-width: 767px) {
	.ma_detailwrap {
		padding: 5rem 0 5rem 0;
	}
	.detailSlide {
		padding: 0;
		margin: 3rem auto 0 auto;
	}
	.detail .detimg {
		gap: 3rem;
		border-radius: 0.6rem;
	}
	.detail .detimg img {
		border-radius: 0.6rem;
	}
	.detText {
		position: relative;
		gap: 0.8rem;
		padding: 0 6.4rem;
	}
	.detText p {
		font-size: 1.3rem;
		line-height: 1.4rem;
	}
	.detText h3 {
		word-break: auto-phrase;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	
	
	.detail .deBtnGroupInner {
		top: -3.4rem;
		transform: inherit;
		position: relative;
	}
	.detail .deBtnGroupInner .swiper-button-prev {
		left: 0;
	}
	.detail .deBtnGroupInner .swiper-button-next {
		right: 0;
	}
	.deBtnGroupInner .swiper-button-prev {
		width: 5.3rem;
		height: 5.3rem;
	}
	.deBtnGroupInner .swiper-button-prev:after {
		height: 10px;
		width: 14px;
	}
	.deBtnGroupInner .swiper-button-next {
		width: 5.3rem;
		height: 5.3rem;
	}
	.deBtnGroupInner .swiper-button-next:after {
		height: 10px;
		width: 14px;
	}
}

/*-----------------------------------------
# 메인 INFORMATION
-------------------------------------------*/
.maMediaWrap{
	width:100%;
	position:relative;
	padding:6rem 0 0 0;
}

ul.mainNewsTablist{
	display:flex;
	margin:6rem 0 4rem 0;
	gap:5rem;
}
ul.mainNewsTablist li{
	padding:0;
	margin:0;
	list-style:none;
}
ul.mainNewsTablist li p{
	cursor:pointer;
	color: #AAA;
	font-family: pretendard-400;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
	position:relative;
	padding:0 0 1rem 0;
	border-bottom: 2px solid #fff;
}
ul.mainNewsTablist li.active p{
	color: #F4020C;
	font-family: pretendard-600;
	font-weight: 600;
	border-bottom: 2px solid #F4020C;
}
.mThumnail {
	border-radius: 1rem;
	margin:0;
    overflow: hidden;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.277%;
    z-index: 3;
}
.mThumnail img {
	width:100%;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mThumnail:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-top-color: rgba(255, 255, 255, 0.10);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(255, 255, 255, 0.10);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.10);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(255, 255, 255, 0.10);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 4;
}
/* .mThumnail img { */
    /* position: absolute; */
    /* width: auto; */
    /* height: 100%; */
    /* z-index: 3; */
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
/* } */
.mThumnail .videodim {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute; 
    top: 0%;
    left: 0%;
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); */
    display: flex;
    align-items: center;
    justify-content: center;
}
.mThumnail .videodim span {
    display: inline-block;
    width: 38px;
    height: 43.5px;
    background-image: url(/public/img/zettax/main/playbtn.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.mt_text{
	margin-top: 3rem;
	position:relative;
	width:100%;
}
.mt_text p{
	margin:0;
	color: #fff;
	font-family: pretendard-700;
	font-size: 2rem;
	text-align:left;
	font-style: normal;
	font-weight: 700;
	line-height: 2.4rem;
}
.mt_text h3{
	margin:1.2rem 0 0rem 0;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #fff;
	text-align:left;
	font-family: pretendard-500;
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.4rem;
}
.mt_text h4{
	margin:0 0 3rem 0;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
	text-align:left;
	font-family: pretendard-300;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}

/* 기존 .hide가 display:none; 이라면 아래처럼 수정 */
.mainNewsSwiper.hide {
    visibility: hidden;
    position: absolute;
    left: 0; top: 0; width: 100%;
    pointer-events: none;
    height: auto; /* 필요시 명시 */
}

a.manewsBox:hover .mt_text h3{
	font-family: pretendard-700;
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
a.manewsBox:hover .zetBtn dl{
	font-family: pretendard-700;
	font-weight: 700;
	color:#fff;
	border: 1px solid #000;
	background: #000;
}
a.manewsBox:hover .zetBtn dl span{
	/* background: #F4020C; */
	background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
}

.swiper.mainNewsSwiper{
	overflow: unset !important;
}
.swiper.mainNewsSwiper .swiper-slide{
    overflow: hidden;
}
.hide {
    display: none!important;
}
.pnBtnGroup {
	z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: flex;
    width: 100%;
    height: 1px;
    justify-content: space-between;
    align-items: center;
}
/* .pnBtnGroupInner { */
    /* display: flex; */
    /* width: 15.4rem; */
    /* height: 7.2rem; */
    /* justify-content: space-between; */
    /* align-items: center; */
/* } */
.pnBtnGroup .swiper-button-prev {
	margin: 0;
    position: relative;
    top: 0;
    width: 7.2rem;
    height: 7.2rem;
	left: -3.5rem;
    right: inherit;
	border-radius: 50%;
	border: 2px solid #fff;
	background: rgba(255, 255, 255, 0.03);
}
.pnBtnGroup .swiper-button-prev:after {
    height: 14px;
    width: 20px;
    content: '';
    background-image: url(/public/img/zettax/common/mainslde_prev.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pnBtnGroup .swiper-button-prev:hover{
	border: 2px solid #fff;
	background: #fff;
}
.pnBtnGroup .swiper-button-prev:hover:after{
	background-image: url(/public/img/zettax/common/mainsl_prev.webp);
}
.pnBtnGroup .swiper-button-next{
	margin: 0;
    position: relative;
	width: 7.2rem;
    height: 7.2rem;
	right:0;
	top: 0;
	right: -3.5rem;
    left: inherit;
	border-radius: 50%;
	border: 2px solid #fff;
	background: rgba(255, 255, 255, 0.03);
}
.pnBtnGroup .swiper-button-next:after {
	height: 14px;
    width: 20px;
    content: '';
    background-image: url(/public/img/zettax/common/mainslde_next.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pnBtnGroup .swiper-button-next:hover{
	border: 2px solid #fff;
	background: #fff;
}
.pnBtnGroup .swiper-button-next:hover:after{
	background-image: url(/public/img/zettax/common/mainsl_next.webp);
}

@media screen and (max-width: 1600px) {
	.maMediaWrap {
		padding: 4rem 0 0 0;
	}
	.maMediaWrap .zetTitle {
		margin: 0 0 6rem 0;
	}
	
	.mt_text {
		margin-top: 3rem;
	}
	.mt_text h3 {
		margin: 1.2rem 0 1rem 0;
		font-size: 2.2rem;
		line-height: 3.4rem;
	}

	/* .pnBtnGroupInner { */
		/* width: 17rem; */
		/* height: 8rem; */
	/* } */
	/* .pnBtnGroupInner .swiper-button-prev, */
	/* .pnBtnGroupInner .swiper-button-next{ */
		/* width: 8rem; */
        /* height: 8rem; */
	/* } */
}
@media screen and (max-width: 991px) {
	.maMediaWrap {
		padding: 4rem 0 0 0;
	}
	.maMediaSideBox {
		padding: 0 2rem;
	}
	.maMediaWrap .zetTitle {
		margin: 0 0 4rem 0;
	}
	
	.mt_text {
		margin-top: 2rem;
	}
	.mt_text p {
		font-size: 1.65rem;
		line-height: 2rem;
	}
	.mt_text h3 {
		margin: 1rem 0 0rem 0;
		font-size: 2rem;
		line-height: 3rem;
	}
	.mt_text h4 {
		margin: 0 0 2rem 0;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
	
	.zetBtn dl {
		padding: 1.2rem 2.4rem;
		gap: 0.6rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.zetBtn dl span {
		width: 10px;
		height: 10px;
		background-size: 10px;
	}
	
	


	.pnBtnGroup .swiper-button-prev, .pnBtnGroup .swiper-button-next {
		width: 6rem;
		height: 6rem;
	}
	.pnBtnGroup .swiper-button-prev {
		left: -1rem;
	}
	.pnBtnGroup .swiper-button-next {
		right: -1rem;
	}
}
@media screen and (max-width: 767px) {
	.maMediaWrap {
		padding: 3rem 0 0 0;
	}
	.maMediaWrap .zetTitle {
		margin: 0 0 3rem 0;
	}
	
	
	ul.mainNewsTablist {
		display: flex;
		margin: 4rem 0 2rem 0;
		gap: 2rem;
	}
	ul.mainNewsTablist li p {
		font-size: 1.5rem;
		line-height: 2.2rem;
		padding: 0 0 1rem 0;
		border-bottom: 2px solid #fff;
	}
	
	
	.mThumnail {
		border-radius: 0.6rem;
		margin: 0;
		overflow: hidden;
		position: relative;
		height: 0;
		width: 100%;
		padding-bottom: 56.277%;
		z-index: 3;
	}
	.mt_text {
		padding: 0;
		margin-top: 2.4rem;
	}
	.mt_text p {
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.mt_text h3 {
		margin: 1.2rem 0 0rem 0;
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
	.mt_text h4{
		margin: 0 0 1.6rem 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	
	
	.zetBtn dl {
		padding: 1.1rem 1.9rem;
		gap: 0.5rem;
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.zetBtn dl span {
		width:9px;
		height: 9px;
		background-size: 9px;
	}
	
	
	
	.pnBtnGroup {
		transform: inherit;
		margin: 3rem 0 0 0;
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		height: 5.3rem;
	}
	.pnBtnGroup .swiper-button-prev {
		left: 0rem;
	}
	.pnBtnGroup .swiper-button-next {
		right: 0rem;
	}
	.pnBtnGroupInner {
		display: flex;
		width: 100%;
		height: 5.3rem;
		justify-content: space-between;
		align-items: center;
	}
	.pnBtnGroupInner .swiper-button-prev,
	.pnBtnGroupInner .swiper-button-next{
		width: 5.3rem;
		height: 5.3rem;
	}
	.pnBtnGroupInner .swiper-button-prev:after,
	.pnBtnGroupInner .swiper-button-next:after{
		height: 10px;
        width: 14px;
	}
}

/*-----------------------------------------
# 메인 INFORMATION
-------------------------------------------*/
.maMediaWrap.information{
	background: linear-gradient(0deg, #000 0%, #333 100%), #FFF;
}
.swiper.mainInformationSwiper {
    overflow: unset !important;
}

/*-----------------------------------------
# 메인 green partners
-------------------------------------------*/
.ma_partwrap{
	width:100%;
	position:relative;
	padding:10rem 0;
	background: #000;
	overflow:hidden;
}
.ma_partSideBox{
	position: relative;
    z-index: 2;
    box-sizing: border-box;
    max-width: 172rem;
    padding: 0 4rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.ma_partwrap .zetTitle strong{margin: 0;color:#fff}
.ma_partwrap .zetTitle h2{color:#fff}


.overseas{
	position:relative;
	margin:6rem 0 0 0;
}
.overseas .swiper-slide{
	background:#000;
}
.swiper.partSwiper {overflow: unset;}
.mpartnerImg {background:#000;overflow:hidden;display: flex;
border-radius: 1.2rem;
height:auto; 
	/* mix-blend-mode: multiply; */
}
.mpartnerImg img {
    width: 100%;
    height: auto;
    /* border-radius: 1rem; */
    overflow: hidden;
}
.partSwiper .swiper-wrapper {transition-timing-function: linear;}
.partSwiper02 {margin-top:2rem;}
.partSwiper03 {margin-top:2rem;}
.partSwiper04 {margin-top:2rem;}
@media screen and (max-width: 1600px) {
	.ma_partwrap {
		padding: 12rem 0;
	}
}
@media screen and (max-width: 1400px) {
	.partSwiper02 {margin-top:1rem;}
	.partSwiper03 {margin-top:1rem;}
	.partSwiper04 {margin-top:1rem;}
	
	.mpartnerImg {
		border-radius: 1.3rem;
	}
}
@media screen and (max-width: 991px) {
	.ma_partwrap {
		padding: 10rem 0;
	}
	.ma_partSideBox {
		padding: 0 2rem;
	}
	.partSwiper02 {margin-top:1rem;}
	.partSwiper03 {margin-top:1rem;}
	.partSwiper04 {margin-top:1rem;}
	
	.mpartnerImg {
		border-radius: 1rem;
	}
}
@media screen and (max-width: 767px) {
	.ma_partwrap {
		padding: 5rem 0;
	}
	.overseas {
		margin: 3rem 0 0 0;
	}
	.partSwiper02 {margin-top:0.9rem;}
	.partSwiper03 {margin-top:0.9rem;}
	.partSwiper04 {margin-top:0.9 rem;}
	
	.mpartnerImg {
		border-radius: 1.6rem;
	}
}
@media screen and (max-width: 450px) {
	.mpartnerImg {
		border-radius: 0.6rem;
	}
}
/*-----------------------------------------
# 메인 뉴스룸
-------------------------------------------*/
.mainnewsWrap{
	position:Relative;
	width:100%;
	padding:10rem 0;
	overflow:hidden;
}
.manewsSideBox{
	max-width: 172rem;
    padding: 0 4rem;
	margin:0 auto;
}
.mainnewsWrap .zetTitle{
	margin: 0 0 8rem 0;
}
.mainnewsWrap .zetTitle strong {
    margin: 0 0 0rem 0;
	color:#fff;
}
.mainnewsWrap .zetTitle h2 {
	color:#fff;
}

.mainNewsInner{
	width:100%;
	position:relative;
	display:flex;
	gap:8rem;
}
.mainNewsInner .zetBtn {
    margin: 3rem 0 0 0;
}
.mainNewsInner .zetBtn a {
    color: #FFF;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.03);
}
.mainNewsInner .zetBtn a span {
    background-image: url(/public/img/zettax/common/zetbtn_arrow_white.png);
}

.mnwLeft {
    position: relative;
    width: 39.7%;
}

.mnwRight {
    position: relative;
    width: 60.3%;
}
.mnewslist table {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
    font-size: 14px;
    border-collapse: collapse;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mnewslist thead tr td {
    padding: 0;
    color: #000;
    text-align: center;
    font-family: pretendard-600;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 7rem;
    border: 0;
    border-bottom: 1px solid #000;
}
.mnewslist thead tr td.list-uid {
    width: 10rem;
    padding: 0 2rem 0 2rem;
}
.mnewslist thead tr td.list-title {
    width: auto;
}
.mnewslist thead tr td.list-date {
    width: 14rem;
    padding: 0 2rem 0 0;
}
.mnewslist table tr {
    border: 0;
    background-color: transparent;
    transition-duration: 0.3s;
}
.mnewslist table tbody{
	width:100%;
}
.mnewslist table tbody tr td {
	vertical-align: middle;
    padding: 2.7rem 0;
    word-break: break-all;
    border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mnewslist table tbody tr:hover .tdtitle h3{
	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;
}

.mnewslist table td.tdtitle a {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: flex-start;
}
.mnewslist table td.tdtitle h3 {
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	padding: 0 3rem 0 3rem;
	color: #FFF;
	font-family: pretendard-400;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.6rem;
}
.mnewslist table td.tddate{
	text-align:center;
	color: #AAA;
	font-family: pretendard-600;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.2rem;
	padding: 0 3rem 0 0rem;
} 
.mnewslist table td .modate{
	display:none;
}


@media (max-width:1600px) {
	.mainNewsInner {
		gap: 4rem;
	}
	.mnewslist table td.tdtitle h3 {
		padding: 0 3rem 0 3rem;
		font-size: 2.2rem;
		line-height: 4.6rem;
	}
}
@media (max-width:991px) {
	.manewsSideBox {
		padding: 0 2rem;
	}
	.mainnewsWrap .zetTitle {
		margin: 0 0 2rem 0;
	}
	.mainNewsInner {
		display: flex;
		gap: 0rem;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.mnwLeft {
		position: relative;
		width: 100%;
	}
	.mnwRight {
		position: relative;
		width: 100%;
	}

	.mnewslist thead tr td {
		font-size: 1.6rem;
		line-height: 6rem;
	}
	.mnewslist thead tr td.list-uid {
		width: 8rem;
		padding: 0 1rem 0 1rem;
	}
	.mnewslist thead tr td.list-date {
		width: 10rem;
		padding: 0 1rem 0 0;
	}
	
	
	.mnewslist table td.tdnotice {
		padding: 0 1rem 0 1rem;
	}
	.mnewslist table td.tdnotice span {
		padding: 0.2rem 0.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.mnewslist table td.tdnum {
		padding: 0 1rem 0 1rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.mnewslist table td.tdtitle h3 {
		padding: 0 1rem 0 1rem;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.mnewslist table td.tddate {
		font-size: 1.4rem;
		line-height: 2rem;
		padding: 0 1rem 0 0;
	}
	
	
	.mnewslist table td.notice {
		padding: 2.7rem 0 2.7rem 1rem;
	}
}
@media (max-width:767px) {
	.mainnewsWrap {
		padding: 5rem 0;
	}
	.mnewslist{
		border-top: 1px solid #111;
	}
	.mnewslist table thead{display:none;}
	
	.mnewslist table td.tdnotice,
	.mnewslist table td.tdnum,
	.mnewslist table td.tddate{display:none;}
	
	.mnewslist table td.tdtitle{
		width:100%;
		padding: 2.2rem 0;
	}
	.mnewslist table td.tdtitle a {
		display: flex;
		padding: 0;
		margin: 0;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.mnewslist table td .modate:before{
		min-width:4.5rem;
		content:'작성일';
		color: #fff;
		font-family: pretendard-400;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.mnewslist table td .modate {
		gap: 1rem;
		display: flex;
		padding: 0;
		margin: 1rem 0 0 0;
		position: Relative;
		color: #AAA;
		font-family: pretendard-500;
		font-size: 1.3rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
		align-items: center;
		justify-content: flex-start;
	}
	.mnewslist table td.tdtitle h3 {
		-webkit-line-clamp: 2;
		padding: 0;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	
	
	.mnewslist table tr.list-notice .tdtitle h3{
		padding:0 1rem;
	}
	.mnewslist table tr.list-notice .modate{
		padding:0 1rem;
	}
	
}