@charset "utf-8";

@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'), url('/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot');
    src: url('/font/notokr-regular-bae006813b0a476a15cc0306c573ddac.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoSansKR-Regular-9139661f6f91e4420a77e89d352452af.woff2') format('woff2'),
         url('/font/NotoSansKR-Regular-7c3141b340ddb3c1aea80d2bb11e9f12.woff') format('woff');
}
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'), url('/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot');
    src: url('/font/notokr-medium-c1f84afcd04a474c37b8a573e2f7a44c.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoSansKR-Medium-2de688e285e7ba650eee5d0438c1d4a7.woff2') format('woff2'),
         url('/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('/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot');
    src: url('/font/notokr-bold-4e9abb70b982577f8802d326e5006b17.eot?#iefix') format('embedded-opentype'),
         url('/font/NotoSansKR-Bold-0ae2f9c5e5b82c0b15d3429dfe30f1eb.woff2') format('woff2'),
         url('/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-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:#556080; text-decoration:none; transition:color 0.15s ease 0s}
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 }

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; }


tfoot th { background: #f9f9f9}
tfoot td { background: #fafafa}

.table caption {}
.table thead th { background: #f2f2f2;padding:12px 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:10px 6px; background: #fff; line-height: 1.3em; color: #777; }
thead th {background: #f2f2f2;padding:8px 6px; border:#ccc solid 1px ; border-top:none; line-height: 1.3em ;text-align: center;}
tbody th {background: #f9f9f9}
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}

.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}

.tableC td.title,
table td.title {text-align: left}

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

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

/* TD 오른쪽 정렬 테이블 */
.tableR tbody td { text-align: right; }
.tableR tfoot td { text-align: right; }

/* 권한별 메뉴 관리 테이블*/
.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(/images/paging-1fc8ff16a938772ca78c115718b89b20.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 4px; 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(/images/paging-1fc8ff16a938772ca78c115718b89b20.png) no-repeat -5px 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; }

#total_cnt {position: absolute;left:0; color: #999;}

/* 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:40px; height:40px; background: #03adee url(/images/btnSearch-de4d8d9410125e895ff1ba6699c63158.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;width: 0;height: 0; position: fixed;}
label.hiddenLabel {font-size: 0 !important; position: fixed;left: -9999px}

/* 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}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {padding: 0  0 0 5px;}
}

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}

.no_fixed {
	position:absolute !important;
	background:rgb(0,0,0,0) !important;
	transition:all !important;
	}
	
/* 로딩 */
.loadingWrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); z-index: 1000; text-align: center;}
.loadingWrap 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%;}

.printBtn { margin-left:10px}
.explainText {
	color:red;	
	margin-bottom:10px;
}

#lib_search_gubun {
	border-color:#0766b6;
	width:120px;
	height:45px;
	border-width:3px;
	font-weight:300;
	box-shadow: 0 3px 7px rgb(0 0 0 / 12%);	
}

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

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


@media print{
	.header, nav.nav, .footer, a.skip, .textR, .sectionHeader, #statLinkHeader, .tab, .searchDiv {display:none}
	#content, .navOff #content {padding:0 !important} 
}

*{margin: 0; padding: 0;}
.private_area {
  position: relative;
}
.private_area .title {
  display: inline-block;
  width: 365px;
  padding: 10px 57px 10px 10px;
  font-size: 14px;
  border: 1px solid #000;
  background: url(/css/footer_select_arrow_black-993428ceef236a95ee6e09a501d70294.png) no-repeat 95% center;
  cursor: pointer;
  box-sizing: border-box;
}
.private_area .fe-guide.dash {
  display: none;
  overflow: auto;
  position: absolute;
  top: 36px;
  height: 100px;
  padding: 0 10px;
  border: 1px solid #333;
  background: #fff;
  z-index: 1;
  width: 29%;
}
.private_area .title.on {
  border: 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
.private_area .title.on + .fe-guide {
  display: block;
  box-sizing: border-box;
}
.private_area .fe-guide.dash li:before {
  top: 4px;
}
.private_area .fe-guide.dash li {
  padding: 5px 0 5px 10px;
}

@media (max-width: 1024px) {
  .private_area {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .private_area .title {
    width: 100%;
  }
  .private_area .fe-guide.dash {
    width: 94.7%;
  }
}