.text-decoration-line-through { text-decoration:line-through !important;  }

.form-control, .form-control2 { font-size:0.8rem; border:1px solid #ced4da; }
.frm_input {}

select.form-control, .input-group>select.form-control { flex:none; width: auto; } 

/* 버튼 기본 색상 및 폰트 크기 설정 */
.btn-sm { color: #fff !important; font-weight: 200; }
.btn.btn-default { font-size: 0.8rem; background-color: #fff; overflow:hidden; white-space:nowrap; }
.btn.btn-default:last-child { background-color: #ebebeb; }

.btn-basic { background-color:#323987; color:#fff !important; border-color:#323987; }
.btn-basic:hover { background-color:#34994f; border-color: #2f8747; color: #fff; }
.btn-basic a { color:#fff !important; }

.btn-secondary { color:#fff !important;  }
.btn-secondary:hover { color:#fff; }

.btn-input { line-height: 40px; }

.text-point { color:#323987; font-size: 12px; }

.datepicker table { font-size: 0.9rem;  }

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 14px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

/* 라운드 처리 추가 */
.rounded-5 { border-radius: 0.5rem !important; }

/**
  ** Created by: http://github.com/localnetwork/
  */

.select2-container .select2-selection--single { height: calc(2.25rem + 2px); }

.menutabWrap {
  position: relative;
  max-width: 100%;
  margin: 0px auto;
}

.nav-wrap {
  position: relative;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  transition: all 0.5s ease;
  opacity: 0;
  opacity: 1;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 30px;
  /* transition: background-color 0.5s; */
  max-width: 1125px;
}

.nav-wrap.top-fixed {
  position: fixed;
  top: 100px;
  box-shadow: 10px 10px 30px #00000014;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}

@media (min-width: 768px) {
    .responsive-tabs .dropdown-arrow {
        display: none; 
    } 
}

@media screen and (max-width: 767px) {
    .menutabWrap { margin-top: 20px; }
  
    .responsive-tabs {
        position: relative; 
        border: 1px solid #ccc;
    }
    .responsive-tabs li {
        width: 100%; 
        margin: 0 !important; 
    }
    .responsive-tabs li > a {
        display: none; 
        border: 0 !important; 
        border-radius: 0 !important;
    }
    .menutabWrap.open li > a, .responsive-tabs li > a.active {
        display: block;
    }
  
    .menutabWrap .dropdown-arrow {
      position: absolute;
      top: 11px;
      right: 15px;
      border: solid #fff;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      vertical-align: middle;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transition: all ease .5s;
      cursor: pointer;
    }

    .menutabWrap.open .dropdown-arrow {
      transform: rotate(-135deg);
      top: 15px;
      transition: all ease .5s;
    }
}  

.input-group.date { width: 180px; }

.zipcode { width: 80px;}

#ui-datepicker-div { z-index: 99 !important; }

.mobile #ui-datepicker-div { width:90% !important; top:50% !important; left:50% !important; transform: translate(-50%, -50%) !important;}