@charset "utf-8";

body {
    max-width: 750px;
    margin: 0 auto;
}

.head {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0 18px;
}

.head .btn_prev {
    width: 9px;
    height: 15px;
    background: url(../images/btn_prev.png) no-repeat;
    background-size: cover;
}

.head h1 {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 500;
}

.head .btn_noti {
    position: absolute;
    top: 20px;
    right: 0;
}

.head .btn_noti {
    width: 20px;
    height: 20px;
    background: url(../images/btn_noti.png) no-repeat;
    background-size: cover;
}

.head .btn_close {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_close.png) no-repeat;
    background-size: cover;
}

.head .btn_plus {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/btn_head_add.png) no-repeat;
    background-size: cover;
}

.dBody .had {
    font-size: 0;
    margin: 15px 18px 0 18px;
}

.dBody .had h1 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
    padding-right: 15px;
    margin-left: 5px;
}

.dBody .had h1:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.dBody .had span {
    display: inline-block;
    font-size: 15px;
    font-weight: 200;
    font-family: 'gmarketsans';
    margin-left: 15px;
}

nav {
    margin: 30px 18px 0 18px;
}

nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

nav li {
    width: 32%;
    height: 49px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 5px;
    line-height: 49px;
    margin-bottom: 6px;
    text-align: center;
}

nav li:nth-child(4),
nav li:nth-child(5),
nav li:nth-child(6) {
    margin-bottom: 0;
}

nav li a {
    display: block;
    font-size: 15px;
    letter-spacing: -1px;
}

nav li.current {
    background: #7ba34d;
    border-color: #7ba34d;
}

nav li.current a {
    color: #fff;
    font-weight: 500;
}

.datepicker {
    width: 100%;
    height: 54px;
    padding: 0 15px;
    border: 1px solid #242424;
    border-radius: 9px !important;
    box-sizing: border-box;
    background: url(../images/ic_calendar.png) no-repeat;
    background-size: 24.5px 23.5px;
    background-position: calc(100% - 15px) center;
    font-size: 14px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.datepicker:focus {
    outline: none;
}

/* popup */
.btm_pop {
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    /* display: none; */
}


.btm_pop:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(00, 00, 00, .25);
}

.btm_pop .popup {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 750px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    padding-top: 30px;
    overflow: hidden;
    z-index: 1;
}

.btm_pop .had {
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
}

.btm_pop .had h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.btm_pop .had button {
    width: 16px;
    height: 16px;
    background: url(../images/btn_close.png) no-repeat;
    background-size: cover;
}

.btm_pop .cont {
    padding: 0 28px;
    max-height: 450px;
    overflow-y: auto;
}

.btnD2 {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background: #2a2a2a;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.btnD3 {
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    font-size: 12px;
    box-sizing: border-box;
}

.btn_ok2,
.btn_ok3,
.btn_no2 {
    width: 100%;
    height: 48px;
    border-radius: 9px;
    color: #fff;
    font-size: 15px;
}

.btn_ok2 {
    background: #7ba34d;
}

.btn_ok3 {
    background: #4d88a3;
}

.btn_no2 {
    background: #2a2a2a;
    margin-left: 8px;
}

.btn_listMore {
    display: block;
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_plus2.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.btn_addTime {
    display: flex;
    align-items: center;
    padding-left: 15px;
    width: 102px;
    height: 35px;
    border: 1px solid #2a2a2a;
    border-radius: 17px;
    box-sizing: border-box;
}

.btn_addTime span {
    font-size: 14px;
    font-weight: 500;
}

.btn_addTime i {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../images/btn_more.png) no-repeat;
    background-size: cover;
    margin-left: 7px;
}

.btn_delDayOfWeek {
    display: flex;
    align-items: center;
    padding-left: 15px;
    width: 102px;
    height: 35px;
    border: 1px solid #ce2f2f;
    border-radius: 17px;
    box-sizing: border-box;
}

.btn_delDayOfWeek span {
    font-size: 14px;
    font-weight: 500;
}

.btn_delDayOfWeek i {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../images/btn_sum.png) no-repeat;
    background-size: cover;
    margin-left: 7px;
}

.btn_addDate {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #2a2a2a;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
}

.board_list li {
    margin-left: 5px;
    border-bottom: 1px solid #eee;
}

.board_list li a {
    display: block;
    padding: 27px 0;
}

.board_list li .title {
    /*max-width: 320px;*/
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 30px);
}

.board_list li .date {
    font-size: 11px;
    font-weight: 500;
    color: #8a8a8a;
    font-family: 'gmarketsans';
}

.board_list li .title .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.board_list li .title .container {
    display: flex;
    align-items: center;
    justify-content: left;
}

.board_list li .title .new-label {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 4px;
    border-radius: 5px;
    margin-left: 4px;
    margin-top: 0;
    font-family: 'gmarketsans';
}

.board_view {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #2a2a2a;
    padding-top: 25px;
}

.board_view .tit_g {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
    margin-left: 5px;
}

.board_view .tit_g .tit {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.board_view .body {
    padding-top: 30px;
    margin-left: 5px;
}

.board_view .body .memo {
    font-size: 14px;
    line-height: 23px;
}

.board_write .write_g {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #2a2a2a;
    padding-top: 25px;
}

.board_write .write_g li ~ li {
    margin-top: 25px;
}

.board_write .write_g li .name {
    font-size: 12px;
    font-weight: 200;
    line-height: 12px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.board_write .write_g input[type="text"] {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 15px;
    font-size: 15px;
}

.board_write .write_g .textarea_g {
    position: relative;
    height: 276px;
}

.board_write .write_g textarea {
    width: 100%;
    height: 100%;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding: 19px 14px;
    font-size: 15px;
}


.board_write .write_g textarea:focus {
    outline: none;
}

.board_write .write_g .textarea_g .typing {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 10px;
    color: #8a8a8a;
}

.board_write .write_g .textarea_g .typing em {
    color: #7ba34d;
}


/* content */
.login_ui {
    margin: 0 18px;
}

.login_ui .logo {
    width: 140px;
    height: 140px;
    margin: 77px auto 0 auto;
}

.login_ui .logo img {
    width: 100%;
    height: 100%;
}

.login_ui .input_g {
    margin-top: 106px;
}

.login_ui .input_g li {
    width: 100%;
    height: 54px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    background: #f5f5f5;
}

.login_ui .input_g li ~ li {
    margin-top: 6px;
}

.login_ui .input_g li input {
    width: 100%;
    height: 100%;
    padding-left: 16px;
    box-sizing: border-box;
    background: none;
}

.login_ui .input_g li input::placeholder {
    font-size: 13px;
    font-weight: 200;
    color: #2a2a2a;
}

.login_ui .refer {
    position: relative;
    margin-top: 25px;
    font-size: 12px;
    font-weight: 200;
    line-height: 15px;
    padding-left: 34px;
    margin-left: 15px;
}

.login_ui .refer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 30px;
    background: url(../images/ic_lock.png) no-repeat;
    background-size: cover;
}

.login_ui .btn_login {
    width: 100%;
    height: 54px;
    background: #7ba34d;
    border-radius: 9px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-top: 117px;
}

.store_ui {
    padding-bottom: 20px;
}

.store_ui .info {
    margin: 30px 18px 0 18px;
}

.store_ui .info ul li {
    position: relative;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 21px 5px 21px 0; */
    border-top: 1px solid #898989;
    box-sizing: border-box;
}

.store_ui .info ul li:last-child {
    border-bottom: 1px solid #898989;
}

.store_ui .info li p {
    width: 68px;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 200;
}

.store_ui .info .img_g p {
    width: auto;
}

.store_ui .info li strong {
    font-size: 15px;
    font-family: 'gmarketsans';
    font-weight: 500;
}

.store_ui .info .input_g {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 68px);
}

.store_ui .info input[type="text"] {
    width: 100%;
    height: 44px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fafafa;
    padding: 0 15px;
    font-size: 15px;
}

.store_ui .info input[type="text"].num {
    width: 32%;
}

.store_ui .info select {
    width: 31%;
    height: 44px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 15px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 12px) center;
    background-color: #fafafa;
}

.store_ui .info li.img_g {
    display: block;
    height: auto;
    padding: 21px 0;
}

.store_ui .info .img_g p {
    margin-bottom: 19.5px;
}

.store_ui .info .img_g ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -11px;
}

.store_ui .info .img_g li {
    position: relative;
    width: 49%;
    height: auto;
    border-top: 0;
    padding: 0;
    margin-top: 11px;
}

.store_ui .info .img_g li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.store_ui .info .img_g li:last-child {
    border-bottom: 0
}

.store_ui .btng {
    margin: 20px 18px 0 18px;
}

.store_ui .info .img_g li button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_del.png) no-repeat;
    background-size: cover;
}

.product_ui .colg {
    margin: 30px 0 0 18px;
}

.product_ui .col {
    position: relative;
    padding-top: 30px;
    border-top: 1px solid #2a2a2a;
}

.product_ui .col h2 {
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    line-height: 15px;
    margin-bottom: 27px;
}

.product_ui .col .btn_edit {
    position: absolute;
    top: 18.5px;
    right: 18px;
    width: 54px;
    height: 35px;
    background: #2a2a2a;
    color: #fff;
    border-radius: 17px;
    font-size: 15px;
}

.product_ui .imgSlider {
    position: relative;
}

.product_ui .imgSlider:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}

.product_ui .imgSlider li {
    width: 130px;
    height: 85px;
}

.product_ui .imgSlider li img {
    width: 100%;
    height: 100%;
}

.product_ui .imgSlider .slick-slide {
    margin-left: 8px;
}

.product_ui .item {
    padding-bottom: 35px;
}

.product_ui .item:last-child {
    border-bottom: 0;
}

.product_ui .item h3 {
    margin: 30px 0 25px 5px;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -1px;
}

.product_ui .item .desc li {
    font-family: 'gmarketsans';
    font-weight: 200;
    font-size: 13px;
    line-height: 13px;
}

.product_ui .item .desc li ~ li {
    margin-top: 17px;
}

.product_ui .inputg {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.product_ui .datepicker {
    width: 100%;
    background-color: #f9f9f9;
}

.product_ui .datepicker ~ .datepicker {
    margin-left: 9px;
}

.product_ui .chk_box {
    display: inline-block;
}

.prd_write01 .item .box {
    margin: 0 18px;
}

.regis3 .chk_box {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 50%;
}

.product_ui .chk_box ~ .chk_box {
    margin-top: 3.5px
}

.product_ui .chk_box input[type="checkbox"] {
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
}

.product_ui .chk_box label {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.product_ui .chk_box input[type="checkbox"]:checked + label {
    background: #7ba34d;
    color: #fff;
}

.product_ui .setTit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 10px;
    background: #7ba34d;
    border-radius: 9px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.product_ui .setTit.type {
    background: #2a2a2a;
}

.product_ui .div {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.product_ui .timeg {
    display: flex;
}

.product_ui .timeg li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 49px;
    padding: 0 15px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
}

.product_ui .timeg li ~ li {
    margin-left: 9px;
}

.product_ui .timeg li span,
.product_ui .inputg li span {
    font-size: 13px;
    font-weight: 200;
}

.product_ui .timeg li .end_time_input {
    text-align: left;
}

.product_ui .timeg select {
    max-width: 48px;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    background: none;
}

.product_ui .inputg ~ .inputg {
    margin-top: 10px;
}

.product_ui .inputg li {
    width: 100%;
}

.product_ui .inputg li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 49px;
    padding: 0 15px;
    border: 1px solid #2a2a2a;
    background: #f9f9f9;
    border-radius: 9px;
    box-sizing: border-box;
}

.product_ui .inputg .text {
    width: calc(100% - 70px);
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    background: none;
    font-family: 'gmarketsans';
}

.product_ui .btn_g {
    margin-top: 35px;
    text-align: center;
}

.product_ui .btn_sum,
.product_ui .btn_more {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 102px;
    height: 35px;
    border: 1px solid #2a2a2a;
    background: #fff;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: left;
    padding-left: 22px;
}

.product_ui .btn_sum {
    display: none;
}

.product_ui .btn_sum span,
.product_ui .btn_more span {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
}

.product_ui .btn_sum i,
.product_ui .btn_more i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 14px;
}

.product_ui .btn_more i {
    background: url(../images/btn_more.png) no-repeat;
    background-size: cover;
}

.product_ui .btn_sum i {
    background: url(../images/btn_sum.png) no-repeat;
    background-size: cover;
}

.product_ui .tab_ui {
    margin-top: 10px;
}

.product_ui .tab_ui ul {
    display: flex;
}

.product_ui .tab_ui li {
    width: 100%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 15px;
}

.product_ui .tab_ui li.current {
    border-bottom: 1px solid #7ba34d;
}

.product_ui .tab_ui li a {
    display: block;
    font-size: 15px;
    color: #8a8a8a;
}

.product_ui .tab_ui li.current a {
    color: #7ba34d;
}

.product_ui .deatil {
    margin-right: 18px;
    margin-top: 30px;
    border-top: 1px solid #eee;
    display: none;
}

.product_ui .deatil h3 {
    font-size: 15px;
    margin-bottom: 25px;
}

.product_ui .deatil .chkg {
    display: flex;
    justify-content: space-between;
}

.product_ui .deatil .box ~ .box {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 30px;
}

.product_ui .chk_box ~ .chk_box {
    margin-top: 0;
}


.prd_write01 .item {
    border-bottom: 0;
}

.prd_write01 .item h3 {
    margin-bottom: 20px;
}

.prd_write01 .text {
    width: 100%;
    height: 53px;
    border: 1px solid #7ba34d;
    border-radius: 9px;
    padding-left: 20px;
    box-sizing: border-box;
}

.prd_write01 .name .text {
    font-size: 15px;
    font-weight: 700;
    background: #fefff9;
}

.prd_write01 .img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.prd_write01 .img_list li {
    position: relative;
    width: calc(50% - 5.5px);
    height: 108px;
    margin-bottom: 11px;
}

.prd_write01 .img_list li:nth-of-type(2n-1) {
    margin-right: 11px;
}

.prd_write01 .img_list li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.prd_write01 .img_list li .btn_del,
.prd_write01 .img_list li .btn_add {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}

.prd_write01 .img_list li .btn_del,
.prd_write01 .desc_list li .btn_del {
    background: url(../images/btn_del.png) no-repeat;
    background-size: cover;
}

.prd_write01 .img_list li .btn_add,
.prd_write01 .desc_list li .btn_add {
    background: url(../images/btn_add.png) no-repeat;
    background-size: cover;
}

.prd_write01 .desc_list li {
    position: relative;
}

.prd_write01 .desc_list li ~ li {
    margin-top: 6px;
}

.prd_write01 .desc_list .text {
    padding-right: 35px;
    font-size: 13px;
}

.prd_write01 .desc_list .text:focus {
    border: 1px solid #2a2a2a;
    background: #f4f4f4;
}

.prd_write01 .desc_list li button {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 24px;
    height: 24px;
}

.prd_write01 .btng {
    margin: 0 18px;
    border-top: 1px solid #898989;
    padding-top: 20px;
}

.prd_write01,
.prd_write02 {
    padding-bottom: 20px;
}

.prd_write02 .itemg {
    margin-left: 18px;
}

.prd_write02 .item {
    padding-bottom: 30px;
}

.prd_write02 .item .box {
    margin-right: 18px;
    margin-left: 0;
}

.prd_write02 .item h3 {
    margin-bottom: 20px;
}

.prd_write02 .period .chk_box {
    margin-top: 14px;
}

.prd_write02 .period .chk_box label {
    width: auto;
    height: auto;
    border: none;
    padding-left: 33px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.prd_write02 .period .chk_box label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(../images/ic_chk.png) no-repeat;
    background-size: cover;
}

.prd_write02 .period .chk_box input[type="checkbox"]:checked + label {
    background: none;
    color: #2a2a2a;
}

.prd_write02 .period .chk_box input[type="checkbox"]:checked + label:before {
    background: url(../images/ic_chk_on.png) no-repeat;
    background-size: cover;
}

.prd_write02 .radio_g {
    display: flex;
}

.prd_write02 .chk {
    position: relative;
    width: 100%;
}

.prd_write02 .chk ~ .chk {
    margin-left: 8px;
}

.prd_write02 .chk label {
    display: inline-block;
    width: 100%;
    height: 53px;
    border: 1px solid #8a8a8a;
    border-radius: 9px;
    box-sizing: border-box;
    text-align: center;
    line-height: 53px;
    font-size: 15px;
    color: #8a8a8a;
}

.prd_write02 .chk input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
}

.prd_write02 .chk input[type="radio"]:checked + label {
    background: #7ba34d;
    border: 1px solid #2a2a2a;
    color: #fff;
    font-weight: 500;
}

.prd_write02 .setTit {
    position: relative;
}

.prd_write02 .setTit button {
    position: absolute;
    top: 12.5px;
    right: 15px;
    width: 16px;
    height: 16px;
}

.prd_write02 .btn_g {
    text-align: right;
    margin-top: 9px;
}

.prd_write02 .btn_g.date {
    margin-right: 18px;
    margin-top: 45px;
}

.prd_write02 .btn_g .btn_del {
    position: relative;
    width: 24px;
    height: 24px;
    background: url(../images/btn_del4.png);
    background-size: cover;
}

/* .prd_write02 .btn_g .btn_del:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_del2.png)no-repeat;
    background-size: cover;
} */

.prd_write02 .setTit .btn_del {
    background: url(../images/btn_del2.png) no-repeat;
    background-size: cover;
}

.prd_write02 .setTit .btn_add {
    background: url(../images/btn_del2.png) no-repeat;
    background-size: cover;
    transform: rotate(45deg);
}

.prd_write02 .item:nth-child(2) {
    border-bottom: none;
    padding-bottom: 45px;
}

.prd_write02 .btng {
    padding-top: 20px;
    border-top: 1px solid #898989;
    margin-right: 18px;
}

.prd_write02 .sel_date {
    padding: 30px 0;
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-right: 18px;
}

.prd_write02 .sel_date .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
    /*padding-bottom: 10px;*/
    /* margin: 0 0 0 auto; */
}

.prd_write02 .sel_date .title p {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}


.prd_write02 .sel_date .chk_g {
    display: flex;
    justify-content: space-between;
}

.prd_write02 .sel_date .chk_box ~ .chk_box {
    margin-top: 0;
}

.prd_write02 .sel_date p {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.product_ui .chk_box input:disabled + label {
    background: #f5f5f5;
    border: 1px solid #eee;
    color: #fff;
}

.prd_write02 .item .noti {
    position: relative;
    margin: 15px 5px 19px 5px;
    font-size: 12px;
    font-weight: 200;
    color: #ff0000;
    padding-left: 17px;
    line-height: 12px;
}

.prd_write02 .item .noti:last-child {
    margin-bottom: 0;
}

.prd_write02 .item .noti:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_noti.png) no-repeat;
    background-size: cover;
}

.prd_write02 .btn_addTime {
    margin: 0 0 0 auto;
}

/* .prd_write02 .btn_addDate {
    display: flex;
    align-items: center;
    width: 102px;
    height: 35px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: left;
    margin: 38px auto 0 auto;
    padding-left: 17px;
}

.prd_write02 .btn_addDate span {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px;
}

.prd_write02 .btn_addDate i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 7px;
    background: url(../images/btn_sum.png) no-repeat;
    background-size: cover;
    transform: rotate(45deg);
} */

.setPrice .cont {
    margin-top: 35px;
}

.setPrice .box {
    display: flex;
    justify-content: space-between;
}

.setPrice .txt {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px;
}

.setPrice .input_g {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
    padding: 0 15px;
    background: #fefff9;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
}

.setPrice .input_g span {
    font-size: 12px;
}

.setPrice .input_g .text {
    max-width: 110px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'gmarketsans';
    text-align: right;
}

.setPrice .btns,
.setTime .btns {
    font-size: 0;
    margin-left: 6px;
}

.setPrice .btns button,
.setTime .btns button {
    display: inline-block;
    width: 49px;
    height: 49px;
    border-radius: 9px;
}

.setPrice .btns button ~ button,
.setTime .btns button ~ button {
    margin-left: 6px;
}

.setPrice .btns .btn_plus,
.setTime .btns .btn_plus {
    background: url(../images/btn_plus.png) no-repeat;
    background-size: cover;
}

.setPrice .btns .btn_minus,
.setTime .btns .btn_minus {
    background: url(../images/btn_minus.png) no-repeat;
    background-size: cover;
}

.btm_pop .noti {
    position: relative;
    font-size: 12px;
    font-weight: 200;
    color: #ff0000;
    line-height: 15px;
    margin-top: 19px;
    padding-left: 16px;
}

.btm_pop .noti ~ .noti {
    margin-top: 11px;
}

.btm_pop .noti:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_noti.png) no-repeat;
    background-size: cover;
}

.setPrice .btng {
    margin-top: 52px;
    width: 100%;
}

.setPrice .btn_ok,
.setTime .btn_ok {
    height: 54px;
    width: 100%;
    border-radius: 0;
    font-size: 18px;
}

.setTime .cont {
    margin-top: 30px;
}

.setTime .txt {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 19px;
}

.setTime li {
    display: flex;
    justify-content: space-between;
}

.setTime li ~ li {
    margin-top: 6px;
}

.setTime .input_g {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 49px;
    padding: 0 15px;
    border: 1px solid #2a2a2a;
    background: #fefff9;
    border-radius: 9px;
    box-sizing: border-box;
}

.setTime .input_g span {
    font-size: 15px;
}

.setTime .input_g .timepicker {
    max-width: 60px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'gmarketsans';
    text-align: right;
}

.setTime .btng {
    margin-top: 29px;
}

.coupon_ui .btn_g {
    margin-top: 30px;
    margin-left: 18px;
    padding: 30px 0;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #eee;
}

.coupon_ui .btn_g .btn_isCoupon {
    position: relative;
    width: calc(100% - 18px);
    height: 60px;
    margin-right: 18px;
    background: #7ba34d;
    border-radius: 3.5px;
}

.coupon_ui .btn_g .btn_isCoupon:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f2a7;
    border-radius: 2px;
}

.coupon_ui .btn_g span {
    position: relative;
    font-weight: bold;
    font-family: 'gmarketsans';
    color: #fff;
    font-size: 18px;
    /*padding-left: 28px;*/
}

/*.coupon_ui .btn_g span:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 1px;*/
/*    left: 0;*/
/*    width: 15.5px;*/
/*    height: 14.5px;*/
/*    background: url(../images/ic_smile.png) no-repeat;*/
/*    background-size: cover;*/
/*}*/

.coupon_ui .coupon_list {
    position: relative;
    margin: 30px 18px 0 18px
}

.coupon_ui .coupon_list .search_g .text {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 20px;
}

.coupon_ui .coupon_list .search_g .text::placeholder {
    font-size: 14px;
    font-weight: 200;
    color: #2a2a2a;
}

.coupon_ui .coupon_list .btn_search {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_search.png) no-repeat;
    background-size: cover;
}

.coupon_ui .coupon_list .txt_g {
    display: flex;
    justify-content: space-between;
    margin: 36px 5px 0 5px;
}

.coupon_ui .coupon_list .txt_g p {
    font-size: 13px;
    line-height: 13px;
    margin-left: 5px;
}

.coupon_ui .coupon_list .txt_g p em {
    color: #7ba34d;
}

.coupon_ui .coupon_list .txt_g button {
    position: relative;
    font-size: 13px;
    line-height: 13px;
    padding-right: 20px;
    margin-right: 5px;
}

.coupon_ui .coupon_list .txt_g button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_filter.png) no-repeat;
    background-size: cover;
}

.coupon_ui .coupon_list .list {
    margin-top: 20px;
}

.coupon_ui .coupon_list .list > li {
    position: relative;
    padding: 21px 20px 41px 22px;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #fefff9;
}

.coupon_ui .coupon_list .list > li.disabled {
    border: 1px solid #8a8a8a;
    background: #f5f5f5;
}

.coupon_ui .coupon_list .list > li ~ li {
    margin-top: 30px;
}

.coupon_ui .coupon_list .tooltop {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 4px;
    height: 20px;
    background: url(../images/btn_tooltip.png);
    background-size: cover;
}

.coupon_ui .coupon_list .tooltop::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}

.coupon_ui .coupon_list .state_g {
    display: flex;
    margin-bottom: 19px;
}

.coupon_ui .coupon_list .state_g div {
    height: 32px;
    line-height: 33px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
}

.coupon_ui .coupon_list .state_g div ~ div {
    margin-left: 6px;
}

.coupon_ui .coupon_list .state_g .s1 {
    padding: 0 17px;
    background: #7ba34d;
}

.coupon_ui .coupon_list .state_g .gray {
    background: #8a8a8a !important;
}

.coupon_ui .coupon_list .state_g .s2 {
    padding: 0 13px;
    /*background: #2a2a2a;*/
    background: #a37f4d;
    width: 56px;
    text-align: center;
}

.coupon_ui .coupon_list .state_g .s2.blue {
    background: #4d7ba3;
    /*background: #a3a04d;*/
}

.coupon_ui .coupon_list .state_g .s3 {
    padding: 0 13px;
    background: #8a8a8a;
    width: 56px;
    text-align: center;
}

.coupon_ui .coupon_list .name {
    font-size: 20px;
    font-weight: 500;
}

.coupon_ui .coupon_list .name span {
    font-size: 12px;
    margin-left: 10px;
}

.coupon_ui .coupon_list .date {
    font-size: 12px;
    line-height: 12px;
    margin-top: 12px;
    color: #6a6a6a
}

.coupon_ui .coupon_list .num {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'gmarketsans';
    text-underline-offset: 3px;
}

.coupon_ui .coupon_list .btn_sum,
.coupon_ui .coupon_list .btn_more {
    position: absolute;
    bottom: -18px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    width: 102px;
    height: 35px;
    border: 1px solid #2a2a2a;
    background: #fff;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: left;
    padding-left: 22px;
}

.coupon_ui .coupon_list .btn_sum span,
.coupon_ui .coupon_list .btn_more span {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
}

.coupon_ui .coupon_list .btn_sum span {
    line-height: 34px;
}

.coupon_ui .coupon_list .btn_sum i,
.coupon_ui .coupon_list .btn_more i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 14px;
}

.coupon_ui .coupon_list .btn_more i {
    background: url(../images/btn_more.png) no-repeat;
    background-size: cover;
}

.coupon_ui .coupon_list .btn_sum i {
    background: url(../images/btn_sum.png) no-repeat;
    background-size: cover;
}

.coupon_ui .coupon_list .detail {
    margin-top: 36px;
}

.coupon_ui .coupon_list .tit {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
}

.coupon_ui .coupon_list .detail li {
    position: relative;
    display: flex;
    align-items: center;
    height: 52px;
    border: 1px solid #545553;
    border-radius: 8px;
    padding: 0 20px;
    background: #fff;
    box-sizing: border-box;
}

.coupon_ui .coupon_list .detail .memo li {
    height: 25px;
    background: unset;
    border: none;
}

.coupon_ui .coupon_list .detail .memo li dl {
    display: flex;
    align-items: center;
}

.coupon_ui .coupon_list .detail .memo li dd {
    font-size: 13px;
    font-weight: 500;
}

.coupon_ui .coupon_list .detail .memo li dt {
    width: 65px;
    font-size: 13px;
    color: #8a8a8a;
}

.coupon_ui .coupon_list .detail li ~ li {
    margin-top: 6px;
}

.coupon_ui .coupon_list .detail .use li {
    color: #7ba34d;
}

.coupon_ui .coupon_list .detail .use li span:first-child {
    font-size: 13px;
    margin-right: 15px;
}

.coupon_ui .coupon_list .detail li span:nth-child(2) {
    position: relative;
    font-size: 12px;
    padding-right: 17px;
}

.coupon_ui .coupon_list .detail li span:nth-child(2):before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.coupon_ui .coupon_list .detail strong {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 13px;
    font-weight: 500;
}

.coupon_ui .coupon_list .detail .box ~ .box {
    margin-top: 30px;
}

.coupon_ui .coupon_list .detail .pay span:first-child {
    font-size: 13px;
    margin-right: 15px;
}

.coupon_ui .coupon_list .detail .refund {
    color: #ff0000;
}

.coupon_ui .coupon_list .detail {
    display: none;
}

.coupon_ui .coupon_list .btn_sum {
    display: none;
}

.coupon_ui .coupon_list .list > li.show .detail {
    display: block;
}

.coupon_ui .coupon_list .list > li.show .btn_sum {
    display: block;
}

.coupon_ui .coupon_list .list > li.show .btn_more {
    display: none;
}

.coupon_ui .coupon_list .btn_g2 {
    margin-top: 45px;
    text-align: center;
}

.coupon_ui .coupon_list .btn_g2 button {
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_couponPlus.png) no-repeat;
    background-size: cover;
}

.coupon_ui {
    padding-bottom: 70px;
}

.navi {
    padding-bottom: 45px;
}

.navi .cont {
    margin-top: 58px;
    padding-right: 0;
}

.navi .nav li {
    padding: 22px 0;
    border-bottom: 1px solid #eee;
}

.navi .nav li:first-child {
    padding-top: 0;
}

.navi .nav li a {
    display: block;
    font-size: 16px;
}

/* data popup 공통 */
.data_pop {
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    /* display: none;*/
}

.data_pop:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(00, 00, 00, .25);
}

.data_pop .data {
    position: absolute;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    width: 339px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 18px;
    padding-top: 37px;
    overflow: hidden;
    z-index: 1;
}

.data_pop .data h1 {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 24px;
}

.data_pop .data .memo {
    text-align: center;
    font-size: 15px;
    color: #8a8a8a;
    margin-bottom: 36px;
}

.data_pop .data .memo em {
    color: #ff0000;
}

.data_pop .data .btng button {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0 0 18px 18px;
}

/* 쿠폰 관리 팝업 공통 */
.setCoupon .tit {
    font-size: 13px;
    font-weight: 200;
    margin-bottom: 14px;
}

.setCoupon .radio_g {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 28px;
}

.setCoupon .chk {
    width: calc(50% - 3px);
}

.setCoupon .chk:nth-of-type(2n-1) {
    margin-right: 6px;
}

.setCoupon .chk:nth-child(3),
.setCoupon .chk:nth-child(4) {
    margin-top: 6px;
}

.setCoupon .chk label {
    display: inline-block;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    background: #eeeeee;
    line-height: 36px;
    font-size: 14px;
    color: #2a2a2a;
}

.setCoupon .chk input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
}

.setCoupon .chk input[type="radio"]:checked + label {
    background: #7ba34d;
    color: #fff;
}

.setCoupon .btng {
    height: 54px;
}

.setCoupon .btng .btn_ok {
    width: 100%;
    height: 100%;
    font-size: 18px;
    border-radius: 0;
}

.setCoupon .sel_g {
    margin-top: 30px;
    margin-right: 28px;
}

.setCoupon .sel_g .select {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 8px;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 18px) center;
}

.setCoupon .sel_g .sel_date {
    position: relative;
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.setCoupon .sel_g .sel_date p {
    font-size: 15px;
    font-weight: 700;
}

.setCoupon .sel_g .sel_date button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 23px;
}

.setCoupon .sel_g .sel_date .btn_prev {
    left: 15px;
    background: url(../images/btn_prev2.png) no-repeat;
    background-size: cover;
}

.setCoupon .sel_g .sel_date .btn_next {
    right: 15px;
    background: url(../images/btn_next2.png) no-repeat;
    background-size: cover;
}

.setCoupon .datepic_g {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.setCoupon .datepic_g .datepicker {
    height: 49px;
    background-position: calc(100% - 12px) center;
    font-size: 15px;
}

.setCoupon .datepic_g .datepicker ~ .datepicker {
    margin-left: 7px;
}

/* 쿠폰 관리 팝업 공통 끝*/
.setCoupon {
    /* max-height: 632px; */
    /* overflow-y: auto !important; */
}

.setCoupon .selFilter {
    margin-top: 46px;
    padding-bottom: 224px;
    padding-right: 0;
}

.setCoupon .selFilter .item {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.setCoupon .selFilter .item ~ .item {
    /*margin-top: 30px;*/
}

.setCoupon2 .selFilter {
    padding-bottom: 90px;
}

.setCoupon3 .selFilter {
    padding-bottom: 40px;
}

.head.isCoupon {
    border-bottom: 1px solid #2a2a2a;
}

.isCoupon_ui {
    margin: 0 18px;
}

.isCoupon_ui h1 {
    margin-left: 5px;
}

.isCoupon_ui h2 {
    margin-top: 30px;
    font-size: 15px;
    margin-left: 5px;
}

.isCoupon_ui .search_g {
    position: relative;
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
}

.isCoupon_ui .search_g input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 50px;
    background: none;
    font-size: 12px;
    font-weight: 100;
    color: #2a2a2a;
}

.isCoupon_ui .search_g input::placeholder {
    font-size: 12px;
    font-weight: 100;
    color: #2a2a2a;
}

.isCoupon_ui .search_g button {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_search.png) no-repeat;
    background-size: cover;
}

.isCoupon_ui select {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 50px;
    box-sizing: border-box;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 15px) center;
    background-color: #fff;
    font-size: 12px;
    font-weight: 100;
}

.isCoupon_ui .datepicker {
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 15px;
}

.isCoupon_ui li ul {
    margin-top: 20px;
}

.isCoupon_ui li ~ li {
    margin-top: 6px;
}

.isCoupon_ui li .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 19px;
}

.isCoupon_ui li .input_g span {
    font-size: 12px;
    font-weight: 100;
}

.isCoupon_ui li.type {
    position: relative;
}

.isCoupon_ui li .input_g.disabled {
    background: #f5f5f5;
}

.isCoupon_ui li.type .input_g {
    /*width: calc(100% - 110px);*/
    width: 100%;
}

.isCoupon_ui li.type input {
    max-width: 130px;
    height: 100%;
    background: none;
    padding-right: 14px;
    box-sizing: border-box;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.isCoupon_ui li.type button {
    position: absolute;
    top: 0;
    width: 49px;
    height: 49px;
}

.isCoupon_ui li.type .btn_plus {
    right: 55px;
    background: url(../images/btn_plus.png) no-repeat;
    background-size: cover;
}

.isCoupon_ui li.type .btn_minus {
    right: 0;
    background: url(../images/btn_minus.png) no-repeat;
    background-size: cover;
}

.isCoupon_ui .view {
    margin: 30px 0;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 24px 0 32px 24px;
    background: #fefff9;
}

.isCoupon_ui .view .name_g {
    font-size: 0;
}

.isCoupon_ui .view .name_g p {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.isCoupon_ui .view .name_g span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 14px;
}

.isCoupon_ui .view .date {
    font-size: 13px;
    line-height: 13px;
    margin-top: 21px;
}

.isCoupon_ui .view .data {
    font-size: 13px;
    line-height: 13px;
    margin-top: 10px;
}

.isCoupon_ui .btng {
    border-top: 1px solid #898989;
    padding-top: 20px;
}

.isCoupon_ui {
    padding-bottom: 20px;
}

.div_search_mem_view {
    max-width: 750px;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
}


.search_mem {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 750px;
    width: 100%;
    height: 65px;
    background: #fff;
    border-bottom: 1px solid #7ba34d;
    z-index: 99;
}

.search_body {
    height: 90vh;
    overflow-y: auto;
}

.search_mem .btn_prev {
    position: absolute;
    top: 25px;
    left: 23px;
    width: 19px;
    height: 15px;
    background: url(../images/btn_prev3.png) no-repeat;
    background-size: cover;
}

.search_mem input {
    margin-left: 50px;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-right: 50px;
    width: 100%;

}

.search_mem .btn_close {
    position: absolute;
    top: 23px;
    right: 23px;
    width: 18px;
    height: 18px;
    background: url(../images/btn_close2.png) no-repeat;
    background-size: cover;
}

.schMember_ui {
    margin: 0 18px;
    padding-top: 66px;
}

.schMember_ui .memo {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.schMember_ui .memo p {
    font-size: 13px;
    margin-left: 5px;
}

.schMember_ui .memo p em {
    color: #7ba34d;
}

.schMember_ui .memo .select {
    display: inline-block;
    width: 70px;
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10.5px 5px;
    background-position: right center;
    margin-right: 5px;
}

.schMember_ui .result {
    margin-top: 20px;
}

.schMember_ui .result li {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 17px;
}

.schMember_ui .result li.focus {
    border: 1px solid #7ba34d;
    /*background: #fefff9;*/
    background: #d1dba3;
}

.schMember_ui .result li ~ li {
    margin-top: 6px;
}

.schMember_ui .result li .ic {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/ic_user.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
}

.schMember_ui .result li p {
    position: relative;
    font-size: 13px;
}

.schMember_ui .result li .name {
    padding: 0 20px;
}

.schMember_ui .result li .number {
    padding: 0 15px;
}

.schMember_ui .result li .date {
    padding-left: 17px;
}

.schMember_ui .result li p:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.schMember_ui .result li p:last-child:before {
    display: none
}

.schMember_ui .result li .name span {
    color: #7ba34d
}

.schMember_ui .result li .number span {
    color: #7ba34d
}

.schMember_ui .result .no_result {
    justify-content: center;
}

.schMember_ui .result .no_result p {
    position: static;
}

.schMember_ui .result .btn_more {
    display: block;
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_plus2.png) no-repeat;
    background-size: cover;
    margin: 26.5px auto 105px auto;

}

.schMember_ui .btng {
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.cngCoupon .cont {
    margin-top: 36px;
}

.cngCoupon .coupon {
    position: relative;
    padding: 21px 20px 32px 22px;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #fefff9;
}

.cngCoupon .coupon .state_g {
    display: flex;
    margin-bottom: 19px;
}

.cngCoupon .coupon .state_g div {
    height: 32px;
    line-height: 33px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
}

.cngCoupon .coupon .state_g div ~ div {
    margin-left: 6px;
}

.cngCoupon .coupon .state_g .s1 {
    padding: 0 17px;
    background: #7ba34d;
}

.cngCoupon .coupon .state_g .s2 {
    padding: 0 15px;
    background: #2a2a2a;
}

.cngCoupon .coupon .name {
    font-size: 20px;
    font-weight: 500;
    height: 20px;
}

.cngCoupon .coupon .name span {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 500;
}

.cngCoupon .coupon .date {
    font-size: 12px;
    line-height: 12px;
    margin-top: 13px;
    color: #6a6a6a
}

.cngCoupon .coupon .num {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'gmarketsans';
    /*text-decoration: underline;*/
    text-underline-offset: 3px;
}

.cngCoupon .coupon .tooltip {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 4px;
    height: 20px;
    background: url(../images/btn_tooltip.png) no-repeat;
    background-size: cover;
}

.cngCoupon li .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 19px;
}

.cngCoupon li .input_g.disabled {
    background: #f5f5f5;
}

.cngCoupon li .input_g.disabled .amount {
    font-size: 16px;
    font-weight: 400;
    padding-right: 15px;
}

.cngCoupon li .input_g .refund_amount {
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    padding-right: 15px;
    background: none;
}

.cngCoupon li .input_g .em {
    font-weight: 400;
}

.cngCoupon li .input_g .datepicker {
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 15px;
}

.cngCoupon li .input_g .not_datepicker{
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    border-radius: 12px !important;
    padding: 0 15px;
    background-color: inherit;
}

.cngCoupon li .input_g.disabled {
    background: #f5f5f5;
}

.cngCoupon li .input_g span {
    font-size: 12px;
    font-weight: 100;
}

.cngCoupon li.type {
    position: relative;
}

.cngCoupon li.type .input_g {
    width: calc(100% - 110px);
}

.cngCoupon li.type input {
    max-width: 60px;
    height: 100%;
    background: none;
    padding-right: 14px;
    box-sizing: border-box;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.cngCoupon .cng_form {
    margin-top: 30px;
}

.cngCoupon .cng_form h3 {
    font-size: 15px;
    margin-bottom: 20px;
}

.cngCoupon .cng_form li ~ li {
    margin-top: 6px;
}

.cngCoupon .memo {
    margin-top: 30px;
    text-align: center;
}

.cngCoupon .memo i {
    display: block;
    width: 51.5px;
    height: 51.5px;
    background: url(../images/ic_exp.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.cngCoupon .memo p {
    margin-top: 30px;
    font-size: 15px;
    color: #7ba34d;
    line-height: 21px;
}

.cngCoupon .memo strong {
    font-size: 18px;
    font-weight: 700;
    color: #242424;
    margin-top: 20px;
    display: block;
}

.couponProd01 .btn_g {
    padding: 30px 0;
    border-top: 1px solid #2a2a2a;
    border-bottom: 1px solid #eee;
    margin-top: 30px;
    margin-left: 18px;
}

.couponProd01 .btn_g .btn_enroll {
    position: relative;
    width: calc(100% - 18px);
    height: 60px;
    margin-right: 18px;
    background: #7ba34d;
    border-radius: 3.5px;
}

.couponProd01 .btn_g .btn_enroll:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f2a7;
    border-radius: 2px;
}

.couponProd01 .btn_enroll span {
    position: relative;
    font-weight: bold;
    font-family: 'gmarketsans';
    color: #fff;
    font-size: 18px;
}

.couponProd01 .txt_g {
    margin: 25px 5px 0 5px;
}

.couponProd01 .txt_g p {
    font-size: 13px;
    line-height: 13px;
    margin-left: 25px;
}

.couponProd01 .txt_g p em {
    color: #7ba34d;
}

.couponProd01 .coupon_list {
    margin: 25px 18px 0 18px;
}

.couponProd01 .coupon_list .list > li {
    position: relative;
    padding: 21px 0 41px 22px;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #fefff9;
}

.couponProd01 .coupon_list .list > li ~ li {
    margin-top: 30px;
}

.couponProd01 .coupon_list .tooltop {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 4px;
    height: 20px;
    background: url(../images/btn_tooltip.png);
    background-size: cover;
}

.couponProd01 .coupon_list .tooltop::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
}

.couponProd01 .coupon_list .state_g {
    display: flex;
    margin-bottom: 19px;
}

.couponProd01 .coupon_list .state_g div {
    height: 32px;
    line-height: 33px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
}

.couponProd01 .coupon_list .state_g div ~ div {
    margin-left: 6px;
}

.couponProd01 .coupon_list .state_g .s1 {
    padding: 0 17px;
    background: #7ba34d;
}

.couponProd01 .coupon_list .state_g .s2 {
    padding: 0 15px;
    background: #2a2a2a;
}

.couponProd01 .coupon_list .c_name {
    font-size: 27px;
    font-weight: 700;
    font-family: 'gmarketsans';
    line-height: 27px;
    padding-bottom: 14px;
    border-bottom: 1px solid #242424;
}

.couponProd01 .coupon_list .data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.couponProd01 .coupon_list .date {
    font-size: 12px;
}

.couponProd01 .coupon_list .price {
    padding-right: 15px;
    font-size: 13px;
    font-weight: 200;
}

.couponProd01 .coupon_list .price em {
    font-size: 24px;
    font-weight: 700;
    font-family: 'gmarketsans';
    color: #ff0006;
}

.couponProd01 .coupon_list .detail {
    margin-top: 50px;
}

.couponProd01 .coupon_list .detail dt {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 25px;
}

.couponProd01 .coupon_list .detail dd {
    font-size: 13px;
    font-weight: 200;
    font-family: 'gmarketsans';
}

.couponProd01 .coupon_list .detail dd ~ dd {
    margin-top: 15px;
}


.couponProd01 .coupon_list .list > .disabled {
    border: 1px solid #8a8a8a;
    background: #f5f5f5;
}

.couponProd01 .coupon_list .disabled .state_g div {
    background: #8a8a8a;
}

.couponProd01 .coupon_list .disabled .c_name,
.couponProd01 .coupon_list .disabled .date,
.couponProd01 .coupon_list .disabled .price {
    color: #8a8a8a
}

.couponProd01 .coupon_list .disabled del {
    font-size: 24px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.couponProd01 .btng {
    justify-content: center;
    margin-top: 41px;
}

.couponProd01 .btn_more {
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_plus2.png) no-repeat;
    background-size: cover;
    border: none;
}

.couponProd01 {
    padding-bottom: 40px;
}

.couponProd01 .coupon_list .btn_sum,
.couponProd01 .coupon_list .btn_more {
    position: absolute;
    bottom: -18px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    width: 102px;
    height: 35px;
    border: 1px solid #2a2a2a;
    background: #fff;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: left;
    padding-left: 22px;
}

.couponProd01 .coupon_list .btn_sum span,
.couponProd01 .coupon_list .btn_more span {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
}

.couponProd01 .coupon_list .btn_sum i,
.couponProd01 .coupon_list .btn_more i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 14px;
}

.couponProd01 .coupon_list .btn_more i {
    background: url(../images/btn_more.png) no-repeat;
    background-size: cover;
}

.couponProd01 .coupon_list .btn_sum i {
    top: 51%;
    background: url(../images/btn_sum.png) no-repeat;
    background-size: cover;
}


.couponProd01 .coupon_list .detail {
    display: none;
}

.couponProd01 .coupon_list .btn_sum {
    display: none;
}

.couponProd01 .coupon_list .list > li.show .detail {
    display: block;
}

.couponProd01 .coupon_list .list > li.show .btn_sum {
    display: block;
}

.couponProd01 .coupon_list .list > li.show .btn_more {
    display: none;
}

.cngCoupon .btng {
    height: 54px;
}

.cngCoupon .btng button {
    height: 100%;
    width: 100%;
    border-radius: 0;
    font-size: 18px;
}

.cngCoupon .btng .btn_ok.disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.cngCoupon .cont {
    padding-bottom: 40px;
}

.head.wrtCouponProd {
    border-bottom: 1px solid #242424;
}

.head.wrtCouponProd h1 {
    margin-left: 5px;
}

.wrtCouponProd_ui h2 {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 15px;
    margin-left: 5px;
}

.wrtCouponProd_ui .item {
    margin: 30px 18px 0 18px;
}

.wrtCouponProd_ui .setCp li ~ li {
    margin-top: 6px;
}

.wrtCouponProd_ui .i1 input {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 19px;
}

.wrtCouponProd_ui .i1 input::placeholder {
    font-size: 12px;
    color: #2a2a2a;
    font-weight: 100;
}

.wrtCouponProd_ui .setCp li .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 15px;
}

.wrtCouponProd_ui .setCp li .input_g .datepicker {
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 15px;
}

.wrtCouponProd_ui .setCp li .input_g span {
    font-size: 12px;
    font-weight: 100;
}

.wrtCouponProd_ui .setCp li select {
    height: 100%;
    font-size: 15px;
    font-weight: 700;
    padding-right: 38px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: right center;
    margin-right: 15px;
}

.wrtCouponProd_ui .setCp li input.select {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 700;
    padding-right: 38px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: right center;
    margin-right: 15px;
    text-align: end;
}

.wrtCouponProd_ui .setCp li select:focus {
    outline: 0;
}

.wrtCouponProd_ui .setCp li.type {
    position: relative;
}

.wrtCouponProd_ui .setCp li.type .input_g {
    width: calc(100% - 110px);
}

.wrtCouponProd_ui .setCp li.type input {
    max-width: 120px;
    height: 100%;
    background: none;
    padding-right: 32px;
    box-sizing: border-box;
    /*text-align: right;*/
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.wrtCouponProd_ui .setCp li.type button {
    position: absolute;
    top: 0;
    width: 49px;
    height: 49px;
}

.wrtCouponProd_ui .i2 select {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 15px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 14px 9px;
    background-position: calc(100% - 15px) center;
    font-size: 12px;
    font-weight: 100;
}

.wrtCouponProd_ui .i5 .chk_g {
    display: flex;
    justify-content: space-between;
}

.wrtCouponProd_ui .i5 .chk_g .chk_box {
    display: inline-block;
}

.wrtCouponProd_ui .i5 .chk_g a.checked {
    background: #7ba34d;
    color: #fff;
}

.wrtCouponProd_ui .i5 .chk_g a.chk_box {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    box-shadow: none;
}

.couponProd05 .i2 select {
    width: auto;
    border: none;
    font-size: 12px;
    font-weight: 100;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 14px 9px;
    background-position: calc(100% - 15px) center;
}

.wrtCouponProd_ui .hasTime ul {
    display: flex;
}

.wrtCouponProd_ui .hasTime li ~ li {
    margin-left: 4px;
}

.wrtCouponProd_ui .hasTime li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    padding: 0 15px 0 15px;
    border-radius: 9px;
    box-sizing: border-box;
}

.wrtCouponProd_ui .hasTime li span {
    font-size: 13px;
    font-weight: 200;
}

.wrtCouponProd_ui .hasTime li .timepicker {
    font-size: 16px;
    font-weight: 700;
    /*font-family: 'gmarketsans';*/
    text-align: end;
    box-sizing: border-box;
    /*width: 100%;*/
    width: 100px;
}

.wrtCouponProd_ui .hasTime p {
    margin-top: 8px;
    margin-left: 7px;
    font-size: 13px;
    line-height: 15px;
}

.wrtCouponProd_ui .setCp li.type .btn_plus {
    right: 55px;
    background: url(../images/btn_plus.png) no-repeat;
    background-size: cover;
}

.wrtCouponProd_ui .setCp li.type .btn_minus {
    right: 0;
    background: url(../images/btn_minus.png) no-repeat;
    background-size: cover;
}

.wrtCouponProd_ui .write_g {
    position: relative;
    width: 100%;
    height: 53px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    background: #f4f4f4;
}

.wrtCouponProd_ui .write_g ~ .write_g {
    margin-top: 6px;
}

.wrtCouponProd_ui .write_g input {
    width: 100%;
    height: 100%;
    background: none;
    padding-left: 15px;
    font-size: 13px;
}

.wrtCouponProd_ui .write_g input::placeholder {
    font-size: 13px;
    font-weight: 200;
    color: #2a2a2a
}

.wrtCouponProd_ui .write_g .btn_add {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_add2.png) no-repeat;
    background-size: cover;
}

.wrtCouponProd_ui .btng {
    margin: 30px 18px 0 18px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.wrtCouponProd_ui {
    padding-bottom: 20px;
}

.couponProd04 .i1 select {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 15px) center;
}

.couponProd04 .i1 select:focus {
    outline: none;
}

.couponProd04 .cp_name {
    width: 100%;
    height: 49px;
    line-height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
}

.couponProd04 .cp_name.disabled {
    width: 100%;
    height: 49px;
    line-height: 49px;
    border: 1px solid #8a8a8a;
    border-radius: 9px;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    background: #f5f5f5;
}

.wrtCouponProd_ui .write_g.done {
    border: 1px solid #7ba34d;
    background: #fefff9;
}

.wrtCouponProd_ui .write_g.done .btn_del {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_del3.png) no-repeat;
    background-size: cover;
}

.refund_noti {
    margin: 30px 18px 0 18px;
    padding-top: 30px;
    border-top: 1px solid #2a2a2a;
}

.refund_noti .txt_g .txt1 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 15px;
}

.refund_noti .txt_g .txt2 {
    font-size: 12px;
    font-weight: 200;
    color: #6a6a6a;
    line-height: 18px;
    letter-spacing: -0.6px;
}

.refund_noti .txt_g {
    margin-bottom: 25px;
    margin-left: 5px;
}

.refund_noti li {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    border: 1px solid #7ba34d;
    border-radius: 9px;
    padding: 0 20px 0 17px;
    box-sizing: border-box;
    background: #fefff9;
}

.refund_noti li ~ li {
    margin-top: 6px;
}

.refund_noti li p {
    font-size: 13px;
}

.refund_noti li strong {
    font-size: 16px;
    font-weight: 700;
    color: #7ba34d;
    padding: 0 6px;
}

.refund_noti li div:nth-child(2) strong {
    padding-left: 20px;
    padding-right: 4px;
}

.refund_noti .btng {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.refund01 .btng button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.refund01 {
    padding-bottom: 20px;
}

.refund02 .refund_noti {
    margin-top: 0;
    padding-top: 32px;
}

.refund02 .refund_noti li {
    padding-right: 55px;
}

.refund_noti li button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_del.png);
    background-size: cover;
}

.refund02 .add_g {
    margin-top: 30px;
}

.refund02 .add_g .noti {
    position: relative;
    font-size: 12px;
    font-weight: 200;
    padding-left: 16px;
    margin-left: 5px;
}

.refund02 .add_g .noti:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_exp2.png) no-repeat;
    background-size: cover;
}

.refund02 .add_g .input_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 53px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    background: #f5f5f5;
    margin-top: 15px;
    padding: 0 54px 0 16px;
}

.refund02 .add_g .input_box span {
    font-size: 13px;
}

.refund02 .add_g .input_box input {
    display: inline-block;
    max-width: 37px;
    min-width: 10px;
    background: none;
    border-bottom: 1px solid #2a2a2a;
    font-size: 16px;
    font-weight: 700;
    color: #7ba34d;
    text-align: center;
    margin: 0 5px;
}

.refund02 .add_g .input_box .btn_add {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_add.png) no-repeat;
    background-size: cover;
}

.refund_noti .btng {
    margin-top: 43px;
}

.refund01 .btng button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.refund01 {
    padding-bottom: 20px;
}

.refund02 .refund_noti {
    margin-top: 0;
    padding-top: 32px;
}

.refund02 .refund_noti li {
    padding-right: 55px;
}

.refund_noti li button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_del.png);
    background-size: cover;
}

.refund02 .add_g {
    margin-top: 30px;
}

.refund02 .add_g .noti {
    position: relative;
    font-size: 12px;
    font-weight: 200;
    padding-left: 16px;
    margin-left: 5px;
}

.refund02 .add_g .noti:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_exp2.png) no-repeat;
    background-size: cover;
}

.refund02 .add_g .input_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 53px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    background: #f5f5f5;
    margin-top: 15px;
    padding: 0 54px 0 16px;
}

.refund02 .add_g .input_box span {
    font-size: 13px;
}

.refund02 .add_g .input_box input {
    display: inline-block;
    max-width: 37px;
    min-width: 10px;
    background: none;
    border-bottom: 1px solid #2a2a2a;
    font-size: 16px;
    font-weight: 700;
    color: #7ba34d;
    text-align: center;
    margin: 0 5px;
}

.refund02 .add_g .input_box .btn_add {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../images/btn_add.png) no-repeat;
    background-size: cover;
}

.refund_noti .btng {
    margin-top: 43px;
}

.off_ui .off_list {
    margin: 30px 18px 0 18px;
    padding-top: 30px;
    border-top: 1px solid #2a2a2a;
}

.off_ui .off_list h2 {
    margin-left: 5px;
}

.off_ui .off_list ul {
    margin-top: 25px;
}

.off_ui .off_list li {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 28px;
}

.off_ui .off_list li ~ li {
    margin-top: 6px;
}

.off_ui .off_list li p {
    position: relative;
}

.off_ui .off_list li .date::before,
.off_ui .off_list li .date::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.off_ui .off_list li .date::before {
    left: 0;
}

.off_ui .off_list li .date::after {
    right: 0;
}

.off_ui .off_list li span {
    display: block;
    width: 23px;
    text-align: center;
}

.off_ui .off_list li .memo {
    width: auto;
}

.off_ui .off_list li .memo,
.off_ui .off_list li span {
    font-size: 13px;
}

.off_ui .off_list li .date {
    font-size: 13px;
    font-weight: 700;
    padding: 0 24px;
}

.off_ui .off_list li .ic {
    width: 18.5px;
    height: 17.5px;
    background: url(../images/ic_calendar.png) no-repeat;
    background-size: 18.5px 17.5px;
}

.off_ui .btng {
    margin: 60px 18px 0 18px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.offLIst .btng button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.head.off {
    border-bottom: 1px solid #2a2a2a;
}

.offWrite {
    margin: 31px 18px 0 18px;
}

.offWrite .item ~ .item {
    margin-top: 40px;
}

.offWrite .item h2 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.offWrite li ~ li {
    margin-top: 6px;
}

.offWrite .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 19px;
}

.offWrite .input_g .datepicker {
    max-width: 160px;
    height: 100%;
    border: none;
    font-size: 15px;
}

.offWrite .input_g span {
    font-size: 12px;
    font-weight: 100;
}

.offWrite .chk_g {
    display: flex;
    flex-wrap: wrap;
}

.offWrite .chk_box {
    position: relative;
    display: block;
    width: calc(50% - 3px);
    margin-top: 6px;
}

.offWrite .chk_box:first-child {
    width: 100%;
    margin: 0;
}

.offWrite .chk_box:nth-of-type(2n) {
    margin-right: 6px;
}

.offWrite .chk_box input[type="checkbox"] {
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
}

.offWrite .chk_box label {
    display: block;
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    line-height: 49px;
    border-radius: 9px;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
}

.offWrite .chk_box label:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 18.5px;
    height: 18.5px;
    border: 1px solid #eee;
    border-radius: 50%;
    box-sizing: border-box;
}

.offWrite .chk_box input[type="checkbox"]:checked + label {
    color: #fff;
    background: #7ba34d;
    border: 1px solid #7ba34d;
}

.offWrite .chk_box input[type="checkbox"]:checked + label:before {
    background: url(../images/ic_chk_on2.png) no-repeat;
    background-size: cover;
    border: none;
}

.offWrite .btng {
    margin: 95px 0 0 0;
}

.offWrite .btng button {
    font-size: 16px;
    font-weight: 500;
}

.selOff .cont {
    padding: 0 23px;
    margin-top: 30px;
}

.selOff .datepicker {
    height: 492px;
    border: none;
    background: none;
    padding: 0;
}

.selOff .ui-widget.ui-widget-content {
    width: 100%;
    height: 100%;
    border: none;
    padding-top: 0;
}

.selOff .ui-datepicker .ui-datepicker-header {
    padding: 0;
}

.selOff .ui-datepicker select.ui-datepicker-month,
.selOff .ui-datepicker select.ui-datepicker-year {
    position: relative;
    width: auto;
    background: none;
    font-size: 20px;
    min-width: auto;
    margin-left: 0;
    color: #2a2a2a;
}

.selOff .ui-datepicker select.ui-datepicker-month {
    margin-left: 10px;
}

.selOff .ui-datepicker select.ui-datepicker-year:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: #2a2a2a;
    font-size: 20px;
    width: 1px;
    height: 1px;
}

.selOff .ui-datepicker .dot {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    z-index: 111;

}

.selOff .ui-widget-header .ui-icon {
    background: none;
}

.selOff .ui-datepicker .ui-datepicker-prev,
.selOff .ui-datepicker .ui-datepicker-next {
    top: 4px;
    width: 9px;
    height: 15px;
}

.selOff .ui-datepicker .ui-datepicker-prev {
    left: 94px;
    background: url(../images/btn_prev4.png) no-repeat;
    background-size: 9px 15px;
}

.selOff .ui-datepicker .ui-datepicker-next {
    right: 101px;
    background: url(../images/btn_next3.png) no-repeat;
    background-size: 9px 15px;
}

.selOff .ui-datepicker th {
    padding: 0;
    padding-top: 40px;
    padding-bottom: 36px;
    font-size: 13px;
    font-weight: 100;
    color: #6a6a6a;
}

.selOff .ui-datepicker td:first-child a {
    color: #fa0006;
}

.selOff .ui-datepicker td:last-child a {
    color: #727baa;
}

.selOff .ui-datepicker td span,
.selOff .ui-datepicker td a {
    position: relative;
    display: block;
    width: 37px;
    height: 37px;
    padding: 0;
    font-size: 15px;
    color: #2a2a2a;
    line-height: 37px;
    margin: 0 auto;
}


.selOff .ui-datepicker td {
    width: 37px;
    height: 37px;
    padding: 0 0 22px 0;
}

.selOff .ui-state-disabled,
.selOff .ui-widget-content .ui-state-disabled,
.selOff .ui-widget-header .ui-state-disabled {
    opacity: 1;
}

.selOff .ui-state-disabled span,
.selOff .ui-widget-content .ui-state-disabled span,
.selOff .ui-widget-header .ui-state-disabled span {
    color: #eee;
}

.selOff .ui-state-active,
.selOff .ui-widget-content .ui-state-active,
.selOff .ui-widget-header .ui-state-active,
.selOff a.ui-button:active,
.selOff .ui-button:active,
.selOff .ui-button.ui-state-active:hover {
    background: #f2f2f2;
    border-radius: 50%;
}

.selOff .ui-state-active:before,
.selOff .ui-widget-content .ui-state-active:before,
.selOff .ui-widget-header .ui-state-active:before,
.selOff a.ui-button:active:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background: #7ba34d;
    border-radius: 50%;
}

.selOff .ui-state-highlight,
.selOff .ui-widget-content .ui-state-highlight,
.selOff .ui-widget-header .ui-state-highlight {
    background: #f2f2f2;
    border-radius: 50%;
}

.selOff .ui-widget-content .ui-state-highlight:before {
    display: none;
}

.setOff .cont {
    margin-top: 55px;
}

.setOff i {
    display: block;
    width: 39.5px;
    height: 37.5px;
    background: url(../images/obj_calendar.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.setOff p {
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
}

.setOff .btng {
    margin-top: 67px;
}

.setOff .btng button {
    width: 100%;
    border-radius: 0;
}

.reservation h1 {
    font-size: 20px;
}

.reservation .btn_time {
    position: absolute;
    top: 25px;
    right: 0;
    width: 25.5px;
    height: 21.5px;
    background: url(../images/btn_time.png) no-repeat;
    background-size: cover;
}

.rsv_ui .tab_ui ul {
    display: flex;
    margin-top: 10px;
}

.rsv_ui .tab_ui li {
    width: 100%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 15px;
}

.rsv_ui .tab_ui li.current {
    border-bottom: 1px solid #7ba34d;
}

.rsv_ui .tab_ui li a {
    display: block;
    font-size: 15px;
    color: #8a8a8a;
}

.rsv_ui .tab_ui li.current a {
    color: #7ba34d;
    font-weight: 600;
}

.rsv_ui .sel_date {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    margin-top: 12px;
}

.rsv_ui .sel_date button {
    position: absolute;
    width: 23px;
    height: 23px;
}

.rsv_ui .sel_date .btn_prev {
    left: 15px;
    background: url(../images/btn_prev2.png) no-repeat;
    background-size: cover;
}

.rsv_ui .sel_date .btn_next {
    right: 15px;
    background: url(../images/btn_next2.png) no-repeat;
    background-size: cover;
}

.rsv_ui .sel_date p {
    font-size: 16px;
    font-weight: 700;
}

.rsv_ui .sel_date i {
    display: inline-block;
    width: 20px;
    height: 19px;
    background: url(../images/ic_calendar.png) no-repeat;
    background-size: cover;
    vertical-align: top;
    margin-left: 10px;
}

.rsv_ui .titg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 5px;
}

.rsv_ui .titg h2 {
    font-size: 15px;
    font-weight: 700;
}

.rsv_goods_ui {
    --time-box-height: 70px;
    --time-box-width: 60px;
    --primary-color: #7ba34d;
    --secondary-color: #f7f8f6;
    --border-color: #61803d;
    --secondary-border-color: #c2d0b1;
    --unavailable-color: #ccc;
    --hover-color: #8fcb7e;
}

.rsv_goods_ui.rsv_list .cons {
    border: none;
}

.rsv_goods_ui.rsv_list .goods_time_list {
    margin-top: 0;
}

.rsv_goods_ui .sel_date {
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.rsv_goods_ui .sel_date .date {
    position: relative;
    padding-right: 35px;
}

.rsv_goods_ui .sel_date .date:before {
    content: '';
    position: absolute;
    top: 0;
    right: 8px;
    width: 20px;
    height: 19px;
    background: url(/resources/images/ic_calendar.png) 0 0 / cover no-repeat;
}

.rsv_goods_ui .sel_date .date input {
    width: 100px;
    text-align: center;
}


.rsv_goods_ui .form_g1 .goods_time_list {
    margin-top: 0;
}

.rsv_goods_ui .sec_d {
    background-color: white;
}

.rsv_goods_ui .sec_d p {
    padding-top: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #2a2a2a;
    margin-bottom: 28px;
    margin-left: 5px;
}

.rsv_goods_ui .sec_d .msg {
    position: relative;
    display: block;
    margin-left: 5px;
    margin-top: 10px;
    padding-bottom: 20px;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 200;
    color: #00c3ff;
}

.rsv_goods_ui .sec_d .msg:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(/resources/images/ic_exp2.png) 0 0 / cover no-repeat;
}

.rsv_goods_ui.rsv_list .list_g .txt_g {
    padding-top: 14px;
}

.rsv_goods_ui .select_time_dashboard {
    display: flex;
    height: 100%;
    overflow: hidden;
    margin-top: -20px;
}

.rsv_goods_ui .item_name_col {
    width: 20%;
    padding-top: calc(var(--time-box-height) - 20px);
    position: sticky;
    left: 0;
    z-index: 1;
    font-size: 13px;
    font-weight: 500;
}

.rsv_goods_ui .item_name_col .room {
    height: calc(var(--time-box-height) + 19px);
    display: flex;
    text-align: left;
    align-items: center;
    /* justify-content: center; */
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}

.rsv_goods_ui .item_name_col .room.selected-room {
    color: var(--primary-color);
    text-decoration-line: underline;
}

.rsv_goods_ui .time_slider {
    width: 83%;
    /*overflow-x: auto;*/
    position: relative;
    cursor: grab;
    user-select: none;
    /*scrollbar-width: none; !* Firefox용 *!*/
    /*-ms-overflow-style: none; !* IE and Edge용 *!*/
    overflow-x: scroll;
    scrollbar-width: thin !important;
    -webkit-overflow-scrolling: touch;
}

.rsv_goods_ui .time_slider .current-hour {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ff0000;
    z-index: 5;
}

.rsv_goods_ui .time_slider::-webkit-scrollbar {
    display: inherit; /* Chrome, Safari, Opera용 */
}

.rsv_goods_ui .time_slider .left-arrow,
.rsv_goods_ui .time_slider .right-arrow {
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: rgba(136, 136, 136, 0.5);
    z-index: 10;
    border-radius: 50%;
    display: none;
    transition: width 0.2s, height 0.2s;
}

.rsv_goods_ui .time_slider .left-arrow {
    left: 20px;
}

.rsv_goods_ui .time_slider .right-arrow {
    right: 20px;
}

.rsv_goods_ui .time_slider.scroll-active {
    cursor: grabbing !important;
}

.rsv_goods_ui .time_slider_content {
    position: relative;
}

.rsv_goods_ui .time_header {
    display: flex;
    width: calc(
            var(--time-box-width) * 40
    );
    margin-bottom: 5px;
}

.rsv_goods_ui .time_header div {
    width: var(--time-box-width);
    height: calc(var(--time-box-height) - 20px);
    text-align: left;
    line-height: calc(var(--time-box-height) - 4px);
    box-sizing: border-box;
    /*padding: 2px 0;*/
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

.rsv_goods_ui .time_header div::after {
    content: "";
    position: absolute;
    left: -2px;
    bottom: 0;
    width: 1px;
    height: 20%;
    border-left: 2px solid var(--secondary-border-color);
}

.rsv_goods_ui .time_header div:nth-child(2n+1)::after {
    height: 40%;
    border-left: 2px solid var(--border-color);
    left: -2px;
}

.rsv_goods_ui .time_header div:first-child::after {
    height: 40%;
    border-left: 2px solid var(--border-color);
    left: 0;
}

.rsv_goods_ui .slick_slider {
    display: flex;
    width: calc(
            var(--time-box-width) * 40
    );
    margin-bottom: 20px;
}

.rsv_goods_ui .slick_slider div {
    width: var(--time-box-width);
    height: var(--time-box-height);
    text-align: center;
    line-height: calc(var(--time-box-height) - 4px);
    border-right: 3px solid #ffffff;
    box-sizing: border-box;
    transition: background-color 0.2s ease;
    cursor: pointer;
    font-weight: 200;
    color: var(--unavailable-color);
    font-size: 16px;
}

.rsv_goods_ui .time_slider:active .slick_slider div {
    cursor: grabbing;
}

.rsv_goods_ui .legend .available,
.rsv_goods_ui .slick_slider div.available {
    background-color: var(--secondary-color);
}

.rsv_goods_ui .legend .unavailable,
.rsv_goods_ui .slick_slider div.unavailable {
    background-color: var(--unavailable-color);
}

.rsv_goods_ui .slick_slider div.unavailable {
    cursor: not-allowed;
}

.rsv_goods_ui .legend .selected,
.rsv_goods_ui .slick_slider div.selected {
    background-color: var(--primary-color);
    color: white;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}

.rsv_goods_ui .slick_slider div.selected span.new-label {
    font-family: 'gmarketsans';
    position: absolute;
    top: 8px;
    left: 0px;
    display: inline-block;
    background-color: #ff0000;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 5px;
    line-height: 1;
}

.rsv_goods_ui .slick_slider div.reserved {
    color: white;
    font-weight: 500;
}


.rsv_goods_ui .slick_slider div:first-child {
    border-left: 2px solid var(--border-color);
}

.rsv_goods_ui .slick_slider div:nth-child(2n) {
    border-right: 2px solid var(--border-color);
}

.rsv_goods_ui .slick_slider div:nth-child(2n+1) {
    border-right: 2px solid var(--secondary-border-color);
}

.rsv_goods_ui .legend {
    margin-top: -16px;
    margin-left: 17%;
}

.rsv_goods_ui .legend p {
    display: flex;
    margin: 0 0 0 20px;
    padding-top: 26px;
    font-size: 12px;
    font-weight: 200;
    color: #2a2a2a;
}

.rsv_goods_ui .legend-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.rsv_goods_ui .color-box {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-right: 5px;
}

.rsv_goods_ui .date_selector {
    margin-top: 6px;
}

.rsv_goods_ui .date_selector {
    max-width: 1200px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    user-select: none;
    padding-bottom: 18px;
}

.rsv_goods_ui .date_selector::-webkit-scrollbar {
    display: none;
}

.rsv_goods_ui .date_selector:active {
    cursor: grabbing;
}

.rsv_goods_ui .date_option {
    display: inline-block;
    padding: 10px 15px;
    margin-right: 6px;
    cursor: pointer;
    border-radius: 9px;
    position: relative;
    text-align: center;
    margin-bottom: 4px;
}

.rsv_goods_ui .date_option.selected {
    background-color: var(--primary-color);
    font-weight: bolder;
    color: white;
}

.rsv_goods_ui .today_label {
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 600;
    color: #666;
    white-space: nowrap;
    display: block;
}

.rsv_goods_ui .date_navigation {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.2s ease;
}

.rsv_goods_ui .date_navigation:hover {
    background-color: #f0f0f0;
}

.rsv_goods_ui .date_navigation span {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
}

.rsv_goods_ui .btn_deselect_all {
    position: absolute;
    right: 0;
    top: -30px;
    padding: 7px 8px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    /*background-color: #b0b0b0;*/
    /*color: white;*/
    background-color: #f0f0f0;
    color: #2b2b2b;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.rsv_goods_ui.rsv_list .rsv_stt {
    padding-top: 16px;
}

.rsv_goods_ui.rsv_list .rsv_stt .titg {
    height: 40px;
}

.rsv_goods_ui.rsv_list .rsv_stt .titg h2 p {
    color: var(--primary-color);
    width: max-content;
    font-weight: 400;
    font-size: 13px;
}

.rsv_list {
    padding-bottom: 91px;
}

.rsv_list .search_g {
    margin: 21px 18px 0 18px
}

.rsv_list .sch {
    position: relative;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    margin-top: 6px;
}

.rsv_list .sch input {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 50px;
    background: none;
    box-sizing: border-box;
}

.rsv_list .sch input::placeholder {
    font-size: 15px;
    color: #242424;
}

.rsv_list .sch button {
    position: absolute;
    top: 16px;
    right: 18.5px;
    width: 16.5px;
    height: 16.5px;
    background: url(../images/btn_search.png) no-repeat;
    background-size: cover;
}

.rsv_list .list_g {
    margin: 30px 18px 0 18px;
    padding-bottom: 30px;
}

.rsv_list .list_g .txt_g {
    display: flex;
    justify-content: space-between;
    margin: 0 5px;
}

.rsv_list .list_g .txt_g p {
    font-size: 13px;
}

.rsv_list .list_g .txt_g p em {
    color: #7ba34d;
}

.rsv_list .list_g .select {
    display: block;
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10.5px 6px;
    background-position: right center;
    padding-right: 16px;
}

.rsv_list .list_g .state_g {
    margin-top: 20px;
}

.rsv_list .list_g .state_g ul {
    display: flex;
    font-size: 0;
    width: 100%;

}

.rsv_list .list_g .state_g li {
    display: inline-block;
    height: 24px;
    padding: 0 11px;
    border-radius: 11px;
    background: #2a2a2a;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
}

.rsv_list .list_g .state_g li ~ li {
    margin-left: 5px;
}

.rsv_list .list_g .state_g li .use {
    color: #cbff8f;
}

.rsv_list .list_g .state_g li .cancel {
    color: #ff0000;
}

.rsv_list .list {
    margin-top: 12px;
}

.rsv_list .list li {
    border: 1px solid #8a8a8a;
    border-radius: 10px;
}

.rsv_list .list li ~ li {
    margin-top: 10px;
}

.rsv_list .list .cola {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15.5px 13px 19px;
    border-bottom: 1px solid #eee;
}

.rsv_list .list .name {
    font-size: 18px;
    font-weight: 700;
}

.rsv_list .name span.new-label {
    font-family: 'gmarketsans';
    display: inline-block;
    vertical-align: middle;
    background-color: #ff0000;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 5px;
    margin-left: 4px;
    margin-top: 0;
}

.rsv_list .list .state {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    font-weight: 100;
    color: #fff;
}

.rsv_list .list .state.s1 {
    background: #7ba34d;
}

.rsv_list .list .state.s2 {
    background: #ff0000;
}

.rsv_list .list .colb {
    padding: 20px 0 21px 19px;
    border-bottom: 1px solid #eee;
}

.rsv_list .list dl {
    display: flex;
}

.rsv_list .list dl ~ dl {
    margin-top: 12px;
}

.rsv_list .list dt {
    width: 92px;
    font-size: 13px;
    color: #8a8a8a;
}

.rsv_list .list dd {
    font-size: 14px;
    font-weight: 500;
    width: 250px;
}

.rsv_list .cancel_reason dt {
    min-width: 92px;
}

.rsv_list .cancel_reason dd,
.rsv_view .cancel_reason dd {
    word-break: break-all;
}

.rsv_list .list .btnD2.small {
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 12px;
    margin-left: 9px;
}

.rsv_list .list dd.date,
.rsv_list .list dd em {
    color: #7ba34d;
}

.rsv_list .list dd .price {
    color: #ff0000;
}

.rsv_list .list .colc {
    border-bottom: 1px solid #eee;
    padding: 21px 0 20px 19px;
}

.rsv_list .list .cold {
    padding: 20px;
}

.rsv_list .list .btn_g {
    display: flex;
}

.rsv_list .list_g .btn_listMore {
    display: block;
    margin: 21px auto 0 auto;
}

.rsv_list .cons {
    border-bottom: 1px solid #eee;
}

.rsv_list .rsv_stt {
    border-top: 2px solid #f8f8f8;
}

.rsv_list .rsv_stt {
    padding: 22px 18px 0 18px;
}

.rsv_stt ul {
    margin-top: 12px;
}

.rsv_stt li {
    border: 1px solid #242424;
    border-radius: 6px;
    padding: 18px 19px 21px 20px;
}

.rsv_stt li ~ li {
    margin-top: 11px;
}

.rsv_stt li div {
    display: flex;
    justify-content: space-between;
}

.rsv_stt li .name a{
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
}

.rsv_stt li .name span{
    font-size: 12px;
    font-weight: 200;
    color: #606060;
    margin-left: 2px;
}

.rsv_stt li .time {
    font-size: 15px;
    padding-top: 3px;
}

.rsv_stt li .time span {
    font-size: 10px;
    vertical-align: top;
}

.rsv_stt li .cola {
    margin-bottom: 17px;
}

.rsv_stt li .phone {
    font-size: 13px;
}

.rsv_stt li .coupon {
    font-size: 12px;
    font-weight: 200;
    color: #606060;
    max-width: 190px;
    text-align: end;
}

.rsv_stt .btn_listMore {
    margin-top: 20px;
}

.selDate .had {
    align-items: center;
    padding-bottom: 27px;
}

.selDate .had button {
    width: auto;
    height: 39px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: none;
    padding: 0 16px;
    font-size: 15px;
}

.selDate .had select {
    width: 109px;
    height: 39px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 15px;
    background: url(../images/ic_select3.png) no-repeat;
    background-position: calc(100% - 14px) center;
    background-size: 15px 9px;
}

.selDate .input_g {
    position: relative;
    height: 460px;
}

.selDate .input_g input {
    display: none;
}

.selDate .daterangepicker {
    display: block !important;
    z-index: 999;
}

.selDate_pop .btng {
    margin-top: 40px;
}

.selDate_pop .btng button {
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 0;
    font-size: 18px;
}

.daterangepicker {
    top: 0;
    /* border: none; */
    z-index: 9999;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none;
}

.daterangepicker {
    width: 100%;
    left: 0;
    margin-top: 54px;
    border: none;
}

.daterangepicker .drp-calendar {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.daterangepicker .calendar {
    position: relative;
}

.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next {
    display: none;
}

.daterangepicker th.month {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    width: 44px;
    overflow: hidden;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    font-weight: 700;
}

.daterangepicker thead tr:nth-child(2) th {
    padding: 10px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 13px;
    font-weight: 100;
    color: #6a6a6a;
}

.daterangepicker tbody tr {
    border-top: 1px solid #eaeaea;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    border: none;
}

.daterangepicker .calendar-table tbody td {
    position: relative;
    padding: 7px 13px 16px 13px;
    width: auto;
    min-width: auto;
    height: 50px;
    line-height: 27px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    color: #8a8a8a;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #7ba34d;
    color: #fff !important;
}

.daterangepicker td.end-date,
.daterangepicker td.start-date.end-date {
    border-radius: 0;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    border-color: #eaeaea;
}

.daterangepicker td.today {
    background: #f9f9f9;
    color: #878787 !important;
}

.daterangepicker td.today p {
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
}

.daterangepicker tbody tr:nth-child(6) {
    display: none;
}

.daterangepicker td.in-range {
    background: #7ba34d;
    color: #fff !important;
}

.daterangepicker td.start-date {
    border-radius: 0;
}

.daterangepicker td:first-child {
    color: #ed0000 !important;
}

.selDate1 .calendar.right {
    display: none;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #eee !important;
}

.selDate2 .cont {
    overflow-y: scroll;
}

.selDate2 .calendar.right {
    margin-top: 65px;
}

.rsv_write {
    margin: 0 18px;
}

.rsv_form .item ~ .item {
    margin-top: 35px;
}

.rsv_form .item .titg {
    margin-bottom: 20px;
}

.rsv_form .item:first-child .titg {
    margin-bottom: 5px;
}

.rsv_form .titg h2 {
    font-weight: 400;
}

.rsv_form li .name {
    font-size: 12px;
    font-weight: 200;
    margin-left: 5px;
    margin-bottom: 11px;
}

.rsv_form li .text {
    width: 100%;
    height: 49px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 14px;
    font-size: 15px;
}

.rsv_form li .noti {
    position: relative;
    font-size: 12px;
    font-weight: 200;
    color: #ff0000;
    margin-top: 10px;
    margin-left: 5px;
    padding-left: 16px;
}

.rsv_form li .noti:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_noti.png) no-repeat;
    background-size: cover;
}

.rsv_form li ~ li {
    margin-top: 20px;
}

.rsv_form li .radio_g {
    display: flex;
    justify-content: space-between;
}

.rsv_form li .chk {
    display: block;
    position: relative;
    width: 100%;
    height: 49px;
}

.rsv_form .product .radio_g {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.rsv_form .product .chk {
    width: calc(33.333% - 4px);
    margin-right: 6px;
    margin-bottom: 6px;
}

.rsv_form .product .chk:nth-of-type(3n) {
    margin-right: 0;
}

.rsv_form .product .chk ~ .chk {
    margin-left: 0;
}

.rsv_form li .chk ~ .chk {
    margin-left: 6px;
}

.rsv_form li .chk input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
}

.rsv_form li .chk label {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    text-align: center;
    line-height: 49px;
    font-size: 15px;
    background: #fff;
    overflow: hidden;
}

.rsv_form li .chk input[type="radio"]:checked + label {
    background: #7ba34d;
    color: #fff;
    border: 1px solid #7ba34d;
}

.rsv_form .product li .chk label {
    font-size: 16px;
    font-weight: 700;
}

.rsv_form .datepicker {
    height: 49px;
    padding: 0 15px 0 20px;
    font-size: 15px;
}

.rsv_form .time {
    height: 25px;
    line-height: 25px;
    padding-left: 15px;
    background: #242424;
    border-radius: 12.5px;
    font-size: 12px;
    color: #fff;
}

.rsv_form .chk_g {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 18px;
}

.rsv_form .chk_g:nth-of-type(3n) {
    margin-right: 0;
}

.rsv_form .chk_box {
    display: block;
    position: relative;
    width: calc(25% - 6px);
    margin-right: 6px;
    height: 49px;
    line-height: 49px;
    margin-bottom: 6px;
}

.rsv_form .chk_box:nth-of-type(6n) {
    margin-bottom: 16px;
}

.rsv_form .chk_box label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #2a2a2a;
    text-align: center;
    border-radius: 9px;
    box-sizing: border-box;
    background: #fff;
    font-size: 11px;
}

.rsv_form .chk_box span {
    font-size: 15px;
    margin-left: 21px;
}

.rsv_form .chk_box input[type="checkbox"] {
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
}

.rsv_form .chk_box input[type="checkbox"]:checked + label {
    background: #7ba34d;
    border: 1px solid #7ba34d;
    color: #fff;
}

.rsv_form .has_box .input_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 49px;
    padding-right: 20px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 14px;
    background: #fff;
    font-size: 15px;
}

.rsv_form .has_box .input_box span {
    font-size: 14px;
    font-weight: 200;
}

.rsv_form .has_box .input_box .text {
    border: none;
    width: 30px;
    background: none;
    text-align: right;
    padding-left: 0;
}

.rsv_form select {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 50px;
    box-sizing: border-box;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 15px) center;
    background-color: #fff;
}

.rsv_form .datag {
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #f5f5f5;
    padding: 19px 16px 16px 20px;
}

.rsv_form .datag .data {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rsv_form .datag .data ~ .data {
    margin-top: 20px;
}

.rsv_form .datag .date {
    font-size: 14px;
    font-weight: 700;
}

.rsv_form .datag .price {
    font-size: 12px;
    font-weight: 200;
    font-family: 'gmarketsans';
}

.rsv_form .datag .price strong {
    font-size: 15px;
    font-weight: 700;
    color: #ff0000;
}

.rsv_form .datag.coupon_list {
    /*background: #fefff9;*/
}

.rsv_form .coupon_list div .name {
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
    text-underline-offset: 3px;
    color: black;
    margin: 0 0 6px;
}

.rsv_form .coupon_list div p {
    font-size: 14px;
    line-height: 12px;
    margin-top: 12px;
}

.rsv_form .coupon_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 13px;
    margin: 0;
}

.rsv_form .coupon_list li p:first-child {
    font-size: 13px;
    font-weight: 200;
    color: #666666;
}

.rsv_form .coupon_list li p:last-child {
    font-size: 13px;
    font-weight: 500;
    font-family: 'gmarketsans';
}

.rsv_form .coupon_list li p em {
    color: #ff0000;
}

.rsv_form .datag.div_select_coupon {
    /*padding: 19px 12px 16px 12px;*/
    background: #fafafa;
    border: none;
    padding: 0;
}

.rsv_form .datag.div_select_coupon .item{
    position: relative;
    border: 1px solid #1e1e1e;
    background: #f5f5f5;
    border-radius: 15px;
    padding: 18px 23px 18px 23px;
}


.rsv_form .datag.div_select_coupon .item {
    position: relative;
    border: 1px solid #1e1e1e;
    background: #f5f5f5;
    border-radius: 15px;
    padding: 16px 23px 14px 23px;
}

.rsv_form .datag.div_select_coupon .item>div:last-child {
    padding-bottom: 0;
}

.rsv_form .datag.div_select_coupon .item~.item {
    margin-top: 15px;
}

.rsv_form .datag.div_select_coupon .item:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #ccc;
    z-index: -1;
}

.rsv_form .datag.div_select_coupon .cola {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px dotted #2a2a2a;
    padding-bottom: 12px;
}

.rsv_form .datag.div_select_coupon .cola .tit {
    position: relative;
    /*padding-left: 26px;*/
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.rsv_form .datag.div_select_coupon .cola .tit::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 17.5px;
    height: 20px;
    /*background: url(/resources/images/ic_bookmark.png) 0 0 / cover no-repeat;*/
}

.rsv_form .datag.div_select_coupon .cola .chk_box {
    margin-right: 23px;
    width: auto;
    height: auto;
    margin-bottom: 0;
}

.rsv_form .datag.div_select_coupon .cola .chk_box input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.rsv_form .datag.div_select_coupon .cola .chk_box label {
    position: relative;
    width: auto;
    /*height: auto;*/
    border: none;
}

.rsv_form .datag.div_select_coupon .cola .chk_box label:before {
    content: '';
    position: absolute;
    /*top: 0;*/
    left: 0;
    width: 26px;
    height: 26px;
    background: url(/resources/images/ic_chk.png) 0 0 / cover no-repeat;
}

.rsv_form .datag.div_select_coupon .cola .chk_box input[type="checkbox"]:checked+label::before {
    background: url(/resources/images/ic_chk_on.png) 0 0 / cover no-repeat;
}

.rsv_form .datag.div_select_coupon .colb {
    padding: 12px 0 12px 0;
}

.rsv_form .datag.div_select_coupon .colb li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 13px;
}

.rsv_form .datag.div_select_coupon .colb li~li {
    margin-top: 14px;
}

.rsv_form .datag.div_select_coupon .colb span {
    font-size: 13px;
    font-weight: 200;
    color: #666;
}

.rsv_form .datag.div_select_coupon .colb p {
    font-size: 13px;
    font-weight: 500;
    font-family: 'gmarketsans';
}

.rsv_form .datag.div_select_coupon .colb strong {
    font-size: 15px;
    font-weight: 500;
    color: #7ba34d;
}

.rsv_form .datag.div_select_coupon .colc {
    display: flex;
    padding-top: 10px;
    border-top: 2px dotted #2a2a2a;
}

.rsv_form .datag.div_select_coupon .colc .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: calc(100% - 110px);*/
    width: 100%;
    height: 41px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 0 20px 0 15px;
    margin-right: 6px;
}

.rsv_form .datag.div_select_coupon .colc .input_g span {
    white-space: nowrap;
    font-size: 14px;
}

.rsv_form .datag.div_select_coupon .colc .input_g input {
    max-width: 80px;
    background: none;
    font-size: 18px;
    text-align: right;
    font-weight: 700;
    font-family: 'gmarketsans'
}

.popup_type {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.popup_type:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.popup_type>div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 150px;
    max-width: 750px;
    width: 100%;
    background: #fff;
    border-radius: 15px 15px 15px 15px;
}

.popup_type .head {
    position: relative;
    padding: 30px 28px 0 28px;
    height: auto;
    margin: 0;
}

.popup_type .head h1 {
    font-size: 20px;
    font-weight: 500;
}

.popup_type .head button {
    position: absolute;
    top: 33px;
    right: 23px;
    width: 16.5px;
    height: 16.5px;
    background: url(/resources/images/btn_close.png) 0 0 / cover no-repeat;
}

.popop_ticket .ticket .body {
    margin-top: 20px;
}

.popop_ticket .ticket .body .cons {
    margin: 0 18px;
}

.popop_ticket .ticket .item {
    position: relative;
    border: 1px solid #1e1e1e;
    background: #f5f5f5;
    border-radius: 15px;
    padding: 18px 23px 18px 23px;
}

.popop_ticket .ticket .item>div:last-child {
    padding-bottom: 0;
}

.popop_ticket .ticket .item~.item {
    margin-top: 15px;
}

.popop_ticket .ticket .item:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #ccc;
    z-index: -1;
}

.popop_ticket .ticket .cola {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px dotted #2a2a2a;
    padding-bottom: 12px;
}

.popop_ticket .ticket .cola .tit {
    position: relative;
    /*padding-left: 26px;*/
    font-size: 18px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.popop_ticket .ticket .cola .tit::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 17.5px;
    height: 20px;
    /*background: url(/resources/images/ic_bookmark.png) 0 0 / cover no-repeat;*/
}

.popop_ticket .ticket .cola .chk_box {
    margin-right: 23px;
}

.popop_ticket .ticket .cola .chk_box input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.popop_ticket .ticket .cola .chk_box label {
    position: relative;
}

.popop_ticket .ticket .cola .chk_box label:before {
    content: '';
    position: absolute;
    /*top: 0;*/
    left: 0;
    width: 26px;
    height: 26px;
    background: url(/resources/images/ic_chk.png) 0 0 / cover no-repeat;
}

.popop_ticket .ticket .cola .chk_box input[type="checkbox"]:checked+label::before {
    background: url(/resources/images/ic_chk_on.png) 0 0 / cover no-repeat;
}

.popop_ticket .ticket .colb {
    padding: 14px 0 17px 0;
}

.popop_ticket .ticket .colb li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 13px;
}

.popop_ticket .ticket .colb li~li {
    margin-top: 14px;
}

.popop_ticket .ticket .colb span {
    font-size: 13px;
    font-weight: 200;
    color: #666;
}

.popop_ticket .ticket .colb p {
    font-size: 13px;
    font-weight: 500;
    font-family: 'gmarketsans';
}

.popop_ticket .ticket .colb strong {
    font-size: 15px;
    font-weight: 500;
    color: #7ba34d;
}

.popop_ticket .ticket .colc {
    display: flex;
    padding-top: 10px;
    border-top: 2px dotted #2a2a2a;
}

.popop_ticket .ticket .colc .input_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: calc(100% - 110px);*/
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 0 20px 0 15px;
    margin-right: 6px;
}

.popop_ticket .ticket .colc .input_g span {
    white-space: nowrap;
    font-size: 14px;
}

.popop_ticket .ticket .colc .input_g input {
    max-width: 80px;
    background: none;
    font-size: 20px;
    text-align: right;
    font-weight: 700;
    font-family: 'gmarketsans'
}

.popop_ticket .ticket .refer {
    position: relative;
    margin-top: 17px;
    font-size: 12px;
    font-weight: 200;
    color: #ff0000;
    margin-left: 5px;
    padding-left: 15px;
}

.popop_ticket .ticket .refer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5px;
    height: 12.5px;
    background: url(/resources/images/ic_exp3.png) 0 0 / cover no-repeat;
}

.popop_ticket .btn_g {
    margin-top: 10px;
}

.popop_ticket .btn_g .btn_all{
    text-align: center;
    line-height: 54px;
    width: 100%;
    background: #7ba34d;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border-radius: 0 0 15px 15px;
}

/* 팝업크기 조절 - 넘치면 스크롤 */
.popup_type .body {
    max-height: 536px;
    overflow-y: auto;
}

.popop_ticket .ticket .div_another_coupon_list {
    margin: 0 10px 20px 10px;
    text-align: center;
}

.popop_ticket .ticket .div_another_coupon_list .noti {
    margin-bottom: 14px;
    font-size: 15px;
}

.popop_ticket .ticket .div_another_coupon_list .noti p {
    margin-bottom: 6px;
}

.popop_ticket .ticket .div_another_coupon_list .noti p span {
    color: #7ba34d;
}

.popop_ticket .ticket .div_another_coupon_list .noti p i  {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic_chk_on.png) no-repeat;
    background-size: contain;
}

.popop_ticket .ticket .div_another_coupon_list .noti.empty-coupon {
    margin-bottom: 46px;
}

.popop_ticket .ticket .div_another_coupon_list .noti.empty-coupon p {
    margin-bottom: 16px;
}

.rsv_form .type .box {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 6px
}

.rsv_form .type .input_g {
    width: calc(100% - 110px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: 9px;
    padding-left: 19px;
    background: #fff;
}

.rsv_form .type span {
    font-size: 14px;
    font-weight: 200;
}

.rsv_form .type .text {
    max-width: 148px;
    height: 100%;
    background: none;
    border: none;
    padding-right: 14px;
    box-sizing: border-box;
    text-align: right;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.rsv_form .type button {
    position: absolute;
    top: 0;
    width: 49px;
    height: 49px;
}

.rsv_form .type .btn_plus {
    right: 55px;
    background: url(../images/btn_plus.png) no-repeat;
    background-size: cover;
}

.rsv_form .type .btn_minus {
    right: 0;
    background: url(../images/btn_minus.png) no-repeat;
    background-size: cover;
}

.rsv_form .type .price .input_g {
    width: 100%;
}

.rsv_form .type .price .text {
    font-size: 18px;
    font-weight: 700;
    color: #ff0000;
    font-family: 'gmarketsans';
}

.rsv_form .btng {
    margin-top: 45px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.rsv_write {
    padding-bottom: 20px;
}

.calendar {
    margin: 0 18px;
}

.calendar .fc-toolbar {
    position: relative;
    justify-content: center;
    width: 100%;
    height: 49px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    margin-top: 12px;
    margin-bottom: 0 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.calendar .fc-today-button {
    display: none;
}

.calendar .fc-button-group {
    position: static;
    margin-left: 0;
}

.calendar .fc-button {
    position: absolute !important;
    top: 12px;
    width: 23px;
    height: 23px;
    margin-left: 0 !important;
}

.calendar .fc-button.fc-prev-button {
    left: 15px;
    background: url(../images/btn_prev2.png) no-repeat;
    background-size: cover;
}

.calendar .fc-button.fc-next-button {
    right: 15px;
    background: url(../images/btn_next2.png) no-repeat;
    background-size: cover;
}

.calendar .fc-toolbar-title {
    font-size: 16px;
    font-weight: 700;
}

.fc .fc-view-harness {
    margin-top: 52px;
}


/*.fc-scrollgrid-sync-table tr:last-child {*/
/*    display: none;*/
/*}*/

.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
    border: none;
}

.fc .fc-scroller-harness {
    border-top: 1px solid #eee;
}

.fc .fc-col-header-cell {
    font-size: 11px;
    font-weight: 200;
    color: #303030;
    padding: 15px 0;
}

.fc .fc-col-header-cell-cushion,
.fc .fc-daygrid-day-number {
    padding: 0;
}

.fc .fc-daygrid-day-number {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}

.fc .fc-daygrid-day-top {
    flex-direction: initial;
    justify-content: center;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    height: 61px;
    min-height: 40px;
    margin-top: 0;
}

.fc .fc-daygrid-event {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    margin: 10px auto 0 auto !important;
    line-height: 40px;
    font-size: 14px;
    font-weight: 100;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    padding: 0;
}

.calendar .s1 {
    background: #576acc;
}

.calendar .s2 {
    background: #93c531;
}

.calendar .s3 {
    background: #b8c2cd;
}

.calendar .s4 {
    width: 5.5px;
    height: 5.5px;
    background: #f12b6d;
    margin-top: 27px !important;
}

.calendar .s5 {
    background: #f12b6d;
}


.fc .fc-scrollgrid-sync-table tr:first-child td {
    padding-top: 31px;
}

.fc .fc-day-sun {
    color: #ff0000;
}

.fc .fc-day-sat {
    color: #727baa;
}

.fc .fc-daygrid-day.fc-day-today {
    background: none;
}

.fc .fc-daygrid-day.fc-day-today a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.fc .fc-scroller-liquid-absolute {
    overflow: visible !important;
}

.calendar_g {
    position: relative;
    padding-bottom: 33px;
}

.calendar_g .state_g {
    position: absolute;
    top: 81px;
    left: 0;
    width: 100%;
}

.calendar_g .state_g ul {
    display: flex;
    justify-content: center;
}

.calendar_g .state_g li {
    position: relative;
    font-size: 12px;
    padding-left: 16px;
}

.calendar_g .state_g li ~ li {
    margin-left: 25px;
}

.calendar_g .state_g li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.calendar_g .state_g .s1:before {
    background: #576acc;
}

.calendar_g .state_g .s2:before {
    background: #93c531;
}

.calendar_g .state_g .s3:before {
    background: #b8c2cd;
}

.calendar_g .state_g .s4:before {
    background: #f12b6d;
}

.rsv_view {
    margin: 20px 18px 0 18px;
}

.rsv_view .name_g h2 {
    font-size: 15px;
    margin-left: 5px;
    margin-bottom: 19px;
}

.rsv_ui .product_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    border: 1px solid #7ba34d;
    border-radius: 9px;
    background: #fefff9;
    box-sizing: border-box;
    padding: 0 20px 0 16px;
}

.rsv_ui .product_g .name {
    font-size: 15px;
    font-weight: 700;
}

.rsv_ui .product_g .num {
    font-size: 14px;
    color: #7ba34d;
}

.rsv_ui .product_g .data {
    font-size: 0;
}

.rsv_ui .product_g .state {
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: #7ba34d;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    margin-left: 12px;
}

.rsv_view .info_g {
    margin-top: 20px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
}

.rsv_view .info_g > li {
    padding: 26px 20px 30px 20px;
}

.rsv_view .info_g > li ~ li {
    border-top: 1px solid #eee;
}

.rsv_view .info_g li .tit {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 28px;
}

.rsv_view .info_g li dl {
    display: flex;
    align-items: baseline;
}

.rsv_view .info_g li dl ~ dl {
    margin-top: 18px;
}

.rsv_view .info_g li dt {
    width: 60px;
    font-size: 12px;
    font-weight: 200;
    color: #8a8a8a;
    margin-right: 33px;
}

.rsv_view .info_g li dd {
    width: calc(100% - 93px);
    font-size: 14px;
    font-weight: 500;
}

.rsv_view .info_g li dd em {
    color: #7ba34d;
}

.rsv_view .info_g li dd .price {
    color: #ff0000;
}

.rsv_view .record {
    position: relative;
}

.rsv_view .record .line {
    position: absolute;
    top: 0;
    left: 47px;
    width: 1px;
    height: calc(100% + 8px);
    background: #8a8a8a;
}

.rsv_view .record .line span {
    position: absolute;
    display: block;
    left: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.rsv_view .record .line .r1 {
    top: 0;
    background: #7ba34d;
}

.rsv_view .record .line .r2 {
    top: 31px;
    background: #ff0000;
}

.rsv_view .record .line .r3 {
    top: 61px;
    background: #2a2a2a;
}

.rsv_view .record li {
    display: flex;
    margin-top: 19px;
    line-height: 12px;
}

.rsv_view .record li span {
    font-size: 12px;
    font-weight: 200;
}

.rsv_view .record li span ~ span {
    margin-left: 54px;
}

.rsv_view .record .r1 span {
    color: #7ba34d;
}

.rsv_view .record .r2 span {
    color: #ff0000;
}

.rsv_view .info_g > li:last-child {
    padding: 20px;
}

.rsv_view {
    padding-bottom: 21px;
}

.rsv_cancel {
    margin: 0 18px;
}

.rsv_cancel .info {
    border: 1px solid #8a8a8a;
    border-radius: 9px;
}

.rsv_cancel .info .name_g {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px 12px 20px;
    border-bottom: 1px solid #8a8a8a;
}

.rsv_cancel .name_g p {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

.rsv_cancel .name_g .state {
    width: 35px;
    height: 35px;
    background: #7ba34d;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
    font-weight: 100;
    color: #fff;
}

.rsv_cancel .info .info_g {
    padding: 20px 20px 30px 20px;
}

.rsv_cancel .info dl {
    display: flex;
}

.rsv_cancel .info dl ~ dl {
    margin-top: 15px;
}

.rsv_cancel .info dt {
    width: 45px;
    font-size: 13px;
    color: #8a8a8a;
    margin-right: 30px;
}

.rsv_cancel .info dd {
    width: calc(100% - 75px);
    font-size: 14px;
    font-weight: 500;
}

.rsv_cancel .info dd em {
    color: #7ba34d;
}

.rsv_cancel .write_g {
    margin-top: 25px;
}

.rsv_cancel .write_g .tit {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    margin-left: 5px;
}

.rsv_cancel .write_g .tit:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../images/ic_note.png) no-repeat;
    background-size: cover;
}

.rsv_cancel .write_g .text_g {
    position: relative;
    height: 159px;
    margin-top: 20px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
}

.rsv_cancel .write_g textarea {
    width: 100%;
    height: 100%;
    padding: 19px 20px 19px 14px;
    box-sizing: border-box;
    background: none;
    resize: none;
}

.rsv_cancel .write_g textarea::placeholder {
    font-size: 12px;
    font-weight: 200;
    color: #8a8a8a;
    letter-spacing: -1px;
}

.rsv_cancel .write_g textarea:focus {
    outline: none;
}

.rsv_cancel .write_g .typing {
    position: absolute;
    right: 15px;
    bottom: 16px;
    font-size: 10px;
    line-height: 10px;
    color: #8a8a8a;
}

.rsv_cancel .btng {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.rsv_cancel .btng button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.admin_ui {
    margin-top: 20px;
    padding-bottom: 109px;
    font-family: gmarketsans;
}

.admin_ui .col {
    margin: 0 18px;
}

.admin_ui .col ~ .col {
    margin-top: 35px;
}

.admin_ui h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.admin_ui .profile {
    position: relative;
    display: flex;
    align-items: center;
    height: 104px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 21px;
}

.admin_ui .profile .img {
    width: 50px;
    height: 50px;
}

.admin_ui .profile .img img {
    width: 100%;
    height: 100%;
}

.admin_ui .profile .info {
    margin-left: 14px;
}

.admin_ui .profile .info p {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 9px;
    font-family: 'gmarketsans'
}

.admin_ui .profile .info span {
    font-size: 13px;
    font-weight: 200;
    font-family: 'gmarketsans';
    line-height: 13px;
}

.admin_ui .profile .btn_my {
    position: absolute;
    top: 37px;
    right: 21px;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #171717;
    border-radius: 15px;
    background: #7ba34d;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'gmarketsans';
}

.admin_ui .iot_list {
    display: flex;
}

.admin_ui .iot_list li {
    width: 100%;
    height: 94px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
}

.admin_ui .iot_list li ~ li {
    margin-left: 6px;
}

.admin_ui .iot_list li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.admin_ui .iot_list li i {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.admin_ui .iot_list .l1 i {
    background: url(../images/ic_iot1.png);
    background-size: cover;
}

.admin_ui .iot_list .l2 i {
    background: url(../images/ic_iot2.png);
    background-size: cover;
}

.admin_ui .iot_list .l3 i {
    background: url(../images/ic_iot3.png);
    background-size: cover;
}

.admin_ui .iot_list li i ~ p {
    margin-top: 15px;
}

.admin_ui .iot_list li p {
    font-size: 15px;
    line-height: 15px;
}

.admin_ui .store_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -6px;
}

.admin_ui .store_list li {
    width: calc(33.333% - 6px);
    height: 49px;
    text-align: center;
    line-height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    margin-right: 6px;
    margin-bottom: 6px;
    background: #fff;
}

.admin_ui .store_list li:nth-of-type(3n) {
    margin-right: 0;
}

.admin_ui .store_list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
}

.admin_ui .items {
    margin-top: 41px;
    margin-left: 18px;
}

.admin_ui .items li {
    position: relative;
    border-bottom: 1px solid #a0a0a0;
    padding-left: 39px;
    margin-right: 15px;
}

.admin_ui .items a {
    position: relative;
    display: block;
    padding: 19px 0;
}

.admin_ui .items li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    width: 20px;
    height: 20px;
}

.admin_ui .items .i1:before {
    width: 16.5px;
    height: 19px;
    background: url(../images/ic_notice.png) no-repeat;
    background-size: cover;
}

.admin_ui .items .i2:before {
    background: url(../images/ic_change.png) no-repeat;
    background-size: cover;
}

.admin_ui .items .i3:before {
    background: url(../images/ic_logout.png) no-repeat;
    background-size: cover;
}

.admin_ui .items .i4:before {
    background: url(../images/ic_message.png) no-repeat;
    background-size: cover;
}

.admin_ui .items .i5:before {
    background: url(../images/ic_speech_bubble.png) no-repeat;
    background-size: cover;
}

.admin_ui .items .i6:before {
    background: url(../images/ic_book.png) no-repeat;
    background-size: cover;
}

.admin_ui .support {
    box-sizing: border-box;
}

.admin_ui .support h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 16px;
    margin-left: 5px;
}

.admin_ui .support .dropdown {
    position: relative;
}

.admin_ui .support .dropdown button {
    width: 100%;
    height: 50px;
    line-height: 40px;
    text-align: left;
    padding: 0 17px;
    font-size: 15px;
    font-weight: 500;
    color: #2a2a2a;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    cursor: pointer;
    box-sizing: border-box;
    background: #fff;
}

.admin_ui .support .dropdown button:after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #2a2a2a;
}

.admin_ui .support .dropdown ul {
    position: absolute;
    top: 50px;
    left: 0;
    /*width: 100%;*/
    width: calc(100% - 2px);
    z-index: 10;
    list-style: none;
    margin: 0;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
    display: none;
    padding: 2px 0;
}

.admin_ui .support .dropdown ul li {
    padding: 14px 17px;
    font-size: 14px;
    font-weight: 500;
    color: #2a2a2a;
    cursor: pointer;
}

.admin_ui .support .dropdown ul li:hover {
    background: #f0f0f0;
}

.admin_ui .support .dropdown ul li {
    border-bottom: 1px solid #e0e0e0; /* 항목 구분선 */
}

.admin_ui .support .dropdown ul li:last-child {
    border-bottom: none; /* 마지막 항목은 테두리 제거 */
}

/*버전2*/
.admin_ui .support-dropdown {
    position: relative;
}

.admin_ui .support-dropdown button {
    width: 100%;
    height: 50px;
    text-align: left;
    padding: 0 21px;
    font-size: 15px;
    font-weight: 500;
    color: #2a2a2a;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    transition: background 0.3s, box-shadow 0.3s;
}

.admin_ui .support-dropdown button:after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #2a2a2a;
    transition: transform 0.3s;
}

.admin_ui .support-dropdown ul {
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 9px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 10;
    flex-wrap: wrap;
    gap: 6px;
}

.admin_ui .support-dropdown ul.active {
    display: flex;
    animation: fadeIn 0.2s ease-out;
}

.admin_ui .support-dropdown ul li {
    width: calc(33.333% - 6px);
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 15px;
    font-weight: 500;
    color: #2a2a2a;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}

.admin_ui .support-dropdown ul li a{
    display: block;
    width: 100%;
    height: 100%;
}

.admin_ui .support-dropdown ul li:nth-of-type(2n) {
    margin-right: 0; /* 2번째 버튼 오른쪽 여백 제거 */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.profile_ui {
    margin-top: 11px;
    padding-bottom: 30px;
}

.admin_ui .myProf {
    position: relative;
    text-align: center;
}

.admin_ui .myProf .img {
    width: 74.5px;
    height: 74.5px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.admin_ui .myProf .img img {
    width: 100%;
    height: 100%;
}

.admin_ui .myProf button {
    position: absolute;
    left: calc(50% + 11px);
    top: 44px;
    width: 30px;
    height: 30px;
    background: url(../images/btn_photo.png) no-repeat;
    background-size: cover;
}

.admin_ui .myProf p {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

.admin_ui .infor_g {
    margin: 30px 18px 0 18px;
}

.admin_ui .infor_g .infor {
    position: relative;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #f9f9f9;
    padding: 25px 20px 35px 22px;
}

.admin_ui .infor_g .infor ~ .infor {
    margin-top: 10px;
}

.admin_ui .infor_g .infor .tit {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 30px;
}

.admin_ui .infor_g .infor button {
    position: absolute;
    top: 19px;
    right: 15px;
    padding: 0 11px;
    height: 24px;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    background: #fff;
    font-size: 12px;
}

.admin_ui .infor_g .infor li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin_ui .infor_g .infor li ~ li {
    margin-top: 15px;
}

.admin_ui .infor_g .infor li span {
    font-size: 13px;
    color: #8a8a8a;
}

.admin_ui .infor_g .infor li p {
    font-size: 15px;
    font-weight: 500;
}

.profile_ui .btn_g {
    margin: 10px 18px 0 18px;
}

.profile_ui .btn_g .btnLeave {
    position: relative;
    width: 100%;
    height: 49px;
    text-align: left;
    background: #2a2a2a;
    border-radius: 9px;
}

.profile_ui .btn_g .btnLeave span {
    position: relative;
    color: #fff;
    font-size: 15px;
    padding-left: 60px;
}

.profile_ui .btn_g .btnLeave span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 23.5px;
    height: 18px;
    background: url(../images/ic_leave.png) no-repeat;
    background-size: cover;
}

.profile_ui .btn_g .btnLeave:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 9px;
    height: 15px;
    background: url(../images/ic_go.png) no-repeat;
    background-size: cover;
}

.leave_popup .cont {
    margin-top: 50px;
    text-align: center;
}

.leave_popup .cont p {
    font-size: 15px;
    line-height: 21px;
}

.leave_popup .cont strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 16px;
}

.leave_popup .btng {
    margin-top: 82px;
}

.leave_popup .btng button {
    width: 50%;
    height: 54px;
    border-radius: 0;
    font-size: 18px;
}

.leave_popup .btng .btn_no {
    background: #2a2a2a;
}

.leave_popup .btng button ~ button {
    margin-left: 0;
}

.change_ui {
    margin: 15px 18px 0 18px;
}

.change_ui li ~ li {
    margin-top: 25px;
}

.change_ui .name {
    font-size: 12px;
    font-weight: 200;
    line-height: 12px;
    margin-left: 5px;
    margin-bottom: 11px;
}

.change_ui .data {
    font-size: 15px;
    line-height: 15px;
    margin-left: 5px;
}

.change_ui .form input {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    padding-left: 14px;
    box-sizing: border-box;
    border-radius: 9px;
    box-sizing: border-box;
    background: #fff;
    font-size: 15px;
}

.change_ui .btng {
    margin-top: 261px;
    border-top: 1px solid #898989;
    padding-top: 20px;
}

.change_ui .password {
    font-size: 15px !important;
    letter-spacing: 3px;
}

.change_ui {
    padding-bottom: 20px;
}

.setIot_ui nav li {
    margin-bottom: 0;
}

.admin_ui .setting {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #2a2a2a;
    padding-top: 30px;
}

.admin_ui .setting .tit {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.admin_ui .setting .set_g {
    border: 1px solid #464646;
    border-radius: 10px;
    padding-left: 20px;
}

.admin_ui .setting .set_g li {
    position: relative;
    padding: 21px 0 24px 0;
}

.admin_ui .setting .set_g li ~ li {
    border-top: 1px solid #2a2a2a;
}

.admin_ui .setting .set_g li p {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 11px;
}

.admin_ui .setting .set_g li span {
    font-size: 12px;
}

.admin_ui .setting .set_g li .toggle_g {
    position: absolute;
    top: 32px;
    right: 21px;
    display: flex;
}

.admin_ui .setting .set_g li .toggle_g .toggle {
    position: relative;
    width: 43px;
    height: 18.5px;
    background: #8a8a8a;
    border-radius: 9px;
    margin: 0 10px;
}

.admin_ui .setting .set_g li .toggle_g .button {
    position: absolute;
    top: -4px;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 0;
    transition: all 0.2s;
}

.admin_ui .setting .set_g li .toggle_g span {
    font-size: 10px;
    font-weight: 700;
    font-family: 'gmarketsans';
    color: #8a8a8a;
    margin-top: 5px;
}

.admin_ui .setting .set_g li .toggle_g.on .toggle {
    background: #7ba34d;
}

.admin_ui .setting .set_g li .toggle_g.on .button {
    border: 1px solid #7ba34d;
    right: 0;
    left: auto;
    transition: all 0.2s;
}

.admin_ui .setting .set_g li .toggle_g.on .on {
    color: #7ba34d;
}

.admin_ui .setting .set_g li .climate-btn {
    cursor: pointer;
    outline: none;
    background-color: #7ba34d;
    color: #ffffff;
    padding: 6px 8px;
    border-radius: 5px;
    transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
    margin-left: 2px;
    font-weight: 500;
    font-size: 13px;
}

.admin_ui .setting .set_g li .climate-btn:hover {
    /*background-color: #ffffff;*/
    /*color: #7ba34d;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.admin_ui .setting.work_mode .set_g li .mode {
    margin-top: 2px;
}

.admin_ui .setting.work_mode .set_g li .mode span{
    display: block;
    margin-top: 2px;
}

.admin_ui .setting.work_mode .set_g li .mode.on span.off,
.admin_ui .setting.work_mode .set_g li .mode.off span.on{
    display: none;
}

.admin_ui .setting.work_mode .set_g li .mode span em.red{
    color: #ff0000;
}

.admin_ui .setting.work_mode .set_g li .mode span em.blue{
    color: #3788d8;
}

/*.admin_ui .setting.work_mode .set_g li .toggle_g {*/
/*    top: 22px;*/
/*}*/

.admin_ui .setting.work_mode .set_g li .toggle_g span {
    margin-top: 3px;
}

.admin_ui .setting.work_mode .set_g li .toggle_g .off {
    color: #ff0000;
}

.admin_ui .setting.work_mode .set_g li .toggle_g .on,
.admin_ui .setting.work_mode .set_g li .toggle_g .off {
    font-size: 12px;
}

.admin_ui .setting.work_mode .set_g li .toggle_g.on .on {
    color: #3788d8;
}

.admin_ui .setting.work_mode .set_g li .toggle_g.on .off {
    color: #8a8a8a;
}

.admin_ui .setting.work_mode .set_g li .toggle_g.on .toggle {
    background: #3788d8;
}

.admin_ui .setting .g2 {
    margin-top: 20px;
    background: #fefff9;
}

.admin_ui .setting .g2 li {
    position: relative;
    padding: 29px 0 28px 0;
}

.admin_ui .setting .g2 li:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 31px;
    width: 30px;
    height: 30px;
    background: url(../images/ic_exit.png) no-repeat;
    background-size: cover;
}

.admin_ui .setting .set_g li .switch_g {
    position: absolute;
    top: 19px;
    right: 21px;
    display: flex;
}

.admin_ui .setting .set_g li .switch_g button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 700;
}

.admin_ui .setting .set_g li .switch_g button ~ button {
    margin-left: 20px;
}

.admin_ui .setting .set_g li .switch_g .btn_off {
    border: 1px solid #a1a1a1;
    color: #a1a1a1;
}

.admin_ui .setting .set_g li .switch_g .btn_on {
    background: #7ba34d;
    color: #fff;
}

.setIot_ui {
    padding-bottom: 65px;
}

.setIot_ui select {
    width: 100%;
    height: 59px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 23px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 14px 8px;
    background-position: calc(100% - 16px) center;
    margin-bottom: 20px;
}

.setIot_ui .climate-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.setIot_ui .climate-modal .modal-content {
    position: relative;
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    width: 88%;
    max-width: 640px;
    margin: 10% auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.setIot_ui .climate-modal .button {
    background-color: #7ba34d;
    border: none;
    color: white;
    padding: 10px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.setIot_ui .climate-modal .button.active {
    background-color: #4d7ba3;
    color: #fff;
}

.setIot_ui .climate-modal .btn_ok {
    font-size: 18px;
}

.setIot_ui .climate-modal .close {
    color: #aaaaaa;
    float: right;
    font-size: 36px;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 10px;
}

.setIot_ui .climate-modal .close:hover {
    color: #000;
    text-decoration: none;
}

.setIot_ui .climate-modal .modal-title {
    font-size: 22px;
    margin-top: 6px;
}

.setIot_ui .climate-modal .temp-display {
    font-size: 18px;
    margin: 20px 0;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
}

.setIot_ui .climate-modal label {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
}

.setIot_ui .climate-modal input[type="range"] {
    -webkit-appearance: none;
    width: 82%;
    height: 10px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    opacity: 0.7;
    transition: opacity .2s;
    margin-bottom: 12px;
}

.setIot_ui .climate-modal input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    background: #7ba34d;
    cursor: pointer;
    border-radius: 50%;
}

.setIot_ui .climate-modal .container {
    text-align: center;
    margin-top: 30px;
}

.setIot_ui .climate-modal .fan-mode-container {
    text-align: center;
    margin-top: 20px;
}

.setIot_ui .climate-modal .modal-error {
    display: none;
    color: red;
    text-align: center;
    margin-top: 20px;
}

.setIot_ui .climate-modal .notice {
    padding-top: 16px;
    padding-left: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 10px;
    /*color: #ff0000;*/
}

.admin_ui .setting .set_g li span em {
    color: #7ba34d;
    font-weight: 700;
}

.notice_ui .board_list {
    margin: 30px 18px 30px 18px;
    /*margin-top: 26px;*/
    border-top: 1px solid #2a2a2a;
}

.notice_ui .btng {
    margin: 20px 18px 20px 18px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.notice_ui .board_view .body .memo {
    word-break: break-all;
}

.faq_ui .board_list li a {
    padding: 16px 0 20px 0;
}

.faq_ui .board_list li .order {
    font-size: 11px;
    color: #666;
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 6px 8px;
    text-align: center;
    width: 64px;
    margin-bottom: 10px;
}

.faq_ui .board_view .tit_g {
    padding-bottom: 18px;
}

.faq_ui .board_view .tit_g .sort {
    font-size: 12px;
    text-align: end;
    color: #666;
}

.notice_write {
    padding-bottom: 20px;
}

.head.statistics h1 {
    font-size: 20px;
}

.statisticsGnb {
    margin-top: 6px;
}

.statisticsGnb li {
    width: 49%;
}

.stats_ui .cola {
    margin: 12px 18px 0 18px;
}

.stats_ui .colb {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #8a8a8a;
    /*padding-top: 30px;*/
}

.stats_ui .colb canvas {
    margin-top: 10px;
    max-height: 115px;
}

.stats_ui .calendar_g {
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
    margin-top: 0;
}

.stats_ui .titg.calendar_titg {
    margin: 44px 18px 0 18px;
    border-top: 1px solid #8a8a8a;
    box-sizing: border-box;
    height: 60px;
}

.stats_ui .colc {
    margin: 20px 18px 0 18px;
}

.stats_ui .colc.analysis_day {
  margin: 0 18px 40px 18px;
  display: none;
}

.stats_ui .colc.analysis_day .titg{
    border: none;
    border-top: 2px solid #f8f8f8;
}

.stats_ui .colc.visible {
    display: block;
}

.stats_ui .colc .titg,
.stats_ui .cold .titg
{
    border-top: 1px solid #8a8a8a;
    box-sizing: border-box;
    height: 60px;
    margin-top: 0;
    margin-bottom: 0;
}

.stats_ui .cold .titg h2 {
    text-align: center;
    width: 100%;
    color: white;
}

.stats_ui .colc .box {
    margin-bottom: 6px;
}

.stats_ui .colc .box .gap{
    background: #fafafa;
}

.stats_ui .colc .box .gap p{
    text-decoration: underline;
}

.stats_ui .colc .gap:first-child {
    margin-right: 7px;
}

.stats_ui .colc .gap:last-child {
    margin-right: 0;
}

.stats_ui .cold {
    margin: 40px 18px 70px 18px;
}

.stats_ui .cold .statisticsGnb {
    margin: 0;
}

.stats_ui .cold .statisticsGnb .invisible {
    border: none;
}

.stats_ui .cold .barTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.stats_ui > div ~ div {
    margin-top: 30px;
}

.stats_ui .titg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.stats_ui h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-left: 6px;
}

.stats_ui select {
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10px 6px;
    background-position: calc(100% - 5px) center;
    padding-right: 21px;
    padding-left: 10px;
}

.stats_ui .inputg {
    display: flex;
    justify-content: space-between;
}

.stats_ui .inputg li {
    width: 100%;
}

.stats_ui .inputg li ~ li {
    margin-left: 7px;
}

.stats_ui .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    border: 1px solid #7ba34d;
    padding: 0 16px;
    background: #fefff9;
    box-sizing: border-box;
    border-radius: 9px;
    margin-bottom: 6px;
}

.stats_ui .total .tag {
    width: 39px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 13px;
    background: #7ba34d;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
}

.stats_ui .total .price strong {
    font-size: 18px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.stats_ui .total .price span {
    font-size: 11px;
    font-weight: 100;
}

.stats_ui .box {
    display: flex;
    justify-content: space-between;
}

.stats_ui .before,
.stats_ui .gap {
    width: 100%;
    height: 60px;
    border: 1px solid #8a8a8a;
    padding: 13px 15px 15px 15px;
    border-radius: 9px;
    box-sizing: border-box;
    /*background: #fafafa;*/
}

.stats_ui .before:first-child {
    margin-right: 6px;
}

.stats_ui .box p {
    font-size: 12px;
    /*text-decoration: underline;*/
    text-underline-offset: 2px;
}

.stats_ui .box.compare {
    margin-top: 6px;
    background: #fafafa;
}

.stats_ui .box.compare p {
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.stats_ui .box .price {
    text-align: right;
}

.stats_ui .box .price strong {
    font-size: 15px;
    font-weight: 700;
}

.stats_ui .box .price span {
    font-size: 11px;
    font-weight: 100;
}

.stats_ui .gap .price strong {
    color: #ff0000;
}

.stats_ui .gap .price strong.blue {
    color: #4A65C2;
}

.stats_ui .time_g li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 6px 10px 8px;
    border-top: 1px solid #f5f5f5;
}

.stats_ui .time_g li .time {
    font-size: 11px;
    font-weight: 500;
    width: 42px;
}

.stats_ui .time_g .bar_g {
    position: relative;
    width: 80%;
    /*max-width: 220px;*/
}

.stats_ui .time_g .bar_g:before {
    content: '';
    position: absolute;
    top: 0;
    left: 28px;
    width: 1px;
    height: 30px;
    background: #8a8a8a;
}

.stats_ui .time_g .bar_g > div {
    display: flex;
    align-items: center;
}

.stats_ui .time_g .bar_g span {
    font-size: 13px;
    font-weight: 100;
    line-height: 13px;
}

.stats_ui .time_g .bar_g .bar {
    height: 6px;
    border-radius: 0 3px 3px 0;
    margin-left: 6px;
}

.stats_ui .time_g .bar_g .bar2 {
    height: 6px;
    border-radius: 0 3px 3px 0;
    margin-left: 6px;
}

.stats_ui .time_g .bar_g .t1 .bar {
    background: #eaeaea;
}

.stats_ui .time_g .bar_g .t2 .bar {
    background: #7ba34d;
}

.stats_ui .time_g .bar_g .t1 .bar2 {
    background: #2a2a2a;
}

.stats_ui .time_g .bar_g .t2 .bar2 {
    background: #ff0000;
}


.stats_ui .time_g .bar_g .num {
    font-size: 12px;
    font-weight: 200;
    margin-left: 2px;
}

.stats_ui .time_g .bar_g .t2 .num {
    color: #7ba34d;
}

.stats_ui .time_g li .data {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    font-size: 12px;
    font-weight: 700;
}

.stats_ui .time_g li .data.total_data {
    font-size: 11px;
    font-weight: 700;
    color: #ff0000;
}

.stats_ui .graph {
    position: relative;
    height: 152px;
    font-size: 0;
    border-bottom: 2px solid #2a2a2a;
    display: flex;
}

.stats_ui .graph .y_axis {
    position: absolute;
    width: 100%;
    height: 152px;
    left: 0;
    top: 0;
}

.stats_ui .graph .y_axis li {
    border-top: 1px solid #e8e8e8;
}

.stats_ui .graph .y_axis li ~ li {
    margin-top: 14px;
}

.stats_ui .pdt {
    display: flex;
    justify-content: space-around;
    padding-left: 5px;
    margin-bottom: 10px;
}

.stats_ui .pdt p {
    text-align: center;
    font-size: 12px;
    /*font-weight: 700;*/
    line-height: 12px;
    white-space: nowrap;
}

.stats_ui .graph .x_axis {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.stats_ui .graph .x_axis ~ .x_axis {
    border-left: 1px solid #e8e8e8;
}

.stats_ui .graph .x_axis li {
    position: absolute;
    bottom: 0;
    width: 6.5px;
    border-radius: 3px 3px 0 0;
}

.stats_ui .graph .x_axis li:first-child {
    background: #eaeaea;
    left: calc(50% - 13px);
}

.stats_ui .graph .x_axis li:nth-child(2) {
    background: #7ba34d;
    left: calc(50% + 13px);
}

.stats_ui .graph .x_axis li em {
    display: block;
    font-size: 12px;
    font-weight: 200;
    font-family: 'gmarketsans';
    transform: translate(-5px, -15px);
}

.stats_ui .graph .x_axis li:nth-child(2) em {
    color: #7ba34d;
    font-weight: 500;
}

.stats_ui .cold {
    position: relative;
}

.stats_ui .index_g {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.stats_ui .index_g ul {
    display: flex;
    justify-content: center;
}

.stats_ui .index_g li {
    font-size: 10px;
    font-weight: 100;
}

.stats_ui .index_g li ~ li {
    margin-left: 8px;
}

.statSlider .slick-list {
    height: 188px;
}

.statSlider .slick-dots {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
}

.statSlider .slick-dots li {
    display: inline-block;
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    background: #000000;
}

.statSlider .slick-dots li ~ li {
    margin-left: 3.5px;
}

.statSlider .slick-dots li.slick-active {
    background: #7ba34d;
}

.stats_ui {
    padding-bottom: 40px;
}

.stats_ui .titg.left {
    justify-content: left;
}

.stats_ui .calendar_g .state_g {
    top: 10px;
}

.stats_ui .sel_date {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.stats_ui .sel_date .date {
    position: relative;
}

.stats_ui .sel_date .btn_prev {
    position: absolute;
    width: 23px;
    height: 23px;
    left: 15px;
    background: url(../images/btn_prev2.png) no-repeat;
    background-size: cover;
}

.stats_ui .sel_date .btn_next {
    position: absolute;
    width: 23px;
    height: 23px;
    right: 15px;
    background: url(../images/btn_next2.png) no-repeat;
    background-size: cover;
}

.stats_ui .sel_date .date input {
    width: 100px;
    text-align: center;
}

.stats_ui.sales-overview {
    margin: 10px 18px 0 18px;
    padding-bottom: 84px;
}

.stats_ui.sales-overview .year-selector {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    font-weight: 700;
}

.stats_ui.sales-overview .year-selector select {
    width: 100px;
    height: 49px;
    border: 1px solid #8a8a8a;
    border-radius: 9px;
    padding-right: 32px;
    padding-left: 8px;
    font-size: 15px;
    font-weight: 500;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 15px 9px;
    background-position: calc(100% - 10px) center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: right;
    direction: rtl;
}

.stats_ui.sales-overview .year-selector label {
    width: 70px;
    margin-left: 4px;
}

.stats_ui.sales-overview .summary-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 12px;
}

.stats_ui.sales-overview .summary-card {
    background-color: #fefff9;
    color: #4A4A4A;
    border: 1px solid #7ba34d;
    border-radius: 8px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    height: 60px;
    padding: 13px 15px 15px 15px;
}

.stats_ui.sales-overview .summary-card.flex-basis-full {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column: span 2;
    padding: 0 16px;
}

.stats_ui.sales-overview .summary-card.flex-basis-full .summary-label {
    width: 52px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 13px;
    background: #7ba34d;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.stats_ui.sales-overview .summary-card.flex-basis-full .summary-value {
    font-size: 18px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.stats_ui.sales-overview .summary-card.flex-basis-full .summary-value span {
    font-family: 'spoqahansans', 'Malgun Gothic', 'Apple SD Gothic Neo', 'dotum', sans-serif;
}

.stats_ui.sales-overview .summary-card .summary-label {
    font-size: 12px;
    font-weight: 500;
    color: #7ba34d;
}

.stats_ui.sales-overview .summary-card .summary-value {
    text-align: end;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.stats_ui.sales-overview .summary-card .summary-value span {
    font-size: 11px;
    font-weight: 400;
}

.stats_ui.sales-overview .monthly-sales-table-container {
    margin-top: 8px;
    margin-bottom: 12px;
}

.stats_ui.sales-overview .monthly-sales-graph {
    height: 250px;
    padding: 2px;
}


.stats_ui.sales-overview .monthly-sales-table-container {
    border: 1px solid #8a8a8a;
    border-radius: 9px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 16px;
}

.stats_ui.sales-overview .monthly-sales-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
}

.stats_ui.sales-overview .monthly-sales-table th,
.stats_ui.sales-overview .monthly-sales-table td {
    padding: 10px 6px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.stats_ui.sales-overview .monthly-sales-table th {
    background-color: #fefff9;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
}

.stats_ui.sales-overview .monthly-sales-table td {
    color: #555555;
    font-size: 14px;
}

.stats_ui.sales-overview .monthly-sales-table td.amount {
    text-align: right;
}

.stats_ui.sales-overview .monthly-sales-table th,
.stats_ui.sales-overview .monthly-sales-table td {
    border-right: 1px solid #eaeaea;
}

.stats_ui.sales-overview .monthly-sales-table th:first-child,
.stats_ui.sales-overview .monthly-sales-table td:first-child {
    width: 40%;
}

.stats_ui.sales-overview .monthly-sales-table th:last-child,
.stats_ui.sales-overview .monthly-sales-table td:last-child {
    border-right: none;
    width: 50px;
}

.stats_ui.sales-overview .details-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/btn_link.png) no-repeat;
    background-size: cover;
}

.stats_ui.sales-overview .details-button.disabled {
    opacity: 0.3;
}

.stats_ui.sales-overview .monthly-sales-table tr:last-child td {
    border-bottom: none;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable::before,
.stats_ui.sales-overview .monthly-sales-table th.sortable::after {
    content: '';
    position: absolute;
    right: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable::before {
    border-bottom: 7px solid #ccc;
    top: 10px;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable::after {
    border-top: 7px solid #ccc;
    bottom: 10px;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable[data-sort="asc"]::before {
    border-bottom: 7px solid #4A4A4A;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable[data-sort="desc"]::after {
    border-top: 7px solid #4A4A4A;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable[data-sort="default"]:hover {
    background-color: #fefff9;
}

.stats_ui.sales-overview .monthly-sales-table th.sortable:not([data-sort="default"]):hover {
    background-color: #e5eeda;
}

.stats_ui.sales-overview .monthly-sales-graph {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 4px;
    box-sizing: border-box;
}

.stats_ui2 .cola {
    margin: 0px 18px 0 18px;
    padding-top: 8px;
}

.stats_ui2 .cola .inputg {
    margin-top: 20px;
}

.stats_ui2 .colb {
    border: none;
    margin: 0px 18px 0 18px;
    padding-top: 20px;
}

.stats_ui.stats_ui2 .titg {
    margin-top: 0;
    background: none;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}

.stats_ui.stats_ui2 .titg h2 {
    color: black;
    width: auto;
}

.stats_ui2 .div_select_period button {
    padding: 0 8px;
}

.stats_ui2 .colb .titg {
    margin-bottom: 20px;
}

.stats_ui2 .colb .chk_g {
    display: flex;
    justify-content: space-between;
}

.stats_ui2 .colb .chk_g button {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #2a2a2a;
    box-sizing: border-box;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    box-shadow: none;
}

.stats_ui2 .colb .chk_g button.checked {
    background: #7ba34d;
    color: #fff;
}

.stats_ui.stats_ui2 .colc,
.stats_ui.stats_ui2 .cold,
.stats_ui.stats_ui2 .cole {
    display: block;
    margin-top: 20px;
    border-top: 1px solid #2a2a2a;
    padding-top: 10px;
    margin-bottom: 30px;
}

.stats_ui.stats_ui2 .cole {
    border-bottom: 1px solid #2a2a2a;
    padding-bottom: 18px;
    padding-top: 10px;
    margin: 20px 18px 30px;
}

.stats_ui2 .cole .titg {
    height: 60px;
    box-sizing: border-box;
}

.stats_ui2 .toggle_g {
    top: 32px;
    right: 21px;
    display: flex;
    margin-left: 14px;
}

.stats_ui2 .toggle_g span {
    font-size: 10px;
    font-weight: 700;
    font-family: 'gmarketsans';
    color: #8a8a8a;
    margin-top: 5px;
}

.stats_ui2 .toggle_g.on .toggle {
    background: #7ba34d;
}

.stats_ui2 .toggle_g .toggle {
    position: relative;
    width: 43px;
    height: 18.5px;
    background: #8a8a8a;
    border-radius: 9px;
    margin: 0 10px;
}

.stats_ui2 .toggle_g .toggle button {
    position: absolute;
    top: -4px;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #8a8a8a;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 0;
    transition: all 0.2s;
}

.stats_ui2 .toggle_g.on button {
    border: 1px solid #7ba34d;
    right: 0;
    left: auto;
    transition: all 0.2s;
}

.stats_ui2 .toggle_g.on .on {
    color: #7ba34d;
}

.stats_ui2 .input_box {
    display: flex;
    justify-content: space-between;
}

.stats_ui2 .input_box li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 54px;
    padding: 0 15px;
    border: 1px solid #2a2a2a;
    /*background: #f9f9f9;*/
    border-radius: 9px;
    box-sizing: border-box;
    /*font-family: 'gmarketsans';*/
}

.stats_ui2 .input_box li ~ li{
    margin-left: 7px;
}

.stats_ui2 .input_box li input {
    width: calc(100% - 70px);
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    background: none;
    color: #779d4b;
    /*font-family: 'gmarketsans';*/
    margin-left: 26px;
}

.stats_ui2 .input_box li span {
    font-size: 13px;
    /*font-weight: 200;*/
}

.stats_ui2 .input_box li.button_g {
    padding: 0;
}

.stats_ui2 .input_box li.button_g button {
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 600;
    border-radius: 9px;
}

.stats_ui2 .input_box li.button_g button.checked {
    background: #7ba34d;
    color: #fff;
}
.stats_ui2 .cold .input_box li input {
    width: calc(100% - 140px);
}

.stats_ui .member_ui {
    margin: 20px 18px 0 18px;
}

.stats_ui .member_list .titg {
    display: flex;
    justify-content: space-between;
}

.stats_ui .member_list .titg h2 {
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
}

.stats_ui .member_list .titg .btn_filter {
    position: relative;
    font-size: 13px;
    padding-right: 20px;
    margin-right: 5px;
    line-height: 13px;
}

.stats_ui .member_list .titg .btn_filter:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_filter.png) no-repeat;
    background-size: cover;
}

.stats_ui .member_list .titg .flex{
    display: flex;
}

.stats_ui .member_list .inputg {
    position: relative;
    margin-top: 19px;
}

.stats_ui .member_list .inputg input {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 50px;
}

.stats_ui .member_list .inputg input::placeholder {
    font-size: 14px;
    font-weight: 200;
    color: #2a2a2a;
}

.stats_ui .member_list .inputg .btn_search {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_search.png) no-repeat;
    background-size: cover;
}

.stats_ui .member_list .btn-g {
    text-align: end;
}

.stats_ui .member_list .btn-g .msg-btn {
    width: 170px;
    height: 46px;
    line-height: 30px;
    padding: 0 10px;
    background: #2a2a2a;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.stats_ui .member_list .result {
    margin-top: 10px;
}

.stats_ui .member_list .result .select-all-container {
    font-size: 14px;
    font-weight: 500;
}

.stats_ui .member_list .result .titg p {
    font-size: 14px;
    margin-left: 8px;
    display: flex;
    align-items: center;
}

.stats_ui .member_list .result .titg p em {
    color: #7ba34d;
}

.stats_ui .member_list .result .btn_sel {
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10px 6px;
    background-position: right center;
    padding-right: 15px;
    margin-right: 5px;
}

.stats_ui .member_list .result ul {
    margin-top: 20px;
}

.stats_ui .member_list .result li {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 17px;
}

.stats_ui .member_list .result li ~ li {
    margin-top: 6px;
}

.stats_ui .member_list .result li .ic {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/ic_user.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
}

.stats_ui .member_list .result li p {
    width: calc(25.00%);
    text-align: center;
    position: relative;
    font-size: 13px;
}

.stats_ui .member_list .result .select-all-checkbox {
    height: 20px;
    width: 20px;
    accent-color: #689f38;
    margin-right: 2px;
}

.stats_ui .member_list .result li .member-checkbox {
    height: 20px;
    width: 20px;
    accent-color: #689f38;
}

.stats_ui .member_list .result li .name {
    padding: 0 20px;
}

.stats_ui .member_list .result li .number {
    padding: 0 15px;
}

.stats_ui .member_list .result li .date {
    /*padding-left: 17px;*/
    padding: 0 17px;
}

.stats_ui .member_list .result li p:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.stats_ui .member_list .result li .icon {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/btn_link.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
    padding-left: 10px;
    margin-left: 20px;
}

.stats_ui .member_list .result li p:last-child:before {
    display: none
}

.stats_ui .member_list .result .no_result {
    justify-content: center;
}

.stats_ui .member_list .result .no_result p {
    position: static;
}

.stats_ui .member_list .result .btn_g {
    margin-top: 20px;
}

.stats_ui .member_list {
    padding-bottom: 84px;
}

.head.member h1 {
    font-size: 20px;
}

.head.member .btn_member {
    position: absolute;
    top: 20px;
    right: 0;
    width: 25px;
    height: 21.5px;
    background: url(../images/btn_member.png) no-repeat;
    background-size: cover;
}

.member_ui {
    margin: 20px 18px 0 18px;
}

.member_list .titg {
    display: flex;
    justify-content: space-between;
}

.member_list .titg h2 {
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
}

.member_list .titg .btn_filter {
    position: relative;
    font-size: 13px;
    padding-right: 20px;
    margin-right: 5px;
    line-height: 13px;
}

.member_list .titg .btn_filter:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_filter.png) no-repeat;
    background-size: cover;
}

.member_list .inputg {
    position: relative;
    margin-top: 19px;
}

.member_list .inputg input {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 50px;
}

.member_list .inputg input::placeholder {
    font-size: 14px;
    font-weight: 200;
    color: #2a2a2a;
}

.member_list .inputg .btn_search {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url(../images/btn_search.png) no-repeat;
    background-size: cover;
}

.member_list .result {
    margin-top: 30px;
}

.member_list .result .titg p {
    font-size: 13px;
    margin-left: 5px;
}

.member_list .result .titg p em {
    color: #7ba34d;
}

.member_list .result .btn_sel {
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10px 6px;
    background-position: right center;
    padding-right: 15px;
    margin-right: 5px;
}

.member_list .result ul {
    margin-top: 20px;
}

.member_list .result li {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 17px;
}

.member_list .result li ~ li {
    margin-top: 6px;
}

.member_list .result li .ic {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/ic_user.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
}

.member_list .result li p {
    width: calc(25.00%);
    text-align: center;
    position: relative;
    font-size: 13px;
}

.member_list .result li .name {
    padding: 0 20px;
}

.member_list .result li .number {
    padding: 0 15px;
}

.member_list .result li .date {
    /*padding-left: 17px;*/
    padding: 0 17px;
}

.member_list .result li p:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;
}

.member_list .result li .icon {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/btn_link.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
    padding-left: 10px;
    margin-left: 20px;
}

.member_list .result li p:last-child:before {
    display: none
}

.member_list .result .no_result {
    justify-content: center;
}

.member_list .result .no_result p {
    position: static;
}

.member_list .result .btn_g {
    margin-top: 20px;
}

.member_list {
    padding-bottom: 84px;
}

.sch_mem .chk {
    width: calc(33.333% - 3px);
    margin-right: 3px;
}

.sch_mem .chk:nth-of-type(2n-1) {
    margin-right: 3px;
    margin-top: 0;
}

.sch_mem .selFilter {
    padding-bottom: 40px;
}

.member_write h2 {
    margin-bottom: 25px;
    margin-left: 5px;
}

.member_write .write_g li ~ li {
    margin-top: 15px;
}

.member_write .write_g .name {
    font-size: 12px;
    font-weight: 200;
    margin-left: 5px;
    margin-bottom: 11px;
}

.member_write .write_g input[type="text"] {
    width: 100%;
    height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    padding-left: 15px;
}

.member_write .chk label {
    position: relative;
    display: inline-block;
    width: calc(50% - 2px);
    height: 49px;
    border-radius: 9px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    line-height: 49px;
    font-size: 15px;
    padding-left: 16px;
}

.member_write .chk input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
}

.member_write .chk label:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f5f5f5;
}

.member_write .chk input[type="radio"]:checked + label:before {
    background: url(../images/radio_on.png) no-repeat;
    background-size: cover;
}

.member_write textarea {
    width: 100%;
    height: 89px;
    padding: 17px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    font-size: 15px;
}

.member_write .btng {
    margin-top: 16px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.member_write.write1 .btng button {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}

.member_write {
    padding-bottom: 20px;
}

.navi_pop2 .chk {
    position: relative;
}

.navi_pop2 .chk label {
    position: relative;
    display: block;
    font-size: 16px;
}

.navi_pop2 .chk input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0;
}

.navi_pop2 .chk label:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f5f5f5;
}

.navi_pop2 .chk input[type="radio"]:checked + label:before {
    background: url(../images/radio_on.png) no-repeat;
    background-size: cover;
}

.member_info .profile {
    position: relative;
    text-align: center;
}

.member_info .profile .img {
    position: relative;
    width: 74px;
    height: 74px;
    margin: 0 auto;
}

.member_info .profile .img img {
    width: 100%;
    height: 100%;
}

.member_info .profile .img .btn_photo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../images/btn_photo.png) no-repeat;
    background-size: cover;
}

.member_info .profile .name_g {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.member_info .profile .name_g .name {
    font-size: 20px;
    font-weight: 700;
}

.member_info .profile .name_g .state {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background: #7ba34d;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
}

.member_info .profile .btn_cng {
    position: absolute;
    bottom: 7px;
    right: 10px;
    font-size: 12px;
    color: #7ba34d;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.member_info .profile button {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #2a2a2a;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.member_info .profile button.on {background: #96c24a;}
.member_info .profile button.mr-5 {margin-right: 10px}

.member_info .infor_g {
    margin-top: 45px;
}

.member_info li {
    position: relative;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 25px 15px 45px 22px;
}

.member_info li ~ li {
    margin-top: 10px;
}

.member_info li h2 {
    font-size: 15px;
    font-weight: 500;
}

.member_info li .btnD3 {
    position: absolute;
    top: 19px;
    right: 15px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    font-size: 12px;
    box-sizing: border-box;
}

.member_info li .no_result {
    text-align: center;
    font-size: 13px;
    color: #8a8a8a;
}

.member_info .infor_a h2 {
    margin-bottom: 35px;
}

.member_info .infor_b h2 {
    margin-bottom: 20px;
}

.member_info .infor_b {
    padding-bottom: 15px;
}

.member_info .infor_b .btn_g2 {
    margin-top: 12px;
    text-align: center;
}

.member_info .infor_b .btn_g2 button {
    width: 20px;
    height: 20px;
    background: url(../images/btn_couponPlus.png) no-repeat;
    background-size: cover;
}

.member_info .infor_c h2 {
    margin-bottom: 25px;
}

.member_info li dl {
    display: flex;
    align-items: center;
}

.member_info li dl ~ dl {
    margin-top: 15px;
}

.member_info li dt {
    width: 94px;
    font-size: 13px;
    color: #8a8a8a;
}

.member_info li dd {
    width: calc(100% - 65px);
    font-size: 14px;
    font-weight: 500;
}

.member_info li .coupon {
    position: relative;
    padding: 21px 20px 28px 22px;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    background: #fff;
}

.member_info li .coupon ~ .coupon {
    margin-top: 10px;
}

.member_info li .coupon .tooltop {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 4px;
    height: 20px;
    background: url(../images/btn_tooltip.png);
    background-size: cover;
}

.member_info li .coupon .state_g {
    display: flex;
    margin-bottom: 14px;
}

.member_info li .coupon .state_g div {
    height: 32px;
    line-height: 33px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
}

.member_info li .coupon .state_g div ~ div {
    margin-left: 6px;
}

.member_info li .coupon .state_g .s1 {
    padding: 0 17px;
    background: #7ba34d;
}

.member_info li .coupon .state_g .s2 {
    padding: 0 12px;
    background: #a37f4d;
    width: 56px;
    text-align: center;
}

.member_info li .coupon .state_g .s2.blue {
    background: #4d7ba3;
}

.member_info li .coupon .name {
    font-size: 20px;
    font-weight: 500;
}

.member_info li .coupon .name span {
    font-size: 12px;
    margin-left: 10px;
}

.member_info li .coupon .date {
    font-size: 12px;
    line-height: 12px;
    margin-top: 12px;
    color: #6a6a6a
}

.member_info li .coupon .num {
    /*margin-top: 20px;*/
    font-size: 15px;
    font-weight: 700;
    font-family: 'gmarketsans';
    /*text-decoration: underline;*/
    text-underline-offset: 3px;
}

.member_info li .eval_list div {
    position: relative;
    display: flex;
    align-items: center;
}

.member_info li .eval_list div ~ div {
    margin-top: 16px;
}

.member_info li .eval_list .emoji {
    display: block;
    width: 23.5px;
    height: 23.5px;
    margin-right: 16px;
}

.member_info li .eval_list .e1 {
    background: url(../images/emoji1.png);
    background-size: cover;
}

.member_info li .eval_list .e2 {
    background: url(../images/emoji2.png);
    background-size: cover;
}

.member_info li .eval_list .e3 {
    background: url(../images/emoji3.png);
    background-size: cover;
}

.member_info li .eval_list .txt {
    font-size: 14px;
}

.member_info li .eval_list .num {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
    font-size: 18px;
    font-weight: 500;
    color: #7ba34d;
}

.member_info .infor_d {
    padding-bottom: 0;
}

.member_info .infor_d h2 {
    margin-bottom: 35px;
}

.member_info .infor_d dd {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.member_info li .btn_del {
    width: 18px;
    height: 18px;
    background: url(../images/btn_del4.png) no-repeat;
    background-size: cover;
    margin-right: 5px;
}

.member_info li .inputg {
    position: relative;
    margin-top: 37px;
    height: 49px;
}

.member_info li .inputg:before {
    content: '';
    position: absolute;
    top: 0;
    left: -22px;
    width: calc(100% + 37px);
    height: 1px;
    background: #2a2a2a;
}

.member_info li .inputg input {
    width: 100%;
    height: 100%;
    padding-right: 50px;
    box-sizing: border-box;
}

.member_info li .inputg input::placeholder {
    font-size: 12px;
    font-weight: 200;
    color: #2a2a2a;
}

.member_info li .inputg .btn_add {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    width: 18px;
    height: 18px;
    background: url(../images/btn_add.png) no-repeat;
    background-size: cover;
}

.member_info .infor_e {
    padding-bottom: 15px;
}

.member_info .infor_e h2 {
    margin-bottom: 25px;
}

.member_info li .room {
    border: 1px solid #8a8a8a;
    border-radius: 10px;
}

.member_info li .room .titg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px 12px 19px;
    border-bottom: 1px solid #eee;
}

.member_info li .room .titg .tit {
    font-size: 18px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.member_info li .room .titg .state {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #7ba34d;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
    font-weight: 100;
    color: #fff;
}

.member_info li .room .datag {
    padding: 20px 35px 35px 19px;
}

.member_info li .room .datag dl {
    align-items: flex-start;
}

.member_info li .room .datag dd {
    line-height: 21px;
    margin-top: -2px;
}

.member_info li .room .btn_cng {
    height: 24px;
    padding: 0 12px;
    border-radius: 12px;
    background: #2a2a2a;
    color: #fff;
    font-size: 12px;
    margin-left: 11px;
}

.member_info li .room em {
    color: #7ba34d;
}

.member_info li .room strong {
    color: #ff0000;
}

.member_info li .room ~ .room {
    margin-top: 10px;
}

.member_info .infor_f {
    padding-bottom: 40px;
}

.member_info .infor_f h2 {
    margin-bottom: 35px;
}

.member_info .infor_f dl {
    justify-content: space-between;
    margin-right: 6px;
}

.member_info .infor_f dd {
    text-align: right;
    font-size: 15px;
}

.member_info .infor_f .total strong {
    color: #ff0000;
    font-size: 18px;
    font-weight: 700;
}

.member_info .infor_f .use strong {
    font-size: 18px;
    font-weight: 700;
}

.member_info .infor_h .boxg {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.member_info .infor_h h2 {
    margin-bottom: 25px;
}

.member_info .infor_h p {
    display: inline-block;
    font-size: 12px;
    font-weight: 200;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.member_info .infor_h strong {
    position: relative;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    font-family: 'gmarketsans';
    transform: translateY(23px);
    margin-left: 23px;
}

.member_info .infor_h strong:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -25px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #eef4e0;
    z-index: -1;
}

.member_info .infor_h dl ~ dl {
    margin-top: 10px;
}

.member_info .infor_h dt {
    width: 40px;
}

.member_info .infor_h dd {
    font-size: 15px;
}

.member_info .infor_h dd em {
    font-size: 18px;
    font-weight: 700;
}

.member_info {
    padding-bottom: 20px;
}

.member_resInfo {
    margin: 0;
}

.member_resInfo .infor_g {
    margin: 0 18px;
}

.member_resInfo .tab_ui {
    margin-top: 10px;
}

.member_resInfo .tab_ui ul {
    display: flex;
}

.member_resInfo .tab_ui li {
    width: 100%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 15px;
}

.member_resInfo .tab_ui li.current {
    border-bottom: 1px solid #7ba34d;
}

.member_resInfo .tab_ui li a {
    display: block;
    font-size: 15px;
    color: #8a8a8a;
}

.member_resInfo .tab_ui li.current a {
    color: #7ba34d;
}

.member_resInfo .infor_g {
    margin-top: 20px;
}

.member_resInfo .infor_g li {
    border: 1px solid #8a8a8a;
    border-radius: 10px;
}

.member_resInfo .infor_g li ~ li {
    margin-top: 10px;
}

.member_resInfo .infor_g li .titg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 15px 13px 20px;
    border-bottom: 1px solid #eee;
}

.member_resInfo .infor_g li .titg .tit {
    font-size: 18px;
    font-weight: 700;
    font-family: 'gmarketsans';
}

.member_resInfo .infor_g li .titg .state {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
}

.member_resInfo .infor_g li .titg .s1 {
    background: #ff0000;
}

.member_resInfo .infor_g li .titg .s2 {
    background: #2a2a2a;
}

.member_resInfo .infor_g li .datag {
    padding: 19px 0 35px 20px;
}

.member_resInfo .infor_g li dl {
    display: flex;
}

.member_resInfo .infor_g li dl ~ dl {
    margin-top: 15px;
}

.member_resInfo .infor_g li dt {
    width: 80px;
    font-size: 13px;
    color: #8a8a8a;
}

.member_resInfo .infor_g li dd {
    font-size: 14px;
    font-weight: 500;
}

.member_resInfo .infor_g li .btn_cng {
    height: 24px;
    padding: 0 12px;
    line-height: 24px;
    border-radius: 12px;
    background: #2a2a2a;
    color: #fff;
    font-size: 12px;
    margin-left: 12px;
}

.member_resInfo .infor_g li dd em {
    color: #7ba34d;
}

.member_resInfo .infor_g li dd strong {
    color: #ff0000;
}

.member_resInfo .btng {
    margin: 20px 18px 0 18px;
    padding-top: 20px;
    border-top: 1px solid #898989;
}

.member_resInfo {
    padding-bottom: 20px;
}


/* ======================================================================== */

/* 240108 point_ui 추가 CSS 항목 */

/* ======================================================================== */


/* ======================================================================== */
/* 공통되는 요소들 */
/* ======================================================================== */


.point_ui .sub-note {
    font-size: 12px;
    font-weight: 500;
    font-family: 'gmarketsans';
    color: #8a8a8a;
}

.point_ui .btn_g {
    margin-top: 35px;
    text-align: center;
    display: flex;
    justify-content: flex-end; /* 버튼을 오른쪽으로 정렬 */
    margin-bottom: 35px;
}

.point_ui .btn_enroll {
    position: relative;
    width: calc(100% - 18px);
    height: 60px;
    margin-top: 30px;
    margin-right: 18px;
    /*margin-left: 18px;*/
    background: #7ba34d;
    border-radius: 3.5px;
}

.point_ui .btn_enroll:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #e5f2a7;
    border-radius: 2px;
}

.point_ui .btn_enroll span {
    position: relative;
    font-weight: bold;
    font-family: 'gmarketsans';
    color: #fff;
    font-size: 18px;
}

.point_ui .btn_more,
.point_ui .btn_minus {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 130px;
    height: 35px;
    border: 1px solid #2a2a2a;
    background: #fff;
    box-sizing: border-box;
    border-radius: 17px;
    text-align: left;
    padding-left: 22px;
    margin-left: 10px; /* 왼쪽에 간격 추가 */
}

.point_ui .btn_more span,
.point_ui .btn_minus span {
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
}

.point_ui .btn_more i,
.point_ui .btn_minus i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 14px;
}

.point_ui .btn_more i {
    background: url(../images/btn_more.png) no-repeat;
    background-size: cover;
}

.point_ui .btn_minus i {
    background: url(../images/btn_minus2.png) no-repeat;
    background-size: cover;
}

.point_ui .description p {
    padding-left: 20px;
    font-family: 'gmarketsans';
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.point_ui .description li {
    padding-left: 30px;
    font-family: 'gmarketsans';
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.point_ui .description li em {
    font-family: 'gmarketsans';
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 20px;
    color: #7ba34d;
}

/* ======================================================================== */
/* point_ui */
/* ======================================================================== */

.point_ui {
    padding-bottom: 0px;
}

.point_ui .title {
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    margin-left: 5px;
    margin-bottom: 15px;
}

.point_ui .setting .set_p {
    border: 1px solid #464646;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
}


.point_ui .setting .set_p li {
    display: flex;
    position: relative;
    padding: 21px 0 24px 0;
    align-items: center;
    justify-content: space-between;
}

.point_ui .setting .set_p li ~ li {
    border-top: 1px solid #2a2a2a;
}

.point_ui .setting .set_p li p {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.point_ui .setting .set_p li dt {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: left;

}


.point_ui .setting .set_p li dd {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    text-align: right;

}

.point_ui .setting .set_p li .balance strong {
    /*color: #7ba34d;*/
    font-size: 18px;
    font-weight: 600;
}

.point_ui .setting .set_p li .time strong {
    color: #7ba34d;
    font-size: 18px;
    font-weight: 600;
}

.point_ui .setting .set_p li .bonus strong {
    /*color: #4D7BA3;*/
    font-weight: 500;
}

.point_ui .setting .set_p li span em {
    color: #7ba34d;
    font-weight: 700;
}

.point_ui .setting .set_p li em {
    color: #7ba34d;
    font-weight: 700;
}


.point_ui select {
    width: 100%;
    height: 59px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding-left: 23px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 14px 8px;
    background-position: calc(100% - 16px) center;
    margin-bottom: 20px;
}

.point_ui nav li {
    margin-bottom: 0;
}

.point_ui .line {
    margin: 30px 18px 30px 18px;
    border-top: 1px solid #2a2a2a;
}

.point_ui .line2 {
    margin: 30px 18px 30px 18px;
    border-top: 1px solid #eeebeb;
}

.point_ui .setting .line2 {
    margin: 30px 0px 30px 0px;
    border-top: 1px solid #eeebeb;
}

/* ====================================================== */
/* point01 */
/* ====================================================== */

.point01 .line {
    margin-bottom: 0;
}

.point01 .tit {
    margin-left: 18px;
    margin-top: 10px;
}

.point01 .btn_g {
    text-align: center;
    display: flex;
    justify-content: flex-end; /* 버튼을 오른쪽으로 정렬 */
    margin-left: 18px;
    margin-bottom: 10px;
    margin-top: 0;
}

.point01 .policy {
    padding-top: 16px;
    padding-left: 10px;
    font-family: 'gmarketsans';
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: #ff0000;
}

.point01 .policy_bottom_line {
    margin: 16px 18px 16px 18px;
}

.point01 .btn_enroll {
    margin-top: 0;
}

/* ====================================================== */
/* point02 */
/* ====================================================== */
.point02 .result {
    margin-top: 30px;
}

.point02 .set_p {
    border: 1px solid #464646;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    /*margin-bottom: 40px;*/
}

.point02 .result .titg p {
    font-size: 13px;
    margin-left: 5px;
    text-align: right;
}

.point02 .result .titg p em {
    color: #7ba34d;
}

.point02 .result .btn_sel {
    font-size: 12px;
    background: url(../images/ic_select2.png) no-repeat;
    background-size: 10px 6px;
    background-position: right center;
    padding-right: 15px;
    margin-right: 5px;
}

.point02 .result ul {
    margin-top: 20px;
}

.point02 .result li {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 14px;
}

.point02 .result li ~ li {
    margin-top: 6px;
}

.point02 .result li .ic1 {
    /* width: 15.5px;
    height: 16.5px; */
    width: 30px;
    height: 25px;
    background: url(../images/battery_charging.png) no-repeat;
    /* background-size: 15.5px 16.5px; */
    background-size: 30px 25px;
    padding-right: 14px;
}

.point02 .result li .ic2 {
    /* width: 15.5px;
    height: 16.5px; */
    width: 30px;
    height: 25px;
    background: url(../images/battery_error.png) no-repeat;
    /* background-size: 15.5px 16.5px; */
    background-size: 30px 25px;
    padding-right: 14px;
}

.point02 .result p {
    position: relative;
    font-size: 13px;
}

.point02 .result li p {
    position: relative;
    font-size: 13px;
    text-align: center;
}

.point02 .result li .number strong {
    color: #7ba34d;
}

.point02 .result li .black strong {
    color: #2a2a2a !important;
}

.point02 .result li .time strong {
    color: #7ba34d;
}

.point02 .result li .green {
    color: #7ba34d !important;
}

.point02 .result li .red {
    color: #A32535 !important;
}

.point02 .result li .cancel-line {
    text-decoration: line-through;
}

/* .point02 .result li p:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background: #2a2a2a;

} */

.point02 .result li .icon {
    width: 15.5px;
    height: 16.5px;
    background: url(../images/btn_link.png) no-repeat;
    background-size: 15.5px 16.5px;
    padding-right: 14px;
    padding-left: 10px;
    margin-left: 20px;
}

.point02 .result li p:last-child:before {
    display: none
}

.point02 .result li.charge-info-description {
    border: none;
    height: 25px;
    font-weight: 500;
    text-align: center;
    padding: 0 14px;
}

.point02 .result li p {
    width: 150px;
    display: inline-block;
}

/*
.point02 .result li .number,
.point02 .result li .time {
    text-align: right;
}

.point02 .result li .date,
.point02 .result li .type,
.point02 .result li .status{
    text-align: center;
}
*/

.point02 .result .no_result {
    justify-content: center;
}

.point02 .result .no_result p {
    position: static;
}

.point02 .result .btn_g {
    margin-top: 20px;
}

.point02 .result .btn_g2 {
    margin-top: 25px;
    text-align: center;
}

.point02 .result .btn_g2 .btn_more {
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_couponPlus.png) no-repeat;
    background-size: cover;
    border: none;
}

.point02 .titg {
    display: flex;
    justify-content: space-between;
}

.point02 .titg h2 {
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
}

.point02 .titg .btn_filter {
    position: relative;
    font-size: 13px;
    padding-right: 20px;
    margin-right: 5px;
    line-height: 13px;
}

.point02 .titg .btn_filter:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../images/ic_filter.png) no-repeat;
    background-size: cover;
}

/* ====================================
24-01-22 룸 선택 신규 추가 UI
======================================*/
.wrtCouponProd_ui .room_list {
    display: flex;
    flex-wrap: wrap;
}

.wrtCouponProd_ui .room_list li {
    width: calc(33.333% - 6px);
    height: 49px;
    text-align: center;
    line-height: 49px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    box-sizing: border-box;
    margin-right: 6px;
    margin-bottom: 6px;
    background: #fff;
}

.wrtCouponProd_ui .room_list li:nth-of-type(3n) {
    margin-right: 0;
}

.wrtCouponProd_ui .room_list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: 300;
    text-wrap: nowrap;
}

.room.checked {
    background: #7ba34d;
    color: #fff;
    border-radius: 8px;
}

.wrtCouponProd_ui .i7 p {
    margin-top: 8px;
    margin-left: 7px;
    font-size: 13px;
    line-height: 15px;
    color: #7ba34d;
}

.wrtCouponProd_ui .i7 p.warn {
    color: #ff0000;
}

.i7 {
    position: relative;
}

.i7 .btnD2 {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0; /* 버튼 상단 여백 조절 */
    margin-right: 10px; /* 버튼 오른쪽 여백 조절 */
}

.i7 .btnD2.checked {
    background: #7ba34d;
    border-radius: 8px;
}

/* ====================================
24-02-19 관제일지 관련 내용 추가
======================================*/
.search_g .datepicker ~ .datepicker {
    margin-left: 9px;
}


.search_g .inputg {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 12px;
}

.search_g .datepicker {
    width: 100%;
    background-color: #f9f9f9;
}


.btn_ok2.dark {
    background: #2c2727;
}

.rsv_list .list .state.s3 {
    background: #8a8a8a;

}

/* ====================================
24-02-22 report_view 관련 내용 추가
======================================*/
.readreport li {
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    font-weight: 350;
}

.readreport li strong {
    padding: 10px 10px 10px 0;
    font-size: 14px;
    color: #7ba34d;
}

.readreport .list li {
    margin-bottom: 30px;
    margin-left: 0;
    border: 1px solid #7ba34d;
    border-radius: 10px;
}

.readreport .list li .contents {
    padding: 0 5px 10px 5px;
    max-width: 100%;
    word-wrap: break-word;
    font-weight: 400;
}

.newreport {
    font-family: gmarketsans;
}

.readreport .title {
    padding: 20px 0 5px 0;
    font-size: 15px;
}

.typingtext {
    visibility: hidden;
}

@keyframes breathe {
    0%, 100% {
        transform: scale(1); /* 원래 크기 */
    }
    50% {
        transform: scale(1.10); /* 5% 더 크게 */
    }
}

.head h4 {
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    color: #fcfcfc;
    border: #4d7ba3;
    background-color: red;
    border-radius: 10px;
    font-size: 10px;
    animation: breathe 2s infinite; /* 3초 동안 무한 반복 */
}

.head h3 {
    text-align: end;
    padding-right: 10px;
}

.head.reservation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    margin: 0 18px;
}

.head.reservation h1 {
    margin-right: auto;
}

.messages-and-button {
    display: flex;
    align-items: center;
}

@keyframes shake {
    0%, 100% {
        transform: rotate(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: rotate(-10deg);
    }
    20%, 40%, 60%, 80% {
        transform: rotate(10deg);
    }
}

.head.reservation .btn_noti_on {
    position: relative;
    width: 20px;
    height: 20px;
    background: url(../images/btn_noti.png) no-repeat;
    background-size: cover;
    margin-left: 10px; /* 텍스트와 버튼 사이 간격 조정 */
    margin-right: 8px;
    /*animation: shake 0.5s infinite; !* 0.5초 동안 무한 반복 *!*/
    color: #7ba34d;
}

.badge {
    position: absolute;
    top: -7px;
    right: -7px;
    padding: 3px 6px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 8px;
}

.head.reservation .btn_noti_off {
    position: relative;
    width: 20px;
    height: 20px;
    background: url(../images/btn_noti.png) no-repeat;
    background-size: cover;
    margin-left: 10px; /* 텍스트와 버튼 사이 간격 조정 */
    margin-right: 8px;
    color: #7ba34d;
}

.rsv_list .list_g .state_g ul li.read-all {
    margin-left: auto;
    background: #7ba34d;
}

.rsv_list .list_g .state_g ul li.read-all.dark {
    margin-left: auto;
    background: #2a2a2a;
}


.rsv_list .list .colx {

    padding: 20px 0 0 20px;
}


.rsv_list .list li.reportcontents {
    margin: 10px 20px 30px 0;
    border: 1px solid #7ba34d;
    border-radius: 5px;
    padding: 10px 5px 10px 10px;
    font-size: 14px;
    word-wrap: break-word;
    max-width: 100%;
}

.rsv_list .list .cold.detailbutton {
    padding: 0 20px 20px 20px;
}

.colx {
    display: none;
}

.detail_list .btn_ok2.sum {
    display: none;
}

.rsv_ui .list_g .list > li.show .colx {
    display: block;
}

.rsv_ui .list_g .list > li.show .btn_ok2.sum {
    display: block;
}

.rsv_ui .list_g .list > li.show .btn_ok2 {
    display: none;
}

.detail_list {
    font-family: gmarketsans;
}

.newreport {
    font-family: gmarketsans;
}

.detail_list .list li .btn_g {
    display: flex;
    justify-content: center;
    padding: 0 20px 15px 20px;
}

.detail_list .list .colb {
    border-bottom: none;
}

.admin_ui .nightReport {
    margin-top: 12px;
    margin-left: 0!important;
}

.nightReport a {
    font-weight: lighter;
    font-size: 15px;
    color: #2c2727;
}

.nightReport.marquee p a {
    font-weight: lighter;
    font-style: italic;

}

.marquee {
    width: 100%; /* 마퀴 효과를 적용할 요소의 너비 */
    overflow: hidden; /* 텍스트가 박스를 넘어가는 부분을 숨깁니다 */
    white-space: nowrap; /* 텍스트가 한 줄에 표시되도록 합니다 */
    box-sizing: border-box;
}

.marquee p {
    display: inline-block;
    padding-left: 100%; /* 시작 지점을 요소의 오른쪽 끝으로 설정 */
    animation: marquee 10s linear infinite; /* 애니메이션 적용 */
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); } /* 왼쪽으로 이동하여 텍스트가 흐르는 효과를 만듭니다 */
}

.btn_ok2.gray {
    background: #8a8a8a;
}

.text-typing-effect {
    word-wrap: break-word;
    max-width: 100%;
    display: inline-block; /* 요소의 가로 크기를 텍스트 길이에 맞게 조절 */
    /*visibility: hidden; !* 처음에 요소를 숨깁니다. *!*/
    white-space: normal; /* 텍스트가 필요에 따라 여러 줄로 표시되도록 함 */
    letter-spacing: .05em; /* 글자 간격 조정 */
    /*animation: typing 2s steps(40, end) forwards;*/
    line-height: 25px;
}

.admin_ui .profile.night {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 21px;
}

.admin_ui .night .btn_my {
    top: 9px;
    font-size: 13px;
}

.admin_ui .night .btn_my.blue {
    background-color: #7ba34d;
    /*border: 1px solid #4d7ba3;*/
}

/* ====================================
문자발송 관련 UI
======================================*/
.sms_ui {
    font: inherit;
    margin: 5px;
    background-color: #fff;
}

.sms-head-btn{
    position: absolute;
    /* top: 19px; */
    right: 0px;
    padding: 6px 14px;
    /* height: 28px; */
    border: 1px solid #2a2a2a;
    border-radius: 14px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
}

.sms-head-btn:hover{
    background: #e0e0e0;
}

.sms-head-btn i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 14px;
    height: 14px;
}

.sms-head-btn i.list {
    background: url(../images/list.png) no-repeat;
    background-size: cover;
}

.sms-head-btn i.send {
    background: url(../images/ic_message.png) no-repeat;
    background-size: cover;

}
.sms-head-btn span {
    margin-left: 20px;
}

.sms_ui .container {
    display: flex;
    flex-direction: column;
}

.sms_ui .first-panel,
.sms_ui .second-panel {
    /*background-color: #fefff9; !* 서브 포인트 컬러로 배경색 설정 *!*/
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.sms_ui .first-panel {
    margin-top: 10px;
    margin-bottom: 5px;
}

.sms_ui .second-panel {
    margin-top: 5px;
}

.sms_ui .first-panel input,
.sms_ui .first-panel textarea,
.sms_ui .first-panel select {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #d0d0d0; /* 테두리 색상을 회색으로 설정 */
    border-radius: 4px;
    box-sizing: border-box;
}

.sms_ui .first-panel textarea {
    outline-color: #4d7ba3;
}

.sms_ui .first-panel textarea.green {
    outline-color: #7ba34d;
}

.sms_ui .first-panel .title-input-container {
    position: relative;
    display: flex;
    align-items: center;
}

.sms_ui .first-panel #titleInput {
    flex-grow: 1;
}

.sms_ui .first-panel .title-bytes {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 5px; /* 패딩 */
    font-size: 14px;
    margin-top: 4px;
}

.sms_ui textarea {
    height: 245px !important;
    width: 100%;
}

.sms_ui button {
    width: auto;
    padding: 10px 20px;
    margin-top: 10px;
    background-color: #f0f0f0; /* 기본 버튼 배경색을 회색 계열로 설정 */
    color: #333;
    border: 1px solid #ccc; /* 버튼 테두리 색상을 회색으로 설정 */
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.05), 0px 3px 1px -2px rgba(0, 0, 0, 0.1);
}
.sms_ui button:hover {
    background-color: #e0e0e0; /* 버튼 호버 색상을 더 어두운 회색으로 조정 */
}

.sms_ui .message-info {
    display: flex;
    justify-content: end;
    align-items: center;
}

.sms_ui .message-type {
    margin-top: 10px;
    margin-right: 10px;
    color: #4d7ba3;
    font-size: 16px;
    font-weight: 500;
}

.sms_ui .message-type.green {
    color: #7ba34d;
}

.sms_ui .message-bytes {
    margin-top: 10px;
    font-size: 14px;
}

.sms_ui .info-button {
    cursor: pointer;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 4px 8px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 14px;
}

.sms_ui .info-button:hover {
    background-color: #e0e0e0;
}

.sms_ui .button-group {
    display: flex;
    justify-content: space-between;
}

.sms_ui .main-action-button {
    background-color: #7ba34d; /* 메인 액션 버튼에 메인 포인트 컬러 적용 */
    color: white;
    border: none;
    width: 100%;
    margin-top: 10px;
}

.sms_ui .main-action-button:hover {
    background-color: #689f38; /* 메인 액션 버튼 호버 색상을 어두운 톤으로 조정 */
}

.sms_ui .clear-all-receiver-select {
    position: relative; /* 부모 요소에 대해 상대적 위치 설정 */
    margin-left: 10px;
}

.sms_ui .clear-all-receiver-select i {
    background: url(../images/trash_can.png) no-repeat;
    background-size: cover;
    position: absolute; /* 절대 위치 설정으로, 상위 요소(.clear-all-receiver-select) 내에서 위치 조정 */
    top: 50%;
    left: 50%; /* 수평 중앙 정렬을 위해 추가 */
    transform: translate(-50%, -50%); /* 수평과 수직 중앙 정렬을 위한 변경 */
    display: inline-block;
    width: 20px;
    height: 20px;
}

.sms_ui .receiver-list {
margin-top: 10px;
background-color: #f0f0f0;
border: 1px dashed #ccc; /* 리스트 테두리 색상을 회색으로 설정 */
    padding: 10px;
    border-radius: 4px;
}

.sms_ui .sender-info-container {
    display: flex;
    flex-direction: column;
    padding: 10px 0px 10px 0px;
}

.sms_ui .info-title {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}

.sms_ui .sender-info-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.sms_ui .sender-number strong {
    font-size: 18px;
}

.sms_ui .all-receiver-select {
    margin-left: 10px; /* '수신 회원 선택' 버튼과의 간격 */
}

.sms_ui .receiver-list-container {
    margin-top: 20px; /* 상단 여백 조정 */
}

.sms_ui .receiver-list {
    margin-top: 10px;
    background-color: #fafafa;
    border: 1px dashed #ccc;
    padding: 2px 10px;
    border-radius: 4px;
    height: 200px; /* 고정 세로 폭 */
    overflow-y: auto; /* 내부 스크롤 활성화 */
}

.sms_ui .receiver-list-size {
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px;
}

.sms_ui .receiver-item {
    display: flex;
    flex-direction: row; /* 항목들을 가로로 정렬 */
    justify-content: space-between;
    align-items: center; /* 항목들을 중앙 정렬 */
    /*margin-bottom: 3px;*/
    padding: 4px; /* 적절한 패딩으로 항목 간격 조정 */
    border-bottom: 1px solid #eee; /* 항목 사이의 구분선 */
}

.sms_ui .receiver-item span:first-child {
    flex: 0 1 12%; /* grow, shrink, basis */
    margin-right: 10px;
}

.sms_ui .receiver-item span:last-child {
    white-space: nowrap; /* 번호가 줄바꿈 되지 않도록 설정 */
}

.sms_ui .delete-receiver {
    background-color: #e0e0e0;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    margin-top: 0;
}

.sms_ui .delete-receiver:hover {
    background-color: #c0c0c0;
}

.sms_ui .schedule-container {
    margin-top: 20px;
    margin-bottom: 10px;
}

.sms_ui .schedule-checkbox,
.sms_ui .schedule-datetime {
    /*display: flex;*/
    /*align-items: center;*/
}

.sms_ui .schedule-datetime p {
    margin-top: 8px;
    font-size: 13px;
    line-height: 15px;
    color: #7ba34d;
}

.sms_ui .schedule-checkbox input{
    width: auto;
}

.sms_ui .schedule-checkbox {
    position: relative;
    display: block;
    margin: 10px 0;
    cursor: pointer;
    font-size: 16px;
    user-select: none;
}

.sms_ui .schedule-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sms_ui .checkmark {
    position: absolute;
    top: 0;
    /*left: 0;*/
    margin-left: 4px;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
}

.sms_ui .schedule-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.sms_ui .schedule-checkbox input:checked ~ .checkmark {
    background-color: #7ba34d;
}

.sms_ui .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sms_ui .schedule-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.sms_ui .schedule-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sms_ui .member-selection-popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 500px; /* 팝업창의 최대 너비 */
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.sms_ui .member-selection-popup h2 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.sms_ui .member-selection-popup .btn-close {
    margin-left: 6px;
}

.sms_ui .member-selection-popup .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.sms_ui .member-selection-popup .search-container {
    position: relative;
    display: flex;
}

.sms_ui .member-selection-popup .clear-search-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: url(../images/btn_close.png) no-repeat;
    background-size: cover;
    transform: translateY(-50%);
    border: none;
    padding: 0;
    box-shadow: none;
}

.sms_ui .member-selection-popup .member-search-input {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.sms_ui .member-selection-popup .select-all-container {
    display: flex;
    align-items: center;
    padding: 10px 0 0 18px;
    font-size: 14px;
    font-weight: 500;
}

.sms_ui .member-selection-popup .select-all-checkbox {
    height: 20px;
    width: 20px;
    accent-color: #689f38;
    margin-right: 17px;
}

.sms_ui .popup-member-list {
    margin-top: 14px;
    height: 400px;
    overflow-y: scroll;
}

.sms_ui .popup-member-list li {
    padding: 10px;
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 17px;
    font-size: 14px;
}

.sms_ui .popup-member-list li:hover {
    background-color: #f0f0f0;
}

.sms_ui .popup-member-list li ~ li {
    margin-top: 6px;
}

.sms_ui .popup-member-list li * {
    cursor: pointer;
}

.sms_ui .popup-member-list .member-checkbox {
    height: 20px;
    width: 20px;
    accent-color: #689f38;
    margin-right: 17px;
}

.sms_ui .popup-member-list .name {
    width: 90px;
}

.sms_ui .popup-member-list .hp {

}

.sms_ui .time-control-popup {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    /*padding: 10px;*/
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    /*top: 88%;*/
    font-family: 'gmarketsans';
}

.sms_ui .time-control-popup button {
    margin: 0 5px;
    padding: 4px 8px;
    background-color: #7ba34d;
    color: white;
}

.sms_ui .time-control-popup input{
    text-align: center;
    width: 24px;
}

.sms_ui .time-controls {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px; /* 시간 설정 버튼과의 간격 */
}

.sms_ui .time-control {
    display: flex;
    align-items: center;
}

.sms_ui .time-control:first-child {
    margin-right: 8px;
}

.sms_ui .time-control-popup .set-time-btn{
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    margin: auto;
    background-color: #7ba34d;
    color: white;
}

.sms_ui .hasDatepicker{
    width: 110px;
}

.sms_ui .hour-input,
.sms_ui .minute-input {
    width: 26px;
}

.sms_ui .confirm-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.sms_ui .popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    width: 90%;
    max-width: 300px;
}

.sms_ui .popup-content h2 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.sms_ui .popup-content .tit {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 14px;
}

.sms_ui .confirm-content-div {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.5;
}

.sms_ui .popup-content .time {
    font-weight: bold;
}

.sms_ui .div-confirm-message{
    white-space: pre-wrap;
    word-break: break-all;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    padding: 8px;
    border-radius: 5px;
    max-height: 180px;
    /*min-height: 100px;*/
    overflow-y: auto;
}

.sms_ui .confirm-content-div p {
    margin: 10px 0;
}

.sms_ui .popup-actions {
    margin-top: 20px;
    text-align: right;
}

.sms_ui .popup-actions button {
    background-color: #7ba34d; /* Green */
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 5px;
}

.sms_ui .popup-actions .confirm-send-btn:hover {
    background-color: #689f38;
}

.sms_ui .popup-actions .cancel-send-btn {
    background-color: #ff0006;
}

.sms_ui .popup-actions .cancel-send-btn:hover {
    background-color: #DA0005;
}

.sms_history_ui .setting {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #eeebeb;
    padding-top: 20px;
}

.sms_history_ui .tit{
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.sms_history_ui .result {
    margin-top: 30px;
}

.sms_history_ui .result .titg p {
    font-size: 13px;
    margin-left: 5px;
}

.sms_history_ui .result .titg p em {
    color: #7ba34d;
}

.sms_history_ui .result ul {
    margin-top: 20px;
}

.sms_history_ui .result li~li {
    margin-top: 6px;
}

.sms_history_ui .result li {
    height: 54px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 14px;
}

.sms_history_ui .result li.sms-info-description {
    border: none;
    height: 25px;
    font-weight: 500;
    text-align: center;
    padding: 0 14px;
}

.sms_history_ui .result li p {
    position: relative;
    font-size: 13px;
    text-align: center;
    width: 150px;
    display: inline-block;
}

.sms_history_ui .result li .type {
    color: #4d7ba3;
}

.sms_history_ui .result li .type.green {
    color: #7ba34d;
}

.sms_history_ui .result .btn_g2 {
    margin-top: 25px;
    text-align: center;
}

.sms_history_ui .result .btn_g2 .btn_more {
    width: 24.5px;
    height: 24.5px;
    background: url(../images/btn_couponPlus.png) no-repeat;
    background-size: cover;
    border: none;
}

.sms_history_ui .line2 {
    margin: 30px 18px 30px 18px;
    border-top: 1px solid #eeebeb;
}

.biztalk_ui .biztalk_list {
    margin: 30px 18px 0 18px;
    border-top: 1px solid #2a2a2a;
}

.biztalk_ui .biztalk_list .info-box,
.biztalk_ui .biztalk_list .example {
    background-color: #ffffff;
    font-size: 13px;
    margin: 16px 0;
}

.biztalk_ui .biztalk_list .info-box {
    margin-top: 30px;
    margin-left: 5px;
}

.biztalk_ui .biztalk_list .info-box strong {
    color: #7ba34d;
}

.biztalk_ui .biztalk_list .info-box p:last-child {
    margin-top: 4px;
}

.biztalk_ui .biztalk_list .example {
    border-radius: 9px;
    border: 1px solid #ddd;
    padding: 16px;
    font-weight: 200;
}

.biztalk_ui .biztalk_list .example ul {
    margin: 8px 0 0;
}

.biztalk_ui .biztalk_list h2 {
    margin: 30px 0 20px 5px;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -1px;
}

.biztalk_ui .biztalk_list .config_list {
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.biztalk_ui .biztalk_list .config {
    margin-top: 25px;
}

.biztalk_ui .biztalk_list .chk_g {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.biztalk_ui .biztalk_list .chk_box {
    width: 100%;
    margin: 0;
    position: relative;
}

.biztalk_ui .biztalk_list .chk_box input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    opacity: 0;
    width: 22px;
    height: 22px;
}

.biztalk_ui .biztalk_list .chk_box label {
    position: relative;
    display: block;
    width: 100%;
    height: 49px;
    border: 1px solid #8a8a8a;
    line-height: 49px;
    border-radius: 9px;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 15px;
    color: #8a8a8a;
    cursor: pointer;
}

.biztalk_ui .biztalk_list .chk_box label:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 18.5px;
    height: 18.5px;
    border: 1px solid #eee;
    border-radius: 50%;
    box-sizing: border-box;
}

.biztalk_ui .biztalk_list .chk_box input[type="checkbox"]:checked+label {
    color: #fff;
    background: #7ba34d;
    border: 1px solid #2a2a2a;
    font-weight: 500;
}

.biztalk_ui .biztalk_list .chk_box input[type="checkbox"]:checked+label:before {
    background: url(/resources/images/ic_chk_on2.png) no-repeat;
    background-size: cover;
    border: none;
    border-radius: 0;
}

.biztalk_ui .biztalk_list .memo {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid #2a2a2a;
    border-radius: 9px;
    padding: 0 28px;
    font-size: 13px;
    margin-top: 30px;
}

.biztalk_ui .btng {
    margin: 40px 18px 0 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #898989;

}

.biztalk_ui .btng button{
    width: 100%;
    font-size: 16px;
    font-weight: 500;
}