@charset "utf-8";

@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'), url('/libsta/nleval/font/notokr-light-cd2b5e732aa33c73340acd82a5406304.eot');
    src: url('/libsta/nleval/font/notokr-light-cd2b5e732aa33c73340acd82a5406304.eot?#iefix') format('embedded-opentype'),
         url('/libsta/nleval/font/NotoSansKR-Light-ea4db2bb9f683df8998eaaaec10beeab.woff2') format('woff2'),
         url('/libsta/nleval/font/NotoSansKR-Light-1f7c8be8c0ca8d54868052ef23475cb2.woff') format('woff');
}
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url('/libsta/nleval/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot');
    src: url('/libsta/nleval/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot?#iefix') format('embedded-opentype'),
         url('/libsta/nleval/font/NotoSansKR-Regular-9139661f6f91e4420a77e89d352452af.woff2') format('woff2'),
         url('/libsta/nleval/font/NotoSansKR-Regular-7c3141b340ddb3c1aea80d2bb11e9f12.woff') format('woff');
}
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('/libsta/nleval/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot');
    src: url('/libsta/nleval/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot?#iefix') format('embedded-opentype'),
         url('/libsta/nleval/font/NotoSansKR-Medium-2de688e285e7ba650eee5d0438c1d4a7.woff2') format('woff2'),
         url('/libsta/nleval/font/NotoSansKR-Medium-e63313c24774aee385441245d85fb80f.woff') format('woff');
}
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('/libsta/nleval/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot');
    src: url('/libsta/nleval/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot?#iefix') format('embedded-opentype'),
         url('/libsta/nleval/font/NotoSansKR-Bold-0ae2f9c5e5b82c0b15d3429dfe30f1eb.woff2') format('woff2'),
         url('/libsta/nleval/font/NotoSansKR-Bold-11ec013942ce7c5dfd5f1adf4a16d2ca.woff') format('woff');
}

html, body {display: block; height: 100%; width: 100%; line-height: 1em; font-family:'Noto', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing:antialiased;}
body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr, label, button {margin:0; padding:0; font-size:15px; font-family:'Noto', sans-serif; color: #454753; word-break:keep-all; font-weight: 500}
ul, ol, dl {list-style:none;}
table {width:100%; margin:0; padding:0; border-spacing:0; border:0; border-collapse:collapse; }
img, button, fieldset, abbr, acronym {border:0}
address, caption, cite, code, dfn, em, var {}
q:before, q:after {content:'';}
input, select, button {-webkit-appearance: none;-webkit-border-radius: 0; line-height: 1em;font-size: 15px; font-family:'Noto',sans-serif;}
a, input, select, button, img, label, span, strong {}

body.no_scroll { position: fixed;}

/* 스크롤바 커스텀 */
html * {scrollbar-width: thin;}
html { scrollbar-width: thin; scrollbar-arrow-color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-color: #dfdfdf; scrollbar-Face-Color: #dfdfdf; scrollbar-3dLight-Color: #dfdfdf; scrollbar-DarkShadow-Color: #dfdfdf; scrollbar-Highlight-Color: #dfdfdf; scrollbar-Shadow-Color: #dfdfdf; }


/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement,

/*::-webkit-scrollbar-button:end:increment {display: none; width: 12px;height: 12px; background: url() rgba(0,0,0,.05);}*/
::-webkit-scrollbar-button:end:increment {display: none; width: 12px;height: 12px; background: rgba(0,0,0,.05);}

::-webkit-scrollbar-track { background: rgb(255,255,255); background: #ededed; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,.2); }
:hover::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3)}
​
::-webkit-input-placeholder {color:#b0b0b0}
:-moz-placeholder {color:#b0b0b0}
::-moz-placeholder {color:#b0b0b0}
:-ms-input-placeholder {color:#b0b0b0}

::-webkit-input-placeholder {color:#b0b0b0}
:-moz-placeholder {color:#b0b0b0}
::-moz-placeholder {color:#b0b0b0}
:-ms-input-placeholder {color:#b0b0b0}


/* input */
input[type=checkbox] {appearance: checkbox;-webkit-appearance: checkbox; width:17px; height:17px; vertical-align: text-bottom;}
input[type=radio] {appearance: radio;-webkit-appearance: radio; width: 18px; height: 18px; vertical-align: bottom;}
label, button  {cursor: pointer; }

a {color:#073ea3; text-decoration:none;}
a:focus, a:hover, a:active {color:#383fd5}

a.skip { position: fixed; left: 0; top: -100px; display: block; width:100%; line-height: 3em; background: #f9f9f9; color: #000; text-align: center; box-shadow: 0 3px 3px rgba(0,0,0,.1); transition:all 0.2s ease 0s; z-index:2; border-bottom: solid 1px #ddd}
a.skip:hover,
a.skip:focus { top: 0; }

.container { margin: 0 auto; position: relative; }
.container:after { display: block; content: ""; clear: both; }

/* commom */
.hidden,
.none { position: fixed; left: -9999px; }

.floatL { float: left }
.floatR { float: right }

/* table
div.table,
table.table {border-top: #515151 solid 1px; border-bottom:solid 1px #a4a8b2; position: relative; clear: both;}
td,th { font-weight: 500; border-top:#d5dcec solid 1px; border-right:#e1e1e0 solid 1px;padding:6px 6px; background: #fff; line-height: 1.3em;  }
tr:first-child td,
tr:first-child th {border-top:none}
tr td:first-child,
tr th:first-child {border-left:#d5dcec solid 1px; }



.table caption {}
.table thead th { background: #f2f2f2;padding:8px 6px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em ;text-align: center;}
.table .th { background: #f2f2f2; }
.table tbody th,
.table .th { background: #f5f5f5}

.table + .table {margin: 10px 0 0 0}

*/

caption { font-size: 16px; font-weight: 600; padding: 16px 0 8px 0; text-align: left; letter-spacing: -1px }
td,th {border:#ededed solid 1px;border:#ddd solid 1px;  border-top:none; padding:6px 6px; background: #fff; line-height: 1.3em;  }
thead th {background: #f5f5f5}
tbody th {background: #f2f2f2}
tr:first-child td,
tr:first-child th {border-top:#515151 solid 1px}
tr:last-child td,
tr:last-child th {border-bottom:#ccc solid 1px}

thead th { background: #f2f2f2;padding:8px 6px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em ;text-align: center;}
.th { background: #f2f2f2; }
thead + tbody tr:first-child td,
thead + tbody tr:first-child th {border-top:none}

table + table {margin: 10px 0 0 0}
/* 세로 스크롤 테이블 */
.table.scroll_Y{max-height: 204px;overflow-y: auto;}

/* 왼쪽 정렬인 테이블 */
.table10 tbody th,
.table10 tbody td,
.table td.title,
.table td.theme { text-align: left; }

/* 가운데 정렬인 테이블 */
.table20 tbody th,
.table20 tbody td { text-align: center;}

/* 권한별 메뉴 관리 테이블*/
.trshow {display:table-row}
.trhide {display:none}

.textL{ text-align: left !important; }
.textR{ text-align: right !important; }
.textC{ text-align: center !important; }

.table th.check,
.table tbody td.check { width: 34px; padding-left:0; padding-right:0}


.pageNav { text-align: center; position: relative; padding:10px 0; min-height: 16px }
.pageInfo { color: #aaa; line-height: 2em; position: absolute; left: 0; top: 10px; }
.pageInfo span,
.pageInfo select,
.pageInfo label {color: #888}

.pageNav:after { display: block; content: ""; clear: both; }
.pageNav a, .pageNav strong { display: inline-block; min-width: 24px; height: 25px;  padding: 5px 0 0 0; opacity: 0.6; vertical-align: middle; }
.pageNav a.pageFirst, .pageNav a.pageBefore, .pageNav a.pageNext, .pageNav a.pageLast, .pageNav strong.pageFirst, .pageNav strong.pageBefore, .pageNav strong.pageNext, .pageNav strong.pageLast { font-size: 0; background: url(/libsta/nleval/images/paging-9c101b73d22d2dca5bbd8a10407277e7.png) no-repeat 3px center; }
.pageNav a.pageBefore, .pageNav strong.pageBefore { background-position: -39px center; }
.pageNav a.pageNext, .pageNav strong.pageNext { background-position: -74px center; }
.pageNav a.pageLast, .pageNav strong.pageLast { background-position: -107px center; }
.pageNav a:hover, .pageNav a:focus, .pageNav a.on, .pageNav strong { text-decoration: underline; opacity: 1; }


.pageNav button, .pageNav strong { display: inline-block; min-width: 24px; height: 25px; padding:0 8px; opacity: 0.6; vertical-align: middle; background: none transparent; transition:opacity 0.15s ease 0s }
.pageNav strong {padding-top:10px} 
.pageNav button.pageFirst, .pageNav button.pageBefore, .pageNav button.pageNext, .pageNav button.pageLast, .pageNav strong.pageFirst, .pageNav strong.pageBefore, .pageNav strong.pageNext, .pageNav strong.pageLast { font-size: 0; background: url(/libsta/nleval/images/paging-9c101b73d22d2dca5bbd8a10407277e7.png) no-repeat 3px center; }
.pageNav button.pageBefore, .pageNav strong.pageBefore { background-position: -39px center; }
.pageNav button.pageNext, .pageNav strong.pageNext { background-position: -74px center; }
.pageNav button.pageLast, .pageNav strong.pageLast { background-position: -107px center; }
.pageNav button:hover, .pageNav button:focus, .pageNav button.on, .pageNav strong { text-decoration: underline; opacity: 1; }

/* btn */
input[type="button"], 
.btn {background: #fff no-repeat; color: #3e3c4f; color:#383fd5; font-size:15px;  border:1px solid #7d8696; border-color:#4667e4; padding: 6px 10px 7px 10px; border-radius: 2px;transition: background-color 0.1s ease 0s; vertical-align: middle}
a.btn { display: inline-block; /* padding: 8px 10px */; line-height: 1}
input.btn {padding: 8px 10px 9px 10px; }
input[type="button"]:hover,input[type="button"]:focus, 
.btn:hover, .btn:focus { color: #333; color:#383fd5;  background-color: #ededed;  }
.pri, input.pri{background:#383fd5; background-color:#5977e7; color: #fff; border-color:#4667e4}
.pri:hover, .pri:focus,
input.pri:hover, input.pri:focus {background-color:#4667e4;border-color:#383fd5; color: #fff}

td .btn + .btn {margin-left: -1px}
/*
.pri {background:#1e87f0; color: #fff; border-color:#1e87f0}
.pri:hover, .pri:focus {background-color:#1f7fdf;border-color:#1f7fdf; color: #fff}
*/
.wrn {background:#ed8f14}
.wrn:hover, .wrn:focus {background-color:#dc8b22}

.dis { opacity: 0.5; cursor: default; }

input[type="button"].btnSearch, .btnSearch {font-size:0; width:30px; height:30px; background: #03adee url(/libsta/nleval/images/btnSearch-94671edae6538ad0fb292bf8f6d0309f.png) no-repeat center center; background-color:#4667e4; color: #fff; border-color:#4667e4; background-size: 16px; vertical-align:middle}
input[type="button"].btnSearch:hover,.btnSearch:hover, 
input[type="button"].btnSearch:focus,.btnSearch:focus  { background-color:#383fd5; border-color:#4667e4}

.btnArea { text-align: right; padding:10px 0 30px 0; clear: both;font-size: 0;}
.btnArea .btn { padding:10px 30px; display: inline-block; }
.btnAreaR {text-align: right; padding:25px 0; font-size: 0;}
.btnArea .btn,
.btnAreaR .btn {margin-left: -1px;}

.jsDiv .btnArea .btn { padding:8px 24px }
.jsDiv .btnArea a.btn{} 


.btnAreaC {text-align: center; padding:20px 0 0 0; height: 40px; clear: both; }

label + input   { margin-left: 12px}
/* label + input { margin-left: 15px} */


label.hidden { position: relative; left: inherit; font-size: 0;}
label.hiddenLabel {font-size: 0 !important}

/* select */



/* input */
input[type="button"] { cursor: pointer; }

input[type="text"], input[type="password"],  input[type="number"], select, .input, textarea
{ border: solid 1px #bcbcbc; border-radius: 2px; background: #fff; padding: 0 8px; margin: 2px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
input[type="text"], input[type="password"],input[type="number"], select, .input { height: 30px; line-height: 1em; vertical-align: middle; }
input[type="number"] {padding-right: 2px}
textarea {overflow:auto; padding:10px; line-height: 1.3em;font-family:'Noto','Malgun Gothic',sans-serif; font-size: 15px}
.js-elasticArea {transition: all 0.3s ease 0.0s}

select {padding: 0 24px 0 5px;  background:#fff url("/libsta/nleval/images/selecetArrow-1b976925c171a2f355d7f25bad2b6d0a.png") no-repeat right -1px }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {padding: 0  0 0 5px;}
}
select:hover,
select:focus { background-position: right -33px}
input[type="text"]:hover, input[type="password"]:hover, select:hover, .input:hover,
input[type="text"]:focus, input[type="password"]:focus, select:focus, .input:focus { border-color:#40b2cd; }

input[type="text"][disabled],
input[type="text"][disabled]:hover,
input[type="text"][disabled]:focus,
input[type="password"][disabled],
input[type="password"][disabled]:hover,
input[type="password"][disabled]:focus,
input[type="number"][disabled],
input[type="number"][disabled]:hover,
input[type="number"][disabled]:focus,
input[type="radio"][disabled],
input[type="radio"][disabled]:hover,
input[type="radio"][disabled]:focus,
input[type="checkbox"][disabled],
input[type="checkbox"][disabled]:hover, 
input[type="checkbox"][disabled]:focus,
textarea[disabled],
textarea[disabled]:hover, 
textarea[disabled]:focus { border-color:#ccc; background: #f1f1f1; color: #888}

input[type="text"][readonly],
input[type="text"][readonly]:hover,
input[type="text"][readonly]:focus,
input[type="password"][readonly],
input[type="password"][readonly]:hover,
input[type="password"][readonly]:focus,
input[type="number"][readonly],
input[type="number"][readonly]:hover,
input[type="number"][readonly]:focus,
input[type="radio"][readonly],
input[type="radio"][readonly]:hover,
input[type="radio"][readonly]:focus,
input[type="checkbox"][readonly],
input[type="checkbox"][readonly]:hover, 
input[type="checkbox"][readonly]:focus,
textarea[readonly],
textarea[readonly]:hover, 
textarea[readonly]:focus { border-color:#ccc; background: #f1f1f1; color: #888}

.input02, .width02 { width: 2% }
.input03, .width03 { width: 3% }
.input04, .width04 { width: 4% }
.input05, .width05 { width: 5% }
.input06, .width06 { width: 6% }
.input07, .width07 { width: 7% }
.input08, .width08 { width: 8% }
.input09, .width09 { width: 9% }
.input10, .width10 { width: 10% }
.input15, .width15 { width: 15% }
.input17, .width17 { width: 17% }
.input20, .width20 { width: 20% }
.input25, .width25 { width: 25% }
.input30, .width30 { width: 30% }
.input35, .width35 { width: 35% }
.input40, .width40 { width: 40% }
.input45, .width45 { width: 45% }
.input50, .width50 { width: 50% }
.input55, .width55 { width: 55% }
.input60, .width60 { width: 60% }
.input65, .width65 { width: 65% }
.input70, .width70 { width: 70% }
.input75, .width75 { width: 75% }
.input80, .width80 { width: 80% }
.input85, .width85 { width: 85% }
.input86, .width86 { width: 86% }
.input87, .width87 { width: 87% }
.input88, .width88 { width: 88% }
.input89, .width89 { width: 89% }
.input90, .width90 { width: 90% }
.input92, .width92 { width: 92% }
.input94, .width94 { width: 94% }
.input95, .width95 { width: 95% }
.input97, .width97 { width: 97% }
.input98, .width98 { width: 98% }
.input99, .width99 { width: 99% }
.input100, .width100 { width: 100%; width:calc( 100% - 4px ) }

/* error */
body.error_10{ display: table; width: 100%}
.error_10_wrap { display: table-row}
.errorWrap { display: table-cell; vertical-align: middle; text-align: center}
.errorWrap > article { line-height: 1.8em; letter-spacing: -2px}
.errorWrap img {margin-bottom:60px}
.errorWrap > article h1 { font-size: 37px; line-height: 1.1em; padding:16px 0}
.errorWrap > article h2 { font-size: 32px;padding:10px 0}
.errorWrap > article p {padding:40px 0 80px 0; letter-spacing: -1px; font-size: 17px}

@media print{
	.header, nav.nav, .footer, a.skip,
	#submitStatusSearchForm .textR  { display:none}
	#lib_reg_stat_info_form .textR, .btnArea {display:none}
	#content, .navOff #content {padding:0 !important} 
}

#tmptPreviewArea td input[type="text"],
#applyTemplate td input[type="text"],
#prevTbody td input[type="text"],
#detailDialog td input[type="text"],
#printTemplate td input[type="text"]{width: 80%}

#searchAreaDlg {line-height: 1.3em}
#searchAreaDlg ul { padding: 4px}
#searchAreaDlg ul li { padding:2px 0 3px}
#searchAreaDlg div.explain {padding-bottom:8px}

body.statisticsmng .submitData input[type="text"] {width: 80%}

/* body.statisticsmng .tabWrap .tabH a { height: 36px} */
.tabWrap.ea6 .tabH { width:16.6% ;width: calc( 16.7% + 1px)}
.tabWrap.ea6 article:nth-child(2) .tabH{left:16.7% }
.tabWrap.ea6 article:nth-child(3) .tabH{left:33.4%; }
.tabWrap.ea6 article:nth-child(4) .tabH{left:50%; }
.tabWrap.ea6 article:nth-child(5) .tabH{left:66.7%; }
.tabWrap.ea6 article:nth-child(6) .tabH{left:83.4%;}

.tabWrap.ea7 .tabH { width:14.28% ;width: calc( 14.28% + 1px)}
.tabWrap.ea7 article:nth-child(2) .tabH{left:14.2% }
.tabWrap.ea7 article:nth-child(3) .tabH{left:28.5%; }
.tabWrap.ea7 article:nth-child(4) .tabH{left:42.8%; }
.tabWrap.ea7 article:nth-child(5) .tabH{left:57.1%; }
.tabWrap.ea7 article:nth-child(6) .tabH{left:71.4%;}
.tabWrap.ea7 article:nth-child(7) .tabH{left:85.7%;}

.tabWrap.ea8 .tabH { width:12.5% ;width: calc( 12.5% + 1px)}
.tabWrap.ea8 article:nth-child(2) .tabH{left:12.5% }
.tabWrap.ea8 article:nth-child(3) .tabH{left:25%; }
.tabWrap.ea8 article:nth-child(4) .tabH{left:37.5%; }
.tabWrap.ea8 article:nth-child(5) .tabH{left:50%; }
.tabWrap.ea8 article:nth-child(6) .tabH{left:62.5%;}
.tabWrap.ea8 article:nth-child(7) .tabH{left:75%;}
.tabWrap.ea8 article:nth-child(8) .tabH{left:87.5%;}

.tabWrap.ea9 .tabH { width:11.1% ;width: calc( 11.1% + 1px)}
.tabWrap.ea9 article:nth-child(2) .tabH{left:11.1% }
.tabWrap.ea9 article:nth-child(3) .tabH{left:22.2% }
.tabWrap.ea9 article:nth-child(4) .tabH{left:33.3%; }
.tabWrap.ea9 article:nth-child(5) .tabH{left:44.4%; }
.tabWrap.ea9 article:nth-child(6) .tabH{left:55.5%; }
.tabWrap.ea9 article:nth-child(7) .tabH{left:66.6%;}
.tabWrap.ea9 article:nth-child(8) .tabH{left:77.7%;}
.tabWrap.ea9 article:nth-child(9) .tabH{left:88.8%;}

.tabWrap.ea10 .tabH { width:10% ;width: calc( 10% + 1px)}
.tabWrap.ea10 article:nth-child(2) .tabH{left:10% }
.tabWrap.ea10 article:nth-child(3) .tabH{left:20% }
.tabWrap.ea10 article:nth-child(4) .tabH{left:30%; }
.tabWrap.ea10 article:nth-child(5) .tabH{left:40%; }
.tabWrap.ea10 article:nth-child(6) .tabH{left:50%; }
.tabWrap.ea10 article:nth-child(7) .tabH{left:60%;}
.tabWrap.ea10 article:nth-child(8) .tabH{left:70%;}
.tabWrap.ea10 article:nth-child(9) .tabH{left:80%;}
.tabWrap.ea10 article:nth-child(10) .tabH{left:90%;}

.no_fixed {
	position:absolute !important;
	background:rgb(0,0,0,0) !important;
	transition:all !important;
	}

.redTxt {
	color:#FF0000;
	margin-bottom:10px;
}

.categoryOption {
	background-color:cyan;	
}

.smTit { font-size: 16px; font-weight: 600; padding: 16px 0 8px 0; text-align: left; letter-spacing: -1px }

.helpBtn { background-color: #f5873f; color: #fff; border-color:#f5873f;}
.helpBtn:hover, .helpBtn:focus { background-color: #f36910; color: #fff; border-color:#f36910;}
	/* 로딩 */
#ajaxLoadingDiv { text-align: center;background: rgba(0,0,0,.7)}
#ajaxLoadingDiv p {width: 100%; margin-top: 120px; font-weight: 300; font-size: 16px; color: #fff; letter-spacing: 0; position: fixed;top: 42%;}
#loading { display: inline-block; width: 70px; height: 70px;margin-left: -40px; border: 8px solid rgba(102, 169, 232, 0.534); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;
position: fixed;top: 42%;}
#open_time_container li {
	list-style: none;
	padding: 8px;
	margin: 5px 0;
	background: #f7f7f7;
	border: 1px solid #ddd;
	display: flex;
	align-items: center;
	justify-content: space-between;
	display: flex;
	cursor: move;
}
#open_time_container .label {
	width: 88%;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}