@charset "utf-8";
/*sub페이지에 관한css(공통css포함)*/

#realgrid{width: 100%;border: 1px solid #ccc;height: 280px;color: green;} /*리얼그리드임시_리얼그리드연결시삭제*/

#sub #container .subCont .tle { position: relative;}       
#sub #container .subCont h4.tle{font-size: 18px;font-weight: 600;font-family: 'Nanum Gothic';color: #2b5c87;letter-spacing: -0.9px;margin: 40px 13px 5px 0px;line-height: 25px;}
#sub #container .subCont h4.tle2{font-size: 18px;font-weight: 800;font-family: 'Nanum Gothic';color: #2b5c87;letter-spacing: -0.9px;margin: 6px 0px 0px 0px;line-height: 25px;}
#sub #container .subCont h4.tle.bullet{padding-left: 16px;}
#sub #container .subCont h4.tle.bullet:before{content: '';width: 12px;height: 12px;border-radius: 13px;box-sizing: border-box;border: 3px solid #2b5c87;display: inline-block;position: absolute;left: 0;top: 5px;}  
#sub #container .subCont h5.tle{font-size: 16px;font-weight: 600;font-family: 'Nanum Gothic';line-height: 20px;margin: 13px 0 0;color: #333;}

/* width */
.wpAuto {width:auto !important;}
.wp5  {width:5% !important;}
.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp100 {width:100% !important;}
.mar_t00{margin-top: 0px !important;}
.mar_t10{margin-top: 10px !important;}
.mar_t40{margin-top: 40px !important;}
.mar_t50{margin-top: 50px !important;}
.pad_t00{padding-top: 0px !important;}

/*목록*/
ul.ul01{margin: 5px 0 20px}
ul.ul01 li{position: relative;margin-bottom: 5px;padding-left: 12px;line-height: 22px;}
ul.ul01 li:last-child{margin-bottom: 0}
ul.ul01 li:before{content: '';width: 5px;height: 5px;border-radius: 5px;background: #31aeb5;display: block;margin: 0 4px;position: absolute;left: 0;top: 8px;}
ul.ul02{margin: 5px 0}
ul.ul02 li:before{content: '';width: 5px;height: 2px;background: #2b5c87;display: block;margin: 0 4px;position: absolute;left: 0;top: 11px;}
ol.ol01{margin: 5px 0 20px 20px}
ol.ol01 li{list-style-type: decimal;list-style-position: outside;/*font-weight: 400;*/font-size: 14px;line-height: 25px;margin-bottom: 5px;}
ol.ol01 li:last-child{margin-bottom:0;}
ol.ol02{margin: 5px 0}
ol.ol02 li{list-style: none;/*font-weight: 200;*/font-size: 14px;line-height: 24px;margin-bottom: 5px;}
ol.ol02 li:before {display: inline-block;width: 19px;height: 19px;border-radius: 20px;line-height: 17px;font-size:0.75rem;text-align:center;margin:0 4px 1px 0;vertical-align: middle;border: 1px solid #8e8e8e;box-sizing: border-box;}
ol.ol02 > li:nth-child(1):before {content:'1'}
ol.ol02 > li:nth-child(2):before {content:'2'}
ol.ol02 > li:nth-child(3):before {content:'3'}
ol.ol02 > li:nth-child(4):before {content:'4'}
ol.ol02 > li:nth-child(5):before {content:'5'}
ol.ol02 > li:nth-child(6):before {content:'6'}
ol.ol02 > li:nth-child(7):before {content:'7'}
ol.ol02 > li:nth-child(8):before {content:'8'}
ol.ol02 > li:nth-child(9):before {content:'9'}
ol.ol02 > li:nth-child(10):before {content:'10'}
ol.ol03{margin: 5px 0 5px 20px;}
ol.ol03 li{list-style-type: decimal-leading-zero;list-style-position: inside;line-height: 22px;margin-bottom: 3px;}

/*----------------- 기본 form 디자인 -----------------*/
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(../img/common/dash_select2.png) no-repeat center right 6px;padding: 0 24px 0 10px;border: 1px solid #c7c7c9;height: 30px;font-size: 13px;}
select::-ms-expand { display: none; }
select,input,textarea{font-family: 'Noto Sans';box-sizing: border-box;padding-left: 10px;border-radius: 5px;}
select.form,
input.form {height: 30px;display:inline-block;border: 1px solid #e0e0e0;box-sizing: border-box;vertical-align: top;background-color:#fff;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;min-width: 50px;color: #555;margin: 0 1px;font-size: 13px;letter-spacing: -0.325px;vertical-align: middle;}
input.form.txtR{padding-right:10px;}
input.form[type="radio"], input[type="checkbox"] {background:none; border:none;}
input.form[type="text"] {box-sizing:border-box;color:#303030;}
input.form[type='file']{height:auto;padding-top:.583em;padding-bottom:.583em; line-height:1.333;}
select.form {background: #fff url(../img/common/dash_select2.png) no-repeat center right 8px;}
input.form:hover, select.form:hover, textarea.form:hover {border-color:#686868}
input.form:disabled {background:#e9ecef!important }
input.form:disabled:hover { border: 1px solid #b8b8b8;}
input.form::placeholder{color:#aaa;font-weight: 300}
input.form:-ms-input-placeholder{color:#aaa;font-weight: 300}
textarea.form {width:100%;height:8em;line-height:1.333;font-size:14px;border-radius: 2px; border: 1px solid #ced4da; background-color: #fff;}
textarea.form.lg {height:16em !important;}
textarea.form.xlg {height:30em !important;}
textarea.form:disabled {background:#e9ecef!important }
.chks {line-height: 25px;margin-left: 8px;display: inline-block;position: relative;}
.chks li{float: left;margin-right: 10px;font-weight: 300;line-height: 18px;width: 120px;position: relative;}
.chks input[type="checkbox"]{display: none;}
.chks input[type="checkbox"] + label{padding-left:17px;margin: 6px 0;}
.chks input[type="checkbox"]:checked + label{color: #0c90d4;font-weight: 500;}
.chks input[type="checkbox"] + label:before{content:"";display:inline-block;width: 13px;height: 13px;position:absolute;top: 5px;left:0;background-color:#ccc;border-radius:2px;}
.chks input[type="checkbox"]:checked + label:before{content:"\2713";font-size: 10px;font-weight:800;color:#fff;background: #0c90d4;text-align:center;line-height: 13px;}
.chks label{vertical-align: middle}
.chks.chksWp li{width: 100%;}
.chks.chksWp li label{width: 60px;display: inline-block;}
.chks.chksWp input[type="checkbox"] + label:before{top: 9px;}
.radio {position: relative; display: inline-block;vertical-align: middle;}
.radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio input[type="radio"] + label {display: inline-block;position: relative;padding-left: 17px;cursor: pointer;vertical-align: top;}
.radio input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -6.5px;width: 13px;height: 13px;text-align: center;background: #fff;border: 1px solid #d4d4d4;border-radius: 100%;box-sizing: border-box;}
.radio input[type="radio"]:checked + label{color: #0c90d4;font-weight: 500;}
.radio input[type="radio"]:checked + label:before {border-color: #adb8c0;}
.radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 50%;margin-top: -6.5px;left: 0px;width: 13px;height: 13px;border: 4px solid #0c90d4;box-sizing: border-box;border-radius: 100%;}
.tbl_head .radio input[type="radio"] + label:before,.tbl_head .radio input[type="radio"]:checked + label:after{margin-top: -5px;}
.radio li{float: left;margin-right: 12px}
.radio li:last-child{margin-right: 0;}
.radio2 {text-align: center;position: relative;display: block;}
.chks2{display: inline-block;}
.radio2 input[type="radio"], .chks2 input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radio2 input[type="radio"] + label, .chks2 input[type="checkbox"] + label {display: inline-block;position: relative;padding-right: 20px;cursor: pointer;vertical-align: top;}
.radio2 input[type="radio"] + label:before, .chks2 input[type="checkbox"] + label:before {content: '';position: absolute;right: 0;top: 50%;margin-top: -6px;width: 14px;height: 14px;text-align: center;background: #fff;border: 1px solid #d4d4d4;border-radius: 2px;box-sizing: border-box;}
.radio2 input[type="radio"]:checked + label:before {}
.radio2 input[type="radio"]:checked + label:after,.chks2 input[type="checkbox"]:checked + label:after {content: "\2713";font-size: 15px;font-weight: 800;position: absolute;top: 1px;right: 0px;width: 14px;height: 14px;text-align: center;line-height: 12px;}
.radio2 li{display: inline-block;margin: 0 20px;}
.radio2 li:last-child{margin-right: 0;}
.radio2.radio2_ver{text-align: left;}
.radio2.radio2_ver li{margin: 3px 0;display: block;}
.radio2.radio2_slim li{margin: 0 10px;}
.radio2.radio2_inline {display: inline;}
.radio2.radio2_inline li {margin: 0 15px 0 0;}
.radio2.radio2_inline li:last-child {margin: 0;}
.radio2.radio2_left input[type="radio"] + label, .chks2 input[type="checkbox"] + label{    padding-left: 20px;}
.radio2.radio2_left input[type="radio"] + label:before{left: 0;right: auto;}
.radio2.radio2_left input[type="radio"]:checked + label:before{left: 0;right: auto;}
.dash {height: 30px;line-height: 30px;display: inline-block;margin: 0 5px 0 2px;vertical-align: middle;}
.radio2.radio2_left input[type="radio"]:checked + label:after, .chks2.radio2_left input[type="checkbox"]:checked + label:after{left: 0;right: auto;}
.form_mar > span {margin: 0 6px 0 0;}
.form_mar > span:last-child {margin-right:0;}
.form + a.btn {/*height: 30px; line-height: 30px; padding: 0 8px; */margin:0 0 0 2px;}
.form_txt {display: inline-block;font-size: 0.9em;color: #6c757d!important;line-height: 1.6;margin: .25rem .25rem 0 .25rem;}
.form_inBtnW{position: relative;display: inline-block;}
.form_inBtnW input{width: 100%;padding-right: 100px;}
.form_inBtnW .form_inBtn{position: absolute;right: 0;top: 0;height: 100%;color: #475d76;font-size: 12px;letter-spacing: -0.3px;font-weight: 500;border: none;background: none;}
.form_inBtnW .form_inBtn:hover{box-shadow: none;font-weight: 600;}

/* --------------------- 버튼 디자인 --------------------- */
/* 기본 Button */
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='image']{overflow:visible;cursor:pointer;}
html input[type='button'],
input[type='submit'],
input[type='reset'],
button,
button[class*='btn'],
button[type='submit'],
button[type='reset'],
a[class*='btn']{position:relative;box-sizing:border-box;max-width:100%;text-align:center;-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;display: inline-block;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0.2);background-color:#fff;color:#000;white-space:nowrap;transition:.2s ease-out;line-height: 1;font-family: 'Noto Sans',Helvetica,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;font-size:14px;}
html input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
button:hover,
button[class*='btn']:hover,
button[type='submit']:hover,
button[type='reset']:hover, /* ☆ */
a[class*='btn']:hover, a[class*='btn']:active, a[class*='btn']:focus {}
/* 디자인 Button */
.btn{border-radius: 5px !important;}
.btn:hover{background: #f9f9f9;}
.btn.btn01{background-color: #0c90d4;border-color: #0c90d4;color:#fff;}
.btn.btn01:hover{background-color: #006ac8;}
.btn.btn02{color: #0c90d4;background-color: #fff;border-color: #0c90d4;}
.btn.btn02:hover{background-color: #edf5ff;}
.btn.btn03{background-color: #d9d9d9;border-color: #d9d9d9;color: #000}
.btn.btn03:hover{background-color: #c3c3c3;}
.btn.btn04{color:#fff;border-color: #3c4556;background-color: #3c4556;}
.btn.btn04:hover{background-color: #212938}
.btn.btn05{color: #bfbfbf;background-color: #f3f3f3;border-color: #d1d1d1;}
.btn > i {margin: 0 3px 0 -1px; font-size: .8em; vertical-align: 1px}
.btn > i.fa-list,.btn > i.fa-check,.btn > i.fa-pen,.btn > i.fa-trash-alt{margin: 0 5px 0 0;font-size: 13px;}
/*btn_wrap*/
.btn_wrap {display:block;position:relative;width:100%;padding:15px 0;text-align:center;box-sizing:border-box;margin: 40px 0 0;}
.btn_wrap:after{content: '';display: block;clear: both;}
.btn_wrap .btn {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btn.btn_block {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 15px;box-sizing: border-box;}
.btn_wrap > .left {float:left;}
.btn_wrap > .right {float:right;}
.btn_wrap.btn_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}

.btn_wrap2 {display:block;position:relative;width:100%;padding:15px 0;text-align:center;box-sizing:border-box;margin: 20px 0 20px 0;}
.btn_wrap2:after{content: '';display: block;clear: both;}
.btn_wrap2 .btn {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btn.btn_block2 {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 15px;box-sizing: border-box;}
.btn_wrap2 > .left {float:left;}
.btn_wrap2 > .right {float:right;}
.btn_wrap2.btn_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}

.btn_wrap3 {display:block;position:relative;width:100%;padding:0px 0;text-align:center;box-sizing:border-box;margin: 0px 0 0px 0;}
.btn_wrap3:after{content: '';display: block;clear: both;}
.btn_wrap3 .btn {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btn.btn_block3 {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 0px;box-sizing: border-box;}
.btn_wrap3 > .left {float:left;}
.btn_wrap3 > .right {float:right;}
.btn_wrap3.btn_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}


/* 파일 버튼*/
.subPdown{float: right;}
.subPdown > button{border: none;color: #000;padding: 0 0 0 23px;margin-right: 8px;font-size: 13px;background: none;position: relative;transition-duration: 0s}
.subPdown > button:hover,
.subPdown > button:focus,
.subPdown > button:active{background: none;box-shadow: none !important;}
.subPdown > button:before{content: '';width: 24px;height: 24px;border-radius: 24px;box-sizing: border-box;display: block;position: absolute;left: 0px;top: -5px;background-image: url(../img/sub/subPdown.png);background-repeat: no-repeat;}
.subPdown .subPdown_exel:before{background-position: left top;}
.subPdown .subPdown_print:before{background-position: -24px top;}
.subPdown .subPdown_exel:hover:before{background-position: left bottom;}
.subPdown .subPdown_exel:hover{color: #116f38}
.subPdown .subPdown_print:hover:before{background-position: -24px bottom;}
.subPdown .subPdown_print:hover{color: #198bd4;}
.subPdown .subPdown_exelWrap{display: inline-block;vertical-align: middle;border-radius: 5px;margin-bottom: 3px;}
.subPdown .subPdown_exelWrap button{display: block;float: left;font-size: 13px;border: none;border-right: 1px solid #828ea0;padding: 0px 10px 0px 30px;}
.subPdown .subPdown_exelWrap button:last-child{border-right: none;}
.subPdown .subPdown_exelWrap button:before{content: '';width: 24px;height: 24px;border-radius: 24px;box-sizing: border-box;display: block;position: absolute;left: 5px;top: -6px;background: url(../img/sub/subPdown.png) no-repeat left top;}

.subPdown .subPdown_exelWrap button.subPdown_save:before{content: '';width: 24px;height: 24px;border-radius: 24px;box-sizing: border-box;display: block;position: absolute;left: 0px;top: 0;background: url(../img/sub/subPdown.png) no-repeat -48px bottom;}
.subPdown .subPdown_save{border: 1px solid #0665cf;height: 28px;border-radius: 5px;font-size: 13px;padding: 6px 11px 7px 27px;vertical-align: middle;margin: 0 0 0 4px;margin-bottom: 3px;color: #0665cf;}
.subPdown .subPdown_save:before{top: 0px;left: 5px;background-position: -48px bottom;}
.subPdown .subPdown_save:hover{background: #eef6ff;}
/* 테이블안버튼*/
table .btn{padding: 3px 10px;font-size: 13px;vertical-align: middle;}

 /*----------------- 폼 -----------------*/
.filterBox{width: 100%;height: auto;overflow: hidden;border: 1px solid #e2e6ed;padding: 14px 35px;box-sizing: border-box;margin-bottom: 35px;background: #fafbfe;position: relative;min-height: 60px;border-radius: 2px;}
.filterBox.filterB_oneR{padding: 8px 35px; min-height: 50px;}
.filterBox .btn{height: 30px;padding: 0 10px;}
.filterBox .filterForm{overflow: hidden;float: left;width: calc(100% - 120px);}
.filterBox .filterForm .row{float: left;position: relative;width: 100%;margin: 2px 0;align-items: center;}
.filterBox .filterForm .row-1  {width: 8.333333%; }
.filterBox .filterForm .row-2  {width: 16.666667%;}
.filterBox .filterForm .row-3  {width: 25%;}
.filterBox .filterForm .row-4  {width: 33.333333%;}
.filterBox .filterForm .row-5  {width: 41.666667%;}
.filterBox .filterForm .row-6  {width: 50%;}
.filterBox .filterForm .row-7  {width: 58.333333%;}
.filterBox .filterForm .row-8  {width: 66.666667%;}
.filterBox .filterForm .row-9  {width: 75%;}
.filterBox .filterForm .row-10 {width: 83.333333%;}
.filterBox .filterForm .row-11 {width: 91.666667%;}
.filterBox .filterForm .row-12 {width: 100%;}
.filterBox .filterForm dt{width: 145px;font-weight: 500;box-sizing: border-box;float: left;line-height: 30px;color: #111;}
.filterBox .regtxt{width: 300px;font-weight: 500;box-sizing: border-box;line-height: 30px;color: #111; clear: both;	}
.filterBox .filterForm dt.regtxt label{width: 300px;font-weight: 500;box-sizing: border-box;float: left;line-height: 30px;color: #111;}
.filterBox .filterForm dd{width: calc(100% - 145px);padding: 0 15px;color: #555;box-sizing: border-box;float: left;}
.filterBox .filterForm dd.regcheck{width: calc(100% - 300px);padding: 0 15px;color: #555;box-sizing: border-box;}
.filterBox .filterForm dt input[type="checkbox"]{margin: 0 5px;}
.filterBox .btn_wrap{float: left;width: 95px;text-align: center;margin: 0;padding: 0;position: static;}
.filterBox .btn_wrap .btn{width: 95px;padding: 0;position: absolute;right: 28px;top: 50%;transform: translateY(-50%);height: calc(100% - 32px);letter-spacing: 1px;min-width: 95px;margin: 0;background-color: #51565e;border: none;overflow: hidden;}
.filterBox .btn_wrap .btn > i{margin: 0;font-size: 13px;vertical-align: 0;}
.filterBox .btn_wrap .btn:before{content: '';position: absolute;right: 0;bottom: 0;z-index: -1;width: 100%;height: 100%;display: block;background: linear-gradient(135deg, rgba(51,77,114,1) 30%,rgb(0 143 222) 120%);transition-duration: 0.4s;border-radius: 5px;opacity: 0;}
.filterBox .btn_wrap .btn:hover:before{/* height: 200%; */opacity: 1;background-size:100%}
.filterBox .filterForm .row dt .radio{margin-top: -4px;}
.filterBox.tight .filterForm dt{width:100px;}
.filterBox.tight .filterForm dd{width:calc(100% - 100px);padding: 0;}
.filterBox .chks input[type="checkbox"] + label:before{top: 8px;}
.term{position: relative;display: inline-block;width: 120px;vertical-align: middle;}
.term.term_sm{width: 80px}
.term i{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);color: #475d76;}
.term input{padding-right: 25px}


 /*----------------- 폼2  -----------------*/
.regBox{width: 100%;height: auto;overflow: hidden;padding: 14px 0px;box-sizing: border-box;margin-bottom: 5px;position: relative;min-height: 60px;border-radius: 2px;}
.regBox.regB_oneR{padding: 8px 35px; min-height: 50px;}
.regBox .btn{height: 30px;padding: 0 10px;}
.regBox .regForm{overflow: hidden;float: left;width: calc(100% - 120px);}
.regBox .regForm2{overflow: hidden; text-align: center; padding-top: 30px; padding-bottom: 5px; }
.regBox .regForm .row{float: left;position: relative;width: 100%;margin: 2px 0;align-items: center;}
.regBox .regForm .row-1  {width: 8.333333%; }
.regBox .regForm .row-2  {width: 16.666667%;}
.regBox .regForm .row-3  {width: 25%;}
.regBox .regForm .row-4  {width: 33.333333%;}
.regBox .regForm .row-5  {width: 41.666667%;}
.regBox .regForm .row-6  {width: 50%;}
.regBox .regForm .row-7  {width: 58.333333%;}
.regBox .regForm .row-8  {width: 66.666667%;}
.regBox .regForm .row-9  {width: 75%;}
.regBox .regForm .row-10 {width: 83.333333%;}
.regBox .regForm .row-11 {width: 91.666667%;}
.regBox .regForm .row-12 {width: 100%;}
.regBox .regForm dt{width: 145px;font-weight: 500;box-sizing: border-box;float: left;line-height: 30px;color: #111;}
.regBox .regtxt{width: 300px;font-weight: 500;box-sizing: border-box;line-height: 30px;color: #111; clear: both;	}
.regBox .regForm dt.regtxt label{width: 300px;font-weight: 500;box-sizing: border-box;float: left;line-height: 30px;color: #111;}
.regBox .regForm dd{width: calc(100% - 145px);padding: 0 15px;color: #555;box-sizing: border-box;float: left;}
.regBox .regForm dd.regcheck{width: calc(100% - 300px);padding: 0 0px;color: #555;box-sizing: border-box;}
.regBox .regForm dd.regcheck label{color: #555555; font-weight:500; font-size: 16px;}
.regBox .regForm dd.regcheck span{color: #d1233d; font-weight: 500; font-size: 16px;}
.regBox .regForm2 label{color: #555555; font-weight:500; font-size: 18px;}
.regBox .regForm2 dd.regcheck span{color: #d1233d; font-weight: 500; font-size: 20px;}
.regBox .regForm dt input[type="checkbox"]{margin: 0 5px;}
.regBox .btn_wrap{float: left;width: 95px;text-align: center;margin: 0;padding: 0;position: static;}
.regBox .btn_wrap .btn{width: 95px;padding: 0;position: absolute;right: 28px;top: 50%;transform: translateY(-50%);height: calc(100% - 32px);letter-spacing: 1px;min-width: 95px;margin: 0;background-color: #51565e;border: none;overflow: hidden;}
.regBox .btn_wrap .btn > i{margin: 0;font-size: 13px;vertical-align: 0;}
.regBox .btn_wrap .btn:before{content: '';position: absolute;right: 0;bottom: 0;z-index: -1;width: 100%;height: 100%;display: block;background: linear-gradient(135deg, rgba(51,77,114,1) 30%,rgb(0 143 222) 120%);transition-duration: 0.4s;border-radius: 5px;opacity: 0;}
.regBox .btn_wrap .btn:hover:before{/* height: 200%; */opacity: 1;background-size:100%}
.regBox .regForm .row dt .radio{margin-top: -4px;}
.regBox.tight .regForm dt{width:100px;}
.regBox.tight .regForm dd{width:calc(100% - 100px);padding: 0;}
.regBox .chks input[type="checkbox"] + label:before{top: 8px;}
.btn_wrap_reg{ margin: 20px auto;; padding: 0px 0px 0px 0px; box-sizing: border-box; width: 98px;}
.term{position: relative;display: inline-block;width: 120px;vertical-align: middle;}
.term.term_sm{width: 80px}
.term i{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);color: #475d76;}
.term input{padding-right: 25px}

/* 이용약관 */


#register_agree{ max-width: 900px; margin: 100px auto 0; padding: 30px 40px 40px 40px; background: #ffffff; border: 1px solid #64b7ec; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075);
    box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 20px;}
   
#fregister_chkall {line-height: 55px; border-bottom: 1px solid #d8d9df; text-align: left;}
.checks2 {position: relative;}
.checks2 input[type="checkbox"] {position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; outline: 0; z-index: -1; overflow: hidden;}
.checks2 input[type="checkbox"] + label:before {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 18px; height: 18px; background: #fff; border: 1px solid #ddd; text-align: center; cursor: pointer;
}
.checks2 label {font-size: 14px; color: #2d2f43; font-weight: 400; letter-spacing: -0.02em;}
label {cursor: default;vertical-align: middle;}

#fregister textarea {display: block; padding: 20px; width: 100%; height: 150px; background: #fff; border: 1px solid #d8d9df; font-size: 14px; color: #98989f; ine-height: 1.6em; overflow: auto; resize: none;}

.fregister_agree2 span {color: #e5433e;font-weight: 400;padding-left: 5px;}

.join_member_1 {height: 200px;overflow-y: scroll;border: 1px solid #d9d9d9;box-sizing: border-box;padding: 20px 30px;background: #f8f8f8;}
.join_member_1 + .form-check {text-align: right;margin: 0.5rem 0 2rem 0;}
.join_member_1 + .form-check > span {margin:0 5px;}
.join_member_1 > h5.tle:nth-child(1) {margin-top:5px;}


/* --------------------- 테이블 --------------------- */
table b{font-weight: 400}
/* 기본테이블 */
.contTbl{width:100%;margin:5px 0 10px;border:0;border-collapse:separate;border-top: 2px solid #618190;border-bottom: 1px solid #c5c9d6;border-right:1px solid #fff;background:#fff;word-break: keep-all;table-layout: fixed;}
.contTbl>*>tr{border-right:2px solid #fff;}
.contTbl>*>tr>th,
.contTbl>*>tr>td {padding: 8px 8px;border-color: #c5c9d6;border-style:solid;border-width:1px 1px 0 0;vertical-align:middle;line-height: 1.3;}
.contTbl>*>tr>td{font-size: 13px;height: 22px;}
.contTbl>*>tr>td a{color: #0c90d4; font-weight: 400;word-break: break-all;}
.contTbl>*>tr>td a:not([class*='btn']):hover{text-decoration: underline;}
.contTbl>*>tr>td p{margin: 3px 0}
.contTbl>*>tr>th{background: #fafbfe;color: #363c5a;font-weight: 500;}
.contTbl>*>tr>*:last-child{border-right: none;}
.contTbl>thead>tr>th{border-width:0 1px 1px 0;text-align:center;padding: 10px 5px;}
.contTbl>tfoot>tr>th{}
.contTbl > tfoot > * {background: #fafbfe;font-weight:400;}
.contTbl > tfoot td,.contTbl > tfoot th{border-top: 1px solid #618190;}
.contTbl>tbody>tr:first-child>th,
.contTbl>tbody>tr:first-child>td{border-top-width:0;}
.contTbl * > table {margin:0 !important;}
.contTbl>*>tr>th small.font_red{font-size: 12px;font-weight: 500}
.cT_line{border-left: 1px solid #d9d9d9;}
.cT_line>*>tr{border-right: none;}
.contTbl.slim>*>tr>th, .contTbl.slim>*>tr>td{padding: 5px 6px;}
.contTbl.slim>thead>tr>th{padding: 7px 6px;}
.contTbl.slim >*>tr>* {padding-left:3px;padding-right:3px;}
.contTbl select.form, .contTbl input.form{height: 27px;}
.borR{border-right: 1px solid #ccc !important;}
.required {}
.required:after {color:#c53f3f; content:'*'; display:inline-block; width:5px; height: 5px; margin:0 0 0 3px; }
.reDoclist{color: #195aaa;font-weight: 400;display: inline-block;vertical-align: -3px;position: relative;padding-left: 2px;margin-left: 20px;}
.reDoclist:before{content: "\f069";font-family: 'Font Awesome 5 Free';display: inline-block;font-weight: 900;font-size: 10px;position: absolute;left: 0;top: 2px;}
.reDoclist li{float: left;margin-left: 10px;}
/*tr호버효과*/
table.tbl_hover tbody tr:hover{background: #faf8f1; cursor: pointer;}
table tbody tr.on {background:  #f3f9ff;}
.thC>tbody>tr>th{text-align: center !important;}
.tdL th{text-align: center;}
.tdL td{text-align: left;}
td.textAc{text-align: center !important;}
td.textAr{text-align: right !important;}
.textAc{text-align: center !important;}
.textAr{text-align: right !important;}
.textAl{text-align: left !important;}

/*목록*/
.contTbl td ul.ul01{margin: 0;}
.contTbl td ul.ul01 li{position: relative;margin-bottom: 2px;line-height: 18px;}
.contTbl td ul.ul01 li:last-child{margin-bottom: 0}
.contTbl td ul.ul01 li:before{width: 3px;height: 3px;border-radius: 3px;background: #7c7d8f;}
.contTbl td ul.ul01.ul01_fl li{float:left;margin-right: 12px;margin-bottom: 0}
/*테이블상단*/
.tbl_head{width: 100%;height: auto;margin: 5px 0;position: relative;line-height: 30px;}
.tbl_head:after{content: '';display: block;clear: both;}
.tbl_head .tle{margin: 3px 13px 0 0 !important;}
.tbl_head .pageNum{font-size: 14px;font-weight: 400;color: #555;line-height: 20px;font-family: 'Noto Sans';margin-top: 5px;}
.tbl_head .pageNum b{color: #111;font-weight: 500;}
.tbl_head .pageNum small{color: #666;font-size: 13px;font-weight: 200}
.tbl_head select{margin-left: 10px;height: 24px;padding: 0px 20px 0 8px;background-position: center right 5px;}
table + .tbl_head{margin-top: 30px;}
/* 여백 넓은 테이블 */
/*.contTbl.wide>*>tr>th, .contTbl.wide>*>tr>td {padding: 6px 8px;}*/
.buildM{font-family: 'Nanum Gothic'; color: #005b00;border: 1px solid #005b00;font-size: 11px;padding: 3px 5px 2px;border-radius: 16px; display: inline-block;line-height: 1;vertical-align: middle;margin-left: 10px;font-weight: 600;}


.contTbl_list>*>tr>th:nth-child(1) {border-left-width:1px}
.contTbl_list>*>tr>*:last-child { border-right: 1px solid #c5c9d6;}

.contTbl_list>*>tr>td:nth-child(1) {border-width:1px 1px 0 1px}
.contTbl_list>*>tr>*:last-child { border-right: 1px solid #c5c9d6;}
.contTbl_list>*>tr:nth-child(2n) td {background:#f8f8f8;}




/*게시판테이블*/
.boardTbl{width:100%;margin:7px 0 10px;border:0;border-collapse:separate;border-top:2px solid #618190;border-bottom: 1px solid #c5c9d6;border-right:1px solid #fff;background:#fff;word-break: keep-all;table-layout: fixed;text-align: center;}
.boardTbl>*>tr{border-right:2px solid #fff;}
.boardTbl>*>tr>th,
.boardTbl>*>tr>td {padding: 11px 8px;border-top: 1px solid #c5c9d6;vertical-align:middle;line-height: 1.3;}
.boardTbl>*>tr>td{font-size: 13px;height: 22px;}
.boardTbl>*>tr>td a{color: #0c90d4; font-weight: 400;word-break: break-all;}
.boardTbl>*>tr>td a:not([class*='btn']):hover{text-decoration: underline;}
.boardTbl>*>tr>td p{margin: 3px 0}
.boardTbl>*>tr>th{background: #fafbfe; color: #363c5a;font-weight: 500;}
.boardTbl>*>tr>*:last-child{border-right: none;}
.boardTbl>thead>tr>th{border-width:0 1px 1px 0;text-align:center;padding: 13px 5px;border-bottom: 1px solid #bbbfcd;}
.boardTbl>tbody>tr:first-child>th,
.boardTbl>tbody>tr:first-child>td{border-top-width:0;}
.boardTbl>tbody>tr:hover{background: #fafafa}
.boardTbl>tbody td{/* color: #646464 */}
.boardHline{text-align: left;}
.boardHline a{color: #0c90d4 !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-right: 21px;max-width: 90%;display: inline-block;vertical-align: middle;}
.boardHline a .lock{position: absolute;right: 5px;top: 50%;transform: translateY(-50%);font-family: 'Font Awesome 5 Free';font-weight: 900;color: #bdbdbd;display: inline-block;}
.boardHline a .lock:after {content: "\f023";}
.boardHline a .new {width: 15px;height: 15px;border-radius: 100%;background: #f31f3b;position: absolute;right: 0px;top: 50%;margin-top: -7.5px;}
.boardHline a .new:after {content: 'N';color: #fff;position: absolute;left: 0;top: 0;font-size: 10px;width: 15px;height: 15px;text-align: center;line-height: 15px;}
.boardTbl .notice{color: #f31f3b}

.boardSform select{height: 30px;}
.boardSform input{width: 180px;margin-right: 1px;}
.boardSform .btn{height: 30px;vertical-align: middle;padding: 0 12px;background-color: #51565e;color: #fff;}
/* 페이징 */
#paging{clear:both; width:100%; margin:15px 0 0; text-align:center;font-family: 'Noto Sans';font-size: 14px;}
#paging > a {vertical-align: middle;display: inline-block;width: 27px;height: 27px;text-align:center;line-height: 27px;color: #000;text-decoration: none;}
#paging > a {margin: 0;vertical-align: bottom;}
#paging > a:hover{text-decoration: underline;color: #0c90d4}
#paging .on {background: #0c90d4;color:#fff !important;border-radius: 8px;text-decoration: none !important;}
#paging a.control {background: url(../img/common/btn_pagination.png) no-repeat;border: 1px solid #e6e6e6;border-radius: 8px;margin: 0 2px 0 0;box-sizing: border-box;}
#paging a.control:hover{background-color: #f9f9f9}
#first {background-position: 0px -1px !important;}
#prev  {background-position: -27px -1px !important;}
#next{background-position: -56px -1px !important;}
#last {background-position: -82px -1px !important;}
/*카테고리*/
.ans_cate1{color: #e62626}
.ans_cate2{color:#0f85ff }


/* --------------------- 모달팝업 --------------------- */
.Pstyle {opacity: 0;display: none;position: relative;background-color: #fff;padding: 0;left: 20px;/*max-width:1200px;*/font-size: 14px;max-width: 95%;border-radius: 10px;/* overflow: hidden; */}
/*.pop_content > .contTbl {margin-bottom: 40px;}*/
.pop_content > .btn_wrap {overflow: hidden;padding: 0;margin: 17px 0 0;}
.pop_content > .btn_wrap .btn01{background-color: #111;border-color: #111;}
.pop_content > .btn_wrap a[class*='btn'] {padding:8px 20px;}
.pop_content > .btn_wrap button[class*='btn'] {padding:8px 20px;}

.pop_content > .btn_wrap .btn {padding:8px 20px;}

.regnum {display: block; width: 210px; padding: 30px 0px 20px 0px; margin: 0 auto; box-sizing: border-box;} 
.regnum > li.regnumTitle{ display: block; float: left; height: 30px; font-weight:600; padding: 2px 10px 0px 0px; margin: 0px 0px 0px 0px; box-sizing: border-box; }
.regnum > li.regnumText{display: block; float: left; height: 30px; width: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; box-sizing: border-box; }
.regnum > li > input{margin:0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important;}

.Pstyle_in {top: 15% !important;opacity: 0;display: none;position: relative;background-color: #fff;border: 5px solid #fff;padding: 0 20px 40px 20px;}
.Pstyle .pop_title {background: #0c90d4;height: 52px;line-height: 55px;border-radius: 10px 10px 0 0;}
.Pstyle .pop_title h5 {color: #fff;font-size: 20px;font-family: 'Nanum Gothic';font-weight: 800;padding-left: 35px;}
.Pstyle .pop_title .b-close {position: absolute;top: -14px;right: -24px;width: 48px;height: 48px;border-radius: 100%;background: #fff;text-align: center;line-height: 40px;box-shadow: rgba(0,0,0,0.3) -3px 3px 8px;transition-duration: 0.3s}
.Pstyle .pop_title .b-close i {color: #333;font-size: 28px;display: inline-block;vertical-align: middle;line-height: 48px;}
.Pstyle .pop_title .b-close:hover {transform: scale(1.1)}
.Pstyle .pop_content {padding: 20px 33px 30px;box-sizing: border-box;overflow: hidden;}
.Pstyle .pop_content h5.tle{font-size: 15px;font-weight: 800;font-family: 'Nanum Gothic';line-height: 20px;color: #333}
.Pstyle .pop_content > table {table-layout: fixed;}
.Pstyle .pop_content p{line-height: 18px;}
.Pstyle .pop_content > .tbl_head{margin-top: 0;}
.Pstyle.Pstyle_bt .pop_content{padding-bottom: 20px;}
.Pstyle .pop_bottom{width: 100%;height: 30px;background: #efefef;border-top: 1px solid #ddd;text-align: right;padding: 0 18px;box-sizing: border-box;}
.Pstyle .pop_bottom a{color: #666;line-height: 28px;font-size: 13px;}
.Pstyle .pop_bottom input{vertical-align: -2px;}
.Pstyle .filterBox{padding: 10px 18px;min-height: 50px;margin-bottom: 30px;}
.Pstyle .filterBox .filterForm{ width: calc(100% - 85px);}
.Pstyle .filterBox .btn_wrap .btn{width: 75px;min-width: 75px;min-height: 30px;right: 18px;}
.wPop_wrap .filterBox{padding: 10px 18px;min-height: 50px;margin-bottom: 30px;}
.wPop_wrap .filterBox .filterForm{ width: calc(100% - 85px);}
.wPop_wrap .filterBox .btn_wrap .btn{width: 75px;min-width: 75px;min-height: 30px;right: 18px;height: calc(100% - 24px);}

/* --------------------- 윈도우팝업 --------------------- */
#wPop{min-width: auto;padding: 35px 30px 0 30px;box-sizing: border-box;}
/*신고서*/
#wPop.wPop_dec{min-width: 870px;}
#wPop.wPop_dec2{min-width: 700px;}
#wPop.wPop_dec3{min-width: 770px;}
#wPop.wPop_dec .decTbl input{height: 25px;vertical-align: middle;border-radius: 3px;}
#wPop.wPop_dec h1{font-size: 25px;font-weight: 800;text-align: center;margin-bottom: 30px;}
#wPop.wPop_dec .wPop_titBox {position: relative;} 
#wPop.wPop_dec .wPop_titBox .radio2.radio2_inline {position: absolute; top: 7px; right: 0;font-size: 20px; font-weight: 800;} 
#wPop.wPop_dec .wPop_titBox .radio2 input[type="radio"]:checked + label:after {top: 10px;} 
#wPop.wPop_dec .wPop_decTop{width: 100%;display: table;background: #dfdfdf;border-top: 1px solid #898989;border-bottom: 1px solid #898989;}
#wPop.wPop_dec .wPop_decTop dl{display: table-cell;width: 33.33%;padding: 1px 15px 3px 30px;border-right: 1px solid #aeaeae;}
#wPop.wPop_dec .wPop_decTop dl > *{display: inline-block;}
#wPop.wPop_dec .wPop_decTop dl:last-child{border-right: none;}
#wPop.wPop_dec .wPop_decTop dl dt{color: #333;}
#wPop.wPop_dec .wPop_decTop dl dd{float:right;font-weight: 500;font-size: 15px;line-height: 24px;width: calc(100% - 90px);}
#wPop.wPop_dec .wPop_decTop dl dd input{height:23px;border: 1px solid #a6a6a6;}
#wPop.wPop_dec .decTbl{width: 100%;}
#wPop.wPop_dec .decTbl .decTbl_thCol{width: 130px;}
#wPop.wPop_dec .decTbl .decTbl_thCol2{width: 115px;}
#wPop.wPop_dec .decTbl .decTbl_col{width: 26%;}
#wPop.wPop_dec .decTbl {width:100%;margin: 12px 0;border:0;border-collapse:separate;border-top: 1px solid #898989;border-right:1px solid #fff;background:#fff;word-break: keep-all;table-layout: fixed;}
#wPop.wPop_dec .decTbl>*>tr{border-right:2px solid #fff;}
#wPop.wPop_dec .decTbl>*>tr>th,
#wPop.wPop_dec .decTbl>*>tr>td {padding: 8px 10px;border-color: #ccc;border-style:solid;border-width: 0px 1px 1px 0px;vertical-align:middle;line-height: 1.3;height: 18px;}
#wPop.wPop_dec .decTbl>*>tr>th{background: #f8f8f8;}
#wPop.wPop_dec .decTbl>*>tr>th.decTbl_th{color: #333;font-weight: 500;background: #f8f8f8}
#wPop.wPop_dec .decTbl>*>tr>*:last-child{border-right: none;}
#wPop.wPop_dec .decTbl>*>tr>.decTbl_bdr {border-right: 1px solid #ccc;}
#wPop.wPop_dec .decTbl>tbody>tr>td .btn{vertical-align: -1px;margin-right: 6px;}
#wPop.wPop_dec .decTbl .decForm{width: 100%;display: block;padding-left: 20px;box-sizing: border-box;}
#wPop.wPop_dec .decTbl .decForm label{width: 80px;display: inline-block;}
#wPop.wPop_dec .decTbl .decForm input{width: calc(100% - 90px);float: right;}
#wPop.wPop_dec .decTbl .decForm_tel{display: block;float: right;font-size: 13px;line-height: 20px;margin-top: 5px;}
#wPop.wPop_dec .decTbl .decForm_tel input{width: 180px;height: 22px;}
#wPop.wPop_dec .decTbl .decForm2{/* width: 100%; *//* display: block; */}
#wPop.wPop_dec .decTbl .decForm2 input{width: calc(100% - 120px);}
#wPop.wPop_dec .decTbl .decForm2_rd{text-align: left;display: inline-block;}
#wPop.wPop_dec .decTbl .decForm2_rd li{margin: 0;font-size: 13px;}
#wPop.wPop_dec .decTbl .decForm3{width: 100%}
#wPop.wPop_dec .decTbl .decForm3{width: 100%}
#wPop.wPop_dec .decTbl .decForm3{width: 100%;display: block;}
#wPop.wPop_dec .decTbl .decForm3 label{width: 60px;display: inline-block;}
#wPop.wPop_dec .decTbl .decForm3 input{width: calc(100% - 145px);display: inline-block;}
#wPop.wPop_dec .decTbl .decForm3 em{color: #000}
#wPop.wPop_dec .decTbl .decForm_sm{margin-top: 1px;}
#wPop.wPop_dec .decForm_md input{width: 130px}
#wPop.wPop_dec .decForm_date{margin-right: 5px}
#wPop.wPop_dec .decForm_date input{width: 30px;min-width: 30px;}
#wPop.wPop_dec .decForm_date1 input{width: 48px}
#wPop.wPop_dec .wPop_decBtt{font-size: 16px;}
#wPop.wPop_dec .wPop_decBtt input{height: 28px;}
#wPop.wPop_dec .decT{margin-top: 10px;text-align: center;font-size: 16px;}
#wPop.wPop_dec .wPop_decBtt .decT .radio2 input[type="radio"]:checked + label:after, 
#wPop.wPop_dec .wPop_decBtt .decT .chks2 input[type="checkbox"]:checked + label:after {top: 6px;} 
.chks2 input[type="checkbox"]:disabled + label:before,
.radio2 input[type="radio"]:disabled + label:before{background: #e9ecef!important}
#wPop.wPop_dec .wPop_decBtt .decTdate{text-align: right;margin: 10px 0;}
#wPop.wPop_dec .wPop_decBtt .decTsign{text-align: center;font-size: 18px;font-weight: 600;margin-top: 30px;}
#wPop.wPop_dec .wPop_decBtt .decTsign span{font-size: 13px;font-weight: 400}
#wPop.wPop_dec .decTsign .required3{margin: 0px 2px 0 0px;font-size: 15px !important;font-weight: 800 !important;}
.decTsign_wf{display: inline-block;width: 180px;}
.decTdate_wf{display: inline-block;width: 40px;}
#wPop.wPop_dec .wPop_decBtt .decTdear{font-size: 20px;font-weight: 800;color: #575757;line-height: 22px;margin-top: 35px;height: auto;overflow: hidden;}
#wPop.wPop_dec .wPop_decBtt .decTdear ul{float: left;}
#wPop.wPop_dec .wPop_decBtt .decTdear li{letter-spacing: 0px;}
#wPop.wPop_dec .wPop_decBtt .decTdear li:first-child{letter-spacing: 8.5px;}
#wPop.wPop_dec .wPop_decBtt .decTdear li:nth-child(2){letter-spacing: 4px;}
#wPop.wPop_dec .wPop_decBtt .decTdear span{margin-top: 44px; display: inline-block;vertical-align: middle;}
#wPop.wPop_dec .wPop_decBtt .decTdear.decTdear_sol span {float: left; margin-top: 0; padding-left: 5px;}
#wPop.wPop_dec .wPop_decBtt .decTdear.decTdear_sol li:first-child {letter-spacing: 0px;} 
#wPop.wPop_dec .wPop_decBtt .decForm_date input{min-width: 40px;margin-top: -3px;}
#wPop.wPop_dec .wPop_decBtt .decForm_date1 input{min-width: 65px;}
#wPop.wPop_dec .decTdate .term{width: 158px}
#wPop.wPop_dec .decTdate .term input{}
#wPop.wPop_dec .wPop_decBtt2{text-align: center;}
#wPop.wPop_dec .wPop_decBtt2 .decBtt2_date{font-size: 17px;font-weight: 500;margin-top: 40px;}
#wPop.wPop_dec .wPop_decBtt2 .decBtt2_jang{font-size: 22px;font-weight: 800;color: #575757;line-height: 22px;margin-top: 28px;height: auto;overflow: hidden;}
#wPop.wPop_dec .wPop_decBtt2 .decBtt2_jang small{font-weight: 400;margin-left: 5px;}
/*행정제재처분확인서*/
#wPop.wPop_dec2 .decTbl input{height: 30px;}
#wPop.wPop_dec2 .decTbl th, #wPop.wPop_dec2 .decTbl td{padding: 15px 10px !important;}
.decTbl_label{font-size: 13px;font-weight: 500; display: block;margin-bottom: 5px;color: #333}
/*공동주택 관리실적 증명서*/
#wPop.wPop_dec3 .decTbl>*>tr>th, #wPop.wPop_dec3 .decTbl>*>tr>td{height: 28px;}
#wPop.wPop_dec3 .decTbl_th{font-size: 15px;position: relative;padding-left: 38px !important;}
#wPop.wPop_dec3 .decTbl_th:before{content: '';width: 8px;height: 8px;background: #333;display: block;transform: rotate(45deg);position: absolute;left: 20px;top: 50%;margin-top: -4px;}
#wPop.wPop_dec3 .decTdear2{text-align: left;font-size: 16px;color: #555}
#wPop.wPop_dec3 ol{margin: 0 15px;}
#wPop.wPop_dec3 ol li{margin: 0;line-height: 22px;}
#wPop.wPop_dec3 .wPop_decBtt2{margin: 15px 0}
#wPop.wPop_dec3 .wPop_decBtt2 .decBtt2_date{margin-top: 20px;}
/*표준심사표*/
.wPop_wrap h4.tle{font-size: 16px;font-weight: 600}
.wPop_wrap .wPop_tle{background: #0c90d4;height: 52px;line-height: 55px;color: #fff; font-size: 20px;font-family: 'Nanum Gothic'; font-weight: 800;padding-left: 35px;}
.wPop_wrap .wPop_cont{padding:20px;}
.wPop_wrap.wPop_wrapPd .wPop_cont{padding:30px 43px;;}
.wPop_wrap .wPop_cont .contTbl.judgeTbl td{font-size: 15px;padding: 10px 8px;font-weight: 400;}
.wPop_wrap .wPop_cont .contTbl.judgeTbl td small{display: block;color: #696969;margin-top: 8px;font-size: 12px;font-weight: 300;}
.wPop_wrap .wPop_cont .contTbl.judgeTbl td small i{font-size: 10px;color: #e62626}
.wPop_wrap .wPop_cont .contTbl.judgeTbl td img{margin: 12px 0 5px}
.wPop_wrap .wPop_cont .contTbl.judgeTbl .resultTd{background: #f3f9ff;font-size: 15px;font-family: 'Nanum Gothic';font-weight: 800;}
.wPop_wrap .wPop_cont .contTbl.judgeTbl .resultTd i.fa-circle{color: #0072ff;}
.wPop_wrap .wPop_cont .contTbl.judgeTbl .resultTd i.fa-times{color: #e62626;}
.wPop_cont > .btn_wrap{margin-top: 20px;}

@media (min-width: 1900px) {
    #subWrap #sub.fold .filterBox .row-rg1{width: 8.333333%;}
    #subWrap #sub.fold .filterBox .row-rg2{width: 16.666667%;}
    #subWrap #sub.fold .filterBox .row-rg3{width: 25%;}
    #subWrap #sub.fold .filterBox .row-rg4{width: 33.333333%;}
    #subWrap #sub.fold .filterBox .row-rg5{width: 41.666667%;}
    #subWrap #sub.fold .filterBox .row-rg6{width: 50%;}
    #subWrap #sub.fold .filterBox .row-rg7{width: 58.333333%;}
    #subWrap #sub.fold .filterBox .row-rg8{width: 66.666667%;}
    #subWrap #sub.fold .filterBox .row-rg9{width: 75%;}
    #subWrap #sub.fold .filterBox .row-rg10{width: 83.333333%;}
    #subWrap #sub.fold .filterBox .row-rg11{width: 91.666667%;}
    #subWrap #sub.fold .filterBox .row-rg12{width: 100%;}
    #subWrap #sub.fold .filterBox .filterForm dt.rg_short{width: 65px;}
    #subWrap #sub.fold .filterBox .filterForm dt.rg_short + dd{width: calc(100% - 65px);}
}

/* --------------------- 서브페이지css --------------------- */
.box_wrap {overflow: hidden; position: relative; width: 100%;}
.box {float: left; padding: 0 20px; box-sizing: border-box;}
.box:first-of-type {padding-left: 0;}
.box:last-of-type {padding-right: 0;}
.tblBox {position: absolute;right: 0;height: 100%;}
.tblBox > .contTbl {margin-top: 0;}
.tblBox .btn_wrap {position: absolute; bottom: 0; padding-bottom: 0;}
.tbl_head .tle {line-height: 1;}
.cl_b{clear: both;}
.tbl_head .btn {padding: 6px 10px;font-size: 13px;vertical-align: middle;}

.menu_tree {border: 1px solid #ccc; height: 326px; padding: 25px; overflow-y: auto;}

.textBox,
.textBox_sm,
.textBox_lg {overflow-y: auto; display: block; line-height: 1.4; min-height: 8em; max-height: 8em; text-align: left;}
.textBox_sm {min-height: auto;}
.textBox_lg {max-height: 220px;}
.scrY_md {max-height: 220px;overflow-y: auto}

.innerTbl {margin:5px 0 10px;}
.innerTbl > .tbl_head {margin-top: 0;}

.form.form_ip {width: 19%;}
td small {font-size: 12px;}
.chks.chks-col3 > li {width: calc( (100% - 31px) / 3)}

.required2 {margin: 0 3px 0 0;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 0.7em;vertical-align: 1px;color: #f44336;}
.required2:before {content: "\f00c";}
.form.form_required:hover,.form.form_required:focus,.form.form_required:active {border-color: #fea7a7;outline:none}
.required3 {margin: 0 -8px 0 0px;font-weight: 900;vertical-align: 1px;color: #f44336;}
.required3:before {content: "*";}
.required3.required3_right{margin: 0 0px 0 -8px;}
.form.form_required3:hover,.form.form_required3:focus,.form.form_required3:active{border-color: #fea7a7;outline:none}

/* 탭 */ 
.chBtab{width: 100%;height: auto;overflow: hidden;margin-bottom: 30px;}
.chBtab li{display: block;border: 1px solid #ccc; border-width: 1px 1px 1px 0; float: left;box-sizing: border-box;width: calc(100% / 10);text-align: center;}
.chBtab li:first-child {border-left-width: 1px;}
.chBtab li a{display: block;padding: 7px 0;}
.chBtab li a:hover {color: #0c90d4; font-weight: 500;}
.chBtab li.on{background: #51565e;border-color: #51565e;font-weight: 500}
.chBtab li.on a{color: #fff;}
.chBtab li b {margin-left: 3px;background: #51565e;color: #fff;padding: 0px 8px;border-radius: 12px;font-size: 12px;font-weight: 500;letter-spacing: 0;}
.chBtab li.on b {background: #fff;font-weight: 600;color: #51565e;border-radius: 12px;font-size: 13px;}
.chBtab-3 li{width: calc(100% / 3);}
.chBtab-6 li{width: calc(100% / 6);}
@media (max-width: 1900px) {
    .chBtab-rg3 li {width: calc(100% / 3);}
    .chBtab-rg3 li:nth-child(3n+1) {border-left-width: 1px;}
    .chBtab-rg3 li:nth-child(n+4) {border-top-width: 0;}
}

/* 파일첨부 */
#addedFormDiv > div {position: relative;margin: 4px 0;}
#addedFormDiv .add {position: absolute;top: 1px;left: 63%;z-index: 21;margin-top: -1px;padding: 8px 10px;font-size: 12px;color: #4e4e4e;background: #f8f8f8;border: 1px solid #e0e0e0;box-sizing: border-box;}
.add+.i_text {margin-left: -3px;}
#addedFormDiv .addData {position: absolute;top: 1px;left: 16%; z-index: 21;margin: 3px 0px 0px 0px; ;padding: 2px 10px;font-size: 12px;color: #4e4e4e;background: #f8f8f8;border: 1px solid #e0e0e0; border-radius: 30px; box-sizing: border-box;}
#addedFormDiv .addDate{margin: 6px 10px 0px 0px; padding: 0px 10px 2px 20px;font-size: 14px;color: #4e4e4e; box-sizing: border-box;}
.add+.i_text {margin-left: -3px;}
.i_text {position: relative;box-sizing: border-box;max-width: 100%;-webkit-border-radius: 0;-webkit-appearance: none;-moz-appearance: none;display: inline-block;border: 1px solid #e0e0e0;border-radius: 0px;background-color: #fff;color: #000;white-space: nowrap;transition: .2s ease-out;line-height: 1;font-family: 'Noto Sans',Helvetica,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;padding: 7px 68px 7px 8px;height: 30px;width: 43%;color: #656565;}
#addedFormDiv .btn_pack a {margin-left: 5px; text-decoration: none; font-size: 0; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #333;}
#addedFormDiv .btn_pack a::before {content: "\f00d"; font-size: 14px;}
#addedFormDiv .btn_pack {display:inline-block;margin: 0 0 5px 7px;}


.addedFormDiv2 > div {position: relative;margin: 4px 0;}
.addedFormDiv2 .add {position: absolute;top: 1px;left: 64%;z-index: 21;margin-top: -1px;padding: 8px 10px;font-size: 12px;color: #4e4e4e;background: #f8f8f8;border: 1px solid #e0e0e0;box-sizing: border-box;}
.add+.i_text {margin-left: -3px;}
.addedFormDiv2 .addData {position: absolute;top: 1px;left: 16%; z-index: 21;margin: 3px 0px 0px 0px; ;padding: 2px 10px;font-size: 12px;color: #4e4e4e;background: #f8f8f8;border: 1px solid #e0e0e0; border-radius: 30px; box-sizing: border-box;}
.addedFormDiv2 .addDate{margin: 6px 10px 0px 0px; padding: 0px 10px 2px 20px;font-size: 14px;color: #4e4e4e; box-sizing: border-box;}
.addedFormDiv2 > .add+.i_text {margin-left: -3px;}
.addedFormDiv2 > .i_text {position: relative;box-sizing: border-box;max-width: 100%;-webkit-border-radius: 0;-webkit-appearance: none;-moz-appearance: none;display: inline-block;border: 1px solid #e0e0e0;border-radius: 0px;background-color: #fff;color: #000;white-space: nowrap;transition: .2s ease-out;line-height: 1;font-family: 'Noto Sans',Helvetica,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,sans-serif;padding: 7px 68px 7px 8px;height: 30px;width: 43%;color: #656565;}
.addedFormDiv2 .btn_pack a {margin-left: 5px; text-decoration: none; font-size: 0; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #333;}
.addedFormDiv2 .btn_pack a::before {content: "\f00d"; font-size: 14px;}
.addedFormDiv2 .btn_pack {display:inline-block;margin: 0 0 5px 7px;}



.addBtn {margin: 0 0 7px 0;padding: 6px 12px;background-color: #f8f8f8; border: 1px solid #e0e0e0;color: #4e4e4e;font-size: 12px;border-radius: 15px;}
.addBtn i {margin-right: 1px;font-size: 11px;}

/* 취소 팝업 */
.pAlert {opacity: 0; display: none; position: relative; background-color: #fff; padding: 0; left: 20px; font-size: 14px; max-width: 95%; width: 420px; text-align: center;}
.pAlert .pop_content {padding: 40px 33px 27px;box-sizing: border-box;overflow: hidden;}
.pAlert .btn_wrap {margin: 0; padding: 0;}
.pAlert .btn_wrap .btn {min-width: inherit; float: left;border: 0; border-radius: 0 !important; width: 50%; margin: 0; padding: 12px 25px; font-size: 15px;}
.pAlert .btn_wrap .btn:hover {text-decoration: underline}
.pAlert .btn_wrap .btn.btn-primary {background: #db4141;color: #fff;width: 70%;}
.pAlert .btn_wrap .btn.btn-secondary {background: #dce1e5;width: 30%;}
.pAlert .tle {font-size: 1.2em; color: #f44336; margin-top: 15px;line-height: 1.3;}
.pAlert img {margin-bottom: 5px;}
.pAlert .form {margin-top: 18px;}
.pAlert textarea.form{height: 80px;}


ol.alList{ padding:20px 0px 20px 100px; margin:20px auto; width: 100%; background-color: #f4f4f4; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;}
ol.alList li{list-style-type: upper-alpha; text-align: left; padding: 0px 0px 0px 0px; box-sizing: border-box;}

/* 패스워드 팝업 */
.pAlert.pAlert_pass .pop_content {padding: 28px 33px 35px;}
.pAlert.pAlert_pass .tle{color: #0c90d4;}
.pAlert.pAlert_pass .btn_wrap .btn.btn-primary{background: #0c90d4;}
.pAlert.pAlert_pass input{width: 70%;margin-top: 22px;}

/*사용자정보*/
.userDetail input{margin: 2px 0;}
.userDetail th small{color:#195aaa;font-size: 13px;font-weight: 400;}
.userDetail th small i{font-size: 10px;}
.userEx{color: #888;margin-left: 5px;}
.userPwNotice{width: 100%;height: auto;overflow: hidden;background: #f9f9f9;border-radius: 5px;margin: 15px 0 0;padding: 15px 35px;box-sizing: border-box;font-size: 13px;}
.userPwNotice > p{font-family: 'Nanum Gothic'; color: #e62626;font-weight: 600;font-size: 14px;}
.userPwNotice ul{margin-top:8px;}
.userPwNotice ul li{line-height: 18px;margin-bottom: 4px; position: relative;padding: 0 0 0 10px;}
.userPwNotice ul li:before {content: '';width: 3px;height: 3px;border-radius: 3px; display: block;position: absolute;left: 0;top: 7px;background: #c53f3f;}
.userPwNotice ul li b{font-weight: 500}
.userPwNotice ul li span{color: #666;font-size: 12px;}

/*매뉴얼*/
.manualWrap{width: 954px;height: auto;overflow: hidden;margin: 0 auto;}
.manualWrap .manualTop{width: 100%;background: url(../img/sub/manual.png) no-repeat right bottom 8px;padding: 57px 10px 11px;box-sizing: border-box;}
.manualWrap .manualTop p{font-size: 21px;color: #2c2c2c;margin-bottom: 24px;}
.manualWrap .manualTop p b{font-weight: 600}
.manualWrap .manualTop strong{font-family: 'Nanum Gothic';font-size: 37px;font-weight: 800;line-height: 53px;letter-spacing: -2px;}
.manualWrap .manualTop strong span{font-size: 40px;color: #3859dc;}
.manualWrap .manualCont{width: 100%;border-radius: 5px 50px;border: 1px solid #ddd;box-sizing: border-box;position: relative;padding: 33px 0 23px 0;text-align: center;margin-top: 45px;overflow: hidden;}
.manualWrap .manualCont:before{content:'';width: 220px;height: 220px;display:block;position:absolute;background: url(../img/common/navBg.png) no-repeat center;background-size: 100%;right: -44px;bottom: -81px;z-index: -1;opacity: 0.6;}
.manualWrap .manualCont > span{width: 123px;height: 40px;display: block;position: absolute;background: #00274e;color: #fff;top: 32px;left: 0;font-size: 18px;font-weight: 600;text-align: center;line-height: 40px;}
.manualWrap .manualCont > span:after{border-left: 17px solid #00274e; border-top: 20px solid transparent; border-bottom: 20px solid transparent;content: ""; height: 0; right: -17px;position: absolute; top: 0; width: 0;}
.manualWrap .manualCont ul{display: inline-block;width: 70%;}
.manualWrap .manualCont ul li{line-height: 40px;color: #333;font-size: 17px;letter-spacing: -1px;font-weight: 400;width: 50%;float: left;text-align: left;display: block;padding-left: 74px;box-sizing: border-box;}
.manualWrap .manualCont ul li span{font-family: 'Nanum Gothic';font-weight: 700;color: #102c72;letter-spacing: 0;font-size: 20px;margin-right: 10px;vertical-align: middle;}
.manualWrap .manualDown{width: 198px;height: 48px;border-radius: 30px;border: none;font-family: 'Nanum Gothic';font-size: 19px;font-weight: 500;background: rgb(56,89,220);color: #fff;letter-spacing: -0.95px;padding-right: 35px;margin: 60px auto 20px;position: relative;transform: perspective(1px);overflow: hidden;display: block;}
.manualWrap .manualDown:before{content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;display: block;background: linear-gradient(135deg, rgb(56,89,220) 30%,rgb(90,42,179) 120%);transition-duration: 0.4s;opacity: 0;}
.manualWrap .manualDown:hover{box-shadow: 3px 3px 8px 0px rgba(56,89,220,0.48);}
.manualWrap .manualDown:hover:before{opacity: 1;}
.manualWrap .manualDown:after{content: '';width: 14px;height: 18px;display: block;position: absolute;z-index: 1;right: 45px;top: 15px;background: url(../img/sub/kMbtn.png)}

/* 메모*/
.ma_memo{width: 100%;height: auto;overflow: hidden;border: 1px solid #e2e6ed;background: #fafbfe;padding: 8px 23px 10px;border-radius: 2px;box-sizing: border-box;margin-bottom: 8px;/* min-height: 117px; */}
.ma_memo .ma_memoTop {width: 100%;height: auto;overflow: hidden;line-height: 26px;padding: 0px 8px;box-sizing: border-box;}
.ma_memo .ma_memoTop span{display: inline-block;float: left;}
.ma_memo .ma_memoApt{font-size: 15px;font-weight: 500;}
.ma_memo .ma_memoName{color: #7d7d7d;letter-spacing: -1px;margin-left: 3px;font-size: 13px;font-weight: 400;}
.ma_memo .ma_memoDate{color: #898989;font-size: 12px;font-weight: 500;margin-left: 13px;}
.ma_memo .ma_memoDate b{color: #434343;font-weight: 400;font-size: 13px;margin-left: 2px;}
.ma_memo .ma_memoCont {width: 100%;height: auto;overflow: hidden;margin: 6px 0 0;}
.ma_memo .ma_memoCont textarea{width: 100%;height: 65px;resize: none;margin: 0;border: 1px solid #e0e0e0;}
.ma_memo .ma_memoCont textarea::placeholder{color:#aaa;font-weight: 300}
.ma_memo .ma_memoCont textarea:-ms-input-placeholder{color:#aaa;font-weight: 300}
.ma_memo .ma_memoCont.ma_memoContView{padding: 0 8px;box-sizing: border-box;max-height: 60px;overflow-y: auto;line-height: 20px;}

/*기관 로고*/
.sub_orglogoarea{display: flex; display: none;}
.sub_orglogo{display: flex; flex-wrap:nowrap; overflow-x: auto; padding:10px 10px 70px 10px; width: 1398px; margin: 0 auto; box-sizing:border-box;}
.sub_orglogo li{ text-align: center; padding: 0px 55px;}




/*크롬브라우저만 적용*/
@media screen and (-webkit-min-device-pixel-ratio:0){ 
  .buildM,#sub #container .subCont h4.tle,#sub #container .subCont h5.tle,.wPop_wrap h4.tle,.userPwNotice > p{font-weight:800;}   
}