/* 웹폰트 참조 (외부 웹사이트 Import) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html{ height:100%; padding:0; margin:0 }
body{ height:100%; padding:0; margin:0; background-color:#E9E9E9; overflow:hidden; box-sizing:border-box }

/* 버튼디자인 : 기본 */
button{ height:2rem; padding:0 1rem; background:linear-gradient(#E9E9E9,#B4B4B4); border:solid 1px #AAA; border-radius:.5rem; color:#0C3070; font-weight:bold; outline:none; text-shadow:1px 1px .1rem #FFF }
button:active{ background:linear-gradient(#C9C9C9,#A9A9A9); color:#1C4080 }


/* Progress Screen */
#progressscreen{ position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,.5); z-index:9999 }
#progressscreen > .progress{ position:absolute; left:50%; top:50%; width:4rem; height:4rem; margin:-2rem 0 0 -2rem }
#progressscreen > .progress > img{ width:100%; height:100% }
#progressscreen > .message{ position:absolute; left:0; right:0; top:50%; margin:3rem 0 0 0; text-align:center; font-size:.75rem; color:#777 }

/* Tab */
ul.tab{ padding:0; margin:0 }
ul.tab > li{ display:inline-block; padding:.4rem .6rem; margin:0 .2rem .2rem 0; background:#999; border-radius:.3rem; color:#FFF; font-size:.9rem; list-style:none }
ul.tab > li.selected{ background:#1958B9 }

/* Table */
table{ border-collapse:collapse; border-spacing:0; font-size:.8rem }
table > thead > tr > th{ padding:.4rem .6rem; background-color:#3F61B1; border:solid 1px #253F7B; color:#FFF; font-weight:normal }
table > tbody > tr > td{ padding:.4rem .6rem; background-color:#FFF; border:solid 1px #CCC }
table > tbody > tr > th{ padding:.4rem .6rem; background-color:#FFF; border:solid 1px #CCC; font-weight:normal }
table > tbody > tr > td.norecord{ text-align:center; color:#777; padding:2rem 0 }