/*
:root,
[data-bs-theme=light] {

  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
 */ 
  /*
  --bs-blue: #69a5f9;
  --bs-indigo: #5e48e0;
  --bs-purple: #735bb2;
  --bs-pink: #da6a9a;
  --bs-red: #cf4c5a;
  --bs-orange: #fc996e;
  --bs-yellow: #ffcf7f;
  --bs-green: #147a42;
  --bs-teal: #1ec393;
  --bs-cyan: #0cb9eb;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #a3b2bc;
  --bs-gray-dark: #797f88;
  --bs-gray-100: #fdfdfd;
  --bs-gray-200: #edf1f3;
  --bs-gray-300: #d3d7db;
  --bs-gray-400: #c2c8cf;
  --bs-gray-500: #9ea6ae;
  --bs-gray-600: #a3b2bc;
  --bs-gray-700: #646d76;
  --bs-gray-800: #525a61;
  --bs-gray-900: #393f46;
  --bs-primary: #69a5f9;
  --bs-secondary: #646d76;
  --bs-success: #147a42;
  --bs-info: #0cb9eb;
  --bs-warning: #ffcf7f;
  --bs-danger: #cf4c5a;
  --bs-light: #f8f9fa;
  --bs-dark: #393f46;
  --bs-primary-rgb: 105, 165, 249;
  --bs-secondary-rgb: 100, 109, 118;
  --bs-success-rgb: 20, 122, 66;
  --bs-info-rgb: 12, 185, 235;
  --bs-warning-rgb: 255, 207, 127;
  --bs-danger-rgb: 207, 76, 90;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 57, 63, 70;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #c1dbff;
  --bs-secondary-bg-subtle: #e0e1e3;
  --bs-success-bg-subtle: #cdecd4;
  --bs-info-bg-subtle: #d8f3fa;
  --bs-warning-bg-subtle: #fff9e6;
  --bs-danger-bg-subtle: #fbd2d7;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #c7d2d8;
  --bs-primary-border-subtle: #a3c0ff;
  --bs-secondary-border-subtle: #b4bdc1;
  --bs-success-border-subtle: #9dbb9f;
  --bs-info-border-subtle: #aad8f2;
  --bs-warning-border-subtle: #fff3cc;
  --bs-danger-border-subtle: #f6a5ad;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #a3b3ba;
  --bs-secondary-color: rgba(33, 37, 41, 0.7);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e0e1e3;
  --bs-secondary-bg-rgb: 224, 225, 227;
  --bs-tertiary-color: rgba(33, 37, 41, 0.45);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f5f6f7;
  --bs-tertiary-bg-rgb: 245, 246, 247;
  
}
*/
/*
:root {
	--primary-color: #0a9396; 
	--secondary-color: #005f73;
	--success-color: #6a994e;
	--danger-color: #ef233c;
	--warning-color: #ee9b00;
	--info-color: #94d2bd;
	--light-color:#F2F2F2;
	--dark-color: #001219;
}


.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-secondary {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.btn-success {
	background-color: var(--success-color);
	border-color: var(--success-color);
}

.btn-danger {
	background-color: var(--danger-color);
	border-color: var(--danger-color);
}

.btn-warning {
	background-color: var(--warning-color);
	border-color: var(--warning-color);
}

.btn-info {
	background-color: var(--info-color);
	border-color: var(--info-color);
}

.btn-light {
	background-color: var(--light-color);
	border-color: var(--light-color);
}

.btn-dark {
	background-color: var(--dark-color);
	border-color: var(--dark-color);
}
*/


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}


.bg-green-1{background:#e9f5db;}
.bg-green-2{background:#cfe1b9;}
.bg-green-3{background:#b5c99a;}
.bg-red-1{background:#ffe5ec;}
.bg-red-2{background:#ffc2d1;}
.bg-red-3{background:#ffb3c6;}
.bg-blue-1{background:#e3f2fd;}
.bg-blue-2{background:#bbdefb;}
.bg-blue-3{background:#90caf9;}
.bg-orange-1{background:#e3f2fd;}
.bg-orange-2{background:#bbdefb;}
.bg-orange-3{background:#90caf9;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
  ;  
  letter-spacing: -0.2rem;
}
.material-symbols-outlined.filled {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
  ;  
}
.material-symbols-outlined.thin {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
  ;  
}
.btn.material {
display: flex;
width:auto;
align-items: center;
justify-content: center;	
}  
  
.btn.material, .button.material, a.material {
display: flex;
align-items: center;
justify-content: center;	
}  

.page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.sound_only{display:none;}
table caption{display:none;}
input,select,.btn, button{vertical-align:middle;}

/*input::placeholder, textarea::placeholder{color:#efefef !important;} */

.text-hidden{word-wrap: normal;word-break: keep-all;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}

.page-link {
    color: #363636;
}
.page-item.active .page-link {
    background-color: #26348B;
    border-color: #26348B;
}

.btn{border-radius: 0.3rem;}

.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {    
    border-radius: 0.3rem!important;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {    
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.swal2-popup{
	border-radius: 0.2rem!important;
}
.swal2-title {
    font-size: 1.4rem!important;
}
.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel {
	border-radius: 0.2rem!important;
}


.form-control{border-radius: 0.3rem;}

/*버튼형 레디오박스 */
.radio-btn,.radio-btn2{
	border-top:1px solid #e7e7e7;	
	border-left:1px solid #e7e7e7;	
	overflow:hidden;
}
.radio-btn input[type="radio"], .radio-btn2 input[type="radio"] {
    display:none;
}
.radio-btn input[type="radio"] + label, .radio-btn2 input[type="radio"] + label {
	float:left;	
    display:inline-block;
    width:70px;
    height:34px;
	line-height:32px;
	font-size:0.825rem;	
	border:1px solid #e7e7e7;
	border-top:none;
	border-left:none;
	margin:0;
	cursor:pointer;
	text-align:center;
}
.radio-btn input[type="radio"]:checked + label {
	background:#26348B;
	border-color:#26348B;
	color:#fff;
}
.radio-btn2 input[type="radio"]:checked + label {
	background:#F9F9F9;
	color:#707070;
	font-weight:700;
}
.radio-btn.div2 input[type="radio"] + label,.radio-btn2.div2 input[type="radio"] + label {
    width:50%;
}
.radio-btn.div3 input[type="radio"] + label,.radio-btn2.div3 input[type="radio"] + label {
    width:33.333%;
}
.radio-btn.div4 input[type="radio"] + label,.radio-btn2.div4 input[type="radio"] + label {
    width:25%;
}


/*버튼형 레디오박스 회색*/
.radio-btn-gray{
	border-top:1px solid #e7e7e7;	
	border-left:1px solid #e7e7e7;	
	overflow:hidden;
}
.radio-btn-gray input[type="radio"]{
    display:none;
}
.radio-btn-gray input[type="radio"] + label{
	float:left;	
    display:inline-block;
    width:70px;
    height:40px;
	line-height:42px;
	font-size:1rem;	
	border:1px solid #e7e7e7;
	border-top:none;
	border-left:none;
	margin:0;
	cursor:pointer;
	text-align:center;
}
.radio-btn-gray input[type="radio"]:checked + label {
	background:#F6F6F6;
	font-weight:700;
	color:#a6a6a6;
}
.radio-btn-gray.div2 input[type="radio"] + label{
    width:50%;
}
.radio-btn-gray.div4 input[type="radio"] + label{
    width:25%;
}

/* 단독 버튼형 레디오박스 회색*/
.radio-btn-s{
	width:auto;
	overflow:hidden;
}
.radio-btn-s input[type="radio"]{
    display:none;
}
.radio-btn-s input[type="radio"] + label {
    display:inline-block;
    width:70px;
    height:34px;
	line-height:32px;
	font-size:0.825rem;	
	border:1px solid #e7e7e7;
	margin:0;
	cursor:pointer;
	text-align:center;
}
.radio-btn-s input[type="radio"]:checked + label {
	background:#26348B;
	border-color:#26348B;
	color:#fff;
}

/* 테이블 css */
table th,table td{font-size:1rem;}
table td.empty-table{padding:1.5rem 0!important;}

.table-y.table-div2 th{width:30%; }
.table-y.table-div2 td{width:70%; }

tr.deleted td  {color:#aaa;}

.grid0-head{width:11%;min-width:80px;}
.grid1-head{width:15%;min-width:90px;}
.grid2-head{width:25%;min-width:120px;}
.grid3-head{width:30%;min-width:150px;}
.grid4-head{width:40%;min-width:200px;}

td .s-tit{font-size:1.1rem;line-height:1.2rem;font-weight:500;color:#000;text-align:left;margin-bottom:0.5rem;}

.table-xs td,.table-xs th{padding:0 0.3rem 0 0.3rem;word-wrap: normal;word-break: keep-all;}

.table-small td, .table-small th {font-size:0.925rem !important;}

.table-fsmall th, .table-fsmall td{font-size:0.825em !important;padding:0.25rem !important;}
.table-fsmall td.small{font-size:0.825em !important;min-width:40px !important;}

.table-fmid th, .table-fmid td{font-size:0.875em !important;padding-left:0.45rem !important;padding-right:0.45rem !important;}
.table-fmid td.small{font-size:0.875em !important;min-width:40px !important;}

.table-ysmall th, .table-ysmall td{font-size:0.825em !important;padding-left:0.15rem !important;padding-right:0.15rem !important;}
.table-ysmall td.small{font-size:0.825em !important;min-width:40px !important;}

.table-ymid th, .table-ymid td{font-size:0.875em !important;padding-left:0.45rem !important;padding-right:0.45rem !important;}
.table-ymid td.small{font-size:0.875em !important;min-width:40px !important;}

/*반응형 리스트 테이블 */
@media only screen and (max-width:768px) {
	table.responsive-tb1{border:none;}
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		flex-wrap: wrap;
		
	}
	table.responsive-tb1 td { 		
		width:50%;		
	}
	table.responsive-tb1 td.block-td { 		
		width:100%;		
	}
	table.responsive-tb1 td img.thumb{ 		
		height:30px;
	}
	table.responsive-tb1 colgroup{display: none;visibility:collapse;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 tr { 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin-bottom:0.8rem; 
	}
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 		
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height:100%;		
	}
	table.responsive-tb1 td:nth-child(odd) { 
		border-right: 1px solid #eee; 
	}
	table.responsive-tb1 td:before { 
		/* Now like a table header */
		position: relative;
		width: 130px; 
		height:calc(100% + 0.6rem);
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 0.5rem;
		border-right: 1px solid #eee; 
		white-space: nowrap;
		background:#D9E5FC;
		font-weight:600;
		
	}
	table.responsive-tb1 td.block-td:before { 
		/* Now like a table header */		
		width: 130px; 
	}
	
	table.responsive-tb1 td select,table.responsive-tb1 td input{max-width:100%; }
	/*
	Label the data
	*/

}

/*반응형 리스팅 테이블 */
@media only screen and (max-width:576px) {
	
	table.responsive-tb1 thead, table.responsive-tb1 tbody, table.responsive-tb1 th { 
		display: block; 
	}
	table.responsive-tb1 tr { 
		display: flex; 
		justify-content: flex-start;
		flex-wrap: wrap;
		
	}
	table.responsive-tb1 td { 
		display: flex; 
		width:100%;		
	}
	table.responsive-tb1 colgroup{display: none;}
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive-tb1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive-tb1 tr { border-bottom: 1px solid #ccc; }
	
	table.responsive-tb1 td { 
		/* Behave  like a "row" */
		border: none !important ;
		border-bottom: 1px solid #eee!important; 	
		
		position: relative;
		padding:0.3rem 0.3rem 0.3rem 0; 
		text-align: left;
	}
	
	table.responsive-tb1 td:before { 
		/* Now like a table header */
		position: relative;		
		display: inline-block;
		width: 120px;
		min-width:120px;
		height:calc(100% + 0.6rem);
		line-height:3rem;
		margin:-0.3rem 0.5rem -0.3rem 0; 
		padding-left: 0.5rem; 
		padding-right: 10px; 
		border-right: 1px solid #eee; 	
	}
	table.responsive-tb1 td.block-td:before { 
		/* Now like a table header */				
		width: 120px; 
	}
	
	
	
}


/*반응형 테이블 */
@media only screen and (max-width:576px) {
	
	/* 폼테이블 */ 
	table.responsive-form1 thead, table.responsive-form1 tbody, table.responsive-form1 th, table.responsive-form1 tr ,table.responsive-form1 td { 
		display: block; 	
		width:100%;		
	}	

	
	table.responsive-form1 tr { border-bottom: 1px solid #ccc; }
	table.responsive-form1 th { 
		text-align: left;
		display:flex;
		align-items: center;
		border:none;
		border-bottom: 1px solid #ededed;
	}
	table.responsive-form1 td { 
		/* Behave  like a "row" */
		border: none;		
		position: relative;
		padding:0.3rem 0.3rem 1rem 0.3rem; 
		text-align: left;		
		height:auto;
		
	}
	
	colgroup{display:none;}
	.grid1-head,.grid2-head , .grid3-head ,.grid4-head,col {width:100%;}
		
}
.text-grey{color:#ababab!important;}
.fs-07{font-size:0.7rem!important;}
.fs-075{font-size:0.75rem!important;}
.fs-08{font-size:0.8rem!important;}
.fs-085{font-size:0.85rem!important;}
.fs-09{font-size:0.9rem!important;}
.fs-095{font-size:0.95rem!important;}
.fs-1{font-size:1.1rem!important;}
.fs-11{font-size:1.1rem!important;}
.fs-12{font-size:1.2rem!important;}
.fs-13{font-size:1.3rem!important;}
.fs-14{font-size:1.4rem!important;}
.fs-16{font-size:1.6rem!important;}
.fs-18{font-size:1.8rem!important;}
.fs-2{font-size:2rem !important;}
.fs-21{font-size:2.1rem!important;}
.fs-22{font-size:2.2rem!important;}
.fs-24{font-size:2.4rem!important;}
.fs-26{font-size:2.6rem!important;}
.fs-28{font-size:2.8rem!important;}
.fs-3{font-size:3rem!important;}

.fw-1{font-weight:100;}
.fw-2{font-weight:200;}
.fw-3{font-weight:300;}
.fw-4{font-weight:400;}
.fw-5{font-weight:500;}
.fw-6{font-weight:600;}
.fw-7{font-weight:700;}
.fw-8{font-weight:800;}
.cnt-digit1{position:relative;font-size:4rem;color:#0F1C6A;line-height:110%;}
.cnt-digit1 img{position:absolute;top:0%;right:0;margin:28px 30px; width:15px;}

.cnt-digit2{position:relative;font-size:2.2rem;color:#0F1C6A;line-height:110%;}
.cnt-digit2 img{position:absolute;top:0%;right:0;margin:10px 30px; width:15px;}
.wp-35{width:35px !important;}
.wp-40{width:40px !important;}
.wp-45{width:45px !important;}
.wp-50{width:50px !important;}
.wp-55{width:55px !important;}
.wp-60{width:60px !important;}
.wp-65{width:65px !important;}
.wp-70{width:70px !important;}
.wp-75{width:75px !important;}
.wp-80{width:80px !important;}
.wp-90{width:90px !important;}
.wp-100{width:100px !important;}
.wp-110{width:110px !important;}
.wp-120{width:120px !important;}
.wp-130{width:130px !important;}
.wp-150{width:150px !important;}
.wp-200{width:200px !important;}
.wp-250{width:250px !important;}
.wp-300{width:300px !important;}


.w-20{width:20% !important;}
.w-30{width:30% !important;}
.w-40{width:40% !important;}
.w-60{width:60% !important;}
.w-70{width:70% !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}

.max-50{max-width:50px;}
.max-60{max-width:60px;}
.max-70{max-width:70px;}
.max-80{max-width:80px;}
.max-90{max-width:90px;}
.max-95{max-width:95px;}
.max-100{max-width:100px;}
.max-110{max-width:110px;}
.max-120{max-width:120px;}
.max-130{max-width:130px;}
.max-140{max-width:140px;}
.max-150{max-width:150px;}
.max-160{max-width:160px;}
.max-170{max-width:170px;}
.max-180{max-width:180px;}
.max-200{max-width:200px;}
.max-250{max-width:250px;}
.max-300{max-width:300px;}
.max-350{max-width:350px;}
.max-400{max-width:400px;}
.max-450{max-width:450px;}
.max-500{max-width:500px;}
.max-550{max-width:550px;}
.max-600{max-width:600px;}
.max-700{max-width:700px;}
.max-800{max-width:800px;}
.max-900{max-width:900px;}
.max-1000{max-width:1000px;}
.max-1100{max-width:1100px;}
.max-1200{max-width:1200px;}
.max-1300{max-width:1300px;}
.max-1400{max-width:1400px;}
.max-1500{max-width:1500px;}
.max-1600{max-width:1600px;}

.wmin-50{ min-width:50px;}
.wmin-55{ min-width:55px;}
.wmin-60{ min-width:60px;}
.wmin-65{ min-width:65px;}
.wmin-70{ min-width:70px;}
.wmin-75{ min-width:75px;}
.wmin-80{ min-width:80px;}
.wmin-85{ min-width:85px;}
.wmin-90{ min-width:90px;}
.wmin-95{ min-width:95px;}
.wmin-100{ min-width:100px;}
.wmin-200{ min-width:200px;}
.wmin-300{ min-width:300px;}
.wmin-400{ min-width:400px;}
.wmin-500{ min-width:500px;}
.wmin-600{ min-width:600px;}
.wmin-700{ min-width:700px;}
.wmin-800{ min-width:800px;}
.wmin-900{width:100%; min-width:900px;}
.wmin-1000{width:100%; min-width:1000px;}
.wmin-1100{width:100%; min-width:1100px;}
.wmin-1200{width:100%; min-width:1200px;}
.wmin-1300{width:100%; min-width:1300px;}
.wmin-1400{width:100%; min-width:1400px;}
.wmin-1500{width:100%; min-width:1500px;}
.wmin-1600{width:100%; min-width:1600px;}
.wmin-1700{width:100%; min-width:1700px;}
.wmin-1800{width:100%; min-width:1800px;}
.wmin-1900{width:100%; min-width:1900px;}
.wmin-2000{width:100%; min-width:2000px;}
.wmin-2100{width:100%; min-width:2100px;}
.wmin-2200{width:100%; min-width:2200px;}

.opacity-10{opacity:0.1;}
.opacity-20{opacity:0.2;}
.opacity-30{opacity:0.3;}
.opacity-40{opacity:0.4;}
.opacity-60{opacity:0.6;}
.opacity-80{opacity:0.8;}
.opacity-90{opacity:0.9;}
@media (min-width: 577px) {
	.w-md-auto{width:auto!important;}
}
@media (min-width: 769px) {
	.w-lg-auto{width:auto!important;}
}
@media (min-width: 992px) {
 	.w-xl-auto{width:auto!important;}
}

/* 필수입력 */
input.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
span.required{display:inline-block;background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;width:20px;height:15px;}

.modal{width:98% !important;max-width:900px !important;overflow:auto;border-radius:0 !important; -webkit-border-radius:0 !important;} 
.modal .modal-content,.modal .modal-header,.modal .modal-body{border:none !important;}
.modal .modal-header{border-bottom:1px solid #c1c1c1 !important;}
.modal .modal-body{height:calc(100vh - 150px); overflow-y:scroll;}
.modal .modal-header img{width:5vw; max-width:20px;} 
 
/* 팝업 */
#ajaxhtml{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px; max-width:98%; max-height:90vh; background:#fff; border:1px solid #ababab; border-radius:0.1rem; padding:1rem 2rem;z-index:1051;}
#ajaxhtml .close{position:absolute;right:0.8rem;top:0.8rem;color:#000;}
#ajaxhtml .cont{position: relative; margin:1rem 0;overflow-y:auto;height:calc(100% - 1rem);}

#ajaxhtml2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px; max-width:98%; max-height:90vh; background:#fff; border:1px solid #ababab; border-radius:0.1rem; padding:1rem 2rem;z-index:1052;}
#ajaxhtml2 .close{position:absolute;right:0.5rem;top:0.5rem;color:#000;z-index:1052;}
#ajaxhtml2 .cont{position: relative; width:100%; height:calc(100% - 1rem);margin: 0;padding:0;overflow-y:auto;z-index:1;}


#ajaxhtml3{position:fixed;top:0%;left:0%;width:100%; height:100vh; background:#fff; border:none; padding:0;z-index:1051;}
#ajaxhtml3 .close{position:absolute;right:0.5rem;top:0.5rem;color:#fff;z-index:1051;}
#ajaxhtml3 .cont{position: relative; width:100%; height:calc(100% - 1rem); margin: 0;padding:0;overflow-y:auto;z-index:1;}

#ajaxhtmlfull{position:fixed;top:0%;left:0%;width:100%; height:100vh; background:#fff; border:none; padding:0;z-index:1051;}
#ajaxhtmlfull .close{position:absolute;right:0.5rem;top:0.5rem;color:#fff;z-index:1051;}
#ajaxhtmlfull .cont{position: relative; width:100%; height:calc(100% - 1rem); margin: 0;padding:0;overflow-y:auto;z-index:1;}

#ajaxtable{position: fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;max-width:98%;max-height:90vh;background:#ffffff;
z-index:1051;
border:1px solid #cccccc;
box-shadow: 0 .525rem .55rem rgba(0,0,0,.085)!important;
padding: 1.5rem!important;
overflow-y:auto;
}
#ajaxtable .cont{margin:1rem 0;overflow-y:auto;max-height:80vh;}

#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px; height:100px; text-align:center;color:rgba(255,255,255,0.7);z-index: 1052;}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;    
    z-index: 1041;    
	backdrop-filter: blur(3px) brightness(80%) grayscale(50%);
	/*
	backdrop-filter: brightness(60%);
	backdrop-filter: contrast(40%);
	backdrop-filter: drop-shadow(4px 4px 10px blue);
	backdrop-filter: grayscale(30%);
	backdrop-filter: hue-rotate(120deg);
	backdrop-filter: invert(70%);
	backdrop-filter: opacity(20%);
	backdrop-filter: sepia(90%);
	backdrop-filter: saturate(80%);
	*/
}


/****************
etc
*****************/
input[type=text].disabled{
background:#dfdfdf;
}
input.designed[type=checkbox] {  
    display: none;  
}
input.designed[type=checkbox].disabled+ label:before  {  
    background-color: #dddddd !important; 
}
input.designed[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.7rem;  
    margin-right: 0rem;  
    font-size: 1rem;
	vertical-align: middle;
}

input.designed[type=checkbox]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.4rem;  
    height:1.4rem;  
  
    margin-right: 2.5rem;  
	margin-top:-0.7rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 1px;  
    background-color: #fff; 
	border:1px solid #999999;
    border-radius: 4px; 
}

input.designed[type=checkbox]:checked + label:before { 
    content: "\2713";  
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  
    font-size: 0.9rem; 
    font-weight:600; 
    color: #343434;  
    background:#fff;
    text-align: center;  
    line-height: 1.4rem;  
} 


input.designed[type=radio] {  
    display: none;  
}
input.designed[type=radio].disabled+ label:before  {  
    background-color: #dddddd !important; 
}
input.designed[type=radio] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 1.35rem;  
    margin-right: 0rem;  
    font-size: 1rem;
}

input.designed[type=radio]+ label:before {     

    content: "";  
    display: inline-block;  
  
    width: 1.2rem;  
    height:1.2rem;  
  
    margin-right: 1.5rem;  
	margin-top:-0.65rem;
    position: absolute;  
	top:50%;
    left: 0;  
    bottom: 0px;  
    background-color: #fff; 
	border:1px solid #999999;
    border-radius: 50%; 
}

input.designed[type=radio]:checked + label:before { 
    content: "●";  
    text-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, .2);  
    font-size: 0.7rem; 
    font-weight:800; 
    color: #000;  
    background:#efefef;
    text-align: center;  
    line-height: calc(1.2rem - 1px);  
} 

hr {
  background-color: #fff;
  padding: 0;
  margin: 1rem 0;
}

hr.hr-1 {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.hr-2 {
  border: 0;
  border-bottom: 2px dashed #eee;
  background: #999;
}

hr.hr-3 {
  border: 0;
  height: 0;
  border-top: 1px solid #8c8c8c;
}

hr.hr-4 {
  padding: 0;
  border: none;
  border-top: medium double #8c8c8c;
  color: #8c8c8c;
  text-align: center;
}

hr.hr-4:after {
  content: "§";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: #fff;
}

hr.hr-5 {
  border: 0;
  border-top: 3px double #8c8c8c;
}

hr.hr-6 {
  border: 0;
  border-top: 2px dotted #8c8c8c;
}

hr.line-7 {
  border: 0;
  background-color: #fff;
  border-top: 1px dashed #8c8c8c;
}

hr.hr-8 {
  border: 0;
  background-color: #fff;
  border-top: 2px dotted #8c8c8c;
}

hr.hr-9 {
  border: 0;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #fff;
}

hr.hr-10 {
  border: 0;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #fff;
}

hr.hr-10:after {
  content: '';
  display: block;
  margin-top: 2px;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #fff;
}

hr.hr-11 {
  border: 0;
  border-top: 1px dashed #8c8c8c;
  border-bottom: 1px dashed #fff;
}

hr.hr-12 {
  border: 0;
  border-top: 1px dotted #8c8c8c;
  border-bottom: 1px dotted #fff;
}

hr.hr-13 {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset;
}

hr.hr-14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8c8c, #f0f0f0);
}

hr.hr-15 {
  border: 0;
  border-top: 4px double #8c8c8c;
  text-align: center;
}

hr.hr-15:after {
  content: '\2665';
  display: inline-block;
  position: relative;
  top: -15px;
  padding: 0 10px;
  background: #fff;
  color: #8c8c8c;
  font-size: 18px;
}

hr.hr-16 {
  border: 0;
  border-top: 1px dashed #8c8c8c;
  text-align: center;
}

hr.hr-16:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -13px;
  padding: 0 3px;
  background: #fff;
  color: #8c8c8c;
  font-size: 18px;
}

hr.hr-17 {
  border: 0;
  height: 0;
  box-shadow: 0 0 10px 1px black;
}

hr.hr-17:after {
  content: "\00a0";
}

hr.hr-18 {
  background-color: #fff;
  height: 30px;
  border: 1px solid #8c8c8c;
  border-radius: 20px;
}

hr.hr-18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border: 0 solid #8c8c8c;
  border-bottom-width: 1px;
  border-radius: 20px;
}

.hr-19 {
  border: none;
  height: 10px;
  background: linear-gradient(-135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(135deg, #fff 5px, #8c8c8c 0) 0 5px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 10px 10px;
}

.hr-20 {
  border: none;
  height: 6px;
  background: linear-gradient(-135deg, #fff 2px, transparent 0) 0 2px, linear-gradient(135deg, #fff 2px, #8c8c8c 0) 0 2px;
  background-color: #fff;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 3px 3px;
}
/*미디어 쿼리 */
/*
<576px	sm
≥576px	md
≥768px	lg
≥992px	xl
≥1200px	xxl
≥1400px
*/
@media (min-width: 1400px) {
 
}
@media (min-width: 1200px) {
 
}
@media (min-width: 992px) {
 	#ajaxhtml{padding:1rem 1.5rem;}	
}
@media (max-width: 768px) {
	#ajaxhtml{padding:1rem 1rem;}	
	
	#header .navbar-brand {
		font-size: 1.5rem;
	}
}
@media (max-width: 576px) {
	#ajaxhtml{padding:1rem 1rem;}	
	
	.swal2-content{padding: 0 1em!important;}
 	#header .navbar-brand {
		font-size: 1.2rem;
		padding-top: 0.2rem;
    	padding-bottom: 0.2rem;
	}
}