/* ----------- 헤더 ----------- */

#header {
    width: 100%;
    float: left;
    min-width: 1650px;
}


/* ----------- 최고상단 ----------- */
#headerMenuSection {
    float: left;
    width: 100%;
}

.header_left {
    width: 250px;
    float: left;
    line-height: 97px;
    height: 97px;
}

.header_left .logoWrap {
    width: 100%;
    float: left;
    height: 100%;
}

.header_left .logoWrap>a {
    width: 100%;
    float: left;
    height: 100%;
}

.header_left .logoWrap>a>img {
    max-height: 100%;
    object-fit: cover;
}

.header_right {
    width: calc(100% - 250px);
    float: left;
}

#top_wrap {
    width: 100%;
    float: left;
}

#top_wrap .top_memnu {
    width: 100%;
    float: left;
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #333;
    opacity: 0.5;
}

#top_wrap .top_memnu ul {
    width: auto;
    float: right;
    padding: 8px 15px;
}

#top_wrap .top_memnu ul li {
    padding: 0px 10px;
    width: auto;
    float: left;
}

#top_wrap .top_memnu ul li a {
    width: 100%;
    vertical-align: middle;
    color: white;
    text-align: center;
    font-size: 11px;
    font-family: Noto Sans KR, sans-serif;
    color: #fff;
    font-weight: 500;
}

#header_top {
    width: 100%;
    float: left;
    min-height: 60px;
    line-height: 60px;
}

#header_top .logoWrap {
    width: 250px;
    float: left;
    text-align: center;
}

.cup {
    cursor: pointer;
}

/* #header_top .menuWrap { width: calc(100% - 250px); float: left; } */
#header_top .menuWrap {
    width: 100%;
    float: left;
}

/* .menuWrap .leftMenu { width:30%; float:left; } */
.menuWrap .leftMenu {
    width: 60%;
    float: left;
}

.menuWrap .leftMenu ul {
    width: 100%;
    float: left;
}

/* .menuWrap .leftMenu ul li { width:20%; float:left; text-align:center; } */
.menuWrap .leftMenu ul li {
    min-width: 11%;
    width: auto;
    float: left;
    text-align: center;
    color: white;
}

.menuWrap .leftMenu ul li a {
    width: 100%;
    float: left;
    padding: 0 10px;
    color: inherit;
    font-size: 15px;
}

.notiCntBox {
    background-color: #467cdf;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
    color: white;
    font-size: 10px;
}

.notiCntBox2 {
    background-color: #467cdf;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
    color: white;
    font-size: 10px;
}

.notiCntBox.red {
    background-color: #cc3333 !important;
}

.notiCntBox2.red {
    background-color: #cc3333 !important;
}

.menuWrap .rightMenu {
    width: 40%;
    float: right;
    text-align: right;
    font-size: 0;
}

.system_toggle label.toggle {
    left: 50%;
    transform: translateX(-50%);
}

.ui-datepicker table {
    margin: 0 !important;
}

/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #fff !important; cursor: pointer !important;} */
/*.menuWrap .rightMenu .rightMenuBox { width:auto; float:right; }*/

/*.menuWrap .rightMenu .leftBox { width:50%; float:left; }*/
.menuWrap .rightMenu .leftBox {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.menuWrap .rightMenu .leftBox ul {
    width: 100%;
    float: left;
    text-align: right;
    font-size: 0;
}

.menuWrap .rightMenu .leftBox ul li {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.menuWrap .rightMenu .leftBox ul li a {
    width: 100%;
    float: left;
    /* padding:0 10px; */
    color: white;
    font-size: 15px;
}

.menuWrap .rightMenu .leftBox ul li i {
    color: inherit;
}

.menuWrap .rightMenu .leftBox li.icon {
    width: 45px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.menuWrap .rightMenu .rightBox {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.15);
    padding-right: 15px;
}

.menuWrap .rightMenu .loginInfo {
    width: 100%;
    float: left;
    text-align: center;
}

.menuWrap .rightMenu .loginInfo span {
    color: white;
    font-size: 13px;
    font-weight: bold;
}

.menuWrap .rightMenu .loginInfo .teamName {
    padding: 0 7px;
}

.menuWrap .rightMenu .loginInfo .moreIcon {
    margin-left: 10px;
    color: white;
}

.menuWrap .rightMenu .loginInfo .moreIcon a,
.menuWrap .rightMenu .loginInfo .moreIcon i {
    color: inherit;
}

.menuWrap .rightMenu .loginHidden {
    display: none;
    position: absolute;
    z-index: 2;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
}

.noDataIcon {
    font-size: 50px;
    left: 150px;
    top: 80px;
    color: #ccc;
}

.noDataText {
    width: 100%;
    float: left;
    text-align: center;
    top: 35%;
}

/* ----------- 최고상단 ----------- */

/* ----------- 즐겨찾기 ----------- */

#bookmark {
    width: 100%;
    float: left;
    min-height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 25px;
}

#bookmark>p {
    width: 2%;
    float: left;
    text-align: center;
}

#bookmark>p i {
    color: #ffcc33;
}

#bookmark ul {
    width: auto;
    float: left;
}

#bookmark ul li {
    width: auto;
    float: left;
}

#bookmark ul li a {
    width: 100%;
    float: left;
    padding: 0 15px;
    line-height: 60px;
    color: #333;
    font-size: 14px;
}

/* ----------- 즐겨찾기 ----------- */

/* ----------- 헤더 ----------- */

/* ----------- 알림 ----------- */
#headerMyScheduleWrap {
    position: absolute;
    height: 360px;
    width: 400px;
    transition: height 0.3s;
    background-color: #FFF;
    top: 60px;
    right: 7%;
    z-index: 100;
    margin-top: 30px;
    border: 1px solid #E1E1E1;
    overflow: hidden;
}

#headerMyScheduleWrap.active {
    height: 0px;
    transition: all 0.3s;
    border: 0px solid #E1E1E1;
}

#headerMyScheduleWrap>.titleWrap {
    width: 100%;
    height: 55px;
    float: left;
    border-bottom: 1px solid #E1E1E1;
}

#headerMyScheduleWrap>.titleWrap.active {
    display: none;
}

#headerMyScheduleWrap>.titleWrap>.left {
    width: 30%;
    float: left;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.5px;
    padding-left: 20px;
}

#headerMyScheduleWrap>.titleWrap>.left i {
    font-size: 18px;
    color: #000;
}

#headerMyScheduleWrap>.titleWrap>.right>ul {
    width: 70%;
    float: right;
    padding-top: 16px;
    padding-right: 10px;
}

#headerMyScheduleWrap>.titleWrap>.right>ul>li {
    height: 20px;
    line-height: 20px;
    float: left;
}

#headerMyScheduleWrap>.titleWrap>.right>ul>li>button {
    width: 85px;
    background-color: #fff;
    height: 30px;
    font-size: 13px;
    cursor: pointer;
}

#headerMyScheduleWrap>.titleWrap>.right>ul>li:first-of-type {
    border-left: 0;
}

#headerMyScheduleWrap>.titleWrap>.right>ul>li>a {
    color: #333;
    font-size: 18px;
}

#headerMyScheduleWrap>.conWrap {
    width: 100%;
    height: 290px;
    float: left;
    padding: 15px 20px;
    overflow-y: auto;
}

#headerMyScheduleWrap>.conWrap.active {
    display: none;
}

#headerMyScheduleWrap>.conWrap>ul {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-left: 1px solid #ccc;
    padding-left: 19px;
}

#headerMyScheduleWrap>.conWrap>ul>li {
    width: 100%;
    float: left;
    margin: 3px 0;
    display: table;
    table-layout: fixed;
    cursor: pointer;
}

#headerMyScheduleWrap>.conWrap>ul>li>span {
    display: table-cell;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

#headerMyScheduleWrap>.conWrap>ul>li>span.category {
    float: left;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #000;
}

#headerMyScheduleWrap>.conWrap>ul>li>span.time {
    float: right;
    letter-spacing: -0.5px;
    color: #ccc;
}

#headerMyScheduleWrap>.conWrap>ul>li>span.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

#headerMyScheduleWrap>.conWrap>ul.active {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-left: 1px solid #ccc;
    padding-left: 19px;
}

#headerMyScheduleWrap>.conWrap>ul.active>li {
    width: 100%;
    float: left;
    margin: 3px 0;
    display: table;
    table-layout: fixed;
    cursor: pointer;
}

#headerMyScheduleWrap>.conWrap>ul.active>li>span {
    display: table-cell;
    font-size: 14px;
    font-weight: 500;
    color: #ccc;
}

#headerMyScheduleWrap>.conWrap>ul.active>li>span.category {
    float: left;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #ccc;
}

#headerMyScheduleWrap>.conWrap>ul.active>li>span.time {
    ;
    float: right;
    letter-spacing: -0.5px;
    color: #ccc;
}

#headerMyScheduleWrap>.conWrap>ul.active>li>span.content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ccc;
}

#headerMyScheduleWrap>.conWrap>ul>li.end {
    display: none;
}

#headerMyScheduleWrap>.conWrap::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #FFF;
}

#headerMyScheduleWrap>.conWrap::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #AAA;
    border: 1px solid #FFF;
}

#circleActive {
    width: 5px;
    height: 5px;
    top: 12px;
    left: -22px;
    border-radius: 50%;
    background-color: #ccc;
}

/* ----------- 알림 ----------- */

/* ----------- 바디 ----------- */

#body {
    width: 100%;
    float: left;
    min-width: 1650px;
}

#leftContent.active {
    width: 0;
    overflow: hidden;
    transition: all 0.5s;
}

#rightContent.active {
    width: 100%;
    transition: all 0.5s;
}


/* ----------- 좌측메뉴 ----------- */

/* #leftContent { width:250px; float:left; border-right:1px solid #e3e4e9; } */
#leftContent {
    width: 250px;
    float: left;
    overflow: hidden;
    transition: all 0.5s;
    white-space: nowrap;
}

#leftContent .menuTit {
    width: 100%;
    float: left;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px solid #e3e4e9;
}

#leftContent .leftMenu {
    width: 100%;
    float: left;
    padding: 55px 20px;
    white-space: nowrap;
    overflow: hidden
}

#leftContent .leftMenu .menuBox {
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

#leftContent .leftMenu .menuItems {
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden
}

#leftContent .leftMenu .menuItems:not(:first-of-type) {
    margin-top: 20px;
}


/*   */
#leftContent .leftMenu .bigMenu {
    width: 100%;
    float: left;
}

#leftContent .leftMenu .bigMenu>li {
    width: 100%;
    float: left;
}

#leftContent .leftMenu .bigMenu>li a {
    width: 100%;
    float: left;
    font-weight: bold;
    color: #333;
}

#leftContent .leftMenu .bigMenu>li a * {
    font-size: 15px;
    line-height: 25px;
    color: inherit;
}

#leftContent .leftMenu .bigMenu>li p {
    width: 100%;
    float: left;
    font-weight: bold;
    color: #333;
    cursor: default;
}

#leftContent .leftMenu .bigMenu>li p * {
    font-size: 15px;
    line-height: 25px;
    color: inherit;
}

#leftContent .leftMenu .menuIcon {
    width: 12%;
    float: left;
    text-align: center;
}

#leftContent .leftMenu .menuIcon i {
    margin-left: -1px;
}

#leftContent .leftMenu .menuName {
    width: 88%;
    float: left;
    padding: 0 10px;
    color: inherit
}

#leftContent .leftMenu .bigMenu .menuMoreIcon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#leftContent .leftMenu .smallMenu {
    width: 100%;
    float: left;
    margin-top: 15px;
}

#leftContent .leftMenu .smallMenu>li {
    width: 100%;
    float: left;
}

#leftContent .leftMenu .smallMenu>li:not(:first-of-type) {
    margin-top: 5px;
}

#leftContent .leftMenu .smallMenu .active {
    background-color: black;
    border-radius: 5px;
}

#leftContent .leftMenu .smallMenu>li a {
    width: 100%;
    float: left;
    color: inherit;
}

#leftContent .leftMenu .smallMenu>li a * {
    font-size: 14px;
    line-height: 35px;
}

#leftContent .leftMenu .menuMoreIcon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#leftContent .menuItems.active .bigMenu>li .menuIcon {
    background-color: #467cdf;
    border-radius: 5px;
    color: white;
}

#leftContent .menuItems.active .bigMenu>li .menuName {
    color: black;
}

/* ----------- 좌측메뉴 ----------- */

/*  */
#rightContent .leftSide {
    width: 50px;
    height: 50px;
    background: #fff;
    float: left;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
}

#rightContent .leftSideSizeControlBtn {
    transition: 0.5s all;
    cursor: pointer;
    width: 50px;
    height: 50px;
    color: #467cdf;
    line-height: 50px;
    text-align: center;
    float: left;
}

#rightContent .leftSide:active {
    box-shadow: none;
}

/* ----------- 우측컨텐츠 ----------- */

#rightContent {
    width: calc(100% - 250px);
    float: right;
    background-color: #f0f1f2;
    padding-bottom: 50px;
    min-width: 1400px;
    transition: all 0.5s;
}

/* ----------- 페이지 상단 정보 ----------- */

.pageInfoWrap {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e5e7;
    padding: 24px 50px 0 50px;
    height: 110px;
}

.pageInfoWrap .pageInfo {
    width: 50%;
    float: left;
}

.pageInfoWrap .pageInfo>ul {
    width: 100%;
    float: left;
}

.pageInfoWrap .pageInfo_icon {
    width: auto;
    float: left;
}

.pageInfoWrap .pageInfo_icon span {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: white;
    float: left;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
}

.pageInfoWrap .pageInfo_icon i {
    font-size: 16px;
    color: red;
}

.pageInfoWrap .pageInfo_text {
    width: 80%;
    float: left;
    padding-left: 17px;
}

.pageInfoWrap .pageInfo_text p {
    width: 100%;
    float: left;
}

.pageInfoWrap .navTit {
    font-size: 18px;
    color: black;
    font-weight: 500;
}

.pageInfoWrap .navSubTit {
    font-size: 13px;
    color: #666666;
    margin-top: 5px;
    line-height: 20px;
}

.pageInfoWrap .pageNav {
    width: 50%;
    float: left;
    text-align: right;
    padding-top: 14px;
}

.pageInfoWrap .pageNav * {
    color: #666;
    font-size: 13px;
}

.pageInfoWrap .pageNav span {
    margin: 0 3px;
}

.pageInfoWrap .pageNav a:last-of-type {
    font-weight: bold;
}

.pageInfoWrap .pageNav .addBookMark {
    font-size: 17px;
    margin-left: 15px;
    cursor: pointer;
}

.pageInfoWrap .pageNav .delBookMark {
    font-size: 17px;
    margin-left: 15px;
    color: #ffcc33;
    cursor: pointer;
}

/* ----------- 페이지 상단 정보 ----------- */

/* ----------- 페이지 상단 탭 ----------- */
.pageTabWrap {
    width: 100%;
    float: left;
    padding: 0 50px;
    margin-top: 25px;
}

.pageTabWrap>div {
    width: auto;
    float: left;
    background-color: white;
    border-radius: 50px;
    border: 1px solid #e2e2e2;
}

.pageTabWrap>div ul {
    width: 100%;
    float: left;
}

.pageTabWrap>div ul li {
    width: 150px;
    float: left;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.pageTabWrap>div ul a {
    width: 100%;
    float: left;
    line-height: 40px;
    color: inherit
}

.pageTabWrap>div .active {
    background-color: #467cdf;
    color: white;
    border-radius: 50px;
}

/* ----------- 페이지 상단 탭 ----------- */

/* ----------- 페이지 ----------- */
.contentWrap {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding: 0 50px;
}

.contentWrap.preView {
    padding: 0;
    margin: 0;
}

.contentWrap.half {}

.contentWrap.half>div {
    width: 50%;
    float: left;
}

.contentWrap.half>div:nth-of-type(1) {
    padding-right: 15px;
}

.contentWrap.half>div:nth-of-type(2) {
    padding-left: 15px;
}

.contentWrap.half .contentBox {
    padding: 25px 25px;
}

.contentWrap.dashboardver .contentBox {
    padding: 35px 50px;
}

.contentWrap.searchver .contentBox {
    padding: 35px 50px;
}

.contentBox {
    width: 100%;
    float: left;
    background-color: white;
    border-radius: 5px;
    border: 1px solid white;
    padding: 55px 35px 60px 35px;
}

.contentBox.preView {
    padding: 0;
    border: none;
    padding: 0 20px;
}

.contentBox.shadow {
    box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
}

.contentBox.tab {
    padding: 30px;
}

/* 2022.05.14(토) 작업자 문정원 - 지원문의 리스트 */

.storetoptab {
    width: 100%;
    float: left;
    padding: 0px 50px;
    margin-top: 20px;
}

.storetoptab .background {
    width: 100%;
    float: left;
    background-color: #467cdf;
    padding: 5px 40px;
    border-radius: 5px;
}

.storetoptab .background>div {
    width: 50%;
    float: left;
}

.storetoptab .background>div .store {
    width: 100%;
    float: left;
    padding: 13px 0px;
}

.storetoptab .background>div .store .store1 {
    width: 4%;
    float: left;
}

.storetoptab .background>div .store .store1>i {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.storetoptab .background>div .store .store2 {
    width: auto;
    color: #fff;
    float: left;
    font-size: 20px;
    margin-right: 4px;
}

.storetoptab .background>div .store .store3 {
    width: auto;
    color: #fff;
    float: left;
    font-size: 20px;
}

.storetoptab .background>div .store .store4 {
    width: auto;
    float: left;
    margin-left: 30px;
}

.storetoptab .background>div .store .storeList {
    background-color: #467cdf;
    color: #fff;
    border: 1px solid #799ad8;
    height: 30px;
    width: 180px;
    float: left;
    padding: 0 10px;
    font-size: 13px;
}

.storetoptab .background>div .store .storeList option {
    color: inherit;
}

.storetoptab .background>div .midx_log {
    width: 100%;
    float: left;
    padding: 7px 0px;
}

.storetoptab .background>div .midx_log .midx {
    width: 40%;
    float: right;
    background-color: #fff;
    border-radius: 25px;
    padding: 12px 30px;
}

.storetoptab .background>div .midx_log .midx .midx1 {
    width: 22%;
    float: left;
    color: #467cdf;
    font-weight: 600
}

.storetoptab .background>div .midx_log .midx .midx2 {
    width: 46%;
    float: left;
    margin-left: 8%;
}

.storetoptab .background>div .midx_log .midx .midx2>span:first-child {
    font-weight: 600;
}

.storetoptab .background>div .midx_log .midx .midx3 {
    width: 12%;
    float: left;
}

.storetoptab .background>div .midx_log .midx .midx3>i {
    color: #467cdf;
    cursor: pointer;
}

.storetoptab .background>div .midx_log .midx .midx3::after {
    content: '';
    border: 1px solid #e9e9e9;
    position: absolute;
    height: 100%;
    left: 100%;
}

.storetoptab .background>div .midx_log .midx .midx4 {
    width: 12%;
    float: left;
    text-align: right;
}

.storetoptab .background>div .midx_log .midx .midx4>i {
    color: #467cdf;
    cursor: pointer;
}

.type_list .list table tbody td>i.complist {
    font-size: 17px;
}

/* 양도양수 가맹점 2022.08.18(목) 작업자 문정원 */
.assign_store {
    width: 100%;
    float: left;
    padding: 0px 50px;
    margin-top: 10px;
}

.assign_store form {
    width: 100%;
    float: left;
    background-color: #fff;
    box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
    padding: 10px 40px;
}

.assign_store form>span {
    width: 7%;
    float: left;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

/* 양도양수 가맹점 2022.08.18(목) 작업자 문정원 */

.loglist {
    padding: 10px;
    width: 240px;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    left: 77.8%;
    top: 85%;
    z-index: 1;
    display: none;
    box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.3);
}

.loglist i {
    color: #467cdf !important;
}

.loglist>div {
    width: 100%;
    float: left;
    text-align: left;
}

.loglist>.mainSv>div {
    width: 100%;
    float: left;
    margin: 2px 0px;
    padding: 5px 0px;
}

.loglist>.mainSv .right {
    text-align: center;
}

.loglist>div>div .left {
    width: 50%;
    float: left;
    font-weight: 500;
    color: #666;
}

.loglist>div>div {
    width: 100%;
    float: left;
}

.loglist>div>div .left>i {
    padding: 10px;
}

.loglist>div>div .right {
    width: 50%;
    float: right;
    padding: 7.5px 0px;
    color: #666;
    font-size: 13px;
}

.loglist>div>.sv_box {
    border-radius: 10px;
    background-color: #ededed;
}

.loglist .mainSv {
    border-bottom: 2px solid #ededed;
}

.loglist>.subSv .right {
    text-align: center;
}

.loglist>.svWrap {
    padding: 15px 22px;
    padding-top: 0px;
}

.loglist>.svWrap>ul {
    width: 100%;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 19px;
    padding-top: 25px;
}

.loglist>.svWrap>ul>li:first-child {
    width: 100%;
    float: left;
    font-size: 13px;
}

.loglist>.loglisttit {
    font-weight: 500;
}

.loglist #circle2 {
    width: 10px;
    height: 10px;
    left: -24px;
    border-radius: 50%;
    border: solid 3px #cccccc;
    background-color: #fff;
}

.loglist>.svWrap>ul>li:last-child {
    width: 100%;
    float: left;
    color: #9f9f9f;
    font-size: 12px;
}

.contentBox.shadow .toptab {
    width: 100%;
    float: left;
}

.contentBox.shadow .toptab>ul {
    width: 14.285%;
    float: left;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    text-align: center;
    padding: 10px 0px;
    background-color: #f8f8f8;
    cursor: pointer;
}

.contentBox.shadow .toptab>ul:last-child {
    border-right: 1px solid #e2e2e2;
}

.contentBox.shadow .toptab>ul>li {
    width: 100%;
    float: left;
}

.contentBox.shadow .topGuide {
    width: 100%;
    float: left;
    padding: 20px 20px;
    background: #f8f8f8;
    margin-bottom: 40px;
}

.contentBox.shadow .topGuide .title {
    color: #666;
    font-weight: 900;
}

.contentBox.shadow .topGuide .value {
    font-size: 13px;
    padding: 10px 0 0 10px;
}

.support_top {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0px 50px;
}

.support_top>div {
    height: 450px;
}

.support_top .support_info {
    width: 60%;
    height: 450px;
    float: left;
    background-color: white;
    padding: 20px 40px 50px 40px;
    box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
}

.support_top .support_info .info_title {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.support_top .support_info .info_title ul {
    width: 100%;
    float: left;
}

.support_top .support_info .info_title li {
    width: 100%;
    float: left;
}

/* .support_top .support_info .info_title li:first-child { font-size:18px; font-weight:500; color:#333; margin-bottom:10px; } */
/* .support_top .support_info .info_title li:last-child { font-size:12px; } */
.info_main_title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

.info_sub {
    font-size: 12px;
}

.info_sub>span {
    float: left;
}

.support_top .support_info .info_content {
    width: 100%;
    float: left;
    border-top: 1px solid #e2e2e2;
    padding-top: 40px;
    height: 100%;
    overflow: hidden;
}

.support_top .support_info .info_content .store_img {
    width: 50%;
    float: left;
}

.support_top .support_info .info_content .store_img .slide {
    width: 1%;
    float: left;
    position: absolute;
}

.support_top .support_info .info_content .store_img .slide>ul {
    width: 100%;
    float: left;
}

.support_top .support_info .info_content .store_img .image {
    width: 98%;
    float: left;
}

.support_top .support_info .info_content .store_img .image>img {
    object-fit: cover;
    width: 100%;
    max-width: 420px;
    max-height: 270px;
    border-radius: 5px;
}

.support_top .support_info .info_content .store_info {
    width: 50%;
    float: left;
    padding-left: 30px;
}

.support_top .support_info .info_content .store_info>ul {
    width: 100%;
    float: left;
    margin-bottom: 18px;
}

.support_top .support_info .info_content .store_info>ul>li:first-child {
    width: 30%;
    float: left;
    font-weight: 600;
    color: #333;
}

.support_top .support_info .info_content .store_info>ul>li:last-child {
    width: 70%;
    float: left;
}

.support_top .support_info .info_content .store_info>ul>li {
    letter-spacing: 0;
}

.support_top .operating_info {
    width: 39%;
    float: left;
    box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
    background-color: white;
    margin-left: 1%;
    padding: 20px 37px 79px 25px;
}

.support_top .operating_info>div {
    width: 100%;
    float: left;
}

.support_top .operating_info .info_title {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.support_top .operating_info .info_title>ul {
    width: 100%;
    float: left;
}

.support_top .operating_info .info_title>ul:first-child {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

.support_top .operating_info .info_title>ul:last-child {
    font-size: 12px;
}

.support_top .operating_info .info_tap>ul {
    width: 33%;
    float: left;
    text-align: center;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    line-height: 30px;
}

.support_top .operating_info .info_tap>.active {
    border-color: #467cdf;
    border-right: 1px solid #467cdf;
}

.support_top .operating_info .info_tap>ul:last-child {
    border-right: 1px solid #e2e2e2;
}

.support_top .operating_info .info_tap * {
    font-size: 13px;
    cursor: pointer;
}

.support_top .operating_info .info_opentime {
    background-color: #f8f8f8;
    margin-top: 10px;
    padding: 40px 50px 40px 50px;
    min-height: 82%;
}

.support_top .operating_info .info_store_menu {
    background-color: #f8f8f8;
    margin-top: 10px;
    padding: 10px 20px 51px 20px;
    max-height: 228px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.support_top .operating_info .info_store_menu>div {
    width: 100%;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.support_top .operating_info .info_opentime .icon_box {
    float: left;
    width: 10%;
}

.support_top .operating_info .info_opentime .icon_box i {
    font-size: 20px;
}

.support_top .operating_info .info_opentime .week_day {
    float: left;
    width: 90%;
}

.support_top .operating_info .info_opentime .week_day>div:first-child {
    width: 50%;
    float: left;
}

.support_top .operating_info .info_opentime .week_day>div:last-child {
    width: 100%;
    float: left;
}

.support_top .operating_info .info_opentime .week_day>div>ul {
    width: 50%;
    float: left;
    margin-bottom: 5px;
    min-height: 22px;
}

.support_top .operating_info .info_opentime .week_day>div>ul li:first-child {
    width: 25%;
    float: left;
}

.support_top .operating_info .info_opentime .week_day>div>ul li:last-child {
    width: 75%;
    float: left;
}

.support_top .operating_info .info_opentime .week_day>div>ul li {
    letter-spacing: 0;
}

.storeCloseToggle {
    float: left;
    margin-left: 22px;
    height: 33px;
    padding: 5px 0;
}

.storeCloseText {
    float: left;
    margin-left: 10px;
    font-weight: 500;
    line-height: 30px;
}

label.small_toggle {
    cursor: pointer;
    background-color: #EEE;
    width: 35px;
    height: 22px;
    float: left;
    transition: all 0.5s;
    padding: 5px 7px;
    border-radius: 25px;
}

label.small_toggle>div {
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    border-radius: 100%;
    float: left;
    transition: all 0.5s;
}

input.toggle:checked+label.small_toggle>div {
    left: 12px;
}

input.toggle:checked+label.small_toggle {
    background-color: #467cdf;
}

.download {
    color: #467cdf;
    border-bottom: 1px solid #467cdf;
    padding-bottom: 3px;
    font-size: 11px;
}

/* 2022.05.14(토) 작업자 문정원 - 지원문의 리스트 */
/* ----------- 페이지 ----------- */


/* ----------- 리스트 ----------- */

.type_list {
    width: 100%;
    float: left;
}

.type_list .listSet {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px;
}

/* 2024.01.10(수) 작업자 이재목 - 겹치는 선 제거 */
.type_list .listSet1 {
    border-bottom: none;
}

.type_list .listSet .leftBox {
    width: 50%;
    float: left;
}

.type_list .listSet .leftBox .pageCnt {
    width: auto;
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 35px;
}

.type_list .listSet .leftBox .pageCnt * {
    font-size: inherit;
    color: inherit;
}

.type_list .listSet .leftBox .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_list .listSet .leftBox .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_list .listSet .leftBox .etc_set {
    width: auto;
    float: left;
}

.type_list .listSet .leftBox .etc_set span:not(.noPadding) {
    float: left;
    line-height: 35px;
    padding: 0 10px 0 0;
}

.type_list .listSet .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

.type_list .listSet .rightBox div {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.type_list .listSet .rightBox div:not(:first-of-type) {
    margin-left: 8px;
}

.type_list .listSet .rightBox .searchItem input {
    width: 260px;
}

.type_list .listSet .rightBox .searchItem i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}


.type_list .listBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

/*      .type_list .listBtn .leftBox { width:50%; float:left; }*/
.type_list .listBtn .leftBox {
    width: auto;
    float: left;
}

.type_list .listBtn .leftBox button,
.type_list .listBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_list .listBtn .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_list .listBtn .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_list .listBtn .rightBox .line {
    float: right;
}

/*      .type_list .listBtn .rightBox { width:50%; float:right; text-align:right; }*/
.type_list .listBtn .rightBox {
    width: auto;
    float: right;
    text-align: right;
}

.type_list .listBtn .rightBox button,
.type_list .listBtn .rightBox a {
    text-align: center;
    float: right;
    margin-left: 0;
}


.type_list .list {
    width: 100%;
    float: left;
}

.type_list .list>div {
    width: 100%;
    float: left;
}

button.margin_r {
    margin-right: 5px;
}

/* 2022.05.13(금) 작업자 문정원 */
.type_list .list_bottom {
    margin-bottom: 23px;
}

/* 2022.05.13(금) 작업자 문정원 */

/* 2022-05-27(금) 작업자 권보성 */
.bannerThumb {
    width: 200px;
    height: 100px;
}

.bannaerCss {
    width: 400px;
    height: 200px;
}

.type_list .list table {}

.type_list .list table thead th {
    background-color: #f8f8f8;
    height: 60px;
    color: #333;
}

.type_list .list table thead .list_th {
    background-color: #f8f8f8;
    height: 40px;
    color: #333;
}

.type_list .list table thead th:not(:first-of-type) {
    border-left: 1px solid #e2e2e2;
}

.type_list .list table thead th.second_list_th {
    border-left: 1px solid #e2e2e2;
}

.type_list .list table thead tr:first-of-type th {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.type_list .list table thead tr:not(:first-of-type) th:first-of-type {
    border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody td {
    background-color: white;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 10px;
    font-size: 13px;
}

.type_list .list table tbody td.green {
    color: green;
    font-weight: 500;
}

.type_list .list table tbody td.red {
    color: #cc3333;
    font-weight: 500;
}

.type_list .list table tbody td.blue {
    color: blue;
    font-weight: 500;
}

/* -----220530 추가(문상우)------- */
.type_list .list table tbody td.list_product_info {
    padding: 0 10px;
}

.type_list .list table tbody td.list_product_info>div:nth-child(1) {
    width: 50px;
    float: left;
    height: 100%;
}

.type_list .list table tbody td.list_product_info>div:nth-child(1)>img {
    /* padding: 10px 0px; */
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.type_list .list table tbody td.list_product_info>div:nth-child(2) {
    width: 85%;
    height: 100%;
    float: left;
    text-align: left;
    padding: 10px 15px;
    line-height: 24px;
}

.type_list .list table tbody td.list_product_info>div:nth-child(2)>p {
    width: 100%;
    float: left;
}

.type_list .list table tbody td.list_product_info>div:nth-child(2)>p:nth-child(1) {
    font-weight: 700;
}

.type_list .list table tbody td.list_product_info>div:nth-child(2)>p:nth-child(2) {
    margin: 5px 0;
}

.type_list .list table tbody td.stop p.stop1 {
    width: 100%;
    float: left;
}

.type_list .list table tbody td.stop>p.stop1>span {
    width: 100%;
    float: left;
}

.type_list .list table tbody td.stop>p.stop1>span>span {
    width: 100%;
    float: left;
    padding: 0px 10px;
}

.type_list .list table tbody td.stop>p.stop2 {
    width: 100%;
    float: left;
    padding: 0px 10px;
    text-align: center;
    margin-top: 5px;
}

.type_list .list table tbody td.stop>p.stop2>a {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}

/* ---------------------------- */

.type_list .list table tbody td:not(:first-of-type) {
    border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody td.rowspanleftline {
    border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody tr:first-of-type td {
    border-top: 1px solid #e2e2e2;
}

.type_list .list table tbody tr td:first-child[rowspan]~td:nth-of-type(n+3) {
    border: 1px solid #e2e2e2;
}

.type_list .list table tbody td p {
    font-size: inherit;
}

.type_list .list table tbody td p.subText {
    color: #ccc;
    font-size: 12px;
}

/* 이미지 영역 */
.type_list .list td.imgBox_area {
    padding: 15px;
}

.type_list .list td.imgBox_area div {
    float: left;
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
}

.type_list .list td.imgBox_area img {
    width: 90px;
    height: 90px;
    float: left;
    border-radius: 10px;
}

.type_list .list .listNoData td {
    height: 200px;
}

.type_list .list .listNoData td p {
    width: 100%;
    float: left;
    color: #d1d1d1;
    font-size: 15px;
    font-size: normal;
}

.type_list .list .listNoData td p:not(:first-of-type) {
    margin-top: 10px;
}

.type_list .list .listNoData td p i {
    color: inherit;
    font-size: 45px;
}

.profileIcon {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
    border: 1px solid #ececec;
    margin-right: 3px;
}

/* 220514 추가(문상우) */
i.fa-circle {
    color: #2DB400;
}

i.fa-times {
    color: #CC3333;
}

/* 220514 추가(문상우) */

.type_list .list .rowMove:hover td {
    background-color: #f6f9ff;
    cursor: pointer;
}


.type_list .listPaging {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.type_list .listPaging>div {
    width: 100%;
    float: left;
    text-align: center;
}

.type_list .listPaging>div ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.type_list .listPaging>div li {
    width: auto;
    float: left;
}

.type_list .listPaging>div li * {
    width: 100%;
    float: left;
    line-height: 35px;
    color: inherit
}

.type_list .listPaging .num_area {
    width: 40px;
}

.type_list .listPaging .num_area.now {
    color: #467cdf;
}

.type_list .listPaging .arrow_area {
    width: 55px;
}

.type_list .listPaging .arrow_left {
    border-right: 1px solid #ccc;
}

.type_list .listPaging .arrow_right {
    border-left: 1px solid #ccc;
}

.guideWrap {
    width: 100%;
    float: left;
    background-color: #fcfcfc;
    padding: 32px 60px;
    border: 1px solid #e2e2e2;
    margin-top: 80px;
}

.guideWrap div {
    width: 100%;
    float: left;
}

.guideWrap div table td.icon i {
    font-size: 30px;
    color: #cccccc;
}

.guideWrap div table td.line span {
    width: 1px;
    height: 57px;
    display: inline-block;
    vertical-align: middle;
    background-color: #ebebeb;
}

.guideWrap div table td.guideMemo {
    color: #666;
    font-size: 13px;
}

.guideWrap div table td.guideMemo * {
    color: inherit;
    font-size: inherit;
}

.guideWrap div table td.guideMemo h1 {
    line-height: 29px
}

.guideWrap div table td.left_line {
    padding: 0px 25px;
}

.guideWrap div table td.left_guide {
    padding: 0px 35px;
}

/* ----------- 리스트 ----------- */


/* ----------- 상세보기 ----------- */

.type_view {
    width: 100%;
    float: left;
}

.type_view .view {
    width: 100%;
    float: left;
}

.type_view .view>div {
    width: 100%;
    float: left;
}

.type_view .view>div:not(:first-of-type) {
    margin-top: 60px;
}

.type_view .view h1.tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
}

.type_view .view table {
    margin-top: 20px;
}

.type_view .view table tr:first-of-type>* {
    border-top: 2px solid #666666;
}

.type_view .view table tr:not(:first-of-type)>* {
    border-top: 1px solid #e4e4e4;
}

.type_view .view table tr:last-of-type>* {
    border-bottom: 2px solid #f0f0f0;
}

.type_view .view table tr th.label {
    background-color: #f8f8f8;
    height: 60px;
    padding: 8px 20px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.type_view .view table tr td.value {
    background-color: white;
    padding: 8px 25px;
}

.type_view .view table tr td.com {
    color: #cc3333;
    font-weight: bold;
}

.type_view .view tfoot td {
    border: none !important;
    height: 40px;
    font-size: 13px;
    color: #ccc;
}

.type_view .view tfoot td i {
    color: inherit;
}

.type_view .listBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

.type_view .listBtn .leftBox {
    width: 50%;
    float: left;
}

.type_view .listBtn .leftBox button,
.type_view .listBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_view .listBtn .actionBtn_write {
    color: white;
}

.type_view .listBtn .change_manager {
    width: auto;
    font-weight: 400;
}

.type_view .listBtn .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_view .listBtn .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_view .listBtn .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}


/* ----------- 상세보기2 ----------- */

.type_view2 {
    width: 100%;
    float: left;
}

.type_view2 .view2Tab {
    width: 100%;
    float: left;
}

.type_view2 .view2Tab>ul {
    width: 100%;
    float: left;
}

.type_view2 .view2Tab>ul>li {
    width: calc(100% / 8);
    float: left;
    color: black;
    background-color: #fcfcfc;
    text-align: center;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

/*.type_view2 .view2Tab > ul > li { width:213px; float:left; color: black; background-color:#fcfcfc; text-align:center; border-left:1px solid #ececec; border-top:1px solid #ececec; }*/
.type_view2 .view2Tab>ul>li:last-of-type {
    border-right: 1px solid #ececec;
}

/*.type_view2 .view2Tab > ul > li:not(:first-of-type) { border-left:1px solid #ececec; }*/
.type_view2 .view2Tab>ul>li a {
    color: inherit;
    width: 100%;
    float: left;
    line-height: 45px;
    color: inherit;
}

.type_view2 .view2Tab .active {
    background-color: white;
    color: #1d63b3;
    font-weight: bold;
    box-shadow: 0px 1px 0px white;
    z-index: 1;
}

/* 뷰 페이지 상단 파비콘 */
.type_view2 .view h1.tit>.colortit {
    margin-right: 8px;
}


.type_view2 .view,
.type_view2 .view_list {
    width: 100%;
    float: left;
    padding: 40px;
    border: 1px solid #ececec;
    white-space: nowrap;
}

.type_view2 .viewSimpleInfo {
    width: 100%;
    float: left;
    background-color: #f8f8f8;
    padding: 20px;
    color: #666666;
    font-weight: normal;
}

.type_view2 .view>div {
    width: 100%;
    float: left;
}

.type_view2 .view>div:not(:first-of-type) {
    margin-top: 60px;
}

.type_view2 .view>div:nth-child(2) {
    margin-top: 25px;
}

.type_view2 .view h1.tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
}

/* storeV 수정버튼  */
.titEditBtn {
    width: 60px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.titEditBtn i {
    color: #ccc;
    cursor: pointer;
}

.info_sub .titEditBtn::after {
    content: '';
    border: 1px solid #e9e9e9;
    position: absolute;
    height: 100%;
    left: 100%;
}

.viewEditBtnWrapper {
    margin-top: 10px;
    border-top: 1px solid #e9e9e9;
    padding-top: 8px;
}

.viewEditBtnWrapper .titEditBtn {
    border: 1px solid #e9e9e9;
    width: 33px;
}

.viewEditBtnWrapper .titEditBtn i {
    color: #999;
}

.type_view2 .view table {
    margin-top: 20px;
}

.type_view2 .view table tr:first-of-type>* {
    border-top: 2px solid #666666;
}

.type_view2 .view table tr:not(:first-of-type)>* {
    border-top: 1px solid #e4e4e4;
}

.type_view2 .view table tr:last-of-type>* {
    border-bottom: 2px solid #f0f0f0;
}

.type_view2 .view table tr th.label {
    background-color: #f8f8f8;
    height: 60px;
    padding: 8px 25px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.type_view2 .view table tr td.value {
    background-color: white;
    padding: 8px 25px;
    line-height: 15px;
}

.type_view2 .listBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

.type_view2 .listBtn .leftBox {
    width: 50%;
    float: left;
}

.type_view2 .listBtn .leftBox button,
.type_view2 .listBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_view2 .listBtn .actionBtn_write {
    color: white;
}

.type_view2 .listBtn .change_manager {
    width: auto;
    font-weight: 400;
}

.type_view2 .listBtn .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_view2 .listBtn .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_view2 .listBtn .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

.lastUpdateInfo {
    float: right;
    margin-top: 65px;
    color: #ccc;
}

.lastUpdateInfo i {
    color: #ccc;
    margin-right: 10px;
}

/* 2022.05.15(일) 작업자 문정원 */

.inq_code {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e2e2e2;
}

.inq_code.v2 {
    border-bottom: none;
    margin-bottom: 15px;
}


.inq_code>ul {
    width: 100%;
    float: left;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.inq_code>ul li {
    width: 100%;
    float: left;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.inq_code>ul li span>i {
    font-size: 20px;
    color: #333;
    margin-right: 5px;
}


.type_view .chat_view_left {
    width: 40%;
    float: left;
    margin-right: 30px;
    padding: 0 25px;
}

.type_view .chat_view_left .view {
    padding: 0;
    border: 0;
}

.type_view .chat_view_left .comment_write {
    width: 100%;
    float: left;
}

.type_view .chat_view_left .comment_write>div:first-child {
    width: 100%;
    float: left;
}

.type_view .chat_view_left .comment_write>div:first-child>ul:first-child {
    width: 4%;
    float: left;
}

.type_view .chat_view_left .comment_write>div:first-child>ul:first-child>i {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #333;
}

.type_view .chat_view_left .comment_write>div:first-child>ul:last-child {
    width: 90%;
    float: left;
    font-size: 18px;
    margin-left: 3px;
    color: #333;
    font-weight: 500;
}

.type_view .chat_view_left .comment_write .comment_st {
    width: 100%;
    float: left;
    border: 1px solid #e2e2e2;
    padding: 25px 15px 10px 15px;
    border-radius: 5px;
    margin-top: 10px;
}

.type_view .chat_view_left .comment_write .comment_st>div {
    width: 100%;
    float: left;
}

.type_view .chat_view_left .comment_write .comment_st>div>textarea {
    width: 100%;
    border-radius: 5px;
    resize: none;
}

.type_view .chat_view_left .comment_write .comment_st>div>button {
    color: white;
}

.type_view .chat_view_left .comment_write .comment_st .sta {
    margin: 10px 0px;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtn {
    background-color: #fff;
    color: #666;
    border: none;
    width: 18%;
    cursor: pointer;
    float: left;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns {
    background-color: #fff;
    color: #cc3333;
    border: none;
    width: 18%;
    cursor: pointer;
    float: left;
}

.type_view .chat_view_left .comment_write .comment_st .sta button>i {
    margin-right: 5%;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns>i {
    color: #cc3333;
}

.complete {
    margin-top: 15px;
}

.complete>div {
    width: 100%;
    float: left;
}

/*.complete span { color:#333; font-weight:bold; }*/
.complete .titspan {
    color: #333;
    font-weight: bold;
    line-height: 35px;
    padding-left: 5px;
}

.complete .date {
    color: #aaa;
    font-weight: 100;
    margin-left: 10px
}

.complete span.comspan1 {
    text-align: center;
    float: right;
    color: #19234b;
    font-weight: 500;
    width: 115px;
    padding: 8px 0px;
    border: solid 1px #19234b !important;
}

.complete>.viewcomp {
    padding: 30px 20px;
    color: #4e4c4d;
    background-color: #eceaeb;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 5px;
}

.comple_form {
    margin-top: 45px;
}

.comple_form span {
    color: #333;
    font-weight: bold;
}

.comple_form .comment_st textarea {
    height: 80px;
}

.comple_form .comment_st .tac {
    padding-top: 10px;
}

.complete .complete_info {
    margin-top: 5px;
    padding: 0px 10px;
}

.complete .complete_info>span {
    font-size: 13px;
    font-weight: 500;
}

.complete .complete_info span.comspan2 {
    float: left;
    letter-spacing: 0;
    color: #19234b;
}

.complete .complete_info span.listicon {
    float: right;
}

.complete .complete_info span.listicon>span {
    color: #19234b;
    font-weight: 500;
    margin-right: 15px;
}

.complete .complete_info span.listicon>a {
    cursor: pointer;
    color: #19234b;
    width: 100%;
    top: 1.5px;
}

.complete .complete_info span.listicon>a>i {
    font-size: 17px;
}

.complete .complete_info>span i {
    margin-right: 3px;
    color: inherit;
}


.type_view .talk_view {
    height: 882px;
}

.talk_view .reloadWrap {
    padding: 0px;
    overflow-y: auto;
    height: 822px;
}

.talk_view .master_re {
    height: 822px;
}

.talk_view .reloadWrap::-webkit-scrollbar {
    width: 10px;
}

.talk_view .reloadWrap::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
}

/*.talk_view .reloadWrap::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white;  }*/
.comment_talk {
    width: 100%;
    float: left;
    padding: 10px 30px 20px 30px;
}

.reloadWrap {
    padding: 0px;
}

.type_view .chat_view_right {
    width: 57%;
    float: left;
    border-radius: 5px;
    background-color: #b2c7da;
    margin-top: 20px;
}

.type_view .chat_view_right>div {
    width: 100%;
    float: left;
}

.type_view .chat_view_right .date {
    margin-top: 10px;
}

.type_view .chat_view_right .date>ul {
    width: 20%;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 40px;
    background-color: #8493a2;
    padding: 8px 0px;
}

.type_view .chat_view_right .date>ul>li {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
}

.type_view .chat_view_right .date>ul>li>span {
    color: #fff;
}

.type_view .chat_view_right .comment_talk .comment2 {
    width: 7%;
    float: left;
    text-align: center;
}

/*.chat_view_right .comment_talk .mid2 { margin:0px 0px 0px 15px; }*/
.type_view .chat_view_right .comment_talk .comment1 {
    width: 7%;
    float: right;
    text-align: center;
}

.type_view .chat_view_right .comment_talk .comment2 {
    width: 7%;
    float: left;
    text-align: center;
}

.type_view .chat_view_right .comment_talk>div:first-child>div {
    width: 50px;
    border-radius: 50%;
    background-color: white;
    height: 50px;
    text-align: center;
    line-height: 54px;
}

.type_view .chat_view_right .comment_talk>div:first-child>div>i {
    font-size: 20px;
    color: #333;
}

.type_view .chat_view_right .comment_talk>div:last-child {
    width: 92%;
    float: left;
}



.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>ul>li>video {
    max-width: 100%;
    vertical-align: middle;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>ul>video {
    max-width: 100%;
    vertical-align: middle;
}

.type_view .chat_view_right .comment_talk .comment_mid .contenta>div:first-child>ul>li>video {
    max-width: 100%;
    vertical-align: middle;
}

.type_view .chat_view_right .comment_talk .comment_mid .contenta>div:first-child>ul>video {
    max-width: 100%;
    vertical-align: middle;
}

.type_view .chat_view_right .comment_talk .comment_mid>div {
    width: 100%;
    float: left;
    margin-bottom: 6px;
}

.chat_view_right .comment_talk .comment_mid .midu1 {
    width: 100%;
    float: right;
    text-align: right;
    color: #555;
    font-weight: bold;
}

.chat_view_right .comment_talk .comment_mid .midu1 li {
    color: inherit;
}

.chat_view_right .comment_talk .comment_mid .midu2 {
    width: 100%;
    float: left;
    text-align: left;
    color: #333;
    font-weight: 500;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div {
    float: left;
    max-width: 80%;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child {
    float: right;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>ul {
    width: auto;
    float: right;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>.commWrap1 {
    font-weight: 500;
    color: #333;
    background-color: #ffeb34;
    padding: 10px 20px;
    border-radius: 10px;
    width: auto;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>.commWrap2 {
    bottom: 3px;
    position: absolute;
    left: -70px;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>.commWrap2 li {
    width: auto;
    float: right;
    font-size: 13px;
    letter-spacing: 0;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>.commWrap2 li:not(:first-of-type) {
    color: yellow;
}

.type_view .chat_view_right .comment_talk .comment_mid .content>div:last-child>li {
    width: auto;
    float: left;
}

/*.type_view .chat_view_right .comment_talk .comment_mid .content > div:first-child > ul { text-align:right; margin:0px 10px 0px 0px; }*/
.type_view .chat_view_right .comment_talk .comment_mid .contenta>div {
    width: 50%;
    float: left;
}

.type_view .chat_view_right .comment_talk .comment_mid .contenta>div:last-child>ul {
    text-align: right;
    margin: 0px 0px 0px 10px;
}

.type_view .chat_view_right .comment_talk .comment_mid .contenta>div:first-child {
    width: auto;
    float: left;
    background-color: white;
    padding: 10px 20px;
    border-radius: 10px;
    max-width: 60%;
}

.type_view .chat_view_right .comment_talk .comment_mid .contenta>div:first-child>ul {
    color: #333;
    font-weight: 500;
}

.reloadx {
    width: 100%;
    float: left;
    height: 60px;
    background-color: #fff;
    border-left: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0px 0px 0px 30px;
}

.bodr {
    border-right: 2px solid #e6e6e6;
}

.reloadx .st3 {
    line-height: 57px;
    color: #ccc;
}

.reloadx>div {
    float: left;
    height: 100%;
}

.reloadx .commform {
    width: 86%;
}

.reloadx .commform textarea {
    height: 100%;
    width: 95%;
    resize: none;
    border: none;
    font-size: 15px;
    padding: 19px 0px;
    overflow: hidden;
}

.reloadx .commbtn {
    width: 14%;
}

.reloadx .commbtn button {
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}

.reloadx .commbtn button>i {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

/* 2022.05.15(일) 작업자 문정원 */


/* ----------- 상세보기 ----------- */

/* ----------- 폼 ----------- */

.type_form {
    width: 100%;
    float: left;
}

/* 2022.05.17(화) 작업자 문정원 */
.type_form .listBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

.type_form .listBtn .leftBox {
    width: 50%;
    float: left;
}

.type_form .listBtn .leftBox button,
.type_form .listBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_form .listBtn .actionBtn_write {
    color: white;
}

.type_form .listBtn .change_manager {
    width: auto;
    font-weight: 400;
}

.type_form .listBtn .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_form .listBtn .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_form .listBtn .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

/* 2022.05.17(화) 작업자 문정원 */

/* 2022.05.13(금) 작업자 문정원 */
.type_form_bottom {
    margin-bottom: 60px;
}

/* 2022.05.13(금) 작업자 문정원 */

.type_form .form {
    width: 100%;
    float: left;
}

.type_form .form form>div {
    width: 100%;
    float: left;
}

.type_form .form form>div:not(:first-of-type) {
    margin-top: 60px;
}

.type_form .form h1.tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
    color: #333;
    width: auto;
    float: left;
}

.type_form .form span.subtit {
    font-weight: 300;
    color: #ccc;
    font-size: 11px;
    float: right;
}

.type_form .form span.subtit i {
    color: inherit;
    font-size: inherit;
}

.type_form .form div:not(.noForm) table {
    margin-top: 20px;
}

.type_form .form div:not(.noForm) table tr:first-of-type>* {
    border-top: 2px solid #666666;
}

.type_form .form div:not(.noForm) table tr:not(:first-of-type)>* {
    border-top: 1px solid #e4e4e4;
}

.type_form .form div:not(.noForm) table tr:last-of-type>* {
    border-bottom: 2px solid #f0f0f0;
}

.type_form .form div:not(.noForm) table tr th.label {
    background-color: #f8f8f8;
    height: 60px;
    padding: 8px 15px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.type_form .form div:not(.noForm) table tr td.value {
    background-color: white;
    padding: 8px 25px;
}

.type_form .formInpTextItem input,
.type_form .formInpTextItem select,
.type_form .formInpTextItem textarea {
    max-width: 98%;
}

.type_form .formInpText {
    width: 25px;
    float: left;
    line-height: 35px;
    text-align: center;
}

.vat_text {
    line-height: 35px;
    margin-left: 5px;
    color: #ccc;
}

.type_form .list table {
    margin-top: 20px;
}

.type_form .list table thead th {
    background-color: #f8f8f8;
    height: 60px;
    color: #333;
}

.type_form .list table thead th:not(:first-of-type) {
    border-left: 1px solid #e2e2e2;
}

.type_form .list table thead tr:first-of-type th {
    border-top: 1px solid black;
    border-bottom: 1px solid #e2e2e2;
}

.type_form .list table thead tr:not(:first-of-type) th:first-of-type {
    border-left: 1px solid #e2e2e2;
}

.type_form .list table tbody td {
    background-color: white;
    height: 60px;
    text-align: center;
    border: 1px solid #e2e2e2;
    padding: 0 5px;
    font-size: 13px;
}

.type_form .list table tbody td:first-of-type {
    border-left: none;
}

.type_form .list table tbody td:last-of-type {
    border-right: none;
}

.form_list_btn_wrap td {
    padding: 10px 0
}

.form_list_btn_wrap td button {
    width: 350px;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
}

.type_form .form .findAddr>p {
    width: 100%;
    float: left;
}

.type_form .form .findAddr>p:not(:first-of-type) {
    margin-top: 5px;
}

.type_form .form .findAddrBtn {
    float: left;
    cursor: pointer;
    margin-left: 5px;
}

.type_form .form .zipcode input {
    width: 10% !important;
}

.type_form .form .zipaddr input {
    width: 40% !important;
}

.type_form .form .zipdetailaddr input {
    width: 40% !important;
}

.type_form .form .sizeFull .zipcode input {
    width: 20% !important;
}

.type_form .form .sizeFull .zipaddr input {
    width: 60% !important;
}

.type_form .form .sizeFull .zipdetailaddr input {
    width: 80% !important;
}

.type_form .form .file_one span {
    float: left;
    height: 35px;
    line-height: 35px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 0 10px;
    cursor: default;
    min-width: 186px;
    text-align: center;
}

.type_form .form .file_one span.fileName {
    color: #ccc;
}

.type_form .form .file_one label {
    float: left;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    border: 1px solid #ccc;
    color: #ccc;
    padding: 0 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}

.type_form .form .file_one label i {
    color: inherit;
}

.type_form .form .file_img>div {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

/* 220514 추가(문상우) */
.type_form .formBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

.type_form .formBtn .leftBox {
    width: 50%;
    float: left;
}

.type_form .formBtn .leftBox button,
.type_form .formBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_form .formBtn .actionBtn_write {
    color: #fff;
}

.type_form .formBtn .actionBtn_update {
    color: #fff;
}

.type_form .formBtn .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

/* 220514 추가(문상우) */


/* 220524 추가(도성경) */
.mainLineBtn {
    padding: 0;
    margin-right: 10px;
    font-weight: 400;
}

.result {
    float: left;
    width: 100%;
    border-top: 1px solid #000;
    padding-top: 15px;
    margin-top: 20px;
}

.result>div {
    width: 100%;
    float: left;
    height: 100px;
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 35px;
}

.result>div div {
    float: right;
    font-weight: 900;
    font-size: 18px;
    padding: 0 40px;
    color: #000;
}

.result>div div:nth-child(2n) {
    padding: 0 20px;
}

.result>div div:nth-child(1) {
    padding: 0 10px 0 20px;
}

.result>div div>span {
    font-weight: 900;
    font-size: 18px;
    padding-left: 30px;
    color: #000;
}

.result>div div:nth-child(1)>span {
    color: #D26A6E
}

.dash {
    float: left;
    width: 100%;
    height: 100px;
    border: 3px solid #ccc;
    margin: 30px 0;
    padding: 35px 50px;
}

.dash>div {
    float: left;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 900;
}

/* 220524 추가(도성경) */
/* ----------- 폼 ----------- */

/* ----------- 푸터 ----------- */

.footer {
    width: 100%;
    float: left;
    margin-top: 110px;
}

.footer>div {
    width: 100%;
    float: left;
    border-top: 1px solid #e3e5e7;
    padding: 0 50px;
}

.footer>div>div {
    width: 100%;
    float: left;
}

.footer .footer_top .leftBox {
    width: 50%;
    float: left;
}

.footer .footer_top .leftBox ul {
    width: 100%;
    float: left;
}

.footer .footer_top .leftBox ul li {
    width: auto;
    float: left;
    padding: 0 20px;
}

.footer .footer_top .leftBox ul li * {
    line-height: 50px;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.footer .footer_top .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

.footer .footer_top .rightBox ul {
    width: 100%;
    float: left;
}

.footer .footer_top .rightBox ul li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.footer .footer_top .rightBox ul li a {
    width: 100%;
    float: left;
    line-height: 50px;
    padding: 0 10px;
}

.footer .footer_btm {
    width: 100%;
    float: left;
    border-top: 1px solid #e3e5e7;
}

.footer .footer_btm>div>div {
    padding-left: 10px;
    padding-top: 25px;
    padding-left: 30px;
}

.footer .footer_btm p {
    color: #666666;
    font-size: 13px;
    line-height: 20px;
}

/* ----------- 푸터 ----------- */




/* ----------- 우측컨텐츠 ----------- */


/* ----------- 팝업 ----------- */
.popupWrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.61);
    z-index: 2;
    display: none;
}

.popupWrap .popContent {
    width: 1200px;
    height: 715px;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 5px;
    box-shadow: 3px 3px 14.25px 0.75px rgba(0, 0, 0, 0.33);
}

.popupWrap.small .popContent {
    width: 850px;
    height: 450px;
}

.popupWrap.small2 .popContent {
    width: 730px;
    height: 520px;
}

.popupWrap .popIframe {
    width: 100%;
    float: left;
    margin-top: 1px;
    transition: 0.5s all;
}

.popupWrap .popIframe iframe {
    width: 100%;
    float: left;
    border: none;
    height: 650px;
    transition: 0.5s all;
}

.popupWrap.small2 .popIframe iframe {
    height: 450px;
}

.popupWrap.small iframe {
    height: 389px;
}

.popupWrap .popTit {
    width: 100%;
    float: left;
    background-color: #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popupWrap .popTit ul {
    width: 100%;
    float: left;
    line-height: 60px;
}

.popupWrap .popTit ul li {
    float: left;
}

.popupWrap .popTit ul .popTit_text {
    width: 95%;
    padding: 0 33px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.popupWrap .popTit ul .popClose {
    width: 5%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.popupWrap .popTit ul .popClose i {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.topNavBar {
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #fff;
    padding: 20px 30px 0px 30px;
}

/* .popCont { width:100%; float:left; padding: 130px 30px 20px 30px; } */
.popCont {
    width: 100%;
    float: left;
    padding: 20px 30px;
}

.popCont .form {
    margin-top: 35px;
}

.popNav {
    width: 100%;
    float: left;
    background-color: #f8f8f8;
    padding: 20px;
    color: #666666;
    font-weight: normal;
    line-height: 23px;
    font-size: 12px;
    color: #999;
}

.popTab {
    width: 100%;
    float: left;
}

.popTab>ul {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
}

.popTab>ul>li {
    width: calc(100% / 5);
    float: left;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.popTab>ul>li.active {
    box-shadow: inset 0px -2px 0px 0px black;
}

.popBtnWrap {
    width: 100%;
    float: left;
    padding: 15px 30px;
    text-align: center;
}

.pop_title {
    width: 100%;
    float: left;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    margin-top: 10px;
}

.pop_title>i {
    color: #000;
    font-size: 17px;
    margin-right: 10px;
}

.pop_title .tit_status {
    float: right;
    text-align: center;
}

.pop_title .info_box {
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #ebebeb;
    border-radius: 5px;
    margin-top: 25px;
}

.pop_title .info_box .info_date {
    float: left;
    font-weight: 900;
    height: 20px;
    line-height: 20px;
}

.pop_title .info_box .info_date>i {
    color: #000;
    font-size: 16px;
}

.pop_title .info_box .info_date>span {
    margin-left: 15px;
    color: #000;
}

.pop_title .info_box .info_date>span:last-child {
    letter-spacing: 0px;
}

.pop_title .info_box .info {
    float: right;
    font-weight: 900;
    height: 20px;
    line-height: 20px;
}

.pop_title .info_box .info>span {
    padding: 0 40px;
    border-left: 1px solid #000;
    color: #000;
}

/* .pop_title .survey_box{ float: left; width: 100%; padding : 40px 30px; border : 1px solid #e2e2e2; border-radius: 10px; margin-top: 50px; } */
.pop_title .survey_box {
    float: left;
    width: 100%;
    padding: 40px 30px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    margin-top: 10px;
}

.pop_title .survey_box .survey_option {
    width: 100%;
    float: left;
    padding: 10px 0 30px 0;
}

.pop_title .survey_box .survey_option .option_circle {
    width: 5%;
    float: left;
    line-height: normal;
    margin-top: 4px;
}

.pop_title .survey_box .survey_option .option_circle>div {
    width: 19px;
    height: 19px;
    float: left;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
}

.pop_title .survey_box .survey_option .option_info {
    width: 88%;
    margin-left: 20px;
    float: left;
    position: relative;
}

.pop_title .survey_box .survey_option .option_info .option_text {
    width: 100%;
    float: left;
    line-height: normal;
    font-size: 14px;
    color: #666;
}

.pop_title .survey_box .survey_option .option_info .option_text span {
    float: right;
    color: #000;
    cursor: pointer;
}

.pop_title .survey_box .survey_option .option_info .option_bar {
    width: 100%;
    float: left;
    height: 5px;
    background-color: #e1e1e1;
    border-radius: 10px;
    margin-top: 5px;
}

.pop_title .survey_box .survey_option .option_info .option_bar .bar {
    position: relative;
    float: left;
    background-color: #999999;
    border-radius: 10px;
    height: 5px;
}

.pop_title .survey_box .survey_option .option_info .option_member {
    position: absolute;
    width: 830px;
    border-radius: 10px;
    border: 1px solid #e2e2e2;
    padding: 0px 45px 25px 45px;
    max-height: 310px;
    overflow: auto;
    right: 0;
    top: 20px;
    z-index: 2;
    background-color: #ffffff;
    margin-bottom: 30px;
    box-shadow: 3px 3px 14.25px 0.75px rgb(0 0 0 / 33%);
    display: none;
    cursor: pointer;
}

.pop_title .survey_box .survey_option .option_info .option_member>div {
    float: left;
    width: 25%;
    text-align: left;
    margin-top: 25px;
}

.pop_title .survey_box .survey_option .option_info .option_member>div>i {
    float: left;
    color: #999;
    width: 10%;
}

.pop_title .survey_box .survey_option .option_info .option_member>div>span {
    color: #000;
    float: left;
    width: 90%;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 15px;
    line-height: 15px;
}

.questions_title {
    width: calc(100% - 50px) !important;
    float: left;
}

.img_icons {
    margin-left: 9px;
    width: 35px;
    background-color: #cccccc;
    border-radius: 5px;
    height: 35px;
    float: left;
    text-align: center;
}

.img_icons i {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
}

.tr_option li {
    padding: 5px 0px;
}

.questions_img_s {
    width: 100%;
    max-width: 100%;
    float: left;
    height: 249px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
}

.questions_img_s img {
    max-width: 100%;
    float: left;
    height: 100%;
    object-fit: inherit;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.option_img_box {
    padding: 5px;
    margin: 5px 0;
    width: 100%;
    height: 100%;
    border: dashed 1px;
    float: left;
    border-radius: 5px;
}

.option_img_box img {
    float: left;
    width: 100%;
    height: 100%;
}

.view_guide_img {
    float: left;
    width: 100%;
    max-width: 100%;
    float: left;
}

.view_option_img {
    float: left;
    width: 30px;
    height: 30px;
}

.view_option_img img {
    float: left;
    width: 100%;
    height: 100%;
}

/* ----------- 팝업 ----------- */


/* ----------- 바디 ----------- */


/* ----------- 로그인 ----------- */

.login_wrap {
    min-width: 1600px !important;
    height: 100%;
}

.login_wrap>div {
    float: left;
    min-height: 800px;
}

#login_left {
    width: 730px;
    height: 100%;
    overflow: hidden;
}

#login_left .cover {
    background-color: #467cdf;
    width: 100%;
    height: 100%;
}

#login_left .cover img {
    opacity: 0.17;
    height: 100%;
    max-width: none;
}

#login_left .login_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#login_right {
    width: 730px;
    height: 100%;
}

#login_right .login_input {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    width: 500px;
}

#login_right .login_input .title_wrap {
    float: left;
    border-left: 2px solid #467cdf;
    padding-left: 10px;
    width: 100%;
}

#login_right .login_input .title_wrap .title {
    float: left;
    font-family: "ggs";
    font-weight: 700;
    font-size: 27px;
    color: #000;
    margin-top: -8px;
    width: 100%;
}

#login_right .login_input .title_wrap .info {
    float: left;
    font-family: "ggs";
    font-weight: 100;
    font-size: 15px;
    color: #000;
    margin-top: 5px;
    margin-bottom: -4px;
    width: 100%;
}

#login_right .login_input .input_wrap {
    float: left;
    margin-top: 70px;
}

#login_right .login_input .input_wrap input {
    float: left;
    width: 350px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f4f4f4;
    padding: 15px;
    font-weight: 900;
    transition: all 1s;
}

#login_right .login_input .input_wrap input::placeholder {
    color: #999999;
}

#login_right .login_input .input_wrap input:focus {
    border: 1px solid #467cdf;
}

#login_right .login_input .input_wrap input#pass {
    margin-top: 5px;
}

#login_right .login_input .input_wrap button {
    float: left;
    width: 350px;
    height: 45px;
    border-radius: 5px;
    background-color: #467cdf;
    color: #fff;
    font-weight: 900;
    margin-top: 15px;
    border: 0;
    cursor: pointer;
}

#login_right .login_input .login_remember {
    float: left;
    margin-top: 15px;
    width: 350px;
}

#login_right .login_input .login_remember i {
    color: #467cdf;
    cursor: pointer;
    font-size: 16px;
}

#login_right .login_input .login_remember i.fas {
    display: none;
}

#login_right .login_input .login_remember label {
    font-size: 15px;
    cursor: pointer;
    font-weight: 900;
    color: #333;
}

#login_right .login_input .login_remember input:checked~label i.fas {
    display: inline-block;
}

#login_right .login_input .login_remember input:checked~label i.far {
    display: none;
}

#login_right .login_input .forgot_password {
    float: left;
    margin-top: 45px;
    width: 350px;
    border-top: 1px solid #d4d4d4;
}

#login_right .login_input .forgot_password .find_password {
    float: right;
    margin-top: 10px;
    color: #333333;
    font-weight: 500;
}

#login_right .login_input .forgot_password .find_password * {
    color: inherit;
}

/* ----------- 로그인 ----------- */


/* ----------- 반응형 ----------- */
@media screen and (max-width: 1400px) {
    /*.menuWrap .rightMenu .leftBox ul li { width: 40%; }*/
    /*.menuWrap .leftMenu { width:50%; float:left; }*/

    .popupWrap {
        padding: 0 10px;
    }

    .popupWrap .popContent {
        width: 100%;
    }
}

/* ----------- 반응형 ----------- */

/* 환경설정-sms설정(템플릿관리) 2022.06.09(목)_작업자문정원 */
.smsTemplateWrap {
    width: 100%;
    float: left;
    border-top: 2px solid #DEDEDE;
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 0px;
}

.smsTemplateWrap>ul {
    width: 100%;
    float: left;
}

.smsTemplateWrap>.itemList>li {
    width: calc(calc(100% - 80px) / 5);
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #FAFAFA;
    padding: 15px;
    border: 1px solid #E5E5E5;
}

.smsTemplateWrap>.itemList>li>button {
    width: 65px;
    float: right;
    margin-left: 3px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.smsTemplateWrap>.itemList>li>textarea.sms_content {
    height: 200px;
    margin-bottom: 10px;
    width: 100%;
}

.smsTemplateWrap>.itemList>li>input.temp_title {
    margin-bottom: 10px;
    width: 100%;
}

.smsTemplateWrap>.itemList>li>p.byte {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    text-align: right;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.btnBlack {
    border: 1px solid #000;
    background-color: #000;
}

.btnGray01 {
    border: 1px solid #999;
    background-color: #999;
}

/* 환경설정-sms설정(발신번호설정) 2022.06.09(목)_작업자문정원 */
.type_form .form .excelFile {
    display: none;
}

.type_form .form label.exc_up {
    text-align: center;
    float: left;
    border: 1px solid;
    background-color: #207244;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    width: 130px;
    font-size: 14px;
}

.type_form .form span.exc_F_Name {
    font-size: 13px;
    color: #aaa;
    float: left;
    padding: 10px 0px 0px 10px;
}

/* DB수동분배,담당자변경,AS처리변경,상담상태변경 팝업 리스트 상단 영역 css 2022.06.09(목)_작업자문정원 */
.type_list .list .info {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #AAA;
    margin-top: 40px;
    margin-bottom: 15px;
    border: 3px solid #CCC;
    font-weight: 500;
    text-align: center;
    padding: 15px;
}


/*DB수동분배, 담당자변경 css 2022.06.09(목)_작업자문정원 */
#fcListWrap {
    width: 100%;
    float: left;
}

#fcListWrap>li {
    width: 25%;
    float: left;
}

.fcListCode {
    display: none;
}

#fcListWrap>li>input:checked+label>.on {
    display: inline-block;
}

#fcListWrap>li>input:checked+label>.off {
    display: none;
}

#fcListWrap>li>label>i {
    margin-right: 5px;
}

#fcListWrap>li>label>.off {
    color: #DDD;
}

#fcListWrap>li>label>.on {
    color: #19234b;
    display: none;
}



/*상담등록 css 2022.06.09(목)_작업자문정원 */
.csmemo {
    width: 100%;
    float: left;
}

.listMiniWriteWrap {
    width: 100%;
    float: left;
    background-color: #F5F5F5;
    padding: 10px;
    margin-bottom: 20px;
}

.listMiniWriteWrap>li {
    float: left;
    padding: 0 2px;
    width: 100%;
    margin-bottom: 5px;
}

.listMiniWriteWrap>li.wid65 {
    width: 65%;
}

.listMiniWriteWrap>li.wid20 {
    width: 20%;
}

.listMiniWriteWrap>li.wid15 {
    width: 15%;
}

.listMiniWriteWrap .wid15 .typeBtn {
    width: 100%;
    height: 35px;
    line-height: 35px;
    float: left;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #666;
    background-color: #666;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.dbCheckDataInfoWrap {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.dbCheckDataInfoWrap .infoWrap {
    width: 100%;
    float: left;
    border: 2px solid #EEE;
    padding: 20px 30px;
}

.dbCheckDataInfoWrap>.infoWrap>ul {
    width: 100%;
    float: left;
}

.dbCheckDataInfoWrap>.infoWrap>ul>li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #EEE;
}

.dbCheckDataInfoWrap>.infoWrap>ul>li>span {
    float: left;
    color: #333;
    font-size: 13px;
}

.dbCheckDataInfoWrap>.infoWrap>ul:last-of-type {
    margin-bottom: 0;
}

.dbCheckDataInfoWrap>.infoWrap>ul>li:last-of-type {
    margin-bottom: 0;
}

.dbCheckDataInfoWrap>.infoWrap>ul>li>span.label {
    margin-right: 20px;
    font-weight: bold;
}

#statusCode {
    width: 20%;
}

/*엑셀양식,엑셀업로드팝업(엑셀설정) css 2022.06.09(목)_작업자문정원 */
#excelResultInfoWrap {
    width: 100%;
    float: left;
    margin: 50px 0px;
}

#excelResultInfoWrap>ul {
    width: 100%;
    float: left;
    border-right: 1px solid #CCC;
}

#excelResultInfoWrap>ul>li.label {
    width: 18%;
    background-color: #354c8f;
}

#excelResultInfoWrap>ul>li {
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    font-size: 14px;
}

#excelResultInfoWrap>ul>li.label>.background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    top: 0;
    left: 0;
}

#excelResultInfoWrap>ul>li.label span {
    font-weight: bold;
    color: #FFF;
}

#excelResultInfoWrap>ul>li.value span {
    font-weight: bold;
    color: #333;
}

#excelResultInfoWrap>ul>li.value {
    width: 15.33%;
    font-weight: 500;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.type_form .form a.exceldown {
    float: left;
    border: 1px solid;
    background-color: #fff;
    line-height: 35px;
    font-weight: bold;
    color: #207244;
    width: 130px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.type_form .form a.exceldown i {
    color: #207244;
    margin-right: 5px;
}

.type_form .form table tr th.red {
    color: #cc3333;
    font-weight: bold;
}

.type_form .form table tr th.red i {
    color: #cc3333;
    font-weight: bold;
    margin-right: 5px;
}

.type_form .form span.guide_b {
    font-weight: bold;
}

/*.padding_t { padding:60px 80px; }*/
.type_form .form .upload {
    margin-top: 60px;
}

.type_form .form .excelFile {
    display: none;
}

.type_form .form label.exc_up {
    cursor: pointer;
    text-align: center;
    float: left;
    border: 1px solid;
    background-color: #207244;
    line-height: 35px;
    font-weight: 500;
    color: #fff;
    width: 130px;
    font-size: 14px;
}

.type_form .form span.exc_F_Name {
    font-size: 13px;
    color: #aaa;
    float: left;
    padding: 10px 0px 0px 10px;
}

.type_form .form label i.pop_basic {
    color: #fff;
    margin-right: 5px;
}


/* 일정관리 등록 css 2022.06.15(수)_작업자문정원 */
.sch_form_wrap {
    width: 700px;
    position: absolute;
    top: 45.2%;
    left: 40%;
    z-index: 1;
    border-radius: 5px;
    /* height:360px; */
    background-color: #fff;
    display: none;
}

.master_sch {
    top: 23.2%;
}

.sch_form_wrap>form {
    width: 100%;
    float: left;
}

.sch_form_wrap .titleWrap {
    width: 100%;
    float: left;
    padding: 10px 20px;
    background-color: #467cdf;
}

.sch_form_wrap .titleWrap>span {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

/* 일정관리 글자 css 2024.01.11(목)_이재목*/
.popupschedule {
    float: left;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.sch_form_wrap .mainWrap {
    width: 100%;
    float: left;
    padding: 35px 55px 55px 55px;
    border: 1px solid #d8d8d8;
    border-top: none;
}

.sch_form_wrap .mainWrap button.dbSearch {
    width: 120px;
}

.sch_form_wrap .mainWrap .content {
    width: 100%;
    float: left;
}

.sch_form_wrap .mainWrap .content .ulcon {
    width: 100%;
    float: left;
}

.sch_form_wrap .mainWrap .content ul>.litit {
    width: 20%;
    float: left;
    line-height: 55px;
}

.sch_form_wrap .mainWrap .content ul>.limemo {
    line-height: 35px;
}

.sch_form_wrap .mainWrap .content ul>.litext {
    width: 80%;
    float: left;
}

.sch_form_wrap .mainWrap .content ul>.litext div.sch_day {
    width: 45%;
    float: left;
}

.sch_form_wrap .mainWrap .content ul>.litext div.dayline {
    width: 10%;
    float: left;
}

.sch_form_wrap .mainWrap .content input {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.sch_form_wrap .mainWrap .content select {
    margin-top: 10px;
    width: 65%;
    float: left;
}

.sch_form_wrap .mainWrap .content .allday {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.sch_form_wrap .mainWrap .content .allday span {
    width: 7%;
    float: left;
    line-height: 20px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle {
    width: 40px;
    height: 20px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle>div {
    width: 10px;
    height: 10px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle>div {
    width: 10px;
    height: 10px;
}

.sch_form_wrap .mainWrap .content .allday input.toggle:checked+label.toggle>div {
    left: 16px;
}

.sch_form_wrap .mainWrap .content span.dayline {
    width: 100%;
    float: left;
    text-align: center;
}

.sch_form_wrap .mainWrap .content span.dayline i {
    line-height: 47px;
    color: #d8d8d8;
}

/*      .sch_form_wrap .mainWrap .content #sch_time { width:100%; display:none; }*/
.sch_form_wrap .mainWrap .content #sch_times {
    display: none;
    width: 20%;
    margin-left: 5px;
}

.sch_form_wrap .mainWrap .content #sch_timee {
    display: none;
    width: 20%;
    margin-right: 5px;
}

.sch_form_wrap .mainWrap .content #memo {
    width: 100%;
    height: 100px;
    margin-top: 10px;
    resize: none;
}

.sch_form_wrap .mainWrap .btnWrap {
    text-align: center;
    padding-top: 35px;
    width: 100%;
    float: left;
}

.closefromBtn {
    width: 120px;
    border: 1px solid #999;
    color: #444;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
}

.scheduleW {
    width: 150px;
    border: 1px solid #467cdf;
    color: #467cdf;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
}

/* 일정등록 재작성 버튼 추가 css 2024.01.11(목) 이재목*/
.RefreshBtn {
    width: 120px;
    border: 1px solid #999;
    color: #444;
    height: 40px;
    background-color: #fff;
    cursor: pointer;
}

.schedulecloseBtn, .schedulecloseBtn_2 {
    float: right;
    color: #FFF;
    cursor: pointer;
}

.scheduleW1 {
    width: 150px;
    background-color: #467cdf;
    height: 40px;
    cursor: pointer;
}

/* 일정관리리스트 css 2022.06.16(목)_작업자문정원*/
.sch_main {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.sch_main button {
    border: none;
    cursor: pointer;
}

.sch_maina a {
    cursor: pointer;
}

.sch_main .maina {
    width: 320px;
    float: left;
    border-radius: 10px;
    padding: 15px;
}

.sch_main .cal {
    width: 100%;
    float: left;
}

.sch_main .name {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 23px;
    height: 23px;
}

.sch_main .name>i {
    font-size: 23px;
    color: #636363;
    margin-right: 8px;
    vertical-align: middle;
    top: -2px;
}

.sch_main .name>b {
    font-size: 13px;
    color: #000;
    margin-right: 5px;
}

.sch_main .name>span {
    color: #000;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 13px;
}

.sch_main .but {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    background-color: <?=$mainColor?>;
}

.sch_main .but>button {
    width: 100%;
    height: 50px;
    line-height: 38px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background-color: #467cdf;
}

.sch_main .but>button>i {
    color: #fff;
    margin-right: 5px;
}

.sch_main .cal_date {
    width: 100%;
    float: left;
}

.sch_main .dateinfo {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-bottom: 20px;
}

.sch_main .dateinfo>p {
    width: 100%;
    font-size: 24px;
    text-align: center;
    float: left;
    font-weight: 600;
    color: #000;
}

.sch_main .dateinfo>p>span {
    font-size: 25px;
    color: #467cdf;
    margin-left: 2px;
}

.sch_main .dateinfo>a {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-size: 17px;
    color: #000;
    top: 0;
    z-index: 1;
}

.sch_main .dateinfo>a:first-of-type {
    left: 0;
    padding-right: 2px;
}

.sch_main .dateinfo>a:last-of-type {
    right: 0;
    padding-left: 2px;
}

.sch_main .table_cal {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px 30px;
}

.sch_main .table_cal>table {
    width: 100%;
    float: left;
}

.sch_main .table_cal>table th {
    height: 30px;
    text-align: center;
    color: #999;
    font-size: 12px;
    font-weight: bold;
}

.sch_main .table_cal>table td {
    height: 30px;
    text-align: center;
    color: #222;
    font-size: 12px;
    font-weight: bold;
}

.sch_main .table_cal>table td>.gray {
    color: #999;
}

.sch_main .table_cal>table td>.activeaa {
    color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    border-radius: 100%;
    background-color: #467cdf;
    font-weight: 500;
}

.sch_main .table_cal .bef {
    color: #999;
}

.sch_main .today {
    width: 100%;
    float: left;
    margin-top: 25px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}

.sch_main .today>.tit {
    color: #467cdf;
    width: 100%;
    float: left;
    padding: 0 10px;
    font-size: 15px;
    font-weight: bold;
}

.sch_main .today>.tit>i {
    margin-right: 8px;
    font-size: 17px;
    color: #467cdf;
}

.sch_main .today>.tit>ul {
    width: 100%;
    float: left;
    padding: 0 20px 0 32px;
    margin-top: 10px;
}

.sch_main .today>.tit>ul>li {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.sch_main .today>.tit>ul>li>span {
    height: 15px;
    line-height: 15px;
    font-weight: 500;
}

.sch_main .today>.tit>ul>li>.to {
    float: left;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.sch_main .today>.tit>ul>li>.me {
    float: right;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.sch_main .mainb {
    width: calc(100% - 370px);
    float: left;
    margin-left: 50px;
}

.sch_main .top {
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 2px solid #467cdf;
}

.sch_main .top>div {
    width: 100%;
    float: left;
    height: 100%;
    padding-top: 25px;
}

.sch_main .left {
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: -1px;
    padding-left: 5px;
}

.sch_main .left>button {
    background-color: #fff;
    color: #999;
    font-size: 14px;
    width: 180px;
    height: 50px;
    line-height: 48px;
    margin-left: 7px;
    border-radius: 5px 5px 0px 0px;
    font-weight: 600;
    border: 1px solid #636363;
}

.sch_main .left *.active {
    border-color: #636363;
    color: #636363;
}

.sch_main .right {
    position: absolute;
    right: 0;
    bottom: -1px;
    padding-left: 0px 10px 10px 0px;
}

.sch_main .right>button {
    width: 150px;
    height: 40px;
    line-height: 38px;
    margin-left: 7px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.sch_main .right .schIn {
    color: #fff;
}

.sch_main .right .memoup {
    color: #fff;
}

.sch_main .right .schIn>i {
    color: #fff;
    margin-right: 5px;
}

.sch_main .right .memoup>i {
    color: #fff;
    margin-right: 5px;
}

.sch_main .date {
    width: 30%;
    float: left;
    position: absolute;
    transform: translatex(40%);
    text-align: center;
    height: 100%;
    left: 27%;
    bottom: 60%;
}

.sch_main .date>a {
    width: 35px;
    height: 35px;
    border: 1px solid;
    border-radius: 100%;
    float: left;
    z-index: 2;
    text-align: center;
    top: 16px;
    color: #467cdf;
    line-height: 34px;
}

.sch_main .date>a.rightarr {
    right: 45px;
}

.sch_main .date>a.leftarr {
    left: 45px;
}

.sch_main .date>a>i {
    padding-top: 8px;
    color: #467cdf;
}

.sch_main .date>p {
    float: left;
    padding-top: 5px;
}

.sch_main .date span {
    font-size: 25px;
    font-weight: bold;
    color: #467cdf;
    display: inline-block;
    line-height: 22px;
    padding-left: 10px;
}

.sch_main .date>p>i {
    font-size: 35px;
    color: #467cdf;
    bottom: 3px;
}

.sch_main .date .date1 {
    font-size: 12px;
    font-weight: 500;
    color: #999;
    float: left;
    padding-left: 0px;
}

.sch_main .text {
    width: 100%;
    float: left;
    border-color: #636363;
    border-bottom: 1px solid #636363;
}

.sch_main .text>ul {
    width: 100%;
    float: left;
    padding: 30px 20px;
}

.sch_main .text>ul>li {
    width: 100%;
    float: left;
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 20px 30px;
}

.sch_main .time {
    width: 100%;
    float: left;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.sch_main .time>i {
    font-size: 18px;
    margin-right: 10px;
    top: 2px;
}

.sch_main .date .date2 {
    font-size: 12px;
}

.sch_main .mainb .todayschdule {
    width: 100%;
    height: 140px;
    line-height: 140px;
    float: left;
    text-align: center;
    font-weight: 500;
    color: #aaa;
    border-bottom: 1px solid #000;
}

.sch_main .mainb .todayschdule>span {
    font-size: 14px;
    color: #aaa;
}

.list_text {
    width: 100%;
    float: left;
    border-bottom: 1px solid #467cdf;
}

.list_text tbody>tr {
    border-bottom: 1px solid #e1e1e1;
}

.list_text tbody>tr:last-child {
    border: none;
}

.list_text tbody>tr th {
    border-right: 1px solid #e1e1e1;
    padding: 25px 0px;
    color: #333;
}

.list_text tbody .datelist {
    padding: 10px 50px 20px 50px;
}

.list_text tbody .datelist .data_div {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.list_text tbody .datelist span {
    width: auto;
    float: left;
}

.list_text .datelist .one {
    width: 15%;
}

.list_text .datelist .type_code {
    font-weight: bold;
    width: 13%;
}

.list_text .noData {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
    color: #333;
}

.sch_main .table_cal>table td a {
    font-size: 11px;
}

.table_cal a.nowday {
    font-weight: bold;
    color: #000;
}

.table_cal .nowspan {
    line-height: 0px;
    font-size: 35px;
    position: absolute;
    top: 15px;
    left: 11.5px;
}

.table_cal span:last-of-type {
    display: inline-block;
}


/*설문조사 등록*/
.contentWrap .contentTitle {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.contentWrap .contentTitle .title i {
    font-size: 20px;
    font-weight: 900;
}

.contentWrap .contentTitle .title span {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    padding-left: 15px;
}

.contentWrap .contentTitle .info {
    color: #333;
    padding: 10px 33px;
}

.option_plus {
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #467cdf;
    border-radius: 5px;
    color: #467cdf;
    text-align: center;
    font-weight: 900;
    margin: 10px 0;
    cursor: pointer;
}

.option_plus i {
    color: #467cdf;
}

.survey_plus {
    float: right;
    width: 200px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #467cdf;
    border-radius: 5px;
    color: #467cdf;
    text-align: center;
    font-weight: 900;
    margin: 10px 0;
    cursor: pointer;
    margin: 0;
}

.survey_plus i {
    color: #467cdf;
}

.type_form .form div:not(.noForm) table tr td.tdline {
    line-height: 54px;
}

/*.type_form .form div:not(.noForm) table tr td.value{line-height: 54px;}*/
label.customCheckBox {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.customCheckBoxLabel:not(:first-of-type) {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.customCheckBoxLabel.option_plus {
    float: right;
}



/* 설문조사 댓글 */
.popCont .comment_title {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #467cdf;
    padding: 5px 0px;
}

.popCont .comment_title span {
    font-weight: 800;
    float: left;
    font-size: 17px;
    color: #467cdf;
}

.popCont .comment_list {
    width: 100%;
    float: left;
}

.popCont .comment_list li {
    width: 100%;
    float: left;
    padding: 15px 0px;
    border-bottom: solid 1px #e2e2e2;
}

.comment_list li .comment_icon {
    float: left;
    width: 70px;
    height: 70px;
    padding: 10px;
}

.comment_list li .comment_icon span {
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 50%;
    background: #e2e2e2;
    text-align: center;
    color: #fff;
    line-height: 50px;
}

.comment_list li .comment_icon span i {
    color: #fff;
    font-size: 17px;
}

.comment_list li .comment_txt {
    float: left;
    width: 100%;
}

.comment_list li .comment_contetn {
    float: left;
    width: 100%;
    margin-top: 3px;
}

.comment_list li .comment_data {
    float: right;
    letter-spacing: 0;
    font-size: 12px;
    color: #ccc;
}

.comment_list li .store_name {
    font-weight: 800;
    color: #333;
    font-size: 15px;
}

.comment_list li .con_txt {
    padding: 10px 0px;
    width: calc(100% - 70px);
    float: left;
}

.survey .entry_file {
    margin: 5px 0px;
    padding: 6px 15px;
    border-radius: 10px;
    color: #fff !important;
    float: left;
    width: auto !important;
}

.survey .entry_file a {
    font-size: 13px;
}

.survey .entry_file i {
    font-size: 13px;
}

/* 설문조사 통계 */
.charts .tit {
    font-weight: bold;
}

.charts #chart2 {
    top: 50%;
    transform: translateY(-50%);
}

/*지원문의 */
.type_view .view .value_files {
    width: 100%;
    margin: 3px 0px;
}

.type_view .view .value_files .img_flis {
    width: 60px;
    height: 60px;
    padding: 3px;
    border-radius: 5px;
    margin: 2px 5px;
    border: dotted 1px #c4c2c2;
    float: left;
    cursor: pointer;
}

.type_view .view .value_files .img_flis div {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    float: left;
    height: 100%;
}

.type_view .view .value_files .img_flis div::after {
    content: "+";
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.type_view .view .value_files .file_previews div::after {
    content: "";
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.type_view .view .value_files .file_previews .youtube_bt {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    color: #fff;
    line-height: 54px;
    text-align: center;
}

.type_view .view .value_files .img_flis div img {
    width: 100%;
    height: 100%;
    float: left;
}

.type_view .view .value_files .img_flis div video {
    width: 100%;
    height: 100%;
    float: left;
}

.type_view .view .value_files .flirs {
    padding: 5px 15px;
    float: left;
    border-radius: 5px;
    border: solid 1px #c4c2c2;
}

.type_view .view .dateView>form table td span a {
    width: 100%;
    float: left;
    cursor: pointer;
}

.type_view .view .file_preview {
    z-index: 999;
    visibility: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.type_view .view .file_preview img {
    max-width: 44%;
    max-height: 80vh;
    float: left;
    top: 40%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -40%);
}

.type_view .view .file_preview video {
    max-width: 44%;
    max-height: 80vh;
    float: left;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -40%);
}

.type_view .view .file_preview iframe {
    max-width: 44%;
    max-height: 80vh;
    float: left;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -40%);
}

.type_view .previewCloseBtn {
    width: 100%;
    float: right;
    text-align: right;
    color: #fff;
    padding: 20px;
}

.type_view .previewCloseBtn i {
    padding: 5px;
    color: #fff;
    font-size: 50px;
}

.type_view .img_s {
    width: 100%;
    float: left;
    height: 80vh;
    text-align: center;
}

.type_view .img_s p.count {
    color: #fff;
    float: left;
    width: 100%;
    padding: 0.5% 0%;
}

.type_view .img_s p.count span {
    color: #fff;
    font-weight: bold;
}

.type_view .img_s .img_popup_btn {
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.type_view .img_s .img_popup_btn i {
    color: #fff;
    font-size: 50px;
    cursor: pointer;
    z-index: 999;
}

.type_view .img_s .left_bt {
    left: 15%;
}

.type_view .img_s .right_bt {
    right: 15%;
}

/* 상품설정 */

.option .value ul .labels .label {
    line-height: 60px;
    padding: 0;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #f8f8f8;
    height: 60px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.option .value .values {
    width: 100%;
    border-top: solid 1px #e2e2e2;
    float: left;
}

.option .value .values:nth-child(2) {
    border-top: none;
}

.option .value .values:last-child {
    border-bottom: solid 1px #e2e2e2;
}

.option .value ul li div:last-child {
    border-right: none;
    width: 10%;
}

.option .value div .del_option {
    float: left;
    width: 100%;
    line-height: 35px;
}

.option .value ul li div {
    border-right: 1px solid #e2e2e2;
    padding: 10px;
    width: 45%;
    text-align: center;
    float: left;
    vertical-align: middle;
}

.option .option_name {
    padding-right: 5px;
    padding-left: 0;
}

.option .option_price {
    padding-left: 5px;
    padding-right: 5px;
}


.type_form .form div:not(.noForm) table tr td.ocation_box {
    line-height: initial !important;
}

.ocation_box span {
    padding: 5px 15px;
    color: #333 !important;
    font-weight: 800;
    border: solid 1px #ededed;
    border-radius: 5px;
    margin: 5px 0px;
}

.ocation_box span i {
    padding: 5px;
    padding-left: 0;
}

.ocation_box .on i {
    color: #19234b !important;
}

.noticelookup {
    letter-spacing: 0;
}

.noticelookup span {
    letter-spacing: 0;
}

.noticelookup .looupcnt {
    font-weight: bold;
    color: #467cdf !important;
    font-size: 17px;
}

.noticelookup .totalcnt {
    color: #666
}

/* 공지 읽음 */
.noticeWrap {
    padding: 0px;
}

.notice_lookup .popNav {
    border-radius: 5px;
}

.notice_lookup .left {
    width: 80%;
    float: left;
}

.notice_lookup .right {
    width: 20%;
    float: right;
    border-left: 1px solid #333;
    padding: 0px 15px;
}

.notice_lookup .popNav {
    font-weight: bold;
    font-size: 20px;
}

.notice_lookup .left .lookup_icon {
    padding-right: 10px;
    float: left;
}

.lookup_icon>i {
    font-size: 20px;
}

.notice_lookup .click {
    width: 100%;
    float: left;
    line-height: 35px;
}

.notice_lookup .click span {
    padding: 0px 10px;
}

.notice_lookup .click i {
    padding: 0px 5px;
}

.notice_lookup .lookup {
    border-bottom: solid 1px #ebebeb;
    float: left;
    width: 100%;
}

.notice_lookup .lookup span {
    padding: 15px;
    float: left;
    font-weight: bold;
    cursor: pointer;
}

.notice_lookup .lookup .right {
    padding: 15px;
    border: none;
}

.notice_lookup .lookup .right .commonBtn {
    width: 210px !important;
}

.lookuplist {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.lookuplist ul {
    width: 100%;
    float: left;
}

.lookuplist ul li {
    width: calc(100% / 3 * 1);
    float: left;
    padding: 20px 0px;
}

.lookuplist li span {
    padding: 0px 10px;
    float: left;
    color: #333;
    letter-spacing: 0;
}

.lookuplist li .date_reg {
    color: #666;
}

.lookuplist li i {
    font-size: 18px;
    color: #999;
    float: left;
}

.lookuplist li div {
    border-right: solid 1px #c7c5c5;
    padding: 0px 5%;
    float: left;
    width: 82%;
}

.lookuplist li:nth-child(3n) div {
    border: none;
}

.lookuplist li:last-child div {
    border: none;
}

.notice_lookup .right span {
    padding: 0px 5px;
}

.lookuplist .read_cnt_none {
    border: none;
}


/* 설문조사 */
.contentBox .survey {
    width: 42%;
    margin-top: 0;
}

.contentBox .previews {
    width: 58%;
    float: left;
    text-align: center;
    height: 50px;
    margin-top: 2%;
}

.contentBox .preview {
    padding: 8px 60px;
    color: #333333;
    border: solid 1px #19234b;
    border-radius: 15px;
    font-weight: 800;
    font-size: 14px;
}

.right_view {
    min-height: 800px;
}

.type_view .survey_view_left {
    width: 42%;
    float: left;
    margin-right: 30px;
    padding: 0 25px;
}

.type_view .survey_view_left .txtBox {
    width: 100%;
}

.type_view .survey_view_left .date {width:40%;}
.type_view .survey_view_left .date2 {width:40%; background:#f3f3f3;}

.type_view .survey_view .survey_date {
    letter-spacing: 0;
    width: 100%;
    float: left;
    text-align: right;
}

.type_view .survey_view .survey_date .dates {
    font-weight: 800;
    margin-right: 10px;
}

.type_view .survey_view .title {
    border-bottom: solid 1px #666666;
    width: 100%;
    float: left;
    padding: 30px 0px;
}

.survey_view_left .content {
    float: left;
    width: 100%;
}

.survey_view_left ul {
    float: left;
    width: 100%;
}

.survey_view_left li {
    float: left;
    width: 100%;
}

.survey_view_left .content .title {
    padding: 10px 0px;
    padding-bottom: 5px;
    width: 100%;
    font-weight: 800;
    float: left;
}

.survey_view_left .content .title span {
    font-weight: 200;
    float: right;
    text-align: right;
    font-size: 11px;
    color: #999;
    padding-top: 5px;
}

.survey_view_left .content .txtBox {
    width: 100%;
    float: left;
    height: 35px;
}

.survey_view_left .content textarea.txtBox {
    height: 85px;
}

.survey_view_left .content .questions_plus {
    border: none;
    background: #666666;
    color: #fff !important;
    float: left;
    width: 150px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    text-align: center;
    font-weight: 900;
    margin: 10px 0;
    cursor: pointer;
}

.survey_view_left .content .questions_plus i {
    border: none;
    background: #666666;
    color: #fff !important;
}

.survey_view_left .content .questions_update {
    border: none;
    background: #666666;
    color: #fff !important;
    float: left;
    width: 150px;
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
    text-align: center;
    font-weight: 900;
    margin: 10px 0;
    cursor: pointer;
}

.survey_view_left .content .questions_update i {
    border: none;
    background: #666666;
    color: #fff !important;
}

.survey_view_left .tr_option .txtBox {
    width: 76%;
    margin-left: 0;
}

.survey_view_left .tr_option .circle {
    text-align: center;
}

.survey_view_left .tr_option .circle i {
    line-height: 25px;
    cursor: pointer
}

.survey_view_left .tr_option {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.survey_view_left ul.tr_option {
    border-top: solid 1px #ededed;
    margin-top: 15px;
}

.survey_view .title .tit {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 23px;
}

.survey_view .title .sub_tit {
    margin-top: 10px;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #999999;
}

.contentBox.shadows .fileName {
    background-color: #fff;
    line-height: 35px;
    font-size: 13px;
    color: #cccccc;
    border: 1px solid #d8d8d8;
    padding: 0 10px;
    float: left;
    width: 65%;
}

.contentBox.shadows .survey_file {
    background-color: #fff;
    margin-left: 5%;
    width: 30%;
    float: left;
    line-height: 35px;
    text-align: center;
    border: 1px solid #666;
    font-weight: bold;
}

.contentBox.shadows .fliesn i {
    color: #fff;
    padding: 0px 3px;
    font-size: 12px;
}

.contentBox.shadows .fliesn {
    width: auto;
    float: left;
    line-height: 25px;
    margin-bottom: 25px;
    padding: 0px 10px;
    background: #666;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
}

.type_view .survey_view_right {
    width: 55%;
    float: right;
    max-height: 1000px;
    overflow-y: auto;
    box-shadow: 2px 4px 15px 8px rgb(0 0 0 / 10%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.type_view .survey_view_right .survey_view {
    height: 100%;
    padding: 25px;
    width: 100%;
    float: left;
    border-radius: 5px;
    background-color: #fff;
}

.survey_view_right .listNoData {
    width: 100%;
    float: left;
    text-align: center;
    padding: 350px 0px;
}

.type_view .survey_view_right::-webkit-scrollbar {
    width: 5px;
}

.type_view .survey_view_right::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
}

.type_view .survey_view_right::-webkit-scrollbar-track {
    background-color: white;
    box-shadow: inset 0px 0px 5px white;
}

.comment_talk {
    width: 100%;
    float: left;
    padding: 10px 30px 20px 30px;
}

.no_questions {
    width: 100%;
    float: left;
}

.survey_view_right .NOicon {
    padding: 10px;
}

.survey_view_right .NOicon i {
    color: #cccccc;
    font-size: 55px;
}

.survey_view_right .listNo {
    color: #cccccc;
    font-size: 16px;
}

.questions_previews {
    width: 100%;
    float: left;
    margin-top: 25px;
}

.questions_previews .prev_back {
    border-radius: 15px;
    width: 100%;
    float: left;
    padding: 17px 20px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.questions_previews .prview_top {
    width: 100%;
    float: left;
}

.questions_previews .icon {
    float: right;
}

.questions_previews .icon i {
    padding: 0px 5px;
    color: #cccccc;
    cursor: pointer;
}

.questions_previews .left {
    width: 4%;
    float: left;
}

.questions_previews .left span {
    float: left;
    font-size: 18px;
    font-weight: 800;
    color: #333;
}

.questions_previews .right {
    width: 96%;
    float: right;
}

.questions_previews .right .titles {
    width: 100%;
    float: left;
}

.questions_previews .titles .tit {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.questions_previews .titles .sub_tits {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #999;
    padding-top: 4px;
}

.questions_previews .conn {
    width: 100%;
    float: left;
}

.questions_previews .contents {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.questions_previews .contents ul {
    width: 100%;
    float: left;
}

.questions_previews .contents li {
    width: 100%;
    float: left;
    line-height: 50px;
    color: #666;
}

.questions_previews .contents li textarea {
    width: 100%;
}

.survey .titie_box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.survey .titie_box .left {
    width: 3%;
    float: left;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.survey .titie_box .right {
    width: 97%;
    float: left;
}

.survey .titie_box .right span {
    width: 100%;
    float: left;
}

.survey .titie_box .right .tit {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.survey .titie_box .right .sub_tit {
    font-size: 13px;
    color: #ccc;
    font-weight: 500;
}

.survey .survey_option .conntent {
    width: 100%;
    padding: 0px 15px;
    max-height: 400px;
    overflow-y: auto;
    float: left;
}

.survey .survey_option .conntent ul {
    width: 100%;
    float: left;
}

.survey .survey_option .conntent ul li {
    width: 100%;
    float: left;
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin: 5px 0px;
}

.survey .survey_option .conntent ul li span {
    width: 100%;
    float: left;
}

.survey .survey_option .conntent ul li .title {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    padding: 5px 0px;
}

.survey .survey_option .conntent ul li .sub_title {
    font-size: 13px;
    color: #666;
}

.survey .survey_option .fill_conntent {
    width: 100%;
    float: left;
    padding: 0px 15px;
    max-height: 400px;
    overflow-y: auto;
}

.survey .survey_option .fill_conntent ul {
    width: 100%;
    float: left;
}

.survey .survey_option .fill_conntent ul li {
    width: 25%;
    float: left;
    padding: 0px 10px;
}

.survey .survey_option .fill_conntent ul li div {
    padding: 15px 0px;
    width: 100%;
    float: left;
    border: solid 1px #e2e2e2;
    border-radius: 10px;
    text-align: center;
}

.survey .survey_option .fill_conntent ul li div span {
    width: 100%;
    float: left;
}

.survey .survey_option .fill_conntent ul li div .title {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.survey .survey_option .fill_conntent ul li div .date {
    font-size: 13px;
    color: #ccc;
    margin-top: 3px;
    margin-bottom: 10px;
}

.survey .survey_option .fill_conntent ul li div .sub_title {
    font-size: 13px;
    color: #666;
}

.survey .survey_option .fill_conntent ul li div .sub_title i {
    padding: 0px 5px;
}

.survey .survey_option .fill_conntent ul li div .sub_title a {
    font-size: 12px;
    text-decoration: underline;
    font-weight: 400;
    letter-spacing: 0;
}

/* 설문조사 */


/* 계약관리 & 재계약 리스트 2022.08.18(목) 작업자 문정원 */

.list .contract_list>ul {
    width: 100%;
    float: left;
    background-color: #f8f8f8;
    border: 2px solid #e2e2e2;
    border-radius: 10px;
    height: 50px;
    text-align: center;
    display: table;
    padding: 5px 0;
}

.list .contract_list>ul:not(:first-child) {
    background-color: #ffffff;
    border-radius: 0px;
    height: 70px;
    margin-top: 10px;
}

.nodiv {
    width: 100%;
    float: left;
    padding-top: 30px;
    text-align: center;
}

.nodiv .picon {
    width: 100%;
    float: left;
    color: #d1d1d1;
    font-size: 15px;
}

.nodiv .picon i {
    color: inherit;
    font-size: 45px;
}

.nodiv .ptext {
    width: 100%;
    float: left;
    color: #d1d1d1;
    font-size: 15px;
    padding-top: 10px;
}

.list .contract_list>ul>li {
    width: 10%;
    display: table-cell;
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.list .contract_list>ul>li.width4 {
    width: 4%;
}

.list .contract_list>ul>li.width22 {
    width: 22%;
}

.list .contract_list>ul>li.width22>span.finish_date {
    color: #CC3333;
    font-size: 12px;
}

.list .contract_list>ul:not(:first-child)>li {
    position: relative;
}

.list .contract_list>ul>li>span {
    display: inline-block;
    font-weight: 900;
    color: #000;
    letter-spacing: 0;
}

.list .contract_list>ul>li>p {
    font-weight: 300;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
}

.list .contract_list>ul>li>p.subText {
    color: #ccc;
    font-size: 12px;
}

.list .contract_list>ul:not(:first-child)>li>span {
    display: inline-block;
    font-weight: 100;
    color: #666;
    letter-spacing: 0;
    font-size: 13px;
}

.contract_list .right_line {
    position: absolute;
    height: 15px;
    width: 1px;
    background-color: #e2e2e2;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.list .go_list {
    color: #1E63B7;
    font-size: 18px;
    cursor: pointer;
}

.contract_list .sub_text {
    color: #ccc !important;
}

/* 계약관리 & 재계약 리스트 2022.08.18(목) 작업자 문정원 */

/* 신규계약 * 양도양수 등록폼 2022.08.18(목) 작업자 문정원 */

.type_form .form .file_one>div {
    width: 100%;
    float: left;
}

.type_form .form .file_one>div>div {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.type_form .form .file_one label.plus_file {
    padding: 0px;
    border: none;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}

.type_form .form .file_one label.con_cancelBtn {
    padding: 0px 2.5px;
}

.type_form .form .file_one label.info_cancelBtn {
    padding: 0px 2.5px;
}

.type_form .form .file_one label.etc_cancelBtn {
    padding: 0px 2.5px;
}

.type_form select.team_code {
    min-width: 180px;
    margin-right: 10px;
}

.type_form select.ov_idx {
    min-width: 180px;
}

/* 신규계약 * 양도양수 등록폼 2022.08.18(목) 작업자 문정원 */

/* 재계약폼 2022.08.18(목) 작업자 문정원 */

.type_form .form .file_one .filediv {
    padding: 10px 0px;
}

.type_form .form .file_one .filediv p.conrenew {
    width: 100%;
    float: left;
}

.type_form .form .file_one .filediv p.conrenew .condelBtn {
    line-height: 42px;
    margin-left: 5px;
    cursor: pointer;
}

.type_form .form .file_one .filediv a {
    width: auto;
    float: left;
    margin: 10px 0px;
    text-underline-position: under;
    text-decoration: underline;
    color: #467cdf;
}

.type_form .form .file_one .filediv a.updateetc {
    margin: 10px 15px 10px 0px;
}

/* 재계약폼 2022.08.18(목) 작업자 문정원 */

/* 계약 상세보기 2022.08.18(목) 작업자 문정원 */

.contract_div ul li {
    width: 50%;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.contract_div ul .con_code {
    float: left;
}

.contract_div ul .btnli {
    float: right;
    text-align: right;
    margin-bottom: 5px;
}

.contract_div ul li span i {
    font-size: 20px;
    color: #333;
    margin-right: 5px;
}

.contract_div ul li .halfBtn {
    width: 80px;
    padding: 0px;
    border: 1px solid;
}

.contract_div ul .btnli>button.actionBtn_delete {
    margin-left: 10px;
    top: -1px;
}

.type_view2 .view .filediv {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.type_view2 .view .filediv p.conrenew {
    width: 100%;
    float: left;
}

.type_view2 .view .filediv p.conrenew .condelBtn {
    line-height: 42px;
    margin-left: 5px;
    cursor: pointer;
}

.type_view2 .view .filediv a {
    width: auto;
    float: left;
    margin: 10px 0px;
    text-underline-position: under;
    text-decoration: underline;
    color: #467cdf;
}

.type_view .view .filediv a {
    width: auto;
    float: left;
    margin: 10px 0px;
    text-underline-position: under;
    text-decoration: underline;
    color: #467cdf;
}

/* 계약 상세보기 2022.08.18(목) 작업자 문정원 */


/* 발주관리 */
.orderV .boxLine {
    padding: 80px 35px 35px 35px;
}

.orderV .leftBox .pageCnt>div {
    color: #000;
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
}

.orderV .leftBox .pageCnt>div>i {
    margin: 0 20px;
}

.orderV .rightBox a>button {
    font-size: 13px;
    width: 80px;
    margin-right: 10px;
    padding: 0;
}

.orderV .dash>div:nth-child(2n) {
    font-weight: 500;
    color: #ccc;
}

.orderV .dash>div:nth-child(3) {
    margin-left: 100px;
}

.orderV .logic_area {
    padding: 0 10px;
}

.orderV .imgBox_area {
    padding: 15px;
}

.orderV .imgBox_area img {
    width: 90px;
    height: 90px;
    float: left;
    border-radius: 10px;
}

.orderV .imgBox_area div {
    width: calc(100% - 90px);
    float: left;
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    margin-top: 15px;
}

.orderV .td_del_pay {
    padding: 0 10px;
}

.orderV .stop p {
    width: 100%;
    float: left;
    padding: 0px 10px;
}

.orderV .stop p>button {
    width: 100%;
    height: 35px;
    margin-top: 5px;
    font-weight: 500;
    float: left;
    cursor: pointer;
    background-color: #fff;
    border-radius: 4px;
}

.orderV .type_formss {
    margin-top: 70px;
}

.type_formss .form .settings_area {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    right: 0;
    text-align: center;
    padding-top: 4px;
    top: 3px;
    cursor: pointer;
}

.type_formss .form .settings_area>i {
    color: #9C9C9C;
}

.orderV .type_formss .form .total_area {
    color: #D26A6E;
    font-weight: 900;
}

.orderV table {
    float: left;
}

/* 가맹점관리속 계약관리 */
.storeVCW .inq_code>ul>li {
    width: 50%;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.storeVCW .inq_code>ul .con_code {
    float: left;
}

.storeVCW .inq_code>ul .btnli {
    float: right;
    text-align: right;
    margin-bottom: 5px;
}

.storeVCW .inq_code>ul>li>span>i {
    font-size: 20px;
    color: #333;
    margin-right: 5px;
}

.storeVCW .commonBtn {
    width: 80px;
    padding: 0px;
}

.storeVCW .settingBtn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    right: 5px;
    top: -50%;
    border-radius: 3px;
    position: absolute;
    cursor: pointer;
}

.storeVCW .txtBox {
    width: 100%;
}

.storeVCW textarea.txtBox {
    resize: none;
}

.storeVCW select.txtBox {
    width: 150px;
}

.storeVCW .type_view2 .view table tr td.file_one>div {
    width: 100%;
    float: left;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>span {
    float: left;
    height: 35px;
    line-height: 35px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 0 10px;
    cursor: default;
    min-width: 186px;
    text-align: center;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label {
    float: left;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 0 20px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    border-color: #467cdf !important;
    color: #467cdf !important;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label i {
    color: inherit;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>span.fileName {
    color: #ccc;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label.plus_file {
    padding: 0px;
    border: none;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label.con_cancelBtn {
    padding: 0px 2.5px;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label.info_cancelBtn {
    padding: 0px 2.5px;
}

.storeVCW .type_view2 .view table tr td.file_one>div>div>label.etc_cancelBtn {
    padding: 0px 2.5px;
}

.storeVCV .inq_code>ul>li {
    width: 50%;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.storeVCV .inq_code>ul .con_code {
    float: left;
}

.storeVCV .inq_code>ul .btnli {
    float: right;
    text-align: right;
    margin-bottom: 5px;
}

.storeVCV .inq_code>ul>li>span>i {
    font-size: 20px;
    color: #333;
    margin-right: 5px;
}

.storeVCV .commonBtn {
    width: 80px;
    padding: 0px;
}

.storeVCV .settingBtn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    text-align: center;
    right: 5px;
    top: -50%;
    border-radius: 3px;
    position: absolute;
    cursor: pointer;
}

.storeVCV .filediv {
    width: 100%;
    float: left;
    padding: 10px 0px;
}

.storeVCV .filediv a {
    width: 100%;
    float: left;
    margin: 10px 0px;
    text-underline-position: under;
    text-decoration: underline;
    color: #467cdf;
}


.type_view_chat {
    width: 100%;
    float: left;
}

.type_view_chat .code_info_box {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 20px 10px 20px;
    color: #333;
    font-size: 17px;
}

.type_view_chat .code_info_box i {
    color: inherit;
    font-size: inherit;
}

.chat_wrap {
    width: 100%;
    float: left;
    padding: 0 20px;
}

.type_view_chat .chat_left {
    width: 40%;
    float: left;
}

.type_view_chat .chat_left h1.tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    color: #333;
}

.type_view_chat .chat_left table {
    margin-top: 20px;
}

.type_view_chat .chat_left table tr:first-of-type>* {
    border-top: 2px solid #666666;
}

.type_view_chat .chat_left table tr:not(:first-of-type)>* {
    border-top: 1px solid #e4e4e4;
}

.type_view_chat .chat_left table tr:last-of-type>* {
    border-bottom: 2px solid #f0f0f0;
}

.type_view_chat .chat_left table tr th.label {
    background-color: #f8f8f8;
    height: 60px;
    padding: 8px 25px;
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.type_view_chat .chat_left table tr td.value {
    background-color: white;
    padding: 8px 25px;
}

.type_view_chat .chat_left table tr td.com {
    color: #cc3333;
    font-weight: bold;
}

.type_view_chat .complete_box {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 15px;
}

.type_view_chat .complete_box>div {
    width: 100%;
    float: left;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 25px 20px;
}

.type_view_chat .complete_box>div div {
    width: 100%;
    float: left;
}

.type_view_chat .complete_box>div ul {
    width: 100%;
    float: left;
}

.type_view_chat .complete_box>div ul li {
    width: 100%;
    float: left;
}

.type_view_chat .complete_box>div ul li:not(:first-of-type) {
    margin-top: 20px;
}

.type_view_chat .complete_box textarea {
    width: 100%;
    float: left;
    resize: none;
    padding: 5px;
}

.type_view_chat .chat_right {
    width: 60%;
    float: left;
}

.type_auth {
    width: 100%;
    float: left;
}

.type_auth td {
    text-align: center;
    padding: 5px;
    color: #333;
    font-weight: bold;
}

.type_auth td label {
    font-weight: normal;
}

.type_auth td.main_td {
    background-color: #f8f8f8;
}

.type_auth .listBtn {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-top: 17px;
}

.type_auth .listBtn .leftBox {
    width: 50%;
    float: left;
}

.type_auth .listBtn .leftBox button,
.type_auth .listBtn .leftBox a {
    text-align: center;
    float: left;
    margin-left: 0;
}

.type_auth .listBtn .line {
    margin: 0 10px;
    width: 1px;
    float: left;
    height: 35px;
}

.type_auth .listBtn .line:after {
    content: " ";
    width: 1px;
    height: 18px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.type_auth .listBtn .rightBox .line {
    float: right;
}

.type_auth .listBtn .rightBox {
    width: 50%;
    float: right;
    text-align: right;
}

.type_auth .listBtn .rightBox button,
.type_auth .listBtn .rightBox a {
    text-align: center;
    float: right;
    margin-left: 0;
}

.auth_checkWrap {
    text-align: left !important;
}

/* 권한설정 상단 팀명, 팀목록 2022.08.26(금) 작업자 문정원 */
.auth_div {
    margin-bottom: 20px;
    padding: 0px;
}

.auth_div>ul {
    margin-bottom: 10px;
}

.auth_div span.team {
    min-width: 8%;
    float: left;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-right: 10px;
}

.auth_div form {
    width: 90%;
    float: left;
    padding-bottom: 10px;
}

/* 권한설정 상단 팀명, 팀목록 2022.08.26(금) 작업자 문정원 */

/* 권한 설정 안내 팝업 2022.08.26(금) 작업자 문정원 */
.popCont .authguide {
    position: absolute;
    transform: translate(0%, 25%);
    text-align: center;
}

.authguide>div {
    width: 100%;
    float: left;
}

.authguide>div>ul {
    width: 100%;
    float: left;
}

.authguide>div>ul>li {
    width: 100%;
    float: left;
}

.authguide>div>ul>li>i.tit {
    font-size: 58px;
    text-align: center;
    color: #ccc;
}

.authguide .iconul>li {
    padding: 20px 0px;
}

.authguide .textul>li {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    padding: 2.5px 0px;
}

.authguide .textul>li span {
    color: #07abb7;
    font-size: 17px;
}

.authguide .btnWrap {
    padding: 40px 255px;
}

.authguide .btnWrap .bgBtn {
    background-color: #f2f2f2;
    width: 100%;
    float: left;
    padding: 20px 0px;
}

.authguide .btnWrap button {
    height: 40px;
    font-weight: 500;
}

.authguide .btnWrap .cancelBtn {
    width: 110px;
    margin: 0px;
    background-color: #fff;
    float: ;
}

.authguide .btnWrap .linkBtn {
    width: 190px;
}

/* 권한 설정 안내 팝업 2022.08.26(금) 작업자 문정원 */


/* DB항목설정 2022.09.20(화) 작업자 문정원 */
.type_list .list table.plusWrap {
    margin-top: 30px;
}

.form_list_btn_wrap td button.moreDBbtn {
    color: #467cdf;
    border-color: #467cdf;
    font-size: 16px;
    font-weight: 500;
}

.form_list_btn_wrap td button.moreDBbtn>i {
    color: #467cdf;
    border-color: #467cdf;
    font-size: 16px;
}

.form_list_btn_wrap .total_price_list td {
    border: 1px solid #e2e2e2;
}

.form_list_btn_wrap .total_price_list td:first-of-type {
    border-left: none;
}

.form_list_btn_wrap .total_price_list td:last-of-type {
    border-right: none;
}

.form_list_btn_wrap .total_price_list .price {
    padding: 0 15px;
}

.type_list .list table tbody td i.delBtn {
    color: #467cdf;
    border-color: #467cdf;
    font-size: 16px;
}

/* DB항목설정 2022.09.20(화) 작업자 문정원 */

/* 오픈매장관리 */
.guide_box {
    width: 100%;
    float: left;
    border: solid 1px #467cdf;
    padding: 15px 10px;
    padding-bottom: 10px;
    letter-spacing: 0;
}

.guide_box li {
    width: 23.75%;
    float: left;
    border-right: solid 1px #467cdf;
}

.guide_box li:last-child {
    border: none;
}

.guide_box li:first-child {
    border: none;
}

.guide_box li div {
    font-size: 13px;
    width: 60%;
    float: left;
    text-align: center;
    font-weight: bold;
}

.guide_box li div span {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #999999;
    font-weight: 100;
}

.guide_box li .point {
    width: 40%;
    color: #467cdf;
}

.guide_box .icon {
    width: 5%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #467cdf;
}

.guide_box .icon i {
    font-size: 25px;
    color: #467cdf;
}

.open_store {
    width: 100%;
    float: left;
}

.open_store .check_list {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.open_store .check_list .top {
    width: 100%;
    float: left;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    padding: 10px 25px;
    cursor: pointer;
}

.open_store .check_list .top li {
    color: #333333;
}

.open_store .check_list .top .icons {
    float: left;
    width: 3%;
    text-align: center;
}

.open_store .check_list .top .icons i {
    font-size: 17px;
    line-height: 28px;
}

.open_store .check_list .top .title {
    float: left;
    width: 92%;
    font-size: 20px;
}

.open_store .check_list .top .activeicon {
    font-size: 20px;
    float: right;
    width: 5%;
    text-align: right;
    cursor: pointer;
}

.open_store .check_list .top .activeicon i {
    font-size: 20px;
}

.open_store .check_list .option_list {
    width: 100%;
    float: left;
    overflow: hidden;
}

.option_lists {
    transition: 0s;
}

.open_store .check_list .option_list div {
    width: 100%;
    float: left;
}

.open_store .check_list .option_list div ul {
    border-bottom: solid 1px #e2e2e2;
    width: calc(50% - 60px);
    float: left;
    margin: 30px;
    margin-top: 0px;
}

.open_store .check_list .option_list div ul:nth-child(1) {
    margin-top: 30px;
}

.open_store .check_list .option_list div ul:nth-child(2) {
    margin-top: 30px;
}

.open_store .check_list .option_list div ul li {
    padding: 15px 10px;
}

.open_store .check_list .option_list div ul .option_tit {
    width: 45%;
    float: left;
}

.open_store .check_list .option_list div ul .option_tit .tit {
    font-weight: 600;
}

.check_list .option_list div ul .option_tit span {
    width: 100%;
    float: left;
    border-right: 1px solid #e2e2e2;
}

.open_store .check_list .option_list div ul .click_radio {
    width: 10%;
    float: left;
    text-align: center;
}

.open_store .check_list .option_list div ul .click_radio i {
    font-size: 20px;
    line-height: 35px;
    cursor: pointer;
}

.open_store .check_list .option_list div ul .ss_date {
    width: 45%;
    float: left;
    text-align: right;
}

.open_store .check_list .option_list div ul .ss_date .date_label {
    margin-left: 0;
    float: right;
    margin-right: -95%;
}

.open_store .check_list .option_list div ul .ss_date input {
    width: 100%;
    float: right;
}

.fa-calendar-alt {
    cursor: pointer;
}

.del_option {
    cursor: pointer;
}

/* 오픈매장관리 */



/* 활동관리 2022.09.22(목) 작업자 문정원 */
.work_write {
    width: 100%;
    float: left;
    padding: 10px 80px;
    border: 2px solid #e2e2e2;
    margin-bottom: 30px;
    border-radius: 5px;
}

.work_write form {
    width: 100%;
    float: left;
}

.work_write form>.code_date {
    width: 25%;
    float: left;
    padding: 20px 0px;
}

.work_write form>.code_date>ul {
    width: 100%;
    float: left;
}

.work_write form>.code_date>ul.ul1 {
    margin-bottom: 10px;
}

.work_write form>.code_date>ul>.tit {
    width: 15%;
    float: left;
    line-height: 35px;
}

.work_write form>.code_date>ul>.select {
    width: 85%;
    float: left;
}

.work_write form>.code_date>ul>.calendar {
    width: 85%;
    float: left;
}

.work_write form>.code_date select {
    width: 100%;
}

.work_write form>.code_date input {
    width: 100%;
}

.work_write form>.workcontent {
    width: 55.7%;
    float: left;
    margin: 0px 30px;
    padding: 20px 0px;
}

.work_write form>.workcontent span.tit {
    width: 10%;
    float: left;
    text-align: center;
}

.work_write form>.workcontent span.input {
    width: 90%;
    float: left;
}

.work_write form>.workcontent textarea.content_inp {
    height: 80px;
    width: 95%;
    float: left;
    resize: none;
}

.work_write form>.btnWrap {
    width: 14.4%;
    float: left;
    padding: 20px 0px;
}

.work_write form>.btnWrap .workBtn {
    cursor: pointer;
    border: none;
    width: 180px;
    padding: 10px 0px;
    background-color: #467cdf;
    color: #fff;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;
}

.type_list>div.margin {
    margin-top: 15px;
}

.type_list .list .workList {
    padding: 5px 0px;
    border-left: 1px solid #ededed;
}

.workList .leftWrap {
    width: 10%;
    float: left;
    padding: 15px 0px;
}

.workList .leftWrap div.circle {
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: -11px;
    background-color: #467cdf;
}

.workList .leftWrap div.circle>div {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
}

.workList .leftWrap div.date {
    width: 77%;
    float: right;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.workList .rightWrap {
    width: 90%;
    float: left;
    padding: 15px 35px;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.workList .rightWrap.rightWrap_hover:hover {
    background-color: rgb(238,200,109,0.1);
    cursor: pointer;
}

.workList .rightWrap>ul {
    width: 100%;
    float: left;
}

.workList .rightWrap>ul>li {
    float: left;
}

.workList .rightWrap>ul>li.icon {
    width: 5%;
}

.workList .rightWrap>ul>li.icon>i {
    color: #949494;
}

.workList .rightWrap>ul>li.status {
    width: 15%;
    color: #333;
    font-weight: 600;
}

.workList .rightWrap>ul>li.content {
    width: 50%;
}

.workList .rightWrap>ul>li.content>a {
    text-decoration: underline;
    text-underline-position: under;
}

.workList .rightWrap>ul>li.inquiry {
    width: 12.5%;
}

.workList .rightWrap>ul>li.inquiry>div {
    width: 65%;
    float: right;
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
}

.workList .rightWrap>ul>li.inquiry>div>span {
    font-weight: 600;
}

.workList .rightWrap>ul>li.inquiry>div.red {
    border: 1px solid #cc3333;
}

.workList .rightWrap>ul>li.inquiry>div.red>span {
    color: #cc3333;
}

.workList .rightWrap>ul>li.inquiry>div.blue {
    border: 1px solid #467cdf;
}

.workList .rightWrap>ul>li.inquiry>div.blue>span {
    color: #467cdf;
}

.workList .rightWrap>ul>li.inquiry>div.green {
    border: 1px solid green;
}

.workList .rightWrap>ul>li.inquiry>div.green>span {
    color: green;
}

.workList .rightWrap>ul>li.line {
    width: 2.5%;
    text-align: right;
}

.workList .rightWrap>ul>li.manager {
    width: 15%;
    text-align: right;
    float: right;
}

/* 활동관리 2022.09.22(목) 작업자 문정원 */

/* 활동관리 2022.09.26(월) 작업자 문정원 */
.type_list>div.margin .nowork {
    text-align: center;
}

.type_list .listplus {
    width: 100%;
    float: left;
    border: 1px solid #ededed;
    margin-top: 50px;
}

.type_list .listplus>button {
    width: 100%;
    float: left;
    background-color: #fff;
    cursor: pointer;
    padding: 15px 0px;
    border-radius: 5px;
    border: none;
}

/* 활동관리 2022.09.26(월) 작업자 문정원 */


/* 매출관리 */
.sales .statusWrap_jmg {
    width: 100%;
    float: left;
    border-radius: 5px;
    padding: 2% 0%;
    border-top: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;
}

.sales .statusWrap_jmg>div {
    width: 25%;
    float: left;
    border-right: 1px solid #e2e2e2;
}

.sales .statusWrap_jmg>div:last-child {
    border: none;
}

.sales .statusWrap_jmg>div>ul {
    width: 100%;
    float: left;
    text-align: center;
}

.sales .statusWrap_jmg>div>ul .total_jmg {
    color: #333;
    font-size: 23px;
    padding-top: 12px;
}

.sales .statusWrap_jmg>div>ul .total_jmg i {
    color: #333;
    font-size: 25px;
}

.sales .statusWrap_jmg>div>ul .ing_jmg {
    color: #ff4b4b;
}

.sales .statusWrap_jmg>div>ul .complete_jmg {
    color: #3399ff;
}

.sales .statusWrap_jmg>div>ul .ing_jmg i {
    color: #ff4b4b;
}

.sales .statusWrap_jmg>div>ul .complete_jmg i {
    color: #3399ff;
}

.sales .sch_mains {
    width: 100%;
    float: left;
    text-align: center;
    padding: 28px 0px;
}

.sales .sch_mains .dateinfo {
    width: auto;
}

.sales .sch_mains .dateinfo a {
    color: #dddddd;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-size: 17px;
    color: #000;
    top: 0;
    z-index: 1;
}

.sales .sch_mains .dateinfo a i {
    color: #dddddd;
}

.sales .sch_mains .dateinfo>a:first-of-type {
    left: 35%;
    top: 50%;
    color: #dddddd;
    transform: translate(-35%, -50%);
    padding-right: 2px;
}

.sales .sch_mains .dateinfo>a:last-of-type {
    right: 35%;
    top: 50%;
    color: #dddddd;
    transform: translate(35%, -50%);
    padding-left: 2px;
}

.sales .sch_mains .dateinfo p {
    left: 50%;
    transform: translateX(-50%);
    width: 346px;
    height: 55px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 55px;
    text-align: center;
    border: solid 2px #467cdf;
}

.sales .sch_mains .dateinfo p i {
    font-size: 24px;
    margin-right: 15px;
}

.sales .sch_mains .dateinfo p span {
    font-weight: bold;
    font-size: 22px;
}

.sales .glance_content {
    width: 100%;
    float: left;
}

.sales .glance_content .glance_graph {
    width: 30%;
    float: left;
    padding-right: 13px;
    max-height: 620px;
}

.sales .glance_content .glance_chart {
    width: 70%;
    float: right;
    padding-left: 13px;
}

.sales .glance_chart {
    padding: 28px !important;
}

.sales .glance_chart .glance_chart_title {
    float: left;
    width: 100%;
}

.sales .glance_chart .glance_chart_title .chart_title {
    color: #333;
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 18px;
}

.sales .glance_chart .glance_chart_title .date_title {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #999;
    margin-top: 13px;
}

.sales #chart {
    float: left;
    width: 100%;
    margin-top: 45px;
}

.sales .inq_code ul {
    float: left;
}

.sales .inq_code ul li {
    float: left;
}

.sales .inq_code ul li p {
    float: left;
}

.sales .inq_code ul li .team {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.sales .glance_content .glance_chart {
    border: solid 1px #e2e2e2;
}

.sales .glance_content .glance_chart .chart {
    width: 100%;
    float: left;
    border: 1px solid #e2e2e2;
    height: 621px;
}

.sales .type_list .list .glance_graph table tbody td {
    border: none;
    height: 35px;
}

.sales .type_list .list .glance_graph table thead th {
    border: none;
}

.sales .type_list .list .glance_graph table {
    border: 1px solid #e2e2e2;
}

.Revnue_profit {
    margin-top: 45px;
    width: 100%;
    float: left;
}

.Revnue_profit>div {
    width: calc(100%/ 3 * 1);
    float: left;
}

.Revnue_profit>div .content {
    width: 100%;
    float: left;
    border: 1px solid #e2e2e2;
    padding: 30px;
}

.Revnue_profit>.times {
    padding-right: 12.5px;
}

.sales .Revnue_profit .statusWrap_jmg li {
    font-size: 13px;
}

.sales .Revnue_profit .statusWrap_jmg .total_jmg {
    font-size: 15px;
}

.sales .Revnue_profit .times .statusWrap_jmg div {
    width: 33.3%;
}

.Revnue_profit>.day {
    padding: 0px 6.25px;
}

.sales .Revnue_profit .day .statusWrap_jmg div {
    width: 50%;
}

.Revnue_profit>.menu {
    padding-left: 12.5px;
}

.sales .Revnue_profit .menu .statusWrap_jmg div {
    width: 50%;
}

.group_sales {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.sales .group_sales table tbody td {
    border: none !important;
    height: 35px;
}

.sales .group_sales table thead th {
    border-left: none !important;
    border-right: none !important;
    height: 35px;
    background-color: #fff;
}

.sys_info .labels .label:first-child {
    width: 90% !important;
    float: left;
}

.sys_info .labels .label:last-child {
    width: 10% !important;
    float: left;
}

.sys_info .values .option_name:first-child {
    width: 90% !important;
    float: left;
}

.sys_info .values .option_name:last-child {
    width: 10% !important;
    float: left;
}


/* DB자동분배 팝업 & DB분배설정과 공통으로 엮이는 부분있음 2022.09.28(수), 2022.10.07(금) 작업자 문정원 */
#fcListWrap>li {
    text-align: left;
}

.type_form table tbody td>ul.team_list {
    width: 100%;
    float: left;
}

.type_form table tbody td>ul.team_list>li.memli {
    width: 300px;
    float: left;
    font-size: 15px;
    text-align: center;
}

.type_form table tbody td>ul.team_list>li {
    width: 300px;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 5px;
}

.type_form table tbody td>ul.team_list>li span {
    line-height: 35px;
    height: 35px;
}

.type_form table tbody td>ul.team_list>li span.name {
    float: left;
}

.type_form table tbody td>ul.team_list>li span.code {
    float: left;
    color: #ccc;
}

.type_form table tbody td>ul.team_list>li span.sort {
    float: right;
}

.type_form table tbody td>ul.team_list>li input.distinp {
    float: right;
    width: 35px;
    margin-left: 10px;
}

.popCont .popGuideWrap {
    width: 100%;
    float: left;
    background-color: #EFEFEF;
    padding: 20px 0px;
    margin-top: 30px;
}

.popCont .popGuideWrap .titWrap {
    width: 15%;
    float: left;
    text-align: center;
}

.popCont .popGuideWrap .titWrap>i {
    font-size: 35px;
    line-height: 80px;
    color: #888;
}

.popCont .popGuideWrap .textWrap {
    width: 85%;
    float: left;
}

.popCont .popGuideWrap .textWrap>span {
    width: 100%;
    float: left;
}

.popCont .popGuideWrap .textWrap>span>span {
    color: #333;
    font-weight: bold;
}

.popCont .popGuideWrap .textWrap>span>a {
    color: #000;
    font-weight: 400;
    cursor: pointer;
}

.type_list .list .infomar {
    margin-top: 0px;
}

.type_list .list .infomar span {
    font-size: 15px;
    font-weight: 500;
}

.type_list .list .infomar span.title {
    font-size: 13px;
    font-weight: bold;
}

.type_list .list .infomar span.distpause {
    color: #cc3333;
    float: right;
}

.type_list .list .infomar #dbTotalCnt {
    color: #333;
}

.type_list .list .infomar>input:checked+label>.off {
    display: none;
}

.type_list .list .infomar>input:checked+label>.on {
    display: inline-block;
}

.type_list .list .infomar>label {
    float: left;
}

.type_list .list .infomar>label i.off {
    color: #DDD;
    display: inline-block;
    font-size: 12px;
}

.type_list .list .infomar>label i.on {
    color: #19234b;
    display: none;
}

/* DB자동분배 팝업 & DB분배설정과 공통으로 엮이는 부분있음 2022.09.28(수), 2022.10.07(금) 작업자 문정원 */

/* DB분배설정 2022.09.29(목), 2022.10.07(금) 작업자 문정원 */
.type_form .form form>div.dist_pause>h1 {
    float: left;
    margin-right: 10px;
    line-height: 30px;
    margin-bottom: 0px;
}

.type_form .form form>div.dist_pause>div {
    float: left;
}

.type_form .form h1.tit>div {
    float: right;
}

.type_form .form h1.tit>span {
    float: right;
    line-height: 30px;
    margin-right: 10px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
}

.type_form .form h1.tit>span.stop {
    color: #cc3333;
}

.type_form .form h1.tit>span.stop>i {
    color: #cc3333;
    font-size: 18px;
}

.type_form .form>.dist_pause h1 {
    float: left;
    margin-right: 10px;
    line-height: 30px;
    margin-bottom: 0px;
}

/* DB분배설정 2022.09.29(목), 2022.10.07(금) 작업자 문정원 */


.store_table {
    width: 100%;
    float: left;
}

.store_table ul {
    width: 50%;
    float: left;
    padding: 10px 0px;
}

.store_table ul li:first-child {
    width: 10%;
    float: left;
    line-height: 35px;
}

.store_table ul li:last-child {
    width: 90%;
    float: left;
    line-height: 35px;
}

.store_table ul li input {
    width: 40% !important;
    float: left;
}

.store_table ul li span {
    padding: 0px 5px;
    line-height: 35px;
}

.store_table ul li .swung_dash {
    float: left;
    line-height: 35px;
    width: 5%;
    text-align: center;
}

/* 계약관리 운영시간 폼_2023.01.09(월)_문정원  */
.store_table ul li.storetit {
    float: left;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    border: 1px solid #d8d8d8;
    background-color: #f8f8f8;
    text-align: center;
    margin-right: 10px;
    line-height: 33px;
}

.store_table ul li.weektit {
    width: 8%;
    margin-right: 12px;
}

.store_table ul li.opentit {
    width: 31.6%;
    margin-right: 24px;
}

.store_table ul li.finishtit {
    width: 31.6%;
}

.store_table ul li.daytit {
    width: 15%;
}

.store_table ul li.day_week {
    width: 7%;
    float: left;
    line-height: 35px;
    margin-right: 18px;
    text-align: center;
}

.store_table ul li.day_time {
    width: 79%;
}

.store_table ul li.holiday {
    width: auto;
    padding: 0px 10px;
}

.store_table ul li.holiday>span {
    float: left;
}

/* 계약관리 운영시간 폼_2023.01.09(월)_문정원  */


/* 계약관리 첨부파일 드래그영역_2023.01.10(화)_문정원 */
.type_form .form div:not(.noForm) table tr td.dropfiletd {
    padding: 20px 25px;
}

#con_dropzone {
    width: 100%;
    float: left;
    border: 1px dashed #d8d8d8;
    height: 60px;
    padding: 10px;
    cursor: pointer;
}

.con_fileon>* {
    width: 100%;
    float: left;
}

.con_fileon>ul {
    text-align: center;
}

.con_fileon>ul>li {
    float: left;
    display: inline-block;
}

.con_fileon>ul>li.fileicon {
    width: 33%;
    margin-right: 10px;
}

.con_fileon>ul>li.fileguide {
    width: 60%;
}

.con_fileon>ul>li.fileicon>i {
    float: right;
    line-height: 40px;
    font-size: 17px;
    color: #ccc;
}

.con_fileon>ul>li>span {
    line-height: 40px;
    float: left;
    color: #ccc;
    font-weight: 300;
}

.con_fileon>ul>li>button {
    width: 120px;
    color: #ccc;
    font-weight: 300;
    padding: 5px 10px;
    line-height: 20px;
    float: left;
    border: 2px solid #ededed;
    background-color: #fff;
    position: absolute;
    left: 368px;
    bottom: 4px;
    font-size: 13px;
}

.con_fileon>ul>li>button>i {
    margin-right: 5px;
    color: #ccc;
    font-weight: 300;
}

.con_fileoff {
    display: none;
    width: 100%;
    float: left;
    margin: 15px 0px 0px 10px;
}

.con_fileoff>ul {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.con_fileoff>ul>li {
    float: left;
    width: 5%;
}

.con_fileoff>ul>li.filename {
    width: 60%;
    font-weight: 400;
}

.con_fileoff>ul>li.filename>span {
    width: 100%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.con_fileoff>ul>li.filename>span.text {
    color: #333;
}

.con_fileoff>ul>li.filename>span.texts {
    color: #999;
}

.con_fileoff>ul>li.filename>span.size {
    color: #999;
    font-size: 12px;
}

.con_fileoff>ul>li>i.file {
    color: #333;
}

.con_fileoff>ul>li>i.files {
    color: #999;
}

.con_fileoff>ul>li>i.fileCancelBtn {
    color: #999;
}

.con_fileoff>ul>li>i.condelBtn {
    color: #999;
}


.con_fileoffss {
    display: none;
    width: 100%;
    float: left;
    margin: 15px 0px 0px 10px;
}

.con_fileoffss>ul.offul {
    width: 160px;
    float: left;
    border: 2px solid #d8d8d8;
    margin-right: 10px;
    padding: 2px 0px;
}

.con_fileoffss>ul>li>.offname {
    width: 90%;
    float: left;
    font-weight: bold;
}

.con_fileoffss>ul>li>.fileCancelBtn {
    float: left;
    line-height: 21px;
    font-weight: bold;
}

/* 계약관리 첨부파일 드래그영역_2023.01.10(화)_문정원 */


.typ_menu {
    border: solid 1px #2c4889;
    border-radius: 15px;
    padding: 4px 0px;
    width: 125px;
}

.file_plus_bt {
    cursor: pointer;
    width: 120px;
    color: #999;
    padding: 5px 10px;
    line-height: 20px;
    float: left;
    border: 2px solid #ededed;
    background-color: #fff;
    position: absolute;
    left: 368px;
    bottom: 4px;
    font-size: 13px;
}

.file_plus_bt i {
    margin-right: 5px;
    color: #999;
}

/* 검색영역 */
.datasearchWrap {
    width: 100%;
    float: left;
    border: 1px solid #ebebeb;
    padding: 20px 30px;
    margin-bottom: 15px;
}

.datasearchWrap button {
    cursor: pointer;
}

.datasearchWrap a {
    cursor: pointer;
}

.datasearchWrap>form {
    width: 100%;
    float: left;
    display: table;
    table-layout: fixed;
}

.datasearchWrap .frmWrap {
    width: 870px;
    height: 25px;
    vertical-align: middle;
    display: table-cell;
}

.datasearchWrap .frmWrap>li {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.datasearchWrap .label {
    width: 80px;
    height: 32px;
    line-height: 32px;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

.datasearchWrap .frmWrap>li>select {
    width: 130px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    margin-left: 5px;
    border: 1px solid #ebebeb;
    color: #888;
    padding-left: 10px;
}

.datasearchWrap .frmWrap>li>select>option {
    color: #888;
}

.datasearchWrap .frmWrap>li>input {
    width: 530px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    border: 1px solid #ebebeb;
    padding-left: 10px;
}

.datasearchWrap .drag {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.datasearchWrap .drag span {
    width: 50px;
    height: 32px;
    line-height: 32px;
    float: left;
    cursor: pointer;
    background-color: #ebebeb;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
}

.datasearchWrap .drag .reg_term {
    width: 80px;
    height: 32px;
    line-height: 32px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    text-align: inherit;
}

.datasearchWrap .drag .search {
    width: 140px;
    float: left;
    height: 32px;
    color: #666;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    letter-spacing: -0.5px;
    margin-right: 20px;
}

.datasearchWrap .search_Btn {
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0 65px;
    border-left: 1px solid #e1e1e1;
    margin-top: -30px;
}

.datasearchWrap .search_Btn>button {
    color: #FFF;
    background-color: #666;
    margin-bottom: 10px;
    margin-top: 10px;
    border: none;
    width: 130px;
    height: 40px;
    line-height: 32px;
    float: left;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.red_bg {
    background-color: rgba(255, 0, 0, 0.1) !important;
    font-weight: 500;
}

.file_preview {
    visibility: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.file_preview img {
    max-width: 44%;
    max-height: 80vh;
}

.popupWrap2 {
    z-index: 99 !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.61);
    z-index: 2;
    display: none;
}

.popupWrap2 .popContent {
    width: 600px;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 5px;
    box-shadow: 3px 3px 14.25px 0.75px rgba(0, 0, 0, 0.33);
}

.popupWrap2.small .popContent {
    width: 850px;
    height: 450px;
}

.popupWrap2 .popIframe {
    width: 100%;
    float: left;
    margin-top: 1px;
    transition: 0.5s all;
}

.popupWrap2 .popIframe iframe {
    width: 100%;
    float: left;
    border: none;
    height: 92vh;
    transition: 0.5s all;
}

.popupWrap2.small iframe {
    height: 389px;
}

.popupWrap2 .popTit {
    width: 100%;
    float: left;
    background-color: #333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popupWrap2 .popTit ul {
    width: 100%;
    float: left;
    line-height: 60px;
}

.popupWrap2 .popTit ul li {
    float: left;
}

.popupWrap2 .popTit ul .popTit_text {
    width: 90%;
    padding: 0 33px;
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.popupWrap2 .popTit ul .popClose {
    width: 10%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.popupWrap2 .popTit ul .popClose i {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.type_list .list table tbody td>i.complist {
    cursor: pointer;
}






/* 가맹점 등록시 데이터리스트  */
.store_box {
    width: 100%;
    float: left;
}

.store_search_box:hover {
    display: block;
}

.store_search.hover {
    border: 1px solid #d9d9d9 !important;
    border-radius: 10px 10px 0 0;
    height: 40px;
    padding: 0 10px;
}

.store_search_box {
    position: absolute;
    display: none;
    left: 50%;
    top: 70%;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    width: 22%;
    z-index: 9;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.13);
    transform: translateX(-50%);
}

.store_search_box>div::-webkit-scrollbar {
    display: none;
}

.store_search_box>div {
    float: left;
    width: 100%;
    overflow-y: scroll;
    max-height: 500px;
    background: #fff;
}

.store_search_box>div>div {
    color: #333;
    font-size: 15px;
    padding: 2.5px 10px;
    cursor: pointer;
    background: #fff;
}

.store_search_box>div>div:hover {
    font-weight: 900;
    color: #000;
    font-size: 16px;
}

.cms_Idguide {
    color: #ccc;
}

.cms_Idguide i {
    color: inherit;
    margin-right: 5px;
}

.svinp {
    margin-right: 5px;
    width: 17%;
}

/* 가맹점 등록시 데이터리스트  */






/* 표준서 */
.reportAppendBtnBox {
    text-align: center;
    padding: 15px 0;
}


.question_type_request .reportItems {
    border: 2px solid transparent;
}

.question_type_request .from_lav {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.question_type_request .from_lav ul {
    width: 100%;
    float: left;
}

.question_type_request .from_lav ul li {
    float: left;
}

.question_type_request .from_lav ul li * {
    font-size: 15px;
}

.question_type_request .prview_top:not(:first-child) {
    margin-top: 10px;
    border-top: 1px solid red;
    padding-top: 10px;
}

.question_type_request .prev_back {
    margin-top: 15px;
}

.question_type_request .group_tit {
    width: 100%;
    float: left;
}

.question_type_request .group_tit .mainTit {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.question_type_request .group_tit .subTit {
    width: 100%;
    float: left;
    font-size: 12px;
}

/*.question_type_request .icon { position:absolute; right:0; top:15px; z-index:10; }*/




.reportImagePreview {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5)
}

.ripCloseBtn {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 70px;
    z-index: 1;
}

.ripCloseBtn i {
    font-size: inherit;
    float: left;
    color: white;
}

.ripImageBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ripImageBox img {
    float: left;
}

.ripImage {
    z-index: 1;
}

.ripCnt {
    float: right;
    color: white;
    font-size: 17px;
}

.ripArrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%, -50%);
    z-index: 2;
}

.ripArrow i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 100px;
    color: white;
    cursor: pointer;
}

.ripArrowLeft {
    left: -580px;
}

.ripArrowRight {
    right: -580px;
}





.type_list2 .list table thead th {
    height: 45px;
}

.type_list2 .list table tbody td {
    height: 45px;
}

/* 통계 레이아웃  */
.chartTit {
    width: 100%;
    float: left;
    font-size: 22px;
    line-height: 22px;
    color: black;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.chartTit .activeColor {
    font-size: inherit;
    line-height: inherit;
    color: #4075e7;
}

.chartBox {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.chartBox>canvas {
    left: 50%;
    transform: translateX(-50%);
}

.chartBox .w100 {
    width: 100%;
}


/* 대시보드 */
.dashboardBox {
    width: 100%;
    float: left;
    border: 3px solid #e2e2e2;
    padding: 35px 10px;
}

.dashboardBox .dbl {
    width: 150px;
    float: left;
    border-right: 2px solid #e3e3e3;
    text-align: center;
    padding: 3px 0;
}

.dashboardBox .dbl i {
    color: #cbcbcb;
}

.dashboardBox .dbr {
    width: calc(100% - 150px);
    float: left;
    line-height: 48px;
    padding-left: 50px;
}

.dashboardBox .dbr .dbItem {
    width: auto;
    float: left;
    font-size: 18px;
}

.dashboardBox .dbr .dbItem:not(:first-of-type) {
    margin-left: 3%;
}

.dashboardBox .dbr .dbItem * {
    font-size: inherit;
}

.dashboardBox .dbr .tit {
    font-weight: bold;
    color: #333;
}

.dashboardBox .dbr .subtit {
    font-weight: normal;
    font-size: 14px !important;
    color: #9c9c9c;
}

.dashboardBox .dbr .val {
    margin-left: 25px;
    color: #ff6004;
    font-weight: bold;
}

.dashboardBox .dbr .subVal {
    color: inherit;
    font-weight: 400;
    font-size: 14px;
}

.dashboardBox .dbr .dbLine {
    width: 1px;
    float: left;
    margin-left: 25px;
}

.dashboardBox .dbr .dbLine:after {
    content: " ";
    width: 1px;
    height: 25px;
    background-color: #9b9b9b;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}


/* 차트 검색 */
.chartSearch {
    width: 100%;
    float: left;
}

.chartSearch button {
    cursor: pointer;
}

.chartSearch a {
    cursor: pointer;
}

.chartSearch>form {
    width: 100%;
    float: left;
    display: table;
    table-layout: fixed;
}

.chartSearch>form>div {
    width: auto;
    float: left;
}

.chartSearch .frmWrap {
    width: 870px;
    height: 25px;
    vertical-align: middle;
    display: table-cell;
}

.chartSearch .frmWrap>li {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.chartSearch .frmWrap>li>select {
    width: 130px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    margin-left: 5px;
    border: 1px solid #ebebeb;
    color: #888;
    padding-left: 10px;
}

.chartSearch .frmWrap>li>select>option {
    color: #888;
}

.chartSearch .frmWrap>li>input {
    width: 530px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    border: 1px solid #ebebeb;
    padding-left: 10px;
}

.chartSearch .drag {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.chartSearch .drag span {
    width: 50px;
    height: 32px;
    line-height: 32px;
    float: left;
    cursor: pointer;
    background-color: #ebebeb;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
}

.chartSearch .drag .reg_term {
    min-width: 40px;
    height: 32px;
    line-height: 32px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    text-align: inherit;
    color: black;
}

.chartSearch .drag .search {
    width: 140px;
    float: left;
    height: 32px;
    color: #666;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    letter-spacing: -0.5px;
    margin-right: 20px;
}

.chartSearch .search_Btn {
    width: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #e1e1e1;
    padding: 15px 0 15px 100px;
}

.chartSearch .search_Btn>button {
    width: 150px;
    height: 40px;
    float: left;
    font-weight: 500;
    font-size: 14px;
}

/* 월 이동 UI */
.ym_control>div {
    width: 100%;
    float: left;
    text-align: center;
}

.ym_control .dateInfo {
    width: auto;
}

.ym_control .dateInfo a {
    color: #dddddd;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    text-align: center;
    font-size: 17px;
    color: #000;
    top: 0;
    z-index: 1;
}

.ym_control .dateInfo a i {
    color: #dddddd;
}

.ym_control .dateInfo>a:first-of-type {
    left: 35%;
    top: 50%;
    color: #dddddd;
    transform: translate(-35%, -50%);
    padding-right: 2px;
}

.ym_control .dateInfo>a:last-of-type {
    right: 35%;
    top: 50%;
    color: #dddddd;
    transform: translate(35%, -50%);
    padding-left: 2px;
}

.ym_control .dateInfo p {
    left: 50%;
    transform: translateX(-50%);
    width: 346px;
    height: 55px;
    border-radius: 50px;
    font-size: 22px;
    line-height: 55px;
    text-align: center;
    border: solid 2px #467cdf;
}

.ym_control .dateInfo p i {
    font-size: 24px;
    margin-right: 15px;
}

.ym_control .dateInfo p span {
    font-weight: bold;
    font-size: 22px;
}


div.listNoData {
    padding: 50px 0;
    text-align: center;
}

div.listNoData p {
    width: 100%;
    float: left;
    color: #d1d1d1;
    font-size: 15px;
    font-size: normal;
}

div.listNoData p:not(:first-of-type) {
    margin-top: 10px;
}

div.listNoData p i {
    color: inherit;
    font-size: 45px;
}

.button_value {
    line-height: 35px;
}

@media screen and (max-width:1600px) {
    .ym_control .dateInfo>a:first-of-type {
        left: 33%;
    }

    .ym_control .dateInfo>a:last-of-type {
        right: 33%;
    }
}



/* 일정관리 관련 CSS */
.resultWrap {
    position: absolute;
    width: calc(100% - 150px);
    background-color: #FFF;
    top: 100%;
    border: 1px solid #CCC;
    right: 0;
    z-index: 2;
    margin-top: -1px;
    display: none;
}
.resultWrap > ul.resultBox { width: 100%; float: left; padding: 20px; max-height: 158px; overflow-y: auto; }
.resultBox::-webkit-scrollbar { width: 5.2px; }
.resultBox::-webkit-scrollbar-track { background-color:#f1f1f1; }
.resultBox::-webkit-scrollbar-thumb { background: #c1c1c1; }
.resultBox::-webkit-scrollbar-thumb:hover { background: #404040; }
.resultBox::-webkit-scrollbar-thumb:active { background: #808080; }
.resultBox::-webkit-scrollbar-button { display: none; }

.resultWrap > ul.resultBox > li { width: 100%; float: left; margin-bottom: 15px; cursor: pointer; color: #666; }
.resultWrap > ul.resultBox > li:hover { opacity: 0.6; }
.resultWrap > ul.resultBox > li > div {
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: inherit;
    font-weight: 500;
}
.resultWrap > ul.resultBox > li > div.left { float: left; }
.resultWrap > ul.resultBox > li > div.right { float: right; }
.resultWrap > ul.closeBox { width: 100%; float: left; }
.resultWrap > ul.closeBox > li { width: 100%; float: left; text-align: right; padding: 10px 20px; }
.resultWrap > ul.closeBox > li .searchCloseBtn { color: #b5b5b5; padding: 0 6px; line-height: 30px; }
.resultWrap > ul.closeBox > li > button { background: none; border: none; cursor: pointer; }
.receiveWrap { border-bottom: 1px solid #d8d8d8; min-height: 50px; }
.receiveWrap > .value {
    width: 100%;
    height: 45px;
    float: left;
    white-space: nowrap;
    padding-bottom: 5px;
    overflow-x: auto;
    overflow-y: hidden;
}
.receiveWrap > .value::-webkit-scrollbar { width: 5.2px; height: 7px; }
.receiveWrap > .value::-webkit-scrollbar-track { background-color:#f1f1f1; }
.receiveWrap > .value::-webkit-scrollbar-thumb { background: #c1c1c1; }
.receiveWrap > .value::-webkit-scrollbar-thumb:hover { background: #404040; }
.receiveWrap > .value::-webkit-scrollbar-thumb:active { background: #808080; }
.receiveWrap > .value::-webkit-scrollbar-button { display: none; }
.receiveWrap > .value > li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    margin-right: 5px;
    border: 1px solid;
}
.receiveWrap > .value > li > i { margin-left: 5px; cursor: pointer; }
.resultWrap > ul.resultBox > li.active { opacity: 0.6; }
/* 일정관리 관련 CSS */



/* 공지사항 지역 및 가맹점 추가기능 css 2024.02.05(월) 작업자 : 이재목*/

.contentWrap .location_select{width: 30%; float:left;}
.contentWrap .allon i{color:#3366cc;}
.contentWrap .searchBtn{float:left;}
.contentWrap .resultWrap{left:213px; width:30%; top:35px;}
.contentWrap .topresultBox li i{margin-right:10px;}
.contentWrap .txtsearchBox{width: 30%; float: left; height: 35px; border:none; padding: 0 10px; font-size: 13px;}
.contentWrap .resultWrap .closeBtn{cursor:pointer;}
.contentWrap .receiveWrap .values li{width:13%; border:1px solid #3366cc; border-radius:30px; padding:5px 20px; font-size:14px; float:left; margin-right:1%; color:#3366cc; margin:10px;}
.contentWrap .receiveWrap .values li i{color:#3366cc; float:right; top:3px; }
.contentWrap .resultWrap ul .store_all_check i{color:#3366cc}
.contentWrap .resultWrap .closeBtn{float:right;}
.contentWrap .resultWrap .topresultBox li{width:50%; cursor:pointer;}
.contentWrap .resultWrap .topresultBox{padding:20px 20px 0px 20px;}
.contentWrap .receiveWrap .values .removeReceiver{cursor:pointer;}
.contentWrap select {cursor:pointer;}
.contentWrap .resultWrap .totalCount{padding:0; margin:0; border:none; font-weight:400;}
.contentWrap .information{width:100%; float:left; color:#ccc; font-size:12px; padding-top: 5px;}

.member_info { width: 100%; float: left; }
.member_info:not(:last-child) { margin-bottom: 15px; }
.member_info > ul { width: auto; float: left; }
.member_info:not(:last-child) > ul { border-bottom: 1px solid #ededed; }
.info_box { float: left; margin-right: 30px; }
.info_title { float: left; font-weight: bold; line-height: 35px; margin-right: 15px; }
.info_text { min-width: 180px !important; float: left; line-height: 35px; width: auto !important; }
.moreBtn { width: 150px; height: 35px; cursor: pointer; float: left; background: #fff; }
.member_info .delBtn { line-height: 35px; cursor: pointer; }

/* 발주관리 추가 CSS */
.prd_name {
    margin-bottom: 10px;
}
img.prd_img {
    border: 1px solid #ececec;
    height: 50px;
    width: 50px;
    object-fit: contain;
}
td.cancel_line {
    text-decoration: line-through;
}
.fw-n {
    font-weight: normal;
}
.order-sm-txt {
    color: #999 !important;
    font-size: 12px !important;
}
/* 발주관리 추가 CSS */



/* 오픈매장관리 설정 추가 CSS */
.open_store_write_wrap { width: 100%; float: left; }
.open_store_write_wrap .open_store_write_wrap_inner { width: 100%; float: left; }
.open_store_write_wrap .open_store_write_wrap_inner > table { height: 65px; }
.open_store_write_wrap .open_store_write_wrap_inner > table > tbody > tr > td.tit { background-color: #f8f8f8; font-weight: 900; }
.open_store_write_wrap .open_store_write_wrap_inner > table > tbody > tr > td > input { width: 100% !important; }
.open_store_write_wrap .open_store_write_wrap_inner_2 { width: 100%; float: left; padding: 35px 0; border-bottom: 1px solid #EFEFEF; }
.open_store_write_wrap .open_store_write_wrap_inner_2 > button { width: 150px; height: 35px; color: #fff; cursor: pointer; }
.open_store_detail_edit_btn { background-color: #fff; padding: 7px 12px; cursor: pointer; }
.open_store_detail_edit_btn > span { margin-left: 5px; }
/* 오픈매장관리 설정 추가 CSS */

/* 부sv 호버 시 */
.s_sv_sub { position: absolute; left: 50%; background: #fff; border: 1px solid #CCC; z-index: 1; border-radius: 10px; padding: 10px; width: 180px; top: 40px; max-height: 188px; overflow: auto; display: none; }
.s_sv_sub li { width: 100%; float: left; border-bottom: 1px solid #F3F3F3; line-height: 40px; }
.s_sv_sub li i { float: left; color: #CCC; line-height: 40px; }
.s_sv_sub li span { float: left; margin-left: 5px; color: #666; }
.s_sv_sub li span.sub { color: #CCC; margin-left: 3px; }
.s_sv:hover .s_sv_sub { display: block; }
.s_sv_sub::-webkit-scrollbar { width: 5px; }
.s_sv_sub::-webkit-scrollbar-thumb { background-color: #C3C3C3; border-radius: 10px; }
.s_sv_sub::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white; }