/* 1) root 설정  */
:root{
	--color-base:#222;
	--color-point:#f37021; 
	--color-white:#fff;
	--color-black:#000;
	--font-base:16rem;
	--font-gms:'Gmarket Sans', Sans-serif;
	--font-pre:'Pretendard', Sans-serif;
	--trans-ani:0.3s ease 0s;
	--font15:15rem;
	--font16:16rem;
	--font17:17rem;
	--font18:18rem;
	--font20:20rem;
	--font22:22rem;
	--font23:23rem;
	--font25:25rem;
	--font30:30rem;
	--font35:35rem;
	--font40:40rem;
	--font45:45rem;
	--font50:50rem;
	--font55:55rem;
	--font60:60rem;
	--font70:70rem;
	--font80:80rem;
    --inr-width: .92;
	--r:20rem;
}
@media (max-width:1024px){
	:root{
		--font-base:clamp(14rem, 1.563vw, 16rem);
		--font15:clamp(14rem, 1.465vw, 15rem);
		--font16:clamp(14rem, 1.563vw, 15rem);
		--font17:clamp(14rem, 1.66vw, 17rem);
		--font18:clamp(15rem, 1.758vw, 18rem);
		--font20:clamp(16rem, 1.953vw, 20rem);
		--font22:clamp(18rem, 2.148vw, 22rem);
		--font23:clamp(18rem, 2.246vw, 23rem);
		--font25:clamp(20rem, 2.441vw, 25rem);
		--font30:clamp(22rem, 2.93vw, 30rem);
		--font35:clamp(22rem, 3.418vw, 35rem);
		--font40:clamp(25rem, 3.906vw, 40rem);
		--font45:clamp(28rem, 4.395vw, 45rem);
		--font50:clamp(30rem, 5.371vw, 50rem);
		--font55:clamp(30rem, 4.88vw, 55rem);
		--font60:clamp(35rem, 5.859vw, 60rem);
		--font70:clamp(45rem, 6.836vw, 70rem);
		--font80:clamp(50rem, 7.81vw, 80rem);
	}
}
@media (max-width:480px){
	:root{
		--r:10rem;
	}
}

:where(.inr, .wrapper){ position: relative; margin: 0 auto !important; max-width: 1500px; width: 100%; }
.inr-wide {max-width: 1760px }

/* Header */
#header {position: relative; width: 100%; background: #eee;  z-index: 99}
#header .logo {display: none;}
#header .logo a {font-size: 20px; font-weight: 700; display: block; box-sizing: border-box; padding: 18px 0;}
#header .inr {max-width: 1500px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 0 auto; padding: 5px 0;}
#header nav li {display: inline-block;}
#header .site-member {display: flex; align-items: center; gap: 7px;}
#header .site-member li a {display: block; font-size: 15px; padding: 10px; box-sizing: border-box; color: #888; font-weight: 400; transition: .3s;}
#header .site-member li a:hover {text-decoration: underline; color: #222;}

/* Footer */
#footer {padding: 60px 0; width: 100%; background: #222; color: #fff;}
#footer .inr {display: flex; justify-content: space-between; align-items: flex-start;}
#footer .footer_link {display: flex; align-items: center; gap: 20px;}
#footer .footer_link a {display: block; padding: 10px 0; box-sizing: border-box;}
#footer .footer_info {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 35px;}
#footer .address .copy {display: block; margin-top: 30px; opacity: 0.5;}
#top_btn {width: 60px; height: 60px; border-radius: 50%;} 

@media (max-width:1500px){
	:where(.inr, .wrapper){width:92%;}
	.inr-wide {width: 92%;}

}