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

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px;font-family:'Noto Sans KR', sans-serif !important;background:#fff;color:#666;font-weight:400;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body, p, input, button, textarea, select, table, tr, td, div, font, span, .c1 {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif !important; font-size:15px; font-weight:400;}

ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend, label, input, button, select, img {vertical-align:middle;font-size:15px;font-family:'Noto Sans KR', sans-serif !important;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif !important;font-size:15px}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', sans-serif !important;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none;color:#444;}
a:hover {text-decoration:none; color:#444;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

div { margin: 0; padding: 0; }

.clear { clear: both; }

.footer { position: fixed; bottom: 0; background: #fff; height: 80px; width: 100%; border-top: 1px solid #dedede; padding: 10px;font-size: medium; line-height: 30px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) inset;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) inset;
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) inset; }

.footer span { display: inline-block; margin-left: 10px; }

@media (min-width: 768px) {
  .footer {
    height: 50px;
  }
}

.avatar img { object-fit: contain; }
.rounded-circle { background: #dedede; }

.table thead th { font-size: 15px; text-align: center; }
.table tbody td { text-align: center; }