@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');    !* Noto Sans KR *!*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR&display=swap'); /* Nanum Gothic */

:root {
    --fontawesome-family: 'Font Awesome\ 6 Pro';
    --font-family-serif: sans-serif;
    --font-family-nanum-gothic: 'Nanum Gothic';

    --colors-theme: #7BBBBB;
}

/*body {*/
/*    font-family: "Nanum Gothic", sans-serif;*/
/*    font-optical-sizing: auto;*/
/*    font-weight: 300 !important;*/
/*    font-style: normal;*/
/*    !*font-size: 17px;*!*/
/*}*/


.sub-group-purchase-source-container {margin-top: 30px;}
.sub-group-purchase-source-container label, input {display: inline-block !important;}
.sub-group-purchase-source-container table.table {margin: 0 !important;}
.sub-group-purchase-source-container .select {margin: 0 !important;}

.sub-group-purchase-source-container .group-input {display: flex;}
.sub-group-purchase-source-container .group-input label:not(:first-child) input {border-left: 0 !important;}
.sub-group-purchase-source-container .group-input label:not(:first-child) select {border-left: 0 !important;}
.sub-group-purchase-source-container .group-input input:focus, input:hover {border-color: rgb(213, 213, 213) !important;}
.sub-group-purchase-source-container .group-input select:focus, select:hover {border-color: rgb(213, 213, 213) !important;}

.sub-group-purchase-source-left {
    display: flex;
    align-items: center;
}

.sub-group-purchase-source-right {
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.sub-group-purchase-source-container .btn-ico {
    font-size: 17px;
}

.sub-group-purchase-source-container label.input {
    margin: 0 !important;
}

.sub-group-purchase-source-depth-1 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.sub-group-purchase-source-depth-1:not(:first-child) {
    margin-top: 50px;
}

.sub-group-purchase-source-depth-1 label, input {display: inline-block !important;}

.sub-group-purchase-source-depth-2 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0 0 0 27px;
}

/*.sub-group-purchase-source-depth-2.opened {}*/
/*.sub-group-purchase-source-depth-2.opened .sub-group-purchase-source-right i {color: #fff;}*/
/*.sub-group-purchase-source-depth-2.opened .sub-group-purchase-source-right span {color: #fff;}*/

.sub-group-purchase-source-depth-btn-arrow {
    display: inline-block;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    background: #1a1c22;
    border-top: 1px solid rgb(118, 118, 118);
    border-left: 1px solid rgb(118, 118, 118);
    border-bottom: 1px solid rgb(118, 118, 118);
}
.sub-group-purchase-source-depth-btn-arrow i {font-size: 17px;color:#fff;}

.sub-group-purchase-source-item {
    display: none;
    position: relative;
    padding: 10px 0 0 30px;
    /*background: #f1f1f1;*/
    /*border-top: 1px solid #f1f1f1;*/
    /*border-bottom: 1px solid #f1f1f1;*/
    /*border: 1px solid #f1f1f1;*/
    /*box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);*/
    margin-bottom: 30px;
}

.sub-group-purchase-source-container ul.ui-sortable li {position: relative;}
.sub-group-purchase-source-container ul.ui-sortable li.ui-sortable-handle:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '\f0c9';
    font-family: var(--fontawesome-family);
    font-size: 19px;
    font-weight: 100;
    color: #9f9f9f;
}
.sub-group-purchase-source-container .btn-e-xxs {font-family: var(--font-family-nanum-gothic);}
.sub-group-purchase-source-container .btn-e-xs {font-family: var(--font-family-nanum-gothic);}
.sub-group-purchase-source-container ul.ui-sortable-disabled li.ui-sortable-handle:before {content: '';}

.separator {
    display: inline-block;
    margin: -4px 7px 0 7px;
    font-family: 'sans-serif';
    font-size: 9px;
    color: #9f9f9f;
    vertical-align: middle;
}

.bg-colors {}
.bg-colors.theme{background: var(--colors-theme);}

/* bootstrap override */
.tooltip .tooltip-inner {
    text-align: left;
}

.badge {
    font-family: var(--font-family-nanum-gothic), sans-serif;
    font-weight: 300 !important;
    /*font-size: 12px !important;*/
}

.badge.badge-lg {
    padding: 9px 15px !important;
}
/* //bootstrap override */

/* jquery ui override */

/* //jquery ui override */

/* color */
.color-naver {color:#18a400}

/* background */
.bg-color-naver {background:#18a400}

.cursor-pointer {cursor: pointer;}