@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 900;
    src:
    url('font/NotoSansCJKkr-Black.eot'),
	url('font/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansCJKkr-Black.woff') format('woff'),
    url('font/NotoSansCJKkr-Black.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700;
    src:
    url('font/NotoSansKR-Bold-Hestia.eot'),
	url('font/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansKR-Bold-Hestia.woff') format('woff'),
    url('font/NotoSansKR-Bold-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    src:
    url('font/NotoSansKR-Medium-Hestia.eot'),
	url('font/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansKR-Medium-Hestia.woff') format('woff'),
    url('font/NotoSansKR-Medium-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    src:
    url('font/NotoSansKR-Regular-Hestia.eot'),
	url('font/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansKR-Regular-Hestia.woff') format('woff'),
    url('font/NotoSansKR-Regular-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 300;
    src:
    url('font/NotoSansKR-Light-Hestia.eot'),
	url('font/NotoSansKR-Light-Hestia.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSansKR-Light-Hestia.woff') format('woff'),
    url('font/NotoSansKR-Light-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 900;
    src:
    url('font/NotoSerifKR-Black.eot'),
	url('font/NotoSerifKR-Black.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-Black.woff') format('woff'),
    url('font/NotoSerifKR-Black.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 700;
    src:
    url('font/NotoSerifKR-Bold.eot'),
	url('font/NotoSerifKR-Bold.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-Bold.woff') format('woff'),
    url('font/NotoSerifKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 600;
    src:
    url('font/NotoSerifKR-SemiBold.eot'),
	url('font/NotoSerifKR-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-SemiBold.woff') format('woff'),
    url('font/NotoSerifKR-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 500;
    src:
    url('font/NotoSerifKR-Medium.eot'),
	url('font/NotoSerifKR-Medium.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-Medium.woff') format('woff'),
    url('font/NotoSerifKR-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 400;
    src:
    url('font/NotoSerifKR-Regular.eot'),
	url('font/NotoSerifKR-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-Regular.woff') format('woff'),
    url('font/NotoSerifKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 300;
    src:
    url('font/NotoSerifKR-Light.eot'),
	url('font/NotoSerifKR-Light.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-Light.woff') format('woff'),
    url('font/NotoSerifKR-Light.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSerifKR';
    font-weight: 200;
    src:
    url('font/NotoSerifKR-ExtraLight.eot'),
	url('font/NotoSerifKR-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('font/NotoSerifKR-ExtraLight.woff') format('woff'),
    url('font/NotoSerifKR-ExtraLight.otf') format('opentype');
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); */

/* default */
html, body {margin:0; padding:0; /* background:#fff */}
html {font-size:10px}
body {line-height:1; font-size:1.2rem; letter-spacing:-.05em; font-family:'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none;  color:#444}
div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:inherit; vertical-align:baseline; box-sizing:border-box}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0}
input, textarea, select, button, table {margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; color:#444; box-sizing:border-box}
button {cursor:pointer}
a {font-family:'Noto Sans KR', sans-serif; text-decoration:none; color:#444}
input::-ms-clear {display:none; width:0; height:0}
input::-ms-reval {display:none; width:0; height:0}
input[type='number']:-webkit-outer-spin-button,
input[type='number']:-webkit-inner-spin-button {-webkit-appearance:none !important; margin:0}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none !important; margin:0}
textarea {resize:none}
address, caption, cite, code, dfn, em, var {font-weight:normal; font-style:normal}
a[href^="tel"] {color:inherit; text-decoration:none}
*::-webkit-media-controls-panel {display:none !important; -webkit-appearance:none}
*::-webkit-media-controls-play-button {display:none !important; -webkit-appearance:none}
*::-webkit-media-controls-start-playback-button {display:none !important; -webkit-appearance:none}
input::placeholder {color:#999}
input:-ms-input-placeholder {color:#999}
input::-ms-input-placeholder {color:#999}
textarea::placeholder {color:#999}
textarea:-ms-input-placeholder {columns: #999;}
textarea::-ms-input-placeholder {color:#999}
.a11y,
.ally {position:absolute; left:0; width:0; height:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px)}
select:-ms-expand {display:none}
select::-ms-expand {display:none}
input {-webkit-appearance:none; appearance:none}