#wrap {width:100%; min-width:1400px; max-width: 2560px; border:0; margin:0 auto; overflow:hidden;}
.home_pc {display:none}

/* 커서 */ 
#cursor_circle {position: fixed; left:8px; top:8px; width:8px; height:8px; border-radius:50%; pointer-events: none;
				background:var(--color-main2); transition:0.1s;  z-index: 9999999999;}

/* Reforma 1969 */
@font-face {
    font-family: "Reforma 1969 Negra";
    src: url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.eot");
    src: url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/eaacb3a49d36b23e094533a1af210740.svg#Reforma 1969 Negra")format("svg");
}  

:root {
    --color-main1: #090c36;
    --color-main2: #68493a;
    --color-main3: #bc9a43;
    --color-main4: #ff0b9c;
    --color-yellow: #ffff00;
	--mo-header-height:15vw;
  	--mo-header-quick-height:9vw;
}

/*----------------------------------------------------- 헤더 -----------------------------------------------------*/
/*로고*/
header .logo-white .logo .header-logo-white {display:block}
header .logo-white .logo .header-logo-color {display:none}
header:hover .logo-white .logo .header-logo-white {display:none}
header:hover .logo-white .logo .header-logo-color {display:block}


/*GNB*/
header .gnb-white .nav a {color:#fff;}
header:hover .gnb-white .nav a {color:inherit}

/* bgm 버튼 */
header .bgm-toggle {position:absolute; display: flex; right: 23rem; background:transparent;}
header:hover .bgm-toggle .feather, header:hover .gnb-white .bgm-toggle .feather {stroke:#333; }
header .gnb-white .bgm-toggle .feather {stroke:#fff}

header .bgm-toggle .feather {width: 25px; height: 25px; stroke: #555; fill:transparent; stroke-width: 1.5px; flex-shrink: 0;}
header .bgm-toggle .feather.feather-volume-x {display:none}
header .bgm-toggle.bgm-on .feather.feather-volume-x {display:block}
header .bgm-toggle.bgm-on .feather.feather-music {display:none}



/*----------------------------------------------------- 인트로 -----------------------------------------------------*/
#intro_loading {position:fixed; display:flex; width:100%; height:100%; background:#fff; animation:intro-fadeOut 1.5s ease forwards 3.2s; pointer-events:none; cursor:default; z-index: 1001;}
@keyframes intro-fadeOut {
	  0% {opacity: 1; visibility: visible;}
   99.9% {opacity: 0; visibility: visible;}
	100% {opacity: 0; visibility: hidden;}
}
  
#intro_loading > div {width:100%; height:100%; background:var(--color-main1); transform-origin: bottom; animation: shrinkHeight 1.5s ease forwards; pointer-events:auto; overflow:hidden}
#intro_loading > div:nth-child(1) {animation-delay: 3.1s;}
#intro_loading > div:nth-child(2) {animation-delay: 2.9s;}
#intro_loading > div:nth-child(3) {animation-delay: 2.7s;}

@keyframes shrinkHeight {
  to {height: 0%;}
}  
  
  
/*-- 텍스트 랩 --*/
.intro-txt-wrap {display:flex; flex-direction:column; align-items: center; justify-content: center; color:#fff; text-align:center; height:100vh; animation: intro-fadeIn 1.5s ease forwards 0.5s; opacity:0}  
.intro-txt-wrap span {opacity:0.8; font-size:20px; font-weight:500}
.intro-txt-wrap p {display: flex; flex-direction: column; align-items: center;font-size:32px; font-weight:500;}
.intro-txt-wrap p:after {content:''; position:relative; width:1px; height:50px; background:#fff; margin:20px 10px;}

.loading_logo {width:250px; padding-bottom:0px;}

@keyframes intro-fadeIn {
  to {opacity: 1;}
}  


/*-------------------------------------------------------- 스크롤 다운 --------------------------------------------------------*/
.scroll-down {position:fixed; display:flex; flex-direction:column; align-items:center; right:50px; top:55%; transform:translateY(-50%); filter: drop-shadow(0px 1px 2px rgb(0 0 0 / 50%)); z-index: 1;}
.scroll-down p {display: flex; flex-direction:column;}
.scroll-down p span {line-height:1; font-weight:300; transform:rotate(90deg); font-size:12px; color:white; letter-spacing: 2px;}
/* 이동하는 원 */
.scroll-down .circle-rail {position:relative; margin-top:30px; height:150px; width:1px; background:rgba(255, 255, 255, 0.3);}
.scroll-down .scroll-down-circle {top: 0px; left:-4px; width:9px; height:9px; background-color:var(--color-main2);
  									border-radius: 50%; position: absolute; animation: circleDown 3s infinite;}
@keyframes circleDown{
	0% {transform: translateY(0);}
	100% {transform: translateY(150px);}
}


/* ------------------------------------ 마우스 따라다니는 사운드 버튼 ------------------------------------ */
.sound-follow-btn{position:fixed; display:flex; align-items:center; flex-direction:column; justify-content:center; width:80px; height:80px; border-radius:100px;  left:50vw; top:50vh; transform:translate(-50%, -50%); background:rgb(0 0 0 / 70%); transition:opacity .3s ease; will-change:left, top, transform; z-index:9999;}
.sound-follow-btn p{margin:0; font-size:12px; font-weight:500; color:#fff;}
.sound-follow-btn.sound-on {opacity:0; pointer-events:none;}

.sound-follow-btn .feather {stroke:#fff; fill: transparent; stroke-width: 1.5px;}


.sound-follow-btn.pulse{animation:pulse-animation 2s infinite;}
@keyframes pulse-animation{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.35)}
  70%{box-shadow:0 0 0 20px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
  


  
/*--------------------------------------------------- 사이드 팝업 ---------------------------------------------------*/
.side_pop_wrap {position:fixed; display:flex; align-items:center; left:0; top:25%; z-index: 102;
  			transition:0.6s; transform:translateX(calc(-100% + 50px));/* + 버튼 너비 */ }
.side_pop_wrap.open {transform: translateX(0%);}  
  
/* 사이드 팝업 버튼 */
.side_popupBtn {display: flex; align-items:center; justify-content: center; cursor: pointer; width:50px; height:160px;
  			background:var(--color-main1); border-top-right-radius:10px; border-bottom-right-radius:10px; z-index:102;}

/* 사이드 팝업 버튼 텍스트 */
.side_popupBtn p {display: block; line-height: 1.2; font-size:18px; letter-spacing:-1px; font-weight:500; writing-mode:vertical-rl;
  				  color:#fff; cursor:pointer}
.side_popupBtn .side_popupBtn-txt {display:flex; flex-direction:column; padding-top: 10px; gap: 10px;}
.side_popupBtn .open-txt, .side_popupBtn .close-txt {display:none; color:var(--color-main1)} /*숨겨둠*/
.side_popupBtn .close-txt {display:none;}  
.open .side_popupBtn .close-txt {display:block; display:none} /*숨겨둠*/
.side_popupBtn .open-txt {display:block; display:none; } /*숨겨둠*/
.open .side_popupBtn .open-txt {display:none;}
  
/* 사이드 팝업 아이콘 */
.side_popupBtn .feather {color: #fff; stroke-width: 2px; cursor:pointer}
.open .side_popupBtn .feather {transform: rotate(180deg);}  
  
/* 사이드 팝업 이미지 레이어 */  
.side_popup_img {display: flex;}  
.side_popup_img ul {display: flex;}
.side_popup_img ul li {}
.side_popup_img ul li img {width:380px}




/*-------------------------------------------------------- 플로팅 버튼 --------------------------------------------------------*/
#floating-btn {position:fixed; display:flex; align-items:center; gap:20px; right:100px; bottom:50px; z-index: 1;}
#floating-btn > div {display: flex; align-items: center; justify-content: center; height:50px; width:50px; border-radius:100px; 
  					background:rgb(0 0 0 / 30%); overflow:hidden; transition:0.5s; white-space: nowrap; cursor:pointer}
#floating-btn p {cursor:pointer}
  
#floating-btn .feather {width:25px; height:25px; stroke:#fff; stroke-width:1.5px; flex-shrink: 0;}
#floating-btn > div p {display:none; color:#fff; padding-left:10px; letter-spacing: -1px;}
  
#floating-btn > div:first-child {background:var(--color-main1);}
  
/* 마우스 hover 시 */
#floating-btn > div:hover {background:#fff; width:150px}
#floating-btn > div:hover p {display:inline-block; color:#333; font-weight:500}
#floating-btn > div:hover .feather {stroke:#333}

.floating-btn-popup-wrap {position:fixed; display:flex; align-items:center; flex-direction:column; justify-content:center; 
						top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.85);transform: translateY(-100%);
						opacity: 0; cursor: default; transition: 1s ease; padding-top: 50px; z-index: 1000; gap: 20px; }
.floating-btn-popup-wrap.open { transform: translateY(0%); opacity: 1; }
.popup-wrap {display: flex; justify-content: center; gap: 20px; max-width: 1200px; margin: 0 auto; }
.popup-btn-wrap {display:flex; gap:50px}
.popup-btn-wrap button {background:rgb(255 255 255 / 5%); color: #fff; padding: 10px 80px; transition:0.3s}
.popup-btn-wrap button:first-child {padding: 10px 20px;}
.popup-btn-wrap button:hover {background:#fff; color:#333}
  

  
/*------------------------------------------------------- 풀페이지 -------------------------------------------------------*/
#fullpage { width:100%; height:100%;}
body #fp-nav {margin-top:initial !important; transform: translateY(-50%);}
body #fp-nav ul {display: flex; flex-direction: column; gap: 30px;}
body #fp-nav .fp-tooltip {height:100%;}  
body #fp-nav ul li, body .fp-slidesNav ul li {display: flex; align-items: center; height:30px; margin:0;}
body #fp-nav ul li a span, body .fp-slidesNav ul li a span {background:var(--color-main2)}
body #fp-nav a span, body .fp-slidesNav a span {background:#fff0; opacity:0.8}
body #fp-nav a.active span {width: 18px !important; height:20px  !important; margin: -10px 0 0 -9px !important;
		/*background:url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/293d3e4b5f436.png) center / cover no-repeat;*/} 
body .fp-tooltip, body #fp-nav.fp-show-active a.active+.fp-tooltip {font-weight:700; color: var(--color-main1);}
body #fp-nav ul li .fp-tooltip {position:relative; display:flex; align-items:center; top:initial; width:initial; opacity:1;
								overflow:visible; text-shadow: 1px 1px 2px rgb(0 0 0 / 30%); font-size:18px;}
body #fp-nav ul li:hover .fp-tooltip, body #fp-nav.fp-show-active a.active+.fp-tooltip {display:flex; align-items: center;}
  

  
/*--------------------------------------------------- 메인 ---------------------------------------------------*/
#main {max-width:100%;}
#main video {width:100%; height:100%; object-fit:cover;}
  
/*메인 타이틀*/
#main .main-tit-wrap {position:absolute; display:flex; flex-direction: column; top:20%;
  					 width:100%; max-width:75%; gap:40px; left: 10%; z-index:1;}
#main .main-tit-wrap img {transform:translateY(50px); opacity:0;}
#main .main-txt {display:flex; flex-direction:column; font-size:34px; font-weight:600; text-align:center; white-space: nowrap;} 
#main .main-txt b {font-weight: 600;}
#main .main-txt span {font-size:20px; color:#555; font-weight:400}
#main .line-between {position: relative; width:100%; height:1px; background-color: transparent; overflow: hidden;}
#main .line-between::before {content: ''; position: absolute; left:0; top: 0; height: 100%; width: 0;
  							background-color:rgb(0 0 0 / 25%); transition: width 1s ease;}

#main .main-tit-wrap img:first-of-type { width:45vw; height:auto; }
#main .main-tit-wrap img:last-of-type { width:15vw; height:auto; }
  
/* 메인 애니메이션 */
#main.loading-end .main-tit-wrap img:nth-child(1) {transform:translate(0); opacity:1; transition:1s; transition-delay:3.5s;}
#main.loading-end .main-tit-wrap img:nth-child(2) {transform:translate(0); opacity:1; transition:1s; transition-delay:4.5s;}
#main.loading-end .main_bg {transform:scale(1); transition-duration:2s;}

/* -------------------------------------------------------- 프리미엄 -------------------------------------------------------- */
#premium {width: 100%; height: 100%;}
#premium .flex_box {display:flex; flex-direction: row-reverse; height: 100%;}
#premium .left_slide {width:40%; height: 100%;}
#premium .left_slide .premium_left {height: 100%; overflow: inherit;}

/*썸네일 이미지*/
#premium .left_slide .swiper-slide {width: 100%; height: 100%; filter: brightness(0.5);}
#premium .left_slide .swiper-slide img {width: 100%; height: 100%; object-fit:cover;}
  
/* 페이지네이션 */
#premium .left_slide .swiper-pagination {width: auto; left: inherit; display: grid; grid-template-columns: 1fr 1fr;  bottom: inherit; left: -15%; transform: translate(0%, -50%); top:50%;}
#premium .left_slide .swiper-pagination-bullet {width: 130px; height: 180px; background:#fff; border-radius: inherit; opacity: 1; margin: 0 !important; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box;}
#premium .left_slide .swiper-pagination-bullet img {width:55px}
#premium .left_slide .swiper-pagination-bullet p {color:#555; margin-top: 25px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em;}

#premium .left_slide .swiper-pagination-bullet-active {background: #eee !important;}
#premium .left_slide .swiper-pagination-bullet-active img {/*filter: brightness(0) invert(1);*/}
#premium .left_slide .swiper-pagination-bullet-active p {font-weight: 700;}
  
#premium .left_slide .swiper-pagination-bullet:nth-child(1) {border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#premium .left_slide .swiper-pagination-bullet:nth-child(2) {border: 1px solid #e1e1e1; border-left: none;}
#premium .left_slide .swiper-pagination-bullet:nth-child(3) {border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#premium .left_slide .swiper-pagination-bullet:nth-child(4) {border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
#premium .left_slide .swiper-pagination-bullet:nth-child(5) {border-right: 1px solid #e1e1e1;}
#premium .left_slide .swiper-pagination-bullet:nth-child(6) {border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}

/*오른쪽*/
#premium .right_slide {width:60%; height: 100%; background: #f3f3f3; display: flex; align-items: center;}
#premium .right_slide .swiper {width: 72%;}
#premium .right_slide .swiper-slide {display: flex; flex-direction: column; text-align:center; gap:16px; pointer-events: none;}
#premium .right_slide h4 {font-size:40px; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; padding:20px 0;
  						   font-family: "Reforma 1969 Negra";}
#premium .right_slide .img-frame {width:40%; aspect-ratio: 1 / 1; margin:0 auto; border-radius:10000px; overflow:hidden}
#premium .right_slide img {width:100%; height:100%; object-fit:cover}
#premium .right_slide h5 {position:relative; font-size:32px; font-weight:700; padding-top:40px; margin:0 auto; width:fit-content;
							 opacity: 0; transition: all ease 0.8s;}
#premium.active .right_slide h5 {opacity:1; transition-delay:1s}
#premium .right_slide h5 span {font-size: 15px; display: inline-block;}
#premium .right_slide p {font-size: 18px; color: #5a5249; margin: 20px 0; line-height:1.65;}
#premium .right_slide p span {font-size: 14px; display: inline-block;}

/*오른쪽 버튼*/
#premium .right_slide .swiper-button-next, #premium .right_slide .swiper-button-prev {width: 80px; height: 49px;}
#premium .swiper-button-next {right: 5%}
#premium .right_slide .swiper-button-next:after {content: ""; background: url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/ed8974f351598.png); width: 80px; height: 49px;}
#premium .right_slide .swiper-button-prev {left: 5%;}
#premium .right_slide .swiper-button-prev:after {content: ""; background: url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/65f1607d7e4db.png); width: 80px; height: 49px;}


/*------------------------------------------------------- 커뮤니티 -------------------------------------------------------*/
#community {width:100%; z-index:1;}

.comm_wrap {position:relative; display:flex; flex-direction: column; justify-content:center; align-items:center; height:100%;}

.comm_tit {text-align:center; pointer-events:none; z-index:4; }
.comm_tit h4 {font-family:"Reforma 1969 Negra"; -webkit-text-stroke: 0.4px #fff; color:transparent; font-size:111px; font-weight: 800; letter-spacing: 70px; transform: translateY(130px); transition:1s}
.comm_tit p {color:#fff; font-size:24px; line-height:1.6; margin:35px 0 45px; font-weight:300; transform:translateY(-50px); opacity:0; transition: 1s}
.comm_tit p span {opacity:0.5;}

.active .comm_wrap .comm_tit h4 {letter-spacing: 5px; transform: translateY(0px); transition:letter-spacing 1s ease 1s, transform 1s ease 2s}
.active .comm_wrap .comm_tit p {opacity:1; transform: translate(0); transition-delay: 2s;}
  

.comm_img_box {position: absolute; width: 100%; height: 100%; filter: brightness(0.5);}
.comm_img_box img {width: 100%; height: 100%; object-fit:cover}

.swiper2 {position: absolute; width: 100%; height:100%; left: 0; bottom: 0; margin-bottom: 0; z-index:2; }
.swiper2 .swiper-slide { display: flex; justify-content: center; align-items: center; }

.swiper2 .swiper-slide-active .comm_img_bg {opacity:1; transition: 1.2s 0.7s; }

/*원형 슬라이드 섬네일 */
.swiper2-2 {height: 112px; left: 0; overflow:visible; opacity:0; transition:1s; z-index:3;}
.active .swiper2-2 {opacity:1; transition-delay:2s; }
.swiper2-2 .swiper-wrapper {justify-content: center; align-items: center;}
.swiper2-2 .swiper-slide {width: 112px; height: 112px; cursor: pointer; border-radius:100px; overflow: hidden; transition:0.5s;
						border: 2px solid #fff}
.swiper2-2 .swiper-slide .thumb_on {width:100%; height:100%; object-fit: cover; filter:grayscale(1); transition: 0.5s;}
.swiper2-2 .swiper-slide .thumb_on:hover {filter:grayscale(0); transform:scale(1.1)}
/*슬라이드 활성화*/
.swiper2-2 .swiper-slide-thumb-active {width: 160px; height: 160px; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px; border: 3px solid #fff}
.swiper2-2 .swiper-slide-thumb-active .thumb_on {filter:grayscale(0);}

.active .swiper-slide-active .comm_img {opacity:1; transition: 2.0s 2s; }
.active .swiper-slide-active .comm_img_bg {opacity:1; transition: 2.0s 2s; }


/* 하단 텍스트 */
.comm_txt_box {width: 465px; text-align: center; transform: translateY(17rem); margin-top:50px; opacity:0; transition:1s}
.comm_txt_box h3 {font-size:40px; line-height:100%; font-weight: 600; color: #fff; }
.comm_txt_box p {font-size: 1rem; line-height: 1.625rem; margin-top: 1.5rem; color: #fff; }

.active .swiper-slide .comm_txt_box {opacity:1; margin-top:0px; transition-delay:2s !important; }

  
  
/*------------------------------------------------------- 유니트 -------------------------------------------------------*/
#unit {background: url('https://cdn.imweb.me/upload/S202212289feb50bbbee7e/0ae234f6cf37b.jpg') no-repeat right bottom / cover;}
#unit::after {content: ''; position:absolute; top:0; right:0%; height:100%; width:55%; background:rgb(0 0 0 / 15%);}
#unit .fp-tableCell {display:flex; align-items: center; justify-content:space-between;}

/*타이틀*/
#unit .tit {margin-bottom: 30px; padding-top:20px;}
#unit .tit span {font-size:20px; }
#unit .tit p {position:relative; font-size:51px; line-height: 1.2; font-weight:600; z-index:1}

/* 왼쪽 슬라이드(유니트) */
#unit .leftWrap {/*background:url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/2e13136ba297b.jpg) no-repeat center/cover;
  				background-color: rgb(0 13 18 / 80%); background-blend-mode: multiply;*/
				position: relative; display: flex; align-items: center; justify-content: center; width:50%; height: 100%;}
#unit .leftWrap > div {width:60%;}
#unit .leftWrap .swiper-container {position: relative; opacity:0; transform:translateX(80px); transition:0.8s}
#unit.active .leftWrap .swiper-container {opacity: 1; transform:translateX(0); transition-delay:0.9s}

#unit .leftWrap .swiper-wrapper {width: 100%; position: relative;}
#unit .leftWrap .imgWrap {position: relative; display: flex; align-items: center; justify-content: center;
  						  width: 100%; height:420px; overflow: hidden; background:#fff; padding:50px}
#unit .leftWrap .imgWrap img {position: relative; width:100%; object-fit:cover; transform: translateY(5px); padding: 0 10%}
#unit .unit_desc {display: flex; justify-content:flex-end; opacity:0; transform: translateY(30px); transition:0.3s}
#unit .swiper-slide-active .unit_desc {animation:fadeInUp 1s forwards; transition-delay:0.3s}
#unit .unit_desc p {display:flex; font-size:22px; padding-top:30px; gap:10px; white-space: nowrap;}
#unit .unit_desc span {font-weight:600; font-size:40px; color:#333; line-height:0.6; white-space: nowrap;}

#unit .swiper-pagination {position:absolute; display:flex; justify-content: flex-end; bottom:20%; padding-right:20px}
#unit .swiper-pagination-bullet {position:relative; opacity:0.7; margin:0 15px; background:#9f9f9f; padding:5px}
#unit .swiper-pagination-bullet-active {opacity:1;}
#unit .swiper-pagination-bullet-active:before {content:''; position:absolute; border:1px solid #9f9f9f; border-radius:100px;
											   width:30px; height:30px; left: 50%; top: 50%; transform: translate(-50%, -50%);}  
/* 오른쪽 슬라이드(인테리어) */
#unit .rightWrap {position: relative; width:55%; }
#unit .rightWrap .slide-wrap {position:relative; width:fit-content;}
#unit .rightWrap .slide-wrap:before {content:'FAVORITE UNIT PLAN'; position:absolute; bottom:-80px; right:0; font-size:48px;
									font-weight:600; color: #fff; letter-spacing:-1px; z-index:1}
#unit .rightWrap .swiper-container {position: relative; overflow: hidden; width:760px; height:50%}
#unit .rightWrap .swiper-wrapper {width: 100%; position: relative;}
#unit .rightWrap .swiper-slide {position: relative; height:500px; overflow:hidden}
#unit .rightWrap .swiper-slide img {width:100%; height:100%; object-fit:cover}
#unit .rightWrap .swiper-slide .imgWrap { width: 100%; position: relative; overflow: hidden;}
#unit .rightWrap .swiper-slide .imgWrap img {position: relative;}
#unit .rightWrap .swiper-slide p {position:absolute; font-size:28px; font-weight:300; color:#472f21; line-height:1.2;
  								  text-shadow:0px 0px 20px rgb(255 255 255 / 100%)}
#unit .rightWrap .swiper-slide p b {font-weight:700; font-size:40px}
#unit .rightWrap .swiper-slide .slide_txt1 {top:30px; left:30px; display:none} /*숨겨둠*/
#unit .rightWrap .swiper-slide .slide_txt2 {bottom:30px; right:30px; text-align:right; display:none} /*숨겨둠*/

/*좌우버튼*/
#unit .btnWrap {position: absolute; width: 140px; height: 30px; bottom:-50px; left:0; z-index: 2;}
#unit .btnWrap a {display: flex; justify-content: center; align-items: center;  float: left; width:60px; height:60px;
				  margin-right: 1px; background:var(--color-main2)}
#unit .btnWrap a:last-child {margin-left:10px;}
#unit .btnWrap a .feather {stroke-width:2; color:#fff}
#unit .rightWrap .bottom-txt {position:absolute; bottom:-80px; right:200px; font-size:48px; font-weight:600; color: #999; letter-spacing:-1px; z-index:1; display:none}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#unit .swiper-slide-active .unit_desc {
  animation: fadeInUp 1s forwards;
  transition-delay:0.3s;
}

  


/* -------------------------------------------------------- 방문예약 -------------------------------------------------------- */
#reservation {background:url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/8ee6691f9b98e.jpg) no-repeat center/cover}
#reservation .leftWrap {width:65%; height: 100%; display: flex; justify-content:center; flex-direction:column; margin-left:280px;}

/* 텍스트랩 */
#reservation .txtWrap {position:relative; width:830px;  color:#fff}
#reservation .cal_title {font-weight:600; font-size:40px;}
#reservation .cal_title:before {content: ''; position: absolute; width:20px; height:20px; top:6px; left: -8px;
								background:var(--color-main1); opacity: 0.5; border-radius: 20px;}
#reservation .cal_title b {position:relative; z-index:1}
#reservation .cal_subtitle {font-size:20px; padding-bottom:32px;}
#reservation .cal_subtitle b {font-weight:500}

/* 카드 */
#reservation .scd {position:relative; display: flex; flex-wrap: wrap; gap: 20px; width: 860px;}
#reservation .scd li {position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; 
  					  width: 190px; height: 190px; border:1px solid rgb(170 170 170 / 50%); background: rgb(255 255 255 / 85%);}
#reservation .scd li b {font-size:24px; letter-spacing:-2px; padding: 0 2px; line-height:1.2; }
#reservation .scd li:hover b {color:var(--color-main1); transition: 0.3s;}
#reservation .scd li span {font-size:22px;}
#reservation .scd li.nth1 {background:var(--color-main1); color:#fff}
#reservation .scd li.nth1:hover b {color:#fff}
#reservation .scd li.nth4 img {width:140px; /*padding-bottom:12px*/}
#reservation .scd li.nth4 b {display:none} /*로고명 숨김*/
#reservation .scd li.nth5 {width: 400px; margin-bottom: 0; line-height:0}
#reservation .scd li.nth5 span {font-size:22px; font-weight:500; padding-top:16px}  
#reservation .scd li.nth5 b {}  
#reservation .scd li.nth5 .highlight {}
#reservation .scd li.nth6 {width: 400px; background:var(--color-main2); color:#fff}
#reservation .scd li.nth6 b {font-size:48px; letter-spacing:1px; padding-bottom:8px;}
#reservation .scd li.nth6:hover b {color:#fff}

/*관심고객 오른쪽*/
#reservation .rightWrap {position:absolute; width:30%; top:0; right:0; height:100%; cursor:pointer; background: rgba(0,0,0,.3)}
#reservation .rightWrap div {position: relative; display: flex; justify-content: center; flex-direction: column; height: 50%;
							  padding-left:90px;}
#reservation .rightWrap div:first-child {border-bottom: 1px solid rgb(0 0 0 / 15%); padding-top:60px}
#reservation .rightWrap div:last-child {border-top:1px solid rgb(255 255 255 / 10%)}  
#reservation .rightWrap div:hover {background: rgba(0,0,0,.1); transition: all .3s;}
#reservation .rightWrap p {font-size:36px;font-weight:700; color:#fff}
#reservation .rightWrap span {font-size:16px; line-height:1.6; opacity:0.9; font-weight: 300; color:#fff; padding-top: 10px;}
#reservation .rightWrap button {background:var(--color-main2); width:fit-content; padding: 10px 60px; border-radius: 0;
  								margin-top:30px; font-size: 18px; font-weight:500; color:#fff} 

/*애니메이션*/
.scd li {opacity: 0; transform: translate(0px, 100px); transition: all 1s ease-in-out;}
.active .scd li:nth-child(1) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 250ms;}  
.active .scd li:nth-child(2) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 350ms;}  
.active .scd li:nth-child(3) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 450ms;}  
.active .scd li:nth-child(4) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 550ms;}  
.active .scd li:nth-child(5) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 650ms;}  
.active .scd li:nth-child(6) {opacity:1 !important; transform: translate(0px, 0px) !important; transition-delay: 750ms;}  

  
/*----------------------------------------------- 풀페이지 푸터 -----------------------------------------------*/
#footer {background:#f1f1f1; width:100%;}
#footer .inner {display: flex; width:80% !important; margin:0 auto; padding:60px 0;}
#footer .inner_left {display: flex; flex-direction: column; width: 50%; cursor:default}
#footer .inner_left .name {font-size:26px; font-weight:700; padding-bottom:40px; color:#222; display:none} /*숨겨둠*/
#footer .inner_left .name-logo {width:260px; padding-bottom: 40px;}
#footer .inner_left table  {font-size: 16px; margin-bottom:20px}
#footer .inner_left tr td:nth-child(1) {width:120px; font-weight:bold;}
#footer .inner_left p {font-size:13px; font-weight:300; line-height:1.5; color:#777}
#footer .inner_left .copyright {padding-top:18px}

#footer .inner_right {display:flex; justify-content: space-between; align-items: flex-end; flex-direction: column;
  					  padding: 10px 0 0; width: 50%; height:100%;}
#footer .inner_right .ft_number {font-size: 24px}
#footer .inner_right .ft_number b {font-size:40px; margin-left: 10px; position: relative; top: 2px; }
#footer .inner_right .info {cursor:pointer; display:none} /*숨겨둠*/

/* 상담 바로가기 */  
#footer .ft_menu {display:flex; flex-direction:row; align-items:center; width:fit-content; bottom: 30px;
margin:20px 0; padding: 0 40px; font-size:16px; color:#fff; cursor:pointer; border: 4px solid transparent; border-radius: 50px;
background-image:linear-gradient(#000, #000), linear-gradient(157deg, #D7AB5B 0%, #D7AB5B 30%, #fffee6 50%, #d7ab5b 70%, #d7ab5b 100%); background-origin: border-box; background-clip: padding-box, border-box; }
#footer .ft_menu b {font-weight:900; font-size:24px; margin: 0 10px; letter-spacing: -1px;  color:#d7ab5b}
#footer .ft_menu_number {display:flex; align-items: center; border-radius: 100px; color: #fff;}
#footer .ft_menu_number b {margin: 0 10px 0 0}
 

 
  
/* 해상도 */
/* 울트라 와이트 해상도 */
@media (min-width: 3440px) {
}  
  
/* QHD해상도 */
@media (min-width: 2560px) {
}
  
/*FHD해상도 이상*/
@media (min-width: 1921px) {
}
  
/* WSXGA해상도 */
@media (max-width: 1681px) {
}

/*LAPTOP 해상도*/
@media (max-width: 1441px) {
}
  
/* 메인 모바일 */
@media (max-width: 991px) {
	#intro_loading, #wrap, #cursor_circle, .sound-follow-btn, .bgm-toggle  {display:none !important}
}