/* update 24.01.24 */

/*popup*/
.popup-bg .popup-center.modify_phone {
  padding: 30px 16px 40px;
  text-align: left;
}
.popup-center.modify_phone p {
  line-height: 1;
}
.popup-center.modify_phone .form-select {
  background: url(../img/common/select_ph_bl.png) no-repeat left center / 20px 20px,
    url(../img/common/arrowBottom.png) no-repeat right center / 12px 7px;
  border-bottom: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 18px 0 10px;
}
.popup-center.modify_phone .form-input {
  border-bottom: 1px solid #ddd;
}
.popup-center.modify_phone .number-rock {
  margin-top: 14px;
}
.popup-center.modify_phone .number-rock .number-rock-btn {
  text-align: center;
  width: 107px;
}
.popup-center.modify_phone .number-rock .i-lock_s {
  background-size: 16px 18px;
}

/* ////////////////////////////////////////// 이벤트///////////////////////////////////////////////////////////////////// */
.blind {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -999em;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
}
.tit-right-btn {
  display: flex;
  align-items: center;
}
.event-wrap-inner .payback-detail {
  margin: 30px;
  border-radius: 6px;
  overflow: hidden;
}
.event-wrap-inner .payback-detail img {
  width: 100%;
  vertical-align: top;
}
.checkbox-div.list-controller {
  padding: 18px 0 16px;
  margin: 0 20px;
  border-bottom: 1px solid #e9e9e9;
}
.event-wrap .list-item-inner.event-end {
  position: relative;
}
.event-wrap .list-item-inner.event-end .event-end {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.event-wrap .list-item-inner.event-end .event-end span {
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.event-end-message,
.end-message {
  position: relative;
  text-align: center;
  line-height: 1.63;
  padding: 100px 0;
  color: #707070;
  background: #fff;
  width: 100%;
}
.event-end-message img,
.end-message img {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.event-wrap-inner .event-list {
  margin: 45px auto 0;
  width: 400px;
}
.event-wrap-inner .event-list li {
  height: 105px;
  margin-bottom: 20px;
}
.event-detail {
  margin: 30px;
  border-radius: 6px;
  overflow: hidden;
}
/* 텝밑 결과 및 설명 회색box */
.info-section {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.125rem;
  height: 80px;
  background: #f5f5f5;
  color: #222;
  border-bottom: 1px solid #e9e9e9;
}
.info-section .count {
  font-size: 1.125rem;
  font-weight: bold;
  color: #6335b4;
}
.h-auto {
  height: auto !important;
}
.info-section .infotxt {
  padding: 20px 0;
  font-size: 1.125rem;
  color: #222;
  line-height: 1.44;
}

/* ////////////////////////////////////////// 검색 ///////////////////////////////////////////////////////////////////// */
.search-wrap {
  padding-top: 80px;
}
.search-inputbox button,
.search-keyword button {
  font-size: 0;
  border: 0;
  padding: 0;
  background: none;
}
.search-wrap .search-header {
  border-bottom: 1px solid #6335b4;
  padding: 16px 30px;
}
.search-header .search-inputbox {
  display: flex;
}
.search-header .search-inputbox .inputbox {
  display: flex;
  width: 100%;
  margin-right: 20px;
}
.search-header .search-input::placeholder {
  color: #999;
  font-weight: normal;
}
.search-header .search-input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
.search-header .search-input::-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}
.search-header .search-input {
  font-size: 1.125rem;
  width: 100%;
  padding: 0;
  color: #6335b4;
  /* color: #222; */
  font-weight: bold;
}
.search-header .btn_search span {
  display: block;
  width: 29px;
  height: 29px;
  background: url('../img/common/search.png') center center/24px 24px no-repeat;
  color: transparent;
}
.search-wrap .search-keyword {
  padding: 0 30px;
}
.search-wrap .search-keyword .keyword-list li {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 15px 28px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #999999;
  background: url('../img/common/restart.png') left center/20px 18px no-repeat;
}
.search-wrap .search-keyword .keyword-list.result li {
  color: #222222;
}
.search-wrap .search-keyword .keyword-list li a {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-keyword-delete span {
  display: block;
  width: 24px;
  height: 24px;
  background: url('../img/common/close_gray.svg') center center/24px 24px no-repeat;
  cursor: pointer;
}
.search-wrap .search-none {
  padding: 30px;
}
.search-wrap .search-none .notfound {
  margin-bottom: 24px;
  padding: 0 12px 24px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.25rem;
  line-height: 1.45;
  color: #222;
}
.search-wrap .search-none .notfound em {
  display: block;
  margin-bottom: 4px;
  color: #6335b4;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.4;
}
.search-wrap .search-none .infotxt li {
  position: relative;
  padding-left: 9px;
  font-size: 1.125rem;
  line-height: 2;
  color: #999;
}
.search-wrap .search-none .infotxt li::after {
  position: absolute;
  /* top: 17px; */
  top: 18px;
  left: 1px;
  content: '';
  width: 2px;
  height: 2px;
  background: #999;
}

/* 포스팅 리스트 */
/* 디자인 수정되었습니다 post-list 공통으로 수정 */
/* .post-list {
    padding: 0 30px;
}
.post-list li {
    border-bottom: 1px solid #e9e9e9;
}
.post-list .post-list-inner {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}
.post-list .post-content {
    overflow: hidden;
}
.post-list .post-content .title {
    color: #222;
    line-height: 1.5;
    padding: 12px 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-list .post-content .best::before {
    content: 'BEST';
    color: #6335b4;
    font-size: 0.875rem;
    background: url('../img/common/best_post.png') left 4px/12px 12px no-repeat;
    font-weight: bold;
    padding: 0 8px 0 18px;
    line-height: 1.7;
}
.post-list .post-content span {
    padding-left: 16px;
    color: #222;
    font-size: 0.875rem;
    line-height: 1.4;
}
.post-list .post-content span:first-child {
    padding-left: 0;
}
.post-list .post-content .comment {
    font-weight: bold;
}
.post-list .post-content .date {
    color: #999;
}
.post-list .post-list-inner .photo {
    flex: none;
    width: 72px;
    height: 72px;
} */

/* 검색 pc에서 타이틀감추기 */
.pcweb-none {
  display: none;
}

/*메인팝업*/
.popup-bg .popup-div.main {
  width: 328px;
  z-index: 5;
  border-radius: 0;
  overflow: hidden;
}
.popup-bg .popup-div.main .mainpopup-img {
  width: 328px;
  height: 328px;
  overflow: hidden;
}
.popup-bg .popup-div.main .popup-btn {
  display: flex;
}
.popup-bg .popup-div.main .popup-btn .btn-main-pp {
  width: 50%;
  height: 50px;
  background: #c1c1c1;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 48px;
}
.popup-bg .popup-div.main .popup-btn .btn-main-pp.active {
  background: #6335b4;
}

.popup-bg .bg.pan-bg {
  background: rgba(0, 0, 0, 0.5);
}

/* ////////////////////////////////////////전화상담-후기//////////////////////////////////////////////////////////////////// */
.header-policy-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #222;
  font-size: 0.875rem;
  padding-right: 19px;
  background: url('../img/common/arrowRight_s.png') right top 55% / 5px 9px no-repeat;
}
@media (max-width: 719px) {
  .header-policy-btn {
    padding-right: 11px;
  }
}
.writable-review .info-section {
  font-weight: bold;
}
.writable-review .info-section span {
  font-size: 0.937rem;
  font-weight: normal;
  color: #666;
}
.writable-review .info-section span em {
  font-size: 0.937rem;
  vertical-align: baseline;
}
.writable-list {
  margin: 8px 30px;
}
.writable-list li .list-inner {
  display: flex;
  justify-content: left;
  align-items: center;
  background: url('../img/common/arrowRight_s.png') right center / 5px 9px no-repeat;
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
  image-rendering: -webkit-optimize-contrast;
}
.writable-list li .list-inner .list-img,
.review-cs .list-img,
.counselor-inner .list-img {
  width: 80px;
  min-width: 80px;
  height: 80px;
  margin-right: 20px;
}
.counselor-info-con {
  width: 100%;
}
.counselor-info-con .cs-name {
  position: relative;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.35;
}
.counselor-info-con .cs-number {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  padding-left: 10px;
  font-weight: normal;
}
.counselor-info-con .cs-number::before {
  display: inline-block;
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #dddddd;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.counselor-info-con .info {
  margin-top: 6px;
  text-align: left;
}
.counselor-info-con .info + .info {
  margin-top: 8px;
}
.counselor-info-con .info-con {
  display: inline-block;
  color: #999999;
  font-size: 0.875rem;
  margin-left: 10px;
}
.counselor-info-con .info-con:first-child {
  margin-left: 0;
}
.review-cs {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.review-cs-in {
  width: 100%;
}
.review-cs-in .counselor-info-con {
  position: relative;
}
.review-cs-in .counselor-info-con + .counselor-info-con {
  /* margin-top:12px; */
  margin-top: 8px;
}
.review-cs-in .counselor-info-con .nickname {
  font-size: 0.875rem;
  font-weight: bold;
  color: #222;
}
.review-cs-in .counselor-info-con .info-con {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-40%);
}
.review-cs-in .counselor-info-con .star-set {
  margin: 0 6px 0 0;
}
.written-review .counsel-style {
  position: relative;
}
.written-review .counsel-style .hash-tag {
  position: absolute;
  font-size: 0.875rem;
  right: 0;
  top: 0;
  color: #222;
}
.written-review .counsel-style .hash-tag em {
  display: inline-block;
  margin-left: 13px;
}
.written-review .counsel-style > p:first-child::after {
  display: none;
}
.written-review .counsel-style > p::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 12px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.info-section .counselor-inner {
  padding: 14px 0;
}
.counselor-inner {
  display: flex;
  text-align: initial;
  align-items: center;
}
.review-write-inner {
  width: 400px;
  padding: 0 15px;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  padding-bottom: 80px;
}
.review-write-inner dl {
  padding: 30px 0;
}
.review-write-inner dt {
  padding-left: 28px;
  margin-bottom: 14px;
  line-height: 1.5;
  background: url('../img/common/num_01.png') left 2px / 20px 20px no-repeat;
  image-rendering: -webkit-optimize-contrast;
}
.review-write-inner dt.numb2 {
  background-image: url('../img/common/num_02.png');
}
.review-write-inner dt.numb3 {
  background-image: url('../img/common/num_03.png');
}
.review-write-inner dt.numb4 {
  background-image: url('../img/common/num_04.png');
}
.review-write-inner dt.numb5 {
  background-image: url('../img/common/num_05.png');
}
.review-write-inner .txt-s {
  display: inline-block;
  color: #666;
  font-size: 0.875rem;
  letter-spacing: -0.028rem;
}
.review-write-inner .txt-s .count {
  vertical-align: inherit;
}
.review-write-inner dd {
  margin-bottom: 36px;
}
.review-write-inner .sel {
  background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 16px;
  color: #222;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #e5e4e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.review-write-inner .sel.active {
  border-color: #222222;
  font-weight: bold !important;
}
.review-write-inner .sel::-ms-expand {
  display: none;
}
.review-write-inner textarea {
  width: 100%;
  height: 150px;
  padding: 16px;
  border-radius: 8px;
  /* background-color: #f5f5f5; */
  background: white;
  border: 1px solid #e5e4e9;
  resize: none;
  font-size: 1rem;
  line-height: 1.5;
}
.i-photo {
  background: url('../img/common/review_photo.png') center left / 18px 16px no-repeat;
  padding-left: 26px;
}
.i-trash {
  background: url('../img/common/trash.png') center left / 17px 18px no-repeat;
  padding-left: 24px;
}
.file-img {
  margin-top: 30px;
  position: relative;
}
.file-img img {
  width: 100%;
}
.del-btn-cw {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 12px;
  right: 12px;
  background: url('../img/common/close_btn.png') center center / 14px 14px no-repeat #fff;
  color: transparent;
  border-radius: 50%;
}

/*/// 별점 ////*/
.star-ratingbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 133px;
  border-radius: 4px;
  background-color: #6335b4;
  position: relative;
  overflow: hidden;
}
.star-ratingbox::before {
  position: absolute;
  width: 26px;
  height: 52px;
  content: '';
  background: #7f5bc8;
  top: 0;
  left: 0;
  transform: skewX(-48deg);
  -ms-transform: skewX(-48deg);
  -webkit-transform: skewX(-48deg);
}
.star-ratingbox::after {
  position: absolute;
  width: 26px;
  height: 52px;
  content: '';
  background: #7f5bc8;
  bottom: 0;
  right: 0;
  transform: skewX(-48deg);
  -ms-transform: skewX(-48deg);
  -webkit-transform: skewX(-48deg);
}
.star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  text-align: center;
}
.star-rating input {
  display: none;
}
.star-rating label {
  width: 17px;
  height: 34px;
  color: transparent;
  cursor: pointer;
  background: url('../img/common/star_w.png') top left / 34px 34px no-repeat;
}
.star-rating label.star-l {
  background-position: top right;
  margin-right: 4px;
}
.star-rating :checked ~ label {
  background-image: url('../img/common/star_y.png');
}
.star-rating label:hover,
.star-rating label:hover ~ label {
  background-image: url('../img/common/star_y.png');
}
.star-ratingbox .star-rating-txt {
  margin-top: 20px;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
}
/*//// switch 사이즈 big 82x34 //////*/
.switch-btn.size-b {
  width: 82px;
  margin-left: 12px;
}
.switch-btn.size-b label {
  width: 82px;
  height: 34px;
}
.switch-btn.size-b label span {
  width: 22px;
  height: 22px;
  left: 6px;
}
.switch-btn.size-b input[type='checkbox']:checked + label span {
  transform: translate(46px, -11px);
}
.switch-btn.size-b label:before {
  width: 45px;
  right: 6px;
  top: 50%;
  font-size: 1rem;
}
.switch-btn.size-b input:checked + label:before {
  left: 6px;
}

/* ////////////////////////////////////////// 작명_구매하기///////////////////////////////////////////////////////////////////// */
.order-inner {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  box-sizing: border-box;
  width: 400px;
  margin: 0 auto;
}
.order-inner .list-item-inner,
.inner-body .list-item-inner {
  padding: 24px 16px 25px;
  min-height: auto;
}
.inner-body.pdnone {
  padding: 0;
}
.naming-wrap .counselor-inner {
  width: 400px;
}
.list-img.rect-s {
  width: 100px !important;
  min-width: 100px !important;
  height: 64px !important;
  border-radius: 4px;
}
.list-img.rect-m {
  width: 125px !important;
  min-width: 125px !important;
  height: 80px !important;
  border-radius: 4px;
}
.order-inner .title {
  font-size: 1.125rem;
  font-weight: bold;
  height: auto;
}
.order-inner .checkbox-list {
  margin: 16px 0 10px 28px;
}
.order-inner .checkbox-list .checkbox-div {
  margin-bottom: 14px;
}
.order-inner .checkbox-list .checkbox-div .checkbox {
  color: #999;
  font-size: 1rem;
}
.order-inner .checkbox-list .i-arrow-r {
  font-size: 0;
  width: 23px;
  height: 19px;
  display: block;
}
.quantitybox {
  display: flex;
}
.quantitybox .quantity-btn {
  width: 28px;
  height: 28px;
  background: url('../img/common/btn_minus.png') no-repeat;
  background-size: 100%;
  border-radius: 2px;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.quantitybox .quantity-btn.incr {
  background-image: url('../img/common/btn_plus.png');
}
.quantitybox .num {
  background: #f5f5f5;
  width: 60px;
  height: 28px;
  border-radius: 2px;
  text-align: center;
  font-weight: bold;
  margin: 0 5px;
}
.order-inner .payment {
  margin-top: 12px;
  padding-top: 7px;
  border-top: 1px solid #e9e9e9;
  margin-bottom: 8px;
}
.order-inner .payment label {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.order-inner .payment .radio-span {
  top: auto;
  left: auto;
  transform: none;
}
.order-inner .payment .label-text {
  margin-top: -2px;
}
.order-inner .total_bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  border-top: 1px solid #e9e9e9;
  padding: 27px 15px;
  font-size: 1.125rem;
}
.order-inner .total_bt span {
  font-weight: normal;
  font-size: 1rem;
}
.order-inner .total_bt .price {
  color: #da4841;
  font-size: 1.5rem;
}
.order-inner .tblist td {
  text-align: left;
}
.tblist.left td {
  text-align: left;
}
.counselor-info-con .txt {
  margin: 10px 0;
  color: #666;
  font-size: 0.875rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.counselor-info-con .data {
  position: absolute;
  right: 0;
  font-size: 0.875rem;
  color: #999;
  font-weight: normal;
}
.naming-wrap .writable-list li .list-inner {
  background: none;
}
.info-section .chat-qna-info {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  text-align: left;
}
.info-section .chat-qna-info .tit {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.44;
  padding-bottom: 8px;
}
.info-section .chat-qna-info .txt {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #666;
}
.info-section .chat-qna-info .switch-btn {
  position: absolute;
  right: 30px;
  top: 50%;
}

/*  //////////////////// 채팅상담 연결 /////////////////////////////// */
.chatloader-wrap {
  height: 100vh;
  background: #7f5bc8;
  position: relative;
}
.chatloader-wrap .loader-txt {
  margin: 0 auto;
  padding: 180px 0 50px;
  color: #fff;
  text-align: center;
}
.chatloader-wrap .loader-txt .counselor {
  font-size: 2.123rem;
}
.chatloader-wrap .loader-txt .text {
  font-size: 1.125rem;
  font-weight: 100;
  margin-top: 15px;
}
.chatloader-wrap .chat-close {
  position: absolute;
  top: 25px;
  right: 20px;
}
.chatloader-wrap .chat-close .i-close {
  background: url(../img/chat/chat_close.png) no-repeat right center / 9px 9px;
  padding-right: 16px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinnerbox-inner {
  width: 200px;
  height: 200px;
  border: 40px solid #7b54c4;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.spinnerbox-inner .number {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinnerbox-inner .number em {
  color: #fff;
  font-size: 1.375rem;
}

.spinner::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  content: '';
  border-radius: 50%;
  background: #ffdb4a;
  top: 3px;
  left: 5px;
}
.spinner::after {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  content: '';
  border-radius: 50%;
  background: #ffdb4a;
  top: 3px;
  right: 5px;
}
.spinner {
  position: relative;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border: 12px solid #9a79de;
  border-top: 12px solid #ffdb4a;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
/*////채팅상담 결제 /////*/
.detail-wrap.order_result {
  border-top: 1px solid #e9e9e9;
}
.order_result .result-info .f-bold {
  padding: 8px 0 10px;
  text-align: center;
  line-height: 1.5;
}
.order_result .result-info .info-txt {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #666;
  text-align: center;
  padding-bottom: 14px;
}
.order_result .detail-grid {
  grid-template-columns: 25% 75%;
}
.order_result .detail-grid div p {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* //////////// 마이페이지-1:1문의/////////// */
.mypage-wrap.qna .inner-detail {
  padding: 0;
}
.mypage-wrap.item .list-consult-ul.qna li a {
  padding: 0;
}
.mypage-wrap.item .list-consult-ul.qna .list-body {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  padding: 12px 0;
}
.mypage-wrap.item .list-consult-ul.qna .text-sort.cont {
  -webkit-line-clamp: 1;
  margin: 7px 0 10px;
  font-size: 1rem;
  color: #222;
  line-height: 1.5;
}
.mypage-wrap.item .list-consult-ul.qna .text-sort {
  margin-top: 12px;
}
.mypage-wrap.item .list-consult-ul.qna .list-content-inner {
  display: flex;
  justify-content: space-between;
}
.mypage-wrap.item .list-consult-ul.qna .list-content {
  display: inline-block;
  margin-top: 15px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-img.circle {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin-right: 14px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-body {
  padding: 16px 0;
}
.mypage-wrap.item .list-consult-ul.qna.answer .cut-line {
  font-size: 0.875rem;
}
.mypage-wrap.item .list-consult-ul.qna.answer .data {
  font-size: 0.75rem;
}
.list-consult-ul.qna.answer .comment-question {
  margin-top: 10px;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-content {
  margin-top: 13px;
}
.list-consult-ul.qna.answer .comment-answer {
  padding: 14px 14px 16px;
  border-radius: 6px;
  margin: 16px 0 0 -14px;
}
.list-consult-ul.qna.answer .comment-answer .answer {
  line-height: 1.57;
  color: #222;
}
.list-consult-ul.qna.answer .comment-answer .tit {
  font-weight: bold;
  padding-left: 17px;
  background: url('../img/common/reply2png.png') center left / 12px 10px no-repeat;
}
.mypage-wrap.question .inner-body,
.mypage-wrap.notice .inner-body,
.mypage-wrap.setup .inner-body {
  padding-top: 8px;
}
.mypage-wrap.question .inner-top .btn.mint {
  margin: 20px 0 6px;
}
.list-item .re-waiting {
  font-weight: bold;
  color: #da4841;
}
.list-item .re-fin {
}
.list-content .content-tt {
  display: flex;
  align-items: center;
}
.list-content .content-tt p {
  margin-left: 12px;
}
.list-content .content-tt p:first-child {
  margin-left: 0;
}
.inner-top .item-info .text-icon.notice {
  font-size: 1.125rem;
  padding-left: 34px;
  background: url('../img/common/noticel.png') left center/24px 24px no-repeat;
}
.mypage-wrap.notice-detail {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .inner-body {
  padding-top: 0;
  line-height: 1.5;
}
.mypage-wrap.notice-detail .notice-top {
  padding: 24px 16px 23px;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .notice-top .tit {
  display: flex;
  font-weight: bold;
  margin-bottom: 6px;
  align-items: center;
  justify-content: space-between;
}
.mypage-wrap.notice-detail .data {
  font-size: 0.875rem;
  font-weight: normal;
  color: #999;
}
.mypage-wrap.notice-detail .question-detail {
  padding: 16px 0 20px;
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .question-detail:first-child {
  border: none;
}
.mypage-wrap.notice-detail .question-detail .top-cont {
  display: flex;
  margin: 4px 0 12px;
  align-items: center;
  justify-content: space-between;
}
.mypage-wrap.notice-detail .question-detail:first-child .top-cont {
  padding-top: 4px;
}
.mypage-wrap.notice-detail .question-detail .top-cont .reply {
  color: #6335b4;
  font-weight: bold;
  padding-left: 24px;
  background: url('../img/common/reply_p.png') left center/16px 12px no-repeat;
}
.i-list {
  background: url('../img/common/i_list.png') left center/12px 10px no-repeat;
  padding-left: 20px;
}
.mypage-wrap.notice-detail .btn-list {
  border-top: 1px solid #e9e9e9;
  padding: 16px 0;
  margin-top: 12px;
}
.mypage-wrap.notice-detail .question-detail img {
  margin-top: 20px;
  border-radius: 8px;
}
/* 1:1문의쓰기 */
.type-check {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 20px;
}
.btn-radio .label-txt {
  background: #fff;
  height: 46px;
  line-height: 44px;
  border-radius: 4px;
  border: solid 1px #ddd;
  color: #222;
  text-align: center;
}
.btn-radio input[type='radio']:checked + .label-txt {
  border: 0;
  background-color: #1ab8be;
  color: #fff;
  font-weight: bold;
}
.question .input-wp {
  margin-top: 16px;
}
.img-upload-wp {
  margin-top: 12px;
  display: flex;
}
.img-upload-wp .imgbox:first-child {
  margin-left: 0;
}
.img-upload-wp input[type='file'] {
  display: none;
}
/*.img-upload-wp .imgbox {
	margin-left:14px;
}
.img-upload-wp label, .img-upload-wp .img_del {
	display:block;
	width:81px;
	height:32px;
	background-color:#fff;
	font-size:0.812rem;
	line-height:2.3;
	font-weight:bold;
	border-radius: 4px;
	border:1px solid #e5e4e9;
	text-align:center;
	margin:8px 0 0 0 !important;
}
.img-upload-wp .preview {
	width: 81px;
	height: 74px;
	border-radius: 4px;
	border: solid 1px #e5e4e9;
	background-color: #fff;
    background: url('../img/common/plus_gray.png') center center/18px 18px no-repeat;
}*/
.img-upload-wp .preview {
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 4px;
  border: solid 1px #e5e4e9;
  background-color: #fff;
  background: url('../img/common/plus_gray.png') center center/16px 16px no-repeat;
}
.img-upload-wp .imgbox {
  margin-left: 7px;
}
.img-upload-wp label,
.img-upload-wp .img_del {
  display: block;
  width: 68px;
  height: 26px;
  background-color: #fff;
  font-size: 0.6875rem;
  line-height: 2.3;
  font-weight: bold;
  border-radius: 4px;
  border: 1px solid #e5e4e9;
  text-align: center;
  margin: 6px 0 0 0 !important;
}
.img-upload-wp .in .preview img {
  border-radius: 4px;
}
.footer-btn_r.btn_left {
  margin-right: 10px;
}

/* //////////// 마이페이지-자주하는 질문/////////// */
.qna-list.myfaq {
  margin-top: -10px;
}
.qna-list.myfaq li:first-child {
  border-top: 0;
}
.qna-list.myfaq .i-qna {
  background: url(../img/common/qna.png) left 20px / 14px 14px no-repeat,
    url(../img/common/arrowBottom.png) right 25px / 12px 7px no-repeat;
  -webkit-line-clamp: unset;
  line-height: 1.56;
  min-height: 52px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.qna-list.myfaq .active .i-qna {
  background: url(../img/common/qna.png) left 20px / 14px 14px no-repeat,
    url(../img/common/arrowTop.png) right 25px / 12px 7px no-repeat;
}

/* ///////////////마이페이지-코인자동충전 ////////// */

.mypage-wrap.auto .inner-body {
  padding: 20px 16px;
}
.infotext {
  font-size: 0.875rem;
  margin-top: 14px;
  line-height: 1.5;
}
.infotext em {
  color: #6335b4;
  font-weight: bold;
}
.item-auto-charge {
  border: #e9e9e9 1px solid;
}
.item-auto-charge li {
  border-top: #e9e9e9 1px solid;
  padding: 11px 16px;
}
.item-auto-charge li:first-child {
  border-top: none;
}
.tblist .auto_check {
  display: flex;
  align-content: center;
  margin-top: 1px;
}
.tblist .auto_check p {
  font-size: 0.875rem;
}
.auto_check .switch-btn {
  margin: 0 10px 0 0;
}
.mypage-wrap.auto .btn-set {
  margin-top: 32px;
}
.mypage-wrap.auto .btn-set .btn {
  font-size: 0.875rem;
  height: 46px;
  margin-left: 6px;
  margin-right: 0;
  line-height: 44px;
}
.mypage-wrap.auto .btn-set .btn:nth-child(1) {
  margin-left: 0;
}
.mypage-wrap.auto .sub-tab {
  padding: 0;
  margin: 35px 0 30px;
}
.mypage-wrap .text-icon-card {
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: #6335b4;
  font-size: 1.125rem;
  margin-top: 15px;
}
.mypage-wrap .text-icon-card p {
  padding-left: 32px;
  background: url('../img/common/card.png') center left / 22px 18px no-repeat;
}
.mypage-wrap.register,
.mypage-wrap.auto {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.register .inner-top,
.mypage-wrap.auto .inner-top {
  border-top: none;
}
.mypage-wrap.register .cont-title {
  font-size: 1.125rem;
  justify-content: space-around;
  padding-bottom: 30px;
}
.mypage-wrap.register .fin-txt {
  margin-top: 50px;
  text-align: center;
  line-height: 1.625;
}
.register-top {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  height: 120px;
  font-weight: bold;
  color: #c1c1c1;
  text-align: center;
  margin: -16px -16px 30px;
}
.register-top .card {
  flex: 1;
  position: relative;
  padding-top: 49px;
  background: url('../img/common/card_gray.png') center 8px /32px 26px no-repeat;
}
.register-top .card.active {
  background: url('../img/common/card.png') center 8px /32px 26px no-repeat;
  color: #222;
}
.register-top .card::after {
  display: block;
  width: 1px;
  height: 50px;
  background: #ccc;
  position: absolute;
  top: 18%;
  right: 0;
  content: '';
}
.register-top .password {
  flex: 1;
  position: relative;
  padding-top: 49px;
  background: url('../img/common/lock_gray.png') center top / 30px 34px no-repeat;
}
.register-top .password.active {
  background: url('../img/common/lock.png') center top / 30px 34px no-repeat;
  color: #222;
}
.pay-reg {
  padding-bottom: 80px;
}
.pay-reg label,
.input-wp label,
.input-wp .stt {
  display: block;
  font-weight: bold;
  margin: 40px 0 0;
}
.input-wp .stt .txt-s {
  font-size: 0.875rem;
  font-weight: normal;
  margin-left: 6px;
  color: #999;
}
.pay-reg label:first-child,
.input-wp > label:first-child,
.input-wp > .stt:first-child {
  margin-top: 0;
}
.pay-reg .txt-input,
.reg-select,
.input-wp .txt-input {
  width: 100%;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #dddddd !important;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: -0.04rem;
}
.input-wp textarea {
  width: 100%;
  height: 180px;
  font-size: 1rem;
  line-height: 1.68;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 14px;
  margin-top: 16px;
  resize: none;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
}
.input-wp textarea::placeholder {
  color: #ccc;
}
.pay-reg .txt-input:focus,
.pay-reg .txt-input.focus,
.pin-password-input:focus,
.pin-password-input.focus,
.input-wp .txt-input:focus,
.input-wp .txt-input.focus {
  border-bottom: 1px solid #222 !important;
}
.pay-reg .input-two,
.pay-reg .input-gp {
  display: flex;
  align-items: center;
}
.pay-reg .input-gp em {
  padding: 0 4px;
}

/* .ps-card .pay-reg label,
.cp-card .pay-reg label {
    color: #2c0051;
} */
.pay-reg .checkbox {
  height: auto;
  font-weight: normal;
  background-position: top left;
}
.reg-select {
  padding-right: 10px;
  background: url(../img/common/arrowBottom.png) no-repeat center right / 12px 7px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.reg-select::-ms-expand {
  display: none;
}
.m30l {
  margin-left: 30px;
}
.pin-password-input {
  width: 40px;
  height: 50px;
  padding: 20px 0 10px;
  border: 0;
  border-bottom: 1px solid #dddddd;
  font-size: 2.5rem;
  line-height: 1.45;
  text-align: center;
  margin-right: 9px;
}
.pin-password-input:last-child {
  margin-right: 0;
}
.pay-reg.password {
  margin-top: -15px;
}
.pay-reg.password .pin-password {
  height: 165px;
  padding-top: 45px;
  text-align: center;
}
.pay-reg.password label {
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
}

/* /////////////////// 코인충전 ////////////////////////////*/
.inner-top .item-info .textbox {
  font-size: 1.125rem;
  text-align: center;
}
.inner-top .item-info .text-icon {
  font-size: 1.125rem;
  padding-left: 34px;
  background: url('../img/common/s_coin.png') left center/24px 24px no-repeat;
  letter-spacing: -0.04rem;
}
.inner-top .item-info .text-icon.auto-charge {
  padding-left: 27px;
  background: url('../img/common/coin.png') left center/17px 18px no-repeat;
}
.inner-top.column.h-auto {
  padding: 20px 0 24px;
  text-align: center;
}
.inner-body .inner-text {
  text-align: center;
  line-height: 1.56;
  letter-spacing: -0.032rem;
}
.inner-body .item-gp {
  padding-bottom: 35px;
}
.inner-body .item-gp p.txtr {
  margin-bottom: -10px;
}
.calculator-btn {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  color: #999;
  padding-left: 23px;
  background: url('../img/common/cal_gray.png') left center/15px 16px no-repeat;
  margin-top: 14px;
  height: 15px;
}
.charge-wrap .tblist th {
  font-size: 0.875rem;
}
.hongpay {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0 12px;
}
.guide-set + .hongpay {
  margin-top: 16px;
}
.item-check {
  display: block;
  border: solid 1px #e9e9e9;
}
.item-check label {
  display: flex;
  border-top: solid 1px #e9e9e9;
  justify-content: flex-start;
}
.item-check label:first-child {
  border-top: none;
}
.item-check dt {
  min-width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -9px;
}
.item-check dd {
  border-left: solid 1px #e9e9e9;
  text-align: left;
  font-size: 1rem;
  line-height: 1.2;
  color: #222;
  padding: 10px 0 10px 16px;
}
.item-check.add-pay-img dd {
  display: flex;
  align-items: center;
  gap: 6px;
}
.item-check.add-pay-img dd .naver-pay {
  width: 78px;
  height: 20px;
}
.item-check.add-pay-img dd .toss-pay {
  width: 78px;
  height: 15px;
}
.item-check.coupon dd {
  font-size: 0.8125rem;
  padding: 12px 0 12px 16px;
}
.ico-naverpay {
  display: inline-block;
  /* padding-left:50px;
    background: url('../img/common/logo_naverpay.png') left center/42px 16px no-repeat; */
}
.price-gp {
  background: #f5f5f5;
  padding: 10px 14px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin: 0 -16px 30px;
}
.price-gp .calc-list {
  display: flex;
  font-size: 1.125rem;
  justify-content: space-between;
  padding: 11px 0;
}
.price-gp .calc-list .price {
  color: #da4841;
  font-weight: bold;
}
.price-gp .calc-list em {
  font-size: 0.875rem;
  color: #999;
}
.list-item-inner .hongpay-card {
  margin: 0 -16px;
}
.hongpay-card {
  padding: 32px 0 30px;
  min-height: 275px;
  background: linear-gradient(180deg, #ffffff 0% 44%, #f5f5f5 44% 100%);
  background-image: -ms-linear-gradient(top, #ffffff 44%, #f5f5f5 44%);
  border-bottom: 1px solid #e9e9e9;
}
.hongpay-card .cardimg-box {
  position: relative;
  margin: 0 auto;
  width: 284px;
  height: 180px;
  background: linear-gradient(180deg, #6335b4 0% 26%, #7f5bc8 26% 100%);
  background-image: -ms-linear-gradient(top, #6335b4 26%, #7f5bc8 26%);
  border-radius: 10px;
  color: #fff;
  font-size: 1.25rem;
  padding: 103px 0 0 24px;
}
.hongpay-card .cardimg-box .num {
  font-size: 1.125rem;
  font-weight: bold;
  padding-top: 11px;
}
.hongpay-card .cardimg-box::before {
  position: absolute;
  top: 12px;
  right: 24px;
  width: 116px;
  height: 22px;
  content: '';
  background: url('../img/common/logo_card.png') left center/116px 22px no-repeat;
}
.hongpay-card .cardimg-box::after {
  position: absolute;
  top: 68px;
  right: 24px;
  width: 26px;
  height: 20px;
  content: '';
  background: url('../img/common/cardchip.png') left center/26px 20px no-repeat;
}
.hongpay-card .cardimg-box .card-register {
  position: absolute;
  top: 79px;
  /* left:calc(50% - 29px); */
  left: 50%;
  transform: translateX(-50%);
  display: block;
  font-size: 0;
  color: transparent;
  width: 54px;
  height: 54px;
  background: url('../img/common/cardplus.png') center center/54px 54px no-repeat;
}
.hongpay-card .info {
  font-weight: bold;
  margin-top: 12px;
  text-align: center;
}
.hongpay-card .info em {
  font-weight: normal;
}
.hongpay-card .btn-set {
  width: 284px;
  margin: 24px auto 0;
}
.hongpay-card .btn-set .btn {
  font-size: 0.875rem;
  height: 40px;
  margin-left: 10px;
  line-height: 38px;
}
.hongpay-card .btn-set .btn:first-child {
  margin-left: 0;
}
.btn-point {
  position: relative;
  display: block;
  line-height: 53px;
  height: 54px;
  border-bottom: 1px solid #e9e9e9;
  padding: 0 16px 0 31px;
}
.btn-point span {
  display: block;
}
.btn-point:before {
  display: inline-block;
  content: '·';
  position: absolute;
  left: 16px;
  font-size: 0.75rem;
  color: #222;
  font-weight: bold;
}
.register .guide-set {
  padding: 24px 16px;
  color: #999;
}
.register .guide-set li:before {
  color: #999;
}
.cont-title {
  position: relative;
  font-size: 1rem;
  line-height: 1.2;
  color: #222;
  font-weight: bold;
  padding-bottom: 16px;
}
.cont-title .tt-btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.cont-title.type2 {
  font-size: 1.125rem;
  padding-bottom: 14px !important;
}
.cont-title.type2 + table {
  margin-top: 0;
}
.cont-title + table {
  margin-top: 7px;
}
.cont-title + .guide-set {
  margin-top: -7px;
}
.cont-title.password {
  margin-top: 30px;
}
.tt-btn {
  display: inline-block;
  font-size: 0.8125rem;
  padding: 0 10px;
  height: 26px;
  /* line-height:24px; */
  line-height: 26px;
  border-radius: 2px;
  background: #1ab8be;
  color: #fff;
}
.tt-btn .vip {
  display: inline-block;
  padding-left: 18px;
  background: url('../img/common/vip_guide.png') left center/12px 12px no-repeat;
}
.tt-btn .clock {
  display: inline-block;
  padding-left: 18px;
  background: url('../img/common/ic_clock_w.png') left center/10px 10px no-repeat;
}
.tt-btn .clock::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  background: url('../img/common/arrowRight_s_w.png') 50% center/4px auto no-repeat;
}
.tt-btn.bg-purple {
  background-color: #6335b4;
}
.txt-red {
  color: #da4841 !important;
}
.txt-purple {
  color: #6335b4 !important;
}
.txt-gray {
  color: #666 !important;
}

/* table */
.tblist {
  width: 100%;
  border: solid 1px #e9e9e9;
}
.tblist th {
  border-left: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  background: #f5f5f5;
  color: #707070;
  font-weight: normal;
  line-height: 1.6;
  padding: 9px 14px;
  text-align: center;
  vertical-align: middle;
}
.tblist td {
  border-left: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  color: #222;
  font-weight: normal;
  line-height: 1.6;
  padding: 9px 16px;
  text-align: right;
}
.tblist.td-sizeb td {
  font-size: 1.125rem;
}
.tblist.td-pd td,
.tblist.td-pd th {
  padding-top: 13px;
  padding-bottom: 15px;
}
.tblist .price {
  color: #da4841;
  font-weight: bold;
}
.txtc {
  text-align: center !important;
}
.txtl {
  text-align: left !important;
}
.txtr {
  text-align: right !important;
}
.txt-s {
  font-size: 0.875rem;
}
.guide-set li {
  position: relative;
  line-height: 1.625rem;
  padding-left: 15px;
}
.guide-set li:before {
  display: inline-block;
  content: '·';
  position: absolute;
  left: 2px;
  font-size: 0.75rem;
  color: #222;
  font-weight: bold;
}
/* ///////////파트너상담신청 /////////////*/
.mypage-wrap.recruit {
  border-top: #e9e9e9 1px solid;
}
.mypage-wrap.recruit .inner-body {
  padding-top: 0;
}
.mypage-wrap.recruit .recruit-top {
  background: #f5f5f5;
  padding: 24px 16px 19px;
  text-align: center;
  line-height: 1.4;
}
.mypage-wrap.recruit .recruit-top .tit {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 52px 0 4px;
  background: url('../img/common/partner.png') top center/44px 44px no-repeat;
}
.mypage-wrap.recruit .recruit-top .info-txt {
  color: #666;
  font-size: 0.875rem;
}
.mypage-wrap.recruit .recruit-top .contact-info {
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
  border-top: #e5e4e9 1px solid;
  font-size: 0.9375rem;
  justify-content: space-between;
}
.mypage-wrap.recruit .input-wp {
  margin-top: 33px;
}
.input-wp .check-type {
  display: flex;
  margin-top: 12px;
}
.input-wp .check-type label {
  font-size: 1rem;
  font-weight: normal;
  margin: 0 18px 0 0;
}
.check-type input[type='checkbox']:checked + label {
  background-image: url(../img/common/check_on.png);
}
.check-type.check_radio input[type='radio']:checked + label {
  background-image: url(../img/common/check_on.png);
}
.input-wp .check-type label:last-child {
  margin-right: 0;
}
.mypage-wrap.recruit .btn-wp {
  margin-top: 28px;
}
.mypage-wrap.recruit .btn-wp .info {
  margin-top: 12px;
  font-size: 0.875rem;
  color: #6335b4;
  line-height: 1.5;
  text-align: center;
}
.mypage-wrap.recruit .btn-wp .info em {
  text-decoration: underline;
}
.mypage-wrap.recruit .recruit-banner .recruit-banner-in {
  padding: 12px 16px 32px;
}
.mypage-wrap.recruit .recruit-infotxt {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.5;
  margin-top: 16px;
}
.mypage-wrap.recruit .recruit-guide {
  position: relative;
  padding: 0 16px;
  text-align: center;
}
.mypage-wrap.recruit .linebar {
  position: relative;
  padding-top: 8px;
  border-top: 0;
  height: 74px;
}
.mypage-wrap.recruit .linebar:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #f5f5f5;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  content: '';
}
.mypage-wrap.recruit .recruit-guide .h2 {
  position: relative;
  font-size: 1.5rem;
  color: #6335b4;
  line-height: 1.48;
  padding: 74px 0 49px;
  letter-spacing: -0.04rem;
  background: url('../img/common/mark_quot.png') center 50px / 16px 12px no-repeat;
}
.mypage-wrap.recruit .recruit-guide .h2.size-b {
  font-size: 1.875rem;
}
.mypage-wrap.recruit .recruit-guide .h2:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  width: 24px;
  height: 1px;
  background: #222;
  content: '';
}
.mypage-wrap.recruit .recruit-guide .h2.no-img {
  background: url('../img/common/ic_recruit_no.png') center 50px / 44px 44px no-repeat;
  padding: 106px 0 24px;
}
.mypage-wrap.recruit .recruit-guide .h2.no-line {
  padding-bottom: 24px;
}
.mypage-wrap.recruit .recruit-guide .h2.no-img:after,
.mypage-wrap.recruit .recruit-guide .h2.no-line:after {
  display: none;
}
.mypage-wrap.recruit .recruit-guide .guide-cont {
  font-size: 1.125rem;
  line-height: 1.5;
}
.mypage-wrap.recruit .recruit-guide .guide-box,
.mypage-wrap.recruit .recruit-guide .guide-type {
  background: #f5f5f5;
  border-radius: 6px;
  border: solid 1px #e9e9e9;
  padding: 16px;
}
.mypage-wrap.recruit .recruit-guide .guide-type {
  padding: 0;
  margin-top: 28px;
}
.mypage-wrap.recruit .recruit-guide .guide-type dt {
  font-weight: bold;
  font-size: 1.625rem;
  padding-top: 32px;
  border-top: solid 1px #e9e9e9;
}
.mypage-wrap.recruit .recruit-guide .guide-type dt:first-child {
  border-top: none;
}
.mypage-wrap.recruit .recruit-guide .guide-type dd {
  line-height: 1.5;
  padding-bottom: 36px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty01 {
  background: url('../img/common/img_recruit01.png') center 20px / 130px 140px no-repeat;
  padding-top: 180px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty02 {
  background: url('../img/common/img_recruit02.png') center 28px / 159px 80px no-repeat;
  padding-top: 128px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty03 {
  background: url('../img/common/img_recruit03.png') center 24px / 106px 124px no-repeat;
  padding-top: 168px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty04 {
  background: url('../img/common/img_recruit04.png') center 24px / 98px 124px no-repeat;
  padding-top: 168px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty05 {
  background: url('../img/common/img_recruit05.png') center 24px / 150px 97px no-repeat;
  padding-top: 158px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty06 {
  background: url('../img/common/img_recruit06.png') center 24px / 119px 150px no-repeat;
  padding-top: 200px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult {
  padding: 24px 16px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .tt {
  font-size: 1.125rem;
  font-weight: bold;
  color: #222;
  text-align: left;
  padding: 24px 0 12px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .tt:first-child {
  padding-top: 0;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type {
  display: flex;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li {
  display: flex;
  flex: 1;
  flex-grow: 1;
  border-radius: 6px;
  border: solid 1px #cfcfcf;
  background-color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  padding-top: 18px;
  height: 114px;
  justify-content: center;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type.type li {
  height: 110px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li + li {
  margin-left: 14px;
}
.guide-box.consult li:nth-child(1) {
  background: url('../img/category/tarot.png') center bottom 26px / 38px 36px no-repeat;
}
.guide-box.consult li:nth-child(2) {
  background: url('../img/category/saju.png') center bottom 26px / 32px 32px no-repeat;
}
.guide-box.consult li:nth-child(3) {
  background: url('../img/category/fortune.png') center bottom 26px / 40px 41px no-repeat;
}
.guide-box.consult .type li:nth-child(1) {
  background: url('../img/common/ic_recruit_phone.png') center bottom 24px / 34px 34px no-repeat;
  height: 110px;
}
.guide-box.consult .type li:nth-child(2) {
  background: url('../img/common/ic_recruit_keyboard.png') center bottom 24px / 75px 32px no-repeat;
  height: 110px;
}
.guide-box.consult .type li.visit {
  background: url('../img/common/cate_visit.png') center bottom 24px / 34px 34px no-repeat;
  height: 110px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.ico-no li {
  text-align: left;
  background: url('../img/common/ic_recruit_no.png') left center / 16px 16px no-repeat;
  padding: 0 0 0 24px;
  margin-right: -2px;
  line-height: 1.8;
  letter-spacing: -0.04rem;
}
.mypage-wrap.recruit .recruit-guide .guide-box p {
  margin-top: 36px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit {
  padding: 24px 16px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li {
  display: flex;
  align-items: center;
  margin-top: 28px;
  padding-left: 76px;
  background: url(../img/common/ic_recruit01.png) left center / 60px 60px no-repeat;
  min-height: 60px;
  font-size: 1rem;
  line-height: 1.44;
  text-align: left;
  color: #333;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(2) {
  background-image: url(../img/common/ic_recruit02.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(3) {
  background-image: url(../img/common/ic_recruit03.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(4) {
  background-image: url(../img/common/ic_recruit04.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(1) {
  background-image: url(../img/common/ic_recruit21.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(2) {
  background-image: url(../img/common/ic_recruit01.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(3) {
  background-image: url(../img/common/ic_recruit02.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(4) {
  background-image: url(../img/common/ic_recruit24.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(5) {
  background-image: url(../img/common/ic_recruit25.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(6) {
  background-image: url(../img/common/ic_recruit26.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:first-child {
  margin-top: 0;
}
.mypage-wrap.recruit .recruit-guide .guide-cont + .guide-box {
  margin-top: 24px;
}
.mypage-wrap.recruit .recruit-guide .contact-info {
  font-size: 0.937rem;
  color: #333;
  padding: 24px 0;
}
.mypage-wrap.recruit .promotion-criteria {
  margin: 20px 0 32px;
  text-align: left;
}
.mypage-wrap.recruit .promotion-criteria .tt {
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #da4841;
}
.mypage-wrap.recruit .promotion-criteria .step {
  line-height: 1.56rem;
  font-weight: bold;
}
.mypage-wrap.recruit .promotion-criteria .step + .step {
  margin-top: 18px;
}
.mypage-wrap.recruit .promotion-criteria .step p {
  font-weight: normal;
}

.mypage-wrap.recruit .guide-box.item {
  padding: 24px 16px;
}
.mypage-wrap.recruit .guide-box.item .item-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-left: 96px;
  min-height: 80px;
  background: url(../img/common/ic_recruit_naming.png) left center / 80px 80px no-repeat;
  font-weight: bold;
}
.mypage-wrap.recruit .guide-box.item .item-list + .tt {
  margin-top: 8px;
}
.mypage-wrap.recruit .guide-box.item .item-list p {
  margin: 10px 0 0 0;
  font-weight: normal;
  text-align: left;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.mypage-wrap.recruit .guide-box.item .item-list.work {
  background-image: url(../img/common/ic_recruit_files.png);
}
.mypage-wrap.recruit .guide-box.item .info {
  margin: 10px 0 8px;
  font-size: 0.9375rem;
  text-align: left;
}

.mypage-wrap.recruit .guide-box.item li {
  position: relative;
  padding-left: 96px;
  min-height: 80px;
  margin-top: 28px;
  font-size: 1.0625rem;
  line-height: 1.47;
  text-align: left;
  background: url('../img/common/ic_recruit_income.png') left top / 80px 80px no-repeat;
}
.mypage-wrap.recruit .guide-box.item li:first-child {
  margin-top: 0 !important;
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(1) {
  background-image: url('../img/common/ic_recruit_income.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(2) {
  background-image: url('../img/common/ic_recruit_selling.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(3) {
  background-image: url('../img/common/ic_recruit_safe.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(4) {
  background-image: url('../img/common/ic_recruit_manage.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num {
  padding: 34px 16px 32px 26px;
  margin-bottom: 32px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li {
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-top: 30px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li .tt {
  margin: 0;
  padding: 0 0 7px;
  font-size: 1.0625rem;
  font-weight: bold;
}
.mypage-wrap.recruit .guide-box.item.reg-num li span {
  position: absolute;
  background: url('../img/common/ic_recruit_number01.png') left top / 30px 30px no-repeat;
  image-rendering: -webkit-optimize-contrast;
  color: transparent;
  width: 30px;
  height: 30px;
  top: -10px;
  left: -10px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(2) span {
  background-image: url('../img/common/ic_recruit_number02.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(3) span {
  background-image: url('../img/common/ic_recruit_number03.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(4) span {
  background-image: url('../img/common/ic_recruit_number04.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(5) span {
  background-image: url('../img/common/ic_recruit_number05.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(1) {
  background-image: url('../img/common/ic_recruit_sign.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(2) {
  background-image: url('../img/common/ic_recruit_registe.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(3) {
  background-image: url('../img/common/ic_recruit_conv.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(4) {
  background-image: url('../img/common/ic_recruit_itemreg.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(5) {
  background-image: url('../img/common/ic_recruit_sellitem.png');
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 FAQ /////////////////////////////////////////// */
.mypage-wrap.cs-faq .inner-body,
.mypage-wrap.cs-post .inner-body {
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.mypage-wrap.cs-faq .inner-top .cut-line {
  margin-top: 10px;
}
.list-board-ul li:first-child {
  border-bottom: 1px solid #c1c1c1;
}
.list-board-ul li:first-child span {
  text-align: center;
}
.list-board-ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.2;
  min-height: 45px;
  padding: 11px 0 13px;
  font-size: 0.937rem;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  letter-spacing: -0.03rem;
}
.list-board-ul li:last-child {
  border-bottom: none;
}
.list-board-ul li .num {
  font-weight: bold;
  color: #666;
}
.list-board-ul li .num,
.list-board-ul li .type {
  width: 14%;
  padding: 0 4px;
}
.list-board-ul li .content {
  width: 72%;
  padding: 0 12px;
  text-align: left;
}
/* 상담사 포스팅관리 영역 추가 / 혹시 다른쪽에서도 똑같은 내용이면 앞에 cs-post 삭제*/
.cs-post .list-board-ul li .num {
  max-width: 10.36%;
  width: 100%;
  /* margin-right: 10px; */
}
.cs-post .list-board-ul li > a {
  display: inline-block;
  text-align: left;
  width: 100%;
}
.cs-post .list-board-ul li .type {
  max-width: 7.62%;
  width: 100%;
}
/* ////////////////////////////////////////// 상담사마이메뉴 프로필 FAQ /////////////////////////////////////////// */
.mypage-wrap.cs-faq.profile {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.cs-faq.profile .input-wp {
  padding-top: 30px;
}
.mypage-wrap.cs-faq.profile .input-wp textarea {
  height: 157px;
}
.input-wp .txt-counter {
  padding-top: 12px;
  font-size: 0.875rem;
  text-align: right;
  color: #999;
}
.input-wp .txt-counter em {
  font-weight: bold;
  color: #222;
}
.box-select {
  margin-top: 12px;
  width: 100%;
  height: 50px;
  line-height: 49px;
  font-weight: bold;
  color: #da4841;
  border-radius: 4px;
  border: 1px solid #ddd !important;
  padding: 0 16px;
  background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.box-select::-ms-expand {
  display: none;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 채팅상담 /////////////////////////////////////////// */
.mypage-wrap.cs-chat-consult .list-item .list-body {
  flex-direction: inherit;
  align-items: flex-end;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-left {
  width: 100%;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-content {
  justify-content: flex-start;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-content .data {
  margin-left: 12px;
  line-height: 14px;
}
.mypage-wrap.cs-chat-consult .list-item .text-sort {
  -webkit-line-clamp: 1;
}
.mark-ing {
  margin-left: 20px;
  padding: 0 9px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 40px;
  background: #da4841;
  border-radius: 4px;
  color: #fff;
  white-space: nowrap;

  /* 기획서상변경 */
  line-height: 30px;
  height: 30px;
  /* margin-top: 10px; */
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
.mark-ing-div {
  display: flex;
  height: 54px;
  position: relative;
  align-items: end;
}
.mark-ing-div .data {
  right: 0;
  top: 0;
  text-align: right;
  position: absolute;
  width: 115px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 금월상담현황 /////////////////////////////////////////// */
.mypage-wrap.status .inner-body {
  padding-top: 0;
}
.mypage-wrap.status .tab-wrap .inner-top {
  border-top: 0;
  padding: 24px 0;
}
.mypage-wrap.status.tel-detail .tab-wrap .inner-top,
.mypage-wrap.status.block-detail .tab-wrap {
  border-top: 1px solid #e5e4e9;
}
.mypage-wrap.status .status-detail {
  padding: 24px 16px 0;
}
.mypage-wrap.status .status-detail + .status-detail {
  padding-top: 28px;
  position: relative;
}
.mypage-wrap.status .status-detail + .status-detail::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #f5f5f5;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  content: '';
}
.mypage-wrap.status .item-info .txt-s {
  font-size: 0.875rem;
  margin-top: 6px;
}
.mypage-wrap.status .month-tt {
  display: flex;
  position: relative;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}
.mypage-wrap.status .cost-bx {
  display: flex;
  border-top: #e9e9e9 1px solid;
  margin-top: 1rem;
  padding: 1rem 1rem 0;
  justify-content: space-between;
  font-weight: bold;
  align-items: center;
}
.mypage-wrap.status .month-tt .point {
  padding-left: 15px;
  line-height: 1.4;
}
.mypage-wrap.status .month-tt .point::before {
  left: 3px;
}
.mypage-wrap.status .month-tt .btn-more {
  font-size: 0.875rem;
  font-weight: normal;
}
.grid-b.txtr > div:nth-child(2n) {
  text-align: right;
}
.grid-b.txtr + .grid-b.txtr {
  margin-top: -16px;
}
.grid-b .g-bg.org {
  background: #fcf9ee;
}
.grid-b.half {
  grid-template-columns: 1fr 1fr;
}
.mypage-wrap.status .time-ul {
  margin-top: 3px;
}
.mypage-wrap.status .time-ul li {
  min-height: 86px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.mypage-wrap.status .time-ul .month {
  font-weight: bold;
  margin-bottom: 14px;
}
.info-indent {
  text-indent: -23px;
  margin-left: 23px;
  line-height: 1.4;
  color: #da4841;
}
dl.info-indent-dl {
  border-top: 1px solid #e9e9e9;
  margin-top: 22px;
  padding-top: 26px;
}
.info-indent-dl dt {
  margin-bottom: 10px;
  font-weight: bold;
}
.info-indent-dl dd,
.info-indent-dl li {
  text-indent: -25px;
  margin-left: 25px;
  line-height: 1.75;
  letter-spacing: -0.03rem;
}
.info-indent-dl dd em,
.info-indent-dl li em,
.info-indent em {
  min-width: 16px;
  padding-right: 5px;
}
.grid-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 16px;
  border-bottom: 1px solid #e9e9e9;
}
.grid-list .gr-head {
  color: #666;
  background-color: #f5f5f5;
}
.grid-list > div:nth-child(3n) {
  border-right: 1px solid #e9e9e9;
}
.grid-list > div {
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  min-height: 45px;
  padding: 11px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*//////////////// 판매현황 /////////////////////*/
.main-tab.status {
  height: 106px;
}
.main-tab.status ul li {
  position: relative;
}
.main-tab.status ul li a {
  display: flex;
  line-height: 1;
  flex-direction: column;
  justify-content: center;
}
.main-tab.status ul li::before {
  position: absolute;
  width: 1px;
  height: 66px;
  background: #ddd;
  top: 20px;
  left: 0;
  content: '';
}
.main-tab.status ul li:first-child::before {
  display: none;
}
.main-tab.status ul li .num {
  font-size: 1.75rem;
  margin-top: 10px;
}
.inner-top.column.h-auto .point {
  position: relative;
  text-align: left;
  width: 100%;
}
.mypage-wrap.item.status .list-item-ul li:first-child {
  border-top: 0;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 //////////////////////// */
.body-top {
  padding: 24px 16px 10px;
}
.mypage-wrap.item.status .list-item-ul .list-content .status {
  font-size: 0.875rem;
}
.mypage-wrap.item .list-item-ul .list-content .text-sort.txt-s {
  font-size: 0.875rem;
}
.mypage-wrap.item.status .list-item-ul li .cut-line {
  display: flex;
  font-size: 0.875rem;
  padding: 10px 0 9px;
}
.mypage-wrap.item.status .list-item-ul .list-content .coin {
  margin-bottom: 2px;
  margin-top: 10px;
}
.i-add-r {
  background: url(../img/common/add_w.png) no-repeat right 60%;
  background-size: 12px 12px;
  padding-right: 20px;
}
.i-plus-o {
  background: url(../img/common/ic_plus_o.png) no-repeat;
  background-size: 16px 16px;
  padding-left: 26px;
  margin-left: 10px;
}
.mypage-wrap.item-add .inner-top.column {
  text-align: center;
}
.mypage-wrap.item-add .inner-body {
  padding-top: 24px;
}
.mypage-wrap.item-add .radio-list {
  display: flex;
  margin-top: 16px;
}
.mypage-wrap.item-add .radio-list label {
  text-align: center;
  margin: 0 0 0 32px;
  font-weight: normal;
}
.mypage-wrap.item-add .radio-list label:first-child {
  margin-left: 0;
}
.mypage-wrap.item-add .label-text {
  display: block;
  text-indent: 0;
  line-height: 1;
  margin-top: 14px;
}
.guide-btn {
  background: url(../img/common/ic_what_o.png) no-repeat;
  width: 18px;
  height: 18px;
  background-size: 100%;
  color: transparent;
  font-size: 0;
}
.mypage-wrap.item-add .d-flex-be {
  align-items: flex-end;
}
.mypage-wrap.item-add .img-note {
  margin-top: 16px;
  font-size: 0.875rem;
  text-align: center;
}
.mypage-wrap.item-add .stt .txt-s.txt-red {
  font-size: 0.8125rem;
}
.mypage-wrap.item-add .checkbox-div label {
  /* color:#999; */
  color: #666;
  font-weight: normal;
  margin-top: 14px;
}

.mypage-wrap.item-add .box-select {
  min-height: 50px;
  height: auto;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.mypage-wrap.item-add .faq-select-wrap {
  margin: 16px 0 20px;
  position: relative;
}
.mypage-wrap.item-add .d-flex-be + .btn.white.txtl {
  margin-top: 16px;
}
.mypage-wrap.item-add textarea.faq-textarea {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  border-top: none;
  height: 104px;
}
.mypage-wrap.item-add .faq-select {
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #222;
  min-height: 49px;
  padding: 12px 48px 12px 42px;
  margin-top: 16px;
  background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
}
.mypage-wrap.item-add .disabled {
  pointer-events: none;
}
.mypage-wrap.item-add .disabled .faq-select {
  color: #ccc;
  background-image: url(../img/common/ic_minu_o.png), url(../img/common/arrowBottom.png);
}
.mypage-wrap.item-add .faq-select-ul {
  display: none;
  list-style-type: none;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1rem;
  line-height: 1.5;
  color: #222;
  border: 1px solid #ddd;
  position: absolute;
  background: #ffffff;
  border-top: none;
  width: 368px;
  padding: 10px 0;
  z-index: 10;
}
.mypage-wrap.item-add .faq-select-ul li {
  padding: 5px 14px;
}
.mypage-wrap.item-add .faq-select p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mypage-wrap.item-add .del-btn {
  position: absolute;
  top: 17px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: url(../img/common/ic_minu_red_o.png) no-repeat;
  background-size: 16px;
  font-size: 0;
  color: transparent;
  border: 0;
  cursor: pointer;
}
.input-wp input:disabled,
.input-wp textarea:disabled,
.input-wp input:disabled ~ p {
  color: #ccc;
  background: #fff;
}
.mypage-wrap.item-add .btn-mg {
  margin: 22px 0 -6px;
}
.input-wp .img-preview {
  margin: 17px 0 0;
}
.mypage-wrap.item-add .input-wp .img-preview {
  margin-bottom: -13px;
}
.input-wp .img-preview img {
  border-radius: 8px;
  margin-bottom: 20px;
}
button:disabled,
a.disabled {
  color: #ccc !important;
}
.mypage-wrap.item-add .btn:disabled .i-photo {
  background-image: url('../img/common/review_photo_gray.png');
}

/* ////////////////////////////////////////// 상담사마이메뉴 공지사항 //////////////////////// */
.mypage-wrap.cs-notice {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.cs-notice .inner-body {
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
.mypage-wrap.cs-notice .input-wp textarea {
  height: 208px;
  margin-bottom: 24px;
}
.mypage-wrap.cs-notice .input-wp img {
  border-radius: 8px;
}
.mypage-wrap.cs-notice .btnbox {
  display: flex;
  margin-top: 20px;
}
.mypage-wrap.cs-notice .btnbox .btn {
  margin-left: 8px;
}
.mypage-wrap.cs-notice .btnbox .btn:first-child {
  margin-left: 0;
}
/* ////////////////////////////////////////// 상담사마이메뉴 후기관리 //////////////////////// */
.mypage-wrap.review .inner-top {
  border-top: 0;
  text-align: center;
}
.mypage-wrap.review .profile-review .list-item-inner {
  padding: 30px 30px 24px;
}
.mypage-wrap.review .profile-review .title {
  display: flex;
  justify-content: space-between;
}
.mypage-wrap.review .profile-review .counsel-style {
  height: auto;
  line-height: 1;
  border-bottom: 0;
  font-weight: normal;
}
.mypage-wrap.review .profile-review .profile-review .call-info {
  padding: 18px 0;
}
.mypage-wrap.review .profile-review .time {
  color: #222;
}
.mypage-wrap.review .profile-review li > .btn.white {
  margin-top: 24px;
  max-width: 324px;
}
.mypage-wrap.review .profile-review .answer-write textarea {
  width: 100%;
  height: 208px;
  font-size: 1rem;
  line-height: 1.68;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 14px;
  margin-top: 24px;
  resize: none;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
}
.mypage-wrap.review .profile-review .answer-write .btn-set {
  margin-top: 12px;
}
.mypage-wrap.review .profile-review .comment-answer .reply {
  font-weight: bold;
  padding-left: 24px;
  background: url(../img/common/reply2png.png) center left / 16px 12px no-repeat;
}
.mypage-wrap.review .info-section {
  border-top: 1px solid #e5e4e9;
  border-bottom: 0;
}
.mypage-wrap.review.qna .inner-top.column {
  height: 80px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 포스팅관리 //////////////////////// */
.mypage-wrap.cs-post .post-detail-wrap {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.cs-post .post-detail-wrap .post_bg {
  min-height: calc(100vh - 244px);
  padding: 0 134px;
  padding-bottom: 80px;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list .post-content {
  font-size: 1rem;
}
.mypage-wrap.cs-post .post-detail-wrap .btn.h40 {
  margin-top: 0;
}
.mypage-wrap.cs-post.register .inner-body {
  padding-top: 24px;
}
.mypage-wrap.cs-post.register .inner-body .check-box {
  margin: 10px 0 18px;
}
.mypage-wrap.cs-post.register .inner-body .radio-box {
  font-weight: normal;
  margin-top: 0;
  margin-right: 24px;
}
.mypage-wrap.cs-post .inner-body .number-set p {
  font-size: 1rem;
  color: #222;
  padding-left: 12px;
}
.mypage-wrap.cs-post .inner-body .number-set p:first-child {
  margin-bottom: 0;
}
.mypage-wrap.cs-post .inner-body .number-set .point::before {
  padding-left: 2px;
}

/* ////////////////////////////////////////// 회원정보///////////////////////////////////////////////////////////////////// */
.memberinfo-wrap {
  border-top: 1px solid #e9e9e9;
}
.memberinfo-wrap .inner-top {
  border-top: none;
  height: 80px;
}
.memberinfo-wrap .inner-body,
.memberinfo-wrap .inner-detail {
  padding-top: 24px;
}
.memberinfo-wrap .btn-wp {
  margin-top: 20px;
}
.memberinfo-wrap .btn-wp .info {
  font-size: 0.8125rem;
  color: #666;
  margin: 12px 0 40px;
  letter-spacing: -0.025rem;
}
.mes-in {
  position: relative;
}
.memberinfo-wrap .txt-notice {
  font-size: 0.875rem;
  color: #da4841;
  margin-top: 10px;
}
.memberinfo-wrap .mes-in .txt-notice {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0%, -50%);
  margin: 0;
}
.memberinfo-wrap .btn-point-w {
  margin: 0 -16px;
  border-top: 1px solid #e9e9e9;
}
.memberinfo-wrap .btn-point {
  line-height: 56px;
  height: 58px;
}
.memberinfo-wrap .m50t {
  margin-top: 50px;
}

/* //////////////알림설정 //*/
.mypage-wrap.alarm.setup .list-item .list-body {
  flex-direction: row;
  justify-content: space-between;
}
.list-item .list-body .list-setup .text-sort {
  color: #666;
  letter-spacing: -0.03rem;
}
.switch-btn.size-mb {
  min-width: 64px;
}

/* //////////////회원탈퇴 //*/
.mypage-wrap.withdrawal .inner-body {
  padding-top: 24px;
}
.mypage-wrap.withdrawal .info-indent-dl {
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.withdrawal .info-indent {
  position: relative;
  color: #222;
  padding: 20px 0;
  line-height: 1.6;
}
.mypage-wrap.withdrawal .txt-info-b {
  border-top: 1px solid #e9e9e9;
  padding: 24px 0 45px;
  font-weight: bold;
  line-height: 1.625;
}
.mypage-wrap.withdrawal .info-list {
  padding: 14px 14px 40px;
  border-radius: 4px;
  background-color: #f5f5f5;
  margin-bottom: 12px;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl {
  font-size: 0.875rem;
  border: 0;
  padding: 0;
  margin-top: 0;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl dt {
  font-weight: normal;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl dd {
  text-indent: -20px;
  margin-left: 20px;
}
.mypage-wrap.withdrawal .checkbox {
  color: #666;
  letter-spacing: -0.03rem;
}
.mypage-wrap.withdrawal .input-wp {
  margin: 40px 0 50px;
}
/*////// 회원정보 포스팅/////*/
.info-section .post-info {
  margin: 30px 0;
  max-width: 400px;
  font-size: 1rem;
  width: 100%;
}
.post-info .search-header {
  margin-top: 16px;
  padding: 13px 16px;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
}
.post-info .search-header .search-input {
  font-size: 1rem;
}
.post-info .search-header .search-inputbox .inputbox {
  margin-right: 14px;
}
.post-info .search-header .btn-keyword-delete span,
.post-info .search-header .btn_search span {
  width: 22px;
  height: 22px;
  background-size: 100%;
  image-rendering: -webkit-optimize-contrast;
}
/* .memberinfo-wrap .comment-write textarea {
	background:#fff;
	border: solid 1px #ddd;
} */
.memberinfo-wrap .post-counselor {
  display: flex;
  padding: 17px 30px 16px;
  border-top: 1px solid #e9e9e9;
  align-items: center;
  background: url(../img/common/arrowRight.png) right 30px center / 7px 12px no-repeat;
}
.memberinfo-wrap .post-counselor .cut-line {
  display: flex;
}
.memberinfo-wrap .counselor-info-con .txt {
  color: #222;
  margin-bottom: 0;
  -webkit-line-clamp: 1;
}
/*//유튜브 인스타그램 //*/
.sns-wrap .info-section {
  height: 100px;
}
.info-section .logoimg {
  display: flex;
  align-items: center;
}
.info-section .hongtv img {
  width: 128px;
  margin-right: 10px;
}
.info-section .hongsta img {
  width: 122px;
  margin-right: 10px;
}
.sns-wrap .hongtv-list {
  margin: 0 30px;
  padding: 12px 0 30px;
}
.sns-wrap .hongtv-list li {
  display: flex;
  border-top: 1px solid #e9e9e9;
  padding: 12px 0;
  align-items: center;
  width: 100%;
  line-height: 1.57;
  letter-spacing: 0.025rem;
}
.sns-wrap .hongtv-list li:last-child {
  padding-bottom: 0;
}
.sns-wrap .hongtv-list li a {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.57;
}
.sns-wrap .hongtv-list li:first-child {
  border-top: 0;
}
.sns-wrap .hongtv-list li .list-img-hongtv {
  width: 172px;
  min-width: 172px;
  height: 96px;
  margin-right: 20px;
}
.sns-wrap .hongtv-list li .list-txt {
  display: flex;
  font-size: 0.875rem;
  color: #333;
  width: 100%;
  align-items: center;
}
.sns-wrap .hongtv-list li .list-txt p {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sns-wrap .hongtv-list li .date {
  font-size: 0.875rem;
  color: #999;
  margin-left: 30px;
}
.sns-wrap .hongsta-listwp {
  padding: 24px 30px 40px;
}
.sns-wrap .hongsta-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.sns-wrap .btn.h40 {
  margin-top: 40px;
}
.input-wp .ff-red {
  color: #da4841 !important;
  font-size: 0.875rem;
  margin-top: 10px;
}
@media (max-width: 719px) {
  .input-wp .ff-red {
    margin-top: 8px;
  }
  .info-section .chat-qna-info .txt {
    color: #222;
  }
  .event-wrap .list-item-inner.event-end .event-end {
    background: url(../img/banner/event_ye.png) rgba(0, 0, 0, 0.6) no-repeat;
    background-size: 85%;
    background-position: center center;
    z-index: 5;
  }
  /*popup*/
  .popup-bg .popup-center.modify_phone {
    padding: 20px 16px 30px;
    text-align: left;
  }
  .popup-center.modify_phone .form-select {
    background: url(../img/common/select_ph_bl.png) no-repeat left center / 18px 18px,
      url(../img/common/arrowBottom.png) no-repeat right center / 9px 5px;
    margin: 10px 0 8px;
  }
  .popup-center.modify_phone .number-rock {
    margin-top: 10px;
  }
  .popup-center.modify_phone .number-rock .number-rock-btn {
    width: 90px;
  }
  .popup-center.modify_phone .number-rock .i-lock_s {
    background-size: 12px 14px;
  }

  /* ////////////////////////////////////////// 이벤트///////////////////////////////////////////////////////////////////// */
  /* 이벤트 모바일에서 타이틀 감추기, 상단영역 높이조정 */
  .event-wrap {
    padding-top: 50px;
  }
  .event-wrap.pdt-none {
    padding-top: 0;
  }
  .event-wrap.border-t.pdt-none {
    border-top: none;
  }
  .event-wrap-inner .payback-detail {
    margin: 16px;
  }
  .checkbox-div.list-controller {
    padding: 12px 0 13px;
    margin: 0 16px;
  }
  .list-item-inner.event-end .event-end span {
    font-size: 1.285rem;
  }
  .event-wrap-inner .event-end-message,
  .end-message {
    padding: 80px 0;
    line-height: 1.57;
  }
  .event-end-message img,
  .end-message img {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }
  .event-wrap-inner .event-list {
    margin: 20px 16px 0;
    width: auto;
  }
  .event-wrap-inner .event-list li {
    height: auto;
  }
  .event-detail {
    margin: 0;
    border-radius: 0;
  }

  /* 텝밑 결과 및 설명 회색box */
  .info-section {
    font-size: 1rem;
    height: 60px;
  }
  .info-section .count {
    font-size: 1rem;
  }

  .info-section .infotxt {
    font-size: 1rem;
    line-height: 1.5;
  }

  /* ////////////////////////////////////////// 검색///////////////////////////////////////////////////////////////////// */

  .search-wrap {
    padding-top: 0;
    /* 추가 qa */
    padding-bottom: 54px;
  }
  .search-wrap .search-header {
    padding: 13px 16px;
  }
  .search-wrap .search-header .search-inputbox .inputbox {
    margin-right: 14px;
  }
  .search-wrap .search-header .search-input {
    font-size: 1.143rem;
  }
  .search-wrap .search-header .btn_search span {
    width: 20px;
    height: 20px;
    background-size: 18px 18px;
  }
  .search-wrap .search-keyword {
    padding: 0 16px;
  }
  .search-wrap .search-keyword .keyword-list li {
    padding: 13px 0 13px 21px;
    font-size: 1rem;
    line-height: 1.43rem;
    background-size: 15px 13px;
  }
  .search-wrap .btn-keyword-delete span {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
  .search-wrap .search-none {
    padding: 16px;
  }
  .search-wrap .search-none .notfound {
    margin-bottom: 24px;
    padding: 0 13px 20px;
    font-size: 1.143rem;
    line-height: 1.7;
  }
  .search-wrap .search-none .notfound em {
    margin-bottom: 5px;
    font-size: 1.57rem;
    line-height: 1.45;
  }
  .search-wrap .search-none .infotxt li {
    position: relative;
    padding-left: 9px;
    font-size: 1.125rem;
    line-height: 2;
    color: #999;
  }
  .search-wrap .search-none .infotxt li::after {
    position: absolute;
    /* top: 17px; */
    top: 12px;
    left: 1px;
    content: '';
    width: 2px;
    height: 2px;
    background: #999;
  }
  /* 포스팅 리스트 */
  /* .post-list {
    padding: 0 16px;
}
.post-list .post-list-inner {
    padding: 12px 0;
}
.post-list .post-content .title {
    line-height: 1.7;
    padding: 0 0 2px;
}
.post-list .post-content .best::before {
    content: 'BEST';
    color: #6335b4;
    font-size: 0.875rem;
    background: url('../img/common/best_post.png') left 4px/12px 12px no-repeat;
    font-weight: bold;
    padding: 0 8px 0 18px;
    line-height: 1.7;
}
.post-list .post-content span {
    padding-left: 14px;
}
.post-list .post-content .date {
    display: block;
    padding-left: 0;
}
.post-list .post-list-inner .photo {
    width: 60px;
    height: 60px;
} */
  /* 검색 모바일에서 타이틀보이기 */
  .pcweb-none {
    display: block;
  }
  /* 검색결과 등등의 main-tab 모바일에서 count부분 inline-block */
  .main-tab.row .count {
    display: inline-block;
  }
  /* ////////////////////////////////////////전화상담-후기//////////////////////////////////////////////////////////////////// */

  .tit-right-btn .i-arrow-r,
  .header-policy-btn {
    font-size: 0.875rem;
    color: #fff;
    background: url('../img/common/arrowRight_s_w.png') right center / 5px 9px no-repeat;
  }
  .writable-review .info-section {
    font-size: 1.142rem;
    line-height: 1.5;
    height: 84px;
  }
  .writable-review .info-section span {
    display: block;
    font-size: 0.928rem;
    line-height: 1.46;
    margin-top: 4px;
  }
  .writable-review .info-section span em {
    font-size: 0.928rem;
  }
  .writable-list {
    margin: 6px 16px;
  }
  .writable-list li .list-inner .list-img,
  .review-cs .list-img,
  .counselor-inner .list-img {
    padding: 10px 0;
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 14px;
  }
  .counselor-info-con .cs-number {
    margin-left: 2px;
    padding-left: 6px;
  }
  .counselor-info-con .cs-number::before {
    height: 11px;
    top: 2px;
  }
  .counselor-info-con .info {
    margin-top: 3px;
  }
  .writable-list .review-before.mymenu li .list-inner {
    background-image: none;
  }
  .counselor-info-con .info-con {
    margin-left: 8px;
  }
  .review-cs {
    padding-bottom: 16px;
  }
  .review-cs.c-style-n {
    padding-bottom: 10px;
  }
  .review-cs-in .counselor-info-con + .counselor-info-con {
    /* margin-top:10px; */
    margin-top: 6px;
  }
  .review-cs-in .counselor-info-con .star-set {
    margin: 0 3px 0 0;
  }
  .written-review .counsel-style .hash-tag {
    display: none;
  }
  .written-review .counsel-style > p::after {
    height: 10px;
  }
  .review-wrap .info-section {
    justify-content: flex-start;
    padding: 0 16px;
  }
  .info-section .counselor-inner {
    padding: 12px 16px;
  }
  .review-write-inner {
    width: auto;
    padding: 0;
    margin: 0 16px;
    border: 0;
  }
  .review-write-inner dl {
    padding: 24px 0;
  }
  .review-write-inner dt {
    padding-left: 22px;
    margin-bottom: 10px;
    line-height: 1.428;
    background: url('../img/common/num_01.png') left 3px / 16px 16px no-repeat;
  }
  .review-write-inner dd {
    margin-bottom: 30px;
  }
  .review-write-inner .sel {
    background: url('../img/common/arrowBottom.png') 95% center / 12px 7px no-repeat #fff;
    height: 46px;
    line-height: 46px;
  }
  .review-write-inner textarea {
    padding: 12px;
  }
  .i-photo {
    background: url('../img/common/review_photo.png') center left / 16px 14px no-repeat;
    padding-left: 24px;
  }
  .i-trash {
    background: url('../img/common/trash.png') center left / 17px 18px no-repeat;
    padding-left: 24px;
  }
  .file-img {
    margin-top: 20px;
  }
  .del-btn-cw {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 9px;
    right: 9px;
    background: url('../img/common/close_btn.png') center center / 12px 12px no-repeat #fff;
  }

  /*/// 별점 ////*/
  .star-ratingbox {
    height: 116px;
  }
  .star-ratingbox::before,
  .star-ratingbox::after {
    width: 21px;
    height: 42px;
  }
  .star-rating label {
    width: 15px;
    height: 30px;
    background: url('../img/common/star_w.png') top left / 30px 30px no-repeat;
  }
  .star-ratingbox .star-rating-txt {
    font-size: 1.428rem;
  }
  /*////*/

  .back-btn.mb-none {
    display: none;
  }
  .btn-close.mobile .i-close {
    display: block;
    margin-top: 18px;
    background: url(../img/chat/chat_close.png) no-repeat right center / 14px 14px;
    width: 14px;
    height: 14px;
  }
  .checkbox {
    height: 16px;
    line-height: 16px;
    background-size: 16px 16px;
    padding-left: 24px;
  }

  /*//// switch 사이즈 big 모바일 64x26 //////*/
  .switch-btn.size-b {
    width: 64px;
    margin-left: 12px;
  }
  .switch-btn.size-mb {
    width: 64px;
    min-width: 64px;
  }
  .switch-btn.size-b label,
  .switch-btn.size-mb label {
    width: 64px;
    height: 26px;
  }
  .switch-btn.size-b label span,
  .switch-btn.size-mb label span {
    width: 16px;
    height: 16px;
    left: 5px;
  }
  .switch-btn.size-b input[type='checkbox']:checked + label span,
  .switch-btn.size-mb input[type='checkbox']:checked + label span {
    transform: translate(37px, -8px);
  }
  .switch-btn.size-b label:before,
  .switch-btn.size-mb label:before {
    width: 35px;
    right: 6px;
    top: 50%;
    font-size: 0.857rem;
  }
  .switch-btn.size-b input:checked + label:before,
  .switch-btn.size-mb input:checked + label:before {
    left: 4px;
  }

  /* ////////////////////////////////////////// 작명_구매하기///////////////////////////////////////////////////////////////////// */
  .order-inner {
    width: auto;
    margin: 0 auto;
  }
  .order-inner.mymenu {
    min-height: auto;
  }
  .order-inner .list-item-inner,
  .inner-body .list-item-inner {
    padding: 20px 16px;
  }
  .naming-wrap .counselor-inner {
    width: 100%;
  }
  .list-img.rect-s {
    width: 94px !important;
    min-width: 94px !important;
    height: 60px !important;
  }
  .list-img.rect-m {
    width: 84px !important;
    min-width: 84px !important;
    height: 54px !important;
  }
  .order-inner .title {
    font-size: 1.07rem;
    font-weight: bold;
  }
  /* table */
  .tblist td {
    padding: 9px 12px;
  }
  .order-inner .checkbox-list {
    margin: 11px 0 11px 23px;
  }
  .order-inner .checkbox-list .checkbox-div {
    margin-bottom: 10px;
  }
  .quantitybox .quantity-btn {
    width: 26px;
    height: 26px;
  }
  .quantitybox .num {
    width: 50px;
    height: 26px;
  }
  .order-inner .payment {
    margin-top: 12px;
    padding-top: 7px;
    border-top: 1px solid #e9e9e9;
  }
  .order-inner .payment label {
    display: flex;
    align-items: center;
    margin-top: 3px;
  }
  .order-inner .total_bt {
    padding: 30px 16px;
    font-size: 1rem;
  }
  .order-inner .total_bt span {
    font-size: 0.857rem;
  }
  .order-inner .total_bt .price {
    font-size: 1.285rem;
  }
  .counselor-info-con .txt {
    margin: 4px 0;
    -webkit-line-clamp: 2;
    line-height: 1.33;
  }
  .counselor-info-con .data {
    font-size: 0.785rem;
  }
  .info-section .chat-qna-info {
    padding: 15px 20px;
  }
  .info-section .chat-qna-info .switch-btn {
    position: absolute;
    right: 20px;
    top: 30px;
  }

  /*  //////////////////// 채팅상담 연결 /////////////////////////////// */
  .chatloader-wrap {
    background: #6335b4;
    display: flex;
    align-items: center;
    margin-bottom: -50px;
  }
  .chatloader-in {
    width: 100%;
    padding-bottom: 107px;
  }
  .chatloader-wrap .loader-txt {
    padding: 0 0 50px;
  }
  .chatloader-wrap .loader-txt .counselor {
    font-size: 2.14rem;
  }
  .chatloader-wrap .loader-txt .text {
    font-size: 1.143rem;
    margin-top: 12px;
  }
  .spinnerbox-inner {
    width: 180px;
    height: 180px;
    border: 40px solid #5e2bad;
  }
  .spinnerbox-inner .number em {
    font-size: 1.57rem;
  }
  .spinner::before {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 2px;
  }
  .spinner::after {
    width: 10px;
    height: 10px;
    top: 4px;
    right: 2px;
  }
  .spinner {
    width: 100px;
    height: 100px;
    border: 10px solid #7f5bc8;
    border-top: 10px solid #ffdb4a;
  }
  /* //////////// 마이페이지-1:1문의/////////// */
  .mypage-wrap.item .list-consult-ul.qna li:first-child {
    padding-top: 0;
  }
  .mypage-wrap.item .list-consult-ul.qna .list-body {
    padding: 10px 0;
  }
  .mypage-wrap.item .list-consult-ul.qna .text-sort.cont {
    margin: 7px 0 10px;
  }
  .mypage-wrap.item .list-consult-ul.qna .list-content {
    margin-top: 11px;
  }
  .mypage-wrap.item .list-consult-ul.qna.answer .list-img.circle {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 14px;
  }
  .mypage-wrap.item .list-consult-ul.qna.answer .list-body {
    padding: 20px 0 16px;
  }
  .mypage-wrap.item .list-consult-ul.qna.answer .cut-line {
    font-size: 1rem;
  }
  .mypage-wrap.item .list-consult-ul.qna.answer .data {
    font-size: 0.857rem;
  }
  .list-consult-ul.qna.answer .comment-question {
    margin-top: 14px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .list-consult-ul.qna.answer .list-content {
    margin-top: 13px;
  }
  .list-consult-ul.qna.answer .comment-answer {
    padding: 14px 14px 16px;
    border-radius: 6px;
    margin: 16px 0 0 -14px;
  }
  .list-consult-ul.qna.answer .comment-answer .answer {
    font-size: 1rem;
  }
  .list-consult-ul.qna.answer .comment-answer .tit {
    font-size: 1rem;
  }
  .mypage-wrap.question .inner-top .btn.mint {
    margin: 20px 0 0;
  }
  .list-content .content-tt p {
    margin-left: 10px;
  }
  .inner-top .item-info .text-icon.notice {
    font-size: 1rem;
    padding-left: 28px;
    background: url('../img/common/noticel.png') left center/20px 20px no-repeat;
  }
  .mypage-wrap.notice-detail .inner-body {
    padding-top: 0;
    line-height: 1.5;
  }
  .mypage-wrap.notice-detail .notice-top {
    padding: 20px 16px;
  }
  .mypage-wrap.notice-detail .question-detail {
    padding: 16px 0;
  }
  .mypage-wrap.notice-detail .question-detail .top-cont {
    margin: 0 0 10px;
    align-items: center;
    justify-content: space-between;
  }
  .mypage-wrap.notice-detail .question-detail:first-child .top-cont {
    padding-top: 4px;
  }
  .mypage-wrap.notice-detail .question-detail .top-cont .reply {
    color: #6335b4;
    font-weight: bold;
    padding-left: 24px;
    background: url('../img/common/reply_p.png') left center/16px 12px no-repeat;
  }
  .i-list {
    background: url('../img/common/i_list.png') left center/12px 10px no-repeat;
    padding-left: 20px;
  }
  .mypage-wrap.notice-detail .btn-list {
    border-top: 1px solid #e9e9e9;
    padding: 16px 0;
    margin-top: 12px;
  }
  .mypage-wrap.notice-detail .question-detail img {
    margin-top: 20px;
    border-radius: 8px;
  }
  /* 1:1문의쓰기 */
  .btn-radio .label-txt {
    height: 40px;
    line-height: 38px;
  }
  .question .input-wp {
    margin-top: 12px;
  }
  .img-upload-wp {
    margin-top: 10px;
  }
  .img-upload-wp .imgbox {
    /* margin-left:16px; */
    margin-left: 6px;
  }
  .img-upload-wp label,
  .img-upload-wp .img_del {
    /* width:70px; height:26px; */
    width: 60px;
    height: 22px;
    font-size: 10px;
    line-height: 20px;
  }
  .img-upload-wp .preview {
    /* width: 70px; height: 64px; */
    width: 60px;
    height: 60px;
    background: url('../img/common/plus_gray.png') center center/16px 16px no-repeat;
  }
  .footer-btn_r.btn_left {
    margin-right: 8px;
  }

  /* //////////// 마이페이지-자주하는 질문/////////// */
  .mypage-wrap.faq .main-tab ul {
    /* padding:0 13px; */
  }
  .qna-list.myfaq {
    margin-top: -10px;
  }
  .qna-list.myfaq .i-qna {
    /* background: url(../img/common/qna.png) left 15px / 12px 12px no-repeat, url(../img/common/arrowBottom.png) right 20px / 9px 5px no-repeat; */
    background: url(../img/common/qna.png) left 16px / 12px 12px no-repeat,
      url(../img/common/arrowBottom.png) right 20px / 9px 5px no-repeat;
    min-height: 44px;
    padding: 10px 15px 10px 18px;

    display: flex;
    align-items: center;
    line-height: 22px;
  }
  .qna-list.myfaq .active .i-qna {
    background: url(../img/common/qna.png) left 16px / 12px 12px no-repeat,
      url(../img/common/arrowTop.png) right 20px / 9px 5px no-repeat;
  }
  .qna-list.myfaq .qna-answer {
    padding: 12px 13px 14px 18px;
  }
  .qna-list.myfaq .qna-answer p {
    line-height: 1.63;
  }

  /* ///////////////마이페이지-코인자동충전 ////////// */
  .mypage-wrap.auto .sub-tab {
    margin: 30px 0 24px;
  }
  .mypage-wrap.auto .btn-set {
    margin-top: 29px;
  }
  .mypage-wrap.auto .btn-set .btn {
    height: 40px;
    margin-left: 5px;
    line-height: 38px;
  }
  .mypage-wrap.register .fin-txt {
    margin-top: 39px;
    font-size: 1.142rem;
  }
  .register-top {
    height: 117px;
    margin: -16px -16px 19px;
  }
  .register-top .card {
    padding-top: 45px;
  }
  .register-top .card::after {
    display: block;
    width: 1px;
    height: 55px;
    background: #ccc;
    position: absolute;
    top: 15%;
    right: 0;
    content: '';
  }
  .register-top .password {
    padding-top: 45px;
  }
  .pay-reg {
    padding-bottom: 20px;
  }
  .pay-reg label {
    font-size: 0.857rem;
    margin: 30px 0 0;
  }
  .input-wp label,
  .input-wp .stt {
    margin: 30px 0 0;
  }
  .pay-reg .txt-input,
  .reg-select,
  .input-wp .txt-input {
    padding: 7px 0;
    font-size: 1.142rem;
    line-height: 1.45;
  }
  .input-wp textarea {
    height: 150px;
    padding: 12px;
    margin-top: 11px;
  }
  .reg-select {
    background: url(../img/common/arrowBottom.png) no-repeat center right / 9px 5px;
  }
  .m30l {
    margin-left: 30px;
  }
  .pin-password-input {
    width: 36px;
    height: 40px;
    padding: 5px 0 0 0;
    font-size: 2.3rem;
    line-height: 1.45;
    margin-right: 10px;
    -webkit-text-size-adjust: 100%;
  }
  .pay-reg.password {
    margin-top: -22px;
  }
  .pay-reg.password .pin-password {
    height: 136px;
    padding-top: 38px;
  }
  .pay-reg.password label {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
  }

  /* /////////////////// 코인충전 ////////////////////////////*/
  .inner-top.column.h-auto {
    padding: 21px 0 24px;
  }
  .inner-top.column.h-auto .item-info {
    padding: 0 16px;
    letter-spacing: -0.025rem;
  }
  .inner-top .item-info .textbox {
    font-size: 1.125rem;
    text-align: center;
  }
  .inner-top .item-info .text-icon {
    font-size: 1rem;
    padding-left: 28px;
    background: url('../img/common/coinc.png') left center/20px 20px no-repeat;
  }
  .inner-top .item-info .text-icon.auto-charge {
    font-size: 1.142rem;
    padding-left: 25px;
    background: url('../img/common/coin.png') left center/15px 20px no-repeat;
  }
  .inner-body .inner-text {
    text-align: center;
    line-height: 1.56;
    letter-spacing: -0.032rem;
  }
  .inner-body .item-gp {
    padding-bottom: 30px;
  }
  .calculator-btn {
    padding-left: 20px;
    background: url('../img/common/cal_gray.png') left center/13px 14px no-repeat;
  }
  .item-check.coupon dd {
    font-size: 0.857rem;
    padding: 11px 0 11px 16px;
  }
  .ico-naverpay {
    /* padding-left:42px;
    background: url('../img/common/logo_naverpay.png') left center/36px 14px no-repeat; */
  }
  .hongpay-card {
    padding: 34px 0 37px;
    min-height: 253px;
  }
  .hongpay-card .cardimg-box {
    width: 256px;
    height: 160px;
    font-size: 1.285rem;
    padding: 87px 0 0 24px;
  }
  .hongpay-card .cardimg-box .num {
    font-size: 1.14rem;
    padding-top: 13px;
  }
  .hongpay-card .cardimg-box::before {
    top: 11px;
    right: 24px;
    width: 107px;
    height: 20.2px;
    background: url('../img/common/logo_card.png') left center/107px 20.2px no-repeat;
  }
  .hongpay-card .cardimg-box::after {
    top: 61px;
    right: 24px;
    width: 23.6px;
    height: 18.3px;
    background: url('../img/common/cardchip.png') left center/23.6px 18.3px no-repeat;
  }
  .hongpay-card .cardimg-box .card-register {
    position: absolute;
    top: 79px;
    /* left:calc(50% - 29px); */
    display: block;
    font-size: 0;
    color: transparent;
    width: 54px;
    height: 54px;
    background: url('../img/common/cardplus.png') center center/54px 54px no-repeat;
  }
  .hongpay-card .info {
    margin-top: 12px;
  }
  .hongpay-card .btn-set {
    width: 252px;
    margin: 20px auto 0;
  }
  .hongpay-card .btn-set .btn {
    height: 32px;
    line-height: 30px;
  }
  .btn-point {
    line-height: 49px;
    height: 50px;
    /* padding:0 16px 0 31px; */
    padding: 0 16px 0 24px;
  }
  .register .guide-set {
    padding: 20px 16px;
  }
  .cont-title {
    padding-bottom: 12px;
  }

  .tt-btn {
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 24px;
    height: 24px;
  }
  .tt-btn .vip {
    padding-left: 14px;
    background: url('../img/common/vip_guide.png') left center/10px 10px no-repeat;
  }
  /* table */
  .tblist.td-sizeb td {
    font-size: 1.125rem;
  }
  /* ///////////파트너상담신청 /////////////*/
  .mypage-wrap.recruit .recruit-top .tit {
    font-size: 1.285rem;
    padding: 43px 0 3px;
    background: url('../img/common/partner.png') top center/36px 36px no-repeat;
  }
  .mypage-wrap.recruit .recruit-top .contact-info {
    margin-top: 14px;
    padding-top: 16px;
  }
  .mypage-wrap.recruit .input-wp {
    margin-top: 20px;
  }
  .input-wp .check-type {
    margin-top: 10px;
  }
  .input-wp .check-type label {
    margin: 0 16px 0 0;
  }
  .mypage-wrap.recruit .btn-wp {
    margin-top: 24px;
  }
  .mypage-wrap.recruit .btn-wp .info {
    margin-top: 10px;
  }

  .mypage-wrap.recruit .recruit-banner .recruit-banner-in {
    padding: 10px 16px 25px;
  }
  .mypage-wrap.recruit .recruit-infotxt {
    font-size: 1rem;
    margin-top: 12px;
  }
  .mypage-wrap.recruit .linebar {
    height: 60px;
  }
  .mypage-wrap.recruit .recruit-guide .h2 {
    font-size: 1.57rem;
    padding: 57px 0 33px;
    background: url('../img/common/mark_quot.png') center 40px / 12px 9px no-repeat;
  }
  .mypage-wrap.recruit .recruit-guide .h2.size-b {
    font-size: 1.715rem;
  }
  .mypage-wrap.recruit .recruit-guide .h2:after {
    width: 16px;
    bottom: 16px;
  }
  .mypage-wrap.recruit .recruit-guide .h2.no-img {
    background: url('../img/common/ic_recruit_no.png') center 40px / 36px 36px no-repeat;
    padding: 96px 0 20px;
  }
  .mypage-wrap.recruit .recruit-guide .h2.no-line {
    padding-bottom: 20px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-cont {
    line-height: 1.428;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type {
    margin-top: 30px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type dt {
    font-size: 1.714rem;
    padding-top: 30px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type dd {
    line-height: 1.4;
    padding-bottom: 34px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type .ty01 {
    background: url('../img/common/img_recruit01.png') center 14px / 114px 122px no-repeat;
    padding-top: 152px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type .ty02 {
    background: url('../img/common/img_recruit02.png') center 23px / 146px 74px no-repeat;
    padding-top: 115px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type .ty03 {
    background: url('../img/common/img_recruit03.png') center 25px / 97px 113px no-repeat;
    padding-top: 153px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-type .ty04 {
    background: url('../img/common/img_recruit04.png') center 13px / 85px 108px no-repeat;
    padding-top: 133px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box .consult-type li {
    height: 99px;
    font-size: 1rem;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box .consult-type li + li {
    margin-left: 10px;
  }
  .guide-box.consult li:nth-child(1) {
    background: url('../img/category/tarot.png') center bottom 19px / 34.3px 32.8px no-repeat;
  }
  .guide-box.consult li:nth-child(2) {
    background: url('../img/category/saju.png') center bottom 19px / 30.8px 30.8px no-repeat;
  }
  .guide-box.consult li:nth-child(3) {
    background: url('../img/category/fortune.png') center bottom 19px / 38.1px 39px no-repeat;
  }
  .guide-box.consult .type li:nth-child(1) {
    background: url('../img/common/ic_recruit_phone.png') center bottom 19.6px / 26.8px 26.8px no-repeat;
    height: 92px !important;
  }
  .guide-box.consult .type li:nth-child(2) {
    background: url('../img/common/ic_recruit_keyboard.png') center bottom 18px / 70px 30px no-repeat;
    height: 92px !important;
  }
  .guide-box.consult .type li.visit {
    background: url(../img/common/cate_visit.png) center bottom 14px / 34px 34px no-repeat;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box.ico-no li {
    background: url('../img/common/ic_recruit_no.png') left center / 14px 14px no-repeat;
    padding: 0 0 0 22px;
    line-height: 1.7;
    letter-spacing: -0.04rem;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit {
    padding: 24px 26px 24px 16px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li {
    margin-top: 24px;
    padding-left: 62px;
    background: url(../img/common/ic_recruit01.png) left center / 48px 48px no-repeat;
    min-height: 48px;
    font-size: 14px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-box p {
    margin-top: 30px;
  }
  .mypage-wrap.recruit .recruit-guide .guide-cont + .guide-box {
    margin-top: 20px;
  }
  .mypage-wrap.recruit .recruit-guide .contact-info {
    font-size: 1rem;
    padding: 20px 0;
  }
  .mypage-wrap.recruit .promotion-criteria {
    margin: 15px 0 30px;
  }
  .mypage-wrap.recruit .promotion-criteria .tt {
    font-size: 1.14rem;
  }
  .mypage-wrap.recruit .promotion-criteria .step + .step {
    margin-top: 16px;
  }

  .mypage-wrap.recruit .guide-box.item {
    padding: 20px 12px 30px 16px;
  }
  .mypage-wrap.recruit .guide-box.item .item-list {
    padding-left: 84px;
    min-height: 70px;
    background: url(../img/common/ic_recruit_naming.png) left center / 70px 70px no-repeat;
  }
  .mypage-wrap.recruit .guide-box.item .item-list + .tt {
    margin-top: 6px;
  }
  .mypage-wrap.recruit .guide-box.item .item-list p {
    margin: 6px 0 0 0;
    font-size: 1rem;
    line-height: 1.43;
    letter-spacing: -0.04rem;
  }
  .mypage-wrap.recruit .guide-box.item .info {
    margin: 8px 0 0;
  }

  .mypage-wrap.recruit .guide-box.item li {
    padding-left: 86px;
    min-height: 70px;
    margin-top: 24px;
    font-size: 1.14rem;
    line-height: 1.43;
    background: url('../img/common/ic_recruit_income.png') left top / 70px 70px no-repeat;
  }
  .mypage-wrap.recruit .guide-box.item.reg-num {
    padding: 28px 16px 30px 20px;
    margin-bottom: 30px;
  }
  .mypage-wrap.recruit .guide-box.item.reg-num li {
    font-size: 1rem;
    line-height: 1.42;
    letter-spacing: -0.04rem;
    margin-top: 24px;
  }
  .mypage-wrap.recruit .guide-box.item.reg-num li .tt {
    padding: 0 0 3px;
    font-size: 1.14rem;
  }
  .mypage-wrap.recruit .guide-box.item.reg-num li span {
    background: url('../img/common/ic_recruit_number01.png') left top / 26px 26px no-repeat;
    width: 26px;
    height: 26px;
    top: -8px;
    left: -8px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 상품관리 FAQ /////////////////////////////////////////// */
  .list-board-ul li {
    line-height: 1.5;
    font-size: 1rem;
  }
  .list-board-ul li .num {
    width: 14%;
    font-size: 0.875rem;
    padding: 0 3px;
  }
  .list-board-ul li:first-child span {
    font-size: 1rem !important;
    font-weight: normal;
    color: #666;
  }
  .list-board-ul li .type {
    width: 12%;
    padding: 0 3px;
  }
  .list-board-ul li .content {
    width: 74%;
    padding: 0 7px;
  }
  /* ////////////////////////////////////////// 상담사마이메뉴 프로필 FAQ /////////////////////////////////////////// */

  .mypage-wrap.cs-faq.profile .input-wp {
    padding-top: 24px;
  }
  .mypage-wrap.cs-faq.profile .input-wp textarea {
    height: 150px;
  }
  .input-wp .txt-counter {
    padding-top: 10px;
    font-size: 1rem;
  }
  .box-select {
    margin-top: 10px;
    height: 46px;
    line-height: 44px;
    background: url(../img/common/arrowBottom.png) no-repeat 95% center / 12px 7px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 상품관리 채팅상담 /////////////////////////////////////////// */
  .mypage-wrap.cs-chat-consult .list-item .list-body .list-content .data {
    margin-left: 10px;
  }
  .mark-ing {
    margin-left: 10px;
    line-height: 36px;
    color: #fff;

    height: 25px;
    line-height: 25px;
  }
  .mark-ing-div {
    height: 43px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 금월상담현황 /////////////////////////////////////////// */
  .mypage-wrap.status > .inner-top.column {
    height: 60px;
  }
  .mypage-wrap.status .inner-top.column.h-auto {
    padding: 21px 0 20px;
  }
  .mypage-wrap.status .status-detail {
    padding: 20px 16px 0;
  }
  .mypage-wrap.status .status-detail + .status-detail {
    padding-top: 26px;
  }
  .mypage-wrap.status .item-info .txt-s {
    margin-top: 4px;
  }
  .mypage-wrap.status .month-tt .point {
    padding-left: 12px;
  }
  .mypage-wrap.status .time-ul li {
    min-height: 74px;
  }
  .mypage-wrap.status .time-ul .month {
    margin-bottom: 12px;
  }
  .grid-list {
    margin-top: 12px;
  }
  .grid-list > div {
    min-height: 40px;
  }

  /*//////////////// 판매현황 /////////////////////*/
  .main-tab.status {
    height: 87px;
  }
  .main-tab.status ul li::before {
    height: 49px;
  }
  .main-tab.status ul li a {
    font-size: 0.875rem;
  }
  .main-tab.status ul li .num {
    font-size: 1.57rem;
    margin-top: 6px;
  }
  .inner-top.column.h-auto .point {
    padding-left: 10px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 상품관리 //////////////////////// */
  .body-top {
    padding: 20px 16px 8px;
  }
  .mypage-wrap.item.status .list-item-ul .list-content .status {
    font-size: 1rem;
  }
  .mypage-wrap.item .list-item-ul .list-content .text-sort.txt-s {
    font-size: 1rem;
  }
  .mypage-wrap.item.status .list-item-ul li .cut-line {
    font-size: 1rem;
    padding: 10px 0 9px;
    margin-top: 0;
  }
  .mypage-wrap.item.status .list-item-ul .list-content .coin {
    margin-bottom: 6px;
  }
  .i-add-r {
    background-size: 10px 10px;
    padding-right: 16px;
  }
  .i-plus-o {
    background-size: 14px 14px;
    padding-left: 22px;
    margin-left: 10px;
  }
  .mypage-wrap.item-add .inner-body {
    padding-top: 20px;
  }
  .mypage-wrap.item-add .input-wp label,
  .mypage-wrap.item-add .input-wp .stt {
    font-size: 0.875rem;
  }
  .mypage-wrap.item-add .radio-list {
    margin-top: 10px;
  }
  .mypage-wrap.item-add .radio-list label {
    margin: 0 0 0 30px;
  }
  .mypage-wrap.item-add .label-text {
    margin-top: 12px;
  }
  .guide-btn {
    width: 16px;
    height: 16px;
  }
  .mypage-wrap.item-add .img-note {
    margin: 8px 0 -9px;
    font-size: 0.857rem;
  }
  .mypage-wrap.item-add .checkbox-div label {
    margin-top: 12px;
  }

  .mypage-wrap.item-add .box-select {
    min-height: 46px;
  }
  .mypage-wrap.item-add .faq-select-wrap {
    margin: 9px 0 20px;
  }
  .mypage-wrap.item-add .d-flex-be + .btn.white.txtl {
    margin-top: 9px;
  }
  .mypage-wrap.item-add textarea.faq-textarea {
    height: 92px;
    padding: 9px 12px 6px 12px;
  }
  .mypage-wrap.item-add .faq-select {
    min-height: 49px;
    padding: 12px 48px 12px 38px;
    margin-top: 16px;
    background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
  }
  .mypage-wrap.item-add .faq-select-ul {
    width: 100%;
    padding: 8px 0;
  }
  .mypage-wrap.item-add .faq-select-ul li {
    padding: 10px 14px;
  }
  .mypage-wrap.item-add .del-btn {
    top: 17px;
    left: 16px;
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .mypage-wrap.item-add .element {
    pointer-events: none;
  }
  .mypage-wrap.item-add .btn-mg {
    margin: 13px 0 0;
  }
  .mypage-wrap.item-add .input-wp .img-preview {
    margin-bottom: 0;
  }
  .input-wp .img-preview {
    margin: 14px 0 0;
  }
  .input-wp .img-preview img {
    margin-bottom: 16px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 공지사항 //////////////////////// */
  .mypage-wrap.cs-notice .inner-body {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .mypage-wrap.cs-notice .input-wp .tts {
    font-size: 0.857rem;
  }
  .mypage-wrap.cs-notice .input-wp textarea {
    height: 200px;
    margin-bottom: 20px;
  }
  .mypage-wrap.cs-notice .input-wp textarea.write {
    height: 150px;
  }
  .mypage-wrap.cs-notice .btnbox {
    margin-top: 16px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 후기관리 //////////////////////// */

  .mypage-wrap.review .profile-review .list-item-inner {
    padding: 20px 16px;
  }
  .mypage-wrap.review .profile-review .profile-review .call-info {
    padding: 15px 0;
  }
  .mypage-wrap.review .profile-review li > .btn.white {
    margin-top: 20px;
    max-width: inherit;
  }
  .mypage-wrap.review .profile-review li .btn.white {
    height: 40px;
    line-height: 38px;
  }
  .mypage-wrap.review .profile-review .answer-write textarea {
    width: 100%;
    height: 150px;
    margin-top: 20px;
  }
  .mypage-wrap.review .profile-review .comment-answer .reply {
    padding-left: 17px;
    background-size: 12px 10px;
  }

  .mypage-wrap.review.qna .inner-top.column {
    height: 60px;
  }

  /* ////////////////////////////////////////// 상담사마이메뉴 포스팅관리 //////////////////////// */

  .mypage-wrap.cs-post .inner-top.column {
    padding: 24px 0 18px;
  }
  .mypage-wrap.cs-post .post-detail-wrap .post-list {
    height: auto;
    min-height: 84px;
    background: #f5f5f5;
    padding: 0 16px;
  }
  .mypage-wrap.cs-post .post-detail-wrap .post_bg {
    background: none;
    min-height: auto;
    padding: 0;
    padding-bottom: 50px;
  }
  .mypage-wrap.cs-post .post-detail-wrap .post-list .post-content {
    font-size: 1rem;
    height: auto;
    padding: 18px 0 16px;
  }
  .mypage-wrap.cs-post .post-detail-wrap .post-list .post-content .title {
    line-height: 1.5;
  }
  .mypage-wrap.cs-post .post-detail-wrap .post-list .list-info-num {
    margin-top: 8px;
  }
  .mypage-wrap.cs-post .post-detail-wrap .profile-notice_text {
    margin: 0;
    padding-bottom: 0;
  }
  .mypage-wrap.cs-post .post-detail-wrap .btn.h40 {
    margin-top: 40px;
  }
  .mypage-wrap.cs-post.register .inner-body {
    padding-top: 20px;
  }
  .mypage-wrap.cs-post.register .inner-body .check-box {
    /* margin: 8px 0 16px; */
    margin: 8px 0 20px;
  }
  .mypage-wrap.cs-post.register .inner-body .radio-box {
    margin-right: 16px;
  }
  .mypage-wrap.cs-post .inner-body .number-set {
    padding: 20px 0;
  }
  .mypage-wrap.cs-post .inner-body .number-set .point::before {
    /* padding-left: 6px; */
  }

  /* ////////////////////////////////////////// 회원정보///////////////////////////////////////////////////////////////////// */

  .memberinfo-wrap .inner-detail {
    padding-top: 20px;
  }
  .memberinfo-wrap .inner-top {
    height: 60px;
  }
  .memberinfo-wrap .inner-body {
    padding: 20px 16px 0;
  }
  .memberinfo-wrap .input-wp label {
    font-size: 0.875rem;
  }
  .memberinfo-wrap .btn-wp {
    margin-top: 16px;
  }
  .memberinfo-wrap .btn-wp .info {
    font-size: 0.857rem;
    margin: 10px 0 30px;
  }
  .memberinfo-wrap .btn-point {
    line-height: 48px;
    height: 50px;
  }

  /* //////////////알림설정 //*/
  .mypage-wrap.alarm.setup .list-item .list-body {
    flex-direction: row;
  }
  .mypage-wrap.alarm.setup .list-item:first-child .list-body {
    padding-top: 14px;
  }

  /* //////////////회원탈퇴 //*/
  .mypage-wrap.withdrawal .inner-body {
    padding-top: 20px;
  }
  .mypage-wrap.withdrawal .info-indent-dl {
    padding-bottom: 16px;
  }
  .mypage-wrap.withdrawal .info-indent {
    padding: 16px 0;
  }
  .mypage-wrap.withdrawal .txt-info-b {
    padding: 20px 0 16px;
  }
  .mypage-wrap.withdrawal .info-list {
    padding: 12px 12px 39px;
    margin-bottom: 10px;
  }
  .mypage-wrap.withdrawal .info-list .info-indent-dl dd {
    text-indent: -16px;
    margin-left: 16px;
  }
  .mypage-wrap.withdrawal .input-wp {
    margin: 30px 0 40px;
  }
  .mypage-wrap.withdrawal .input-wp label {
    font-size: 0.875rem;
  }
  /*////// 회원정보 포스팅/////*/
  .info-section .post-info {
    margin: 24px 16px 20px;
    max-width: none;
  }
  .post-info .search-header {
    margin-top: 14px;
    padding: 14px 16px 12px;
  }
  .post-info .search-header .search-inputbox .inputbox {
    margin-right: 12px;
  }
  .post-info .search-header .btn-keyword-delete span,
  .post-info .search-header .btn_search span {
    width: 18px;
    height: 18px;
    background-size: 100%;
  }
  .memberinfo-wrap .post-counselor {
    padding: 20px 21px 20px 16px;
    background: url(../img/common/arrowRight.png) right 16px center / 5px 9px no-repeat;
  }
  .memberinfo-wrap .post-counselor .cut-line {
    margin-top: 0;
    font-size: 1.0714rem;
  }
  .memberinfo-wrap .counselor-info-con .txt {
    margin-top: 10px;
  }
  .memberinfo-wrap .post-counselor .list-img {
    margin-right: 12px;
  }

  /*//유튜브 인스타그램 //*/
  .sns-wrap .info-section {
    height: 89px;
  }
  .info-section .logoimg {
    font-size: 1.145rem;
  }
  .info-section .hongtv img {
    width: 109px;
  }
  .info-section .hongsta img {
    width: 108px;
  }
  .sns-wrap .hongtv-list {
    margin: 0 16px;
    padding: 10px 0 30px;
  }
  .sns-wrap .hongtv-list li {
    padding: 10px 0;
    line-height: 1.4;
    letter-spacing: 0.025rem;
  }
  .sns-wrap .hongtv-list li a {
    line-height: 1.4;
  }
  .sns-wrap .hongtv-list li .list-img-hongtv {
    width: 158px;
    min-width: 158px;
    height: 88px;
    margin-right: 14px;
  }
  .sns-wrap .hongtv-list li .list-txt {
    font-size: 1rem;
    align-items: flex-start;
    flex-direction: column;
  }
  .sns-wrap .hongtv-list li .date {
    font-size: 0.875rem;
    margin-left: 0;
    margin-top: 4px;
  }
  .sns-wrap .hongsta-listwp {
    padding: 20px 16px 30px;
  }
  .sns-wrap .hongsta-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }
  .sns-wrap .btn.h40 {
    margin-top: 30px;
  }
}

/* 화면 높이 */
.event-wrap-inner .event-list {
  min-height: 322px;
}
@media (max-width: 719px) {
  .event-wrap-inner .event-list {
    min-height: 300px;
  }
}

/* ////////////////////////////////////////대면상담//////////////////////////////////////////////////////////////////// */
.header-customer-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #6335b4;
  font-size: 1rem;
  padding-left: 26px;
  font-weight: 600;
  background: url('../img/common/ic_service.png') 0 center / 16px 14px no-repeat;
}
.visit-wrap {
  border-top: 1px solid #e9e9e9;
}
.visit-wrap > .linebar {
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 8px;
  border-top: 0;
  height: 8px;
}
.visit-wrap > .linebar:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: #f5f5f5;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  content: '';
}
.visit-loc-wrap {
  width: 400px;
  padding: 20px 15px;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  padding-bottom: 80px;
}
.visit-loc-wrap .loc-inner {
  display: flex;
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
  font-size: 16px;
}
.visit-loc-wrap .loc-inner .depth1 {
  width: 120px;
  background-color: #f5f5f5;
}
.visit-loc-wrap .loc-inner .depth1 a {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  display: block;
}
.visit-loc-wrap .loc-inner .depth1 a span,
.visit-loc-wrap .loc-inner .depth2 a span {
  font-size: 12px;
  font-weight: 400 !important;
}
.visit-loc-wrap .loc-inner .depth1 .active a {
  background-color: #6335b4;
  color: #fff;
  font-weight: 600;
}
.visit-loc-wrap .loc-inner .depth2 {
  flex: 1;
}
.visit-loc-wrap .loc-inner .depth2 a {
  display: block;
  padding: 16px 12px;
}
.visit-loc-wrap .loc-inner .depth2 li + li {
  border-top: #e9e9e9 1px solid;
}
.visit-loc-wrap .loc-inner .depth2 a span {
  font-size: 12px;
}
.visit-loc-wrap .loc-inner .loc-lst .active a {
  color: #6335b4;
  font-weight: 600;
}
.visit-loc-wrap .loc-inner .depth2 a span i {
  font-style: normal;
  color: #da4841;
  font-weight: 600;
}
.visit-detail-wrap .review {
  display: none;
}
.visit-detail-wrap .profile-info-con .cs-coin {
  position: relative;
}
.visit-detail-wrap .profile-info-con .cs-coin .share-btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.visit-info-img_s {
  width: 276px;
  height: 176px;
  position: relative;
  background: url(../img/profile/bg_profile.png) no-repeat;
  background-size: cover;
  margin-right: 18px;
  border-radius: 6px;
  overflow: hidden;
}
.list-item .title {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.list-item .title .right {
  margin-left: auto;
}
.list-item .title .btAddr {
  background-color: #6335b4;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  line-height: 28px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.list-item .title .btAddr img {
  width: 10px;
  margin-right: 6px;
}
.list-item .loc-inner {
  margin-top: 16px;
  padding-top: 14px;
  line-height: 26px;
  font-size: 1rem;
  border-top: 1px solid #e9e9e9;
}
.list-item .loc-inner .loc-tx > li {
  display: flex;
}
.list-item .loc-inner .loc-tx > li + li {
  margin-top: 0.5rem;
}
.list-item .loc-inner .loc-tx > li img {
  width: 16px;
  margin-top: 6px;
  margin-right: 10px;
}
.list-item .loc-inner .map-bx {
  margin: 15px 0 0 0;
}
.list-item .loc-inner .map-bx .map {
  width: 100%;
  height: 460px;
}
.visit-detail-wrap .profile-notice_img {
  position: relative;
}
.visit-detail-wrap .profile-notice_img .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
  margin-top: 10px;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination .swiper-pagination-bullet {
  background-color: #c1c1c1;
  opacity: 1;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #6335b4;
}
.profile-item-list > li.fir .counsel-style {
  top: 88px;
}
.inner-top.brdTn {
  border-top: none;
}
.title-bx {
  display: flex;
  align-items: center;
}
.title-bx .remarks {
  margin-left: auto;
}
.remarks {
  font-size: 14px;
}
.remarks span {
  display: inline-block;
}
.remarks span + span {
  margin-left: 20px;
}
.remarks span i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #f1f1f1;
  border: #e1e1e1 1px solid;
  border-radius: 2px;
  vertical-align: -2px;
  margin-right: 5px;
}
.remarks span i.green {
  border-color: #90d634;
  background-color: #90d634;
}
.remarks span i.green2 {
  border-color: #d8e9c2;
  background-color: #e7ffc8;
}
.remarks span i.white {
  border-color: #e4e4e4;
  background-color: #fff;
}
.time-sel {
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 30px;
  border-top: #e9e9e9 1px solid;
}
.time-sel dt {
  font-weight: 600;
  color: #222;
}
.time-sel dd {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -3%;
}
.time-sel dd button {
  width: 22%;
  margin: 10px 0 0 3%;
  height: 40px;
  line-height: 40px;
  background-color: #90d634;
  color: #fff;
  border-radius: 4px;
  border: none;
  font-weight: 600;
  font-size: 16px;
}
.time-sel dd button:disabled {
  color: #666 !important;
  font-weight: 400;
  background-color: #f1f1f1;
}
.time-sel dd button.none:disabled {
  color: #ffffff !important;
  font-weight: 600;
  background-color: #da4841;
}
.time-sel dd button.active {
  background-color: #6335b4;
}
.time-sel dd button.dis {
  color: #666 !important;
  font-weight: 400;
  background-color: #f1f1f1;
}
.time-sel dd + dt {
  margin-top: 20px;
}
.datapicker-bx {
  margin-top: 25px;
  position: relative;
}
.datapicker-bx .ui-widget.ui-widget-content {
  width: 100%;
  border: none;
  padding: 0;
  border-radius: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header {
  background-color: #f8f8f8;
  border: none;
  border-top: #eee 1px solid;
  border-bottom: #eee 1px solid;
  border-radius: 0;
  padding: 1em 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev {
  left: 20%;
  cursor: pointer;
  background-color: transparent !important;
  border: none !important;
  top: 8px !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next {
  right: 20%;
  cursor: pointer;
  background-color: transparent !important;
  border: none !important;
  top: 8px !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next.ui-state-hover {
  background-color: transparent !important;
  border: none !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  transform: rotate(-135deg);
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  transform: rotate(45deg);
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-title {
  line-height: 1;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev span,
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next span {
  display: none;
}
.datapicker-bx .ui-widget.ui-widget-content th:first-child {
  color: #da4841;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-state-default {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 27px;
  text-align: center;
  border: none;
  background-color: transparent;
  padding: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-state-active {
  background-color: #6335b4;
  color: #fff;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane {
  border: none;
  padding: 0;
  margin: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-current {
  position: absolute;
  top: 11px;
  right: 10px;
  border: #ddd 1px solid;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-radius: 20px;
  width: auto;
  background-color: #fff;
  font-size: 14px;
  color: #222;
  font-weight: 600;
}
.visit-buy-notice {
  text-align: center;
  line-height: 1.4;
  color: #666;
  font-size: 14px;
}
.visit-buy-notice b {
  font-size: 16px;
  color: #222;
  display: block;
  margin-bottom: 0.6rem;
}

.mymenu-rev-tg .toggle-hd {
  position: relative;
}
.mymenu-rev-tg .toggle-hd .bt {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: none;
  right: 0;
  top: 0;
  padding: 0;
  cursor: pointer;
}
.mymenu-rev-tg .toggle-hd .bt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  display: block;
  transform: rotate(135deg);
  margin: -3px 0 0 -3px;
}
.mymenu-rev-tg .toggle-hd.active .bt::after {
  transform: rotate(-45deg);
}
.mymenu-rev-tg .toggle-hd .bt span {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.mymenu-rev-tg .toggle-bd {
  display: none;
}
.mymenu-rev-tg .toggle-bd .remarks {
  text-align: center;
  border-top: #e9e9e9 1px solid;
  padding-top: 15px;
  margin-top: 15px;
}

/* 채팅문의 */
.chat-bg {
  min-height: 100%;
  height: auto !important;
}
.admin .chat_bub .number-set {
  margin: 10px 0 20px;
  border-top: #dbd8e4 1px solid;
  padding-top: 10px;
}

/* 상담사 마이메뉴 */
.addr-form {
  padding: 16px 0 0;
}
.addr-form div + div {
  margin-top: 10px;
}
.addr-form .sel {
  background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
  display: inline-block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 25px 0 16px;
  color: #222;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid #e5e4e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
}
.addr-form .input {
  display: inline-block;
  width: 100%;
  height: 46px;
  line-height: 44px;
  padding: 0 16px;
  color: #222;
  font-size: 1rem;
  border-radius: 4px;
  border: 1px solid #e5e4e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.addr-form .bt {
  background-color: #6335b4;
  color: #fff;
  height: 46px;
  line-height: 46px;
  width: 100px;
  text-align: center;
  border-radius: 0 4px 4px 0;
}
.addr-form .bt.mint {
  background-color: #1ab8be;
}
.addr-form .selgrp {
  display: flex;
}
.addr-form .selgrp .sel + .sel {
  margin-left: 10px;
}
.addr-form .inpgrp {
  display: flex;
}
.addr-form .inpgrp .input {
  border-radius: 4px 0 0 4px;
  flex: 1;
}
.visit-wrap .inner-body {
  padding-top: 24px;
}

.mypage-wrap.reserv .inner-body {
  padding: 0 16px 140px;
}

/* 달력 */
.calendar-bx {
  margin-top: 25px;
}
.calendar-bx .cal-hd {
  position: relative;
  background-color: #f8f8f8;
  padding: 7px 80px;
  border-top: #eee 1px solid;
  border-bottom: #eee 1px solid;
}
.calendar-bx .cal-hd .today {
  background-color: #fff;
  height: 28px;
  line-height: 26px;
  border: #ddd 1px solid;
  padding: 0 12px;
  border-radius: 15px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -14px;
  cursor: pointer;
  color: #222;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif !important;
}
.date-field-box {
  display: none;
}
.date-field-box .calendar-bx .cal-hd .today {
  left: 12px;
  right: auto;
}
.date-field-box .calendar-bx .cal-hd .close-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/listIcon/close_btn.png) no-repeat center / cover;
  cursor: pointer;
}
.calendar-bx .date-tx {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: #333;
  font-weight: 600;
  font-size: 16px;
}
.date-field-box .calendar-bx .date-tx {
  justify-content: center;
}
.calendar-bx .date-tx .date {
  margin: 0 30px;
  white-space: nowrap;
}
.calendar-bx .date-tx .prev,
.calendar-bx .date-tx .next {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.calendar-bx .date-tx .prev span,
.calendar-bx .date-tx .next span {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.calendar-bx .date-tx .prev::after,
.calendar-bx .date-tx .next::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  display: block;
  width: 6px;
  height: 6px;
  border-top: #333 2px solid;
  border-right: #333 2px solid;
  transform: rotate(45deg);
}
.calendar-bx .date-tx .prev::after {
  transform: rotate(-135deg);
}
.calendar-bx table {
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
}
.calendar-bx table thead th {
  text-align: center;
  padding: 16px 0 5px;
}
.calendar-bx table thead th:first-child {
  color: #da4841;
}
.calendar-bx table tbody td {
  text-align: center;
  padding: 8px 0;
  font-weight: 600;
}
.calendar-bx table tbody td.dis > span {
  color: #ccc !important;
}
.calendar-bx table tbody td > span,
.calendar-bx table tbody td > a {
  width: 27px;
  height: 27px;
  display: block;
  text-align: center;
  line-height: 27px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
}
.calendar-bx table tbody td:first-child > a,
.calendar-bx table tbody td:first-child > span {
  color: #da4841;
}
.calendar-bx table tbody td.today > a {
  background-color: #6335b4;
  color: #fff;
  text-indent: -1px;
}
.date-field-box .calendar-bx table tbody td.today > a {
  background-color: #da4841;
}
.calendar-bx table tbody td.today > a::after {
  content: '오늘';
  font-size: 11px;
  color: #6335b4;
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  display: block;
  line-height: 1;
}
.date-field-box .calendar-bx table tbody td.today > a::after {
  content: '';
}
.calendar-bx table tbody td.on > a {
  border: #da4841 2px solid;
  line-height: 23px;
}
.calendar-bx.cs {
  margin: 45px 0 20px;
  border-top: #222 1px solid;
  border-bottom: #222 1px solid;
}
.calendar-bx.cs .cal-hd {
  background-color: #fff;
  border-top: none;
}
.calendar-bx.cs table thead th {
  padding: 16px 0;
  border-bottom: #222 1px solid;
}
.calendar-bx.cs table tbody td {
  border-bottom: #e9e9e9 1px solid;
  border-left: #e9e9e9 1px solid;
  font-size: 12px;
  font-weight: 400;
  padding: 4px;
  height: 48px;
  text-align: right;
  position: relative;
}
.calendar-bx.cs table tbody td.active::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: #6335b4 1px solid;
  background-color: transparent;
}
.calendar-bx.cs table tbody td > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.calendar-bx.cs table tbody td:first-child > span {
  color: #da4841;
}
.calendar-bx.cs table tbody td.today > span {
  background-color: #6335b4;
  color: #fff;
  font-weight: 600;
}
.calendar-bx.cs table tbody td.today > span::before {
  content: '오늘';
  color: #333;
  position: absolute;
  left: -26px;
  top: 0;
  font-size: 10px;
}
.calendar-bx.cs table tbody td:last-child {
  border-right: #e9e9e9 1px solid;
}
.calendar-bx.cs table tbody tr:last-child td {
  border-bottom: none;
}
.calendar-bx.cs table tbody td.off {
  background-color: #f5f5f5;
}
.calendar-bx.cs table tbody td.on {
  background-color: #e7ffc8;
}
.calendar-bx.cs table tbody td > p {
  position: relative;
  text-align: left;
  margin-top: 4px;
  font-weight: 600;
}
.calendar-bx.cs table tbody td > p::before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #999;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: 3px;
}
.calendar-bx.cs table tbody td > p.on::before {
  background-color: #da4841;
}

.reserv .inner-body .f-bold {
  margin-bottom: 14px;
}
.reserv .inner-body .f-bold .switch-btn {
  vertical-align: 5px;
}
.reserv .inner-body .cs-time-select {
  border-bottom: none;
  padding-bottom: 0;
}
.reserv .inner-body .cs-time-select .f-bold {
  font-size: inherit;
}
.cs-mem-select {
  margin-top: 40px;
}
.cs-mem-select .time-box {
  display: flex;
  align-items: center;
}
.cs-mem-select .time-box .input {
  width: 56px;
  height: 32px;
  border: #ddd 1px solid;
  text-align: center;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin: 0 12px;
}
.cs-mem-select .time-select {
  display: flex;
}
.cs-mem-select .time-select .sel-box + .sel-box {
  margin-left: 30px;
}
.cs-mem-select .time-select .sel-box {
  flex: 1;
}
.cs-mem-select .time-select .sel-box .sel {
  width: 100%;
  display: block;
  background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 25px 0 0;
  color: #222;
  font-size: 1rem;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e5e4e9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 18px;
  color: #222;
  font-weight: 600;
}
.cs-mem-select .time-select .sel-box.dis {
  color: #ccc;
}
.cs-mem-select .time-select .sel-box.dis .sel {
  opacity: 0.4;
}
.cs-mem-select .tx01 {
  line-height: 1.4;
  font-size: 14px;
}
.cs-mem-select .remarks {
  margin-top: 15px;
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
  padding: 14px 0;
  text-align: center;
}
.time-select-wr .toggle-hd {
  position: relative;
  padding: 20px 0;
  border-bottom: #e9e9e9 1px solid;
}
.time-select-wr:last-child .toggle-hd {
  border-bottom: none;
}
.time-select-wr .toggle-hd .bt {
  position: absolute;
  bottom: 28px;
  right: 0;
  background-color: transparent;
  border: none;
  color: #222;
  cursor: pointer;
}
.time-select-wr .toggle-hd .bt::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 8px;
  background: url(../img/common/arrowBottom.png) 100% center / 14px 8px no-repeat;
  margin-left: 10px;
}
.time-select-wr .toggle-hd.active .bt::after {
  transform: rotate(180deg);
}
.time-select-wr .hd-bx1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.time-select-wr .hd-bx1 .t-tx {
  font-weight: 600;
  color: #333;
}
.time-select-wr .hd-bx1 .t-tx .btn-keyword-delete {
  padding: 0;
  background-color: transparent;
  border: none;
  vertical-align: 3px;
}
.time-select-wr .hd-bx1 .t-tx .btn-keyword-delete span {
  background: url(../img/common/btn_del_r.png) 50% 50%/20px 20px no-repeat;
  text-indent: -9999px;
}
.time-select-wr .hd-bx2 {
  margin-top: 10px;
  padding-right: 95px;
  display: flex;
  align-items: center;
}
.time-select-wr .hd-bx2 .sel {
  flex: 1;
  background: url(../img/common/arrowBottom.png) 90% center / 14px 8px no-repeat #fff;
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 34px;
  padding: 0 25px 0 10px;
  color: #222;
  font-size: 1rem;
  border-radius: 0;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.time-select-wr .hd-bx2 .sel-box {
  flex: 1;
  background: url(../img/common/arrowBottom.png) 90% center / 14px 8px no-repeat #fff;
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 34px;
  padding: 0 25px 0 10px;
  color: #222;
  font-size: 1rem;
  border-radius: 0;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.time-select-wr .hd-bx2 span {
  width: 3rem;
  text-align: center;
}
.time-select-wr .bd {
  padding: 15px 10px;
  background-color: #f6f6f6;
  border-bottom: #e9e9e9 1px solid;
  display: none;
}
.time-select-wr .time-sel {
  margin: 0;
  padding: 0;
  border: none;
}

.list-reserv {
  margin: 24px 16px 0;
}
.list-reserv .itm {
  position: relative;
  padding: 0 0 30px 96px;
}
.list-reserv .itm + .itm::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 90%;
  border-left: #ccc 1px dashed;
  top: -90%;
  left: 40px;
}
.list-reserv .itm .time {
  color: #fff;
  text-align: center;
  background-color: #6335b4;
  border-radius: 4px;
  width: 80px;
  padding: 15px 10px;
  line-height: 1.2;
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.list-reserv .itm .prev {
  color: #fff;
  text-align: center;
  background-color: #808080;
  border-radius: 4px;
  width: 80px;
  padding: 15px 10px;
  line-height: 1.2;
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.list-reserv .itm .time span {
  display: block;
}
.list-reserv .itm .status {
  font-weight: 600;
  font-size: 16px;
}
.list-reserv .itm .list-text {
  font-weight: 600;
  font-size: 14px;
  margin-top: 10px;
}
.list-reserv .itm .coin {
  margin-top: 10px;
}
.list-reserv .itm .coin em {
  color: #999;
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
}
.list-reserv .itm .receipt {
  margin-top: 10px;
  font-size: 14px;
}
.list-reserv .itm .btn-set {
  margin-top: 20px;
}

.list-reserv-week {
  margin: 24px 16px 0;
}
.list-reserv-week .itm {
  padding-bottom: 36px;
}
.list-reserv-week .itm .time {
  width: 95px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #6335b4;
  text-align: center;
  border-radius: 4px;
  font-size: 13px;
}
.list-reserv-week .itm .list-body {
  margin-top: 15px;
  font-size: 15px;
}
.list-reserv-week .itm .list-body p + p {
  margin-top: 14px;
}
.list-reserv-week .itm .list-body p {
  display: flex;
  line-height: 1.2;
  align-items: center;
}
.list-reserv-week .itm .list-body p.dis {
  color: #999;
}
.list-reserv-week .itm .list-body i {
  position: relative;
  background-color: #da4841;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  height: 16px;
}
.list-reserv-week .itm .list-body i::after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 3px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  margin: -3px 0 0 -4px;
  transform: rotate(130deg);
}
.list-reserv-week .itm .list-body i.chk::after {
  display: block;
}
.list-reserv-week .itm .list-body .dis i {
  background-color: #e9e9e9;
}
.list-reserv-week .itm .list-body b {
  margin: 0 0 0 8px;
  width: 100px;
}
.list-reserv-week .itm .list-body span {
  flex: 1;
}
.list-reserv-month {
  padding: 0;
}
.list-reserv-month .tit-tx {
  font-weight: 600;
  color: #222;
  font-size: 16px;
  margin: 0 16px;
  line-height: 24px;
}
.list-reserv-month .i-calendar {
  background: url(../img/common/calendar.png) center left / 20px 20px no-repeat;
  padding-left: 28px;
}
.list-reserv-month .calendar-bx.cs {
  margin: 0 16px 35px;
  border-top: none;
}
.review-lst .list-item-inner {
  margin-bottom: 0;
  border-bottom: none;
}
.review-lst .list-item-inner + .list-item-inner {
  margin-top: 24px;
}
.review-lst .list-item-inner + .list-item-inner::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #f5f5f5;
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
}
.review-lst .title .tx01 {
  display: flex;
}
.review-lst .title .tx01 .star-set {
  margin-left: 10px;
}
.review-lst .title .tx02 {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
}
.review-lst .comment {
  margin-top: 15px;
  border-top: #e9e9e9 1px solid;
  padding: 25px 0;
  line-height: 1.5;
}
.review-lst .btn-set {
  margin-top: 0;
}
.review-lst .btn-set.half {
  width: 50%;
}
.review-lst .reply .text-ar {
  border: #ddd 1px solid;
  width: 100%;
  padding: 14px;
  font-size: 16px;
}
.review-lst .reply .btn-set {
  margin-top: 12px;
}
.cs-profile .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 30px 11px 42px;
  font-weight: 400;
}
.cs-profile .title p {
  font-size: 16px;
  color: #222;
  font-weight: 600;
}
.cs-profile .profile-info-con_s {
  background-color: #f7f7fa;
  padding: 0 30px 76px 42px;
  margin-top: 6px;
}
.cs-profile .profile-info-con_s .profile-info-img_s {
  margin-top: -4px;
}
.review-lst .list-item-inner .comment-answer {
  margin-top: 0;
}
.review-lst .list-item-inner .comment-answer .i-reply2.f-bold {
  background-position: 0 1px;
  line-height: 1.4;
}
.review-lst .list-item-inner .comment-answer .text-date {
  line-height: 1.4;
  margin-top: 5px;
  padding-left: 24px;
}

.time-selbx {
  padding: 30px 16px;
}
.time-selbx .inner {
  overflow-y: auto;
  max-height: 354px;
}
.time-selbx dl dt {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  height: 46px;
  line-height: 46px;
}
.time-selbx dl dd {
  padding: 10px 0;
}
.time-selbx dl + dl {
  margin-top: 11px;
}
.time-selbx dl dd button {
  display: block;
  background-color: transparent;
  border: none;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  color: #222;
  font-weight: 600;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

.total-lat {
  background-color: #1ab8be;
  padding: 14px 16px 26px;
}
.total-lat .sale {
  color: #fff954;
  font-size: 12px;
}
.total-lat .cost-bx {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  color: #fff;
}
.total-lat .cost-bx .t-tx {
  font-size: 16px;
}
.total-lat .cost-bx .t-tx b {
  font-size: 18px;
}
.total-lat .cost-bx .cost {
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 719px) {
  .list-item .title {
    font-size: 1.072rem;
  }
  .visit-loc-wrap {
    width: 100%;
  }
  .visit-info-img_s {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    height: 58vw;
    min-height: 210px;
    border-radius: 10px;
  }
  .list-item .loc-inner {
    line-height: 22px;
  }
  .list-item .loc-inner .map-bx .map {
    height: 22rem;
  }
  .visit-detail-wrap .profile-notice_img .swiper-pagination {
    position: absolute;
    bottom: 20px;
  }
  .visit-detail-wrap .profile-info-con .cs-coin .share-btn {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
    margin-left: 10px;
    vertical-align: -4px;
  }
  .profile-item-list > li.fir .counsel-style {
    top: 76px;
    width: calc(100% - 210px);
  }
  .profile-item-list > li.fir .counsel-style .style {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
  }
  .time-sel dd button {
    height: 36px;
    line-height: 36px;
    font-size: 1.1rem;
  }
  .datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-current {
    top: 8px;
  }
  .calendar-bx .cal-hd .today {
    font-size: 0.857rem;
  }
  .addr-form .sel {
    height: 34px;
    line-height: 34px;
  }
  .addr-form .input {
    height: 34px;
    line-height: 32px;
  }
  .addr-form .bt {
    height: 34px;
    line-height: 34px;
    font-size: 11px;
    width: 66px;
  }
  .cs-mem-select .time-select .sel-box span {
    font-size: 12px;
    height: 30px;
    line-height: 28px;
  }
  .cs-mem-select .time-select .sel-box .sel {
    background-size: 9px auto;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
  }
  .cs-mem-select .time-box .input {
    font-size: 16px;
  }
  .calendar-bx table tbody td > span,
  .calendar-bx table tbody td > a {
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
  .calendar-bx table tbody td.on > span,
  .calendar-bx table tbody td.on > a {
    line-height: 20px;
  }
  .calendar-bx.cs {
    margin: -1px 0 8px;
  }
  .calendar-bx.cs table thead th {
    padding: 12px 0;
    font-size: 13px;
  }
  .calendar-bx.cs table tbody td {
    padding: 2px;
    font-size: 10px;
    height: 42px;
  }
  .calendar-bx.cs table tbody td > span {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .calendar-bx.cs table tbody td > span {
    font-size: 10px;
  }
  .time-select-wr .toggle-hd {
    font-size: 12px;
    padding: 12px 0;
  }
  .time-select-wr .hd-bx1 .t-tx .btn-keyword-delete {
    vertical-align: -3px;
    margin-left: 5px;
  }
  .time-select-wr .hd-bx1 .t-tx .btn-keyword-delete span {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
  .time-select-wr .hd-bx2 .sel {
    height: 28px;
    line-height: 28px;
    background-size: 7px auto;
  }
  .time-select-wr .hd-bx2 .sel-box {
    height: 28px;
    line-height: 28px;
    background-size: 7px auto;
  }
  .time-select-wr .hd-bx2 span {
    width: 20px;
  }
  .time-select-wr .toggle-hd .bt {
    font-size: 12px;
    bottom: 17px;
  }
  .time-select-wr .toggle-hd .bt::after {
    width: 9px;
    height: 5px;
    background-size: 9px auto;
  }
  .list-reserv .itm .time {
    font-size: 11px;
    width: 64px;
    padding: 7px 0;
  }
  .list-reserv .itm .list-text {
    margin-top: 8px;
  }
  .list-reserv .itm .receipt {
    margin-top: 8px;
  }
  .list-reserv .itm .btn-set {
    margin-top: 10px;
  }
  .list-reserv .itm .btn-set .btn {
    height: 32px;
    font-size: 12px;
    line-height: 30px;
  }
  .list-reserv .itm {
    padding: 0 0 22px 80px;
  }
  .list-reserv .itm .list-body.dis {
    color: #999;
  }
  .status-div.type1 {
    padding: 10px 0;
  }
  .visit-wrap .sub-tab {
    padding: 0;
  }
  .visit-wrap .status-div.type1 {
    margin: 0;
  }
  .list-reserv {
    margin: 24px 0 0;
  }
  .list-reserv-week .itm .time {
    font-size: 11px;
    width: 75px;
    line-height: 24px;
    height: 24px;
  }
  .list-reserv-week .itm .list-body {
    font-size: 14px;
  }
  .list-reserv-week {
    margin: 24px 0 0;
  }
  .list-reserv-week .itm .list-body i {
    width: 12px;
    height: 12px;
  }
  .list-reserv-week .itm .list-body i::after {
    width: 5px;
    height: 3px;
  }
  .list-reserv-week .itm .list-body b {
    margin-left: 6px;
  }

  .review-lst .title .tx01 {
    font-size: 14px;
  }
  .review-lst .title .tx02 {
    font-size: 12px;
    margin-top: 10px;
  }
  .review-lst .btn-set.half {
    width: 100%;
  }
  .review-lst .btn-set .btn {
    height: 40px;
    line-height: 38px;
  }
  .review-lst .list-item-inner + .list-item-inner {
    margin-top: 20px;
  }
  .review-lst .list-item-inner .comment-answer {
    margin-top: 0;
  }
  .review-lst .comment {
    padding: 20px 0;
  }
  .review-lst .list-item-inner .comment-answer .d-flex-be {
    display: block;
  }
  .review-lst .list-item-inner .comment-answer .i-reply2.f-bold {
    line-height: 1.4;
    background-position: 0 5px;
  }
  .review-lst .list-item-inner .comment-answer .d-flex-be .text-date {
    margin-top: 5px;
    padding-left: 22px;
  }
  .review-lst .reply .text-ar {
    height: 150px;
  }
  .profile-info-inner_s .d-flex .i-partner {
    background-size: 14px;
    padding-left: 18px;
    background-position: 0 3px;
  }
  .list-reserv-month .calendar-bx.cs {
    margin: 0 0 25px;
  }
  .list-reserv-month .tit-tx {
    margin: 0;
    font-size: 14px;
  }
  .calendar-bx.cs table tbody td > p {
    margin-top: 9px;
    padding-left: 4px;
  }
  .calendar-bx.cs table tbody td.today > span::before {
    font-size: 9px;
  }
  .calendar-bx.cs table tbody td > p::before {
    vertical-align: 2px;
  }
  .list-reserv-month .i-calendar {
    background-size: 18px;
  }
  .review-lst .list-item-inner .comment-answer .text-date {
    margin-top: 2px;
  }
  .time-selbx {
    padding: 17px 12px 30px;
  }
  .time-selbx .inner {
    max-height: 313px;
  }
  .time-selbx dl dt {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
  }
  .time-selbx dl dd button {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
  }

  .total-lat .sale {
    font-size: 11px;
  }
  .total-lat .cost-bx .t-tx {
    font-size: 12px;
  }
  .total-lat .cost-bx .t-tx b {
    font-size: 14px;
  }
  .total-lat .cost-bx .cost {
    font-size: 18px;
  }
  .list-item .title .btAddr {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    font-weight: 400;
    padding: 0 12px;
  }
  .list-item .title .btAddr img {
    height: 10px;
    width: auto;
  }
}

.gs_btn {
  width: 110px;
  margin-top: 6px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 44px;
  background: #6335b4;
  color: white;
  font-size: 13px;
  /*font-weight: bold;*/
}
.gs_input {
  width: 100%;
  margin-top: 6px;
  height: 44px;
  padding: 0 12px;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
}
#gs_zipcode {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.gs_div {
  margin-top: 12px;
}
.gs_popup .btn_search span {
  display: block;
  width: 29px;
  height: 29px;
  background: url('../img/common/search.png') center center/20px 20px no-repeat;
  color: transparent;
}
.gs_popup.popup-bg .popup-center {
  padding: 0;
}
.gs_popup .search-header {
  border: 1px solid #e9e9e9;
  padding: 8px 10px;
}
.gs_popup .search-wrap {
  padding-top: 0px;
}
.gs_popup .popup-center {
  height: 480px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.gs_popup .search-input {
  font-size: 14px;
  width: 100%;
  padding: 0;
  color: #222;
  font-weight: bold;
}
.gs_popup .search-body {
  font-size: 14px;
  margin: 10px 8px;
  text-align: left;
}
.gs_popup .search-ex li {
  margin-top: 16px;
}
.gs_popup .search-info {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}
.gs_popup .ex-header {
  font-weight: bold;
}
.gs_popup .ex-body {
  color: #b3b3b3;
}
.gs_popup .popup-div {
  width: 415px;
}
.gs_popup .wrap {
  margin: 5px 0;
  position: relative;
}

@media (max-width: 719px) {
  .gs_popup .popup-div {
    width: 328px;
    top: 300px;
  }
  .gs_popup .wrap {
    width: 300px;
  }
}

@media (orientation: portrait) and (max-width: 719px) {
  body.agora .wrapper .j-exit-box {
    width: 40px;
    height: auto;
    top: 18px;
    right: 10px;
    border: none;
    padding: 0;
    font-size: 1rem;
  }
}

@media (orientation: portrait) and (max-width: 719px) {
  body.agora .wrapper .j-exit-box .i-exit {
    right: 0;
    width: 10px;
    height: 10px;
    background-size: cover;
    top: 54%;
  }
}


.coin-cate-wrap {
    position: relative;
    display: flex;
    max-width: calc(100% - 32px);
    width: 100%;
    margin: 20px auto 0;
    border-radius: 4px;
    background: #f5f5f5;
    border: 1px solid #00000012;
}

.coin-cate-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #6335b4;
    border-radius: 4px;
    transition: all .3s ease;
}

.coin-cate-wrap[data-seq="2"]::before {
    left: 50%;
}

[class*="coin-cate"] {
    position: relative;
    flex: 1;
    font-size: 14px;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    cursor: pointer;
}
[class*="coin-cate"][data-checked="true"] {
    font-weight: bold;
    color: #FFF;
    transition: all .3s ease;
}
.nx-table.ver1 .nx-table-th.coin-table-th {
  padding: 6px 0;
}
.coin-table-th .unit {
    font-size: 11px;
    line-height: 1.1;
    font-weight: 400;
}
.nx-table.ver1 .coin-table-th {
    padding: 6px 0;
    flex-direction: column;
}
@media screen and (min-width: 720px) {
    .nx-table.ver1 .nx-table-th.coin-table-th {
        padding: 16px 0;
        flex-direction: row;
        gap: 3px;
    }
    .coin-table-th .unit {
        font-size: inherit;
        line-height: inherit;
    }
    .coin-cate-wrap {
        margin-top: 24px;
    }
    [class*="coin-cate"] {
        height: 46px;
        font-size: 16px;
    }
}

.nx-popup_wrap.ver1[data-mode="open"] { 
  visibility: visible;
}

.nx-popup_wrap.ver1[data-mode="close"],
.nx-popup_wrap.ver1[data-mode="confirm"] { 
  visibility: hidden;
}

.discount-section[data-mode="hide"] {
  display: none;
}

.discount-section[data-mode="show"] {
  display: block;
}