/*--------------------------------------------------------------
# reg_card
--------------------------------------------------------------*/
.bg-grey{ background-color: #e6e6e6;}
.reg_card{padding: 0rem !important; }
.reg_card .reg_card_body{padding: 0rem !important;}
.reg_card_insert{margin-left: 1rem !important;}
@media (max-width: 998px) {
	.reg_card_insert{margin-left: 0rem !important;}
}
/*--------------------------------------------------------------
# card, navbar
--------------------------------------------------------------*/
.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, .card .card-footer { padding: 2rem !important;}
@media (max-width: 768px) { 
	.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px !important; margin-left: 0px !important; }	
	.card .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 15px 10px !important; }
	.navbar .nav-link {color: #f2f2f2; padding-left: 10px !important; padding-right: 10px !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 100%; }
	.navbar .input-group{ height: 100%;}
}
.border_light{ border: 1px solid #ddd !important; padding:20px;}
.partner_box {height: 335px;}
@media (max-width: 1200px) { 
	.partner_box {height: auto !important;}
}
/*--------------------------------------------------------------
# card_result
--------------------------------------------------------------*/
.card_result .card-header { padding: 12px 10px!important; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px solid #d5d5d5 !important; text-align:center;}
.card_result .card-body { padding:15px 10px!important; text-align:center;}
.card_result .card-footer { padding:10px 10px !important; text-align:center;}
@media (max-width: 768px) { 
	.card_result .card-header, .card .card-body, .card .card-footer { background-color: transparent; padding: 10px 10px !important; }
}

/*--------------------------------------------------------------
# tab_card
--------------------------------------------------------------*/
.tab_card {}
.tab_card .tab_card_header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #fafafa !important; border-bottom: 1px dashed #d5d5d5 !important;border: 1px solid rgba(0, 0, 0, 0.08) ; border-radius: 0.25rem; box-shadow:0 1px 1px 0 rgba(0,0,0,.07)}
.tab_card .tab_card_header { padding: 2rem !important;}
@media (max-width: 768px) { 
	.tab_card .tab_card_header{ background-color: transparent; padding: 15px 10px !important; }
}

/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.table-hover tbody tr:hover {  background-color: rgba(0, 0, 0, .06);}
.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; vertical-align: top; border-top: 2px solid #2e7cb1; text-align:center; white-space:nowrap;}
.table td { padding: 0.5rem; 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:13px; color: #000;}
.table tbody + tbody { border-top: none; }

/*//table 아이콘*/
.table_i{color: #acacac !important;}
/*--------------------------------------------------------------
# margin
--------------------------------------------------------------*/
.mt80 { margin-top: 80px !important;}
.mt50 { margin-top: 50px !important;}
.mt40 { margin-top: 40px !important;}
.mt30 { margin-top: 30px !important;}
.mt20 { margin-top: 20px !important;}
.mt10 { margin-top: 10px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb7 { margin-bottom: 7px !important;}
@media (max-width: 1024px) {
	.mt80 { margin-top: 40px !important;}
	.mt50 { margin-top: 30px !important;}
	.mt40 { margin-top: 20px !important;}
	.mt30 { margin-top: 10px !important;}
	.mt20 { margin-top: 10px !important;}
	.mb50 { margin-bottom: 30px !important;}
	.mb40 { margin-bottom: 20px !important;}
	.mb30 { margin-bottom: 10px !important;}
	.mb20 { margin-bottom: 10px !important;}
}
@media (max-width: 768px) { 
	.mt50 { margin-top: 10px !important;}
	.mt40 { margin-top: 10px !important;}
	.mt30 { margin-top: 10px !important;}
	.mt20 { margin-top: 10px !important;}
	.mb50 { margin-bottom: 10px !important;}
	.mb40 { margin-bottom: 10px !important;}
	.mb30 { margin-bottom: 10px !important;}
	.mb20 { margin-bottom: 10px !important;}
	.mb10 { margin-bottom: 5px !important;}
	.mb7 { margin-bottom: 3px !important;}
}
/*--------------------------------------------------------------
# padding
--------------------------------------------------------------*/
.pb50 { padding-bottom: 50px !important}
.pt50 { padding-top: 50px !important}
.card_padding{ padding: 30px !important}
@media screen and (max-width:991px) {
	.card_padding{ padding: 7px !important}
}
/*--------------------------------------------------------------
# font-size
--------------------------------------------------------------*/
.font_20{ font-size:20px !important;}
.font_18{ font-size:18px !important;}
.font_16{ font-size:16px !important;}
.font_15{ font-size:15px !important;}
.font_14{ font-size:14px !important;}
.font_13{ font-size:13px !important;}
.font_12{ font-size:12px !important;}
.font_10{ font-size:10px !important;} 
.font_8{ font-size:8px !important;}
@media (max-width: 768px) { 	
	.font_20{ font-size:16px !important;}
	.font_18{ font-size:16px !important;}
	.font_16{ font-size:14px !important;}
	.font_15{ font-size:13px !important;}
	.font_14{ font-size:12px !important;}
	.font_13{ font-size:11px !important;}
}
/*--------------------------------------------------------------
# a 태그
--------------------------------------------------------------*/
.a_tag {font-size: 14px !important; text-decoration: underline !important; font-weight:bold !important;  }
.popover{max-width:600px; }
.popover-body { max-height:300px; overflow-y: auto; }
/*--------------------------------------------------------------
# button
--------------------------------------------------------------*/
.btn_sm_t {padding: 5px 10px !important; font-size: 14px !important;}/* //테이블 작은 사이즈*/
.btn-sm{padding: 5px 10px !important; font-size: 14px !important;}
/*//top(로그인, 로그아웃)*/
.btn-search {background-color: #368b9b !important; color: #c1d5e4 !important; font-size:15px !important;  line-height:16px; font-weight:700 !important;}
.btn-search:hover {color: #fff !important; background-color: #265159 !important; }
.btn-search:focus, .btn-search.focus {color: #fff !important; background-color: #265159 !important; }
.btn-search.disabled, .btn-search:disabled {color: #fff !important; background-color: #3d838f !important; }
.btn-search:not(:disabled):not(.disabled):active, .btn-search:not(:disabled):not(.disabled).active,
.show > .btn-search.dropdown-toggle {color: #fff; background-color: #265159; border-color: #265159;}
.btn-search:not(:disabled):not(.disabled):active:focus, .btn-search:not(:disabled):not(.disabled).active:focus,
.show > .btn-search.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//입력*/
.btn-addition {background-color: #00b5ce !important; border-color: #00b5ce !important; color: #fff !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500;}
.btn-addition:hover {color: #fff !important; background-color: #008799 !important; border-color: #008799 !important;}
.btn-addition:focus, .btn-addition.focus {color: #fff !important; background-color: #008799 !important; border-color: #008799 !important;}
.btn-addition.disabled, .btn-addition:disabled {color: #fff !important; background-color: #67C6ED!important; border-color: #67C6ED !important;}
.btn-addition:not(:disabled):not(.disabled):active, .btn-addition:not(:disabled):not(.disabled).active,
.show > .btn-addition.dropdown-toggle {color: #fff; background-color: #008799; border-color: #008799;}
.btn-addition:not(:disabled):not(.disabled):active:focus, .btn-addition:not(:disabled):not(.disabled).active:focus,
.show > .btn-addition.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//추가*/
.btn-add {background-color: #20bf96 !important; border-color: #20bf96 !important; color: #fff !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500;}
.btn-add:hover {color: #fff !important; background-color: #126d56 !important; border-color: #126d56 !important;}
.btn-add:focus, .btn-add.focus {color: #fff !important; background-color: #126d56 !important; border-color: #126d56 !important;}
.btn-add.disabled, .btn-add:disabled {color: #fff !important; background-color: #25daad !important; border-color: #25daad !important;}
.btn-add:not(:disabled):not(.disabled):active, .btn-add:not(:disabled):not(.disabled).active,
.show > .btn-add.dropdown-toggle {color: #fff; background-color: #126d56; border-color: #126d56;}
.btn-add:not(:disabled):not(.disabled):active:focus, .btn-add:not(:disabled):not(.disabled).active:focus,
.show > .btn-add.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//취소*/
.btn-cancel {background-color: #d3ebea !important; border-color: #d3ebea !important; color: #148480 !important; border-radius: 5px !important; font-size: 14px !important; font-weight:500; }
.btn-cancel:hover {color: #fff !important; background-color: #a8d7d5 !important; border-color: #a8d7d5 !important;}
.btn-cancel:focus, .btn-cancel.focus {color: #fff !important; background-color: #a8d7d5 !important; border-color: #a8d7d5 !important;}
.btn-cancel.disabled, .btn-cancel:disabled {color: #fff !important; background-color: #dcefee !important; border-color: #dcefee !important;}
.btn-cancel:not(:disabled):not(.disabled):active, .btn-cancel:not(:disabled):not(.disabled).active,
.show > .btn-cancel.dropdown-toggle {color: #fff; background-color: #a8d7d5; border-color: #a8d7d5;}
.btn-cancel:not(:disabled):not(.disabled):active:focus, .btn-cancel:not(:disabled):not(.disabled).active:focus,
.show > .btn-cancel.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//테이블(Select)*/
.btn-insert {background-color: #fff !important; border-color: #0e62c5 !important; color: #0e62c5 !important; font-size: 14px; font-weight:500; border-radius: 0.2rem !important; padding: 5px 10px !important;}
.btn-insert:hover {color: #fff !important; background-color: #0c54a7 !important; border-color: #0c54a7 !important;}
.btn-insert:focus, .btn-insert.focus {color: #fff !important; background-color: #0c54a7 !important; border-color: #0c54a7 !important;}
.btn-insert.disabled, .btn-insert:disabled {color: #2886f0 !important; background-color: #fff !important; border-color: #2886f0!important;}
.btn-insert:not(:disabled):not(.disabled):active, .btn-insert:not(:disabled):not(.disabled).active,
.show > .btn-insert.dropdown-toggle {color: #fff; background-color: #0c54a7; border-color: #0c54a7;}
.btn-insert:not(:disabled):not(.disabled):active:focus, .btn-insert:not(:disabled):not(.disabled).active:focus,
.show > .btn-insert.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//새로고침(아이콘)*/
.btn-icon {padding: 0px 0px; border: solid 1px #d5d5d5; background-color:#fff !important; width: 40px;  height: 38px; font-size:20px; color:#000 !important;}
.btn-icon:hover {color: #fff !important; background-color: #b3b3b3 !important; border-color: #b3b3b3 !important;}
.btn-icon:focus, .btn-icon.focus {color: #fff !important; background-color: #b3b3b3 !important; border-color: #b3b3b3 !important;}
.btn-icon.disabled, .btn-icon:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon:not(:disabled):not(.disabled):active, .btn-icon:not(:disabled):not(.disabled).active,
.show > .btn-icon.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon:not(:disabled):not(.disabled):active:focus, .btn-icon:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//검색(아이콘)*/
.btn-icon1 {padding: 0px 0px; border: solid 1px #587192; background-color:#587192 !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important;}
.btn-icon1:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon1:focus, .btn-icon1.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon1.disabled, .btn-icon1:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon1:not(:disabled):not(.disabled):active, .btn-icon1:not(:disabled):not(.disabled).active,
.show > .btn-icon1.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon1:not(:disabled):not(.disabled):active:focus, .btn-icon1:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon1.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//돋보기(아이콘)*/
.btn-icon2 {padding: 0px 0px; border: solid 1px #a5adb7; background-color:#a5adb7 !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important; }
.btn-icon2:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon2:focus, .btn-icon2.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon2.disabled, .btn-icon2:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon2:not(:disabled):not(.disabled):active, .btn-icon2:not(:disabled):not(.disabled).active,
.show > .btn-icon2.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon2:not(:disabled):not(.disabled):active:focus, .btn-icon2:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon2.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

/*//앞으로  뒤로(아이콘)*/
.btn-icon3 {padding: 0px 0px; border: solid 1px #dadada; background-color:#dadada !important; width: 40px;  height: 38px; font-size:20px; color:#fff !important; }
.btn-icon3:hover {color: #587192 !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon3:focus, .btn-icon3.focus {color: #fff !important; background-color: #d5d5d5 !important; border-color: #d5d5d5 !important;}
.btn-icon3.disabled, .btn-icon3:disabled {color: #fff !important; background-color: #d9d9d9 ; border-color: #d9d9d9 !important;}
.btn-icon3:not(:disabled):not(.disabled):active, .btn-icon3:not(:disabled):not(.disabled).active,
.show > .btn-icon3.dropdown-toggle {color: #fff; background-color: #b3b3b3; border-color: #b3b3b3;}
.btn-icon3:not(:disabled):not(.disabled):active:focus, .btn-icon3:not(:disabled):not(.disabled).active:focus,
.show > .btn-icon3.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);}

.badge-secondary {color: #fff; background-color: #6c757d;}
/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal-content { border: 1px solid #5190dd; /*border-radius: 0rem;*/ }
.modal-header{ padding: 10px 20px; font-size:24px; background-color:#5190dd; 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'; 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; }
}

/*--------------------------------------------------------------
checkbox
--------------------------------------------------------------*/
/*.IInfo_Consent_box { height:180px; overflow:auto; border:1px solid #cccccc; padding: 0 0.5em; }*/
.custom-control-label { color:#333 !important; font-size:14px; font-weight:500;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {  background-image: url(/f1/assets/img/check1.png); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(/f1/assets/img/check1.png); }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(/f1/assets/img/check1.png); }
.custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #000; 
vertical-align: middle; background-image: url(/f1/assets/img/check1.png); background-repeat:no-repeat; background-attachment:fixed; background-size: 8px 10px; 
border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.col-form-label { padding-top: calc(0.15rem + 1px); padding-bottom: calc(0.15rem + 1px);  margin-bottom: 0; line-height:1.2;}
.label_sub { padding-top: calc(0.15rem + 1px); padding-bottom: calc(0.15rem + 1px);  margin-bottom: 0; line-height:1.2; font-size: 14px; color: #666; font-weight:300 !important;}
.label_text{ line-height:1.1 !important;}
/*--------------------------------------------------------------
# form-control
--------------------------------------------------------------*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image: url(/f1/assets/img/ridio.png);}
.question_mark{ color: #DE352D; font-size:14px; margin-left: 5px;}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px) !important;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

/*--------------------------------------------------------------
# sidebar
--------------------------------------------------------------*/
@media screen and (max-width:991px) {
	.sidebar,.sidebar[data-background-color=white] {width:250px;}
}
.icon-menu:before{ font-size: 30px !important }	

/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.table-hover tbody tr:hover {  background-color: rgba(0, 0, 0, .06);  }
.table_add {  margin-bottom: 0rem; background-color: #fff !important;}
.table_add th { vertical-align: top; border-top: 2px solid #0e62c5 !important; text-align:center; white-space:nowrap; background-color: #fff !important; height: 50px  !important; }
.table_add td { vertical-align: top;  text-align:center; white-space:nowrap; height: 42px !important;}
.table_add thead th { vertical-align: middle; font-size:15px !important; color: #000; background-color:#ddd; border-bottom:1px solid rgba(0,0,0,.05) !important; }
.table_add tbody td { vertical-align: middle; font-size:14px; color: #000; border-bottom:1px solid rgba(0,0,0,.05) !important;}
.table_add tbody + tbody { border-top: none; }
.table-striped { background-color: #fafbfc !important;}
.table-striped tbody tr:nth-of-type(odd) { background-color: #eff3f9;}
.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;}


.table-sm thead th { font-size:14px !important;  }
.table-sm tbody td { font-size:13px!important;}
/*--------------------------------------------------------------
# page-item
--------------------------------------------------------------*/
.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link { z-index: 1;  color: #fff; background-color: #536ea4; border-color: #536ea4;}
.page-item.disabled .page-link { color: #7698cf;  pointer-events: none; cursor: auto; background-color: #dde6f9; border-color: #dde6f9; }

/*--------------------------------------------------------------
# badge
--------------------------------------------------------------*/
 .badge_border_primary{ border:1px solid #cbddf2 !important; background-color: #dde9f7 !important; color:#0e62c5 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_info{ border:1px solid #bae7eb !important; background-color: #ddf6f7 !important; color:#1ea2a7 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_warning{ border:1px solid #ebdeba !important; background-color: #f7f2dd !important; color:#e27f14 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_danger{ border:1px solid #f65c5b !important; background-color: #fee7e7 !important; color:#f65c5b !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_secondary{ border:1px solid #666666 !important; background-color: #f0f0f0 !important; color:#666666 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}
 .badge_border_success{ border:1px solid #28a745  !important; background-color: #d6f5dd !important; color:#28a745 !important; font-weight: 500 !important; font-size: 14px !important ; padding: 5px 7px!important}

/*--------------------------------------------------------------
# top
--------------------------------------------------------------*/ 
.user {font-size:16px !important; color: #262626 !important;}
.dropdown-divider { height: 0; margin: 0 !important; overflow: hidden; border-top: 1px solid #e9ecef; }
.icon_menu_01 {font-size:30px !important ; color: #333 !important;}
.nav_link_tit {color:#265159; line-height:14px; font-weight:700; font-size:13px;}
.nav_link_sub {color:#000; line-height:14px; font-weight:700; font-size:13px;}
.user_i {height:20px !important; color: #000 !important;}
.nav_link_I{height:20px !important; color: #000 !important; padding-right: 25px !important;}
@media screen and (max-width:991px) {
	.main-header .navbar-header {margin-top: 20px !important}
	.user { display: none !important}
	.icon_menu_01 {font-size:20px !important ; }
}

/*--------------------------------------------------------------
# 2022-06-03 top, sub 수정
--------------------------------------------------------------*/
.sidebar,.sidebar[data-background-color=white] { background:#313f59 !important; } /*CSS반영*/
/* .sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a { background:#5190dd!important; } */
.main-header { background:#dee3ed !important; }
.logo-header[data-background-color=blue] { background:#ced5e4!important }
.logo-header[data-background-color=blue2] { background:#ced5e4!important }
.navbar-header[data-background-color=blue] { background:#ced5e4!important }
.navbar-header[data-background-color=blue2] { background:#ced5e4!important }

/*--------------------------------------------------------------
switch
--------------------------------------------------------------*/
 .checkbox-switch { cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: left; width: 80px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 1.2; font-size: 14px; } 
 .checkbox-switch input.input-checkbox { position: absolute; left: 0; top: 0; width: 80px; height: 30px; padding: 0; margin: 0; opacity: 0; z-index: 2; cursor: pointer; } 
 .checkbox-switch .checkbox-animate { position: relative; width: 80px; height: 30px; background-color: #95a5a6; -webkit-transition: background 0.25s ease-out 0s; transition: background 0.25s ease-out 0s; } 
 .checkbox-switch .checkbox-animate:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff; top: 5px; left: 5px; -webkit-transition: left 0.3s ease-out 0s; transition: left 0.3s ease-out 0s; z-index: 10; } 
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate { background-color: #20bf96; } 
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate:before { left: 55px; background-color: #fff; } 
 .checkbox-switch .checkbox-off, .checkbox-switch .checkbox-on { float: left; color: #fff; font-weight: 700; padding-top: 6px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } 
 .checkbox-switch .checkbox-off { margin-left: 30px; opacity: 1; } 
 .checkbox-switch .checkbox-on { display: none; float: right; margin-right: 35px; opacity: 0; } 
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off { display: none; opacity: 0; } 
 .checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on { display: block; opacity: 1;}
 
 .disabled{cursor:not-allowed  !important; opacity: 0.5; }
 
 .input-checkbox:disabled, .input-checkbox[readonly] { background-color: #e9ecef; opacity: 1; cursor:not-allowed  !important; }

/*--------------------------------------------------------------
title
--------------------------------------------------------------*/
/*.title:before { content: ' '; border-radius: 0px; height: 24px; width: 24px; background-color: #999999; display: inline-block;  float: left; margin-top: 3px; margin-right: 10px; }*/
.title { font-size: 20px !important; color: #000; font-weight: 700 !important; position: relative; margin: 0px 0 0px 0; }
/*.title_sub:before { content: ' '; border-radius: 50%; height: 10px; width: 10px; background-color: #bfbfbf; display: inline-block;  float: left; margin-top: 8px; margin-right: 10px; }*/
.title_sub { font-size: 18px !important; color: #000; font-weight: 700 !important; position: relative; margin: 10px 0 0px 0; }

@media (max-width: 768px) {
	.title { margin: 10px 0px 0px 10px !important; }
	.title_sub {margin: 10px 0px 0px 10px !important; }
}
/*--------------------------------------------------------------
step
--------------------------------------------------------------*/
.step_container { max-width: 800px; margin: 0 auto; } 
.step-indicator { /*margin-top: 50px;*/ display: flex; align-items: center; padding: 0 40px; margin-bottom: 20px !important; } 
.step { display: flex; align-items: center; flex-direction: column; position: relative; z-index: 1; } 
.step-indicator .step-icon { height: 30px; width: 30px; border-radius: 50%; background: #4e5364; text-align: center; color: #ffffff; position: relative; line-height: 30px; font-size: 20px; } 
.step.active .step-icon { background: #29bab5; } 
.step p { text-align: center; position: absolute; bottom: -40px; color: #4e5364; font-size: 14px; font-weight: bold; width: 200px !important; } 
.step.active p { color:#29bab5; } 
.step.step2 p, .step.step3 p { left: 50%; transform: translateX(-50%); } 
.indicator-line { width: 100%; height: 2px; background: #c2c2c2; flex: 1; } 
.indicator-line.active { background: #29bab5; } 
@media screen and (max-width: 500px) { 
	.step p { font-size: 11px; bottom: -40px; }
}

/*--------------------------------------------------------------
nav-tabs
--------------------------------------------------------------*/
.nav-tabs { border-bottom: 2px solid #0d73bd; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.nav-tabs .nav-item { margin-bottom: -2px;}
.nav-tabs .nav-link { border: 1px solid transparent; border-color: #999 #999 transparent;  border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; background:#f0f0f0;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #0d73bd #0d73bd transparent;  }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #727272; background-color: #fff;  border-color: #0d73bd #0d73bd #fff ;  border-width:2px;}
.nav-tabs .nav-item .nav-link { color: #727272; font-size:14px; font-weight:600; padding-top:10px; padding-bottom:10px; }
.nav-tabs .nav-item .nav-link.active {  color: #0d73bd; font-weight: 600;  text-transform: uppercase !important; background:#fff !important; box-shadow: none !important;}
@media (max-width: 768px) {
	.nav-tabs { border-radius: 0.25rem; }
	.nav-tabs .nav-link { border: 1px solid #999; border-color: #999;  border-radius: 0.25rem; }
	.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #0d73bd; background:#0d73bd !important; color:#fff !important;}
	.nav-tabs .nav-link.active,
	.nav-tabs .nav-item.show .nav-link {border-color: #0d73bd;  border-width:1px; background:#0d73bd !important; color:#fff !important;}
	.nav-tabs .nav-item .nav-link { color: #727272; font-size:14px; font-weight:600; padding-top:10px; padding-bottom:10px; }
	.nav-tabs .nav-item .nav-link.active {  background:#0d73bd !important; color:#fff !important;}
}
/*--------------------------------------------------------------
nav-pills
--------------------------------------------------------------*/
.tap_section { padding: 0 10px 0 10px;  } 
.tap_container { max-width: 800px; margin: 0 auto; }
.nav-pills .nav-link { padding:0px;}
.nav-pills.nav-pills-no-bd li .nav-link {border:0!important; border-radius:50%!important; background:#4e5364; height: 30px; width: 30px; text-align: center !important; line-height: 30px !important; color: #fff; }
.nav-pills.nav-secondary .nav-link.active {background:#29bab5;}
.t_tit.active { /*color: #29bab5; font-size: 14px !important;*/ /*text-transform: uppercase !important;*/ /*line-height:1.1;*/}
.indicator-line { width: 100%; height: 2px; background: #c2c2c2;  margin-top:20px !important ; margin-right: -15px !important;} 
.nav-link p{ text-align: center; position: relative; margin-bottom: 5px !important; color: #4e5364; font-size: 14px !important; font-weight: 600; width: 150px !important;   color: #666;  left: 50%; transform: translateX(-50%); word-break: normal ;} 
@media screen and (max-width: 1400px) { 
	.tap_section {  padding: 0 10px 0 15px; margin-bottom: 60px !important; } 
	.nav-link p { width: 100px !important;   color: #666;  left: 50%; transform: translateX(-50%); word-break: normal ;} 
}
@media (max-width: 768px) {
	.t_tit { display: none !important;}
}
/*--------------------------------------------------------------
spinner
--------------------------------------------------------------*/
@-webkit-keyframes spinner-border {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner-border {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
}
/*--------------------------------------------------------------
2022-07-12 수정
--------------------------------------------------------------*/
/*//billing_invoice_group_20.html*/
.title_invoice{  font-weight: bold; margin: 0px; font-size: 60px; color: #000;}
.title_invoice_b{ border-bottom: solid 2px #999;}

.table-bordered { border: 1px solid #999 !important; }
.table-bordered th,
.table-bordered td { border: 1px solid #999 !important; padding: 0.5rem !important;}
.table_report{border: 2px solid #999 !important;}
.table_report th { vertical-align: middle; font-size:14px !important; color: #000; background-color:#f0f0f0; padding:10px 5px !important; text-align:center; height:auto !important; font-weight:500 !important;}
.table_report td { vertical-align: middle; font-size:14px !important; color: #000; padding:10px 5px !important; text-align:center; height:auto !important; font-weight:500 !important;}

/*//billing_invoice_partner_4.html*/
.text_indent1{text-indent: 1em;}
.table_invoice_g{border-top: 2px solid #999 !important; color: #000;}
.table_invoice_g td,.table_invoice_g th { font-size:14px; border-top-width:0; border-bottom:1px solid; border-color:#999!important; padding:10px 15px !important; height:auto; 
vertical-align:middle!important; font-weight:600 !important;}
.font_32{ font-size:32px !important;}