.display-flex-row {
    display: flex;
    flex-direction: row;
}

.blue-title {
    color: darkblue;
    font-weight: bold;
}

.display-flex-column {
    display: flex;
    flex-direction: column;
}

.display-inline-block {
    display: inline-block;
}

.no-padding {
    padding: 0 !important;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.padding-10 {
    padding: 10px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-6 {
    padding: 6px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px;
}

.padding-bottom-3 {
    padding-bottom: 3px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.line {
    margin-bottom: 10px;
}

.sub-line {
    margin-bottom: 15px;
}

.hidden {
    visibility: hidden;
}

.radio-label {
    padding-left: 0;
    font-size: 14px;
    margin-right: 10px;
}

.image-panel img {
    width:100%;
    height:100%;
}

.image-panel {
    width:220px;
    height:220px;
    position: relative;
}

.image-panel span {
    vertical-align: center;
}

.image-panel .remove-video {
    width: 25px;
    height: 25px;
    position: absolute;
    top:0px;
    right: 0px;
    padding: 0px;
}

.image-panel .remove-image {
    width: 30px;
    height: 30px;
    position: absolute;
    top:0px;
    right: 0px;
    padding: 0px;
}

.image-panel .update-image {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 31px;
    top: 0px;
    padding: 0px;
    z-index: 1000;
}

.image-panel .update-image i {
    font-size: 15px;
}

.image-panel .remove-image i {
    font-size: 15px;
}

.font-normal {
    font-weight: normal;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-3 {
    margin-bottom: 3px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-right-3 {
    margin-right: 3px;
}

.margin-right-4 {
    margin-right: 4px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-8 {
    margin-right: 8px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-left-3 {
    margin-left: 3px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-110 {
    margin-top : 110px;
}

.margin-top-130 {
    margin-top: 130px;
}

.margin-top-150 {
    margin-top: 150px;
}

.margin-top-160 {
    margin-top: 160px;
}

.margin-top-180 {
    margin-top: 180px;
}

.margin-top-200 {
    margin-top: 200px;
}

.margin-top-250 {
    margin-top: 250px;
}

.margin-top-300 {
    margin-top: 300px;
}

.hidden {
    display: none!important
}

.text-normal {
    font-weight: normal;
}

.right-align {
    text-align: right;
}

.left-align {
    text-align: left;
}

.center-align {
    text-align: center;
}

.vertical-align-center {
    display: flex; align-items: center;
    justify-content: center;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-12 {
    padding-left: 12px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-30 {
    padding-left: 30px;
}

.text-color-red {
    color: red;
}

.text-label {
    font-size: 14px;
}

.search-label {
    font-weight: normal;
    font-size: 14px;
}

.center-text {
    text-align: center;
}

.horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap; /* 요소 안에서 줄 바꿈 방지 */
}

.margin-auto {
    margin : 0 auto;
}

.customer-info {
    border : 1px solid #eee
}

.bg-gray {
    background-color: #eeeee;
}

.input-height-36 {
    height: 36px;
}

.search-single-group {
    width: 11%
}

.search-double-group {
    width: 22%
}

.search-double-field input, .input-label + input{
    height: 54px;
    padding-top: 35px;
    padding-bottom: 18px;
    border: 0;
    font-size: 12px;
}

.search-table .input-label + .select-box {
    margin-top: 25px !important;
    border: 1px solid #ffffff !important;
}

.border-none {
    border: none;
}

.input-label {
    position: relative;
}

.input-label .top-label {
    position: absolute;
    top: 4px;
    left: 10px;
}

.input-label .bottom-label {
    position: absolute;
    bottom: 4px;
    right: 10px;
}

.input-label .search-text {
    font-size: 13px;
    font-weight: normal;
    color: #828a92;
    white-space: nowrap;
}

.input-label .search-bottom-text {
    position: absolute;
    bottom: -5px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    color: #828a92;
    white-space: nowrap;
}

.input-label .input-height-65 {
    height: 65px;
}

.search-input {
    font-size: 1.1rem;
}

.search-input-sm {
    width: 30%;
}

.input-div {
    position: relative;
}

.input-div span {
    font-size: 1.2rem;
    position: absolute;
    bottom: 6px;
}

.text-alien-center {
    text-align: center;
    justify-content: center;
}

.text-blue {
    color: darkblue;
}

.button-pointer {
    cursor: pointer;
}

.height-select {
    height: 36px;
}

.line-center {
    line-height: 2;
}

.search-table tbody tr:first-child td:first-child {
    border: 0;
}

.search-table thead th {
    border: 0;
}

.search-table .search-title {
    border: 0;
}

.search-table td {
    padding: 5px;
    border: 1px solid #c3cad2;
    border-radius: 3px;
}

.search-table th {
    border: 0;
}

.textarea-resize {
    resize: none;
}

.spacing-table {
    border-spacing: 10px;
    border-collapse: separate;
}

.list-img-size {
    width: 75px;
    height: 75px;
}

.width-60px {
    min-width: 60px;
}

.min-width-50px {
    min-width: 50px;
}

.min-width-40px {
    min-width: 40px;
}

.max-height-30 {
    max-height: 30px;
}

.width-80px {
    width: 80px;
}

.min-width-30 {
    min-width: 30px;
}

.min-width-150 {
    min-width: 150px;
}

.padding-20 {
    padding : 20px;
}

.height-20 {
    height: 20px;
}

.padding-top-3 {
    padding-top: 3px;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-8 {
    padding-top: 8px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-80 {
    padding-top: 50px;
}

.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-30 {
    font-size: 30px;
}

.min-width-50 {
    min-width: 50px;
}

.min-width-70 {
    min-width: 70px;
}

.min-width-95 {
    min-width: 95px;
}

.min-width-105 {
    min-width: 105px;
}

.height-100 {
    height: 100%;
}

.height-50 {
    height: 50%;
}

.text-alien-left {
    text-align: left;
}

.small-text-label {
    font-weight: normal !important;
    font-size: 12px;
}

.font-weight-normal {
    font-weight: normal !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.min-width-130 {
    min-width: 130px;
}

.input-height-30 {
    height: 30px;
}

.select-height-33 {
    height: 33px;
}

.border-radius-7 {
    border-radius: 7px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.width-110 {
    width: 110px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.height-66 {
    height: 66px;
}

.height-200 {
    height: 200px;
}

.background-color-white {
    background-color: #ffffff;
}

.rotate-180 {
    display: inline-block;
    transform: rotate(180deg);
}

.word-box {
    white-space: normal;
}

.color-red {
    color: red;
}

.color-blue {
    color: blue;
}