@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

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

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
/* 메인 비주얼 :: 슬라이드 */
#mainVisual {position:relative; width:100%; height:800px; height:calc(100vh - 50px); position:relative;}   
.main-visual-img-swiper.swiper-container,
.main-visual-img-swiper .swiper-wrapper{z-index:auto; height:100%}
.main-visual-img-swiper .swiper-slide{background:#fff; height:100%; overflow:hidden; }
.main-visual-img-swiper .swiper-slide .visual-img { position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1920px; height:100%; width:100%;  background-size:cover !important;}
.main-visual-img-swiper .slide-inner {
  position:relative;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center; 
}    

/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	top:53%; left:0px; 
	width:100%; z-index:99;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-visual-txt .main-visual-txt1,
.main-visual-txt .main-visual-txt2{
	 overflow:hidden; 
}
.main-visual-txt .main-visual-txt1 span,
.main-visual-txt .main-visual-txt2 span{
	display:inline-block;
}
.main-visual-txt .main-visual-txt1{font-size:64px; letter-spacing:-0.5px; color:rgba(255,255,255,0.95); margin-bottom:40px; line-height:1.3; font-weight:600;}
.main-visual-txt .main-visual-txt2{font-size:20px; letter-spacing:-0.5px; color:#fff; font-weight:400; line-height:1.6em; }

/* 메인 비주얼 :: active효과 */
.main-visual-item.swiper-slide-active .main-visual-txt1 span,
.main-visual-item.swiper-slide-active .main-visual-txt2 span{
	 -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;
}
.main-visual-item.swiper-slide-active .main-visual-txt1 span { -webkit-animation-delay:0.6s; animation-delay:0.6s;}
.main-visual-item.swiper-slide-active .main-visual-txt2 span{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
.main-visual-item.first.swiper-slide-active .main-visual-txt1 span  { -webkit-animation-delay:0s; animation-delay:0s;}
.main-visual-item.first.swiper-slide-active .main-visual-txt2 span  { -webkit-animation-delay:0.5s; animation-delay:0.5s;}

@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); 
	}
}

/* 메인 비주얼 :: utile */
.main-visual-utile {position:absolute; left:0; bottom:74px; width:100%; height:46px; text-align:left; z-index:11; }
.main-visual-utile .area-box {position:relative; }
/* 메인 비주얼 :: paging */
.main-visual-paging {display:flex;}
.main-visual-paging .paging-item {width:20%; cursor:pointer; padding-right:47px; background:none; border-radius:0; opacity:1;filter:Alpha(opacity=100); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-visual-paging .paging-item:focus {outline:0;}
.main-visual-paging .paging-item .tit {display:block; font-size:18px; color:rgba(255,255,255,0.9); font-weight:600; padding-bottom:20px;}
.main-visual-paging .paging-item .loading-bar {display:block; position:relative; height:5px; border:1px solid rgba(255,255,255,0.6); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-visual-paging .paging-item .loading-bar:before {content:""; width:0; height:100%; background-color:#fff; position:absolute; top:0; left:0;}
.main-visual-paging .paging-item.swiper-pagination-bullet-active .loading-bar:before {
	 -webkit-animation: loadingbar 3s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: loadingbar 3s cubic-bezier(0.4, 0, 0.2, 1) both;
}
@keyframes loadingbar {
	from {
		width:0;
	}
	to {
		width:100%;
	}
}

/* 메인 비주얼 :: pause,play */
.main-visual-play-btn {position:absolute; right:0; font-size:24px; color:#fff; margin-top:20px;  }
.main-visual-play-btn.pause i:before {content:"\ea3f";}

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

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{ letter-spacing:-0.75px;}
.main-tit-box .main-tit{color:#111; font-size:80px; }
.main-tit-box .main-sub-tit{display:block; margin-top:5px; color:rgba(0,0,0,0.5); font-size:20px; line-height:1.9; }

/* 공통 :: View more 버튼 */
.view-more-btn {display:block; position:relative; width:152px; height:37px; font-size:14px; color:#111;  line-height:37px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.view-more-btn:before {content:""; position:absolute; left:0; top:0; width: 37px; height:37px; border:2px solid #333; transition:width 0.4s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.view-more-btn i {vertical-align:top; width:37px; text-align:center; font-size:18px; line-height:37px; margin-right:18px;}
.view-more-btn em {display:inline-block; vertical-align:top;}
a:hover .view-more-btn:before {width:100%; }

/* 공통 :: fade효과 */
.fade-in{
	opacity:0;filter:Alpha(opacity=0); 
}
.fade-in-up{
	opacity:0;filter:Alpha(opacity=0); 
	-webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%);
}
.active-section .fade-in{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transition: all 1.0s ease;
	transition: opacity 1.0s ease;
}
.active-section .fade-in-up{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
	-webkit-transition: all 1.0s ease;
	transition: opacity 1.0s ease, transform 1.0s ease;
}
.fade-in-01{-webkit-transition-delay:0.1s !important; transition-delay:0.1s !important }
.fade-in-03{-webkit-transition-delay:0.3s !important; transition-delay:0.3s !important }
.fade-in-05{-webkit-transition-delay:0.5s !important; transition-delay:0.5s !important }
.fade-in-07{-webkit-transition-delay:0.7s !important; transition-delay:0.7s !important }

/* -------- 메인 컨텐츠 :: About -------- */
#mainAboutCon .fp-tableCell {vertical-align:top;}
.main-about-con {display:flex; height:100%; padding-top:110px;  }
body:not(.ios-os) .main-about-con {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-about-con .left-con {width:50%; height:100%; }
.main-about-con .right-con {width:50%; height:100%; }
.main-about-con a {display:block; position:relative; height:100%; overflow:hidden;}
.main-about-con a .img-box {height:100%; overflow:hidden;}

/* 이미지 효과 */
.main-about-con .img-wrap {position:relative;  height:100%;}
.main-about-con .img-wrap .bg {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important;}
.main-about-con .img-wrap:after,
.main-about-con .img-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out; 
}
.main-about-con .img-wrap:before {
    background-color: #fff;
    bottom: 0;
}
.main-about-con .img-wrap:after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
	z-index:1;
}
.active-section .main-about-con .img-wrap:after,
.active-section .main-about-con .img-wrap:before{bottom:-100%;}

/* 좌측 컨텐츠 */
.main-about-con .left-con .txt-box {position:absolute; width:100%; top:120px; padding: 0 10.41%; z-index:9; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-about-con .left-con .txt-box .view-more-btn {margin-top: 30px;}
/* 우측 컨텐츠 */
.main-about-con .right-con-item {height:50%;}
.main-about-con .right-con-item a .inner-box {display:table; width:100%; height:100%; table-layout:fixed;}
.main-about-con .right-con-item a .img-box {display:table-cell; vertical-align:middle; width:50%; height:100%;}
.main-about-con .right-con-item a .txt-box {display:table-cell; vertical-align:middle; width:50%; height:auto; padding:0 8.33%; letter-spacing:-1px; line-height:1.4; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; } 
.main-about-con .right-con-item .img-wrap:before,
.main-about-con .right-con-item .img-wrap:after {
	bottom:0; top:0; right:0; 
}
.main-about-con .right-con-item .img-wrap:before,
.main-about-con .right-con-item .img-wrap:after {
	-webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.main-about-con .right-con-item:nth-child(2) .img-wrap:before,
.main-about-con .right-con-item:nth-child(2) .img-wrap:after {
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.active-section .main-about-con .right-con-item .img-wrap:after,
.active-section .main-about-con .right-con-item .img-wrap:before{left:100%;}
.main-about-con .right-con-item a .txt-box .tit {font-size: 34px; color:#141414; }
.main-about-con .right-con-item a .txt-box .txt {font-size:16px; color:#141414; opacity:0.6;filter:Alpha(opacity=60); margin-top:20px; }
.main-about-con .right-con-item a .txt-box .view-more-btn {margin-top:37.5%;}

.main-about-con .right-con-item .img-wrap {}
/* -------- 메인 컨텐츠 :: Business -------- */
#mainBusinessCon {background-color:#fff; position:relative; z-index:99}
#mainBusinessCon .fp-section {vertical-align:top;}
.main-business-con {position:relative; margin-top:110px; }
.main-business-con .main-tit-box {position:absolute; left:0; top:0;}
.main-business-con .main-tit-box .main-tit {font-size:4.166vw;}
.main-business-con .main-business-list {display:flex; margin:0 -1.13%;}
.main-business-con .main-business-list li {width:25%; margin:0 1.13%;  }
.main-business-con .main-business-list li.bottom {margin-top:122px;}
.main-business-con .main-business-list li .img-wrap {position:relative; display:block; overflow:hidden;}
.main-business-con .main-business-list .img-wrap:after,
.main-business-con .main-business-list .img-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0086ce;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; 
	transition-delay:0.5s;
}
.main-business-con .main-business-list .img-wrap:before {
	background-color: #fff;
    bottom: 0;
	z-index:1;
}
.main-business-con .main-business-list .img-wrap:after {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.active-section .main-business-con .main-business-list .img-wrap:after,
.active-section .main-business-con .main-business-list .img-wrap:before{bottom:-100%;}

.active-section .main-business-con .main-business-list .fade-in-03 .img-wrap:before {
	 -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.active-section .main-business-con .main-business-list .fade-in-03 .img-wrap:after {
	 -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.active-section .main-business-con .main-business-list .fade-in-05 .img-wrap:before {
	 -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.active-section .main-business-con .main-business-list .fade-in-05 .img-wrap:after {
	 -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.active-section .main-business-con .main-business-list .fade-in-07 .img-wrap:before {
	 -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.active-section .main-business-con .main-business-list .fade-in-07 .img-wrap:after {
	 -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.main-business-con .main-business-list li img {width:100%;}
.main-business-con .main-business-list .tit-box {padding:25px 30px 0;}
.main-business-con .main-business-list .tit-box .tit { display:block; font-size:29px; letter-spacing:-0.5px; color:#111; margin-bottom:25px;}

/* -------- 메인 컨텐츠 :: IR&NEWS -------- */
#mainIrNewsCon {position:relative; overflow:hidden;}
#mainIrNewsCon .fp-tableCell {overflow:hidden;}
/* IR&NEWS :: 배경 */
#mainIrNewsCon .bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; 	
	background-size:cover !important;
    -webkit-transform: scale(1.15,1.15);
     transform: scale(1.15,1.15);
	-webkit-transition:transform 2s  ease-in-out ;
    transition:transform 2s ease-in-out ;	
}
#mainIrNewsCon.active-section .bg{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
/* IR&NEWS :: IR */
#mainIrNewsCon .main-tit-box .main-tit {color:#fff; text-align:center;}
.main-ir-news-con {margin-top:110px;}
.main-ir-con {display:table; width:100%; table-layout:fixed; color:#fff; margin-top:5.23%;}
.main-ir-con .ir-info-left {display:table-cell; vertical-align:middle; width:50%;}
.main-ir-con .ir-info-left > div {display:inline-block; vertical-align:middle;}
.main-ir-con .ir-info-left .tit-box {width: 293px;}
.main-ir-con .ir-info-left .tit { font-size:28px; letter-spacing:-0.5px; margin-right: 9.76%;}
.main-ir-con .ir-info-left .tit span {display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; opacity:0.7;filter:Alpha(opacity=70); margin-left:25px;}
.main-ir-con .ir-info-left .cur-price {position:relative; padding-left: 60px; font-size:60px; font-weight:700; opacity:0.9;filter:Alpha(opacity=90);}
.main-ir-con .ir-info-left .cur-price:before {content:""; position:absolute; left:0; top:50%; margin-top:-14.5px; display:block; width:40px; height:29px; background:url("/images/main/main_ir_icon.png") no-repeat; }
.main-ir-con .ir-info-right {display:table-cell; vertical-align:middle; width:50%; position:relative; padding-right:170px;}
.main-ir-con .ir-info-right .inner {display:flex; flex-wrap:wrap; }
.main-ir-con .ir-info-right .ir-info-item {font-size:18px; letter-spacing:-0.5px; margin:5px 35px 5px 0;}
.main-ir-con .ir-info-right .ir-info-item span {display:inline-block; vertical-align:middle;}
.main-ir-con .ir-info-right .ir-info-item .tit { line-height:20px; opacity:0.8;filter:Alpha(opacity=80); margin-right:15px;}
.main-ir-con .ir-info-right .ir-info-item em {font-weight:600;}
.main-ir-con .ir-info-right .ir-info-item .icon:before {font-style:normal; font-size:12px; margin-left:10px;}
.main-ir-con .ir-info-right .ir-info-item .up:before {content:"▲"; color: #ea3a3a;}
.main-ir-con .ir-info-right .ir-info-item .down:before {content:"▼"; color: #0e3a9d;}
.main-ir-con .ir-info-right .ir-info-item .same:before {content:"-"; color: #fff;}
.main-ir-con .ir-info-right .btn-wrap {position:absolute; right:0; top:50%; margin-top: -18.5px; }
.main-ir-con .ir-info-right .btn-wrap .view-more-btn {color:#fff; }
.main-ir-con .ir-info-right .btn-wrap .view-more-btn:before {border-color:#fff;}

/* IR&NEWS :: NEWS */
.main-news-con {display:flex;}
.main-news-con .main-news-bbs-con {width:50%; background-color: #f3f3f4; padding:2.9% 15px; margin-top:2.32%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-news-con .main-news-bbs-con .tit-box { padding:0 5.42%; margin-bottom:4.81%; color:#212121; }
.main-news-con .main-news-bbs-con .tit-box .inner {position:relative; }
.main-news-con .main-news-bbs-con .tit-box .tit {font-size: 24px; letter-spacing:-0.5px;}
.main-news-con .main-news-bbs-con .tit-box .more-btn {position:absolute; right:0; top:0; font-size: 24px; color:rgba(34,34,34,0.8);}
.main-news-con .main-news-bbs-con .main-bbs-list {display:flex; }
.main-news-con .main-news-bbs-con .main-bbs-list li {width:50%; }
.main-news-con .main-news-bbs-con .main-bbs-list li a {display:block; color:#212121;  letter-spacing:-0.5px; padding:10px 10.84%; border-left:1px solid #c4c6ca;}
.main-news-con .main-news-bbs-con .main-bbs-list li:first-child a {border-left:0;}
.main-news-con .main-news-bbs-con .main-bbs-list .tit {font-size: 20px; line-height:1.4em; height:2.8em; font-weight:400; transition:all 0.3s;}
body:not(.ie-browser) .main-news-con .main-news-bbs-con .main-bbs-list .tit { text-decoration:underline; text-decoration-color: transparent;  text-decoration-thickness: 1.5px;}
.main-news-con .main-news-bbs-con .main-bbs-list .txt {font-size: 16px; line-height:1.625em; height:3.25em; opacity:0.5;filter:Alpha(opacity=50); margin-top:20px;}
.main-news-con .right-con {width:50%; background-color: #0181c6; color:#fff; }
.main-news-con .right-con .tit-box {color:#fff;}
.main-news-con .right-con .tit-box .more-btn {color:#fff;}
.main-news-con .right-con .main-bbs-list li a {color:#fff; border-left-color:rgba(207,211,215,0.2);}
@media all and (min-width:801px){
	.main-news-con .main-news-bbs-con .main-bbs-list a:hover .tit {text-decoration-color: #000; }
	.main-news-con .right-con .main-bbs-list a:hover .tit {text-decoration-color: #fff; }
	.ie-browser .main-news-con .main-news-bbs-con .main-bbs-list a:hover .tit {text-decoration:underline; }
}

/* -------- 메인 컨텐츠 :: CUSTOMER -------- */
.main-customer-con {display:flex; height:100%; align-items:center; padding-top:110px; }
 body:not(.ios-os) .main-customer-con {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
/* 좌측 */
.main-customer-con .left-con {position:relative; display:table; width:50%; height:100%; table-layout:fixed; }
.main-customer-con .left-con .inner-box {display:table-cell; vertical-align:middle; padding:0 10.41%;}
.main-customer-con .left-con .main-tit-box {margin-bottom:14.47%;}
.main-customer-con .left-con .main-customer-slide-tab li {margin:17.5px 0;}
.main-customer-con .left-con .main-customer-slide-tab li:first-child {margin-top:0;}
.main-customer-con .left-con .main-customer-slide-tab button {position:relative; width:100%; text-align:left; font-size:34px; color:#b6b9bf; font-weight: 700; padding-right:66px; padding-bottom:22px; transition: all 0.4s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-customer-con .left-con .main-customer-slide-tab button:before {content:""; width:0; height:3px; background-color:#000; position:absolute; left:0; bottom:0; transition: width 0.4s; }
.main-customer-con .left-con .main-customer-slide-tab button:after {content:""; position:absolute; right:15px; top:0; width:66px; height:100%; background:url("/images/main/main_customer_arrow.png") center no-repeat; opacity:0;filter:Alpha(opacity=0); transition:all 0.4s; }

@media all and (min-width:1025px){
	.main-customer-con .left-con .main-customer-slide-tab li:hover button{color:#000816;}
	.main-customer-con .left-con .main-customer-slide-tab li:hover button:before{width:100%; }
	.main-customer-con .left-con .main-customer-slide-tab li:hover button:after{opacity:1;filter:Alpha(opacity=100);  right:0; }
}
.main-customer-con .left-con .main-customer-slide-tab li.slick-active button {color:#000816;}
.main-customer-con .left-con .main-customer-slide-tab li.slick-active button:before{width:100%; }
.main-customer-con .left-con .main-customer-slide-tab li.slick-active button:after{opacity:1;filter:Alpha(opacity=100);  right:0; }

/* 우측 :: 슬라이드 & 문의하기 */
.main-customer-con .right-con {width:50%; height:100%; }
.main-customer-con .right-con .right-con-item {position:relative; height:50%;}
.main-customer-con .right-con .main-customer-slide-box {display: flex; height:100%;}
.main-customer-con .right-con .main-customer-slide-box .view-more-btn {color:#fff; }
.main-customer-con .right-con .main-customer-slide-box .view-more-btn:before {border-color: #fff; }
.main-customer-con .right-con .info-slide-box {width:50%; background-color: #0086ce; color:#fff; }
 .ie-browser .main-customer-con .right-con .info-slide-box {height:100%;}
.main-customer-con .right-con .slick-slider,
.main-customer-con .right-con .slick-slider .slick-track, 
.main-customer-con .right-con .slick-slider .slick-list {height:100%;}
.main-customer-con .right-con .info-slide-box .slick-slide.on .view-more-btn:before {width:100%;}
.main-customer-con .right-con .info-slide-box a {display:block; width:100%; height:100%; padding:0 13.75%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-customer-con .right-con .info-slide-box .item-box {display:table; width:100%; height:100%; }
.main-customer-con .right-con .info-slide-box .item-box .inner {display:table-cell; vertical-align:middle; }
.main-customer-con .right-con .info-slide-box .item { margin-top:13%;}
.main-customer-con .right-con .info-slide-box .item:first-child {margin-top:0;}
.main-customer-con .right-con .info-slide-box .tit {display:block;font-size:18px;letter-spacing:-1px; color:rgba(255,255,255,0.6); font-weight:400; }
.main-customer-con .right-con .info-slide-box .txt {font-size:24px;  line-height:1.5;  letter-spacing:-1px; color:#fff; margin-top:15px;}
/* 이미지 슬라이드 */
.main-customer-con .right-con .img-slide-box {width:50%;}
.main-customer-con .right-con .img-slide-box a {display:block; width:100%; height:100%;}
.main-customer-con .right-con .img-wrap {position:relative; overflow:hidden; height:100%; }
.main-customer-con .right-con .img-wrap .bg {position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-size:cover !important;}

.main-customer-con .main-inquiry-item a {display:block; position:relative;  height:100%; overflow:hidden; z-index:99;}
.main-customer-con .main-inquiry-item a .inner-box {display:table; width:100%; height:100%; padding:0 6.97%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-customer-con .main-inquiry-item a .txt-box {display:table-cell; vertical-align:middle;}
.main-customer-con .main-inquiry-item a .txt-box .tit {font-size:34px; color:#222; letter-spacing:-0.5px; display:block; margin-bottom:18.11%;}
.main-customer-con .main-inquiry-item a .img-box {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }

.main-customer-con .effect-bg {position:absolute; top:0; left:0; width:100%; height:100%; }
.main-customer-con .effect-bg:after,
.main-customer-con .effect-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.65s ease-in-out;
    transition: all 0.65s ease-in-out; 
}
.main-customer-con .effect-bg:before {
    background-color: #fff;
    bottom: 0;
}
.main-customer-con .effect-bg:after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
	z-index:1001;
}
.active-section .main-customer-con .effect-bg:after,
.active-section .main-customer-con .effect-bg:before{bottom:-100%;}


.main-customer-con .right-con-item .effect-bg:before,
.main-customer-con .right-con-item .effect-bg:after {
	bottom:0; top:0; right:0; 
}
.main-customer-con .right-con-item .effect-bg:before,
.main-customer-con .right-con-item .effect-bg:after {
	-webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.main-customer-con .right-con-item:nth-child(2) .effect-bg:before,
.main-customer-con .right-con-item:nth-child(2) .effect-bg:after {
	-webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.active-section .main-customer-con .right-con-item .effect-bg:after,
.active-section .main-customer-con .right-con-item .effect-bg:before{left:100%;}


#mainFooter {position:relative; z-index: 99;}


/* -------- 메인 컨텐츠 추가 :: Analysis 250829 JY -------- */
#mainAnalysisCon .fp-tableCell {vertical-align: top;}
#mainAnalysisCon .left-con .main-tit-box .main-tit,
#mainAnalysisCon .left-con .view-more-btn {color: #fff; }
#mainAnalysisCon .left-con .view-more-btn:before {border-color: #fff; }