@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
/* font */

/* notosans */
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/static/fonts/NotoSansKR-Bold.woff2') format('woff2'),
         url('/static/fonts/NotoSansKR-Bold.woff') format('woff'),
         url('/static/fonts/NotoSansKR-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/static/fonts/NotoSansKR-Medium.woff2') format('woff2'),
         url('/static/fonts/NotoSansKR-Medium.woff') format('woff'),
         url('/static/fonts/NotoSansKR-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('/static/fonts/NotoSansKR-Regular.woff2') format('woff2'),
         url('/static/fonts/NotoSansKR-Regular.woff') format('woff'),
         url('/static/fonts/NotoSansKR-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/static/fonts/NotoSansKR-Light.woff2') format('woff2'),
         url('/static/fonts/NotoSansKR-Light.woff') format('woff'),
         url('/static/fonts/NotoSansKR-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}



/* reset */
body{-ms-overflow-style:scrollbar; font-family: "Noto Sans SC", 'Noto Sans KR', "나눔고딕", '돋움','Dotum', Tahoma, AppleGothic, sans-serif; color:#444}
html{ height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent; }
html, body, div, span, applet, object, 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, button {margin:0; padding:0; border:0; box-sizing: border-box;}
textarea, input, select {margin: 0; padding: 0;}
textarea{resize:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}

table {border-collapse:collapse; border-spacing:0;}
a:hover,
a:focus,
button:hover,
button:focus{outline: none;}
a {text-decoration:none; color:inherit;}
hr {display:none;}
i,address{font-style:normal}

h1,h2,h3,h4,h5,h6 {color:inherit;font-weight: normal;}


input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="image"],input[type="tel"],input[type="number"], textarea{-webkit-appearance:none;-webkit-border-radius:0;}

button{-webkit-appearance: button;cursor: pointer; overflow: visible; background-color: transparent; outline: none;}
button::-moz-focus-inner{padding:0;border:0}

/*ie 버튼 움직임*/
/* button,
button:focus,
button:active{padding: 0;} */
button > span{position:relative;}

img, fieldset {vertical-align: top;}

em {font-style:normal;}
sub, sup{line-height: 0;}

/* For modern browsers */
.clfix:before,.clfix:after {content:""; display:table}
.clfix:after {clear:both}
* html .clfix {height:1%} /* Hides from IE-mac */
.clfix {zoom:1}

input, textarea {line-height: 1.2; vertical-align: middle;}

textarea::-webkit-input-placeholder{color:#88909D}
textarea:-ms-input-placeholder{color:#88909D} /*ie*/
textarea::-ms-input-placeholder{color:#88909D}/*edge*/
textarea::placeholder{color:#88909D}

input::-webkit-input-placeholder{color:#88909D}
input:-ms-input-placeholder{color:#88909D} /*ie*/
input::-ms-input-placeholder{color:#88909D}/*edge*/
input::placeholder{color:#88909D}

/*.sr_only {position: absolute;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;width: 1px;margin: -1px;padding: 0;overflow: hidden;}*/
.sr_only {position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden;}
#skip a{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus{position:static;width:auto;height:auto;}