/*@import url(fonts.css);*/
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

* {
    font-family: 'Noto Sans KR', sans-serif;
}
* { margin: 0; padding: 0; }
html, body { width:100%; height:100%; font-size:17.1px; }
ul, li, p, span, div, img, tbody, th, td, a, select, option, input { font-weight: 400; }
li {list-style-type:none; font-size:0.85rem; }
img { display:block; border:0; }
a { text-decoration: none; }
sup { color:red; }
table { table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; }
frame { border:none; }
.pre { width:100%; white-space:pre-wrap;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


#frmSearch .input-group-text { letter-spacing:-1px; font-size:12px; }
#frmSearch select { font-size:13px; }


.table-list { width:100%; border-top:solid 2px #ddd; }
.table-list thead th { font-size:0.7rem; border-bottom:solid 1px #ddd; height:50px; text-align:left; }
.table-list tbody th { font-size:0.7rem; text-align:left; border-bottom:solid 1px #ddd; height:30px; }
.table-list tbody td { font-size:0.7rem; text-align:left; border-bottom:solid 1px #eee; height:30px; background:#fff; }
.table-list .al { text-align:left; }
.table-list .ac { text-align:center!important; }
.table-list th.title, .table-list td.title { font-size:0.8rem; text-align:left; }
.table-list td.logo img { max-width:100%; max-height:100%; margin:0 auto;}
.table-list td.no-data { text-align:center; height:100px; }

.table-form { width:100%; }
.table-form tbody th { font-size:0.7rem; text-align:right; border-bottom:solid 1px #eee; height:30px; padding:2px 0 2px 0; }
.table-form tbody th .tx { margin-right:10px; color:#888; }
.table-form tbody td { font-size:0.7rem; text-align:left; border-bottom:solid 1px #eee; height:30px; background:#fff;  padding:2px 0 2px 0; }
.table-form .al { text-align:left; }
.table-form .ac { text-align:center!important; }
.table-form th.title, .table-list td.title { font-size:0.8rem; text-align:left; }
.table-form td.logo img { max-width:100%; max-height:100%; margin:0 auto;}
.table-form textarea { width:100%; border:solid 1px #ddd; margin-top:4px; resize:none; font-size:1rem; padding:10px; }

.add-info th, .add-info td, .add-info .form-control {background:#eee!important; }

.main-footer { position:relative;  }
.main-footer .page-box { position:absolute; top:15px; right:10px; }
.main-footer .page-box ul { margin-bottom:0px; }
.main-footer .page-box .page-link { padding:.3rem .5rem .3rem .5rem; min-width:30px; font-size:0.75rem; text-align:center; } 

.sub-title { padding:10px; background:#333; color:#fff; }
.form-control label { margin-right:10px; margin-top:4px; margin-bottom:0px; position:relative;}
.form-control label input[type=radio] { position:absolute; top:3px; }
.form-control label span { margin-left:20px; }
.form-control { font-size:0.8rem; }
.form-control-text { border:none; text-align:left; display:flex; align-items:center; }
.form-control-help { border:none; text-align:left; display:flex; align-items:center; font-size:11px; color:green; }
.form-control-content { border:none; text-align:left; min-height:300px; padding-top:20px; padding-left:12px; }
.data-text { color:#000; }

.border-none { border:none; }
.align-left { text-align:left; }
.bold { font-weight:700; }
.display-none { display:none; }

.search-box { padding:10px; }
.search-box>ul>li { display:inline-block; }
.search-box button { margin-right:5px; }
.wf50 { width:50px!important; }
.wf60 { width:60px!important; }
.wf70 { width:70px!important; }
.wf90 { width:90px!important; }
.wf100 { width:100px!important; }
.wf110 { width:110px!important; }
.wf120 { width:120px!important; }
.wf130 { width:130px!important; }
.wf140 { width:140px!important; }
.wf150 { width:150px!important; }
.wf160 { width:160px!important; }
.wf170 { width:170px!important; }
.wf180 { width:180px!important; }
.wf190 { width:190px!important; }
.wf200 { width:200px!important; }
.wf250 { width:250px!important; }
.wf300 { width:300px!important; }
.wf350 { width:350px!important; }
.wf380 { width:380px!important; }
.wf400 { width:400px!important; }
.wf460 { width:460px!important; }
.wp20 { width:20%!important; }

.box-pr { padding-right:4px; }

.modal-footer { position:fixed; bottom:0; left:0px; border-top:solid 1px #ddd; width:100%; background:#fff; z-index:1000; }
.modal-footer .left-box { position:absolute; top:10px; left:10px; }
.modal-wrapper { }
.modal-scroll { height:calc(100vh - 70px); padding-right:10px; overflow:hidden; overflow-x: auto; overflow-y:auto; }

#WorkingSign {display:none;position:absolute;top:0px; left:0px;width:100%; height:100%;z-index:10000;}
#WorkingSign > .bg {width:100%; height:100%;background:#000;opacity: 0.2;}
#WorkingSign > .msgbox { position:absolute;top:50%; left:50%;margin-top:-50px; margin-left:-150px; width:300px; height:100px;background:#fff;z-index:100001;border:solid 5px #ddd;border-radius:20px;}
#WorkingSign > .msgbox > .tx {text-align:center;padding-top:20px;padding-bottom:15px; }
#WorkingSign > .msgbox > .progress {width:60%; margin:0 auto;}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}


/* bootstrap fix */
.nav-header { background-color:#333!important; }
.main-footer { position:relative; }
@media (min-width: 576px) {
	.modal-dialog {
		max-width:100%!important;
		margin: 1.75rem auto;
	}
}

/* scrollbar */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #fff}
::-webkit-scrollbar-track {background: #fff; }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; }


.jexcel_textarea {
    width: 1px!important;
}