@charset "utf-8";

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td {margin:0; padding:0;}

body {height:100%;font-family: 'Pretendard' , sans-serif; font-size:13px; color:#353535;}
body *{box-sizing: border-box;font-family: 'Pretendard' , sans-serif;}
img {border:none; vertical-align:top;}

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

fieldset {border:none;}

table {border-collapse:collapse;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

img, fieldset, button { border:0; padding:0px;}
button {background:none;}
input, select {vertical-align:middle;}
legend {width:0; height:0; font-size:0; position:absolute; overflow:hidden;} 

a {color:#222; text-decoration:none; cursor:pointer;}
a:link {color:#222;}
a:visited {color:#222;}
a:active {color:#222;}
a:hover {color:#000;}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* 다크모드 */
html.dark-mode body{background-color:var(--dm-bg); color:var(--dm-text);}
html.dark-mode a:link,html.dark-mode a:visited{color:inherit;}
html.dark-mode a:hover,html.dark-mode a:active{color:var(--dm-accent);}
html.dark-mode input,html.dark-mode select,html.dark-mode textarea{color-scheme:dark; accent-color:var(--dm-accent);}