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

/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1279px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}
@media all and ( min-width: 1279px ) {	
	#header.black #gnb > ul > li > a{color: #000;}
	#header.black .sitemap-line-btn .line{background-color: #000;}
	#header.black .cm-logo-svg path {fill: var(--main-color);}
	#header.black.sitemap-open .sitemap-line-btn .line {background-color: #fff;}

	#header.hide{transform: translateY(calc(-1 * (var(--header-height) + var(--header-top))));}
}

@media all and ( max-width: 1279px ){
	/* 공통 :: 레이아웃 */
	#fullpage .section:not(#mainVisual):not(#mainVisionCon){height:auto !important;}
	#fullpage .fp-section .fp-tableCell{padding-top:0; height:0 !important;}
	#fullpage #mainVisual.fp-section .fp-tableCell,
	#fullpage #mainVisionCon.fp-section .fp-tableCell{height:100% !important}
}


/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px; height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.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-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 영상영역 */
.background-video-wrapper{position:relative; overflow:hidden; height:100vh; width:100%; background-color:#000;}
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.background-video iframe{
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 340px);
	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 2s 0.1s;
}
.background-video.start iframe{opacity:0.8;filter:Alpha(opacity=80); }
.background-video-alternative{display:none; position:absolute; top:0; left:0px; width:100%; height:100%; background-size:cover !important;}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
}
.main-visual-item .main-visual-txt-box{
	display:flex;
	align-items:center;
	height:100%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2{
	opacity:0; 
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{margin-bottom:4rem; display:block; font-size:10rem; font-weight:300; letter-spacing:0; color:#fff; line-height:1.1}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:2.5rem; letter-spacing:-0.05rem; line-height:1.2; color: #fff;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2{
	-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.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}

@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; bottom:3rem; left: 50%; transform: translateX(-50%); text-align:center; z-index:9;}
.main-scroll-icon span{display:block;}
.main-scroll-icon .scroll-txt{margin-bottom: 1.6rem; font-size: 1.2rem; letter-spacing: 0.15em; color: #fff; font-weight: 600; display: block;}
.main-scroll-icon .scroll-txt i{display: inline-block; font-style: normal; animation: letterFlip 2.4s ease-in-out infinite;}
.main-scroll-icon .scroll-txt i:nth-child(1){animation-delay: 0s;}
.main-scroll-icon .scroll-txt i:nth-child(2){animation-delay: 0.08s;}
.main-scroll-icon .scroll-txt i:nth-child(3){animation-delay: 0.16s;}
.main-scroll-icon .scroll-txt i:nth-child(4){animation-delay: 0.24s;}
.main-scroll-icon .scroll-txt i:nth-child(5){animation-delay: 0.32s;}
.main-scroll-icon .scroll-txt i:nth-child(6){animation-delay: 0.4s;}

.main-scroll-icon span img{height: 2.8rem; animation: scrollBounce 1.6s ease-in-out infinite;}

@keyframes letterFlip{
    0%, 40%, 100%{transform: translateY(0);}
    20%{transform: translateY(-0.4rem);}
}
@keyframes scrollBounce{
    0%, 100%{transform: translateY(0);}
    50%{transform: translateY(0.8rem);}
}

/* 메인 비주얼 :: 퀵버튼 */
.main-circle-btn{position:absolute; bottom:8rem; left:50%; margin-left: -880px; z-index:9;}
.main-circle-btn a{display:table; width:10.8rem; height:10.8rem; display: flex; align-items: center; justify-content: center; border-radius:50%; transition:all 0.3s;}
.main-circle-btn a:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/main/main_visual_roundtxt.svg") center/cover no-repeat; content: ''; animation: circleRotate 12s linear infinite; transition: scale 0.4s ease; will-change: rotate, scale;}
.main-circle-btn  a .tit{font-size:1.7rem; letter-spacing:-0.03em; font-weight: 600; color:#fff; text-align: center;}
.main-circle-btn a:hover:after{animation-play-state: paused; scale: 1.15;}

@keyframes circleRotate{
	from{ rotate: 0deg; }
	to{ rotate: 360deg; }
}


/* 메인 비주얼 :: 비디오 영역 */
.main-visual-video-wrapper{position: absolute; bottom: 7rem; left: 50%; margin-left: 47.5rem; width: 40rem; z-index: 11; overflow:hidden; 
box-shadow: 
	0 17.6rem 7rem rgba(0,0,0,0.01),
	0 9.9rem 5.9rem rgba(0,0,0,0.05),
	0 4.4rem 4.4rem rgba(0,0,0,0.09),
	0 1.1rem 2.4rem rgba(0,0,0,0.1);
}
.main-visual-video-box{position:relative; padding-top: 65%; height:0; background-color:#000}
.main-visual-video-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.main-visual-video-cover{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}
.main-visual-video-cover .thumb{display:block; width:100%; height:100%; transition:all 0.3s;}
.main-visual-video-cover .thumb img{width:100%; height:100%;}
.main-visual-video-cover:hover .thumb{transform: scale(1.1) rotate(0.002deg);}
.main-visual-video-cover .icon{position:absolute; top:50%; left:50%;  z-index:1; width: 7rem; height: 7rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color:rgba(0,0,0,0.5); backdrop-filter: blur(1.2rem); transform: translate(-50%, -50%);}
.main-visual-video-cover .icon img{height: 2rem;}

/* 메인 비주얼 :: 비디오 영역 :: 모달 */
.footer-modal-content.popup-video-modal-content{margin: 10rem auto 5rem;}
.video-modal-close-btn{position:absolute; top: -9rem; left: 50%; margin-left: -3.5rem; width: 7rem; height: 7rem; width: 7rem; height: 7rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color:rgba(255,255,255,0.1); backdrop-filter: blur(1.2rem);}
.video-modal-close-btn i{font-size: 2.8rem; color:#fff;}
.video-modal-content{position:relative; width:96%; max-width:1280px; margin:20px auto; }
.video-modal-inner{width:100%;}
.video-modal-inner .video-container{position:relative; width:100%; height:0; padding-top:65%; }
.video-modal-inner .video-container iframe{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}

@media all and (max-width:1820px){
	.main-circle-btn{left:var(--area-padding); margin-left: 0}
	.main-visual-video-wrapper{left: auto; margin-left: 0; right: var(--area-padding);}
}
@media all and ( max-width: 1279px ){	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{margin-bottom:4rem; font-size:8rem;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:2.2rem;}
	
	.main-circle-btn{bottom:6rem;}
	.main-visual-video-wrapper{bottom: 5rem; width: 32rem;}
	.main-visual-video-cover .icon{width: 5.6rem; height: 5.6rem;}
	.main-visual-video-cover .icon img{height: 1.8rem;}
}
@media all and ( max-width: 800px ){	
	.main-visual-item .main-visual-txt-con .main-visual-txt1{margin-bottom:4rem; font-size:5rem; line-height:1.1;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:2rem; line-height:1.3;}

	/* 메인 비주얼 :: 퀵버튼 */
	.main-circle-btn{bottom:5rem;}
	.main-circle-btn a{display:table; width:10.8rem; height:10.8rem; display: flex; align-items: center; justify-content: center; border-radius:50%; transition:all 0.3s;}
	.main-circle-btn a:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/main/main_visual_roundtxt.svg") center/cover no-repeat; content: ''; animation: circleRotate 12s linear infinite; transition: scale 0.4s ease; will-change: rotate, scale;}
	.main-circle-btn  a .tit{font-size:1.7rem; letter-spacing:-0.03em; font-weight: 600; color:#fff; text-align: center;}

	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon{bottom:3rem;}
	.main-scroll-icon .scroll-txt{margin-bottom: 1.4rem; font-size: 1.2rem;}
	.main-scroll-icon span img{height: 2.8rem;}
	
	/* 비디오 영역 */
	.main-visual-video-wrapper{bottom: 6rem; width: 16rem;}
	.main-visual-video-cover .icon{/* width: 5.6rem; height: 5.6rem; */ width: 4rem; height: 4rem;}
	.main-visual-video-cover .icon img{/* font-size: 1.8rem; */ height: 1.6rem;}

	/* 비디오 영역 :: 모달 */
	.video-modal-close-btn{top: -9rem; margin-left: -3.5rem; width: 7rem; height: 7rem; width: 7rem; height: 7rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color:rgba(255,255,255,0.1); backdrop-filter: blur(1.2rem);}
	.video-modal-close-btn i{font-size: 2.8rem; color:#fff;}
	.video-modal-content{position:relative; width:96%; max-width:1280px; margin:20px auto; }
	.video-modal-inner{width:100%;}
	.video-modal-inner .video-container{position:relative; width:100%; height:0; padding-top:65%; }
	.video-modal-inner .video-container iframe{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
}


/* ******************  메인 컨텐츠 ********************** */
.main-section-bg{overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:100%; }
.main-section-bg .main-section-bg-inner{width:100%; height:100%; transform: scale(1.08,1.08); transition:all 2s linear;}
.main-section-bg.animated .main-section-bg-inner{transform:scale(1.0,1.0);}

/* -------- 메인 컨텐츠 :: 컨텐츠1(Flagship Store) -------- */
#mainVisionCon{position: relative; overflow: hidden;}
.main-vision-txt{}
.main-vision-txt .area-box{padding-right: 45rem; box-sizing: border-box;}
.main-vision-txt .txt-01{display:block; font-weight:500; font-size:2.7rem; line-height: 1.1; letter-spacing:-0.01em; color: var(--main-color);}
.main-vision-txt .txt-02{margin-top: 3rem; font-size: 6.4rem; line-height: 1.25; letter-spacing: -0.05em; font-weight:500; color: #111;}
.main-vision-txt .txt-03{position:relative; padding-left:17.6rem; margin-top:8rem; font-size:1.8rem; line-height: 1.9; letter-spacing: -0.05em; color:rgba(17,17,17,0.9);}
.main-vision-txt .txt-03:after{position:absolute; content:""; width:80%; max-width:12rem; height:1px; background-color: rgba(17,17,17,0.8); left:0; top:1.4rem;}
.main-vision-img{position:absolute; top:0; left: 50%; margin-left: 28rem; width:42.4rem; height:100%; overflow:hidden;}
.main-vision-img > ul{position:relative; will-change:transform;}
.main-vision-img > ul > li{width:30.4rem; height:20rem; margin:0 0 2rem auto;}
.main-vision-img > ul > li span{display:block; width:100%; height:100%; overflow:hidden; background-color: #000;}
.main-vision-img > ul > li img{display:block; width:100%; height:100%; object-fit:cover;}

@media all and (max-width:1480px){
	.main-vision-img{left: auto; margin-left: 0; right: var(--area-padding);}
}
@media all and ( max-width: 1279px ){	
	#mainVisionCon{padding: 10rem 0;}
	.main-vision-txt .area-box{padding-right: 40rem;}
	.main-vision-txt .txt-01{font-size:2.7rem; line-height: 1.1;}
	.main-vision-txt .txt-02{margin-top: 3rem; font-size: 5.1rem; line-height: 1.25;}
	.main-vision-txt .txt-03{padding-left:9rem; margin-top:8rem; font-size:1.8rem; line-height: 1.9;}
	.main-vision-txt .txt-03:after{width:80%; max-width:7rem; top:1.4rem;}
	.main-vision-img{width:34rem;}
	.main-vision-img > ul > li{width:24.3rem; height:16rem;}
}
@media (max-width:800px){
	.main-vision-txt .area-box{padding-right: 0;}
	.main-vision-txt .txt-01{font-size:2.7rem; line-height: 1.1;}
	.main-vision-txt .txt-02{margin-top: 2rem; font-size: 4.4rem; line-height: 1.25;}
	.main-vision-txt .txt-03{padding-left:0; margin-top:5rem; font-size:1.8rem; line-height: 1.9;}
	.main-vision-txt .txt-03:after{display: none;}
	.main-vision-img{margin-top: 5rem; position: static; top:auto; left: auto; right:auto; width:100%; height:auto; overflow:hidden;}
	.main-vision-img > ul{display:flex;}
	.main-vision-img > ul > li{flex:none; width:30.4rem; height:20rem; margin:0 2rem 0 0;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2(Line) -------- */
#mainLineCon{position: relative;}

.main-line-con{display: flex; justify-content: flex-end;}

.main-line-txt{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.main-line-txt .area-box{padding-right: 80rem; box-sizing: border-box;}
.main-line-txt .txt-01{font-size: 6.4rem; line-height: 1.25; font-weight: 500; color: #111;}
.main-line-txt .txt-02{margin-top: 4rem; font-size: 3.6rem; line-height: 1.1; letter-spacing: -0.04em; color: #111;}
.main-line-txt .txt-03{margin-top: 2.8rem; font-size: 1.8rem; line-height: 1.9; letter-spacing: -0.05em; color: #111;}

.line-controls{margin-top: 12rem;}
.line-pagination{height: 4rem; display:flex; align-items:center; gap:1.4rem;}
.line-pagination .line-bullet{
	position:relative; width:4rem; height:4rem;
	background:none; border:0; padding:0; cursor:pointer;
	transition:width .4s ease, height .4s ease;
}
.line-pagination .line-bullet .dot{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:.6rem; height:.6rem; border-radius:50%;
	background:var(--main-color); opacity:1; transition:opacity .3s;
}
.line-pagination .line-bullet .ring{
	position:absolute; inset:0; width:100%; height:100%;
	transform:rotate(-90deg); opacity:0;
}
.line-pagination .line-bullet .ring .bg{
	fill:none; stroke:rgba(17,17,17,.1); stroke-width:2;
}
.line-pagination .line-bullet .ring .bar{
	fill:none; stroke:var(--main-color); stroke-width:3; stroke-linecap:round;
	stroke-dasharray:88; stroke-dashoffset:88;
}
.line-pagination .line-bullet .ico{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	font-size:2rem; color:var(--main-color); opacity:0;
}
.line-pagination .line-bullet .ico .xi-play{display:none;}
/* active 상태 */
.line-pagination .line-bullet.active .dot{opacity:0;}
.line-pagination .line-bullet.active .ring,
.line-pagination .line-bullet.active .ico{opacity:1; transition:opacity .3s .15s;}
.line-pagination .line-bullet.active .ring .bar{
	animation:lineRing var(--line-delay, 4s) linear forwards;
}
@keyframes lineRing{to{stroke-dashoffset:0;}}

/* 일시정지 상태 */
.paused .line-pagination .line-bullet.active .ring .bar{animation-play-state:paused;}
.paused .line-pagination .line-bullet.active .ico .xi-pause{display:none;}
.paused .line-pagination .line-bullet.active .ico .xi-play{display:block;}

.main-line-img{position: relative; z-index: 9; width: 52.08%; height: 75dvh; max-height: 680px;}
.main-line-img-container{padding-right: 12rem; height: 100%; position: relative; overflow: hidden;}
.main-line-slider,
.main-line-slider .swiper,
.main-line-slider .swiper-item{height: 100%;}
.main-line-slider img{width: 100%; height: 100%; object-fit: cover;}
.main-line-img .line-nav{position: absolute; top: 50%; margin-top: -3.5rem; width: 7rem; height: 7rem; background-color: rgba(255,255,255,0.5); border-radius: 100%; z-index: 11; font-size: 2.8rem; color: rgba(17,17,17,0.6); backdrop-filter: blur(4rem); box-shadow: 0 0.7rem 1.7rem 0.6rem rgba(0,0,0,.11); transition:var(--transition-custom); transition-property: background-color, color;}
.main-line-img .line-nav.line-prev{left: -3.5rem;}
.main-line-img .line-nav.line-next{right: 8.5rem;}
.main-line-img .line-nav i{position: relative; top: 0.2rem;}
/* 등장모션 */
.main-line-txt .line-name{display:inline-block; transition:opacity .3s ease, transform .3s ease;}
.main-line-txt .line-name.changing{opacity:0; transform:translateY(-0.4em);}
.main-line-txt .line-name.entering{animation:lineNameIn .6s cubic-bezier(.22,1,.36,1) both;}
@keyframes lineNameIn{
	from{opacity:0; transform:translateY(0.5em); filter:blur(4px);}
	to{opacity:1; transform:translateY(0); filter:blur(0);}
}

@media all and ( min-width: 801px ){	
	.main-line-img .line-nav:hover{background-color: rgba(255,255,255,1); color: rgba(17,17,17,1);}
}

@media all and (max-width:1480px){
	
}
@media all and ( max-width: 1279px ){	
	#mainLineCon{padding: 10rem 0;}
	.main-line-txt .area-box{padding-right: 62rem;}
	.main-line-txt .txt-01{font-size: 5.1rem;}
	.main-line-txt .txt-02{margin-top: 4rem; font-size: 2.8rem;}
	.main-line-txt .txt-03{margin-top: 2.8rem; font-size: 1.8rem;}
	.line-controls {margin-top: 9.6rem;}
	.main-line-img{width: 52.08%; height: 75dvh;}
	.main-line-img-container{padding-right: 9.6rem;}
	.main-line-img .line-nav{margin-top: -2.8rem; width: 5.6rem; height: 5.6rem; font-size: 2.4rem;}
	.main-line-img .line-nav.line-prev{left: -2.8rem;}
	.main-line-img .line-nav.line-next{right: calc(var(--area-padding) + 2.8rem);}
}
@media all and ( max-width: 800px ){	
	.main-line-con{flex-wrap:wrap;}
	.main-line-txt{position: static; transform: translateY(0);}
	.main-line-txt .area-box{padding-right: var(--area-padding);}
	.main-line-txt .txt-01{font-size: 4.4rem; line-height: 1.25;}
	.main-line-txt .txt-02{margin-top: 4rem; font-size: 2.6rem; line-height: 1.1;}
	.main-line-txt .txt-03{margin-top: 2.8rem; font-size: 1.8rem; line-height: 1.9;}

	.line-controls{margin-top: 5rem;}
	.line-pagination{height: 4rem; gap:1.4rem;}
	.line-pagination .line-bullet{width:4rem; height:4rem;}
	.line-pagination .line-bullet .dot{width:.6rem; height:.6rem;}
	.line-pagination .line-bullet .ico{font-size:2rem;}
	
	/* 일시정지 상태 */
	.paused .line-pagination .line-bullet.active .ring .bar{animation-play-state:paused;}
	.paused .line-pagination .line-bullet.active .ico .xi-pause{display:none;}
	.paused .line-pagination .line-bullet.active .ico .xi-play{display:block;}

	.main-line-img{margin: 5rem auto 0; width: 80%; height: auto; max-height: none;}
	.main-line-img-container{padding-right: 0; height: auto;}
	.main-line-slider,
	.main-line-slider .swiper,
	.main-line-slider .swiper-item{height: auto;}
	.main-line-slider img{width: 100%; height: auto;}
	.main-line-img .line-nav{margin-top: -2.8rem; width: 5.6rem; height: 5.6rem; font-size: 2.4rem;}
	.main-line-img .line-nav.line-prev{left: -2.8rem;}
	.main-line-img .line-nav.line-next{right: -2.8rem;}
	.main-line-img .line-nav i{top: 0.2rem;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(Customer) -------- */
#mainCustomerCon{position: relative;} 

.main-customer-con{position: relative;}
.main-customer-con .area-box{display: flex; flex-wrap:wrap;}
.main-customer-tit{width: 53rem; font-size: 6.8rem; line-height: 1.18; font-weight: 400; letter-spacing: -0.02em; color: #111;}	
.main-customer-info{padding-top: 1.6rem; width: calc(100% - 53rem);}
.main-customer-info-group{display: flex; flex-direction: column;}
.main-customer-info-group + .main-customer-info-group{margin-top: 3rem;}
.main-customer-info-group dt{font-size: 2.4rem; line-height: 1.1; font-weight: 500; letter-spacing: -0.04em; color: #111;}
.main-customer-info-group dd{margin-top: 1.4rem; font-size: 2rem; letter-spacing: -0.03em; color: rgba(17,17,17,0.5);}
.main-customer-btn{margin-top: 5.5rem; font-size: 1.4rem; line-height: 3.3rem; font-weight: 600; letter-spacing: -0.02em; color: #111; border-bottom: 1px solid #111; display: inline-flex; align-items: center;}
.main-customer-btn i{margin-left: 1.3rem; font-size: 1.8rem; position: relative; top: -0.2rem; transition: transform 0.3s ease-in-out;}

@media all and ( min-width: 801px ){	
	.main-customer-btn:hover i{transform: translateX(3px);}
}

@media all and ( max-width: 1279px ){	
	#mainCustomerCon{padding: 15rem 0;}
	.main-customer-tit{width: 42.5rem; font-size: 5.4rem;}
	.main-customer-info{width: calc(100% - 42.5rem);}
}
@media all and ( max-width: 800px ){	
	#mainCustomerCon{padding: 15rem 0;}
	.main-customer-con{position: relative;}
	.main-customer-con .area-box{display: flex; flex-wrap:wrap;}
	.main-customer-tit{width: 100%; font-size: 4.7rem; line-height: 1.18;}	
	.main-customer-info{padding-top: 3rem; width: 100%;}
	.main-customer-info-group + .main-customer-info-group{margin-top: 3rem;}
	.main-customer-info-group dt{font-size: 2.4rem; line-height: 1.1;}
	.main-customer-info-group dd{margin-top: 1.4rem; font-size: 2rem;}
	.main-customer-btn{margin-top: 5.5rem; font-size: 1.4rem; line-height: 3.3rem;}
	.main-customer-btn i{margin-left: 1.3rem; font-size: 1.8rem; top: -0.2rem;}
}