@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
.main-wrap {background: #000000;}
.ms-preloader {width: 100%; height: 100%; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #000; position: fixed; z-index: 9999999;}
.main-wrap #header{transition:var(--transition-custom2); opacity:0; transform: translateY(calc(-1 * (var(--header-height) + var(--header-top))));}
.main-wrap.active #header{opacity:1; transform:none; }
.main-wrap.active #header.hide {transform: translateY(calc(-1 * (var(--header-height) + var(--header-top))));}

/* ******************  메인 레이아웃(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;}
}

/* ******************  메인 인트로 ********************** */
#mainIntro{position: absolute; top:calc(50% - 1px); left:calc(50% - 1px); transform:translate(-50%, -50%); width:calc(100vw + 2px); height:calc(100vh + 2px); z-index:9; overflow:hidden;}
.main-intro-wrap{position: relative; width:100%; height:100%;}
.main-intro-wrap .intro-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 1.0s;}
.main-intro-wrap .intro-bg .layer {position: absolute; top: 0;left: 0; width: 100%;height: 100%; background-size: cover; background-position: center;will-change: mask-position, mask-size; z-index: 2;}
.main-intro-wrap .intro-bg .layer-back {background: url(/images/main/intro_bg.jpg)no-repeat center/cover;}
.main-intro-wrap .intro-bg .layer-color { mask-repeat: no-repeat;  mask-position: center; mask-size: 82.2rem;  -webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: 82.2rem; }
.main-intro-wrap .intro-bg .layer-color .inner {content:""; position:absolute; width: 100%; height: 100%; top: 0; left: 0; will-change: transform;}
.main-intro-wrap .intro-bg .bg-split-item{ position:absolute; inset:-1px;background: var(--main-color); z-index: 1;}
.main-intro-wrap .intro-bg .bg-split-item.split-item01 {clip-path: polygon(0 0, 100% 0, 0 100%);}
.main-intro-wrap .intro-bg .bg-split-item.split-item02 {clip-path: polygon(100% 0, 100% 100%, 0 100%);}

.main-intro-wrap .intro-txt-con {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 82.2rem;}
.main-intro-wrap .intro-txt-con .middle-txt { height: 29.2rem;}
.main-intro-wrap .intro-txt {display: flex; align-items: end; width: 82.2rem; margin: 0 auto;}
.main-intro-wrap .intro-txt.top-txt {padding-bottom: 4rem;}
.main-intro-wrap .intro-txt.bottom-txt {padding-top: 4rem;}
.main-intro-wrap .intro-txt .bar {position: relative; overflow: hidden; width: calc(100% - 1rem); position: relative; height: 2px; border-radius: 2px; margin-bottom: 0.3rem; }
.main-intro-wrap .intro-txt .txt {white-space: nowrap; font-size: 2rem; font-weight: 700; letter-spacing: 0; color: #fff;}
.main-intro-wrap .intro-txt .txt b {font-weight: 700; color: var(--main-color);}
.main-intro-wrap .intro-txt.top-txt .txt { margin-left: 1rem;}
.main-intro-wrap .intro-txt.top-txt .txt .m-br {display: none;}
.main-intro-wrap .intro-txt.bottom-txt .txt { margin-right: 1rem;}
.main-intro-wrap .intro-txt.top-txt .bar:before {position: absolute; content: ''; left: -199%; top: 0; width: 200%; height: 2px; background: linear-gradient(-90deg, var(--main-color) 0%, var(--main-color) 50%, rgba(0,0,0,0.15) 100%); transition: all 2.0s; transition-delay:0.2s; }
.main-intro-wrap .intro-txt.bottom-txt .bar:before {position: absolute; content: ''; right: -199%; top: 0; width: 200%; height: 2px; background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color) 50%, rgba(0,0,0,0.15) 100%); transition: all 2.0s; transition-delay:0.2s; }

/* intro-load */
#mainIntro.intro-load .intro-bg .bg-split-item.split-item01 {animation: logoAni01 cubic-bezier(0,1,1,1) both 1.4s; }
#mainIntro.intro-load .intro-bg .bg-split-item.split-item02 {animation: logoAni02 cubic-bezier(0,1,1,1) both 1.4s; }
#mainIntro.intro-load .main-intro-wrap .intro-txt.top-txt .bar:before {left: 100%;}
#mainIntro.intro-load .main-intro-wrap .intro-txt.bottom-txt .bar:before {right: 100%;}
#mainIntro.intro-load .layer-color .inner {animation: imgFloat 2.2s ease both ;}
 
/* load */
#mainIntro.load .layer-color{animation: introAniLogo ease-in both 1.5s;}
#mainIntro.load .main-intro-wrap .intro-txt.top-txt {animation: introAniTop ease-in both 1.5s;}
#mainIntro.load .main-intro-wrap .intro-txt.bottom-txt {animation: introAniBottom ease-in both 1.5s;}

@keyframes logoAni01 {
	from {
		clip-path: polygon(0 0, 100% 0, 0 100%);
	}
	to {
		clip-path: polygon( 0 0, 0 0, 0 100%);
	}
}
@keyframes logoAni02 {
	from {
		clip-path: polygon(100% 0, 100% 100%, 0 100%);
	}
	to {
		clip-path: polygon(100% 0,100% 100%, 100% 100% );
	}
}

@keyframes imgFloat{
	0%   { transform: translate3d(-20%, 0, 0) scale(1.00); }
	100% { transform: translate3d(0,  0, 0) scale(1.00); }
}
@keyframes introAniTop {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(calc(-1 * ( 29.2rem * 5)));
	}
}
@keyframes introAniLogo {
	0% {
		mask-size: 82.2rem; 
		-webkit-mask-size: 82.2rem; 
	}
	100% {
		mask-size: 1300vw; 
		-webkit-mask-size: 1300vw; 
	}
}
@keyframes introAniBottom {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(calc( 29.2rem * 5));
	}
}


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


/* ******************  메인 비주얼 ********************** */
#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 .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
}
.main-visual-item .main-visual-m-img{display:none;}
/* 메인 비주얼 :: 텍스트 */
.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: flex-end;
	height:100%;
	padding-bottom: 11rem;
    box-sizing: border-box;
}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-logo {
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size:4rem; font-weight:700; letter-spacing:-0.02em; color:#fff; line-height: 1.6; }
.main-visual-txt-box .main-visual-logo {}

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

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

/* 메인 인트로 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; text-align:center; z-index:9; bottom:4rem; left:50%; transform:translateX(-50%); opacity:0;}
.main-scroll-icon .bar{display: block; position: relative; width:0.4rem; height:6rem; overflow:hidden; margin:auto; border-radius:0 0 2px 2px;}
.main-scroll-icon .bar em{position: absolute; display: block; width:100%; height:100%; animation: upDown 1.5s ease-in-out infinite; background: transparent linear-gradient(180deg, #38383800 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; opacity:0.68; border-radius:2px;}
.main-scroll-icon .txt{display:block; color:#fff; font-size:1.2rem; letter-spacing:0.2em; line-height:1.5; font-weight:500; margin-top:1rem;}
@keyframes upDown {
	0% {
		transform:  translateY(-100%);
	}
	100% {
		transform:  translateY(100%);
	}
}
.intro-load .main-scroll-icon {opacity: 1;}
.intro-active .main-scroll-icon {opacity: 1;}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 효과 */
.cm-effect {opacity: 0; transition-property: opacity, transform, -webkit-transform, filter; filter: blur(10px); transition:var(--transition-custom2); will-change: opacity;}
 /* transition일때 */ 
.animated .cm-effect {opacity: 1; filter: blur(0px);}


/* -------- 메인 컨텐츠 :: 컨텐츠1 (Product) -------- */
.main-con01 {height: 100vh; background: url(/images/main/main_prd_bg.jpg)no-repeat center/cover;}
.main-prd-list { position: relative; z-index: 1; display: flex; width: 100%; height: 100%; pointer-events: none;}
.main-prd-list.on {pointer-events:visible}
.main-prd-list > li {position: relative; flex: 1; height: 100%; transition: flex 1.2s cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden; cursor: pointer; } 
.main-prd-list > li .basic-con {position: absolute; width: 12rem; height: 100%; top: 0; left: 0; padding: 8rem 0; box-sizing: border-box; display: flex; flex-direction:column; align-items: center; justify-content: space-between;}
.main-prd-list > li .basic-con:before {position: absolute; content: ''; width: 1px; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.1); z-index: 1; }
.main-prd-list > li:first-child .basic-con:before {display: none;} 
.main-prd-list > li .basic-con strong {display: block; font-size: 2.4rem;font-weight: 700; color: #fff; writing-mode: vertical-lr;}
.main-prd-list > li .basic-con .icon-box {position: relative; width: 3rem; height: 3rem;} 
.main-prd-list > li .basic-con .icon-box img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.main-prd-list > li .basic-con .icon-box img.arrow-icon {opacity: 0;}
.main-prd-list > li .inner-con {position: relative; height: 100%; width: 12rem; padding-left: 12rem; box-sizing: border-box; transition:width 1.2s cubic-bezier(0.23, 1, 0.32, 1);} 
.main-prd-list > li .inner-con .img-box {position: relative; width: calc(100vw - 48rem); height: 100%; display: flex; align-items: end; justify-content: end;}
.main-prd-list > li .inner-con .img-box span {display: block; width: 92rem;}
.main-prd-list > li .inner-con .img-box span img {max-width: 100%;}
.main-prd-list > li .inner-con .inner {position: absolute; left: 0; top: 0; padding:13rem 0 12rem 24rem; width: calc(100vw - 36rem); height: 100%; box-sizing: border-box; display: flex; flex-direction:column; justify-content: space-between; opacity: 0; visibility: hidden; transition:all 1.2s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1;}
.main-prd-list > li .inner-con .inner .tit-box .sub-tit {display: block; font-size: 1.6rem; font-weight: 700; color: var(--main-color); line-height: 1; margin-bottom: 3rem;}
.main-prd-list > li .inner-con .inner .tit-box .tit {font-size: 6.4rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.2;}
.main-prd-list > li .inner-con .inner .tit-box .txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.02em; color: rgba(255,255,255,0.5); line-height: 1.75; margin-top: 3rem;}
.main-prd-tab-wrapper-style {position: relative; width: 20rem; padding: 0.5rem 1rem; box-sizing: border-box; border-radius: 3rem; background-color: rgba(255,255,255,0.06); backdrop-filter:blur(1rem); }
.main-prd-tab-style {position: relative;}
.main-prd-tab-style ul {display: flex; flex-direction: column; }
.main-prd-tab-style ul li {position: relative;width: 100%; z-index: 1; padding:5px 0; }
.main-prd-tab-style ul li a {position: relative; display: table; width: 100%; height: 40px; border-radius:2rem; padding: 0 3.4rem 0 2rem;box-sizing: border-box;}
.main-prd-tab-style ul li a em {display: table-cell;vertical-align: middle; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; color: rgba(255,255,255,0.5); transition:all 0.3s;}
.main-prd-tab-style ul li.selected {z-index: 2;} 
.main-prd-tab-style ul li.selected a em {color: #fff;}
.main-prd-tab-style .move-line-wrap {top: 0;}
.main-prd-tab-style .tab-on-icon.move-line > span {border-radius: 2rem;}
.main-prd-tab-style .tab-on-icon.move-line > span:before {position: absolute; content: '\e93f'; font-family: 'xeicon'; font-size: 2.4rem; font-weight: 400; right: 1rem; top: 50%; margin-top: -1.2rem; color: #fff; z-index: 2;}
/* active */
.main-prd-list > li.active {flex: 0 1 calc(100% - 36rem);}
.main-prd-list > li.active .basic-con .icon-box img.plus-con {opacity: 0;}
.main-prd-list > li.active .basic-con .icon-box img.arrow-icon {opacity: 1; transition:opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);}
.main-prd-list > li.active .inner-con {width: 100%;}
.main-prd-list > li.active .inner-con .img-box {opacity: 1; visibility: visible;}
.main-prd-list > li.active .inner-con .inner {opacity: 1; visibility: visible;}

@media all and (min-width: 801px) {
    .move-line-wrap {  position: absolute;width: 100%;  margin: 0 auto;  top: 10px; left: 0; pointer-events: none;}
    .tab-on-icon.move-line {position: absolute; left: 0; top: 0; z-index: 1; height: 40px;}
    .tab-on-icon.move-line > span {height: 40px; background-color: var(--main-color); position: absolute;left: 0;top: 0;  text-align: center; transition: background-color 0.5s;border-radius: 20px;}
}
@media all and (max-width: 800px) {
	.move-line-wrap  {display: none !important;}
}

/* -------- 메인 컨텐츠 :: 컨텐츠2 (Industries) -------- */
.main-con02 {position: relative; width: 100%; height: 100vh;}
.main-con02-top {position: absolute; top: 15rem; left: 0; width: 100%; z-index: 10; }
.main-con02-tit {display: block; text-align: center; font-size: 1.6rem;font-weight: 700;line-height: 1; color: var(--main-color); }
.main-industries-tit {position: relative; margin-top: 2.4rem;}
.main-industries-tit strong {display: inline-block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-size: 3.2rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.25; opacity: 0; transition:all 0.4s;}
.main-industries-tit strong.on {opacity: 1;}

.main-industries-bg-wrap {position: relative; height: 100%; opacity: 0; transition: all 0.8s; }
.main-industries-bg-wrap.on {opacity: 1;}
.main-industries-bg-wrap .main-industries-bg {height: 100%;}
.main-industries-bg .bg-item,
.main-industries-bg .bg-item-inner {width: 100%;height: 100%;overflow: hidden}
.main-industries-bg .main-industries-bg-img {display:block;width:100%;height:100%; background-size:cover !important; }

/* 수정본 */
.main-indus-bg-wrap {position: relative; height: 100%; opacity: 0; transition: opacity 0.8s; contain: layout paint; }
.main-indus-bg-wrap.on {opacity: 1;}
.main-indus-bg-wrap .main-indus-bg {position: relative; height: 100%; }
.main-indus-bg-wrap .main-indus-bg li {position: absolute;top: 0; left: 0; width: 100%; height: 100%; display: block;}
/* .main-indus-bg-wrap .main-indus-bg li .bg-item-inner{position:absolute; top:0;left:50%; height:100%; width:0; transform:translateX(-50%);  overflow:hidden;transition: width 0.6s; will-change: width;}
.main-indus-bg-wrap .main-indus-bg li .bg-item-inner span {position: absolute;top:0;left:50%;transform:translateX(-50%); display: block; width: 100vw; height: 100vh; }
.main-indus-bg-wrap .main-indus-bg li .bg-item-inner span img {width: 100%; height: 100%; object-fit:cover} */

.main-indus-bg-wrap .main-indus-bg li .bg-item-inner{ position:absolute; inset:0;}
.main-indus-bg-wrap .main-indus-bg li .bg-item-inner span{position:absolute; top:0; left:0; width:100vw; height:100%; will-change: clip-path; backface-visibility:hidden;transform: translateZ(0);transition: clip-path .6s ease;}
.main-indus-bg-wrap .main-indus-bg li .bg-item-inner span img {width: 100%; height: 100%; object-fit:cover}
.main-indus-bg-wrap .main-indus-bg li .bg-item-inner span{  clip-path: inset(0 50% 0 50%);}
.main-indus-bg-wrap .main-indus-bg li.selected .bg-item-inner span{clip-path: inset(0 0 0 0);}
.main-indus-bg-wrap .main-indus-bg li.prev .bg-item-inner span{clip-path: inset(0 0 0 0);}
.main-indus-bg-wrap .main-indus-bg li { z-index: 0; }
.main-indus-bg-wrap .main-indus-bg li.prev { z-index: 1; }
.main-indus-bg-wrap .main-indus-bg li.selected { z-index: 2; }

.main-industries-list {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; z-index: 10;  pointer-events: none;}
.main-industries-list.on { pointer-events: visible;}
.main-industries-item { position: relative; display: block; flex: 1; height: 100%; transition: all 0.8s; overflow: hidden; cursor: pointer;}
.main-industries-item:before {position: absolute; content: ''; width: 1px; height: 0; left: 0; top: 0; background: rgba(255,255,255,0.12); z-index: 1; transition: height 1.0s ease-in-out;}
.main-industries-item:nth-child(odd):before{top: auto; bottom: 0;}
.main-industries-item:first-child:before {display: none;}
.main-industries-item .inner {position: absolute; top: 0; left: 0; display: flex; align-items: end; justify-content: center; width: 100%; height: 100%; padding-bottom: 16rem; box-sizing: border-box;  transition:all 0.8s; z-index: 1;}
.main-industries-item a {position: relative; display: block; width: 0; height: 100%;}
.main-industries-item a .inner-m {display: none;}
.main-industries-item .inner dl dt {width: 100%; max-width: 20rem; margin: 0 auto;}
.main-industries-item .inner dl dt img {max-width: 100%; transition:all 0.8s;}
.main-industries-item .inner dl dd {position: relative; width: 100%; margin-top: 3rem; min-height: 6rem; display: flex; justify-content: center; flex-direction: column;}
.main-industries-item .inner dl dd p {position: relative; display: block; height: 2.3em;}
.main-industries-item .inner dl dd p strong {position: absolute; left: 50%; top: 0; display: inline-block; margin: 0 auto; font-size: 1.6rem; font-weight: 600; line-height: 1.8; letter-spacing: -0.02em; color: #fff; transform:translateX(-50%); transition:all 0.8s; white-space:nowrap; will-change: transform, left;}
.main-con02-top,
.main-industries-item .inner dl {opacity: 0; filter: blur(10px);  -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); transition:var(--transition-custom2);}
.animated .main-con02-top,
.animated .main-industries-item .inner dl { opacity: 1; -webkit-transform: none;  transform: none; filter: blur(0px);}
.animated .main-industries-item:first-child .inner dl {transition-delay:0.1s;}
.animated .main-industries-item:nth-child(2) .inner dl {transition-delay:0.2s;}
.animated .main-industries-item:nth-child(3) .inner dl {transition-delay:0.3s;}
.animated .main-industries-item:nth-child(4) .inner dl {transition-delay:0.4s;}
.animated .main-industries-item:nth-child(5) .inner dl {transition-delay:0.5s;}
.animated .main-industries-item:before {height: 100%;}

@media all and (min-width: 1281px){
	.main-industries-item.active { flex: 0 1 calc(100% - 80rem);}
	.main-industries-item.not-active {background: rgba(0,0,0,0.25);}
	.main-industries-item.not-active .inner,
	.main-industries-item.active .inner {width: 20rem;}
	.main-industries-item.active a {width: 100%;}
	.main-industries-item.active .inner {/* left: 6rem; */ opacity: 0; visibility: hidden; }

}
@media all and (max-width: 1280px) and (min-width: 801px){
	.main-industries-item.active { flex: 0 1 calc(100% - 60rem);}
	.main-industries-item.not-active {background: rgba(0,0,0,0.25);}
	.main-industries-item.not-active .inner,
	.main-industries-item.active .inner {width: 15rem;}
	.main-industries-item.active a {width: 100%;}
	.main-industries-item.active .inner {left: 2rem;}
	.main-industries-item .inner dl dt {max-width: 15rem;}
	.main-industries-item.active .inner dl dd p strong {left: 0;  transform:translateX(0);}
}

/* -------- 메인 컨텐츠 :: 컨텐츠3 (Online Inquiry) -------- */
#mainInquiryCon{padding:8rem 0; background:#fff;}
.main-inquiry-con{position: relative; height:48rem; border-radius:4rem; overflow:hidden;}
.main-inquiry-scroll{position: absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.main-inquiry-scroll .main-inquiry-bg span{display: block; position: absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:0; padding-top: 41.25%;}
.main-inquiry-scroll .main-inquiry-bg span img{  position: absolute;top: 0; left: 50%; transform: translateX(-50%); width:1760px; will-change: top, transform;}
.main-inquiry-con > .area{position: relative; display: flex; align-items:center; justify-content:space-between; width:100%; height:100%; box-sizing:border-box;}
.main-inquiry-con > .area .right-box{will-change:auto !important;}
.main-inquiry-con .main-inquiry-tit-box { opacity: 0;filter: blur(2rem); transition: var(--transition-custom2);}
.main-inquiry-con .main-inquiry-tit-box .tit{font-size: 4.8rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; line-height: 1.3; margin-bottom:4rem;}
.main-inquiry-con .main-inquiry-tit-box .txt{font-size:1.8rem; line-height:1.6; letter-spacing:-0.02em; color: rgba(255,255,255,0.5);}

.main-inquiry-btn-wrap { will-change: transform !important;}
.main-inquiry-btn-wrap .main-inquiry-btn{display: flex; align-items:center; justify-content:center; width:32rem; height:8rem; border-radius:4rem; font-size:1.6rem; line-height:1.7; letter-spacing:-0.036em; color:#fff; font-weight:600; background:rgba(255,255,255,0.1); margin:1rem; opacity:0; filter:blur(2rem); backdrop-filter: blur(10px); transition:var(--transition-custom2); transition-delay:0.1s;}
@media all and (min-width:801px){
	.main-inquiry-btn-wrap .main-inquiry-btn:hover em {color: var(--main-color);}
}
.main-inquiry-btn-wrap .main-inquiry-btn.btn-style01{background:var(--main-color);}
.main-inquiry-btn-wrap .main-inquiry-btn.btn-style02{position: relative; box-sizing:border-box; overflow:hidden;}
/* .main-inquiry-btn-wrap .main-inquiry-btn.btn-style02 .bg:before {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background:rgba(255,255,255,0.1);} */
.main-inquiry-btn-wrap .main-inquiry-btn.btn-style02.border-gradient::before {padding: 2px;}

.main-inquiry-btn-m {display: none;}
/* animated */
.animated.main-inquiry-tit-box { filter:blur(0); opacity:1;}
.animated.main-inquiry-btn-wrap .main-inquiry-btn{ filter:blur(0); opacity:1;}

@media all and (min-width:1281px){
	.fp-tableCell .fullpage-inner-scroll{overflow-Y:scroll; max-height:100vh;}
	.fp-tableCell .fullpage-inner-scroll::-webkit-scrollbar {display: none;}
	.fullpage-inner-scroll-con{position: relative;}
}

/* -------- 공통 :: 버튼효과 -------- */
@media all and (min-width:801px){
	.cm-btn-full{position: relative; overflow:hidden;}
	.cm-btn-full .cm-fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; transition: width 0.5s ease-out, height 0.5s ease-out;}
	.cm-btn-full:hover .cm-fill{width: 40vw; height: 40vw;  transition: width 0.5s ease-in 0.1s, height 0.5s ease-in 0.1s; }
	.cm-btn-full em {position: relative; z-index: 1; font-weight: inherit; transition:var(--transition-custom2)}
}

/* -------- 메인 컨텐츠 :: 메인 비주얼 :: 하단 :: 문의버튼 -------- */
.main-visual-inquiry-box{position: fixed; transform:translateY(10rem); bottom: 12rem; right:50%; margin-right: -880px; z-index:98; opacity: 0; transition:var(--transition-custom2); }
.main-visual-inquiry-box a{position: relative; display: block; padding:2rem; box-sizing:border-box; border-radius:6rem; transition:var(--transition-custom); transition-delay:0.2s; background:rgba(255,255,255,0.05); backdrop-filter:blur(3rem);}
.main-visual-inquiry-box a .icon-box{position: relative; z-index:1; display: flex; align-items:center; justify-content:center; width:6rem; height:6rem; border-radius:50%; background:var(--main-color); font-size:2.4rem; color:#fff;}
.main-visual-inquiry-box a .icon-box i {transform: rotate(-45deg);}
.main-visual-inquiry-box a .txt-box{position: absolute; top:50%; left:4.8rem; transform:translateY(-50%); display: inline-block; vertical-align: middle; opacity: 0; z-index:1; transition: var(--transition-custom); transition-delay:0s; white-space:nowrap;}
.main-visual-inquiry-box a .txt-box .tit{font-size: 1.6rem; letter-spacing: -0.02em; font-weight:700; color: #fff; line-height: 1.3;}

.main-visual-inquiry-box.qna-box a .icon-box em{display: block; margin-top:3px;}

/* black */
.main-visual-inquiry-box.black a{background:rgba(0,0,0,0.05);}
.main-visual-inquiry-box.black a .txt-box .tit{color: #000;}

/* fixed */
.main-visual-inquiry-box.fixed{position: fixed; opacity: 1; transform:translateY(0rem); }
.main-visual-inquiry-box.bottom-fixed {bottom: 4rem;}

@media all and (min-width:1281px){
	.main-visual-inquiry-box a.scroll-on,
	.main-visual-inquiry-box a:hover{padding-left:29rem; transition-delay:0s;}
	.main-visual-inquiry-box a.scroll-on .txt-box,
	.main-visual-inquiry-box a:hover .txt-box{opacity:1; transition-delay:0.2s;}
}

/* ******************  메인 오른쪽 퀵메뉴 (Fullpage) ********************** */
#fp-nav{display: none !important;}