::-webkit-scrollbar {
	display: none;
}
.moView{
	display : none !important;
}
.cursor{
	position : fixed;
	left : 0;
	top : 0;
	z-index : 10;
	border-radius : 50%;
	transform : translate(-50%, -50%) scale(0);
	pointer-events : none;
	transitioN : transform .5s;
}
.cursor.on{
	transform : translate(-50%, -50%) scale(1);
}
.cursor.on::after{
	content: '';
    position: absolute;
    top: 47.5%;
    left: 50%;
    width: 100%; /* 테두리 크기 조정 */
    height: 100%;
    border: 3.5px solid #f0eceb;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    animation: circ 1s ease-out infinite;
}
@keyframes circ {
    0% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

body {
	-ms-overflow-style: none; 
	scrollbar-width: none;
}
.scroll-icon{
    display: flex;
    flex-direction: column;
    gap : 12.5px;
    align-items: center;
    position : fixed;
    z-index: 10;
    color : #fff;
    bottom : 30px;
	left : 50%;
	transform : translateX(-50%);
	pointer-events : none;
}
.scroll-icon > span{
    /* writing-mode:vertical-lr;
    transform: rotate(180deg); */
    font-size: 13px;
    font-weight: 700;
    /* font-family: Montserrat; */
}
.scroll-icon > .mouse{
    display: flex;
    justify-content: center;
    width : 24px;
    height : 46px;
	background: url(/images/main/mouse-bg.png) no-repeat center;
    position : relative;
}
.scroll-icon > .mouse > .dot{
	width: 4px;
    height: 8px;
    border-radius: 50px;
    background : #fff;
    position : absolute;
    top : 2px;
    animation : scroll-icon 1.2s infinite;
}
@keyframes scroll-icon {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(15px);
    }
}
.scroll-box{
    display: flex;
    align-content: space-between;
    flex-wrap : wrap;
    justify-content: center;
    width : 1.2885vw;
    /* height : 7.1875vw; */
    gap : 0.7188vw;
    /* background : lime; */
    position : fixed;
    bottom : 3.9175vh;
    left : 50%;
    transform: translateX(-50%);
    z-index: 100;
    opacity : 1;
    transition : 1s;
}
.scroll-box.hide{
    opacity : 0;
}
.scroll-box > .mouse{
    display: flex;
    justify-content: center;
    width : 100%;
    height : 2.1630vw;
    position : relative;
    border-radius: 0.625vw;
    border : 1px solid #4D4D4D;
    border : 1px solid #fff;
}
.scroll-box > .mouse > .dot{
    width : 0.3104vw;
    height : 0.3104vw;
    background : #7E7E7E;
    background : #fff;
    border-radius: 50%;
    position : absolute;
    top : 0.4635vw;
    animation : mouse-ani 2s infinite;
}
@keyframes mouse-ani {
    0%{transform: translateY(0);}
    100%{transform: translateY(15px);}
}
.scroll-box > span{
    display: block;
    /* position : absolute; */
    /* background : green; */
    writing-mode: vertical-rl;
    font-family: futura-pt;
    font-weight: 500;
    bottom: 0;
    font-size: 0.625vw;
	font-size : 0.85vw;
    color : #7E7E7E;
    color : #fff;
}

.main-bg{
	 width: 100%;
	padding-bottom: 177.78%;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	transform : translate(-50%, -50%);
	transition: 1s;
	background-size: cover;
	background-position: center bottom;
	pointer-events: none;
	overflow : hidden;
}
.main-bg > iframe{
	position : absolute;
	object-fit : cover;

	opacity : 0;
	animation : main-bg-ani 1.5s both;
	animation-delay : 2s;

	width : 120%;
	height : 120%;
	left : 50%;
	top : 50%;
	transform : translate(-50%, -50%);
}
.main-bg > img{
	position : absolute;
	object-fit : contain;

	opacity : 0;
	animation : main-bg-ani 1.5s both;
	animation-delay : 2s;

	width : 110%;
	height : 110%;
	left : 50%;
	top : 50%;
	transform : translate(-50%, -50%);
}
@keyframes main-bg-ani{
	0%{
		opacity : 0;
	}
	100%{
		opacity : 1;
	}
}
@media (max-width : 1440px){
	.main-bg > iframe{
		width : 200%;
		height : 200%;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
	}			
	.main-bg > img{
		width : 250%;
		height : 250%;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
	}			
}

.main-bg > .video-dim{
	position : absolute;
	left : 0;
	top : 0;
	z-index : 1;
	width : 100%;
	height : 40vh;
	background : linear-gradient(to bottom, #0D3D5C, transparent);
}

.sidebar{
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	gap: 31px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 11.9791666667vw;
	height: 100%;
	padding-bottom: 34.4px;
}
.sidebar .customer{
	width : 59px !important;
}
.sidebar .customer > img{
	width : 100%;
}
.sidebar .opened{
	width : 59px !important;
}
.sidebar .opened > img{
	width : 100%;
}
/* .sidebar.dark .customer > img{
	content: url(../images/common/customer_b.png);
}
.sidebar.dark .opened > img{
	content: url(../images/common/customer_b.png);
} */
.sidebar .main-rotate-btn{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 130px;
	height : 130px;
	position : relative;
	padding : 20px;
}
.main-rotate-btn::after{
	content : '';
	position : absolute;
	width : 0;
	height : 0;
	/* background : #D8D4CC; */
	background : #12253A;
	border-radius : 50%;
	z-index : -2;
	transition : .7s;
}
.main-rotate-btn:hover::after{
	width : 100%;
	height : 100%;
}
.main-rotate-btn > .main-rotate-text{
	width : 100%;
	height : 100%;
	background : url(/assets/images/main/main-rotate-text.png)no-repeat;
	background-size : 100% 100% !important;
	position : absolute;
	animation : rotate-text 6s infinite linear;
}
@keyframes rotate-text{
	0%{
		transform :rotate(0)
	}
	100%{
		transform : rotate(360deg)
	}
}
.main-rotate-btn > .main-rotate-circle{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 100%;
	border-radius : 50%;
	/* background : #D8D4CC; */
	background : #12253A;
	/* color : #12253A; */
	color : #D8D4CC;
	font-weight : 500;
	box-shadow : 0 3px 6px rgba(00,0,0,0.16);
	line-height : 24px;
	/* font-size : 30px; */
	font-size : 20px;
	letter-spacing : -0.06em;
	padding-top : 5px;
	position : relative;
	/* font-family : futura-pt; */
}
.main-rotate-circle::after{
	position : absolute;
	top : 0;
	content : '';
	width : 107%;
	height : 107%;
	/* background : #000C29; */
	/* background : #D8D4CC; */
	z-index : -1;
	border-radius : 50%;
}
.main-rotate-btn.dark > .main-rotate-circle{
  background : #12253A;
  color : #D8D4CC;
  
}
.main-rotate-btn.dark::after{
	background : #12253A;
}
.main-rotate-btn > .main-rotate-circle > span{
	font-size : 20px;
	/* font-family : futura-pt, Noto Sans KR; */
	font-weight : 500;
	white-space : nowrap;
}




.main-section-visual{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100vh;
    background : #000;
}
.visual-logo{
    position : absolute;
    left : 50%;
    top : 4.567vh;
    transform: translateX(-50%);
}
.visual-bg{
    position : absolute;
    overflow : hidden;
    /* width : 27.9167vw; */
    /* height : 28.5417vw; */
	width : 100%;
	height : 100%;
    animation : visual-bg 1s both;
}
.visual-slide{
    width : 100vw;
    height : 100vh;
	overflow: hidden;
    position: absolute;
    left : 0;
    top : 0;
}
.visual-slide .swiper-slide{
    display: flex;
    justify-content: center;
    width : 100%;
    height : 100%;
}
.visual-slide .swiper-slide > img{
    display: block;
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
    position : absolute;
    top : 0;
    left : 0;
    z-index : 0;
	/* transform : scale(1.2); */
}
.visual-slide .swiper-slide-active > img{
	/* transform : scale(1); */
	animation : visual-bg-animation 3.5s both;
	/* transition : 3.5s; */
}
@keyframes visual-bg-animation{
	0%{
		transform : scale(1.2)
	}
	100%{
		transform : scale(1)
	}
}
.visual-slide .swiper-slide .visual-btn{
	position : absolute;
	left : 13.5417vw;
    top : 23.1959vh;
	opacity : 0;
	transform : translateY(-30px);
	
}
.visual-slide .swiper-slide-active .visual-btn{
	opacity : 1;
	transform : translateY(0);
	transition : 1s;
}
.visual-slide .swiper-slide.visual-slide-01 .svg-box{
    /* width : 100%; */
    /* height : 6.6719vw; */
	/* width : 38.0359vw; */
	height : 19.0722vh;
    position : absolute;
    left : 13.5417vw;
    /* top : 20.1031vh; */
	top : 31.9588vh;
}
.visual-slide .swiper-slide.visual-slide-02 .svg-box{
    /* width : 17.2714vw; */
    /* height : 6.4073vw; */
	height : 19.0722vh;
    position : absolute;
    left : 13.5417vw;
    /* top : 20.1031vh; */
	top : 31.9588vh;
}
.visual-slide .swiper-slide.visual-slide-03 .svg-box{
    /* width : 23.5005vw; */
    /* height : 6.6719vw; */
	height : 19.0722vh;
    position : absolute;
    left : 13.5417vw;
    /* top : 20.1031vh; */
	top : 31.9588vh;
    
    /* background : lime; */
}
.visual-slide .swiper-slide.visual-slide-04 .svg-box{
    /* width : 23.5005vw; */
    /* height : 6.6719vw; */
	height : 19.0722vh;
    position : absolute;
    left : 13.5417vw;
    /* top : 20.1031vh; */
	top : 31.9588vh;
    
    /* background : lime; */
}
.svg-box > svg{
	height : 100%;
}
.visual-slide .swiper-slide .svg-box path{
	opacity : 0;
	transition : 1s;
	filter: blur(5px) drop-shadow(0px 0px 2px rgba(0,0,0,0.6));
}
.visual-slide .swiper-slide-active .svg-box path{
    /* fill : transparent; */
	fill : #fff;
    /* stroke: #fff; */
    /* animation : stroke-ani 1.5s both; */
    filter: blur(0px) drop-shadow(0px 0px 2px rgba(0,0,0,0.6));
	opacity : 1;
    /* animation-delay: .5s; */
}
@keyframes stroke-ani {
    0%{
        stroke-width: 1px;
        stroke: #fff;
        fill : transparent;
        stroke-dasharray : 0 50%
    }
    50%{
        stroke-dasharray : 50% 0%;
        fill : transparent;
        stroke : #fff;
    }
    100%{
        stroke-dasharray : 50% 0%;
        fill : #fff;
        stroke : transparent;
        
    }
}
.visual-slide .swiper-slide .visual-p{
    position : absolute;
    /* top : 38.1443vh; */
	top : 55.0515vh;
    left : 13.5417vw;
    color : #fff;
    letter-spacing: -0.04em;
    line-height: 1.3542vw;
    opacity : 0;
    filter: blur(5px);
    transform: translateY(50px);
    transition : 1s;
    font-size: 0.8333vw;
    
}
.visual-slide .swiper-slide-active .visual-p{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}
.visual-slide .swiper-slide .visual-p-02{
    color : #3B3B3B;
    letter-spacing: -0.04em;
    font-weight: 500;
    line-height: 1.7188vw;
    font-size: 1.0417vw;
    position : absolute;
    bottom : 10.7216vh;
    right : 6.25vw;
    
    opacity : 0;
    filter: blur(5px);
    transform: translateY(50px);
    transition : 1s;
    transition-delay: .5s;
    font-size: 0.8333vw;
}
.visual-slide .swiper-slide-active .visual-p-02{
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}
.visual-slide .visual-navigation{
    width : 100%;
    height : 0;
    position : absolute;
    top : 50%;
    left : 0;
    z-index: 1;
    /* opacity : 0; */
    transition : 1s;
}
.visual-bg.on .visual-slide .visual-navigation{
    opacity : 1;
}
.visual-slide .visual-navigation .visual-prev{
    width : 92px;
    height : 92px;
    border-radius: 50%;
    position : absolute;
    left : 4.2188vw;
    background : url(/assets/images/main/visual-prev.png?v=0625)no-repeat rgba(255,255,255,0.1);
    backdrop-filter: blur(2px);
    background-position : center;
    border : 1px solid rgba(255,255,255,0.47);
    cursor : pointer;
    transition : .5s;
}
.visual-slide .visual-navigation .visual-prev:hover{
    background : url(/assets/images/main/visual-prev.png?v=0625)no-repeat rgba(255,255,255,0.3);
    background-position : center;
}
.visual-slide .visual-navigation .visual-next{
    width : 92px;
    height : 92px;
    border-radius: 50%;
    position : absolute;
    right : 4.2188vw;
    background : url(/assets/images/main/visual-next.png?v=0625)no-repeat rgba(255,255,255,0.1);
    backdrop-filter: blur(2px);
    background-position : center;
    border : 1px solid rgba(255,255,255,0.47);
    cursor : pointer;
    transition : .5s;
}
.visual-slide .visual-navigation .visual-next:hover{
    background : url(/assets/images/main/visual-next.png?v=0625)no-repeat rgba(255,255,255,0.3);
    background-position : center;
}
.main-section-visual .left-text{
    font-size: 2.8125vw;
    position : absolute;
    z-index: 1;
    /* top : 20vh; */
    top : 25.7732vh;
    left : 8.8542vw;
    overflow: hidden;
    transition : 1s;
    pointer-events: none;
    letter-spacing: -0.04em;
}
.main-section-visual .left-text > span{
    display: block;
    transform: translateY(100%);
    color : #fff;
    letter-spacing: -0.04em;
    transition : .7s;
    font-family: futura-pt;
    font-weight: 300;
}
.main-section-visual .left-text > span > span{
    font-weight: 700;
}
.main-section-visual .left-text.on > span{
    transform: translateY(0);
}
.main-section-visual .left-text.on.off,
.main-section-visual .right-text.on.off{
    opacity : 0;
    filter: blur(5px);
}

.main-section-visual .right-text{
    font-size: 6.9792vw;
    position : absolute;
    z-index: 1;
    right : 20.5208vw;
    bottom : 20vh;
    overflow: hidden;
    transition : 1s;
    pointer-events: none;
}
.main-section-visual .right-text > span{
    display: block;
    transform: translateY(100%);
    line-height : 6.25vw;
    color : #fff;
    letter-spacing: -0.04em;
    transition : .7s;
    font-family: futura-pt;
    font-weight: 500;
    /* transition-delay: .5s; */
}
.main-section-visual .right-text.on > span{
    transform: translateY(0);
}
.intro-box{
    opacity: 1;
    pointer-events: none;
    transition : 1s;
    width : 100%;
    height : 100%;
    position: relative;
    z-index: 1;
}
.intro-box.on{
    opacity: 0;
}

.visual-inner{
    position : absolute;
    width : 100%;
    height : 100%;
    left : 0;
    top : 0;
    /* opacity: 0; */

    transition : 1s;
}
/* .visual-bg.on .visual-inner{
    opacity : 1;
} */
.visual-slide .main_title{font-size: 70px; font-weight: 600; letter-spacing: -1px; color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);  }
.visual-slide .main_title p{opacity: 0;}
.visual-slide .main_title.ani p{animation: slideInRight 1.2s ease forwards; display: block;}
.visual-slide .main_title.ani .first{animation-delay : 1s;}
.visual-slide .main_title.ani .second{animation-delay : 1.2s;}

@keyframes slideInRight {
	0% {
		transform: translateX(0%);
		opacity: 0; 
	}
	100% {
		transform: translateX(-40%);
		opacity: 1; 
	}
}

.main-section-special{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width : 100%;
    height : 100vh;
    position : relative;
    overflow: hidden;
}
.special-inner{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
}
.main-section-special > .special-bg{
    width : 100%;
	height : 100vh;
    position : absolute;
    left : 0;
    top : 0;
    transform: scale(1.5);
    transition : 3s;
}

.main-section-special.is-active .special-bg{
    transform: scale(1);
}
.main-section-special > .special-bg > img{
    display: block;
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position :center;
}

.special-bg{
	width : 100%;
	height : 100vh;
    position : absolute;
    left : 0;
    top : 0;
    transform: scale(1.5);
    transition : 3s;
}
.special-bg > img{
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.main-section-special .special-title-box{
    position : absolute;
    /* top : 19.2784vh; */
    top : 28vh;
	display: flex;
}
.main-section-special .special-p {
    font-family: "NEXONLv2Gothic";
    font-size: 2.5vw;
    color : #000;
    letter-spacing: -0.04em;
    text-align: center;
	font-weight: 100;

    transform: translateY(50px);
    opacity: 0;
    transition : 1s;
}
.main-section-special .special-p > span {
    font-family: "NEXONLv2GothicBold";
}
.main-section-special.is-active .special-p {
    transform: translateY(0);
    opacity: 1;
}
.main-section-special .special-title {
    font-family: "NEXONLv2Gothic";
    text-align: center;
    font-size: 2.5vw;
    font-weight: 300;
    color : #000;
    letter-spacing: -0.04em;

    transform: translateY(0px);
    opacity: 0;
    transition : 1s;
    transition-delay: 1.3s;
}
.main-section-special.is-active .special-title{
    transform: translateY(0);
    opacity: 1;
}
.main-section-special .special-title p {
    font-family: "NEXONLv2Gothic";
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color : #000;
    letter-spacing: -0.04em;
	margin-top: 20px;

    transform: translateY(0px);
    opacity: 0;
    transition : 1s;
    transition-delay: 2s;
}
.main-section-special.is-active .special-title p {
    transform: translateY(0);
    opacity: 1;
}
.main-section-special .special-title > span{
    font-weight: 700;
	text-align: left;
    display: block;
}
.main-section-special .special-title-box .stick{
    display: flex;
    flex-wrap : wrap;
    width : 1px;
    height : 1px;
    background : #000;
    margin : 2.3vw 50px;

    transform: translateY(0px);
    opacity: 1;
    transition : 1s;
    transition-delay: .5s;
}
.main-section-special.is-active .special-title-box .stick{
    transform: translateY(0);
    opacity: 1;
    width : 300px;
}
.page-info{
	display : block;
	font-size : 14px;
	color : #fff;
	position : absolute;
	bottom : 50px;
	right : 50px;
	letter-spacing : -0.06em;
}
/* .main-section-special .special-title-box .stick > span:nth-child(1){
    width : 100%;
    height : 0%;
    background : #8D8D8D;
    animation: stick-ani 2s infinite;
}
@keyframes stick-ani {
    0%{height : 0%}
    100%{height : 100%}
} */
.special-btn{
    display: block;
    margin : 0 auto;
    width : 17vw;

    transform: translateY(50px);
    opacity: 0;
    transition: 1s;
    transition-delay: 1s;
}
.main-section-special.is-active .special-btn{
    opacity: 1;
    transform: translateY(0);
}

.main-section-premium{
    display : flex;
    width : 100%;
	height: 100%;
    /* height : 100vh;
    transform: translateY(100%);
    position : absolute; 
	z-index : 1;*/
}
.main-section-premium > div{
	width: 100%;
}
.main-section-premium > .premium-box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: start;
    width : 25%;
    padding-top : 21.134vh;
    white-space: nowrap;
    position : relative;
    transition : .7s;
}
.main-section-premium > .premium-box:hover{
    width : 40%;
}
.main-section-premium > .premium-box:hover > .premium-small-title{
	/* color : rgba(255,255,255,0.63); */
	color : #fff;
	background : #111;
	/* letter-spacing : 0.3em; */
	transition : .5s;
	
}
.main-section-premium > .premium-box:hover > .premium-title{
	color : #FFFFFF;
	transition : .5s;
}
.main-section-premium > .premium-box:hover > .premium-con{
	/* color : rgba(255,255,255,0.67); */
	color : #fff;
	transition : .5s;
}
.main-section-premium > .premium-box:hover .premium-hr{
	background : rgba(255,255,255,0.23);
	transition : .5s;
}
.main-section-premium > .premium-box:hover .premium-box-bg > .dim{
	opacity : 1;
	transition : .5s;
}
.main-section-premium > .premium-box > .premium-small-title{
    width : auto;
    text-align: center;
    /* font-size: 0.7813vw; */
	font-size : 1vw;
    margin-bottom : 1.9271vw;
    
	color : #171717;
    font-weight: 500;
    font-family: futura-pt, Noto Sans KR;
    /* letter-spacing: 0.2em; */ 
	letter-spacing : -0.04em;
	

	padding : 5px 15px;
	border-radius : 100px;
	background : #fff;
}
.main-section-premium > .premium-box > .premium-title{
    width : 100%;
    text-align: center;
    font-size: 1.1458vw;
    font-weight: 700;
    letter-spacing: -0.04em;
    
	color : #1F1F1F;
    line-height: 1.6667vw;
}
.main-section-premium > .premium-box > .premium-hr{
    width : 100%;
    height : 1px;
    
	background: rgba(31,31,31,0.23);
    margin : 1.9271vw 5.4688vw;
}
.main-section-premium > .premium-box > .premium-con{
    text-align: center;
    
	color : #4B4B4B;
    font-size: 0.8854vw;
    line-height: 1.5625vw;
    letter-spacing: -0.04em;
}
.main-section-premium > .premium-box > .premium-con > span{
	font-weight : 700;
}
.main-section-premium > .premium-box > .premium-box-bg{
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0;
    z-index: -1;
}
.main-section-premium > .premium-box > .premium-box-bg > .dim{
	width : 100%;
	height : 100%;
	background : rgba(0,0,0,0.37);
	position : absolute;
	left : 0;
	top : 0;
	opacity : 0;
}

.main-section-premium > .premium-box.premium-box-01 > .premium-box-bg{
    background : url(/assets/images/main/premium-box-01.jpg)no-repeat;
    background-position: bottom;
    background-size : cover;
}
.main-section-premium > .premium-box.premium-box-02 > .premium-box-bg{
    background : url(/assets/images/main/premium-box-02.png?v=0625?v=0624)no-repeat;
    background-position:bottom;
    background-size : cover;
}
.main-section-premium > .premium-box.premium-box-03 > .premium-box-bg{
    background : url(/assets/images/main/premium-box-04.jpg)no-repeat;
    background-position: bottom;
    background-size : cover;
}
.main-section-premium > .premium-box.premium-box-04 > .premium-box-bg{
    background : url(/assets/images/main/premium-box-03.jpg)no-repeat;
    background-position: bottom;
    background-size : cover;
}

.premium-viewmore{
	display : flex;
	align-items : center;
	gap : 1.25vw;
	position : absolute;
	bottom : 35.7732vh;
	color : #fff;
	font-weight : 500;
	font-size : 0.7813vw;
	letter-spacing : -0.04em;
	opacity : 0;
	transition : .5s;
}
.main-section-premium > .premium-box:hover .premium-viewmore{
	opacity : 1;
}
.premium-viewmore > div{
	width : 2.5vw;
	height : 2.5vw;
	border-radius : 50%;
	border : 1px solid #fff;
	position : relative;
}
.premium-viewmore > div::after{
	position : absolute;
	width : 1.9812vw;
	height : 0.6344vw;
	content : '';
	background : url(/assets/images/main/premium-arrow.png?v=0625)no-repeat;
	background-position : contain;
	left : 0;
	top : 50%;
	transform : translate(-50%, -50%);
	transition : .5s;
}
.premium-viewmore:hover > div::after{
	transform : translate(50%, -50%);
}


/* location */
.main-section-location{
	background : #f4f4f4;
	height: 970px;
	overflow: hidden;
}
.location-inner{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width : 100%;
	padding-top: 90px;
	margin: 0px auto 0 265px;
	/* margin : 0px auto;
	max-width : 1305px;
	width : 1200px;
	perspective: 1000px; */
}
.location-title{
	overflow: hidden;
	margin-bottom : 55px;
}
.location-title > div{
	display: flex;
	gap : 10px;
	align-items: center;
	font-size: 60px;
	font-weight: 800;
	color: #473d37;
	
	transform: translateY(100%);
	transition : .7s;
}
.main-section-location.is-active .location-title > div{
	transform: translateY(0);
}
.location-title > div > span{
	/* width : 31px;
	height : 1px;
	background : #12253A;
	transform: translateY(10px); */
}
.location-address-btn-box{
	overflow: hidden;
	padding-left: 4vw;
}
.location-address-btn-box > div{
	transform: translateY(100%);
	transition : .7s;
	transition-delay: .5s;
}
.main-section-location.is-active .location-address-btn-box > div{
	transform: translateY(0%);
}
.location-address-btn-box .location_title{font-size: 40px; font-weight: 200; padding: 100px 0 30px; color: #473d37; }
.location-address-btn-box .location_title b{font-weight: 600;}
.location-ul{
	display: flex;
	align-items: center;
	margin-bottom : 22px;
}
.location-ul .location-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width : 95px;
	padding : 0 15px;
	text-align:center;
	font-size: 24px;
	font-weight: 700;
	color : #473d37;
	/* border-left : 1px solid #222222; */
	white-space: nowrap;
	height : 14px;
}
.location-ul .location-address{
	display: flex;
	align-items: center;
	border-left : 1px solid #222222;
	height : 14px;
	white-space: nowrap;
	padding : 0 15px;
	font-size: 22px;
	letter-spacing: -0.04em;
	color : #473d37;
}
.location-address-btn-box .btn-box{
	display: flex;
	gap : 10px;
}
.location-address-btn-box .btn-box:not(:last-child){
	display: flex;
	gap : 10px;
	margin-bottom : 22px;
}
.location-address-btn-box div.wrap{
	box-sizing: border-box;
	border: 10px solid #dfdfdf;
	padding: 40px 30px;
}
.location-address-btn-box .wrap:nth-of-type(1) {
    margin-bottom: 38px;
}
.location-right{
	transform: rotateY(-25deg) translateY(50px);
	opacity: 0;
	transition : 1s;
	transition-delay: 0.5s;
}
.main-section-location.is-active .location-right{
	transform: rotateY(0) translateY(0);
	opacity: 1;
}



.main-section-drag{
    display: flex;
    /* align-items: center; */
    align-content: start;
    justify-content: center;
    flex-wrap : wrap;
    width : 100%;
    /* height : 100vh; */
    background : #eee;
    position : relative;
    padding : 17.2165vh 0 3.6458vw;
}
.main-section-drag > .drag-bg{
    width : 100%;
    height : 100%;
    position: absolute;
    top : 0;
    left : 0;
    z-index: 0;
    pointer-events: none;
}
.main-section-drag > .drag-bg > img{
    display: block;
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
}
.main-section-drag .drag-small-title{
    font-size: 1.1458vw;
    position : relative;
    width : 100%;
    text-align: center;
    letter-spacing: -0.04em;
    margin-bottom : 0.5729vw;
    color : #fff;
}
.main-section-drag .drag-title{
    font-size: 1.8750vw;
    position : relative;
    width : 100%;
    text-align: center;
    font-weight: 300;
    letter-spacing: -0.04em;
    margin-bottom : 2.3958vw;
    color : #fff;
}
.main-section-drag .drag-title > span{
    font-weight: 700;
}
.drag-box{
    width: 84.1667vw;
    height : 56.1856vh;
}
.drag-box > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    /* transition : .5s; */
}
.twentytwenty-overlay {
display: none !important; /* 딤 효과를 감춥니다 */
}

.twentytwenty-before-label, .twentytwenty-after-label {
    display: none; /* 라벨을 감춥니다 */
}
.twentytwenty-handle{
    width : 90px;
    height : 90px;
    margin-left : -45px;
    margin-top : -45px;
    border : none;
    /* background : url(/assets/images/main/drag-btn.png?v=0625)no-repeat; */
    /* background-size: 90px 90px; */
    background-size : 100% 100%;
    box-shadow: none;
    /* transition : .5s; */
    position : relative;
    z-index: 999;

}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow{
    display : none;
}
.twentytwenty-horizontal .twentytwenty-handle::before{
    display: block;
    position : absolute;
    content: '';
    left: 0;
    right: 0;
    z-index: 900;
    width : 100%;
    height : 100%;
    background : url(/assets/images/main/drag-btn.png?v=0625)no-repeat;
    bottom : 0;
    margin : 0;
    border-radius: 50%;
    box-shadow: none;
}
.twentytwenty-horizontal .twentytwenty-handle::after{
    display: block;
    position : absolute;
    content: '';
    left: 0;
    top : 0;
    right: 0;
    z-index: 900;
    width : 100%;
    height : 100%;
    background : rgba(255,255,255,0.4);
    z-index: -1;
    bottom : 0;
    margin : 0;
    border-radius: 50%;
    box-shadow: none;
    animation : drag-btn 1.5s infinite;
}
@keyframes drag-btn {
    0%{transform: scale(1);}
    100%{transform: scale(1.35);}
}

.main-section-drag .drag-comment{
    display: flex;
    justify-content: center;
    align-items: center;
    gap : 0.8177vw;
    width : 100%;
    color : #1F1F1F;
    font-size: 0.7813vw;
    letter-spacing: -0.04em;
    position : absolute;
    bottom : 1.5104vw;
    text-align: center;
}
.main-section-drag .drag-comment > .drag-mouse{
    display: flex;
    justify-content: center;
    width : 0.8286vw;
    height :  1.25vw;
    border-radius: 0.625vw;  
    border : 1px solid #262626;
}
.main-section-drag .drag-comment > .drag-mouse > .dot{
    width : 0.1995vw;
    height : 0.1995vw;
    border-radius: 50%;
    background : #262626;
    position : absolute;
    top : 0.2969vw;
    animation: mouse-ani2 2s infinite;
}
@keyframes mouse-ani2 {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(10px);
    }
}





/* .premium-ul{
    width: 100%;
	height : 100vh;
	padding-top : 100px;
    border-top : 0px solid #DFDFDF;
}

.premium-ul > li{
    overflow: hidden;
}
.premium-ul > li:nth-child(1){
    background : #473d37;
	height : 100vh;
}
.premium-ul > li:nth-child(2){
    background : #dddad1;
	height : 100vh;
}
.premium-ul > li:nth-child(3){
    background : #473d37;
    height : 130px;
	height : 100vh;
}
.premium-ul > li:nth-child(4){
    background : #dddad1;
    height : 130px;
	height : 100vh;
}
.premium-ul > li:nth-child(5){
    background : #473d37;
    height : 130px;
	height : 100vh;
} */
.premium-ul {
    width: 100%;
    /* padding-top: 100px;
    border-top: 1px solid #DFDFDF; */
    height: auto; /* 기존 100vh 제거 */
}

.premium-ul > li {
    overflow: hidden;
    height: 968px;
    /* padding: 50px 20px; */
	display: flex;
    align-items: center;
	justify-content: right;
	background-size: cover !important;

}

.premium-ul > li:nth-child(1) {
    background : url(../images/main/premium_bg_01.png) no-repeat center;
}

.premium-ul > li:nth-child(2) {
    background : url(../images/main/premium_bg_02.png) no-repeat center;
}

.premium-ul > li:nth-child(3) {
    background : url(../images/main/premium_bg_03.png) no-repeat center;
}

.premium-ul > li:nth-child(4) {
    background : url(../images/main/premium_bg_04.png) no-repeat center;
}

.premium-ul > li:nth-child(5) {
    background : url(../images/main/premium_bg_05.png) no-repeat center;
}
.premium-ul .premium-04 .premium-box{
	height: 100%;
    margin-top: auto;
}
.premium-ul .premium-05 .premium-slide-con{
	margin: 0 auto;
}
.premium-ul .premium-05 .premium-slide-con .premium-left{
	text-align: center;
}
.premium-ul .premium-05 .premium-slide-con .premium-left h5{
	justify-content: center;
}

.premium-ul > li h5{
    display: flex;
    align-items: center;
    max-width : 1794px;
    padding : 0;
    margin : 0 auto;
    font-size: 70px;
    letter-spacing: -1px;
    color : #473d37;
    font-family: pretendard;
    font-weight: 600;
}
.premium-ul .premium-01 h5{
    color : #fff;
}
.premium-ul .premium-02 h5{
    color : #fff;
}
.premium-ul .premium-03 h5{
    color : #fff;
}
.premium-ul .premium-04 h5{
    color : #473d37;
}
.premium-ul .premium-05 h5{
    color : #fff;
}

.premium-ul > li:nth-child(4) h5{
}
.premium-ul .premium-slide-con{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* padding : 0 0px; */
    /* margin: 0 0 0 auto; */
	width: 95%;
}
.premium-left {
    /* padding-top: 50px; */
	padding-bottom : 50px;
	/* padding-top : 5px; */
	width: 90%;
}
.premium-left >.img {
    /* height: 500px; */
	/* height : 364px; */
	/* width : 1654px; */
	gap : 50px;
	padding-right : 50px;
}

.premium-left >.img > img{
	height : auto;
}
.premium-img{
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	filter : grayscale(1);
	transition : transform 1s, filter 1s;
}
.premium-box:hover .premium-img{
	transform : scale(1.03);
	filter : grayscale(0);
}
.premium-left > p.desc {
    font-size: 26px;
    font-family: pretendard;
    font-weight: 300;
    color : #554E44;
    letter-spacing: -0.04em;
    margin-top : 10px;
    margin-bottom : 37px;
    line-height: 40px;
}
.premium-left > div.desc .premium-box-title{
    font-size: 26px;
    font-family: pretendard;
    font-weight: 300;
    color : #554E44;
    letter-spacing: -0.04em;
    margin-top : 10px;
    margin-bottom : 37px;
    line-height: 40px;
}
.premium-ul .premium-01 .premium-left > div.desc h3{
    color : #fff;
}
.premium-ul .premium-02 .premium-left > p.desc {
    color : #fff;
}
.premium-ul .premium-03 .premium-left > p.desc {
    color : #fff;
}
.premium-ul .premium-04 .premium-left > p.desc {
    color : #473d37;
}
.premium-ul .premium-05 .premium-left > p.desc {
    color : #fff;
}

.premium-left > p.desc span,
.premium-left > div.desc span{
    font-weight: 600;
}
.premium-ul > li:nth-child(4) .premium-left p:nth-child(1){
    color : #fff;
}
.premium-left > div{
    display: flex;
}
.premium-01 .premium-left > div{
	display : block;
}
.premium-01 .premium-left > div.desc{
	display : flex;
	align-items : center;
	gap : 100px;
}
.premium-control{
	display : flex;
	align-items : center;
	gap : 20px;
	padding-bottom : 37px;
	margin-top: 10px;
}
.premium-progress{
	width : 200px;
	height : 1px;
	background : #ffffff;
}
.premium-progress > span{
	display : block;
	width : 0;
	height : 100%;
	background : #fbdb06;
	transition : width .5s;
}
.premium-navigation{
	display : flex;
	align-items : center;
	gap : 7px;
}
.premium-prev,
.premium-next{
	cursor : pointer;
}
.premium-prev > img{
	transform : rotateY(180deg);
}
.premium-left > div > ul{
    flex : 1;
    font-size: 20px;
    color : rgba(255,255,255,0.8);
    letter-spacing: -0.04em;
    font-weight: 300;
    line-height: 30px;
}
.premium-right{
    padding-bottom : 138px;
}
.premium-box{
	display : flex;
	align-items : center;
	position : relative;
	overflow : hidden;
	box-shadow: 10px 10px 0px rgba(3, 3, 3, 0.4);
    border: 1px solid #a7a7a7;
}
.premium-02 .premium-box,
.premium-03 .premium-box{
	flex : 1;
}
.premium-04 .premium-left > div{justify-content: space-between;}
.premium-04 .premium-box:first-child{flex-direction: column; align-items: flex-start; border: none; box-shadow: none;}
.premium-04 .premium-box .premium_unit_title{padding: 35px 0; font-size: 72px; font-weight: 900; color: #c66c2f;}
.premium-04 .premium-box .premium_unit_sub{font-size: 40px; color: #473d37;}
.premium-04 .premium-box .premium_unit_sub ul li{display: flex; border-bottom: 3px solid #473d37; padding-bottom: 10px; margin-bottom: 10px;}
.premium-04 .premium-box .premium_unit_sub ul li::before{display: inline-block; font-weight: 900;}
.premium-04 .premium-box .premium_unit_sub ul li:nth-child(1)::before{content: "01";}
.premium-04 .premium-box .premium_unit_sub ul li:nth-child(2)::before{content: "02";}
.premium-04 .premium-box .premium_unit_sub ul li:nth-child(3)::before{content: "03";}
.premium-04 .premium-box .premium_unit_sub ul li p{padding-left: 30px; color: #473d37 !important; font-weight: 200; }
.premium-box-dim{
	position : absolute;
	background : rgba(0,0,0,0.5);
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	transform : translateX(-100%);
	transition : transform .5s;
}
.premium-box:hover .premium-box-dim{
	transform : translateX(0);
}
.premium-box-a{
	display : block;
	position : absolute;
	z-index : 1;
	color : #fff;
	font-size : 26px;
	letter-spacing : -0.06em;
	font-weight : 400;
	top : 35px;
	right : 0px;
	transform : translateX(100%);
	padding : 7px 32px;
	border-radius : 100px;
	transition : right .5s, transform .5s;
	backdrop-filter : blur(30px);
	-webkit-backdrop-filter : blur(30px);
}
.premium-box-arrow {
	display : inline-block;
	margin-left : 14px;
	transition : transform .5s;
}
.premium-box-a:hover .premium-box-arrow{
	transform : translateX(10px)
}
.premium-box:hover .premium-box-a{
	right : 37px;
	transform : translateX(0);
}
.unit-img{
	position : relative;
}
.unit-img > img{
	display : block;
}
.unit-btn-box{
	display : flex;
	justify-content : center;
	align-items : end;
	gap : 40px;
	width : 100%;
	height : 100%;
	position : absolute;
	color : #fff;
	font-size : 150px;
	left : 0;
	top : 0;
	background : rgba(0,0,0,0.1);
	padding-bottom : 35px;
	letter-spacing : -0.06em
}
.unit-btn-box a{
	font-family : pretendard;
	font-weight : 300;
	opacity : .5;
	transition : opacity .2s;
}
.unit-btn-box a:hover{
	opacity : 1;
}
.unit-btn-box a > span{
	font-family : pretendard;
	font-size : 46px;
}
.premium-05 .img{
	display : flex;
	justify-content : center;
	align-items : start;
}
.premium-05 .img .premium-box > img{
	display : block;
}
.special-a{
	position : absolute;
	top:auto;left:auto;bottom:auto;right:auto;
	transform : translate(0);
	bottom : 100px;
	right : 70px;
	/* transform : translateY(-50%); */
}
.premium-slide{
	overflow : hidden;
	/* max-width : 1654px; */
	width: 100%;
}
.img-cut{
	position : absolute;
	right : 10px;
	top : 10px;
	color : #fff;
	font-size : 15px;
	font-weight : 300;
}
.premium-img-title{
	font-size : 48px;
	font-weight : 600;
	color : #fff;
	letter-spacing : -0.04em;
	position : absolute;
	padding-left : 80px;
}
.premium-slide-con .premium-view-more.pcView{
	position: absolute;
    left: 80px;
    top: 60%;
}
.premium-05 .img{
	/* width : 1654px; */
	width: 100%;
}
.go-main{
	display : flex;
	justify-content : space-between;
	align-items : center;
	padding-bottom : 11px;
	width : 260px;
	height : 50px;
	font-size : 26px;;
	border-bottom : 1px solid #333;
	color : #333;
	z-index : 0;
	cursor : pointer;
	letter-spacing : -0.06em;
	margin-top : 30px;
	font-weight : 400;

	opacity : 0;
	transform : translateY(30px);
	transition : opacity 1s, transform 1s;
	transition-delay: 2.5s;
}
.main-section-special.is-active .go-main{
	opacity : 1;
	transform : translateY(0);
}
.turn-check{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 40px;
	height : 40px;
	position : relative;
}
.turn-check > .rect{
	position : absolute;
	width : 100%;
	height : 100%;
	background : #333;
	animation : turn-check 4.5s infinite ease-in-out;
}
@keyframes turn-check{
	0%{
		transform : rotate(0);
		border-radius : 0;
	}
	25%{
		transform : rotate(180deg);
		border-radius : 50%;
	}
	50%{
		transform : rotate(180deg);
		border-radius : 50%;
	}
	75%{
		transform : rotate(360deg);
		border-radius : 0;
	}
	100%{
		transform : rotate(360deg);
		border-radius : 0;
	}
}
.turn-check > img{
	position : absolute;
}
@media(max-width : 1800px){
	.premium-ul .premium-slide-con{
		margin: 0 auto;
		width: 100%;
	}
	.premium-ul .premium-slide-con .premium-left .premium-slide .swiper-slide img{width: 100%;}
}
@media(max-width : 1500px){
	.premium-04 .premium-box .premium_unit_title{font-size: 60px;}
	.premium-04 .premium-box .premium_unit_sub{font-size: 36px;}
}
@media(max-width : 991px){
	.pcView{
		display : none !important;
	}
	.moView{
		display : block !important;
	}
	.sidebar {
		display: none !important;
	}
	.main-bg{
		padding-bottom : 0;
		height : 100%;
	}
	.main-bg > iframe{
		width : 400%;
		height : 100%;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
	}
	.visual-slide .main_title{font-size: 30px;}
	.main-section-special .special-title-box{
		flex-direction : column;
		padding: 0 5%;
	}
	.main-section-visual{
		height : auto;
	}
	.main-section-special{
		height : auto;
	}
	.main-section-special.is-active .special-title-box .stick{
		display : none;
	}
	.main-section-special .special-p{
		/* font-size : 12px; */
		font-size : 24px;
	}
	.main-section-special .special-p img{
		width: 100%;
		max-width: 300px;
	}
	.main-section-special .special-title {
		/* font-size : 12px; */
		font-size : 24px;
		transition : 1s;
		transition-delay : .5s;
		transform : translateY(50px)
	}
	.main-section-special.is-active .special-title{
		opacity : 1;
		transform : translate(0);
	}
	.main-section-special .special-title p{
		font-size : 16px;
		transition-delay : 1s;
		text-align : center;
	}
	.main-section-special .special-title span{
		transition-delay : 0.5s;
		text-align : center;
		margin-top: 20px;
	}
	.go-main {
		padding-bottom: 5px;
		width: 130px;
		height: 30px;
		font-size: 14px;
		margin-top: 30px;
		margin-left : auto;
		font-weight: 400;
		opacity: 0;
		transform: translateY(30px);
		transition-delay: 1.5s;
	}
	.turn-check{
		display : flex;
		align-items : center;
		justify-content : center;
		width : 20px;
		height : 20px;
		position : relative;
	}
	.turn-check > .rect{
		position : absolute;
		width : 100%;
		height : 100%;
		background : #333;
		animation : turn-check 4.5s infinite ease-in-out;
	}
	.turn-check > img{
		width : 14px;
	}
	.page-info{
		font-size : 10px;
		bottom : 20px;
		right : 20px;
	}
	.main-section-premium{
		height : auto;
		position : static;
		transform : translateY(0);
	}
	.premium-ul {
	   padding-top: 80px;
	   height : auto;
	   /* height : 100svh; */
	}
	.premium-ul > li h5{
		align-items : end;
		width : 100%;
		max-width : 100%;
		font-size : 30px;
		/* height : 80px; */
		height : 50px;
		padding-left : 20px;
	}
	.premium-ul > li{
		height : 100%;
		padding : 0;
	}
	

	/* .premium-01 .premium-left > .premium-slide{
		display : none;
	} */
	/* .img,
	.desc{
		display : none !important;
	} */
	.premium-01{
		height : 100%;
	}
	.premium-ul .premium-slide-con{
		justify-content : start;
	}
	.premium-left {
		/* padding-top: 10px;
		padding-bottom: 20px; */
		width : 100%;
		padding : 0;
	}
	.premium-right{
		padding : 0;
	}
	.premium-01 .premium-left > div.desc{
		flex-direction : column;
		align-items : start;
		gap : 0;
		/* padding : 0 20px; */
		padding : 0 0 0 20px;
	}
	.premium-left > div.desc .premium-box-title{
		font-size: 16px;
		margin-top: 0px;
		margin-bottom: 0;
		line-height: 30px;
		height : 30px;
	}
	.premium-control {
		display: flex;
		align-items: center;
		justify-content : space-between;
		gap: 20px;
		padding-bottom: 0;
		/* width : 80%; */
		width : 200px;
		padding : 5px 0 10px;
	}
	.premium-progress {
		width: 70%;
	}
	.premium-navigation {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.premium-01 .premium-left > .premium-slide{
		width : 100%;
		margin-top : 20px;
	}
	.premium-01 .premium-left > .premium-slide img{
		display : block;
		width : 100vw;
	}
	.premium-left > p.desc {
		font-size: 16px;
		margin-top: 0;
		margin-bottom: 10px;
		min-height : 30px;
		line-height: 30px;
		padding-left : 20px;
	}
	.premium-05 .premium-left > p.desc {
		height : 0;
	}
	.premium-left >.img {
		/* height: 500px; */
		display : flex;
		align-items : center;
		/* height: 364px; */
		width : 100%;
		height : auto;
		/* width: 1654px; */
		/* gap: 5px; */
		gap : 0;
		padding-right: 0;
	}
	.premium-img{
		filter : grayscale(0)
		/* max-height : 150px; */
	}
	.premium-box > img{
		/* max-height : 150px; */
		/* max-height : 200px; */
	}
	.premium-04 .img .premium-box:nth-child(1) > img{
		max-height : 100%;
	}
	.premium-img-title {
		font-size: 24px;
		padding-left: 30px;
	}
	.img-cut {
		right: 5px;
		top: 5px;
		font-size: 10px;
	}
	.premium-04 .premium-box .premium_unit_title{font-size: 36px; padding: 15px 0;}
	.premium-04 .premium-box .premium_unit_sub{font-size: 24px;}
	.premium-04 .premium-box .premium_unit_sub ul li{border: 1px; padding-bottom: 5px; margin-bottom: 5px;}
	.premium-04 .premium-box .premium_unit_sub ul li p{font-weight: 300; padding-left: 15px;}
	/* .unit-img{
		max-height : 150px;
	} */
	.unit-img > img{
		width : 100%;
		height : 100%;
		object-fit : cover;
		object-position : center;
		/* max-height: 200px; */
	}
	.unit-btn-box {
		align-items : center;
		gap: 15px;
		font-size: 18px;
		/* padding-bottom: 18px; */
		padding : 0;
		letter-spacing: -0.06em;
	}
	.unit-btn-box a{
		opacity : 1;
		padding : 3px 0;
		width : 60px;
		border-radius : 100px;
		border : 1px solid #fff;
		text-align : center;
	}
	.unit-btn-box a > span {
		font-family: pretendard;
		font-size : 12px;
	}
	.premium-box{
		width : 100%;
	}
	.premium-box > img{
		display : block;
		width : 100%;
	}
	.premium-box > img.click-btn{
		display : block;
		position : absolute;
		right : 20px;
		bottom : 20px;
		width : auto;
	}
	.premium-view-more.moView{
		display : flex;
		align-items : center;
		position : absolute;
		right : 20px;
		bottom : 20px;
		color : #fff;
		font-family : futura-pt;
		font-size : 13px;
		padding : 3px 10px;
		border-radius : 100px;
		border : 1px solid #fff;
	}
	.premium-view-more > img{
		width : 20px;
	}
	.premium-ul{
		height : auto;
		padding-top : 0;
	}
	.premium-ul > li{
		height : auto !important;
		padding : 30px 0;
	}
	.premium-left >.img{
		gap : 5px;
	}

	.premium-left >.img {
		padding: 0 20px;
	}

	.premium-04 .premium-left > div{
		flex-direction: column;
	}


	/* location */
	.main-section-location{
		background : #f4f4f4;
		height : auto;
		padding : 50px 20px;
	}
	.location-inner{
		display: flex;
		flex-direction : column;
		align-items: center;
		justify-content: space-between;
		gap : 5vh;
		width : 100%;
		/* max-width : 1920px; */
		max-width : 100%;
		margin : 0 auto;
		padding : 0;
		perspective: 1000px;
	}
	.location-title {
		overflow: hidden;
		margin-bottom: 8.1333vw;
		color: #473d37;
	}
	.location-title > div{
		display: flex;
		gap : 3vw;
		align-items: center;
		font-size: 35px;
		font-weight: 900;
		color : #473d37;
		
		transform: translateY(100%);
		transition : .7s;
	}
	.main-section-location.fp-active .location-title > div{
		transform: translateY(0);
	}
	
	.location-title >div > span{
		/* width : 7vw;
		height : 1px;
		background : #12253A;
		transform: translateY(10px); */
	}
	.location-left img{width: 100%;}
	.location-address-btn-box .location_title{font-size: 18px; padding: 0 0 15px;}
	.location-address-btn-box{
		overflow: hidden;
		padding-left: 0;
	}
	.location-address-btn-box > div{
		transform: translateY(100%);
		transition : .7s;
		transition-delay: .5s;
	}
	.main-section-location.fp-active .location-address-btn-box > div{
		transform: translateY(0%);
	}
	.location-ul{
		display: flex;
		align-items: center;
		margin-bottom : 1vh;
		height : 5vw;
	}
	.location-ul .location-name{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width : 18vw;
		padding : 0 3vw;
		text-align:center;
		font-size: 3vw;
		font-weight: 700;
		color : #473d37;
		white-space: nowrap;
		height : 3vw;
	}
	.location-ul .location-address{
		display: flex;
		align-items: center;
		border-left : 1px solid #473d37;
		height : 3vw;
		white-space: nowrap;
		padding : 0 3vw;
		font-size: 3vw;
		letter-spacing: -0.04em;
		color : #473d37;
	}
	.location-address-btn-box .btn-box{
		display: flex;
		gap : 2vw;
		justify-content: center;
	}
	.location-address-btn-box .btn-box img{
		width : 33vw;
	}
	.location-address-btn-box .btn-box:not(:last-child){
		display: flex;
		gap : 10px;
		margin-bottom : 3vw;
	}
	.location-right{
		transform: rotateY(-25deg) translateY(50px);
		opacity: 0;
		transition : 1s;
		transition-delay: 1s;
	}
	.main-section-location.fp-active .location-right{
		transform: rotateY(0) translateY(0);
		opacity: 1;
	}
	.location-right > img{
		width : 100%;
	}
	.location-address-btn-box .wrap:nth-of-type(1){margin-bottom: 15px;}
	.location-address-btn-box div.wrap{border: 3px solid #dfdfdf; padding: 20px 15px;}
}

@media(max-width: 480px){
	.premium-left >.img {
		flex-direction : column;}

	.premium-04 .premium-box .premium_unit_title {
		font-size: 24px;
		padding: 15px 0;
	}
	.premium-04 .premium-box .premium_unit_sub {
		font-size: 16px;
	}
}