@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.sound_only {
    display: none;
}

body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}


/* break-keep 스타일 */

p,
div,
span,
label,
h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: keep-all;
    overflow-wrap: break-word;
}


/* 화면 최대넓이 900px 고정 */
html {
    max-width: 900px;
    margin: 0 auto;
}

body {
    position: relative;
}

/* input창 focus 시 파란색 outline 제거 및 border 색상 변경 */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
    outline: none;
    box-shadow: none;
    border-color: #000 !important;
}

input[type="text"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="search"]:focus-visible,
input[type="password"]:focus-visible {
    outline: none;
    box-shadow: none;
    border-color: #000 !important;
}


/* textarea focus 시 파란색 outline 제거 및 border 색상 변경 */
textarea:focus {
    outline: none;
    box-shadow: none;
    border-color: #000 !important;
}

/* 체크박스 체크 시 색상 변경 */
input[type="checkbox"] {
    accent-color: #000 !important;
}

input[type="checkbox"]:checked {
    accent-color: #000 !important;
    background-color: #000 !important;
    border-color: #000 !important;
}


/* 라디오 버튼 선택 시 색상 변경 */
input[type="radio"] {
    accent-color: #000 !important;
}

input[type="radio"]:checked {
    accent-color: #000 !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

/* 날짜 입력창(달력) focus 시 파란색 outline 제거 및 border 색상 변경 */
input[type="date"]:focus {
    outline: none;
    box-shadow: none;
    border-color: #000 !important;
}

/* 날짜 입력창 달력 아이콘 색상 변경 */
input[type="date"] {
    accent-color: #000 !important;
}


/* Flatpickr 커스텀 스타일 */
.flatpickr-calendar {
    font-family: 'Pretendard', sans-serif !important;
}

/* Wrapper 스타일 */
.flatpickr-wrapper {
    display: inline-flex !important;
    align-items: center;
}

/* wrapper 기준 절대 위치 및 중앙 정렬 */
.flatpickr-calendar.static {
    position: absolute !important;
    top: calc(100% + 5px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999 !important;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    display: none !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #212121 !important;
    border-color: #212121 !important;
    color: #fff !important;
}

.flatpickr-months .flatpickr-month {
    color: #212121 !important;
    fill: #212121 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    color: #000;
    background-color: transparent;
}

.flatpickr-weekdays .flatpickr-weekday {
    color: #212121 !important;
}

span.flatpickr-weekday {
    color: #212121 !important;
}

.flatpickr-day.today {
    border-color: #c0c0c0 !important;
}

.flatpickr-day:hover {
    background-color: #c0c0c0 !important;
}