@charset "utf-8";
/**
 * 1 - Reset 초기화
 * ----------------------------------------------------------------------------
 */
 
/*폰트설정*/

body {
    font-size: 14px;
    font-family: dotum;
}


/**
 * 2 - Structure 구조 
 * ----------------------------------------------------------------------------
 */

/* Customize container */

@media (min-width: 1200px) {
    .container {
        /* width: 1000px; */
        width: 1170px;
    }
    
}

/**
 * 3 - Theme 테마
 * ----------------------------------------------------------------------------
 */

.dropdown-menu,
.btn {
    border-radius: 1px;
    letter-spacing: -1px;
    font-family: dotum;
}

.btn-group-sm>.btn, 
.btn-sm {
    padding: 4px 7px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 1px;
}

.btn-group-xs>.btn, 
.btn-xs {
    border-radius: 1px;
}

/*nav*/
.nav>li>a {
    /*padding: 8px 12px;*/
}


/* Tabs */

.nav-tabs {border-bottom: 1px solid #d7d7d7; margin-bottom: 0;}
.nav-tabs > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #d7d7d7;
    border-right: 1px solid transparent;
    -webkit-border-radius: 1px 1px 0 0;
    -moz-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    font-weight: bold;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    color: #999999;
}

.nav-tabs > li:first-child > a {
    -webkit-border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    border-radius: 2px 0 0 0;
}

.nav-tabs > li:last-child > a {
    -webkit-border-radius: 1px 2px 0 0;
    -moz-border-radius: 1px 2px 0 0;
    border-radius: 1px 2px 0 0;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    color: #666666;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    border-right: 1px solid transparent;
    border-bottom-color: transparent;
    filter:none;
}
.nav-tabs > li > a:hover {color: #62aeef;}
.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 0px;

}
.nav-tabs > li:last-child > a, 
.nav-tabs > li.last-child > a {
    border-right: 1px solid #d7d7d7
}

@media (min-width:992px) {
    .tab-content  {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }
 }
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
    border-color: #d7d7d7 transparent #d7d7d7 #d7d7d7;
}

.nav-tabs > li:last-child > a:hover, 
.nav-tabs > li:last-child > a:focus {
    border-right-color: #d7d7d7
}

.nav-tabs .open .dropdown-toggle, 
.nav-pills .open .dropdown-toggle, 
.nav > li.dropdown.open.active > a:hover, 
.nav > li.dropdown.open.active > a:focus {
    color: #666666;
    background-color: inherit;
    border-color: #d7d7d7;
}



/* form-control */
.form-control {
    /*margin-bottom: 5px;*/
    border-radius: 1px;
}

/*input*/
.input-sm {
    border-radius: 1px;
}

.input-group-sm>.form-control, 
.input-group-sm>.input-group-addon, 
.input-group-sm>.input-group-btn>.btn {
    border-radius: 1px;
}

/*pagination*/
.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.pagination>li:last-child>a, 
.pagination>li:last-child>span,
.pagination-sm>li:last-child>a, 
.pagination-sm>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

/*input-group*/
.input-group-addon {
    border-radius: 1px;
}

/*image*/
.img-thumbnail {
    border-radius: 1px;
}

/*panel*/
.panel {
    border-radius: 1px;
}
.panel-heading {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

/*badge*/
.badge {
    padding: 2px 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    color: #666;
    background-color: #eee;
    border-radius: 20px;
    text-shadow: 0 1px 0 #fff;
    font-family: Helvetica, arial
}

/*form*/
.form-horizontal .checkbox, 
.form-horizontal .checkbox-inline, 
.form-horizontal .radio, 
.form-horizontal .radio-inline {
    padding-top: 0;
}

input[type=checkbox], 
input[type=radio] {
    margin: 2px 0 0;

}

/*list-group*/
.list-group-item:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}
.list-group-item:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

/*well*/
.well,
.well-sm {
    border-radius: 1px;
}


/*popover*/
.popover {
    border-radius: 1px;
    font-size: 12px
}

/*popover-X*/
.popover-title {
    border-radius: 1px 1px 0 0;
}

/*modal*/
.modal-content {
    border-radius: 2px;
}


@media (max-width: 767px) {
    .btn-toolbar .btn-group {
        margin-bottom: 7px
    }
    .btn-group-sm>.btn, 
    .btn-sm {
        font-size: 12px;
    }
    .badge {
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media (min-width: 992px) {

	.dropdown-menu {
		font-size: 12px
	}
}

/* widget */

.widget-actions .btn {
    border-radius: 0;
}



/**
 * fueluxcustom style
 * ----------------------------------------------------------------------------
 */

/*checkbox*/
.fuelux .checkbox-custom:before {
    border-radius: 0;
    color: #4D89C1
}
.fuelux .checkbox-custom.checked:before {
    background: transparent;
    border-color: #4D89C1;
}

/*radio*/
.fuelux .radio-custom:before {
    color: #4D89C1
}
.fuelux .radio-custom.checked:before {
    background: transparent;
    border-color: #4D89C1;
}
.fuelux .radio-custom.checked:after {
    background: #4D89C1;
}


/**
 * bootstrap modal
 * ----------------------------------------------------------------------------
 */

.loading-spinner {
    width: 80px;
    margin-top: -200px;
    margin-left: -40px;
    text-align: center;
    color: #999
}

.modal .loading-spinner {
   margin-top: -40px; 
}

.rb-fading-circle {
  margin: 0 auto 15px;
  width: 60px;
  height: 60px;
  position: relative;
}

.rb-fading-circle .rb-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.rb-fading-circle .rb-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #777;
  border-radius: 100%;
  -webkit-animation: rb-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: rb-circleFadeDelay 1.2s infinite ease-in-out both;
}
.rb-fading-circle .rb-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.rb-fading-circle .rb-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.rb-fading-circle .rb-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rb-fading-circle .rb-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.rb-fading-circle .rb-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.rb-fading-circle .rb-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rb-fading-circle .rb-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.rb-fading-circle .rb-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.rb-fading-circle .rb-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.rb-fading-circle .rb-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.rb-fading-circle .rb-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.rb-fading-circle .rb-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.rb-fading-circle .rb-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.rb-fading-circle .rb-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.rb-fading-circle .rb-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.rb-fading-circle .rb-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.rb-fading-circle .rb-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.rb-fading-circle .rb-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.rb-fading-circle .rb-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.rb-fading-circle .rb-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.rb-fading-circle .rb-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.rb-fading-circle .rb-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes rb-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes rb-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

.loading-spinner .rb-text {
    margin-top: 15px;
    font: 12px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}