/*0607*/
.einlsd.rusf{height: calc(100% - 113px)!important;}
.bortoee{border-top: 1px solid #eee;}
.einlsd.rusf .bortoee:first-child{border-top: none;}

.fc-time-grid .fc-slats td {
    height: 3em;
}
.setting { width: 100%;}
/* 메인 탭과 서브 탭 내비게이션 바 */
.tab_nav,
.sub_tab_nav {
	display: flex;
	align-items: center;
	position: relative;
}
.tab_nav li a,
.sub_tab_nav li a {
	display: block;
	position: relative;
	border-bottom: none;
	font-size: 15px;
	color: #000;
	z-index: 0;
}
.tab_nav li.active a,
.sub_tab_nav li.active a {
	z-index: 2;
}
.set_tab, .sub_tab {
	display: none;
	border-top: none;
	border-radius:0 0 6px 6px;
}
.set_tab.active, .sub_tab.active { display: block; width: 100%;}
.manage_submenu{
	display: inline-block;
    width: 20%;
    float: left;
    height: 70vh;
    border-right: 1px solid #eee;
    padding-top: 40px;
    border-radius: 20px 0 0 20px;
    background: #fff;
}
.sub_mNGE.container{
	width: 80%;
	float: left;
	height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 40px 50px;
    background: #fff;
    border-radius: 0 20px 20px 0;
}
.manage_topmenu{
	background: var(--bg-color);
    padding: 20px 0 30px 0;
    display: flex;
    gap: 40px;
}
.manage_topmenu > li > .active{
	border-bottom: 4px solid var(--main-bg-color);
	padding-top: 4px;
}
.manage_submenu li{
    display: inline-block;
    width: 100%;
}
.manage_topmenu > li > a{
	border: none;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-bottom: 6px;
}
.manage_submenu li a{
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
}
.manage_submenu li a.active{
    color: var(--main-bg-color) !important;
    background: #f1f7fd;
}
.manage_title p{
	font-size: 20px!important;
	font-weight: 600;
    margin-bottom: 6px !important;
}
.manage_title span{
	color: #888;
    font-size: 13px;
    display: block;
    padding: 0 0 28px 0;
}
.sub_mNGE textarea{margin-top: 0!important;}
.foot_btnunit > .ftrbtn{
    font-size: 14px;
    padding: 12px;
    max-width: 100px;
}
.sub_mNGE input[type=time]{
	-webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    transition: all 100ms ease 0s;
    box-sizing: border-box;
    height: 39px;
    border: 1px solid rgb(222, 226, 230);
    background: rgb(255, 255, 255);
    outline: 0px !important;
    padding: 0 12px;
    width: 100%;
    position: relative;
    max-width: 300px;
}
.sub_mNGE .sched{
	display: flex;
	justify-content: space-between;
}
.sub_mNGE .sched > div{
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: right;
}
.sub_mNGE .sched > label{
	display: flex;
    font-weight: 600;
    gap: 10px;
    font-size: 16px;
    align-items: center;
}
.one_line{
	width: 20px;
    height: 1px;
    margin: 0 20px;
    background: #ddd;
}
.foot_btnunit{
	display: flex;
	gap: 16px;
}
.md_button{
    background: #eee;
    font-size: 14px;
    border-radius: 10px;
    padding: 12px;
    max-width: 130px;
    width: 100%;
    font-weight: 600;
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
    gap: 6px;
}
.txt-Ipt{
	 width: 100%;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    transition: all 100ms ease 0s;
    box-sizing: border-box;
    height: 39px;
    border: 1px solid rgb(222, 226, 230);
    background: rgb(255, 255, 255);
    outline: 0px !important;
    padding: 0 12px;
    margin-top: 8px;
}
.txt-Ipt1{
	 width: 20%;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    transition: all 100ms ease 0s;
    box-sizing: border-box;
    height: 39px;
    border: 1px solid rgb(222, 226, 230);
    background: rgb(255, 255, 255);
    outline: 0px !important;
    padding: 0 12px;
    margin-top: 8px;
}
.search_set{
	display: flex;
	justify-content: space-between;
    align-items: end;
}
.search_set > div{
	display: flex;
	gap: 8px;
}
.setMI_topbtn{
	width: 100%;
	max-width: fit-content;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    display: flex;
    min-height: 38px;
    height: 39px;
    background: var(--main-bg-color);
    outline: 0px !important;
    padding: 0 12px;
    margin-top: 8px;
    color: #fff!important;
    text-align: center;
    font-weight: 600;
    justify-content: center;
}
.setGR_topbtn{
	width: 100%;
	max-width: fit-content;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    display: flex;
    min-height: 38px;
    height: 39px;
    border: 1px solid #ddd;
    background: #fff;
    outline: 0px !important;
    padding: 0 12px;
    text-align: center;
    margin-top: 8px;
    font-weight: 600;
    justify-content: center;
    gap:6px;
}
.setGR_topbtn:hover{background: #f5f5f5;}
.setGR_topbtn:focus{
    outline: 1px solid #ddd!important;
    border: 1px solid #ddd!important;
}
.ftrbtn.gray_line:focus{
    outline: 1px solid #ddd!important;
    border: 1px solid #ddd!important;
}
.tBLSET table{
	table-layout: fixed;
	width: 100%;
    border-spacing: 0px;
}
.tBLSET table tr > th{
	position: relative;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s ease;
    color: rgb(145, 155, 164);
    white-space: nowrap;
    user-select: none;
    padding: 13px;
}
.tBLSET table tr > th:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: rgba(0, 0, 0, 0.06);
    transform: translateY(-50%);
    transition: background-color 0.3s;
    content: '';
}
.tBLSET table tr > th:last-child:before{display: none;}
.tBLSET table tr > td {
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.3s;
   	word-break: keep-all;
    padding: 18px 13px;
}

.TXcenter { text-align: center; }
.tBLSET table tr:hover{background: rgb(233, 241, 255);}
.tBLSET table tr:first-child:hover{ background: rgba(0, 0, 0, 0.02) !important;}
.tBLSET{
	display: flex;
    width: 100%;
    margin-top: 20px;
}
.svg_arrow{
	display: flex;
	gap:10px;
}
#member_mod .st-List{padding: 0 26px 26px;}
.scr_menu{
	display: flex;
    position: sticky;
    width: 100%;
    background: #f8f8f8;
    padding: 20px;
    top: -1px;
    left: 0;
    font-weight: 600;
    gap: 30px;
    z-index: 1060;
    color: rgb(145, 155, 164);
}
div.st-List > div:nth-child(1) > p.big_title{padding-top: 30px;}
.detail_left, .detail_right {
	display: inline-block;
	width: 50%;
	float: left;
	padding: 26px;
}
.detail_left{border-right: 1px solid var(--dk-gray-200);}
.foot_btnunit.mdum .ftrbtn{max-width: 140px;}
.sc-tcnt.acksd{
	background-color: var(--bg-color);
}
.bakeGDS{
	display: flex;
    background: #fff;
    margin: 32px;
    border-radius: 16px;
}
.txt-Ipt.wrd{
    text-align: right;
    color: #888;
    justify-content: right;
}
.tBLSET.right table tr > td:last-child {
    text-align: left;
}
.ttls{
    padding: 26px 26px 0px 26px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ttls p{
    position: relative;
    margin-right: 16px !important;
    padding-right: 16px;
}
.sc-Pbjfcont{
    display: flex;
    border-bottom: 1px solid var(--bg-color);
    background: var(--bg-color);
    padding-bottom: 26px;
}
.sc-Pbjfcont .sc-tcntunit ul > li:first-child{margin-left: 0;}
.sc-Pbjfcont .sc-tcntunit ul li{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    overflow: hidden;
    text-align: center;
    background: #fff;
    margin-left: 20px;
    border-radius: 6px;
    padding: 22px 0;
}
.sc-Pbjfcont .sc-tcntunit > ul{
    border-radius: unset!important;
    border: none!important;
    background: none!important;
}
.sc-tcntunit > ul li:not(:last-child)::after{display: none;}
.sc-tcntunit{width: 100%;}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}
.ADVLIST{padding: 0 26px;}
.pagination > a,
.pagination > span {
    color: rgb(145, 155, 164)!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin: 0 3px 5px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    position: relative;
}
.pagination > span {
    pointer-events: none;
}
.pagination > a.page-active {
    background-color: var(--main-bg-color);
    color: #fff!important;
    font-weight: bold;
}
.pagination svg {
    fill: rgb(145, 155, 164) !important;
}
.detail_right .tBLSET{
    font-size: 13px;
    margin-top: 0!important
}
.detail_right .st-List > p{margin-bottom: 0!important;}
.detail_right .tBLSET table tr > th {padding: 10px;}
.detail_right .tBLSET table tr > td {padding: 10px;}
.detail_left textarea{margin-top: 0!important;}
.arlim_button{
    display: flex;
    gap: 12px;
    justify-content: right;
    padding: 0 26px;
}
.arlim_content{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 30px;
    align-items: center;
}
.arlim_content p{
    margin:20px 0 10px 0!important;
}
.MeBR_ListAL{
    display: flex;
}
.MeBR_ListAL .st-List{padding-top: 26px;}
.MeBR_ListL{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    border-right: 1px solid var(--dk-gray-300);
    padding-right: 30px;
}
.MeBR_ListR{width: 100%;}
.MeBR_Pbvr{
    display: flex;
    justify-content: space-between;
    background: #f1f7fd;
    padding: 26px;
    border-radius: 12px;
}
.MeBR_Pbvr > div > div{
    display: flex;
    align-items: center;
    gap: 14px;
}
.MeBR_Pbvr > div > div:first-child{margin-bottom: 12px;}
.str_name{
    color: #fff;
    background: var(--main-bg-color);
    padding: 2px 8px !important;
    font-size: 14px;
    border-radius: 100px;
}
.MeBR_Pbvr div p{position: relative; padding-right: 15px;}
.MeBR_Pbvr div p:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: #999;
    width: 1px;
    height: 12px;
    transform: translate(0, -50%);
}
.MeBR_Pbvr > div > div > p:last-child:after, .MeBR_Pbvr > div > div:first-child > p:after{display: none;}
.MeBR_ListR .sched > label {gap:2px!important; font-size: 15px!important;}
.filter_detail{position: relative;}
.cutm_filter{
    background: #fff;
    border-radius: 14px;
    padding: 26px;
    margin: 46px 0;
}
.cutm_filter .manage_title{
    float: left;
    display: flex;
    align-items: center;
    height: 40px;
    gap:10px;
}
.collapsible-header {
    float: right;
    background-color: unset!important;
    border-bottom: none!important;
}
.cutm_filter li button{
    display: inline-block;
    float: right;
    margin-right: 10px;
}
.filterset{
    display: inline-block;
    width: 100%;
}
.collapsible {
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    margin: 0!important;
    box-shadow: unset!important;
}
.collapsible-body{display: none;}
.radi_filter {
    display: flex;
    flex-wrap: wrap;
    padding: 7px 13px;
    border-radius: 8px;
    background-color: rgb(241, 244, 246);
    width: fit-content;
    user-select: none;
    font-weight: bold;
    font-size: 14px;
    color: var(--main-bg-color);
    gap: 12px;
    align-items: center;
}
.radi_filter .bERdk{color: #000!important;}
.collapsible-body {
    border-bottom: none!important;
}
.cutm_sub_menu > ul{
    display: flex;
    gap: 8px;
}
.cutm_sub button{
    border: 1px solid #222 !important;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    align-items: center;
    display: flex;
}
.cutm_sub.active button{
    background: #222 !important;
    color: #fff;
}
.cutm_sub.add_group > button{
    color: #fff;
    background: var(--main-bg-color)!important;
    border:1px solid var(--main-bg-color)!important;
}
.cutm_sub_menu button:focus {
    background-color: #fff;
}
.collapsible-body > .st-List{display: flex;}
.collapsible-body > .st-List > div{
    display: inline-block;
    width: 33.3%;
    float: left;
}
.collapsible-body > .st-List > div > div{display: flex;}
.collapsible > li.active .collapsible-body{
    display: flex!important;
    margin-top: 40px;
    border-top: 1px solid #eee;
}
.collapsible-body .st-List > div > div{display: flex;align-items: center;}
.customer_List{
    background: #fff;
    padding: 36px 26px;
    border-radius: 14px;
    margin-bottom: 46px;
}
.customer_List .manage_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.set_manage.memo{margin-top: 20px;}
.ranking.memo .RNKLIST{padding: 26px; height: fit-content;}
.ranking.memo .RNKLIST #wordcnt{
    height: 300px;
    min-height: 300px;
    max-height: 300px;
}
.set_manage.memo > .cutm_filter{margin: 0 0 46px 0;}
.set_manage.customer .tBLSET{overflow-x: auto;}
.set_manage.customer .tBLSET::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}
.set_manage.customer .tBLSET::-webkit-scrollbar-track {
    background-color: #fff;
}
.set_manage.customer .tBLSET::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}
.set_manage.customer .tBLSET::-webkit-scrollbar-button {
    display:none;
}
.customer_List .manage_title .sc-Cstch{padding: 0;}
.tBLSET th > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tBLSET th > a > span{white-space: pre-wrap;}
.ant-table-column-sorter {
    margin-left: 4px;
    color: #bfbfbf;
    font-size: 0;
    transition: color 0.3s;
}
.ant-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
    margin-top: -0.3em;
}
.ant-table-column-sorter-up, .ant-table-column-sorter-down {
    font-size: 11px;
}
.anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.anticon svg {
    display: inline-block;
}
.ant-table-cell.ant-table-column-has-sorters:hover{
    background: rgba(0, 0, 0, 0.02);
}
.eMPfUL {
    min-width: 140px;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tBLSET.delcustm{
    background: #fff;
    padding: 40px 26px;
    border-radius: 14px;
}
#customer_2 .sc-Cstch {
    padding: 0 0 24px 0;
    display: flex;
    justify-content: right;
    max-width: 300px;
    float: right;
}
.tBLSET.delcustm{
    flex-direction: column;
}
.lsttpunt{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.lsttpunt.Right{
    justify-content: right;
    gap: 10px;
}
.lsttpunt > div{
    display: flex;
    gap: 10px;
}
.tBLSET.delcustm .sched > label{
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 16px;
}
.txt-Ipt.Off{background: #eee!important; color: #888;}
.filebox{
    display: flex;
    gap: 10px;
    align-items: center;
}
.file-input-wrapper {
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 6px;
}
.file-input-wrapper > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.file_input_textbox {
    font-size: 15px;
    height: 39px;
    border: 1px solid rgb(222, 226, 230);
    background: rgb(255, 255, 255);
    outline: 0px !important;
    padding: 0 12px;
    border-radius: 10px;
    min-height: 38px;
    width: 100%;
}
  .file-input-wrapper > .btn-file-input {
    display: inline-block;
    width: auto;
    height: 39px;
    border: 0;
    padding: 0 20px;
    color: #fff;
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
    font-weight: 600;
    border-radius: 10px;
    font-size: 15px;
}
.file-input-wrapper > .btn-file-input-hover {
  cursor:pointer;
  display: inline-block;
    width: auto;
    height: 39px;
    border: 0;
    padding: 0 20px;
    color: #fff;
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
    font-weight: 600;
    border-radius: 10px;
    font-size: 15px;
  }
.collapsible-body .one_line{margin-top: 8px;}
.sched.gender{gap:40px;}
.sched.gender > label{gap:4px;}

.tkdtpdh > .title li a.active{
    border-bottom: 2px solid #000;
    font-weight: bold;
}

.container-fluid{height: 100%;}
.row{height: 100%;}
.col{height: 100%; overflow: hidden;}
:root {
  --side-panel: 340px;
}
.navMenu {
  width: var(--side-panel);
  color: var(--side-color);
  background: #fff;
  overflow: hidden;
  position: fixed;
  height: 100%;
  transition: width .2s linear;
  z-index: 10;
  right: 0;
}
.closeBtn {
    position: absolute;
    top: 20px;
    right: 10px;
    color: inherit;
    padding: 0 5px;
    background: #fff;
}
.hamburger-z {
  z-index: 1;
}
.hidden {
  width: 0;
}
.vh {
  visibility: hidden;
}
main {
  transition: margin-right .2s linear;
  position: relative;
  z-index: 1;
  overflow-y: scroll;
  height: calc(100% - 80px);
}
.main-right {
  padding-right: 4em;
}
.menuOpen {
  margin-right: var(--side-panel);
}
.cust-filter {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow-y: auto;
    height: calc(100% - 233px);
}
.cust-filter .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
display: flex;justify-content: space-between;
}
.cust-filter li:last-child .link { border-bottom: 0; }
.cust-filter li svg {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
}
.cust-filter li svg {
  right: 12px;
  left: auto;
}
.cust-filter li.open svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navMenu .filter-top{
    border-bottom: 1px solid #eee;
    padding: 20px 26px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.filtersubmenu {
  display: none;
}
.filtersubmenu li { border-bottom: 1px solid #4b4a5e; }
.filtersubmenu a {
  display: block;
  text-decoration: none;
  padding: 12px;
  padding-left: 42px;
}
.filtersubmenu{
    border-bottom: 1px solid #eee;
    padding: 26px;
}
.filtersubmenu .one_line{
    width: 38px;
    margin: 0 6px 0 0;
    height: 39px;
    min-height: 38px;
    border-radius: 10px;
    background: #f5f5f5;
    float: left;
    margin-top: 8px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.filtersubmenu .txt-Ipt{
    width: 78%;
    flex-direction: column;
    justify-content: center;
}
.filtersubmenu .sched.gender{
    display: flex;
    align-items: center;
}
.filtersubmenu .sched.gender > label{display: flex;}
.filter-bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 86px;
    display: flex;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 20px 26px;
    gap: 12px;
}
.filter-bottom .setGR_topbtn{
    min-height: 46px;
    height: 46px;
    padding: 0 33px;
    margin-top: 0;
    font-size: 16px;
}
.filter-bottom .setGR_topbtn:last-child{
    color: var(--main-bg-color)!important;
}
.ellip{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

/*메모관리*/
.pagesearch{
    display: flex;
    gap: 24px;
    margin: 20px;
}
.pagesearch p{margin-top: 8px!important;}
.pagesearch > div{display: flex; align-items: center; gap: 12px;}
.one_line.bgf5{
    width: 100%;
    margin: 0;
    height: 39px;
    min-height: 38px;
    border-radius: 10px;
    background: #f5f5f5;
    float: left;
    margin-top: 8px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 38px;
    min-width: 38px;
}
.pageLeft{
    display: inline-block;
    float: left;
    width: 50%;
    padding-right: 26px;
    border-right: 1px solid #eee;
}
.pageRight{
    display: inline-block;
    float: left;
    width: 50%;
    padding-left: 26px;
}
.set_manage.memo > .customer_List{display: inline-block;width: 100%;}
.pageButton{margin-top: 20px;}
.pageButton > .ftrbtn{max-width: 100%;}
.Botmtitle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}
.Botmtitle > a{
    color: #888 !important;
    font-weight: 600;
    font-size: 18px;
}
.memoWR{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.memoTL{
    display: flex;
    gap: 12px;
    background: #f8f8f8;
    padding: 6px 18px;
    border-radius: 10px;
}
.pagesearch.MEmO select{
    max-width: 200px;
    width: 100%;
    min-width: 200px;
}
.LGBTN button{
    padding: 14px 10px;
    width: 100%;
    border-radius: 8px;
    font-weight: 600;
}
.modal-footer.VTNEM{
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 20px 30px !important;
}
.modal-footer.VTNEM > button{
    max-width: 220px;
    width: 100%;
}
.GEKDS{
    display: flex;
    align-items: center;
    gap: 30px;
}
.GEKDS label{
    display: flex;
    align-items: center;
    gap: 4px;
}
.tBLSET .count-wrap{max-width: 104px;}
.tBLSET .inp{width: 60px;}
.filebox.prvw{gap:0; flex-direction: column;}
.filebox.prvw > div{
    display: flex;
    width: 100%;
    position: relative;
}
.filebox.prvw > div > img{
    max-height: 100px;
    margin-top: 12px;
}
.IMGPRVW{
    display: flex;
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}
.IMGPRVW100{
    display: flex;
    width: 100%;
    max-width: 100px;
    max-height: 100px;
}
.IMGPRVW img{width: 100%;}
.IMGPRVW100 img{width: 100%;}

.ranking{
    width: 100%;
    gap: 30px;
    margin-top: 30px;
}
.RNKLIST{
    background: #fff;
    border-radius: 18px;
    display: inline-block;
    width: 49%;
    float: left;
}
.RNKLIST > p{
    border-bottom: 1px solid #eee;
    padding: 26px;
    font-size: 18px;
    font-weight: 600;
}
.ranking .RNKLIST:first-child{margin-right: 2%;}
.chart > p{
    border-bottom: 1px solid #eee;
    padding: 26px;
    font-size: 18px;
    font-weight: 600;
}
.chart > div{padding: 26px;}
.RNKLIST.TJDLE{background: none!important;}
.chart{
    background: #fff;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hvdfin > div > p{
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.RNKLIST > ul{
    padding: 26px;
}
.RNKLIST > ul > li{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
}
.RKNUM{display: flex; align-items: center;}
.RNKLIST .index {
    width: 24px;
    height: 24px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    color: rgb(114, 121, 128);
    margin-right: 8px;
}
.RKYME{color: #888;}
.ARROWR{position: relative; font-size: 18px;}
.ARROWR::after{
    content: url(../images/angle-small-right-gray.svg);
    padding-left: 8px;
}
.divider {
    width: 1px;
    height: 23px;
    border-left: 1px solid rgb(222, 226, 230);
}
.gQDcRU {
    padding: 14px!important;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}
.gQDcRU svg:hover{
    fill:var(--main-bg-color);
}
.hvdfin {
    border-radius: 8px;
    border: 1px solid rgb(222, 226, 230);
    background-color: rgb(255, 255, 255);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 282px;
    justify-content: center;
}
.YYMM{display: flex; justify-content: center; margin: 30px 0;}
.YYMM select{
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.rdsal-wrap{
    display: flex;
    width: 100%;
}
.rdsal-wrap .ranking:first-child{
    margin-right: 2%;
}
.rdsal-wrap .ranking{
    display: inline-block;
    width: 49%;
    float: left;
}
.rdsal-wrap .RNKLIST{
    width: 100%;
    margin-bottom: 6%;
}
.add .dF{
    background: #eee;
    width: max-content;
    padding: 4px 14px;
    border-radius: 50px;
    margin: 11px 0;
    gap: 14px;
}
.board.title{
    padding: 0 6px 16px 6px;
    gap: 20px;
    border-top: unset;
    background: unset;
}
.board.title p{
    max-width: 300px;
    width: 100%;
    min-width: 300px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.board.title span{
    font-size: 14px;
    color: #888;
}
.boardcon{
    border-bottom: 1px solid var(--dk-gray-200);
    display: inline-block;
    padding: 26px 6px;
    width: 100%;
}
.boardcon.file{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.boardcon.file a{
    color: var(--main-bg-color) !important;
    text-decoration: underline !important;
}
.Listanswer{
    background: #f5f5f5;
    padding: 20px;
    border-radius: 16px;
    margin-top: 34px;
}
.Listanswer .boardcon.file{
    border-bottom: none;
    padding: 26px 6px 6px 6px;
}
.Listview{
    margin-bottom: 34px;
    display: flex;
    flex-direction: column;
}

.dirvl-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 12px 26px 13px;
}
.dirvl-box > div{
    display: flex;
    align-items: center;
}
.aeirkv .aocnfcp{padding: 26px;}
.aeirkv .aocnfcp.selected{background-color: #f5f5f5;}
.aeirkv .aocnfcp:hover{background-color: rgb(248, 251, 255);}
.CHEOD{height: calc(6.95px * 100 - 60px - 37px - 44px);}
.aeirkv{display: flex; height: 100%;}
.einlsd{
    height: calc(100% - 193px);
    overflow-y: scroll;
}
.awtov{
    display: flex;
    justify-content: space-between;
    padding: 20px 26px;
    border-bottom: 1px solid #eee;
    height: 80px;
    align-items: center;
}
.aeirkv-float{
    border-right: 1px solid #eee;
    display: inline-block;
    width: 50%;
    float: left;
}
.daehh{
    border-bottom: 1px solid #eee;
    padding-bottom: 26px;
    margin-bottom: 16px;
}
.daehh > div{
    gap: 12px;
    display: flex;
}
.daehh a{
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
    width: 50%;
    text-align: center;
    align-items: center;
}
.daehh a:hover{background: #f5f5f5;}
.daehh a.selected{border: 2px solid var(--main-bg-color);}
.daehh p{
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}
.aeirkv-float.left{width: 25%; overflow-y: auto; padding-top: 16px;}
.aeirkv-float.right{width: 75%; padding: 26px; overflow-y: auto;}

/*매니저톡*/
.talkmenulist{
    display: flex;
    flex-direction: column;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee;
}
.talkmenulist li{
    display: block;
}
.talkmenulist li a{display: flex; justify-content: space-between;padding: 10px 26px; align-items: center;}
.talkmenulist li.active{
    background-color: rgb(233, 241, 255);
}
.talkmenulist li.active p{
    color: var(--main-bg-color)!important;
    font-weight: 600;
}
.talkmenulist li div{
    display: flex;
    color: #888;
    align-items: center;
}
.talkmenulist > p{font-size: 16px; font-weight: 600; padding: 16px 26px;}
.talkmenulist img{width: 18px; height: 18px; margin-right: 6px;}
.CHEOD.talk{
    height: calc(calc(6.95px* 100 - 80px - 37px - 44px) - 50px);
    background: #fff;
    border-radius: 14px;
}
.weibdsl > div{
    background: #f5f5f5;
    padding: 16px;
    border-radius: 10px;
    margin-top: 12px;
}
.eibkso .manage_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.eibkso .manage_title button{ margin-top: 0!important;}
.eibkso .manage_title span{padding: 0 0 28px 0!important;}
.weibdsl{color: #888; margin: 26px 0 0 0!important;}
.weibdsl li{
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    line-height: 22px;
}
.talkView > span{
    padding-top: 20px;
    display: block;
}
.talkView .card-Rv{
    margin-top: 12px!important;
    max-width: 320px!important;
}
.talkView .setMI_topbtn{
    max-width: 320px!important;
    margin-top: 16px;
}
.swh.opt.onoff > div:last-child{
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--dk-gray-300);
    padding-top: 8px;
    width: 100%;
    color: var(--dk-gray-400);
}
.swh.opt.onoff .bERdk{
    padding: 3px 8px;
    color: #000 !important;
}
.swh.opt.onoff div span{
    display: flex;
    gap: 6px;
    align-items: center;
}
.ico{
    padding: 5px 8px;
    border-radius: 15.5px;
    line-height: 1;
    font-size: 10px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    letter-spacing: -0.1px;
}
.st-List .swh.opt p.ico{margin-bottom: 0!important;}
.icogray{
    background: #888;
}
.icogreen{
    background: rgb(25, 203, 75);
}
.cZOLUg {
    padding: 10px;
    color: rgb(37, 38, 42);
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1.2;
    font-size: 15px;
}
.cZOLUg .highlight {
    display: inline-block;
    background-color: rgb(248, 249, 250);
    padding: 4px;
    border-radius: 6px;
    color: rgb(171, 180, 189);
    font-weight: 600;
    letter-spacing: -0.2px;
}
.gSCCpG {
    display: block;
    margin: 3px 0px;
}
.gSCCpG .text {
    display: inline-block;
    background-color: rgb(233, 241, 255);
    padding: 4px;
    border-radius: 6px;
    color: rgb(93, 149, 255);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
}
.weibdsl.sellk{
    margin: 0 0 14px 0 !important;
}
.org_line {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 134, 106) !important;
    border: 1px solid rgb(255, 134, 106)!important;
}
.bERdk:hover{background: #f5f5f5;}
.viewklsd{
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 30px;
}
.viewklsd > p{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.gr_line{border: 1px solid rgb(25, 203, 75)!important;}
.bl_line{border: 1px solid var(--main-bg-color)!important;}
.viewklsd > div{
    display: inline-block;
    margin-top: 26px;
}
.viewklsd > div p{
    margin-top: 10px !important;
    display: block;
}
.set_manage.statvie .cutm_filter{padding: 26px 26px 4px 26px;}
.set_manage.statvie .collapsible-header{display: flex;}
.set_manage.statvie .collapsible-header .txt-Ipt{
    margin-top: 0 !important;
    margin-right: 10px;
    gap: 8px;
    color: #888;
    width: 300px;
    justify-content: left;
    cursor: pointer;
}
.set_manage.statvie .setMI_topbtn{margin-top: 0!important;}
.lmctPO th.ant-table-cell {
    color: rgb(145, 155, 164);
    white-space: nowrap;
    user-select: none;
    padding: 13px;
}
.lmctPO th.summary {
    color: rgb(37, 38, 42);
    background-color: rgb(241, 244, 246);
    font-weight: 700;
}
.lmctPO tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: rgba(0, 0, 0, 0.06);
    transform: translateY(-50%);
    transition: background-color 0.3s;
    content: '';
}
.lmctPO .price-cell {
    min-width: 70px;
    text-align: right;
}
.filterset .tip {padding-bottom: 20px;}
.sc-cstlst.ajdsl{display: inline-block; width: 100%;}
.sc-cstlst.ajdsl label{
    display: flex;
    width: 50%;
    float: left;
    margin-bottom: 14px !important;
    gap: 4px;
}
.cell-pointer{cursor: pointer;}


.button-container {
  position: relative;
}
.button {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid grey;
  padding: 10px;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
}
.dropdown {
  display: none;
  position: absolute!important;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  border: 1px solid grey;
}
.button-svc {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid grey;
  padding: 10px;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
}
.dropdown-svc {
  display: none;
  position: absolute!important;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  border: 1px solid grey;
}
.dropdown-item {
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.dropdown-item:hover {
  background: whitesmoke;
}

.einlsd .sc-skfWK.shou{
    background: #f5f5f5;
    margin: 0 26px 26px;
    padding: 20px;
    border-radius: 16px;
}
.bg-whtan{
    text-align: center;
    background: #fff;
    padding: 19px 0;
    margin-bottom: 14px;
    border-radius: 10px;
}
.einlsd .sc-skfWK.shou > div > p{
    color: #888;
    line-height: 26px;
}
.txt-Ipt.hover:hover{background: #f5f5f5!important; cursor: pointer;}
.mailBox{line-height: 30px;}
.maillist > div{
    display: flex;
    justify-content: space-between;
}
.mailBox .chpmde{
    text-align: center;
    justify-content: center;
}

.rsv_lbox{
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 11px;
    padding: 12px 14px;
    color: #888;
    font-size: 14px;
    margin-top: 14px;
}

.filter-group {
    display: flex;
    justify-content: start;
    align-items: start;
    margin: 20px;
}
.filter {
    position: relative;
    margin-right: 8px;
}
.filter-menu {
    visibility: hidden;
    left: 0;
    top: 50px;
    padding: 0;
    max-width: 160px;
    border-radius: 8px;
    background-color: #fff;
    opacity: 0;
    overflow-y: auto;
    transform: translate3d(0, -20px, 0);
    transition: all 200ms ease-in-out;
    box-shadow: 0 4px 20px rgba(63, 65, 80, 0.3);
    list-style-type: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    min-width: 135px;
}
.filter.is-open .filter-menu {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.filter-option {
    padding: 10px 6px;
    border-bottom: 1px solid #eee;
    margin: 0 12px;
}
.filter-menu .filter-option:last-child{
    border-bottom: none;
}
.filter-option:hover{color: #888;}
.filter-menu.right{
    right: 0;
    left: unset;
    top: 56px;
}
.drpdw{
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 12px;
    border-radius: 100px;
    justify-content: center;
}
.bf-gray{border: 1px solid #ddd!important; color: #888!important;}
.bf-blue{border: 1px solid var(--main-bg-color)!important; color: var(--main-bg-color)!important;}
.bf-pink{color: rgb(255, 118, 171)!important;border-color: rgb(255, 118, 171)!important;}

.gray-button {
    font-weight: bold;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 14px;
    font-size: 15px;
    border-radius: 8px;
    letter-spacing: -0.2px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(222, 226, 230) !important;
    color: rgb(37, 38, 42);
}
.ico-down{
    padding: 6px 13px;
    border-radius: 15.5px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 4px;
    height: fit-content;
    background-color: rgb(255, 134, 106);
}
.ico-up{
    padding: 6px 13px;
    border-radius: 15.5px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 4px;
    height: fit-content;
    background-color: var(--main-bg-color);
}
.graph{position: relative; padding: 0 0 42px;}
.po-ab{
    position: absolute;
    right: 0;
    top: 0;
}
.graph-title{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.grh-table{margin-bottom: 30px;}
.chart-wrap{padding: 42px 26px; position: relative;}
.pf26{
    right: 26px;
    top: 26px;
}
.rjlkme{
    border-bottom: 1px solid #eee;
    padding: 26px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rjlkme > span{
    color: #888;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 2px;
}
.dot-c{
    display: inline-block;
    margin-right: 8px;
}
.adg_label{margin-top: 16px;}
.adg_label ul{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.adg_label ul li{
    display: flex;
    gap: 6px;
    align-items: center;
}
.adg_label .aea{
    width: 14px;
    height: 14px;
}
.aea.blue{background: #007bff;}
.aea.wgreen{background: rgb(36, 199, 213);}
.aea.wgray{background: #eee;}


@media screen and (max-width:1199.98px) {
/* 데스크탑 */
.CHEOD {
    height: calc(9.43px* 100 - 60px - 37px - 44px);
}
.CHEOD.talk {
    height: calc(calc(9.43px* 100 - 80px - 37px - 44px) - 50px);
}
.height-w {
    height: calc(9.43px* 100 - 60px - 37px - 44px);
}
}
@media screen and (min-width:992px) {
/* 데스크탑 */
.CHEOD {
    height: calc(6.95px* 100 - 60px - 37px - 44px);
}
.CHEOD.talk {
    height: calc(calc(6.95px* 100 - 80px - 37px - 44px) - 50px);
}
.height-w {
    height: calc(6.95px* 100 - 60px - 37px - 44px);

}

@media screen and (min-width:1200px) {
    .CHEOD {
    height: calc(9.43px* 100 - 60px - 37px - 44px);
}
.CHEOD.talk {
    height: calc(calc(9.43px* 100 - 80px - 37px - 44px) - 50px);
}
.height-w {
    height: calc(9.43px* 100 - 60px - 37px - 44px);

}
@media screen and (max-width:1799px) {
/* 데스크탑 */
.CHEOD {
    height: calc(9.43px* 100 - 60px - 37px - 44px);
}
.CHEOD.talk {
    height: calc(calc(9.43px* 100 - 80px - 37px - 44px) - 50px);
}
.height-w {
    height: calc(9.43px* 100 - 60px - 37px - 44px);

}