#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;}

/* 폰트 / 경기광주 */
@font-face {
    font-family: 'Gyeonggi_Batang_Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/*----------------------------------------------------- 헤더 -----------------------------------------------------*/
/*로고*/
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;}
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: 22px; height: 22px; 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 1s ease forwards 3s; pointer-events:none; 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;}
#intro_loading > div:nth-child(1) {animation-delay: 2.7s;}
#intro_loading > div:nth-child(2) {animation-delay: 2.6s;}
#intro_loading > div:nth-child(3) {animation-delay: 2.5s;}

@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; line-height:2;}
.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:200px; padding-bottom:0px;}

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



/*----------------------------------------------------- 사이드 팝업 -----------------------------------------------------*/
.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));/* #swiper-section3 .swiper-pagination-bullet+ 버튼 너비 */ }
.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-main2); 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 img {width:380px}


/*-------------------------------------------------------- 스크롤 다운 -------------------------------------------------------*/
.scroll-down {position:fixed; display:flex; flex-direction:column; align-items:center; right:50px; top:50%; 			
  			  transform:translateY(-50%); filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 30%)); 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-main1);
  								  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)}
}
  

/*------------------------------------------------------- 플로팅 버튼 --------------------------------------------------------*/
#floating-btn { position: fixed; left: 5%; bottom: 50px; z-index: 100;}
  
/* 방문예약 & 영상 */
#visit-btn {position:fixed; display:flex; align-items:center; gap:20px; right:80px; bottom:80px; z-index: 1;}
#visit-btn > div {display: flex; align-items: center; justify-content: center; height:50px; width:50px; border-radius:100px; 
  					background:rgb(255 255 255 / 75%); overflow:hidden; transition:0.5s; white-space: nowrap; cursor:pointer}
  
/* 영상 소리(첫번째 요소) */
#visit-btn > div:first-child {background:var(--color-main1);}
#visit-btn > div.video-btn {box-shadow: 0 1px 5px rgb(0 0 0 / 20%); display:none;}
#visit-btn > div.video-btn .feather {stroke: #777;}
#visit-btn .feather {width:25px; height:25px; stroke:#fff; stroke-width:1.5px; flex-shrink: 0;}
#visit-btn > div p {display:none; color:#fff; padding-left:10px; letter-spacing: -1px;}
  
.pulse {animation: pulse-animation 2s infinite;}

@keyframes pulse-animation {
  0% {box-shadow: 0 0 0 0px var(--color-main2);}
  100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
  
/* 마우스 hover 시 */
#visit-btn > div:hover {background:#fff; width:150px}
#visit-btn > div:hover p {display:inline-block; color:#333;}
#visit-btn > div:hover .feather {stroke:#333}

.floating-btn-video-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-video-wrap.open { transform: translateY(0%); opacity: 1; }
.video-wrap {display: flex; justify-content: center; gap: 20px; max-width: 1200px; margin: 0 auto; }
.video-wrap-close-btn {background: var(--color-main1); font-weight: 500; color: #fff; padding: 10px 80px; }
    
  
/*--------------------------------------------------------- 풀페이지 ---------------------------------------------------------*/
#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() 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 {position: relative; width: 100%; height: 100vh; overflow: hidden;}
#main video {width:100%; height:100%; object-fit: cover;}
#main .img-bgWrap {width: 100%; height: 100vh; transform: scale(1.08); /* 기본 확대 */ transition: transform 3s ease;}
#main .img-bgWrap img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; object-position: 50% 90%;}

/*메인 타이틀*/
#main .main-tit-wrap {position:absolute; display:flex; align-items: center; justify-content: space-between; top:21%;
							left:50%; opacity:0; width:70%; transform:translate(-50%, 0); gap:50px; z-index:1;}
#main .main-txt {display:flex; flex-direction:column; font-size:32px; font-weight:700; text-align:center; 
  					  color: var(--color-main1); white-space: nowrap;}
#main .main-txt span {font-size:18px; font-weight:400; color:#444}
#main .line-between {position: relative; width: 100%; height:0.5px; background-color: transparent; overflow: hidden;}
#main .line-between::before {content: ''; position:absolute; left:50%; top:0; height:100%; width: 0;
  								  background-color:rgb(0 0 0 / 30%); transform:translateX(-50%); transition:width 1s ease 1s;}
#main .main-tit-wrap img:nth-child(1) {width:400px; padding-bottom:10px}
#main .main-tit-wrap img:nth-child(3) {width:240px; padding-bottom:10px}

  
/* 애니메이션(인트로 5초 후 스타일로만 애니메이션) */
#main .main-tit-wrap {  animation: showTitle 1s ease forwards;  animation-delay: 4s;}
#main .line-between::before {  width: 0;  animation: expandLine 1s ease forwards;  animation-delay: 4.5s; }

@keyframes showTitle {
  from {transform: translate(-50%, -50px); opacity: 0;}
  to {transform: translate(-50%, 0); opacity: 1;}
}
@keyframes expandLine {
  from {width: 0;}
  to {width: 100%;}
}

/*---------------------------------------------------------- 프리미엄 ----------------------------------------------------------*/
#premium .Slider {display:flex; height:100%}
#premium .slideCon {position: relative; display:flex; flex:1; align-items: center; padding-top:80px; background:#f7f6f2;
  					transition: 0.3s all;  border-right:1px solid #dbdbdb;}
#premium .slideCon:last-child {border-right:0; padding-right:50px;}  
.slideCon::before {content:""; width: 100%; height: 100%; position: absolute; left:0; top:0; transition: inherit; opacity:0;
    				background: url(//cdn.imweb.me/upload/S20240401f97bfa1bf4feb/96beed26024da.jpg) center top / cover no-repeat;}
  
#premium .slideCon .flexWrap {display: flex; flex-direction:column; align-items: center; position: relative;}
#premium .slideCon .title {overflow:hidden}
#premium .slideCon .title p {font-family: "minerva-modern", sans-serif; color:var(--color-main1); opacity:0.5; font-weight:300; font-size:56px; line-height:1; letter-spacing:1px; transition:0.5s;}
#premium .slideCon .line {background:rgb(0 0 0 / 20%); height: 1px; width: 40px; margin: 4% auto;}
#premium .slideCon .name {margin-bottom: 5%; color:#555; overflow:hidden}
#premium .slideCon .name p {font-weight:600; font-size:1.5rem; opacity:0; transform:translateY(100%); transition:0.6s; transition-delay:0s}

/*애니메이션*/
#premium.active .slideCon .name p {opacity:1; transform:translateY(0%);}
#premium.active .slideCon:nth-child(1) .name p {transition-delay:0.9s}
#premium.active .slideCon:nth-child(2) .name p {transition-delay:1.2s}
#premium.active .slideCon:nth-child(3) .name p {transition-delay:1.5s}
#premium.active .slideCon:nth-child(4) .name p {transition-delay:1.8s}

#premium .slideCon .explain {display:flex; gap:10px; flex-direction:column; opacity:0; transition:1s all; padding-bottom: 20px;}
#premium .slideCon .explain li {font-size:1.25rem; letter-spacing:-1px}
#premium .slideCon .image {margin-top:5%; filter: grayscale(1); transition: inherit; display: flex; justify-content: center;}
#premium .slideCon .image img {width:85%;}  

/* 호버 애니메이션 */
#premium .slideCon:hover {flex: 0 0 30%;}
#premium .slideCon:hover:before {opacity: 1;}
#premium .slideCon:hover .title p {transition-delay:0.5s; letter-spacing:6px; opacity:1}
#premium .slideCon:hover .explain {opacity: 1;}
#premium .slideCon:hover .image {filter: grayscale(0);}

/*------------------------------------------------------ 민간임대 포인트6 ------------------------------------------------------*/
#point {background:url(/assets-pc/img/3-bg.jpg) no-repeat top/cover}
#point .title {position:relative; text-align: right; width:80%; margin:0 auto; margin-top:40px;}
#point .title:before {left:initial; right: -5px; background:var(--color-main2) }
#point .title h2 {position: relative; color: var(--color-main1); font-size: 1.75rem; font-family: "minerva-modern", sans-serif; padding-bottom:0.75rem;}
#point .title h1 {color:#444; padding-left:0px; padding-right: 70px; font-size:2rem; font-weight: 600; letter-spacing: 0.5px;}
#point .benefit_list {width: 1100px; margin: 0 auto; margin-top:50px} 
#point .benefit_list > ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:40px; width:100%; height:100%;} 
#point .benefit_list .num {position:absolute; top:-8px; left:15px; padding:0 10px; width:fit-content; background:#f5f5f5; 
						   line-height:1; font-size:1.75rem; color:var(--color-main1); font-weight:700; border-radius:100px;}
#point .benefit_list > ul > li {position:relative; aspect-ratio: auto 4 / 3; box-shadow: inset 0 0 0 2px rgb(0 0 0 / 10%);
								transition:0.5s}
#point .benefit_list > ul > li:hover {background: rgb(255 255 255 / 30%);}
#point .benefit_list > ul > li::before, #point .benefit_list > ul > li::after {content: ''; position: absolute; box-sizing:inherit;
																			  width: 100%; height: 100%; }
#point .benefit_list > ul > li::before, #point .benefit_list > ul > li::after {border:2px solid transparent; width:0; height:0;}
#point .benefit_list > ul > li::before {top:0; left:0;}
#point .benefit_list > ul > li::after {bottom:0; right:0;}
#point .benefit_list > ul > li:hover::before, #point .benefit_list > ul > li:hover::after {width:100%; height:100%;}
#point .benefit_list > ul > li:hover::before {border-top-color:var(--color-main1); border-right-color:var(--color-main1);
											  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; }
#point .benefit_list > ul > li:hover::after { border-bottom-color:var(--color-main1); border-left-color:var(--color-main1);
								transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}  

#point .txt_box {display:flex; flex-direction:column; text-align: center; justify-content: center; height: 100%;}
#point .txt_box li:nth-child(1) {font-size:20px; opacity: 0.7;}
#point .txt_box li:nth-child(2) {font-weight:700; font-size:26px; line-height: 1.3; padding: 12px 0;}
#point .txt_box li:nth-child(3) { font-size:18px; opacity:0.7; font-weight:400; letter-spacing:-1px}

   

/* -------------------------------------------------------- 인테리어&유니트 ---------------------------------------------------- */
#section5 { background: #000; } 
#section5 .section-content { display: flex; height: 100%; } 
#section5 .unit_box { position: relative; flex: 1 1 33.333%; overflow: hidden; } 
#section5 .unit_bg { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; transition: transform 0.6s ease; } 
#section5 .bg01 { background-image: url('https://cdn.imweb.me/upload/S202212289feb50bbbee7e/d90cb11e22237.jpg'); } 
#section5 .bg02 { background-image: url('https://cdn.imweb.me/upload/S202212289feb50bbbee7e/9e66496a9dd41.jpg'); } 
#section5 .bg03 { background-image: url('https://cdn.imweb.me/upload/S202212289feb50bbbee7e/96e69db145498.jpg'); } 
#section5 .unit_txt_box { position: relative; z-index: 1; color: #fff; padding: 3rem; text-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: 85%; transition: opacity 0.4s ease, transform 0.4s ease; } 
#section5 .unit_txt_box span { color: var(--color-main2); font-size: 1.3rem; font-weight: 600; } 
#section5 .unit_txt_box p { font-size: 1.1rem; line-height: 1.2; font-weight: 300; margin-top: 5px; } 
#section5 .unit_txt_box h2 { font-size: 2.5rem; font-weight: 600; margin-bottom: 1.5rem; margin-top: 1.1rem; } 
#section5 .overlay-content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0,0,0,.65); color: #fff; opacity: 0; transition: opacity .4s ease; z-index: 2; text-align: center; padding: 1.5rem; } 
#section5 .overlay-content .overlay-img img { max-width: 350px; margin-bottom: 1.5rem; } 
#section5 .overlay-content .overlay-text h3 { font-size: 3rem; font-weight: 600; margin: 0 0 .5rem 0; } 
#section5 .overlay-content .overlay-text p { font-size: 1.4rem; line-height: 1.4; margin: 0; } 
#section5 .unit_box:hover .overlay-content { opacity: 1; } 
#section5 .unit_box:hover .unit_bg { transform: scale(1.1); } 
#section5 .unit_box:hover .unit_txt_box { opacity: 0; transform: translateY(20px); pointer-events: none; } 
#section5 .unit_box::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.4); z-index: 1; pointer-events: none; }


/*----------------------------------------------------- 관심고객 등록 -----------------------------------------------------*/
#reservation {background:url(https://cdn.imweb.me/upload/S202212289feb50bbbee7e/5599cd8b2dffe.jpg) no-repeat center/cover;}
.reservation_wrap {position: relative; display:flex; justify-content:space-between; align-items:flex-start; width:80%;
  					max-width:1320px; margin: 0 auto;  box-sizing: border-box; gap:80px; }

/*등장 애니메이션*/
.active .reservation_content {transition: 1s 1.0s;  opacity: 1;  transform: translate(0);}
  
/* 왼쪽 텍스트 영역 */
.reservation_tit {width:50%; display: flex; flex-direction: column;  align-items: flex-start; text-align: left; gap: 40px;} 
.reservation_tit .logo {width:10rem; margin:2rem 0;}
/* 정보 블럭 공통 */
.tit_block {width:100%; margin-bottom: 2rem;}
.tit_block h4 {  color: #fff;  font-size: 1.5rem;  font-weight: 500;  margin-bottom: 8px;}
.tit_block p {  color: #ccc;  font-size: 1.1rem;  line-height: 1.6;}
.tit_block a {color: #ccc;  font-size: 14px;}
/* 수평 구분선 */
.tit_line {width:0%; height: 1px;  background-color: rgba(255,255,255,0.4); margin-bottom: 10px; transition:0.3s}
.active .tit_line {width:100%; transition:0.8s 1s}
/* 시행사/시공사 나란히 */
.tit_row {display: flex;  gap: 40px; width:100%}
.tit_row .tit_block {flex: 1;}
/* 안내문구 */
.tit_notice p {color:#aaa;  font-size: 0.9rem; line-height: 1.6;  }
.tit_notice p:last-child {margin-bottom:1rem;}
/* 저작권 */
.tit_copyright p {  color: #aaa;  font-size: 0.9rem;}

/* 오른쪽 카드 영역 */
.reservation_box {margin-top:12%; width: 50%; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}

/* 카드 스타일 */
.reservation_content {position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; gap:0.5rem; padding: 40px 0;  border: 2px solid rgba(255,255,255,0.5);  color: #fff; text-align: center; opacity: 0; transform: translateY(30px); transition:0.3s}

.reservation_content .box_border { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s; z-index: -1; }

.reservation_content .card-tit {font-size: 26px; color: #fff; font-weight: 700; letter-spacing: -1px;}
.reservation_content .card-desc {letter-spacing: -1px;  margin-top: 0.75rem;  font-size: 20px;}
.reservation_content:last-child {cursor:pointer}

/* 카드 테두리 애니메이션 */
.reservation_content:before { content: ''; width: 0; height: 2px; position: absolute; left: -2px; top: -2px; background-color:var(--color-main2); transition: 0.5s;}
.reservation_content:after { content: ''; width: 2px; height: 0; position: absolute; right: -2px; top: -2px; background-color:var(--color-main2); transition: 0.5s; }
.reservation_content .box_border:before { content: ''; width: 0; height: 2px; position: absolute; right: -2px; bottom: -2px; background-color: var(--color-main2); transition: 0.5s; }
.reservation_content .box_border:after { content: ''; width: 2px; height: 0; position: absolute; left: -2px; bottom: -2px; background-color: var(--color-main2); transition: 0.5s; }

/* 호버 효과 */
.reservation_content:hover .card-desc, .reservation_content:hover .card-tit {color:var(--color-main2);}
.reservation_content:hover .box_border {background-color: rgba(0, 0, 0, 0.2);}
  
.reservation_content:hover:before {width: calc(100% + 2px);}
.reservation_content:hover:after {height: calc(100% + 2px);}
.reservation_content:hover .box_border:before {width: calc(100% + 2px);}
.reservation_content:hover .box_border:after {height: calc(100% + 2px);}
  
/****************************************해상도 맞춤****************************************/
/* 991px이하  */
@media (max-width: 991px) {
	#wrap, .sound-follow-btn, #cursor_circle, header .bgm-toggle  {display: none;}
}  

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

/*LAPTOP 해상도*/
@media (max-width: 1441px) {
}