@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* 스타일시트 초기화 */
*:focus{}
*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;font-style: normal;border:0;outline:0;font-family: 'Pretendard', -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma';}

html{font-size:62.5%;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;scroll-behavior: smooth;background:#ffffff;}
body{line-height:1.5;font-size:16px;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{color: #000000;text-decoration:none;background:transparent;cursor:pointer}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
ins{color:#000;text-decoration:none}
del{color:#aaa;text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
button{cursor:pointer;background:transparent}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
select{font-size:14px;border:1px solid #ccc;border-radius:0;}
label, input, button, select, img{vertical-align:middle}
table {border-collapse: collapse;border-spacing: 0;}
input{}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{background-color:transparent !important;}
select {margin:0;}
em,address,cite{font-style:normal}
input,select,textarea,button{border-radius:0;resize:none}
p {margin:0;padding:0;word-break:break-all}
caption,
hr{position:absolute;top:0;left:0;margin:0;padding:0;display:inline-block;line-height:0;font-size:0;border:0;overflow:hidden}
pre{overflow-x:scroll;font-size:1.1em}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background:url("../img/icon/dropdown.svg") no-repeat right 12px center / 20px;padding-right:36px;}
select:disabled{background:#f0f0f0}
*::placeholder{color:#b6b6b6;}

.blind{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;border: 0;clip: rect(0,0,0,0)}

.ui-datepicker{font-size: clamp(1.4rem, 1.25vw, 1.6rem);line-height:1.5;}

.tal{text-align:left !important;justify-content:flex-start !important;}
.tac{text-align:center !important;justify-content:center !important;}
.tar{text-align:right !important;justify-content:flex-end !important;}


.mt8{margin-top:8px !important;}
.mt16{margin-top:16px !important;}
.mt24{margin-top:24px !important;}

.pl8{padding-left:8px !important;}
.pl16{padding-left:16px !important;}
.pl24{padding-left:24px !important;}

.gap8{gap:8px !important;}
.gap16{gap:16px !important;}
.gap24{gap:24px !important;}

#wrap #ui-datepicker-div {display: none;background-color: #fff;box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);margin-top: 10px;border-radius: 10px;padding: 10px;color:#555555;border: 0;}
#wrap .ui-datepicker-calendar thead th {height: 38px;text-align: center;font-size: 12px;font-weight: 300;color: #555555;padding: 0;}
#wrap .ui-datepicker-calendar tbody td {width: 2.5rem;text-align: center;padding: 0;}
#wrap .ui-datepicker-calendar tbody td a {transition: 0.3s all;color: #555555;text-decoration: none;border: 0;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 13px;background: transparent;border-radius: 5px;}
#wrap .ui-datepicker-calendar tbody td a:hover {background-color: rgb(0 0 0 / 5%);}
#wrap .ui-datepicker-calendar tbody td a.ui-state-active {background-color: #eb3f3d;color: white;}
#wrap .ui-datepicker-header{border:0;border-radius:0;background:transparent;}
#wrap .ui-datepicker-header a.ui-corner-all {cursor: pointer;position: absolute;top: 0;width: 36px;height: 36px;margin: 0;border-radius: 0.25rem;transition: 0.3s all;border: 0;}
#wrap .ui-datepicker-header a.ui-corner-all:hover {background-color: #ECEFF1;}
#wrap .ui-datepicker-header a.ui-datepicker-prev {left: 0;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");background-repeat: no-repeat;background-size: 14px;background-position: 50%;transform: rotate(180deg);}
#wrap .ui-datepicker-header a.ui-datepicker-next {right: 0;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');background-repeat: no-repeat;background-size: 14px;background-position: 50%;}
#wrap .ui-datepicker-header a>span {display: none;}
#wrap .ui-datepicker-title {display:flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 400;height: 30px;gap:4px;}
#wrap .ui-datepicker-title select{height:30px;border-radius:5px;border:1px solid #eceff1;padding:0 6px;}
#wrap .ui-datepicker-week-col {color: #78909C;font-weight: 400;font-size: 0.75rem;}
