/* @font-face { */
    /* font-family: 'MaruBuri-Regular'; */
    /* src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff'); */
    /* font-weight: normal; */
    /* font-style: normal; */
/* } */

/* 로딩페이지 START ~ */
.loadingP {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../img/main/loading-bg.jpg) no-repeat center / cover;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	transition: all 1.5s ease-in-out;
}
.loadingP.hidden {opacity:0; z-index:-1; transform: translate(-50%,-46%);}
.loadingP::before {
    content: '';
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border: 1px solid rgb(255 255 255 / 50%);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.loadingLogo {
    width: 100%;
	max-width:42.9rem;
    height: auto;
	
    display: flex;
    justify-content: center;
	color: #FFF;
	text-align: center;
	font-family: Cormorant;
	font-size: 11rem;
	font-weight: 600;
	line-height: 12rem;
	letter-spacing: 1.1rem;
	margin: 0 auto;
}
.loadingLogo img {width:100%; height:auto;}

.scrollBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 3rem;
    left: 50%;
	z-index:1;
    transform: translateX(-50%);
}

.scrollBox.hidden {display:none;}


.logotxt {
	color: #FFF;
	text-align: center;
	font-family: 'MaruBuri';
	font-size: 3.2rem;
	line-height: 5rem;
	margin-top:3rem;
}

.scrT {
	color: #FFF;
	font-family: 'Cormorant';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2rem;
	letter-spacing: 1.92px;
	text-transform: uppercase;
	margin-bottom:2rem;
}
.scrSp {
    display: flex;
    width: 0.2rem;
    height: 5.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgb(217 217 217 / 20%);
	position:relative;
}

.scrSp span {
    width: 5px;
    height: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #D9D9D9;
    border-radius: 50%;
    animation-name: scroll;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes scroll {
    0% {top:0; opacity:1;}
	70% {opacity:1;}
    100% {top:100%; opacity:0;}
}



/* // ~ 로딩페이지 END*/

@media (max-width:991px) {
	.loadingLogo {
		max-width: 28.5rem;
		font-size: 5rem;
		line-height: 5.6rem;
		letter-spacing: 0.5rem;
	}
	
	.logotxt {
		margin-top: 1.4rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.scrollBox {
		display: flex;
		flex-direction: column;
		align-items: center;
		display: flex;
		position: fixed;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
	}
	
	.scrT {
		font-size: 0.9rem;
		line-height: 0.9rem;
		letter-spacing: 0.108px;
		margin-bottom: 1.6rem;
	}
	
	.loadingP {background: url(../img/main/loading-bg-mo.jpg) no-repeat center / cover;}	
}


@media (max-width:767px) {
	.loadingLogo {
		max-width: 19.5rem;
	}
}

/* 잘 찾아오셨습니다 */

.pages {
    overflow: scroll;
	background:url(../img/main/mainbg02.jpg) no-repeat center / cover;;
}

.tbtitleBox {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tbTitle {
    height: auto;
    color: #FFF;
    font-family: Pretendard;
    font-size: 2.8rem;
    line-height: 5rem;
    transition: all 0.8s ease-in-out;
}

.intro {
    color: #FFF;
    font-family: 'MaruBuriSemiBold';
    font-size: 5.6rem;
    font-weight: 500;
    line-height: 8rem;
    margin-bottom: 5rem;
    padding-bottom: 5rem;
    position: relative;
}

.intro02 {
    color: #FFF;
    margin-top: 6.5rem;
    font-family: 'MaruBuriSemiBold';
    font-size: 3.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 5rem;
}

.intro::before {
	content:'';
	left:0;
	bottom:0;
	width: 4rem;
	height: 1px;
	background:#FFF;
	position:absolute;
}
.tbcontxt {
    color: #FFF;
    font-family: Pretendard;
    font-size: 2.8rem;
    font-weight: 400;
    line-height: 5rem;
    position: fixed;
    left: 50%;
    top: 50%;
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transform: translateY(-50%) translateX(-50%);
    max-width: 142rem;
    margin: 0 auto;
    padding: 0 2rem;
    width: 100%;
    box-sizing: border-box;
}

.tbTitle {
	top: 50%;
    width: 100%;
	height: auto;
    padding: 0 2rem;
    position: fixed;
	max-width: 142rem;
	box-sizing: border-box;
    transform: translateY(-50%);
}

.tbtitleBox {opacity:0;}
.page {height: 100vh;}

.active-one .tbtitleBox01 {opacity:1;}
.active-two .tbtitleBox02 {opacity:1;}

.tbtitleBox02 .marTop10 {margin-top:2rem;}

.ContGroup {position:relative; width:100%; max-width:152rem;  margin:0 auto;}
.ContGroup .box {padding: 5rem; background: #FFF; overflow: hidden; margin-bottom: 0; height:67rem;}

.boxTitle {
    margin-bottom: 3rem;
    color: #111;
    font-family: "Pretendard-SemiBold";
    font-size: 4rem;
    line-height: 5rem;
}

.box01 .boxTitle {margin-bottom:1rem;}

.intro02Btn {
	margin-top:5rem;
    border: 1px solid #FFF;
    padding: 1rem 2rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.intro02Btn:hover {background: rgb(255 255 255 / 10%);}
.intro02BtnTxt {
	color: #FFF;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    display: inline-block;
	position:relative;
	padding-right:2.1rem;
}
.intro02BtnTxt::before {
    content: '';
    width: 1.1rem;
    height: 1.2rem;
    right: 0;
    top: 50%;
	position: absolute;
    transform: translateY(-50%);
	background: url(../img/main/intro02BtnArrow.png) no-repeat center / cover;
}

@media (max-width:1500px) and (min-width:992px) {
	.tbTitle {padding: 0 4rem;}
	.intro {font-size: 4.5rem; line-height: 6rem; margin-bottom: 3.5rem; padding-bottom: 3.5rem;}
	.tbTitle {font-size: 2.4rem; line-height: 4rem;}
	.intro02 {font-size: 3.5rem; line-height: 4.5rem;}
	.tbcontxt {font-size: 2.4rem; line-height: 4.2rem; padding: 0 4rem;}
	
	.slideTitleBox.section.treeup {margin-bottom: 2rem;}
	
	.box01 .boxTitle {margin-bottom: 0;}
}
@media (max-width:991px) {
	.pages {
    overflow: scroll;
	background:url(../img/main/mainbg02-mo.jpg) no-repeat center / cover;;
}
}
@media (max-width:767px) {}


/* :::::::::: ================== 서브 페이지 스와이퍼 스타일 START ~ ================== :::::::::: */
.swiper-wrapper {height:auto!important;}
.sub_swiperBotmGroup {display: flex; align-items: center;}

.cusBtnGroup {display: inline-flex; position: absolute; right: 0; top: 0; z-index: 20; transform: translateY(-100%);}
.cusBtnGroup .swiper-button-next, .cusBtnGroup .swiper-button-prev {position: relative; top: unset; left: unset; margin: 0; display: unset; width: 8rem; height: 8rem; display: block;}
.cusBtnGroup .swiper-button-prev {background:url(../img/main/maiVletH.png) no-repeat center / cover; left:0;}
.cusBtnGroup .swiper-button-next {background:url(../img/main/maiVrightH.png) no-repeat center / cover; right: 0; margin-left:1rem!important;}
.cusBtnGroup .swiper-button-prev.swiper-button-disabled {background:url(../img/main/maiVleftUn.png) no-repeat center / cover; opacity: 1;}
.cusBtnGroup .swiper-button-next.swiper-button-disabled {background:url(../img/main/maiVrightUn.png) no-repeat center / cover; opacity: 1;}
.cusBtnGroup .swiper-button-prev:after {content:'';}
.cusBtnGroup .swiper-button-next:after {content:'';}

.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {position: relative; top: unset!important; bottom: 0!important; height: 2px!important;}
span.swiper-pagination-progressbar-fill {background: #111!important;}
.cusBtnGroup {
    top: 0;
    right: 0;
    z-index: 20;
    transform: unset;
    margin-left: 2rem;
    position: relative;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 5rem;
    align-items: center;
}
.cusBtnGroup .swiper-button-next, .cusBtnGroup .swiper-button-prev {position: relative; top: unset; left: unset; margin: 0; display: unset; width: 4.6rem; height: 3rem; display: block;}
.cusBtnGroup .swiper-button-prev {background:url(../img/botmSwiperArrowLeftH.png) no-repeat center / cover; left:0;}
.cusBtnGroup .swiper-button-next {background:url(../img/botmSwiperArrowRightH.png) no-repeat center / cover; right: 0; margin-left:0rem!important;}
.cusBtnGroup .swiper-button-prev.swiper-button-disabled {background:url(../img/botmSwiperArrowLeft_un.png) no-repeat center / cover; opacity: 1;}
.cusBtnGroup .swiper-button-next.swiper-button-disabled {background:url(../img/botmSwiperArrowRight_un.png) no-repeat center / cover; opacity: 1;}
@media (max-width:991px) {
	.cusBtnGroup .swiper-button-prev {background:url(../img/botmSwiperArrowLeftH_mo.png) no-repeat center / cover;}
	.cusBtnGroup .swiper-button-next {background:url(../img/botmSwiperArrowRightH_mo.png) no-repeat center / cover;}
	.cusBtnGroup .swiper-button-prev.swiper-button-disabled {background:url(../img/botmSwiperArrowLeft_un_mo.png) no-repeat center / cover;}
	.cusBtnGroup .swiper-button-next.swiper-button-disabled {background:url(../img/botmSwiperArrowRight_un_mo.png) no-repeat center / cover;}
}


.boxInner {position:relative; height:100%;}

.swiper.mySwiper01 {overflow: unset; margin-bottom: 0;}
.mySwiper01 .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    background: #FFF;
    height:auto;
}
.verslideWrap {position:relative;}
.slideTitleBox {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 138rem;
    padding: 0rem;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
	/* opacity:0; */
}
.vertialmySwiper {width:100%; height:67rem; border:1px solid #FFF;}

.slideTitle {
	color: #FFF;
	font-family: 'MaruBuriSemiBold';
	font-size: 4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 6rem;
}
/* .slideSTxt {color: #FFF; font-family: "Pretendard-Light"; font-size: 2.6rem; line-height: 3.2rem;} */

.slideSTxt {
    color: #FFF;
    font-family: "Pretendard-Light";
    font-size: 2.6rem;
    line-height: 3.2rem;
    position: absolute;
    right: 0;
    top: 4.5rem;
}
.height800 {height:80rem;}

/* .active-three .slideTitleBox { */
    /* animation-name: treeup; */
    /* animation-delay: 0.2s; */
    /* animation-fill-mode: both; */
    /* animation-duration: 0.6s; */
	/* margin-bottom:3rem; */
/* } */

.slideTitleBox.section.treeup {margin-bottom: 3rem;}

.pages.active-three .slideTitleBox.section.ac04 {opacity:0;}
.pages.active-three .slideTitleBox.section.ac05 {opacity:0;}

.pages.active-four .slideTitleBox.section.treeup.ac03 {opacity:0;}
.pages.active-four .slideTitleBox.section.treeup.ac05 {opacity:0;}

.pages.active-four02 .slideTitleBox.section.treeup.ac03 {opacity:0;}
.pages.active-four02 .slideTitleBox.section.treeup.ac04 {opacity:0;}

@keyframes treeup {
	from {opacity:0; transform: translateY(30%);}
	to {opacity:1; transform:translateY(0%);}
}
.active-three .treeup.ac03 {
    animation-name: treeup;
    animation-delay: 0.2s;
    animation-fill-mode: both;
    animation-duration: 0.6s;
}

.active-four .treeup.ac04 {
    animation-name: treeup;
    animation-delay: 0.3s;
    animation-fill-mode: both;
    animation-duration: 0.8s;
}

.active-four02 .treeup.ac05 {
    animation-name: treeup;
    animation-delay: 0.3s;
    animation-fill-mode: both;
    animation-duration: 0.8s;
}

@media (max-width:991px) {
	@keyframes treeup {
		from {opacity:0;}
		to {opacity:1;}
	}
	.active-three .treeup {
		animation-name: treeup;
		animation-delay: 0s;
		animation-fill-mode: both;
		animation-duration: 0s;
	}
}

/* Business Area */
.shildSlideGroup {position:relative;}
.mySwiper01 .swiper-slide {padding:0;}
.busiAreaList {width: 100%; height: 100%; display: flex; flex-wrap: wrap;}
.busiAreaList li {
    width: calc(100%/4 - 1.5rem);
    border: 1px solid rgba(0, 0, 0, 0.10);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: 21.6rem; */
    height: 23.5rem;
    margin-right: 2rem;
    margin-top: 2rem;
    box-sizing: border-box;
}
.busiAreaList li:nth-child(4n) {margin-right:0rem;}
.busiAreaList li::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    border: 1px solid #1A3764;
    opacity: 0;
	z-index: -1;
}
.busiAreaList li a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.busiAreaIcon {width:10rem; height:10rem; margin-bottom:1.7rem;}
.busiAreaIcon img {width:100%; height:auto;}
.busiAreaList li .busiAreaName {
    color: #111;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
}
.busiAreaList li:hover {border:1px solid #1A3764;}
.busiAreaList li:hover::before {opacity:1;}




/* case swiper */
.box02 .swiper-pagination {margin-top:3rem;}
.caseswiper .swiper-slide {
    padding: 2.4rem;
    overflow: hidden;
    border: 1px solid #EEE;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    border: 1px solid #EEE;
    background: #FFF;
    height: 45.8rem;
    min-height: 45.8rem;
    position: relative;
    width: 33rem;
    min-width: 33rem;
}
.caseswiper .swiper-slide:hover {border:1px solid #111;}
.cirBlueBox {
    color: #FFF;
    text-align: center;
    font-family: "Pretendard-Bold";
    font-size: 1.5rem;
    line-height: 3.4rem;
    letter-spacing: -0.4px;
    padding: 0rem 1rem;
    border-radius: 3px;
    background: #1A3764;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.caseswTitleBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0;
    border-bottom: 1px solid #111;
    flex-wrap: wrap;
}
.caseswTitle {
	color: #111;
	font-family: "Pretendard-Medium";
	font-size: 2rem;
	line-height: 2.6rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.caseswDate {
	color: #AAA;
	text-align: right;
	font-size: 1.5rem;
	line-height: 2.6rem;
}
.caseswSTitleBox {padding:1.6rem 0; border-bottom:1px solid #EEE;}
.caseswSTitle {
    color: #111;
    font-family: "Pretendard-Medium";
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-bottom: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.caseswSTitle:last-child {padding-bottom:0;}
.caseswList {margin-top: 0.6rem;}
.caseswList li {color: #111; font-size: 1.5rem; line-height: 2.3rem; font-family: Pretendard; display:flex; padding-top:1rem;}
.caseswList li .caseswNum {font-family: "Pretendard-Bold"; margin-right:0.5rem;}
.caseswImg {
	opacity:0;
    box-sizing: border-box;
    padding: 0 1rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
	transition:all 0.4s ease-in-out;
	display:none;
}
.caseswImg img {width:100%; height:auto;}

.swiper.caseswiper  {overflow:unset;}
.caseswiper .swiper-slide:hover .caseswImg {opacity:1; display:flex;}

.slideScrollWrap {
    width: 156rem;
    height: 100vh;
    opacity: 0;
    position: relative;
    top: 0;
    padding: 15rem 2rem 11rem;
    margin: 0 auto;
    transition: none;
}

.slideSBox {
    position: relative;
    width: 100%;
    width: 100%;
    max-width: 138rem;
    margin: 0 auto;
    opacity: 0;
	/* height: 67rem; */
	height: auto;
}

.minsigtBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.contactTGroup {height: 100vh; display: flex; align-items: center; justify-content: center;}

.active-three .slideSBox {opacity:1;}
.active-four .slideSBox {opacity:1;}
.active-four02 .slideSBox {opacity:1;}

.box03 .swiper-pagination {margin-top:3rem;}

.swiper.insightSwiper {
    display: flex;
    overflow: unset;
}

/* 인사이트 슬라이드 */
.insightSwiper .swiper-slide {
    padding: 0;
    overflow: hidden;
    /* border: 1px solid #EEE; */
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    /* border: 1px solid #EEE; */
    background: #FFF;
    height: auto;
    min-height: auto;
    position: relative;
    width: 33rem;
    min-width: 33rem;
	min-height:45.8rem;
}

.new {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Bold";
	font-size: 1.4rem;
	line-height: 1.4rem;
	letter-spacing: -0.4px;
	text-transform: uppercase;
	border-radius: 3px;
	background: #FF7C33;
	padding: 6px 10px;
	
}
.caseswiper .new {right: 2.4rem; top: 2.4rem; z-index: 1; position: absolute;}
.insightSwiper .new {left: 1rem; top: 1rem; z-index: 1; position: absolute;}
.insightSwiper .inThumnail {width: auto; height: 18.6rem;}
.insightSwiper .inThumnail .ntimg {width: auto; height: 100%; position: relative; background: #f1f1f1;}
.insightSwiper .inThumnail .ntimg img {width: auto; height: 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.insightSwiper .NewsTxtBox {margin-top:2.4rem;}
.insightSwiper .NewsTitle {
    color: #111;
    font-family: "Pretendard-Medium";
    font-size: 2rem;
    line-height: 3.2rem;
	/* min-height:6.4rem; */
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.insightSwiper .NewsTxt {
    color: #666;
    font-family: "Pretendard-Light";
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-top: 1rem;
	min-height:6.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.insightSwiper .NewsTxt br {display: none;}

.insightSwiper .regcntbox {
    display: flex;
    margin-top: 1.4rem;
}

.insightSwiper .regcntbox dl:first-child {
	border-right:1px solid #DDD;
	padding-right:2rem;
	margin-right:2rem;
}

.insightSwiper .regcntbox span {
    color: #111;
    font-family: "Pretendard-Light";
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.insightSwiper .regcntbox b {
    color: #111;
    font-family: "Pretendard-SemiBold";
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-left: 2rem;
}

.insightSwiper .NewRmWrap {
    width: 100%;
    border: 1px solid #000;
    padding: 1rem 2rem;
    text-align: center;
	margin-top:3rem;
}


.insightSwiper .NewsRm {
    color: #111;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    display: inline-block;
    padding-right: 2.1rem;
	position: relative;
}

.insightSwiper .NewsRm::before {
    content: '';
    right: 0;
    top: 50%;
    width: 1.1rem;
    height: 1.2rem;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/sub/plusBtn.png) no-repeat center / cover;
}


@media (max-width:1500px) and (min-width:992px) {
	.ContGroup .box {padding: 3rem; height: 50rem;}
	.slideTitleBox.section.treeup {margin-bottom: 2rem;}
	
	.slideTitle {font-size: 3rem; line-height: 4.5rem;}
	.slideSTxt {font-size: 2.2rem; line-height: 2.5rem;}
	
	.boxTitle {font-size: 2.5rem; line-height: 3rem; margin-bottom: 1.5rem;}
	
	.box01 .boxTitle {margin-bottom: 0;}
	.busiAreaList li {height:17rem;}
	.busiAreaList li::before {width: 102%;}
	.busiAreaList li .busiAreaName {font-size: 1.6rem; line-height: 2.2rem;}
	.busiAreaIcon {width: 7rem; height: 7rem; margin-bottom: 1rem;}
	
	.caseswTitleBox {padding: 1rem 0;}
	.caseswTitle {font-size: 1.5rem; line-height: 1.5rem;}
	.caseswDate {font-size: 1.2rem; line-height: 1.5rem;}
	
	.new {font-size: 1.2rem; line-height: 1.2rem; padding: 0.3rem 0.7rem;}
	.caseswiper .new {right: 1.6rem; top: 3rem; top: 2.8rem;}
	
	.insightSwiper .NewRmWrap {padding: 0.8rem 2rem; margin-top: 2rem;}
	
	.cirBlueBox {font-size: 1.2rem; line-height: 2.5rem; letter-spacing: -0.4px; padding: 0rem 1rem;}
	
	.insightSwiper .inThumnail {height: 14.6rem;}
	.insightSwiper .NewsTitle {font-size: 1.8rem; line-height: 2rem; min-height: 4rem;}
	.insightSwiper .NewsTxt {
		font-size: 1.6rem;
		line-height: 2rem;
		margin-top: 0.8rem;
		min-height: 6rem;
		-webkit-line-clamp: 3;
		margin-bottom: 1rem;
	}
	
	.insightSwiper .regcntbox dl:first-child {padding-right: 1.5rem; margin-right: 1.5rem;}
	.insightSwiper .regcntbox b {margin-left:1.4rem;}
	
	.insightSwiper .NewsRm {font-size: 1.4rem; line-height: 2.4rem; padding-right: 2.1rem;}
	.insightSwiper .swiper-slide {min-width: 33rem; min-height: 36.8rem;}
	
	.caseswSTitleBox {padding: 0.8rem 0;}
	.caseswSTitle {font-size: 1.4rem; line-height: 2rem;}
	.caseswiper .swiper-slide {padding:1.6rem; min-height: 36.5rem; height: 36.5rem;}
	
	.caseswList li {font-size: 1.2rem; line-height: 1.8rem; padding-top: 1rem;}
	.caseswImg img {width: auto; height: 100%;}
}
@media (max-width:991px){
	
	.busiAreaList li {
		width: calc(100%/2 - 0.75rem);
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 14.6rem;
		margin-right: 1.1rem;
		margin-top: 1.1rem;
	}
	.busiAreaList li:nth-child(2n) {margin-right:0;}
	.busiAreaList li .busiAreaName {font-size: 1.6rem; line-height: 2.2rem;}
	
	
	.busiAreaIcon {width: 6rem; height: 6rem; margin-bottom: 1rem;}
	.caseswiper.swiper {overflow:unset;}
	
	.caseswImg img {width: 100%; height: auto;}
	.caseswiper .swiper-slide {width:33rem;  min-height: 43.5rem; padding:1.6rem;}
	.caseswiper .new {right: 1.6rem; top: 1.6rem;}
	
	.insightSwiper .NewsTitle {font-size: 1.8rem; line-height: 2.8rem; min-height: 5.6rem;}
	
	.insightSwiper .regcntbox dl:first-child {padding-right: 1.6rem; margin-right: 1.6rem;}
	.insightSwiper .regcntbox b {font-size: 1.3rem; line-height: 1.6rem; margin-left: 0.6rem;}
	
	.insightSwiper .regcntbox {margin-top: 2rem;}
	
	.cusBtnGroup {height:3.5rem;}
	.cusBtnGroup .swiper-button-next, .cusBtnGroup .swiper-button-prev {width: 3.5rem; height: 3.5rem;}
	
	.box02 .swiper-pagination {margin-top:2.7rem;}
	.insightSwiper .NewRmWrap {margin-top: 2.7rem; padding:0.6rem 2rem;}
	
	.new {font-size: 1.1rem; line-height: 1.4rem; letter-spacing: -0.4px;}
	
	.insightSwiper .new {left: 1rem; top: 1rem; z-index: 1;}
	
	.insightSwiper .swiper-slide {min-height:auto;}
}


@media (max-width:991px) and (min-width:768px) {
	.caseswiper.swiper {overflow: unset; height: 88%;}
	.caseswiper.swiper .swiper-wrapper {height: 100%!important;}
	.caseswiper .swiper-slide {width: 33rem; min-height: unset; padding: 1.6rem; height: 100%;}
	
	.insightSwiper.swiper {overflow: unset; height: 88%;}
	.insightSwiper.swiper .swiper-wrapper {height: 100%!important;}
	.insightSwiper .swiper-slide { width: 33rem; min-height: unset; padding: 1.6rem; height: 100%;}
	
	.insightSwiper .swiper-slide {width: 33rem; min-height: unset; padding: 1.6rem; height: auto;}
	
	.insightSwiper .regcntbox {margin-top: 2rem; position: absolute; width: 100%; bottom: 7rem;}
}


@media (max-width:767px) {
	.boxTitle {font-size: 2.2rem;}
	
	.busiAreaList li .busiAreaName {font-size: 1.4rem; line-height: 2rem;}
	
	/* .mySwiper01 .swiper-slide {padding: 0; padding-bottom: 2rem;} */
	
	.caseswiper .swiper-slide {padding:1.6rem;}
	.caseswList {margin-top: 0.4rem;}
	.caseswTitleBox {padding:1.2rem 0;}
	.caseswTitle {font-size: 1.6rem; line-height: 2.2rem;}
	.caseswDate {font-size: 1.3rem; line-height: 2.2rem;}
	.caseswSTitle {font-size: 1.4rem; line-height: 2rem; padding-bottom: 0.6rem;}
	.caseswSTitleBox {padding: 1.2rem 0;}
	.caseswList li {font-size: 1.3rem; line-height: 1.8rem; padding-top: 0.8rem;}
	
	.boxInner {
		position: relative;
		height: auto;
	}
	
	.caseswiper .swiper-slide {width: 27rem; min-width: 27rem;}
	
	.insightSwiper .swiper-slide {width: 89.2%; min-width: 27rem;}
	.insightSwiper .NewsTxt {font-size: 1.4rem; line-height: 2.2rem; margin-top: 1.4rem; min-height: 8.8rem;}
	.insightSwiper .NewsTxt {-webkit-line-clamp: 6; margin-bottom: 1.2rem;}
	
	.boxInner {position: relative; height: 100%;}
	.caseswiper.swiper {overflow: unset; height: 85%;}
	.caseswiper .swiper-wrapper {height: 100%!important;}
	.caseswiper .swiper-slide {height:100%; min-height:unset;}
	
	.minsigtBox {height:100%;}
	.swiper.insightSwiper {height: 85%;}
	/* .insightSwiper .regcntbox { */
		/* margin-top: 2rem; */
		/* position: absolute; */
		/* bottom: 6rem; */
		/* width: 100%; */
	/* } */
	
}

@media (max-width:380px) {
	.boxInner {position: relative; height: auto;}
	.insightSwiper .NewsTxt {-webkit-line-clamp: 4; margin-bottom: 1.2rem;}
}

/* 상담 신청 */
.contactTGroup {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: -1;
    position: relative;
    width: 100%;
    max-width: 156rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.fivepage {position: relative; z-index:-10;}

.hoverBG {
    opacity: 0;
    width: 100%;
    height: auto;
    position: fixed;
    left: 50%;
    top: 50%;
	z-index:-1;
    transform: translate(-50%,-50%);
}
.hoverBG img {width: 100%; height: 100%;}

.active-five .hoverBG {z-index: 0;}
.active-five :hover .hoverBG {opacity: 1; }	

.active-five .fivepage {z-index:0;}
.contactTGRight {display: flex;}

.contactTGRight>a {display: flex; align-items: center;}
.contTLogo {
    color: #FFF;
    font-family: Cormorant;
    font-size: 11rem;
    font-weight: 600;
    line-height: 12rem;
    letter-spacing: 1.1rem;
    margin-bottom: 2.6rem;
}

.contT {
	color: #FFF;
	margin-top:2.6rem;
	font-family: 'MaruBuriSemiBold';
	font-size: 3.6rem;
	line-height: 5rem;
}

.contactTGRightBtnBox {
    width: auto;
    min-width: 22rem;
    display: flex;
    padding: 2rem 3rem;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
    box-sizing: border-box;
	transition: all 0.1s ease-in-out;
}

.contactTGRightBtnBox:hover {
    background: rgb(26 55 100 / 50%);
}

.contactTGRightBtnBox:last-child {margin-left:1rem;}

.contAT {
    color: #FFF;
    position: relative;
    font-size: 2.4rem;
    line-height: 3.5rem;
    padding-left: 4.6rem;
    font-family: "Pretendard-SemiBold";
    white-space: nowrap;
}
.inqIcon::before {
	content:'';
	width: 2.6rem;
	height: 2.6rem;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/mo-inqicion.png) no-repeat center / cover;
	
}

.roadIcon::before {
	content:'';
	width: 2.6rem;
	height: 2.6rem;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/main-pinBtn.png) no-repeat center / cover;
}

.contactArrow {
	display: flex;
	width: 13.7rem;
	height: 13.7rem;
	position:relative;
}

.contactArrow::before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:url(../img/main/mainArrow.png) no-repeat center / cover;
}
.contactTGRight>a:hover .contactArrow::before {background:url(../img/main/mainArrowhover.png) no-repeat center / cover;}

.threeslideWrap {
    position: relative;
    top: 0;
    width: 100%;
    transition: all 0.6s ease-in-out;
}


.fourslideWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    width: 100%;
}

.four02slideWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    transition: all 0.4s ease-in-out;
    width: 100%;
}


.contactTGroup {transition:none;}
.active-five .contactTGroup {z-index: 1;}


.active-four .fourslideWrap {z-index: 20;}
.active-four02 .four02slideWrap {z-index: 30;}


@media (min-width:2000px) {

}


@media (max-width:1500px) and (min-width:992px) {
	.caseBox .caseRight {margin-top:3rem; width:100%;}
	.hoverBG {width: 150%; height: auto;}
}

@media (min-width:992px) {

		
	.contTLogo {
		font-size: 8.5rem;
		line-height: 9rem;
		letter-spacing: 0.5rem;
		margin-bottom: 2.6rem;
	}

	.pagesBG {width: 100%; height: 100vh; position: fixed; top: 0;}
	.active-one .pagesBG {background: url(../img/main/mainbg01.jpg) no-repeat center / cover;}
	.active-two .pagesBG {background: url(../img/main/mainbg02.jpg) no-repeat center / cover;}
	.active-three .pagesBG {background: url(../img/main/mainbg02.jpg) no-repeat center / cover;}
	.active-four .pagesBG {background: url(../img/main/mainbg02.jpg) no-repeat center / cover;}
	.active-four02 .pagesBG {background: url(../img/main/mainbg02.jpg) no-repeat center / cover;}
	.active-five .pagesBG {background: url(../img/main/mainbg03.jpg) no-repeat center / cover;}
	.pagesBG::before {content: ''; width: 100%; height: 100%; position: fixed; opacity:0; backdrop-filter: blur(25px); transition: all 0.4s ease-in-out;}
	.active-three .pagesBG::before, .active-four .pagesBG::before,  .active-four02 .pagesBG::before{opacity:1;}
	.active-three .slideScrollWrap, 
	.active-four .slideScrollWrap,
	.active-four02 .slideScrollWrap {
		opacity: 1;
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
	}
	.active-four .fourslideWrap {top: 0;}
	.active-four02 .four02slideWrap {top: 0;}
	.active-five .contactTGroup {
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: space-between;
		z-index: -1;
		position: fixed;
		width: 100%;
		max-width: 142rem;
		padding: 0 4rem;
		margin: 0 auto;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.active-five .contactTGroup {z-index:1;}
	.box.box02 {opacity: 0;}
	.box.box03 {opacity: 0;}
	 
	.active-four .box.box01 {opacity: 0;}
	.active-four .box.box02 {opacity: 1;}
	.active-four .box.box03 {opacity: 0;}
	
	
	.active-four02 .box.box01 {opacity: 0;}
	.active-four02 .box.box02 {opacity: 0;}
	.active-four02 .box.box03 {opacity: 1;}
	.active-five .box.box01 {opacity: 0;}
}


@media (max-width:991px) {
	/* .loadingP {display:none;} */
	
	.pagesBG {
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100vh;
		position: fixed;
		transform: translate(-50%,-50%);
	}
	.active-one .pagesBG {background: url(../img/main/mainbg01-mo.jpg) no-repeat center / cover;}
	.active-two .pagesBG {background: url(../img/main/mainbg02-mo.jpg) no-repeat center / cover;}
	.active-three .pagesBG {background: url(../img/main/mainbg02-mo.jpg) no-repeat center / cover;}
	.active-four .pagesBG {background: url(../img/main/mainbg02-mo.jpg) no-repeat center / cover;}
	.active-four02 .pagesBG {background: url(../img/main/mainbg02-mo.jpg) no-repeat center / cover;}
	.active-five .pagesBG {background: url(../img/main/loading-bg-mo.jpg) no-repeat center / cover;}
	
	
	
	/* .first.page {background: #888;} */
	.tbtitleBox {opacity: 1; align-items: flex-start;}	
	.tbTitle {
		top: unset;
		width: 100%;
		height: auto;
		padding: 0px 2rem;
		position: relative;
		max-width: 146rem;
		transform: unset;
		box-sizing: border-box;
	}
	.tbtitleBox01 .tbTitle  {padding-top: 33.2%;} 
	.tbcontxt {
		padding: 4rem 0;
		font-size: 2.2rem;
		line-height: 4rem;
		position: unset;
		left: unset;
		top: unset;
		opacity: 1;
		transition: all 0.8s ease-in-out;
		transform: unset;
		max-width: 146rem;
		margin: 0 auto;
		padding: 0 2rem;
		width: auto;
	}
	.tbtitleBox02 {opacity: 1; padding-top: 33.2%; position:relative;}
	
	.tbtitleBox02 .intro02 {margin-top:4rem;}
	
	.slideScrollWrap {
		width: 100%;
		height: auto;
		opacity: 1;
		position: relative;
		top: 0;
		padding: 7.8rem 2rem 11rem;
		margin: 0 auto;
		transition: none;
	}
	
	
	.slideTitleBox {
		padding: 0 0rem;
		flex-direction: column;
	}
	
	.slideTitle {
		width: 100%;
		font-size: 3.5rem;
		line-height: 5rem;
		margin-bottom: 3rem;
	}
	.slideSTxt {
		font-size: 2rem;
		line-height: 2.6rem;
		width: 100%;
		position: relative;
		top: unset;
	}

	.ContGroup .box {padding: 3rem 2rem; height:auto;}
	
	.boxTitle {
		font-size: 2.6rem;
		line-height: 3.5rem;
		margin-bottom: 2rem;
	}



	
	
	.cirBlueBox {
		font-size: 1.3rem;
		line-height: 1.8rem;
		padding: 0.6rem 1rem;
		padding: 0.5rem 0.8rem;
		letter-spacing: -0.0327px;
	}
	
	.contTLogo {
		font-size: 5.5rem;
		line-height: 6.20rem;
		letter-spacing: 0.55rem;
		margin-bottom: 1.2rem;
		text-align: center;
	}
	
	.contT {
		margin-top: 2rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
		text-align: center;
	}
	
	.contactTGLeft {
		padding-bottom: 32%;
	}


	.contactTGRight>a {
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	.contAT {
		font-size: 1.8rem;
		line-height: 2.2rem;
		margin-bottom: 0;
		margin-right: 0;
		padding-left: 2.6rem;
	}
	
	.inqIcon::before {width: 1.6rem; height: 1.6rem;}
	.roadIcon::before {width: 1.6rem; height: 1.6rem;}

	.contactTGRightBtnBox {
		min-width: 16.3rem;
		padding: 1.5rem 3rem;
	}

	
	.contactArrow {
		display: flex;
		width: 6.7rem;
		height: 6.7rem;
		position: relative;
	}
	
	
	.intro {font-size: 4rem; line-height: 6rem; margin-bottom: 3.5rem; padding-bottom: 3.5rem; position: relative;}
	.intro::before {width: 2.3rem;}
	.tbTitle {font-size: 2.3rem; line-height: 3.5rem;}
	.intro02 {margin-top: 1rem; font-size: 2.8rem; line-height: 4rem;}
	
	.first.page.cubeArea {height: auto;}
	.second.page {height:auto;}
	
	.slideSBox {
		position: relative;
		width: 100%;
		width: 100%;
		max-width: 152rem;
		margin: 0 auto;
		opacity: 1;
	}
	
	.fourslideWrap {
		margin-top:4rem;
		position: relative;
		left: unset;
		top: unset;
		z-index: 30;
		transition: all 0.4s ease-in-out;
		width: 100%;
	}
	
	.four02slideWrap {
		margin-top:4rem;
		position: relative;
		left: unset;
		top: unset;
		z-index: 30;
		transition: all 0.4s ease-in-out;
		width: 100%;
	}

	.box.box02 {opacity: 1;}

	.contactTGroup {
		height: 100vh;
		justify-content: center;
		z-index: 1;
		position: relative;
		opacity: 1;
		flex-direction: column;
	}
	
	
	.hoverBG {left: 50%; top: 63%; transform: translate(-50%,-50%); opacity:0; z-index:-1;}

	.contactTGLeft {padding-bottom: 26rem;}


	/* 스크롤 */
	.tbtitleBox01 .tbTitle {opacity:0; position: fixed;}
	.active-one .tbTitle { opacity:1;}
	
	.tbtitleBox02 {opacity:0; position: fixed; top: 0;}
	.active-two .tbtitleBox02  { opacity:1;}
	
	.first.page.cubeArea {height: auto; min-height: 320vh; opacity:0;}
	.active-three .first.page.cubeArea {opacity:1;}
	
	.second.page {height: auto;}
	
	.active-five .slideWrap {opacity:0;}
	
	.contactTGroup {position: fixed;top: 0; opacity:0; z-index: -100;}
	.active-five .contactTGroup {opacity:1;}
}


@media (max-width:767px) {

	.intro {font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 2.2rem; padding-bottom: 2.2rem; position: relative;}
	.intro::before {width: 2.3rem;}
	.tbTitle {font-size: 1.6rem; line-height: 2.6rem;}
	.intro02 {margin-top: 2.2rem; font-size: 1.8rem; line-height: 2.4rem;}
	
	.tbcontxt {font-size: 1.6rem; line-height: 2.6rem;}
	
	/* .slideTitle {font-size: 2.4rem; line-height: 3.6rem; margin-bottom:1.2rem;} */
	/* .slideSTxt {font-size: 1.6rem; line-height: 2.2rem; } */
	
	.slideTitle {
		font-size: 2.2rem;
		line-height: 3.2rem;
		margin-bottom: 1rem;
	}
	.slideSTxt {
		font-size: 1.5rem;
		line-height: 2rem;
	}


	.ContGroup .box {padding: 1.6rem; height:auto;}
	.boxTitle {font-size: 2.2rem;}
	.contactTGLeft {padding-bottom: 15rem;}
	
	.tbtitleBox02 .intro02 {margin-top: 2.2rem;}
}



/* 모바일 스크롤 수정 */
@media (max-width:991px) {
	.active-three {}
	.active-two .first.page.cubeArea {opacity:0;}
	
	.first.page.cubeArea {opacity: 1; min-height: 100vh;}
	.first.page.cubeArea {opacity: 1; min-height: 100vh; height: 100vh;}
	.second.page {height: 100vh;}
	
	
	.active-three .slideScrollWrap,
	.active-four .slideScrollWrap,
	.active-four02 .slideScrollWrap {position: fixed; top: 0;}


	.active-three .fourslideWrap {opacity:0;}
	.active-three .four02slideWrap {opacity:0;}

	.active-four .threeslideBoxWrap {
		opacity: 0;
		height: 0;
		margin-top: 0;
	}
	.active-four .fourslideWrap {margin-top:0;}
	
	.active-four02 .threeslideBoxWrap {opacity:0; margin-top:0;}
	.active-four02 .fourslideWrap {opacity:0; margin-top:0;}
	.active-four02 .four02slideWrap  {margin-top:0;}
	
	
	.active-four02 .fourslideWrap {height:0;}
	.active-four02 .threeslideBoxWrap {height:0;}
	
	.active-five .slideWrap {display: none;}

	.threeslideWrap {
		position: relative;
		top: 0;
		width: 100%;
		transition: all 0.6s ease-in-out;
		height: 71vh;
	}
	
	.ContGroup .box.box01,
	.ContGroup .box.box02,
	.ContGroup .box.box03 {
		padding: 1.6rem;
		/* height: 72vh; */
		height: calc(72vh - 40px);
		overflow-y: scroll;
	}
	.boxTitle {font-size: 2.2rem;}
	.contactTGLeft {padding-bottom: 15rem;}
	
	.slideScrollWrap {
		width: 100%;
		height: auto;
		opacity: 1;
		position: relative;
		top: 0;
		padding: 4.8rem 2rem 11rem;
		margin: 0 auto;
		transition: none;
	}
	
	.slideTitleBox.section.treeup {
		margin-bottom: 2rem;
	}
	
	.insightSwiper .inThumnail {width: auto; height: 15.2rem;}
	.insightSwiper .NewsTxtBox {margin-top: 2rem;}
	.insightSwiper .NewsTitle {
		font-size: 1.8rem;
		line-height: 2.8rem;
		min-height: unset;
	}
	.insightSwiper .NewsTxt {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-top: 1.4rem;
		min-height: unset;
	}
}