@charset "utf-8";

/* Default UI */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td, abbr, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;font-size: 12px;letter-spacing:0;vertical-align:baseline;outline:0;}
*{
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 2px 0;
}

h1{
    font-size: 13px;
}
h2{
    font-size: 12px;
}
h3, h4, h5, h6{
    font-size: 12px;
}

fieldset, img, abbr, acronym {border:0;}
ol, ul {list-style:none;}

table > thead > tr.text-center > th,
table > thead > tr.text-center > td,
table > tbody > tr.text-center > th,
table > tbody > tr.text-center > td,
table > tfoot > tr.text-center > th,
table > tfoot > tr.text-center > td
{
    text-align:center;
}
table > thead > tr.text-left > th,
table > thead > tr.text-left > td,
table > tbody > tr.text-left > th,
table > tbody > tr.text-left > td,
table > tfoot > tr.text-left > th,
table > tfoot > tr.text-left > td
{
    text-align:left;
}
table > thead > tr.text-right > th,
table > thead > tr.text-right > td,
table > tbody > tr.text-right > th,
table > tbody > tr.text-right > td,
table > tfoot > tr.text-right > th,
table > tfoot > tr.text-right > td
{
    text-align:right;
}



table.table 
{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border:0;
    display: table;
    table-layout: fixed;
}
table.collapse
{
    border-collapse:collapse;
}
table.table-layout-auto
{
    table-layout: auto;
}

table.table-align-center th,
table.table-align-center td{
    text-align:center;
}

table.table-align-middle th,
table.table-align-middle td{
    vertical-align: middle;
}

table.table td
{
    font-weight: normal;
}
table.table > thead > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > th,
table.table > tbody > tr > td,
table.table > tfoot > tr > th,
table.table > tfoot > tr > td
{
    font-size: 12px;
    padding:10px;
}
table.table th.ellipsis,
table.table td.ellipsis{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

table.table td:has(table){
    padding:0;
}
table.table > thead > tr > th{
    padding: 10px 0;
    color: #FFF;
    border: 1px solid #2ecaba;
    border-left: none;
    border-bottom: none;
}
table.table > thead > tr:first-child > th{
    background: #00DFC8;
}

table.table > thead > tr > td{
    background: #FEFEFE;
}
table.table > thead > tr:nth-child(2) > td{
    background: #edf7f7;
}

table.table > thead > tr:nth-child(3) > td{
    background: #F8FCFC;
}



table.table > thead > tr > th:first-child{
    border-radius: 4px 0 0 0;
    border-left: 1px solid #2ecaba;
}
table.table > thead > tr > th:last-child{
    border-radius: 0 4px 0 0;
}

table.table > thead > tr > th:only-child{
    border-radius: 4px 4px 0 0;
    border: 1px solid #2ecaba;
}

table.table > thead > tr > td{
    color: #2ecaba;
    border-top: 1px solid #2ecaba;
    border-bottom: none;
    border-right: 1px solid #2ecaba;
    font-weight: bold;
    padding: 10px 6px;
    /*background: #edf7f7;*/
}
table.table > thead > tr > td:last-child{
    border-right:none;
}

table.table > thead > tr > th,
table.table > thead > tr > td{
    border-bottom: none;
}

table.table > thead > tr:last-child th,
table.table > thead > tr:last-child td{
    border-bottom: 1px solid #2ecaba;
}

table.table > tbody > tr:nth-child(odd){
    background: #FAFAFA;
}

table.table > tbody > tr.border-true > th,
table.table > tbody > tr.border-true > td{
    border-right: 1px solid #eee;
}
table.table > tbody > tr.border-true > th:last-child,
table.table > tbody > tr.border-true > td:last-child{
    border-right: none;
}


table.table > tfoot > tr > th,
table.table > tfoot > tr > td
{
    padding: 10px 0;
    color: #888;
    border: 1px solid #DDD;
    border-bottom: none;
    border-left: none;
    border-top-color: #DDD;
    background: #F5F5F5;
}

table.table > tfoot > tr > th:first-child,
table.table > tfoot > tr > td:first-child
{
    border-left: 1px solid #BBB;
}

table.table > tfoot > tr > th:last-child,
table.table > tfoot > tr > td:last-child
{
    border-left-color: #BBB;
}

table.table > tfoot > tr > th:only-child,
table.table > tfoot > tr > td:only-child
{
    border-right: 1px solid #BBB;
}


table.table > tfoot > tr:last-child > th,
table.table > tfoot > tr:last-child > td{
    background: #EEE;
    border: 1px solid #DDD;
    border-top-color: #DDD;
    border-left: none;
}
table.table > tfoot > tr:last-child > th:first-child,
table.table > tfoot > tr:last-child > td:first-child{
    border-radius: 0 0 0 4px;
}
table.table > tfoot > tr:last-child > th:last-child,
table.table > tfoot > tr:last-child > td:last-child{
    border-radius: 0 0 4px 0;
}

table.table > tfoot > tr:last-child > th:only-child,
table.table > tfoot > tr:last-child > td:only-child{
    border-radius: 0 0 4px 4px;
    border: 1px solid #BBB;
}


/* Inner Table */
table.table table{
    border-collapse: collapse;
}
table.table table th,
table.table table td{
    padding:4px;
}
table.table table th{
}
table.table table td{
}

table.unset{}
td.unset,
th.unset
{
    border: unset;
    background:unset;
}

table.table-sticky{
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 2048px;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100% !important;
}

table.table-sticky th.sticky,
table.table-sticky td.sticky{
    position:sticky;
}

table.table-sticky tr.sticky th,
table.table-sticky tr.sticky td{
    position:sticky;
}


table.table-sticky th.sticky.shadow-right,
table.table-sticky td.sticky.shadow-right{
    border-right: 1px solid #CCC;
    box-shadow: rgba(0, 0, 0, 0.05) 6px 0px 6px -3px;
}

table.table-sticky tr.sticky.shadow-right th,
table.table-sticky tr.sticky.shadow-right td{
    border-right: 1px solid #CCC;
    box-shadow: rgba(0, 0, 0, 0.05) 6px 0px 6px -3px;
}

tr.sticky-top th,
tr.sticky-top td{
    position:sticky;
    top:0;
}

tr.sticky-bottom th,
tr.sticky-bottom td{
    position:sticky;
    bottom:0;
}


table.table-sales-header{
   width:100%; 
}
table.table-sales-contents{
    width: 100%;
}
table.table-sales-footer{
    width: 100%;
}

table.table td:has(ul.table){
    vertical-align: middle;
}


table.table-concise{}
table.table-concise > thead > tr > th,
table.table-concise > thead > tr > td,
table.table-concise > tbody > tr > th,
table.table-concise > tbody > tr > td,
table.table-concise > tfoot > tr > th,
table.table-concise > tfoot > tr > td{
    padding:8px 10px;
}
table.table-concise th{
    font-weight:bold;
    word-break: keep-all;
}
table.table-concise > tbody > tr > th{
    text-align: right;
}
table.table-concise td{
    font-weight:normal;
}
table.table-concise th > h1,
table.table-concise td > h1{
    font-size: 1.2em;
}


table.table-profile{}
table.table-profile > thead > tr > th,
table.table-profile > thead > tr > td,
table.table-profile > tbody > tr > th,
table.table-profile > tbody > tr > td,
table.table-profile > tfoot > tr > th,
table.table-profile > tfoot > tr > td{
    padding:3px 4px;
}
table.table-profile th{
    font-weight:bold;
    word-break: keep-all;
}
table.table-profile td{
    font-weight:normal;
}

table.table-profile th > h1,
table.table-profile td > h1{
    font-size: 1.2em;
}

 

table.table.table-color-red > thead > tr:first-child > th{
    background: #F24343;
}
table.table.table-color-red > thead > tr > th{
    border: 1px solid #F24343;
}
table.table.table-color-red > thead > tr > th:first-child{
    border-left: 1px solid #F24343;
}
table.table.table-color-red > thead > tr > th:only-child{
    border: 1px solid #F24343;
}
table.table.table-color-red > thead > tr > td{
    color: #F24343;
    border-top: 1px solid #F24343;
    border-right: 1px solid #F24343;
}
table.table.table-color-red > thead > tr:last-child th,
table.table.table-color-red > thead > tr:last-child td{
    border-bottom: 1px solid #F24343;
}

th.selected {
    background-color: #ededed !important;
}





ul.table{
    display: block;
    box-sizing: border-box;
}
ul.table > li{
    border: 1px solid #2ecaba;
    border-bottom: none;
    color: #2ecaba;
    padding: 1px 5px;
    text-align: center;
    font-size: 10px;
}
ul.table > li:first-child{
    background:#00DFC8;
    color: #FFF;
    border-radius: 4px 4px 0 0;
}
ul.table > li:last-child{
    border-radius: 0  0 4px 4px;
    border-bottom: 1px solid #2ecaba;
}






address, caption, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
hr{display: none;}
/* html5 */ main, section, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  {display:block;}
legend{overflow:hidden; position:absolute; top:-1000%; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}
caption{
    display: table-caption;
    width: fit-content;
    font-size: 10px;
    color: #FFF;
    padding: 5px 8px;
    background: #CCC;
    border-radius: 4px;
    caption-side: bottom;
    margin-top: 15px;
}
body {color:#333; font-family:'SCDream-4',"돋움", Dotum, "굴림", Gulim, Verdana, Arial, sans-serif; font-size:14px; line-height:1.2;}
.lang-en, :lang(en) {font-family: Tahoma, Consolas, Verdana, "Helvetica Neue", Helvetica, Arial, Sans-Serief;}
.lang-ch, :lang(cn) {font-family: 'Microsoft-YaHei';}
pre {white-space:pre-wrap; word-wrap:break-word;}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    *overflow:visible;
    font-family:'SCDream-4',"돋움", Dotum, "굴림", Gulim, sans-serif;
    cursor:pointer;
    -webkit-appearance:button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


input[type="checkbox"]{padding:0; box-sizing:border-box;}
.checkbox-area{
    font-size: 12px;
    padding: 4px 10px;
}

.checkbox-area input[type="checkbox"], input[type="radio"] {
    padding: 10px;
    width: 26px;
    height: 26px;
    box-sizing:border-box;
}
input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-
button,input[type="search"]::-webkit-search-results-
button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
a, a:link, a:visited, a:hover, a:active, a:link {text-decoration:none; cursor:pointer; color: unset;}

img {vertical-align:top; -ms-interpolation-mode:bicubic;}
label, select, input, textarea {color:#666; vertical-align:middle;}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="date"]
{
    border: 1px solid #2ecaba;
    box-sizing: border-box;
    padding: 8px;
    background: #FFF;
    min-height: 32px;
    box-shadow: inset 1px 1px 5px -1px rgb(0 0 0 / 30%);
}
/*
input[type="text"]:not(:only-child :wrap){
    border-right: unset;
}*/
input[type="text"]:only-child,
input[type="password"]:only-child,
input[type="number"]:only-child,
input[type="email"]:only-child,
input[type="tel"]:only-child,
input[type="date"]:only-child
{
    border: 1px solid #2ecaba;
    border-radius: 4px;
}
input[type="text"]:not(:only-child):not(:last-child),
input[type="password"]:not(:only-child):not(:last-child),
input[type="number"]:not(:only-child):not(:last-child),
input[type="email"]:not(:only-child):not(:last-child),
input[type="tel"]:not(:only-child):not(:last-child),
input[type="date"]:not(:only-child):not(:last-child)
{
    border-right: unset;
}

input[type="text"]:disabled, 
input[type="password"]:disabled.
input[type="number"]:disabled.
input[type="email"]:disabled.
input[type="tel"]:disabled.
input[type="date"]:disabled
{
    opacity:0.5;
    box-shadow: none;
}

label[type="input"]{
    text-align: center;
    white-space: nowrap;
    border: 1px solid #2ecaba;
    background: transparent;
    box-sizing: border-box;
    padding: 7px;
    min-width: 80px;
    height: 32px;
    font-size: unset;
    font-weight: normal;
    background: #00DFC8;
    color: #FFF;
}
label[type="input"]:only-child{
    border-radius: 4px;
}
label[type="input"]:first-child{
    border-radius: 4px 0 0 4px;
    border-right:unset;
}
label[type="input"]:last-child{
    border-radius: 0 4px 4px 0;
}

/* Checkbox */
label[type="checkbox"]{
    display: flex;
    color: #FFF;
    font-size: 11px;
    padding: 0 5px;
    border: 1px solid #2ecaba;
    text-align: center;
    cursor: pointer;
    background-color: #00DFC8;
    align-items: center;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label[type="checkbox"] > span.mark{
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: #FFF;
    border: 1px solid #2ecaba;
}
label[type="checkbox"] > span.title{

}
label[type="checkbox"] input[type="checkbox"]{
    margin-right: 5px;
}

/* Switch */
label.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  box-sizing: border-box;
}

label.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

label.switch > .slider {
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  border: 1px solid #BBB;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

label.switch > .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 1px;
  border-radius: 50%;
  border: 1px solid #BBB;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

label.switch > input:checked + .slider {
  background-color: #00DFC8;
  border: 1px solid #2ecaba;
}

label.switch > input:focus + .slider {
  box-shadow: 0 0 1px #00DFC8;
}

label.switch > input:checked + .slider:before {
    border: 1px solid #2ecaba;
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/*
label[type="checkbox"] input[type="checkbox"]:checked:before{
  
  content: "\2713";
  font-size: 18px;
  color: #333; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/
/* Checkbox */


button{
    white-space: nowrap;
    border: 1px solid #2ecaba;
    background: transparent;
    box-sizing: border-box;
    padding: 7px;
    min-width: 80px;
    min-height: 32px;
    font-size: unset;
    background: #00DFC8;
    color: #FFF;
    box-shadow: inset 1px 1px 1px 0px rgb(255 255 255 / 30%);
}
button:first-child{
    border-radius: 4px 0 0 4px;
}
button:last-child{
    border-width: 1px;
    border-radius: 0 4px 4px 0;
}
button:only-child{
    border-width: 1px;
    border-radius: 4px;
}
button:not(:only-child):not(:first-child):not(:last-child){
    border-radius:unset;   
}
button:not(:only-child):not(:last-child):not(:only-of-type){
    border-right: unset;
}
button:disabled {
    /*opacity:0.5;*/
    filter: saturate(0);
}


select {
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    padding-right: 25px;
    vertical-align: middle;
    border: 1px solid #2ecaba;
    background-color: #00DFC8;
    background-image: url(../images/select-bg-white.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 10px 5px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    min-width: 60px;
    min-height: 32px;
    width: fit-content;
}

select.inline {
    color: #666;
    border: 1px solid #00DFC8;
    background-color: #FFF;
    background-image: url(../images/select-bg.svg);
    box-shadow: inset 1px 1px 5px -1px rgb(0 0 0 / 30%);
}





select.select-color-red {
    border: 1px solid #F24343;
    background-color: #F24343;
}

select.select-color-red.inline {
    color: #666;
    border: 1px solid #F24343;
    background-color: #FFF;
}
select.select-color-red:last-child{
    border: 1px solid #F24343;
}
select.select-color-red:only-child{
    border: 1px solid #F24343 !important;
}

select.select-color-blue {
    border: 1px solid #3392e3;
    background-color: #00B9FF;
}

select.select-color-blue.inline {
    color: #666;
    border: 1px solid #3392e3;
    background-color: #FFF;
}
select.select-color-blue:last-child{
    border: 1px solid #3392e3;
}
select.select-color-blue:only-child{
    border: 1px solid #3392e3 !important;
}


select:first-child{
    border-radius: 4px 0 0 4px;
    border-right: unset;
}
select:last-child{
    border: 1px solid #2ecaba;
    border-radius: 0 4px 4px 0;
}
select:not(:last-child):not(:only-child){
    border-right: unset;
}
select:only-child{
    border: 1px solid #2ecaba;
    border-radius: 4px;   
}



select option{
    padding: 12px;
    min-height: 2.5em;
    background-color: #FFF;
    border-radius: 4px;
    color: #666;
    cursor: pointer;
}

textarea {overflow-x:hidden;overflow-y:auto;background:#fff;color:#666;border:1px solid #e6e6e6;box-sizing:border-box;font-family:'SCDream-4',"돋움", Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;}

.modal {padding:0;border-radius:5px;box-shadow:none;max-width:inherit;}
.modal .btn-set{margin-left:0;margin-right:0;padding:16px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.blocker {
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
}
.pop-wrap {padding:16px;}
.pop-wrap .pop-title {font-size:12px;font-family: 'SCDream-4';}
.modal-s {width:360px;}
.modal-m {width:765px;}
.modal-b {width:912px;}
.modal-prd {width: 70vw;}

dialog.modal{
    width: 50vw;
    padding: 20px;
    min-width: 768px;
    border: unset;
    border-radius: 6px;
    box-shadow:none;
}
dialog.modal a.close-modal{

    top:6px;
    right:6px;
    background:url(../images/pop-close.svg) center center no-repeat;
    background-size:10px auto;
}
dialog.modal > header{
    padding:10px;
    font-weight: bold;
    color:#666;
}
dialog.modal > article{
    box-shadow:unset;
    border: unset;
    margin-bottom: unset;
    padding-bottom: unset;
}

/* modal */
/*
*/


@font-face { font-family: 'SCDream-1'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; }
@font-face { font-family: 'SCDream-2'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }
@font-face { font-family: 'SCDream-3'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; }
@font-face { font-family: 'SCDream-4'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }
@font-face { font-family: 'SCDream-5'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'SCDream-6'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }
@font-face { font-family: 'SCDream-7'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }
@font-face { font-family: 'SCDream-8'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; }
@font-face { font-family: 'SCDream-9'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; }

/* html, body */
html {overflow:hidden; width:100%; height:100%;
    -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
body {position:relative; height:100vh;}
body:after {display: block;visibility: hidden;height: 0;font-size: 0;clear: both;content: '';}


/*#00dfc8*/

/* layout */
/*contain{
    display: block;
    position:relative;
    margin-left:210px;
    min-height:900px;
    height:fit-content;
    background:#fff;
    border-right:10px solid #666;
}
main{
    display: grid;
    position: relative;
    width: 100%;
    transition: 0.3s;
}
main:has( > section:not(:only-child)){
    grid-template-columns: 30% 70%;
}
aside{
    width: 100%;
    padding: 10px;
    padding-right: 5px;
    box-sizing: border-box;
}

section{
    width: 100%;
    padding: 10px;
    padding-left: 5px;
    box-sizing: border-box;
}
section:only-child {
    width: 100%;
    padding: unset;
    padding: 10px;
}*/

/*article{
    display: flex;
    width: 100%;
    height: fit-content;
    padding: 10px;
    padding-top: 20px;
    margin-bottom: 6px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    justify-content: space-between;
}*/


/*article .article-item{
    display: flex;
    width: 100%;
    color: #888;
    font-size: 11px;
}
article .article-item-header{
    padding: 4px 10px;
    padding-bottom: 20px;
}
article .article-item-header h1{
    box-sizing:border-box;
    width: fit-content;
    border-left: 6px solid #2ecaba;
    padding: 2px 6px;
    padding-left: 8px;
    margin-left: -6px;
    color: #2ecaba;
}
article .article-item-contents{
    padding: 4px 10px;
    margin-bottom: 10px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

article .flex-direction-row > .article-item-contents{
    margin-bottom: 10px;
    position: relative;
    flex: 1 1 0;
}

div.separator{
    display: block;
    box-sizing: border-box;
    width: 1px;

    border: none;
    background-color: #E1E1E1;
    margin: 6px 12px;
}

div.separator.landscape{
    display: block;
    box-sizing: border-box;
    width:auto;
    height: 1px;
    border: none;
    background-color: #E1E1E1;
    margin: 6px;
}
hr{
    display: block;
    box-sizing: border-box;
    width: 1px;
    border: none;
    background-color: #E1E1E1;
    margin: 6px 12px;
}

hr.landscape{
    display: block;
    box-sizing: border-box;
    width:auto;
    height: 1px;
    border: none;
    background-color: rgba(225, 225, 225,0.6);
    margin: 12px 6px;
}
*/

.width-full{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.width-fit-content{
    width: fit-content !important;
}


.snap, .snap-both{
    scroll-snap-type: both mandatory;
}
.snap-x{
    scroll-snap-type: x mandatory;
}
.snap-y{
    scroll-snap-type: y mandatory;
}
.snap-start{
    scroll-snap-align: start;
}
.snap-end{
    scroll-snap-align: end;
}



/* flex */
/* flex-direction */
.flex-direction-row{
    display: flex;
    flex-direction: row !important;
}
.flex-direction-row-reverse{
    display: flex;
    flex-direction: row-reverse !important;
}
.flex-direction-column{
    display: flex;
    flex-direction: column !important;
}
.flex-direction-column-reverse{
    display: flex;
    flex-direction: column-reverse !important;
}
/* flex-justify-content */
.flex-justify-content-center{
    justify-content: center !important;
}
.flex-justify-content-start,
.flex-justify-content-left,
.flex-justify-content-top{
    margin-right: auto;
    justify-content: flex-start !important;
}
.flex-justify-content-end,
.flex-justify-content-right,
.flex-justify-content-bottom{
    margin-left:auto;
    justify-content: flex-end !important;
}
.flex-justify-content-between{
    justify-content: space-between !important;
}
.flex-justify-content-around{
    justify-content: space-around !important;
}
.flex-justify-content-evenly{
    justify-content: space-evenly !important;
}

.flex-align-items-center{
    align-items: center;
}
.flex-align-items-start{
    align-items: flex-start;
}
.flex-align-items-end{
    align-items: flex-end;
}
.flex-align-items-stretch{
    align-items: stretch;
}
.flex-items-equal{
    width: 0;
    flex: 1 1 0;
}
.flex-nowrap{
    flex-wrap:nowrap;
}
/* flex-gap */
.flex-gap-5{
    gap:5px;
}
.flex-gap-10{
    gap:10px;
}

/* Elements Class */
.no-padding{
    padding:unset !important;
}
.padding-10{
    padding: 10px !important;
}
.padding-15{
    padding: 15px !important;
}
.padding-20{
    padding: 20px !important;
}
.padding-top-5{
    padding-top: 5px !important;
}
.padding-top-10{
    padding-top: 10px !important;
}
.padding-top-15{
    padding-top: 15px !important;
}
.padding-bottom-5{
    padding-bottom: 5px !important;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}
.padding-bottom-15{
    padding-bottom: 15px !important;
}


.no-margin{
    margin: unset !important;
}
.margin-center{
    margin-left: auto !important;
    margin-right: auto !important;
}
.margin-top-5{
    margin-top: 5px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-bottom-0{
    margin-bottom: 0 !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.position-top-5{
    position: relative;
    top: 5px;
}


/* Text Alignment */
.text-center{
    text-align:center !important;
}
.text-left{
    text-align:left !important;
}
.text-right{
    text-align:right !important;
}

/*Tag*/
.tag-gray {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size:10px;
    color:#fff;
    text-align:center;
    border-radius:4px;
    background:#888;
}
.tag-lightgray {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #CCC;
}
.tag-blue {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #00B9FF;
}
.tag-green {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #8BBC21;
}
.tag-orange {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    background: #F28F43;
}


/*Alert*/
.alert {
    padding: 9px 10px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 11px;
    border-radius: 4px;
    box-sizing: border-box;
}

.alert > .article-item-contents:only-child,
.alert > .article-item-contents:last-child
{
    margin-bottom: 0px;
}
.alert.alert-pop {
    color: #666666;
    border: 1px solid #EDEDED;
    background: #FEFEFE;
    box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.5);
    position:absolute;
    width:60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    z-index: 3;
}

.alert.alert-warning {
    color: #F24343;
    border: 1px solid #F24343;
    background: #FEECEC;
}
.alert.alert-info {
    color: #2ECABA;
    border: 1px solid #2ECABA;
    background: #EDF7F7;
}
.alert.alert-orange {
    color: #F28F43;
    border: 1px solid #F28F43;
    background: #FEF4EC;
}
.alert.alert-blue {
    color: #00B9FF;
    border: 1px solid #00B9FF;
    background: #E5F8FF;
}
.alert.alert-gray {
    color: #BBBBBB;
    border: 1px solid #BBBBBB;
    background: #F5F5F5;
}
.alert.alert-line-info {
    color: #00B9FF;
    border: 1px solid #00B9FF;
    background: #FFF;
}
.alert.alert-white-trans {
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
}


/* login */
.login-box {position:relative;margin:50px auto 0;width:400px;height:696px;background:url(../images/login-bg.png) no-repeat;}
.login-logo {position:absolute;top:181px;left:50%;margin-left:-64px;width:128px;height:38px;z-index:1;}
.icon-logo {display:block;width:100%;height:100%;font-size:0;color:#fff;background:url(../images/logo.png) no-repeat;}
.login-input-box {position:absolute;top:450px;left:50px;width:300px;}
.login-input-box .inp-login {margin:0 0 10px;padding:0 10px;width:100%;height:32px;border-radius:4px;font-size:12px;color:#666;text-align:center;background:#fff;font-family: 'SCDream-4';box-sizing:border-box;}
.login-input-box .btn-login {width:100%;height:32px;border-radius:4px;font-size:12px;color:#fff;text-align:center;font-family: 'SCDream-4';background:#00DFC8;}
.login-bottom {position:absolute;bottom:0;left:0;width:100%;height:80px;background:rgba(250,250,250,1);}
.login-bottom span {display:block;padding:20px;font-size:12px;color:rgba(225,225,225,1);}



.cursor.pointer{
    cursor:pointer;
}
/* btn */
/*.btn {display:block;padding:0 10px;height:35px;line-height:35px;font-size:12px;text-align:center;border-radius:4px;box-sizing:border-box;}*/
.btn {
    padding: 10px 10px;
    height:35px;
    /* line-height:35px;*/
    font-size:12px;
    border-radius:4px;
    box-sizing:border-box;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-medium {
    padding: 5px 5px !important;
    height: 26px !important;
    line-height: 10px !important;
    font-size: 12px;
    border-radius: 4px;
    box-sizing: border-box;
}
.btn-small {
    padding: 5px 5px !important;
    min-height: unset;
    min-width: 20px;
    height:20px !important;
    line-height:8px !important;
    font-size:10px;
    border-radius:4px;
    box-sizing:border-box;
}
.btn-inline {display:inline-block;}
.btn.disabled {background-color:#E1E1E1 !important;}
/* btn-color */
.btn-blue {
    background:#00B9FF;
    color:#fff !important;
    border:solid 1px #008BBF !important;
}
.btn-red {
    background:#F24343 !important;
    color:#fff !important;
    border:solid 1px #F24343 !important;
}
.btn-orange {
    background:#F28F43 !important;
    color:#fff !important; 
    border:solid 1px #B66B32 !important;
}
.btn-gray {
    background:#E1E1E1 !important;
    color:#666 !important;
    border: solid 1px #BBBBBB !important;
}
.btn-darkgray {
    background:#999999 !important;
    color:#fff !important;
    border: solid 1px #707070 !important;

}
.btn-mint {
    background:#00DFC8 !important;
    color:#fff !important;
    border:solid 1px #00A796 !important;
}



.btn-line-blue {
    border:solid 1px #00B9FF !important;
    color:#00B9FF !important;
    background:#fff;

}

.btn-line-red {
    border:solid 1px #F24343 !important;
    color:#F24343 !important;
    background:#fff;

}
.btn-line-green {
    border:solid 1px #8BBC21 !important;
    color:#8BBC21 !important;
    background:#fff !important;

}
.btn-line-orange {
    border:solid 1px #F28F43 !important;
    color:#F28F43 !important;
    background:#FAFAFA !important;

}
.btn-line-mint {
    border:solid 1px #00DFC8 !important;
    color:#00DFC8 !important;
    background:#FAFAFA !important;

}

.btn-line-gray {
    border:solid 1px #BBBBBB !important;
    color:#BBBBBB !important;
    background:#FAFAFA !important;

}

/* btn-set */
.btn-set{position:relative;display:flex;justify-content: center;}
.btn-set .btn{width:100%;margin: 0 3px;}
.btn-set .btn-inline {width:auto;}

.btn-set-inline-center{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.btn-set-inline-right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.btn-set-inline-left{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.btn-set-inline-right .btn,
.btn-set-inline-left .btn{
    margin-left: 6px;
}
.btn-set-inline-right .btn:first-child,
.btn-set-inline-left .btn:first-child{
    margin-left: 0;
}


.btn-gray-box {padding:15px;text-align:center;background:#FAFAFA;}
.btn-gray-box a {display:inline-block;width:90px;margin:0 2px;}

/* bg-color */
.bg-gray {background: #FAFAFA !important;}
.bg-red {background: #F24343 !important;}
.bg-mint {background: #00DFC8 !important;}

.border-red{border: solid 1px #C13535 !important;}
.border-mint{border: solid 1px #00B2A0 !important;}

/* flex-align */
.btn-btm-right {position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;align-items:center;}
.btn-btm-center {position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;}
.btn-btm-between {position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;}
.btn-right {display:flex;justify-content:flex-end;align-items:center;}

/* btns */
.btn-save {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00B9FF url(../images/btn-save.svg) right 8px center no-repeat;
    background-size:14px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-cancel {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#999999 url(../images/btn-cancel.svg) right 8px center no-repeat;
    background-size:10px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-check {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00DFC8 url(../images/btn-save.svg) right 8px center no-repeat;
    background-size:14px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-check-orange {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F28F43 url(../images/btn-save.svg) right 8px center no-repeat;
    background-size:14px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-check-gray {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#999 url(../images/btn-save.svg) right 8px center no-repeat;
    background-size:14px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-modify {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F28F43 url(../images/btn-modify.svg) right 8px center no-repeat;
    background-size:16px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-modify-blue {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00B9FF url(../images/btn-modify.svg) right 8px center no-repeat;
    background-size:16px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-stop {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F24343 url(../images/btn-stop.svg) right 8px center no-repeat;
    background-size:16px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-plus {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00B9FF url(../images/btn-plus.svg) right 8px center no-repeat;
    background-size:17px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-plus-mint {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00DFC8 url(../images/btn-plus.svg) right 8px center no-repeat;
    background-size:17px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-plus-gray {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#999 url(../images/btn-plus.svg) right 8px center no-repeat;
    background-size:17px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-del {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F24343 url(../images/btn-del.svg) right 11px center no-repeat;
    background-size:12px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-del-orange {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left; 
    background-color: #F28F43 !important;
    border: solid 1px #B66B32 !important;
    background:#F28F43 url(../images/btn-del.svg) right 11px center no-repeat;
    background-size:12px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-blind {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F28F43 url(../images/btn-blind.svg) right 9px center no-repeat;
    background-size:16px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-unblind {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F28F43 url(../images/btn-unblind.svg) right 9px center no-repeat;
    background-size:16px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-dismiss {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#F28F43 url(../images/btn-cancel.svg) right 9px center no-repeat;
    background-size:10px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-complete {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#E1E1E1 url(../images/btn-save.svg) right 8px center no-repeat;
    background-size:14px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}

.btn-reply {
    padding-right: 32px !important;
    line-height:12px;
    color:#fff;
    text-align:left;
    background:#00B9FF url(../images/btn-reply.svg) right 10px center no-repeat;
    background-size:10px auto;
    box-shadow:1px 1px 8px -2px rgba(31,31,31,0.3);
}
.btn-msg-del {
    width:24px;
    height:24px;
    font-size:0;
    color:#fff;
    background: url(../images/btn-msg-del.svg) center center no-repeat;
    background-size:10px auto;
}

[role^="btn-"] {
    cursor: pointer;
}

/* btn-inline */
/*
.btn-inline.btn-check {width:150px;
}

.btn-inline.btn-stop,
.btn-inline.btn-modify,
.btn-inline.btn-check-orange,
.btn-inline.btn-plus-mint {width:120px;}

.btn-inline.btn-save,
.btn-inline.btn-cancel,
.btn-inline.btn-del,
.btn-inline.btn-del-orange {width:95px;}
.btn-inline.btn-darkgray,
.btn-inline.btn-orange,
.btn-inline.btn-plus,
.btn-inline.btn-complete {width:140px;}
.btn-inline.btn-check-gray {padding-right:63px;}
.btn-inline.btn-line-orange,
.btn-inline.btn-line-mint {width:100px;}
.btn-inline.btn-reply {width:110px;}
*/




/* 버튼 아이콘만 표기 */
.btn-icon {display:inline-block;font-size:0;width:32px;background-position:center center;}

/* icons */
.ico-del {display:block;width:24px;height:24px;font-size:0;color:#fff;background:url(../images/ico-del.svg) no-repeat;background-size:24px auto;}
.icon.del {display:block;width:24px;height:24px;font-size:0;color:#fff;background:url(../images/ico-del.svg) no-repeat;background-size:24px auto;}
.icon.sort-white{
    display: inline-block;
    vertical-align: -1px;
    width:24px;
    height:24px;
    font-size: 0;
    background: url(../images/ico-sort-white.svg) no-repeat;
}
.icon.sort-mint{
    display: inline-block;
    vertical-align: -1px;
    width:24px;
    height:24px;
    font-size: 0;
    background: url(../images/ico-sort-mint.svg) no-repeat;
}
.icon.sort-mint{
    display: inline-block;
    vertical-align: -1px;
    width:24px;
    height:24px;
    font-size: 0;
    background: url(../images/ico-sort-mint.svg) no-repeat;
}
.icon.ico-comment{
    display: inline-block;
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    font-size: 0;
    background: url(../images/ico-comment.svg) no-repeat;
}
.icon.ico-comment-on{
    display: inline-block;
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    font-size: 0;
    background: url(../images/ico-comment-on.svg) no-repeat;
}

.icon.small{
    width:12px;
    height: 12px;
}
/* select box */
.custom-select select{display:none;opacity:.5;}
.my-select{position:relative;background:#00DFC8;cursor:pointer;border-radius:4px;}
.my-select .selec{
    position: relative;
    width: 100%;
    padding: 10px;
    padding-right: 30px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.my-select .selec::after{content:'';display:block;position:absolute;right:10px;top:14px;width:8px;height:4px;background:url(../images/bg-select.svg) no-repeat;background-size:8px auto;}
.ul-select{display:none;position:absolute;z-index:10;top:100%;left:-1px;overflow-y: scroll;background:#fff;border: solid 1px #CCC;border-radius: 6px;max-height: 247px;}
.ul-select.on{display:block;}
.ul-select li{position:relative;width:100%;padding:10px;font-size: 12px;color:#666;background:#fff;border-bottom: 1px solid #CCC;box-sizing: border-box;}
.ul-select li:last-child{border: none;}
.ul-select li:hover,
.ul-select li:focus{background:#f1f1f1;color:#000;}
.ul-select li.on{background:#00DFC8;color:#fff;}

/* input */
.inp-cline {padding:8px 10px;width:100%;height:35px;font-size:12px;text-align:center;color:#666;border-radius:4px;border:1px solid #707070;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;box-sizing: border-box;}
.inp-gray-line {padding:8px 10px;width:100%;height:35px;font-size:12px;text-align:left;color:#666;border-radius:4px;border:1px solid #707070;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;box-sizing: border-box;}
.inp-blue-line {padding:9px 10px;width:100%;height: 36px;font-size:12px;color:#666;border-radius:4px;border: 1px solid #00B9FF !important;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;box-sizing: border-box;}
.inp-orange-line {padding:9px 10px;width:100%;height:35px;font-size:12px;color:#666;border-radius:4px;border:1px solid #F28F43;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;box-sizing: border-box;}
.inp-green-line {padding:9px 10px;width:100%;height:35px;font-size:12px;color:#666;border-radius:4px;border:1px solid #8BBC21;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;box-sizing: border-box;}
.inp-sel-line {padding:5px 7px;font-size:12px;color:#666;border-radius:4px;border:1px solid #707070;}

/* input-radius */
.radius-4-none {border-radius:0px !important;}
.radius-4-all {border-radius:4px !important;}
.radius-4-left {border-radius:4px 0 0 4px !important;}
.radius-4-right {border-radius:0 4px 4px 0 !important;}


.inp-blue-line:read-only,
.inp-blue-line:disabled {color:#BBB;background-color:#FAFAFA;border-color:#999;}
.sel-blue-line:disabled {box-shadow:none;background:#FAFAFA url(../images/select-bg-disabled.svg) right 10px center no-repeat;border-color:#999;}

/* selectbox */
.sel-blue-line {padding: 8px;width:100%;height: 36px;font-size:12px;color:#666;border-radius:4px;border: 1px solid #00B9FF !important;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);box-sizing: border-box;}
.sel-blue-line {background:url(../images/select-bg.svg) right 10px center no-repeat;background-size:10px 5px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel-blue-line::-ms-expand {display: none;}

/* input-set */
.input-set-box {
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    align-items: flex-start;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    /*display: inline-table;
    position: relative;
    margin-bottom: 16px;*/
}
.input-set-box.fit-content {
    width: fit-content;
}
/*.input-set-box > *{
    display: table-cell;
}*/
.input-required {position:absolute;right:0;top: -5px;font-size:6px;color:#F28F43;transform:scale(0.7);}
label.label-set{
    line-height: 28px;
    font-size: 12px;
    color: #00B9FF;
}
label.label-set:has(+ input),
label.label-set:has(+ select){
    height: 14px;
    line-height: 14px;
    padding: 0 6px;
    margin-bottom: -6px;
    margin-left: 7px;
    font-size: 12px;
    color: #00B9FF;
    background: #fff;
    z-index: 1;
    align-self: flex-start;
}



/* color */
.color-white {color:#FFF !important;}
.color-gray {color:#888 !important;}
.color-lightgray {color:#CCC !important;}
.color-mint {color:#00DFC8 !important;}
.color-blue {color:#00B9FF !important;}
.color-orange {color:#F28F43 !important;}
.color-red {color:#F24343 !important;}
.color-green {color:#8BBC21 !important;}

/* flag */
.ico-flag {display:inline-block;width:45px;height:16px;margin-right:2px;font-size:0;color:#fff;vertical-align: top;}
.flag-01 {background:url(../images/flag-01.svg) 0 center no-repeat;}
.flag-02 {background:url(../images/flag-02.svg) 0 center no-repeat;}
.flag-03 {background:url(../images/flag-03.svg) 0 center no-repeat;}
.flag-04 {background:url(../images/flag-04.svg) 0 center no-repeat;}
.flag-05 {width:54px;background:url(../images/flag-05.svg) 0 center no-repeat;}
.flag-06 {width:54px;background:url(../images/flag-06.svg) 0 center no-repeat;}
.flag-dyty{width:16px;background:url(../images/flag-dyty.svg) 0 center no-repeat;}
.flag-dytn{width:16px;background:url(../images/flag-dytn.svg) 0 center no-repeat;}
.flag-dnty{width:16px;background:url(../images/flag-dnty.svg) 0 center no-repeat;}
.flag-dntn{width:16px;background:url(../images/flag-dntn.svg) 0 center no-repeat;}

/* tab */
.tab ul li{text-align:center;cursor:pointer;}
.tab ul li:hover,
.tab ul li.on{background:#eee;}
.tab .tab-conbox{display:none;width:100%;}
.tab .tab-conbox.on{display:block;}
/* tab style */
.tab-blue {padding:5px;overflow:auto;width: 100%;}
.tab-blue ul {display:flex;justify-content:flex-start;border-radius:4px;height:24px;margin-bottom: 20px;margin-left: 1px; }
.tab-blue ul li {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-left: -1px; width:80px;height:100%;color:#00B9FF;font-size:12px;border:1px solid #00B9FF;}
.tab-blue ul li:hover,
.tab-blue ul li.on {color:#fff;background:#00B9FF;}
.tab-blue ul li:first-child {border-top-left-radius:4px;border-bottom-left-radius:4px;}
.tab-blue ul li:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.tab-blue .tab-conbox {position:relative;min-height:410px;margin-top:15px;}
.tab-blue .tab-conbox .box-chart {height:410px;margin-bottom:10px;}
.tab-blue .tab-conbox .box-group {position:relative;height:410px;}
.tab-blue .tab-conbox .box-col .list-team-input {margin: 0 6px;}
.tab-blue .tab-conbox .box-col:first-child .list-team-input {margin-left:0;}
.tab-blue .tab-conbox .box-col:last-of-type .list-team-input {margin-right:0;}


.list-team-input .input-half:after {content:'';display:block;clear:both;}
.list-team-input .input-half .input-set-box {float:left;width:48%;}
.list-team-input .input-half .input-set-box + .input-set-box {margin-left:4%;}
.tab-blue .table-gray {margin-right:15px;}

/* table-style */
.table-gray {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 15px;
    border-style: hidden;
    box-shadow: 0px 0px 0px 1px #00b9ff;
}
.table-gray th,
.table-gray td {padding:9px 10px 7px;font-size:12px;border-top:1px solid #00b9ff;}
.table-gray tr:first-child th,
.table-gray tr:first-child td {border-top:none;}
.table-gray th {font-size:12px;color:#fff;text-align:center;border-top:1px solid #3392e3;background:#00b9ff;font-family: 'SCDream-2';}
.table-gray td {color:#666;}

.table-mint {padding:0 14px;}
.table-mint th,
.table-mint td {font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.table-mint thead th {color:#fff;}
.table-mint thead th.first {background:#fff;}
.table-mint thead .title {display:block;padding:8px 0;height:12px;line-height:12px;border:1px solid #2ecaba;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00DFC8;}
.table-mint thead .title.gray {background:#CCCCCC;border:1px solid rgba(153,153,153,0.3);}
.table-mint thead .title.green {background:#8BBC21;border:1px solid rgba(153,153,153,0.3);}
.table-mint thead .title.orange {background:#F28F43;border:1px solid rgba(153,153,153,0.3);}
.table-mint thead td {padding:8px 0;height:10px;line-height:10px;border:1px solid #E1E1E1;border-bottom: 1px solid #00DFC8;}
.table-mint tbody tr {background:#fff;}
.table-mint tbody tr:nth-child(odd){background:#fafafa;}
.table-mint tbody th,
.table-mint tbody td {padding:2px;font-size:12px;line-height:16px;color:#666;text-align:center;}
.table-mint tbody td:first-child{padding:10px;text-align:left;}
.table-mint tbody th {padding:10px;text-align:left;}
.table-mint tbody th.bg-white {background:#fff;}

.table-blue {padding:0 14px;}
.table-blue th,
.table-blue td {font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.table-blue thead th {color:#fff;}
.table-blue thead th.first {background:#fff;}
.table-blue thead .title {display:block;padding:8px 0;height:12px;line-height:12px;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00B9FF;}
.table-blue tbody tr {background:#fff;}
.table-blue tbody tr:nth-child(odd){background:#fafafa;}
.table-blue tbody th,
.table-blue tbody td {padding:2px;font-size:12px;line-height:16px;color:#666;text-align:center;}

/* pagination */
.pagination {padding:0 0 45px;text-align:center;}
.pagination a {margin:0 5px;font-size:12px;color:#666;}
.pagination a.on {font-size:12px;font-weight:bold;}

/* box group */
.box-group {width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.box-group .box-col {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;margin:0 6px; margin-bottom: 6px;}
.box-group .box-col:first-child{margin-left:0}
.box-group .box-col:last-child{margin-right:0}
.box-group .col-1 {flex:1;}
.box-group .col-2 {flex:2;}
.box-group .col-3 {flex:3;}

.box-shadow {border-radius:5px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.161);}

/* tooltip */
.tooltip {
    position:relative;
    display: inline-block;
    font-weight: bold;
}
.tooltip-text {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    min-width: 80px;
    /*max-width: 300px;*/
    padding: 3px 8px;
    margin-left: 8px;
    border-radius: 4px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    height: 14px;
    line-height: 14px;
    background: #666;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    z-index: 999;
}
.tooltip-text:after {
    content: " ";
    position: absolute;
    border-style: solid;
    border-width: 5px;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-color: transparent #666 transparent transparent;
}
.tooltip:hover .tooltip-text {
    display: block;
}


/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  /*max-width: 21em;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 0.5em 1em -.25em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}



ul.controlset
{
    display: flex;
    flex-direction: row;
    /*flex-wrap: nowrap;*/
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto;
    justify-content: center;
}
ul.controlset > li{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}






.pop-notice {padding:44px 0 24px;text-align:center;}
.pop-notice p {font-size:12px;color:#666;}

/* 팝업 : 이미지 등록 */
.pop-upload-img {width:auto;overflow:auto;}
.pop-upload-img .nodate {padding:100px 0;font-size:12px;text-align:center;color:#E1E1E1;}

.pop-img-list {margin-top:18px;width:100%;}
.pop-img-list ul {display: flex;flex-direction: row;justify-content: flex-start;overflow-x: auto;white-space: nowrap;}
.pop-img-list li {width:162px;height:178px;margin-right:24px;}
.pop-img-list .file-img {position:relative;}
.pop-img-list .file-img .btn-file-del {position:absolute;top:0;right:0;}

.upload-file {position:relative;}
.upload-file label.label-file {
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
    vertical-align: middle;
    overflow: hidden;
    width: 95px;
    height: 35px;
    line-height: 35px;
}
.upload-file label.label-file input {position:absolute;width:0;height:0;overflow:hidden;}
.upload-file input[type=text] {
    padding: 10px;
    display: inline-block;
    width: calc(100% - 95px);
    height: 35px;
    line-height: 32px;
    font-size: 12px;
    border: 1px solid #00b9ff;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 2px 2px 2px rgb(0 0 0 / 16%);
    box-sizing: border-box;
}
.upload-file label.label-file .btn-file {display:block;color:#fff;font-size:12px;border-radius:4px;text-align:left;padding-left:16px;border-top-left-radius:0;border-bottom-left-radius:0; background:#00B9FF url(../images/btn-search.svg) right 10px center no-repeat;box-shadow:4px 8px 20px rgb(31 31 31 / 10%);}

.pop-img-big {position:relative;margin-top:11px;padding:4px;}
.pop-img-big .swiper-button-next {width:30px;height:46px;right:-58px;background:url(../images/swiper-next.png) no-repeat;background-size:30px auto;}
.pop-img-big .swiper-button-prev {width:30px;height:46px;left:-58px;background:url(../images/swiper-prev.png) no-repeat;background-size:30px auto;}
.pop-img-big .swiper-button-next:after, .swiper-button-prev:after {display:none;}
.pop-img-big .swiper-button-disabled {display:none;}
.pop-img-big .swiper-pagination-fraction {bottom:-20px;text-align:right;}
.pop-img-big .swiper-slide img{max-width:872px;}

/* 팝업 : 제품추가 */
.pop-wrap .search-filter {position:relative;top:auto;right:auto;width:auto;padding:30px 14px 55px;}
.pop-wrap .search-filter .sel-box {margin-left:-6px;}
.pop-wrap .search-filter .search-box {width:489px;}
.pop-wrap .search-filter .search-box .search-input {width:278px;}
.pop-wrap .table-mint {height: 700px;overflow:auto;}
.pop-wrap .pagination {padding:45px 0 30px;}




/* contents */
/* top-info */
.top-info {height:100px;border-bottom:1px solid #584798;}
.top-info-box {padding: 22px 24px;display:table;width:100%;box-sizing: border-box;}
.top-info-my {position:relative;display:table-cell;vertical-align: middle;}
.top-info-my .pic {position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;overflow:hidden;}
.top-info-team {margin-left:64px;}
.top-info-team span {font-size:12px;color:#666;}
.top-info-name {color:#666;font-size:12px;margin-bottom:8px;}
.top-info-name em {font-size:21px;}
.top-info-btn {display:table-cell;vertical-align: middle;text-align:right;width:180px;height:55px;}
.top-info-btn-box {height:15px;}
.top-info-btn-box a {display:inline-block;margin-left:20px;padding-left:18px;line-height:20px;font-size:12px;color:#666;}
.top-btn-setting {background:url(../images/ico-setting.svg) 0 center no-repeat;background-size:13px auto;}
.top-btn-logout {background:url(../images/ico-logout.svg) 0 center no-repeat;background-size:13px auto;}
.top-info-deadline {height:30px;margin-top:10px;}
.top-info-deadline span {display: block;width: 100%;height: 100%;line-height: 30px;text-align: center;color: #fff;font-size: 12px;border-radius: 6px;background: #00dfc8;}

/* cate-list*/
.cate-list {width:100%;height:35px;background:#e1e1e1;}
.cate-list span {display:block;padding:10px 20px;font-size: 12px;color:#666;line-height: 15px;}

/* contents-box */
.contents-box {padding:20px;height: calc(100% - 300px);}
.tree-box {position:relative;height:100%;}
.contents-left {position:absolute;left:0;top:0;width:30%;height: 100%;border-radius:5px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.161);}
.contents-right {margin-left:calc(30% + 6px);width:calc(69% + 11px);height:100%;}

/* tree-menu */

main .tree-wrap{
    position:relative;
    display: block;
    overflow: auto;
    height:100%;
    /*height: calc(100% - 40px);*/
    box-sizing: border-box;
    overflow-x: hidden;
    border-top: solid 1px #EDEDED;
    padding-top: 10px;
    box-shadow: 0px -10px 13px -13px rgba(0,0,0,0.3);
}
main ::-webkit-scrollbar {width: 10px;}
main ::-webkit-scrollbar-track {background-color: transparent;}
main ::-webkit-scrollbar-thumb {background-color: #ccc;background-clip: padding-box;border-left: 4px solid transparent;}
main ::-webkit-scrollbar-button {width: 0;height: 0;}
main .tree-header{
    display: flex;
    padding: 4px 4px;
    padding-bottom: 10px;
    border-bottom: solid 1px #EDEDED;
    margin-bottom: 5px;
    box-shadow: 0px 5px 10px -10px rgb(0 0 0 / 30%);
    justify-content: space-between;
    align-items: center;
}

main .tree-header .btn-help {width:22px;height:22px;}
main .tree-header .btn-help span {display:block;width:100%;height:100%;font-size:0;color:#fff;background:url(../images/ico-help.svg) no-repeat;background-size:100% auto;cursor:pointer;}

main .tree-title{
    padding: 5px 8px;
    font-size: 12px;
    font-weight: bold;
}
main .btn-set-jstree{display: inline;}
main .btn-set-jstree .btn{
    padding: 5px 8px;
    height: 26px;
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    box-shadow: none;
}




/* 도움말 */
.contents-help {display:none;position: absolute;right: 0;top: 0;z-index: 99;background: #fff;width: calc(69% + 11px);height:500px;border-radius:5px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);}
.btn-help-close {position:absolute;top:10px;right:10px;width:20px;height:20px;font-size:0;color:#fff;background:url(../images/btn-close.svg) center center no-repeat;background-size:10px auto;}
.help-box {padding:20px;}
.help-box .title {font-size:12px;color:#666;font-weight:bold;font-family: 'SCDream-6';}
.help-box .text {margin-top:10px;font-size:12px;color:#666;line-height:14px;}
.help-box ul {margin-top:15px;}
.help-box ul li {margin-bottom:2px;font-size:12px;color:#666;line-height:14px;vertical-align: top;}

/* chart */
.box-group .box-chart {position:relative;margin-bottom: 6px;width:100%;height: 380;text-align: center;}
.box-chart .chart-plugin {width:100%;height:374px;}
.box-chart .chart-plugin > h1 {padding-top: 150px;}
.box-chart .img-sample {width:100%;height:374px;}
.box-chart .btn-chart {position:absolute;bottom:20px;right:20px;}

/* 지점목표 */
/*.box-price {position:relative;padding:12px;margin-bottom:6px;height:120px;display:table;width:100%;box-sizing: border-box;}*/
.box-price {position: relative;width:100%;box-sizing: border-box;}
/*.target-spot {display:table-cell;vertical-align:middle;width:78%;height:100%;overflow:hidden;}*/
.target-spot {vertical-align:middle;width:100%;overflow:hidden; margin-bottom: 7px;}
.target-spot dl {float:left;width:calc(33.33% - 2px);text-align:center;}
.target-spot dt {height:32px;line-height:32px;color:#fff;font-size:12px;font-family: 'SCDream-6';}
.target-spot dd {height:28px;line-height:28px;font-size:12px;font-family: 'SCDream-4';}
.target-spot dl.target {border-radius:4px;border:1px solid #00B9FF;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.target-spot dl.target dt {background: #00B9FF;}
.target-spot dl.target dd {color: #00B9FF;}
.target-spot dl.amount {border:1px solid #8BBC21;}
.target-spot dl.amount dt {background: #8BBC21;}
.target-spot dl.amount dd {color: #8BBC21;}
.target-spot dl.percent {border-radius:4px;border:1px solid #F28F43;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.target-spot dl.percent dt {background: #F28F43;}
.target-spot dl.percent dd {color: #F28F43;}
/*.box-price .btn-box {display:table-cell;vertical-align:middle;width:22%;}*/
.box-price .btn-box {display: block;float: right;clear: both;vertical-align:middle;width: 150px;}
.box-price .btn-box .btn-blue {margin-left:10px;height:32px;}
.box-price .btn-box .btn + .btn {margin-left:10px;margin-top:4px;height:26px;line-height:26px;letter-spacing: -1px;}

.box-price-member {height:100%;}
.target-spot-member {padding:12px 12px 0;overflow:hidden;}
.target-spot-member dl {float:left;width:calc(33.33% - 2px);text-align:center;}
.target-spot-member dt {height:32px;line-height:32px;color:#fff;font-size:12px;font-family: 'SCDream-6';}
.target-spot-member dd {height:28px;line-height:28px;font-size:12px;font-family: 'SCDream-4';}
.target-spot-member dl.target {border-radius:4px;border:1px solid #00B9FF;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.target-spot-member dl.target dt {background: #00B9FF;}
.target-spot-member dl.target dd {color: #00B9FF;}
.target-spot-member dl.amount {border:1px solid #8BBC21;}
.target-spot-member dl.amount dt {background: #8BBC21;}
.target-spot-member dl.amount dd {color: #8BBC21;}
.target-spot-member dl.percent {border-radius:4px;border:1px solid #F28F43;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.target-spot-member dl.percent dt {background: #F28F43;}
.target-spot-member dl.percent dd {color: #F28F43;}
.box-price-member .btn-set {padding:6px 12px;}

.box-price-member2 {padding-bottom:12px;}
.box-price-member2 + .box-chart {margin-top:7px;}

/* 거래내역
.trans-box {position:relative;width: 100%;margin-bottom: 6px;padding: 15px;border-radius:5px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.161);box-sizing:border-box;}
.trans-box .list-tit {position:absolute;top:12px;left:12px;color:#00B9FF;font-size:12px;line-height:24px;height:40px;}
.trans-box .list-tit span {display:inline-block;padding-left:25px;background:url(../images/ico-list.svg) no-repeat;background-size:24px auto;}
.msgbox-nodate {position:absolute;top:50%;left:50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.msg-gray-box {padding:14px 22px;text-align:center;font-size:12px;color:#ccc;border:1px solid #ccc;border-radius:6px;background:#FAFAFA;}
 */

/* 검색 필터 */
.search-filter {height: 35px;padding: 0 16px 0 0;display: flex;justify-content: flex-end;}
.search-filter:after {content:'';display:block;clear:both;}
.search-filter .sel-box {position:relative;font-size:0;}
.search-filter .sel-box:after {content:'';display:block;clear:both;}
.search-filter .custom-select {display:inline-block;min-width: 100px;margin-left: 4px;}
.search-filter .ul-select li {min-width:95px;}
.search-filter .search-box {display:flex;margin-left:10px;}
.search-filter .search-box:after {content:'';display:block;clear:both;}
.search-filter .search-box .search-prd {width:75px;}
.search-filter .search-box .search-prd .btn-blue {border-top-right-radius:0;border-bottom-right-radius:0;}
.search-filter .search-box .custom-select {width:75px;margin-left:0;}
.search-filter .search-box .custom-select .my-select {border-radius:0;height: 35px;}
.search-filter .search-box .search-input input {padding:8px 10px;width:100%;height:35px;line-height:14px;border:1px solid #707070;font-size: 12px;color:#666;font-family: 'SCDream-4';box-sizing: border-box;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.16);}
.search-filter .search-box .search-btn {width:77px;}
.search-filter .search-box .btn-search {color:#fff;font-size:12px;border-radius:4px;text-align:left;padding-left:16px;border-top-left-radius:0;border-bottom-left-radius:0; background:#00B9FF url(../images/btn-search.svg) 50px 11px no-repeat;}
.search-filter #change_type_btn_c{border-radius: 4px 0 0 4px;}
.search-filter #change_type_btn_p{border-radius: 0 4px 4px 0;}
.search-filter #excel_down_btn{margin-left: 6px;}

/* 검색 결과 테이블 */
.search-list {padding:30px 18px 20px;}
.search-table .btn span {font-size:0;color:#fff;}
.search-table .btn-up {background:url(../images/btn-table-up.png) center center no-repeat;}
.search-table .btn-up.on {background:url(../images/btn-table-up-on.png) center center no-repeat;}
.search-table .btn-down {background:url(../images/btn-table-down.png) center bottom no-repeat;}
.search-table .btn-down.on {background:url(../images/btn-table-down-on.png) center bottom no-repeat;}
.search-table th,
.search-table td {border: unset;background:unset; font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.search-table thead .btn {display:block;width:100%;height:57px;}
.search-table thead th {color:#fff;}
.search-table thead th.first {background:#fff;}
.search-table thead .title-year {display:block;padding: 6px 0;height: 24px;line-height: 24px;border:1px solid #2ecaba;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00DFC8;}
.search-table thead .title-year select{margin-top: -4px;padding: 6px;height: 30px;font-size: 13px;border: solid 1px #15c9b6;box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,0.3);}
.search-table thead td {padding:8px 0;height:10px;line-height:10px;border:1px solid #E1E1E1;border-bottom: 1px solid #00DFC8;}
.search-table tbody tr {background:#fff;}
.search-table tbody tr:nth-child(odd){background:#fafafa;}
.search-table tbody th,
.search-table tbody td {border: unset;background:unset;  padding:10px 0;font-size:12px;height:12px;color:#666;text-align:center;box-sizing: border-box;}
.search-table tbody th {padding:10px;text-align:left;}
.search-table tfoot .btn {display:block;width:100%;height:30px;}
.search-table tfoot .btn-image {display:inline-block;width:124px;height:24px;line-height:24px;color:#666;background:#e1e1e1;font-weight:normal;font-family:'SCDream-4';}
.search-table tfoot th,
.search-table tfoot td {border: unset;background:unset; padding:3px 0;text-align:center;}
.search-table tfoot td {height:12px;line-height:12px;color:#fff;font-size:12px;font-weight:bold;font-family:'SCDream-6';background:#999;}
.search-table tfoot tr:last-child td {border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.search-table caption {display:none;}
.scroll-body {overflow-y:scroll;margin-right:-18px;text-align: center;}
.scroll-body tfoot th.first {padding:0;}

/* 마감입력 내 테이블 */

#contents-deadline-insert{
    width: calc(100% - 20px);
}
.table-deadline {position:relative;}
.table-deadline tbody th {padding:10px;text-align:left;}
.table-deadline tbody td {padding:2px;}
.table-deadline tfoot td {height:24px;}
.table-deadline.scroll-body {padding-top:1px;min-height: 800px;}
.table-deadline.scroll-body-pop{
    max-height: 390px;
    overflow-y: scroll;
    user-select: auto;
    margin-right: -17px;
}
.finish-line {padding:15px 10px;text-align:left;}
.finish-line .ico-off {position:relative;display:inline-block;width:45px;height:20px;line-height:20px;border-radius:40px;background:#999;}
.finish-line .ico-off:after {content:'';position:absolute;top:4px;left:4px;width:12px;height:12px;border-radius:50%;background:#fff;}
.finish-line .ico-off em {display:block;color:#fff;font-size:12px;text-indent:22px;transform: scale(0.8);}
.finish-line .ico-on {position:relative;display:inline-block;width:45px;height:20px;line-height:20px;border-radius:40px;background:#00B9FF;}
.finish-line .ico-on:after {content:'';position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:#fff;}
.finish-line .ico-on em {display:block;color:#fff;font-size:12px;text-indent:5px;transform: scale(0.8);}
.finish-line .txt {font-size:12px;color:#666}
.finish-line .txt-blue {display:inline-block;padding:3px 10px;height:14px;line-height:14px;font-size:12px;color:#fff;border-radius:8px;background:#00B9FF;}

.list-btn {margin:10px 0 5px 25%;}
.list-btn ul{padding:2px;border-radius:6px;display:flex;justify-content:space-between;background:#FAFAFA;}
.list-btn .btn {box-shadow:4px 8px 20px rgba(31,31,31,0.1);}
.list-btn .active {background:#00B9FF;}
.btn-list-prev {
    position:relative;
    padding:8px;
    width: 95px;
    /* height: 35px; */
    line-height: 19px;
    font-size:12px;
    color:#fff;
    text-align:right;
    background:#E1E1E1;
    font-family: 'SCDream-6';
    box-sizing: border-box;
}
.btn-list-prev:after {
    content:'';
    position:absolute;
    left:10px;
    width:6px;
    height: 35px;
    background:url(../images/ico-arr-01.svg) no-repeat;
    background-size: 12px auto;
}
.btn-list-next {
    position:relative;
    padding:8px;
    width:95px;
    height:35px;
    line-height:19px;
    font-size:12px;
    color:#fff;
    text-align:left;
    background:#E1E1E1;
    font-family: 'SCDream-6';
    box-sizing: border-box;
}
.btn-list-next:after {
    content:'';position:absolute;
    right:10px;
    width:6px;
    height:35px;
    background:url(../images/ico-arr-02.svg) no-repeat;
    background-size:6px auto;
}


/* 팀수정 */
.team-box {height:100%;}
.team-box .list-team {padding:15px 15px 0;}
.team-box .list-team dl {margin-bottom:6px;border-radius:4px;border:1px solid #999;}
.team-box .list-team dt,
.team-box .list-team dd {padding:6px;height:12px;line-height:12px;font-size:12px;text-align:center;}
.team-box .list-team dt {color:#fff;background:#999;}
.team-box .list-team dd {color:#666;}
.team-box .btn-bottom {position:absolute;bottom:0;left:0;right:0;background:#FAFAFA;}
.team-box .btn-bottom .btn-set {margin:10px 5px;}
/*.team-box .list-team-input {margin:15px}*/ /*20220314 삭제 COOPER*/
.team-box .list-team-input {padding: 15px;}

.team-box .list-person {padding:15px;}
.team-box .list-person ul li a {display:block;height:20px;line-height:20px;padding:0 4px 0 20px;color:#666;font-size:12px;border-radius:13px;background:url(../images/ico-person.svg) 2px center no-repeat;background-size:16px auto;}
.team-box .list-person ul li a em {display:inline-block;font-size:6px;color:#00DFC8;margin-left:-4px;transform:scale(0.7);}
.team-box .list-person ul li a.on {color:#fff;background:#00B9FF url(../images/ico-person-on.svg) 2px center no-repeat;background-size:16px auto;}
.team-box .list-person ul li a.on em {color:#fff;}

.team-msgbox {position:absolute;top:250px;left:160px;}
.msg-box-red {padding:14px 25px;text-align:center;color:#F24343;font-size:12px;border:1px solid #F24343;border-radius:6px;}
.msg-waiting {flex:auto;}
.msg-waiting .msg-box-red {display:block;height:14px;line-height:14px;padding:8px 25px;}

/* 담당자 메모 */
.manager-box {height:240px;margin-bottom:30px;overflow:auto;}
.manager-msg {position:relative;margin-bottom:6px;padding:20px 14px;border:1px solid #E1E1E1;border-radius:4px;background:#FAFAFA;}
.manager-msg .date {position:absolute;top:6px;right:24px;font-size:12px;}
.manager-msg .btn-msg-del {position:absolute;top:0;right:0;}
.manager-msg .txt {font-size:12px;}
.manager-input {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;}
.manager-input .inp-gray-line {flex:1;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.manager-input .btn-save {width:110px;border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* 팝업 : 거래내역 상세보기 */

.modal-history-detail {width:826px; max-width: unset;}
.tit-history-detail {display:inline-block;height:24px;line-height:24px;padding-left:28px;color:#00DFC8;background:url(../images/ico-chart.svg) no-repeat;background-size: 24px auto;}
.pop-history-content {padding:30px 6px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;}
.pop-history-content > .pop-history-info{

    flex: 1 1 0;

}
.pop-history-content > .pop-history-table{
    
    flex: 1 1 0;

}

.pop-history-info dl {border-radius:6px;margin-bottom:6px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.pop-history-info dl.list-blue {border:1px solid #00B9FF}
.pop-history-info dl.list-green {border:1px solid #8BBC21}
.pop-history-info dl.list-orange {border:1px solid #F28F43}
.pop-history-info dl.list-mint {border:1px solid #00DFC8}
.pop-history-info dt {width:35%;padding:8px 0;text-align:center;font-size:12px;color:#fff;border-top:1px solid rgba(255,255,255,0.5);font-family:'SCDream-6';}
.pop-history-info dd {width:65%;padding:10px 10px 8px;text-align:left;font-size:12px;color:#666;box-sizing: border-box;}
.pop-history-info dl.list-blue dt {background:#00B9FF}
.pop-history-info dl.list-green dt {background:#8BBC21}
.pop-history-info dl.list-orange dt {background:#F28F43}
.pop-history-info dl.list-mint dt {background:#00DFC8}
.pop-history-info dl.list-blue dd {border-top:1px solid #00B9FF}
.pop-history-info dl.list-green dd {border-top:1px solid #8BBC21}
.pop-history-info dl.list-orange dd {border-top:1px solid #F28F43}
.pop-history-info dl.list-mint dd {border-top:1px solid #00DFC8}
.pop-history-info dl dt:first-child,
.pop-history-info dl dd:nth-child(2) {border-top:none;}
.pop-history-table {min-width: 460px;margin-left:20px;}

.table-pop-history table {display:block;padding-right:18px;}
.table-pop-history thead .title-year {border-color:#00B9FF;background:#00B9FF;}
.table-pop-history thead td {border-bottom:1px solid #00B9FF}
.table-pop-history tbody {display:block;height:340px;overflow:auto;margin-right:-18px;}
.table-pop-history tbody th {padding:10px;width:180px;}
.table-pop-history tbody td {width:130px;padding:2px;}
.table-pop-history tfoot th.first {width:180px;}
.table-pop-history tfoot td {width:130px;height:24px;}

/* 팝업 : 제품정보 */
.modal-prd-info {width:340px;}
.modal-prd-info .pop-history-content {padding:15px 4px 0;}

/* 환경설정 */
.setting-box {position:relative;padding-bottom:100px;}
.setting-box:after {content:'';display:block;clear:both;}
.setting-left, 
.setting-right {float:left;}
.setting-left {position:relative;}
.setting-right {margin-left:6px; }
.setting-addr-box:after {content:'';display:block;clear:both;}
.setting-addr {position:relative;float:left;min-width:165px;height:500px;box-sizing: border-box;}
.setting-addr + .setting-addr {margin-left:6px;}
.addr-list-box {height:360px;overflow:auto;padding:15px 15px 5px;box-sizing: border-box;}
.addr-list-box .addr-item {display:inline-block;padding:0 15px 0 22px;line-height:20px;border-radius:13px;font-size:12px;color:#666;background:url(../images/ico-addr.svg) 7px 5px no-repeat;background-size:10px auto;box-sizing: border-box;}
.addr-list-box li .addr-item:hover,
.addr-list-box li.active .addr-item {color:#fff;background:#00B9FF url(../images/ico-addr-on.svg) 7px 5px no-repeat;background-size:10px auto;}
.addr-list-btn {position:absolute;bottom:0;left:0;width:100%;padding:9px 15px 15px;box-sizing: border-box;}
.addr-list-btn .btn {margin-top:6px;}
.setting-btm-button {width:100%;margin-top:6px;}
.setting-btm-button .btn-set {padding:15px;}

.setting-addr-input {width:336px;box-sizing: border-box;}
.setting-addr-input + .setting-addr-input {margin-top:6px;}
.setting-addr-input .inp-list {padding:22px 15px 3px;}

.pop-sample-link {padding-top:20px;}
.pop-sample-link a {font-size:12px;color:#00B9FF;text-decoration: underline;}

.error-mint {position:absolute;left:0;bottom:0;width:100%;height:64px;background:#00DFC8;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.161);}
.error-mint-txt {margin:20px;height:24px;line-height:24px;padding-left:35px;font-size:12px;color:#fff;background:url(../images/ico-error.svg) no-repeat;background-size: 26px auto;}
.error-mint-btn {position:absolute;right:19px;top:19px;width:90px;height:26px;}
.error-mint-btn .btn-white {height:26px;line-height:24px;color:#fff;border:1px solid #fff;}

/* 영업관리 : 지점목표액 입력 */
.box-target-amount {position:relative;margin-top: 50px;padding-top: 20px;width:100%;border-top: solid 1px #e2e3e3;box-sizing: border-box;}
.box-target-amount .btn-btm-right {bottom:20px;right:20px;s}
.target-group {position:relative;height:100%;padding-bottom:35px;overflow:hidden;overflow-y:auto;box-sizing:border-box;}
.target-title {display:flex;flex-wrap:nowrap;align-items: center;}
.target-title ul {margin-right:5px;border-radius:4px;}
.target-title ul:after {content:'';display:table;clear:both;}
.target-title ul li{float:left;height: 30px;line-height: 30px;color:#666;font-size:12px;text-align:center;}
.target-title ul li.title {width:80px;color:#fff;}
.target-title ul li.text {width:120px;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.161);background:#fff;}
.target-title ul.blue-box {background:#00B9FF}
.target-title ul.blue-box .text {border:1px solid #00B9FF;} 
.target-title ul.orange-box {background:#F28F43;}
.target-title ul.orange-box .text {border:1px solid #F28F43;} 
.target-teams {margin:10px 0 0;display:flex;flex-wrap:nowrap;overflow:auto;}
.target-teams + .target-teams {padding-top:10px;border-top:1px solid #E1E1E1;}
.teams-group {width:100%;display: flex;flex-wrap: nowrap;flex-direction: row;align-items: flex-start;justify-content: flex-start;}
.teams-group .teams {width:120px;margin-right:10px;border-radius:4px;border:1px solid #00B9FF;}
.teams-group .teams dt {height:24px;line-height:24px;text-align:center;color:#fff;font-size:12px;background:#00B9FF;}
.teams-group .teams .teams-inpbox {margin:12px 4px -6px;}
.teams-group .teams .teams-inpbox input {padding:4px 10px;}
.teams-group .teams .teams-inpbox .inp-blue-line {color:#00B9FF;}
.teams-group .teams .teams-inpbox .inp-orange-line {color:#F28F43;}
.teams-group .teams dd .teams-price {display:block;height:24px;line-height:24px;text-align:center;font-size:12px;color:#00B9FF;}

.teams-group .members {position:relative;margin-right:10px;width:120px;border-radius:4px;border:1px solid #999999;}
.teams-group .members:after {content:'';position:absolute;top:12px;left:-11px;width:10px;height:1px;background:#999999;}
.teams-group .members dt {height:24px;line-height:24px;text-align:center;color:#fff;font-size:12px;background:#999999;}
.teams-group .members dd {margin:2px;}
.teams-group .members dd input {padding:4px 10px;text-align:center;}
.teams-group .members dd .teams-price {display:block;height:20px;line-height:20px;text-align:center;font-size:12px;color:#666;}

#table-goals{
    width: 100%;
    font-size: 12px;
}

#table-goals thead tr td, #table-goals thead tr th{
    width: 7.5%;
    background: #999;
    color: #FFF;
    padding: 6px;
    text-align: center;
}
#table-goals thead tr th{
    width: 10%;
    border-radius: 4px 0 0 0;
}
#table-goals thead tr td:last-child{
    border-radius: 0 4px 0 0;
}

#table-goals tbody tr td, #table-goals tbody tr th{
    border: solid 1px #EEE;
    padding: 3px;
    text-align: center;
}

/* 영업관리 : 담당자 수정 */
.manager-modify {display: flex;width:100%;padding:15px;margin-bottom: 6px;box-sizing: border-box;flex-direction: column;}
.profile-modify {margin-top:15px;}
.profile-modify .profile-img {display:inline-block;padding:0 40px 0 0;width:60px;height:60px;}
.profile-modify .profile-img img {width:80px;height:80px;}
.manager-modify .btn-profile {position:absolute;bottom:20px;right:20px;}
.inputbox-modify {position:relative;margin-top:30px;}
.inputbox-modify:after {content:'';display:block;clear:both;}
.inputbox-modify .profile-input {float:left;width:30%;margin-right:1%;}
.inputbox-modify .profile-input + .profile-input {width:30%;}
.inputbox-modify .sel-half:after {content:'';display:block;clear:both;}
.inputbox-modify .sel-half .input-set-box{float:left;width:48%;}
.inputbox-modify .sel-half .input-set-box + .input-set-box {margin-left:4%;}
.inputbox-modify .input-set-box {margin-bottom:14px;}


/* 회원정보 수정 */
.my-profile {padding:15px;}
.tit-profile {padding-left:28px;height:24px;line-height:24px;font-size:12px;color:#00B9FF;background:url(../images/tit-profile.svg) no-repeat;}
.profile-wrap {position:relative;padding-top:50px;}
.profile-wrap ul {width:100%;height:100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom:60px;}
.profile-wrap ul li {width:300px;margin-left:35px;}
.profile-wrap ul li:first-child {margin-left:0;width:180px;}
.profile-img {position:relative;padding:13px 40px;width:100px;height:100px;margin-left: auto;margin-right: auto;}
.profile-img .img-thumb {width:100px;height:100px;border-radius:50%;}
.profile-img .btn-file-del {position:absolute;top:13;right:30px;width:24px;height:24px;}
.profile-img-text{font-size: 11px;color: #AAA;}
.profile-add {margin-top:57px;}
.profile-add:after {content:'';display:block;clear:both;}
.profile-add .input-set-box {float:left;width:143px;}
.profile-add .input-set-box.first {margin-right:14px;}
.profile-add .input-set-box.last {width:100%;}

/* 마감현황 */
#deadline_ready, #deadline_unready, #deadline_noready{position: relative;margin-top: 10px;margin-right: 17px;}
.deadline-warp {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.deadline-warp .tree-menu {width:33%;min-height:600px;max-height:1000px;height:100%; padding:15px;box-sizing: border-box;overflow:auto;}
.deadline-right {width:66%;margin-left:1%;}
.deadline-date-excel {display: flex;padding:10px;justify-content: space-between;}
.deadline-datebox{display:flex;justify-content:center;}
.deadline-datebox .custom-select, .deadline-execel .custom-select,{
    width: 150px;
    margin: 0 2px;
}
.deadline-datebox .my-select .ul-select,.deadline-execel .my-select .ul-select{
    width: 150px;
    height: 150px;
}
.deadline-execel{display: flex;}


.deadline-status {padding:10px;margin-bottom: 1%;}
.deadline-statusbox {display:flex;justify-content:space-between;}
.deadline-statusbox ul + ul{margin-left:14px;}
.deadline-statuslist {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;}
.deadline-statuslist li {width:33.2%;text-align:center;font-size:12px;font-family:'SCDream-6'}
.deadline-statuslist li .title {height:32px;line-height:32px;color:#fff;}
.deadline-statuslist li .count {height:30px;line-height:30px;}
.deadline-statuslist li:first-child .title {border-top-left-radius: 4px;}
.deadline-statuslist li:first-child .count {border-bottom-left-radius: 4px;}
.deadline-statuslist li:last-child .title {border-top-right-radius: 4px;}
.deadline-statuslist li:last-child .count {border-bottom-right-radius: 4px;}
.deadline-statuslist .d-green .title {background:#8BBC21;}
.deadline-statuslist .d-green .count {color:#8BBC21;border:1px solid #8BBC21;}
.deadline-statuslist .d-orange .title {background:#F28F43;}
.deadline-statuslist .d-orange .count {color:#F28F43;border:1px solid #F28F43;}
.deadline-statuslist .d-red .title {background:#F24343;}
.deadline-statuslist .d-red .count {color:#F24343;border:1px solid #F24343;}
.deadline-statuslist .d-blue .title {background:#00B9FF;}
.deadline-statuslist .d-blue .count {color:#00B9FF;border:1px solid #00B9FF;}
.deadline-statuslist + .btn-set,
.deadline-statusbox + .btn-set {margin-top:10px;}
.deadline-list {position:relative;margin-top:1%;padding:20px;min-height:300px;box-sizing: border-box;}
.deadline-list .search-filter {padding-right:10px;}
.deadline-list .table-mint {padding: 27px 10px 0 0;}

/* 팝업 : 거래처 정보 상세보기 */
.modal-approval {width: 975px;height:640px;background:transparent;}
.modal-approval .pop-wrap {padding:0;}
.approval-wrap {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;}
.tit-account {display: inline-block;height: 24px;line-height: 24px;padding-left: 28px;color: #00B9FF;background: url(../images/ico-list.svg) no-repeat;background-size: 24px auto;}
.approval-wrap .account-info {padding:15px;width:370px;height:680px;border-radius:5px;background:#fff;box-sizing: border-box;overflow:auto;}
.approval-wrap .account-info .pop-history-info {margin:0 3px;padding-top:19px;}
.modal .account-info .btn-set {padding:0;margin:15px 0 0;}
.account-input {padding:15px 24px 15px 15px;width:600px;height:680px;border-radius:5px;background:#fff;box-sizing: border-box;overflow:auto;}
.account-input .pop-title {padding-bottom:15px;}

.account-input .btn-set {padding:0;margin-top:48px;}
.account-input .btn-set .btn-inline {width:128px;}
.account-input .btn-set + .btn-set {margin-top:6px;}
.account-input .btn-set + .btn-set .btn {width:262px;}
/* 팝업 : 거래처 정보 수정 */
.modal-approval-modify {width: 1100px;background:transparent;}
.modal-approval-modify .pop-wrap {padding:0;}
.account-modify {padding:15px;width: 720px;height: 680px;border-radius:5px;background:#fff;box-sizing: border-box;overflow:auto;}
.account-modify .box-group {padding-top: 12px;height:auto;justify-content: space-around;}
.account-modify .box-group .box-col {margin: 8px;}
.account-modify .box-group .box-col .list-team-input {margin:0;}

/* 제품관리 */
.product-manage {padding:15px;}
.product-manage .search-filter {padding:0;}
.product-manage .table-mint {padding:45px 0 20px;}

/* 종합현황 */
.status-total {width:100%;height:445px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;}
.status-total .tree-menu {width:30%;}
.status-members {width:calc(70% - 6px);padding:20px;height:100%;box-sizing: border-box;}
.table-total th,
.table-total td {font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.table-total thead th {color:#fff;}
.table-total thead th.first {background:#fff;}
.table-total thead .title {display:block;padding:8px 0;height:12px;line-height:12px;border:1px solid #2ecaba;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00DFC8;}
.table-total thead .title.green {background:#8BBC21;border-color:rgba(153,153,153,0.3)}
.table-total thead .title.orange {background:#F28F43;border-color:rgba(153,153,153,0.3)}
.table-total tbody tr {background:#fff;}
.table-total tbody tr:nth-child(odd){background:#fafafa;}
.table-total tbody th,
.table-total tbody td {padding:5px;font-size:12px;line-height:16px;color:#666;text-align:center;border-bottom:1px solid #707070}
.table-total tbody th {padding:10px;text-align:left;}

.status-list {margin-top:6px;padding:20px;}
.table-status th,
.table-status td {font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.table-status thead th {color:#fff;}
.table-status thead th.first {background:#fff;}
.table-status thead .title {display:block;padding:8px 0;height:12px;line-height:12px;border:1px solid #2ecaba;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00DFC8;}
.table-status thead .title.gray {background:#CCCCCC;border:1px solid rgba(153,153,153,0.3);}
.table-status thead .title.green {background:#8BBC21;border:1px solid rgba(153,153,153,0.3);}
.table-status thead .title.orange {background:#F28F43;border:1px solid rgba(153,153,153,0.3);}
.table-status thead td {padding:8px 0;height:10px;line-height:10px;border:1px solid #E1E1E1;border-bottom: 1px solid #00DFC8;}
.table-status tbody tr {background:#fff;}
.table-status tbody tr:nth-child(odd){background:#fafafa;}
.table-status tbody th,
.table-status tbody td {padding:2px;font-size:12px;line-height:16px;color:#666;text-align:center;border-bottom:1px solid #999;}
.table-status tbody th {padding:10px;text-align:left;}
.table-status tbody td.border {border-left:1px solid #ccc;padding:0;}
.status-dates {height:38px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;align-content: center;}
.status-date1 {width:60%;}
.status-date2 {position:relative;width:40%;border-left:1px dotted #ccc;box-sizing: border-box;}
.status-date2 .btn-tooltip {color:#666;}
.status-date2 em {margin-right:2px;font-weight:bold;color:#00DFC8;}
.status-date3 {position:relative;width:100%;border-top:1px solid #CCCCCC;}

/* 테이블 내 툴팁 입력 */
.layer_tooltip {display:none;position:absolute;top:33px;border:1px solid #707070;border-radius:5px;z-index:10;background:#fff;box-sizing:border-box;}
.layer_tooltip:before {content:'';position:absolute;top:-26px;left:50%;margin-left:-8px;width:16px;height:28px;background:url(../images/tooltip-arr.svg) no-repeat;background-size:16px auto;z-index:0;}
.layer_tooltip:after {content:'';position:absolute;top:0;left:50%;margin-left:-8px;width:16px;height:2px;background:#fff;}
.on.layer_tooltip {display:block; z-index:100;}
.tooltip-con {padding:18px 14px;text-align:left;}
.tooltip-tit {font-size:12px;}
.tooltip-con .btn-set {margin-top:8px;}
/* 적용등급 및 효율 툴팁 */
.tooltip-grade {left:-193px;width:412px;}
.tooltip-grade .tooltop-selbox {margin-top:10px;}
.tooltip-grade .input-set-box {display:inline-block;width:80px;margin-right:2px;}
.tooltip-grade .tooltop-selbox .text {display:inline-block;margin-bottom:12px;vertical-align: bottom;}
/* 성과급 입력 툴팁 */
.tooltip-price {left:-80px;width:260px;}
.tooltip-price .tooltop-selbox {margin-top:10px;}
.tooltip-price .input-set-box {display:inline-block;width:110px;margin-right:2px;}
.status-btn {margin:10px 0 5px 35%;}
.status-btn ul{padding:2px;border-radius:6px;display:flex;justify-content:space-between;background:#FAFAFA;}
.btn-status-prev3 {position:relative;display:inline-block;width:60px;padding:8px;height:26px;line-height:10px;font-size:12px;color:#fff;text-align:right;background:#E1E1E1;font-family: 'SCDream-6';box-sizing: border-box;}
.btn-status-prev3:after {content:'';position:absolute;left:10px;width:6px;height:12px;background:url(../images/ico-arr-01.svg) no-repeat;background-size:6px auto;}
.btn-status-next3 {position:relative;display:inline-block;width:60px;padding:8px;height:26px;line-height:10px;font-size:12px;color:#fff;text-align:left;background:#E1E1E1;font-family: 'SCDream-6';box-sizing: border-box;}
.btn-status-next3:after {content:'';position:absolute;right:10px;width:6px;height:12px;background:url(../images/ico-arr-02.svg) no-repeat;background-size:6px auto;}
.btn-status-prev6 {position:relative;display:inline-block;width:60px;padding:8px;height:26px;line-height:10px;font-size:12px;color:#fff;text-align:right;background:#E1E1E1;font-family: 'SCDream-6';box-sizing: border-box;}
.btn-status-prev6:after {content:'';position:absolute;left:10px;width:12px;height:12px;background:url(../images/ico-arr-03.svg) no-repeat;background-size:12px auto;}
.btn-status-next6 {position:relative;display:inline-block;width:60px;padding:8px;height:26px;line-height:10px;font-size:12px;color:#fff;text-align:left;background:#E1E1E1;font-family: 'SCDream-6';box-sizing: border-box;}
.btn-status-next6:after {content:'';position:absolute;right:10px;width:12px;height:12px;background:url(../images/ico-arr-04.svg) no-repeat;background-size:12px auto;}
.btn-status-prev3.active,
.btn-status-next3.active {background:#8BBC21;}
.btn-status-prev6.active,
.btn-status-next6.active {background:#00B9FF;}

/* 목표현황 */
.target-team {padding:12px;margin-bottom:6px;}
.table-taget th,
.table-taget td {font-size:12px;color:#666;text-align:center;vertical-align: middle;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;}
.table-taget thead th {color:#fff;vertical-align: top;}
.table-taget thead th.first {background:#fff;}
.table-taget thead .title {display:block;padding:8px 0;height:12px;line-height:12px;border:1px solid #2ecaba;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:normal;background:#00DFC8;}
.table-taget thead .title.gray {background:#CCCCCC;border:1px solid rgba(153,153,153,0.3);}
.table-taget thead .title.green {background:#8BBC21;border:1px solid rgba(153,153,153,0.3);}
.table-taget thead .title.orange {background:#F28F43;border:1px solid rgba(153,153,153,0.3);}
.table-taget thead td {padding:8px 0;height:10px;line-height:10px;border:1px solid #E1E1E1;border-bottom: 1px solid #00DFC8;}
.table-taget tbody tr {background:#FAFAFA;}
.table-taget tbody tr:nth-child(odd){background:#fafafa;}
.table-taget tbody th,
.table-taget tbody td {padding:2px;font-size:12px;line-height:16px;color:#666;text-align:center;}
.table-taget tbody th {padding:8px 10px 8px 8px;text-align:left;box-shadow: inset 0 0 2px rgb(0 0 0 / 10%);}
.table-taget tbody td {border:1px solid #E1E1E1;}
.table-taget td.disabled {background:rgba(204,204,204,0.3)}
.table-taget tbody tr.member th {background:rgba(0,0,0,0.09);box-shadow: inset 0 0 2px rgb(0 0 0 / 10%);}
.table-taget td input[type="text"] {padding:0;height:20px;text-align:center;}
.table-taget td .inp-blue-line:disabled {border-color:#00B9FF;}
.table-taget td.label-box {padding:0;border:none;}
.table-taget .custom-select {margin:2px 10px 0 3px;text-align:left;}
.table-taget .ul-select {width:100%;}
.table-member {display:none;}
.table-taget tfoot th {background:#fff;}
.table-taget tfoot td {padding:5px 1px 1px;background:#999999;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.table-taget tfoot td .btn {padding: 6px 10px;height: 24px;}

.label-blue {width:100%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#00B9FF;}
.label-green {width:100%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#8BBC21;}
.label-orange {width:100%;height:26px;line-height:26px;font-size:12px;color:#fff;text-align:center;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#F28F43;}

.btn-company {position:relative;display:block;padding-left:20px;height:20px;line-height:20px;color:#666;background:url(../images/btn-company.svg)2px center no-repeat;background-size:16px auto;}
.btn-company:after {content:'';position:absolute;right:0;top:8px;width:10px;height:5px;background:url(../images/arr-down.svg) no-repeat;background-size: 10px auto;}
.btn-team {position:relative;display:block;padding-left:20px;height:20px;line-height:20px;color:#666;background:url(../images/btn-team.svg)2px center no-repeat;background-size:16px auto;}
.btn-team:after {content:'';position:absolute;right:0;top:8px;width:10px;height:5px;background:url(../images/arr-down.svg) no-repeat;background-size: 10px auto;}
.btn-member {position:relative;display:block;margin-left:20px;padding-left:20px;height:20px;line-height:20px;color:#666;background:url(../images/btn-member.svg)2px center no-repeat;background-size:16px auto;}
.on .btn-company:after,
.on .btn-team:after {transform: rotate( 180deg );}

/* 팝업 : 제품추가 */
.modal-product-add {width:678px;min-height:420px;}
.product-add-wrap .box-group{position:relative;margin-top:20px;padding:5px;box-sizing: border-box;}
.product-add-wrap .box-col:first-child .list-team-input {margin-left:0;}
.product-add-wrap .btn-set {padding:0;margin-top:25px;}
.product-add-wrap.stop-trading .box-group:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.6);z-index:1;}

/* 게시판관리 */
.board-box {display:flex;flex-wrap: wrap;}
.board-menu {position:relative;width:165px;height:500px;margin-right:6px;box-sizing: border-box;}
.board-list-box {height:360px;overflow:auto;padding:15px 15px 5px;box-sizing: border-box;}
.board-list-box .board-item {display:block;padding:0 15px 0 22px;line-height:20px;border-radius:13px;font-size:12px;color:#666;background:url(../images/ico-addr.svg) 7px 5px no-repeat;background-size:10px auto;box-sizing: border-box;}
.board-list-box li .board-item:hover,
.board-list-box li.active .board-item {color:#fff;background:#00B9FF url(../images/ico-addr-on.svg) 7px 5px no-repeat;background-size:10px auto;}
.board-list-btn {position:absolute;bottom:0;left:0;width:100%;padding:9px 15px 15px;box-sizing: border-box;}
.board-list-btn .btn {margin-top:6px;}
.board-btm-button {width:100%;margin-top:6px;}
.board-btm-button .btn-set {padding:15px;}

.board-con {position:relative;flex:1;padding:20px 20px 40px;}
.board-title {margin-bottom:25px;font-size:12px;color:#00B9FF;font-family:'SCDream-6'}
.board-con .table-mint {padding:0;min-height:580px;}
.board-con .table-mint thead .title {padding:5px 0;height:20px;line-height:20px;}
.board-link {display:block;padding:0 10px;text-align:left;color:#666;}
.board-link .reply {margin:0 2px;color:#00B9FF;}
.board-con .pagination {padding:40px 0;}

.board-search {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
.board-search .search-box {display:flex;flex-wrap:wrap;}
.board-search .custom-select {width:109px;margin-left:0;}
.board-search .custom-select .my-select {width:100%;border-top-right-radius:0;border-bottom-right-radius:0;background:#00B9FF;}
.board-search .custom-select .ul-select {width:100%;top:inherit;bottom:100%;}
.board-search .custom-select .ul-select li.on {background:#00B9FF;}
.board-search .search-input {width:185px;}
.board-search .search-input input {padding:8px 10px;width:100%;height:32px;line-height:14px;border:1px solid #707070;font-size:12px;color:#666;font-family: 'SCDream-4';box-sizing: border-box;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.16);}
.board-search .search-btn {width:77px;}
.board-search .btn-search {color:#fff;font-size:12px;border-radius:4px;text-align:left;padding-left:16px;border-top-left-radius:0;border-bottom-left-radius:0; background:#00B9FF url(../images/btn-search.svg) 53px 9px no-repeat;box-shadow:4px 8px 20px rgb(31 31 31 / 10%);}
.board-search .search-sort {margin-left:20px;}
.board-search .search-sort .my-select {width:116px;border-radius:4px;}
.board-search .btn-inline {width:120px;}

.inp-chk input[type="checkbox"]+label {display:inline-block;width:18px;height:18px;font-size:0;color:#fff;border:1px solid #999;background: #fff;vertical-align: top;}
.inp-chk input[type='checkbox']:checked+label {border-color:#00B9FF;background:#fff url('../images/checkbox.svg') center center no-repeat ;}
.inp-chk input[type="checkbox"] {display: none;}
.inp-chk input[type="checkbox"]:disabled+label {border-color: #E1E1E1;background:#fafafa;}

/* 게시글 작성 */
.board-write li {margin-top:22px;}
.board-write li:first-child {margin-top:0;}
.board-write li.selbox {width:186px;}
.board-write .btn-set {padding-top:50px;}
.board-write .btn-inline {width:120px;}
.board-upload-file {width:580px;padding:6px 7px 6px 12px;border-radius:6px;background:#FAFAFA;display:flex;flex-wrap: wrap;justify-content:space-between;align-items: center;box-sizing: border-box;}
.board-upload-file .flie-name {padding-left:21px;font-size:12px;color:#666;line-height:16px;background:url(../images/ico-file.svg) 0 center no-repeat;}

.board-upload {display:flex;flex-wrap: wrap;}
.board-upload .btn-inline {width:120px;}
.board-file {position:relative;width:580px;margin-right:15px;}
.board-file label {position:absolute;top:0;right:0;cursor:pointer;vertical-align:middle;overflow:hidden;width:95px;height:32px;line-height:32px;}
.board-file label input {position:absolute;width:0;height:0;overflow:hidden;}
.board-file input[type=text] {padding:10px;display:inline-block;width:490px;height:32px;line-height:32px;font-size:12px;border:1px solid #00B9FF;border-radius:4px;box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.161);box-sizing: border-box;}
.board-file label .btn-file {display:block;color:#fff;font-size:12px;border-radius:4px;text-align:left;padding-left:16px;border-top-left-radius:0;border-bottom-left-radius:0; background:#00B9FF url(../images/btn-search.svg) right 10px center no-repeat;box-shadow:4px 8px 20px rgb(31 31 31 / 10%);}

/* 체크박스 스위치 
.inp-switch .switch {position: relative;display: inline-block;width: 45px;height: 20px;text-align:left;}
.inp-switch .switch input { opacity: 0;width: 0;height: 0;}
.inp-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #999;-webkit-transition: .4s;transition: .4s;border-radius: 34px;font-family: 'SCDream-5';}
.inp-switch .slider:before {position: absolute;content: "";height: 12px;width: 12px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .2s;border-radius: 50%;}
.inp-switch .slider:after {content:'OFF';position:absolute;right:6px;top:50%;margin-top:-5px;line-height:10px;color:#fff;font-size:12px;transform: scale(0.8);letter-spacing:1px;}
.inp-switch input:checked + .slider {background-color: #00B9FF;}
.inp-switch input:focus + .slider {box-shadow: 0 0 1px #00B9FF;}
.inp-switch input:checked + .slider:before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}
.inp-switch input:checked + .slider:after{content:'ON';right:inherit;left:5px;}
.switch-text {display: inline-block;margin: 0 5px;font-size: 12px;height: 20px;line-height: 20px;color:#666;vertical-align: top;}
.disabled-switch {display:inline-block;width:45px;height:20px;border-radius:40px;background:#E1E1E1;}
.disabled-switch em {display:block;height:20px;line-height:20px;text-align:center;color:#fff;font-size:12px;transform: scale(0.8);letter-spacing:1px;font-family: 'SCDream-5';}
*/

/* 게시글보기 */
.board-view {padding:0 5px;}
.board-view .view-type {font-size:12px;}
.board-view .view-title {padding-top:5px;font-size:13px;font-family:'SCDream-6'}
.board-view .view-text {padding:15px 0;font-size:12px;min-height:360px;}
.board-view .btn-set {padding-top:30px;}
.board-view .btn-inline {width:120px;}
.board-view-table {padding:50px 0 0;}
.board-view-table .table-mint {min-height:auto;}

.view-reply {padding:40px 0 0;}
.reply-comment {position:relative;margin-top:10px;padding:10px 15px 15px;border-radius:6px;border:1px solid #CCCCCC;background:#FAFAFA;}
.reply-comment .info {font-size:12px;color:#666;}
.reply-comment .text {padding-top:10px;font-size:12px;color:#666;}
.reply-comment .btn-msg-del {position:absolute;top:5px;right:3px;}
.reply-input {margin-top:8px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;}
.reply-input .inp-gray-line {flex:1;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.reply-input .btn-reply {width:110px;border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* 게시판추가 */
.board-add {width:420px;padding-bottom:110px;}
.board-half {display:flex;flex-wrap:wrap;justify-content: space-between;}
.board-half .input-set-box {width:49%;}
.add-files {padding-top:10px;display:flex;flex-wrap:wrap;align-items:center;}
.add-files .switch-text {margin:0 10px;}
.add-files .input-set-box {display:inline-block;width:90px;margin:0;}

/* 관리권한 */
.authority-box {display:flex;flex-wrap: wrap;}
.authority-menu-box {height:400px;overflow:auto;}
.authority-menu-box .menu-title {padding:12px 0 0;margin:0 15px;font-size:12px;color:#00B9FF;font-family:'SCDream-6'}
.authority-menu-box .menu-title + .authority-list-box {padding-top:9px;}
.authority-menu-box .menu-title.line {margin-top:10px;border-top:1px solid #707070;}
.authority-menu {position:relative;width:165px;height:500px;margin-right:6px;box-sizing: border-box;}
.authority-list-box {overflow:auto;padding:15px 15px 5px;box-sizing: border-box;}
.authority-list-box .authority-item {display:block;padding:0 15px 0 22px;line-height:20px;border-radius:13px;font-size:12px;color:#666;background:url(../images/ico-addr.svg) 7px 5px no-repeat;background-size:10px auto;box-sizing: border-box;}
.authority-list-box li .authority-item:hover,
.authority-list-box li.active .authority-item {color:#fff;background:#00B9FF url(../images/ico-addr-on.svg) 7px 5px no-repeat;background-size:10px auto;}
.authority-list-btn {position:absolute;bottom:0;left:0;width:100%;padding:9px 15px 15px;box-sizing: border-box;}
.authority-list-btn .btn {margin-top:6px;}
.authority-btm-button {width:100%;margin-top:6px;}
.authority-btm-button .btn-set {padding:15px;}

.authority-con {position:relative;flex:1;padding:15px 15px 40px;}
.authority-title {margin-bottom:5px;font-size:12px;color:#00B9FF;font-family:'SCDream-6'}
.authority-con .table-mint {padding:0;}
.authority-con .table-mint + .table-mint {margin-top:5px;}
.authority-connect {display:flex;flex-wrap: nowrap;align-items: center;}
.authority-connect .inp-sel-line {width:80px;margin-right:15px;}
.authority-connect .connect-text {margin:0 17px 0 2px;font-size:12px;font-weight:bold;font-family:'SCDream-6'}


/* 트리메뉴 */
.jstree-proton {font-family:SCDream-4, 돋움, Dotum, 굴림, Gulim, Verdana, Arial, sans-serif}
.jstree-proton .jstree-node {line-height:20px;min-height:20px;margin-left:22px;}
.jstree-proton .jstree-anchor {position:relative;height:20px;line-height:20px;margin:0;font-size:12px;padding-right:8px;border-radius:13px;}
.jstree-proton .jstree-hovered,
.jstree-proton .jstree-clicked {background:#00B9FF;}
.jstree-proton .jstree-icon:empty {width:20px;height:20px;}
.jstree-proton .jstree-icon:empty.jstree-themeicon-custom {width:16px;height:16px;padding:1px;margin:1px;}
.jstree-icon.jstree-themeicon-custom {border-radius:50%;background-color:#fff;}
.jstree-proton-false.jstree-dnd-responsive {font-size:12px;line-height:20px;}
.jstree-proton-false.jstree-dnd-responsive .ico-flag {vertical-align: middle;}

.jstree-default .jstree-node {min-height:20px;line-height:20px;margin-left:20px;}
.jstree-default .jstree-icon:empty {width:20px;height:20px;line-height:20px;}
.jstree-default .jstree-anchor {position:relative;height:20px;line-height:20px;border-radius:16px;padding:0 2px;}
.jstree-default .jstree-themeicon {display:none;}
.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered {background:#00B9FF;border-color:#00B9FF;}
.jstree-children .jstree-anchor span.ico-flag {
    margin-top: 2px;
    margin-left: 1px;
    padding: 0;
    font-size: 0;
    color: #fff;
}

.jstree-children .jstree-anchor span {display:inline-block;padding-left:18px;padding-right:5px;font-size:12px;color:#666;vertical-align:top;}
.jstree-default .jstree-clicked span,
.jstree-default .jstree-hovered span {color:#fff;}
.ico-tree1 {background:url(../images/tree-01.svg) 0 2px no-repeat;background-size:16px auto;}
.ico-tree2 {background:url(../images/tree-02.svg) 0 2px no-repeat;background-size:16px auto;}
.ico-tree3 {background:url(../images/tree-03.svg) 0 2px no-repeat;background-size:16px auto;}
.ico-tree4 {background:url(../images/tree-04.svg) 0 2px no-repeat;background-size:16px auto;}
.jstree-default .jstree-clicked .ico-tree1,
.jstree-default .jstree-hovered .ico-tree1 {background:url(../images/tree-01-on.svg) 0 2px no-repeat;background-size:16px auto;}
.jstree-default .jstree-clicked .ico-tree2,
.jstree-default .jstree-hovered .ico-tree2 {background:url(../images/tree-02-on.svg) 0 2px no-repeat;background-size:16px auto;}
.jstree-default .jstree-clicked .ico-tree3,
.jstree-default .jstree-hovered .ico-tree3 {background:url(../images/tree-03-on.svg) 0 2px no-repeat;background-size:16px auto;}
.jstree-default .jstree-clicked .ico-tree4,
.jstree-default .jstree-hovered .ico-tree4 {background:url(../images/tree-04-on.svg) 0 2px no-repeat;background-size:16px auto;}


.jstree-container-ul > li.jstree-closed:first-child > i.jstree-icon{
    background-position: -165px -5px;
}
.jstree-container-ul > li.jstree-open:first-child > i.jstree-icon{
    background-position: -197px -5px;
}




@media (max-width: 768px) {
    .jstree-proton .jstree-node {background-size: 320px 96px;background-image: url(32px.png);background-position: -293px -5px;background-repeat: repeat-y;}
    .jstree-proton .jstree-last {background: 0 0;}
    .jstree-proton .jstree-icon.jstree-ocl {margin:0;background-size: 320px 96px;background-image: url(32px.png);background-position: -101px -5px !important;}
    .jstree-proton .jstree-node {background-position: -293px -5px;}
    .jstree-proton .jstree-leaf>.jstree-ocl {background-position: -69px -5px !important;}
    .jstree-proton .jstree-open>.jstree-ocl {background-position: -133px -5px !important;}
    
}




/* Icons */
.rate {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(48, 189, 208);
}


.rate_sa {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(232, 47, 55);
}

.rate_sb {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(240, 95, 42);
}

.rate_sc {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(243, 144, 27);
}

.rate_sd {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(222, 210, 0);
}

.rate_se {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(215, 228, 14);
}

.rate_aa {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(172, 217, 28);
}

.rate_ba {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(131, 205, 45);
}

.rate_ca {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(86, 193, 55);
}

.rate_da {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(46, 180, 69);
}

.rate_ea {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 4px;
    background: rgb(48, 189, 208);
}