@charset "utf-8";

@font-face {
    font-family: 'Cafe24Surround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


/* 사용자 리뉴얼 공통 토큰: 색상·폭·간격 변경은 이 파일에서 시작합니다. */
:root{
	--renewal-blue:#1475ca;
	--renewal-pink:#ef2f67;
	--renewal-magenta:#de0076;
	--renewal-purple:#6c49b8;
	--renewal-green:#3ca128;
	--renewal-ink:#292929;
	--renewal-muted:#777;
	--renewal-line:#e5e5e5;
	--renewal-soft-pink:#f3d8e9;
	--renewal-container:1500px;
	--renewal-radius:24px;
	--renewal-shadow:0 7px 20px rgba(49,42,53,.16);
}

html{
	-webkit-text-size-adjust:100%;
}

body{
	min-width:320px;
	margin:0;
	background:#fff;
	color:var(--renewal-ink);
	font-family:"Noto Sans KR","Malgun Gothic","맑은 고딕",Arial,sans-serif;
}

*,*:before,*:after{
	box-sizing:border-box;
}

img,video{
	max-width:100%;
}

button,input,select,textarea{
	font-family:inherit;
}

a{
	color:inherit;
}

.site-container,
.site-header-inner,
.footerIn{
	width:var(--renewal-container);
	max-width:calc(100% - 48px);
	margin-right:auto;
	margin-left:auto;
}

.screen-out,
.screen_out{
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0,0,0,0) !important;
	white-space:nowrap !important;
	border:0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible{
	outline:3px solid rgba(20,117,202,.4);
	outline-offset:3px;
}

@media all and (max-width:767px){
	.site-container,
	.site-header-inner,
	.footerIn{
		max-width:calc(100% - 28px);
	}
}