@charset "UTF-8";/* CSS Document */


/* 폰트 */
@font-face{
	font-family:'nanum';
	font-weight:400;
	font-style: normal;	
	src: url(../font/NanumGothic.eot); 
	src:url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
                   url(../font/NanumGothic.woff) format('woff');
}

@font-face{
	font-family:'nanumBold';
	font-weight:700;
	font-style: normal;
	src: url(../font/NanumGothicBold.eot); 
	src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
                    url(../font/NanumGothicBold.woff) format('woff');
}
div.tableBox table.vertical tbody tr td font {font-size : 13px;}

/* 기본 */
html {height:100%; margin:0; padding:0;}
body {margin:0; padding:0; font-size:12px; color:#757575; font-family:nanumBold,Trebuchet MS,sans-serif; height: 100%; /* min-width: 1024px; */ /*max-width: 1200px; */  position: relative; background:url(../images/body_bg.jpg) no-repeat 50% 0 fixed; background-size:cover;}
a {text-decoration:none; color: #5A5A5A;}
a:hover {text-decoration:underline;}
a:visited, a:focus {outline:none; color:#67A9DC;}
a.readmore, a.readmore:hover {text-decoration:underline; color: #00B2FF;}
i {font-style: normal;}
button {overflow: visible; margin:0; padding: 5px 15px; white-space:nowrap; cursor:pointer; vertical-align: middle;}
input, label , textarea {vertical-align: middle;}
textarea {padding: 7px 10px;}
input[type="text"], input[type="password"], textarea, select {font-size:12px; line-height:15px;}
input[type="text"], input[type="password"], textarea {background: #FFF; border: 1px solid #DADADA; padding: 3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border: 1px solid #30A0FF;}
input[type="text"][disabled="disabled"] {background: #E8E8E8; border: 1px solid #C3C3C3;}
input[type="text"][readonly="readonly"] {background: #E8E8E8; border: 1px solid #C3C3C3;}

th i {color: #F00; padding: 0 2px; margin-left: -10px;}

div.comment {line-height: 20px; margin-top:5px; font-size: 12px; color:#000;} /* 테이블 혹은 페이지에 관한 코멘트 */
p.comment {line-height: 20px; margin:5px 0; font-size: 12px;} /* 최종저장일시 */
/* .tableBtn + p.comment {float:left;} */

/* 레이아웃 */
.outer {width:100%; position:relative; margin:0; padding:0;}
.inner {width: 984px; height: 100%; margin: 0 auto;padding: 0 20px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 

/* 정렬 */
.alignL {text-align:left !important;} .alignR {text-align:right !important;} .alignC {text-align:center !important;}

/* 버튼 */
a:hover {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

a.btn {padding: 7px 35px;border-radius: 3px;display: block;margin: 0 auto;text-align: center; width: 35%; margin-top:20px;}

a.btn-icon {font-size:0; overflow:hidden; display:block; margin: 0 2px; border:1px solid #95c229; color:#FFF;}
a.btn-icon:hover {border:1px solid #95c229; background-color:#95c229; color:#95c229;}

/* 버튼 공통 */
.common_button {position:absolute; top:25px; right:0;}
.search_button {position:absolute; top:16px; right:30px;}

button.btn01 {width:60px; height:28px; background: #D9E1E8; border: 1px solid #C8D1DA; font-size: 12px; display: inline-block; border-radius:2px; font-weight:600}
button.btn02 {width:60px; height:28px; background: #459ADC; border: 1px solid #459ADC; font-size: 12px; display: block; border-radius:2px; font-weight:600; color:#fff;}
button.btn03 {width:auto; height:30px; background: #aaa; border: 1px solid #999; color:#333; font-size: 12px; display: inline-block; border-radius:2px; font-weight:600; padding:0px 10px}
button.btn03:disabled {background: #ccc; border: 1px solid #ccc; color:#eee;}
input.btn01 {width:60px; height:28px; background: #D9E1E8; border: 1px solid #C8D1DA; font-size: 12px; display: inline-block; border-radius:2px; font-weight:600}

/* 조회 공통*/
.search_box {position:relative; border: 1px solid #ccc; border-radius:3px; background:#efefef; padding:15px 30px; margin-bottom:20px}
.search_box dl {display:inline-block}
.search_box dl * {vertical-align: middle}
.search_box dl dt {display:inline-block; margin-right:10px; color:#333}
.search_box dl dd {display:inline-block}
.search_box dl dd input {width:120px; height:19px; margin-right:3px; text-align:center; font-weight:600}

/* datePicker 공통 */
.calender_wave {display:inline-block; margin:0 7px 0 1px; font-size:1.3em;}

/* select box 공통 */
.select01 {width:120px; height:26px; text-align:center; font-size:1.1em; border:1px solid #aaa; border-radius:3px}
.select02 {width:130px; height:25px; text-align:left; font-size:1.1em; border:1px solid #aaa; border-radius:3px}
.select03 {width:210px; height:25px; text-align:left; font-size:1.1em; border:1px solid #aaa; border-radius:3px}


/* 로그인 */
.loginPage {background:url(../images/login-pattern.png); min-height:650px; height:100%; position:relative; min-width: 1024px;}
.loginPage .bgCloud {background:url(../images/login-bg-cloud.png) top center no-repeat; width:100%; height:90%; min-height:650px;}
.loginPage .bgSchool {background:url(../images/login-bg-school.png) bottom center no-repeat; width:100%; min-height:650px; height:100%; position:relative;}
.loginPage .loginBox {width: 800px; height:100%; position: absolute; left: 50%; margin-left: -400px;}
.loginPage .loginBox > div.leftImg {position:absolute; width:40%; bottom:12%;}
.loginPage .loginBox > div.rightForm {width:60%; padding-left:40%; margin-top:15%;}
.loginPage .loginBox > div.rightForm h1 {text-align:center; margin-bottom:30px;}
.loginPage .loginForm {padding:25px 30px; border-radius:8px; border:3px solid #67acdc; background:#fff; width:70%; margin:5% auto;}
.loginPage .loginForm p.inputs > * {vertical-align:top;}
.loginPage .loginForm p.inputs input {padding:10px; margin-right:10px; width: 175px; font-size:15px;}
.loginPage .loginForm p.menus {text-align:center;margin-top:20px;}
.loginPage .loginForm p.menus a {padding: 0 2%; color: #B5B5B5; border-left: 1px solid #DCDCDC; white-space:nowrap;}
.loginPage .noticeBox {padding:15px 30px; border-radius:8px; border:1px solid #d2d2d2; background:#fff; background:rgba(255, 255, 255, 0.6); width:70%; margin:5% auto;}
.loginPage .noticeBox ul li {line-height: 25px;}
.loginPage .noticeBox ul li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.loginPage .noticeBox ul li a {display:block; float:left; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.loginPage .noticeBox ul li p {float:right; width:20%; white-space:nowrap;}


.noticeForm {width:350px; height:310px; overflow:hidden;}
.noticeForm .tap {background:#0A548A; padding:10px 10px 0;}
.noticeForm .tap li {float:left;margin-right: -20px;}
.noticeForm .tap li a {display:block; width:140px; height:33px; background:url(../images/login-tap.png) top left no-repeat; position:relative; z-index:10; color:#3289ca;line-height: 33px; text-align: center;}
.noticeForm .tap li.sub a {background:url(../images/login-tap-sub.png) top left no-repeat;}
.noticeForm .tap li.active a {background:url(../images/login-tap-active.png) top left no-repeat; z-index:11; color:#fff;}
.noticeForm .list {padding:15px; display:none;}
.noticeForm .list.tap1 {display:block;}
.noticeForm .list .text {background:#E4E4E4; padding:15px 15px; margin-bottom:15px;height: 110px; overflow: auto;}
.noticeForm .list .text h3 {color:#0a5790; line-height:15px; font-size:13px;margin-bottom:10px; font-weight:bold;}
.noticeForm .list .text p {line-height:17px;}
.noticeForm .list .fileList h3 {padding-left:15px; background: url(../images/login-arrow.png) center left no-repeat; margin:7px 0;}
.noticeForm .list .fileList p {background:#E4E4E4;padding:7px 10px;margin:3px 0;}
.noticeForm .list .fileList a {display:block; color: #B1B1B1; font-size: 11px; height:17px; line-height:17px; background:url(../images/login-file-down.png) center right no-repeat;}























/* 서브페이지 */

/* 상단 네비바 */
div.topNav {width: 100%; min-width:1024px; max-width:1200px; height: 40px; position: fixed; z-index:11; background:#509AD3; background-image: linear-gradient(-90deg, #5DB2F3, #4D93CA);}
div.topNav > * {font-size: 13px; line-height:40px; color:#fff;}
div.topNav .text {margin-left:20px; float:left;}
div.topNav .text a {color:#fff;}
div.topNav .schoolName {margin-right:20px; float:right;}


/* 하단 로고 */
div.leftLogo {text-align: center; padding: 20px 0; background: #434F61;}
div.leftLogo p.symbol {background:url(../images/logo-bg.png) center center no-repeat; background-size:100%; width:50px; height:50px; margin:0 auto;}
div.leftLogo p.symbol img {padding:9px 0;}
div.leftLogo p.text {color: #7C899D; line-height:16px;  margin-top: 10px;}


/* 좌측메뉴 */
div.leftMenu {width: 190px; height: 100%; position:fixed; z-index:10; background: #DEF; border-right: 1px solid #A5C2DE; overflow-y:auto;  }

div.leftMenu .info {margin-top: 40px; color: #5099D3; padding: 17px; border-bottom: 1px solid #A5C2DE;}
div.leftMenu .info p {font-size: 13px; line-height:15px;}
div.leftMenu .info p b {color:#2E4A63;}
div.leftMenu .info .btns {margin-top:10px; border-radius: 3px; background: #519AD3;}
div.leftMenu .info .btns a {display: block; float:left; text-align: center; padding: 10px 0; font-size: 12px; color: #fff; width:50%; box-sizing:border-box; text-shadow: 1px 1px 1px #2876B3;}
div.leftMenu .info .btns a:hover { text-decoration:none;}

div.leftMenu .dashboard {background:#576E80; text-align:center; border-radius:3px; margin-top:10px; padding: 10px 0;}
div.leftMenu .dashboard a {color:#FFF;}

div.leftMenu ul li {padding:0;}
div.leftMenu ul li a {color:#9DADBD; display:block;}

div.leftMenu ul.dep1 {overflow:hidden; border-bottom: 1px solid #A5C2DE;}
div.leftMenu ul.dep1 > li {margin-top:-1px; border-top: 1px solid #A5C2DE;}
div.leftMenu ul.dep1 > li > h3 {line-height:38px; color: #000; font-size:13px; padding:0 17px; background: #C6DAEF; border-bottom: 1px solid #A5C2DE;}
div.leftMenu ul.dep1 > li.active > ul.dep2 > li a {color: #000;}

div.leftMenu ul.dep2 {font-size: 13px; padding:10px 17px;}
div.leftMenu ul.dep2 > li > a {line-height:25px; padding:0;}
div.leftMenu ul.dep2 > li.active > a {color:#2C88D0 !important; font-family:nanumBold; background:url(../images/leftMenu-arrow.png) center right no-repeat;}




/* 컨텐츠 */
div.pageContent {width:100%; min-height: 100%; min-width:1024px; max-width:1200px; position:absolute;background:#FFF;}
div.pageContent .page {margin: 30px 30px 0; margin-left:210px;}
div.pageContent .page > h2 {font-size:22px; font-weight:bold; color: #263244; line-height: 2em; border-bottom: 1px solid #E5E5E5; position:relative;}
div.pageContent .page > h2 > span {text-align: right; font-size: 12px; color: #7B7B7B; position: absolute; top: 6px; right: 0; font-weight: normal;}
div.pageContent .page .tableTitle {line-height:35px; font-size:16px; font-weight: bold; color:#000;}
div.pageContent .page .tableTitle em.nsche_crt_dt {margin-left:6px; font-size:0.9em; letter-spacing:-0.01em; background:#fbe9e9; padding:4px 10px; border-radius:3px; vertical-align:bottom;}

/* div.pageContent .page > h2 > .guide {padding:0 5px;  margin-left: 5px; color: #00599E;} */
div.pageContent .page > h2 > .guide {margin-left: 13px; vertical-align: middle; color: #FFF; font-size:12px; background: #00599E; border: 1px solid #808080; padding:5px 23px; box-shadow: 2px 2px 2px #808080;}
div.pageContent .page > h2 > .guide img {vertical-align:sub;}
div.pageContent .page > span > .guide {margin-left: 13px; vertical-align: middle; color: #FFF; font-size:12px; background: #00599E; border: 1px solid #808080; padding:5px 23px; box-shadow: 2px 2px 2px #808080;}
div.pageContent .page > span > .guide img {vertical-align:sub;}
div.pageContent.wide > div.history-bar {margin: 80px auto -30px;  width: 964px;}
div.pageContent.wide > div.page {margin: 30px auto 0;  width: 964px;}
div.pageContent.wide > div.copyright {padding:0 20px;}
div.pageContent.wide > div.copyright > div {margin: 0 auto;  width: 964px;}
/*.pageContent .tableBtn + .paging {margin-top:-40px;}*/
.pageContent .paging {font-size: 12px; padding: 10px 0 0 0; float: left; text-align: center; }
.pageContent .paging a {padding: 4px 3px; margin: 0 1px; line-height: 15px; color: #C3C3C3;margin: auto;}
.pageContent .paging ul li > * {padding: 4px 7px; margin: 0 2px;}
.pageContent .paging a.active {color: #000; font-weight: bold;}
.pageContent .paging a.arrow {padding:0; margin:0;}
.pageContent .paging a.arrow.left {margin-right:3px;}
.pageContent .paging a.arrow.right {margin-left:3px;}
.pageContent .paging a.arrow img {line-height:20px;}
.pageContent .paging a > * {vertical-align:middle;}

.pageContent tr.pages {}
.pageContent tr.pages td {padding:5px 0; text-align:left; border:none;}
.pageContent tr.pages td a.pageNum {padding: 0 5px; color: #B7B7B7;}
.pageContent tr.pages td a.pageNum.active {color:#000;}

.dashBox .paging {float: none; text-align: center;}

div.history-bar {margin-left: 210px; color: #F2F2F2; font-size: 12px; margin-top: 80px !important; margin-bottom: -30px;}
div.history-bar a {color: #BBB;}
div.history-bar span {padding: 0 5px;}

p.pageComment {margin-bottom:15px; color:#000; font-size:12px; background:#DEF; padding:10px; border:1px solid #A5C2DE; width:calc(100% - 50px);}

/* .disclosure-list {overflow:hidden;margin-top: 70px !important; margin-bottom:-40px !important;}
.disclosure-list .title {padding: 10px 0; font-size: 14px; height:15px; color:#000; letter-spacing: -0.03em; font-weight:bold;}
.disclosure-list .title h3 {float:left;}
.disclosure-list .title p {float:right; margin-left: 30px; padding-left:10px; background:url(../images/list-icon.png) center left no-repeat; font-size:13px;}
.disclosure-list .title b {color:#FF5A67;}
.disclosure-list .title span {color:#FF5A67; padding-left:10px;}
.disclosure-list ul {border:2px solid #FFB3B9; overflow:hidden; width:100%; box-sizing:border-box;}
.disclosure-list ul li {float: left; width: 10%; text-align: center; line-height: 22px; position:relative; white-space:nowrap;}
.disclosure-list ul li a {display:block; width:100%; color:#000; padding: 10px 0; font-weight:bold; border: 1px solid #F0F0F0; border-width: 1px 0 0 1px; margin-top: -1px; font-size:13px; background:url(../images/list-state.png) top left no-repeat;}
.disclosure-list ul li a:hover {background-color: #F4F4F4;}
.disclosure-list ul li a.active {background: #FFE7EA; border-left:#FFE7EA; color: #E0838A;}
.disclosure-list ul li a.active:hover {background: #FFE7EA;}
.disclosure-list ul li.typed a {color:#000; background:url(../images/list-state-finish.png) top left no-repeat;}
.disclosure-list ul li.typed a.active {color: #F24654;}
.disclosure-list ul li.except {background-color:#F4F4F4;}
.disclosure-list ul li.except a {color: #DBDBDB; cursor:default; background:none;}
.disclosure-list ul li.alert a {color:#FF5A67; background:url(../images/list-state-alert.png) top left no-repeat;}
.disclosure-list ul li.finish {height:100%; float: right; z-index: 9; position: relative;}
.disclosure-list ul li.finish a {color: #fff; background: #FF5A67;}
.disclosure-list ul li.finish a:hover {background: #FF5A67;}
.disclosure-list ul li a.active {background-color:#EFEFEF;}

.disclosure-list ul li img.finish {position:absolute; top:3px; right:0px;}
.disclosure-list ul li img.alert {position:absolute; top:3px; right:0px;} */


/* 20190318 수정
.disclosure-list {overflow:hidden;margin-top: 70px !important; margin-bottom:-40px !important;}
.disclosure-list .title {padding: 10px 0; font-size: 14px; height:15px; color:#000; letter-spacing: -0.03em; font-weight:bold;}
.disclosure-list .title h3 {float:left;}
.disclosure-list .title p {float:right; margin-left: 30px; padding-left:10px; background:url(../images/list-icon.png) center left no-repeat; font-size:13px;}
.disclosure-list .title b {color:#FF5A67;}
.disclosure-list .title span {color:#FF5A67; padding-left:10px;}
.disclosure-list ul {border:2px solid #A5C2DE; overflow:hidden; width:100%; box-sizing:border-box;}
.disclosure-list ul li {float: left; width: 10%; text-align: center; line-height: 22px; position:relative; white-space:nowrap;}
.disclosure-list ul li a {display:block; width:100%; color:#BABABA; padding: 10px 0; font-weight:bold; border: 1px solid #F0F0F0; border-width: 1px 0 0 1px; margin-top: -1px; font-size:13px;}
.disclosure-list ul li a:hover {background: #F4F4F4;}
.disclosure-list ul li a.active {background: #FFE7EA; border-left:#FFE7EA; color: #E0838A;}
.disclosure-list ul li a.active:hover {background: #FFE7EA;}
.disclosure-list ul li.typed a {color:#000;}
.disclosure-list ul li.typed a.active {color: #F24654;}
.disclosure-list ul li.except {background:#F4F4F4;}
.disclosure-list ul li.except a {color: #DBDBDB; cursor:default;}
.disclosure-list ul li.finish a {color: #fff; background: #A5C2DE;}
.disclosure-list ul li.finish a:hover {background: #A5C2DE;}

.disclosure-list ul li img.alert {position:absolute; top:3px; right:0;} */



/* 20190318 수정
.disclosure-list {overflow:hidden;margin-top: 70px !important; margin-bottom:-40px !important;}
.disclosure-list .title {padding: 10px 0; font-size: 14px; height:15px; color:#000; letter-spacing: -0.03em; font-weight:bold;}
.disclosure-list .title h3 {float:left;}
.disclosure-list .title p {float:right; margin-left: 30px; padding-left:10px; background:url(../images/list-icon.png) center left no-repeat; font-size:13px;}
.disclosure-list .title b {color:#FF5A67;}
.disclosure-list .title span {color:#FF5A67; padding-left:10px;}
.disclosure-list ul {border:2px solid #A5C2DE; overflow:hidden;}
.disclosure-list ul li {float:left; width: 10%; text-align: center; position:relative;}
.disclosure-list ul li a {width:1%; height:42px; display:table-cell; border-left: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; vertical-align:middle; color:#BABABA; font-weight:bold; font-size:13px;}
.disclosure-list ul li a:hover {background: #F4F4F4;}
.disclosure-list ul li a.active {background: #FFE7EA; border-left:#FFE7EA; color: #E0838A;}
.disclosure-list ul li a.active:hover {background: #FFE7EA;}
.disclosure-list ul li.typed a {color:#000;}
.disclosure-list ul li.typed a.active {color: #F24654;}
.disclosure-list ul li.except {background:#F4F4F4;}
.disclosure-list ul li.except a {color: #DBDBDB; cursor:default;}
.disclosure-list ul li.finish a {color: #fff; background: #A5C2DE;}
.disclosure-list ul li.finish a:hover {background: #A5C2DE;}

.disclosure-list ul li img.alert {position:absolute; top:3px; right:0;}
 */

/* 20190328 수정 */
.disclosure-list {overflow:hidden; margin-top: 70px !important; margin-bottom:-40px !important;}
.disclosure-list .title {padding: 10px 0; font-size: 15px; height:15px; color:#000; letter-spacing: -0.03em; font-weight:bold;}
.disclosure-list .title h3 {float:left;}
.disclosure-list .title p {float:right; margin-left: 30px; padding-left:10px; background:url(../images/list-icon.png) center left no-repeat; font-size:13px;}
.disclosure-list .title b {color:#FF5A67;}
.disclosure-list .title span {color:#FF5A67; padding-left:10px;}
.disclosure-list ul {border:2px solid #363940; background-color:#eeeeee; border-left:1px solid #d7d7d7; border-right:0; box-sizing:border-box; overflow:hidden;}
.disclosure-list ul li {float:left; width: 14.2%; text-align: center; background-color:#fff; position:relative; margin-top:-1px; border-top:1px solid #d7d7d7;}
.disclosure-list ul li:first-child, .disclosure-list ul li:nth-child(7n+1) {width: 14.8%;}
.disclosure-list ul li a {width:1%; height:42px; display:table-cell; border-right: 1px solid #d7d7d7; vertical-align:middle; color:#BABABA; font-weight:bold; font-size:14px;}
.disclosure-list ul li a:hover {background: #F4F4F4;}
.disclosure-list ul li a.active {background: #f15c30; color: #fff !important;}
.disclosure-list ul li a.active:hover {background: #FFE7EA;}
.disclosure-list ul li.typed a {color:#000;}
.disclosure-list ul li.typed a.active {color: #F24654;}
.disclosure-list ul li.except {background:#F4F4F4;}
.disclosure-list ul li.except a {color: #DBDBDB; cursor:default;}
.disclosure-list ul li.finish a {color: #fff; background: #A5C2DE;}
.disclosure-list ul li.finish a:hover {background: #A5C2DE;}

.disclosure-list ul li img.alert {position:absolute; top:3px; right:0;}
/* //20190328 수정 */

.page.searchBox {background: #F3F3F3; padding: 10px 30px; border: 2px solid #E6E6E6; border-radius: 3px;}
.searchBox table {width: 100%;}
.searchBox table tr td {padding: 8px 10px;} 
.searchBox .text {color: #585858; font-size:13px;}
.searchBox select {margin-right: 5px;}
.searchBox input[type="radio"] + label {margin-right:5px;}
.searchBox .button {text-align: right; vertical-align: bottom; padding: 2px 0;}
.searchBox .button a {color: #FFF; line-height: 35px; padding: 7px 20px; font-size: 12px; border-radius: 3px; background:url(../images/btn-bg-black.png); border: 1px solid #8E8E8E;}
.searchBox .button.complex {text-align:center; padding:10px 0;}
.searchBox .button.complex .searchBtn .blue {background-color: #459ADC; color: #FFF; background-image: url(../images/btn-bg-blue.png); border: 1px solid #4C90D6;}

.nowInfo {background:#59bd01; border:1px solid #449100; color:#fff; font-size: 13px; margin-top:70px !important;}
.nowInfo > div {margin: 15px;}
.nowInfo .text {float: left; border-left: 3px solid #B0EE7A; padding-left: 7px;}
.nowInfo .del,
.nowInfo .date,
.nowInfo .end {float:right;}
.nowInfo .date,
.nowInfo .end {border-left: 3px solid #B0EE7A; padding-left: 7px;}
.nowInfo span {color: #F0FF44; padding: 0 4px;}

.dashBox {padding-bottom:40px;}
.dashBox > div {float:left; margin-top:-20px;}
.dashBox > .left {width:75%;}
.dashBox > .right {width:25%;}
.dashBox > .left.first {width:30%;}
.dashBox > .left.second {width:45%;}
.dashBox .box {border:1px solid #d2d2d2; margin-top:20px; box-shadow: 2px 2px 2px #FAFAFA;}
.dashBox .left .box {margin-right: 20px;}
.dashBox .box > .title {padding: 12px 15px; background:#f5f5f5; border-bottom:1px solid #d2d2d2; position:relative;}
.dashBox .box > .title h2 {font-size: 14px; font-weight: bold; color: #000;}
.dashBox .box > .title a {display:block; position:absolute; width:20px; height:20px; top:9px;}
.dashBox .box > .title a.toggle {right:38px;}
.dashBox .box > .title a.more {right:10px;}
.dashBox .box > .banner {padding: 20px 15px; background:#f5f5f5; border-bottom:none; position:relative;}
.dashBox .box > .banner h2 {font-size: 13px; font-weight: bold; color: #000;}
.dashBox .box > .banner a {display:block; position:absolute; width:20px; height:20px; top:17px;}
.dashBox .box > .banner a.go {right:10px;}
.dashBox .content {padding: 20px 20px; display:block; font-size:12px;}
.dashBox .progress > div {float:left;}
.dashBox .progress .left {width:50%; overflow:hidden;}
.dashBox .progress .left ul {margin: -3px 0 -8px 0;background:url(../images/progress-line.png) center left repeat-y; border-right: 1px solid #EFEFEF;}
.dashBox .progress .left ul li {color:#cecece; line-height: 30px;}
.dashBox .progress .left ul li > * {float:left;}
.dashBox .progress .left ul li .title {padding:0 10px; margin-right:10px;}
.dashBox .progress .left ul li .date {font-size: 11px; opacity: 0.5;}
.dashBox .progress .left ul li.active {color:#000;}
.dashBox .progress .left ul li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.dashBox .progress .left ul li .icon {width:25px; height:25px; background:url(../images/progress-icon.png) center center no-repeat; padding: 2px 0;}
.dashBox .progress .left ul li.active .icon {background:url(../images/progress-icon-active.png) center center no-repeat;}
.dashBox .progress .right {width:50%;}
.dashBox .progress .right > * {float:left;}
.dashBox .progress .right .graph {width: 35%; margin: 0 25px;}
.dashBox .progress .right .graph img {width:100%;}
.dashBox .progress .right .table {width:45%; margin-top: 10px;}
@media screen and (max-width:1120px) {
	.dashBox > .left {width: 70%;}
	.dashBox > .right {width:30%;}
	.dashBox .progress .left {width:55%;}
	.dashBox > .left.second {width: 40%;}
	.dashBox .progress .right {width:45%;}
	.dashBox .progress .right .graph {width: 35%; margin: 0 15px; margin-top: 15px;}
.dashBox .progress .right .table {width:50%; margin-top: 10px; font-size:11px;}
}
.dashBox .content .searching {margin-bottom:10px;}
.dashBox .content .searching > * {float:left; margin-right:5px;}
.dashBox .content .searching input {width:40%;}
.dashBox .content table {width:100%; border-top:2px solid #d5d5d5;}
.dashBox .content table th {background:#fafafa; font-weight:bold;}
.dashBox .content table th,
.dashBox .content table td {padding: 12px 10px; border-bottom:1px solid #e3e3e3;}
.dashBox .content table.horizon th,
.dashBox .content table.horizon td {text-align:center; padding:12px 0;}
.dashBox .content .notice li {white-space:nowrap; width:100%; overflow:hidden; text-overflow: ellipsis; line-height: 22px;}
.dashBox .content .etcWork {overflow:hidden; margin: -15px 0;}
.dashBox .content .etcWork ul {margin-top:-1px;}
.dashBox .content .etcWork li {position:relative; background:url(../images/etcWork-arrow.png) center right no-repeat; border-top: 1px solid #E7E7E7; padding: 15px 0;}
.dashBox .content .etcWork li a > * {vertical-align:middle;}
.dashBox .content .etcWork li a img {width: 24%;}
.dashBox .content .etcWork li b {padding-left: 5px;}
@media screen and (max-width:1120px) {
	.dashBox .content .etcWork li a img {width: 18%;}
	.dashBox .content .etcWork li b {padding-left: 5px;}
}
.dashBox .content .etcWork li span {font-size: 20px; font-weight: bold; position:absolute;top:50%; right: 25px; margin-top: -10px; text-align:right;}
@media screen and (max-width:1120px) {
	.dashBox .content .etcWork li span {font-size: 17px;  margin-top: -9px;  right: 20px;}
}
.dashBox .content .etcWork li.num1 span {color:#459adc;}
.dashBox .content .etcWork li.num2 span {color:#59bd01;}

.dashBox .content .progressStatus fieldset {border-top: 1px solid #E0E0E0; margin-top: 10px;}
.dashBox .content .progressStatus legend {font-size:14px; color: #000; font-weight:bold; padding-right: 10px;}
.dashBox .content .progressStatus ul {padding:20px 0;}
.dashBox .content .progressStatus ul li {float:left; width:20%; text-align:center; position:relative;}
.dashBox .content .progressStatus ul li span {display:none;}
.dashBox .content .progressStatus .active span {display:inline;}
.dashBox .content .progressStatus .active p.text {color:#0084ff; font-weight:bold;}
.dashBox .num2 .content .progressStatus .active p.text {color:#ff7800;}
.dashBox .content .progressStatus .done p.text {color:#7f7f7f;}
.dashBox .content .progressStatus p.text {margin-top:5px; color:#bcbcbc;}
.dashBox .content .progressStatus p.arrow {position:absolute; top:20px; right:-5px;}


.dashBox .content .inputStatus table {border:none; text-align:center;}
.dashBox .content .inputStatus td {border:none; padding:6px 0;}
.dashBox .content .inputStatus ul {margin-top:27px;}
.dashBox .content .inputStatus ul li {line-height:20px; margin:10px 0;}
.dashBox .content .inputStatus ul li:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.dashBox .content .inputStatus ul li > * {float:left; width:50%; white-space:nowrap;}
.dashBox .content .inputStatus.keris ul li > p {width:20%;}
.dashBox .content .inputStatus.keris ul li > div {width:80%;}
.dashBox .content .monitor .inputStatus ul li > p {width:30%;}
.dashBox .content .monitor .inputStatus ul li > div {width:70%;}
.dashBox .content .inputStatus .progress-bar {position:relative; text-align:center; background:#eaeaea;}
.dashBox .content .inputStatus .progress-bar > span {position:relative; z-index:4;}
.dashBox .content .inputStatus .progress-bar > p {position:absolute; top:0; left:0; height: 100%;} 
.dashBox .content .inputStatus .progress-bar > p.bar1 {background:#59bd01; z-index:3;}
.dashBox .content .inputStatus .progress-bar > p.bar2 {background:#d4d4d4; z-index:2;}

@media screen and (max-width:1120px) {
.dashBox .content .monitor .inputStatus ul li > p {width:50%;}
.dashBox .content .monitor .inputStatus ul li > div {width:50%;}
}


.dashBox .content .monitor td {line-height: 20px; padding: 10px 20px;}


/* 대시보드 */ /* 작업완료후 dashSample 클래스 삭제 */
.dashSample .termInfo {border:2px solid #adcae6; border-radius:3px; padding:20px 0 20px 30px; box-sizing:border-box; background:#fff; position:relative;}
.dashSample .termInfo > div {height: 70px;}

.dashSample .termInfo .period {float:left; position: relative;}
.dashSample .termInfo .period {font-size:20px; color:#000;}
.dashSample .termInfo .period h3 {font-size: 18px; line-height: 30px; margin-top: -5px;}
.dashSample .termInfo .period p {font-size: 22px; line-height: 24px; color:#2b80b8;}
.dashSample .termInfo p.comment {font-size: 13px; color: #808080; position: absolute; left: 0; bottom: 0; white-space: nowrap; margin: 0; margin-bottom: -6px;}

.dashSample .termInfo .date {float:right;}
.dashSample .termInfo .date > div {float:left; margin:4px 10px;}
.dashSample .termInfo .date > div h4 {line-height:40px; font-size:13px;}
.dashSample .termInfo .date > div h4 .arrow {padding:0 5px;}
.dashSample .termInfo .date > div h4 .start {color:#000;}
.dashSample .termInfo .date > div h4 .deadline {color:#2b80b8;}
.dashSample .termInfo .date > div h4 .remain {color:#2b80b8;}
.dashSample .termInfo .date > div p {line-height:30px;}
.dashSample .termInfo .date > div p b {color:#d2d2d2; padding-left: 3px;}
.dashSample .termInfo .date .term {text-align:center; height:65px; background:url(../images/period-date.png) top center no-repeat; width:190px;}
.dashSample .termInfo .date .dDay {text-align:center; height:65px; width:80px; margin-right: 30px;}
.dashSample .termInfo .date .dDay .graphBox {position:relative; height:40px;}
.dashSample .termInfo .date .dDay .graphTotal {position:absolute; top:0px; left:0; text-align:center; color:#000; z-index:20; line-height:40px;}
.dashSample .termInfo .date .dDay .graphImg {position:absolute; top:0px; left:0;}

.dashSample .termInfo .shortcut {float:right; width: 30%; border-left:1px solid #ededed; text-align:center; padding: 0 4px; box-sizing: border-box;}
.dashSample.kinder .termInfo .shortcut {width:29%;}
.dashSample .termInfo .shortcut a {display:block; padding: 0 0%;}
.dashSample .termInfo .shortcut .case {float:left; width:33%; box-sizing: border-box; padding: 0 0%; letter-spacing: -2px;}
.dashSample .termInfo .shortcut .kindercase {float:left; width:50%; box-sizing: border-box; padding: 0 0%;}
.dashSample .termInfo .shortcut .case a {color:#a2a2a2; line-height: 25px; white-space: nowrap;}
.dashSample .termInfo .shortcut .case p {color:#000; font-family:nanum; font-size:18px; line-height: 35px;}
.dashSample .termInfo .shortcut .case b {font-size:25px;}
.dashSample .termInfo .shortcut .keriscase {float:left; width:50%; box-sizing: border-box; padding: 0 3%;}
.dashSample .termInfo .shortcut .keriscase a {color:#a2a2a2; line-height: 25px; white-space: nowrap;}
.dashSample .termInfo .shortcut .keriscase p {color:#000; font-family:nanum; font-size:18px; line-height: 35px;}
.dashSample .termInfo .shortcut .keriscase b {font-size:37px;}
.dashSample .termInfo .shortcut .kindercase a {color:#a2a2a2; line-height: 25px; white-space: nowrap;}
.dashSample .termInfo .shortcut .kindercase p {color:#000; font-family:nanum; font-size:18px; line-height: 35px;}
.dashSample .termInfo .shortcut .kindercase b {font-size:25px;}
@media screen and (max-width:1120px) {
	.dashSample .termInfo {padding: 20px 0 70px 30px;}
	.dashSample.kinder .termInfo {padding: 20px 0 115px 30px;}
	.dashSample .termInfo .shortcut {position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; padding:0; border: none; border-top: 1px solid #ededed; background: #F9F9F9;}
	.dashSample.kinder .termInfo .shortcut {width:100%; height: 91px; padding: 10px 0;}
	.dashSample .termInfo .shortcut .case {padding: 5px 10%; border-right: 1px solid #E4E4E4;}
	.dashSample .termInfo .shortcut .case + div {border:none;}
	.dashSample .termInfo .shortcut .case a {float: left; margin-top: 5px; background: #2B80BC; border-radius: 3px; color: #FFF; padding: 1px 10px; margin-right: 15px;}
	.dashSample .termInfo .shortcut .case p {float: left;}
	.dashSample .termInfo .shortcut .case b {font-size:30px;}
}

.dashSample .dashBoxes .box {border:1px solid #E3E9EF; border-radius:3px; margin-bottom:30px; padding:25px; width: 48%; box-sizing:border-box; background:#fff; position:relative;}
.dashSample .dashBoxes .box.wide {float:none; width:100%;}
.dashSample .dashBoxes .box .subBox {width:50%; box-sizing:border-box;}
.dashSample .dashBoxes .box .subBox.left {float:left; border-right:1px solid #dadada;}
.dashSample .dashBoxes .box .subBox.right {float:right; padding-left:30px;}
.dashSample .dashBoxes .box .subBox .title {text-align:center; margin-top: 10px; color:#000;}
.dashSample .dashBoxes .box .subBox.left .title {padding-right:20px;}
.dashSample .dashBoxes .box .subBox.right .title {padding-left:20px;}
.dashSample .dashBoxes .box.left {float:left;}
.dashSample .dashBoxes .box.right {float:right;}
.dashSample .dashBoxes .box h3 {font-size:15px; color:#000; margin-bottom: 15px;}
.dashSample .dashBoxes .box h3 b {font-size:12px; color:#d2d2d2; padding-left: 10px; margin-left: 10px; border-left: 1px solid #d2d2d2;}
.dashSample .dashBoxes .box p.unit {position: absolute;right: 25px;top: 30px; font-size: 12px; color: #A5A5A5;}
.dashSample .dashBoxes .box table {width:100%; border-top:1px solid #e8e8e8;}
.dashSample .dashBoxes .box table.vertical {}
.dashSample .dashBoxes .box table tr th {background:#f4f4f4; padding:10px 0; text-align:center;border-bottom:1px solid #e8e8e8; color:#000; line-height: 15px;}
.dashSample .dashBoxes .box table tr td {padding:10px 10px; border-bottom:1px solid #e8e8e8; line-height: 15px;}
.dashSample .dashBoxes .box table tr td a {color:#000;}
.dashSample .dashBoxes .box table tr td.noneCase a {color:#DADADA;}
.dashSample .dashBoxes .box table.horizon tr th {padding:8px 0;}
.dashSample .dashBoxes .box table.horizon tr td {text-align:center;}
.dashSample .dashBoxes .box table.horizon tr td.alignL {text-align:left;}


.graph1 {padding:15px 0; padding-right:30px;}
.graph1 .graphName {padding: 0 8%;}
.graph1 .graphName ul li {float:left; text-align:center; width:20%; border-bottom: 2px solid #D0D0D0; color:#D0D0D0; line-height: 15px; padding: 10px 0;}
.graph1 .graphName ul li.done {color:#397EB3; border-bottom: 2px solid #397EB3;}
.graph1 .graphName ul li.now {color:#57A5E4; border-bottom: 2px solid #57A5E4;}
.graph1 .graphDate ul li {float:left; text-align:center; width:16.66%; color:#D0D0D0;}
.graph1 .graphDate li p.icon {background:url(../images/graph1-icon.png) center center no-repeat; height:15px; margin-top:-8px;}
.graph1 .graphDate li.done {color:#397EB3;}
.graph1 .graphDate li.done p.icon {background:url(../images/graph1-icon-done.png) center center no-repeat;}
.graph1 .graphDate li.start,
.graph1 .graphDate li.end {color:#57A5E4}
.graph1 .graphDate li.start p.icon,
.graph1 .graphDate li.end p.icon {background:url(../images/graph1-icon-now.png) center center no-repeat;}
.graph1 .graphDate li p.date {line-height:25px;}

.graph2 {position:relative;}
.graph2 .graphImg {position:absolute; top:0; left:0; margin:10px 0;}
.graph2 .graphNum h4 {font-size:24px; color:#000; font-family:nanum; text-align:right; border-bottom:1px solid #e5e5e5; padding-bottom:5px;margin-left:10%;}
.graph2 .graphNum h4 label {font-size:14px; color:#a2a2a2; font-family:nanumBold; padding-right:10px;}
.graph2 .graphNum h4 b {font-size:32px;}
.graph2 .graphNum ul {padding-left:25%;}
.graph2 .graphNum ul li {float:left; text-align:center; width:20%; padding:5px 0;}
.graph2 .graphNum ul li.num1 p,
.graph2 .graphNum ul li.num1 a,
.graph2 .graphNum ul li.num1 a:visited,
.graph2 .graphNum ul li.num1 a:focus {color:#4ca5e3;}
.graph2 .graphNum ul li.num2 p,
.graph2 .graphNum ul li.num2 a,
.graph2 .graphNum ul li.num2 a:visited,
.graph2 .graphNum ul li.num2 a:focus {color:#5d5dc8;}
.graph2 .graphNum ul li.num3 p,
.graph2 .graphNum ul li.num3 a,
.graph2 .graphNum ul li.num3 a:visited,
.graph2 .graphNum ul li.num3 a:focus {color:#a55fcd;}
.graph2 .graphNum ul li.num4 p,
.graph2 .graphNum ul li.num4 a,
.graph2 .graphNum ul li.num4 a:visited,
.graph2 .graphNum ul li.num4 a:focus {color:#989898;}
.graph2 .graphNum ul li.num5 p,
.graph2 .graphNum ul li.num5 a,
.graph2 .graphNum ul li.num5 a:visited,
.graph2 .graphNum ul li.num5 a:focus {color:#000;}
.graph2 .graphNum ul li p.case {font-size:14px; font-family:nanum; padding:5px 0;}
.graph2 .graphNum ul li p.case b {font-size:20px; letter-spacing:-0.05em;}
.graph2 .graphNum ul li p.name {line-height:20px; line-height: 15px;}

.graph3 {position:relative; padding: 5px 0;}
.graph3 .graphImg {position:absolute; top:0; left:0;}
.graph3 .graphNum ul {padding-left:55%;}
.graph3 .graphNum ul li {line-height:20px; white-space:nowrap;}
.graph3 .graphNum ul li.num1,
.graph3 .graphNum ul li.num1 a {color:#4ca5e3;}
.graph3 .graphNum ul li.num1 a span{float: right; margin-right: 10px;}
.graph3 .graphNum ul li.num2,
.graph3 .graphNum ul li.num2 a {color:#5d5dc8;}
.graph3 .graphNum ul li.num2 a span{float: right; margin-right: 10px;}
.graph3 .graphNum ul li.num3,
.graph3 .graphNum ul li.num3 a {color:#a55fcd;}
.graph3 .graphNum ul li.num3 a span{float: right; margin-right: 10px;}
.graph3 .graphNum ul li.num4,
.graph3 .graphNum ul li.num4 a {color:#989898;}
.graph3 .graphNum ul li.num4 a span{float: right; margin-right: 10px;}
.graph3 .graphTotal {position:absolute; top:27px; left:0; text-align:center; color:#000; z-index:20; line-height:15px;}
.graph3 .graphTotal p {font-size:15px;}

.graph4 {position:relative; padding: 5px 0;}
.graph4 .graphImg {position:absolute; top:0; left:0;}
.graph4 .graphNum ul {padding-left:45%;}
.graph4 .graphNum ul li {line-height:20px; white-space:nowrap;}
.graph4 .graphNum ul li.num1 {color:#4ca5e3;}
.graph4 .graphNum ul li.num2 {color:#5d5dc8;}
.graph4 .graphNum ul li.num3 {color:#a55fcd;}
.graph4 .graphNum ul li.num4 {color:#989898;}

.graph6 .graphLabels ul {padding-left:9%; margin:0 10px;}
.graph6 .graphLabels ul li {float:left; width:20%; text-align:center;}
.graph7 .graphLabels ul {padding-left:9%; margin:0 10px;}
.graph7 .graphLabels ul li {float:left; width:20%; text-align:center;}		
		
table.jqplot-table-legend {width:auto !important; border:none !important; font-family:nanum;}
table.jqplot-table-legend td {border:none !important; padding:0 5px !important; font-size:11px;}
.jqplot-table-legend-swatch-outline {border:none !important;}



h2 + .tableBox,
h2 + form > .tableBox {margin-top:40px;}
h2 + form + form > .tableBox {margin-top:40px;}
.tableBox {margin-bottom: 50px;}
.tableBox:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.tableBox .label {position:relative;}
.tableBox .label > * {vertical-align: middle;}
.tableBox .label .tableTitle {line-height:25px; font-size:16px; font-weight: bold; color:#000;}
.tableBox .label .tableTitlePop {line-height:25px; font-size:14px; font-weight: normal; color:#000;}
.tableBox .label .tableTitle > b {font-size:12px; letter-spacing:-0.08em; color:#A6A6A6;}
.tableBox.file {margin-top:-40px;}
.tableBox.file .label .tableTitle {background:none; padding:0;font-size: 1.1em; color: #919191;}
.tableBox .label .tableInfo {padding-left:15px;}
.tableBox .label .tableInfo label {color: #000 !important;}
.tableBox .label .right {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBox .label .summary {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBox .label .result {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBox .label .result b {font-weight:bold;}
.tableBox .label span.copy {position:absolute; right:0; bottom: 5px;}
.tableBox .label span.copy > * {vertical-align:middle;}
.tableBox .label span.copy select {margin-right:5px;}
.tableBox .label i {padding-left:20px; color: #C3C3C3;}
.tableInfo input[type=checkbox] {margin-left: 10px;}

.tableBox .component {border: 1px solid #DBDBDB; background: #F4F4F4; padding: 15px 20px; margin-bottom:10px;font-size: 12px;}
.tableBox .component .label h4 {font-size:14px; line-height:25px;}
.tableBox .component .label p {font-size:11px; line-height:18px; color: #B8B8B8;}
.tableBox .component .fileList {border: 1px solid #DBDBDB; background: #FFF; width:100%; min-height:30px;position:relative;}
.tableBox .component .fileList ul li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:35px; line-height:35px; position:relative; padding: 0 35px 0 10px;border-bottom: 1px solid #E8E8E8;}
.tableBox .component .fileList ul li.noFile {text-align:center; border:none; background: #F9F9F9; height: 50px; line-height: 50px; padding:0;}
.tableBox .component .fileList ul li > * {vertical-align:middle;}
.tableBox .component .fileList ul li > img {padding-right:5px;}
.tableBox .component .fileList ul li > span {}
.tableBox .component .fileList ul li a {position: absolute; right:0; padding:0 15px;}
.tableBox .component .fileList ul li a.addFile {position:relative;padding: 7px 20px; background-color: #A7A7A7; color: #FFF;}
.tableBox .component .fileList ul li a.addFile > * {vertical-align:middle;}
.tableBox .component .trans {line-height:30px; float:left;}
.tableBox .component .comment {line-height: 20px; color: #B2B2B2; font-size:11px; letter-spacing:-0.07em;}
.tableBox .component .button {float:right; margin-top:10px;}
.tableBox .component .button a {display: block; float: left; height: 20px; padding: 4px 20px; margin-left: 5px; text-align: center; line-height: 20px; color: #FFF; background: #ABABAB; border: 1px solid #969696; position:relative;}
.tableBox .component .button a.addFile {background: #459ADC; border: 1px solid #3387C8;}
.tableBox .component .button a.addFile:focus {outline:0;}
.tableBox .component  a.addFile input {position:absolute; top:0; left:0; padding:0 !important; width:99%;height:24px; opacity:0; filter:"alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.tableBox .component .button a.upload {background: #459ADC; border: 1px solid #3387C8;}
.tableBox .component .button a > * {vertical-align: middle;}
.tableBox .component .button a > img {padding-right:2px;}

/* 검토제출 입력근거자료 thead 색변경 요청 2024년 2차(10월) 정보공시 대비 수정 요청_김소영*/
.tableBoxInputBase table thead th {background:#e8e8e8;}
.tableBoxInputBase table thead {border:2px solid #c9c5c5; border-width:2px 0;}

.tableBox table {width:100%; table-layout:fixed; color:#000;}
.tableBox table input+label {margin-right:5px;/*  letter-spacing:-0.08em; font-size:1.1em; */}
.tableBox table thead {border:2px solid #adcae6; border-width:2px 0;}
.tableBox table thead th,
.tableBox table tbody th,
.tableBox table tbody td {border: 1px solid #CEDAE2; padding: 8px 5px; line-height: 20px; text-align: center;}/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.tableBox table tbody td.alert {color:#CD0909;}
.tableBox table tbody td.alignL {text-align:left;}
.tableBox table thead th {background:#E4EEF5;}
.tableBox table tbody th {background: #F5FBFF;}
.tableBox table thead td {padding: 10px 10px;}
.tableBox table tbody td a {color:#5879CC;}
.tableBox table tbody td a.point {color:#4F5087; font-weight:bold;}
.tableBox table tr th {font-weight:bold;}
/*.tableBox table tr td.overflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/
.tableBox table tr th img,
.tableBox table tr td img {vertical-align:middle;}
.tableBox table tr td > input[type=text] {width:65%; text-align: right; font-size: 1em;}
.tableBox table tr td > input[type=text].text {width: 90%; text-align: left;}
.tableBox table tr td > input:disabled {color: #201e1e;}
.tableBox table tr td > input+span {padding-left: 4px;}
.tableBox table tr td > img {padding-right:5px;}

.tableBox table tr.total {border-top: 2px solid #ADCAE6;}
.tableBox table tr.total th {background: #9DBFDB; color: #FFF; font-weight:bold;}
.tableBox table tr.total td {font-weight:bold;}
.tableBox.sub table tr.total {border-top: 2px solid #C3C3C3;}
.tableBox.sub table tr.total th {background: #B5B5B5;}

.tableBox table.horizon tbody {border:2px solid #adcae6; border-width:2px 0;}
.tableBox table.horizon tbody th {border: 1px solid #CEDAE2; padding: 10px 10px;   line-height: 20px;  text-align: center;/*  background:#E9F2FA; */}
.tableBox table.horizon tbody td {text-align:left;}

.tableBox table tr td a.button {padding: 4px 8px;font-size: 11px; white-space: nowrap; background: #D9E1E8; border: 1px solid #C8D1DA; border-radius: 3px; line-height: 23px;}
.tableBox table tr th a.add.btn {display: block; background-color: #6E8496; border: 1px solid #4C5A65; padding: 3px 3px; width: 80%; margin: 5px auto; color: #FFF; border-radius: 3px; font-size: 11px;}
.tableBox table tr th a.add.btn img {padding-left:5px;}


.fixedTbl {width: 100%; -ms-overflow-x: auto; overflow-x: auto; -ms-overflow-y: hidden; overflow-y: hidden;}
.fixedTbl table {width:auto; min-width:100%; white-space:nowrap;}
.tableBox .fixedTbl table thead th,
.tableBox .fixedTbl table tbody th,
.tableBox .fixedTbl table tbody td {padding:8px 10px;}

.scrollTbl {width: 100%; -ms-overflow-x: auto; overflow-x: auto; -ms-overflow-y: hidden; overflow-y: hidden;}
.scrollTbl table {width:auto; min-width:100%; white-space:nowrap;}
.tableBox .scrollTbl table thead th,
.tableBox .scrollTbl table tbody th,
.tableBox .scrollTbl table tbody td {padding:8px 10px;}
.tableBox .label .scrollMove { position: absolute;  right: 78%;  margin-right: -520px; width: 120px;}


.tableBox a.tblBtn {border:1px solid #A5C2DE; background:#fff; padding:3px; height:20px; line-height:20px; vertical-align:middle; white-space:nowrap; font-size:11px; color:#6E8496; cursor:pointer;}
.tableBox a.tblBtn:hover {text-decoration:none;}

.tableBox.sub .label .summary {color: #808080;}
.tableBox.sub table.horizon tbody,
.tableBox.sub table thead {border:2px solid #CDCDCD; border-width:2px 0;}
.tableBox.sub table.horizon th,
.tableBox.sub table th {background:#f0f0f0;}
.tableBox.sub table tbody th {background: #F9F9F9;}
.tableBox.sub table tbody th,
.tableBox.sub table thead th,
.tableBox.sub table tbody td {border: 1px solid #d8d8d8;}

.preData table tbody th, 
.preData table tbody td {padding:7px 10px !important;}

.writers {text-align: center; background: #F7F7F7; border: 1px solid #E4E4E4; padding: 10px 0; font-size: 12px; font-weight: bold; margin-bottom: 30px;}
.writers input {background: #FFF; font-size: 12px; padding: 5px; width: 100px; margin-right: 20px;}

/* 이전공시조회 */
div.preData {display:none; padding: 30px 40px 40px; border: 5px solid #F0F0F0; margin-top: -40px;}

.tableBox div.tableBtn {margin-top:10px; height: 30px; float: right; position:relative;}
.tableBox div.tableBtn:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.tableBox div.tableBtn > div {float: left; background: #fff; border: 1px solid #D4D4D4; font-weight: normal; padding:0; font-size: 11px; line-height:16px; margin-right: 10px; height:28px;}
.tableBox div.tableBtn label {float: left; padding:6px 10px; background: #EFEFEF;}
.tableBox div.tableBtn input {float: left; padding:6px 10px; margin:1px 0;width: 50px; border:none; font-size:11px;}
.tableBox div.tableBtn a.minBtn {margin-left: 5px; padding: 6px 10px; background: #D9E1E8; border: 1px solid #C8D1DA; font-size: 12px; float: right; display: block; line-height: 17px; height: 16px; border-radius: 3px; }
.tableBox div.tableBtn a.minBtn.alert {background: #C85E5E; border:1px solid #B82F2F; color:#fff;}
.tableBox div.tableBtn a.minBtn.blue {background: #57A1DC; border: 1px solid #919192;color:#fff;}
.tableBox div.tableBtn a.preSearch {padding-right: 30px; background:url(../images/btn-arrow-down.png) center right no-repeat; background-color: #459ADC; color: #FFFFFF;}
.tableBox div.tableBtn a.preSearch.open {padding-right: 30px; background:url(../images/btn-arrow-up.png) center right no-repeat; background-color: #459ADC; color: #FFFFFF;}
.tableBox table td a.minBtn {background: #919191; border: 1px solid #808080; padding:5px 10px; }
/* .tableBox table td a.minBtn.download {display: block; margin: 5px auto 0; width: 50%; padding: 2px 10px; background: #DADADA; border: 1px solid #CBCBCB;} */

/* 유치원 배너 HTML 복사하기 기능 */
.tableBox .listTable {border:1px solid #E8E8E8; padding:30px;}
.tableBox .listTable .tableTitle {line-height: 25px; font-size: 12px; font-weight: bold; background: #55A2DE; color: #FFF; padding: 7px 10px;}
.tableBox .listTable ul li {padding:15px 0;}
.tableBox .listTable ul li b {color: #57A7E4; font-size: 15px;}
.tableBox .listTable ul li a.minBtn {color: #FFF; background: #B3B3B3; border: 1px solid #9A9A9A;}

/* 인증서 안내 페이지 */
.tableBox dl.comment {margin-top:10px;}
.tableBox dl.comment dd {font-size:12px; border: 1px solid #D2D2D2; padding: 10px 20px; line-height: 25px; margin-top:-5px;}
.tableBox dl.alert {margin-top:10px;}
.tableBox dl.alert dd {font-size:11px; color: #ABABAB; border: 1px solid #D2D2D2; padding: 10px 20px; line-height: 20px; margin-top:-5px;}
.tableBox dl.alert dd b {color:#55A2DE;}
.tableBox dl.download,
.tableBox dl.tableList {margin-top:30px;}
.tableBox dl.download dt,
.tableBox dl.tableList dt {line-height:25px; margin-bottom:3px;}
.tableBox dl.download dt b,
.tableBox dl.tableList dt b {color:#529CD6; font-size:13px;}
.tableBox dl.download a.minBtn {color: #FFF; background: #B3B3B3; border: 1px solid #9A9A9A;}



/* 테이블 버튼 팝업 */
.tableBox div.tableBtn > div.btnPopup {display:none; position:absolute; right:0; bottom:0; margin:0; margin-bottom:40px; height:auto; padding:15px; font-size:12px;    border: 2px solid #adcae6;}
.tableBox div.btnPopup table {width:auto;}
.tableBox div.btnPopup table th {white-space:nowrap; padding: 3px 10px;}
.tableBox div.btnPopup table td {white-space:nowrap; padding: 3px 5px;}
.tableBox div.btnPopup input,
.tableBox div.btnPopup label {width:auto; float:none; background:none; padding: 3px 5px;}
.tableBox div.btnPopup label {padding:0; margin:0;}
.tableBox p.setBasePeriod {margin-top:5px;}
.tableBox div.btnPopupBtn {border-top: 1px solid #eaecec; margin-top: 10px; padding-top: 10px; text-align:right;}
.tableBox div.btnPopupBtn a {border: 1px solid #adcae6; background: #e4eef5; padding: 3px 8px; border-radius: 3px;}

/* / */
h2 + .tableBox,
h2 + form > .tableBox {margin-top:40px;}
h2 + form + form > .tableBox {margin-top:40px;}
.tableBoxInputBase {margin-bottom: 50px;}
.tableBoxInputBase:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.tableBoxInputBase .label {position:relative;}
.tableBoxInputBase .label > * {vertical-align: middle;}
.tableBoxInputBase .label .tableTitle {line-height:25px; font-size:16px; font-weight: bold; color:#000;}
.tableBoxInputBase .label .tableTitlePop {line-height:25px; font-size:14px; font-weight: normal; color:#000;}
.tableBoxInputBase .label .tableTitle > b {font-size:12px; letter-spacing:-0.08em; color:#A6A6A6;}
.tableBoxInputBase.file {margin-top:-40px;}
.tableBoxInputBase.file .label .tableTitle {background:none; padding:0;font-size: 1.1em; color: #919191;}
.tableBoxInputBase .label .tableInfo {padding-left:15px;}
.tableBoxInputBase .label .tableInfo label {color: #000 !important;}
.tableBoxInputBase .label .right {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBoxInputBase .label .summary {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBoxInputBase .label .result {position:absolute; right:0; bottom: 3px; line-height: 1.5em; font-size: 12px; color: #ABABAB;}
.tableBoxInputBase .label .result b {font-weight:bold;}
.tableBoxInputBase .label span.copy {position:absolute; right:0; bottom: 5px;}
.tableBoxInputBase .label span.copy > * {vertical-align:middle;}
.tableBoxInputBase .label span.copy select {margin-right:5px;}
.tableBoxInputBase .label i {padding-left:20px; color: #C3C3C3;}
.tableInfo input[type=checkbox] {margin-left: 10px;}

.tableBoxInputBase .component {border: 1px solid #DBDBDB; background: #F4F4F4; padding: 15px 20px; margin-bottom:10px;font-size: 12px;}
.tableBoxInputBase .component .label h4 {font-size:14px; line-height:25px;}
.tableBoxInputBase .component .label p {font-size:11px; line-height:18px; color: #B8B8B8;}
.tableBoxInputBase .component .fileList {border: 1px solid #DBDBDB; background: #FFF; width:100%; min-height:30px;position:relative;}
.tableBoxInputBase .component .fileList ul li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:35px; line-height:35px; position:relative; padding: 0 35px 0 10px;border-bottom: 1px solid #E8E8E8;}
.tableBoxInputBase .component .fileList ul li.noFile {text-align:center; border:none; background: #F9F9F9; height: 50px; line-height: 50px; padding:0;}
.tableBoxInputBase .component .fileList ul li > * {vertical-align:middle;}
.tableBoxInputBase .component .fileList ul li > img {padding-right:5px;}
.tableBoxInputBase .component .fileList ul li > span {}
.tableBoxInputBase .component .fileList ul li a {position: absolute; right:0; padding:0 15px;}
.tableBoxInputBase .component .fileList ul li a.addFile {position:relative;padding: 7px 20px; background-color: #A7A7A7; color: #FFF;}
.tableBoxInputBase .component .fileList ul li a.addFile > * {vertical-align:middle;}
.tableBoxInputBase .component .trans {line-height:30px; float:left;}
.tableBoxInputBase .component .comment {line-height: 20px; color: #B2B2B2; font-size:11px; letter-spacing:-0.07em;}
.tableBoxInputBase .component .button {float:right; margin-top:10px;}
.tableBoxInputBase .component .button a {display: block; float: left; height: 20px; padding: 4px 20px; margin-left: 5px; text-align: center; line-height: 20px; color: #FFF; background: #ABABAB; border: 1px solid #969696; position:relative;}
.tableBoxInputBase .component .button a.addFile {background: #459ADC; border: 1px solid #3387C8;}
.tableBoxInputBase .component .button a.addFile:focus {outline:0;}
.tableBoxInputBase .component  a.addFile input {position:absolute; top:0; left:0; padding:0 !important; width:99%;height:24px; opacity:0; filter:"alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.tableBoxInputBase .component .button a.upload {background: #459ADC; border: 1px solid #3387C8;}
.tableBoxInputBase .component .button a > * {vertical-align: middle;}
.tableBoxInputBase .component .button a > img {padding-right:2px;}

.tableBoxInputBase table {width:100%; table-layout:fixed; color:#000;}
.tableBoxInputBase table input+label {margin-right:5px;/*  letter-spacing:-0.08em; font-size:1.1em; */}
.tableBoxInputBase table thead {border:2px solid #adcae6; border-width:2px 0;}
.tableBoxInputBase table thead th,
.tableBoxInputBase table tbody th,
.tableBoxInputBase table tbody td {border: 1px solid #c9c5c5; padding: 8px 5px; line-height: 20px; text-align: center;}/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.tableBoxInputBase table tbody td.alert {color:#CD0909;}
.tableBoxInputBase table tbody td.alignL {text-align:left;}
.tableBoxInputBase table thead th {background:#e8e8e8;}
.tableBoxInputBase table tbody th {background: #F5FBFF;}
.tableBoxInputBase table thead td {padding: 10px 10px;}
.tableBoxInputBase table tbody td a {color:#5879CC;}
.tableBoxInputBase table tbody td a.point {color:#4F5087; font-weight:bold;}
.tableBoxInputBase table tr th {font-weight:bold;}
/*.tableBox table tr td.overflow {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/
.tableBoxInputBase table tr th img,
.tableBoxInputBase table tr td img {vertical-align:middle;}
.tableBoxInputBase table tr td > input[type=text] {width:65%; text-align: right; font-size: 1em;}
.tableBoxInputBase table tr td > input[type=text].text {width: 90%; text-align: left;}
.tableBoxInputBase table tr td > input:disabled {color: #A0A0A0;}
.tableBoxInputBase table tr td > input+span {padding-left: 4px;}
.tableBoxInputBase table tr td > img {padding-right:5px;}

.tableBoxInputBase table tr.total {border-top: 2px solid #ADCAE6;}
.tableBoxInputBase table tr.total th {background: #9DBFDB; color: #FFF; font-weight:bold;}
.tableBoxInputBase table tr.total td {font-weight:bold;}
.tableBoxInputBase.sub table tr.total {border-top: 2px solid #C3C3C3;}
.tableBoxInputBase.sub table tr.total th {background: #B5B5B5;}

.tableBoxInputBase table.horizon tbody {border:2px solid #adcae6; border-width:2px 0;}
.tableBoxInputBase table.horizon tbody th {border: 1px solid #CEDAE2; padding: 10px 10px;   line-height: 20px;  text-align: center;/*  background:#E9F2FA; */}
.tableBoxInputBase table.horizon tbody td {text-align:left;}

.tableBoxInputBase table tr td a.button {padding: 4px 8px;font-size: 11px; white-space: nowrap; background: #D9E1E8; border: 1px solid #C8D1DA; border-radius: 3px; line-height: 23px;}
.tableBoxInputBase table tr th a.add.btn {display: block; background-color: #6E8496; border: 1px solid #4C5A65; padding: 3px 3px; width: 80%; margin: 5px auto; color: #FFF; border-radius: 3px; font-size: 11px;}
.tableBoxInputBase table tr th a.add.btn img {padding-left:5px;}


.fixedTbl {width: 100%; -ms-overflow-x: auto; overflow-x: auto; -ms-overflow-y: hidden; overflow-y: hidden;}
.fixedTbl table {width:auto; min-width:100%; white-space:nowrap;}
.tableBoxInputBase .fixedTbl table thead th,
.tableBoxInputBase .fixedTbl table tbody th,
.tableBoxInputBase .fixedTbl table tbody td {padding:8px 10px;}

.scrollTbl {width: 100%; -ms-overflow-x: auto; overflow-x: auto; -ms-overflow-y: hidden; overflow-y: hidden;}
.scrollTbl table {width:auto; min-width:100%; white-space:nowrap;}
.tableBoxInputBase .scrollTbl table thead th,
.tableBoxInputBase .scrollTbl table tbody th,
.tableBoxInputBase .scrollTbl table tbody td {padding:8px 10px;}
.tableBoxInputBase .label .scrollMove { position: absolute;  right: 78%;  margin-right: -520px; width: 120px;}


.tableBoxInputBase a.tblBtn {border:1px solid #A5C2DE; background:#fff; padding:3px; height:20px; line-height:20px; vertical-align:middle; white-space:nowrap; font-size:11px; color:#6E8496; cursor:pointer;}
.tableBoxInputBase a.tblBtn:hover {text-decoration:none;}

.tableBoxInputBase.sub .label .summary {color: #808080;}
.tableBoxInputBase.sub table.horizon tbody,
.tableBoxInputBase.sub table thead {border:2px solid #CDCDCD; border-width:2px 0;}
.tableBoxInputBase.sub table.horizon th,
.tableBoxInputBase.sub table th {background:#f0f0f0;}
.tableBoxInputBase.sub table tbody th {background: #F9F9F9;}
.tableBoxInputBase.sub table tbody th,
.tableBoxInputBase.sub table thead th,
.tableBoxInputBase.sub table tbody td {border: 1px solid #d8d8d8;}

.preData table tbody th, 
.preData table tbody td {padding:7px 10px !important;}

.writers {text-align: center; background: #F7F7F7; border: 1px solid #E4E4E4; padding: 10px 0; font-size: 12px; font-weight: bold; margin-bottom: 30px;}
.writers input {background: #FFF; font-size: 12px; padding: 5px; width: 100px; margin-right: 20px;}

/* 이전공시조회 */
div.preData {display:none; padding: 30px 40px 40px; border: 5px solid #F0F0F0; margin-top: -40px;}

.tableBoxInputBase div.tableBtn {margin-top:10px; height: 30px; float: right; position:relative;}
.tableBoxInputBase div.tableBtn:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.tableBoxInputBase div.tableBtn > div {float: left; background: #fff; border: 1px solid #D4D4D4; font-weight: normal; padding:0; font-size: 11px; line-height:16px; margin-right: 10px; height:28px;}
.tableBoxInputBase div.tableBtn label {float: left; padding:6px 10px; background: #EFEFEF;}
.tableBoxInputBase div.tableBtn input {float: left; padding:6px 10px; margin:1px 0;width: 50px; border:none; font-size:11px;}
.tableBoxInputBase div.tableBtn a.minBtn {margin-left: 5px; padding: 6px 10px; background: #D9E1E8; border: 1px solid #C8D1DA; font-size: 12px; float: right; display: block; line-height: 17px; height: 16px; border-radius: 3px; }
.tableBoxInputBase div.tableBtn a.minBtn.alert {background: #C85E5E; border:1px solid #B82F2F; color:#fff;}
.tableBoxInputBase div.tableBtn a.minBtn.blue {background: #57A1DC; border: 1px solid #919192;color:#fff;}
.tableBoxInputBase div.tableBtn a.preSearch {padding-right: 30px; background:url(../images/btn-arrow-down.png) center right no-repeat; background-color: #459ADC; color: #FFFFFF;}
.tableBoxInputBase div.tableBtn a.preSearch.open {padding-right: 30px; background:url(../images/btn-arrow-up.png) center right no-repeat; background-color: #459ADC; color: #FFFFFF;}
.tableBoxInputBase table td a.minBtn {background: #919191; border: 1px solid #808080; padding:5px 10px; }
/* .tableBox table td a.minBtn.download {display: block; margin: 5px auto 0; width: 50%; padding: 2px 10px; background: #DADADA; border: 1px solid #CBCBCB;} */

/* 유치원 배너 HTML 복사하기 기능 */
.tableBoxInputBase .listTable {border:1px solid #E8E8E8; padding:30px;}
.tableBoxInputBase .listTable .tableTitle {line-height: 25px; font-size: 12px; font-weight: bold; background: #55A2DE; color: #FFF; padding: 7px 10px;}
.tableBoxInputBase .listTable ul li {padding:15px 0;}
.tableBoxInputBase .listTable ul li b {color: #57A7E4; font-size: 15px;}
.tableBoxInputBase .listTable ul li a.minBtn {color: #FFF; background: #B3B3B3; border: 1px solid #9A9A9A;}

/* 인증서 안내 페이지 */
.tableBoxInputBase dl.comment {margin-top:10px;}
.tableBoxInputBase dl.comment dd {font-size:12px; border: 1px solid #D2D2D2; padding: 10px 20px; line-height: 25px; margin-top:-5px;}
.tableBoxInputBase dl.alert {margin-top:10px;}
.tableBoxInputBase dl.alert dd {font-size:11px; color: #ABABAB; border: 1px solid #D2D2D2; padding: 10px 20px; line-height: 20px; margin-top:-5px;}
.tableBoxInputBase dl.alert dd b {color:#55A2DE;}
.tableBoxInputBase dl.download,
.tableBoxInputBase dl.tableList {margin-top:30px;}
.tableBoxInputBase dl.download dt,
.tableBoxInputBase dl.tableList dt {line-height:25px; margin-bottom:3px;}
.tableBoxInputBase dl.download dt b,
.tableBoxInputBase dl.tableList dt b {color:#529CD6; font-size:13px;}
.tableBoxInputBase dl.download a.minBtn {color: #FFF; background: #B3B3B3; border: 1px solid #9A9A9A;}



/* 테이블 버튼 팝업 */
.tableBoxInputBase div.tableBtn > div.btnPopup {display:none; position:absolute; right:0; bottom:0; margin:0; margin-bottom:40px; height:auto; padding:15px; font-size:12px;    border: 2px solid #adcae6;}
.tableBoxInputBase div.btnPopup table {width:auto;}
.tableBoxInputBase div.btnPopup table th {white-space:nowrap; padding: 3px 10px;}
.tableBoxInputBase div.btnPopup table td {white-space:nowrap; padding: 3px 5px;}
.tableBoxInputBase div.btnPopup input,
.tableBoxInputBase div.btnPopup label {width:auto; float:none; background:none; padding: 3px 5px;}
.tableBoxInputBase div.btnPopup label {padding:0; margin:0;}
.tableBoxInputBase p.setBasePeriod {margin-top:5px;}
.tableBoxInputBase div.btnPopupBtn {border-top: 1px solid #eaecec; margin-top: 10px; padding-top: 10px; text-align:right;}
.tableBoxInputBase div.btnPopupBtn a {border: 1px solid #adcae6; background: #e4eef5; padding: 3px 8px; border-radius: 3px;}
/* / */

div.allCheckOption {display:none; position: absolute; top: 50%; left:0; padding-left:30px; margin-top: -25px;}
div.allCheckOption ul {width: 165px; padding: 2px 6px;  text-align: left; background: white; border: 2px solid #8baac7; position:relative;}
div.allCheckOption ul:after {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #88b7d5; border-width: 8px; margin-top: -8px;}
div.allCheckOption label {color:#26537d;  padding-left: 2px; white-space:nowrap;}

a.dataEdit.minBtn {margin-left: 13px; vertical-align: middle; color: #FFF; font-size:12px; background: #5D5D5D; border: 1px solid #808080; padding:5px 10px;}
a.copy.minBtn {background-color: #F9F9F9; padding: 5px 10px; border: 1px solid #E2E2E2; font-size: 11px; line-height: 15px; height: 15px;}
a.tblSearch.minBtn {background-color: #F9F9F9; padding: 4px 10px; border: 1px solid #E2E2E2; font-size: 11px; line-height: 13px;}

input.calendar[readolny] {margin-right:5px;}
a.calendar img {width:23px;}

img.alert, img.help {margin-left: 2px; margin-top: -3px; vertical-align:middle;}

.alertConfirm {padding: 20px; border: 1px solid #D6D6D6; text-align:center; background: #F7F7F7;}
.alertConfirm h5 {color: #54A0DB; margin-bottom: 15px; font-size: 14px;}
.alertConfirm p {color:#AFAFAF;}
.alertConfirm p b {color:#888;}

.pageContent .editReason {box-sizing:border-box; position:relative; margin:10px 0 20px; width:100%; background: #FFF; border: 1px solid #B3B3B3; font-weight: normal; font-size: 12px; line-height: 28px; text-align: left; padding-left:70px;}
.pageContent .editReason.none {display:none;}
.pageContent .editReason b {box-sizing:border-box;display:block; width:70px; white-space:nowrap; position:absolute; top:0; left:0; color:#000; padding:0 10px; background: #EFEFEF;}
.pageContent .editReason input {box-sizing:border-box;vertical-align:auto; margin:0; border: none; font-size: 12px; /*width: 100%;*/ width:calc(100% - 1px); padding:6px 5px 7px; vertical-align:top; margin-left:1px;}
.pageContent .editReason input:focus {outline:1px solid red;}

.pageContent .ExceptReasonDiv {box-sizing:border-box; position:relative; margin:10px 0 20px; width:100%; background: #FFF; border: 1px solid #B3B3B3; font-weight: normal; font-size: 12px; line-height: 28px; text-align: left; padding-left:120px;}
.pageContent .ExceptReasonDiv.none {display:none;}
.pageContent .ExceptReasonDiv b {box-sizing:border-box; display:inline-block; width:120px; white-space:nowrap; position:absolute; top:0; left:0; color:#000; padding:0 10px; background: #EFEFEF;}
.pageContent .ExceptReasonDiv input {box-sizing:border-box; display:inline-block; vertical-align:auto; margin:0; border: none; font-size: 12px; width: 98%;}

/* 190408 추가 */ 
 .pageContent form#templateDownload{ display:inline-block; width:200px; padding:0; margin:0; vertical-align:top}

.pageContent .btns {padding: 10px 0 30px; text-align: right;  #E8E7E7; position:relative;}
.pageContent .btns a {background-color: #FFF; font-size: 12px; margin-left: 5px; line-height: 30px; padding: 5px 20px; border-radius: 3px; background-image:url(../images/btn-bg-gray.png); border: 1px solid #D4D4D4; text-align:center;}
.pageContent .btns a:hover {border:1px solid #C1C1C1;}
.pageContent .btns a.blue {background-color: #459ADC; color: #FFF; background-image:url(../images/btn-bg-blue.png); border: 1px solid #4C90D6;}

/* 190408 추가 사학기관 재무회계규칙 버튼 */
div.pageContent .tableBox > .label > .guide {margin-left: 13px; vertical-align: middle; color: #fff; font-size: 12px; background: #00599E; border:1px solid #808080; padding: 5px 20px; box-shadow: 2px 2px 2px #808080;}


/* 특성화활동 복사하기/붙여넣기 버튼 css 김경민*/
.pageContent a.copyBtn {background-color: #459ADC; color: #FFF; border: 1px solid #459ADC; border-radius: 2px; display:block; margin:0 0 3px 0}
.pageContent a.tippingBtn {background-color: #459ADC; color: #FFF; border: 1px solid #459ADC; border-radius: 2px; display:block}

/* 회계 예결산서 버튼 css 김경민 */
.pageContent .btns a.blueSample {background: #459ADC; float: left; height: 18px; line-height: 18px; color: #FFFFFF;}

.pageContent .btns a.blue:hover {border: 1px solid #2676B3;}
.pageContent .btns a.gray {background-color: #EFEFEF; /*background-image:url(../images/btn-bg-blue.png);*/ border: 1px solid #D4D4D4;}
.pageContent .btns a.gray:hover {border: 1px solid #A9A9A9;}
.pageContent .btns a.red {background-color: #C75757; color: #FFF;border: 1px solid #B14444;}
.pageContent .btns a.red:hover {border: 1px solid #843333;}
.pageContent .btns a.orange:hover {border: 1px solid #FF5114;}
.pageContent .btns a.orange {background-color: #FF5114; color: #FFF;border: 1px solid #E95114;}
.pageContent .btns.confirm {padding:20px 0 50px; text-align:center; border-top:none;}
.pageContent .btns.confirm a {font-size:15px; padding:12px 60px; background-image:none;}

.setInfo {margin:10px 0 15px;}
.setInfo h3 {font-size: 12px; padding-left: 13px; line-height: 22px; font-weight: bold;}
.setInfo p {line-height:20px; padding-left:13px;}








/* 회원가입  */
.join table td b {color:#0081DD; font-weight:bold;}
.join table th {font-size:16px;  padding: 20px 0px !important;}
.join table td {text-align:center !important; padding: 30px 0 !important;  font-size: 13px;}
.join table td a.joinBtn {display:block; width:200px; height:60px; font-size:0px;  margin: 30px auto 0; background:url(../images/btn-join-normal.png) no-repeat;}
.join table td a.joinBtn:hover {background:url(../images/btn-join-hover.png) no-repeat;}
.join table td a.registerBtn {display:block; width:200px; height:60px; font-size:0px;  margin: 30px auto 0; background:url(../images/btn-register-normal.png) no-repeat;}
.join table td a.registerBtn:hover {background:url(../images/btn-register-hover.png) no-repeat;}
.joinStep {text-align:center; border: 10px solid rgb(240, 240, 240); margin-bottom:50px;}
.joinStep img {width:100%;}

.join table td a.findBtn {display:block; width:200px; height:60px; font-size:0px;  margin: 30px auto 0; background:url(../images/btn-find-normal.png) no-repeat;}
.join table td a.findBtn:hover {background:url(../images/btn-find-hover.png) no-repeat;}




/* 팝업 - 로그인페이지 팝업 */
.popupMain {background:url(../images/pattern-popup.png); padding:5px;}
.popupMain h1 {padding:7px 7px 10px;}
.popupMain .content {padding:20px 30px; background:#fff;}
.popupMain .content h3 {font-size:20px; color:#636363; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dcdcdc;}
/* .popupMain .content h3 b {color:#1375C1;} */
.popupMain .content p.text  {white-space: pre-line; font-size: 13px; line-height: 20px; font-family: nanum; color:#000;}
.popupMain .content p.text b,
.popupMain .content p.text b.blue {color:#0679c9; font-weight: bold;}
.popupMain .content p.text b.red {color:#c90808; font-weight: bold;}
.popupMain .content div.info {background: #efefef; padding:10px 20px; color: #000; font-size:14px; margin:20px 0;}
.popupMain .content div.info ul li { line-height: 25px; background:url(../images/icon-mainList.png) left 7px no-repeat; padding-left: 20px;}
.popupMain .content div.info ul li p b {color:#00599E;}
.popupMain .content div.info ul li a {font-size:13px; color: #00599E;}
.popupMain .btn {padding: 7px 10px; text-align: right; background:#f7f7f7; border-top:1px solid #d7d7d7;}
.popupMain .btn .chk {display:inline-block; margin-right:10px}
.popupMain .btn a {font-size: 12px; color:#c11d1d; display:inline-block; }

/* 팝업 - 서브페이지 팝업 */
div.pageContent.popup {width:100%; min-width: 500px; margin: 0; overflow: hidden; max-width: inherit;}
div.pageContent.popup div.page {margin:20px; width:auto;}
div.pageContent.popup .page > h2 {font-size:20px !important;}
div.pageContent.popup table.horizon tbody th,
div.pageContent.popup table.horizon tbody td {font-size: 12px; padding: 8px 10px !important;}

/* 팝업 - 팝업 타이틀 */
/* .popup .pageTit {background: #ECECEC; padding: 10px 20px; font-size: 13px; margin: -52px 0 30px; color: #000;} */
.popup .pageTit {background: #ECECEC; padding: 10px 20px; font-size: 13px; margin: -22px 0 30px; color: #000; position:fixed; z-index:11; width:100%; height:2%;}

/* 팝업 - 우편번호 찾기 */
.popup.findPostalCode {background: #F5F5F5;}
.popup.findPostalCode .search {border-bottom:1px solid #000; background: #FFF;}
.popup.findPostalCode .search input {width:100%; border:none; box-sizing: border-box; padding: 15px; padding-right:35px; font-size: 16px; line-height: 20px; background:url(../images/icon-postalCode.png) center right no-repeat;}
.popup.findPostalCode .default {padding:40px 20px; background: #FFF;}
.popup.findPostalCode .default h3 {color:#000; font-size:20px; line-height:25px;}
.popup.findPostalCode .default p {margin-top:10px; font-size:13px; color:#000; line-height:18px;}
.popup.findPostalCode .default p.ex {color:#9A9A9A;}
.popup.findPostalCode .result {background:#FFF; margin:15px; border: 1px solid #E8E8E8;}
.popup.findPostalCode .selectBox {padding:10px;}
.popup.findPostalCode .list ul li {border-top: 1px solid #E2E2E2;}
.popup.findPostalCode .list ul li > a {display:block; padding: 15px;}
.popup.findPostalCode .list ul li > a:hover {text-decoration:none;}
.popup.findPostalCode .list ul li h4 {color: #fa4256;font-size: 16px; font-family: nanum; margin-bottom: 8px;}
.popup.findPostalCode .list ul li h4 > span {color: #A9A9A9; padding-left: 5px;}
.popup.findPostalCode .list ul li .address {margin:2px 0;}
.popup.findPostalCode .list ul li .address:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.popup.findPostalCode .list ul li .address > p {float:left; width: 15%; text-align: center; background: #E4E4E4; line-height: 22px;}
.popup.findPostalCode .list ul li .address > span {line-height:22px; display:block; width:85%; float:left; box-sizing:border-box; padding-left:5px;}
.popup.findPostalCode .list ul li .add {padding:0 15px 15px; margin-top: -10px;}
.popup.findPostalCode .list ul li .add b {margin-left:15%; line-height:22px; padding-left:5px; color: #B3B3B3;}
.popup.findPostalCode .list ul li .add a {padding: 3px 8px; background: #A5A5A5; color: #FFF; margin-left: 10px; font-size: 11px;}
.popup.findPostalCode .pages {text-align: center; padding: 10px 0; background: #ECECEC; border-top: 1px solid #E0E0E0; color: #ADADAD; font-size:14px;}
.popup.findPostalCode .pages a img {vertical-align:middle;}
.popup.findPostalCode .pages span {padding:0 5px;}
.popup.findPostalCode .pages span.now {color:#000;}



/* 교육지원청 선택 및 유치원현황 등 */
.page.tap {position:relative;}
.page.tap > * {float:left;}
.page.tap .tapBox {width:30%; box-sizing:border-box; border: 1px solid #DADADA; background: #F3F3F3; padding:15px; margin-bottom: 25px;}
.page.tap .tapBox > h3 {font-size: 15px; color: #000; margin-top: 10px;}
.page.tap .tapBox > p {line-height: 18px; margin-top: 5px; margin-bottom:10px;}
.page.tap .tapBox .label {color: #000; margin: 35px 0 5px; font-size: 14px;}
.page.tap .tapBox .table {max-height:250px; overflow: auto; border: 1px solid #C5C5C5; background: #FFF; margin-bottom:10px;}
.page.tap .tapBox table {width:100%; font-size:12px;}
.page.tap .tapBox table thead {border: 1px solid #B3B3B3; border-width: 1px 0 2px;}
.page.tap .tapBox table th,
.page.tap .tapBox table td {border-bottom: 1px solid #E0E0E0; padding: 8px 5px;text-align: center; line-height: 20px;}
.page.tap .tapBox table th {color:#000; background: #E8E8E8;}
.page.tap .tapBox .filter {margin-bottom:20px;}
.page.tap .tapBox .filter table th,
.page.tap .tapBox .filter table td {text-align:left;}
.page.tap .tapBox .filter table td select {width:100%;}
.page.tap .tapBox .subTapBox {padding: 8px 5px 0;  line-height: 20px;    margin-bottom: 20px;}
.page.tap .tapBox .subTapBox table th,
.page.tap .tapBox .subTapBox table td {text-align:left; padding:2px 8px;font-size: 11px; background:none;}
.page.tap .tapBox .subTapBox table th b {color: #b5b5b5;}
.page.tap .tapBox .subTapBox table td i {padding-left:5px;}
.page.tap .tapBox .subTapBox table td input {padding: 1px 5px;}
.page.tap .tapBox .subTapBox ul li a {display: block; padding: 2px 8px; border: 1px solid #adadad; margin-top: -1px; background: #cccccc; color: #444;}
.page.tap .tapBox .subTapBox ul li a:hover {text-decoration:none; background: #d8d8d8;}
.page.tap .tapBox .subTapBox ul li.active a {background: #5299d9; border: 1px solid #4279ab; color:#fff;}
.page.tap .tapBox .subTapBox ul li table {margin:8px 0 10px; display:none;}
.page.tap .tapBox .subTapBox ul li.active table {display:table;}
.page.tap .tapBox .subTapBox ul li table tr:last-child th,
.page.tap .tapBox .subTapBox ul li table tr:last-child td {border-bottom:none;}
.page.tap .tapBox .btn {text-align: right; height: 20px;}
.page.tap .tapBox .btn a {padding:7px 30px; color: #FFF;background: #5299D9; border: 1px solid #4279AB; text-align:center;}
.page.tap .tableBox {width:68%; margin-left:2%;}
.page.tap .tableBoxInputBase {width:68%; margin-left:2%;}

.tableTap {margin-top: 15px; padding:0 5px; border-bottom: 1px solid #DEDEDE;}
.tableTap a {display:block; padding:5px 15px; line-height:18px; float:left; color:#808080; font-size:12px; background:#fff; border: 1px solid #E2E2E2; border-width: 1px 1px 0; margin-right: 3px;
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tableTap a.right {float:right; margin-right: 0px; margin-left: 3px;}

/* 190408 수정 */ 
/* .tableTap a.active {background:#459ADC; color: #FFF; border:1px solid #3A84BD; border-width:1px 1px 0; background: url(../images/btn-bg-blue.png);  border: 1px solid #4C90D6;} */
.tableTap a.active {background:#459ADC; color: #FFF; border:1px solid #3A84BD; border-width:1px 1px 0; background: url(../images/btn-bg-org.png);  border: 1px solid #f76707;}

.tapTable {margin-top:30px;}
.tapContent {position:relative;}
.tapContent:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}


/* 반려내역 테이블 */
.rejectTbl table tbody {border:none !important;}
.rejectTbl tr th {background:#ff5a67 !important; color:#fff !important; border:1px solid #CA4D57 !important;}
.rejectTbl tr td {text-align:left !important; border:1px solid #D0D0D0 !important;}

/* 반려내역 탭 */
.rejectForm {position: fixed; left: 0; bottom: 0; z-index: 11; width:100%; padding: 0 20px; box-sizing: border-box; margin-bottom:-2px;}
.rejectForm .tapToggle {text-align:right; height:40px;}
.rejectForm .tapToggle img {margin-left:10px;}
.rejectForm .tapBox {border:2px solid #3E3E3E; background:#fff; height:0;}
.rejectForm .tapBox > div {display:none;}
.rejectForm .tapBox .label {background: #F0F0F0; font-size: 15px; color: #000; padding: 13px 20px;}
.rejectForm .tapBox .table {padding:20px;}
.rejectForm .tapBox table {width:100%; color:#000;}
.rejectForm .tapBox table th {background:#d2d2d2;border: 1px solid #AFAFAF;}
.rejectForm .tapBox table th,
.rejectForm .tapBox table td {border: 1px solid #AFAFAF; padding: 10px 2px;text-align: center; line-height:20px;}
.rejectForm .tapBox table td select,
.rejectForm .tapBox table td a img {vertical-align:middle;}
.rejectForm .btn {text-align:center; margin-top:10px; padding-bottom:30px;}

a.rejectBtn {position: relative;}
/* a.rejectBtn span {position: absolute; display:none; bottom: 0; left: 50%;    margin-left: -5px; width: 10px; height: 10px; margin-bottom: -10px; z-index: 99;} */
/* a.rejectBtn span img {vertical-align:top;} */

.directReject {position: absolute; top: 40px; left: 0;  width:auto; background: #EFEFEF; border: 1px solid #A2A2A2; box-sizing:border-box; padding: 0 10px; z-index:11;}
.directReject input {width:300px; padding:5px; vertical-align:middle;}
.directReject a {font-size: 11px; white-space:nowrap; text-align: center; background:#919191; border:1px solid #808080; color:#fff; padding:5px 10px; vertical-align:middle;}


/* datepicker */
.datepicker {text-align:center !important;/*  width:50% !important;  */margin-right:5px;}
.ui-datepicker {font-size: 12px; border: 1px solid #DADADA; box-shadow: 2px 2px #F4F4F4; margin-top: 5px; margin-left: -18px; z-index:10;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:3px;}
.ui-datepicker .ui-widget-header {background: #D8D8D8; text-shadow:none;}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {border: 1px solid #69ADF6; background: #B8E1FF;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {border: 1px solid #8B8B8B; background: #BBB;}



.copyright {font-size: 11px; color: #BDBDBD; background-color: #F5F5F5;}
.copyright > div {padding:20px 0; margin:0 30px; margin-left: 210px;}
.copyright .info {float:left; width:600px;}
.copyright .info p {line-height: 15px; padding: 4px 0;}
.copyright .info b {font-weight:bold; padding-right:5px;}
.copyright .info span {padding:0 7px;}
.copyright .logo {float:right; width:200px; text-align:right;}


/*정보수정 신청 김준형  */
.page.searchInfoAlterationRequestBox {background: #F3F3F3; padding: 10px 30px; border: 2px solid #E6E6E6; border-radius: 3px;}
.searchInfoAlterationRequestBox table {width: auto;}
.searchInfoAlterationRequestBox table tr td {padding: 10px 7px;} 
.searchInfoAlterationRequestBox table tr td input.datepicker {width:70px;}
.searchInfoAlterationRequestBox table tr td img.ui-datepicker-trigger {vertical-align:middle;}
.searchInfoAlterationRequestBox .text {color: #585858; font-size:12px;}
.searchInfoAlterationRequestBox select {margin-right: 2px;}
.searchInfoAlterationRequestBox .button {text-align: right; vertical-align: bottom; padding: 2px 0 0 12px;}
.searchInfoAlterationRequestBox .button a {color: #FFF; line-height: 35px; padding: 7px 12px; font-size: 12px; border-radius: 3px; background:url(../images/btn-bg-black.png); border: 1px solid #8E8E8E;}
.searchInfoAlterationRequestBox .button.complex {text-align:center; padding:10px 0;}
.searchInfoAlterationRequestBox .button.complex .searchBtn .blue {background-color: #459ADC; color: #FFF; background-image: url(../images/btn-bg-blue.png); border: 1px solid #4C90D6;}

/* 모달창 */
/** 로딩바 **/
.modal {position:absolute; width:100%; height:100%; z-index:99; background-image:url(../images/page-loader.gif); background-position:center; background-repeat:no-repeat;}
/** 모달 팝업 **/
.modal_popup {position: fixed; z-index: 99; background:url(../images/bg-modal.png); width: 100%; height: 100%;}
.modal_popup .page {background: #FFF; padding: 30px; position:absolute; top:50%; left:50%; width:700px; margin-left:-350px;}
.modal_popup h2 { margin: -30px -30px 0; background: #F1F1F1; border-bottom: 1px solid #CECECE; padding: 15px 20px; font-size: 17px; color: #000;}
.modal_popup .tableBox {overflow:auto; margin-bottom:10px;}
.modal_popup .tableBoxInputBase {overflow:auto; margin-bottom:10px;}
.modal_popup .btns a {line-height: 30px; padding: 7px 20px; border-radius: 3px; text-align:center; margin:0 2px;}
.modal_popup .btns a.blue {background-color: #459ADC; color: #FFF; background-image:url(../images/btn-bg-blue.png); border: 1px solid #4C90D6;}
.modal_popup .btns a.blue:hover {border: 1px solid #2676B3;}
.modal_popup .btns a.gray {background-color: #EFEFEF; border: 1px solid #D4D4D4;}
.modal_popup .btns a.gray:hover {border: 1px solid #A9A9A9;}
.modal_popup .btns.confirm {padding:20px 0 50px; text-align:center; border-top:none;}
.modal_popup .btns.confirm a {font-size:15px; padding:12px 60px; background-image:none;}


/* 공시 테이블 th 주석 */
a.info {position: relative; width: 15px; height: 15px; overflow: visible; margin-left: 3px; /* z-index:9; */ transition:none; z-index:0;}
a.info p {position: absolute; display:none; width: 200px; left: 0; top: 0; margin-left: 20px; background: #FFF; border: 2px solid #3F7DB3; padding: 5px 10px; text-align: left; white-space:normal; line-height:20px;}
a.info div {position: absolute; display:none; width: 900px; left: 0; top: 0; margin-left: 20px; background: #FFF; border: 2px solid #3F7DB3; padding: 5px 10px; text-align: left; white-space:normal; line-height:20px;}
a.info p i {font-size:11px; margin:0;}
a.info:hover {z-index:10;}
a.info:hover p {display:block;}
a.info:hover div {display:block;}























/* 모달창 */
/** 로딩바 **/
.modal {position:absolute; width:100%; height:100%; z-index:99; background-image:url(../images/page-loader.gif); background-position:center; background-repeat:no-repeat;}
/** 모달 팝업 **/
.modal_popup1 { z-index: 99; background:url(../images/bg-modal.png); width: 100%; height: 100%;}
.modal_popup1 .page {background: #FFF; padding: 30px;        top:50%; left:50%; width:700px; margin-left:-350px;}
.modal_popup1 h2 { margin: -30px -30px 0; background: #F1F1F1; border-bottom: 1px solid #CECECE; padding: 15px 20px; font-size: 17px; color: #000;}
.modal_popup1 .tableBox {overflow:auto; margin-bottom:10px;}
.modal_popup1 .tableBoxInputBase {overflow:auto; margin-bottom:10px;}
.modal_popup1 .btns a {line-height: 30px; padding: 7px 20px; border-radius: 3px; text-align:center; margin:0 2px;}
.modal_popup1 .btns a.blue {background-color: #459ADC; color: #FFF; background-image:url(../images/btn-bg-blue.png); border: 1px solid #4C90D6;}
.modal_popup1 .btns a.blue:hover {border: 1px solid #2676B3;}
.modal_popup1 .btns a.gray {background-color: #EFEFEF; border: 1px solid #D4D4D4;}
.modal_popup1 .btns a.gray:hover {border: 1px solid #A9A9A9;}
.modal_popup1 .btns.confirm {padding:20px 0 50px; text-align:center; border-top:none;}
.modal_popup1 .btns.confirm a {font-size:15px; padding:12px 60px; background-image:none;}

/* 2019 기능개선 추가*/

/* 입력근거자료 타이틀*/
.inputBasisTitle  {
	line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 8px;
    /*
	font-size: 22px;
    font-weight: bold;
    color: #263244;
    line-height: 2em;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    */
}
/* 입력근거자료 버튼 박스*/
.inputBasisBtnBox{float:right; padding-right:2px;}

/* 입력근거자료 추가삭제버튼*/
.inputBasisBtn {
    vertical-align: middle;
    color: #FFF !important;
    font-size: 12px;
    background: #00599E;
    border: 1px solid #808080;
    padding: 5px 23px;
    box-shadow: 2px 2px 2px #808080;
}
.inputBasisFileBtn {    
	vertical-align: middle;
    position: relative; 
    padding: 7px 10px;
    margin-left: 5px;
    background-color: #A7A7A7;
    font-size: 12px;
    color: #FFF !important;
}
.ibFileView{
	width:90% !important; 
	text-align:left !important;
}
.kinderSearchBtn{
	padding: 4px 8px;
    font-size: 11px;
    white-space: nowrap;
    background: #D9E1E8;
    border: 1px solid #C8D1DA;
    border-radius: 3px;
    line-height: 23px;
    outline: none;
    color: #5879CC;
}
.subEduSize {
	width: 70px;
}
.inputBasisDivNone {
	display:none;
}

.guideCfrm{
    position: relative;
    left: 48px;
    top: 1px;
}
.guideCfrmTitle{
	margin-left:10px;
}

/*공시정보검증 검증기준확인 팝업*/
.publicPbntValidTbl {
	font-size : 12px;
	background-color:#fff;
}
.publicPbntValidTbl th {
	background-color:#F3F3F3;
}
.publicPbntValidTbl .center{
	text-align:center;
}
.publicPbntValidTbl td {
	border : 1px solid #CEDAE2;
}

.backslash {
	background: url(../images/backslash2.png);
	background-size: 200% 200%;
}

.backslash_bg {
	background: url(../images/backslash3.png);
	background-size: 200% 200%;
}

.popUpleft {
	text-align:left !important;
}

.basisPresentPopTbl {
	font-size : 10px;
	font-weight : normal;
}

.rule_table_box .label {padding:20px 0 10px;}
.rule_file_list ul li {min-height:30px !important; height:auto !important}
.input_basys_input {width:90% !important; text-align:left !important;}

.kndr_rules_title {margin-top:40px !important}
.kndr_rules_serach {margin-top:90px !important}
.rule_label {vertical-align: middle;}
.rule_label span {display: inline-block;}
.rule_label span:nth-child(2) {padding:2px 0 0 6px; cursor:pointer;}

.searchKeyword {width:350px}

.valid_loading {display:none; position: absolute; top: 0; left: 0; right: 0; bottom : 0; background-color: rgba(255, 255, 255, 0.84); width: 100%; height:auto; z-index: 11; text-align: center;}
.valid_loading .loadingBox {position:relative; top:50%; margin-top:-50px;}
.valid_loading p {line-height: 30px; font-weight: bold; color: #000; font-size: 14px;}

.img_guide {text-align:center; padding:20px 0 0}
.img_guide img {width:70%}

#educationCostTbody tr:nth-child(1) td {background:#dae7f0 !important;}
#educationCostTbody tr:nth-child(1) td input {border:none !important}
#educationCostTbody tr:nth-child(6) td input {border:none !important}
#educationCostTbody tr:last-child td input {border:none !important}
#educationCostTbody td input {border:1px solid #bfd0dc; text-align:center; outline:none; width:80%}
#educationCostTbody td input[type="text"][readonly="readonly"] {background: #dae7f0;border: 1px solid #dae7f0;}


#afterSchoolEducationCostTbody tr:nth-child(1) td {background:#dae7f0 !important;}
#afterSchoolEducationCostTbody tr:nth-child(1) td input {border:none !important}
#afterSchoolEducationCostTbody tr:nth-child(6) td input {border:none !important}
#afterSchoolEducationCostTbody tr:last-child td input {border:none !important}
#afterSchoolEducationCostTbody td input {border:1px solid #bfd0dc; text-align:center; outline:none; width:80%}
#afterSchoolEducationCostTbody td input[type="text"][readonly="readonly"] {background: #dae7f0;border: 1px solid #dae7f0;}


.cost_optional_other {width:45% !important; background:#fff !important; border:1px solid #A5C2DE !important; margin-left:3px;}

/* 20250918 예외입력사유 관련법령 스타일 */
.related_article {margin-top:10px; padding:10px}
.related_article ul li {line-height:1.6em; margin-bottom:8px; color:#333}
.related_article ul li.rel_article_etc {color:#000}
.related_article ul li.article_comm span {color:#f00}