@charset 'UTF-8';
html {
	font-size:inherit;
}

a {
	color:inherit;
}

label {
	margin-bottom:0;
	font-size:inherit;
	font-weight:inherit;
}
legend {
	border-bottom:0;
}

small {
	font-size:12px;
}

.l-block { display:block; }
.clickable { cursor:pointer; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.text-primary { color:#2284c5; }
.text-alert { color:#2284c5; }

.cell3 { width:3em !important; }
.cell4 { width:4em; }
.cell5 { width:5em; }
.cell6 { width:6em; }
.cell7 { width:7em; }
.cell8 { width:8em; }
.cell9 { width:9em; }
.cell10 { width:10em; }
.cell11 { width:11em; }
.cell12 { width:12em; }
.cell13 { width:13em; }
.cell14 { width:14em; }
.cell15 { width:15em; }
.cell16 { width:16em; }
.cell17 { width:17em; }
.cell18 { width:18em; }
.cell19 { width:19em; }
.cell20 { width:20em; }

/*
 * grid
 */
.col12-1 { float:left; width:8.3333%; }
.col12-2 { float:left; width:16.6666%; }
.col12-3 { float:left; width:25%; }
.col12-4 { float:left; width:33.3333%; }
.col12-5 { float:left; width:41.6666%; }
.col12-6 { float:left; width:50%; }
.col12-7 { float:left; width:58.3333%; }
.col12-8 { float:left; width:66.6666%; }
.col12-9 { float:left; width:75%; }
.col12-10 { float:left; width:83.3333%; }
.col12-11 { float:left; width:91.6666%; }
.col12-12 { float:left; width:100%; }

	.mobile-page .col12-1,
	.mobile-page .col12-2,
	.mobile-page .col12-3,
	.mobile-page .col12-4,
	.mobile-page .col12-5,
	.mobile-page .col12-6,
	.mobile-page .col12-7,
	.mobile-page .col12-8,
	.mobile-page .col12-9,
	.mobile-page .col12-10,
	.mobile-page .col12-11,
	.mobile-page .col12-12 { 
		float:none; 
		width:auto; 
	}

	.mobile-page .fixed-height-row3,
	.mobile-page .fixed-height-row4,
	.mobile-page .fixed-height-row5,
	.mobile-page .fixed-height-row8,
	.mobile-page .fixed-height-row9 {
		height:auto !important;
	}

	.mobile-page .col12-mobile-1 { float:left; width:8.3333%; }
	.mobile-page .col12-mobile-2 { float:left; width:16.6666%; }
	.mobile-page .col12-mobile-3 { float:left; width:25%; }
	.mobile-page .col12-mobile-4 { float:left; width:33.3333%; }
	.mobile-page .col12-mobile-5 { float:left; width:41.6666%; }
	.mobile-page .col12-mobile-6 { float:left; width:50%; }
	.mobile-page .col12-mobile-7 { float:left; width:58.3333%; }
	.mobile-page .col12-mobile-8 { float:left; width:66.6666%; }
	.mobile-page .col12-mobile-9 { float:left; width:75%; }
	.mobile-page .col12-mobile-10 { float:left; width:83.3333%; }
	.mobile-page .col12-mobile-11 { float:left; width:91.6666%; }
	.mobile-page .col12-mobile-12 { float:left; width:100%; }






/*
 * button 모음
 */

.btn-action {
	color:#fff;
	font-weight:normal !important;
	background-color:#9a908d;
	transition:background-color 0.3s ease-in-out;
}
	.btn-action:active,
	.btn-action:focus,
	.btn-action:hover {
		color:#fff;
		background-color:#de5745;
	}

.btn-cancel,
.btn-submit {
	cursor:pointer;
	display:inline-block;
    margin-bottom:0;
	padding:0.5rem 1rem;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    font-size:14px;
	line-height:1;
	background-image:none;
    border:1px solid transparent;
	-ms-touch-action:manipulation;
    touch-action:manipulation;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	transition:background-color 0.6s;
	background-color:#f3f2f1;
}
	.btn-cancel-lg,
	.btn-submit-lg {
		padding:1rem;
		font-size:1rem;
	}
	.btn-submit-lg {
		min-width:14em;
	}
	.btn-primary {
		color:#fff;
		background-color:#2284c5;
		border-color:#2284c5;
	}
		.btn-primary:hover {
			border-color:#3c3c3c;
			background-color:#3c3c3c;
		}

	.btn-cancel:hover {
		color:#2284c5;
		background-color:#f3f2f1;
	}

	.btn-outline-dark {
		color:#5a5a5a;
		background-color:#fff;
		border-color:#5a5a5a;
	}
		.btn-outline-dark:hover {
			color:#fff;
			background-color:#5a5a5a;
		}

.btn-loading {
	cursor:progress;
	opacity:0.5;
	background:#0d0d0f url('../img/ajax-loader.gif') no-repeat 50% 50%;
	background-size:auto 30px;
}
.control-label-title {
	display:block;
	margin-bottom:6px;
}
/*
 * input-group-year
 */
.input-group-year {
	max-width:9em;
}

/*
 * select
 */

.select-scrollable {
	overflow-x:hidden;
	overflow-y:auto;
}













/*
 * custom checkbox
 */
 .checkbox-custom {
	 float:left;
	 vertical-align:middle;
	 padding:6px 8px 6px 0;
	 font-size:14px;
	 width:19%;
	 margin:2px;
	 text-align:center;
 }
.checkbox-custom input[type="radio"],
.checkbox-custom input[type="checkbox"] {
	position:absolute;
	overflow:hidden;
    clip:rect(0 0 0 0);
    width:1px; height:1px;
    margin:-1px;
    padding:0;
	border:0;
}
	.checkbox-custom .checkbox-label {
		cursor:pointer;
		position:relative;
		font-size:inherit;
		line-height:inherit;
	}
.checkbox-custom-check,
.checkbox-custom-circle {
	padding-top:4px;
	padding-bottom:4px;
}
.checkbox-custom-check .checkbox-label:before,
.checkbox-custom-circle .checkbox-label:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin:1px 3px 3px 0;
	background-color:#fff;
	border:1px solid #ddd;
}

.checkbox-custom-check .checkbox-label:before {
	border-radius:4px;
}
	.checkbox-custom-check input[type="radio"]:checked + .checkbox-label:before,
	.checkbox-custom-check input[type="checkbox"]:checked + .checkbox-label:before {
		background:#fff url('../img/check_icon.png') no-repeat 50% 50%;
		background-size:20px auto;
		border-color:#c1bab9;
	}

.checkbox-custom-circle .checkbox-label:before {
	border-radius:100%;
}
	.checkbox-custom-circle input[type="radio"]:checked + .checkbox-label:before,
	.checkbox-custom-circle input[type="checkbox"]:checked + .checkbox-label:before {
		background-color:#9a908d;
		border:5px double #eee;
	}
.checkbox-custom-circle .checkbox-label:hover:before,
.checkbox-custom-check .checkbox-label:hover:before {
	background-color:#eceae9;
}

.checkbox-custom-box {
	padding:0;
}
.checkbox-custom-box .checkbox-label {
	display:block;
	padding:0.25rem 0.5rem;
	line-height:inherit;
	border:1px solid #ddd;
}
	.checkbox-custom-box input[type="radio"]:checked + .checkbox-label,
	.checkbox-custom-box input[type="checkbox"]:checked + .checkbox-label {
		color:#fff;
		background-color:#858585;
		border-color:#858585;
	}

	.checkbox-custom-box .checkbox-label:hover {
		background-color:#f7f7f7; 
	}


.custom-group-sm .checkbox-custom {
	padding-right:2px;
}

.custom-group-lg .checkbox-custom {
	padding-right:16px;
}

.custom-group-text {
	display:inline-block;
	vertical-align:middle;
}
.custom-group-text .checkbox-custom:last-child {
	padding-right:0;
}

/* 
 * card-search 
 */

.card-search {
	margin-bottom:0;
}
	.card-search .card-search-title {
		padding:0.5rem 1rem;
		color:#222;
		font-size:15px;
		font-weight:500;
		line-height:1.35;
	}
		.card-search .card-search-title label { /* default.css 에 label에 inline-block 지정됨을 해제하기 윈한 임시 스타일 */
			vertical-align:inherit;
			font-size:inherit;
		}
	.card-search .card-search-body {
		margin-bottom:0;
		padding:0.75rem 1rem;
	}

	.card-search .card-search-body.no-gutter {
		padding:0;
	}


/* 
 * border 
 */
.primary-top-border {
	border-top:2px solid #2284c5;
}
.no-rounded { border-radius:0; }


/*
 * [data-clickable]
 */

[data-clickable] {
	cursor:pointer;	
}




/*  
.sub-sec-title {
	font-size:18px;
    font-weight:500;
    padding-bottom:1rem;
}

.mobile-page .responsive-table {
	overflow-x:auto;
	width:100%;
}
	.mobile-page .responsive-table .table {
		width:768px;
	} 
	.mobile-page .responsive-table .table th,
	.mobile-page .responsive-table .table td {
		white-space:nowrap;
	}
*/








/***************** 반응형 *****************/

/* 660px 이하 */
@media screen and (max-width:660px) {
	.checkbox-custom { width:auto; }
}


/* 480px 이하 */
@media screen and (max-width:480px) {
	.xs-col12-6 {
		width:50%;
	}
	.xs-col12-12 {
		width:100%;
	}

	.mobile-page .col12-mobile-1-xs { float:left; width:8.3333%; }
	.mobile-page .col12-mobile-2-xs { float:left; width:16.6666%; }
	.mobile-page .col12-mobile-3-xs { float:left; width:25%; }
	.mobile-page .col12-mobile-4-xs { float:left; width:33.3333%; }
	.mobile-page .col12-mobile-5-xs { float:left; width:41.6666%; }
	.mobile-page .col12-mobile-6-xs { float:left; width:50%; }
	.mobile-page .col12-mobile-7-xs { float:left; width:58.3333%; }
	.mobile-page .col12-mobile-8-xs { float:left; width:66.6666%; }
	.mobile-page .col12-mobile-9-xs { float:left; width:75%; }
	.mobile-page .col12-mobile-10-xs { float:left; width:83.3333%; }
	.mobile-page .col12-mobile-11-xs { float:left; width:91.6666%; }
	.mobile-page .col12-mobile-12-xs { float:left; width:100%; }

}