/* Add here all your CSS customizations */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    border: 0;
}

textarea {
    resize: none;
}

object {
    vertical-align: middle;
    pointer-events: none;
}

svg {
    fill: currentColor;
    color: inherit;
}

.displaynone {
    display: none !important;
}

.bg-color01 {
    background-color: #283586 !important;
}

.bg-color02 {
    background-color: #F2F3FA !important;
}

.bg-color03 {
    background-color: #F6F6F6 !important;
}

.bg-color04 {
    background-color: #666666 !important;
}


.font-color01 {
    color: #283586 !important;
}

.font-color02 {
    color: #F2F3FA !important;
}

.font-color03 {
    color: #616161 !important;
}

.font-color04 {
    color: #0A0A0A !important;
}

.font-color05 {
    color: #ABB4BE !important;
}

.font-color06 {
    color: #000000 !important;
}

.font-error {
    color: #FF3B14 !important;
}

.font-notice {
    color: red !important;
}

.font-notice02 {
    color: #5458F7 !important;
    position: relative;
}

.no-after::after {
    display: none;
}

.font-size-12 {
    font-size: 0.75rem !important;
}

.font-size-14 {
    font-size: 0.875rem !important;
}

.font-size-16 {
    font-size: 1rem !important;
}

.font-size-18 {
    font-size: 1.125rem !important;
}

.bd-color01 {
    border: 1px solid #283586 !important;
}

.bd-color02 {
    border: 1px solid #F5F5F5 !important;
}

.bb1-color01 {
    border-bottom: 1px solid #F5F5F5 !important;
}

.table-bdclr-1 thead tr th {
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #F5F5F5;
}

.table-bdclr-1 tbody tr td {
    border-bottom: 1px solid #F5F5F5;
}

.table-bdclr-1 tbody tr:last-child td {
    border-bottom: 1px solid #EDEDED;
}

.title {
    font-size: 24px !important;
    color: #000;
    font-weight: 500;
}

.t-42 {
    color: #424242;
}

.t-main2 {
    color: #283586;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
}


/* date-picker 공통 */
.datepicker-switch {
    pointer-events: none;
}

.input-group-text {
    position: relative;
}

.input-group-text label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* iv_index 공통 CSS */
#iv_index .logo {
    width: 185px;
}

.header .breadcrumbs_boxs {
    /*   좌측 정렬 */
    display: flex;
    align-items: center;

}

html.fixed .page-header {
    position: static;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    /*    글씨 세로 가운데 정렬 */
    display: flex;
    align-items: center;

}

html.fixed .page-header h2 {
    color: #000;
    border: 0;
    float: none;
    vertical-align: middle;
    font-weight: 500;
    font-size: 28px;
}

html.fixed .page-header .right-wrapper {

}

header .breadcrumb-container {
    display: flex;
}

/* iv_index 공통 CSS */
/* table 공통 */
table {
    font-size: 15px;
}

table td {
    color: #424242
}

table span {
    vertical-align: middle;
}

/* table th { background-color:#f3f3f3; } */
table th.no_sorting {
    pointer-events: none !important;
}

table th.no_sorting:before,
table th.no_sorting:after {
    display: none !important;
}

table .width-750 {
    width: 750px;
}

table .width-240 {
    width: 240px;
}

/*table tr {
    border-bottom: 1px solid #e9e9e9;
}*/

table.tableType01 tr:last-child {
    border-bottom: 0;
}

table.tableType01 th {
    height: 40px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

table.tableType01 td {
    /*height: 50px;*/
    padding: 10px 0;
}

table.tableType01 tr {
    border-bottom: 0 none;
}

/* 데이터 테이블 */
.table.table-ecommerce-simple th {
    background-color: #F5F5F5;
}

table .default-message td {
    color: #9E9E9E;
    padding: 60px 0;
}

.table-ecommerce-simple td > ul {
    margin-bottom: 0
}

/* buttons */
.btn-common {
    border-color: #ABB4BE;
    color: #424242;
}

.btn-common:hover {
    background-color: #f8f9fa;
}

/* radio btn */
.radio-custom,
.checkbox-custom {
    margin-bottom: 0;
}

/* pagenation */
.pagination {
    justify-content: center;
}

/* 수정 */
html .btn-modify {
    background-color: #545454;
    color: #fff;
}

.btn-modify:hover {
    background-color: #676767;
    color: #fff;
}

html .btn-reset {
    background-color: #fff;
    color: #283586;
    border: 1px solid #283586;
}

html .btn-reset:hover,
html .btn-reset:active,
html .btn-reset:focus {
    background-color: #FAFBFF;
    color: #283586;
    border: 1px solid #283586;
}

html .btn-default02 {
    background-color: #fff;
    color: #00913A;
    border: 1px solid #00913A;
}

html .btn-gray {
    background-color: #fff;
    color: #424242;
    border: 1px solid #C2C2C2;
}

html .btn-c2 {
    background-color: #fff;
    color: #C2C2C2;
    border: 1px solid #C2C2C2;
}

html .btn-c2:hover {
    color: #c2c2c2;
}

html .btn-c2.on {
    border-color: #283586;
    color: #283586;
}

html .pd-10-32 {
    padding: 10px 32px;
}

html .pd-8-20 {
    padding: 8px 20px;
}

html .text-blue {
    color: #5458F7;
}

/* attr */
/* flex-box */
.flex {
    display: flex;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-justify-sb {
    justify-content: space-between;
}

.flex-justify-end {
    justify-content: flex-end;
}

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

.flex-align-ct {
    align-items: center;
}

.flex-align-lt {
    align-items: flex-start !important;
}

.flex-align-rt {
    align-items: flex-end !important;
}

.flex-dir-col {
    flex-direction: column;
}

.popup-container {
    display: flex;
}

.popup-sidebar {
    min-width: 240px;
    min-height: 100vh;
    height: 100%;
    background-color: #fff;
    flex: 1 0 auto;
}

.popup-sidebar .tab-box .nav li {
    cursor: pointer;
}

.popup-container section.body {
    flex: 1 1 auto;
}

/* float */
.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

.fl-c {
    clear: both;
}

.cf:after {
    content: '';
    display: block;
    clear: both;
}

/* vertical-align */
.va-top {
    vertical-align: top;
}

.va-bottom {
    vertical-align: bottom;
}

/* Separated-line */
.separated-line {
    display: inline-block;
    width: 1px;
    height: 30px;
    margin: 0 15px;
    background-color: #ddd;
}

/* dropzone-modern */
.dropzone-modern {
    background-color: #f5f5f5;
    border: 1px solid #d4d5db;
    width: 88px;
    height: 88px;
    min-height: 0;
    font-size: 20px;
    border-radius: 0;
}

/* border */
.border-0 {
    border: 0 none !important;
}

.bt-0 {
    border-top: 0 !important;
}

.bl-0 {
    border-left: 0 !important;
}

.br-0 {
    border-right: 0 !important;
}

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

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

.bl-1 {
    border-left: 1px solid #E5E5E5 !important;
}

.br-1 {
    border-right: 1px solid #E5E5E5 !important;
}

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

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

.border-ed {
    border: 1px solid #ededed;
}

/* col */

.col-40 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.col-49 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    width: 49%;
}

/* input 크기 임의조정 */
.input-120 {
    width: 7.5rem !important;
}

/* 16px -> 120px */
.input-375 {
    width: 23.438rem !important;
}

/* 16px -> 375px */
.input-500 {
    width: 31.25rem !important;
}

/* 16px -> 500px */

/* input checkbox 수정 */
html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
    background-color: #fff;
    border-color: #bfbfbf;
}

.checkbox-primary input[type="checkbox"]:checked ~ label:before {
    background-color: #FF6B00;
    border-color: #FF6B00;
}

/* padding */
.px-10 {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

.py-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.px-15 {
    padding-left: 0.938rem !important;
    padding-right: 0.938rem !important;
}

.py-15 {
    padding-top: 0.938rem !important;
    padding-bottom: 0.938rem !important;
}

.py-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.px-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.py-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
}

.px-30 {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
}

.px-32 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.px-40 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.py-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.px-80 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
}

.pl-10 {
    padding-left: 0.625rem !important;
}

.pr-10 {
    padding-right: 0.625rem !important;
}

.pb-10 {
    padding-bottom: 0.625rem !important;
}

.pt-10 {
    padding-top: 0.625rem !important;
}

.pl-20 {
    padding-left: 1.25rem !important;
}

.pr-20 {
    padding-right: 1.25rem !important;
}

.pb-20 {
    padding-bottom: 1.25rem !important;
}

.pt-20 {
    padding-top: 1.25rem !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-88 {
    padding-top: 88px !important;
}

.pl-30 {
    padding-left: 1.87rem !important;
}

.pr-30 {
    padding-right: 1.875rem !important;
}

.pb-30 {
    padding-bottom: 1.875rem !important;
}

.pt-30 {
    padding-top: 1.875rem !important;
}

.pl-40 {
    padding-left: 2.5rem !important;
}

.pr-40 {
    padding-right: 2.5rem !important;
}

.pb-40 {
    padding-bottom: 2.5rem !important;
}

.pt-40 {
    padding-top: 2.5rem !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pl-60 {
    padding-left: 3.75rem !important;
}

.pr-60 {
    padding-right: 3.75rem !important;
}

.pb-60 {
    padding-bottom: 3.75rem !important;
}

.pb-66 {
    padding-bottom: 66px;
}

.pt-60 {
    padding-top: 3.75rem !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

/* margin */
.mx-10 {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
}

.my-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

.mx-20 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

.my-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.mx-40 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.my-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mt-8 {
    margin-top: 0.5rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-8 {
    margin-bottom: 0.5rem !important;
}

.ml-10 {
    margin-left: 0.625rem !important;
}

.mr-10 {
    margin-right: 0.625rem !important;
}

.mt-10 {
    margin-top: 0.625rem !important;
}

.mb-10 {
    margin-bottom: 0.625rem !important;
}

.mb-15 {
    margin-bottom: 0.938rem !important;
}

.mb-20 {
    margin-bottom: 1.25rem !important;
}

.ml-20 {
    margin-left: 1.25rem !important;
}

.mr-20 {
    margin-right: 1.25rem !important;
}

.mt-20 {
    margin-top: 1.25rem !important;
}

.mb-20 {
    margin-bottom: 1.25rem !important;
}

.ml-30 {
    margin-left: 1.875rem !important;
}

.mr-30 {
    margin-right: 1.875rem !important;
}

.mt-30 {
    margin-top: 1.875rem !important;
}

.mb-30 {
    margin-bottom: 1.875rem !important;
}

.ml-40 {
    margin-left: 2.5rem !important;
}

.mr-40 {
    margin-right: 2.5rem !important;
}

.mt-40 {
    margin-top: 2.5rem !important;
}

.mb-40 {
    margin-bottom: 2.5rem !important;
}

.mb-50 {
    margin-bottom: 50px;
}

.m-auto-40 {
    margin: 2.5rem auto !important;
}

/* btn */
.btn-basic {
    width: 4.125rem !important;
}

.btn-table {
    width: 3.438rem !important;
}

.btn-confirm {
    width: 12.125rem !important;
}

.btn-popup {
    width: 10.625rem !important;
}

.btn-disabled {
    width: 8.563rem !important;
}

.btn-primary a {
    display: block;
    width: 100%;
    color: #fff;
}

.btn-black {
    background: #424242;
    color: #fff;
}

.btn-black:hover {
    color: #fff;
}

.btn-p-8-20 {
    padding: 8px 20px;
}

.btn-p-4-20 {
    padding: 4px 20px;
    height: 36px;
}

.btn-p-4-16 {
    padding: 4px 16px !important;
    height: 32px;
}

.btn-p-10-32 {
    padding: 10px 32px;
}

.btn-p-8-20 span,
.btn-p-4-20 span {
    font-size: 15px;
    line-height: 20px;
}

.mw-20 {
    min-width: 20px;
}

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

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

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

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

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

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

.mw-90 {
    min-width: 90px;
}

.mw-100 {
    min-width: 100px;
}

.mw-120 {
    min-width: 120px;
}

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

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

.mw-160 {
    min-width: 160px;
}

.mw-180 {
    min-width: 180px;
}

.mw-200 {
    min-width: 200px;
}

.mw-250 {
    min-width: 250px;
}

.mxw-120 {
    min-width: 120px;
}

.mxw-200 {
    max-width: 200px;
}

.mxw-250 {
    max-width: 250px;
}

.mxw-270 {
    max-width: 270px;
}

.h-200 {
    height: 200px;
}

.h-340 {
    height: 340px;
}

.h-75vh {
    height: 75vh;
}

.scroll-y {
    overflow-y: auto;
}

/* pagenation */
.page-link {
    border: 0 !important;
    color: #666;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #666;
}

/* dataTables_info */
div.dataTables_wrapper div.dataTables_info {
    display: none;
}

/* img 업로드 */

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
}

.custom-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-list > div {
    /*cursor: pointer;*/
}

.custom-file-label {
    height: 40px;
}

.custom-file-label::after {
    display: none;
}

.custom-file-label.selected::before {
    display: none;
}

.custom-file-label {
    font-size: 15px;
    color: #666666;
}

.file-item {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid #CED4DA;
    border-radius: 3px;
}

.file-prd-item {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid #e0e0e0;
}

.preview-list {
    display: flex;
    gap: 10px;
    padding: 10px;
    flex-wrap: wrap;
}

.preview-item {
    width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
    cursor: grab;
    background: #fafafa;
}

.preview-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: auto;
}

.preview-item .remove-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.file-item img {
    display: block;
    width: 100px;
    height: 100%;
    object-fit: contain;
}

.file-item span {
    font-size: 15px;
    color: #666;
    max-width: 300px;
    /*  넘어가면 ... 처리 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

/* 임시 */
.address_dbrow {
    display: inline-block;
    max-width: 160px;
    word-break: keep-all;
}

.word-break-keep {
    word-break: keep-all;
}

.pos-abs {
    position: absolute;
}

.pos-abs-ctr {
    left: 50%;
    transform: translateX(-50%);
}

.pos-abs-b40 {
    bottom: 40px;
}

.pos-abs-b30 {
    bottom: 30px;
}

/*********************** PAGE******************************/
/* vr_join-membership */
#join.body-sign .card-sign .card-body {
    padding: 60px 40px;
    border-top: 0;
}

#join h1 {
    text-align: center;
    margin: 0 0 30px;
}

/* 임시 */
#join h1.logo {
    width: 160px;
    margin: 0 auto 30px;
}

#join h1.logo img {
    display: block;
    width: 100%;
    height: auto;
}

#join h1.title {
    color: #000;
}

#join .input-group .pw_chk {
    display: none;
}

#join .form-control {
    padding: 13.5px;
}

#join .form-group {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 12px !important;
}

#join .form-group label {
    display: block;
    width: 100%;
    margin: 0 0 6px;
    color: #666;
}

label {
    font-size: 1rem;
}

#join .btn_box {
    text-align: center;
    margin: 30px 0 0;
}

#join .btn_box button {
    margin: 0 !important;
}

#join .btn_box .join_login {
    text-decoration: underline;
    font-size: 15px;
}

#join .btn_box button:nth-child(1) {
    margin: 0 0 30px !important;
}

.font-notice {
    display: none;
}

/* vr_login */
#login h1.logo {
    width: 300px;
    margin: 0 auto;
}

#login h1.logo img {
    display: block;
    width: 100%;
    height: auto;
}

#login .input-group .pw_chk {
    display: none;
}

#login .form-control {
    width: 100%;
    padding: 11px 11px 11px 60px !important;
    font-size: 16px;
    height: 54px;
}

#join .form-control {
    width: 100%;
    height: 54px;
    font-size: 16px;
    border-radius: 3px;
}

#login .form-group:nth-child(1) .input-group::before,
#login .form-group:nth-child(2) .input-group::before {
    content: "";
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    z-index: 100;
}

#login .form-group:nth-child(1) .input-group::before {
    background: url('../img/login_id.png') no-repeat center / 18px;
}

#login .form-group:nth-child(2) .input-group::before {
    background: url('../img/login_pw.png') no-repeat center / 18px;
}

#login .form-group:nth-child(1) {
    margin-bottom: 10px !important;
}

#login .form-group:nth-child(2) {
    border-top: 0;
    padding: 0;
    margin-bottom: 12px !important;
}

#login.body-sign .checkbox-custom:hover label:before {
    border-color: #5458f7;
}

#login .text-center.text-muted button:nth-child(1) a:hover {
    color: #283586 !important;
}

#login .checkbox-custom label {
    color: #757575
}

/* vr_product-list */
.product-list-card .card-body {
    padding: 40px 40px 30px 40px;
}

.product-list-card.cate-manage .card-body {
    padding: 40px 25px 30px 40px;
}

.thepureun-manage .card-body {
    padding: 24px 40px 30px;
}

/* vr_product */
.view_box .all_list {
    display: flex;
    align-items: center;
}

/* vr_product-category */

.vr_product-category.card .card-body {
    position: relative;
}

.vr_product-category.card .card-body .row {
    margin: 0 -15px 150px;
}

.vr_product-category.card .card-body .save_box {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 20px;
}

.dd-handle {
    height: auto;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    padding: 0;
}

/* .dd-handle:hover { border:1px solid #5458F7; } */
.dd-placeholder {
    border: 1px solid #5458F7;
}

.add-dd-item {
    border: 1px dashed #CED4DA;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-weight: bold;
}

.add-dd-item.on {
    color: #fff;
    background-color: #2170A6;
}

.add-dd-item:hover {
    color: #00913A !important
}

/* vr_product-registration */
.vr_product-registration .card-body {
    padding: 40px;
}

.vr_product-registration .option-item span {
    position: relative;
    background-color: #F9F9F9;
    border-radius: 3px;
    border: 1px solid #CED4DA;
}

.vr_product-registration .option-item span .item-delete {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.vr_product-registration .add-option {
    border: 1px dashed #bbb;
    cursor: pointer;
}

.vr_product-registration .add-image-box > ul > li {
    position: relative;
    float: left;
    width: 18%;
    margin: 10px 10px 0 0;
}

.vr_product-registration .add-image-box > ul > li:nth-child(5n) {
    margin: 10px 0 0 0;
}

.vr_product-registration .add-image-box > ul > li img {
    display: block;
    width: 100%;
    height: auto;
}

.vr_product-registration .add-image-box > ul > li:hover .img-close-btn {
    display: block;
}

.vr_product-registration .add-image-box > ul > li .img-close-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    cursor: pointer;
}

.vr_product-registration .add-image-box > ul > li .img-close-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1px;
    height: 12px;
    background-color: #fff;
    border-radius: 3px;
}

.vr_product-registration .add-image-box > ul > li .img-close-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 1px;
    height: 12px;
    background-color: #fff;
    border-radius: 3px;
}

.vr_product-registration .use-option > ul {
    display: flex;
    margin-bottom: 0;
}

.vr_product-registration .use-option > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 10px 0 0;
    border: 1px solid #D4D5DB;
}

.vr_product-registration .use-option > ul > li:hover .option-close-box {
    display: block;
}

.vr_product-registration .use-option > ul > li .option-close-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    cursor: pointer;
}

.vr_product-registration .use-option > ul > li .option-close-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 1px;
    height: 12px;
    background-color: #fff;
    border-radius: 3px;
}

.vr_product-registration .use-option > ul > li .option-close-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 1px;
    height: 12px;
    background-color: #fff;
    border-radius: 3px;
}

.vr_product-registration .tableOption th,
.vr_product-registration .tableOption td {
    border-right: 1px solid #e9e9e9;
}

.vr_product-registration .tableOption th:first-child,
.vr_product-registration .tableOption td:first-child {
    border-left: 1px solid #e9e9e9;
}

.vr_product-registration .up-down-box .up-down-btn {
    cursor: pointer;
}

/* iv-product-category */
.x2 {
    cursor: pointer;
}

/* when popup is active */
body.popup-active {
    overflow: hidden;
}

/* vr_organ-management */
.fix-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    display: none;
}

.fix-popup.modify {
    z-index: 10000;
}

.fix-popup.popup-check,
.fix-popup.popup-basic {
    z-index: 10001;
}

.fix-popup.fix-popup-page-like {
    background: none;
    position: absolute;
    padding: 40px;
    z-index: 1;
}

.fix-popup.fix-popup-page-like .card {
    border-radius: 0;
    width: 100%;
    height: auto;
    position: relative;
    transform: none;
    top: auto;
    left: auto;
}

.fix-popup.fix-popup-page-like .card .card-header {
    background: #fff;
}

.fix-popup.fix-popup-page-like .card .close-card {
    display: none;
}

.fix-popup .card {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fix-popup .card sup {
    color: red;
}

.fix-group ul.cf > li {
    border: 1px solid #CED4DA;
}

.fix-group .add-group {
    cursor: pointer;
    border: 1px dashed #bbb;
}

/* vr_popup-pc */
.popup-light-box a {
    color: #333;
}

.popup-light-box a:hover {
    text-decoration: none;
}

/* ↓썸네일 없애고 링크 이미지 경로만 얻기위해 display:none; */
.popup-light-box a img {
    display: none;
}

/* vr_member-info */
.card-tab {
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

.card-tab > ul {
    background-color: #fff;
}

.card-tab > ul > li {
    background-color: #fff;
    cursor: pointer;
    font-weight: 600;
}

.card-tab > ul > li:hover {
    color: #283586;
}

.card-tab > ul > li.on {
    position: relative;
    background-color: #fff;
    color: #283586;
}

.card-tab > ul > li.on:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #283586;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

/* order-refund-detail */
.refund-info-box span:first-child {
    display: inline-block;
    width: 100px;
}

.refund-info-box span.order {
    width: 80px;
}

/* iv_etc-nortification-kakako */
.guide-var {
    border: 1px solid #eee;
}

.preview-box {
    border: 1px solid #666;
}

/*********************** PAGE******************************/

/* 공통 영역 수정 */
.form-control {
    padding: 0.5rem 0.75rem !important;
}

.input-group-text {
    background-color: transparent;
    border: none;
}

.daterange-inputWrap {
    position: relative;
}

.daterange-inputWrap input {
    cursor: pointer;
}

.daterange-inputWrap .input-group-text {
    position: absolute;
    top: 7px;
    left: 5px;
}

.input-daterange p {
    padding: 0.375rem 0.75rem;
    margin: 0;
    align-self: center;
}

.input-group.search-box {
    border: 1px solid #CED4DA;
    height: 36px;
    border-radius: 3px;
}

.input-group.search-box .search-term.form-control {
    min-height: auto;
    height: 34px;
    line-height: 34px;
    border: none;
}

.input-group.search-box .input-group-append {
    height: 34px;
}

.input-group.search-box .input-group-append .btn {
    border: none;
}

/* 공통 영역 수정 - datepicker */
.datepicker table tbody tr td.day:hover,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus,
.datepicker table tr td.range:active,
.datepicker table tr td.range.active,
.datepicker table tr td.range {
    background-color: rgba(84, 88, 247, 0.2);
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
    background-color: #5458F7;
}

.datepicker {
    width: 360px;
    height: 421px;
    padding: 30px 15px;
}

.datepicker table {
    width: auto;
    margin: auto;
}

.datepicker .datepicker-switch {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.datepicker table tr,
.datepicker table th {
    background-color: #fff;
    border: none;
}

.datepicker .dow:first-child {
    color: #F26700
}

.datepicker .dow:last-child {
    color: #0092D6
}

.datepicker .prev,
.datepicker .next {
    box-shadow: 0 0 6px rgb(0 96 63 / 10%);
}

.datepicker table thead tr th.prev .arrowWrap {
    content: url(../img/left-grey.png);
    margin: auto;
}

.datepicker table thead tr th.next .arrowWrap {
    content: url(../img/right-grey.png);
    margin: auto;
}

.datepicker table tr td:first-child.day {
    color: #F26700;
}

.datepicker table tr td:last-child.day {
    color: #0092D6;
}

.datepicker table thead tr th {
    font-size: 15px;
    font-weight: 500;
    color: #636E73;
}

.datepicker table tr td,
.datepicker table tr th {
    font-size: 17px;
    font-weight: 500;;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 9;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    opacity: 0;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    background-color: #5458F7;
    color: #fff
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    background-color: rgba(84, 88, 247, 0.2);
}

.datepicker table tbody tr td.day.range-start {
    background-color: rgba(84, 88, 247, 0.2);
    border-radius: 50% 0 0 50%;
    color: inherit;
}

.datepicker table tbody tr td.day.range-end {
    background-color: rgba(84, 88, 247, 0.2);
    border-radius: 0 50% 50% 0;
    color: inherit;
}

.datepicker table tbody tr td.day:hover::after,
.datepicker table tbody tr td.active::after {
    background-color: #5458F7;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content: '';
    z-index: -1;
}

.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover {
    background-color: transparent;
}

.datepicker table tbody tr:last-child {
    display: none;
}

.datepicker-btn-wrap {
    display: flex !important;
    justify-content: flex-end;
    width: 280px;
    margin: 20px auto 0;
}

.datepicker-close-btn {
    padding: 10px 32px;
    background-color: #fff;
    color: #616161;
    text-align: right;
    border-radius: 4px;
    margin-right: 8px;
}

.datepicker-aply-btn {
    padding: 10px 32px;
    background-color: #283586;
    color: #fff;
    text-align: right;
    border-radius: 4px;
}

/* .round-btn {
    display: block !important;
    width: 330px;
    height: 45px;
    background-color: #00603F;
    color: #fff;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    margin-top: 20px;
} */

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    display: none;
}

/* 공통 영역 추가 */
.color-red {
    color: #E60012;
}

#sidebar > * {
    cursor: pointer;
}

ul.nav-main > li {
    margin-top: 16px;
}

.nav-main li svg {
    fill: #757575;
}

.nav-main li.v2 svg {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

.nav-link.active {
    background-color: #283586;
    color: #fff;
    border-radius: 4px;
}

.nav-link.active svg {
    fill: #fff;
}

.nav-main .unused-menu > ul li a {
    background: #f1f1f1;
    border-radius: 4px;
}


.nav-main .unused-menu .nav-link.active {
    color: #757575;
}


.nav-main li li a {
    padding-left: 61px;
    height: 40px;
    margin-top: 4px
}

.nav-main li li li a {
    padding-left: 90px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w115 {
    width: 115px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w150 {
    width: 150px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.lh30 {
    line-height: 30px;
}

.lh36 {
    line-height: 36px;
}

.lh40 {
    line-height: 40px;
}

.h40 {
    height: 40px !important;
}

.h50 {
    height: 50px;
}

.h64 {
    height: 64px;
}

.h100px {
    height: 100px !important;
}

.h100 {
    height: 100%;
}

.h130 {
    height: 130px;
}

.h200 {
    height: 200px;
}

.w500 {
    width: 500px;
}

.w540 {
    width: 540px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.gap20 {
    gap: 20px;
}

.gap5vw {
    gap: 5vw;
}

.text-truncate {
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 280px;
    display: block;
    white-space: nowrap;
}

.bd-right {
    position: relative;
    margin-right: 30px;
}

.bd-right::after {
    position: absolute;
    background-color: #ccc;
    top: 10%;
    right: -17px;
    width: 1px;
    height: 80%;
    content: '';
}

.download-btn {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    background-color: #E2EDCE;
    text-decoration: underline;
}

.clickable {
    cursor: pointer;
    text-decoration: underline !important;
}

.mt-16 {
    margin-top: 16px;
}

/* 공통 영역 추가 - 셀렉트 박스 */
.input-group-sm.ib input {
    width: 230px;
}

.selectBox-basic * {
    box-sizing: border-box;
}

.selectBox-basic {
    position: relative;
    width: 250px;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
}

.selectBox-basic.selectBox-smaller {
    width: 200px;
}

td .selectBox-basic {
    margin-right: 5px;
}

.selectBox-basic.selectBox-ss {
    width: 180px;
}

.selectBox-basic.filterBox::after {
    content: none;
}

.selectBox-basic.filterBox.active:after {
    content: none;
}

.selectBox-basic:after {
    content: url(../img/arrow-bottom-sm-black.svg);
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    height: 20px;
    width: 20px;
    transition: 0.5s;
}

.selectBox-basic.active:after {
    content: url(../img/arrow-bottom-sm-black.svg);
    transform: rotate(180deg);
}

.selectBox-basic .selectBoxlabel {
    display: flex;
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    padding-left: 15px;
    background: transparent;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    font-size: 15px;
}

.selectBox-basic .selectBoxlabel.disabled {
    background-color: #f5f5f5;
    color: #ccc;
}

.selectBox-basic .optionList {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    background-color: #fff;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.selectBox-basic.active .selectBoxlabel {
    border-radius: 3px 3px 0 0;
}

.selectBox-basic.active .optionList {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    border-top: none;
    border-radius: 0 0 3px 3px;
    max-height: 500px;
    z-index: 9;
    overflow-y: auto;
}

.selectBox-basic .optionItem {
    /* border-bottom: 1px solid #CED4DA; */
    padding: 10px 15px;
    transition: 0.1s;
}

.selectBox-basic .optionItem:hover {
    background: #FAFBFF;
}

.selectBox-basic .optionItem:last-child {
    border-bottom: 0 none;
    border-radius: 0 0 3px 3px;
}

.selectBox-basic.light {
    width: 130px;
    height: 36px;
}

.selectBox-basic.light .optionList {
    top: 36px;
}

.fix-popup .selectBox-basic {
    width: 100%;
    height: 40px;
}

.fix-popup .selectBox-basic:after {
    top: 10px;
    right: 10px;
}

/* 공통 영역 추가 - 스피너 */
.form-spinner {
    width: 150px;
    border: 1px solid #CED4DA;
    border-radius: 3px;
}

.form-spinner * {
    background-color: #fff !important;
    text-align: center;
    border: none;
    border-radius: 3px;
}

.form-spinner .spinner-down {
    border-left: 1px solid #CED4DA;
}

.form-spinner .spinner-up {
    border-right: 1px solid #CED4DA;
}

/* 로그인 페이지 - 로그인 탭 추가 */
.iv_login .nav-tabs.nav-justified li .nav-link,
.iv_login .nav-tabs.nav-justified li.active .nav-link {
    border: none;
    background-color: #F8F9FC;
    border-bottom-width: 3px;
}

.iv_login .nav-tabs.nav-justified .nav-link {
    font-size: 16px;
}

.iv_login .nav-tabs.nav-justified li:hover .nav-link {
    /*border-bottom: 4px solid #283586;*/
    color: #283586;
}

.iv_login .nav-tabs.nav-justified li.active .nav-link {
    border-bottom: 4px solid #283586;
    color: #283586;
}

.iv_login .nav-tabs {
    border-bottom: 2px solid #CED4DA;
}

.iv_login .tab-content {
    border: none;
    padding: 0;
}

/* 회원관리 페이지 - 탭 메뉴 변경 */
[id^='tab-'] {
    display: none;
}

[id^='tab-'].on {
    display: block;
}

/* 팝업 - 공통 */
.fix-popup .form-control-noti .data-order {
    color: #E60012;
}

.l-noti {
    margin: 8px 0;
}

.outlinenone {
    outline: none;
}

.form-select {
    background-color: #F5F6F7 !important;
    width: 100%;
    height: 36px;
    border: none;
    outline: none;
    padding: 0.5rem 0.75rem;
    color: #666;
}

.prefer-select {
    position: relative;
}

.prefer-select::after {
    position: absolute;
    right: 10px;
    content: url(../img/x2.png);
    top: 8px;
}

.fix-popup .close-card .path {
    fill: #424242;
}

/* 팝업 - 개별(주문서 관리) */
.popup-orderUpload .btn-download {
    height: 44px;
}

.orderUplaod {
    display: none;
}

.orderUplaod.on {
    display: block;
}

.col-custom {
    max-width: none;
    flex: 0 0 41%;
}

.popup-orderdatamodi .btn-modify {
    height: 43px;
}

/* 팝업 - 개별(배송관리) */
.dd-handle {
    display: flex;
}

.dd-handle.select div {
    color: #000;
}

.dd-handle .select-box {
    width: 30%;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    color: #CED4DA;
    display: inline-block;
}

.dd-handle .select-ice {
    width: 65%;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    color: #CED4DA;
    display: inline-block;
}

.add-dd-item {
    font-size: 14px;
    font-weight: 400;
}

/* alert - 공통 */
/*.fix-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}*/

.alert-popup {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    width: 500px;
    min-height: 140px;
}

.alert-popup .alert-txt {
    color: #333;
}

.alert-popup .alert-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.alert-popup .alert-btn button {
    border-radius: 0;
}

.alert-popup .card-title {
    margin-bottom: 20px;
}

/* 관리자 메인 */
.page-dashboard .card-body {
    padding: 40px;
}

.tooltip {
    background-color: #00913A;
}

/* 221018 LMD 옵션 추가 수정 */
.alert-popup .selectBox-basic {
    width: 100%;
}

.alert-popup .selectBox-basic .selectBoxlabel {
    width: 100%;
}

.select_wrap {
    display: inline-block;
    width: 90%;
    padding: 0 15px;
}

.alert-popup .alert-box .select2 {
    width: 100% !important;
}

.alert-popup .alert-box .select2-container--default .select2-selection--single {
    height: 40px;
    border: 1px solid #CED4DA;
}

.alert-popup .alert-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.alert-popup .alert-box .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.alert-popup .alert-box .select2-container--default:after {
    content: url(../img/down.png);
    display: block;
    position: absolute;
    top: 7px;
    right: 17px;
}

.alert-popup .alert-box .select2-container--open:after {
    content: url(../img/up.png);
    display: block;
    position: absolute;
    top: 7px;
    right: 17px;
}

.alert-popup .alert-box .select2-container--default .select2-selection--multiple {
    padding-bottom: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #CED4DA;
}

.alert-popup .alert-box .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #00A0E9;
    height: 40px;
    line-height: 40px;
}

.alert-popup .alert-box .select2-search__field {
    margin: 0 15px !important;
    padding: 0 !important;
    line-height: 40px !important;
    position: absolute;
    top: 0;
    left: 0;
}

.alert-popup .alert-box .select2-container .select2-selection--multiple .select2-selection__rendered {
    width: 100%;
    position: absolute;
    top: 50px;
}

.alert-popup .alert-box .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent !important;
    border: none !important;
    display: inline-block;
    margin: 0 4px 0 0 !important;
    position: relative;
}

.alert-popup .alert-box .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none !important;
    color: #ABB4BE !important;
    cursor: pointer;
    font-size: 20px !important;
    position: absolute;
    right: 10px;
    line-height: initial;
    top: 6px;
    font-weight: normal;
}

.alert-popup .alert-box .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding: 8px 34px 8px 15px;
    font-size: 14px;
    background-color: #F5F6F7;
    border: 1px solid #D4D5DB;
    border-radius: 12px;
}

.alert-box::after {
    content: '';
    display: block;
    clear: both;
}


.select2-container {
    z-index: 9999;
    width: 458px;
}

.select2-dropdown {
    width: 100%;
    border: 1px solid #00A0E9;
    border-radius: 3px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00A0E9;
}

.select2-results__option {
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #CED4DA;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}


/* ordermanage */
.table-ecommerce-simple td.memo.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* productrequest */
input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.inputNumber {
    display: inline-flex;
    justify-content: space-between;
    padding: 0 10px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
    height: 44px;
}

.fix-popup .inputNumber {
    height: 40px;
}

.inputNumber input[type="number"] {
    text-align: center;
    outline: none;
    width: 100px
}

.inputNumber,
.inputNumber * {
    box-sizing: border-box;
}

.inputNumber button {
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #424242;
    font-size: 1.5rem;
    border: none;
    height: 42px;
    padding: 0 10px;
}

.fix-popup .inputNumber button {
    height: 38px;
}

.fix-popup input {
    font-size: 14px;
}

.inputNumber button:before,
.inputNumber button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 0.625rem;
    height: 1px;
    background-color: #424242;
    transform: translate(-50%, -50%);
}

.inputNumber button:last-child:after {
    transform: translate(-50%, -50%) rotate(90deg);
}


/* 01.11 추가 */
.tableType01 {
    width: 100%;
}

.table-overflow {
    max-height: 300px;
    overflow: auto;
}

.dataviewbox {
    padding: 25px;
    background-color: #FAFBFF;
}

.dataviewbox p {
    min-width: fit-content;
}

.bg-color05 {
    background-color: rgba(255, 59, 20, 0.2) !important;
}

.bg-color06 {
    background-color: #FAFBFF !important;
}

.bg-color07 {
    background-color: #F5F5F5 !important;
}

.bd-r-0 {
    border-radius: 0;
}

.table-ecommerce-simple.scroll-x {
    display: block;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
}

.fit-content {
    width: fit-content;
}

.folded .arrow {
    transform: rotate(180deg);
}

.folded .table-wrapper {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
}

.dd-handle {
    align-items: center;
    justify-content: space-between;
    margin-top: 0px;
}

.dd-handle.fixed {
    background-color: #FAFBFF;
}

.dd-handle + .dd-handle {
    margin-top: 10px;
}

.dd-item + .dd-item {
    margin-top: 5px;
}

#add_category {
    cursor: pointer;
}

.option-group {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 70px;
    width: 220px;
}

.option-group ul > li + li {
    margin-top: 5px;
}

.option-group ul > li {
    border-radius: 4px;
    border: 1px solid #CED4DA;
    font-size: 15px;
    max-width: 100%;
}

.card.cate-card .card-header > button {
    background: url("../img/close.svg") no-repeat center;
    background-size: 15px;
    width: 25px;
    height: 25px;
    border: none;
}

.option-group ul > li button {
    background: url("../img/close.svg") no-repeat center;
    background-size: 10px;
    width: 20px;
    height: 20px;
    border: none;
}

.card.cate-card .card-header > button:hover,
.option-group ul > li button:hover {
    background-color: #E0E0E0;
    border-radius: 50%;
}

.card-body .btn-addprd {
    color: #C2C2C2;
    border: 1px dashed #C2C2C2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.toggleBtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggleBtn label {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.toggleBtn input[type="checkbox"] {
    appearance: none;
    border-radius: 10px;
    background: #E0E0E0;
    width: 40px;
    height: 20px;
    position: relative;
}

.toggleBtn input[type="checkbox"]::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.25s linear;
}

.toggleBtn input[type="checkbox"]:checked {
    background: #5458F7;
}

.toggleBtn input[type="checkbox"]:checked::before {
    left: 21px;
}


.fix-popup .required_mark:after {
    content: '*';
    color: #FF6B00;
    margin-left: 2px;
}

.textarea-custom {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    padding: 10px 8px;
    overflow-y: auto;
    outline: none;
}

.textarea-custom textarea {
    width: 100%;
    height: 342px;
    resize: none;
    outline: 0 none;
    border: 0 none;
    box-shadow: none;
}

.textarea-custom textarea:focus,
.textarea-custom textarea:active {
    outline: 0 none;
    box-shadow: none;
}

.textarea-custom .maxlengthTxt {
    color: #BDBDBD;
    text-align: right;
}

.textarea-custom::-webkit-scrollbar {
    width: 6px;
}

.textarea-custom::-webkit-scrollbar-track {
    background-color: #fff;
}

.popup-delvMsgPrv .imgBox img {
    width: 100%;
    object-fit: cover;
}

.input-group.search_name {
    width: 250px;
    height: 40px
}

.form-control.fixed {
    background-color: #FAFBFF;
}

.bd-color03 {
    border: 1px solid #EDEDED !important;
}


.cate-list-card .view_box .all_list {
    font-size: 20px;
    font-weight: 500;
}

#category_section_area {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.card.cate-card,
.card.cate-card-add {
    min-height: 500px;
    width: 280px;
    border-radius: 8px;
    border: 1px solid #EDEDED;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.card.cate-card .card-body,
.card.cate-card-add .card-body {
    position: relative;
}

.card.cate-card .dd-handle,
.card.cate-card-add .dd-handle {
    font-weight: 400;
}

.card.cate-card .btn_box {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5%;
}

.cate-card-add > * {
    opacity: 0.6;
}

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

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

.body14LH20 {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.body15MH20 {
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
}

.body12LH20 {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.body15LH20 {
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.text15LH24 {
    font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

.info12MH18 {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}

.renew-gray40 {
    color: #757575 !important;
}

.renew-gray30 {
    color: #616161 !important;
}

.renew-gray20 {
    color: #424242 !important;
}

.primary-main2 {
    color: #283586;
}

input.body15LH20::placeholder {
    color: #c2c2c2;
}

.el-divide-box > div {
    position: relative;
}

.el-divide-box > div::after {
    content: "";
    position: absolute;
    height: 12px;
    top: 4px;
    right: 0;
    border-right: 1px solid #233586;
}

.el-divide-box > div:last-child::after {
    display: none;
}

.th {
    min-width: 120px;
    font-size: 15px;
    max-height: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #424242;
}

.form-control:disabled,
.form-control[readonly] {
    /*background: #F6F7F8;*/
    background: #ffffff;
}

.fix-popup .form-control:disabled {
    background: #F6F7F8;
}

/* 20230306 추가 */
.bg02 {
    background-color: #F8F9FC;
}

.popup-csadd .content-section p {
    color: #424242;
    font-size: 15px;
    line-height: 20px;
}

.popup-inquiry .header-section {
    border-bottom: 1px solid #ededed;
}

/* header-section 의 첫번째 p */
.popup-inquiry .header-section:first-child {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #424242;
}

/* header-section 의 마지막 p */
.popup-inquiry .header-section:last-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
}

.popup-inquiry .content-section p {
    font-size: 15px;
    line-height: 24px;
}

.fix-popup.popup-with-added-image .file-section {
    /*border-bottom: 1px solid #283586;*/
}

/*.fix-popup.popup-with-added-image .file-section p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #0A0A0A;
}*/

.fix-popup.popup-with-added-image .file-section ul a,
.fix-popup.popup-with-added-image .file-section ul li {
    position: relative;
    cursor: pointer;
}

/*.fix-popup.popup-with-added-image .file-section ul a:hover::after,
.fix-popup.popup-with-added-image .file-section ul li:hover::after {
    content: url(../img/download_image.svg);
    position: absolute;
    background: rgba(0, 0, 0, .6);
    width: 109px;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 22.5% 0;
}*/

.popup-inquiry .answer-section p {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #424242;
}

.fix-popup textarea {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    width: 100%;
    height: 150px;
    font-size: 15px;
    outline: none;
    padding: 15px;
}

.popup-inquiry .answer-section {
    position: relative;
}

.popup-inquiry .answer-section .text-length {
    position: absolute;
    bottom: 7px;
    right: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #BDBDBD;
    background: #ffffff;
    width: calc(100% - 30px);
    text-align: right;
}

.fix-popup .answer-section textarea {
    padding-bottom: 30px;
}

.popup-inquiry .answer-section.answered > *:not(p) {
    background: #F5F5F5;
}

.popup-csadd .selectBox-basic:after,
.popup-csmod .selectBox-basic:after {
    top: 11px;
    right: 10px;
}

.popup-delManPick table td {
    padding: 10px 0;
}

.delvman-selected {
    background-color: #F8F9FC;
}

.delvman-selected .btn-c2 {
    border-color: #283586;
    color: #283586;
}

.delvman-selected .btn-c2:hover {
    color: #283586;
}

.popup-retrieve .btn_box button {
    padding: 10px 32px;
}

.popup-retrieve .btn_box button.btn-default {
    color: #616161;
}

.popup-retrieve.popup-addbox .option-select-box .address {
    width: 310px;
}

.popup-retrieve.popup-addbox .option-select-box .address .flex input {
    display: inline-block;
    max-width: 210px;
    flex-shrink: 1;
}

.popup-retrieve.popup-addbox .option-select-box .address input {
    display: block;
    max-width: 310px;
}

.popup-retrieve .option-select-box .address .flex > button {
    width: 92px;
    flex-shrink: 0;
}

.popup-retrieve .row {
    margin-left: 0;
    margin-right: 0;
}

.popup-retrieve .selectBoxlabel .placeholder {
    color: #C2C2C2;
}

.popup-retrieve .input-btn-row button {
    min-width: 92px;
    height: 40px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px solid #E0E0E0;
    border-left: none;
    color: #757575;
}

.popup-retrieve .input-btn-row input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.popup-retrieve .input-btn-row.off input {
    background-color: #F5F5F5;
    color: #C2C2C2;
}

.mock-section .not_ready_yet {
    position: relative;
    width: 100%;
    height: 100%;
}

.not_ready_yet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    /* for ie */
    /* background: rgba(256, 256, 256, 0.8); */
}

.not_ready_yet::after {
    content: "준비중입니다";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    color: #283586;
    font-weight: 700;
    font-size: 600%;
}

.force-cursor-pointer {
    cursor: pointer;
}

.popper-preview {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-dialog .modal-content .modal-header {
    flex-direction: row-reverse;
}

[data-viewbox="retrieve-manage"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dt-buttons {
    display: none !important;
}

.fix-popup .form-control-noti {
    font-size: 13px;
}

.card-option {
    display: flex;
    border: 1px solid #EDEDED;
    border-top: none;
}

.card-option-box {
    flex: 1 0 70%;
    margin-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-table {
    overflow-y: auto;
    max-height: 300px;
}

.popup-orderUpload .fileupload .btn-file {
    border-color: #E0E0E0;
    border-radius: 0 3px 3px 0;
}

.popup-orderUpload .font-notice02::after {
    display: none;
}

html table.dataTable thead > tr > th.sorting:after,
html table.dataTable thead > tr > th.sorting_asc:after,
html table.dataTable thead > tr > th.sorting_desc:after,
html table.dataTable thead > tr > th.sorting_asc_disabled:after,
html table.dataTable thead > tr > th.sorting_desc_disabled:after,
html table.dataTable thead > tr > td.sorting:after,
html table.dataTable thead > tr > td.sorting_asc:after,
html table.dataTable thead > tr > td.sorting_desc:after,
html table.dataTable thead > tr > td.sorting_asc_disabled:after,
html table.dataTable thead > tr > td.sorting_desc_disabled:after {
    display: none;
}

html table.dataTable thead > tr > th.sorting:before,
html table.dataTable thead > tr > th.sorting_asc:before,
html table.dataTable thead > tr > th.sorting_desc:before,
html table.dataTable thead > tr > th.sorting_asc_disabled:before,
html table.dataTable thead > tr > th.sorting_desc_disabled:before,
html table.dataTable thead > tr > td.sorting:before,
html table.dataTable thead > tr > td.sorting_asc:before,
html table.dataTable thead > tr > td.sorting_desc:before,
html table.dataTable thead > tr > td.sorting_asc_disabled:before,
html table.dataTable thead > tr > td.sorting_desc_disabled:before {
    display: none;
}

html table.dataTable thead > tr > th.sorting,
html table.dataTable thead > tr > th.sorting_asc,
html table.dataTable thead > tr > th.sorting_desc,
html table.dataTable thead > tr > th.sorting_asc_disabled,
html table.dataTable thead > tr > th.sorting_desc_disabled,
html table.dataTable thead > tr > td.sorting,
html table.dataTable thead > tr > td.sorting_asc,
html table.dataTable thead > tr > td.sorting_desc,
html table.dataTable thead > tr > td.sorting_asc_disabled,
html table.dataTable thead > tr > td.sorting_desc_disabled {
    padding-right: 10px;
}

/* new sidebar */
header .sidebar-toggle-btn-box {
    width: 70px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .sidebar-toggle-btn-box img {
    width: 26px;
    height: 26px;
}

#sidebar {
    background: #fff;
    width: 290px;
    height: 100%;
    position: fixed;
    left: 0;
}

#sidebar ul {
    margin: 0;
}

#sidebar li a {
    width: 100%;
    min-height: 50px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

#sidebar li a.now {
    background: #6DC08E;
    color: #fff;
}

/* menu_3ul 하위 메뉴는 패딩값 추가 */
#sidebar .menu_3ul li a {
    padding-left: 25px;
}

#sidebar li[class^=menu_] {
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    position: relative;
}

#sidebar [data-menu-disable="true"] li.active > [class^="menu_"][class$="li_wrapper"] > a {
    font-weight: 400;
}

#sidebar [class^="menu_"][class$="li_wrapper"]:has(ul) > a::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 20px;
    background: url(../img/down.svg) no-repeat center;
    transform: rotate(-90deg);
}

#sidebar [data-menu-disable="true"] [class^="menu_"][class$="li_wrapper"]:has(ul) > a::after {
    opacity: 0.4;
}

#sidebar .active > [class^="menu_"][class$="li_wrapper"]:has(ul) > a::after {
    transform: rotate(0deg);
}

#sidebar li.menu_1li {
    position: relative;
}

#sidebar .menu_1li.active {
    position: static;
}

#sidebar .menu_1li.active > img[src$=".svg"] {
    filter: invert(38%) sepia(17%) saturate(3668%) hue-rotate(107deg) brightness(98%) contrast(102%);
}

#sidebar .menu_1li.active:not(.home) ~ .menu_1li .menu_1li_wrapper {
    display: none;
}

#sidebar .menu_1li.active .menu_1li_wrapper:has(ul) > a,
#sidebar li.active > [class^="menu_"][class$="li_wrapper"] > a,
#sidebar .menu_1li.home.active a {
    font-weight: 700;
    color: #00913A;
}

#sidebar .menu_1li.active .menu_1li_wrapper:has(ul) > a::after {
    display: none;
}

.sidebar-minimum #sidebar [class^="menu_"][class$="li_wrapper"] {
    width: 0;
    overflow: hidden;
}

#sidebar [class^="menu_"][class$="li_wrapper"] {
    width: 100%;
}

#sidebar .menu_1li .menu_1li_wrapper {
    position: absolute;
    left: 65px;
    width: calc(100% - 65px);
    z-index: 20;
}

#sidebar .menu_1li.active .menu_1li_wrapper {
    top: 0;
    background: #fff;
}

#sidebar .menu_1li.active [class^="menu_"][class$="li_wrapper"] [class^="menu_"][class$="ul"] {
    display: flex;
    flex-direction: column;
    height: auto;
}

#sidebar [data-menu-disable="true"] .menu_2li,
#sidebar [data-menu-disable="true"] a:focus,
#sidebar [data-menu-disable="true"] a:hover {
    color: #ccc;
}

#sidebar li.menu_1li > img {
    display: block;
    width: 65px;
    padding: 10px 20px;
    flex-shrink: 0;
}

#sidebar .menu_2ul {
    display: none;
    height: 0;
    overflow: hidden;
}

#sidebar .menu_2ul .menu_2li {
    max-height: 50px;
    overflow: hidden;
    align-items: flex-start;
}

#sidebar .menu_2ul .menu_2li.active {
    max-height: none;
    height: auto;
}

.sidebar-minimum #sidebar li.menu_1li > img {
    width: 65px;
}

.has-file {
    position: relative;
    padding-left: 21px;
}

.has-file::before {
    content: url('../img/paper-clip-solid.svg');
    position: absolute;
    left: 0;
}

.excel-column {
    position: relative;
}

.popup-with-added-image .uploaded-img-wrapper {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    max-height: 200px;
}

.popup-with-added-image .uploaded-img-wrapper li {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-with-added-image .uploaded-img-wrapper .img-preview-btn {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.popup-with-added-image .uploaded-img-wrapper .img-preview-btn::after {
    content: url(../../public/img/search.svg);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(185deg) brightness(108%) contrast(101%);
    position: absolute;
    bottom: 0;
    right: 5px;
}

.popup-with-added-image .uploaded-img-wrapper .img-preview-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-with-added-image .img-preview-content {
    display: none;
}

.popup-with-added-image .img-preview-content.active {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.popup-with-added-image .img-preview-content img {
    width: 100%;
}

.popup-with-added-image .img-preview-content.active .img-preview-wrapper {
    display: block;
    max-width: 95vw;
    max-height: 95vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#retrieve-detail .go-back-button > img {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    cursor: pointer;
}

.trackingWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trackingWrap .go-back-button > img {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    cursor: pointer;
}

.table-like-section {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    font-size: 15px;
}

.table-like-section .table-row ul {
    display: flex;
    margin: 0;
    height: 40px;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
}

.table-like-section .table-row ul .table-cell {
    flex: 1;
    height: 100%;
    align-content: center;
}

.table-like-section .table-row ul .table-cell:first-child {
    flex-basis: 12%;
}

.table-like-section .table-header {
    background-color: #F5F5F5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.table-like-section .table-header ul {
    border-top: 1px solid #dee2e6;
    font-weight: 500;
}

input[readonly], input[disabled],
div, button[disabled] {
    cursor: default;
}

/* homepage */

.category_menu.active {
    font-weight: 600;
    color: #283586;
    border-bottom: 2px solid #283586;
    padding-bottom: 0.938rem;
}

.category_menu:hover {
    color: #424242;
}

.page-title {
    padding-left: 1.875rem;
    padding-top: 1.875rem;
    color: #0A0A0A;
    font-size: 20px;
    font-weight: 500;
}

.preview-empty {
    width: 100%;
    padding: 60px 0 40px 0;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.note-editable * {
    all: revert;
}

.dashboard-card {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 350px;
    height: 200px;
    border: 1px solid #000000;
    border-radius: 10px;

    input {
        width: 50%;
        height: 40px;
        border: 1px solid #000000;
        border-radius: 5px;
        text-align: center;
    }
}