@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
.ms-preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    background-color: #000;
}

.main-wrap#wrap{position: static;}

/* ******************  메인에서의 헤더 ********************** */
.main-wrap #header {top:calc(-1 * (var(--header-height) / 1.6)); opacity:0; transition:var(--transition-custom2); transition-property: top, opacity;}
.main-wrap.active-start #header {top:0; opacity:1;}
.main-wrap.active-start #header.hide {top:-160px; opacity:0;}

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh !important;}
@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; 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; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	position:absolute;
	bottom:37px;
	display:flex;
	padding:0 160px;
}

.main-visual-txt-box .main-visual-txt-inner {display:flex; align-items:center;}

.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:130px; font-weight:700; letter-spacing:-0.03em; color:#fff;}
.main-visual-txt-box .main-visual-txt2{font-size:2.4rem; letter-spacing:-0.065em; color:#fff; margin-left: 37px;}
.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;}

.main-visual-txt-box .main-visual-txt1 > em {display: block; font-size:20px; letter-spacing:-0.01em; font-weight: 400;}
.main-visual-txt-box .main-visual-txt2 .txt2-01 {font-size:22px; letter-spacing:-0.045em; color:#fff; font-weight: 600;}
.main-visual-txt-box .main-visual-txt2 .txt2-02 {display: block; font-size:17.5px; letter-spacing:-0.055em; color:rgba(255,255,255,0.4); font-weight: 500; line-height:1.6em; margin-top: 12px;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2,{
	animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1s 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 1s cubic-bezier(0.4, 0, 0.2, 1) both;} */

/* .active-section .cm-word-split-JS.splitting .char {animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-section .main-tit {animation-delay:0.1s;}
.active-section .main-sub-txt {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.8s; opacity:1;} */

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

.section.active:not(#mainVisual) .cm-word-split-JS.splitting .char {animation: text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; /* animation-delay:0.75s; */}
.section.active:not(#mainVisual) .main-tit {animation-delay:0.1s;}
.section.active:not(#mainVisual) .main-sub-txt {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.8s; opacity:1;}

/* 메인 비주얼 :: 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);
	}
}

.main-visual-control {position:absolute; /* right: 160px; */ right: 50px; bottom:93px; z-index:10; display:flex; flex-direction:column-reverse; transition:var(--transition-custom2); opacity:0; visibility:hidden;}
.main-visual-control .slick-arrow {position:relative; width: 60px; height: 60px; border:2px solid rgba(243,243,243,0.2); border-radius:100%; text-align:center;}
.main-visual-control .slick-arrow.next {margin-bottom: 8px;}
.main-visual-control .slick-arrow i {position: relative; font-size:14px; color:#fff; line-height:62px;}
/* .main-visual-control .slick-arrow svg {width: 60px; height: 60px; position: absolute; top:0; left: 0; overflow: visible;} */
/* .circle-go {fill: rgba(255, 255, 255, 0); stroke: rgb(255, 255, 255); stroke-width: 2px; animation: paging-progress 13.5s; stroke-dasharray: 360px; stroke-dashoffset: 360;} */
.main-visual-control a svg {width: 100%; height: 100%; position: absolute; top:0; left: 0; overflow: visible; fill:none; stroke:#fff; transform:rotate(-90deg);}
.main-visual-control .circle {transform-origin:center; stroke:#fff; stroke-dasharray:408.4743; stroke-dashoffset:408.4743; stroke-width:2px;}
.main-wrap.active-start .main-visual-control {right:160px; opacity:1; visibility:visible;}

/* 메인 비주얼 :: 채워지는 원 */
@keyframes paging-progress {

	0% {stroke-dashoffset:360;}
	100% {stroke-dashoffset:0;}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{margin-bottom:55px; letter-spacing:-0.75px; text-align:left; position: relative; z-index:10;}
.main-tit-box .main-tit{color:#040404; font-size:80px; font-weight:700; letter-spacing:-0.005em; font-family:var(--font-family2);}
.main-tit-box .main-tit > .highlight {display: block; color:var(--main-color); margin-top: -20px;}
.main-tit-box .main-sub-tit{display:block; font-size:80px; font-weight:700; letter-spacing:-0.005em; color:var(--main-color); font-family:var(--font-family2);}
.main-tit-box .main-sub-txt {font-size:17.5px; color:#707070; font-weight: 500; line-height:1.6em; margin-top: 15px; opacity:0;}
.main-sub-txt {animation:text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; }
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom);
	transition-property:opacity, transform;
	will-change: transform, opacity;
}

.main-tit.splitting .char {animation:text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
 /* animation일때 */ 
/* .aos-animate .main-tit-box .main-tit.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
} */
 /* transition일때 */ 
.active-section .main-tit.splitting .char,
.animated .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}

/* -------- 메인 컨텐츠 :: 공통 -------- */
.section {overflow:hidden; width: 100%; height: 100vh;}
.section .main-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.section .main-bg .inner{width:100%; height:100%; background: no-repeat center; transform: scale(1.08,1.08); transition:all 4s cubic-bezier(0.4, 0, 0.2, 1);}
.active-section .main-bg .inner {/* animation: image-zoom-out 5s 0s forwards; */transform:scale(1.0,1.0);}

/* -------- 메인 컨텐츠 :: 컨텐츠1(Solution) -------- */
#mainSolutionCon .main-bg .inner {background: url(/customize/main_content02.jpg)no-repeat; background-size:cover;}
.main-solution-con {display:flex; position: relative; padding-top:60px;}
.main-solution-con .main-tit-box {width: 100%; position:absolute; left:0; top:60px; margin-bottom: 0;}
#mainSolutionCon .slide-box {width: 62.5%; overflow:hidden; margin: 0 0 0 auto; position: relative; z-index:100; /* transform: translateY(100px); visibility:hidden; opacity:0; transition:var(--transition-custom2); transition-delay:0.8s; */}
.main-solution-slide > li {width: 347px; margin: 0 4.5px;}
.main-solution-slide > li a {position: relative; display:flex; width: 100%; height: 100%;}
.main-solution-slide > li .cover-bg {display:block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 10; transition:all 0.4s;}
.main-solution-slide > li .bg {position: relative; display: block; width: 100%; padding-top: 129.972%;}
.main-solution-slide > li .img-cover {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main-solution-slide > li .inner-box {position:absolute; top:0; left:0; padding:18.73% 12.96%; box-sizing:border-box; width: 100%; height: 100%; display:flex; flex-direction:column; justify-content:space-between; z-index:2;}
.main-solution-slide > li .inner-box .tit {display:inline-block; font-size:30px; letter-spacing:-0.01em; color:#fff; font-weight: 700; font-family:var(--font-family2); margin-bottom: 10px;}
.main-solution-slide > li .inner-box .sub-tit {display: block; font-size:18px; letter-spacing:-0.045em; color:rgba(255,255,255,0.4); font-weight: 500; line-height:1.556em; transition:var(--transition-custom);}
.main-solution-slide > li .inner-box .bottom {opacity:0; transition:var(--transition-custom);}
.main-solution-slide > li .inner-box i {position:absolute; right:45px; bottom:65px; color:#fff; font-size:20px; opacity:0; transition:var(--transition-custom);}
.main-solution-slide > li .inner-box .detail-list li {font-size:16px; letter-spacing:-0.045em; color:#fff; font-weight: 600; line-height:1.75em;}
.main-solution-slide > li.swiper-slide-active .cover-bg , .main-solution-slide > li.swiper-slide-next .cover-bg , .main-solution-slide > li.swiper-slide-next + li .cover-bg {opacity:0;}
.main-solution-slide > li a:before {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; background: var(--main-color); opacity:0; z-index:1; transition:var(--transition-custom);}
.main-solution-slide > li:hover a:before {opacity:1;}
.main-solution-slide > li:hover .sub-tit {color:rgba(255,255,255,0.7);}
.main-solution-slide > li:hover .bottom {opacity:1;}
.main-solution-slide > li:hover .inner-box i {opacity:1;}

/* 슬라이드 nav */
.solution-control-box {margin-top: 40px; opacity:0;}
.solution-arrow-box {display:flex;}
.solution-arrow-box .arrow-button {width: 78px; height: 78px; border-radius:100%; display:flex; align-items:center; justify-content:center; border:1.4px solid #124383; cursor:pointer; background: #fff;}
.solution-arrow-box .arrow-button.arrow-prev {margin-right: 15px;}
.solution-arrow-box .arrow-button i {font-size:19px; letter-spacing:-0.035em; color:#000; }

#mainSolutionCon.active-section .slide-box {transform: translateY(0); visibility:visible; opacity:1;}
#mainSolutionCon.active-section .solution-control-box {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; opacity:1; animation-delay:1.2s;}

/* -------- 메인 컨텐츠 :: 컨텐츠2(Business) -------- */
#mainBusinessCon .main-bg .inner {background: url(/img/main_content03.jpg)no-repeat; background-size:cover;}
.main-business-con {display:flex; position: relative; padding-top:22px;}
.main-business-con .main-tit-box {width: 35%;}
.main-business-con .main-tit-box .main-tit {position: relative; display:inline-block; color:#fff;}
.main-business-con .main-tit-box .tit-box .more-plus {position:absolute; top: 0; right:180px; font-size:28px; letter-spacing:-0.035em; color:#fff; opacity:0; transform:translateY(30px); transition:var(--transition-custom2); transition-delay:0.8s;}
.main-business-con .main-tit-box .main-sub-txt {color:rgba(255,255,255,0.6);}

.main-business-con .con-box {width: calc(100% - 35%); /* opacity:0; */}
.business-list-box {display:flex; flex-wrap:wrap-reverse; justify-content: flex-end;}
.business-list-box .b-item {position: relative; width: calc((100% - 38px) / 3); margin-right: 19px; background: rgba(7,56,123,0.5); backdrop-filter:blur(5px); display:flex; flex-direction:column; justify-content:space-between; padding:30px 40px; box-sizing:border-box; min-height:240px; max-height:240px; transition:var(--transition-custom);}
.business-list-box .b-item:before {display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--main-color);
    opacity: 0;
    transition: var(--transition-custom);
    z-index: -1;}
.business-list-box .b-item:last-child {margin-right: 0; margin-bottom: 19px;}
.business-list-box .b-item:nth-child(3) {margin-right: 0;}
.business-list-box .b-item:nth-child(4) {margin-bottom: 19px;}
.business-list-box .item-tit {font-family:var(--font-family2); /* margin-bottom: 68px; */}
.business-list-box .item-txt {font-size:16px; letter-spacing:-0.05em; color:#a2c6f5; letter-spacing:-0.05em; line-height:1.5em; opacity:0; transition:var(--transition-custom);}
.business-list-box .num {font-size:16px; letter-spacing:-0.01em; color:var(--main-color); line-height:2em; font-weight: 700; transition:all 0.3s;}
.business-list-box .title {display: block; font-size:28px; letter-spacing:-0.01em; color:#fff; line-height:1.143em; font-weight:700; margin-bottom: 14px; font-family:'나눔고딕';}
.business-list-box .icon-box {width: 48px; position:absolute; right:40px; bottom:30px;}
.business-list-box .icon-box span {display: block; position: relative; height:0; width:100%; padding-top:100%;}
.business-list-box .icon-box img {position:absolute; width: 100%; height: 100%; top:0; left:0; bottom:0; right: 0; margin: auto;}
/* .business-list-box .b-item:hover {background: var(--main-color);} */
.business-list-box .b-item:hover:before {opacity:1;}
.business-list-box .b-item:hover .item-txt {opacity:1;}
.business-list-box .b-item:hover .num {color:rgba(255,255,255,0.6);}

.active .main-tit-box .tit-box .more-plus {opacity:1; transform:translatey(0);}
/* #mainBusinessCon.active-section .con-box {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; opacity:1; animation-delay:1.2s;} */

/* -------- 메인 컨텐츠 :: 컨텐츠3(IR / PR) -------- */
#mainPrCon .ir-box .main-bg .inner {background: url(/images/main/main_content04.jpg)no-repeat; background-size:cover;}
.main-pr-con {position: relative; display:flex; height: 100%;}
.main-pr-con .ir-box {position: relative; width: calc(100% - 41.66%); overflow:hidden; display:flex; align-items:flex-end;}
.main-pr-con .ir-container {position: relative; width: 71.42%; /* padding:0 160px; margin-bottom: 90px; */ max-width:800px; margin:0 auto 90px; /* opacity:0; transform:translateY(100px); */}
.main-pr-con .ir-container .tit-box {margin-bottom: 30px; display:flex; justify-content:space-between; align-items:center;}
.main-pr-con .ir-container .tit-box a i {color:#fff;}
.main-pr-con .ir-container .ir-con-tit {font-size:48px; letter-spacing:-0.005em; color:#fff; font-weight: 700;}
/* .main-pr-con .ir-container .ir-con {display:flex;}
.main-pr-con .ir-container .ir-con .count-num {font-size:120px; color:#fff; font-weight: 700; letter-spacing:-0.005em; width: 302px; opacity:0;}
.main-pr-con .ir-container .ir-con .about-ir {display:flex; flex-wrap:wrap; align-self:center; margin-left: 75px; margin-top: -18px; width: calc(100% - (302px + 75px));} */
/* .main-ir-list {opacity:0;} */
.main-ir-list .ir-item {width: 100%; margin-top: 9px; background-color: rgba(0,23,53,0.2);  backdrop-filter: blur(10px); opacity:0;}
.main-ir-list .ir-item:first-of-type {margin-top: 0;}
.main-ir-list .ir-item a {position: relative; display:flex; align-items:center; padding:23.5px 28px 24px; transition: var(--transition-custom);}
.main-ir-list .ir-item a:after { display: block;
    content: "\e93f";
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: 'xeicon';
    opacity: 0;
    font-size:18px;
    transition: var(--transition-custom);}
.main-ir-list .ir-item a em {font-size:18px; letter-spacing:-0.05em; color:#88a2c5; font-weight: 500; line-height:1.25; transition: var(--transition-custom); overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.main-ir-list .ir-item:hover a {background: var(--main-color);}
.main-ir-list .ir-item:hover a:after {opacity:1;}
.main-ir-list .ir-item:hover a em {color:#fff;}
.main-pr-con .ir-container dl {display:flex; align-items:center; margin-right: 70px; width: calc((100% - 70px) / 2); margin-top: 18px;}
.main-pr-con .ir-container dl:first-child dd > i {font-size:20px; color:#ff0000; margin-right: 10px;}
.main-pr-con .ir-container dl:nth-of-type(2n) {margin-right: 0;}
.main-pr-con .ir-container dl dt {font-size:20px; letter-spacing:-0.05em; color:rgba(255,255,255,0.7); font-weight: 600; width: 95px; line-height:1.25;}
.main-pr-con .ir-container dl dd {font-size:20px; letter-spacing:-0.05em; color: #fff; font-weight: 700; width: calc(100% - 95px); line-height:1.25;}
.main-pr-con .pr-box {width: 41.66%; background: #072348; display:flex; flex-direction:column; justify-content:center; padding:80px 55px 0; box-sizing:border-box;}
.main-pr-con .pr-box .tit-box {display:flex; align-items:center; justify-content: space-between; opacity:0;}
.main-pr-con .pr-con-tit {font-size:48px; letter-spacing:-0.005em; color:#fff; font-weight: 700; line-height:1.5; margin-bottom: 10px;}
.main-pr-con .tit-box a i {font-size:28px; letter-spacing:-0.035em; color:#3a639b;}
.main-pr-list {opacity:0;}
.main-pr-list li {margin-top: 9px; transition:var(--transition-custom);}
.main-pr-list li:first-of-type {margin-top: 0;}
.main-pr-list li a {position: relative; display:flex; background: rgba(18,67,131,0.5); font-size:18px; line-height:1.25; padding:23.5px 28px 24px; letter-spacing:-0.05em; color:#88a2c5; font-weight: 500; line-height:1.25; transition:var(--transition-custom);}
.main-pr-list li a:after {display: block; content: "\e93f"; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); color: #fff; font-family: 'xeicon'; opacity:0; transition:var(--transition-custom);}
.main-pr-list li:hover a {color:#fff; background: var(--main-color);}
.main-pr-list li:hover a:after {opacity:1;}

/* #mainPrCon.active-section .main-pr-con .ir-container .count-num {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; opacity:1;} */
#mainPrCon.active-section .main-pr-con .pr-box .tit-box {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; opacity:1;}
#mainPrCon.active-section .main-ir-list .ir-item {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s; opacity:1;}
/* #mainPrCon.active-section .main-ir-list {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s; opacity:1;} */
#mainPrCon.active-section .main-pr-list {animation:text-active-animation 1s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.5s; opacity:1;}

/* -------- 메인 컨텐츠 :: 컨텐츠4(Newsroom) -------- */
#mainNewsCon .main-bg .inner {background: url(/images/main/main_content05.jpg)no-repeat; background-size:cover;}
.main-news-con {position: relative; padding-top:120px;}
.main-news-con .main-tit-box {display:flex; justify-content:space-between;}
.main-news-con .main-news-tab {display:flex; align-items:center; align-self:flex-end; margin-bottom: 0; transform:translateY(20px); opacity:0; transition:var(--transition-custom2); transition-delay:0.9s;}
.main-news-con .main-news-tab.on {transform:translateY(0); opacity:1;}
.main-news-con .main-tit {position: relative; display:inline-block; padding-right:40px;}
.main-news-con .tit-box {position: relative;}
.main-news-con .tit-box .more-plus {position:absolute; right:10px; top:-30px; transform:translateY(30px); transition:var(--transition-custom2); transition-delay:0.75s; opacity:0;}
.main-news-con .tit-box .more-plus i {font-size:28px; letter-spacing:-0.035em; color: #000;} 
.main-news-menu-box {display:flex; align-items:center;}
.main-news-menu-box .main-news-arrow {display:none;}
.main-news-menu-box .main-news-arrow.on {display: block;}
.main-news-menu-box .main-news-arrow i {font-size:30px; color:rgba(0,0,0,0.3);}
.main-news-menu-box .main-news-tab ul {display:flex;}
.main-news-menu-box .main-news-tab ul li span {font-size:18px; color:#b8b8b8; letter-spacing:-0.05em; padding:0 15px;}
.main-news-menu-box .main-news-tab ul li.slick-active span {color:#000; font-weight: 700;}

/* newsroom 탭 */
.main-news-con .sub-tab-list-style ul li a em {padding-bottom:5px; position: relative; transition:all 0.4s; border-bottom:0;}
.main-news-con .sub-tab-list-style ul li a em:before {display: block; content:""; width: 100%; height: 2px; background: #000; position:absolute; left:50%; transform:translateX(-50%); bottom:-3px; opacity:0; transition:all 0.4s;}
.main-news-con .sub-tab-list-style ul li.selected a em {color:#000; /* border-bottom:2px solid #000; */}
.main-news-con .sub-tab-list-style ul li.selected a em:before {opacity:1;}
.main-news-con .sub-tab-list-style ul li:hover a em {color:#000; /* border-bottom:2px solid #000; */}
.main-news-con .sub-tab-list-style ul li:hover a em:before {opacity:1;}
/* .main-news-con .con-box {transform:translateY(100px);} */
.main-news-list {transform:translateY(70px); transition:var(--transition-custom2); transition-delay:1.2s; opacity:0; visibility:hidden;}
.main-news-list.on {transform:translateY(0); opacity:1; visibility:visible;}
.main-news-con .sub-tab-con {position: relative;}
.main-news-con-list .list-item.slick-active {}
.main-news-list {/* margin: -15px -13.5px 0; */ margin: -15px 0 0; /* overflow:hidden; */}
.main-news-list .slick-list {/* overflow:visible; */ padding-top:15px; margin:0 -13.5px;}
.main-news-list li {margin: 0 13.5px;}
.main-news-list li .img-box {position: relative;}
.main-news-list li .img-box img {transition:transform 0.3s; height: 100%;}
.main-news-list li .img-box .category {position:absolute; top:-15px; left:20px; z-index:10; height:34px; padding:10px 15px; font-size:14px; letter-spacing:-0.025em; color:#fff; font-weight: 500; transition:height 0.3s; box-sizing:border-box;}
.main-news-list li .img-box .category i {position:absolute; bottom:16px; right:15px; opacity:0; transition:opacity 0.2s 0s; transition-delay:0.1s; font-size:15px;}
.main-news-list li .img-box .category.t1 {background: #7800ff;}
.main-news-list li .img-box .category.t2 {background: #0168fd;}
.main-news-list li .img-box .category.t3 {background: #01b9fd;}
.main-news-list li .img-box .category.t4 {background: #18a3b4;}
.main-news-list li .img-box .category.t5 {background: #3ed8c8;}
.main-news-list li .img-box .category.t6 {background: #32b75d;}
.main-news-list li .img-box .category.t7 {background: #88d14e;}
.main-news-list li .img-box .category.t8 {background: #264f8a;}
.main-news-list li .img-box .category.t9 {background: #de44ad;}
.main-news-list li .img-box .category.t10 {background: #d35252;}
.main-news-list li .img-box .img-wrap {display: block; position:relative; height: 0; padding-top:63.16%; width: 100%; overflow:hidden; -webkit-backface-visibility:hidden;}
.main-news-list li .txt-box {display:flex; flex-direction:column; margin-top: 25px; padding-right:50px; box-sizing:border-box;}
.main-news-list li .news-tit {font-size:26px; letter-spacing:-0.05em; color:#000; font-weight: 700; line-height:1.25; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.main-news-list li .news-txt {display:inline-block; font-size:16px; letter-spacing:-0.035em; color:#828282; line-height:1.75em; margin-top: 11px; margin-bottom: 27px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main-news-list li .date {font-size:15px; letter-spacing:-0.005em; color:rgba(112,112,112,0.5);}
.main-news-list li .date i {position: relative; top:1px; font-size:16px; color:rgba(112,112,112,0.5); margin-right: 10px;}

.main-news-list li:hover .img-box img {   transform: scale(1.1) rotate(0.002deg);}
.main-news-list li:hover .img-box .category {height: 100px;}
.main-news-list li:hover .img-box .category i {opacity:1;}

/* arrow */
.news-arrow-wrap {/* position:absolute; top:-75px; right:0; */ /* left:43%; */ align-self:flex-end; z-index:10; opacity:0; transition:var(--transition-custom2); transition-delay:0.88s; transform: translateY(20px);}
.news-arrow-wrap.on {opacity:1; transform: translateY(0);}
/* .news-arrow-wrap {margin-right: 20px;} */
.news-arrow-wrap .main-slick-btn i {font-size:30px; color:rgba(0,0,0,1);}
.news-arrow-wrap .main-slick-btn.slick-disabled i {color:rgba(0,0,0,0.3);}
/* .section.active .main-news-con .tit-box .more-plus {opacity: 1; transform: translatey(0); top:-40px;} */

/* -------- 메인 컨텐츠 :: 컨텐츠5(Business Performance) -------- */
#mainPartnersCon .main-bg .inner {background: url(/images/main/main_content06.jpg)no-repeat; background-size:cover;}
#mainPartnersCon .main-tit-box {text-align:center;}

.main-partners-con {padding-top:50px;}
.main-partners-con .main-tit-box .main-sub-txt {color:#aeaeae;}
.main-partners-list {display:flex; flex-flow:row nowrap;}
.main-partners-list .partner-item {width: 230px; margin:0 20px; height: 94px; 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: 94px;}
.main-partners-roller {position:absolute; height: 100%;}

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

/* 메인 :: 푸터 */
.section#mainFooter {overflow:visible;}

/* ******************  메인 오른쪽 퀵메뉴 ********************** */
#rightBar{
	position:fixed; 
	top:55%; right:2%; 
	z-index:99; 
	margin-top:-142px;
	opacity:0;
	visibility:hidden;
	transition:var(--transition-custom2);
}
#rightBar.fixed{visibility:visible; opacity:1.0; top:50%;}
#rightBar > ul {width:56px;}
#rightBar > ul > li{border-top:1px solid #7f7f7f;}
#rightBar > ul > li:first-child{border-top:0;}
#rightBar > ul > li > a{display:block; width:56px; height:56px; background-color:#000; text-align:center; line-height:56px; color:#fff; transition:var(--transition-custom);}
#rightBar > ul > li > a:hover{background-color:#7f7f7f}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav.active {/* left:4.68%; */ opacity:1; left:1.82%;}
#fp-nav.move ul li a:before {transition:height 0.4s;}
#fp-nav{ opacity: 0; transform: translate3d(0,0,0); position: fixed; display: flex; flex-direction: column; align-items: center; top: 48%; left:2rem; z-index: 100; color: #fff; transition: left ease-out 0.8s 0.4s, opacity 0.5s 0.4s;}

#fp-nav i {display:block; margin-bottom:13px; font-size:14px;}
#fp-nav > span {font-size:12px; font-weight:600; font-family:var(--font-family2);}
#fp-nav > span.total{opacity:0.5}
#fp-nav ul {margin:15px 0 15px 6px; align-self:flex-start;} 
#fp-nav ul li {width:1px; position:relative; height:28.33px; box-sizing:border-box;}
#fp-nav ul li a {display: block; position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding:0;}
#fp-nav ul li a:before {content:""; width: 100%; height:0; background: #000; position:absolute; left:0; top:0; /* transition:height 0.4s; */}
#fp-nav ul li a span {display:block; width: 1px; height:100%; background-color:rgba(51,51,51,0.3); transition:all 0.4s;}
#fp-nav ul li a.active:before {height:100%;}
#fp-nav ul li:first-child a.active:before {background:#fff;}

/* fp-nav Style */
#fp-nav.black {color:#333;}
#fp-nav.white {color:#fff;}
#fp-nav.white ul li a:before {background:#fff;}
#fp-nav.last ul li a:before {transition:none;}

.fp-viewing-1 #fp-nav ul li:nth-child(1) a:before {height:100%;}
.fp-viewing-2 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-2 #fp-nav ul li:nth-child(2) a:before {height:100%;}
.fp-viewing-3 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-3 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-3 #fp-nav ul li:nth-child(3) a:before {height:100%;}
.fp-viewing-4 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-4 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-4 #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-4 #fp-nav ul li:nth-child(4) a:before {height:100%;}
.fp-viewing-5 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-5 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-5 #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-5 #fp-nav ul li:nth-child(4) a:before ,
.fp-viewing-5 #fp-nav ul li:nth-child(5) a:before {height:100%;}
.fp-viewing-6 #fp-nav ul li:nth-child(1) a:before ,
.fp-viewing-6 #fp-nav ul li:nth-child(2) a:before ,
.fp-viewing-6 #fp-nav ul li:nth-child(3) a:before ,
.fp-viewing-6 #fp-nav ul li:nth-child(4) a:before ,
.fp-viewing-6 #fp-nav ul li:nth-child(5) a:before ,
.fp-viewing-6 #fp-nav ul li:nth-child(6) a:before {height:100%;}

.cm-word-split {overflow:hidden; display:block;}
.cm-word-split .char {display:inline-block; white-space:pre;}
.main-visual-item.active-item .main-visual-txt-con .char {animation: text-active-animation 1s cubic-bezier(.5, 0, .5, 1) both;}