@charset "UTF-8";

@font-face {
	font-family: "BraveBC";
	src: url("./fonts/brave-bc.woff") format("woff2");
	font-weight: normal;
	font-style: normal;
}

html, body {
    overflow: hidden !important;
}

* {
	font-family: "Noto Sans KR";
}

a:link, a:visited {
    text-decoration: none;
}

.logo_text {
    font-family: "BraveBC" !important;
    font-size: 1rem !important;
}

.logo_color {
    color: #2c0444 !important;
}

.logo_color2 {
    color: #4e017d !important;
}

.logo_color3 {
    color: #ee5655 !important;
}

.hide {
    display: none !important;
}

.bold {
    font-weight: 500;
}

.bold .v-btn__content {
    font-weight: 500;
}

.normal {
    font-weight: 300;
}

.thin {
    font-weight: 100;
}

.txt-blk {
    color: #000 !important;
}

.txt-gray {
    color: #888 !important;
}

.w-10 {
    width: 10% !important;
}

.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.w-33 {
    width: 33.333% !important;
}

.w-35 {
    width: 35% !important;
}

.w-45 {
    width: 45% !important;
}

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

.w-70 {
    width: 70% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.b-1 {
    border: 1px solid #ddd !important;
}

.bt-1 {
    border-top: 1px solid #ddd !important;
}

.bb-0 {
    border-bottom: 0px !important;
}

.bb-1 {
    border-bottom: 1px solid #ddd !important;
}

.br-0 {
    border-radius: 0px !important;
}

.col {
    padding: 0px !important;
}

.btn {
	background-color: #2c0444 !important;
	border: 1px solid #2c0444 !important;
	color: #fff !important;
    box-shadow: none !important;
}

.btn:hover {
	background-color: #2c0444 !important;
	border: 1px solid #2c0444 !important;
	color: #fff !important;
}

.btn:disabled {
	background-color: #ccc !important;
	border: 1px solid #ccc !important;
	color: #fff !important;
}

.btn-secondary {
	background-color: #6c757d !important;
	border: 1px solid #6c757d !important;
}

.btn-ol {
	background-color: #fff !important;
	border: 1px solid #2c0444 !important;
	color: #2c0444 !important;
}

.btn-ol:hover {
	background-color: #fff !important;
	border: 1px solid #2c0444 !important;
	color: #2c0444 !important;
}

.btn-file {
	background-color: #fff !important;
	border: 1px solid #aaa !important;
	color: #aaa !important;
}

.btn-file:hover {
	background-color: #fff !important;
	border: 1px solid #aaa !important;
	color: #aaa !important;
}

.btn-bottom, .btn-bottom:hover {
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
}

.btn-bottom::before {
    opacity: 0 !important;
}

.btn-on-btn {
    min-width: 0px !important;
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
}

.btn-on-btn.v-btn--right {
    right: 0px !important;
}

.btn-kakao {
	background-color: #fae100 !important;
	border: 1px solid #fae100 !important;
	color: #412323 !important;
    box-shadow: none !important;
}

.btn-kakao:hover {
	background-color: #fae100 !important;
	border: 1px solid #fae100 !important;
	color: #412323 !important;
}

.v-app-bar {
    box-shadow: none !important;
}

.v-main {
    transition: none !important;
}

.v-icon:focus::after {
    opacity: 0 !important;
}

.v-btn:before {
    opacity: 0 !important;
}

.v-ripple__container {
    display:none !important;
    opacity: 0 !important;
}

.v-ripple__container, .v-input--selection-controls__ripple {
    display:none !important;
    opacity: 0 !important;
}

.vdv-thick {
    height: 2px !important;
    max-height: 2px !important;
}

.vdv-thin {
    height: 1px !important;
    max-height: 1px !important;
}

.v-card {
    box-shadow: none !important;
}

.v-messages {
    min-height: 5px !important;
}

.mdi-checkbox-blank-outline, .mdi-checkbox-marked, .mdi-radiobox-marked, .mdi-radiobox-blank {
    margin-top: 3px;
}

.v-input--checkbox .v-input__slot label {
    color: #000 !important;
}

.v-input--radio-group legend.v-label {
    font-size: 12px !important;
}

.v-btn-toggle .v-item--active {
    background-color: #2c0444 !important;
}

.v-btn.v-size--small .v-btn__content {
    margin-top: -2px;
}

.v-input .mdi-close::before {
    content: "\F0159";
}

.tbl_agree {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

.tbl_agree th {
    text-align: center !important;
}

.tbl_agree th, .tbl_agree td {
    text-align: center;
    border-left: 1px solid #999;
}

.tbl_agree th:first-child, .tbl_agree td:first-child {
    border-left: 0px;
}

.tbl_agree td {
    border-bottom: 1px solid #999 !important;
}

.tbl_agree th {
    background-color: #ddd;
}

.tbl_data td {
    padding: 0 5px !important;
}

.v-btn-float {
    position: absolute !important;
    bottom: 20px;
    right: 20px;
    width: 48px !important;
    height: 48px !important;
    box-shadow: none !important;
    background-color: #2c0444 !important;
    color: #fff !important;
}

.v-input--reverse .v-input__slot {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    .v-application--is-ltr & {
      .v-input--selection-controls__input {
        margin-right: 0 !important;
        margin-left: 8px !important;
      }
    }
    .v-application--is-rtl & {
      .v-input--selection-controls__input {
        margin-left: 0 !important;
        margin-right: 8px !important;
      }
    }
  }
  
  .v-input--expand .v-input__slot {
    .v-label {
      display: block !important;
      flex: 1 !important;
    }
  }

.tbl_summ .v-btn__content {
    line-height: 180%;
}

.tbl_summ .v-btn--active {
    color: #333 !important;
    background-color: #fbf5ff !important;
    opacity: 0.8 !important;
}

.btn_atch .mdi-camera-plus::before {
    color: #4e017d;
}

.imgs_car .v-image {
    border: 1px solid #ddd;
    border-radius: 3px !important;
}

.imgs_car .v-image .v-btn {
    padding: 0px !important;
    min-width: 0px !important;
}

.imgs_car .v-image .v-btn__content {
    padding: 0px !important;
    -webkit-text-stroke: 1px #2c0444;
}

.btn_del_img {
    top: 0px;
    right: 0px;
    color: #fff !important;
    background: none !important;
    border: 0px !important;
    box-shadow: none !important;
}

.tbl_color .v-btn {
    height: 30px !important;
}

.tbl_opts .v-btn {
    height: 35px !important;
    color: #aaa !important;
    font-size: 12px !important;
    background-color: #fff !important;
    border-color: #ddd !important;
}

.tbl_opts .v-btn.opts_active {
    color: #fff !important;
    background-color: #4e017d !important;
}

.bar_lst > div > .elevation-10 {
    padding: 0px 10px !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: none !important;
}

.bar_lst .v-slide-group__content {
    padding: 0px 10px !important;
}

.bar_lst .v-slide-group__content span {
    background-color: #fff !important;
    box-shadow: none !important;
}

.bar_lst .v-slide-group__content span.v-chip--active {
    background-color: #fff !important;
}

.theme--light.v-chip--active:hover::before, .theme--light.v-chip--active::before {
    opacity: 0 !important;
}

.bar_active .v-ripple__container {
    display: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

.bar_active {
    color: #4e017d !important;
    caret-color: #fff !important;
    font-weight: 700;
}

.bar_search {
    border-bottom: 1px solid #ddd;
}

.bar_search .v-input__slot {
    padding: 0 10px !important;
    min-height: 10px !important;
}

.bar_search input {
    padding: 8px !important;
}

.bar_search .v-text-field--enclosed .v-input__append-inner, .bar_search .v-text-field--enclosed .v-input__prepend-inner {
    margin-top: 6px !important;
}

.mob-carousel-item {

    .mob-carousel-img-container {
        height: 100%;
        width: 100%;
        display: grid;
        justify-items: center;
        align-items: center;
        .mob-carousel-img {
            align-self: center;
            height: auto;
            max-height: 100%;
        }
    }
}

.layer_slide .theme--dark.v-btn--active:hover::before, .layer_slide .theme--dark.v-btn--active::before {
    opacity: 0.38 !important;
}

.layer_slide .theme--dark.v-btn--active i {
    opacity: 1 !important;
}

.chip-banner {
    margin-top: -3px !important;
    padding: 1px 8px !important;
}