@charset "utf-8";
/*************************** 추가 css ********************************/
.desc {font-size:0.5rem;opacity:0.7;}
a.linker, a.linker:hover {color:#007bff;text-decoration:underline;cursor:pointer;}

table.boldborder thead tr:first-child th {border-top:2px solid #dee2e6;border-bottom:2px solid #dee2e6;}
table.fnone tr:first-child td { border:none; }
table.lborder tr:last-child td { border-bottom:1px solid #dee2e6; }
.bg-gabia{background-color:#2E447F !important;color:#fff !important;}
thead.center tr th {text-align:center;}

/* 외부와 가로 border만 있는 Style 추가 */
.table-row-bordered {border: 1px solid #dee2e6;}
.table-row-bordered td, .table-row-bordered th {border: none; border-top:1px solid #dee2e6;}

.form-title {padding-top:5px;}
label.inform { font-weight:normal !important;margin-top:6px;}

/* Tab UnderBar Style 추가 */
.card-underline {background-color:rgba(0,0,0,0);box-shadow:none;}
.card-underline .card-header {background-color:rgba(0,0,0,0) !important;}
.card-underline-tabs>.card-header, .card-underline-tabs>.card-header a {
    height:50px;
    line-height:30px;
}
.card-underline-tabs>.card-header, .card-underline-tabs>.card-header a {
    color:#000000 !important;
    border:none;
    background-color:rgba(0,0,0,0) !important;
}
.card-primary.card-underline-tabs>.card-header a.active {
    color:#007bff !important;
    font-weight:600;
    border-bottom:2px solid #007bff;
}
.card-secondary.card-underline-tabs>.card-header a.active {
    color:#6c757d !important;
    border-bottom:2px solid #6c757d;
}
.card-success.card-underline-tabs>.card-header a.active {
    color:#28a745 !important;
    border-bottom:2px solid #28a745;
}
.card-info.card-underline-tabs>.card-header a.active {
    color:#17a2b8 !important;
    border-bottom:2px solid #17a2b8;
}
.card-warning.card-underline-tabs>.card-header a.active {
    color:#ffc107 !important;
    border-bottom:2px solid #ffc107;
}
.card-danger.card-underline-tabs>.card-header a.active {
    color:#dc3545 !important;
    border-bottom:2px solid #dc3545;
}

/* modal head color */
.modal-header.primary {
    color:#ffffff;
    background-color:#007bff;
}
.modal-header.secondary {
    color:#ffffff;
    background-color:#6c757d;
}
.modal-header.success {
    color:#ffffff;
    background-color:#28a745;
}
.modal-header.info {
    color:#ffffff;
    background-color:#17a2b8;
}
.modal-header.warning {
    color:#000000;
    background-color:#ffc107;
}
.modal-header.danger {
    color:#ffffff;
    background-color:#dc3545;
}

/* NAV TABS */
.nav-tabs-custom {
  padding-bottom:20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #777;
}
.nav-tabs-custom > .nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}

.alert-danger-pastel {
  color:#842029;
  background:#f8d7da;
  border-color:#f5c2c7;
}

/************************************ Bootstrap ************************************************************/
.pagination {
  /*display: inline-block;*/
  padding-left: 0;
  /*margin: 20px 0;*/
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #007bff;
  border-color: #007bff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: default;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.col-xs-offset-12 {margin-left: 100%;}
.col-xs-offset-11 {margin-left: 91.66666667%;}
.col-xs-offset-10 {margin-left: 83.33333333%;}
.col-xs-offset-9 {margin-left: 75%;}
.col-xs-offset-8 {margin-left: 66.66666667%;}
.col-xs-offset-7 {margin-left: 58.33333333%;}
.col-xs-offset-6 {margin-left: 50%;}
.col-xs-offset-5 {margin-left: 41.66666667%;}
.col-xs-offset-4 {margin-left: 33.33333333%;}
.col-xs-offset-3 {margin-left: 25%;}
.col-xs-offset-2 {margin-left: 16.66666667%;}
.col-xs-offset-1 {margin-left: 8.33333333%;}
.col-xs-offset-0 {margin-left: 0;}
.col-md-offset-12 {margin-left: 100%;}
.col-md-offset-11 {margin-left: 91.66666667%;}
.col-md-offset-10 {margin-left: 83.33333333%;}
.col-md-offset-9 {margin-left: 75%;}
.col-md-offset-8 {margin-left: 66.66666667%;}
.col-md-offset-7 {margin-left: 58.33333333%;}
.col-md-offset-6 {margin-left: 50%;}
.col-md-offset-5 {margin-left: 41.66666667%;}
.col-md-offset-4 {margin-left: 33.33333333%;}
.col-md-offset-3 {margin-left: 25%;}
.col-md-offset-2 {margin-left: 16.66666667%;}
.col-md-offset-1 {margin-left: 8.33333333%;}
.col-md-offset-0 {margin-left: 0;}
.col-sm-offset-12 {margin-left: 100%;}
.col-sm-offset-11 {margin-left: 91.66666667%;}
.col-sm-offset-10 {margin-left: 83.33333333%;}
.col-sm-offset-9 {margin-left: 75%;}
.col-sm-offset-8 {margin-left: 66.66666667%;}
.col-sm-offset-7 {margin-left: 58.33333333%;}
.col-sm-offset-6 {margin-left: 50%;}
.col-sm-offset-5 {margin-left: 41.66666667%;}
.col-sm-offset-4 {margin-left: 33.33333333%;}
.col-sm-offset-3 {margin-left: 25%;}
.col-sm-offset-2 {margin-left: 16.66666667%;}
.col-sm-offset-1 {margin-left: 8.33333333%;}
.col-sm-offset-0 {margin-left: 0;}

/******************************************** 원본 AdminLTE 및 bootstrap의 overlay css *************************************/
.row {width:100%;}
.dataTables_processing {
	color: #999;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}
.nav-sidebar .nav-item  {margin:5px 0;}
.fade { opacity:unset; }
.input-group-text {padding:0 1.5rem;}
.main-header { min-height:60px;max-height:60px;line-height:54px;box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03); }
.brand-link { min-height:60px;max-height:60px;font-size:24px;padding-left:30px;border-bottom:none !important; }
.nav-sidebar .nav-header {text-transform: uppercase;font-size:1rem;font-weight: bold;color: #3f6ad8;white-space: nowrap;}
.content-wrapper {background: #eceff1;}
.content-header {background: #f7f9fa; padding:20px 30px 10px; }
.main-header .nav-link {height:50px !important;}
.content-header .header-icon {
    padding: 0;
    box-shadow: none;
    height: auto;
    font-size: 50px;
    line-height:50px;
}
.content-header .header-title {
    font-size: 20px;
    text-align:left;
    line-height:50px;
    height:50px;
}

.card-sub-title {
    text-transform: uppercase;
    color: #2E447F;
    font-weight: bold;
    font-size: .88rem;
}
.navbar {border-radius: unset;margin-bottom:0;}

.nav.card-type { border:none !important;}
.nav.card-type .nav-link.active, .nav.card-type .nav-link:hover {border:1px solid #dee2e6 !important;}




/************************************************** bootstrap-switch overwrite **************************************/
.bootstrap-switch.bootstrap-switch-mini {margin-top:4px;}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  font-size: .875rem;
  line-height: 1.5;
  padding: .1rem .3rem;
}

.bootstrap-switch.bootstrap-switch-small {margin-top:2px;}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  font-size: .875rem;
  line-height: 1.5;
  padding: .2rem .4rem;
}

.bootstrap-switch.bootstrap-switch-large {margin-top:-5px;}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  font-size: 1.25rem;
  line-height: 1.3333333rem;
  padding: .5rem .5rem;
}

span.textarea-length-check {

   z-index: 9999;
   color: #6c757d!important;
   display:block;
   text-align:right;
   
}


/* nestable custom */
.dd-content { display: block; height: 50px; margin-top: 5px; padding: 15px 10px;color: #333;text-decoration: none;font-weight: bold;border: 1px solid #ccc;background: #fafafa;box-sizing: border-box;-moz-box-sizing: border-box;}
.dd-item > .dd-content { margin: 0; }
.dd-item > button { margin-left: 30px; }
.dd-handle { cursor:move; }
.dd-icon { display: block; margin-right:10px; position: relative; float: left; width: 50px; height: 50px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #d7dde4; background: #FFF; font-size: 12px; line-height: 0; text-align: center; font-weight: bold; }
.dd-icon > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.dd-icon.center{display:flex; justify-content: center; align-items: center;}
.dd-icon.center > img{width:auto; max-width:100%; height:auto; max-height:100%; position:static;}
.dd-item { margin-top: 10px; margin-bottom: 10px; }
.dd-control > i:hover { color: #2ea8e5; background: #fff; cursor:pointer; }
.dd-content > p { margin: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; }
.dd-item .dd-sub .media > input[type=file] {  display:block !important; opacity: 0; position: absolute;left: 0;}
.control-panel {padding:4px 0;}
.control-panel > button {margin-right:5px;}
.icon-preview {overflow:hidden;}
.media > * {vertical-align:middle;}
.media {margin-bottom:5px;}
.media .media-thumb{width: 70px; height: 70px; margin-right: 10px !important;}
.media .media-thumb .img-thumbnail{width: 100%; height: 100%; border-radius: 3px;}
.lh_normal {line-height: normal;}
.left {text-align:left !important;}

/* froala - video */
.fr-element .fr-video{display:inline-block; position:relative;}