@charset "utf-8";

.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;}

@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 {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: '';}
.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{
}
.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;
}
.flex-gap-15{
    gap:15px;
}
.flex-gap-20{
    gap:20px;
}
.flex-gap-25{
    gap:25px;
}
.flex-gap-30{
    gap:30px;
}
/* Elements Class */
.no-padding{
    padding:unset !important;
}
.padding-5{
    padding: 5px !important;
}
.padding-10{
    padding: 10px !important;
}
.padding-15{
    padding: 15px !important;
}
.padding-top-0{
    padding-top: 0 !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-top-20{
    padding-top: 20px !important;
}
.padding-top-25{
    padding-top: 25px !important;
}
.padding-top-30{
    padding-top: 30px !important;
}
.padding-bottom-0{
    padding-bottom: 0 !important;
}
.padding-bottom-5{
    padding-bottom: 5px !important;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}
.padding-bottom-15{
    padding-bottom: 15px !important;
}
.padding-bottom-20{
    padding-bottom: 20px !important;
}
.padding-bottom-25{
    padding-bottom: 25px !important;
}
.padding-bottom-30{
    padding-bottom: 30px !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-top-15{
    margin-top: 15px !important;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-bottom-0{
    margin-bottom: 0 !important;
}
.margin-bottom-5{
    margin-bottom: 5px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-bottom-15{
    margin-bottom: 15px !important;
}
.margin-bottom-20{
    margin-bottom: 20px !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;
}
/* Text bold */
.text-bold{
    font-weight: bold !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;
}



/* 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;}
.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 {
    padding: 10px 10px;
    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: 11px;
    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;
    border-color: #008BBF !important;
}
.btn-red {
    background:#F24343 !important;
    color:#fff !important;
    border:solid 1px #F24343;
    border-color: #B66B32 !important;
}
.btn-orange {
    background:#F28F43 !important;
    color:#fff !important; 
    border:solid 1px;
    border-color: #B66B32 !important;
}
.btn-gray {
    background:#E1E1E1 !important;
    color:#666 !important;
    border: solid 1px;
    border-color: #BBBBBB !important;
}
.btn-darkgray {
    background:#999999 !important;
    color:#fff !important;
    border: solid 1px;
    border-color: #707070 !important;
}
.btn-mint {
    background:#00DFC8 !important;
    color:#fff !important;
    border:solid 1px;
    border-color: #00A796 !important;
}
.btn-line-blue {
    border:solid 1px;
    border-color: #00B9FF !important;
    color:#00B9FF !important;
    background:#fff;
}
.btn-line-red {
    border:solid 1px;
    border-color: #F24343 !important;
    color:#F24343 !important;
    background:#fff;
}
.btn-line-green {
    border:solid 1px;
    border-color: #8BBC21 !important;
    color:#8BBC21 !important;
    background:#fff !important;
}
.btn-line-orange {
    border:solid 1px;
    border-color: #F28F43 !important;
    color:#F28F43 !important;
    background:#FAFAFA !important;
}
.btn-line-mint {
    border:solid 1px;
    border-color: #00DFC8 !important;
    color:#00DFC8 !important;
    background:#FAFAFA !important;
}
.btn-line-gray {
    border:solid 1px;
    border-color: #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;}
.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-icon {display:inline-block;font-size:0;width:32px;background-position:center center;}
/* 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: 11px;
    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: 11px;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;}
/* 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;}
/* bg-color */
.bg-white {background:#FFF !important;}
.bg-gray {background:#888 !important;}
.bg-lightgray {background:#CCC !important;}
.bg-mint {background:#00DFC8 !important;}
.bg-blue {background:#00B9FF !important;}
.bg-orange {background:#F28F43 !important;}
.bg-red {background:#F24343 !important;}
.bg-pink {background:#FEECEC !important;}
.bg-green {background:#8BBC21 !important;}
/* flag */
/* 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);}


ul.controlset
{
    display: flex;
    flex-direction: row;
    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;}
.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;}
/* tree-menu */
main .tree-wrap{
    position:relative;
    display: block;
    overflow: auto;
    height:100%;
    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: 11px;
    font-weight: bold;
}
main .btn-set-jstree{display: inline;}
main .btn-set-jstree .btn{
    padding: 5px 8px;
    height: 26px;
    margin-left: 4px;
    font-size: 11px;
    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;width:100%;box-sizing: border-box;}
.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: 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;}
/* 검색 필터 */
.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: 11px;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 {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;}
.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: 11px;
}
#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;}
.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%);}
/* 게시글보기 */
.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'}
/* 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);
}