@font-face {
    font-family: 'MYRIADPRO-SEMIBOLD';
    src: url('/assets/fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

.section-bg{
    width : 100%;
    height : 100%;
    left : 0;
    top : 0;
    position : absolute;
    z-index: -1;

    
}
@keyframes section-bg {
    0%{
        opacity: 0;
        transform: scale(1.4);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.section-bg > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
}
.main-section-visual{
    width : 100%;
    height : 100vh;
    position : relative;
    overflow: hidden;
}
.main-section-visual .section-bg > img{
    object-position: bottom center;
}
.main-section-visual.active .section-bg{
	animation : section-bg 4s both;
}
.visual-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-top : 17vh; */
	padding-top : 30.1667vw;
    font-size: 1em;
    color : #0f2244;
    line-height : 1.3;
}
.visual-title > p{
    overflow: hidden;
}
.visual-title > p:nth-child(1) span{
    display: block;
    /* font-family : CarismaClassic-300Light; */
    /* letter-spacing: 0.325em; */
	color : #ed6f3d;
	letter-spacing : -0.033em;
	/* padding-left : 2.8vw; */
    /* font-size: 5.8333vw; */
	font-size : 4.8683vw;
    font-weight: 500;
    transform: translateX(100%);
	margin-bottom : 4.3333vw;
    
}
.main-section-visual.active .visual-title > p:nth-child(1) span{
	animation : on 1s both;
}
.visual-title > p:nth-child(2){
	margin-bottom : 9.1667vw;
}
.visual-title > p:nth-child(2) span{
    display: block;
    font-family : Pretendard-Regular;
    font-weight: 100;
    letter-spacing: -0.035em;
    font-size : 9.6667vw;
    transform: translateX(-100%);
}
.main-section-visual.active .visual-title > p:nth-child(2) span{
	animation : on 1.5s both;
    animation-delay: 1s;
}
.visual-title > p:nth-child(2) img{
	display : block;
	max-width : 85.1667vw;
}
.visual-title > p:nth-child(3) span{
    display: block;
    font-family : Pretendard-Regular;
    font-weight: 700;
    letter-spacing: -0.035em;
    font-size : 9.6667vw;
    transform: translateX(100%);
}
.main-section-visual.active .visual-title > p:nth-child(3) span{
	animation : on 1s both;
    animation-delay: 1s;
}
.visual-title > p:nth-child(4){
    font-size: 5.25vw;
    letter-spacing: -0.033em;
    font-weight: 500;
    /* margin-top : 8.3333vw; */

    opacity: 0;
}
.main-section-visual.active .visual-title > p:nth-child(4){
    animation : on 2s both;
    animation-delay: 2s;
}

@keyframes on {
    0%{}
    100%{
        opacity: 1;
        transform: translate(0);
    }
}
.visual-bottom{
	display : flex;
	gap : 2.8333vw;
	position : absolute;
    left : 5vw;
    bottom : 10vw;
	opacity: 0;
    animation : on 1s both;
    animation-delay: 3s;
}
.visual-circle{
    display: flex;
	flex-direction :column;
    align-items: center;
    justify-content: center;
    width : 23vw;
    height : 23vw;
    border-radius: 50%;
    background : #ed6f3d;
    text-align: center;
    font-size: 4vw;
    color : #fff;
    font-weight: 300;
    line-height: 6vw;
    letter-spacing: -0.055em; 
	box-shadow : 0 3px 6px rgba(0,0,0,0.16);
}
.visual-circle > span{
	font-weight : 700;
	font-size : 4vw;
}
.visual-customer{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 23vw;
    height : 23vw;
    border-radius: 50%;
    background : #0f2244;
    text-align: center;
    font-size: 4vw;
    color : #fff;
    font-weight: 700;
    line-height: 6vw;
    letter-spacing: -0.055em; 
	box-shadow : 0 3px 6px rgba(0,0,0,0.16);
}
/**/

.main-section-visual-new{
			width : 100%;
			height : 100vh;
			position : relative;
			overflow : hidden;
			background : #000;
		}
		.visual-new-bg{
			display : flex;
			justify-content : center;
			width : 100%;
			height : 100%;
			position : absolute;
			left : 0;
			top : 0;
			z-index : 0;
			background : url(/m/assets/images/main/visual-new-01.jpg?v=0904)no-repeat;
			background-size : cover;
			background-position : center;
			animation : visual-new-bg 5s both ease-in-out;
		}
		@keyframes visual-new-bg{
			0%{
				background : url(/m/assets/images/main/visual-new-01.jpg?v=0904)no-repeat;
				background-size : cover;
				background-position : center bottom;
				filter : brightness(0.8) saturate(1);
				transform : scale(1.1);
			}
			20%{
				background : url(/m/assets/images/main/visual-new-02.jpg?v=0904)no-repeat;
				background-size : cover;
				background-position : center bottom;
			}
			60%{
				background : url(/m/assets/images/main/visual-new-03.jpg?v=0904)no-repeat;
				background-size : cover;
				background-position : center bottom;
			}
			100%{
				background : url(/m/assets/images/main/visual-new-04.jpg?v=0904)no-repeat;
				background-size : cover;
				background-position : center bottom;
				filter : brightness(1.1) saturate(1.15);
				transform : scale(1);
			}
		}
		.visual-new-logo{
			display : block;
			width : 36.6667vw;
			animation : visual-new-logo 2s both;
			animation-delay : 3.5s;
			position : absolute;
			top : 18.7vh;
		}
		@keyframes visual-new-logo{
			0%{
				opacity : 0;
			}
			100%{
				opacity : 1;
			}
		}
		.visual-new-title{
			display : flex;
			flex-direction : column;
			align-items : center;
			gap : 25px;
			position : absolute;
			z-index : 1;
			top : 29.7vh;
			width : 100%;
			transform : scale(.7);
		}
		.honorsville{
			display : flex;
			gap : 14px;
			animation : honorsville 4s both;
		}
		@keyframes honorsville {
			0%{
				gap : 70px;
				opacity : 0;
				filter : blur(3px)
			}
			70%{
				opacity : 1;
				filter : blur(0)
			}
			100%{
				gap : 14px;
			}
		}
		.honorsville > img{
			height : 40px;
			filter : drop-shadow(-3px 3px 6px rgba(0,0,0,0.3))
		}
		.signature{
			display : flex;
			gap : 5px;
			animation : signature 4s both;
		}
		@keyframes signature {
			0%{
				gap : 70px;
				opacity : 0;
				filter : blur(3px)
			}
			70%{
				opacity : 1;
				filter : blur(0)
			}
			100%{
				gap : 5px;
			}
		}
		.signature > img{
			height : 40px;
			filter : drop-shadow(-3px 3px 6px rgba(0,0,0,0.3))
		}
		.visual-new-text{
			display : flex;
			flex-direction : column;
			align-items : center;
			position : absolute;
			z-index : 1;
			bottom : 25.6vh;
			width : 100%;
		}
		.visual-new-text > img:nth-child(1){
			width : 70vw;
			max-width : 419px;
			animation : visual-new-text 3s both;
			animation-delay : 1.5s;
		}
		.visual-new-text > img:nth-child(2){
			width : 60.1667vw;
			max-width : 363px;
			animation : visual-new-text 3s both;
			animation-delay : 3s;
		}
		@keyframes visual-new-text{
			0%{
				opacity : 0;
				transform : translateY(50px);
			}
			100%{
				opacity : 1;
				transform : translateY(0);
			}
		}
		.main-section-visual-new .visual-bottom {
			bottom : 6vh;
			left : auto;
			right : 5vw;
			animation-delay : 5s;
		}

/**/

.main-section-benefit{
    padding : 19.1667vw 8.3333vw;
}
.benefit-title{
    display: flex;
    flex-direction: column;
    font-size: 9.6667vw;
    font-family: CarismaClassic-300Light;
    letter-spacing: -0.035em;
    line-height: 11vw;
    margin-bottom : 5.8333vw;
	font-weight : 300;
}
.benefit-title > span{
    font-family: CarismaClassic-600DemiBold;
    letter-spacing: -0.055em;
}
.benefit-small-title{
    margin-bottom : 5vw;
    font-size: 4.6567vw;
    letter-spacing: -0.033em;
    font-weight: 300;
    color : 0f2244;
}
.benefit-small-title > b{
    font-weight: 500;
}
.benefit-small-title > span{
    font-weight: 700;
    color : #ed6f3d;
}
.benefit-p{
    margin-bottom : 6.6667vw;
    font-size: 2.6667vw;
    letter-spacing: -0.073em;
    white-space: nowrap;
}
.benefit-slide{
    width : 100%;
    overflow: hidden;
    padding-bottom : 10vw;
    position : relative;
}
.benefit-slide .img-box{
    width : 100%;
    overflow : hidden;
    margin-bottom : 5vw;
}
.benefit-slide .img-box > img{
    width : 100%;
}
.benefit-num{
    font-size: 2.6667vw;
    font-family: CarismaClassic-300Light;
    margin-bottom : 2vw;
    letter-spacing: 0.065em;
}
.benefit-slide-title{
    font-size : 3.3333vw;
    font-weight: 500;
    margin-bottom : 3.3333vw;
    letter-spacing: -0.03em;;
}
.benefit-slide-text{
    font-size: 2.6667vw;
    letter-spacing: -0.033em;
    line-height: 4.1667vw;
}
.benefit-logo{
    width : 49vw;
    opacity: .4;
}
.benefit-navigation{
    display: flex;
    gap : 1.6667vw;
    position : absolute;
    right : 0;
    bottom : 26.1667vw;
    z-index: 1;
}
.benefit-navigation img{
    width : 8.6667vw;
}
.benefit-text{
    display: block;
    position : absolute;
    top : 32.6667vw;
    right : 2.5vw;
    z-index: 1; 
    width : 63.8333vw;
}
/**/
.main-section-premium{
    position : relative;
    padding : 20vw 0 0 0 ;
    /* padding-bottom : 157.5%; */
}
.premium-bg{
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    /* padding-bottom : 157.5%; */
    z-index: -2;
}
.premium-bg > img{
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition : opacity .5s;
}
.premium-bg > img.on{
    opacity: 1;
}
.premium-dim{
    position : absolute;
    width : 100%;
    height : 100%;
    /* padding-bottom : 157.5%; */
    left : 0;
    top : 0;
    z-index: 0;
}
.premium-dim > img{
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition : opacity 1.5s;
}
.premium-dim > img.on{
    opacity : 1;
    transition-delay : 1s;
}
.premium-title-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    position : relative;
    z-index: 1;
}
.premium-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 9.6667vw;
    color : #fff;
    letter-spacing: 0.005em;
    text-align: center;
    font-family: CarismaClassic-300Light;
    font-weight: 300;
    line-height: 11.0067vw;
    margin-bottom : 5vw;
}
.premium-title > span{
    letter-spacing: -0.015em;
    color : #ed6f3d;
    font-family: CarismaClassic-600DemiBold;
    font-weight: 600;
}
.premium-p{
    color : #fff;
    font-size: 2.6667vw;
    letter-spacing: -0.033em;
    text-align: center;
    line-height: 5vw;
}
.premium-line{
    display: block;
    width : 1px;
    height : 6.6667vw;
    margin : 6.6667vw 0;
    background : #fff;
}
.premium-con > li{
    /* display: flex; */
    display: none;
    flex-direction: column;
    align-items: center;
    position : relative;
    z-index: 1;
    color : #fff;
	height : 35vw;
}
.premium-con > li.on{
    display: flex;
}
.premium-con-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 5.5vw;
    font-weight: 700;
    letter-spacing: -0.033em;
    margin-bottom : 1.6667vw;
}
.premium-con-title > span{
    font-size: 2.6667vw;
}
.premium-con > li > img{
    height : 10.5vw;
    margin-bottom : 1.6667vw;
}
.premium-con > li > p{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 1.6667vw;
    font-size: 2.6667vw;
    letter-spacing: -0.033em;
    color : #fff;
    font-weight : 300;
}
.premium-con > li > p > span{
    font-size: 2.3333vw;
    color : rgba(255,255,255,0.5);
}
.premium-slide{
    padding : 0 10vw;
    color : #fff;
    margin-top : 12.5vw;
    padding-bottom : 21.5vw;
    overflow : hidden;
}
.premium-slide .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 2.3333vw;
    font-size : 2.6667vw;
    color : rgba(255,255,255,0.4);
}
.premium-slide .swiper-slide-active{
    color : #fff;
}
.premium-slide .swiper-slide > img{
    width : 17.5vw;
    filter: grayscale(1);
}
.premium-slide .swiper-slide-active > img{
    filter: grayscale(0);
    border : 2px solid #fff;
    border-radius: 50%;
}
.premium-navigation{
	display : flex;
	justify-content : space-between;
	position : absolute;
	left : 0;
	top : 85vw;
	width : 100%;
	padding : 0 5vw;
	z-index : 1;
	filter : invert(1);
}
.premium-navigation img{
	width : 8.8333vw;
}
/**/
.main-section-location > img{
    display: block;
    width : 100%;
}


.d-day {
    width: 23vw;
    height: 23vw;
    border-radius: 10%;
    background: #ffd200;
    text-align: center;
    font-size: 4vw;
    color: #fff;
    font-weight: 700;
    line-height: 6vw;
    letter-spacing: -0.055em;
}
.d-day p {
	font-size: 12px;
	color: #161b3c;
	padding-top: 12px;
	line-height: 16px;
}
.d-day strong {
	font-size: 40px;
	color: #161b3c;
	padding-top: 0px;
	font-family: "MYRIADPRO-SEMIBOLD", sans-serif;
	letter-spacing: -2px;
	line-height: 40px;
}
.d-day strong span {
	font-size: 42px;
	margin: 0 4px;
}