/* infotech 20210504 JSJ*/
.m-container {width:100%;transition:all 0.5s ease-out;}
.s-container {width:100%;max-width:1200px;margin:0 auto;transition:all 0.5s ease-out;}
.s-container .c-center {width:100%;}
.m-container.active {width:100%;transition:all 0.5s ease-out;}
.text-last-left {text-align-last:left;}

/* #region 들여쓰기 개요 */
.guide .outline-scul-1 {margin-top:32px;position:relative;padding-left:20px;font-size:1.6rem;color:#2273b4;}
.guide .outline-scul-1:before {content:'';display:block;width:11px;height:11px;border:3px solid #2273b4;border-radius:50%;position:absolute;top:7px;left:0}
/*.guide .outline1 {margin-top:32px;position:relative;padding-left:20px;font-size:1.6rem;color:#2273b4}
.guide .outline1:before {content:'';display:block;width:11px;height:11px;border:3px solid #2273b4;border-radius:50%;position:absolute;top:7px;left:0}*/
/* #endregion */

/* #region go-top */
.go-top {position:fixed;bottom:10px;right:10px;width:52px;height:52px;z-index:1000;white-space:nowrap;overflow:hidden;text-indent:100%;border-radius:26px;}
.go-top span {position:absolute;top:8px;left:0;font-size:3.6rem;text-indent:0;width:100%;text-align:center;color:#444;}
.go-top:hover span, .go-top:focus span {color:#39568f;}
.go-top span {
	opacity:0;
	animation-name:go_top;
	animation-iteration-count:infinite;
	animation-duration:2s;
}
@keyframes go_top{
	0%{opacity:0;top:16px;}
	60%{opacity:1;top:8px;}
	99%{opacity:0;top:0;}
	100%{opacity:0;top:0;}
}
@-webkit-keyframes go_top{
	0%{opacity:0;top:16px;}
	60%{opacity:1;top:8px;}
	99%{opacity:0;top:0;}
	100%{opacity:0;top:0;}
}
@media (max-width: 991px) {
.m-container {padding-left:0}
.m-container.active {padding-left:0}
}
/* #endregion */

/* #region 표 */
.organ {position:relative}
.organ-lv1 {position:relative;padding-bottom:70px;margin-top:32px;z-index:30}
.organ-lv1 > span {background-color:#337ab7;width:30%;display:block;padding:11px;text-align:center;margin:0 auto;position:relative;color:#fff;font-weight:bold;min-width:200px;font-size:1.6rem;border-radius:8px}
.organ-lv1:before {content:'';display:block;position:absolute;top:55px;left:50%;bottom:-120px;background:#cacaca;width:6px}
.organ-lv1-2R {position:absolute;width:50%;top:264px;right:0}
.organ-lv1-2L {position:absolute;width:50%;top:135px;left:0}
.organ-lv1-2R > span, .organ-lv1-2L > span {background-color:#337ab7;width:60%;display:block;padding:11px;text-align:center;margin:0 auto;position:relative;color:#fff;font-weight:bold;min-width:200px;font-size:1.6rem;border-radius:8px}
.organ-lv1-2R > span > span, .organ-lv1-2L > span > span {display:block}
.organ-lv1-2R:before {content:'';display:block;position:absolute;top:20px;left:5px;right:77%;background:#cacaca;height:6px}
.organ-lv1-2L:before {content:'';display:block;position:absolute;top:20px;left:77%;right:0;background:#cacaca;height:6px}
.organ-lv2 {padding-left:0;padding-right:0;position:relative;padding-bottom:50px;z-index:20}
.organ-lv2 > span {background-color:#337ab7;width:30%;display:block;padding:11px;text-align:center;margin:0 auto;color:#fff;font-weight:bold;min-width:200px;font-size:1.6rem;border-radius:8px}
.organ-lv2:before {content:'';display:block;position:absolute;top:56px;left:50%;bottom:8px;background:#cacaca;width:6px}
.organ-lv3 {position:relative;z-index:10;margin-top:120px}
.division {width:calc((100% - 1px) / 3);float:left;margin-top:50px;position:relative;padding-top:8px}
.division:before {content:'';display:block;position:absolute;top:-50px;left:50%;bottom:100%;background:#cacaca;width:6px;z-index:-1}
.division:after {content:'';display:block;position:absolute;top:-50px;left:0;right:0;background:#cacaca;height:6px}
.division:first-child:after {content:'';display:block;position:absolute;top:-50px;left:50%;right:0;background:#cacaca;height:6px}
.division:last-child:after {content:'';display:block;position:absolute;top:-50px;left:0;right:50%;background:#cacaca;height:6px}
.division ul {max-width:220px;margin:0 auto}
.division ul li {border-left:1px solid #9ac7df;border-right:1px solid #9ac7df;margin-top:10px;padding:8px 0;text-align:center;background-color:#fff;margin:0 16px;height:33px}
.division ul li:first-child {text-align:center;padding:0;background-color:#337ab7;color:#fff;font-weight:900;display:block;position:relative;margin:0 16px;border-radius:8px;height:40px;line-height:40px}
.division ul li:nth-last-child(1){border-bottom:1px solid #9ac7df;}
.division:last-child ul li:first-child {height:40px}
.division span {display:block}
.division span.smallText {font-size:1.2rem;line-height:1.2}

@media (max-width: 767px){
.organ {position:relative}
.organ-lv1 {padding:16px 0;margin:48px 0 0 0;background-color:#337ab7}
.organ-lv1:before {display:none}
.organ-lv2 {padding:48px 0 0 0;background-color:transparent}
.organ-lv2:before {content:'';display:block;position:absolute;top:0;left:32px;bottom:0;background:#cacaca;width:6px;z-index:-1}
.organ-lv2:after {display:none}
.organ-lv3 {padding-left:0;padding-right:0;margin-top:0}
.organ-lv1 > span {background-color:transparent;width:initial;display:block;padding:0;margin:0}
.organ-lv2 > span {background-color:#337ab7;width:initial;display:block;padding:16px 0;margin:0}
.division {width:100%;float:none;margin-top:0;padding-top:36px}
/*.division:before {content:'';display:block;position:absolute;top:-90px;left:32px;bottom:0;background:#cacaca;width:6px;z-index:-1}*/
.division:before{display:none;}
.division:last-child:before {top:-50px;bottom:183px}
.division:last-child ul > a:before {content:'';display:block;position:absolute;top:-50px;left:-64px;bottom:14px;background:#cacaca;width:6px;z-index:-1}
.division:after {display:none}
.division:first-child:after {display:none}
.division:last-child:after {display:none}
.division ul {max-width:inherit;position:relative}
/*.division ul:before {content:'';display:block;position:absolute;top:16px;left:32px;right:0;background:#cacaca;height:6px}*/
.division ul:before{display:none;}
.division ul > a {margin:36px 0 0 0;padding:10px 16px}
.division ul li {border-left:1px solid #337ab7;border-right:1px solid #337ab7;margin:0;padding:8px 0;text-align:center;background-color:#fff}
.division ul li:first-child {margin:0}
.division ul li:last-child {border-bottom:1px solid #337ab7}
.organ-lv1-2R {position:relative;top:0;width:100%}
.organ-lv1-2R span {margin-left:96px;width:calc(100% - 96px);margin-top:40px}
.organ-lv1-2R:before {left:32px}
.organ-lv1-2L {width: 100%;margin-top:2%;position:unset;}
.organ-lv1-2R > span, .organ-lv1-2L > span{width:100%;}
.division:nth-child(1){}
}
/* #endregion */

/* #region 표 */
.guide table {border-top:2px solid #2273b4}
.guide table thead th {background:#f7f7f7;border:1px solid #ddd;border-bottom-width:2px;text-align: center;vertical-align:middle}
.guide table tbody td {border:1px solid #ddd;vertical-align:middle;}
.guide table tbody tr > td[rowspan] {vertical-align:middle}
.guide table tbody.valignM1F tr td:first-child {vertical-align:middle}

.tbl-status {text-align:center}
.tbl-status th {width:10%;}
.tbl-status th:nth-child(3) {width:auto}
.tbl-status th:nth-child(4) {width:15%}
.tbl-status th:last-child {width:15%}
.tbl-status td {word-break:keep-all;}

@media (max-width: 767px) {
.guide table td img {width:70%;height:auto}
}
/* #endregion */


/* 자료열람실 신청서 */



.application.appPrint{width:100% !important;}
.application {border:4px solid #121212;padding:4px;background:url(../img/img.png) center bottom no-repeat;width:90% !important;}
.application > div {border:1px solid #121212;padding:20px;text-align:center;/*padding-bottom:120px*/}
.application > div > strong.document-title {font-size:3.2rem;padding:0 16px 8px 16px;margin-bottom:32px;display:inline-block}
.application > div .form-group {margin-top:18px;text-align:left}
.application > div > p {text-align:left;font-weight:bold;height:32px;padding-top:8px; border-bottom:0px;}
@page{margin:0;}

#formPrintFormRequest  > strong.document-title {font-size:3.2rem;padding:0 16px 8px 16px;margin-bottom:32px;display:inline-block}
#formPrintFormRequest  .form-group {margin-top:18px;text-align:left}
#formPrintFormRequest  > p {text-align:left;font-weight:bold;height:32px;padding-top:8px}
#formPrintFormRequest > p > span> input {text-align:left;font-weight:bold;height:32px;padding-top:8px}

.printInput { border:1px solid #ddd; height :25px !important; padding-top:0px !important; width:200px; background-color:transparent;}
.printInput2 { background-color:transparent; border:0px solid #ddd; height :25px !important; padding-top:0px !important; width:200px;}
.ui-datepicker-trigger {position: absolute !important;}
.application > div > p.document-no {font-size:1.2rem;border-bottom:none;padding-top:0}
.application > div > p.document-no span {padding-left:0}
.application > div > p span {font-weight:normal;padding-left:16px}
.application > div > strong.highlight {margin-top:32px;margin-left:-25px;margin-right:-25px;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px}
.application-btn {padding:8px 16px;border:1px solid #ddd;background-color:transparent;border-radius:8px;font-size:3rem;}
.application-btn span {padding-right:12px}

/* 자료열람실 신청서 */
.emptySpan{padding:15%;}
.otherLibTable{border:none !important;width:100%;}
.otherLibTable tr td{border:none !important;}
.otherLibTable tr td:nth-child(1){width:10%;text-align:right;}
.otherLibTable tr td:nth-child(2){text-align:left !important;padding-left:2%;}
.otherLibTable tr td:nth-child(3){text-align:right !important;padding-right:10%;}
.otherLibTable2{border:none !important;width:40%;margin-top:2%;}
.otherLibTable2 tr td{border: none !important;font-weight:bold;}
.otherLibTable2 tr td:nth-child(1){width:30%;text-align:right;}
.otherLibTable2 tr td:nth-child(2){text-align:left;padding-left:3%;}
#formPrintFormRequest{margin-left:3%;}

.headImg{padding:0 5% 0 1% !important;}
.otherLibImg{padding:0 15%;}
.otherLibImg img{width:100% !important;}

@media(max-width:820px){.otherLibTable tr td:nth-child(1){width:15%;}}
@media(max-width:515px){.otherLibTable tr td:nth-child(1){width:20%;}.otherLibTable tr td:nth-child(3){padding-right:2%;}}




.application1 {border:4px solid #121212;padding:4px;background:url(../img/img.png) center bottom no-repeat;}
.application1 > div {border:1px solid #121212;padding:20px;text-align:center;/*padding-bottom:120px*/}
.application1 > div > strong.document-title {font-size:3.2rem;border-bottom:4px solid #121212;padding:0 16px 8px 16px;margin-bottom:32px;display:inline-block}
.application1 > div .form-group {text-align:left}
.application1 > div > p {text-align:left;font-weight:bold;/*height:32px;*/border-bottom:1px dotted #ddd;padding-top:8px}
.application1 > div > p.document-no {font-size:1.2rem;border-bottom:none;padding-top:0}
.application1 > div > p.document-no span {padding-left:0}
.application1 > div > p span {font-weight:normal;padding-left:16px}
.application1 > div .print-img { padding-left:50px;}


/* 자료열람신청서 날짜입력 시작 placeholder 색상 */
.application #StartDt::-webkit-input-placeholder {color:red;} /* Chrome/Opera/Safari */
.application #StartDt::-moz-placeholder {color:red;} /* Firefox 19+ */
.application #StartDt:-ms-input-placeholder {color:red;} /* IE 10+ */
.application #StartDt:-moz-placeholder {color:red;} /* Firefox 18- */
/* 자료열람신청서 날짜입력 종료 placeholder 색상 */
.application #EndDt::-webkit-input-placeholder {color:red;} /* Chrome/Opera/Safari */
.application #EndDt::-moz-placeholder {color:red;} /* Firefox 19+ */
.application #EndDt:-ms-input-placeholder {color:red;} /* IE 10+ */
.application #EndDt:-moz-placeholder {color:red;} /* Firefox 18- */
.label-black {font-weight:bold !important;color: black !important;}
.s-tab {margin-bottom:9px}
.s-tab > ul > li.active > a, .s-tab > ul > li.active > a:hover, .s-tab > ul > li.active > a:focus  {border-color:#337ab7;border-bottom:none;border-radius:0;border-width:2px}
.s-tab > ul > li > a, .s-tab > ul > li > a:hover, .s-tab > ul > li > a:focus  {border-radius:0}

.printformcenter {
    align-content: center;
    padding-top: 10px;
}
.dl-horizontal dt {
    width: 130px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}

.locktable {
    /*width: 100%;
    max-width: 100%;*/
  
}
.locktable  tbody > tr > td {
        width: 50px;
        padding:3px;
        text-align:center;
        border:solid 1px #ddd;

}
.c-center{width:100%}
.locker li { display:inline !important;}
.locker li >div {}
.tr30 tbody > tr { height:39px; }

.c-center{width:100%}

.lsHead{font-weight:bold;margin-top:2%;font-size:2.5rem;}
.lsContent{background-color:floralwhite;padding:1% 2%;margin-bottom:1%;}