@charset "UTF-8";

/* 모바일 기본 */

.allWrap { width:100%; }

#wrap { width:100%; position:relative; box-shadow:0 0 40px rgba(0,0,0,.15); }

#wrap header { width:100%; position:relative; height:120px; background:#fff; z-index:90; }

#wrap section { height:auto; margin:0 auto; }

#wrap nav { height:68px; margin:0 auto; }

#wrap footer { height:auto; margin:0 auto; background:#c4dae8; font-size:0; padding:50px 30px 65px; box-sizing:border-box; position:relative; }

.allWrap > div > div.phone { display:none; }
.allRight { display:none; }
/* PC */

@media (min-width:641px){

	.allWrap { position:fixed; top:0; left:0; width:100%; height:100%; background:#fff1e0; }

	.allWrap > div { max-width:640px; width:100%; height:100%; position:relative; margin:0 auto; }

	.allWrap > div > div.phone { box-sizing:border-box; padding:38px 0 0 1px; display:block;position:absolute; width:330px; height:326px; background:url('/m/images/phone.png') no-repeat center center; left:50%; margin-left:-700px; top:50%; transform:translateY(-50%); }
	.allRight { display:block; position:absolute; left:50%; margin-left:356px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column;  gap:33px; align-items:center; }
	
	#wrap {
		width:640px;
		height:100vh;
		background:#fff;
		overflow-y:auto;
		overflow-x:hidden;
		scrollbar-width:thin;
		scrollbar-color:#ff5753 #f1f1f1;
	}

	#wrap::-webkit-scrollbar { width:8px; }

	#wrap::-webkit-scrollbar-track { background:#f1f1f1; }

	#wrap::-webkit-scrollbar-thumb { background:#ff5753; border-radius:20px; }

	#wrap header { width:640px; }
}