@charset "utf-8";

/* ==================== reset ==================== */
* {
	box-sizing: border-box;
}
html,
body {
	font-family: 'MalgunGothic', '맑은 고딕', '맑은고딕', 'Nanum Gothic', sans-serif;
}
body {
	position: relative;
}
.blind {
	overflow: hidden;
	position: absolute;
	display: inline-block;
	border: 0;
	margin: -1px;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	padding: 0;
}
ul,
ol,
p {
	margin: 0;
	padding: 0;
}

/* 단위 표시 */
.unit {
	margin-left: 0px;
	vertical-align: text-top;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
em.w-auto{
	margin-left: 0px;
	vertical-align: text-top;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

a:hover {
	text-decoration: none;
}

select::-ms-expand {
	display: none;
}

.h-auto {
	height: 100%;
}

.no-border {
	border: 0 !important;
}

.w-50 {
	width: 50px !important;
}

.w-80 {
	width: 80px !important;
}

.w-120 {
	width: 120px !important;
}

.line {
	margin: 16px 0;
	border-bottom: 2px solid #666;
	;
}

.line.dotted {
	margin: 16px 0;
	border-bottom: 2px dotted #666;
	;
}

/* 텍스트 */
.link-text{
    color: #00c9bd;
	cursor: pointer;
}
.point-txt{
    font-size: 12px;
    color:#e14444;
}
.text-red {
	color: #f00 !important;
	font-weight: bold !important;
}

.text-blue {
	color: #4254b0 !important;
	font-weight: bold !important;
}

.text-black {
	color: #000 !important;
	font-weight: bold !important;
}

.text-yellow {
	color: #f98d20 !important;
	font-weight: bold !important;
}

.text-green {
	color: #03b152 !important;
	font-weight: bold !important;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
}
.text-14{
	font-size: 14px;
}
.text-16{
	font-size: 16px;
}
/********************* toast  *********************/
.jq-icon-info {
	background-color: #3f4357 !important;
	color: #fff;
}

.jq-icon-error {
	background-color: #3f4357 !important;
	color: #fff;
}

.jq-icon-warning {
	background-color: #3f4357 !important;
	color: #fff;
}

.jq-icon-success {
	background-color: #3f4357 !important;
	color: #fff;
}
/********************* 버튼  *********************/
/* outline button */
.btn-outDefault {
	display: inline-block;
	height: 26px;
	vertical-align: top;
	padding: 0px 15px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.1px;
	border-radius: 4px;
	border: 1px solid #233671;
	background: #233671;
	color: #fff;
	line-height: 24px;
}

.btn-outDefault:hover {
	border: solid 1px #233671;
	background: #fff;
	color: #233671;
}

.btn-outDefault:disabled,
.btn-outDefault.disabled {
	border-color: #5a5a5a !important;
	background: #5a5a5a !important;
	color: #bababa !important;
	opacity: .8 !important;
	cursor: auto !important;
	pointer-events: none;
}

/* 버튼크기 */
.btn-small {
	font-size: 11px;
	height: 22px;
	line-height: 20px;
	padding: 0 10px;
}
/* 목록/조회/출력/엑셀/이전 */
.btn-outDefault.type{
    border-color: #383e45;
    background: #383e45;
}
.btn-outDefault.type:hover{
	border-color: #383e45;
    background: #fff;
    color: #383e45;
}
/* 목록/조회/출력/엑셀/이전 */
.btn-outDefault.type02{
    border-color: #e5702b; 
    background: #e5702b;
}
.btn-outDefault.type02:hover{
	border-color: #e5702b;
    background: #fff;
    color: #e5702b;
}

/* 첨부파일 추가 버튼 */
.file-btn {
	display: inline-block;
}

.file-btn .btn {
	margin-bottom: 3px;
	cursor: pointer;
}

/* ==================== 입력 form component 기본 설정 ==================== */
input,
.form-control {
	height: 26px;
	line-height: 26px;
	padding: 0 7px;
	font-size: 12px;
	display: inline-block;
	font-weight: normal;
	color: #495057;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 4px;
}
.form-control.form-control-sm{
	height: 22px;
    padding: 0.25rem 0.5rem;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.2rem;
}
input:disabled,
input[readonly] {
	background-color: #e9ecef;
	opacity: 1;
}

input[type=checkbox],
input[type=radio] {
	vertical-align: middle;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
	padding-right: 0;
	margin-bottom: 0;
	margin-top: 2px;
	color: #273032;
}

input:checked+label {
	color: #273032;
	font-weight: normal;
}

input:disabled+label {
	color: #6c7577;
}

select.custom-select {
	position: relative;
	height: 26px;
	padding: 0 20px 0 8px;
	border-radius: 4px;
	border: 1px solid #cad1d7;
	background-color: #fff;
	font-size: 12px;
	color: #666;
}
select.main-select {
	position: relative;
	height: 26px;
	padding: 0 20px 0 8px;
	border-radius: 4px;
	border: 1px solid #cad1d7;
	background-color: #fff;
	font-size: 12px;
	color: #666;
}
textarea {
	font-size: 12px;
	padding: 5px 5px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

/* ==================== form layout ==================== */
.form-group {
	margin-bottom: 0;
	font-size: 0;
}

.form-row>.col,
.form-row>[class*=col-] {
	margin-bottom: 5px;
}

.form-group em {
	font-style: normal;
}

/* ==================== 상단 옵션 ==================== */
.head-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 3px;
}

.head-group .head-group-right {
	margin-left: auto;
}
.head-group .head-group-left span.label, .head-group .head-group-left label{
	margin-bottom: 0;
}
.head-group .form-control{
	height: 22px;
}
.head-group .select2-container{
	height: 22px;
}
.head-group .select2-container .select2-selection--single{
	height: 22px;
}
.head-group .select2-container .select2-selection--single .select2-selection__rendered{
	line-height: 20px;
}
.head-group .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 20px;
}
.head-group .form-custom .input-group-prepend .btn-icon{
	height: 22px;
}
/* ==================== 기본 컨텐츠 박스(흰색 배경을 가지는 박스)==================== */
.content-box {
	position: relative;
	padding: 8px 10px;
	margin-bottom: 8px;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
}

/* 상세검색 버튼 */
.content-box .template-more {
	position: absolute;
	bottom: -1px;
	right: -16px;
	transform: translate(-50%, 0);
	width: 31px;
	height: 31px;
	line-height: 0;
	background: rgba(255, 255, 255, 0) url('../images/btn-bg.png')no-repeat 0 0;
	border: none;
	font-size: 0;
	z-index: 100;
}

.content-box .template-more:focus {
	outline: none;
}

.content-box .template-more img {
	margin: 12px 0 0 10px;
}

/* ====================  form ==================== */
span.label {
	display: inline-block;
	margin-bottom: 4px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.form-custom label {
	position: relative;
	padding-right: 10px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.input-group>.custom-select:not(:first-child),
.input-group>.main-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.required {
	position: relative;
	padding-right: 10px;
}

.required:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 6px;
	background: url('../images/point.png')no-repeat center center/cover;
	position: absolute;
	right: 1px;
	top: 5px;
}

/* disabled style */
.form-custom .form-control:disabled,
.form-custom .form-control[readonly] {
	background: #ececec;
	color: #777;
	cursor: not-allowed;
}

.form-custom .input-group-prepend .btn-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	padding: 0 8px;
	background: #ececec;
	border-radius: 0 4px 4px 0;
	color: #585858;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ced4da;
}
.form-custom .input-group-prepend .btn-icon:not(:last-child){
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.form-custom .input-group-prepend .btn-icon:hover {
	background: #7f8084;
	color: rgba(255, 255, 255, .9);
}

.form-custom .input-group-prepend .btn-icon:disabled:hover {
	background: #ececec;
	color: #777;
	cursor: not-allowed;
}

.form-custom .input-group-prepend .btn-icon:disabled:hover i {
	color: #777;
}

.form-custom .input-group-prepend select {
	font-size: 14px;
	color: #666;
	letter-spacing: -0.35px;
	border-radius: 0 4px 4px 0;
	border-color: #ced4da;
	background: #ececec;
	font-weight: bold;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
}

.form-custom .calender-input {
	display: inline-block;
	vertical-align: middle;
}

.input-group .datetimepicker-input {
	width: 80px;
	letter-spacing: -0.3px;
}

input[type="radio"]+.custom-control-label,
input[type="checkbox"]+.custom-control-label {
	color: #000;
	font-weight: bold;
}

.input-group input:disabled+.custom-control-label {
	color: #6c7577;
	opacity: .8;
	font-weight: bold;
}

.input-group input+.input-group-prepend {
	margin-left: -1px;
	margin-right: 0
}

/* select 2 정의 */
.select2-container {
	min-width: 55px;
	height: 26px;
	margin-right: 4px;
}
.row .select2-container:last-child{
	margin-right: 0;
}
.row .select2-container + .input-group-prepend{
	margin-left: -5px;
}
.select2-container .select2-selection--single {
	height: 26px;
	border-color: #ced4da;
	border-radius: 4px;
}

.select2-dropdown {
	z-index: 9999;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 12px;
	line-height: 24px;
	color: #666;
	border-radius: 4px;
}

.select2-results__option {
	font-size: 12px;
}

.select2-search--dropdown {
	height: 30px;
}

.select2-search--dropdown .select2-search__field {
	height: 100%;
}

.select2-readonly {
	background-color: #ececec;
	opacity: 0.5;
	border-radius: 3px;
	cursor: not-allowed;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 24px;
	border-radius: 4px;
}
/* 멀티셀렉트 */
.btn-default.multiselect {
	display: flex;
	align-items: center;
	height: 26px;
	background: #fff;
	border: 1px solid #ced4da;
	color: #666;
	padding: 6px 6px 6px 8px;
	margin-right: 4px;
	font-weight: 400;
	font-size: 12px;
}

.btn-default.multiselect.dropdown-toggle::after {
	margin-left: .855em;
	border-top: 0.45em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
	color: #888;
}

.multiselect-container {
	min-width: 12rem;
}
.multiselect-container .input-group {
	margin: 0;
	padding: 5px;
}
.multiselect-container li:hover {
	background: #5897fb;
}
.multiselect-container li:hover a label {
	color: #fff;
}
.multiselect-container li.active {
	color: #fff;
}
.multiselect-container>li>a>label{
	padding: 3px 20px 3px 8px;
}
.multiselect-container li.active:hover a label {
	padding-left: 8px;
	color: #fff;
}
.multiselect-container>li>a>label>input[type=checkbox]{
	margin-bottom: 2px;
}
/* 라디오 및 체크박스 */
.custom-control-input:checked~.custom-control-label::before {
	background: #e5702b;
	border-color: #e5702b;
}
.custom-control-label::before {
	top: 2px;
	left: -1.2rem;
}
.custom-control-label::after {
	top: .12rem;
	left: -1.2rem;
}
.custom-control-input:disabled~.custom-control-label::before {
	background: rgba(255, 255, 255, .7);
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
	background: #a9a9a9;
	border-color: #a9a9a9;
}

/* 첨부파일 형태 input */
.custom-file {
	height: 26px;
}

.custom-file-input {
	height: 26px;
}
.form-custom .custom-file-label {
	position: absolute;
}
.form-custom .custom-file-label {
	height: 26px;
	line-height: 26px;
	padding: 0 7px;
	;
	color: #495057;
	font-weight: normal;
}
.form-custom .custom-file-label::after {
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	;
	color: #585858;
	font-size: 12px;
	font-weight: bold;
}
/* 단위 예외 형태 */
.unit-box .unit{
	height: 26px;
	line-height: 24px;
	background-color: #ececec;
	border-top : 1px solid #ced4da;
	border-bottom : 1px solid #ced4da;
}
.unit-box .select2-container{
	margin: 0;
}
.unit-box .select2-container:first-of-type .select2-selection--single{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.unit-box .form-control:last-of-type,
.unit-box .select2-container:last-child .select2-selection--single{
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.unit-box .form-control:first-child{
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.unit-box .form-control.first{
	border-left: 1px solid #ced4da;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.unit-box .last + .select2-container .select2-selection--single{
	border-right: 1px solid #ced4da;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.unit-box > :disabled:nth-child(1), .unit-box > :disabled:nth-child(1) ~*, .unit-box > :disabled:nth-child(1) ~ .select2 *{
	background-color: #ececec !important;
}
.unit-box > :not(:disabled):nth-child(1), .unit-box > :not(:disabled):nth-child(1) ~*, .unit-box > :not(:disabled):nth-child(1) ~ .select2 *{
	background-color: #fff !important;
}
/********************* 타이틀 *********************/
/* 1Lv 타이틀 */
.fix-title {
	position: relative;
	flex-shrink: 0;
	/* float: left; */
	font-size: 17px;
	color: #182241;
	font-weight: 700;
	padding-left: 23px;
	margin: 0;
}

.fix-title::before {
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/title.png) no-repeat 0/cover;
	position: absolute;
	left: 0;
	top: 1px;
}

/* 2Lv 타이틀 */
.b-title {
	position: relative;
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: bold;
	color: #242424;
	text-align: left;
	padding-left: 11px;
}

.b-title::before {
	content: '';
	width: 7px;
	height: 14px;
	background: url(../images/title02.png)no-repeat 0/cover;
	position: absolute;
	left: 0;
	top: 4px;
}

/* 3Lv 타이틀 */
.s-title {
	position: relative;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 11px;
	color: #000;
}

.s-title::before {
	content: '';
	width: 7px;
	height: 14px;
	background: url(../images/title03.png)no-repeat 0/cover;
	position: absolute;
	left: 0;
	top: 4px;
}

.head-group-left .b-title,
.head-group-left .s-title {
	margin-bottom: 0;
}

/********************* 그리드 영역 *********************/
.grid-wrap {
	margin-bottom: 8px;
}

.grid-body {
	border-top: 1px solid #111630;
}

/********************* 탭메뉴 *********************/
/* 기본형 */
.tab-template:not(.type) .tab-list .nav-tabs {
	height: 30px;
	border-bottom: 1px solid #c9caca;
}

.tab-template:not(.type) .tab-list .nav-tabs .nav-link {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	height: 28px;
	line-height: 28px;
	box-sizing: content-box;
	padding: 0 1.2rem;
	background-image: linear-gradient(to top, #f3f3f3, #ffffff);
	border: 1px solid #c8c8c8;
	border-radius: 0;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -0.7px;
	color: #666;
	border-bottom: 0;
}

.tab-template:not(.type) .tab-list .nav-tabs .nav-link:hover,
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.active {
	height: 30px;
	background: #fff;
	border-bottom: 0;
	color: #404040;
}

.tab-template:not(.type) .tab-list .nav-tabs .nav-link:hover::before,
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.active::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #1778cc;
	position: absolute;
	top: 0;
	left: 0;
}

/* 편집아이콘 추가 탭 */
.tab-template:not(.type) .tab-list .nav-tabs .other-tab .nav-link:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -3px;
	background: url('../images/icon/editable_icon_grey.png')no-repeat 0 0;
}
.tab-template:not(.type) .tab-list .nav-tabs .other-tab .nav-link:hover:after,
.tab-template:not(.type) .tab-list .nav-tabs .other-tab .nav-link.active::after {
	background: url('../images/icon/editable_icon_green.png')no-repeat 0 0;
}

/* 탭 색상 변경 */
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style01 {
	color: #66b2f9;
}
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style01:hover,
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style01.active {
	color: #0d67bc;
}
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style02 {
	color: #5968b6;
}
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style02:hover,
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style02.active {
	color: #2c42b3;
}
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style03 {
	color: #22cd43;
}
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style03:hover,
.tab-template:not(.type) .tab-list .nav-tabs .nav-link.style03.active {
	color: #008c1b;
}
.tab-content {
	background: #fff;
	padding: 8px 8px;
	border: 1px solid #d8d8d8;
	border-top: 0;
}

/* 프로세스 형 탭 */
.tab-template.type .tab-list .nav-tabs {
	height: auto;
}
.tab-template.type .tab-list .nav-tabs .nav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 30px;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	margin: 0 3px;
	padding: 0px 10px 0px 20px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	border: 0;
	border-radius: 0;
	background-color: #9db7df;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background-color 0.2s ease;
	-webkit-transition: ;
	-moz-transition: ;
	-ms-transition: ;
	-o-transition: ;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.tab-template.type .tab-list .nav-tabs .nav-link:after,
.tab-template.type .tab-list .nav-tabs .nav-link:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #9db7df;
	z-index: 2;
	transition: border-color 0.2s ease;
}

.tab-template.type .tab-list .nav-tabs .nav-link:before {
	right: auto;
	left: 0;
	border-left: 10px solid #e1e8f1;
	z-index: 0;
}

.tab-template.type .tab-list .nav-tabs .nav-item:first-child .nav-link:before {
	border: none;
}

.tab-template.type .tab-list .nav-tabs .nav-item:first-child .nav-link {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 15px;
	margin-left: 0;
}

.tab-template.type .tab-list .nav-tabs .nav-link:hover,
.tab-template.type .tab-list .nav-tabs .nav-link.active {
	background-color: #1958c1;
	color: #fff;
}

.tab-template.type .tab-list .nav-tabs .nav-link:hover:after,
.tab-template.type .tab-list .nav-tabs .nav-link.active:after {
	border-left: 10px solid #1958c1;
}

/* 탭 안에 탭 구조에서 스타일 */
.tab-template.type.color .tab-list .nav-tabs .nav-link {
	background-color: #b0b3b8;
}

.tab-template.type.color .tab-list .nav-tabs .nav-link:after,
.tab-template.type.color .tab-list .nav-tabs .nav-link:before {
	border-left-color: #b0b3b8;
}

.tab-template.type.color .tab-list .nav-tabs .nav-link:before {
	border-left-color: #fff;
}

.tab-template.type.color .tab-list .nav-tabs .nav-link:hover,
.tab-template.type.color .tab-list .nav-tabs .nav-link.active {
	background-color: #e5702b;
	color: #fff;
}

.tab-template.type.color .tab-list .nav-tabs .nav-link:hover:after,
.tab-template.type.color .tab-list .nav-tabs .nav-link.active:after {
	border-left: 10px solid #e5702b;
}

/* 반응형에서 스크롤 되는 탭 스타일 */
.scrtabs-tab-container {
	height: 30px;
}
.scrtabs-tab-scroll-arrow {
	height: 30px;
	line-height: 28px;
	padding-top: 0;
	padding-left: 0;
	text-align: center;
	border: 1px solid #c9caca;
	border-bottom-color: #c9caca;
	background: #fff;
}
.scrtabs-tab-scroll-arrow:hover {
	background: #f8f8f8;
}
.scrtabs-tabs-fixed-container {
	height: 30px;
	width: 100%;
}
.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
	background: #fff;
	opacity: .8;
}

/* terms-txt */
.terms-txt {
	padding: 8px 10px;
	background: #f6f6f6;
	font-size: 13px;
	letter-spacing: -0.1px;
	color: #444;
}
.terms-txt .txt-group {
	margin-bottom: 28px;
	text-align: justify;
	line-height: 1.5;
}
.terms-txt .txt-group.sing-txt {
	margin-bottom: 0;
	text-align: center;
}
.terms-txt p {
	margin: 0;
	padding: 0;
}
.terms-Btitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
.terms-txt .terms-title {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 10px;
}
.terms-txt .terms-title::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #646464;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.terms-txt .terms-title::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #646464;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.terms-txt .terms-txt {
	font-size: 14px;
	line-height: 1.5;
}
.terms-txt .terms-sign {
	margin: 10px 0 0 0;
	text-align: right;
}
.terms-txt .terms-sign .sign-style {
	font-size: 14px;
	font-weight: bold;
}
.terms-txt .terms-listTxt li {
	line-height: 1.5;
	/* font-size: 14px; */
	list-style: none;
	padding-left: 8px;
	margin-bottom: 8px;
	text-align: justify;
}
.terms-txt .terms-listTxt li:before {
	content: ".";
	font-size: 24px;
	position: absolute;
	margin: -18px 0px 0px -8px;
}
.warranty-wrap {
	text-align: center;
	background: #f6f6f6;
	overflow: hidden;
	padding: 0 0 5px 0;
}

.warranty-wrap .warranty-area {
	/* text-align: center; */
	max-width: 700px;
	margin: 0 auto;
	font-size: 14px;
	/* line-height: 1.5; */
}

.warranty-wrap .warranty-area.type02 {
	max-width: 100%;
	padding: 0 30px;
}

.warranty-wrap .warranty-title {
	position: relative;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 0px;
	color: #212529;
	font-size: 14px;
	line-height: 1.3;
}

.warranty-wrap .warranty-title::before {
	content: '************************************************************************************************************************************';
	display: block;
	width: 100%;
	font-size: 10px;
	font-weight: normal;
}

.warranty-wrap .warranty-title::after {
	content: '************************************************************************************************************************************';
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
}

.warranty-wrap .warranty-body p {
	margin: 0;
	line-height: 1rem;
	word-break: break-all;
	font-size: 11px;
}

.warranty-wrap .warranty-sign {
	margin: 10px 0 0 0;
	padding-right: 10px;
	text-align: right;
	list-style: none;
}

.warranty-wrap .warranty-sign li {
	/* font-weight: bold; */
	line-height: 1.3rem;
}

@media screen and (max-width:768px) {
	.warranty-wrap .warranty-title {
		position: relative;
		font-weight: bold;
		padding: 5px 0;
		margin-bottom: 10px;
		color: #212529;
		font-size: 1rem;
		line-height: 1.5;
	}

	.warranty-wrap .warranty-title::before {
		content: '***********************************';
		display: block;
		width: 100%;
		font-size: 16px;
		font-weight: normal;
	}

	.warranty-wrap .warranty-title::after {
		content: '***********************************';
		display: block;
		font-size: 16px;
		font-weight: normal;
		margin-top: 3px;
	}

	.warranty-wrap .warranty-body {
		width: 74%;
		margin: 0 auto;
	}

	.warranty-wrap .warranty-body p {
		display: inline;
	}

	.warranty-wrap .warranty-sign {
		/* width:73%; */
		padding-right: 13%;
	}
}

.btn-groups {
	text-align: center;
}

.btn-groups .btn {
	padding: 7px 14px;
	line-height: 1;
	font-size: 13px;
	color: #fff;
	letter-spacing: -0.13px;
	background: #33232d;
}

.terms-checkbox .input-group {
	height: 45px;
	padding-top: 14px;
}

.terms-checkbox .input-group label {
	font-size: 12px;
}

@media screen and (max-width:768px) {
	.terms-checkbox .input-group {
		height: auto;
	}
}

/* ==================== collapse 접히는 카드 ==================== */
.collapse-group {
	margin-bottom: 8px;
}

.collapse-btn-wrap {
	position: relative;
	margin-bottom: 0;
}

.collapse-btn-wrap .collapse-btn {
	position: relative;
	display: block;
	width: 100%;
	min-height: 36px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	background-image: linear-gradient(to top, #f3f3f3, #ffffff);
	text-align: left;
	padding: 6px 10px 6px 32px;
	font-size: 14px;
	color: #233671;
	font-weight: bold;
}

.collapse-btn-wrap .collapse-btn:after {
	content: "\f078";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 10px;
	top: 50%;
	color: #233671;
	transition: all .3s;
	font-size: 16px;
	transform: translateY(-50%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.collapse-btn-wrap .collapse-btn:not(.no-arrow):hover {
	color: #007cf0;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.collapse-btn-wrap .collapse-btn[aria-expanded=true] {
	border-radius: 4px 4px 0 0;
	color: #007cf0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
}

.collapse-btn-wrap .collapse-btn[aria-expanded=true]:after {
	color: #007cf0;
	transform: rotate(180deg) translateY(50%);
	-webkit-transform: rotate(180deg) translateY(50%);
	-moz-transform: rotate(180deg) translateY(50%);
	-ms-transform: rotate(180deg) translateY(50%);
	-o-transform: rotate(180deg) translateY(50%);
}

.collapse-btn.no-arrow {
	cursor: auto;
	padding-left: 10px;
}

.collapse-btn.no-arrow::after,
.collapse-btn.no-arrow::before {
	display: none;
}

.card {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 4px 4px;
	background: #fff;
	padding: 8px 10px;
	font-size: 13px;
}

@media screen and (max-width:768px) {

	.collapse-btn-wrap .collapse-btn {
		height: auto;
		padding: 7px 17px 7px 28px;
	}

}

/* ==================== 알림 메세지 ==================== */
.alert-box {
	padding: 10px 15px;
	font-size: 12px;
	color: #575757;
	text-align: left;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 4px;
}

.alert-box.nobox {
	padding: 3px 15px 3px 2px;
	background: none;
	border: 0;
}
.alert-box.nobox+.collapse-group,
.alert-box.nobox+.contentBox-group {
	margin-top: 0;
}

.contentBox-group+.alert-box.nobox,
.container-fluid.division-wrap+.alert-box.nobox {
	margin-top: 10px
}

/* ============================ 페이징 ========================= */
.pagination {
	margin: 15px auto 10px auto;
}

.pagination li {
	margin-right: 6px;
}

.pagination li:last-child {
	margin-right: 0;
}

.pagination li .page-link {
	border: 1px solid #e1e4e8;
	border-radius: 4px;
	background: #fff;
	font-size: 12px;
	letter-spacing: -0.4px;
	color: #4d4c4c;
	padding: .36rem .65rem;
}
.pagination li .page-link i.fa{
	vertical-align: middle;
}
.pagination li .page-link:hover {
	background: #e5702b;
	border: 1px solid #e5702b;
	color: #ffffff;
}

.pagination li.active .page-link {
	background: #e5702b;
	border-color: #e5702b;
	box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.pagination li.active .page-link:hover {
	background: #e5702b;
	border-color: #e5702b;
}

/* ============================ modal ========================= */
/* modal - loading */
.loading-modal .modal-dialog {
	max-width: 400px;
}

.loading-modal .modal-header {
	border-bottom: 0;
	text-align: center;
	padding: 46px 0 0 0;
}

.loading-modal .modal-header .modal-title {
	margin: 0 auto;
	line-height: 1;
	font-size: 24px;
	color: #32415f;
	font-weight: bold;
}

.loading-modal .modal-body {
	padding: 30px 41px 36px;
}

.loading-modal .modal-content {
	box-shadow: 0px 1px 16px 0 rgba(0, 0, 0, 0.2);
}

.loading-modal .progress {
	background: #e9ecef;
	border-radius: 10px;
	height: 20px;
}

.loading-modal .progress .progress-bar {
	background-color: #e5702b;
}

/* modal 기본 */
.modal-custome .modal-dialog {
	max-width: 600px;
}

.modal-custome .modal-content {
	border-radius: 6px;
	border: 3px solid #233671;
	background: #fff;
	box-shadow: 0px 1px 16px 0 rgba(0, 0, 0, 0.2);
}

.modal-custome .modal-content .modal-header {
	height: 45px;
	background: #233671;
	padding: 0 13px 0 18px;
	color: #fff;
	align-items: center;
	border-radius: 0;
}

.modal-custome .modal-content .modal-header .modal-title {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}

.modal-custome .modal-content .modal-header .modal-title .fa {
	margin-right: 5px;
	color: rgba(255, 255, 255, .3);
}

.modal-custome .modal-content .modal-header .close {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #d1d4ee;
	margin-top: -2px;
}

.modal-custome .modal-content .modal-body {
	padding: 25px 41px;
	text-align: left;
	max-height: 450px;
	font-size: 12px;
	overflow-y: auto;
}

.modal-custome .modal-content .modal-body .body-title {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}

.modal-custome .modal-content .modal-body .body-title .fa {
	color: #b7b7b7;
	margin-right: 5px;
}

.modal-custome .modal-content .modal-body .body-content {
	font-size: 13px;
	color: #666;
	letter-spacing: -0.3px;
}

.modal-custome .modal-content .modal-body ul {
	list-style: none;
	margin-bottom: 12px;
}

.modal-custome .modal-content .modal-body ul:last-of-type {
	margin-bottom: 0;
}

.modal-custome .modal-content .modal-body ul li {
	position: relative;
	font-size: 13px;
	color: #666;
	letter-spacing: -0.3px;
	padding-left: 8px;
}

.modal-custome .modal-content .modal-body ul li::before {
	content: '';
	display: block;
	width: 2px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	top: 10px;
}

.modal-custome .modal-content .modal-body ul li strong {
	margin-right: 4px;
	color: #f3721c
}

/* 비밀번호찾기 modal */
.pw-findFrom {
	padding-left: 135px;
	background: url('../images/pw_findBg.png')no-repeat 18px 5px;
}

.pw-findFrom .form-group {
	width: 355px;
}

/* a href 없는 경우 */
a:not([href]):not([tabindex]) {
	cursor: pointer;
}

/* progress-bar */
.progress-bar.active,
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}

/*WebKit*/
@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 0px 0;
	}

	to {
		background-position: 40px 0;
	}
}

/*Spec and IE10+*/
@keyframes progress-bar-stripes {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 40px 0;
	}
}


/* ==================== 팝업 ==================== */
.popup-wrap {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	min-height: 100vh;
	margin: 0 auto;
	background: #f1f3f4;
}

.popup-header {
	height: 45px;
	padding-left: 15px;
	background: #233671;
}

.popup-header h1 {
	line-height: 45px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

.popup-body {
	position: relative;
	height: calc(100vh - 98px);
	padding: 15px 15px 0px 15px;
	overflow-y: auto;
	border-bottom: 0
}

.popup-body .content-box {
	position: relative;
	margin-bottom: 30px;
}

.lookup-btn {
	width: 136px;
	height: 34px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 0);
	background: url('../images/btn-bg2.png')no-repeat center;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.lookup-btn:hover {
	color: #fff;
	opacity: .8;
}

.lookup-btn .fa {
	font-size: 13px;
	margin-right: 5px;
	color: rgba(255, 255, 255, 0.62);
}

.popup-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 53px;
	background: #f8f8fa;
	text-align: center;
	border-top: 1px solid #eee;
	padding: 14px 0 0;
	border: 1px solid #dedede;
}

/* ========================= 로그인 ========================= */
.login-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background: #eaecf2;
	border-color: #ccc;
	box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.61);
}

.login-logo-text {
	text-align: center;
}

.login-containter,
.login-bg-wrap {
	width: 100%;
}

.login-bg-wrap {
	display: flex;
	justify-content: center;
	padding: 15px;
}

.login-formgroup {
	max-width: 310px;
	width: 100%;
}

.login-top-area {
	text-align: center;
}

.login-formgroup h1 {
	text-align: center;
}

.login-formgroup h1 a {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	font-family: Arial, 'Nanum Gothic', sans-serif;
}

.login-form-wrap {
	padding: 34px 0;
	margin: 18px 0;
	border-top: 1px solid #ddd;
}

.login-formbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.login-form .custom-checkbox .custom-control-label {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.login-form .custom-checkbox .custom-control-label::before {
	width: 20px;
	height: 20px;
	background: #ffd5bc;
	border: 1px solid #e5702b;
	top: 0;
	left: -1.5rem
}

.login-form .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	width: 20px;
	height: 20px;
	background-color: #e5702b;
	top: 0;
	left: -1.5rem;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

/* 아이디 패스워드 입력 폼 */
.login-form-wrap .form-group {
	position: relative;
	margin-bottom: 17px;
}

.login-form-wrap .form-control {
	height: 46px;
	padding: .375rem .75rem .375rem 46px;
	box-shadow: 1.3px 1.6px 4px 0 rgba(0, 0, 0, .09);
	border: 1px solid #e7e9ea;
}

.login-form-wrap .form-control::placeholder {
	font-weight: bold;
	color: #9ea0a9;
}

.login-form-wrap .form-control:hover {
	box-shadow: 1.3px 1.6px 6px 0 rgba(0, 0, 0, 0.19);
}

.nk-input-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	-webkik-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.nk-input-icon i {
	color: #adb5bd
}

.form-control:hover+.nk-input-icon i {
	color: #8898aa;
}

.login-form-wrap .btns-group {
	margin-bottom: 17px;
}

.login-form-wrap .btns-group .btn {
	display: block;
	height: 46px;
	border-radius: 4px;
	box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.09);
	background-color: #010f68;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 42px;
	transition: all .2s;
}

.login-form-wrap .btns-group .btn:hover {
	background-color: #102083;
}

.login-form-wrap .btns-group .btn:not([href]):not([tabindex]) {
	display: block;
	height: 46px;
	border-radius: 4px;
	box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.09);
	background-color: #233671;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 42px;
	transition: all .2s;
}

.login-form-wrap .btns-group .btn:hover:not([href]):not([tabindex]) {
	background-color: #e4702a;
}

.pw-find-btn a {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.pw-find-btn a .fa-search {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}

.pw-find-btn a .fa-search:before {
	margin-right: 3px;
}

.pw-find-btn a:hover {
	text-decoration: underline;
	color: #000;
}

.sign-link {
	font-size: 13px;
	color: #000;
	text-align: center;
}

.sign-link a {
	font-size: 14px;
	color: #1e44a4;
	margin-left: 5px;
	font-weight: bold;
}

.sign-link a:hover {
	text-decoration: underline;
	color: #1e44a4;
}

/* ======================================= 비밀번호 변경 페이지 ================================ */
#content.pw-find {
	padding: 63px 15px 41px;
	display: flex;
	flex-direction: row;
	height: 100vh;
	margin: 0;
}

.pw-find main {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 15px;
	background-color: #fff;
}

.pw-wrap {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
}

.pw-wrap h2 span {
	font-size: 30px;
	color: #2d2d2d;
	padding-left: 45px;
	background: url('../images/pw_bg.png')no-repeat 0 0px;
	font-weight: bold;
}

.pw-wrap .user-Guid {
	font-size: 20px;
	color: #555;
	line-height: 1.5;
	margin-bottom: 25px;
}

.pw-wrap .user-Guid b {
	color: #111;
	font-weight: 400;
}

.pw-wrap .user-Guid strong {
	color: #b2183c;
	font-weight: 400;
}

@media screen and (max-width:768px) {
	.pw-wrap .user-Guid {
		font-size: 14px;
	}

	#content.pw-find {
		padding: 107px 15px 41px;
	}

}

.pw-formBox {
	width: 310px;
	margin: 0 auto;
}

.wran-txt {
	font-size: 14px;
	color: #a8a8a8;
}

.pw-wrap .btn {
	width: 150px;
	height: 46px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

.pw-wrap .btn.change {
	background: #010f68;
}

.pw-wrap .btn.change:hover {
	background: #010f68;
	opacity: .8;
}

.pw-wrap .btn.Nochange {
	background: #959595;
}

.pw-wrap .btn.Nochange:hover {
	background: #959595;
	opacity: .8;
}

.pw-wrap .btn.single-btn {
	width: 310px;
}

.pw-wrap .form-group {
	position: relative;
	margin-bottom: 17px;
}

.pw-wrap .form-control {
	height: 46px;
	padding: .375rem .75rem .375rem 46px;
	box-shadow: 1.3px 1.6px 4px 0 rgba(0, 0, 0, .09);
	border: 1px solid #e7e9ea;
}

.pw-wrap .form-control::placeholder {
	font-weight: bold;
	color: #9ea0a9;
}

.pw-wrap .form-control:hover {
	box-shadow: 1.3px 1.6px 6px 0 rgba(0, 0, 0, 0.19);
}

.nk-input-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	-webkik-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.nk-input-icon i {
	color: #adb5bd
}

.form-control:hover+.nk-input-icon i {
	color: #8898aa;
}

.pw-wrap .btns-group {
	margin-bottom: 17px;
}

.pw-wrap .btns-group .btn {
	display: block;
	height: 46px;
	border-radius: 4px;
	box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.09);
	background-color: #010f68;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 42px;
	transition: all .2s;
}

.pw-wrap .btns-group .btn:hover {
	background-color: #102083;
}

.pw-wrap .btns-group .btn:not([href]):not([tabindex]) {
	display: block;
	height: 46px;
	border-radius: 4px;
	box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.09);
	background-color: #233671;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 0;
	line-height: 42px;
	transition: all .2s;
}

.pw-wrap .btns-group .btn:hover:not([href]):not([tabindex]) {
	background-color: #e4702a;
}
/*=================================== s : 테이블 기본 ======================================*/
.table-wrap {
	margin: 7.5px;
	border-top: 1px solid #111630;
	overflow-x: auto;
	border-left: 1px solid #d2d2d2;
}

.table-wrap table {
	width: 100%;
	color: #212529;
	font-size: 13px;
	min-width: 450px;
	font-size: 12px;
}

.table-wrap th {
	background-image: linear-gradient(180deg, #fcfcfc, #efefef);
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

.table-wrap tr,
th,
td {
	padding: 4px 8px;
	border: 0;
}

.table-wrap tr:first-child,
.table-wrap th,
.table-wrap td {
	border-top: 0;
}

.table-wrap tbody td {
	background-color: #fff;
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}
/*=================================== s : 데이터 피커 달력 ======================================*/
table th.prev, 
table th.next {
    color: #fff;
    background-color: #1e3372;
}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover, 
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover, 
table th.picker-switch{
	background: #1e3372;
    color: #fff;
}

/* 선택되지 않은 날짜 */
.bootstrap-datetimepicker-widget table td.day{
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
/* 비활성 않은 항목 */
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{
    color: #c5c5c5;
    font-size: 12px;
    font-weight: bold;
}
/* 선택된 날짜 */
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    background-color: #e5702b ;
}
/* 달력 펼쳐졌을때 박스 방향을 가르키는 세모 모양 색상*/
.bootstrap-datetimepicker-widget table td.today:before, 
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
	border-bottom-color:#1e3372;
} 
/* 달력 head 부분 색상 - 이미지를 base64코드로 변환되어 사용*/
.bootstrap-datetimepicker-widget .list-unstyled .datepicker{
  background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAgAQMAAAAc1QvpAAAAA1BMVEUjNnEzbxW8AAAADElEQVQI12NgoC0AAABgAAE3kBd4AAAAAElFTkSuQmCC') repeat-x;
} 
.bootstrap-datetimepicker-widget table td span{
    font-size: 12px;
    color: #666;
}
.bootstrap-datetimepicker-widget table td span.active{
    background-color:#e5702b;
    font-size: 12px;
    font-weight: bold;
}
.bootstrap-datetimepicker-widget .picker-switch td span:hover{
    color: #e5702b;
}
table th.picker-switch{
    font-size: 12px;
    color: #4c4c4c;
    font-weight: bold;
}
.bootstrap-datetimepicker-widget table th{
    height: 30px !important;
	font-size: 12px;
    font-weight: bold;
}
/* 월, 년 표시 상단 높이 조정 */
.bootstrap-datetimepicker-widget .datepicker-months table th, .bootstrap-datetimepicker-widget .datepicker-years table th{
    height: 26px !important;
    line-height: 24px !important;
}
.bootstrap-datetimepicker-widget table th.picker-switch{
    color: #fff;
}