#main-page{
	overflow: hidden;
}

/* Split Text (plugin) */
.cm-word-split-JS {
	overflow: hidden;
	opacity: 0;
}

.cm-word-split-JS.splitting {
	opacity: 1.0;
}

.cm-word-split-JS.splitting .word {
	overflow: hidden;
	line-height: 1.2;
	display: inline-block;
	padding-bottom: 4px;
}

.cm-word-split-JS.splitting .char {
	display: inline-block;
	position: relative;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	opacity: 0;
}

.main-txt-effect{opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.animated .main-txt-effect{opacity:1; transform:translateY(0px);}
.main-txt-effect.delay01{transition-delay:0.25s;}
.main-txt-effect.delay02{transition-delay:0.5s;}
.main-txt-effect.delay03{transition-delay:0.75s;}
.main-txt-effect.delay04{transition-delay:1s;}


.co-main{color:var(--mainColor);}
.main-tit-box{}
.main-tit-box .main-tit-en{font-family: var(--font-family2); color:#222; font-size:20px; letter-spacing:-0.04em; line-height:1.5; font-weight:600;}
.main-tit-box .main-tit{font-family: var(--font-family2); color:#222; font-size:60px; letter-spacing:-0.018em; line-height:1.33; margin-bottom:30px; font-weight:bold;}
.main-tit-box .main-txt{color:#aaa; font-size:18px; letter-spacing:-0.036em; line-height:1.77; font-weight:500;}
.main-tit-box .main-link-btn{position: relative; display: flex; align-items:center; justify-content:space-between; padding:0 20px; font-size:15px; font-weight:600; box-sizing:border-box;}
.main-tit-box .main-link-btn i{font-size:24px;}
.main-tit-box .main-link-btn svg{position: absolute; top:0; left:0; width: 200px; height: 50px;}
.main-tit-box .main-link-btn span,
.main-tit-box .main-link-btn i{position: relative;}
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit{font-size:26px; margin-bottom:10px;}
	.main-tit-box .main-tit-en {font-size: 16px;}
}

/* **********************  메인 비주얼 ********************** */
#mainVisual {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	position: relative;
	background-color: #000
}

.main-visual-container {
	position: relative;
	height: 100%;
}

.main-visual-container .main-visual-wrapper {
	position: relative;
	z-index: auto;
	height: 100%
}

.main-visual-container .main-visual-swiper {
	height: 100% !important;
}

.main-visual-container .swiper-slide {
	overflow: hidden;
	background-color: #333;
}

.main-visual-container .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover !important;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	background-color: #000;
}

.main-visual-con,
.main-visual-item {
	height: 100%;
}

.main-visual-con {
	z-index: 1;
}

/* 메인 비주얼 :: 이미지 */
.main-visual-item {
	position: relative;
}

.main-visual-item .main-visual-img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transform: scale(1.08, 1.08);
}

.main-visual-item .main-visual-m-img {
	display: none;
}

.swiper-slide-active .main-visual-img {
	animation: image-zoom-out 6s 0s forwards;
}

/* 메인 비주얼 :: 영상 */
.main-visual-con video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.main-visual-container .slide-inner.video:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../images/main/main_visual_video_shadow.png)no-repeat bottom 0 left 0 / cover;
	z-index: 1;
}

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.main-visual-txt-box {
	display: flex;
	align-items: center;
	height: 100%;
}

.main-visual-txt-box .main-visual-txt-inner {
	margin-top: -40px
}

.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2 {
	opacity: 0;
}

.main-visual-txt-box .main-visual-txt1 {
	font-size: 48px;
	font-weight: 400;
	letter-spacing: -0.025em;
	color: #fff;
	margin-bottom: 1rem;
	font-family: var( --font-family2);
}

.main-visual-txt-box .main-visual-txt2 {
	font-size: 20px;
	letter-spacing: -0.055em;
	color: #fff;
	letter-spacing: -0.055em;
	line-height: 1.2em;
}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.swiper-slide-active .main-visual-txt1,
.swiper-slide-active .main-visual-txt2 {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.swiper-slide-active .main-visual-txt1 {
	animation-delay: 0.1s;
}

.swiper-slide-active .main-visual-txt2 {
	animation-delay: 0.3s;
}

.main-visual-txt-box .cm-word-split-JS.splitting .char {
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

.swiper-slide-active .main-visual-txt-box .cm-word-split-JS.splitting .char {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08, 1.08)
	}

	to {
		transform: scale(1.0, 1.0)
	}
}

@keyframes text-active-animation {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-active-animation02 {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-fade-out {
	from {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}

	to {
		opacity: 0;
		filter: Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-swiper .main-visual-pagination.swiper-pagination {
	display: flex;
	width: auto;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 7rem;
	z-index: 999;
}

.main-visual-swiper .main-visual-pagination button.swiper-pagination-bullet {
	position: relative;
	width: 5px;
	height: auto;
	background: none;
	padding-bottom: 16px;
	margin-left: 10px;
	opacity: 1;
	filter: Alpha(opacity=100);
	border-radius: 0;
}

.main-visual-swiper .main-visual-pagination button:first-child {
	margin-left: 0;
}

.main-visual-swiper .main-visual-pagination button:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 5px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-visual-swiper .main-visual-pagination .num {
	display: none;
}

.main-visual-swiper .main-visual-pagination .progress-bar {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 5px;
	background-color: #fff;
}

.main-visual-swiper .main-visual-pagination button.swiper-pagination-bullet-active {
	width: 60px;
}

.main-visual-swiper .main-visual-pagination button.swiper-pagination-bullet-active:before {
	background: rgba(255, 255, 255, 0.2);
}

/* **********************  메인 비주얼 ********************** */
@media all and (max-width: 1280px) {

	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual) {
		height: auto !important;
	}

	#fullpage .fp-section .fp-tableCell {
		height: auto !important;
	}
}

@media all and (max-width: 1024px) {
	.main-visual-txt-box .main-visual-txt-inner {
		margin-top: 0;
	}

	.main-visual-swiper .main-visual-pagination.swiper-pagination {
		top: auto;
		bottom: 20%;
	}
}

@media all and (max-width: 800px) {
	.main-visual-item .main-visual-pc-img {
		display: none;
	}

	.main-visual-item .main-visual-m-img {
		display: block;
	}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-txt-box {
		align-items: end;
	}

	.main-visual-txt-inner {
		position: relative;
		bottom: 25%;
	}

	.main-visual-txt-box .main-visual-txt1 {
		font-size: 24px;
	}

	.main-visual-swiper .main-visual-pagination.swiper-pagination {
		top: auto;
		bottom: 9%;
	}
}

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


/* -------- 메인 컨텐츠 :: 컨텐츠1() -------- */
#mainCompany{position: relative; /* padding:60px 0; */ }
.main-company-wrap{position: relative; height:100%;}
.main-company-wrap .main-tit-box{position: absolute; /*top:50px;*/top:-50px; left:50%; transform:translateX(-50%); }
.main-company-wrap .main-tit-box .main-tit-en {color: var(--mainColor);}
.main-company-list{display: flex; align-items: flex-end; height:100%;}
.main-company-list .list-item{position: relative; width:25%; height:100%; display: flex; align-items: flex-end; transition:var(--transition-custom2); }
.main-company-list .list-item:before{position: absolute; content:''; width:1px; height:100%; right:0; background:#eee; transition:all 0.8s ease; }
.main-company-list .list-item:last-child:before{display: none;}
.main-company-list .list-item .inner{display: flex; flex-direction:column; align-items:center; justify-content: flex-end; text-align:center; padding:90px 0; box-sizing:border-box; width:100%; max-width: none;}
.main-company-list .list-item .txt-box{margin-bottom:60px; transition:var(--transition-custom2); padding:0 10px; box-sizing:border-box;}
.main-company-list .list-item .txt-box .tit{font-size:36px; line-height:1.8; letter-spacing:-0.02em; color:#000; margin-bottom:10px; font-weight:600; }
.main-company-list .list-item .txt-box .txt{font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#666;}
.main-company-list .list-item .img-box{position: relative; width:100%;}
.main-company-list .list-item .img-box .img{position: relative; width:100%; height:300px; margin:auto; overflow:hidden; transition:var(--transition-custom);}
.main-company-list .list-item .img-box .img img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:480px; height:300px;}
.main-company-list .list-item .img-box .icon{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%); width:80px; height:80px; border-radius:50%; background:#fff; display: flex; align-items:Center; justify-content:center; font-size:24px; color:#000; transition: all 0.3s;}

.main-company-list .list-item .img-box:hover .icon{background: var(--mainColor); color: #fff;}

@media all and (min-width:1281px){
	
}


.main-company-list .list-item:nth-child(1){transition-delay:0.6s;}
.main-company-list .list-item:nth-child(2){transition-delay:0.4s;}
.main-company-list .list-item:nth-child(3){transition-delay:0.5s;}
.main-company-list .list-item:nth-child(4){transition-delay:0.3s;}

/* .main-company-list .list-item:nth-child(1):before{transition-delay:0.8s;}
.main-company-list .list-item:nth-child(2):before{transition-delay:0.6s;}
.main-company-list .list-item:nth-child(3):before{transition-delay:0.4s;}
.main-company-list .list-item:nth-child(4):before{transition-delay:0.2s;} */


.main-company-bg{position: absolute; top:0; left:0; width:100%; height:100%; z-index:9; pointer-events: none; display: flex;}
.main-company-bg span{display: block; width:25%; height:100%; background:#fff; transition:all 0.8s ease-out;}
.main-company-bg span:nth-child(1){transition-delay:0.55s}
.main-company-bg span:nth-child(2){transition-delay:0.35s}
.main-company-bg span:nth-child(3){transition-delay:0.45s}
.main-company-bg span:nth-child(4){transition-delay:0.25s}
.animated .main-company-bg span{height:0;}

/* -------- 메인 컨텐츠 :: 컨텐츠1() -------- */
@media all and (min-width:1281px){
	.down .main-company-list .list-item{transform:translateY(100px);}
	.down .main-company-list .list-item .txt-box{transform:translateY(100px); opacity:0;}
	.down .main-company-list .list-item:before{height:0;}
	
	.up .main-company-list .list-item{transform:translateY(-100px);}
	.up .main-company-list .list-item .txt-box{transform:translateY(-100px); opacity:0;}
	.up .main-company-list .list-item:before{height:0;}
}
@media all and (max-width:1280px){
	.main-company-wrap .main-tit-box{/* top:90px; */}
	.main-company-list{flex-wrap:wrap; gap: 40px 0;}
	.main-company-list .list-item{width:50%;}
	.main-company-list .list-item:nth-child(-n+2){/* padding-top:150px; */ padding-top:50px;}
	.main-company-list .list-item .inner{padding:0 0 90px;}
	.main-company-list .list-item .txt-box{margin-bottom:20px; }
}

@media all and (max-width:768px) {
	.main-company-wrap .main-tit-box{/* top:90px; */ top:0px;}
	.main-company-list .list-item .inner{padding:0;}

	.main-company-list .list-item .txt-box .tit{
		font-size: 26px;
	}
}

@media all and (max-width:480px){
	.main-company-list .list-item{width:100%;}
	.main-company-list .list-item:nth-child(2){padding-top:0;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
#mainIntro{overflow: hidden;}
.main-intro-tit-box{width:70%; margin-bottom:55px;}
.main-intro-tit-box .tit{font-family: var(--font-family2); font-size:50px; line-height:1.4; letter-spacing:-0.065em; color:#000; font-weight:600; margin-bottom:30px;}
.main-intro-tit-box .txt{font-size:19px; line-height:1.78; letter-spacing:-0.065em; color:#111; font-weight:500;}

.main-intro-con{position: relative; height:481px;}
.main-intro-con .bg{position: absolute; content:''; left:50%; bottom:0; transform:translateX(-50%); width:1920px; height:481px;}
.main-intro-con .bg span{display: block; width:0; height:481px; background:no-repeat left top; background-size:cover; background-image:url('../../images/main/main_intro_bg.png'); transition:all 1.5s;}

.main-intro-con .main-intro-list{position: relative; display: flex; justify-content:space-between; width:50%; margin:auto; margin-right:0;}
.main-intro-con .main-intro-list .list-item{position: relative; text-align:center; opacity:0; transition:var(--transition-custom2);}
.main-intro-con .main-intro-list .list-item .icon{position: relative; width:144px; height:144px; border-radius:50%; margin:auto; background: var(--mainColor);}
.main-intro-con .main-intro-list .list-item .icon:before{position: absolute; content:''; top:50%; left:50%; transform:translate(-50%, -50%); width:120px; height:120px; border-radius:50%; background:#fff;}
.main-intro-con .main-intro-list .list-item .icon img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; transition:var(--transition-custom); width: 70px;}
.main-intro-con .main-intro-list .list-item .txt-box{margin-top:25px;}
.main-intro-con .main-intro-list .list-item .txt-box .tit{font-size:60px; line-height:1.36; letter-spacing:-0.035em; color:#000; font-weight:800;}
.main-intro-con .main-intro-list .list-item .txt-box .tit em{font-size:19px; line-height:1.57; letter-spacing:-0.035em; color:#000; font-weight:500;}
.main-intro-con .main-intro-list .list-item .txt-box .txt{font-size:16px; line-height:1.3; letter-spacing:-0.05em; color:#000;}

.main-intro-con .main-intro-list .list-item:nth-child(1){margin-left:-72px; margin-top:50px;}
/* .main-intro-con .main-intro-list .list-item:nth-child(1) .icon{background:#f1700c;} */
.main-intro-con .main-intro-list .list-item:nth-child(2){margin-top:-100px;}
/* .main-intro-con .main-intro-list .list-item:nth-child(2) .icon{background:#e21444;} */
.main-intro-con .main-intro-list .list-item:nth-child(3){margin-right:180px; margin-top:10px;}
/* .main-intro-con .main-intro-list .list-item:nth-child(3) .icon{background:#ec203a;} */

/* animated */
.main-intro-con.animated .bg span{width:1920px;}
.main-intro-con.animated .main-intro-list .list-item{opacity:1;}
.main-intro-con.animated .main-intro-list .list-item:nth-child(1){transition-delay:0.3s;}
.main-intro-con.animated .main-intro-list .list-item:nth-child(2){transition-delay:0.4s;}
.main-intro-con.animated .main-intro-list .list-item:nth-child(3){transition-delay:0.5s;}

/* hover */
.main-intro-con .main-intro-list .list-item .icon:hover img{transform:translate(-50%, -50%) rotateY(360deg);}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
@media all and (min-width:1921px){
	.main-intro-con{height:25.05vw;}
	.main-intro-con .bg{width:100vw; height:25.05vw;}
}
@media (min-width:801px) and (max-width:1024px){
	.main-intro-con .main-intro-list .list-item .icon{width:194px; height:194px;}
	.main-intro-con .main-intro-list .list-item .icon:before{width:120px; height:120px;}
}
@media all and (max-width:1280px){
	.main-intro-con .main-intro-list{width:100%;}
	.main-intro-con .main-intro-list .list-item:nth-child(1){margin-left: 80px; margin-top: 240px;}
	.main-intro-con .main-intro-list .list-item:nth-child(2){margin-left: 0; margin-top: 50px;}
	.main-intro-con .main-intro-list .list-item:nth-child(3){margin-right: 100px; margin-top: -60px;}
}
@media all and (max-width:800px){
	.main-intro-tit-box{width:100%;}
	.main-intro-tit-box .tit{font-size:40px; margin-bottom:50px;}
	.main-intro-tit-box .txt{font-size:18px;}

	.main-intro-con{height:auto;}
	.main-intro-con .bg{display: none;}
	.main-intro-con .main-intro-list{display: block;}
	.main-intro-con .main-intro-list .list-item{display: flex; align-items:center; margin-top:0 !important; margin-left:0 !important; margin-bottom:30px; text-align:left;}
	.main-intro-con .main-intro-list .list-item:last-child{margin-bottom:0;}
	.main-intro-con .main-intro-list .list-item .icon{margin:0; width:110px; height:110px;}
	.main-intro-con .main-intro-list .list-item .icon:before{width:85px; height:85px;}
	.main-intro-con .main-intro-list .list-item .icon img{width: 52px;}
	.main-intro-con .main-intro-list .list-item .txt-box{margin-top:0; padding-left:45px; box-sizing:border-box; width:calc(100% - 110px);}
	.main-intro-con .main-intro-list .list-item .txt-box .tit{font-size:45px;}
	.main-intro-con .main-intro-list .list-item .txt-box .txt{font-size:15px;}
}

@media all and (max-width:600px){
	.main-intro-tit-box .tit{font-size:32px; margin-bottom:40px;}

}


@media all and (max-width:480px){
	.main-intro-tit-box .tit{font-size:26px; margin-bottom:30px;}
	.main-intro-tit-box .txt{font-size:16px;}

}

/* -------- 메인 컨텐츠 :: Product() -------- */
#mainProduct{background:#f5f5f5; overflow:hidden; }
.main-board-wrap .main-board-top-box{display: flex; justify-content:space-between; align-items:flex-end; transform:translateY(100px); transition:var(--transition-custom2);}
.main-board-wrap .main-tit-box{text-align:left;}
.main-board-wrap .main-tit-box .main-tit{color:#000;}
.main-board-wrap .main-tit-box .main-txt{color:rgba(0,0,0,0.5);}

.main-board-arrow-wrap{display: flex;}
.main-board-arrow-wrap .slick-arrow{position: relative; display: flex; align-items:center; height:60px; margin-right:20px;}
/* .main-board-arrow-wrap .slick-arrow:before{position: absolute; content:''; width:60px; height:60px; border:2px solid #000; box-sizing:border-box; opacity:0; transition:var(--transition-custom);} */
.main-board-arrow-wrap .slick-arrow span{display: block; width:102px; height:13px; background:no-repeat center; background-size:cover; opacity:1; transition:var(--transition-custom);}
.main-board-arrow-wrap .slick-arrow.slick-prev:before{top:0; left:-25px;}
.main-board-arrow-wrap .slick-arrow.slick-prev span{background-image:url('../../images/main/main_left_arrow.svg');}
.main-board-arrow-wrap .slick-arrow.slick-next:before{top:0; right:-25px;}
.main-board-arrow-wrap .slick-arrow.slick-next span{background-image:url('../../images/main/main_right_arrow.svg');}

.main-board-arrow-wrap .slick-arrow.slick-disabled span{opacity:0.2;}

.main-board-list{margin:90px -70px 0 -30px; transform:translateX(120%); transition:all 2s;}
.main-board-list .list-item{margin:0 30px;}
.main-board-list .list-item .img-box{transition:var(--transition-custom); overflow:hidden;}
.main-board-list .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:100%; background:#fff;}
.main-board-list .list-item .img-box span img{position: absolute;/* width:100%; */height: 100%;top: 50%;/* bottom:0; */left: 50%;/* right:0; */margin:auto;transform: translate(-50%, -50%);}
.main-board-list .list-item .img-box span svg{width:75%; max-width:240px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-board-list .list-item .txt-box{margin-top:35px;}
.main-board-list .list-item .txt-box .category{font-size:15px; line-height:1.5; letter-spacing:-0.03em; color:var(--mainColor); font-weight:400; margin-bottom:10px;}
.main-board-list .list-item .txt-box .tit{font-size:20px; line-height:1.5; letter-spacing:-0.02em; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.main-board-list .slick-list{overflow:visible;}
.main-board-list .list-item.slick-cloned{opacity:0;}
.main-board-list .list-item.slick-active + .list-item.slick-cloned{opacity:1;}

/* animated */
.animated .main-board-wrap .main-board-top-box{transform:translateY(0px); transition-delay:0.25s}
.animated .main-board-list{transform:translateX(0px);}

@media all and (min-width:1281px){
	.main-board-list .list-item:hover .img-box{border-radius:50%;}
}

/* -------- 메인 컨텐츠 :: Product() -------- */
@media all and (min-width:801px){
	.main-board-list .list-item a:hover .img-box{box-shadow: 20px 20px 60px #0000001A;}
	/* .main-board-arrow-wrap .slick-arrow:hover:before{opacity:1}
	.main-board-arrow-wrap .slick-arrow:hover span{opacity:1;} */
}
@media all and (max-width:1280px){
	.main-board-list{margin:90px -30px 0;}
}
@media all and (max-width:800px){
	.main-board-wrap .main-board-top-box{display: block;}
	.main-board-wrap .main-tit-box{text-align:center;}
	.main-board-wrap .main-tit-box .main-txt{display: none;}
	.main-board-arrow-wrap{width:100%; justify-content: space-between; margin-top:50px;}
	.main-board-arrow-wrap .slick-arrow{height:auto; margin-right:0;}
	.main-board-arrow-wrap .slick-arrow:before{display: none;}
	.main-board-arrow-wrap .slick-arrow span{width:100px;}

	.main-board-list{margin:60px -10px 0}
	.main-board-list .slick-list{overflow:hidden;}
	.main-board-list .list-item{margin:0 10px;}
}

/* -------- 메인 컨텐츠 :: Contact -------- */
#mainContact{overflow: hidden;}
.mainContact-banner{position: relative; border-radius:60px; overflow:hidden; width:100%; height:400px; padding:100px 0; box-sizing:border-box;}
.mainContact-banner .bg{position: absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:100%; background:no-repeat center bottom; background-size:cover; background-image:url('../../images/main/main_contact_bg.jpg');}
.mainContact-banner .banner-con{position: relative; display: flex; justify-content:space-between; max-width:1200px; margin:auto;}
.mainContact-banner .banner-con .tit-box{}
.mainContact-banner .banner-con .tit-box .tit-en{font-size:20px; line-height:1.7; letter-spacing:-0.025em; color:rgba(255,255,255,0.7); font-weight:500;}
.mainContact-banner .banner-con .tit-box .tit{font-family: var(--font-family2); font-size:70px; line-height:1.44; letter-spacing:-0.035em; color:#fff; font-weight:700;}
.mainContact-banner .banner-con .link-box{margin-top:60px;}
.mainContact-banner .banner-con .link-box a{display: flex; align-items: flex-start; justify-content: flex-end; font-size:18px; line-height:1.66; letter-spacing:-0.035em; color:#fff; font-weight:600; text-align:right; margin-bottom:17px;}
.mainContact-banner .banner-con .link-box a i{font-size:28px; color:var(--mainColor); margin-left:2.70px; transition:var(--transition-custom);}
.mainContact-banner .banner-con .link-box a:last-child{margin-bottom:0;}

.mainContact-con{display: flex; max-width:1520px; margin:90px auto;}
.mainContact-news{width:53.61%; padding-right:135px; box-sizing:border-box;}
.mainContact-news-list{max-height:150px;}
.mainContact-news-list .list-item{}
.mainContact-news-list .list-item .category{display: block; font-size:24px; line-height:1.75; letter-spacing:-0.035em; color:var(--mainColor); font-weight:600; margin-bottom:10px;}
.mainContact-news-list .list-item .tit{font-size:27px; line-height:1.55; letter-spacing:-0.05em; color:#000; font-weight:600; margin-bottom:22px; overflow: hidden;}
.mainContact-news-list .list-item .txt{font-size:17px; line-height:1.76; letter-spacing:-0.035em; color:#555; overflow: hidden;}

.mainContact-career{position: relative; width:46.39%; padding:0 130px 100px; box-sizing:border-box;}
.mainContact-career:before{position: absolute; content:''; width:1px; height:calc(100% + 20px); background:#eee; left:0; top:-20px; }
.mainContact-career .txt-bg{font-family: var(--font-family2); font-size:80px; letter-spacing:-0.035em; color:rgba(0,0,0,0.08); font-weight:700; margin-left:-50px;}
.mainContact-career .tit{font-family: var(--font-family2); font-size:34px; line-height:1.42; letter-spacing:-0.035em; color:#000; font-weight:700; margin-top:-30px; }
.mainContact-career a{display: flex; align-items: flex-start; font-size:18px; line-height:1.66; letter-spacing:-0.035em; color:#000; font-weight:600; margin-top:70px;}
.mainContact-career a i{font-size:28px; color:var(--mainColor); margin-left:27px; transition:var(--transition-custom);}

.news-btn-wrap{margin-top:70px;}
.news-btn-wrap .slick-arrow{margin-right:24px;}
.news-btn-wrap .slick-arrow img{transition:var(--transition-custom); opacity:0.24;}
.news-btn-wrap .slick-arrow:hover img{opacity:1;}


/* hover */
.mainContact-banner .banner-con .link-box a:hover i,
.mainContact-career a:hover i{transform:scale(1.2);}



/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
@media all and (min-width:801px){
	.mainContact-news-list .list-item .tit,
	.mainContact-news-list .list-item .txt{text-overflow: ellipsis; white-space: nowrap;}
}
@media all and (max-width:1640px){
	.mainContact-news-list{max-height:auto;}
	.mainContact-banner .banner-con{max-width:none; width:100%; padding:0 var(--area-padding); box-sizing:border-box;}
}
@media all and (max-width:1280px){
	.mainContact-banner{width:calc(100% + (2 * var(--area-padding))); margin-left:calc(-1 * var(--area-padding)); border-radius:0;}

	.mainContact-news{width:50%; padding-right:50px;}
	.mainContact-career{width:50%; padding:0 80px 100px;}
}
@media all and (max-width:800px){
	.mainContact-banner{padding:50px 0 230px; height:auto; background:#f0efed}
	.mainContact-banner .bg{left: 50%; width: 1740px; /* height: 350px; */ background-size: contain;}
	.mainContact-banner .banner-con{display: block;}
	.mainContact-banner .banner-con .tit-box{width:100%;}
	.mainContact-banner .banner-con .tit-box .tit-en{font-size:1.60px;}
	.mainContact-banner .banner-con .tit-box .tit{font-size:45px;}
	.mainContact-banner .banner-con .link-box{margin-top:20px;}
	.mainContact-banner .banner-con .link-box a{justify-content: flex-start; text-align:left; margin-bottom:10px; font-size:17px;}
	.mainContact-banner .banner-con .link-box a span{/* width:50%; */}
	.mainContact-banner .banner-con .link-box a i{margin-left:5ㅔㅌ;}


	.mainContact-con{display: block; margin:70px 0;}
	.mainContact-news{width:100%; padding-right:0; margin-bottom:50px;}
	.mainContact-news-list .list-item .category{font-size:20px;}
	.mainContact-career{width:100%; padding:50px 0 0;}
	.mainContact-career:before{width:100%; height:1px; top:0; left:0;}
	.mainContact-career .txt-bg{margin-left:-15px;}
	.mainContact-career a{margin-top:40px;}

	.news-btn-wrap{margin-top:80px;}


	.mainContact-news-list .list-item .tit,
	.mainContact-news-list .list-item .txt{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}
@media all and (max-width:480px){
	.mainContact-banner{padding:50px 0 130px}
	.mainContact-banner .bg{left: 67%; /* height: 280px; */}
}