@import "Import.css";

/* 기본 마진, 패딩 제거 */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* HTML5 요소를 블록 처리 (IE 지원 고려 X) */
article, aside, footer, header, nav, section, main {
	display: block;
}

/* 기본 폰트 및 배경 설정 */
body {
	font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #222;
	background-color: #fff;
}

/* 링크 기본 스타일 제거 */
a {
	text-decoration: none;
	color: inherit;
}

/* 리스트 스타일 제거 */
li,
ul,
ol {
	list-style: none;
}

/* 이미지 최대 폭 설정 */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 테이블 스타일 초기화 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 입력 요소 초기화 */
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	border: none;
	outline: none;
}
select {
	appearance: none; /* 기본 스타일 제거 */
	-webkit-appearance: none; /* Safari, Chrome */
	-moz-appearance: none; /* Firefox */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center; /* 오른쪽으로 띄우기 (0.75rem) */
	background-size: 1em;
	padding-right: 2rem; /* 화살표를 위한 공간 확보 */
	padding: 4px 8px;
}/* 버튼 커서 */
button {
	cursor: pointer;
}

/* textarea 리사이즈 제한 */
textarea {
	resize: vertical;
}

/* 기본 strong, em 처리 */
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
