@charset "utf-8";
/**
 * all.css
 * Base Adjust + Layout[main+sub] Mobile First!
 * 20240911 | @m | 최초작성. 요구반영. 결함개선. 고도화.
 * 20240913 | @m |
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* Base 20240913 ◆◆◆ */


html{
	height:100%;
	scroll-behavior:smooth;
}
body{
	background:#eee;
	color:#555; /* (((#555 */
	font-size:1em; /* (((16px */
	line-height:1.75; /* (((1.75 */
	letter-spacing:-.03125em; /* (-.5px/16px) */
}
body:not([x]){ /* 고정값만(반응형값아닌) */
	font-family:
		'Apple SD Gothic Neo',
		-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
		/* Pretendard, */
		Roboto,
		Lato,
		'Open Sans',OpenSans,
		'Segoe UI',
		'Microsoft JhengHei',
		'Meiryo',
		/* 'SUIT-Regular', */
		'본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans, /* 로컬 파일 우선 */
		'본고딕',NotoSans,'Noto Sans KR','Noto Sans CJK KR', /* 리모트 우선 */
		'나눔고딕',NanumGothic,'Nanum Gothic',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,
		sans-serif;
}


/* ◇◆ 공용 ◇◆ */


[href]{
	color:inherit;
}

*:focus:not(:focus-visible){
	outline:0;
}

/* var(변수값) 20240913 */
:root{
}



/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */



/* 배치.전체 20240913 */
html,
body,
#container{height:100%;}


/* ETC */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* ◇◆ @media print{} ◇◆◇◆◇◆◇◆◇◆◇◆ */


/* 인쇄 20240913 */
@media print{
	/* hide */
	.noprint{display:none !important;}
	/* show */
	html{background:#fff !important;}
}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:1259px){ /* small medium large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(max-width:1259px) */
@media all and (max-width:999px){ /* small medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(max-width:999px) */
@media all and (max-width:767px){ /* small ◇◆◇◆◇◆◇◆◇◆ */


/* Mobile font-size 20240913 */
html{
	font-size:.875em; /* (14/16) */
}


} /* /(max-width:767px) */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */



/* ◇◆ 공통 조정 ◇◆ */



/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */



} /* /(min-width:1260px) */
@media only screen and (-webkit-min-device-pixel-ratio:1.3){ /* (O) mobile ◇◆◇◆◇◆◇◆◇◆ */
}/* /(min-device-pixel-ratio:1.3) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */