@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
/* 메인 스크롤 바 */
.main-page-body::-webkit-scrollbar {display:none;}
/* 메인비주얼 :: Background */
.main-cover{width: 100%; height: 100%; position: absolute; z-index: 9999; top: 0; left: 0; opacity: 1;  background-color: #000; transition:all 0.4s;}

/* 메인 헤더 */
.main-page #header {transition:var(--custom-transition2); position: fixed;  margin-top:0;}
.main-page #header .logo {transition:transform ease-out 0.5s; transform:translateX(0);}
.main-page #header .logo img.logo_on {opacity:0;}
.main-page #header .logo img.logo_off {opacity:1;}
.main-page #header .logo.on img.logo_on {opacity:1;}
.main-page #header .logo.on img.logo_off {opacity:0;}
.main-page #header.hide .logo {transform:translateX(-12rem);}
.main-page #header.hide .logo img.logo_on {opacity:1;}
.main-page #header.hide .logo img.logo_off {opacity:0;}

.main-page #header.hide .logo.on img {opacity:0;}
.main-page #headerInnerWrap {top:calc(-1 * (var(--header-height)));  opacity:0;}
.main-page #headerInnerWrap.active {top:0; opacity:1;}

.main-page #header.gnb-open .logo img.logo_on {opacity:1;}
.main-page #header.gnb-open .logo img.logo_off {opacity:0;}

/* 메인 gnb */
.main-page #gnb > ul > li > a {color:#fff;}

/* 메인 탑버튼 , 문의버튼 */
.main-footer-quick {width: 9.6rem; position: fixed; bottom: -7rem; right: 0; display: flex; justify-content: center; z-index: 99; transition: var(--transition-custom);}
.main-footer-quick.active {bottom:2.55rem;}
.main-footer-quick.active .list-item:nth-child(1) {top:-8rem;}
.main-footer-quick.hide {bottom:-20rem;}

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh !important; /* height:calc(100vh - var(--header-height)); */ position:relative; background-color:#000 }
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.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;} */
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px;
	bottom:17rem;
	width:100%; 
	/* height:100%; */
	z-index:1;
}

.main-visual-txt-con .cm-word-split-JS.splitting .word {line-height:0.766em;}

.main-visual-txt-inner {display:flex;}

.main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
	padding:0 16rem;
}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2,
.main-visual-txt-box .main-visual-txt3,
.main-visual-txt-box .main-visual-more-btn{
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:9.8rem; font-weight:600; color:#fff; }
.main-visual-txt-box .main-visual-txt1 > em {display: block; color:var(--main-color);}
.main-visual-txt-box .main-visual-txt2{font-size:1.8rem; letter-spacing:-0.05em; align-self:flex-end; line-height:1.667em; color:rgba(255,255,255,0.8); margin-bottom: 10px; /* margin-left:50px; */ margin-left: -25px;}
.main-visual-txt-box .main-visual-txt3{font-size:1.8rem; letter-spacing:-0.025em; color:rgba(255,255,255,0.7); line-height:1.5; margin-bottom:1.66em; }
.main-visual-txt-box .main-visual-more-btn{display:inline-block; font-size:1.6rem; color:#333; padding:1.5rem 3rem; border-radius:3rem; background-color:#fff;}
/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,
.active-item .main-visual-txt3,
.active-item .main-visual-more-btn{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.3s;}
.active-item .main-visual-txt2{animation-delay:0.5s;}
.active-item .main-visual-txt3{animation-delay:0.8s;}
.active-item .main-visual-more-btn{animation-delay:0.8s;}
.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;}
.active-item .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;}

/* 2번째 슬라이드 텍스트 위치 */
.main-visual-item:nth-of-type(2) .main-visual-txt-box .main-visual-txt2 {margin-left:50px;}

/* 메인 비주얼 :: 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-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; bottom:20px; width:100%; text-align:left; z-index:11; }
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; }
.main-visual-con .slick-dots li{float:left; margin-left:5px; }
.main-visual-con .slick-dots li:first-child{margin-left:0}
.main-visual-con .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:12px; height:12px; background-color:#fff; font-size:0; opacity:0.8;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.main-visual-con .slick-dots li.slick-active button{background-color:#000; opacity:1.0; }

/* 메인 비주얼 :: pause,play */
.main-visual-con .slick-control-btns{display:inline-block; vertical-align:top; margin-left:5px; }
.main-visual-con .slick-control-btns button{color:#fff; vertical-align:top;}
.main-visual-con .slick-control-btns button i{vertical-align:top; font-size:14px; position:relative; top:-1px;}
.main-visual-con .slick-control-btns .slick-play-btn{display:none;}

/* 메인 비주얼 :: 화살표 */
.main-visual-con .slick-arrow{	position:absolute; width:50px; top:50%;transform:translateY(-50%); border:0; cursor:pointer; z-index:9; font-size:50px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.main-slide-arrow-box .slick-arrow {font-size:}

/* 메인 비주얼 :: 카운터 */
.main-visual-conuter{z-index:11; font-size:14px; color:#fff; letter-spacing:-0.5px; }
.main-visual-conuter span,
.main-visual-conuter .middle{display:inline-block; vertical-align:middle; font-size:1.6rem;}
.main-visual-conuter .middle{margin:0 10px}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:55px; left:50%; margin-left:-40px; text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
.main-scroll-icon span{display:block; color:#fff; padding-bottom:5px; letter-spacing:-0.5px; font-weight:300; }
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

/* 메인 비주얼 :: 아래 nav bar */
.main-slide-nav-container {position:absolute; /* bottom:0; */ bottom:-9.7rem; width:100%; height: 9.7rem; z-index:999; backdrop-filter:blur(3px); background: rgba(0,0,0,0.1); transition:bottom ease-out 1s 0.4s; } 
.main-slide-nav-container.active {bottom:0;}
.main-slide-nav-container .main-nav-inner {display:flex; align-items:center; height:100%; font-family:var(--font-family2); padding:0 16rem;}
.main-slide-arrow-box {margin-top:5px;}
.main-slide-arrow-box .slick-arrow {color:#fff; font-size:1.8rem; transition:all 0.4s ease-out;}
.main-slide-arrow-box .slick-arrow.slick-disabled {color:rgba(255,255,255,0.4);}
.main-slide-arrow-box .slick-prev {margin-right: 1rem;}

/* 메인 비주얼 :: 프로그래스바 */
.main-progress-bar {position: relative; width: 100%; height: 1px; background: rgba(255,255,255,0.15);}
.main-progress-bar > span {position:absolute; left:0; bottom:0; width: 0; display: block; background: var(--main-color); height: 100%; transition:all 0s linear;}
.main-progress-bar span.active {width: 100%;}
/* 메인 비주얼 :: nav 슬라이드 타이틀 */
.main-slide-title {font-size:1.5rem; color:rgba(255,255,255,0.7); margin:0 3rem;}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:55px; letter-spacing:-0.75px; text-align:left;}
.main-tit-box .main-tit{color:#000; font-size:7.6rem; font-weight:600; letter-spacing:-0.01em;}
.main-tit-box .main-tit > strong {color:#084be9; font-weight:600;}
.main-tit-box .main-tit .highlight {display:inline-block; margin-top:-2rem;}
.main-tit-box .main-sub-tit{display:block; margin-top:15px; color:#000; font-size:30px; letter-spacing:-0.04em; font-weight:500; line-height:1.5; }
.main-tit-box .main-sub-tit.en {font-size:1.8rem; font-weight: 400;}
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
}
.main-sub-txt {font-size:1.8rem; letter-spacing:-0.04em; color:#6d80a1; line-height:1.667em; margin-top: 2rem;}
.main-sub-txt.splitting .char {transition-delay:0s !important;}
.main-txt-effect.splitting .char {-webkit-animation:text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation:text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-tit-box.animated .main-txt-effect.splitting .char {animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

 /* transition일때 */ 
.main-tit-box.animated .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}

@media all and (max-width:1660px){
	.main-visual-txt-box {padding:0 var(--area-padding);}
	.main-slide-nav-container .main-nav-inner {padding:0 var(--area-padding);}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1 (솔루션) -------- */
#mainSolutionCon {height: 100vh; max-height: 980px; background:url(/images/main/main_01_bg.jpg) no-repeat; background-size:cover; display:flex;}
.main-solution-container {width: 100%; display:flex; position: relative;}
.main-solution-left .main-tit-box {width: 40%;}
.solution-item-swiper {margin:-5rem -2rem; /* padding-left:4rem !important; */}
.main-solution-left {position:absolute; left:0; top:34rem; width: 100%;}
.main-solution-left .main-solution-wrap {/* padding:0 26rem; */ /* max-width:1400px; margin:0 auto; */}
.main-solution-right {/* width: 57.29%; */ width: 56.29%; width:calc(100% - (640px + ((100% - 1600px) / 2))); overflow:hidden; margin:22.3rem 0 0 auto; padding-top:4rem;}
.main-solution-right .solution-item-wrapper {height: 100%;}
.solution-item-slide {margin:0 2rem 0 -2rem;}
.solution-item-slide .solution-item {width: 40rem; margin:5rem 2rem;}
.solution-item-slide .solution-item a {display:block; width: 100%; height: 100%; position: relative; z-index:10; background: #01071a; top:590px; transition:top 1.5s ease-in-out; box-shadow: 7px 11px 40px 0px rgba(0, 0, 0, 0.25);}
.solution-item-slide .solution-item .bg {display:block; position: relative; padding-top:137.5%; overflow:hidden; opacity:0.2; transition:all 0.4s;}
.solution-item-slide .solution-item .bg img {position:absolute; top:0; left:0; width: 100%; height: 100%; transition:all 0.4s ease-in-out; transition-property:transform;}
.solution-item-slide .solution-item .inner-box {position:absolute; top:0; left:0; width: 100%; height: 100%; display:flex; flex-direction:column; justify-content:space-between; padding:3.5rem 4rem; box-sizing:border-box; opacity:0.2; transition:all 0.4s;}
.solution-item-slide .solution-item .inner-box-top {display:flex; flex-direction:column;}
.solution-item-slide .solution-item .inner-box-bottom {opacity:0; transition:opacity 0.4s;}
.solution-item-slide .solution-item a:hover .inner-box-bottom {opacity:1;}
.solution-item-slide .swiper-slide-active a {transition-delay:0.2s;}
.solution-item-slide .swiper-slide-next a {transition-delay:0.4s;}
.solution-item-slide .swiper-slide-next + .solution-item a {transition-delay:0.6s;}
.solution-item-slide .swiper-slide-next + .solution-item + .solution-item a {transition-delay:0.8s;}
.solution-item-slide .swiper-slide-prev a {box-shadow:none;}
.solution-item-slide .solution-item .sub-list {font-size:1.6rem; letter-spacing:-0.04em; color:#fff; display:block; line-height:1.5;}
.solution-item-slide .solution-item .sub-tit {font-size:1.4rem; letter-spacing:-0.01em; color:#2376ff; font-weight: 500; font-family:var(--font-family2);}
.solution-item-slide .solution-item .tit {font-size:3.2rem; letter-spacing:-0.04em; color:#fff; font-weight: 600; margin-top: 1rem;}
.solution-item-slide .solution-item:hover .bg img {transform:scale(1.1) rotate(0.002deg);}

#mainSolutionCon.on .solution-item-slide .solution-item a {top:0;}

@media all and (max-width:2140px){
	.main-solution-left .main-solution-wrap {max-width:1400px; margin:0 auto;}
	.main-solution-right {width: calc(100% - (560px + ((100% - 1400px) / 2)));}
}

@media all and (max-width:1500px){
	.main-solution-right {width: 59.2%;}
}


/* solution active */
.solution-item-slide .solution-item.swiper-slide-active .bg, 
.solution-item-slide .solution-item.swiper-slide-next .bg, 
.solution-item-slide .solution-item.swiper-slide-duplicate-active .bg, 
.solution-item-slide .solution-item.swiper-slide-duplicate-next .bg, 
.solution-item-slide .solution-item.swiper-slide-active .inner-box, 
.solution-item-slide .solution-item.swiper-slide-next .inner-box, 
.solution-item-slide .solution-item.swiper-slide-duplicate-active .inner-box, 
.solution-item-slide .solution-item.swiper-slide-duplicate-next .inner-box {opacity:1;}

/* solution control-box */
.solution-control-box {display:flex; margin-left:4px;}
.solution-control-box .arrow-button {cursor:pointer;}
.solution-control-box .arrow-button.swiper-button-disabled span {background: #d2d8e7;}
.solution-control-box .arrow-button.swiper-button-disabled span i {color:#d2d8e7;}
.solution-arrow-box {display:flex; align-items:center; margin-right: 3rem;}
.solution-control-box .count-box {font-size:1.6rem; color:#c4c4c4;}
.solution-control-box .count-box .cur-num {color:#000;}

.solution-arrow-box .arrow-prev {margin-right: 1.5rem;}
.solution-arrow-box .arrow-prev span {background: #000;}
.arrow-next span {background: #084be9;}
.solution-arrow-box .arrow-prev span , .arrow-next span{position: relative; display:inline-block; width: 7.6rem; height: 2px; transition:all 0.3s;}
.solution-arrow-box .arrow-button i {position:absolute; top:50%; transform:translateY(-51%); font-size:2rem; color:#084be9;}
.solution-arrow-box .arrow-prev i {left:-8px; color:#000;}
.solution-arrow-box .arrow-next i {right:-8px;}

/* -------- 메인 컨텐츠 :: 컨텐츠2 (뉴스) -------- */
#mainNewsCon {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(229,235,248,1) 30%);}
#mainNewsCon .main-tit-box {margin-bottom:35px;}
#mainNewsCon .main-tit-box .highlight {color:#084be9;}
.main-news-con {position: relative; display:flex; /* padding:6rem 0 0 0; */ padding: 6rem 0; /* max-width:1400px; margin:0 auto; */}
.main-news-left {width: 40%;   /*margin-top: 13rem; position:fixed; top:0; left:0; */ /* width: 100%; */ align-self:flex-start;}
.main-news-left-inner{padding-top: 13rem;}
.main-news-left .sub-tab-wrapper-style {height: auto; margin-bottom: 0;}
.main-news-left.fixed + .main-news-right {width: 100%;}
.main-news-left.fixed + .main-news-right .sub-tab-con {width: calc(100% - 40%); float:right;}
.main-news-left.absolute + .main-news-right {width: 100%;}
.main-news-left.absolute + .main-news-right .sub-tab-con {width: calc(100% - 40%); float:right;}
.main-news-right {width: calc(100% - 40%); transform:translateY(40rem); opacity:0; transition:transform 1.2s ease-in-out, opacity 1.2s ease-in-out;}
.main-news-right .sub-tab-con {width: 100%;}
.main-news-con.fixed .main-news-right {width: 100%;}
.main-news-con.fixed .main-news-right .sub-tab-con {width: calc(100% - 40%); float:right;}
/* .main-news-right .sub-tab-con {width: calc(100% - 40%); float:right;} */
.main-news-wrapper {display:flex; /* max-width:80.3rem; */}
.sub-tab-list-style .main-news-type {display:flex; flex-direction:column;}
.sub-tab-list-style .main-news-type li {width: 23.5rem; margin-top: 1rem; box-sizing:border-box;}
.sub-tab-list-style .main-news-type li:first-child {margin-top: 0;}
.sub-tab-list-style .main-news-type li a {display:flex; justify-content:space-between; height: 6rem;}
.sub-tab-list-style .main-news-type li a em {width: calc(100% - 6rem); color:#51679d; display: flex; align-items: center; padding-left: 2rem; box-sizing: border-box;}
.sub-tab-list-style .main-news-type li span {width: 6rem; height: 6rem; background: #a3aeca; display:flex; align-items:center; justify-content:center;}
.sub-tab-list-style .main-news-type li span i {font-size:2rem; color:#fff;}
.sub-tab-list-style .main-news-type li.selected {border-color:var(--main-color); background-color:initial; border-left: 1px solid var(--main-color);}
.sub-tab-list-style .main-news-type li.selected em {color:var(--main-color); font-weight: 600; background: #fff;}
.sub-tab-list-style .main-news-type li.selected span {background: var(--main-color);}
.sub-tab-list-style .main-news-type li.selected span i {color:#fff;}
.main-news-list {display:flex; flex-direction:column; /* width: calc((100% - 4rem) / 2); */ width: 40rem; margin-right: 4rem;}
@media all and (min-width:801px){
	.main-news-list .slick-list{overflow: visible;}
}
.main-news-list:first-of-type {margin-top: 13rem;}
.main-news-list:last-of-type {margin-right: 0;}
.main-news-list .main-news-item {/* width: 40rem; */ width: 100%; background: #fff; margin-bottom: 4rem; transition:all 0.4s ease-out;}
.main-news-list .main-news-item:last-of-type {margin-bottom: 0;}
.main-news-list .main-news-item > a {display:flex; flex-direction:column; justify-content:space-between; height:100%; min-height:57rem; box-sizing:border-box; box-shadow:7px 11px 59px 0px rgba(0, 0, 0, 0.1);}
.main-news-list .main-news-item .news-top {padding:4rem; height:calc(100% - 9rem); transition:all 0.4s ease-out;}
.main-news-list .main-news-item .news-bottom {display:flex; justify-content:space-between; /* padding:3.5rem 4rem; */ height: 9rem; box-sizing:border-box;}

.main-news-list .main-news-item .news-link {opacity:0; width: 9rem; height: 9rem; background: #07183f; display: flex; align-items: center; justify-content: center;}
.main-news-list .main-news-item .news-link i {color:#fff; font-size:2.2rem; letter-spacing:-0.01em;}
.main-news-list .news-label {display:inline-block; font-size:1.6rem; line-height:1.75em; color:#0037b8; margin-bottom: 4.5rem; transition:all 0.4s;}
.main-news-list .news-title {display:inline-block; font-size:2.4rem; letter-spacing:-0.05em; color:#000; font-weight: 600; line-height:1.417em; margin-top: 2.5rem; margin-bottom: 1.3rem; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.main-news-list .news-txt {font-size:1.6rem; letter-spacing:-0.04em; color:#88a4d7; line-height:1.75em; display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;}
.main-news-list .date {font-size:1.6rem; line-height:1.75em; color:rgba(0,0,0,0.4); width: calc(100% - 9rem); box-sizing:border-box; padding:3.5rem 4rem;}
.main-news-list .center {position: relative;}
.main-news-list .center > div {transition:all 0.4s;}
.main-news-list .center .front .img-box {position: relative; height: 0; padding-top:69.8%; width: 100%;}
.main-news-list .center .back {opacity:0; position:absolute; left:0; top:20%;}

/* 이미지 없는 경우의 공지사항 */
.main-news-list .main-news-item.no-img:hover .center .front {opacity:1;}
.main-news-list .main-news-item.no-img:hover .news-label {margin-bottom: 4.5rem;}
.main-news-list .main-news-item.no-img:hover .news-txt {color: #88a4d7;}
.main-news-list .main-news-item.no-img .news-txt {color:#888;}

/* #mainNewsCon on 일 때 슬라이드 */
#mainNewsCon.on .main-news-right {transform:translateY(0); opacity:1;}

/* 뉴스 슬라이드 box-shadow */
.news-common-slide {/* margin:-6rem;  */margin:-12rem -6rem;}
.Mnews-slide-item {/* margin:6rem; */ margin:12rem 6rem;}


/* 뉴스 슬라이드 arrow */
.news-con-arrow-container {position: relative; height: 2.5rem; margin-bottom: 8.5rem; display:none;}
.news-con-arrow-container > div {position: absolute; top:0; left:0; display:none;}
.news-con-arrow-container > div.on {display:flex;}
.main-news-arrow-box , .main-notice-arrow-box {display:flex; align-items:center;}
.main-news-arrow-box .slick-arrow , .main-notice-arrow-box .slick-arrow {display:flex; align-items:center; cursor:pointer;}
.main-news-arrow-box .slick-arrow em, .main-notice-arrow-box .slick-arrow em {display: inline-block; width: 8rem; height: 2px; background:var(--main-color); position: relative; left:-3px; top:1px;}
.main-news-arrow-box .slick-arrow.next-btn , .main-notice-arrow-box .slick-arrow.next-btn {flex-direction:row-reverse;}
.main-news-arrow-box .slick-arrow.next-btn em, .main-notice-arrow-box .slick-arrow.next-btn em {left:initial; right:-12px; transition:all 0.4s;}
.main-news-arrow-box button, .main-notice-arrow-box button {position: relative; display:block; width: 6px; height: 6px; left:3px; transition:all 0.4s;}
.main-news-arrow-box button span, .main-notice-arrow-box button span {position:absolute; top: 0; left: 0; display: inline-block; content: ""; width: 100%; height: 100%; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); transform: rotate(224deg);}
.main-news-arrow-box .slick-arrow.next-btn button span, .main-notice-arrow-box .slick-arrow.next-btn button span {border-bottom:2px solid var(--main-color); border-left:2px solid var(--main-color); border-top:0; border-right:0;}
.main-news-arrow-box .slick-arrow.slick-disabled em, .main-notice-arrow-box .slick-arrow.slick-disabled em {background:#b4bfd8;}
.main-news-arrow-box .slick-arrow.slick-disabled button, .main-notice-arrow-box .slick-arrow.slick-disabled button {color:#b4bfd8;}
.main-news-arrow-box .slick-arrow.slick-disabled button span, .main-notice-arrow-box .slick-arrow.slick-disabled button span {border-color:#b4bfd8;}

.main-notice-arrow-box button {font-size:2.1rem;}


/* 뉴스 hover 시 */
.main-news-list .main-news-item:hover {background:var(--main-color);}
.main-news-list .main-news-item:hover .news-label {color:#fff; margin-bottom: 0;}
.main-news-list .main-news-item:hover .news-title {color: #fff;}
.main-news-list .main-news-item:hover .center .back {opacity:1; top:0;}
.main-news-list .main-news-item:hover .center .front {opacity:0;} 
.main-news-list .main-news-item:hover .news-bottom {background: rgba(7,31,86,0.5);}
.main-news-list .main-news-item:hover .date {color:#9ab2e9;}
.main-news-list .main-news-item:hover .news-link {opacity:1;}

/* 모바일에서의 슬라이드 */
.main-news-container , .main-notice-container {display:none;}
/* 모바일에서의 슬라이드 arrow */
.m-news-con-arrow-container {display:none; padding-bottom:4rem; position: relative;}
.m-swiper-arrow {display:flex; position:absolute; top:0; left:0; display:none;}
.m-swiper-arrow.on {display: flex;}
.m-swiper-arrow .slick-arrow {display:flex; align-items:center;}
.m-swiper-arrow .slick-arrow.slick-disabled span {border-color:#b4bfd8 !important;}
.m-swiper-arrow .slick-arrow.slick-disabled em {background:#b4bfd8;}
.m-swiper-arrow .slick-arrow button {display: block; position: relative; width: 6px; height: 6px; left:3px;}
.m-swiper-arrow .slick-arrow span {position: absolute; top: 0; left: 0; display: inline-block; content: ""; width: 100%; height: 100%; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); transform: rotate(224deg);}
.m-swiper-arrow .slick-arrow em {display: inline-block; width: 8rem; height: 2px; background: var(--main-color); position: relative; left: -3px; top: 1px;}
.m-swiper-arrow .slick-arrow.slidePrev-btn {margin-right: 1.7rem;}
.m-swiper-arrow .slick-arrow.slideNext-btn {flex-direction:row-reverse;}
.m-swiper-arrow .slick-arrow.slideNext-btn button {right:3px; left:initial;}
.m-swiper-arrow .slick-arrow.slideNext-btn span {border-bottom: 2px solid var(--main-color); border-left: 2px solid var(--main-color); border-top:0; border-right:0;}
.m-swiper-arrow .slick-arrow.slideNext-btn em {left:initial; right:-4px;}

@media all and (max-width:2140px){
	.main-news-con {max-width:1400px;}
}

@media all and (max-width:1280px){
	.main-news-list .main-news-item > a {min-height:auto;}
}



/* -------- 메인 컨텐츠 :: 컨텐츠3 (파트너쉽) -------- */
#mainPartnershipCon {background: #e5ebf8; padding:20rem 0;}
.main-partner-con .main-tit-box {/* padding:0 26rem; */ /* max-width: 1400px; margin:0 auto 55px; */}
.main-partners-list {display:flex; flex-flow:row nowrap;}
.main-partners-list .partner-item {width: 23rem; margin:0 2rem; height: 9.4rem; background:rgba(255,255,255,0.4);}
.main-partners-list .partner-inner {width: 100%;}
.main-partners-list .partner-inner > span {display: block; width: 100%; position: relative; height: 0; padding-top:40.87%;}

.main-partners-wrap {position: relative; height: 9.4rem;}
.main-partners-roller {position:absolute; height: 100%;}

.main-partners-bottom {margin-top: 2.3rem;}

@media all and (max-width:2140px){
	.main-partner-con .main-tit-box {max-width:1400px};
}


/* -------- 메인 컨텐츠 :: 컨텐츠4-------- */
#mainInquiryCon {background: url(/images/main/main_inquiry_bg.jpg)no-repeat; background-size:cover; background-position: 80% 80%; padding:13rem 0 11rem;}
#mainInquiryCon .main-tit-box .main-tit {color:#fff;}
#mainInquiryCon .main-tit-box .main-sub-tit {color:#fff;}
.main-inquiry-wrapper {width: 44.5%;}
.main-inquiry-con {display:flex; align-items:center; justify-content:space-between; /* padding:0 26rem; */ /* max-width:1400px; margin:0 auto; */}
.main-inquiry-con .main-tit-box {width: calc(100% - 44.5%); padding-right:15%; box-sizing:border-box;}
.main-inquiry-list {display:flex;}
.main-inquiry-list .main-inquiry-item {/* width: calc((100% - 3rem) / 3); */ width: 19.7rem; height: 19.7rem; box-sizing:border-box; margin-right: 1.5rem; border:2px solid rgba(255,255,255,0.3); transition:all 0.4s;}
.main-inquiry-list .main-inquiry-item:last-of-type {margin-right: 0;}
.main-inquiry-list .main-inquiry-item a {display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: space-between; padding:2.3rem 2.5rem; box-sizing:border-box;}
.main-inquiry-list .main-inquiry-item i {font-size:2.1rem; color:rgba(255,255,255,0.2); text-align:right; transition:all 0.4s;}
.main-inquiry-list .main-inquiry-item .list-tit {font-size:2.2rem; color:#fff; font-weight: 500; line-height:1.273em;}
.main-inquiry-list .main-inquiry-item:hover {background:#1451df; border-color:#1451df;}
.main-inquiry-list .main-inquiry-item:hover i {color:#fff;}

@media all and (max-width:2140px){
	.main-inquiry-con {max-width:1400px};
}

@media all and (max-width:1280px){
	.main-inquiry-list .main-inquiry-item {width:calc((100% - 3rem) / 3); height: 0; padding-top:30.425%; position: relative;}
	.main-inquiry-list .main-inquiry-item a {position:absolute; top:0; left:0; bottom: 0; right:0;}
}