/*--------------------------------------------------------------
# margin
--------------------------------------------------------------*/
.mt30 { margin-top: 30px !important;}
.mb7 { margin-bottom: 7px !important;}
@media (max-width: 1024px) {
	.mt30 { margin-top: 10px !important;}
}
@media (max-width: 768px) { 
	.mt30 { margin-top: 10px !important;}
	.mb7 { margin-bottom: 3px !important;}
	.mb5 { margin-bottom: 5px !important;}
}
/*--------------------------------------------------------------
# 인풋폼넓이
--------------------------------------------------------------*/
.tablewidth_200{ width:200px !important;}
.width_200{ width:200px !important;}
.width_180{ width:180px !important;}
@media (max-width: 768px){
	/* .width_200{ width:100% !important;}
	.width_180{ width:100% !important;} */
}

/*--------------------------------------------------------------
# view_form reg_card 검색 화면, 정보자세히 보기 폼
--------------------------------------------------------------*/
body{ font-family: "nanumsquareround", "Noto Sans Korean", sans-serif; }
.navbar-nav.page-navigation .nav-item .nav-link { padding: 11px 20px 0px 20px !important;}
.visit_bgcolor{background-color: #f2f2f2 !important;}

.view_form{ border-top: 2px solid #cccccc; /*border-bottom:#b9b9b9 solid 1px;*/ background-color:#fff !important;}

.reg_card{padding: 0rem 1rem !important; }
.reg_card .reg_card_body{padding: 0rem !important;}
@media (max-width: 768px) {
	.reg_card{padding: 0rem 0rem !important; } 

}

@media screen and (min-width: 991px) {
	  .main-panel > .container, .main-panel > .container-full {
    min-height: calc(100% - 140px);
    margin-top: 71px; }
}
/*--------------------------------------------------------------
# card
--------------------------------------------------------------*/
/*.card .card-header { padding: 0.75rem 1.25rem;  margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px dashed #d5d5d5 !important; }
.card .card-header, .card .card-body{ padding: 2rem 3rem!important;}
.card .card-footer { padding: 2rem 3rem !important;}*/
@media (max-width: 768px) { 
	.row { margin-right: 0px !important; margin-left: 0px !important; }	
	/*.card .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 0.94em 0.63em !important; }*/
}
/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.table_add {  margin-bottom: 0rem; background-color: #fff !important;}
.table_add th { vertical-align: top; border-top: 2px solid #004f99 !important; text-align:center; white-space:nowrap; background-color: #fff !important; min-height: 50px  !important; }
.table_add td { vertical-align: top;  text-align:center; white-space:nowrap; min-height: 42px !important;}
.table_add thead th { vertical-align: middle; font-size:14px !important; color: #000; background-color:#e6e6e6; border-bottom:1px solid #d9d9d9 !important; }
.table_add tbody td { vertical-align: middle; font-size:14px !important; color: #000; border-bottom:1px solid #d9d9d9 !important;  }
.table_add tbody + tbody { border-top: none; }
.table_add tbody td .form-control {height:40px !important; font-size: 1em !important; }
.table_add tbody td .btn{font-size:1em !important; opacity:1; height: 40px; }
.table_add tbody td .input-group-append{ margin-top: 4px; }

.table-striped { background-color: #fff !important;}
.table-striped tbody tr:nth-of-type(odd) { /*background-color: #eff3f9;*/ background-color: #eff3f9;}

.table-sm thead th { font-size:14px !important;  }
.table-sm tbody td { font-size:13px!important;}
.table-sm td,.table-sm th { padding:0 25px!important; height:42px; }

.table-hover tbody tr:hover {  background-color: rgba(249,236,217,1.00) !important; cursor:pointer;}
.table {  margin-bottom: 0rem; background-color: #fff !important; }
.table.table-bordered td,
.table.table-bordered th {  border-bottom: 1px solid #cccccc; }
.table th { padding: 0.5rem 0.5rem !important; vertical-align: top; border-top: 2px solid #2e7cb1; text-align:center; white-space:nowrap;}
.table td { padding: 0.5rem 0.5rem !important; vertical-align: top;  text-align:center; white-space:nowrap; }
.table thead th { vertical-align: middle; font-size:14px !important; color: #000; background-color:#ddd;}
.table tbody td { vertical-align: middle; font-size:14px !important; color: #000;}
.table tbody + tbody { border-top: none; }
.table-bordered tbody tr:hover {  background-color: rgba(249,236,217,1.00) !important;}

@media (max-width: 768px) {
	.table_add th {padding:0 25px!important; height:42px;}
	.table_add td {padding:0 25px!important; height:42px;}
	.table_add thead th { font-size:13px !important; }
	.table_add tbody td { font-size:12px;  }
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-content { border: 1px solid #002956; /*border-radius: 0rem;*/ }
.modal-header{ padding: 10px 20px; font-size:24px; background-color:#002956; color:#ffffff; /*border-radius: 0rem;*/ }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }
.close { float: right; font-size: 2rem; font-weight: lighter; line-height: 1; color: #fff; text-shadow: none;; opacity: 1; }
.modal-body { padding-top: 20px; padding-bottom: 10px }
.modal-title { font-family: 'Noto Sans Korean', sans-serif; font-weight: 700; font-size:20px;} 
@media (max-width: 1200px) {
	.margin_t { margin-top: 10px !important; }
}

@media (min-width: 992px) {
	.modal-lg, .modal-xl { max-width: 800px !important;}
}
@media (min-width: 1200px) {
	.modal-xl { max-width: 1140px !important; }
}
@media (max-width: 768px) {
	.modal-header, .modal-body, .modal-footer { padding: 10px !important; }
}

/*--------------------------------------------------------------
# form-control
--------------------------------------------------------------*/
.form-control { margin-top: 0.3em !important; margin-bottom: 0.3em !important; padding:0.6rem 1rem !important; font-size: 1em !important; border-color: #bfbfbf;}
.col-form-label {margin-top: 0.3em !important; margin-bottom: 0.3em !important; padding:0rem !important; font-size: 1em !important; line-height:1.2; font-weight:600 !important; }
.col_form_label_text {margin-top: 0.3em !important; margin-bottom: 0.3em !important; padding:0.6rem 1rem !important; font-size: 1em !important; line-height:1.2; color: #323232 !important; font-weight:400 !important;}

.input-group-text {margin-top: 0.3em !important; margin-bottom: 0.3em !important; border-color: #ccc !important; }
.input-group > .form-control{ border-top-right-radius: 0 !important;  border-bottom-right-radius: 0 !important; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {  border-top-left-radius:0 !important; border-bottom-left-radius: 0 !important; }

.form-check-inline {margin-right: 0.2rem;}

.label_mr{margin-right: 5px !important;}
@media (max-width: 768px) {
	.col-form-label { letter-spacing: -1px; margin-top: 0.2em !important; margin-bottom: 0.2em !important; padding: 0px !important;}
	.col_form_label_text { padding:0rem !important; }
	.form-check-inline { align-items: flex-start; }
}

/*// 20231031 수정*/
.form-group {margin-bottom: 0rem !important; margin-top: 0rem !important; }

/*// 20231101 수정*/
.form-check-label { margin-bottom: 0rem !important; font-size: 1em !important; font-weight:500 !important; }
.form-check-input { position: absolute; margin-top: 0.4rem !important; margin-bottom: 0.4rem !important;  }
.form-control::-webkit-input-placeholder { color: #777777 !important; opacity: 1; letter-spacing:-1px !important; font-size:14px !important;}
.form-control::-moz-placeholder { color: #777777 !important; opacity: 1; letter-spacing:-1px !important; font-size:14px !important;}
.form-control:-ms-input-placeholder { color: #777777 !important; opacity: 1; letter-spacing:-1px !important; font-size:14px !important;}
.form-control::-ms-input-placeholder { color: #777777 !important; opacity: 1; letter-spacing:-1px !important; font-size:14px !important;}
.form-control::placeholder { color: #777777 !important; opacity: 1; letter-spacing:-1px !important; font-size:14px !important;}

.input-checkbox:disabled, .input-checkbox[readonly] { background-color: #e9ecef; opacity: 1; cursor:not-allowed  !important;  }

.form-control:disabled,.form-control[readonly] {background:#f0f0f0!important; border-color:#ccc!important; color: #000 !important;}
.form-control:focus { border-color: #002956 !important;}

.form-control:disabled, .form-control[readonly] { background: #e6e6e6 !important; border-color: #e6e6e6 !important; }
.form-control:disabled, .form-control[readonly] { opacity: 0.9 !important; }

/*--------------------------------------------------------------
# page-item
--------------------------------------------------------------*/
/* .pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li>a,.pagination>li>span {
border-radius:0.25rem !important; margin:0 2px; color:#7698cf ;border: none !important ;background-color: #eff3f9;font-weight:700 !important;font-size:14px !important;}

.page-item:first-child .page-link {margin-left: 0; borderr: none !important ;}
.page-item:last-child .page-link {   borderr: none !important ;  }
.page-item.disabled .page-link { color: #536ea4;  pointer-events: none; cursor: auto; background-color: #becff4; border: none !important ; }
.page-item.active .page-link {  z-index: 3; color: #fff; background-color: #536ea4; border-radius:0.25rem !important; margin:0 2px !important; border: none !important ; font-weight:700 !important;}
.page-link {  color: #536ea4; background-color: #eff3f9; border: none !important ; border-radius:0.25rem !important; margin:0 2px !important; font-weight:700 !important;} */

/*--------------------------------------------------------------
# pagination, page-item
--------------------------------------------------------------*/
/* .pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li>a,.pagination>li>span {
	border-radius:0.25rem !important;margin:0 2px; color:#7698cf;border: none !important ;background-color: #eff3f9;font-weight:700 !important;font-size:14px !important;  }
.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;  padding: 0.59rem 0.75rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; padding: 0.59rem 0.75rem;}
.page-item.active .page-link { z-index: 1;  color: #fff; background-color: #536ea4; border-color: #536ea4;}
.page-item.disabled .page-link { color: #536ea4;  pointer-events: none; cursor: auto; background-color: #becff4; border-color: #becff4; padding: 0.59rem 0.75rem; } */


/*--------------------------------------------------------------
# pagination, page-item
--------------------------------------------------------------*/
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li>a,.pagination>li>span {border-radius:0.25rem !important; margin:0 2px;
color:#7698cf ;border: none !important ;background-color: #dae3f1;font-weight:700 !important;font-size:14px !important;  padding: 0.59rem 0.75rem;}

.page-item:first-child .page-link {margin-left: 0; borderr: none !important ; }
.page-item:last-child .page-link {   borderr: none !important ;  }
.page-item.disabled .page-link { color: #536ea4;  pointer-events: none; cursor: auto; background-color: #becff4; border: none !important ; }
.page-item.active .page-link {  z-index: 3; color: #fff; background-color: #536ea4; border-radius:0.25rem !important; margin:0 2px !important; border: none !important ; font-weight:700 !important;}
.page-link {  color: #336699; background-color: #eff3f9; border: none !important ; border-radius:0.25rem !important; margin:0 2px !important; font-weight:700 !important;}


/*--------------------------------------------------------------
# top, sub, navbar
--------------------------------------------------------------*/ 
.row-card-no-pd { margin-left: 0; margin-right: 0; background: #fff;  margin-bottom: 10px; position: relative;
    -webkit-box-shadow: 0 1px 8px 1px rgba(77,77,77,.1);  -moz-box-shadow: 0 1px 8px 1px rgba(77,77,77,.1);  box-shadow: 0 1px 8px 1px rgba(77,77,77,.1) ; padding:1rem 1rem !important;}
@media (max-width: 991px) { 
	.row-card-no-pd {  padding:1rem 0.3rem;}
}

/*--------------------------------------------------------------
# title
--------------------------------------------------------------*/
.title { font-size: 17px !important; color: #000000 !important; font-weight: 700 !important; position: relative; margin: 0;  font-family:"Nanum Gothic", "고딕", sans-serif ;}
@media (max-width: 1200px) {
	.title { font-size: 18px !important; }
}
@media (max-width: 768px) {
	.title {  font-size: 16px !important; }
}

.page-title { margin-top: 0px; font-weight: 600;  color: #000000; position: relative; font-size: 24px; line-height: 28px; padding-bottom: 10px ;  margin-bottom: 35px;  font-family:"Noto Sans Korean", sans-serif ; }
.page-title:before { content: ''; background: #CE2023;  width: 57px;  height: 2px; position: absolute; bottom: 0; left: 0; }	

@media screen and (max-width:992px) {
	.main-panel .page-header {margin-bottom:10px !important;margin-top:0px !important;}
}
@media (max-width: 768px) {
	.page-title {font-size:18px;font-weight:700;color:#444444; line-height:30px; margin-bottom:20px; font-family:"Noto Sans Korean", sans-serif;}
	.page-title i { font-size: 18px; text-align: center; width: 30px; height: 30px; line-height: 30px; }
}
/*--------------------------------------------------------------
# section 2023-10-26 수정
--------------------------------------------------------------*/
.section{ margin-bottom: 0.5rem; }
.section .section-title {font-size: 1.2em !important; color: #090b0c; font-family: 'NanumSquareRoundB', sans-serif ;    font-weight: 700; position: relative; line-height: 30px; }
.section .section-title:before { content: ' '; border-radius: 0px; height: 7px;  width: 20px; background-color: #2e7cb1 ; display: inline-block; float: left; margin-top: 10px; margin-right: 10px; line-height: 30px;  transform: rotate(-45deg);  }
.section-body{/*background-color: #f0f0f0;*//* padding-top: 0.5em;*/ padding-bottom: 1em; /*margin-top: 0.5em;*/ /*margin-bottom: 0.5em;*/ }
@media (max-width: 768px){
	.section .section-title {line-height: 25px; }
	.section .section-title:before { content: ' ';height: 5px;  width: 15px;margin-top: 10px; margin-right: 5px; line-height: 25px;  transform: rotate(-45deg);  }
}
/*--------------------------------------------------------------
# 모달 검색창 div
--------------------------------------------------------------*/
@media screen and (max-width:1200px){ 
	div.dataTables_filter, div.dataTables_info,div.dataTables_length,div.dataTables_paginate{text-align:center;/*margin-top:5px;margin-bottom:5px*/} 
}

/*--------------------------------------------------------------
# 검색 조건(작은 사이즈 조절)
--------------------------------------------------------------*/
.search_box {text-align: center;width: 100%;}
.search_box_div{ padding-left: 0rem ; margin-bottom: 0.5rem !important;}
div.search_box_div select, div.search_box_div input{ width: auto; display: inline-block;  }
@media (max-width: 1600px) {
	.center_content {padding:0 1.2rem !important;  }
}
@media (max-width:1200px){
	.center_content {-ms-flex-pack: center !important; justify-content: center !important;}
	.search_box_div{  text-align:center; padding-left: auto;}
	/*div.search_box_div select, div.search_box_div input { display: inline-block;   }*/ 
}
@media (max-width:576px){
	.center_content {padding:0rem !important;  }
}

/*테이블안에 물음표*/
.question_mark{ color: #d9541e; font-size:18px; margin-left: 5px;}
label { color:#000!important; font-size:15px!important; font-weight:500 !important; }

/*--------------------------------------------------------------
# 반응형 div
--------------------------------------------------------------*/
@media (max-width: 768px) { 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { padding-right: 0px;  padding-left: 0px; }
.sm_block{ display:block !important} 
}

/*--------------------------------------------------------------
# btn
--------------------------------------------------------------*/
.btn { padding:.6rem 1.2rem !important; font-size:1em !important; opacity:1;  font-weight:500 ; line-height: 1.2; border-radius:0.25em!important; border-width: 2px !important;}
.btn-sm{padding:.45rem 1rem !important; font-size:0.94em !important; opacity:1; border-radius:0.25em!important; font-weight:500 ; line-height: 1; margin: 0.3em 0em;}

/*//리스트이동*/
.btn-list {background-color: #d9d9d9 !important; border-color: #d9d9d9 !important; color: #666666 !important;}
.btn-list:hover {color: #fff !important; background-color: #595959 !important; border-color: #595959 !important;}
.btn-list:focus, .btn-list.focus {color: #fff !important; background-color: #595959 !important; border-color: #595959 !important;}
.btn-list.disabled, .btn-list:disabled {color: #fff !important; background-color: #dcefee !important; border-color: #dcefee !important;}

.btn-search {background-color: #002956 !important;  color: #ffffff !important;  border-color: #002956 !important;}
.btn-search:hover {background: #CE2023 !important;  color: #ffffff !important; border-color: #CE2023 !important; }
.btn-search:focus, .btn-search.focus {background: #CE2023 !important;  color: #ffffff !important; border-color: #CE2023 !important; }
.btn-search.disabled, .btn-search:disabled {color: #fff; background-color: #006199 ; }

/*//입력*/
.btn-addition {background-color: #348ccb !important; border-color: #348ccb !important; color: #ffffff !important;}
.btn-addition:hover {color: #1f547a !important; background-color: #ffffff !important; border-color: #348ccb !important;}
.btn-addition:focus, .btn-addition.focus {color: #1f547a !important; background-color: #ffffff !important; border-color: #348ccb !important;}
.btn-addition.disabled, .btn-addition:disabled {color: #fff !important; background-color: #9ac6e5!important; border-color: #9ac6e5 !important;}

/*//행추가*/
.btn-add {background-color: #DE352D !important; border-color: #DE352D !important; color: #fff !important; }
.btn-add:hover {color: #DE352D !important; background-color: #fff !important; border-color: #DE352D !important;}
.btn-add:focus, .btn-add.focus {color: #DE352D !important; background-color: #fff !important; border-color: #DE352D !important;}
.btn-add.disabled, .btn-add:disabled {color: #fff !important; background-color: #ee9591 !important; border-color: #ee9591 !important;}

/*//리스트삭제*/
.btn-delete {background-color: #ffffff !important; border-color: #DE352D !important; color: #DE352D !important;}
.btn-delete:hover {color: #ffffff !important; background-color: #DE352D !important; border-color: #DE352D !important;}
.btn-delete:focus, .btn-delete.focus {color: #ffffff !important; background-color: #DE352D !important; border-color: #DE352D !important;}
.btn-delete.disabled, .btn-delete:disabled {color: #fff !important; background-color: #ea807b!important; border-color: #ea807b !important;}

/*//보안준수 내용, 개인정보 동의 내용*/
.btn-security {background-color: #EDEFF3 !important; border-color: #999999 !important; color: #323232 !important; }
.btn-security:hover {color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important;}
.btn-security:focus, .btn-security.focus {color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important;}
.btn-security.disabled, .btn-security:disabled {color: #ffffff !important; background-color: #bfbfbf !important; border-color: #bfbfbf !important;}

/*//모달 닫기*/
.btn-modal {background-color: #EDEFF3 !important; border-color: #999999 !important; color: #323232 !important; }
.btn-modal:hover {color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important;}
.btn-modal:focus, .btn-modal.focus {color: #ffffff !important; background-color: #999999 !important; border-color: #999999 !important;}
.btn-modal.disabled, .btn-modal:disabled {color: #ffffff !important; background-color: #bfbfbf !important; border-color: #bfbfbf !important;}

@media (max-width: 768px) {
	.btn-add{padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-search {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-delete {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-addition {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-list {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-icon1 {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.btn-icon2 {padding:.5rem 1rem !important; font-size:0.95em !important; }
	.mr-2{margin-right: 0.1rem !important;}
}

.close:hover {  color: #fff; text-decoration: none; }
/*--------------------------------------------------------------
# 모달 레이아웃
--------------------------------------------------------------*/
/*--//모달//------*/
.security { padding: 20px; max-height:300px; overflow:auto;  border:1px solid #cccccc; }
.security .security_tit { font-size: 16px; font-weight:bold; line-height: 24px; color: #232323; padding: 10px;}
.security .security_body { padding: 0px 0px 0px 10px;}
.security .security_body p{  font-size: 14px; color: #444444; margin-bottom: 0.5rem;}
.security .security_body_s01 { padding: 0px 10px 0px 20px;}
.security .security_body_s01 p{  font-size: 14px; color: #444444; margin-bottom: 0.5rem;}
.security .security_body_s02 { padding: 10px;}
.security .security_body_s02 p{  font-size: 14px; line-height: 1.2; color: #444444;}


.security_01{ padding: 10px 20px; border:1px solid #cccccc; }
.security_01 .security_tit { font-size: 16px; font-weight:bold; line-height: 24px; color: #232323; padding: 10px;}
.security_01 .security_body { padding: 0px 0px 0px 10px;}
.security_01 .security_body p{  font-size: 14px; color: #444444; margin-bottom: 0.5rem;}

/*--------------------------------------------------------------
# datetimepicker 사이즈 고정
--------------------------------------------------------------*/
.bootstrap-datetimepicker-widget table { width:200px; margin:0; }
.bootstrap-datetimepicker-widget table td.day {font-size: 12px !important;}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {font-size: 13px !important;}