@charset "utf-8";

.main-mini-wrap{margin:0 auto;padding:0 9rem;max-width:170rem;box-sizing:border-box;}
.main-title-wrap{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 2.7rem;}
.main-title-wrap .main-title-box{display:flex;align-items:flex-end;padding:0 0 2.3rem;}
.main-title-wrap .main-title-box .main-title{font-size:7.2rem;line-height:8.2rem;color:var(--color03);font-weight:var(--font-weight-medium);letter-spacing:0;}
.main-title-wrap .main-title-box p{padding:0 0 0 3.1rem;font-size:2rem;line-height:3rem;color:var(--color05);font-weight:var(--font-weight-semibold);letter-spacing:-0.05em;}
.main-title-wrap .main-info-box{display:flex;flex-direction:column;align-items:flex-end;padding-bottom:1rem;}
.main-title-wrap .main-info-box p{padding:0 0 1.6rem;font-size:1.5rem;line-height:2.4rem;color:var(--color05);font-weight:var(--font-weight-semibold);letter-spacing:0;text-align:right;}
.main-title-wrap .main-info-box a{display:inline-flex;align-items:center;position:relative;font-size:2rem;line-height:2.4rem;color:var(--color01);font-weight:var(--font-weight-bold);letter-spacing:-0.02em;}
.main-title-wrap .main-btn-more span {border-bottom: 2px solid var(--color01);}
.faciliti-txt-box .main-btn-more span {border-bottom: 2px solid var(--color01);}
.main-title-wrap .main-info-box a:after{content:'';display:inline-block;margin:0 0 0 1.7rem;border-radius:50%;width:6.6rem;height:6.6rem;background:var(--color02);}
.main-title-wrap.white .main-title-box .main-title,
.main-title-wrap.white .main-title-box p,
.main-title-wrap.white .main-info-box p,
.main-title-wrap.white .main-info-box a{color:var(--white100);}
.main-title-wrap.white .main-btn-more span {border-color:var(--white100);}


.more-box{text-align:center;}
.btn-more{display:inline-flex;align-items:flex-end;margin:0 auto;background:none;font-size:4.6rem;line-height:5.6rem;color:var(--color03);font-weight:var(--font-weight-medium);transition:color 0.2s;}
.btn-more:after{content:'';display:inline-block;margin:0 0 8px 1.3rem;width:2.2rem;height:2.8rem;background:url(../img/main/ico-plus01%402x.png) no-repeat center center/100%;transition:transform 0.2s;}
.btn-more.white{color:var(--white100);}
.btn-more.white:after{background-image:url(../img/main/ico-plus01-w%402x.png);}

/* 메인컨텐츠02, 06 플로우박스 */
.flow-outer{position:absolute;width:100%;overflow:hidden;}
.flow-outer .flow-box{white-space:nowrap;overflow:hidden;}
.flow-outer .flow-box:hover .flow-txt-box,
.flow-outer .flow-box.pause .flow-txt-box{animation-play-state:paused;}
.flow-outer .flow-box .flow-txt-box{display:inline-block;animation-duration:200s;animation-timing-function:linear;animation-iteration-count:infinite;}
.flow-outer .flow-box .flow-txt-box.left:not(.clone){animation-name:flowLeft;}
.flow-outer .flow-box .flow-txt-box.left.clone{animation-name:flowLeftClone;}
.flow-outer .flow-box .flow-txt-box.right:not(.clone){animation-name:flowRight;}
.flow-outer .flow-box .flow-txt-box.right.clone{animation-name:flowRightClone;}
.flow-outer .flow-box .flow-txt-box .flow-txt-list{display:flex;margin:0;padding:0 2rem;height:100%;overflow:visible;}
.flow-outer .flow-box .flow-txt-box .flow-txt-list > li{font-size:18rem;font-weight:var(--font-weight-bold);line-height:1;}

@keyframes flowLeft {
	0% {transform: translateX(0);}
	50% {transform: translateX(-100%);}
	50.01%{transform: translateX(100%);}
	100%{transform: translateX(0);}
}
/* 복제 키프레임 */
@keyframes flowLeftClone {
	0% {transform: translateX(0);}
	100% {transform: translateX(-200%);}
}

@keyframes flowRight {
	0% {transform: translateX(0);}
	50% {transform: translateX(100%);}
	50.01% {transform: translateX(-100%);}
	100% {transform: translateX(0);}
}
/* 복제 키프레임 */
@keyframes flowRightClone {
	0% {transform: translateX(-200%);}
	100% {transform: translateX(0);}
}
@media screen and (max-width:1300px){
	.main-title-wrap{flex-wrap:wrap;gap:2rem;}
	.main-title-wrap .main-title-box {align-items:flex-start;flex-direction: column;}
	.main-title-wrap .main-title-box p {padding:0;margin-top:2rem;}
	
}

@media screen and (max-width:1400px){
	.main-mini-wrap{padding:0 4rem}
}
@media screen and (min-width:1025px){
	.main-title-wrap .main-info-box a:before{content:'';display:inline-block;position:absolute;top:50%;right:3.3rem;z-index:10;width:1.8rem;height:1.7rem;background:url(../img/main/ico-arr01%402x.png) no-repeat center center/100%;transform:translate(50%, -50%);transition:transform 0.2s;}
	.main-title-wrap .main-info-box a:hover:before,
	.main-title-wrap .main-info-box a:focus:before{transform:translate(calc(50% + 4px), calc(-50% - 4px));}
	
	.btn-more:hover,
	.btn-more:focus{color:var(--color02);}
	.btn-more:hover:after,
	.btn-more:focus:after{background-image:url(../img/main/ico-plus01-r%402x.png);transform:rotate(90deg);}
}
@media screen and (max-width:1024.98px){
	.main-title-wrap{gap:0;padding:0 0 3rem;}
	.main-title-wrap .main-title-box{flex-wrap:wrap;justify-content:center;padding:0 0 7rem;width:100%;align-items: center;}
	.main-title-wrap .main-title-box .main-title{padding:0 0 2rem;width:80%;font-size:4.4rem;line-height:4.5rem;text-align:center;text-transform: uppercase;}
	.main-title-wrap .main-title-box p{margin-top:0;font-size:1.6rem;line-height:2.2rem;text-align:center;}
	.main-title-wrap .main-info-box{align-items:flex-start;width:100%;}
	.main-title-wrap .main-info-box p{padding:0 0 1rem;font-size:1.3rem;line-height:1.9rem;text-align:left;}
	.main-title-wrap .main-info-box a{position:relative;width:100%;font-size:1.8rem;line-height:2.5rem;}
	.main-title-wrap .main-info-box a:after{position:absolute;right:0;bottom:0;width:4.7rem;height:4.7rem;background:var(--color02) url(../img/main/ico-arr01%402x.png) no-repeat center center/1.3rem;}
	.btn-more{font-size:3.4rem;line-height:4rem;}
	.btn-more:after{width:1.3rem;height:1.3rem;}

	/* 메인컨텐츠02, 06 플로우박스 */
	.flow-outer .flow-box .flow-txt-box .flow-txt-list > li{font-size:10rem;}	
}

@media screen and (max-width:500px){
	.main-mini-wrap{padding:0 2rem}
	}