@charset "utf-8";

@font-face {
    font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('./font/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  src: url('./font/MaterialSymbolsRounded.woff2') format('woff2');
}
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

html,
body {
    height: 100%;
}

html {
    /*font-size: 62.5% !important;*/
    font-size: 100% !important;
}

body {
    font-family: 'Pretendard Variable', sans-serif !important;
    font-weight: 400;
    /*font-size: 1.6rem;*/
    color:#222;
}

img {
    max-width: 100%;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* 기본설정 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p,
span {
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
}

ol,
ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
    /*  transform: rotate(-0.03deg); 나눔바른고딕 큰글씨 등 폰트가 깨질때 사용 */
}

form,
fieldset {
    border: 0;
}

address,
caption,
em {
    font-weight: normal;
    font-style: normal;
}

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

a {
    text-decoration: none;
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none !important;
}

#wrap a {
    transition: all .3s ease;
}

#wrap a:hover {
    transition: all .3s ease;
}

/* 숨김영역 */
#accessibility,
#accessibility_footer,
hr,
legend,
.skip {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

caption {
    display: none;
}

.MuiChartsTooltip-table caption {
  display: table-caption !important;
  caption-side: top;
}

input,
textarea,
select,
img {
    vertical-align: middle;
}

/* 이미지, form 세로중앙정렬 */
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}

.input_form {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    background: #f5f5f5;
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    padding: 0 3px;
}

.input_form:focus {
    border: 1px solid #000;
}

.select_form {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    background: #f5f5f5;
    box-sizing: border-box;
    height: 28px;
    padding-left: 3px;
}

.textarea_form {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 3px 3px 3px 10px;
    width: 100%;
    margin: 8px 0;
}

.textarea_form:focus {
    border: 1px solid #000;
}

.input_file {
    height: 28px;
    width: 80%;
}