/* ==========================================================================
   CSS RESET
   --------------------------------------------------------------------------
   목적:
   - 브라우저 기본 스타일 차이를 줄이는 reset 파일
   - 전역 여백, 패딩, 리스트, 테이블, 폼 기본값 초기화
   - WPBakery 텍스트 색상 설정과 충돌하지 않도록
     전역 color 강제 지정 제거

   매우 중요:
   - 이 파일에서는 reset 역할만 최대한 유지합니다.
   - 전역 텍스트 색상 시스템은 contents2.css 쪽에서 관리합니다.
   - 즉, reset.css는 "초기화", contents2.css는 "디자인" 역할입니다.
   ========================================================================== */


/* ----------------------------------------------------------
   1. 전역 기본 폰트 지정
   ----------------------------------------------------------
   설명:
   - 사이트 전체 기본 폰트 패밀리를 유지합니다.
   - color는 여기서 지정하지 않습니다.
   - 전역 color를 넣으면 WPBakery 색상 설정과 충돌할 수 있습니다.
   ---------------------------------------------------------- */
* {
	font-family: 'SUIT', 'Pretendard', "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif, serif;
}

html {

}


/* ----------------------------------------------------------
   2. HTML5 시맨틱 태그 block 처리
   ---------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------------------
   3. body 기본값
   ----------------------------------------------------------
   설명:
   - body 자체의 기본 구조값만 유지합니다.
   - color는 contents2.css에서 통합 관리할 예정이므로 여기서는 제거합니다.
   ---------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	min-width: 320px;
	font-size: 13px;
	line-height: 1.42857;
	-webkit-text-size-adjust: none;
	-ms-interpolation-mode: bicubic;
	font-family: 'SUIT', 'Pretendard', "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif, serif;
	width: 100%;
	font-weight: 400;
	letter-spacing: -0.4px;
	top: 0;
	left: 0;
}


/* ----------------------------------------------------------
   4. 주요 텍스트 요소 기본 리셋
   ----------------------------------------------------------
   중요:
   - 기존에는 여기에서 color:#222 를 넣고 있었음
   - 그 때문에 WPBakery에서 지정한 텍스트 색상이 막힐 수 있었음
   - 이번 교체본에서는 color를 제거하고
     margin / padding / font-family만 유지
   ---------------------------------------------------------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
li,
dt,
dd,
input,
textarea,
button {
	font-family: 'SUIT', 'Pretendard', "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif, serif;
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------------------
   5. 미디어 요소
   ---------------------------------------------------------- */
img,
video,
audio,
object,
embed,
iframe {
	max-width: 100%;
}

img {
	border: 0 none;
	line-height: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-image-rendering: optimizeQuality;
}


/* ----------------------------------------------------------
   6. 리스트 초기화
   ---------------------------------------------------------- */
ul,
ol,
dl {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ----------------------------------------------------------
   7. form 기본 여백 제거
   ---------------------------------------------------------- */
form {
	margin: 0;
}


/* ----------------------------------------------------------
   8. table 초기화
   ---------------------------------------------------------- */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	padding: 0;
}


/* ----------------------------------------------------------
   9. 링크 기본 리셋
   ----------------------------------------------------------
   중요:
   - 기존 a { color:#222; } 제거
   - 링크 색상은 각 컴포넌트 또는 페이지 CSS에서 관리
   ---------------------------------------------------------- */
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	line-height: inherit;
}


/* ----------------------------------------------------------
   10. input 기본값
   ---------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="reset"],
input[type="submit"],
input[type="tel"],
input[type="number"],
input[type="email"] {
	font-size: 13px;
	background: none;
	border-radius: 0px;
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled {
	background: #f0f0f0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	outline: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield !important;
}


/* ----------------------------------------------------------
   11. 기타 기본 태그
   ---------------------------------------------------------- */
i {
	font-style: normal;
	display: inline-block;
}

textarea {
	overflow-y: auto;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

select {
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/_public/images2/icon/select_icon.svg) no-repeat;
	background-position: 95% 50%;
}

select::-ms-expand {
	display: none;
}

select option:checked {
	color: #222;
}

em {
	font-style: normal;
}

button {
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: transparent;
}

button:focus {
	outline: 0;
}

br {
	font-family: dotum;
}

address {
	font-style: normal;
}

s {
	text-decoration: line-through;
}


/* ----------------------------------------------------------
   12. 스크롤바 스타일
   ---------------------------------------------------------- */
::-webkit-scrollbar {
	width: 8px;
	height: 3px;
	background-color: rgba(137, 115, 88, 0.1);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.1);
}