@charset "utf-8";
/* ******************  메인 레이아웃(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;}
}

.full-section-wrap{position:relative; width:100%; height:100%}
@media (min-height: 561px) and (max-width: 1024px){	
	.full-section-wrap{height:calc(var(--vh, 1vh) * 100)}
}

.ms-preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    background-color: #151515;
}

/* 메인 퀵메뉴 */
.footer-quick-menu {position: fixed; bottom:-15rem; right:5rem; z-index:101; transition:var(--transition-custom);}
.footer-quick-menu a{position: relative; display: flex; align-items:center; width:7rem; height:7rem; line-height: 7rem; border-radius:7rem; margin:auto; margin-top: 5px; margin-right:0; transition:var(--transition-custom); background: var(--main-color);
	 overflow:hidden;-webkit-box-shadow: 0.5rem 0.5rem 1.5rem rgba(0,0,0,0.21)r;
	-moz-box-shadow: 0.5rem 0.5rem 1.5rem rgba(0,0,0,0.21);
	box-shadow: 0.5rem 0.5rem 1.5rem rgba(0,0,0,0.21);}
.footer-quick-menu a i {position: relative; width: 7rem;font-size: 2.2rem;color: #fff; text-align: center;z-index: 1;}
.footer-quick-menu a .txt { position: absolute;font-size: 1.5rem; letter-spacing: -0.045em; color: #fff;font-weight: 700;opacity: 0;transition: all 0.2s; transition-delay: 0s; left: 7rem; pointer-events: none;}

.footer-quick-menu a:hover {width:17rem; background:var(--main-color);}
.footer-quick-menu a:hover .txt {opacity:1; transition:var(--transition-custom); transition-delay:0.2s;}

.main-wrap .footer-quick-menu a {animation: footerQuick 2s; animation-delay: 0.6s;}
.main-wrap .footer-quick-menu a .txt {animation: footerQuickTxt 2s;animation-delay: 0.6s; }

.footer-quick-menu a:nth-child(2) {display: none;}

.active.footer-quick-menu{bottom:5rem; }
.footer-quick-menu.main-on,
.footer-quick-menu.bottom-fixed {bottom: 13rem;}

@keyframes footerQuick {
	0% {
		width:7rem;
	}
	25% {
		width:17rem;
	}
	75% {
		width:17rem;
	}
	100%{
		width:7rem;
	}
}
@keyframes footerQuickTxt {
	0% {
		opacity:0;
	}
	25% {
		opacity:1;
	}
	75% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:100vh; 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:before{position: absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:9}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	/* transform: scale(1.08,1.08); */
	position: absolute;
}
.main-visual-item .main-visual-m-img{display:none;}
/* 메인 비주얼 :: 영상 */
.background-video-wrapper{position:relative; overflow:hidden; height:100%; width:100%; background-color:#000; top:0px; left:0px; }
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.background-video iframe{
	width: 100vw;
	height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 300px);
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.2s;
}
.background-video.start iframe{opacity:0.86;}

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

.main-visual-txt-inner {width: 57%;}
.main-visual-txt-box .main-visual-txt1{font-size: 3rem; font-weight: 600; letter-spacing: -0.015em; color: var(--main-color); overflow: hidden;}
.main-visual-txt-box .main-visual-txt2{font-size: 7.4rem; font-weight: 600; letter-spacing: -0.01em; color: #fff; line-height: 0.6; overflow: hidden; }
.main-visual-txt-box .main-visual-txt3{font-size: 1.8rem; font-weight: 400; color: rgba(255,255,255,0.5); padding-top: 2.5rem; overflow: hidden;}

/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.active-item .main-visual-txt3{animation-delay:0.4s;}

.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;}

/* 메인 비주얼 :: 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);
	}
}
/* 비주얼영상 */
.video-wrapper{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video-wrapper:after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
}
#visualVideo {
	position:absolute; 
	top:50%; 
	left:50%; 
	min-width:100%; 
	min-height:100%; 
	-ms-transform:translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%); 
	transform:translate(-50%,-50%);
}

/* 메인 비주얼 :: 컨트롤박스 */
.main-visual-control-box {position:absolute; display: flex; align-items: center; left:0; bottom:13rem; width:100%; z-index:100; transition:var(--custom-transiton2); }
.main-visual-control-box .control-box-inner {position: relative; display: flex; width: 100%;}
/* .main-visual-control-box .arrow-controls {position: absolute;  left: 0; top: 0;} */
.main-visual-control-box .control-box-inner button {font-size: 2.4rem; color: rgba(255,255,255,0.5);}


.main-visual-control-box .slick-dots-wrapper{position: relative; top: 4px;}
.main-visual-control-box .slick-dots{display:flex; align-items: center; padding: 0 2rem;}
.main-visual-control-box .slick-dots li{width: 21.6px; margin: 0 8px;}
.main-visual-control-box .slick-dots li button{
	position:relative; 
	cursor:pointer; 
	margin:0px; 
	padding:0px; 
	background:none; 
	vertical-align:top; 
	width:22px; 
	height:22px; 
	font-size:0; 
	border-radius:50%; 
	box-sizing:border-box;
}
.main-visual-control-box .slick-dots li button:focus{}
.main-visual-control-box .slick-dots li button:after{position:absolute;top: 50%; left: 50%;margin-top: -3px; margin-left: -3px;width:6px; height:6px; background:rgba(255,255,255,0.5); content:""; border-radius:50%; transition:var(--custom-transiton1); }
.main-visual-control-box .slick-dots li button svg{position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(0) rotate(-90deg); transition:var(--custom-transiton1);}
.main-visual-control-box .slick-dots li button svg circle{
	fill:transparent; 
	stroke:#fff; 
	stroke-width:2px; 
	stroke-linecap:round; 
	stroke-dasharray: 100;
	stroke-dashoffset: 50;
}
.main-visual-control-box .slick-dots li.slick-active button svg{transform:scale(1) rotate(-90deg); }
html:not(.ios-os) .main-visual-control-box .slick-dots li.slick-active button svg circle{animation: draw-circle 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
.ios-os .main-visual-control-box .slick-dots li.slick-active button svg circle{animation: draw-circle-ios 4.6s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual-control-box .slick-dots li.slick-active button:after{background: #fff;}

.active .main-visual-control-box {animation: control-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

@keyframes control-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(60px); 
		transform: translateY(60px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* svg Circle draw */
@keyframes draw-circle {
	from {
		stroke-dashoffset: -50;
	}
	to {
		stroke-dashoffset: 0
	}
}
@keyframes draw-circle-ios {
	from {
		stroke-dashoffset: 100;
	}

	to {
		stroke-dashoffset: 50
	}
}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:4rem; left:50%; width: 0.6rem; height: 3.6rem; border-radius: 0.6rem; background: rgba(255,255,255,0.3); z-index:9;overflow: hidden;}
.main-scroll-icon span{position: absolute;display: block;width: 0.6rem; height: 0.6rem;border-radius: 0.6rem;background: #fff; top: 0; left: 0;
    animation: scroll-icon-ani 2s ease-in-out infinite; transition: var(--transition-custom);}
.active .main-scroll-icon {animation: control-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes scroll-icon-ani {
	0% {
		top:-0.8rem;
		opacity:0;
	}
	10% {
		top:-0.8rem;
		opacity:1;
	}
	32% {
		top:-0.8rem;
		opacity:1;
	}
	80% {
		top:4.3rem;
		opacity:1;
	}
	100% {
		top:4.3rem;
		opacity:0;
	}
}
/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{}
.main-tit-box .main-tit{color:#222; font-size:6.2rem; font-weight:700; letter-spacing:-0.02em; line-height: 1;}
.main-tit-box .main-sub-tit{font-weight:400; font-size:1.8rem; letter-spacing:-0.041em; color:#666; line-height:1.83; margin-top:3rem}
.main-tit-box.wh .main-tit{color:#fff}
.main-tit-box.wh .main-sub-tit{color:rgba(255,255,255,0.6)}

/* 공통 :: 텍스트 효과 */
.cm-up-effect-02{/*padding-bottom:0.1em; */overflow:hidden;/*overflow-y:hidden*/line-height:0}
.cm-up-effect-02-inner{line-height:1.1; overflow:hidden; display:inline-block}
.cm-up-effect,
.cm-up-effect-02{opacity:0}
.active-section .cm-up-effect,
.active-section .cm-up-effect-02{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.cm-up-effect.splitting .char,
.cm-up-effect-02 .cm-up-effect-02-inner{
	-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;
}
.active-section .cm-up-effect .char,
.active-section .cm-up-effect-02 .cm-up-effect-02-inner{
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

/* -------- 메인 컨텐츠 :: 컨텐츠1-------- */
#mainCompany{overflow:hidden; background-color:#fff; z-index:2}
#mainCompany:after{position:absolute; content:""; width:48rem; height:100%; background-color:#ebf0f3; top:0; right:0; z-index:0; }
.main-cp-wrap{position:relative; display:table; width:100%; table-layout:fixed}
.main-cp-wrap > div{display:table-cell; vertical-align:middle; position:relative; z-index:2}
.main-cp-wrap .main-cp-txt .cp-link-list{display:flex; flex-wrap:wrap; max-width:65rem; margin-top:7.5rem}
.main-cp-wrap .main-cp-txt .cp-link-list li{width:40%; display:table; table-layout:fixed; height:7.5rem; position:relative; border-bottom:1px solid #eee; margin-right:10%;}
.main-cp-wrap .main-cp-txt .cp-link-list li:after{position:absolute; content:""; width:0; height:1px; background-color:#000; left:0; bottom:-1px; }
.main-cp-wrap .main-cp-txt .cp-link-list li a{display:table-cell; vertical-align:middle; font-weight:400; font-size:1.8rem; letter-spacing:-0.025rem; line-height:1.3; color:#666; width:100%; }
.main-cp-wrap .main-cp-txt .cp-link-list li a i{position:absolute; right:10%; top:50%; transform:translateY(-50%)}
.main-cp-wrap .main-cp-img{width:50.3%; text-align:right;}
.main-cp-wrap .main-cp-img span{position:relative; height:0; padding-top:65%; display:block; overflow:hidden;}
.main-cp-wrap .main-cp-img img{position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.0,1.0); opacity:1 }
#mainCompany.active-section:after{top:0}
.active-section .main-cp-wrap .main-cp-img span img{transform:scale(1.0,1.0); opacity:1}
@media all and (min-width:801px){	
	.main-cp-wrap .main-cp-txt .cp-link-list li:hover:after{width:100%}
	.main-cp-wrap .main-cp-txt .cp-link-list li a:hover{color:#000}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2-------- */
#mainContent1 .fp-tableCell{vertical-align:top}
.tit-krcon{position:relative; overflow:hidden; background-color:#fff; z-index:99}
.main-bs-con .main-bs-wrap{width:100%; height:100%;}
.main-bs-con .main-bs-wrap .main-bs-slide,
.main-bs-con .main-bs-wrap .main-bs-slide .slick-track, 
.main-bs-con .main-bs-wrap .main-bs-slide .slick-list{height:100%}
.main-bs-con .main-bs-wrap .main-bs-item{position:relative; height:100%; background-size:cover !important; transition:width 1s; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; vertical-align:top; transition:background-color 0.8s cubic-bezier(.23,1,.32,1);}
.main-bs-con .main-bs-wrap .main-bs-item:last-child{border-right:0}
.main-bs-con .main-bs-wrap .main-bs-item .main-bs-item-area{display:block; height:100%; position:relative}
.main-bs-con .main-bs-wrap .main-bs-item .main-bs-item-area .main-bs-item-inner{height:100%; position:relative;}
.main-bs-control{position:absolute; bottom:32px; left:0; width:100%; text-align:center; z-index:999; backface-visibility:hidden; transform: translateZ(0)}
.main-bs-control .main-bs-conuter{display:none}
.main-bs-control .main-bs-arrow{display:none}
.main-bs-con .main-bs-wrap .main-bs-item .mb-img{}

/* 타이틀 */
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb{position:absolute; top:21%; left:0; color:#fff; width:100%; box-sizing:border-box; padding:0 14.5%; text-align:left; transition:top 0.5s, color 0.5s; z-index:999; }
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .default-txt{position:relative; transition:padding 0.4s;}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .bs-on-icon{position:absolute; top:0; left:0; }
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-kr{display:block; font-weight:400; font-size:18px; letter-spacing:-0.63px; color:#fff; opacity:0.6; margin-top:20px;}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-en{display:block; font-weight:600; font-size:32px; letter-spacing:0; color:#fff; opacity:1}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt{position:relative; margin-top:40px; padding-top:50px; font-weight:400; font-size:18px; letter-spacing:-0.63px; color:rgba(255,255,255,0.5); line-height:1.66; transition:all 0.3s}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt:before{position:absolute; content:""; width:21px; height:3px; background-color:#fff; top:0; left:0; opacity:1; transition:opacity 0.3s}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail{display:inline-block; position:absolute; bottom:0; left:3px; }
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail span{position:relative; display:inline-block; font-weight:500; font-size:12px; color:#fff; letter-spacing:0; padding-right:24px}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail span:after{position:absolute; content:""; width:17px; height:1px; background-color:#fff; right:0; bottom:4px}
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-kr,
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .tit-en,
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .txt,
.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail{backface-visibility:hidden; transform: translateZ(0); z-index:99}
/* 오버 시 */
@media all and ( min-width:801px ){	
	#mainContent1 { height: 400px!important;}
	.main-bs-con .main-bs-bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden}
	.main-bs-con .main-bs-bg ul{}
	.main-bs-con .main-bs-bg ul .bg{position:absolute; top:0; left:0; width:100%; height:100%}
	.main-bs-con .main-bs-bg ul .bg > div{width:100%; height:100%; opacity:0;filter:Alpha(opacity=0); visibility:hidden; transition: opacity 2.5s cubic-bezier(.23,1,.32,1), visibility 2.5s cubic-bezier(.23,1,.32,1); background-size: cover !important;}
	.ie-browser .main-bs-con .main-bs-bg ul .bg > div{transition: opacity 1s, visibility 1s}
	.main-bs-con .main-bs-bg ul .bg.bg-active > div{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
	.main-bs-con .main-bs-wrap .main-bs-item.active{background-color:rgba(35,41,69,0.9)}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .default-txt{padding:130px 0 100px}
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .bs-on-icon,
	.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb .view-detail{opacity:0; transition:opacity 0.2s; transition-delay:0s}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .bs-on-icon,
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .view-detail{opacity:1; transition:opacity 0.4s; transition-delay:0.1s}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .txt{padding-top:35px}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .txt:before{opacity:0}
	.main-bs-con .main-bs-wrap .main-bs-item.active .bs-thumb .view-detail:hover{animation: btnmove 0.8s ease-in-out; animation-iteration-count: 1;}
	
}

.main-bs-con .main-bs-wrap .main-bs-item .bs-thumb,
.main-bs-control{opacity:0; transition:opacity 0.2s 0.3s}
.main-bs-con.active .main-bs-wrap .main-bs-item .bs-thumb,
.main-bs-con.active .main-bs-control{opacity:1; transition:opacity 0.2s 0s}

/* -------- 메인 컨텐츠 :: 컨텐츠3 -------- */
.con-tit {font-size:7.5rem; line-height:1.1; font-weight: 700; color:#222; font-family:var(--font-family2); margin-bottom: 2.4rem;}
.con-sub-tit {display:block; font-size:3.5rem; line-height:1.3; letter-spacing:-0.055em; color:#333; font-weight: 300; }
.con-sub-tit .highlight {font-weight: 700; }
.section .con-tit,.section .con-sub-tit{opacity:0;}

.active-section.section .con-tit, .active-section.section .con-sub-tit {opacity:1;}

.active-section.section .con-tit > span {display:inline-block; animation:text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; opacity:1;}

.active-section.section .con-tit span{animation-delay:0.1s;}
.active-section.section .con-sub-tit span{animation-delay:0.3s;}

.active-section.section .cm-word-split-JS .word .char {animation: text-up 1.5s cubic-bezier(0.4,0,0.2,1) both; opacity:1; display:inline-block;}
.active-section.section .con-sub-tit > span {animation:none;}

.section .main-bg {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background: no-repeat center; transform:scale(1.08,1.08); background-size: cover;}
.active-section .main-bg {animation:image-zoom-out 5s 0s forwards;}
.c-info-box {position:relative; width:100%; height:100%; overflow:hidden;}
#mainContent3 {overflow:hidden;}
#mainContent3.active .main-bg {animation:image-zoom-out 5s 0s forwards;}
#mainContent3 .main-bg {background-image: url(../images/main/information_bg.jpg);}
#mainContent3 .inner-con { position: relative;}
#mainContent3 .inner-con .inner-box {width:100%; padding-top:7rem; box-sizing:border-box;}
#mainContent3 .tit-box { margin-top: 4.5rem; width: 50%; float: left;}
#mainContent3 .con-tit {margin-bottom:1.8rem;}
#mainContent3 .info-list { width: 46%; float: right;}
#mainContent3 .info-list .item-inner { padding:5rem 5rem;}
#mainContent3 .info-list .list-item {width:100%;background: #072438; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.3s; transition:all 0.4s; margin-top:6px;}
#mainContent3 .info-list .list-item:first-of-type {margin-top: 0;}
#mainContent3 .info-list .list-item:hover{background:#030f1f;background:var(--main-color);}
#mainContent3 .info-list .list-item .txt01 {display:inline-block; font-size:2.4rem; letter-spacing:-0.065em; font-weight: 600; color:#fff; margin-bottom: 1.5rem;}
#mainContent3 .info-list .list-item .txt01 i {position:relative; top:2px; margin-left:5px;}
#mainContent3 .info-list .list-item .txt02 {font-size:1.8rem; /* letter-spacing:-0.065em; */ letter-spacing:-0.01em;  font-weight: 400; color:rgba(255,255,255,0.5); line-height:1.5;}
#mainContent3 .info-list .item-inner {display:flex; align-items:center; justify-content:space-between;}
#mainContent3 .info-list .icon-box {position: relative; height: 0; width:5rem; padding:8.88% 0 0;}

/* -------- 메인 컨텐츠 :: 컨텐츠4 -------- */
#mainContent4{background-color:#f2f2f2}
#mainContent4 .fp-tableCell{height:100% !important;}
#mainContent4 .main-notice-wrapper .area-box{height:100%;}
.main-notice-con{width: 670px; position: relative;}
.main-notice-con.bidding{float: left;}
.main-notice-con.notify{float: right;}
.main-notice-con:before{position: absolute; top: -23px; left: 59px; display: block; content: ''; width: 20px; height: 46px; background-color: #008dd1;}
.main-notice-con.notify:before{background-color: #35c0d3;}
.main-notice-con .inner{padding: 50px 55px; border: 1px solid #b8b8b8; background-color: #fff; -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.06); box-shadow: 5px 5px 5px rgba(0,0,0,0.06);}
.main-notice-tit{position: relative;}
.main-notice-tit .tit{font-size: 3.0rem; font-weight: 700; letter-spacing: -0.65px; color: #000;}
.main-notice-list{ margin-top: 20px;}
.main-notice-list .list-item{padding: 15px 0; border-top: 1px solid #e5e5e5;}
.main-notice-list .list-item:first-child{border-top: none;}
.main-notice-list .list-item .tit{font-size: 1.7rem; line-height: 1.8; width: 100%; }
.main-notice-list .list-item .tit .new{margin-left: 7px; display: inline-block; font-size: 1.5rem; font-weight: 600; color: #008dd1;}
.main-notice-con.notify .main-notice-list .list-item .tit .new{color: #35c0d3;}
.main-notice-list .list-item .date{margin-top: 10px; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.75px; color: #777; opacity: 0.5;}
.main-notice-con .move-more-btn{position: absolute; display: block; bottom: 25px; right: 30px;}
.main-notice-con .move-more-btn i{font-size: 1.9rem; font-weight: 600; color: #000;}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{
	display: none;
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
	left:50px;
    opacity: 1;
    transform: translate3d(0,0,0);
}
#fp-nav.on {display: block;}
#fp-nav ul li{position:relative; width:6px; margin:20px 0;}
#fp-nav ul li:last-child{display:none} /* 마지막 섹션이 footer일경우 */
#fp-nav ul li a{display:block; position:relative; width:100%; height:6px; box-sizing:border-box; transition:var(--transition-custom);}
#fp-nav ul li a span{display:block; width:6px; height:6px; background:rgba(0,0,0,0.2); border-radius:6px; transition:var(--transition-custom);}
#fp-nav ul li .fp-tooltip{
	display: none;
	position:absolute; 
	overflow:hidden; 
	right:20px; top:0; 
	opacity:0;filter:Alpha(opacity=0); 
	line-height:20px; 
	letter-spacing:-0.75px; 
	font-size:12px; 
	color:#fff; 
	margin-right:5px; 
	text-align:right; 
	transition:var(--transition-custom);
}
#fp-nav ul li .fp-tooltip span{display:block; transform:translateX(100%); transition:all 0.5s;}
#fp-nav ul li a.active { height:30px; }
#fp-nav ul li a.active span{background: var(--main-color); height: 100%;}