@charset "utf-8";


/************************************** 리셋 **************************************/


/* 여백 초기화 */
html, body, div, span, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd, p, address, blockquote, pre, cite,
form, fieldset, input, textarea, select, button, iframe, table, th, td {margin:0; padding:0; }

/* 테두리 */
table, fieldset, img {border:0 none;}

/*목록*/
ul, ol, li {list-style-type:none;}

/*테이블*/
table {border-collapse:collapse;}
th {font-weight:normal; text-align:left;}
caption {overflow:hidden; width:0;height:0;font-size:0;line-height:0; text-align: left}

/* 이미지와 폼 요소 정렬 */
img {vertical-align:top;}
label, input, select, textarea, button {vertical-align:middle;}


/* 폼 요소 */
label, button {cursor:pointer; }
legend {position:absolute; font-size:0; line-height:0; height:0;}
input, textarea, option, button { font-family: 'pretendard','Sans-serif'; font-size: 16px; letter-spacing: -0.2px; border-radius: 0; border:0;background:transparent;}
input[type=file],
input[type=number],
input[type=text],
input[type=password],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: 0; }
select {  font-family: 'pretendard','Sans-serif'; font-size: 16px; letter-spacing: -0.2px; color: #222; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: 0; }
textarea { white-space: pre-wrap; resize: none; }

textarea:focus { outline: none; }
button:focus { outline: none; }
input:focus { outline: none; }
select:focus { outline: none; }
select::-ms-expand { display: none; }

input::-ms-input-placeholder { color: #757575; }
input::-webkit-input-placeholder { color: #757575; }
input::-moz-placeholder { color: #757575; }
textarea::-ms-input-placeholder { color: #757575; }
textarea::-webkit-input-placeholder { color: #757575; }
textarea::-moz-placeholder { color: #757575; }

/* input number 스핀 제거. 크롬, 사파리, 엣지 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* input number 스핀 제거. 파이어폭스 */
input[type="number"] { -moz-appearance: textfield; }


/************************************** 사이트 공통 **************************************/


*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
html { text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font-size: 62.5%;}
html, body { width:100%; height:100%; }
body { font-family: 'pretendard', sans-serif; font-size: 1.6rem; letter-spacing: -0.2px; overflow-x: hidden; }
a { text-decoration:none; color: #222; }

/* container */
div.container { position:relative; overflow-x:hidden; min-height: 100vh; display: flex; flex-direction: column; }
div.container .body-container { flex: 1; }

/* slick - 새로고침 시 전체 이미지가 아래로 잠깐 보이는 오류 대응 */
.slick-slider .item { visibility: hidden; }
.slick-slider.slick-initialized { background: none; height: auto; }
.slick-slider.slick-initialized .item { visibility: visible; }

/* 텍스트 개행 허용 class */
.pre-wrap { white-space: pre-wrap; }

/* 웹접근성: 스크린리더 전용 텍스트 숨김 */
.hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; padding: 0; }


@media screen and (max-width: 768px) {
	html { -webkit-text-size-adjust: 100%; }
	input, select, textarea { font-size: 16px; line-height: 1.4; }
	input::placeholder, textarea::placeholder { font-size: 16px; }
}