@charset "UTF-8";
/* FONT STYLE */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700&display=swap');

/* RESET */
* { outline: none; }
html body { min-width: 280px; height: 100%; padding:0; margin:0;}
html { font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "굴림", Gulim, "돋움", Dotum, Sans-serif; color: #000; font-weight: 300; -webkit-text-size-adjust: none; font-size: 16px; letter-spacing: -0.5px; -webkit-overflow-scrolling: touch;  -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
html.ios {font-family: "Helvetica Neue", "Apple SD Gothic Neo"; }
body { overflow-y: scroll; margin: 0px; background-attachment: fixed; }


html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
address { font-stretch: normal; }
/*b, span, strong, input, a, button { font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; }*/
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption { display: block; margin:0; padding:0;}
cite { display: inline; }

a {color:inherit;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }

img { border: 0; max-width: 100%; }
div { -webkit-box-sizing: border-box; box-sizing: border-box; }
label, input, textarea, select { vertical-align: middle; border: 0; border-radius: 0; }
label, input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

/*input[type=password] { font-family: sans-serif; }*/

textarea { font-family: "NotoKr", "Malgun Gothic", "굴림", Gulim, "돋움", Dotum, Sans-serif; font-weight: 300; }

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

table { border-collapse: collapse; table-layout: fixed; width: 100%; }

fieldset { border: none; }

hr, legend { position: absolute; left: -1000%; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }

caption { font-size: 0; height: 0; opacity: 0; }

button { margin: 0; padding: 0; border: none; background: none; cursor: pointer; display: inline-block; }

em, address { font-style: normal; }

strong { font-weight: normal; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #888; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #888; }

caption { overflow: hidden; visibility: hidden; height: 0; text-indent: -9999em; }

/* COMMON */
#skipnavi a { display: block; position: absolute; top: 0px; left: -202px; width: 200px; height: 40px; padding: 0; border: 1px solid #dcdcdc; color: #555; font-size: 15px; background: #fff; text-align: center; line-height: 40px; font-weight: 700; z-index: 10000; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#skipnavi a:focus { top: 0; left: 0; }
.hidden { position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; text-indent: -9999em; }
.blind { position: absolute; left: -9999em; top: -9999em; overflow: hidden; white-space: nowrap; text-indent: 100%; }


@media (max-width: 1024px) {html { font-size: 16px; } } 
@media (max-width: 460px) {html { font-size: 14px; } }
@media (max-width: 375px) {html { font-size: 12px; } }
@media (max-width: 321px) {html { font-size: 11px; } }