/* update 24.01.24 */

/* 공통 */
@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif !important;
  font-size: 16px;
  color: #222;
  width: 100%;
  height: 100%;
  letter-spacing: -0.32px;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
body {
  line-height: 1;
  height: auto;
  min-height: 100%; /* 내용이 짧을경우 라인짤림.*/
  max-width: 720px;
  margin: 0 auto;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
/* 스크롤 lock */
body.lock {
  position: fixed !important;
}
html {
  margin: 0 auto;
  /* height: auto; */
  height: 100%;
  scrollbar-gutter: stable;
}
/* 메인 위에 팝업 */
.slide-popup.white {
  background: white !important;
}
.popup-wrap .wraper {
  max-width: 720px !important;
  margin: 0 auto !important;
  border-right: 1px solid #e9e9e9 !important;
  border-left: 1px solid #e9e9e9 !important;
  line-height: 1 !important;
  height: auto !important;
  min-height: 100% !important;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
.wraper {
  /* padding-bottom: 77px; */
  min-height: 100vh;
}
.wraper.btm70 {
  padding-bottom: 77px;
}
.login-wrap,
.join-result-inner {
  padding-bottom: 60px;
}
/* 물어보기 */
/* height auto 했을 때 내용이 길면 상관없는데 짧으면 body가 맨 끝까지 안내려감
height 100% 하면 길어졌을 때 밑에까지 안감싸즘 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
em {
  font-style: normal;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
b,
strong {
  font-weight: bold;
}
button {
  -webkit-appearance: none;
  background: none;
  cursor: pointer;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
input,
select {
  vertical-align: middle;
}
input,
select:focus {
  border: 0;
  outline: none;
}
textarea,
input,
select {
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  /* visibility: hidden; */
  border: 0;
  outline: none;
}
select:focus {
  border: 1px solid #e9e9e9;
}
img,
fieldset {
  border: 0;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}
body:not(.hong4, .agora) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body img {
  width: 100%;
}
img[src$='.jpg'].high,
img[src$='.png'].high {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bbbbbb;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bbbbbb;
}
ul li {
  list-style: none;
}
.text-udl,
a.underline {
  border-bottom: 1px solid;
}
/* a태그 모바일 하이라이트 제거 */
.list-item-inner-bot,
.item-list-comment-view {
  -webkit-tap-highlight-color: transparent;
}

/* //////////////////////////////////////////공통/////////////////////////////////// */
.ms-f,
.ms {
  display: none !important;
}
.mn {
  display: none !important;
}
/*
    height-full - 리스트 내역 몇개 없을 때 풀페이지/리스트 내역 많을 때 클래스 삭제
    inner-body, inner-detail > div에 클래스 추가할 것
*/
.hf-f,
.hf {
  /* height: auto !important; */
  min-height: calc(100vh - 142px) !important;
}
.hf2 {
  /* height: auto !important; */
  min-height: calc(100vh - 220px) !important;
}
.hf .inner-body,
.hf .inner-detail {
  /* height: auto !important; */
  /* height: calc(100vh - 89px) !important; */
  /* 지훈님이랑 상의 후 임시 주석 */
}
/* height full fixed */
.hf-f .inner-body,
.hf-f .inner-detail {
  /* height: auto !important; */
  /* height: calc(100% - 89px) !important; */
}
.d-flex {
  display: flex;
}
.d-flex-l {
  display: flex;
  justify-content: left;
}
.d-flex-be {
  display: flex;
  justify-content: space-between;
}
.f-500 {
  font-weight: 500;
}
.f-bold {
  font-weight: bold !important;
}
.f-bolder {
  font-weight: 900;
}
.f-s12 {
  font-size: 12px;
}
.f-s14 {
  font-size: 14px;
}
.f-s15 {
  font-size: 0.938rem;
}
.f-s17 {
  font-size: 17px;
}
.f-s20 {
  font-size: 1.25rem;
}
.f-s44 {
  font-size: 44px;
}
.f666 {
  font-weight: normal;
  color: #666 !important;
}
.color-3f73db {
  color: #3f73db !important;
}
.col-222222 {
  color: #222222 !important;
}
.color-222222,
.c-222 {
  color: #222222;
}
.color-888888 {
  color: #888888;
}
.color-666 {
  color: #666 !important;
}
.fred {
  color: #da4841;
}
.fblue {
  color: #1ab8be;
}
.f-blue {
  color: #3f73db;
}
.fblue {
  color: #6280f9;
}
.f222 {
  color: #222 !important;
}
.f000 {
  color: #000;
}
.f-purple {
  color: #6335b4;
}
.f-bg-yel {
  background: #ffe600;
  padding: 0 3px;
}
.m4t {
  margin-top: 4px;
}
.m8t {
  margin-top: 8px;
}
.m-auto {
  margin: 0 auto;
}
.m0t {
  margin-top: 0 !important;
}
.m10t {
  margin-top: 10px;
}
.m12t {
  margin-top: 12px;
}
.m16t {
  margin-top: 16px;
}
.m20t {
  margin-top: 20px;
}
.m24t {
  margin-top: 24px;
}
.m32t {
  margin-top: 32px;
}
.m40t {
  margin-top: 40px;
}
.m6r {
  margin-right: 6px;
}
.m8r {
  margin-right: 8px;
}
.m10r {
  margin-right: 10px;
}
.m12r {
  margin-right: 12px;
}
.m16r {
  margin-right: 16px;
}
.m0b {
  margin-bottom: 0 !important;
}
.m12b {
  margin-bottom: 12px;
}
.m14b {
  margin-bottom: 14px;
}
.m16b {
  margin-bottom: 16px;
}
.m8l {
  margin-left: 8px;
}
.m10l {
  margin-left: 10px;
}
.m42l {
  margin-left: 42px;
}
.m40b {
  margin-bottom: 40px;
}
.p0t {
  padding-top: 0 !important;
}
.p0b {
  padding-bottom: 0 !important;
}
.p21t {
  padding-top: 21px;
}
.p80t {
  padding-top: 80px !important;
}
.p80b {
  padding-bottom: 80px !important;
}
.border-t {
  border-top: 1px solid #eee;
}
.b1r {
  border-right: 1px solid #e9e9e9;
}
.show {
  display: inline-block !important;
}
.ltsp-sm {
  letter-spacing: -0.6px;
}
.hide {
  display: none !important;
}
.gray-box {
  border-top: 1px solid #e9e9e9;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  height: 8px;
}
.default-img {
  width: 100% !important;
}
.wrapper.head-none .header {
  display: none;
}
.wrapper.head-none .header-title {
  padding-top: 0;
}
.header-title .search-btn {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6335b4;
  background: url(../img/common/search.png) no-repeat top 24px right 0px/16px 16px;
  padding-right: 26px;
}
/* span 색상 하이라이트 */
.count {
  font-size: 0.875rem;
  color: #7f5bc8;
  vertical-align: top;
}
.color-text_n {
  color: #6335b4;
  font-weight: normal;
}
.color-text_b {
  color: #6335b4;
  font-weight: bold;
}
.blur-style .color-text_b {
  color: #3b68b5;
}
.text-date {
  font-size: 0.875rem;
  color: #999;
}
/* 한줄 */
.text-sort {
  /* height: 18px; */
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-bg_gray {
  padding: 14px;
  line-height: 24px;
  font-size: 0.875rem;
  background: #f5f5f5;
  border-radius: 8px;
  text-align: left;
  height: 255px;
  overflow-y: scroll;
}
/* form */
.form-text {
  font-size: 1rem;
  color: #6335b4;
  font-weight: bold;
  text-align: left;
  text-indent: 2px;
}
.form-text.show {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: right;
  display: block !important;
}
.form-select,
.form-input {
  display: inline-block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  font-size: 1.25rem;
  border: 0;
  margin-top: 6px;
  border-bottom: 1px solid #7f5bc8;
}
.form-select.popup-select {
  font-size: 1rem;
  margin-top: 0 !important;
  height: auto !important;
  line-height: 1;
  border: none !important;
  font-weight: bold;
  color: #da4841;
  padding: 0 !important;
}
.form-select.popup-select option {
  color: #222222;
}
.form-input {
  padding: 0;
}
.form-select {
  padding-left: 30px;
  background: url(../img/common/select_ph.png) no-repeat left center,
    url(../img/common/arrowBottom.png) no-repeat right center;
  background-size: 20px 20px, 12px 7px;
}
.form-select:focus {
  border: 0;
  border-bottom: 1px solid #7f5bc8;
}
.form-select.ver2 {
  display: block;
  width: 100%;
  border-bottom: 1px solid #222;
  -webkit-appearance: none;
  padding-left: 0;
  background: url(../img/common/arrowBottom.png) no-repeat right center / 12px 7px;
  padding-right: 12px;
}
.form-select.ver2.coin {
  background: white;
}
.form-text .space {
  margin-top: 40px;
}
.select-coin {
  position: relative;
}
.select-coin > div {
  display: inline-block;
  position: absolute;
  top: 53%;
  right: 0;
}
/* checkbox */
.checkbox-div {
  display: flex;
  justify-content: space-between;
}
.checkbox-div.end {
  justify-content: flex-end;
}
.checkbox {
  height: 19px;
  line-height: 19px;
  background: url(../img/common/check_off.png) no-repeat left center/19px 19px;
  font-size: 0.875rem;
  vertical-align: middle;
  display: inline-block;
  color: #222;
  padding-left: 26px;
  border-radius: 2px;
  overflow: hidden;
}
.class-item-radio input[type='radio']:checked + label,
.checkbox-div input[type='checkbox']:checked + label {
  background-image: url(../img/common/check_on.png);
}
.checkbox-note {
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  display: none;
}
/* switch */
.switch-btn {
  display: inline-block;
  position: relative;
  width: 64px;
  margin-left: 12px;
}
.switch-btn input[type='checkbox'] {
  position: relative;
  visibility: hidden;
}
.switch-btn label {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 26px;
  border-radius: 30px;
  background: white;
  border: 1px solid #ddd;
  transition-duration: 0.2s;
  left: 0;
  top: 50%;
  transform: translate(0px, -50%);
}
.switch-btn label span {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  border-radius: 50%;
  background: #dddddd;
  transition-duration: 0.3s;
}
.switch-btn input[type='checkbox']:checked + label {
  background: white;
}
.switch-btn input[type='checkbox']:checked + label span {
  background: #1ab8be;
  transform: translate(38px, -8px);
}
.switch-btn label:before {
  position: absolute;
  content: 'OFF';
  width: 45px;
  right: 3px;
  top: 50%;
  transform: translateY(-52%);
  font-weight: bold;
  font-size: 0.688rem;
  line-height: 21px;
  color: #222;
  text-align: center;
}
.switch-btn input:checked + label:before {
  content: 'ON';
  left: 4px;
  color: #222;
}
/* 네모 스위치 */
.on-off-check .switch-btn label {
  width: 60px;
  height: 26px;
  border-radius: 4px;
}
.on-off-check .switch-btn label:before {
  font-size: 0.75rem;
  right: -2px;
  color: #ccc;
}
/* 라디오 박스 */
.call-method .radio-btn {
  margin-left: 15.5px;
}

.mypage-wrap.consult .inner-body .call-method .check-set {
  display: flex;
  justify-content: flex-start;
  font-size: 0.875rem;
  padding: 9.5px 16px;
  border-right: 1px solid #e9e9e9;
  width: 100%;
  color: #ccc;
  align-items: center;
}

.call-method .check-set {
  padding: 13px;
}
.call-method .f-bold {
  font-size: 14px;
}
.call-method .radio-label {
  display: inline-block;
  width: 96px;
  height: 30px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #ddd;
  transition-duration: 0.2s;
  font-weight: bold;
  font-size: 14px;
  position: relative;
}
.call-method .radio-label.f-radio-label {
  margin-right: 8px;
}
.call-method .radio-label > .radio-icon {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #dddddd;
  transition-duration: 0.3s;
}

.call-method .radio-label > .radio-icon::after {
  display: none;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/listIcon/check.png) no-repeat center / cover;
  width: 8px;
  height: 6px;
}

.call-method .radio-btn input[type='radio']:checked + label .radio-icon {
  background-color: #6335b4;
}
.call-method .radio-btn input[type='radio']:checked + label .radio-icon::after {
  display: block;
}

.call-method .radio-label > span {
  position: absolute;
  left: 29px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

.call-method .radio-btn input[type='radio']:checked + label span {
  color: #222;
}

/* .active 확인 */
.on-off-check .check-set.active .switch-btn label:before {
  color: #222;
}
.on-off-check .switch-btn label span {
  border-radius: 4px;
  background: #ccc;
}
.on-off-check .check-set.active .switch-btn label span {
  background: #e80037;
}
.on-off-check .switch-btn input:checked + label:before {
  left: -2px;
}
/* .on-off-check .check-set.active .switch-btn input[type="checkbox"]:checked + label span, */
.on-off-check .switch-btn input[type='checkbox']:checked + label span {
  background: #1ab8be;
  transform: translate(33px, -8px);
  /* transform: translate(28px, -7px);  */
}
/* radiobox */
.radio-box {
  width: auto;
  position: relative;
  margin-right: 30px;
}
.radio-box input {
  display: none;
}
.radio-span {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #b1b1b1;
}
input[type='radio']:checked + .radio-span {
  border: 1px solid #b1b1b1;
}
.radio-chek input[type='checkbox']:checked + .radio-span:after,
input[type='radio']:checked + .radio-span:after {
  display: block;
}
.radio-chek input[type='checkbox']:checked ~ .label-text,
input[type='radio']:checked ~ .label-text {
  font-weight: bold;
}
.radio-span:after {
  border-radius: 50%;
}
.radio-span:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #333;
  transform: translateX(-50%) translateY(-50%);
}
.radio-span.active::before {
  border-radius: 50%;
}
.radio-span.active:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background: #333;
  transform: translateX(-50%) translateY(-50%);
}
.label-text {
  display: inline-block;
  text-indent: 8px;
  line-height: 2;
}
.save-id {
}
.find-id {
  font-size: 0.875rem;
}
.find-id span {
  padding-right: 14px;
  background: url(../img/common/arrowRight.png) right top 5px / 7px 12px no-repeat;
}
/* grid-basic */
.grid-b {
  display: grid;
  grid-template-columns: 34.55% 64.84%;
  margin-top: 16px;
  margin-bottom: 32px;
  background: white;
}
.grid-b.center > .g-bg {
  text-align: center !important;
}
.grid-b.col-3 {
  grid-template-columns: 30% 70%;
}
.grid-b.col-4 {
  grid-template-columns: 42% 58%;
}
.grid-b.col-44 {
  grid-template-columns: 44% 56%;
}
@media screen and (max-width: 719px) {
  .grid-b.col-4 > div {
    line-height: 40px;
    padding: 0 16px;
    font-size: 14px;
  }
}
.grid-b.col-5 {
  grid-template-columns: 50% 50%;
}
.grid-b.col-6 {
  grid-template-columns: 60% 40%;
}
.grid-b > div,
.grid-b > a {
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  text-align: left;
  line-height: 45px;
  padding: 0 10px 0 14px;
  font-size: 1rem;
}
.grid-b > div.type2 {
  padding: 12px 14px 12px 16px;
  line-height: 25px;
}
@media screen and (max-width: 719px) {
  .grid-b > div.type2 {
    padding: 10px 10px 10px 16px;
    line-height: 21px;
  }
}
.grid-b > .g-des {
  display: flex;
  align-items: center;
  line-height: 26px;
  padding: 10px 12px;
}
.grid-b.right > div {
  text-align: right;
}
.grid-b > div:nth-child(2n) {
  border-right: 1px solid #e9e9e9;
}
.grid-b .bbr-1px {
  border-right: 1px solid #e9e9e9 !important;
}
.grid-b .bb-1,
.grid-b > div:last-child,
.grid-b > div:nth-last-child(2):not(.grid-col2) {
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .grid-b .bb-0 {
  border-bottom: 0 !important;
}
.grid-b .br-1 {
  border-right: 1px solid #e9e9e9;
}
.grid-b .br-0 {
  border-right: 0;
}
.grid-b .link {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../img/common/arrowRight.png) no-repeat right center;
  background-size: 5px 9px;
}
.grid-b.right .g-bg,
.grid-b .g-bg {
  background: #f5f5f5;
  color: #666;
  text-align: left;
}

.grid-b .income-call-box,
.reserve-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reserve-set > span {
  margin-left: 6px;
}

.grid-b .income-call-box .switch-btn {
  width: 60px;
}

.on-off-check.income-call .switch-btn label:before {
  color: #222;
}

.grid-b .income-call-box .switch-label,
.grid-b .income-call-box .switch-label > span {
  border-radius: 4px;
}

.income-call-box .switch-btn label span {
  background: #e80037;
}

.reserve-con {
  padding-right: 0.61%;
  box-sizing: border-box;
}

.reserve-con .reserve-set {
  width: 82px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 11px;
  background: #6335b4;
  position: relative;
  border-radius: 2px;
  text-align: center;
  display: block;
}
.reserve-con .reserve-set::before {
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  top: 55%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url(../img/listIcon/clock.png) no-repeat center / cover;
}
.reserve-con .reserve-set::after {
  content: '';
  display: block;
  position: absolute;
  right: 8px;
  top: 55%;
  transform: translateY(-50%);
  width: 4px;
  height: 7px;
  background: url(../img/listIcon/arrow_right.png) no-repeat center / cover;
}

.grid-b.side-bn > div {
  border-left: 0;
  border-right: 0;
}
.grid-b .row2 {
  grid-row: span 2;
  display: flex;
  align-items: center;
}
.grid-b .row3 {
  grid-row: span 3;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
}
.grid-b .row6 {
  grid-row: span 6;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
}
.grid-b .gr-s3 {
  border-bottom: 0;
  border-right: 1px solid #e9e9e9;
}
.grid-b .span {
  margin-left: 10px;
}
.grid-b .d-flex {
  display: flex;
  justify-content: space-between;
}
.grid-b .d-flex .i-arrow-r {
  display: inline-block;
  color: transparent;
  width: 30px;
  text-indent: -999px;
}
.grid-b .level {
  font-size: 0.875rem;
  font-weight: bold;
}
.grid-b .month {
  /* margin-right: 6px;  */
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 0.813rem;
  color: #e5e4e9;
  border: 1px solid #e5e4e9;
}
.grid-b .month.active {
  border: 1px solid #222;
  background: #222;
  color: white;
}
.grid-b.m12b {
  margin-bottom: 12px;
}
/* 상담사 프로필 플레이어 */
.player {
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
  height: 80px;
  background: white;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.player .text {
  width: 20%;
  display: flex;
  margin-right: 10px;
  align-items: center;
}
.player .text img {
  width: 30px;
  height: 22px;
}
.play-inner {
  width: 17%;
}
.player .play {
  min-width: 42px;
  height: 42px;
  float: right;
}
.player .play img {
  width: 100%;
  height: 100%;
}
.range-player {
  min-width: 65.83%;
  width: 100%;
  margin-right: 30px;
  position: relative;
}
.range-player .player-flex {
  display: flex;
  justify-content: space-between;
}
.range-player .player-flex p {
  font-size: 0.688rem;
  color: #333;
}
input[type='range'] {
  -webkit-appearance: none;
  overflow: hidden;
  width: 100%;
  height: 3px;
  background: transparent;
  cursor: pointer;
  background: #eee;
  border-radius: 2px;
  margin: 0;
  margin-top: -5px;
}
input[type='range']:focus {
  outline: none;
}
.range-player input[type='range']::-webkit-slider-thumb {
  /* background: #540191; */
  background: #222;
  width: 2px;
  height: 3px;
  cursor: pointer;
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 2px;
  height: 3px;
  background: #eee;
  /* box-shadow: -100vw 0 0 100vw #540191; */
  box-shadow: -100vw 0 0 100vw #222;
  /* border: 0.1px solid #540191; */
  border: 0.1px solid #222;
  cursor: pointer;
  border-radius: 2px;
}
/* 이거 바 옮길 때 같이 옮길 수 있나 */
/* .range-player::before{
    display: inline-block;
    content: 'dd:dd';
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid white;
    font-size: 11px;
    background: white;
    border: 1px solid black;
    border-radius: 8px;
    padding: 2px 4px;
} */
/* /////////////////////////////////////////태그///////////////////////////////////// */
.t-best-p::before {
  display: inline-block;
  /* content: "BEST"; */
  content: '베스트포스팅';
  max-width: 104px;
  width: 100%;
  height: 30px;
  line-height: 21px;
  padding: 5px 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: white;
  text-align: center;
  box-sizing: border-box;
  background: rgb(26, 184, 190);
  margin-right: 12px;
  border-radius: 2px;
  /* padding-left: 24px; */
  /* background: url(../img/common/write.png)no-repeat left 21px center rgb(26, 184, 190); */
  /* background-size: 12px 12px; */
}
/* 과거 best임 */
/* .t-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;
} */
.t-best {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
  background: url(/hong4/_img/main/i-profile-best.png) no-repeat left center;
  background-size: 100%;
  margin-right: 12px;
  image-rendering: -webkit-optimize-contrast;
}
.disc-point {
  position: relative;
  padding-left: 10px;
}
.disc-point::before {
  content: '·';
  display: inline-block;
  position: absolute;
  left: 0;
}
.disc-point.disc-bold::before {
  font-weight: bold;
}
.disc-point.left-32px::before {
  left: 32px;
}
@media screen and (max-width: 719px) {
  .disc-point.mo\:left-26px::before {
    left: 26px;
  }
}
.disc-point2 {
  position: relative;
  padding-left: 10px;
}
.disc-point2::before {
  content: '※';
  display: inline-block;
  position: absolute;
  left: 0;
}
.disc-point.disc-bold::before {
  font-weight: bold;
}
.disc-point.left-32px::before {
  left: 32px;
}
@media screen and (max-width: 719px) {
  .disc-point.mo\:left-26px::before {
    left: 26px;
  }
}
.disc-point2 {
  position: relative;
  padding-left: 10px;
}
.disc-point2::before {
  content: '※';
  display: inline-block;
  position: absolute;
  left: 0;
}
.point {
  /* padding-left: 20px; */
  padding-left: 12px;
}
.point::before {
  display: inline-block;
  content: '·';
  position: absolute;
  /* left: 8px; */
  left: 0;
  font-size: 1rem;
  color: #222;
  font-weight: bold;
}
.point.f-w-normal::before {
  font-weight: normal;
}
.point.c-666::before {
  color: #666;
}
.counsel-style a:first-child,
/* 상담스타일 맨 앞 점 */
.point-text {
  padding-left: 10px;
  position: relative;
}
.counsel-style a:first-child::before,
.point-text::before {
  display: inline-block;
  content: '·';
  position: absolute;
  left: 0px;
  font-size: 1.125rem;
  color: #222;
  font-weight: bold;
}
.number {
  color: rgb(153, 153, 153);
  font-size: 0.875rem;
  position: relative;
  text-align: right;
}
/* 메인 수정 */
/* .number::before{
    display: inline-block;
    content: "❶";
    color: rgb(204, 204, 204);
    position: absolute;
    left: 0;
    font-size: 1rem;
}
.number.num02::before{
    content: "❷";
}
.number.num03::before{
    content: "❸";
}
.list-comment > a:nth-child(2) p.number::before{
    content: "❷";
}
.list-comment > a:nth-child(3) p.number::before{
    content: "❸";
} */
.number-set {
  line-height: 28px;
  letter-spacing: -0.3px;
  font-size: 0.938rem;
}
.number-set.b-none > p {
  padding-left: 20px;
  font-size: 1rem;
}
.number-set .number {
  color: #222;
  text-align: left;
}
.number-set .warn::before,
.number-set .number::before {
  position: relative;
  color: #222;
  padding-right: 4px;
  content: '①';
}
.number-set .point {
  position: relative;
  line-height: 24px;
}
.number-set .point::before {
  left: 0px;
  content: '·';
  font-size: 0.75rem;
  /* padding-left: 10px; */
  /* 불렛css를 다 바꿔야할수도.. */
}
.number-set .point.ver2::before {
  left: 6px;
}
.number-set .number-set .point {
  padding-left: 14px;
}
.number-set .number-set .point::before {
  left: -4px;
}
.number-set .number.ver2,
.number-set .warn.ver2 {
  padding-left: 23px;
  position: relative;
}
.number-set .number.ver2::before,
.number-set .warn.ver2::before {
  left: 0;
  position: absolute;
}
.number-set .warn.ver2.red {
  font-size: 1rem;
  margin-bottom: 0;
  color: #da4841;
}
.number-set .warn.ver2.red::before {
  color: #da4841;
}
.number-set .warn::before {
  content: '※';
}
.number-set .num02::before {
  content: '②';
}
.number-set .num03::before {
  content: '③';
}
.number-set .num04::before {
  content: '④';
}
.number-set .num05::before {
  content: '⑤';
}
.number-set .num06::before {
  content: '⑥';
}
.number-set.box {
  border: #e9e9e9 1px solid;
  border-radius: 4px;
  padding: 15px !important;
}
.level::before {
  display: inline-block;
  content: '화이트';
  width: 42px;
  height: 19px;
  line-height: 18px;
  font-weight: bold;
  border-radius: 30px;
  font-size: 0.688rem;
  text-align: center;
  margin-right: 12px;
  background: white;
  border: 1px solid #c1c1c1;
  color: #222;
}
.level.lv1::before {
  content: '옐로우';
  background: #fec52a;
  border: 1px solid #fec52a;
  color: white;
}
.level.lv2::before {
  content: '그린';
  background: #6ec435;
  border: 1px solid #6ec435;
  color: white;
}
.level.lv3::before {
  content: '블루';
  background: #3aa3cb;
  border: 1px solid #3aa3cb;
  color: white;
}
.level.lv4::before {
  content: '오렌지';
  background: #fc9b2c;
  border: 1px solid #fc9b2c;
  color: white;
}
.level.lv5::before {
  content: '레드';
  background: #da4841;
  border: 1px solid #da4841;
  color: white;
}
.level.lv6::before {
  content: '퍼플';
  background: #6335b4;
  border: 1px solid #6335b4;
  color: white;
}
.list-img {
  position: relative;
  width: 21.38%;
  min-width: 154px;
  /* border: 1px solid #eee;  */
  /* border-radius: 4px;  */
  border-radius: 8px;
  margin-right: 20px;
  overflow: hidden;
}
.list-img.circle {
  min-width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 8px;
}
.list-img.circle img {
  height: 90%;
}
.list-img.t-tarot {
  background: url(../img/profile/bg_tarot.jpg);
  background-size: cover;
}
.list-img.t-fortune {
  background: url(../img/profile/bg_fortune.png);
  background-size: cover;
}
.list-img.t-saju {
  background: url(../img/profile/bg_saju.jpg);
  background-size: cover;
}
/* 이미지/색상 받아야함 */
.list-img.t-choosedate,
.list-img.t-shopname,
.list-img.t-valuename,
.list-img.t-renaming,
.list-img.t-naming {
  background: #dcdbd6;
}
.list-img.tag-none.t-green > .t-tag,
.list-img.tag-none.t-blue > .t-tag,
.list-img::after {
  display: inline-block;
  content: '';
  position: absolute;
  color: white;
  background: #4e008e;
  border-radius: 4px;
  padding: 7px 7px;
  font-size: 0.625rem;
  font-weight: bold;
  text-align: center;
  top: 6px;
  left: 6px;
  box-sizing: border-box;
}
.list-img.tag-none::after {
  display: none;
}
.list-img.t-tarot::after {
  content: '타로';
  background: #4e008e;
}
.list-img.t-fortune::after {
  content: '신점';
  background: #c21129;
}
.list-img.t-saju::after {
  content: '사주';
  background: #d67a00;
}

.list-img.c-tarot {
  background: url(../img/profile/bg_tarot.jpg);
  background-size: cover;
}
.list-img.c-fortune {
  background: url(../img/profile/bg_fortune.png);
  background-size: cover;
}
.list-img.c-saju {
  background: url(../img/profile/bg_saju.jpg);
  background-size: cover;
}
.list-img.c-tarot::after {
  content: '전화\A타로';
  background: #4e008e;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.c-fortune::after {
  content: '전화\A신점';
  background: #c21129;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.c-saju::after {
  content: '전화\A사주';
  background: #d67a00;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}

.list-img.t-naming::after {
  content: '작명';
  background: rgba(0, 0, 0, 0.7);
  /* width: 30px; height: 34px;
    line-height: 11px; font-weight: bold;
    box-sizing: border-box; padding: 6px 5px; */
}
/* 채팅 어쩌고 4글자 들어갈 때 사용 */
/* .profile-info-img.t-naming::after{
    width: 40px; height: 45px; line-height: 1.1;
} */
.list-img.t-romantic::after {
  content: '연애';
}
.list-img.t-wedding::after {
  content: '결혼';
}
.list-img.t-worry::after {
  content: '고민';
}
.list-img.t-mental::after {
  content: '심리';
}
.list-img.t-job::after {
  content: '취직';
}
.list-img.t-study::after {
  content: '학습';
}
.list-img.t-animal::after {
  content: '반려동물';
}
.list-img.t-renaming::after {
  content: '개명';
  background: rgba(0, 0, 0, 0.7);
}
.list-img.t-valuename::after {
  content: '감명';
  background: rgba(0, 0, 0, 0.7);
}
.list-img.t-shopname::after {
  content: '상호';
  background: rgba(0, 0, 0, 0.7);
}
.list-img.t-topography::after {
  content: '풍수\A지리';
  background: rgba(0, 0, 0, 0.7);
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.t-choosedate::after {
  content: '택일';
  background: rgba(0, 0, 0, 0.7);
}
/* 클래스(2월) 추가 */
.list-img.t-rhddP::after {
  content: '공예';
  background: #15885d;
}
.list-img.t-dkrtp::after {
  content: '악세\A사리';
  max-width: 32px;
  padding: 7px 6px;
  background: #15885d;
  line-height: 1.1;
}
.list-img.t-rleh::after {
  content: '기도';
  background: #15885d;
}
.list-img.t-ch::after {
  content: '초';
  min-width: 30px;
  background: #15885d;
}
.list-img.t-offline::after {
  content: '클래스';
  background: #2d71ac;
}
.list-img.t-offline::after,
.list-img.t-online::after {
  content: '전화\A클래스';
  background: #2d71ac;
  white-space: pre;
  text-align: center;
  /* line-height: 1.07; */
  line-height: 1.18;
  padding: 6px 7px;
}
/* 대면클래스로 변경 */
.list-img.t-offline::after {
  content: '대면\A클래스';
}
.profile-info-img.list-img.t-offline::after,
.profile-info-img.list-img.t-online::after {
  /* min-width: 56px; */
  min-width: 52px;
  padding: 7px 8px;
  /* line-height: 1.12; */
  line-height: 16px;
}
/* 새로운 태그 추가 */
.list-img.tag-none.t-green,
.list-img.tag-none.t-blue {
  position: relative;
}
/* .list-img.tag-none.t-green > .t-tag{
    background: #15885d;
} */
.list-img.t-green::after,
.list-img.t-blue::after {
  max-width: 40px;
  padding: 7px 6px;
  content: attr(data-content);
  background: #2d71ac;

  padding: 5px 6px;
  line-height: 1.18;
}
.list-img.t-green::after {
  background: #15885d;
}
.list-img.t-green.short::after,
.list-img.t-blue.short::after {
  min-width: 30px;
  max-width: 32px;
}
.profile-info-img.list-img.t-green::after,
.profile-info-img.list-img.t-blue::after {
  /* max-width: 56px;
    padding: 8px 9px; */
  max-width: 52px;
  /* height: 43px; */
  line-height: 1.12;
}
.profile-info-img.list-img.t-green.short::after,
.profile-info-img.list-img.t-blue.short::after {
  max-width: 42px;
  padding: 8px;
}

.list-img.v-tarot::after {
  content: '대면\A타로';
  background: #4e008e;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.v-fortune::after {
  content: '대면\A신점';
  background: #c21129;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.v-saju::after {
  content: '대면\A사주';
  background: #d67a00;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
.list-img.v-ask::after {
  content: '대면\A상담';
  background: #00aaa4;
  white-space: pre;
  text-align: center;
  line-height: 1.18;
  padding: 5px 6px;
}
/* 위에 가능하면 밑에 삭제 */
/* .list-img.tag-none.t-blue > .t-tag{
    background: #2d71ac;
}
.list-img.tag-none.t-blue > .t-tag,
.list-img.tag-none.t-green > .t-tag{
    min-width: 42px;
    line-height: 1.1;
    z-index: 1;
}
.profile-info-img.list-img.tag-none.t-green > .t-tag,
.profile-info-img.list-img.tag-none.t-blue > .t-tag{
    font-size: 0.813rem; top: 10px; left: 10px; padding: 8px;
} */
/* 채팅태그 */
.list-img.chat::after {
  width: 30px;
  height: 34px;
  font-size: 0.625rem;
  box-sizing: border-box;
  padding: 5px 6px;
  /* line-height: 1.14; */
  /* line-height: 1.35; */
  line-height: 1.2;
}
.list-img.chat.t-tarot::after {
  content: '채팅 타로';
}
.list-img.chat.t-fortune::after {
  content: '채팅 신점';
}
.list-img.chat.t-saju::after {
  content: '채팅 사주';
}
.list-img.chat.t-naming::after {
  content: '채팅 작명';
}
.sangdam {
  position: relative;
}
.sangdam::after {
  position: absolute;
  display: inline-block;
  content: '상담가능';
  background: #6335b4;
  color: white;
  font-weight: normal;
  font-size: 0.75rem;
  min-width: 54px;
  padding: 3px 2px;
  border-radius: 2px;
  margin-left: 6px;
  text-align: center;
  right: 0;
  top: -1px;
}
.sangdam.t-call::after {
  content: '상담가능';
}
.sangdam.t-call_ing::after {
  content: '상담중';
  background: #1ab8be;
}
.sangdam.t-call_off::after {
  content: '접속알림';
  background: #c1c1c1;
}
/* /////////////////////////////////////////아이콘//////////////////////////// */
.i-search {
  background: url(../img/mainIcon/mainSearch.png) top 6px left / 12px 12px no-repeat;
  padding-left: 16px;
}
.i-search_h {
  /* background: url(../img/mainIcon/mainSearch.png) top 5px center / 14px 14px no-repeat; */
  background: url(../img/mainIcon/mainSearch.png) top 4px center / 14px 14px no-repeat;
  color: transparent;
}
.i-question_w,
.i-search_m {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../img/header/header_search.png) right 2px center / 16px 16px no-repeat;
  color: transparent;
}
.i-question_w {
  background: url(../img/header/question.png) right 2px center / 16px 16px no-repeat;
}
.i-search_2 {
  background: url(../img/mainIcon/mainSearch_2.png) top 6px center / 12px 12px no-repeat;
  color: transparent;
}
.i-arrow-t {
  background: url('../img/common/arrowTop.png') right center / 9px 5px no-repeat;
  padding-right: 13px;
}
.i-arrow-b {
  background: url('../img/common/arrowBottom.png') right center / 12px 7px no-repeat;
  padding-right: 20px;
}
.i-arrow-r {
  background: url('../img/common/arrowRight.png') right center / 7px 12px no-repeat;
  /* padding-right: 32px; */
  padding-right: 13px;
}
.i-arrow-r.red {
  background: url('../img/common/arrowRight_r.png') right center / 7px 12px no-repeat;
  padding-right: 13px;
}
.i-arrow-l {
  background: url('../img/common/arrowLeft.png') left center / 7px 12px no-repeat;
  padding-left: 13px;
}
/* list내 더보기 */
.i-arrow-r.list_s {
  background: url('../img/common/arrowRight.png') right center / 5px 8px no-repeat;
  padding-right: 9px;
}
.list-item.naming .list-content .i-coin,
.i-coin {
  background: url('../img/listIcon/listCoin.png') center left / 18px 18px no-repeat;
  padding-left: 24px;
}
.i-coin_p {
  background: url(../img/listIcon/listCoin_p.png) left top 7px / 20px 20px no-repeat;
  padding-left: 28px;
}
.i-call {
  background: url('../img/listIcon/listCall.png') center left / 15px 15px no-repeat;
  padding-left: 20px;
}
.i-ing {
  background: url('../img/listIcon/listCallIng.png') center left / 15px 15px no-repeat;
  padding-left: 20px;
}
.i-bell {
  background: url('../img/listIcon/listCallEnd.png') center left / 15px 15px no-repeat;
  padding-left: 20px;
}
.i-class {
  background: url('../img/listIcon/listClass.png') center left / 19px 15px no-repeat;
  padding-left: 28px;
}
.i-partner {
  background: url('../img/listIcon/listPartner.png') center left / 18px 18px no-repeat;
  padding-left: 24px;
}
.i-new {
  background: url('../img/listIcon/listNew.png') center left / 18px 18px no-repeat;
  padding-left: 24px;
  height: 18px;
}
.i-star {
  background: url('../img/listIcon/listStar.png') center left / 15px 15px no-repeat;
  /* padding-left: 24px; */
  padding-left: 17px;
}
.i-star.i-star-17 {
  background: url('../img/listIcon/listStar.png') center left / 17px 17px no-repeat;
  margin-left: 24px;
}
.i-like_cnt {
  background: url('../img/listIcon/it_like_cnt.png') left 5px / 14px 12px no-repeat;
  padding-left: 20px;
}
.i-star.i-star_h {
  background: url('../img/listIcon/star_h.png') center left / 15px 15px no-repeat;
}
.i-star.i-star_n {
  background: url('../img/listIcon/star_n.png') center left / 15px 15px no-repeat;
}
.i-review {
  background: url('../img/listIcon/listReview.png') center left / 15px 15px no-repeat;
  padding-left: 22px;
}
.i-review.i-review-16 {
  background: url('../img/listIcon/listReview.png') center left / 16px 16px no-repeat;
}
.i-review_r {
  background: url('../img/common/popupReview.png') center left / 15px 15px no-repeat;
  padding-left: 24px;
}
.i-qna {
  background: url('../img/common/qna.png') center left / 14px 14px no-repeat,
    url('../img/common/arrowTop.png') right center / 12px 7px no-repeat;
  padding-left: 22px;
  padding-right: 32px;
}
.i-qna_2 {
  background: url('../img/common/qna.png') center left / 14px 14px no-repeat,
    url('../img/common/arrowBottom.png') right center / 12px 7px no-repeat;
  padding-left: 22px;
  padding-right: 32px;
}
.i-coin_charge2 {
  background: url(../img/common/coin.png) no-repeat top 5px left / 17px 18px;
  padding-left: 26px;
}
.i-card {
  background: url(../img/common/card.png) no-repeat top 5px left / 22px 18px;
  padding-left: 32px;
}
.i-coin_charge {
  background: url(../img/common/coin.png) center left / 15px 16px no-repeat,
    url(../img/common/arrowRight.png) right top 7px / 7px 12px no-repeat;
  padding-left: 24px;
  padding-right: 16px;
}
.mypage-wrap.coin .i-coin_charge {
  background: url(../img/common/coin.png) center left / 16px 16px no-repeat,
    url(../img/common/arrowRight.png) right top 3px / 7px 12px no-repeat;
  font-size: 1rem;
}
.i-naver {
  background: url('../img/common/login_naver.png') center left / 22px 22px no-repeat;
  padding-left: 22px;
  /* background-size: contain; */
  color: black;
}
.i-face {
  background: url('../img/common/login_face.png') center left / 18px 18px no-repeat;
  padding-left: 22px;
  background-size: contain;
  color: black;
}
.i-kakao {
  background: url('../img/common/login_kakao.png') center left / 22px 22px no-repeat;
  padding-left: 22px;
  /* background-size: contain; */
  color: black;
}
.i-apple {
  /* background: url("../img/common/login_apple.png") center left / 16px 20px no-repeat;
    padding-left: 28px; */
  background: url(../img/common/login_apple.png) center left / 18px 23px no-repeat;
  padding-left: 22px;
  /* background-size: contain; */
  color: black;
}
.i-email {
  background: url('../img/common/login_email.png') center left / 20px 15px no-repeat;
  padding-left: 22px;
  /* background-size: 16px 12px; */
  color: black;
}
.i-lock {
  background: url('../img/common/login_lock.png') center left / 16px 18px no-repeat;
  padding-left: 30px;
  background-size: contain;
}
.i-lock_s {
  background: url('../img/common/login_lock.png') center left / 14px 16px no-repeat;
  /* padding-left: 22px; */
  padding-left: 24px;
  background-size: contain;
  font-weight: bold;
}
.i-lock_c {
  background: url('../img/common/comment_lock.png') center right no-repeat;
  padding-right: 20px;
  background-size: 12px 14px;
}
.i-f-face {
  background: url(../img/footer/footerFacebook.png) left center no-repeat;
  padding-left: 23px;
  background-size: 14px 14px;
}
.i-f-instart {
  background: url('../img/footer/footerInster.png') center left no-repeat;
  padding-left: 23px;
  background-size: 16px 16px;
}
.i-f-blog {
  background: url('../img/footer/footerNaver.png') center left / 14px 14px no-repeat;
  padding-left: 48px;
  background-size: 42px 8px;
}
/* 인기페이지 관련 */
.i-crown_p {
  background: url('../img/common/crown.png') center left no-repeat;
  padding-left: 38px;
  background-size: 28px 28px;
}
.i-star_p {
  background: url('../img/common/star.png') center left no-repeat;
  padding-left: 38px;
  background-size: 28px 28px;
}
.i-review_p {
  background: url('../img/common/review.png') center left no-repeat;
  padding-left: 38px;
  background-size: 28px 28px;
}
.i-call_p {
  background: url('../img/common/call.png') center left no-repeat;
  padding-left: 38px;

  background-size: 28px 28px;
}
.i-star_s {
  background: url('../img/listIcon/s_star_n.png') no-repeat left center / 16px 16px;
  padding-left: 22px;
}
.i-question {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/common/question_y.png) no-repeat;
  background-size: 100%;
  color: transparent;
  vertical-align: sub;
  margin-left: 7px;
}
.i-reply {
  background: url('../img/common/reply.png') no-repeat left center;
  background-size: 15px 10px;
  padding-left: 24px;
}
.comment-answer .i-reply2.f-bold {
  background: url('../img/common/reply2png.png') no-repeat left center;
  background-size: 14px 12px;
  padding-left: 22px;
}
.comment-answer .i-reply2.i-lock_c {
  background: url('../img/common/reply2png.png') no-repeat left center / 14px 12px,
    url('../img/common/comment_lock.png') no-repeat center right / 12px 14px;
  padding-right: 22px;
  padding-left: 22px;
}
.list-fot .i-star_s {
  background: url('../img/listIcon/s_star_n.png') no-repeat left center;
  padding-left: 22px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.list-fot .i-review_s {
  background: url('../img/listIcon/s_review_n.png') no-repeat left center;
  padding-left: 22px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.list-fot .i-call_s {
  background: url('../img/listIcon/s_call_n.png') no-repeat left center;
  padding-left: 22px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.list-fot .i-star_s.active {
  background: url('../img/listIcon/s_star.png') no-repeat left center;
  background-size: contain;
}
.list-fot .i-review_s.active {
  background: url('../img/listIcon/s_review.png') no-repeat left center;
  background-size: contain;
}
.list-fot .i-call_s.active {
  background: url('../img/listIcon/s_call.png') no-repeat left center;
  background-size: contain;
}
.i-share {
  background: url(../img/common/post_share.png) no-repeat left top 1px;
  background-size: 14px 14px;
  padding-left: 24px;
}
.i-like {
  background: url('../img/common/like.png') no-repeat left top;
  background-size: 15px 14px;
  padding-left: 24px;
}
.i-like.active {
  background: url('../img/common/like_active.png') no-repeat left top;
  background-size: 15px 14px;
}
.i-like .text {
  font-weight: 100;
  color: #999;
  font-size: 0.875rem;
}
.i-write {
  background: url('../img/common/write.png') no-repeat left center;
  background-size: 14px 14px;
  padding-left: 24px;
}
.i-write.circle {
  background: url(../img/common/review_write.png) center left / 18px 18px no-repeat,
    url(../img/common/arrowRight_s_w.png) right top 56% / 7px 12px no-repeat;
  padding: 0 14px 0 28px;
}
.i-arrow-r.i-renewal {
  background: url(../img/common/arrow_right_b.png) right top 50% / 5px 9px no-repeat;
}
.i-write.circle.i-renewal {
  background: url(../img/common/review_wirte_blue.png) center left / 18px 18px no-repeat,
    url(../img/common/arrow_right_b.png) right 57% / 5px 9px no-repeat;
  padding: 0 14px 0 28px;
}

.i-option {
  background: url('../img/common/list_option.png') no-repeat left center;
  background-size: 14px 12px;
  padding-left: 20px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.d-flex.f-dir .star-score {
  margin-top: 10px;
}
.star-score {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.statis .i-star {
  background: url(../img/listIcon/listStar.png) center left / 12px 12px no-repeat;
  padding-left: 16px;
}
.statis .i-star.i-star_h {
  background: url(../img/listIcon/star_h.png) center left / 12px 12px no-repeat;
  padding-left: 16px;
}
.statis .i-star.i-star_n {
  background: url(../img/listIcon/star_n.png) center left / 12px 12px no-repeat;
  padding-left: 16px;
}
.statis .star-score .i-star {
  display: inline-block;
  padding-left: 0;
  width: 20px;
  height: 20px;
  background-size: 100%;
  margin-right: 4px;
}
.star-score .i-star:last-child {
  margin-right: 0;
}
.i-service {
  background: url(../img/common/service.png) center left / 16px 14px no-repeat;
  padding-left: 26px;
}
.i-category {
  background: url(../img/common/ic-category.png) center left / 24px 24px no-repeat,
    url(../img/common/arrowRight_s_w.png) right top 10px / 7px 12px no-repeat;
  padding: 0 17px 0 38px;
}
.i-chat {
  background: url(../img/listIcon/listChat.png) top 6px left / 15px 15px no-repeat;
  padding-left: 24px;
}
.i-chating {
  background: url(../img/listIcon/listChating.png) center left / 16px 16px no-repeat;
  padding-left: 22px;
}
.i-arrow-r_w {
  background: url(../img/common/arrowRight_s_w.png) center right / 7px 12px no-repeat;
  padding-right: 14px;
  padding-left: 4px;
}
.i-benefit {
  background: url(../img/common/benefit.png) center left / 16px 16px no-repeat;
  padding-left: 24px;
  height: 16px;
}
.i-info_charge {
  background: url(../img/common/setting.png) center left / 14px 14px no-repeat,
    url(../img/common/arrowRight.png) right top 3px / 5px 9px no-repeat;
  padding-left: 20px;
  padding-right: 14px;
  height: 14px;
}
.i-down {
  background: url(../img/common/download.png) no-repeat center left / 13px 15px;
  padding-left: 20px;
  color: #c1c1c1;
}
.i-up.active {
  background: url(../img/common/upload_active.png) no-repeat center left / 12px 15px;
  padding-left: 20px;
  color: #222;
}
.i-down.active {
  background: url(../img/common/download_active.png) no-repeat center left / 13px 15px;
  padding-left: 20px;
  color: #222;
}
.i-twingkle {
  background: url(../img/common/twingkle.png) no-repeat center left / 12px 12px,
    url(../img/common/twingkle.png) no-repeat center right / 12px 12px;
  padding: 0 20px;
}
.i-twingkle_w {
  background: url(../img/common/twingkle_w.png) no-repeat center left / 12px 12px;
  padding-left: 20px;
}
.i-s_coin {
  background: url(../img/common/s_coin.png) no-repeat center left / 24px 24px;
  padding-left: 34px;
}
.i-s_060 {
  background: url(../img/common/s_060.png) no-repeat center left / 24px 24px;
  padding-left: 34px;
}
.i-s_reserv {
  background: url(../img/common/s_reserv.png) no-repeat center left / 24px 24px;
  padding-left: 34px;
}
.i-s_chat {
  background: url(../img/common/s_chat.png) no-repeat center left / 24px 24px;
  padding-left: 34px;
}
.i-s_shop {
  background: url(../img/common/s_shop.png) no-repeat center left / 24px 24px;
  padding-left: 34px;
}
.i-coupon_star {
  background: url(../img/common/coupon_star.png) no-repeat top 5px left / 18px 18px;
  padding-left: 28px;
}
.i-trash {
  background: url('../img/common/trash.png') center left / 17px 18px no-repeat;
  padding-left: 24px;
}
.i-best {
  width: 48px;
  height: 20px;
  display: block;
  background: url(../img/listIcon/best_btn.png) no-repeat center / cover;
  margin-left: 10px;
}
.i-what {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/common/what.png) no-repeat right / contain;
  padding-left: 8px;
  cursor: pointer;
  box-sizing: content-box;
}
.i-line {
  width: 1px;
  height: 36px;
  background: #e7e7e7;
}
/* 계산기 */
.i-cc {
  background: url(../img/common/calculator.png) top 5px left / 15px 16px no-repeat;
  padding-left: 24px;
}
.i-plus {
  background: url(../img/common/plus.png) no-repeat left top 5px;
  background-size: 14px 14px;
  padding-left: 22px;
}
.i-plus_w {
  background: url(../img/common/plus_w.png) no-repeat right top 6.4px;
  background-size: 12px 12px;
  padding-right: 20px;
}
.i-close {
  background: url(../img/common/close_btn.png) no-repeat left 9px center;
  background-size: 9px 9px;
  font-size: 13px;
}
.i-is {
  background: url(../img/common/reveiw_is.png) no-repeat;
  background-size: 18px 18px;
  background-position: left top 1px;
  padding-left: 26px;
}
.i-ver2_list {
  background: url(../img/common/ver2_list.png) no-repeat;
  background-size: 12px 12px;
  background-position: left center;
  padding-left: 20px;
}
.i-location {
  background: url(../img/common/ic_location.png) no-repeat;
  background-size: 13px 15px;
  background-position: left center;
  padding-left: 20px;
}
.i-location.mt {
  background: url(../img/common/ic_location_mt.png) no-repeat;
  background-size: 12px 14px;
  background-position: left 3px;
  padding-left: 20px;
}
.i-calandar {
  background: url(../img/common/ic_calandar.png) no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  line-height: 20px;
  padding-left: 30px;
}
.i-clock {
  background: url(../img/common/ic_clock.png) no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  line-height: 20px;
  padding-left: 30px;
}
[class^='i-'] {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
/* ㅡㅡ수정 */
/* .disabled .i-ver2_list{
    background-image: url(../img/common/d_ver2_list.png);
} */
.list-consult-ul.arrow .data {
  padding-right: 26px;
}
/* ///////////////////////////////btn////////////////////////// */
.btn {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: white;
  font-size: 1rem;
  font-weight: bold;
  /* background: #6335b4; */
  background: #c1c1c1;
  text-align: center;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .btn {
    height: 46px;
    line-height: 46px;
  }
}
.btn.success-policy {
  border: 1px solid #e3e7ed;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  background: #ffffff;
  color: #222222;
}
.btn.success-policy > span {
  padding-right: 14px;
  background: url(/hong4/_img/main/arrow-right-black.svg) right top 56% / 7px 12px no-repeat;
}
@media screen and (max-width: 719px) {
  .btn.success-policy {
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    font-size: 14px;
  }
  .btn.success-policy > span {
    padding-right: 11px;
    background: url(/hong4/_img/main/arrow-right-black.svg) right top 55% / 5px 9px no-repeat;
  }
  .btn.success-write {
    line-height: 20px !important;
    height: 38px !important;
    font-size: 14px;
  }
  .btn.success-write > span {
    padding: 0 11px 0 20px;
    font-size: 14px;
  }
  .btn.success-write.ver2 > span {
    padding-left: 0;
    background: url(../img/common/arrowRight_s_w.png) right center/5px 9px no-repeat #1ab8be;
  }
}
.btn.active {
  background: #6335b4;
}
.btn.mint {
  background: #1ab8be;
}
.btn.white {
  background: white;
  border: 1px solid #e5e4e9;
  color: #222;
}
.btn.white.space {
  margin: 20px 0 0px;
}
.btn.white.left {
  text-align: left;
  text-indent: 16px;
}
.btn.h40 {
  height: 40px;
  line-height: 38px;
  font-size: 0.875rem;
  margin-top: 24px;
}
.login.space {
  margin-top: 34px;
}
.header-home-btn {
  display: none;
  color: white;
  font-size: 1rem;
  font-weight: normal;
  align-items: center;
}
.header-side-btn {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.header-side-btn .i-arrow-r {
  padding-right: 18px;
  background: url(../img/common/arrowRight.png) no-repeat right top 3px / 7px 12px;
}
.btn-set {
  display: flex;
  margin-top: 40px;
}
.btn-set a {
  margin-right: 8px;
}
.btn-set a:last-child {
  margin-right: 0;
}
.btn-set a.new-tag {
  position: relative;
}
.class-list-btn a.new-tag::after,
.btn-set a.new-tag::after {
  content: '';
  position: absolute;
  background: #da4841;
  top: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.btn-set button .i-share {
  vertical-align: -1px;
  /* 필요할수도있음 */
}
.btn-set button.btn {
  border: 1px solid #ccc;
  line-height: 48px;
}
.btn-set button:first-child {
  border-radius: 6px 0 0 6px;
  border-right: 0;
}
.btn-set button:last-child {
  border-radius: 0 6px 6px 0;
}
/* 목록 */
.btn-list {
  display: flex;
  justify-content: space-between;
  padding: 16px 30px 80px;
}
.btn-list a {
  font-weight: bold;
  position: relative;
}
.btn-list > div a:first-child {
  padding-right: 14px;
}
/* 0329상세버튼 변경됨 */
.btn-list.ver2 {
  padding: 20px 30px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-list.ver2.disabled-prev a:first-child,
.btn-list.ver2.disabled-next a:last-child {
  color: #e9e9e9;
}
.btn-list.ver2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 40px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 14px;
}
.btn-list.ver2 a:nth-child(2) {
  width: 239px;
}
.btn-list.ver2 a .i-arrow-l {
  padding-left: 14px;
}
.btn-list.ver2 a .i-arrow-r {
  padding-right: 14px;
}
.btn-list.ver2.disabled-prev a .i-arrow-l {
  background-image: url(../img/common/d_arrowLeft.png);
}
.btn-list.ver2.disabled-next a .i-arrow-r {
  background-image: url(../img/common/d_arrowRight.png);
}

.profile-review .counsel-style > p::after,
.btn-list > div a:first-child::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: #ccc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.profile-review .counsel-style > p::after {
  height: 12px;
  background: #ddd;
}
.profile-review .counsel-style > p:last-child::after {
  display: none;
}
.btn-list > div a:last-child {
  padding-left: 14px;
}
.btn-list > div a:last-child::after {
  display: none;
}
/* 다운로드 */
.down-inner {
  text-align: center;
}
.down-inner p {
  margin-top: 24px;
}
.down-set {
  display: flex;
  align-items: center;
}
.down-set a {
  margin-right: 16px;
  width: 100%;
  height: 46px;
  color: transparent;
}
.down-set a:last-child {
  margin-right: 0;
}
/* 구글다운로드 */
.google-btn {
  background: url(../img/common/google.png) no-repeat;
  background-size: contain;
}
.apple-btn {
  background: url(../img/common/apple.png) no-repeat;
  background-size: contain;
}
.down-set .google-btn {
  background: url(../img/common/google_ver2.png) no-repeat;
  background-size: 100% 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.down-set .apple-btn {
  background: url(../img/common/apple_ver2.png) no-repeat;
  background-size: 100% 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.install-btn {
  font-weight: bold;
  margin-left: 16px;
}
.benefit-btn {
  display: inline-block;
  background: #1ab8be;
  padding: 6px 10px;
  border-radius: 2px;
  color: white;
  font-size: 0.813rem;
  font-weight: bold;
}
/* 운영정책 */
.policy-btn {
  display: inline-block;
  background: white;
  border-radius: 20px;
  padding: 8px 26px;
  border: 1px solid #e5e4e9;
  font-size: 0.813rem;
}
/* 쓰기 */
.write-btn {
  width: 100px;
  height: 100%;
  border: 0;
  background: #7f5bc8;
  border-radius: 0 4px 4px 0;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 뒤로 */
.back-btn {
  background: url(../img/common/header_back.png) no-repeat;
  width: 32px;
  height: 28px;
  background-size: 100%;
  margin-right: 11px;
  color: transparent;
  image-rendering: -webkit-optimize-contrast;
}
/* 공유 */
.share-btn {
  display: inline-block;
  width: 26px;
  height: 26px;
  color: transparent;
  background: url(../img/common/share.png) no-repeat;
  background-size: 100%;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}
/* 단골 */
.like-btn {
  width: 16.66%;
  min-width: 120px;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  align-items: center;
}
/* 취소 */
.like-btn.cancel {
  background: #c1c1c1;
  color: white;
}
.like-btn img {
  width: 20px;
  height: 18px;
  margin-right: 8px;
  object-fit: contain;
}
.like-btn p {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5;
}
/* 신고 */
.report-btn {
  display: inline-block;
  width: 19px;
  height: 16px;
  background: url('../img/common/i_report.png') no-repeat left center;
  background-size: 100%;
  color: transparent;
  margin-left: 12px;
}
/* 삭제 */
.d-btn {
  display: inline-block;
  background: url('../img/common/ic_minu_red_o.png') no-repeat center center;
  background-size: 16px 16px;
  color: transparent;
  image-rendering: -webkit-optimize-contrast;
}
/* 닫기 */
.close-btn {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/common/close_btn.png);
  background-size: 100%;
  color: transparent;
}
.close-btn.size-12 {
  width: 12px;
  height: 12px;
}
.pre-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 63px;
  background: #1ab8be;
  padding: 0 20px;
  font-weight: bold;
  color: white;
  margin-top: 80px;
}
.pre-close .white-close {
  color: transparent;
}
.white-close {
  background: url(../img/common/popup_close.png) no-repeat right center;
  background-size: 12px 12px;
  padding-right: 22px;
}
.preview .white-close {
  background: url(../img/common/popup_close.png) no-repeat right top 6.5px;
  background-size: 12px 12px;
}
.close-btn.ver2 {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/common/close_gray.png);
  background-size: 100%;
  color: transparent;
}
/* 번호인증s */
.number-rock-btn {
  display: inline-block;
  position: absolute;
  width: 106px;
  height: 40px;
  line-height: 38px;
  font-size: 0.875rem;
  border-radius: 4px;
  right: 0;
  bottom: 8px;
  border: 1px solid #ddd;
}
/* 인증 시간 */
.number-time-btn {
  display: none;
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  color: #6335b4;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
/* 코인충전 */
.coin-charge-btn {
  width: 100%;
  margin-top: 20px;
  line-height: 48px;
}
/* 저장버튼 */
.save-btn {
  width: 71px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  color: white;
  font-weight: bold;
  background: #6335b4;
  text-align: center;
  border-radius: 2px;
}
/* 일댈문의 답변등록 */
.q-reply-set {
  margin-top: 14px;
}
.q-reply-set textarea {
  width: 100%;
  height: 152px;
  overflow-y: scroll;
  resize: none;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 16px;
}
.q-reply-set textarea::placeholder {
  font-size: 1rem;
}
.q-reply-btn-set {
  display: flex;
  margin-top: 12px;
}
.q-reply-btn-set > a {
  margin-right: 12px;
  height: 40px;
  line-height: 38px;
  font-size: 0.875rem;
  color: #999 !important;
}
.q-reply-btn-set > a:last-child {
  margin-right: 0;
  color: #da4841 !important;
}
.mypage-wrap.coin-result .user-login-inner {
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
}
.mypage-wrap.coin-result .detail-grid {
  margin-top: 8px;
  margin-bottom: 40px;
}
.item-plus {
  padding: 24px 16px 10px;
}
.footer-btn_r {
  width: 100%;
  height: 100%;
  background: #c1c1c1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.footer-btn_r.active {
  background: #6335b4;
}
.footer-btn_r.ing {
  background: #1ab8be;
}
.footer-btn_r.ing img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  object-fit: contain;
}
.footer-btn_r.bell {
  background: #ccc;
}
.footer-btn_r p {
  color: white;
  font-size: 1.25rem;
  font-weight: bold;
}
.footer-btn_r .sub-text {
  font-size: 0.875rem;
  font-weight: normal;
  margin-top: 5px;
}
.footer-btn_r .alarm {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 22px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: transparent;
}
.footer-btn_r .alarm.on {
  background: url(../img/footer/footer_bell_active.png) no-repeat;
  background-size: 100%;
}
.footer-btn_r .alarm.off {
  background: url(../img/footer/footer_bell.png) no-repeat;
  background-size: 100%;
}
.login-btn {
  width: 100%;
  min-width: 388px;
  height: 50px;
  display: block;
  border: 1px solid #e5e4e9;
  background: white;
  padding: 20px 0 18px;
  font-size: 0.875rem;
  margin-top: 10px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  /* text-align: left; */
  /* text-indent: 114px; */
}
.login-btn div {
  display: inline-block;
  /* width: 42%;
    width: 46%; */
  min-width: 170px;
  text-align: left;
  /* border: 1px solid; */
}
.login-btn.login {
  font-family: var(--h-body-font-family);
  color: white;
  background: #6335b4;
  border: 1px solid #6335b4;
  font-weight: bold;
  text-indent: 0;
  text-align: center;
  font-size: 1rem;
  height: 50px;
  padding: 17px 0;
  margin-top: 44px;
}
.login-btn.join {
  color: white;
  background: #1ab8be;
  border: 1px solid #1ab8be;
  font-weight: bold;
  font-size: 1.125em;
  text-indent: 0;
  text-align: center;
  margin-top: 27px;
  padding: 18px 0;
}
/* list 전화 버튼 */
.counsel-btn {
  display: inline-block;
  width: 160px;
  min-width: 160px;
  height: 60px;
  line-height: 61px;
  background: #4e008e;
  text-align: center;
  color: white;
  font-weight: bold;
  border: 0;
  border-radius: 4px;
  margin-top: -20px;
  /* 리스트, 버튼 따로 영역 수정 */
  position: absolute;
  right: 20px;
  top: 58px;
  width: 160px !important;
}
.profile-item-list li:first-child .counsel-btn {
  top: 93px;
}
.counsel-btn.call {
  background: #4e008e;
}
.counsel-btn.ing {
  background: #1ab8be;
}
.counsel-btn.bell {
  background: #cccccc;
}
/* status-btn */
.status-div {
  display: flex;
  justify-content: flex-end;
  padding: 16px;
}
.status-div.type1 {
  justify-content: space-between;
  align-items: center;
  border-bottom: #e9e9e9 1px solid;
  padding: 16px 0;
  margin: 0 16px;
}
.status-div.type1 .date-tx {
  display: flex;
  align-items: center;
}
.status-div.type1 .date-tx .date {
  margin: 0 15px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  color: #222;
}
.status-div.type1 .date-tx .prev,
.status-div.type1 .date-tx .next {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.status-div.type1 .date-tx .prev span,
.status-div.type1 .date-tx .next span {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.status-div.type1 .date-tx .prev::after,
.status-div.type1 .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);
}
.status-div.type1 .date-tx .prev::after {
  transform: rotate(-135deg);
}

.status-btn {
  display: inline-block;
  height: 30px;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.9;
  background: url(../img/common/arrowBottom.png) right 16px center / 9px 5px no-repeat;
  padding-right: 35px;
  padding-left: 10px;
  color: #222;
}

.status-btn-like {
  display: inline-block;
  width: 148px;
  height: 30px;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.9;
  background: url(../img/common/arrowBottom.png) right 16px center / 9px 5px no-repeat;
  padding-right: 18px;
  color: #222;
}

.detail-btn {
  position: absolute;
  right: 16px;
  color: transparent;
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../img/common/arrowRight.png) right center / 7px 12px no-repeat;
}
/* 쿠폰지급 */
.coupon-pay-btn {
  display: inline-block;
  background: url(../img/common/coin_pay.png) no-repeat;
  background-size: 100%;
  color: transparent;
  width: 60px;
  height: 18px;
  vertical-align: 1px;
  margin-left: 4px;
}
/* 클래스 추가 */
.btn.plus {
  background: #f5f5f5;
  border: 1px solid #ddd;
  font-weight: bold !important;
  color: #222;
  line-height: 47px;
}
/* .t-purple */
/* 최근 작성순 */
.lately-btn {
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  max-width: 110px;
  width: 100%;
  height: 30px;
  line-height: 26px;
  text-align: center;
  margin-left: 14px;
}
.lately-btn span {
  font-size: 12px;
}
.lately-btn.sm {
  max-width: 60px;
  font-size: 14px;
}
/* 3.0메인 */
.wraper {
}
.category-banner {
  width: 100%;
  height: 70px;
  background: #da4841;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  position: relative;
  top: -70px;

  transition: 1s;
  transform: translateY(70px);
}
.category-banner p {
  height: 30px;
  line-height: 30px;
}
.main-event-banner {
  position: relative;
  background: url(../img/banner/mainEventBanner.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 65px;
  line-height: 65px;
}
.main-event-banner p {
  text-align: center;
  color: #4e008e;
  font-weight: bold;
}
.main-event-banner .banner-close {
  position: absolute;
  right: 20px;
  color: transparent;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(../img/common/close_btn.png) no-repeat;
  background-size: 100%;
}
.header {
  width: 100%;
  height: auto;
  background: white;
}
.header-top {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  justify-content: space-between;
  width: 100%;
  height: 80px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 25;
}
.footer-fix,
.header-top.gnb {
  position: fixed;
  top: 0;
  /* left: 0; */
  /* width: 718px; */
  border-bottom: 1px solid #eee;
  /* 그림자지우기 */
  /* box-shadow: 0px 2px 2px #eee; */
}
.header-top.gnb.active {
  top: 70px;
}
.footer-fix {
  bottom: 0;
  width: 100%;
  max-width: 718px;
  top: initial;
  height: 77px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 5;
  padding: 10px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
}
.footer-fix > a {
  margin-right: 10px;
}
.footer-fix > a:last-child {
  margin-right: 0;
}
.footer-fix.chat .ing {
  min-width: 100px;
  width: 27.77%;
  margin-right: 8px;
}
.footer-fix.chat .active {
  min-width: 162px;
  width: 100%;
}
.footer-basic {
  /* padding: 0 26px;  */
  padding: 0;
  height: 54px;
  font-size: 0.786rem;
}
.footer-basic ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.footer-basic ul li a,
.footer-basic ul li {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.footer-basic ul li a {
  padding: 9px 0;
}
.footer-basic a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-bottom: 4px;
}

.logo {
  display: inline-block;
  /* background: url(../img/logo/hongcafeLogo.png)no-repeat; */
  background: url(../img/logo/hongcafeLogo_new.png) no-repeat;
  background-size: cover;
  /* width: 138.4px; height: 39.2px; margin-top: 16px; */
  width: 155.8px;
  height: 39.2px;
  margin-top: 19.8px;
  color: transparent;
  text-indent: -999px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.ver2 .logo {
  /* background: url(../img/logo/Logo.png)no-repeat; */
  background: url(../img/logo/Logo_new.png) no-repeat;
  /* background-size: cover; */
  background-size: contain;
}
.header-body {
  display: flex;
  /* padding: 0 20px 56px; */
  padding: 0 0 56px;
  overflow: hidden;
}
.header-body .header-slide {
  width: 100%;
  min-width: 586px;
  max-width: 586px;
  height: 320px;
  /* border: 1px solid #eee; */
  /* 임시 border */
  margin-left: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.header-list {
  display: flex;
  font-size: 1rem;
  margin-top: 35px;
}
.header.ver2 {
  background: #4912ab;
}
body:not(.hong4) .header.ver2 .header-top {
  display: flex;
  flex-direction: row;
  /* align-items: center; */
  justify-content: space-between;
  width: 100%;
  height: 80px;
  padding: 0 20px;
  /* z-index: 1; */
  /* 팝업 띄웠을 때 헤더 보이게 할건지 하면 4 안하면 1 */
  z-index: 4;
  /* background: #4912ab; */
  background: rgba(73, 18, 171, 0.8);

  /* 채팅상담 연결 수정중 */
}
/* .header.ver2 .cut-line p,  */
.header.ver2 .header-list li {
  color: white;
}
.header.ver2 .header-list li.active {
  color: #ffdb4a;
}
.header.ver2 .header-list li.active h2 {
  font-weight: bold;
}
/* 서브 상단  인기혜택검색 메뉴 */
.header.ver2 .header-list.snb {
  border: none;
  background: none;
  border-radius: 0;
}
.header.ver2 .header-list.snb li {
  color: #470081;
  background-color: #fff;
}
.header.ver2 .header-list.snb li.active {
  background: #470081;
  color: #fff;
}
.header.ver2 .header-list.snb li:first-child {
  border-radius: 4px 0 0 4px;
}
.header.ver2 .header-list.snb li:last-child {
  border-radius: 0 4px 4px 0;
}
.header.ver2 .header-list.snb li::after {
  z-index: 5;
}
.header.ver2 .header-list.snb li.active .i-search_2 {
  background-image: url(../img/mainIcon/mainSearch_2_w.png);
}
/* 채팅상담 연결 떴을 때 */
.header.chat-cnt {
  position: fixed;
  max-width: 718px;
  z-index: 4;
  background: white;
}
.header.chat-cnt .category-banner {
  position: absolute;
  top: -70px;
}
.header.chat-cnt .header-top.gnb {
  top: 70px;
}
.header-title.chat-cnt {
  padding-top: 150px;
}
.header.chat-cnt.link-two .header-top.gnb {
  top: 140px;
}
.header-title.chat-cnt.link-two {
  padding-top: 220px;
}
.header.chat-cnt.link-two > a.category-banner:nth-child(2) {
  top: 0;
}
.footer-top {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  font-size: 0.688rem;
  color: #707070;
}
.footer-center {
  background: #f5f5f5;
  padding: 17px 20px 28px;
  font-size: 0.75rem;
  color: #666666;
}
.footer-center .footer-center_t {
  line-height: 24px;
  border-bottom: 1px solid #e5e4e9;
  padding-bottom: 16px;
}
.footer-center .footer-center_f {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #999;
  line-height: 18px;
  font-size: 0.688rem;
  letter-spacing: -0.33px;
  border-bottom: 1px solid #e5e4e9;
}
.footer-list {
  display: flex;
}
/* .footer-bottom_m,
.footer-top_m,
.footer-center_m {
    display: none;
} */
/* li 옆 커트 라인 */
.footer-list li,
.cut-line p,
.header-list li {
  padding: 0 12px;
  position: relative;
}
.cut-line p {
  padding: 0 10px;
}
.cut-line p:first-child {
  padding-left: 0;
}
.list-fot ul.on li::after,
.footer-list li::after,
.cut-line p::after,
.header-list li::after {
  display: inline-block;
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #e9e9e9;
  /* top: 3px; */
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header-list li::after {
  top: 9px;
}
.cut-line p::after {
  height: 14px;
}
.footer-list li::after {
  height: 8px;
  /* top: 2px; */
}
.list-fot ul.on li::after {
  /* top: -1px;
    height: 16px;
    background: #f1f1f1; */
  top: 50%;
  height: 16px;
  background: #f1f1f1;
  transform: translateY(-50%);
}
.profile-wrap.main .item-info p:first-child::after,
.footer-list.two li::after,
.list-fot ul.on li:last-child::after,
.footer-list li:last-child::after,
.cut-line p:last-child::after,
.header-list li:last-child:after {
  display: none;
}
.header-list.snb {
  background: #f7f7fa;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 30px;
  margin-top: 30px;
}
.header-list.snb li {
  position: relative;
  padding: 5px 12px;
  font-size: 0.938rem;
  border-right: 1px solid #ddd;
  margin: 0;
  line-height: 20px;
}
.header-list.mobile li.new-tag::before,
.header-list.snb li.new-tag::after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 14px;
  height: 14px;
  /* top: -6px; */
  top: 0;
  right: -4px;
  background: url(../img/header/header_new.png) no-repeat;
  background-size: 100%;
}
.header-list.mobile li.new-tag::before {
  width: 10px;
  height: 10px;
  top: -8px;
  right: 0px;
}
.header-list.snb li::after {
  display: none;
}
.header-list.snb li:last-child {
  border-right: 0;
}
.header-list.mobile {
  display: none;
  position: relative;
}
.header-list.mobile li {
  float: left;
  position: relative;
}
.header-list.mobile li h3 {
  font-weight: bold;
}
.header.ver2 .header-list.mobile h3 {
  font-weight: 300;
}
.header.ver2 .header-list.mobile li {
  color: rgba(255, 255, 255, 0.6);
}
.header.ver2 .header-list.mobile li.active h3 {
  font-weight: bold;
  color: white;
}
/* .header-list.mobile li:nth-child(2)::after{
    display: none;
} */
.header-list.mobile li:last-child {
  padding: 0;
}
.header-list.mobile .mobile-search {
  display: inline-block;
  width: 32px;
  height: 32px;
  /* background: url(../img/mainIcon/mainSearch.png) center center / 14px 14px no-repeat #f1f1f1; */
  /* background: url(../img/header/header_search_b.png) right 2px center / 16px 16px no-repeat; */
  background: url(../img/header/header_search_b.png) right 2px top 9px / 16px 16px no-repeat;
  border-radius: 50px;
  color: transparent;
}
.header-title {
  padding: 80px 20px 0;
  display: flex;
  justify-content: space-between;
}
.header-title.scroll-active {
  padding-top: 50px !important;
}
.header-title.scroll-active + .profile-wrap .main-tab.column {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.header-title.pan-header {
  background: #fff;
  position: relative;
  z-index: 2;
}
.header-title-inner {
  height: 62px;
  display: flex;
  align-items: center;
  /* padding: 20px; */
}
.header-title-question {
  display: none;
  align-items: center;
}
.service-center {
  line-height: 60px;
  font-size: 1rem;
  color: #6335b4;
  font-weight: bold;
}
.main-nav {
  padding: 18px 20px 20px;
  background: #f5f5f5;
}
.main-nav-inner {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.main-nav-inner li {
  margin-right: 12px;
}
.main-nav-inner li:nth-child(1) img {
  width: 33.2px;
  height: 31.2px;
}
.main-nav-inner li:nth-child(2) img {
  width: 30.6px;
  height: 30.6px;
}
.main-nav-inner li:nth-child(3) img {
  width: 39.6px;
  height: 25.5px;
  margin-bottom: 24px;
}
.main-nav-inner li:nth-child(4) img {
  width: 26.2px;
  height: 27.8px;
  margin-bottom: 23px;
}
.main-nav-inner li:nth-child(5) img {
  width: 28.4px;
  height: 27.8px;
  margin-bottom: 23px;
}
.main-nav-inner li:nth-child(6) img {
  width: 28.1px;
  height: 25.5px;
  margin-bottom: 25px;
}
.main-nav-inner li:last-child {
  margin-right: 0;
}
.main-post {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
}
.main-post p {
  width: 100%;
  display: inline-block;
}
.main-post .i-arrow-r {
  padding-right: 32px;
}
.main-nav .list-icon {
  width: 104px;
  height: 120px;
  /* border: 1px solid #e9e9e9; */
  border: 1px solid #e4e4e4;
  background: white;
  padding: 20px 17px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
}
.main-nav .list-icon img {
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 18px;
}
/* 메인 탭, 서브 탭 */
.main-tab {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: white;
  width: 100%;
  height: 62px;
  padding: 0 20px;
}
.main-tab.pan-tab {
  position: relative;
  z-index: 2;
}
.sub-tab {
  width: 100%;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
}
.sub-tab ul,
.main-tab ul {
  display: flex;
  width: 100%;
  height: 100%;
}
.sub-tab ul li,
.main-tab ul li {
  width: 100%;
}
.sub-tab ul {
  border-radius: 4px;
  overflow: hidden;
}
.sub-tab ul .new-tag,
.main-tab ul .new-tag {
  width: 100%;
  position: relative;
}
.sub-tab ul .new-tag::after,
.main-tab ul .new-tag::after {
  position: absolute;
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  background: #1ab8be;
  border-radius: 50%;
  top: 0;
  right: -11px;
}
.sub-tab .sub-bracket {
  margin-left: 4px;
  font-weight: normal;
}
.sub-tab .active .sub-bracket .color-text_n {
  font-weight: bold;
}
.main-tab ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: 62px;
  font-size: 18px;
}
.main-tab ul li a.active {
  position: relative;
  font-weight: bold;
  color: #6335b4;
}
.mypage-wrap-corr .main-tab ul li a.active {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #6335b4;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  z-index: 99;
}
.mypage-wrap-corr .main-tab ul li:nth-child(3n) a.active {
  width: 100%;
}
.mypage-wrap-corr .main-tab ul li:nth-child(7) a.active,
.mypage-wrap-corr .main-tab ul li:nth-child(8) a.active,
.mypage-wrap-corr .main-tab ul li:nth-child(9) a.active {
  height: 100%;
}
.main-tab ul li a.active::after {
  display: inline-block;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background: #6335b4;
  border-radius: 10px;
  z-index: 3;
}
.main-tab .count {
  display: inline-block;
  font-size: 0.875rem;
  color: #6335b4;
}
.main-tab.column .mobile {
  display: none;
}
.sub-tab ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1rem;
  background: #f1f1f1;
  /* border: 1px solid #e9e9e9; */
  /* 이게 왜 생겼지,,? */
}
/* 서브 탭 옆에 둥근거 없앰 */
/* .sub-tab ul li:first-child a{
    border-radius: 8px 0 0 8px;
}
.sub-tab ul li:last-child a{
    border-radius: 0 8px 8px 0;
} */
.sub-tab ul li a.active {
  font-weight: bold;
  color: #6335b4;
  background: white;
  border: 1px solid #7f5bc8;
  border-radius: 4px;
}
/* 리스트 */
/* 메인리스트 */
.list-item {
  display: inline-block;
  width: 100%;
  height: auto;
  background: rgb(245, 245, 245);
  border-bottom: 1px solid #e9e9e9;
}
/* 인기페이지 전체 리스트 */
/* 작명리스트 */
.list-item.naming {
}
.list-item.naming .list-content > div {
  /* width: 100%;  */
  width: calc(100% - 160px);
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: flex-start;
  padding-top: 4px;
}
.list-item.naming .list-content .coin {
  margin-bottom: 18px;
}
.list-item.naming .list-content .coin {
  display: flex;
  justify-content: space-between;
  padding-right: 24px;
}
.list-item.naming .list-content .coin .item {
  font-size: 0.875rem;
  color: #666;
  font-weight: normal;
}
.list-item .con-right {
  text-align: right;
}
.list-item .con-bot {
  border-top: #e9e9e9 1px solid;
  margin-top: 10px;
  padding-top: 10px;
}
.list-item .list-content .loc {
  margin-top: 10px;
}
.list-item.naming .list-content .naming-title {
  height: auto;
}
/* 흰배경 리스트 inner */
.list-item-inner {
  display: inline-block;
  width: 100%;
  min-height: 179px;
  height: auto;
  border-bottom: 1px solid #e9e9e9;
  background: white;
  padding: 0 20px;
  padding-top: 24px;
  margin-bottom: 6px;
  /* cursor: pointer; */
  position: relative;

  min-height: 182px;
}
/* 흰배경 padding값 inner */
.list-item-inner.ver2 {
  padding: 20px 20px 30px;
  width: 100%;
  height: auto;
  /* min-height: auto; */
}
.list-item-inner.ver2.full-width {
  padding: 0;
}
.list-item-inner.ver2.full-width > p.title {
  display: none;
}
.list-item-inner.ver2.full-width .profile-notice_con {
  background: #fff;
  padding: 0;
}
.list-item-inner.ver2.full-width .profile-notice_bg {
  margin: 0;
  border-radius: 0;
}
.list-item-inner.naming-notice .number-set {
  line-height: 26px;
  font-size: 1rem;
  margin-top: 12px;
}
.list-item-inner.naming-notice .point {
  padding-left: 12px;
}
.list-item-inner .i-coin {
  background: url('../img/listIcon/listCoin.png') top 4px left / 18px 18px no-repeat;
}
.list-item-inner .more-view .i-arrow-r {
  font-weight: bold;
  background: url('../img/common/arrowRight.png') right top 5px / 5px 9px no-repeat;
}
/* .list-item-inner.naming-notice .point::before{
    left: -10px;
} */
/* popular.html 주간 베스트 리스트 페이징 들어갈 때 수정 */
.list-item.row .list-item-inner {
  display: flex;
  /* padding-bottom: 83px; */
  padding-bottom: 40px;
}
.list-item.row .list-item-inner li {
  margin-right: 20px;
}
.list-item.row .list-img {
  border-radius: 8px;
  margin-right: 0;
  height: 108px;
}
.list-item.row .list-img img {
  width: 154px;
  /* height: 108px; */
  height: 100%;
}
.list-item.row .name {
  font-size: 1rem;
  margin-top: 6px;
}
.list-item.row .coin {
  font-size: 0.813rem;
  font-weight: bold;
  margin-top: 10px;
}
.list-item.row .f666 {
  font-size: 0.688rem;
  color: #666;
}
/* .list-item-ul  */
.list-item:last-child .list-item-inner {
  margin-bottom: 0;
  border-bottom: 0;
}
.order-inner.mymenu {
  min-height: calc(100vh - 308px);
}
.order-inner.mymenu .list-item:last-child {
  border-bottom: 1px solid #e9e9e9 !important;
}
.order-inner.mymenu .list-item:last-child .list-item-inner {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 6px;
}
.order-inner.mymenu .list-item-inner {
  display: block;
}
.list-item .intro-tx {
  font-size: 20px;
  color: #222;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 15px;
}
.list-item-inner .f-bold {
  color: #222;
}
.list-item-inner .list-body {
  width: 100%;
  height: 108px;
  display: flex;
  font-size: 1rem;
}
.list-item-inner .list-fot {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  align-items: center;
  height: 48px;
  background: url(../img/common/arrowBottom.png) right center / 12px 7px no-repeat;
  padding-right: 25px;
  image-rendering: -webkit-optimize-contrast;
}
.list-fot .on li {
  position: relative;
  padding: 0 10px;

  height: 30px;
  align-items: center;
}
.list-fot .on li:first-child {
  padding-left: 0;
}
/* list 리뷰 없을 때 */
.list-fot .review-none {
  font-size: 13px;
  color: #707070;
}
.list-item-inner .comment-div {
  display: none;
  background: white;
}
.list-item-inner .fot-inner {
  width: 100%;
  height: 143px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 22px 0 24px;
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  position: relative;
}
/* 메인수정, list 내 댓글 - 닉네임 영역 수정 */
.list-item-inner .list-comment {
  /* width: 79.47%;  */
  /* width: calc(100% - 168px); */
  /* margin-right: 40px; */
  width: 100%;
}
.list-item-inner .fot-inner .comment-link {
  width: 100%;
  display: flex;
  justify-content: left;
}
.list-item-inner .fot-inner .comment-link .point {
  width: 100%;
  min-width: 493px;
  margin-right: 39px;
}

.list-item-inner .fot-inner .comment-link .comment-count {
  background: #ccc;
  min-width: 18px;
  height: 18px;
  border-radius: 50px;
  color: white;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-left: 4px;
}
/* 메인수정 */
.list-item-inner .user-name,
.list-item-inner .fot-inner .number {
  /* min-width: 128px; width: 128px;  */
  /* margin-left: 40px;  */
  /* padding-left: 1rem; */

  min-width: 110px;
  width: 110px;
  text-align: right;
}
.list-item-inner .more-view {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.list-content {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
}
.list-content > div.mlist-inner {
  width: calc(100% - 160px);
}
/* .list-content > div.list-content-inner,
.list-content > div.cut-line{
    width: 100%;
} */
.list-content .name {
  font-size: 1.25rem;
  font-weight: bold;
  /* margin-right: 8px; */
}

.sale .list-item-inner .mlist-inner .name.text-sort {
  line-height: 25px;
}

.visit .list-content .name {
  font-weight: 400;
}
.list-content .naming-title {
  line-height: 1.4;
  padding-right: 30px;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
  height: 53px;
}
.list-content .list-number {
  font-size: 1rem;
}
.list-content .coin {
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 1rem;
}
.list-content .list-text {
  color: #999;
  margin-top: 12px;
}
/* 상담사 qna리스트 */
.qna-list li {
  border-top: 1px solid #e9e9e9;
  height: auto;
}
.qna-list a {
  line-height: 54px;
}
.qna-list li.active {
  font-weight: bold;
}

/* //////////////////////로그인/입/////////////////// */
.login-wrap .form-input {
  text-indent: 0;
  padding: 0;
}
.join-inner,
.login-inner {
  /* width: 388px;  */
  width: 400px; /* qa때 변경해달라고함(박남훈)*/
  margin: 0 auto;
  text-align: center;
}
.login-text {
  font-size: 26px;
  margin-top: 30px;
}
.login-inner form {
  margin-top: 30px;
}
.login-inner .checkbox-div {
  margin: 16px 0 28px;
}
.login-inner .m24t {
  margin-top: 24px;
}
.login-logout.i-arrow-r {
  margin-top: 24px;
  display: inline-block;
  background: url(../img/common/arrowRight.png) right top 4px / 7px 12px no-repeat;
  padding-right: 17px;
}
.login-logout a.link {
  display: inline-block;
  height: 24px;
  border-bottom: 1px solid black;
  text-align: center;
  font-size: 14px;
  margin-bottom: 60px;
}
.join-inner .login-text {
  margin-bottom: 30px;
}
.text-box {
  line-height: 24px;
  text-align: center;
  color: #555;
  font-size: 0.875rem;
  margin-top: 10px;
  padding-bottom: 60px;
}
.text-box.pad0 {
  padding-bottom: 0;
}
.text-box .color-text {
  color: #6335b4;
}
.text-box.left {
  text-align: left;
}
.use-service {
  display: none;
  margin-top: 28px;
}
.join-result-inner {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.join-result-bg {
  position: relative;
  width: 100%;
  height: 180px;
  margin-bottom: 55px;
  margin-top: 10px;
  background: url(../img/banner/welcome_coin.png) no-repeat;
  background-size: 100%;
}
.join-result-bg > div {
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.join-result-bg > div p:first-child {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 20px;
}
.join-result-bg > div p:nth-child(2) {
  font-size: 1.125rem;
}
.join-result-text {
  line-height: 24px;
}
.join-result-text img {
  width: 138px;
  height: 167px;
  margin-bottom: 20px;
}
.join-result-inner.restart img {
  width: 203px;
  height: 178px;
  margin-bottom: 40px;
}
.join-result-text .jr-coin {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.join-result-text .jr-gift {
  margin-bottom: 38px;
}
.join-result-text .jr-link {
  margin-bottom: 36px;
}
.number-rock {
  position: relative;
  margin-top: 20px;
}
.id-find-wrap .m20t {
  margin-top: 20px;
}
.id-find-wrap .m50t {
  margin-top: 50px;
}
/* //////////////////////인기/////////////////// */
.popular-date {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #eee;
}
.popular-date .text {
  font-size: 1.5rem;
}
.popular-date .white-date {
  background: white;
  border: 1px solid #e9e9e9;
  padding: 8px 38px;
  border-radius: 30px;
  margin-left: 14px;
  font-size: 0.875rem;
}
.best-all-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 18px 16px 0;
}
.best-all-top > p {
  height: 20px;
}
.best-all-top .i-star_s {
  background: url('../img/listIcon/s_star.png') no-repeat left center / 20px 20px;
  padding-left: 28px;
  line-height: 20px;
}
.best-all-top .i-review_s {
  background: url('../img/listIcon/s_review.png') no-repeat left center / 20px 20px;
  padding-left: 28px;
  line-height: 20px;
}
.best-all-top .i-call_s {
  background: url('../img/listIcon/s_call.png') no-repeat left center / 20px 20px;
  padding-left: 28px;
  line-height: 20px;
}
.best-all-top .more-view {
  font-size: 0.875rem;
}
.best-all-top .i-arrow-r {
  background: url(../img/common/arrowRight.png) right center / 6px 10px no-repeat;
  padding-right: 12px;
}
.list-item.row .i-coin {
  background: url(../img/listIcon/listCoin.png) center left / 14px 14px no-repeat;
  padding-left: 18px;
}

/* //////////////////////상담사 프로필/////////////////// */
.profile-app-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
}

.profile-app-wrapper .panel {
  width: 100%;
}
/* 프로필공통 */
.profile-wrap.main .profile-info-img {
  background: url(../img/profile/bg_profile.png) no-repeat;
  background-size: cover;
}
.profile-wrap.main .title {
  font-size: 1.071rem;
}
.profile-wrap.main .list-item-inner.naming-notice .number-set {
  margin-top: 12px;
}
.profile-wrap.main .i-partner {
  background: url(../img/listIcon/listPartner.png) center left / 20px 20px no-repeat;
  padding-left: 28px;
}
.profile-wrap.main .i-new {
  background: url(../img/listIcon/listNew.png) center left / 20px 20px no-repeat;
  padding-left: 28px;
}
.profile-wrap.main .item-info {
  display: flex;
  padding-top: 16px;
  margin-bottom: 42px;
  font-size: 1rem;
}
.profile-wrap.main .item-info p:first-child {
  /* margin-right: 18px;  */
  height: 20px;
  line-height: 1.2;
}
.profile-wrap .more-view span {
  font-size: 0.875rem;
}
.profile-wrap .more-view .list_s {
  font-size: 0.75rem;
}
.profile-wrap .title {
  font-size: 1.125rem;
  font-weight: bold;
}
.profile-wrap .detail-wrap .inner-top {
  border-top: 0;
}
.profile-info {
  width: 100%;
  height: 236px;
  background: #f7f7fa;
  padding: 30px 20px;
  display: flex;
  border-bottom: 1px solid #e9e9e9;
}
.profile-info.bgWhite {
  background-color: #fff;
}
.profile-info-img {
  border-radius: 4px;
  /* 배경 이미지만 넣기 */
  /* background: url(../img/profile/6657@3x.png)no-repeat; */
  background: url(../img/profile/bg_tarot.png) no-repeat;
  background-size: cover;
  min-width: 276px;
  height: 176px;
  margin-right: 24px;
  border: 0;
  /* text-align: center; */
}
.list-img img {
  position: absolute;
  /* width: 100%; */
  width: 103%;
  /* height: auto; */
  height: 100%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
/* img[src$=".gif"],  */
.list-img img[src$='.png'] {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.profile-info-img_s img,
.profile-info-img img {
  position: absolute;
  width: 90%;
  /* height: auto; */
  height: 100%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.profile-info-img.list-img::after {
  /* min-width: 42px; */
  font-size: 0.813rem;
  /* font-size: 0.625rem; */
  padding: 6px;
  top: 10px;
  left: 10px;
  line-height: 1.18;
}
.profile-info-img.list-img.chat::after {
  width: 42px;
  height: 47px;
  line-height: 17px;
  padding: 7px;
}
.profile-info-img.img-full img {
  width: 100%;
}
.profile-info-con {
  width: calc(100% - 276px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.profile-info-con .cs-coin {
  font-size: 1.375rem;
  font-weight: bold;
  padding: 12px 0;
  color: #222;
}
.profile-info-con .cs-time {
  font-size: 1rem;
  color: #666;
  font-weight: normal;
}
.profile-info-inner {
  border-bottom: 1px solid #e9e9e9;
  padding: 20px 0;
  line-height: 26px;
}
.profile-info-inner .cs-name {
  font-size: 1.5rem;
  font-weight: bold;
}
.profile-info-inner .cs-name .cs-number {
  font-size: 1.125rem;
  font-weight: normal;
}
.profile-info-inner .con {
  font-size: 1rem;
  margin-top: 8px;
  line-height: 20px;
}
.profile-info_s {
  background: #f7f7fa;
  width: 100%;
  height: 160px;
  padding: 16px 30px 24px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1rem;
}
.counsel-profile {
  display: flex;
  justify-content: space-between;
}
.profile-info-con_s {
  display: flex;
  margin-top: 14px;
  padding-left: 12px;
}
.profile-info-img_s {
  width: 138px;
  height: 88px;
  position: relative;
  background: url(../img/profile/bg_profile.png) no-repeat;
  background-size: cover;
  margin-right: 18px;
  border-radius: 6px;
  overflow: hidden;
}
.profile-info-img_s.t-tarot {
  background: url(../img/profile/bg_tarot.jpg) no-repeat;
  background-size: cover;
}
.profile-info-img_s.t-fortune {
  background: url(../img/profile/bg_fortune.png) no-repeat;
  background-size: cover;
}
.profile-info-img_s.t-saju {
  background: url(../img/profile/bg_saju.jpg) no-repeat;
  background-size: cover;
}
.profile-info-inner_s {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.profile-info-inner_s .cs-name {
  font-size: 1.25rem;
  font-weight: bold;
  margin-right: 16px;
}
.profile-info-inner_s .d-flex {
  align-items: center;
}
.profile-info-inner_s .d-flex .i-partner {
  background-size: 20px 20px;
  padding-left: 26px;
}
.profile-info_s.cs {
  padding: 16px 30px 24px 30px;
}
.profile-notice {
  background: white;
  padding: 20px 20px 30px;
  width: 100%;
  height: auto;
  margin-bottom: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.profile-notice_bg {
  margin-top: 20px;
  background: #f5f5f5;
  padding: 0 114px;
  border-radius: 8px;
}
.profile-notice_con {
  background: #eee;
  padding: 40px 50px;
}
.profile-notice_img {
  width: 352px;
  /* height: 202px;  */
  border-radius: 8px;
  overflow: hidden;
  min-height: 202px;
  height: auto;
}
.list-item-inner.ver2.full-width .profile-notice_img {
  width: 100%;
  border-radius: 0;
}
.profile-notice_text {
  margin-top: 20px;
  line-height: 26px;
  word-break: break-all;
}
.list-item-inner.ver2.full-width .profile-notice_text {
  padding: 0 16px;
}
/* img없을 때 */
.profile-notice_text.img_none {
  margin-top: 0;
}
.profile-notice_con .profile-notice_text:first-child {
  margin-top: 0;
}
.profile-notice_con .profile-notice_img:last-child {
  margin-top: 20px;
}
.month3-more {
  padding: 12px 30px 14px;
  height: 50px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.month3-more p {
  font-size: 1rem;
  color: #222;
}
.month3-more .i-star,
.month3-more .i-review {
  background-size: 18px 18px;
  padding-left: 24px;
}
.point-text.voice {
  margin-right: 10px;
}
/* 상담스타일 div */
.counsel-style {
  padding: 12px 30px 14px;
  height: 51px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.counsel-style .style {
  margin-right: 9px;
}
/* 맨 위 리스트item일 경우 보여주기(hongProfile.html) */
/* .profile-item-list li:first-child .profile-item-title{
    display: inline-block;
} */
.profile-item-title {
  /* display: none;  */
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 18px;
}
.qna-answer {
  display: none;
  height: auto;
  border-top: 1px solid #e9e9e9;
  background: #f5f5f5;
  padding: 14px 20px 16px;
  line-height: 28px;
  font-weight: normal;
  /* padding: 14px 20px 26px; */
}
.qna-answer p {
  line-height: 26px;
}
.post-list {
  padding: 0 30px;
}
.post-list li {
  border-bottom: 1px solid #f1f1f1;
  height: 112px;
}
.post-list li.b-b-1px,
.post-list.b-b-1px,
.all-sns li.b-b-1px {
  border-bottom: 1px solid #f1f1f1 !important;
}
.post-list .post-list-inner {
  display: flex;
  justify-content: space-between;
  padding: 16px 0 16px;
}
.post-list .post-content {
  width: 100%;
  height: 76px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
  padding: 2px 0;
}
.post-list-inner .title {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: flex;
  height: 1rem;
}
.post-list-inner .post-title {
  font-size: 1rem;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: flex;
  height: 1rem;
}
.post-list .post-content .text-sort {
  margin-right: 4px;
}
.post-list .post-content .comment {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.1;
  color: #da4841;
  margin: 0 2px;
  /* 수정 */
  /* color: #6335b4; margin-left: 8px;  */
}
.post-list .list-info-num {
  display: flex;
  align-items: center;
}
.post-list .list-info-num span {
  margin-right: 12px;
}
.post-list .counsel-info {
  display: flex;
  color: #999;
  justify-content: left;
  /* 수정 */
  /* justify-content: space-between;  */
}
.post-list .counsel-info span {
  margin-left: 20px;
}
.post-list .photo {
  margin-left: 20px;
  max-width: 76px;
  height: 76px;
  width: 100%;
}
.post-detail-wrap .post-list {
  min-height: 100px;
  height: auto;
  display: flex;
  align-items: center;
}
.post-detail-wrap .post-list .post-content {
  height: 100px;
  padding: 24px 0;
}
.post-detail-wrap .post-list .post-content .title {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 4px 0 6px;
}
.post-detail-wrap .post-list .list-info-num {
  margin-top: 4px;
}
.post-detail-wrap .post_bg {
  background: #f5f5f5;
  padding: 0 114px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.post-detail-wrap .profile-notice_con {
  max-width: 452px;
  margin: 0 auto;
}
.post-detail-wrap .post-list .post-content .date {
  color: #999;
}
.post-detail-wrap .profile-notice_img {
  border-radius: 0;
}
.post-comment {
  padding: 30px 30px 20px;
  background: white;
}
.comment-write {
  display: flex;
  width: 100%;
  height: 98px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.comment-write textarea {
  border-radius: 4px 0 0 4px;
  /* background: #f5f5f5;  */
  background: white;
  border: solid 1px #ddd;
  padding: 16px;
  font-size: 1rem;
  width: calc(100% - 100px);
  height: 100%;
  resize: none;
}
.post-comment .comment-div li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 122px;
  height: auto;
  border-top: 1px solid #e9e9e9;
  font-size: 1rem;
  padding: 20px 0;
}
.comment-text {
  margin-top: 10px;
  line-height: 26px;
  word-break: break-all;
}
/* 답댓 */
.comment-div.reply li {
  padding-left: 22px;
  background: url(../img/common/reply2png.png) no-repeat left top 22px;
  background-size: 14px 12px;
}
.comment-div.reply li .comment-write {
  margin-bottom: 0px;
}
.comment-div.reply li .comment-write textarea {
  background: white;
  border: 1px solid #ddd;
}
.post-dl {
  display: inline-block;
  border: 1px solid #e9e9e9;
  width: 58px;
  height: 22px;
  line-height: 16px;
  border-radius: 50px;
  margin-left: 8px;
  text-indent: 0px;
  padding: 2px 10px 2px 22px;
}
/* 상담사 프로필 후기탭 */
.review-top {
  text-align: center;
  padding: 0 30px;
  background: #f5f5f5;
  max-height: 420px;
  border-bottom: 1px solid #eee;
}
.review-top .review-info {
  border-bottom: 1px solid #e5e4e9;
  padding: 30px 0 20px;
}
.review-top .review-info .l-text {
  color: #666;
  font-size: 1rem;
}
.review-top .review-info .real {
  font-size: 1.625rem;
  margin-top: 14px;
}
.review-body {
  padding: 24px 0 29px;
  position: relative;
}
.review-body .more-view {
  position: absolute;
  right: 0;
  top: 24px;
}
.review-body .counting {
  font-size: 60px;
  font-weight: bold;
  margin: 20px 0;
}
.review-body .counting span {
  font-size: 1.125rem;
  font-weight: normal;
}
.review-body .btn.mint {
  width: 400px;
}
.review-body .count-notice {
  margin: 16px 0 20px;
  font-size: 0.875rem;
  color: #666;
}
.review-body .i-star {
  background: url(../img/listIcon/listStar.png) center left / 20px 20px no-repeat;
  padding-left: 22px;
}
.review-body .i-arrow-r {
  background: url(../img/common/arrowRight.png) right center / 5px 9px no-repeat;
  padding-right: 12px;
}
.profile-review {
  background: #f5f5f5;
}
.profile-review .tab-inner {
  width: 100%;
  background: white;
  padding: 25px 10px 0;
}
.profile-review .list-item-inner {
  height: auto;
  padding: 26px 30px 24px;
  border-top: 1px solid #e9e9e9;
}
.profile-review .list-item-inner:first-child {
  border-top: 0;
}
.profile-review .list-item-inner:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.profile-review .list-item-inner .title {
  font-weight: bold;
  font-size: 1rem;
  display: flex;
  align-items: center;

  justify-content: space-between;
}

.review-top.hong-photo-renewal {
  background: transparent;
}

.profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .hong-photo {
  margin: 18px 0;
}

.profile-wrap.hongtoon.renewal .review-top.hong-photo-renewal .review-body {
  padding: 0 0 20px;
}

.review-text-renewal .review-text {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.review-text-renewal .review-text::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 89px;
  background: #e9e9e9;
}
.review-text-inner > p {
  color: #222 !important;
  font-weight: normal !important;
  font-size: 20px !important;
}
.review-text-renewal .review-text-inner {
  width: 49%;
  flex: 0 0 49%;
}

.review-middle-text {
  margin: 25px 0 25px;
}

.review-common-btn {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e4e9;
  border-radius: 4px;
  font-size: 16px;
}

.coin-gift-text {
  display: flex;
  font-size: 14px;
  margin-top: 16px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.coin-gift-popup {
  display: none;
  position: absolute;
  left: 50%;
  top: 30px;
  width: 412px;
  height: 72px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e7e7e7;
  transform: translateX(-50%);
  z-index: 9;
  justify-content: space-evenly;
  align-items: center;
}
.coin-gift-popup p {
  font-weight: normal !important;
}
.coin-gift-popup p.f-s12 {
  font-size: 12px !important;
}
.coin-gift-popup p.f-s14 {
  font-size: 14px !important;
  margin-bottom: 5px;
}
.coin-gift-popup span.f-s17 {
  font-size: 17px !important;
}
.coin-gift-text > span:hover ~ .coin-gift-popup,
.coin-gift-text .i-what:hover + .coin-gift-popup {
  display: flex;
}

/* 전화상담 관리 */
.date-form {
  display: flex;
  align-items: center;
  width: 100%;
}

.pos-rel {
  position: relative;
}
.pos-none {
  position: static !important;
}

.b-pan {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.pan-body {
  overflow: hidden;
}

.date-box {
  width: 150px;
  height: 44px;
  border: 1px solid #ddd;
  background: url(../img/listIcon/calendar.png) no-repeat 18px / 16px 17px #fff;
  box-sizing: border-box;
  line-height: 44px;
  text-align: right;
  padding-right: 23px;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .date-box {
    height: 40px;
  }
}

.date-form span {
  margin: 0 6px;
}

.date-form button {
  width: 71px;
  margin-left: 8px;
  height: 44px;
  line-height: 44px;
  font-family: var(--h-body-font-family);
  font-weight: bold;
  border: 1px solid #ddd;
  background: url(../img/listIcon/search.png) no-repeat 10px / 15px 14px #fff;
  text-align: right;
  padding-right: 11px;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .date-form button {
    height: 40px;
    line-height: 40px;
  }
}
.inner-body.p16lr .f-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d-flex.f-dir {
  flex-direction: column;
  margin-left: 0 !important;
  width: 38%;
  flex: 0 0 38%;
  align-items: center;
  padding: 20px 0 27px;
}
.d-flex.f-dir.p0t.p0b {
  width: calc(100% - 38%);
  flex: 0 0 calc(100% - 38%);
}
.inner-body.p16lr .block-btn {
  width: 42px;
  height: 24px;
  border-radius: 2px;
  background: #da4841;
  font-size: 12px;
  display: inline-block;
  font-style: normal;
  line-height: 24px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.inner-body.p16lr .block-btn.block-active {
  width: 67px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
}
/* 작명..  */
.profile-review .list-item-inner .title-nd {
  display: flex;
  justify-content: space-between;
}
.profile-review .list-item-inner .title-nd .f999 {
  font-size: 0.875rem;
  color: #999;
  line-height: 21px;
}
.profile-review .list-item-inner .star-set {
  display: inline-block;
  margin: 0 10px;
}
.profile-review .call-info {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0 12px;
}
.profile-review .call-info.none {
  padding: 0;
  /* padding-top: 16px; */
  padding-top: 12px;
}
.color-text_g,
.profile-review .call-info > p {
  color: #999;
  font-size: 0.875rem;
  font-weight: normal;
}
.profile-review .call-info > a {
  text-align: end;
  min-width: 40px;
}
.profile-review .counsel-style {
  display: flex;
  justify-content: left;
  border-bottom: 1px solid #e9e9e9;
  height: 44px;
  line-height: 44px;
  padding: 0;
}
.profile-review .counsel-style > p {
  font-size: 0.875rem;
  color: #999;
  position: relative;
  padding: 0 14px;
}
.profile-review .counsel-style > p:first-child {
  padding-left: 0;
}
.profile-review .counsel-style > p:last-child {
  padding-right: 0;
}
.profile-review .comment-img {
  width: 100%;
  height: auto;
  background: #f5f5f5;
  margin-top: 16px;
}
.profile-review .comment-img .comment-bg {
  background: #eee;
  max-width: 375px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.profile-review .comment-img .comment-bg img {
  width: 100%;
  height: 100%;
  max-height: 240px;
  object-fit: contain;
}
.profile-review .comment {
  padding-top: 16px;
  line-height: 26px;
  font-size: 1rem;
  word-break: break-all;
}
.profile-review .i-star {
  padding-left: 16px;
}
.comment-answer {
  background: #f5f5f5;
  padding: 18px 18px 24px;
  border-radius: 8px;
  margin-top: 24px;
}
.profile-question .comment-answer {
  margin-top: 18px;
}
.comment-answer .answer {
  margin-top: 12px;
  line-height: 26px;
  word-break: break-all;
}
.comment-answer .answer.secret {
  color: #999;
}
.list-item-inner.blind-cm {
  min-height: auto;
  padding: 24px 0;
}
.list-item-inner.blind-cm > div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.list-item-inner.blind-cm > div img {
  max-width: 44px;
  height: 44px;
  object-fit: contain;
}
.list-item-inner.blind-cm > div p {
  color: #aaa;
  line-height: 1.4;
  font-size: 0.875rem;
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
/* 상담사 프로필 문의탭 */
.qna-notice {
  max-height: 132px;
  padding: 24px 24px 30px 24px;
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  align-items: flex-end;
  border-bottom: 1px solid #e5e4e9;
}
.qna-notice .number-set {
  line-height: 26px;
  width: 100%;
}
.qna-notice .number-set > p {
  color: #666;
}
.qna-notice .number-set > p:first-child {
  margin-bottom: 4px;
  color: #222;
}
.qna-notice .btn.mint {
  min-width: 180px;
  width: 180px;
}
.qna-comment {
  padding: 0 30px;
}
.qna-comment .my-qna {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 60px;
  border-bottom: 1px solid #e9e9e9;
}
.qna-comment .my-qna p {
  font-size: 0.875rem;
}
.profile-question li {
  position: relative;
  width: 100%;
  min-height: 97px;
  height: auto;
  border-bottom: 1px solid #e9e9e9;
  padding: 20px 0 20px 64px;
}
.profile-question li::before {
  display: inline-block;
  position: absolute;
  color: white;
  font-weight: bold;
  border-radius: 30px;
  font-size: 0.813rem;
  padding: 6px 9px;
  left: 0;
  top: 20px;
}
.profile-question li .m10l.m4t p:last-child {
  line-height: 0.9;
}
.profile-question li.wait::before {
  content: '답변대기';
  background: #6335b4;
}
.profile-question li.com::before {
  content: '답변완료';
  background: #1ab8be;
}
.question-comment {
  margin-top: 12px;
  color: #999;
  line-height: 26px;
}
.profile-question .question-comment {
  margin-top: 8px;
}
/* detail 페이지 */
.inner-top {
  width: 100%;
  height: 100px;
  display: flex;
  background: #f5f5f5;
  border-top: 1px solid #e5e4e9;
  border-bottom: 1px solid #e5e4e9;
}
.inner-top.column {
  height: 89px;
}
.inner-top.column .item-info {
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
}
.inner-top.column .item-info.date-form-box > p {
  margin-top: 16px;
}
.inner-top .item-info {
  display: flex;
  justify-content: left;
  align-items: center;
  width: 400px;
  margin: 0 auto;
  background: #f5f5f5;
}
.inner-top .item-info .list-img {
  margin-right: 18px;
}
.inner-top .item-info .cut-line {
  display: flex;
}
.inner-top .coin {
  margin-top: 10px;
}
.inner-top .i-coin_p {
  background: url(../img/listIcon/listCoin_p.png) left top 5px / 16px 16px no-repeat;
  font-weight: bold;
  font-size: 1rem;
  padding-left: 24px;
}
.inner-top .f666 {
  margin-left: 5px;
}
.inner-body {
  width: 400px;
  min-height: 100%;
  margin: 0 auto;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  padding: 0 16px;
}
.inner-body.ver2 {
  padding: 24px 14px;
  border: 0;
  width: 100%;
}
.inner-body .gray-box {
  display: none;
}
.inner-body .number-set {
  padding: 24px 0;
  color: #666;
}
.inner-body .number-set.ver2 {
  padding: 24px 16px;
  color: #222;
  font-size: 16px;
}
@media screen and (max-width: 719px) {
  .inner-body .number-set.ver2 {
    padding: 20 16px;
    font-size: 14px;
  }
}
.inner-body .number-set.first {
  border-bottom: 1px solid #e9e9e9;
}
.inner-body .number-set.two {
  padding-bottom: 0;
}
.cc-wrap .inner-body .number-set.three {
  padding-top: 30px;
}
.inner-body .number-set.three {
  padding-top: 0;
}
.inner-body .number-set p:first-child {
  color: #222;
  margin-bottom: 6px;
}
.inner-body .number-set.normal p:first-child {
  color: #666;
  margin-bottom: 0;
}
.inner-body .number-set textarea {
  width: 100%;
  height: 180px;
  padding: 16px;
  border-radius: 8px;
  margin: 12px 0 14px;
  font-size: 1rem;
  line-height: 24px;
  resize: none;
  background: white;
  border: 1px solid #e5e4e9;
  /* background: #f5f5f5; */
}
.inner-body .number-set .red {
  color: #da4841 !important;
  margin-bottom: 6px;
  font-size: 0.857rem;
}
.inner-body .number-set .red .f-bold {
  font-size: 1rem;
}
/* inner-body checkbox */
.inner-body .check-box {
  margin-top: -0;
  display: flex;
}
.inner-body .radio-box {
  margin-right: 36px;
}
.inner-body .radio-4 .radio-box {
  margin-right: 26.5px;
}
.inner-body .radio-span {
  top: 4px;
  transform: initial;
}
.detail-wrap.qna .btn-set {
  padding: 16px 0 30px;
}
/* 시간 선택 */
.inner-body .number-set .point {
  padding-left: 18px;
}
.inner-body .number-set .point::before {
  padding-left: 6px;
}
.inner-body .cs-time-select {
  padding: 30px 0;
  border-bottom: 1px solid #e9e9e9;
}
.inner-body .cs-payment {
  padding-top: 30px;
}
.inner-body .cs-payment .f-bold,
.inner-body .cs-time-select .f-bold {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 14px;
}
.inner-body .cs-payment .gray,
.inner-body .cs-time-select .gray {
  color: #999;
}
/* 채팅 코인 충전 */
.coin-info_r .my-coin {
  display: flex;
  width: 100%;
  height: 84px;
  margin-top: 14px;
  padding-top: 16px;
}
.coin-info_r .my-coin > div {
  width: 100%;
  height: 100%;
  text-align: center;
}
.coin-info_r .my-coin > div:first-child {
  border-right: 1px solid #e9e9e9;
}
.coin-info_r .my-coin .my {
  font-size: 1.75rem;
  font-weight: bold;
  margin-top: 6px;
}
.coin-info_r .my-coin .use {
  font-size: 1.75rem;
  color: #da4841;
  font-weight: bold;
  margin-top: 6px;
}
/* 카테고리 */
.category-wrap .header-body {
  width: 100%;
  height: 415px;
  padding: 33px 0 62px;
}
.partner-ban {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-bottom: 32px;
}
.partner-ban img {
  image-rendering: -webkit-optimize-contrast;
}
.category-logout {
  padding: 30px 16px;
}
.category-wrap.naming .header-body {
  padding: 32px 0 30px;
  height: 100%;
}
.category-wrap.naming .header-body .header-slide {
  margin-left: 0;
  margin: 0 auto;
}
/* 마이페이지 */
.mypage-wrap .user-login {
  width: 100%;
  height: 89px;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap .user-login-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 400px;
  height: 100%;
  margin: 0 auto;
}
.mypage-wrap .user-login-inner .btn {
  width: 100px;
  height: 48px;
  margin-left: 8px;
}
.mypage-wrap .user-logout-inner {
  width: 400px;
  height: 100%;
  font-size: 0.875rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mypage-wrap .user-logout-inner .user-nc {
  margin-bottom: 8px;
}
.mypage-wrap .user-logout-inner .user-nick {
  font-size: 1rem;
}
.mypage-wrap .user-logout-inner .coin {
  font-size: 1.625rem;
  font-weight: bold;
  margin-left: 8px;
  vertical-align: -5px;
}
.mypage-wrap .user-logout-inner .i-coin_charge {
  background: url(../img/common/coin.png) center left / 12px 13px no-repeat,
    url(../img/common/arrowRight.png) right top 3px / 5px 9px no-repeat;
  padding-left: 18px;
  padding-right: 12px;
}
.mypage-wrap .user-logout-inner > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mypage-wrap .mypage-grid {
  background: white;
  padding: 25px 16px;
  height: 320px;
}
.mypage-wrap .mypage-grid ul {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 10px;
}
.mypage-wrap .mypage-grid ul li {
  background: #eef6f0;
  border-radius: 14px;
  border: 1px solid #ebf1ec;
  overflow: hidden;
  position: relative;
}
.mypage-wrap .mypage-grid ul li.new-tag::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50px;
  width: 6px;
  height: 6px;
  background: #da4841;
}
.mypage-wrap .mypage-grid ul li:nth-child(n + 5) {
  background: #eef3f6;
  border: 1px solid #e8eff3;
}
.mypage-wrap .mypage-grid ul li:nth-child(n + 9) {
  background: #f6eef5;
  border: 1px solid #f8eaf6;
}
.mypage-wrap .mypage-grid ul li:nth-child(13) a {
  font-size: 13px;
}
.mypage-wrap .mypage-grid ul li a {
  display: flex;
  font-size: 0.938rem;
  width: 100%;
  height: 100%;
  text-align: center;
  /* line-height: 1.2; */
  line-height: 1.3;
  align-items: center;
  justify-content: center;
  padding: 7px;
}
/* 카테고리 */

.mypage-wrap .mypage-grid.category {
  height: 366px;
  padding: 24px 16px 10px;
}
.mypage-wrap .mypage-grid.category ul {
  grid-template-rows: 104px 104px 104px;
}
.mypage-wrap .mypage-grid.category li {
  background: #f7f7fa !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 4px !important;
}
.mypage-wrap .mypage-grid.category li a {
  font-weight: bold;
  font-size: 13px;
  flex-direction: column;
  padding: 16px 0;
  justify-content: space-between;
}
.mypage-wrap .mypage-grid.category li a.f11 {
  font-size: 11px;
}
.mypage-wrap .mypage-grid.category li a img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.mypage-wrap .mypage-grid.category li:nth-child(1) img {
  width: 38px;
  height: 36.3px;
}
.mypage-wrap .mypage-grid.category li:nth-child(2) img {
  width: 34px;
  height: 34px;
  margin-bottom: 2px;
}
.mypage-wrap .mypage-grid.category li:nth-child(3) img {
  width: 40px;
  height: 41px;
}
.mypage-wrap .mypage-grid.category li:nth-child(4) img {
  width: 34px;
  height: 32px;
  margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(5) img {
  width: 38px;
  height: 38px;
}
.mypage-wrap .mypage-grid.category li:nth-child(6) img {
  width: 42px;
  height: 31.2px;
  margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(7) img {
  width: 26px;
  height: 30.2px;
  margin-bottom: 10px;
}
.mypage-wrap .mypage-grid.category li:nth-child(8) img {
  width: 24.1px;
  height: 28px;
}
.mypage-wrap .mypage-grid.category li:nth-child(9) img {
  width: 40px;
  height: 28.7px;
  margin-bottom: 6px;
}
.mypage-wrap .mypage-grid.category li:nth-child(10) img {
  width: 34px;
  height: 34px;
  margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(11) img {
  width: 36px;
  height: 35px;
  margin-bottom: 4px;
}
.mypage-wrap .inner-body.main {
  padding: 0;
}
.inner-body.main.pb .menu-list {
  padding-bottom: 139px;
}
.mypage-wrap .inner-body.p16lr {
  padding: 16px;
}
.mypage-wrap .inner-body {
  padding: 16px 0;
  padding-bottom: 80px;
  background: white;
}

.mypage-wrap .inner-body .gray-box {
  display: block;
}
.inner-body .notice {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.inner-body .notice .text-sort {
  display: -webkit-inline-box;
  width: calc(100% - 7px);
}
.inner-body .benefit-set {
  display: flex;
  height: 96px;
  padding: 20px 16px;
  font-size: 15px;
}
.inner-body .benefit-set > a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9f6ef;
  border-radius: 14px;
  margin-right: 6px;
  padding: 16px 14px;
  border: 1px solid #f3efe0;
}
.inner-body .benefit-set .benefit {
  min-width: 228px;
}
.inner-body .benefit-set .i-arrow-r {
  background: url(../img/common/arrowRight.png) right top 4px / 7px 12px no-repeat;
  line-height: 1.2;
  font-size: 1rem;
}
.inner-body .benefit-set .coupon {
  margin-right: 0;
  width: 32.5%;
  min-width: 130px;
}
/* 메뉴리스트 */
.menu-list {
  width: 100%;
  height: auto;
}
.menu-list li {
  border-bottom: 1px solid #e9e9e9;
  background: url(../img/common/arrowRight.png) no-repeat center right 16px / 7px 12px;
}
.menu-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  padding: 16px;
}
/* 상담리스트 */
/* 채팅상담 */
.mypage-wrap.item .list-consult-ul.chat .text-sort {
  /* -webkit-line-clamp: 2; */
  margin-top: 8px;
  color: #666;
  line-height: 1.4;
}
.mypage-wrap.item .list-consult-ul li {
  background: white;
}
.mypage-wrap.item .list-consult-ul li:first-child {
  padding-top: 8px;
}
.mypage-wrap.item .list-consult-ul.chat li:first-child {
  padding: 0;
  margin-top: 6px;
}
.mypage-wrap.item .list-consult-ul li:last-child {
  border-bottom: 0;
}
.mypage-wrap.item .list-consult-ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: white;
  padding: 12px 0px;
}
.mypage-wrap.item .list-consult-ul .list-body {
  display: flex;
  justify-content: left;
  align-items: center;
}
.mypage-wrap.item .list-consult-ul .list-img.circle {
  width: 72px;
  min-width: 72px;
  height: 72px;
  margin-right: 14px;
}
.mypage-wrap.item .list-consult-ul .list-content {
  border-bottom: 0;
  font-size: 0.875rem;
}
.mypage-wrap.item .list-consult-ul.chat .list-content {
  display: inline-block;
  min-height: 40px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner {
  display: flex;
  justify-content: space-between;
}
.list-alarm-ul .list-content .bracket,
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .bracket {
  font-size: 0.875rem;
  margin-left: 6px;
  line-height: 16px;
}
.list-alarm-ul .list-content .bracket {
  margin-left: 8px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .cut-line p:nth-child(2) {
  display: flex;
}
.list-alarm-ul .list-content .fred,
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .fred {
  /* font-size: 1rem;  */
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0 2px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .f14 {
  font-size: 0.875rem;
  padding: 0;
  margin-left: 4px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .consulting {
  font-size: 0.875rem;
  color: #6335b4;
  font-weight: bold;
}
.mypage-wrap.item .list-consult-ul .cut-line {
  display: flex;
  font-size: 1rem;
}
.mypage-wrap.item .list-consult-ul .cut-line p::after {
  height: 12px;
}
.mypage-wrap.item .list-consult-ul .content {
  margin-top: 10px;
}
.mypage-wrap.item .list-consult-ul .data {
  color: #999;
}
.mypage-wrap.chat-consult .inner-body {
  padding: 0px;
}
.chat-cs .list-item .data {
  margin-top: 4px;
}
.chat-cs .list-item .list-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 60px !important;
}
.chat-cs .list-item .list-content-inner {
  width: 100%;
}
/* 구매리스트 */
.mypage-wrap .list-coin-ul,
.mypage-wrap.item .list-consult-ul,
.mypage-wrap.item .list-item-ul {
  width: 100%;
  height: auto;
  padding: 0 16px;
  background: white;
}
.mypage-wrap.item .list-item-ul li {
  height: auto;
  background: white;
  /* min-height: 202px;  */
  padding: 22px 0 16px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 0;
}
.mypage-wrap.item .list-item-ul li > a {
  display: inline-block;
  padding-bottom: 16px;
}
.mypage-wrap.item .list-item-ul .list-body {
  display: flex;
  height: 108px;
}
.mypage-wrap.item .list-item-ul .list-img {
  margin-right: 16px;
  line-height: 12px;
}
.mypage-wrap.item .list-item-ul .list-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-bottom: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set {
  margin-top: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set a {
  font-size: 14px;
  font-weight: normal;
  height: 40px;
  line-height: 38px;
}
.mypage-wrap.item .list-item-ul li .btn-set a:nth-child(2) {
  margin-right: 16px;
}
.mypage-wrap.item .list-item-ul li .btn-set a:last-child {
  margin-right: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set a span {
  font-weight: 600;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 {
  flex-wrap: wrap;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:first-child,
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:nth-child(2) {
  margin-top: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a {
  flex: 1 1 40%;
  margin: 8px 0 0 0;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:nth-child(even) {
  margin-left: 16px;
}
.mypage-wrap.item .list-item-ul li .btn-set.n3 {
  flex-wrap: wrap;
  gap: 8px;
}
.mypage-wrap.item .list-item-ul li .btn-set.n3 a {
  margin: 0;
}
.mypage-wrap.item .list-item-ul li.refund {
  padding-bottom: 6px;
}
.mypage-wrap.item .list-item-ul li.refund .btn-set {
  display: none;
}
.mypage-wrap.item .list-item-ul .list-content .status {
  font-size: 0.75rem;
  color: #6335b4;
}
.mypage-wrap.item .list-item-ul .list-content .status.active {
  color: #da4841;
}
.mypage-wrap.item .list-item-ul .list-content .status span {
  font-size: 0.875rem;
  font-weight: bold;
}
.mypage-wrap.item .list-item-ul .list-content .list-text {
  font-size: 0.938rem;
  color: #222;
  margin-bottom: 6px;
}
.mypage-wrap.item .list-item-ul .list-content .coin {
  font-size: 0.875rem;
  margin-bottom: 12px;
  margin-top: 14px;
}
.mypage-wrap.item .list-item-ul .list-content .coin .f666 {
  font-size: 0.75rem;
  color: #999 !important;
}
.mypage-wrap.item .list-item-ul .list-content .receipt {
  font-size: 0.813rem;
  margin-top: 8px;
  white-space: nowrap;
}
.mypage-wrap.item .list-item-ul .mymenu .list-content {
  padding-top: 1px;
}
.mypage-wrap.item.class.status .list-item.class.mymenu .list-content .list-text {
  margin-top: 8px;
  margin-bottom: 0;
}
.mypage-wrap.item.class .list-item.class.mymenu .list-content .coin {
  margin: 8px 0 0;
}
.mypage-wrap.item.status .list-item-ul .list-item.class.mymenu .list-content p:nth-child(4) {
  margin-bottom: 0;
}
.mypage-wrap.item.status .list-item-ul .list-item.class.mymenu .list-content p.receipt + .receipt {
  margin-top: 8px;
}
/* 코인충전리스트 */
.mypage-wrap .list-coin-ul .list-item {
  background: white;
}
.mypage-wrap .list-alarm-ul .list-item:last-child,
.mypage-wrap .list-coin-ul .list-item:last-child {
  border-bottom: 0;
}
.mypage-wrap .list-alarm-ul.bt-1 .list-item:last-child {
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .list-coin-ul .list-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  min-height: 94px;
}
.mypage-wrap .list-coin-ul .list-body .left {
  width: 50.75%;
  text-align: left;
  line-height: 1.4;
}
.mypage-wrap .list-coin-ul .list-body .center {
  width: 13.75%;
  min-width: 55px;
  text-align: center;
  line-height: 1.9;
}
.mypage-wrap .list-coin-ul .list-body .right {
  width: 27.5%;
  text-align: right;
  line-height: 1.9;
}
.mypage-wrap .list-coin-ul .list-body .f1 {
  font-size: 1rem;
}
.mypage-wrap.coin .my-coin {
  display: flex;
  align-items: center;
}
.mypage-wrap.coin .my-coin .coin-text {
  margin-right: 12px;
  font-size: 1rem;
  font-weight: normal;
}
.mypage-wrap.coin .my-coin .coin {
  font-weight: bold;
  font-size: 1.625rem;
}
.mypage-wrap.coin .user-login-inner {
  justify-content: space-between;
  font-weight: bold;
  font-size: 1.125rem;
}
.mypage-wrap.coin .user-login-inner.center {
  justify-content: center;
}
.mypage-wrap.coin .inner-detail .detail-grid {
  margin-top: 0;
}
/* 결제리스트 */
.mypage-wrap.payment {
  border-top: 1px solid #e9e9e9;
}
/* detail grid */
.mypage-wrap.detail {
  border-top: 1px solid #e9e9e9;
}
.inner-detail {
  width: 400px;
  height: 100%;
  margin: 0 auto;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  padding: 16px;
}
.inner-detail .list-img {
  width: 100%;
  height: 235px;
}
.inner-detail .item-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 24px;
  margin-top: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner-detail .item-title .number {
  font-size: 1.125rem;
  font-weight: normal;
  color: #222;
}
.inner-detail .time-text {
  margin-top: 14px;
  text-align: center;
  font-size: 0.875rem;
}
.inner-detail .text-ar {
  width: 100%;
  height: 150px;
  padding: 16px;
  border-radius: 8px;
  background: white;
  border: 1px solid #e5e4e9;
  resize: none;
  font-size: 1rem;
  line-height: 1.5;
}
.detail-grid {
  display: grid;
  grid-template-columns: 33.69% 66.31%;
  /* grid-template-columns: auto auto;  */
  grid-template-rows: auto;
  margin-top: 18px;
  margin-bottom: 30px;
}
/* mypage_coin_detail.html */
/* mypage_payment_detail.html */
.detail-grid.sm {
  grid-template-columns: 25.3% auto;
}
.list-body .m5l,
.detail-grid .m5l {
  margin-left: 5px;
}
.detail-grid > div {
  padding: 14px;
  font-size: 1rem;
  background: white;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}
.detail-grid > div:nth-child(odd) {
  background: #f5f5f5;
  text-align: left;
  color: #666;
  padding-right: 3px;
}
.detail-grid > div:nth-child(even) {
  /* text-align: right;  */
  text-align: left;
  border-right: 1px solid #e9e9e9;
}
.detail-grid > div:nth-child(even).r {
  text-align: right;
}
.detail-grid > div:nth-last-child(2),
.detail-grid > div:last-child {
  border-bottom: 1px solid #e9e9e9;
}
/* vip혜택안내 */
.inner-detail.ver2 {
  padding: 0 16px;
  border-left: 0;
  border-right: 0;
}
.benefit .detail-grid {
  grid-template-columns: 50% 50%;
  margin-top: 24px;
  margin-bottom: 20px;
}
.benefit .title-text {
  text-align: center;
  font-size: 1.125rem;
  color: #6335b4;
  font-weight: bold;
  margin-top: 14px;
}
.benefit .sub-text {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 16px;
}
.benefit .detail-grid > div {
  text-align: center;
  background: white;
  color: #222;
}
.benefit .detail-grid .gr-head {
  font-size: 0.875rem;
  background: #f5f5f5;
  text-align: center;
  color: #666;
}
/* qa - 수정(가운데정렬) */
/* .benefit .detail-grid > div:nth-child(odd){
    padding-right: 14px; text-align: right;
} */
.benefit .number-set {
  color: #222;
  padding-top: 0;
  font-size: 1rem;
}
.benefit .inner-body .number-set .point::before {
  padding-left: 3px;
}
.benefit .inner-body .number-set .point {
  padding-left: 13px;
  margin-bottom: 0;
}
/* 결제약관 */
.terms .notice-div {
  padding: 14px 0 30px;
  text-align: center;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.125rem;
}
.terms .inner-body .number-set p {
  margin-bottom: 6px;
  color: #222;
  font-size: 1rem;
}
.terms .inner-body .number-set .point {
  margin-bottom: 32px;
}
/* 알림내역 */
.mypage-wrap.alarm .list-item {
  min-height: 86px;
  height: auto;
  background: white;
}
.mypage-wrap.alarm .list-item .list-body {
  height: auto;
  min-height: 86px;
  padding: 16px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mypage-wrap.alarm .list-item .list-content {
  border-bottom: 0;
}
.mypage-wrap.alarm .list-item .data {
  font-size: 0.875rem;
  color: #999;
}
.mypage-wrap.alarm .list-item .text-sort {
  margin-top: 14px;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
.mypage-wrap.setup .fred {
  font-size: 1rem;
  color: #da4841;
  line-height: 24px;
  margin-top: 12px;
}
/* 고객센터 */
.mypage-wrap.service .inner-body {
  padding-top: 0;
}
.mypage-wrap .service-top {
  width: 100%;
  height: 149px;
  background: #f5f5f5;
  text-align: center;
  padding: 22px 0 24px;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .service-top img {
  width: 37px;
  height: 36px;
}
.mypage-wrap .service-top .top-text {
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 14px;
}
.mypage-wrap .service-top .top-content {
  font-size: 1rem;
  color: #666;
}
.mypage-wrap .service-body {
  padding: 12px 16px 0;
}
.mypage-wrap .service-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 112px 112px 112px;
}
.mypage-wrap .service-grid > a {
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}
/* .mypage-wrap .service-grid > a:nth-last-child(2),
.mypage-wrap .service-grid > a:last-child
{
    border-bottom: 0;
} */
/* .mypage-wrap .service-grid a:last-child .grid-a, */
.mypage-wrap .service-grid a:nth-child(3n) .grid-a {
  border-right: 0;
}
.mypage-wrap .service-grid > a.brdN {
  border-bottom: none !important;
}
.mypage-wrap .service-grid .grid-a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  border-right: 1px solid #e9e9e9;
}
.mypage-wrap .service-grid .grid-a img {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}
.mypage-wrap .service-grid .grid-a p {
  font-weight: bold;
  /* font-size: 0.875rem; */
  font-size: 0.938rem;
}
.mypage-wrap .service-grid .grid-a p.sm {
  font-size: 0.786rem;
  margin-top: 2px;
}
/* 이용안내 */
.bt-0 .inner-top,
.service-wrap .inner-top {
  border-top: 0;
}
.service-wrap .inner-body {
  /* padding: 24px 16px 140px; */
  padding: 24px 16px 80px;
}
.service-wrap .detail-grid {
  margin-top: 0;
}
.service-wrap .benefit .detail-grid > div {
  text-align: right;
  padding: 14px;
}
.service-wrap .detail-grid > div:nth-child(even) {
  text-align: right;
}
.service-wrap .detail-grid > div.gr-head {
  text-align: center;
}
.service-wrap .inner-body .number-set p {
  font-size: 1rem;
  color: #222;
}
.service-wrap .inner-body .number-set p .count {
  font-size: 1rem;
}
.service-wrap .inner-body .number-set p:first-child {
  margin-bottom: 0;
}
.service-wrap .inner-body .number-set {
  padding: 12px 0 26px;
}
.service-wrap .item-info {
  font-size: 1.125rem;
}
.service-wrap .flex {
  display: flex;
  justify-content: space-between;
}
.service-wrap .auto-coin-a {
  background: #f7f7fa;
  padding: 18px 0 20px;
  text-align: center;
  line-height: 2;
  border: 1px solid #e9e9e9;
}
.service-wrap .l15 {
  line-height: 1.5;
}
.service-wrap .inner-body .warn.ver2 {
  color: #666;
  padding-top: 14px;
  border-top: 1px solid #e9e9e9;
}
.service-wrap .inner-body .number-set .point {
  padding-left: 12px;
}
.service-wrap .inner-body .number-set .point::before {
  padding-left: 2px;
}
.service-wrap .reserv .gray-box {
  display: block;
}
.service-wrap .s060 .inner-body {
  /* padding: 0; padding-top: 24px; */
  padding: 24px 16px 54px;
}
.service-wrap .reserv .inner-body {
  /* padding: 0; padding-top: 24px; */
  padding: 24px 0 38px;
}
.service-wrap .reserv .inner-body .inner-body-inner {
  padding: 24px 16px;
}
.service-wrap .reserv .inner-body .number-set:first-child {
  padding: 0 16px 24px;
}
.service-wrap .reserv .detail-grid {
  grid-template-rows: 40px 40px 40px 40px;
}
.service-wrap .reserv .detail-grid > div:nth-child(odd),
.service-wrap .reserv .detail-grid > div:nth-child(even) {
  padding: 10px 14px;
  background: white;
  font-size: 1rem;
  text-align: center;
  color: #222;
}
.service-wrap .reserv .detail-grid > div.gr-head {
  font-size: 0.875rem;
  background: #f5f5f5;
  padding: 13px 14px;
  color: #666;
}
/* 이용안내(채팅) */
.service-wrap.review .inner-top,
.service-wrap.item .inner-top,
.service-wrap.chat .inner-top {
  border-top: 1px solid #e5e4e9;
}
/* 이용안내(상품) */
.service-wrap.item .m32t {
  margin-top: 6px;
}
.service-wrap.item .inner-body {
  padding-bottom: 54px;
}
/* 이용안내(후기) */
.service-wrap.review .number-set .number::before {
  display: none;
}
.service-wrap.review .number-set .number.ver2 {
  padding-left: 20px;
}
.service-wrap.review .indent-text {
  padding: 0 16px;
  font-size: 0.875rem;
  line-height: 24px;
}
.service-wrap.review .indent-text .number-set {
  padding: 0px 0px 20px;
}
.service-wrap.review .indent-text .number,
.service-wrap.review .indent-text .point {
  font-size: 0.875rem;
}
.service-wrap.review .indent-text .number {
  padding-left: 10px;
}
.service-wrap.review .indent-text.best .number-set {
  line-height: 22px;
  padding-bottom: 30px;
}
.service-wrap.review .number-set.rule {
  padding-bottom: 14px;
  border-bottom: 1px solid #e9e9e9;
  line-height: 25px;
}
.service-wrap.review .number-set.rule-sub {
  padding-left: 22px;
}
.service-wrap.review .photo-review {
  width: 100%;
  height: 203px;
  border: 1px solid #ddd;
  margin: 12px 0;
  position: relative;
}
.service-wrap.review .photo-review img {
  width: 100%;
}
.service-wrap.review .photo-review .ex {
  display: inline-block;
  position: absolute;
  top: -40px;
  right: 14px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #6335b4;
  text-align: center;
  padding: 18px 0;
  line-height: 1.3;
}
.service-wrap.review .photo-ex-text {
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 24px;
}
.service-wrap.review .grid-b {
  grid-template-columns: 25% 48% 27%;
  margin: 0 0 20px;
}
.service-wrap.review .grid-b .g-bg {
  text-align: center;
}
.service-wrap.review .grid-b > div {
  line-height: 38px;
  border-left: 0;
  border-right: 0;
  font-size: 0.813rem;
  color: #222;
}
.service-wrap.review .grid-b > div:nth-child(3n) {
  text-align: right;
}
.service-wrap.review .grid-b > div:nth-last-child(3) {
  border-bottom: 1px solid #e9e9e9;
}
.service-wrap.brdT {
  border-top: 1px solid #e9e9e9;
}

/* 마이메뉴 쿠폰 */
.mypage-wrap.coupon .inner-body {
  padding: 0;
}
.mypage-wrap.coupon .service-top {
  height: 151px;
  padding: 24px 0 25px;
}
.mypage-wrap.coupon .service-top img {
  width: 37px;
  height: 37px;
}
.mypage-wrap.coupon .service-top .top-text {
  font-size: 1.125rem;
}
.mypage-wrap.coupon .service-top .top-content {
  font-size: 0.875rem;
  color: #222;
}
.mypage-wrap.coupon .reward {
  padding: 20px 16px 24px;
}
.mypage-wrap.coupon .reward-coin {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
  font-size: 1.125rem;
}
.mypage-wrap.coupon .reward-list {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
}
.mypage-wrap.coupon .i-coin_charge {
  background: url(../img/common/coupon_star.png) center left / 14px 14px no-repeat,
    url(../img/common/arrowRight.png) right top 6px / 5px 9px no-repeat;
  padding-left: 20px;
  padding-right: 12px;
}
.mypage-wrap.coupon .benefit-guide {
  padding: 20px 16px 80px;
}
.mypage-wrap.coupon .benefit-guide .number-set.guide01 {
  padding: 0;
  margin-top: 10px;
}
.mypage-wrap.coupon .benefit-guide .number-set.guide02 p,
.mypage-wrap.coupon .benefit-guide .number-set.guide01 p {
  margin-bottom: 0;
}
.mypage-wrap.coupon .benefit-guide .detail-grid {
  margin-top: 20px;
}
.mypage-wrap.coupon .coupon-number {
  padding: 24px 16px 32px;
}
.mypage-wrap.coupon .number-input {
  width: 100%;
  height: 100%;
  position: relative;
}
.mypage-wrap.coupon .number-input input {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 32px;
  width: 100%;
  padding: 15px 30px 8px 0;
  font-size: 1.25rem;
}
.mypage-wrap.coupon .number-input input:focus {
  border-color: #222222;
}
.mypage-wrap.coupon .close-btn.ver2 {
  position: absolute;
  right: 0;
  top: 18px;
}
.mypage-wrap.coupon .usable-coupon {
  padding: 24px 16px 80px;
}
.mypage-wrap.coupon .usable-coupon .bracket {
  font-size: 0.875rem;
  font-weight: normal;
}
.mypage-wrap.coupon .usable-coupon .bracket span {
  margin: 0 2px;
  color: #da4841;
  font-weight: bold;
}
.mypage-wrap.coupon .list-coupon-ul li:first-child {
  padding-top: 24px;
}
.mypage-wrap.coupon .list-coupon-ul li {
  width: 100%;
  min-height: 106px;
  border-bottom: 1px solid #e9e9e9;
  padding: 16px 0;
  display: flex;
  align-items: center;
}
.mypage-wrap.coupon .list-coupon-ul li:last-child {
  border-bottom: 0;
}
.mypage-wrap.coupon .list-coupon-ul img {
  width: 64px;
  min-width: 64px;
  height: 64px;
  margin-right: 16px;
}
.mypage-wrap.coupon .list-coupon-ul .coupon-info {
  font-size: 0.875rem;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.list-coupon-ul .coupon-info .c_title {
  font-size: 1rem;
  font-weight: bold;
  color: #6335b4;
}
.list-coupon-ul .coupon-info .c_content {
  color: #999;
}
/* 상담사 마이메뉴 */
.mypage-wrap.consult .inner {
  padding: 24px 16px;
}
.mypage-wrap.consult .inner.pb0 {
  padding-bottom: 0;
}
.mypage-wrap.consult .inner.pb100 {
  padding-bottom: 100px;
}
.mypage-wrap.consult .item-mg {
  margin-top: 16px;
  display: flex;
  justify-content: left;
}
.mypage-wrap.consult .item-mg > div {
  text-align: center;
  height: 55px;
  width: 100%;
  padding: 4px 19px;
  border-right: 1px solid #e9e9e9;
}
.mypage-wrap.consult .item-mg > div:last-child {
  border-right: 0;
}
.mypage-wrap.consult .item-mg .title {
  font-size: 0.875rem;
}
.mypage-wrap.consult .item-mg .count {
  font-size: 24px;
  margin-top: 8px;
  font-weight: bold;
  color: #222;
}
.mypage-wrap.consult .item-mg .count.red {
  color: #da4841;
}
.mypage-wrap.consult .item-mg .count.navy {
  color: #2c0051;
}
.mypage-wrap.consult .menu-list li {
  background: url(../img/common/arrowRight.png) no-repeat center right;
  background-size: 7px 12px;
}
.mypage-wrap.consult .menu-list li:first-child {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.consult .menu-list li:last-child {
  border-bottom: 0;
}
.mypage-wrap.consult .menu-list li a {
  padding: 16px 0;
  color: #666;
}
.mypage-wrap.consult .call-number {
  background: #f7f7fa;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  height: 95px;
  padding: 20px 33px 20px 37px;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
}
.mypage-wrap.consult .call-number .number {
  font-size: 1.5rem;
  margin-top: 12px;
  color: #222;
  text-align: left;
}
.mypage-wrap.consult .call-number .m16t {
  margin-top: 16px;
}
.mypage-wrap.consult .inner-body .my-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.consult .inner-body .my-info-inner {
  display: flex;
  align-items: center;
}
.mypage-wrap.consult .list-img.circle {
  margin-right: 14px;
  min-width: 60px;
  width: 60px;
  height: 60px;
}
.mypage-wrap.consult .inner-body .my-info-inner .cut-line {
  display: flex;
  font-size: 0.875rem;
}
.mypage-wrap.consult .inner-body .on-off-check,
.mypage-wrap.consult .inner-body .call-method {
  display: flex;
  background: #f5f5f5;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.consult .inner-body .on-off-check.income-call {
  display: block;
  background-color: transparent;
}

.mypage-wrap.consult .inner-body .on-off-check .check-set {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  padding: 16px;
  border-right: 1px solid #e9e9e9;
  width: 100%;
  color: #ccc;
}
.mypage-wrap.consult .inner-body .on-off-check .check-set.active,
.mypage-wrap.consult .inner-body .call-method .check-set.active {
  color: #222;
}
.mypage-wrap.consult .inner-body .on-off-check .check-set:last-child {
  border-right: 0;
}
.mypage-wrap .number-set.fs1r p {
  font-size: 1rem;
}
.mypage-wrap.consult .btn-set {
  margin-top: 12px;
}
.mypage-wrap.consult .inner-body .level .i-arrow-r {
  font-weight: bold;
  font-size: 12px;
  padding-right: 10px;
  background: url('../img/common/arrowRight.png') right top 5px / 5px 9px no-repeat;
}
.mypage-wrap.consult .i-calendar {
  background: url(../img/common/calendar.png) center left / 15px 16px no-repeat,
    url(../img/common/arrowRight.png) right center / 7px 12px no-repeat;
  font-size: 0.875rem;
  padding-left: 20px;
  padding-right: 14px;
}
/* 상담상품 관리 */
.mypage-wrap.chat-consult .list-item-ul li:first-child {
  border-top: 0;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number {
  font-weight: bold;
  margin-top: 10px;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number span {
  font-size: 0.75rem;
  font-weight: normal;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number span.f-bold {
  font-weight: bold;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .coin {
  margin-top: 10px;
  margin-bottom: 0;
}
/* 상담가격 */
.mypage-wrap.consult .inner-body {
  padding: 0;
}
.mypage-wrap.consult .inner-body .number-set {
  padding: 12px 0 20px;
  color: #222;
}
.mypage-wrap.consult .inner-body .number-set p:first-child {
  color: #222;
  margin-bottom: 0;
}
.mypage-wrap.consult .price-select {
  width: 100%;
  height: 50px;
  font-size: 1rem;
  margin-top: 10px;
  -webkit-border-radius: 0;
  box-shadow: none;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 13px 30px 13px 12px;
  -webkit-appearance: none;
  background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
}
.mypage-wrap.consult .upload-set a {
  margin-bottom: 10px;
  font-weight: normal;
  position: relative;
}
.mypage-wrap.consult .upload-set .up-btn-div {
  position: relative;
  margin-bottom: 10px;
}
.mypage-wrap.consult .upload-set .up-btn-div a {
  margin-bottom: 0;
  padding-right: 40px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mypage-wrap.consult .upload-set .up-btn-div > a.close-btn.ver2 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  padding-right: 0;
}
.mypage-wrap.consult .upload-set > a:last-child {
  margin-bottom: 14px;
}
.mypage-wrap.consult .upload-set a .close-btn.ver2 {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
/* 판매상품 */
.mypage-wrap.item .list-item-ul.buy .list-content {
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 10px 0;
}
.mypage-wrap.item .list-item-ul.buy .list-content .coin {
  margin-top: 0;
}
.list-item-ul.buy .cut-line {
  display: flex;
}
.list-item-ul.buy .cut-line .title {
  font-weight: bold;
}
.list-item-ul.buy .cut-line p::after {
  height: 10px;
}
/* 채팅문의 견적 */
/* .naming-wrap.estimate .sub-tab ul li a{
    border: 0;
} */
.naming-wrap.estimate .sub-tab ul li a.active {
  border: 1px solid #7f5bc8;
}
/* gray-box 색 안보임 ㅠ */
/* .review-before,
.tab-wrap ul,
.sub-tab-wrap{
    background: white;
} */
.mypage-wrap.status .tab-wrap .status.consult .inner-body.p16lr .grid-b {
  margin-bottom: 0;
}
.naming-wrap.estimate .tab-wrap.sub > div:not(.all) {
  display: none;
}
.naming-wrap.estimate .tab-wrap.sub > div {
  padding: 0 16px;
}
.naming-wrap.estimate .tab-wrap.sub ul li:first-child {
  margin-top: 4px;
}
.naming-wrap.estimate .tab-wrap.sub ul li .text-date {
  font-size: 1rem;
}
.naming-wrap.estimate .tab-wrap.sub li {
  height: 124px;
  padding: 20px 0;
  border-bottom: 1px solid #e9e9e9;
}
.naming-wrap.estimate .tab-wrap.sub li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.naming-wrap.estimate .tab-wrap.sub .d-flex {
  display: flex;
  justify-content: space-between;
}
/* 상담사 정보 */
.mypage-wrap.info .inner-top {
  height: 80px;
}
.mypage-wrap.info .inner-top .item-info {
  justify-content: center;
}
.mypage-wrap.info .inner-body {
  padding: 24px 16px;
}
.mypage-wrap.info .grid-b {
  margin-top: 0;
}
.mypage-wrap.info .inner-body .grid-b .row2 {
  grid-row: span 2;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.info .inner-body .grid-b .row2.bb-0 {
  border-bottom: 0;
}
.mypage-wrap.rele .number-set,
.mypage-wrap.info .number-set {
  font-size: 1rem;
}
.mypage-wrap.rele .number-set p,
.mypage-wrap.info .number-set p {
  margin: 0;
  color: #222;
}
.mypage-wrap.info .grid-b.m24b {
  margin-bottom: 24px;
}
.mypage-wrap.info .number-set.fs1r {
  padding: 0;
}
.mypage-wrap.info .review-n {
  line-height: 1.8;
  padding-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 24px;
  letter-spacing: -0.32px;
}
.mypage-wrap.info .partner-n {
  line-height: 1.8;
}
.mypage-wrap.info .partner-btn {
  margin: 20px 0 28px;
}
.mypage-wrap.info .grid-b .br-0 {
  border-right: 0;
}
/* 강등조건 */
.mypage-wrap.rele {
  border-top: 1px solid #e9e9e9;
}
.mypage-wrap.rele .inner-body {
  padding: 24px 16px;
}
.mypage-wrap.rele .inner-body .number-set {
  padding: 10px 0 24px;
}
.mypage-wrap.rele .inner-body .grid-b {
  grid-template-columns: 16% 16% 36% 32%;
  margin-top: 0;
  margin-bottom: 24px;
}
.mypage-wrap.rele .inner-body .grid-b .column2 {
  grid-column: span 2;
}
.mypage-wrap.rele .inner-body .grid-b .row5 {
  grid-row: span 5;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.6;
}
.pg .grid-b.level-grid {
  grid-template-columns: 16% 16% 36% 32%;
  margin-top: 0;
  margin-bottom: 24px;
}
.pg .grid-b.level-grid > div {
  font-size: 0.875rem;
  text-align: center;
  padding: 0 6px;
}
.pg .grid-b.level-grid > div:nth-child(2n) {
  border-right: 0;
}
.pg .grid-b.level-grid .column2 {
  grid-column: span 2;
}
.pg .grid-b.level-grid p {
  margin: 0 !important;
}
.mypage-wrap.rele .inner-body .grid-b > div {
  font-size: 0.875rem;
  text-align: center;
  padding: 0 6px;
}
.mypage-wrap.rele .inner-body .grid-b > div:nth-child(2n) {
  border-right: 0;
}
.mypage-wrap.rele .inner-body .notice-t {
  padding-top: 20px;
  border-top: 1px solid #e9e9e9;
  line-height: 1.6;
}
.mypage-wrap.rele .grid-b .left {
  text-align: left !important;
  padding-left: 10px !important;
}
.mypage-wrap.rele .grid-b .right {
  text-align: right !important;
  padding-right: 10px !important;
}
/* 1분타로 */
.minute-wrap .info-section {
  font-size: 1rem;
}
.minute-list {
  background: white;
  padding: 0 30px;
}
.minute-list .post-list {
  /* height: 104px; */
  border-bottom: 1px solid #e9e9e9;
  padding: 0;
}
.minute-list .post-list:first-child {
  margin-top: 12px;
}
.minute-list .post-list:last-child {
  border-bottom: 0;
}
.minute-list .post-list-inner {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 12px 0;
}
.minute-list .post-list.column .list-img.circle img {
  height: 100%;
}
.minute-list .minute-img {
  max-width: 125px;
  min-width: 125px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.minute-list .post-content {
  font-size: 0.875rem;
  margin-left: 20px;
  width: 100%;
  padding: 6px 0 4px;
}

.minute-list.minute-tarot .post-content-ver2 {
  height: auto;
  padding: 16px 0;
  margin-left: 20px;
}

.minute-list.minute-tarot .post-content-ver2 .text-sort {
  margin-top: 10px;
}

.minute-list .post-content p {
  height: 0.875rem;
}

.minute-list.minute-tarot .post-content-ver2 p {
  height: 1.01rem;
}

.minute-list .post-content .title {
  font-weight: bold;
  font-size: 1rem;
  color: #222;
  height: 1rem;
}

.minute-list.minute-tarot .title {
  font-weight: bold;
  font-size: 1rem;
  color: #222;
  height: 1rem;
}
.minute-list .post-content .text-sort {
  color: #666;
}
.minute-list .post-content .data {
  color: #999;
}
.minute-list .comment {
  border: 1px solid #ddd;
  border-radius: 6px;
  text-align: center;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 60px;
  height: 100%;
  padding: 20px 0;
  font-size: 0.813rem;
}

.minute-list .post-content .data span {
  margin-left: 12px;
  color: #222;
}
.minute-list .list-img.circle {
  margin-right: 0;
  width: 80px;
}
.minute-wrap.bt-1,
.post-detail-wrap.bt-1 {
  border-top: 1px solid #e9e9e9;
}
.post-detail-wrap .minute-tarot-img {
  width: 352px;
  height: 538px;
  position: relative;
  margin: 0 auto;
}
.post-detail-wrap .minute-tarot-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-detail-wrap .minute-tarot-img .tarot-start {
  display: inline-block;
  position: absolute;
  width: 140px;
  height: 44px;
  background: white;
  padding: 2px;
  border-radius: 50px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 60px;
}
.post-detail-wrap .minute-tarot-img .tarot-start_inner {
  background: #6335b4;
  border-radius: 50px;
  text-align: center;
  line-height: 40px;
}
.post-detail-wrap .minute-tarot-img .tarot-start_inner .i-arrow-r_w {
  color: white;
  font-size: 1rem;
  font-weight: bold;
}
.tarot-check {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
}
.tarot-check > div {
  text-align: center;
}
.tarot-check > div a img {
  width: 30% !important;
}
.tarot-check > div a.active img {
  transition: 2s;
  opacity: 0;
}
/* 1분타로 상세 */
.post-detail-wrap .profile-notice_con.result {
  padding-top: 80px;
  background: url(../img/banner/1m_tarot_pc.png) no-repeat #8863a8;
  background-size: 100%;
}
.post-detail-wrap .profile-notice_con.result .detail-title {
  color: white;
  font-size: 1.625rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 28px;
}
.post-detail-wrap .profile-notice_con.result .minute-tarot-img {
  width: 236px;
  height: 400px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.post-detail-wrap .profile-notice_con.result .detail-text {
  width: 352px;
  height: auto;
  margin: 0 auto;
  /* height: 340px;  */
  padding: 18px 16px 24px;
  background: #faf3ff;
  border: 1px solid #8250ac;
  border-radius: 8px;
}
.post-detail-wrap .profile-notice_con.result .mean,
.post-detail-wrap .profile-notice_con.result .card {
  color: #555;
  padding-bottom: 14px;
  border-bottom: 1px solid #ded7ee;
}
.post-detail-wrap .profile-notice_con.result .mean {
  padding: 14px 0;
}
.post-detail-wrap .profile-notice_con.result .content {
  color: #222;
  padding-top: 14px;
  line-height: 1.9;
  letter-spacing: -0.5px;
}
.post-detail-wrap .profile-notice_con.result .reset-btn {
  display: inline-block;
  width: 100%;
  height: 30px;
  text-align: center;
  margin-top: 32px;
}
.post-detail-wrap .result .reset-btn img {
  width: 28px;
  height: 28px;
}
.post-detail-wrap .result .reset-btn p {
  color: white;
  font-weight: bold;
  font-size: 0.875rem;
  padding-top: 10px;
}
/* 칼럼,인터뷰 */
.column-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
}
.profile-notice_con.column-space .profile-notice_img:not(:first-child) {
  margin-top: 20px;
}
.column-div .column-number {
  color: #540191;
  text-align: center;
}
.column-div .column-number span {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #540191;
  color: white;
  font-size: 0.875rem;
  border-radius: 50px;
  line-height: 22px;
  font-weight: bold;
  margin-left: 4px;
}
.column-div .column-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin-top: 12px;
}
/* 홍툰 */
.minute-list.hongtoon .new-tag {
  position: relative;
}
.minute-list.hongtoon .new-tag::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url(../img/common/toon_new.png) no-repeat center center;
  background-size: 100%;
  margin-left: 10px;
  transform: translateY(2.5px);
}
.minute-list.hongtoon li {
  height: 120px;
}
.minute-list.hongtoon .toon-img {
  width: 96px;
  min-width: 96px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
.minute-list.hongtoon .post-content {
  height: auto;
  padding: 25px 0;
}
.minute-list.hongtoon .post-content .title {
  color: #222;
  display: -webkit-box;
}
.minute-list.hongtoon .post-content .data span {
  margin-left: 0;
  margin-right: 12px;
}
.minute-list.hongtoon .comment {
  height: auto;
  margin: 8px 0;
}
.post-detail-wrap.hongtoon .post_bg {
  padding: 30px;
}
.post-detail-wrap.hongtoon .btn-set {
  max-width: 352px;
  margin: 40px auto 10px;
}
.post-detail-wrap.hongtoon .d-flex {
  display: flex;
  align-items: center;
}
.post-detail-wrap.hongtoon .comment-div.reply .checkbox-div > p {
  font-size: 0.875rem;
}
.if-cm {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.if-cm > a::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 12px;
  background: #ccc;
  margin: 0 8px;
}
.if-cm > a:last-child:after {
  display: none;
}
.if-cm .cm-like > span {
  padding-right: 20px;
  font-size: 0.875rem;
  color: #da4841;
  background: url(../img/common/cm_like.png) no-repeat right center;
  background-size: 14px 13px;
}
.if-cm .cm-like.dis > span {
  color: #707070;
  background: url(../img/common/cm_dislike.png) no-repeat right top 4px;
  background-size: 14px 13px;
}
.if-cm .cm-like.active > span {
  background: url(../img/common/cm_like_active.png) no-repeat right center;
  background-size: 14px 13px;
}
.if-cm .cm-like.dis.active > span {
  background: url(../img/common/cm_dislike_active.png) no-repeat right top 4px;
  background-size: 14px 13px;
}
/* 답글버튼 */
.recm-btn {
  display: inline-block;
  border: 1px solid #e9e9e9;
  font-size: 0.813rem;
  width: 100%;
  max-width: 98px;
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 20px;
  background: url(../img/common/arrowBottom.png) no-repeat right 12px center / 9px 5px;
}
.recm-btn.active {
  background: url(../img/common/arrowTop.png) no-repeat right 12px center / 9px 5px;
}
/* 홍툰후기 */
.profile-wrap.hongtoon {
  border-top: 1px solid #e9e9e9;
}
.profile-wrap.hongtoon .review-top {
  max-height: 100%;
  height: auto;
  overflow: hidden;
}
.profile-wrap.hongtoon .review-top.review-text-renewal {
  overflow: visible;
}
.profile-wrap.hongtoon .review-info {
  border-bottom: 0;
  padding: 30px 0 20px;
}
.profile-wrap.hongtoon .review-body {
  padding: 0 0 35px;
}
.profile-wrap.hongtoon .review-body .count-notice {
  margin-bottom: 36px;
}
.profile-wrap.hongtoon .hong-photo {
  display: flex;
}
.profile-wrap.hongtoon .hong-photo > a {
  display: inline-block;
  width: 153px;
  height: 153px;
  margin-right: 16px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.profile-wrap.hongtoon .hong-photo > a:last-child {
  margin-right: 0;
}
.profile-wrap.hongtoon .hong-hand {
  display: inline-block;
  width: 400px;
  margin-top: 24px;
  font-size: 0.875rem;
  font-weight: normal;
}
.profile-wrap.hongtoon .hong-hand .i-arrow-r {
  background: url(../img/common/arrowRight.png) right center / 9px 12px no-repeat;
}
.profile-wrap.hongtoon .profile-review {
  margin: 24px 0;
}
.profile-wrap.hongtoon.renewal .profile-review {
  margin: 0;
}
.profile-wrap.hongtoon .sub-tab {
  padding: 0 30px;
  background: white;
}

/* 단골리스트 */
.event-wrap.custom {
  padding-top: 0;
}
.custom-top {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #f5f5f5;
  height: 92px;
  padding: 20px 0;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.4;
}
.custom .list-controller {
  align-items: center;
}
.custom .custom-select {
  max-width: 111px;
  width: 100%;
  height: 30px;
  line-height: 28px;
  font-size: 0.875rem;
  color: #222;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  text-align: center;
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
  text-indent: initial;
}
.custom .custom-select option {
  transform: translateX(-50%);
}
.custom-logout {
  text-align: center;
  padding: 100px 160px 500px;
}
.custom-logout > p {
  margin-bottom: 24px;
  font-size: 1rem;
}
/* 파트너 신청 */
.contract-wrap {
  border-top: 1px solid #e9e9e9;
}
.contract-wrap .number-set .number {
  font-size: 1rem;
}
.contract-wrap .checkbox-div {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 16px 0;
}
.contract-check .form-input {
  border-bottom: 1px solid #e9e9e9;
  height: 40px;
  margin-bottom: 40px;
  font-size: 1rem;
}
.contract-check label:first-child .label-text {
  margin-top: 22px;
}
/* 유튜브 상세페이지 */
.sns-wrap {
}
.youtube-div {
  padding: 24px 30px;
}
.youtube-div .ytb-p {
  font-size: 14px;
  color: #222;
  line-height: 22px;
  margin-top: 24px;
}
.youtube-top .data {
  color: #999;
  font-size: 1rem;
}
.youtube-top .data span {
  margin-left: 8px;
}
.youtube-top .data span:first-child {
  margin-left: 0;
}
.youtube-top .title {
  font-weight: bold;
  color: #222;
  font-size: 18px;
  margin-top: 12px;
}
.youtube-body {
  width: 100%;
  height: 423px;
  border: 1px solid #e9e9e9;
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.youtube-text {
  color: #da4841;
  font-weight: bold;
  text-align: center;
  font-size: 0.875rem;
}
.sns-wrap .profile-info_s {
  border-top: 1px solid #e9e9e9;
}
.sns-wrap .profile-info_s .i-arrow-r {
  font-size: 0.875rem;
}
.partner_result .inner-detail .text-notice {
  text-align: center;
  font-size: 0.875rem;
  padding: 8px 0 16px;
  line-height: 1.5;
}
.partner_result .detail-grid {
  grid-template-columns: 33.69% 66.31%;
}
.partner_result .detail-grid > div:nth-child(even) {
  text-align: left;
}
.partner_result .detail-grid > div img {
  width: 84px;
  height: 77px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e9e9e9;
}
.partner_result .detail-grid .center {
  display: flex;
  align-items: center;
}
.partner_result .detail-grid .content {
  line-height: 1.5;
}

/* style.css 추가 */
.writable-review .writable-list li:last-child .list-inner,
.naming-wrap .writable-list li:last-child .list-inner {
  border-bottom: 0;
}
.naming-wrap .writable-list .cs-name .comment {
  margin-left: 6px;
  font-size: 0.875rem;
  font-weight: normal;
}
.naming-wrap .writable-list .cs-name .comment span {
  margin: 0 2px;
  color: #da4841;
  font-weight: bold;
}
.input-wp label .fred {
  font-size: 12px;
  font-weight: normal;
  vertical-align: 2px;
  margin-left: 5px;
}
.event-end-message.bt-1 {
  border-top: 1px solid #e9e9e9;
}
.list-item-inner .event-end-message,
.list-item-inner .end-message {
  padding: 6px 0;
}
.list-item-inner .event-end-message img,
.list-item-inner .end-message img {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
}
.list-board-ul li > a.detail-link {
  /* display: flex;  */
  width: 100%;
  justify-content: space-between;
}
.mypage-wrap.cs-post .content.text-sort,
.list-board-ul li > a.detail-link .text-sort {
  width: 100%;
}
.list-board-ul li > a.detail-link .text-sort,
.mypage-wrap.cs-post .content.text-sort {
  -webkit-line-clamp: 2;
}
.list-board-ul li .num,
.list-board-ul li .type {
  min-width: 14%;
}
.mypage-wrap.question .help-text {
  line-height: 28px;
  padding-top: 16px;
}
/* 판매상품 동의약관 추가 */
.item-add-terms {
  padding: 24px 16px;
}
.item-add-terms .check-text {
  margin-bottom: 8px;
  font-size: 12px;
}
.item-add-terms .checkbox {
  margin: 0 0 8px !important;
  color: #666;
  height: initial;
  line-height: 26px;
  background: url(../img/common/check_off.png) no-repeat left top 5px / 18px 18px;
}
.item-add-terms .fred {
  padding-left: 25px;
}
.item-add-terms .text-bg_gray {
  display: none;
  font-size: 0.688rem;
  height: 200px;
  line-height: 20px;
}
.item-add-terms .text-bg_gray strong {
  font-size: 0.75rem;
}
.item-add-terms .text-bg_gray.active {
  display: block;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-left {
  min-height: 54px;
}
.level-grid .grid-l {
  width: 100%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 67px repeat(50, 36px);
  font-size: 12px;
  background: white;
  text-align: center;
}
.pg .level-grid .grid-l {
  grid-template-columns: 10% 10% 34% 23% 23%;
  grid-template-rows: 67px repeat(75, 36px);
  grid-auto-rows: 36px;
}
.level-grid.guide-box {
  padding: 0 !important;
  border: 0 !important;
}
.level-grid .grid-l > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  line-height: 1.5;
}
.level-grid .grid-l .white {
  grid-row-start: 2;
  grid-row-end: span 2;
}
.level-grid .row1 {
  grid-row: span 1;
}
.level-grid .row2 {
  grid-row: span 2;
}
.level-grid .row3 {
  grid-row: span 3;
}
.level-grid .row4 {
  grid-row: span 4;
}
.level-grid .row5 {
  grid-row: span 5;
}
.level-grid .row6 {
  grid-row: span 6;
}
.level-grid .row7 {
  grid-row: span 7;
}
.level-grid .row8 {
  grid-row: span 8;
}
.level-grid .row9 {
  grid-row: span 9;
}
.level-grid .row10 {
  grid-row: span 10;
}
.level-grid .row11 {
  grid-row: span 11;
}
.level-grid .row12 {
  grid-row: span 12;
}
.level-grid .row21 {
  grid-row: span 21;
}
.level-grid .row47 {
  grid-row: span 47;
}
.level-grid .column1 {
  grid-column: span 1;
}
.level-grid .column1 {
  grid-column: span 1;
}
.level-grid .column2 {
  grid-column: span 2;
}
.level-grid .column3 {
  grid-column: span 3;
}
.level-grid .column4 {
  grid-column: span 4;
}
.level-grid .column5 {
  grid-column: span 5;
}
.level-grid .column6 {
  grid-column: span 6;
}
.level-grid .grid-l .yellow {
  grid-row-start: 4;
  grid-row-end: span 3;
}
.level-grid .grid-l .green {
  grid-row-start: 7;
  grid-row-end: span 3;
}
.level-grid .grid-l .blue {
  grid-row-start: 10;
  grid-row-end: span 6;
}
.level-grid .grid-l .orange {
  grid-row-start: 16;
  grid-row-end: span 8;
}
.level-grid .grid-l .red {
  grid-row-start: 24;
  grid-row-end: span 12;
}
.level-grid .grid-l .purple {
  grid-row-start: 36;
  grid-row-end: span 16;
}
.level-grid .grid-l > div > p {
  margin-top: 0 !important;
}
.level-grid .grid-l .br-1 {
  border-right: 1px solid #e9e9e9;
}
.level-grid .grid-l .bb-1 {
  border-bottom: 1px solid #e9e9e9;
}
.level-grid .grid-l .title {
  background: #f6f6f6;
}
.review-cs-in .counselor-info-con + .counselor-info-con {
  display: flex;
  align-items: center;
}
.review-cs-in .counselor-info-con + .counselor-info-con .t-best {
  margin-left: 10px;
}
.review-cs-in .mobile {
  display: none;
}

/* 판매상품현황, 판매상품 등록관리 외 다른 곳 css 먹을경우 수정 */
.mypage-wrap.item.status .list-item-ul .list-content p:nth-child(3) {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mypage-wrap.item.status .list-item-ul .list-content p:nth-child(4) {
  margin-bottom: 4px;
}
.mypage-wrap.item.status .list-item-ul .list-content .text-sort.txt-s {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mypage-wrap.item .list-item-ul .btn-set a:first-child,
.mypage-wrap.item.chat-consult .btn-set a:first-child,
.mypage-wrap.item.status .btn-set a:first-child {
  display: none;
}
/* ㅂㅣ밀번호 mypage_hongpay_password.html */
.pay-reg.password .pin-password {
  position: relative;
}
.pay-reg.password .pin-password label {
  position: absolute;
  width: 100%;
  height: 50px;
}
.mypage-wrap.withdrawal .info-list {
  height: 218px;
  overflow-y: scroll;
}

.file_fld {
  display: none;
}
/* 미리보기 */
.preview {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  /* height: 200px; 높이를 원하는 크기로 설정 */
}
.preview img {
  width: 100%;
  /* height: 100%; */
  object-fit: cover; /* 이미지가 부모 요소를 완전히 채우도록 설정 */
  display: block;
}
.profile-wrap.preview .list-item:last-child {
  border-bottom: 0;
}
.profile-wrap.preview .pre-btn {
  text-align: center;
  background: white;
  padding-top: 30px;
}
.profile-wrap.preview .btn.mint {
  max-width: 324px;
}
/* 이벤트 디폴트 페이지 */
.event-detail,
.event-wrap .default {
  line-height: 0;
  position: relative;
}
.event-detail img[src$='.jpg'],
.event-detail img[src$='.png'],
.event-wrap .default img[src$='.png'] {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.event-detail img {
  object-fit: none;
}
.event-wrap .default .slide {
  position: relative;
}
.event-wrap .default .swiper-img,
.event-wrap .default .swiper-message {
  position: absolute;
  width: 90%;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.event-wrap .default .img.swiper-pagination,
.event-wrap .default .message.swiper-pagination {
  width: 100%;
  height: 35px;
  bottom: 40px;
  z-index: 3;
}
.event-wrap .default .message.swiper-pagination {
  height: 10px;
}
.event-wrap .default footer {
  position: fixed;
  max-width: 658px;
  width: 100%;
  bottom: 0;
  height: 120px;
  z-index: 5;
  padding: 16px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
}
.event-wrap .default footer a {
  width: 100%;
  height: 100%;
  margin-right: 16px;
  border-radius: 4px;
  overflow: hidden;
}
.event-wrap .default footer a:last-child {
  margin-right: 0px;
}
.event-wrap .default .swiper-pagination.message .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #8250ac;
  margin: 0 10px;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet {
  /* width: 35px; height: 35px; margin: 0 12px; */
  width: 50px;
  height: 50px;
  margin: 0 20px;
  background: url(../img/event/member_event_select_1.png) no-repeat;
  background-size: 100% 100%;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(2) {
  background: url(../img/event/member_event_select_2.png) no-repeat;
  background-size: 100% 100%;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(3) {
  background: url(../img/event/member_event_select_3.png) no-repeat;
  background-size: 100% 100%;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(4) {
  background: url(../img/event/member_event_select_4.png) no-repeat;
  background-size: 100% 100%;
}
.event-wrap .default .btn-set {
  position: absolute;
  padding: 0 30px;
  display: flex;
  bottom: 160px;
}
.event-wrap .default .btn-set a {
  margin-right: 20px;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.event-wrap .default .btn-set a:last-child {
  margin-right: 0;
}

/* 로딩바 */
.loading-image,
.section-loading-top {
  text-align: center;
}
.loading-image img,
.section-loading-top img {
  width: 45%;
}
.spinnerbox.absol {
  /* position: absolute; */
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
/* .list-loading, */
.spinnerbox-inner.all {
  width: 100px;
  height: 100px;
  background: rgba(61, 0, 112, 0.7);
  border: 0;
}
.list-loading {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  background: transparent;
  height: auto;
  background: white;
}
.list-loading img {
  width: 60px;
  height: 18px;
  margin: 30px 0;
  text-align: center;
}
.spinnerbox-inner.all .spinner {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50px;
  height: 50px;
  border: 6px solid #896cc4;
  border-top: 6px solid white;
}
.spinnerbox-inner.all .spinner::before,
.spinnerbox-inner.all .spinner::after {
  display: none;
}
/* 진행바 */
progress {
  border-radius: 7px !important;
  width: 100%;
  height: 10px;
  margin: 10px 0;
  -webkit-appearance: none;
}
.my-message.chat-img progress {
  float: right;
}
progress::-webkit-progress-bar {
  background-color: gray;
  border-radius: 2px !important;
}
progress::-webkit-progress-value {
  background-color: #7b54c4;
  border-radius: 2px !important;
}
progress::-moz-progress-bar {
  /* style rules */
}
.sangdam-probar {
  padding-left: 44px;
}

/* qa진행시 추가 */
/* 작업물 다운로드 최대3개 버튼 여백추가 */
.down-max3 a {
  margin-bottom: 12px;
}
.down-max3 a:last-child {
  margin-bottom: 0;
}
/* 알림설정 warn 패딩값 */
.mypage-wrap.alarm.setup .number-set {
  padding: 0;
}
.mypage-wrap.alarm.setup .warn::before,
.mypage-wrap.alarm.setup .fred {
  color: #da4841;
}
.item-list-ul.end {
  padding-top: 24px;
}
.mypage-wrap.status.sell .month-tt .nm {
  font-weight: normal;
  margin-right: 14px;
}
/* 후기쓰기 */
.profile-wrap.review-wrap .checkbox {
  height: 20px;
  color: #666;
}
.profile-wrap.review-wrap .text-bg_gray {
  font-size: 13px;
  height: 353px;
}
.profile-wrap.review-wrap .text-bg_gray strong {
  font-size: 0.875rem;
}
.profile-wrap.review-wrap .text-bg_gray .number-set {
  display: inline-block;
  font-size: 13px;
  line-height: 23px;
  margin-top: 10px;
}
.profile-wrap.review-wrap .text-bg_gray .number-set .point {
  display: inline-block;
}
/* 프로필 상세페이지 - 작명 */
.list-item-inner .naming-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}
/* 홍툰 리뷰 */
.review-cs .review-dg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
/* 공지사항 마크업변경 - 공지사항 타이틀 삭제 , 날짜 아래로 */
.mypage-wrap.alarm.notice .list-item .text-sort {
  margin-top: 0;
  margin-bottom: 8px;
}
/* 동그란 작명 이미지 */
.list-consult-ul.chat .list-img.tag-none.circle img {
  height: 100%;
}
/* 채팅 카테고리 밑줄 추가 */
.category-wrap.bt-1,
.category-wrap.chat {
  border-top: 1px solid #eee;
}
/* 공지사항 디폴트 페이지 */
/* 주석처리 기존 공지사항 페이지와 달라서 */
.mypage-wrap.notice .notice-default {
  /* background: #f5f5f5;  */
  height: 100%;
  min-height: 100%;
  /* padding: 30px 0 80px; border-top: 1px solid #e9e9e9; */
  margin-top: 8px;
}
.mypage-wrap.notice .notice-default .inner-default {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  background: white;
  /* border: 1px solid #e5e4e9;  */
}
.mypage-wrap.notice .notice-default .default-top {
  background: #ffdb4a;
  width: 100%;
  height: 64px;
  line-height: 64px;
  border: 1px solid #e8c63e;
}
.mypage-wrap.notice .notice-default .default-top p {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
.mypage-wrap.notice .notice-default .default-body {
  /* padding: 16px; */
}
.mypage-wrap.notice .notice-default .default-body > div {
  padding: 23.5px 0 27.5px;
  border-top: 1px dashed #c1c1c1;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child {
  border-top: 0;
  text-align: center;
  padding-top: 24px;
  line-height: 27px;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child > .title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child > p {
  font-size: 1.125rem;
}
.mypage-wrap.notice .notice-default .default-body > div:last-child {
  line-height: 28px;
  padding: 23.5px 0 20px;
}
.mypage-wrap.notice .notice-btn-set {
  display: flex;
}
.mypage-wrap.notice .notice-btn-set a {
  margin-top: 20px;
}
.mypage-wrap.notice .notice-btn-set a:first-child {
  margin-right: 16px;
}
.notice-default .number-set {
  font-size: 1rem;
  margin-top: 10px;
  color: #222;
  padding: 0;
}
.notice-default .number-set p:first-child {
  margin-bottom: 0 !important;
}
.notice-default .number-set .point::before {
  left: 2px;
}
.mypage-wrap.notice .notice-default .warn.ver2::before {
  color: #da4841;
}
.mypage-wrap.notice .notice-default .warn.ver2 {
  font-size: 1rem;
  color: #da4841;
  font-weight: bold;
  margin-top: 10px;
  padding-left: 20px;
}
.mypage-wrap.notice .notice-default .default-body > div:last-child .warn.ver2 {
  margin-bottom: 20px;
  margin-top: 0;
  padding-left: 0;
}
/* 작명 상담사 상세페이지 디자인변경 */
/* 프로필 이미지 100% */
.profile-info-img.w100 img,
.list-img.w100 img,
.profile-wrap.naming .profile-info-img img {
  width: 100%;
}
.profile-wrap.naming .profile-info-inner {
  display: flex;
  align-items: center;
  padding: 0;
  padding-bottom: 15px;
}
.profile-wrap.naming .cs-name.text-sort {
  -webkit-line-clamp: 3;
  line-height: 36px;
  font-size: 24px;
}
.profile-wrap.naming .coin-share {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile-wrap.naming .profile-info-con .cs-coin {
  padding: 14px 0;
}
.mypage-wrap.notice-detail .inner-body {
  padding-bottom: 80px;
  /* .mypage-wrap.notice 나중에 공지사항 리스트에 필요할 경우 클래스 추가 */
}
/* 후기관리 상담 스타일 추가ㅡㅡ */
.mypage-wrap.review .profile-review .counsel-style.qa {
  border-bottom: 1px solid #e9e9e9;
  height: 44px;
  line-height: 44px;
}
.mypage-wrap.item-add .textar textarea,
.mypage-wrap.consult.payment .textar textarea,
.list-item.textar textarea,
.visit-wrap .textar textarea {
  display: inline-block;
  width: 100%;
  height: 154px;
  margin-top: 14px;
  font-size: 1rem;
  padding: 14px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow: auto;
  line-height: 34px;
  resize: none;
}
.visit-wrap .textar textarea {
  margin-top: 16px;
  line-height: 1.4;
}
.mypage-wrap.item-add .map-bx {
  margin-top: 15px;
}
.mypage-wrap.item-add .map-bx .map {
  display: block;
  width: 100%;
  height: 248px;
}
.mypage-wrap.consult.payment .textar textarea {
  margin: 16px 0 32px;
}
.mypage-wrap.consult.payment .textar .t-input {
  line-height: 26px;
}
.mypage-wrap.consult.payment .g-text {
  font-size: 1rem;
  color: #707070;
  font-weight: normal;
}
.grid-b .s-center,
.detail-grid .s-center {
  display: flex;
  align-items: center;
}
.tblist .s-center {
  vertical-align: middle !important;
}
.detail-grid .t-center p {
  line-height: 26px;
  word-break: break-all;
}
.mypage-wrap.faq .main-tab {
  padding: 24px 0;
  background: #f5f5f5;
  height: auto;
}
.mypage-wrap.faq .main-tab ul {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  width: 369px;
  margin: 0 auto;
}
.mypage-wrap.faq.mypage-wrap-corr .main-tab ul {
  grid-template-columns: 1fr 1fr 1fr;
}
.mypage-wrap.faq .main-tab ul li {
  height: 48px;
  background: white;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.mypage-wrap.faq.mypage-wrap-corr .main-tab ul li {
  position: relative;
}
.mypage-wrap.faq .main-tab ul li:nth-child(3n) {
  border-right: 1px solid #ddd;
}
.mypage-wrap.faq .main-tab ul li:nth-last-child(3),
.mypage-wrap.faq .main-tab ul li:nth-last-child(2),
.mypage-wrap.faq .main-tab ul li:nth-last-child(1) {
  border-bottom: 1px solid #ddd;
}
.mypage-wrap.faq .main-tab ul li.active {
  background: #6335b4;
  color: white;
  border: none;
}
.mypage-wrap.faq .main-tab ul li a {
  line-height: 47px;
  font-size: 1rem;
}
.mypage-wrap.faq .main-tab ul li a.active {
  color: white;
}
.mypage-wrap.faq .main-tab ul li a.active::after {
  display: none;
}
/* 판매상품수정 */
.mypage-wrap.item-add .switch {
  margin-top: 14px;
  display: flex;
  align-items: center;
}
.mypage-wrap.item-add .switch .swit-text {
  display: inline-block;
  font-size: 0.875rem;
  color: #999;
  margin-left: 12px;
}
.mypage-wrap.item-add .switch-btn label,
.mypage-wrap.item-add .switch-btn {
  width: 82px;
  height: 34px;
  margin: 0;
}
.mypage-wrap.item-add .switch-btn label span {
  width: 22px;
  height: 22px;
  left: 6px;
}
.mypage-wrap.item-add .switch-btn label::before {
  font-size: 1rem;
  right: 6px;
}
.mypage-wrap.item-add .switch-btn input:checked + label:before {
  left: 6px;
}
.mypage-wrap.item-add .switch-btn input[type='checkbox']:checked + label span {
  transform: translate(46px, -11px);
}
.mypage-wrap.item-add .radio {
  margin-top: 13px;
}
.mypage-wrap.item-add .radio label {
  position: relative;
  margin: 0;
}
.mypage-wrap.item-add .radio label:nth-child(2) {
  margin-top: 20px;
}
.mypage-wrap.item-add .radio .nb-text {
  display: inline-flex;
  align-items: center;
}
.mypage-wrap.item-add .radio .label-text {
  display: inline-block;
  font-weight: normal;
  margin-left: 6px;
  margin-top: 0;
}
.mypage-wrap.item-add .radio .label-text input {
  width: 54px;
  height: 32px;
  border: 1px solid #ddd;
  margin: 0 8px 0 16px;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
.mypage-wrap.item-add .radio .label-text span {
  font-size: 1rem;
}
.mypage-wrap.item-add .radio .label-text .fred {
  font-weight: bold;
  vertical-align: 1px;
}
.mypage-wrap.item-add .app-info {
  font-size: 1rem;
  margin-top: 8px;
  margin-bottom: 2px;
}
.memo-save {
  position: relative;
}
.memo-save .save-btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13px;
}
.mypage-wrap.consult .inner-body .number-set.fs1r.pt-0 {
  padding-top: 0;
}
/* 1월업데이트 */
.search-wrap.update-fixed .search-header {
  position: fixed;
  width: 100%;
  max-width: 718px;
  background: white;
  z-index: 10;
}
.search-wrap.update-fixed .main-tab.ver2.row {
  position: fixed;
  max-width: 718px;
  top: 142px;
  z-index: 10;
}
.search-wrap.update-fixed .tab-wrap {
  padding-top: 128px;
}

/* 슬라이드 */
/* 메인 */
.header-body .swiper-slide {
  max-width: 81.66%;
}
.header-body .swiper {
  overflow: initial;
}
.header-body .swiper-pagination {
  position: absolute;
  bottom: -33px !important;
}
.header-body .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 5.5px !important;
  background: #d8d8d8;
}
.header-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #6335b4;
}
/* 메인 슬라이드 버튼 */
.header-body.main .swiper-slide {
  border: 0;
}
.header-body.main .swiper-button-prev:after {
  background: url(/assets/image/mobile/icon/arrow_slider_l.png) no-repeat center center/auto 18px;
}
.header-body.main .swiper-button-next:after {
  background: url(/assets/image/mobile/icon/arrow_slider_r.png) no-repeat center center/auto 18px;
}
.header-body.main .swiper-button-prev,
.header-body.main .swiper-button-next {
  height: 18px;
  margin-top: 0;
}
.header-body.main .swiper-button-prev::after,
.header-body.main .swiper-button-next::after {
  transform: initial;
  width: 10px;
  height: 18px;
}
/* 상담사상세페이지 */
.profile-notice_bg .swiper-pagination-bullet {
  margin: 0 3px !important;
  width: 6px;
  height: 6px;
  background: #d8d8d8;
}
.profile-notice_bg .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #6335b4;
}
/* 수정사항? */
/* info-section 여기 글꼴이 작아진건지 1rem임 다른페이지 확인 후 수정 */

@media (max-height: 430px) {
  /* height-full - 리스트 내역 몇개 없을 때 풀페이지/리스트 내역 많을 때 클래스 삭제*/
  .hf-f,
  .hf {
    min-height: 100% !important;
  }
  /* .hf .inner-body,
    .hf .inner-detail{
        height: 100% !important;
        inner-body > div 에 hf 클래스 넣으면 문제 없는 듯.. 해서 임시 주석
    }
    .hf-f .inner-body,
    .hf-f .inner-detail{
        height: 100% !important;
    } */
}
/* 클래스(2월) 추가 */
.main-nav-inner.class {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8px;
}
.main-nav-inner.class li {
  margin-right: 0;
}
.main-nav-inner.class li a {
  width: 100%;
  height: 56px;
  padding: 0 25px;
  flex-direction: row;
  align-items: center;
}
.main-nav-inner.class .list-icon img {
  width: 24px;
  height: auto;
  margin: 0;
  margin-right: 10px;
}
.main-nav-inner.class li:nth-child(5) img,
.main-nav-inner.class li:nth-child(2) img {
  width: 22px;
}
.main-nav-inner.class li:nth-child(3) img {
  width: 28px;
}
.main-nav-inner.class li:nth-child(4) img {
  width: 20px;
  margin-top: 5px;
}
.main-nav-inner.class li:nth-child(6) img {
  width: 20px;
  margin-top: 3px;
}
.main-nav-inner.class li:nth-child(7) img {
  width: 25px;
}
.main-nav-inner.class li:nth-child(8) img {
  width: 22px;
  height: 20px;
  margin-bottom: 3px;
}
/* 클래스 탭 리스트 / 나의 클래스*/
.mypage-wrap.item.class .list-item.class-list {
  border-top: 0;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.class .list-item.class-list .class-list-link {
  width: 100%;
  padding-bottom: 0;
}
.class .list-item.class-list .list-content {
  /* justify-content: flex-start;  */
  padding: 2px 0 0;
  justify-content: space-between;
  /* height: calc(100% - 43px);  */
  height: calc(100% - 48px);
  /* input 없으면 48 - 48이 탭 내 차이 없고 괜찮음*/
}
.consult.class .list-item.class-list .list-content {
  height: calc(100% - 43px);
}
.consult.class .end .list-item.class-list .list-content {
  height: calc(100% - 48px);
}
.mypage-wrap.item.class .list-item.class > a {
  width: 100%;
}
.mypage-wrap.item.class .list-item.class .list-content .coin {
  margin: 12px 0 10px;
}
.mypage-wrap.item.class .list-item.class .status {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.mypage-wrap.item.class .list-item.class .status .nickname {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  max-width: 118px;
  height: 12px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.class .list-item.class-list .list-text {
  line-height: 21px;
  margin-top: 0;
  -webkit-line-clamp: 2;
}
.class .list-item.class-list .f12s {
  font-size: 12px;
  margin-top: 5px;
}
.class .list-item.class-list .class-list-btn {
  display: flex;
  position: absolute;
  max-width: 196px;
  width: 100%;
  right: 0;
  bottom: 16px;
}
.class-list-btn a,
.class .list-item.class-list .class-list-btn a {
  border: 1px solid #e9e9e9;
  display: flex;
  width: 100%;
  height: 36px;
  position: relative;
  font-size: 0.875rem;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 4px 0 0 4px;
}
.class .list-item.class-list .class-list-btn a:last-child {
  border-radius: 4px;
}
.class .list-item.class-list .class-list-btn a:nth-child(2) {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
.class .list-item.class-list .class-list-btn a.disable {
  color: #ccc;
}
.class .list-item.class-list .class-list-btn a.disable .i-arrow-r {
  background: none;
  padding: 0;
}
.class .list-item.class-list .class-list-btn a .i-arrow-r {
  padding-right: 12px;
  background-size: 5px 9px;
}
/* 상담사 */
.class.consult .list-item.class-list .list-text {
  -webkit-line-clamp: 1;
}
/* 겹치는 클래스 있으면 안됨 없는 거 확인 - 모바일 조정 안했음, 안한것도 괜찮은 듯..?(확인필요)*/
.class.consult .end .list-item.class-list .list-text {
  -webkit-line-clamp: 2;
  margin-bottom: 6px;
}
.class.consult .inner-body .sm-switch {
  display: flex;
  width: 100%;
  height: 22px;
  font-size: 12px;
  border: 0;
  background: white;
  align-items: center;
  margin: 4px 0 5px;
}
.sm-switch .switch-btn {
  width: auto;
  margin-left: 6px;
}
.sm-switch .switch-btn .switch-label {
  top: 0;
  right: 0;
  width: 52px;
  height: 22px;
}
.sm-switch .switch-btn .switch-label span {
  width: 14px;
  height: 14px;
}
.sm-switch .switch-btn label:before {
  font-size: 11px;
  color: #222;
  right: -6px;
}
.sm-switch .switch-btn input[type='checkbox']:checked + label span {
  transform: translate(29px, -7px);
  left: -4px;
}
.class.consult .class-student-nick {
  font-size: 12px;
}
.class.consult .class-student-nick span {
  margin-right: 3px;
}
.class.consult .class-student-nick span:last-child {
  margin-right: 0;
}
.class.consult .class-student-nick .gray {
  font-size: 10px;
  color: #707070;
}
/* 나의 클래스 상세페이지 */
.mypage-wrap.detail.class .title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0 24px;
  line-height: 32px;
}
.mypage-wrap.detail.class .title .desc {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 7px;
}
@media screen and (max-width: 719px) {
  .mypage-wrap.detail.class .title .desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
  }
}
.mypage-wrap.detail.class .detail-class-grid {
  grid-template-columns: 37.158% 62.842%;
  margin-bottom: 24px;
}
.detail-class-grid .click-status > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/common/arrowRight.png') right center / 7px 12px no-repeat;
}
.mypage-wrap.detail.class .class-relay-text {
  width: 100%;
  min-height: 136px;
  margin: 12px 0 24px;
  padding: 18px;
  padding-top: 16px;
  font-size: 1rem;
  line-height: 26px;
  background: #f5f5f5;
  border-radius: 8px;
}
.mypage-wrap.detail.class .class-relay-text.hAuto {
  min-height: auto;
}
.mypage-wrap.detail.class .class-relay-text.input {
  background: white;
  resize: none;
  border: 1px solid #ddd;
}
.call-class-detail-list .list-ul {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: white;
  display: flex;
  justify-content: space-between;
}
.call-class-detail-list .list-ul .list-head {
  font-weight: bold;
  padding: 16px 0;
}
.call-class-detail-list .list-ul .time {
  font-weight: normal;
}
.call-class-detail-list .list-ul .detail-link {
  display: inline-block;
  font-size: 0.875rem;
  width: auto;
  padding: 17px 0;
}
.call-class-detail-list .list-ul.active .i-arrow-b {
  background: url(../img/common/arrowTop.png) right center / 12px 7px no-repeat;
}
.call-class-detail-list {
  padding-bottom: 60px;
}
.call-class-detail-list .menu-list {
  display: none;
}
.call-class-detail-list .menu-list li {
  background: white;
  display: flex;
  justify-content: space-between;
}
.call-class-detail-list .menu-list .talk-time {
  font-size: 0.875rem;
  padding: 16px 0;
}
.call-class-detail-list .menu-list .talk-time > span {
  margin-left: 4px;
}
.call-class-detail-list .menu-list .time-num {
  display: inline-block;
  width: auto;
  font-size: 0.875rem;
  padding: 17px 0;
}
/* 상담사 */
.detail-class-grid .on-off-check {
  padding: 7px 0;
}
.detail-class-grid .on-off-check .switch-btn label:before {
  color: #222;
}
/* 클래스 아이템 구매하기 하단영역 */
.footer-class-item {
  display: none;
  position: absolute;
  bottom: 76px;
  /* 모바일 bottom: 70px; */
  box-shadow: rgba(0, 0, 0, 0.07) 0 -4px 8px;
  width: 100%;
  height: auto;
  left: 0;
}
.footer-class-item-select {
  background: white;
  /* background-position: top 8px center; */
  padding: 28px 20px 26px;
  max-height: 261px;
}
.footer-class-item-select .scroll {
  overflow-y: scroll;
  max-height: 174px;
}
.footer-class-item-select .scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px !important;
}
/* Track */
.footer-class-item-select .scroll::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important; */
}
/* Handle */
.footer-class-item-select .scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background: #a9a9a9 !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
.footer-class-item-select .scroll::-webkit-scrollbar-thumb:window-inactive {
  background: #a9a9a9 !important;
}
.footer-class-item-result {
  min-height: 162px;
  background: #f5f5f5;
  /* padding: 20px 20px 17px;  */
  padding: 20px 20px 0px;
  border-top: 1px solid #d9d9d9;
}
.footer-class-item-result .class-item-text {
  min-height: 74px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-bottom: 24px;
}
.footer-class-item-result .class-item-text .f-bold {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 12px;
}
.footer-class-item-result .class-item-text p:last-child {
  line-height: 20px;
}
.footer-class-item-result .class-item-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 67px;
  border-top: 1px solid #d9d9d9;
  padding: 20px 0;
}
.footer-class-item-result .class-item-price .fred {
  font-size: 1.5rem;
  color: #da4841;
  font-weight: bold;
}
.class-item-radio {
  position: relative;
}
.class-item-radio .down-btn {
  position: absolute;
  width: 33px;
  left: 50%;
  top: -19px;
  transform: translateX(-50%);
  background: url(../img/profile/footer_class_item.png) no-repeat;
  background-size: 33px 8px;
  color: transparent;
}
.class-item-radio .f-bold .fred {
  vertical-align: -3px;
}
.class-item-radio label.checkbox {
  width: 100%;
  min-height: 22px;
  height: auto;
  overflow: initial;
  background: url(../img/common/check_off.png) no-repeat left top/22px 22px;
  image-rendering: -webkit-optimize-contrast;
  margin-bottom: 16px;
  padding-left: 32px;
  font-size: 1rem;
}
.class-item-radio label.checkbox.sold-out {
  color: #ccc;
  text-decoration: line-through;
  text-decoration-color: #ccc;
}
.class-item-radio label.checkbox:last-child {
  margin-bottom: 0;
}
/* 클래스 메인 카테고리 */
.mypage-grid.category.class {
  height: auto;
  padding: 24px 16px 20px;
}
.mypage-grid.category.class hr {
  border-top: #e9e9e9 1px solid;
}
.mypage-grid.category.class ul {
  grid-template-rows: 88px 88px 60px 60px;
  grid-gap: 12px;
  grid-template-rows: 88px 88px;
  grid-gap: 12px 10px;
}
.mypage-grid.category.class ul.last {
  grid-template-rows: 60px 60px;
}
.mypage-grid.category.class ul a {
  min-height: 60px;
  padding: 18px 0 11px;
}
.mypage-grid.category.class ul li:nth-child(1) img {
  width: 32px;
  height: 30px;
}
.mypage-grid.category.class ul li:nth-child(2) img {
  width: 30px;
  height: 30px;
}
.mypage-grid.category.class ul li:nth-child(3) img {
  width: 37px;
  height: 26px;
}
.mypage-grid.category.class ul li:nth-child(4) img {
  width: 25px;
  height: 27px;
}
.mypage-grid.category.class ul li:nth-child(5) img {
  width: 28px;
  height: 28px;
}
.mypage-grid.category.class ul li:nth-child(6) img {
  width: 28px;
  height: 30px;
}
.mypage-grid.category.class ul li:nth-child(7) img {
  width: 32px;
  height: 26px;
}
.mypage-grid.category.class ul li:nth-child(8) img {
  width: 28px;
  height: 25px;
}
.mypage-grid.category.class.visit ul li:nth-child(8) img {
  width: auto;
  height: 28px;
}
.mypage-grid.category.class ul li:nth-child(n + 9) a {
  justify-content: center;
  padding: 12px 0;
}
.i-youtube {
  background: url(../img/mainIcon/mainNavYotube.png) no-repeat;
  background-size: 14px 14px;
  background-position: left top 3px;
  padding-left: 20px;
}
.i-insta {
  background: url(../img/mainIcon/mainNavInsta.png) no-repeat;
  background-size: 14px 14px;
  background-position: left top 3px;
  padding-left: 20px;
}
/* 클래스 상담사 등록 신청 */
.input-wp .check-type.class-check-type {
  flex-wrap: wrap;
  margin-bottom: -14px;
  margin-top: 14px;
}
.check-type.class-check-type .checkbox {
  height: 22px;
  line-height: 20px;
  background-size: 22px 22px;
  padding-left: 30px;
  image-rendering: -webkit-optimize-contrast;
}
.check-type.class-check-type label {
  flex: auto;
  margin: 0 0 18px 0 !important;
}
.check-type.class-check-type label:nth-child(n + 4) {
  margin-bottom: 0;
}
.mypage-wrap.recruit.class .guide-box.item {
  padding: 24px 16px 32px;
}
.mypage-wrap.recruit.class .guide-box.item.reg-num {
  padding: 34px 14px 32px 26px;
}
.mypage-wrap.recruit.class .guide-box.item .item-list {
  image-rendering: -webkit-optimize-contrast;
  margin-bottom: 20px;
}
.mypage-wrap.recruit.class .guide-box.item .item-list.service {
  background-image: url(../img/common/ic_recruit_rleh.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.delivery {
  background-image: url(../img/common/ic_recruit_delivery.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.service-02 {
  background-image: url(../img/common/ic_recruit_service.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.delivery-02 {
  background-image: url(../img/common/ic_recruit_delivery_02.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.tarot {
  background-image: url(../img/common/ic_recruit_tarot.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.saju {
  background-image: url(../img/common/ic_recruit_saju.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.call-class {
  background-image: url(../img/common/ic_recruit_call_class.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.class {
  background-image: url(../img/common/ic_recruit_class.png);
}
.mypage-wrap.recruit.class .guide-box.item > .item-list.m0b {
  margin-bottom: 0;
}
/* 상담사) 판매 상품 관리 상세 */
.mypage-wrap.consult.payment.class {
}
.detail-grid .h-auto {
  line-height: 24px;
}
.mypage-wrap .grid-b .h-auto,
.mypage-wrap.consult.payment.class .grid-b .content {
  box-sizing: border-box;
  /* height: 71px; */
  height: auto;
  line-height: 24px;
  padding: 11px 14px;
}
.mypage-wrap.consult.class .inner-body .number-set p.disable::before,
.mypage-wrap.consult.class .inner-body .number-set p.disable,
.mypage-wrap.consult.class .upload-set .up-btn-div.disable > .btn {
  color: #ccc;
}
/* 클래스 채팅문의 */
.writable-list.class-chat .counselor-info-con .cs-name {
  font-size: 15px;
}
.writable-list.class-chat .counselor-info-con .txt {
  font-size: 13px;
  margin: 6px 0;
}
.writable-list.class-chat .counselor-info-con .time-nick {
  color: #999;
  position: relative;
}
.writable-list.class-chat .time-nick .time {
  margin-left: 0;
  font-size: 13px;
  font-weight: normal;
}
.writable-list.class-chat .time-nick .time .comment {
  width: 10px;
  display: inline-block;
}
.writable-list.class-chat .time-nick .data {
  font-size: 13px;
}
/* 클래스 상품 수정옵션 */
.class .item-option {
  position: relative;
  padding: 20px 30px 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 12px 0 24px;
}
.class .item-option .d-btn {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 14px;
  top: 14px;
}
.class .item-option .title {
  position: relative;
  font-size: 0.875rem;
  margin-top: 0;
}
.class .item-option .title::before {
  display: inline-block;
  position: absolute;
  content: '▪';
  left: -10px;
  font-size: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.class .item-option input {
  padding: 8px 0;
  font-size: 0.875rem;
  margin-bottom: 18px;
}
.class .item-option .radio-span {
  width: 18px;
  height: 18px;
}
.class .item-option .radio-span::after {
  width: 8px;
  height: 8px;
}
.class .item-option .radio .label-text .fred,
.class .item-option .radio .label-text > span,
.class .item-option .label-text {
  font-size: 0.875rem;
}
.class .item-option .radio label:nth-child(2) {
  margin-top: 14px;
}
.class .item-option .radio .label-text input {
  margin: 0 8px 0 10px;
}
.class .item-option .option-two {
  display: flex;
}
.class .item-option .option-two > div:first-child {
  width: 160px;
  margin-right: 28px;
}
.class .item-option .option-two > div:last-child {
  width: 120px;
}
.class .item-option-inner .number-set {
  line-height: 26px;
  margin-top: -12px;
  padding: 0;
}
.class .item-option-inner .number-set .point {
  padding-left: 10px;
}
.class .item-option-inner .number-set .point::before {
  padding-left: 0;
}
.class .item-option-inner .number-set .point::before,
.class .item-option-inner .number-set p {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0;
}
/* 클래스 qa 03/04 */
.mypage-wrap.status.sell .month-tt .point {
  max-width: 227px;
  line-height: 20px;
}
.mypage-wrap.status.sell .month-tt .nm {
  max-width: 121px;
}
/* 임시!  */
.list-item:last-child {
  border-bottom: 0 !important;
}
/* 오픈 후 디자인 변경되면 삭제 */
/* 칼럼 인터뷰 임시2.0클래스 */

/* 검색, 후기 리뉴얼 04/26 */
.search-wrap.update-fixed.renewal .tab-wrap {
  padding-top: 62px;
}
.search-wrap .search-keyword .keyword-list.none-search-word li {
  padding-left: 0;
  background: white;
  /* justify-content: flex-start; */
  display: block !important;
}
.search-wrap .search-keyword .keyword-menu {
  padding: 16px 0 0;
  width: 100%;
}
.search-wrap .search-keyword .keyword-menu a {
  display: inline-block;
  font-size: 1rem;
  padding: 10px 29px 12px 12px;
  margin: 0 10px 10px 0;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: url('../img/common/arrowRight.png') #f1f1f1 right 14px top 51.8% / 5px 9px no-repeat;
}
.search-wrap .search-keyword .keyword-menu.review a {
  background: #f1f1f1;
  padding: 10px 12px 12px 12px;
}
.payback-coin {
  background: url(../img/common/payback_coin.png) no-repeat left 6px center;
  background-size: 7.9px 8.9px;
  font-size: 10px;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 4px 7px 4px 17px;
  border-radius: 10px;
  /* margin-left: 6px; */
  font-weight: normal;
  /*vertical-align: 1px;*/
}
.footer-btn_r .payback-coin {
  position: absolute;
  right: 16px;
  padding: 8px 11px 9px 28px;
  border-radius: 15px;
  font-size: 11px;
  height: 30px;
  background-size: 10px 11px;
  background-position: left 14px top 8px;
}
/* 상세페이지 후기, 전체상담 후기 */
.profile-wrap .review.renewal .review-top {
  /* height: 263px; */
}
.profile-wrap.hongtoon.renewal .review-top .review-info,
.profile-wrap .review.renewal .review-top .review-info {
  /* padding: 32px 0 18px; */
  padding: 34px 0 18px;
  border-bottom: 0;
}
.profile-wrap.hongtoon.renewal .review-top button,
.profile-wrap .review.renewal .review-top button {
  max-width: 400px;
}
.profile-wrap .review.renewal .review-top .review-body {
  /* padding: 16px 0 31px; */
  padding: 18px 0 31px;
}
.profile-wrap .review.renewal .review-top.review-text-renewal .review-body {
  padding: 24px 0;
}
.profile-wrap.hongtoon.renewal .review-top .review-body p:first-child,
.profile-wrap .review.renewal .review-top .review-body p:first-child {
  font-size: 0.875rem;
  color: #666;
  font-weight: bold;
}
.profile-wrap.hongtoon.renewal .review-top .review-body > p:nth-child(2),
.profile-wrap .review.renewal .review-top .review-body > p:nth-child(2) {
  color: #666;
  font-size: 0.875rem;
  /* margin: 8px 0 14px; */
  margin: 14px 0 16px;
}
.profile-wrap .policy-btn {
  height: 32px;
}
.profile-wrap .policy-btn span {
  /* line-height: 29px; */
}
.review.renewal .review-body {
  padding: 18px 30px 5px;
  font-size: 13px;
}
.review.renewal .review-body .title,
.blur-container .title {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 40px;
}
.review.renewal .review-body .title.renewal {
  margin-top: 24px;
}
.review.renewal .review-body .starwja {
  display: flex;
  position: relative;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: center;
  height: 61px;
  background: #f5f5f5;
  padding: 0 16px;
  /* margin-bottom: 16px;  */
  margin-bottom: 24px;
}
.review.renewal .review-body .starwja.review-renewal {
  justify-content: space-between;
}
.review.renewal .review-body .starwja .more-view {
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.review.renewal .review-body .starwja .i-star {
  line-height: 54px;
}
.review.renewal .review-body .starwja .number {
  font-size: 13px;
  margin-left: 10px;
  color: #222;
}
.review.renewal .review-body .starwja .number span {
  font-size: 24px;
  font-weight: bold;
  vertical-align: -3px;
}
.review.renewal .review-body .starwja .no-review {
  font-size: 16px;
  font-weight: bold;
}
.review.renewal .review-body .starwja .no-review .i-star {
  background-size: 17px 17px;
  padding-left: 26px;
}
.review.renewal .review-body .starwja > p > span {
  font-size: 16px;
}
.review.renewal .review-body .starwja > p > span > b {
  margin-right: 6px;
}
.review.renewal .profile-review .i-option {
  background-size: 14px 12px;
  padding-left: 22px;
  font-size: 12px;
}
.review.renewal .profile-review .call-info {
  border-bottom: 1px solid #f1f1f1;
}
.hongtoon.renewal .profile-review .counsel-style.grid,
.written-review.renewal .counsel-style.grid,
.review.renewal .profile-review .counsel-style.grid {
  display: grid;
  grid-template-columns: 82px calc(100% - 82px);
  height: auto;
  border: 0;
}
.hongtoon.renewal .profile-review .counsel-style.grid > div,
.written-review.renewal .counsel-style.grid > div,
.review.renewal .profile-review .counsel-style.grid > div {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  font-size: 0.875rem;
}
.hongtoon.renewal .profile-review .counsel-style.grid > div:nth-child(odd),
.written-review.renewal .counsel-style.grid > div:nth-child(odd),
.review.renewal .profile-review .counsel-style.grid > div:nth-child(odd) {
  color: #999;
}
.hongtoon.renewal .profile-review .counsel-style.grid > div:nth-child(2n),
.written-review.renewal .counsel-style.grid > div:nth-child(2n),
.review.renewal .profile-review .counsel-style.grid > div:nth-child(2n) {
  border-right: 0;
  padding-left: 10px;
}
.review.renewal .profile-review .list-item-inner {
  padding: 30px;
  padding-bottom: 28px;
}
.blur-container {
  background: #fff;
  padding: 30px;
}
.review.renewal .tab-inner {
  padding: 0;
}
.hongtoon.renewal .main-tab,
.review.renewal .tab-inner .main-tab {
  display: flex;
  align-items: center;
  border-top: 0;
  padding: 0 30px;
  margin-top: 5px;
}
.review.renewal .tab-inner .main-tab .recent-box {
  border: 1px solid #e9e9e9;
  border-radius: 15px;
  max-width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hongtoon.renewal .main-tab {
  margin-top: 0;
  height: 60px;
}
.hongtoon.renewal .main-tab .option-btn,
.review.renewal .tab-inner .main-tab .option-btn {
  width: 100%;
  max-width: 110px;
  height: 30px;
  line-height: 24px;
  border-radius: 30px;
  border: 1px solid #e9e9e9;
  text-align: center;
  margin-left: 16px;
}
.hongtoon.renewal .main-tab .option-btn span,
.review.renewal .tab-inner .main-tab .option-btn span {
  font-size: 12px;
}
.hongtoon.renewal .main-tab ul li a,
.review.renewal .main-tab ul li a {
  font-size: 1rem;
  line-height: 70px;
}
.hongtoon.renewal .main-tab ul li a {
  line-height: 60px;
}
.review.renewal .review-body .i-question {
  width: 18px;
  height: 18px;
  cursor: pointer;
  vertical-align: -3px;
}
.review.renewal .review-body .i-question:hover::after {
  position: absolute;
  top: 57px;
  left: 26%;
  transform: translate(-50%, -50%);
  content: '후기 작성시 상담스타일 및\A상담분야를 추천할 수 있습니다.';
  white-space: pre;
  width: 200px;
  height: 62px;
  padding: 9px 12px 11px;
  background: white;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-weight: normal;
  line-height: 22px;
  box-sizing: border-box;
  font-size: 0.875rem;
  z-index: 10;
}
.pc-bar-div {
  padding: 32px;
  /* height: 188px; */
  height: auto;
  border: 1px solid #e9e9e9;
  padding-bottom: 0;
}
.bar-div {
  /* height: 113px; */
  height: auto;
  position: relative;
  overflow: hidden;
}
.bar-div.renewal {
  padding: 32px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
.bar-div.active .blur {
  display: none;
}
.bar-div .blur {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 124px;
  background: url(../img/common/blur_bg.png) no-repeat;
  background-size: 100% 100%;
  z-index: 3;
  line-height: 18px;
  margin-bottom: 32px;
  /* position: absolute; */
  /* border: 1px solid #eee;
    width: calc(100% - 64px);
    /* height: calc(100% - 64px);
    background-color: rgba(244, 241, 252, .1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); */
}
.blur-container .bar-div .blur {
  margin-bottom: 0;
}
.bar-div .blur img {
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
}
.bar-div .blur p {
  font-size: 1rem;
  line-height: 25px;
}
.bar-div .bar-div-pd {
  /* padding: 32px; */
  /* border: 1px solid #e9e9e9; */
}
.bar-div .bar-div-inner {
  position: relative;
  height: 36px;
  margin-bottom: 8px;
}
.bar-div .bar-div-pd > div:last-of-type {
  margin-bottom: 0;
}
.bar-div .bar-div-inner progress {
  height: 30px;
  margin: 0;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(2) progress::-webkit-progress-value {
  opacity: 0.93;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(3) progress::-webkit-progress-value {
  opacity: 0.86;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(4) progress::-webkit-progress-value {
  opacity: 0.79;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(5) progress::-webkit-progress-value {
  opacity: 0.72;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(6) progress::-webkit-progress-value {
  opacity: 0.65;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(7) progress::-webkit-progress-value {
  opacity: 0.58;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(8) progress::-webkit-progress-value {
  opacity: 0.51;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(9) progress::-webkit-progress-value {
  opacity: 0.44;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(10) progress::-webkit-progress-value {
  opacity: 0.37;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(11) progress::-webkit-progress-value {
  opacity: 0.3;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(12) progress::-webkit-progress-value {
  opacity: 0.23;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(13) progress::-webkit-progress-value {
  opacity: 0.16;
}
.bar-div.bar-div-style .bar-div-inner:nth-child(14) progress::-webkit-progress-value {
  opacity: 0.09;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(2) progress::-webkit-progress-value {
  opacity: 0.95;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(3) progress::-webkit-progress-value {
  opacity: 0.9;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(4) progress::-webkit-progress-value {
  opacity: 0.85;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(5) progress::-webkit-progress-value {
  opacity: 0.8;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(6) progress::-webkit-progress-value {
  opacity: 0.75;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(7) progress::-webkit-progress-value {
  opacity: 0.7;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(8) progress::-webkit-progress-value {
  opacity: 0.65;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(9) progress::-webkit-progress-value {
  opacity: 0.6;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(10) progress::-webkit-progress-value {
  opacity: 0.55;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(11) progress::-webkit-progress-value {
  opacity: 0.5;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(12) progress::-webkit-progress-value {
  opacity: 0.45;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(13) progress::-webkit-progress-value {
  opacity: 0.4;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(14) progress::-webkit-progress-value {
  opacity: 0.35;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(15) progress::-webkit-progress-value {
  opacity: 0.3;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(16) progress::-webkit-progress-value {
  opacity: 0.25;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(17) progress::-webkit-progress-value {
  opacity: 0.2;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(18) progress::-webkit-progress-value {
  opacity: 0.15;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(19) progress::-webkit-progress-value {
  opacity: 0.1;
}
.bar-div.bar-div-field .bar-div-inner:nth-child(20) progress::-webkit-progress-value {
  opacity: 0.05;
}

.bar-div .detail-link {
  width: 100%;
  height: 60px;
  line-height: 60px;
  /* border: 1px solid #e9e9e9; */
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: bold;
  /* margin-top: 4px; */
}
.bar-div.renewal .detail-link {
  height: 30px;
  line-height: 30px;
  border: none;
  margin-top: 20px;
}
.bar-div .detail-link .i-arrow-t,
.bar-div .detail-link .i-arrow-b {
  background-size: 12px 7px;
  padding-right: 20px;
}
.style-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 36px;
  font-size: 15px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.style-bar > p {
  display: flex;
  align-items: center;
  height: 24px;
}
.style-bar .f-bold {
  font-size: 0.875rem;
}
/* 진행바 */
.bar-div-inner progress::-webkit-progress-value,
.bar-div-inner progress::-webkit-progress-bar {
  background-color: #f5f5f5;
  border-radius: 0px;
  height: 36px;
}
.bar-div-inner progress::-webkit-progress-value {
  background-color: #d5d2ff;
}
.bar-div-field .bar-div-inner progress::-webkit-progress-value {
  background-color: #c3d8fc;
}
.i-style {
  background: url(../img/common/skillful.png) no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  padding: 0 14px;
  padding-left: 24px;
  height: 100%;
}
/* 용해요 */
.i-style.surpirse {
  background: url(/hong4/_img/main/i-style-surpirse.png) no-repeat;
  background-size: 24px 24px;
}
/* 친절해요 */
.i-style.kindness {
  background: url(/hong4/_img/main/i-style-kindness.png) no-repeat;
  background-size: 24px 24px;
}
/* 현실적이에요 */
.i-style.reality {
  background: url(/hong4/_img/main/i-style-reality.png) no-repeat;
  background-size: 24px 24px;
}
/* 깊이있어요 */
.i-style.deep {
  background: url(/hong4/_img/main/i-style-deep.png) no-repeat;
  background-size: 24px 24px;
}
/* 소름돋아요 */
.i-style.chill {
  background: url(/hong4/_img/main/i-style-chill.png) no-repeat;
  background-size: 24px 24px;
}
/* 편안해요 */
.i-style.comfort {
  background: url(/hong4/_img/main/i-style-comfort.png) no-repeat;
  background-size: 24px 24px;
}
/* 공감해요 */
.i-style.sympathy {
  background: url(/hong4/_img/main/i-style-sympathy.png) no-repeat;
  background-size: 24px 24px;
}
/* 정확해요 */
.i-style.accuracy {
  background: url(/hong4/_img/main/i-style-accuracy.png) no-repeat;
  background-size: 24px 24px;
}
/* 잘들어줘요 */
.i-style.listening {
  background: url(/hong4/_img/main/i-style-listening.png) no-repeat;
  background-size: 24px 24px;
}
/* 솔직해요 */
.i-style.frank {
  background: url(/hong4/_img/main/i-style-frank.png) no-repeat;
  background-size: 24px 24px;
}
/* 놀라워요 */
.i-style.amazing {
  background: url(/hong4/_img/main/i-style-amazing.png) no-repeat;
  background-size: 24px 24px;
}
/* 쉽게 설명해요 */
.i-style.easy {
  background: url(/hong4/_img/main/i-style-easy.png) no-repeat;
  background-size: 24px 24px;
}
/* 답변이 빨라요 */
.i-style.fast {
  background: url(/hong4/_img/main/i-style-fast.png) no-repeat;
  background-size: 24px 24px;
}
/* 목소리가 좋아요 */
.i-style.voice {
  background: url(/hong4/_img/main/i-style-voice.png) no-repeat;
  background-size: 24px 24px;
}

/* 놀라운 */
.i-style.am {
  background: url(../img/common/amazing.png) no-repeat;
  background-size: 24px 24px;
}
/* 편안 */
.i-style.co {
  background: url(../img/common/cozy.png) no-repeat;
  background-size: 24px 24px;
}
/* 깊이있는 */
.i-style.de {
  background: url(../img/common/deep.png) no-repeat;
  background-size: 24px 24px;
}
/* 쉬운 */
.i-style.ez {
  background: url(../img/common/easy.png) no-repeat;
  background-size: 24px 24px;
}
/* 정확한 */
.i-style.ex {
  background: url(../img/common/exact.png) no-repeat;
  background-size: 24px 24px;
}
/* 빠른 */
.i-style.fa {
  background: url(../img/common/fast.png) no-repeat;
  background-size: 24px 24px;
}
/* 좋은 */
.i-style.go {
  background: url(../img/common/good.png) no-repeat;
  background-size: 24px 24px;
}
/* 솔직 */
.i-style.ho {
  background: url(../img/common/honest.png) no-repeat;
  background-size: 24px 24px;
}
/* 친절 */
.i-style.ki {
  background: url(../img/common/kind.png) no-repeat;
  background-size: 24px 24px;
}
/* 잘 들어주는 */
.i-style.li {
  background: url(../img/common/listener.png) no-repeat;
  background-size: 24px 24px;
}
/* 현실적 */
.i-style.re {
  background: url(../img/common/realistic.png) no-repeat;
  background-size: 24px 24px;
}
/* 소름 */
.i-style.sc {
  background: url(../img/common/scary.png) no-repeat;
  background-size: 24px 24px;
}
/* 공감 */
.i-style.sy {
  background: url(../img/common/sympathy.png) no-repeat;
  background-size: 24px 24px;
}
/* 애정 */
.i-style.love {
  background: url(../img/common/love.png) no-repeat;
  background-size: 24px 21px;
  background-position: left center;
}
/* 재물 */
.i-style.money {
  background: url(../img/common/money.png) no-repeat;
  background-size: 24px 20px;
  background-position: left center;
}
/* 결혼 */
.i-style.marriage {
  background: url(../img/common/marriage.png) no-repeat;
  background-size: 22px 24px;
  background-position: left center;
}
/* 짝사랑 */
.i-style.sidelove {
  background: url(../img/common/sidelove.png) no-repeat;
  background-size: 20px 20px;
  background-position: left center;
}
/* 사업 */
.i-style.buisiness {
  background: url(../img/common/business.png) no-repeat;
  background-size: 24px 23px;
  background-position: left center;
}
/* 가족 */
.i-style.family {
  background: url(../img/common/family.png) no-repeat;
  background-size: 24px 24px;
  background-position: left center;
}
/* 궁합 */
.i-style.relationship {
  background: url(../img/common/relationship.png) no-repeat;
  background-size: 24px 24px;
  background-position: left center;
}
/* 취업 */
.i-style.recruit {
  background: url(../img/common/recruit.png) no-repeat;
  background-size: 19px 24px;
  background-position: left center;
}
/* 건강 */
.i-style.healty {
  background: url(../img/common/healty.png) no-repeat;
  background-size: 19px 22px;
  background-position: left center;
}
/* 이별 */
.i-style.failure {
  background: url(../img/common/failure.png) no-repeat;
  background-size: 24px 21px;
  background-position: left center;
}
/* 진로 */
.i-style.path {
  background: url(../img/common/path.png) no-repeat;
  background-size: 22px 22px;
  background-position: left center;
}
/* 고민 */
.i-style.worry {
  background: url(../img/common/worry.png) no-repeat;
  background-size: 22px 22px;
  background-position: left center;
}
/* 재회 */
.i-style.reunion {
  background: url(../img/common/reunion.png) no-repeat;
  background-size: 22px 21px;
  background-position: left center;
}
/* 시험 */
.i-style.test {
  background: url(../img/common/test.png) no-repeat;
  background-size: 20px 20px;
  background-position: left center;
}
/* 이사 */
.i-style.move {
  background: url(../img/common/move.png) no-repeat;
  background-size: 24px 16px;
  background-position: left center;
}
/* 속마음 */
.i-style.mind {
  background: url(../img/common/mind.png) no-repeat;
  background-size: 22px 22px;
  background-position: left center;
}
/* 합격 */
.i-style.pass {
  background: url(../img/common/pass.png) no-repeat;
  background-size: 24px 20px;
  background-position: left center;
}
/* 꿈해몽 */
.i-style.dream {
  background: url(../img/common/dream.png) no-repeat;
  background-size: 22px 22px;
  background-position: left center;
}
/* 인간관계 */
.i-style.people {
  background: url(../img/common/people.png) no-repeat;
  background-size: 24px 19px;
  background-position: left center;
}
/* 인간관계 */
.i-style.chemistry {
  background: url(../img/common/chemistry.svg) no-repeat;
  background-size: 24px 20px;
  background-position: left center;
}

.good-review-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid #e5e4e9;
  border-radius: 20px;
  padding: 0 16px;
  font-size: 0.875rem;
  margin-top: 24px;
}
.good-review-btn span.fred {
  color: #da4841;
  font-weight: bold;
}
.i-goodreview {
  background: url(../img/common/good_review.png) no-repeat left top 3px/14px 13px;
  padding-left: 20px;
  font-weight: bold;
}
.i-goodreview.active {
  background: url(../img/common/good_review_active.png) no-repeat left top 3px/14px 13px;
}
.writable-review.renewal .writable-list li .payback-coin {
  height: 24px;
  color: #222;
  font-size: 11px;
  border: 1px solid #e5e4e9;
  border-radius: 20px;
  font-weight: bold;
  padding: 3px 12px 5px 27px;
  margin-left: 6px;
  background: url(../img/common/review_payback.png) no-repeat left 12px center;
  background-size: 9px 10px;
  vertical-align: 2px;
}
/* 후기쓰기 */
.review-write-inner.renewal dd.m6b {
  margin-bottom: 8px;
}
.month-tt .i-arrow-r {
  background: url('../img/common/arrowRight.png') right top 5.4px / 6px 10px no-repeat;
}
.search-wrap .post-list-inner .title {
  height: 18px;
}
/* 전체 상담후기 */
.profile-wrap.hongtoon.renewal .hong-photo > a {
  width: 124px;
  height: 124px;
  margin-right: 10px;
  border-radius: 8px;
  overflow: hidden;
}
.profile-wrap.hongtoon.renewal .hong-photo > a:last-child {
  margin-right: 0;
}
.hongtoon.renewal .search-wrap {
  padding: 0;
}
.hongtoon.renewal .lately-search {
  height: 52px;
  padding: 0 30px;
  border-bottom: 1px solid #e9e9e9;
  background: #f5f5f5;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.renewal .counsel-tag {
  width: 100%;
  height: 34px;

  /* width: 100%;
    height: 50px;
    white-space: -webkit-nowrap;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex; */
}
.renewal .counsel-tag > a {
  display: inline-block;
  border: 1px solid #e5e4e9;
  background: white;
  font-weight: normal;
  padding: 8px 12px 9px;
  margin-right: 6px;
  border-radius: 4px;
  float: left;
  width: auto !important;
}
.renewal .counsel-tag > a:last-child {
  margin-right: 0;
}
.renewal .counsel-tag > a > p {
  color: #222 !important;
  font-weight: normal !important;
  font-size: 15px !important;
}
.renewal .counsel-tag > a:hover,
.renewal .counsel-tag > a.active {
  background: #6335b4;
}
.renewal .counsel-tag > a:hover > p,
.renewal .counsel-tag > a.active > p {
  color: white !important;
}
.profile-wrap.hongtoon.renewal .review-top .review-body {
  padding: 18px 0 20px;
}
.profile-wrap.hongtoon.renewal .review-top.review-text-renewal .review-body {
  padding: 24px 0;
}
.profile-wrap.hongtoon.renewal .hong-photo {
  margin: 32px 0 18px;
}
.profile-wrap.hongtoon.renewal .hong-photo > a.hand-text {
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 0;
}
.profile-wrap.hongtoon.renewal a.hand-text p:first-child {
  font-size: 18px !important;
  color: #222 !important;
}
.profile-wrap.hongtoon.renewal a.hand-text p:nth-child(2) span {
  font-size: 16px;
  color: #da4841;
  font-weight: bold;
}
.profile-wrap.hongtoon.renewal a.hand-text .i-arrow-r {
  font-size: 13px;
}
.renewal .counsel-style.grid .f-bold span.active {
  background: #ffe600;
  padding: 0px 1px;
}
/* 단골 2203업데이트 */
.event-wrap.custom .checkbox-div.list-controller {
  height: 64px;
}
.custom-login .checkbox-div.end .select-available {
  display: none;
}
.event-wrap.custom .custom-select {
  background: url(../img/common/arrowBottom.png) right 20px top 54% / 12px 7px no-repeat;
  image-rendering: -webkit-optimize-contrast;
}
.event-wrap.custom .custom-login .list-item:first-child .list-item-inner {
  padding-top: 30px;
}
.event-wrap.custom .close-btn {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 14px;
  image-rendering: -webkit-optimize-contrast;
}
.review-dg .info-con.color-text_g {
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.review-dg a.color-text_g {
  margin-left: auto;
  width: 100%;
  max-width: 26px;
  text-align: right;
}
/* 클래스 글꼴 갯수 */
.list-item.naming .list-content .i-coin {
  max-width: 110px;
  width: 100%;
}
.list-item.naming .list-content .coin .item {
  max-width: 200px;
  min-width: 70px;
  text-align: right;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}
/* qa 여백 추가...... */
.mypage-wrap.detail.pb80 .inner-detail {
  padding-bottom: 50px;
}
.writable-review .writable-list {
  padding-bottom: 72px;
}
.mypage-wrap.item.status.pb80 .inner-body {
  padding-bottom: 64px;
}
/* 작명 배너 이미지 -> 텍스트로 변경 */
.category-wrap.banner-text .header-body {
  padding: 30px;
}
.category-wrap.banner-text .header-body .header-slide {
  position: relative;
  max-width: 100%;
  height: 202px;
  border-radius: 8px;
}
.category-wrap.banner-text .header-body .header-slide > div {
  position: absolute;
  top: 50%;
  left: 32px;
  transform: translateY(-50%);
}
.category-wrap.banner-text .header-body .header-slide .title {
  color: #feb02a;
  font-size: 28px;
  font-weight: bold;
}
.category-wrap.banner-text .header-body .header-slide .content {
  color: white;
  font-size: 22px;
  margin-top: 14px;
}
/* 4월 업데이트 */
.category-banner.class {
  background: #1ab8be;
}
.category-banner.class .i-category {
  background: url(../img/common/ic-category_class.png) center left / 24px 24px no-repeat,
    url(../img/common/arrowRight_s_w.png) right top 10px / 7px 12px no-repeat;
}
.sale .list-item-inner {
  padding-bottom: 20px;
}
.sale .list-item-inner .list-body {
  display: inline-block;
  height: 100%;
}
.sale .list-item-inner .title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sale .list-item-inner .list {
  display: flex;
  height: 108px;
}
.sale .list-item-inner .list-content {
  display: block;
  border-bottom: 0;
}
.sale .list-content .coin {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 16px;
}
.sale .list-content .coin .class-data {
  font-size: 0.875rem;
  color: #666;
}

.sale .list-content .coin .class-data.text-sort {
  line-height: 1.4;
  max-width: 330px;
}

.sale .list-content .ml {
  margin-left: 10px;
}

.sale .list-item-inner .mlist-inner {
  position: relative;
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
}
.sale .list-item-inner .mlist-inner .name {
  font-size: 1.125rem;
  font-weight: normal;
  margin-top: 4px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: relative;
}
.sale .list-item-inner .mlist-inner .name.partner {
  padding-right: 120px;
}
.sale .list-item-inner .mlist-inner .i-partner {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  line-height: 20px;
}
.sale .list-item-inner .list-content .list-fot {
  background: transparent;
  height: 42px;
}
.sale .list-item-inner .i-coin.f-bold {
  height: 18px;
  background: url('../img/listIcon/listCoin.png') center left / 18px 18px no-repeat;
}
/* .class.sale */
.mypage-wrap.item .list-item.class.sale .list-text {
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 9px;
}
.mypage-wrap.item.class .list-item.class.sale .list-content .coin {
  margin: 6px 0 12px;
}
.mypage-wrap.item .list-item.class.sale .list-content .receipt {
  font-size: 12px;
}
.mypage-wrap.item .list-item.class.sale .list-content .receipt:nth-child(5) {
  margin-top: 8px;
}
.class-content {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
}
.mypage-wrap.item .list-item.class.sale .btn-set > a {
  font-weight: bold;
}
/* 나의클래스 4월 */
.consult.class .list-item.myclass04 .list-content,
.class .list-item.myclass04 .list-content {
  /* padding: 5px 0; */
  padding-top: 5px;
  height: 100%;
  justify-content: flex-start;
}
.class .list-item.myclass04.mymenu .list-content {
  padding-top: 0;
  margin-top: 2px;
}
.consult.class .list-item.myclass04 .list-content {
  padding-top: 8px;
}
.class .list-item.myclass04 .list-content > p {
  margin-bottom: 10px;
}
.list-item.myclass04 .list-content .receipt {
  font-size: 12px !important;
}
.class .list-item.myclass04 .f12s {
  /* margin-top: -2px; */
  margin-top: 0;
}
.class .list-item.myclass04 .class-list-link {
  padding-bottom: 16px;
}
.myclass04 .list-text {
  font-size: 0.875rem !important;
  line-height: 18px !important;
  font-weight: bold !important;
}
.myclass04 .btn-set a {
  font-weight: bold !important;
}
.myclass04 .btn-set a:first-child,
.mymenu .btn-set a:first-child {
  display: inline-block !important;
  margin-right: 16px;
}
.btn-set a.disable .i-arrow-r {
  background: transparent;
  padding: 0;
  color: #ccc;
}
/* 상담사 */
.class.consult .list-item.class-list.myclass04 .list-text {
  -webkit-line-clamp: 2;
}
.class.consult .list-item.myclass04 .class-list-btn {
  position: relative;
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check {
  font-size: 0.875rem;
  font-weight: bold;
  margin-right: 16px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check label {
  width: 76px;
  height: 36px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check label::before {
  font-size: 14px;
  right: 0;
}
.class.consult .list-item.myclass04 .class-list-btn .switch-btn .switch-label span {
  width: 24px;
  height: 24px;
  left: 6px;
}
.class.consult .list-item.myclass04 .class-list-btn .switch-btn input[type='checkbox']:checked + label span {
  transform: translate(38px, -12px);
}
.class.consult .list-item.myclass04 .class-list-btn a:nth-child(2) {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.class.consult .list-item.myclass04 .list-content > p:last-child {
  margin-bottom: 0;
}
/* 판매상품관리 */
.mypage-wrap.status .myclass04 .list-text {
  margin: 0 !important;
}
.mypage-wrap.status .myclass04 .list-body,
.mypage-wrap.status .mymenu .list-body {
  margin-bottom: 16px;
}
.mypage-wrap.status .list-item.myclass04 .list-content {
  padding-top: 12px;
}
.mypage-wrap.status .tab04 .list-item.sale a {
  padding-bottom: 0;
}
.mypage-wrap.status .list-item.class.myclass04 .list-content .coin {
  margin: 8px 0 12px !important;
}
.mypage-wrap.item.class.status .list-item.class .list-content .list-text,
.mypage-wrap.item.class.status .list-item.class.sale .list-content .coin {
  margin-top: 8px;
  font-weight: 600;
}
.mypage-wrap.item.class.status .list-item.class.sale .list-content .coin {
  font-weight: 400;
}
/* 판매상품수정 */
.class-select > div {
  display: flex;
}
.class-select > div > div {
  display: flex;
  align-items: center;
  font-size: 20px;
  max-width: 38px;
  width: 100%;
}
.class-select input[type='number'] {
  -webkit-appearance: none;
  margin-left: 38px;
}
.class-select > div select {
  width: 100%;
  margin-left: 32px;
  background: url('../img/common/arrowBottom.png') right center / 12px 7px no-repeat;
  image-rendering: -webkit-optimize-contrast;
  padding-right: 20px;
}
.class-select > div select:first-child {
  /* margin: 0 32px 0 38px; */
}
.class-list-btn.m-10 {
  margin-top: -10px !important;
}
.mdf-class .method {
  display: flex;
  align-items: center;
}
.mdf-class .method .txt-input {
  max-width: 204px;
  background: url('../img/common/arrowBottom.png') right center / 12px 7px no-repeat;
  image-rendering: -webkit-optimize-contrast;
  padding-right: 20px;
}
.mdf-class .method .text {
  font-size: 0.875rem;
  color: #999;
  margin-left: 12px;
}
.mdf-class .method .text p {
  display: inline-block;
}
.mdf-class .number-set {
  padding: 0;
  padding-top: 8px;
}
.mdf-class .number-set .point {
  font-size: 20px;
  color: #222;
  line-height: 36px;
}
.mdf-class textarea {
  line-height: 26px !important;
  margin-top: 8px !important;
}
/* qa 추가 */
.mypage-wrap.consult .inner-body .number-set.pt0 {
  padding-top: 0;
  margin-top: -8px;
}
/* 22/5월 업데이트 - 태그 */
.list-item-inner.tag05_udt .mlist-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 85%;
}
.list-item-inner.tag05_udt .counsel-style {
  display: flex;
  align-items: center;
  position: absolute;
  font-size: 1rem;
  top: 53px;
  left: 192px;
  height: 40px;
  border: 0;
  color: #999;
  padding: 0;
}
.list-item-inner.tag05_udt .counsel-style .style {
  margin-right: 14px;
  position: relative;
}
.tag05_udt .counsel-style a:first-child {
  padding-left: 0;
}
.tag05_udt .counsel-style a:first-child::before {
  display: none;
}
.profile-wrap.profile ul li:first-child .tag05_udt .counsel-btn + div.counsel-style,
.profile-wrap.main ul li:first-child .tag05_udt .counsel-btn + div.counsel-style {
  top: 88px;
}

.column-content {
  text-align: center;
}
.column-content .column-content-text {
  padding: 0;
}
.column-content-text {
  text-align: left;
  font-size: 16px;
  color: #222222;
  line-height: 26px;
}
.column-content-text img {
  display: block;
}
.column-content .column-content-text .intv_img {
  display: block;
}
.column-content img {
  max-width: 100%;
}
.column-content-text .intv {
  padding-top: 24px;
}
.column-content-text .intv .title {
  text-align: center;
  margin-right: 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 719px) {
  .column-content-text .intv .title {
    margin-bottom: 16px;
  }
}
.renewal.default-list-layout .title {
  border-bottom: 0;
  padding: 0;
  margin-right: 10px;
  font-size: 14px;
}
.column-content-text .intv .title .t_sub {
  font-size: 12px;
  font-weight: 400;
  color: #ec5951;
  vertical-align: middle;
  margin-bottom: 8px;
}
.column-content-text .intv .title .t_sub span {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  background: #ec5951;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  margin-left: 4px;
}
.column-content-text .intv .title .t_main {
  font-size: 20px;
  line-height: 29px;
  font-weight: bold;
}
@media screen and (max-width: 719px) {
  .column-content-text .intv .title .t_main {
    font-size: 18px;
    line-height: 27px;
  }
}
.column-content-text .intv .intv_content {
  word-break: break-all;
  color: #333;
  margin-bottom: 20px;
}
@media screen and (max-width: 719px) {
  .column-content-text .intv .intv_content {
    font-size: 14px;
    margin-bottom: 22px;
  }
}
.interview_topImgBox {
  text-align: left;
}
.interview_ThisM {
  display: inline-block;
  margin-top: 45px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  background: #000;
  color: #fff;
}
.column_title {
  display: block;
  margin-top: 25px;
  margin-bottom: 30px;
  width: 100%;
  font-size: 75px;
  letter-spacing: -0.05em;
  font-weight: 400;
  text-align: center;
  color: #000;
}
.pd_30 {
  padding: 0 20px;
}
.master_introText {
  margin: 20px 0 20px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #555;
  background: #f4f4f4;
  border: 1px solid #949494;
  padding: 15px;
  letter-spacing: -0.07em;
  border-radius: 10px;
  background: #fff;
}
.columnBox {
  padding: 0 15px;
  margin: 0 auto;
  margin-top: 15px;
}
.columnBox .Qnumber {
  display: inline-block;
  padding: 2px;
  margin-left: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  background: #019ab5;
  line-height: 12px;
}
.columnBox .Q_txt {
  display: block;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 10px;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #ff0743;
  line-height: 20px;
  text-decoration: underline;
}
.C38009a {
  color: #540191 !important;
}
.columnBox .A_txt {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #000;
  background: #fff;
  line-height: 20px;
  border-radius: 10px;
}
.columnBox .A_txt > img {
  width: 100%;
  margin-top: 10px;
}

/* 방문상담(6월) 추가 */
.main-nav-inner.visit {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
}
.main-nav-inner.visit li {
  margin-right: 0;
}
.main-nav-inner.visit li a {
  width: 100%;
  height: 56px;
  padding: 0 25px;
  flex-direction: row;
  align-items: center;
}
.main-nav-inner.visit .list-icon img {
  width: 24px;
  height: auto;
  margin: 0;
  margin-left: auto;
}
.main-nav-inner.visit li:nth-child(1) img {
  width: 30px;
}
.main-nav-inner.visit li:nth-child(2) img {
  width: 26px;
}
.main-nav-inner.visit li:nth-child(3) img {
  width: 32px;
}
.main-nav-inner.visit li:nth-child(4) img {
  width: 24px;
  margin-top: 5px;
}
.main-nav-inner.visit li:nth-child(5) img {
  width: 24px;
}
.main-nav-inner.visit li:nth-child(6) img {
  width: 24px;
  margin-top: 3px;
}
.main-nav-inner.visit li:nth-child(7) img {
  width: 24px;
}
.main-nav-inner.visit li:nth-child(8) img {
  width: 28px;
  height: 23px;
  margin-bottom: 3px;
}

.cate-tab {
  display: flex;
  align-items: center;
  padding: 22px 20px;
  background-color: #f5f5f5;
  border-top: #e9e9e9 1px solid;
  overflow: hidden;
}
.cate-tab a {
  border: #e9e9e9 1px solid;
  background-color: #fff;
  height: 40px;
  line-height: 38px;
  padding: 0 16px;
  border-radius: 4px;
  display: inline-block;
  width: auto;
}
.cate-tab a.active {
  background-color: #6335b4;
  color: #fff;
}
.visit-banner {
  padding: 30px;
}

.visit .list-item-inner {
  padding-bottom: 20px;
}
.visit .list-item-inner .list-body {
  height: auto;
}
.visit .list-img,
.visit .list-img img[src$='.png'] {
  height: auto;
  top: 0;
  height: 108px;
  border-radius: 8px;
}
.visit .list-content {
  display: block;
  flex: 1 1 auto;
  width: calc(100% - 174px);
  border-bottom: none;
}
.visit .list-content .con-hd {
  padding-right: 200px;
  position: relative;
}
.visit .list-content .con-hd .name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.visit .list-content .con-hd .cls {
  position: absolute;
  top: 0;
  right: 0;
}
.visit .list-content .con-hd .loc {
  position: absolute;
  top: 25px;
  right: 0;
}
.visit .list-content .con-bd {
  margin-top: 15px;
  padding-top: 15px;
  border-top: #e9e9e9 1px solid;
  display: flex;
}
/* 회원마이메뉴 나의예약 */
.mypage-wrap.item.class .list-item.mymenu-list {
  border-top: none;
  position: relative;
}
.mypage-wrap.item.class .list-item.mymenu-list + .list-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  height: 6px;
  background-color: #f5f5f5;
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
  width: calc(100% + 32px);
}
.mypage-wrap.item.class .list-item.mymenu-list .list-content .list-text {
  margin-top: 0;
  min-height: 36px;
}
.hf .inner-detail .list-item {
  position: relative;
  margin: 0 -16px;
  width: calc(100% + 32px);
}
.hf .inner-detail .list-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  height: 6px;
  background-color: #f5f5f5;
  border-top: #e9e9e9 1px solid;
  border-bottom: #e9e9e9 1px solid;
  width: 100%;
  z-index: 2;
}
.hf .inner-detail .list-item .list-item-inner.ver2 {
  padding: 30px 16px 16px;
}
.hf .inner-detail .list-item .list-item-inner.ver2 .title {
  font-size: 16px;
  margin: 0;
}
.hf .inner-detail .list-item .list-item-inner.ver2 .loc-inner .map-bx .map {
  height: 250px;
}
.popup-bg .popup-center .detail-grid > div {
  line-height: 1.2;
}
.popup-bg .popup-center.tel-detail .detail-grid > div {
  line-height: 1.5;
}
.popup-bg .popup-center.tel-detail .f-set {
  display: flex;
  align-items: center;
}
.list-item.hr {
  border-bottom: 1px solid #e9e9e9 !important;
}
.list-item.hr.date-field-box {
  position: absolute;
  left: 50%;
  top: 77px;
  border: none !important;
  padding: 0;
  width: 400px;
  transform: translateX(-50%);
}
.date-field-box .calendar-bx .cal-hd {
  background: #f5f5f5;
  border-top: none;
  border-bottom: 1px solid #e5e4e9;
}
.list-item.hr.date-field-box .list-item-inner {
  border: 1px solid #e9e9e9;
}
.list-item.hr .list-item-inner {
  margin-bottom: 6px;
  border-bottom: 1px solid #e9e9e9;
}
.date-field-box .list-item-inner,
.date-field-box .list-item-inner .calendar-bx,
.list-item.hr.date-field-box .list-item-inner {
  margin: 0;
  padding: 0;
}

.mypage-wrap.item .list-item-ul li.buyLst .list-body {
  width: 100%;
}
.mypage-wrap.item .list-item-ul li.buyLst > a {
  width: 100%;
  padding: 0;
}
.mypage-wrap.item .list-item-ul li.buyLst .btn-set {
  margin-top: 16px;
}
.mypage-wrap.item .list-item-ul li.buyLst .btn-set a:first-child {
  display: block !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .list-content {
  flex: 1;
}
.mypage-wrap.item .list-item-ul li.buyLst .status {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px 0;
}
.mypage-wrap.item .list-item-ul li.buyLst .status .nickname {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  max-width: 118px;
  height: 12px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mypage-wrap.item .list-item-ul li.buyLst .list-text {
  font-weight: 600;
  margin: 0;
  font-size: 14px;
}
.mypage-wrap.item .list-item-ul li.buyLst .coin {
  margin: 8px 0 0 0 !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .coin.mt0 {
  margin-top: 0 !important;
  gap: 6px;
  font-size: 12px;
}
.mypage-wrap.item .list-item-ul li.buyLst .receipt.mt0 {
  margin-top: 2px !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .receipt {
  margin: 10px 0 0 0 !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .receipt + .receipt {
  margin-top: 8px !important;
}

.mypage-wrap.item .list-item-ul li.mymenu .list-text {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
  height: 36px;
}
.mypage-wrap.item .list-item-ul li.mymenu .receipt {
  margin: 8px 0 0 0;
}
.mypage-wrap.item.mymenuReser .list-item-ul {
  min-height: calc(100vh - 449px);
}
.mypage-wrap.item .list-item-ul .mymenu .list-content.w50 {
  width: 50%;
}
.dotdot {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.mypage-wrap.item .list-item-ul .list-body {
  width: 366px;
}

.calleeStudent .list-item.myclass04 .list-content > p {
  margin-bottom: 0;
}

.calleeStudent .list-item.class-list .list-text {
  margin-top: 8px;
  margin-bottom: 0px !important;
}

@media (max-width: 719px) {
  .mypage-wrap.item .list-item-ul .list-body {
    width: 100%;
  }
}

#coupon_disable_desc {
  display: none;
  font-size: 13px;
  line-height: 20px;
}
.coupon-select {
  display: inline-block;
}
.coupon_img_wrap {
  width: auto;
  position: relative;
}
.coupon_text_wrap {
  position: absolute;
  top: 49%;
  left: 40%;
  width: 33%;
  transform: translate(-50%, -50%);
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 14px;
  line-height: 18px;
}

.main-event-banner .me-banner {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.main-event-banner .me-banner p {
  display: inline-block;
}
.banner-join-btn {
  width: 89px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  border-radius: 15px;
  color: white !important;
  margin-left: 8px;
}
.banner-join-btn.banner-join-btn-modify {
  width: auto;
  padding: 0 8px;
}

.login_ptag {
  display: inline-block;
  float: left;
}
.btn_div {
  display: inline-block;
  float: right;
}

.btn_div .login_btn {
  background: #f5f5f5;
  border: 1px solid #540191;
  color: #540191;
}
.list-fot .mobile .m16r.exception {
  margin-right: 0 !important;
}

/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* ////////////////////////////////////// */
/* hong4 */
/* hong4 basic.css */
/* /////////////// */
/* body */
html {
  font-size: var(--h-body-font-size);
}
html.agora {
  font-size: var(--h-body-agora-font-size);
}
body {
  margin: 0 auto;
  font-family: var(--h-body-font-family);
  font-size: var(--h-body-font-size);
  font-weight: var(--h-body-font-weight);
  color: var(--h-body-color);
  line-height: var(--h-body-line-height);
  border-left: 1px solid;
  border-left-color: #eee;
  border-right: 1px solid;
  border-right-color: #eee;
  max-width: 720px;
  letter-spacing: var(--h-body-letter-spacing);
}
body.agora {
  font-size: var(--h-body-agora-font-size);
  max-width: 100%;
  border: none;
}
@media screen and (max-width: 719px) {
  body {
    border: 0;
  }
}

/* header & gnb */
.header {
  width: 100%;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 25;
  background: var(--h-color-fff);
}
.header.ver2 {
  background: var(--h-main-color);
  color: var(--h-color-fff);
  position: relative;
}
.header-top {
  width: 100%;
  max-width: 718px;
  height: var(--h-header-height);
  padding: var(--h-header-padding);
  z-index: 25;
}

@media screen and (max-width: 719px) {
  .header-top {
    --h-header-height: 50px;
    height: var(--h-header-height);
    padding: 0 6px 0 16px;
  }
  .header.ver2 .header-top {
    padding: 0 16px;
  }
  .header.ver2.header-none {
    display: none;
  }
}
/* main */
main {
  position: relative;
}
main.gradient::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 36%;
  z-index: 3;
  user-select: none;
  pointer-events: none;
}
main.gradient::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 38%;
  z-index: 3;
  user-select: none;
  pointer-events: none;
}
@media (orientation: portrait) and (max-width: 719px) {
  main.gradient::before {
    background: var(--h-agora-counselor-screen-gradient-0-top);
  }
  main.gradient::after {
    background: var(--h-agora-counselor-screen-gradient-0-bot);
  }
}
@media (orientation: landscape) and (pointer: coarse) {
  main.gradient::before {
    width: 30%;
    height: 100%;
    background: var(--h-agora-counselor-screen-gradient-90-left);
  }
  main.gradient::after {
    width: 40%;
    height: 100%;
    left: auto;
    right: 0;
    background: var(--h-agora-counselor-screen-gradient-90-right);
  }
}

/* footer */
footer {
  color: #707070;
}
/* .footer-top {
    background: var(--h-color-eee);
    height: var(--h-footer-height);
    font-size: 0.688rem;
    margin-top: 80px;
}
.footer-center {
    background: #f5f5f5;
    padding: 17px 20px 28px;
    font-size: 0.785rem;
} */

.footer-top.footer-top_m,
.footer-center.footer-center_m,
.footer-bottom.footer-bottom_m {
  display: flex;
}

@media (orientation: portrait) and (max-width: 719px) {
  /* .footer-top,
    .footer-center {
        display: none;
    }
    .footer-top.footer-top_m,
    .footer-center.footer-center_m,
    .footer-bottom.footer-bottom_m {
        display: flex;
    } */
}

/* wrapper */
body:not(.agora) .wrapper {
  padding-bottom: 64px;
}
@media (orientation: portrait) and (max-width: 719px) {
  body:not(.agora) .wrapper {
    padding-bottom: 54px;
  }
}

.wrapper {
  min-height: 100vh;
}
body.agora .wrapper {
  width: 100%;
  height: 100vh;
  background: #191919;
  position: relative;
  color: var(--h-color-fff);
}
@media (orientation: portrait) and (max-width: 719px) {
  body.agora .wrapper {
    background: var(--h-color-222);
  }
}
/* 가로모드 */
@media (orientation: landscape) and (pointer: coarse) {
  body.agora .wrapper {
    background: var(--h-color-222);
  }
}

/* hong4 common.css */
/* /////////////// */
:root {
  --h-main-color: #6335b4;
  --h-header-snb-active: #470081;
  /* --h-list-btn-color: #4e008e; */
  --h-list-btn-color: #6335b4;
  --h-header-cate-active: #ffdb4a;
  --h-color-000: #000;
  --h-color-111: #111;
  --h-color-222: #222;
  --h-color-333: #333;
  --h-color-555: #555;
  --h-color-666: #666;
  --h-color-888: #888;
  --h-color-999: #999;
  --h-color-bbb: #bbb;
  --h-color-ccc: #ccc;
  --h-color-ddd: #ddd;
  --h-color-eee: #eee;
  --h-color-fff: #fff;
  --h-color-e9e: #e9e9e9;
  --h-font-san-serif: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
  --h-body-font-family: var(--h-font-san-serif);
  --h-body-font-size: 1rem;
  --h-body-agora-font-size: 1rem;
  --h-body-font-weight: 400;
  --h-body-color: var(--h-color-222);
  --h-body-line-height: 1;
  --h-body-letter-spacing: -0.32px;
  --h-header-height: 80px;
  --h-header-padding: 0 24px 0 20px;
  --h-footer-height: 36px;
  --h-padding-12: 12px;
  --h-padding-16: 16px;

  /* list cate */
  --h-call-tarot: '전화\A타로';
  --h-call-fortune: '전화\A신점';
  --h-call-saju: '전화\A사주';
  --h-chat-tarot: '채팅\A타로';
  --h-chat-fortune: '채팅\A신점';
  --h-chat-saju: '채팅\A사주';
  --h-video-tarot: '화상\A타로';
  --h-video-fortune: '화상\A신점';
  --h-video-saju: '화상\A사주';
  --h-shop-tarot: '대면\A타로';
  --h-shop-fortune: '대면\A신점';
  --h-shop-saju: '대면\A사주';
  --h-cafe-visit: '홍대점\A상담';
  --h-cafe-class: '홍대점\A클래스';

  --h-class-call: '전화\A클래스';
  --h-class-visit: '대면\A클래스';

  --h-text-naming: '작명';
  --h-text-rename: '개명';
  --h-text-valuename: '감명';
  --h-text-shopname: '상호';
  --h-text-chosedate: '택일';
  --h-text-topography: '풍수\A지리';

  /* cate-text */
  --h-goods-amulet-pray: '기도\A부적';
  --h-goods-pray-candle: '초기도';
  --h-goods-pray-source: '기도\A발원';
  --h-goods-lantern: '연등';
  --h-goods-astrological: '점성술';
  --h-goods-samjaepuri-prevent-misfortune: '삼재\A액막이';
  --h-goods-fortune-item: '운세\A아이템';
  --h-goods-naming: '신생아\A작명';
  --h-goods-renaming: '작명\A개명';
  --h-goods-tarot-saju: '타로\A사주';
  --h-goods-choosedate: '택일';
  --h-goods-topography: '풍수지리';
  --h-goods-devout: '치성';

  /* --h-goods-amulet: "부적";
  --h-goods-pray: "기도";
  --h-goods-candle: "초";
  --h-goods-pray-candle: "초기도";
  --h-goods-lantern: "연등";
  --h-goods-release: "방생";
  --h-goods-amulet-pray: "기도\A+부적";
  --h-goods-pray-candle-source: "기도초\A발원";
  --h-goods-samjaepuri: "삼재\A풀이";
  --h-goods-salpuri: "살\A풀이";
  --h-goods-devout: "치성";
  --h-goods-amulet-lantern: "부적\A+연등";
  --h-goods-lantern-pray: "연등\A+기도";
  --h-goods-prevent-misfortune: "액\A막이";
  --h-goods-prevent-samjae: "삼재\A막이";
  --h-goods-prevent-government: "관재\A막이";
  --h-goods-three-pray: "삼신\A기도";
  --h-goods-astrological: "점성술\A문서\A상담";
  --h-goods-i-lantern: "인등";
  --h-goods-gemstone: "원석";
  --h-goods-crystal-gemstone: "정화용\A수정원석";
  --h-goods-samjaepuri-prevent-misfortune: "삼재풀이\A+액막이";
  --h-goods-amulet-candle-pray: "부적초\A+기도";
  --h-goods-tarot-card: "타로\A카드";
  --h-goods-visits-academy: "학원방문\A비대면\A가능";
  --h-goods-candle-pray: "초\A기도";
  --h-goods-amulet-pray: "부적\A+기도";
  --h-goods-gemstone-bracelet: "원석\A팔찌";
  --h-goods-candle-source: "초\A발원";
  --h-goods-prevent-flood: "홍수\A맥이"; */
  /* //////////////////////// */

  /* payback event */
  --h-payback-coin: '5,000코인 지급 완료';

  /* min-height */
  /* 상담내역 */
  --h-consul-history: calc(100vh - 249px);
  --h-consul-history-detail: calc(100vh - 160px);
  --h-coin-history: calc(100vh - 249px);
  --h-chat-history: calc(100vh - 323px);
  --h-my-review: calc(100vh - 160px);
  --h-my-menu: calc(100vh - 204px);
  --h-consult-my-item: calc(100vh - 213px);
  --h-profile-faq: calc(100vh - 224px);
}
@media screen and (max-width: 719px) {
  :root {
    --h-consul-history: calc(100vh - 200px);
    --h-consul-history-detail: calc(100vh - 140px);
    --h-coin-history: calc(100vh - 200px);
    --h-chat-history: calc(100vh - 274px);
    --h-my-review: calc(100vh - 140px);
    --h-my-menu: calc(100vh - 164px);
    --h-consult-my-item: calc(100vh - 164px);
    --h-profile-faq: calc(100vh - 188px);
  }
}

@media screen and (max-width: 719px) {
  :root {
    --h-body-font-size: 0.90625rem;
  }
}
@media (orientation: portrait) and (max-width: 719px) {
  :root {
    --h-body-agora-font-size: 0.875rem;
  }
}
@media (orientation: landscape) and (pointer: coarse) {
  :root {
    --h-body-agora-font-size: 0.875rem;
  }
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  border: none;
  text-decoration: none;
  outline: none;
}
a,
a:hover,
a:active {
  /* color: inherit; */
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-size: 1rem;
  font-weight: normal;
}
i {
  font-size: inherit;
  background-size: cover !important;
  display: inline-block;
}

/* width */
.w-auto {
  width: auto !important;
}
.w-20 {
  width: 20% !important;
}
.w-40 {
  width: 40% !important;
}
.w-80 {
  width: 80% !important;
}
.w-100 {
  width: 100% !important;
}
.w-5px {
  width: 5px;
}
.w-6px {
  width: 6px;
}
.w-7px {
  width: 7px;
}
.w-10px {
  width: 10px !important;
}
.w-14px {
  width: 14px !important;
}
.w-15px {
  width: 15px !important;
}
.w-16px {
  width: 16px !important;
}
.w-18px {
  width: 18px !important;
}
.w-19px {
  width: 19px !important;
}
.w-20px {
  width: 20px !important;
}
.w-22px {
  width: 22px;
}
.w-66px {
  width: 66px !important;
}
.w-72px {
  width: 72px;
}
.w-80px {
  width: 80px;
}
.w-85px {
  width: 85px !important;
}
.w-100px {
  width: 100px;
}
.w-123px {
  width: 123px;
}
.w-129px {
  width: 129px;
}
.w-195px {
  width: 195px;
}
.w-205px {
  width: 205px;
}
.w-209px {
  width: 209px;
}
.w100 {
  width: 100% !important;
}
.min-wid-auto {
  min-width: auto;
}
@media screen and (max-width: 719px) {
  .mo\:w-4px {
    width: 4px !important;
  }
  .mo\:w-5px {
    width: 5px !important;
  }
  .mo\:w-11px {
    width: 11px;
  }
  .mo\:w-14px {
    width: 14px !important;
  }
  .mo\:w-15px {
    width: 15px !important;
  }
  .mo\:w-16px {
    width: 16px !important;
  }
  .mo\:w-17px {
    width: 17px;
  }
  .mo\:w-18px {
    width: 18px !important;
  }
  .mo\:w-63px {
    width: 63px !important;
  }
  .mo\:w-66px {
    width: 66px !important;
  }
  .mo\:w-68px {
    width: 68px !important;
  }
  .mo\:w-94px {
    width: 94px !important;
  }
  .mo\:w-110px {
    width: 110px !important;
  }
  .mo\:w-118px {
    width: 118px !important;
  }
  .mo\:w-176px {
    width: 176px !important;
  }
  .mo\:w-186px {
    width: 186px !important;
  }
}
/* min-width */
.min-wid-185px {
  min-width: 185px;
}
/* max-width */
.m-w-240px {
  max-width: 240px;
}
.m-w-366px {
  max-width: 366px;
}
.m-w-400px {
  max-width: 400px;
}
.m-w-100 {
  max-width: 100% !important;
}
@media screen and (max-width: 719px) {
  .mo\:m-w-100 {
    max-width: 100% !important;
  }
}

/* height */
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.h-6px {
  height: 6px !important;
}
.h-14px {
  height: 14px !important;
}
.h-18px {
  height: 18px !important;
}
.h-19px {
  height: 19px !important;
}
.h-20px {
  height: 20px !important;
}
.h-40px {
  height: 40px !important;
}
.h-44px {
  height: 44px !important;
}
.h-48px {
  height: 48px !important;
}
.h-50px {
  height: 50px !important;
}
@media screen and (max-width: 719px) {
  .mo\:h-18px {
    height: 18px !important;
  }
  .mo\:h-34px {
    height: 34px !important;
  }
  .mo\:h-36px {
    height: 36px !important;
  }
  .mo\:h-60px {
    height: 60px !important;
  }
  .mo\:h-89px {
    height: 89px !important;
  }
  .mo\:h-105px {
    height: 105px !important;
  }
  .mo\:h-280px {
    height: 280px !important;
  }
  .mo\:h-300px {
    height: 300px !important;
  }
  .mo\:h-530px {
    height: 530px !important;
  }
}

/* margin */
.m-0,
.margin0 {
  margin: 0 !important;
}
.m-auto {
  margin: 0 auto;
}
.mr8 {
  margin-right: 8px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt11 {
  margin-top: 11px;
}
.mt22to10 {
  margin-top: 22px;
}
@media screen and (max-width: 719px) {
  .mt22to10 {
    margin-top: 10px;
  }
}
.mt24to20 {
  margin-top: 24px;
}
@media screen and (max-width: 719px) {
  .mt24to20 {
    margin-top: 20px;
  }
}
.mb39to20 {
  margin-bottom: 39px;
}
@media screen and (max-width: 719px) {
  .mt24to20 {
    margin-bottom: 20px;
  }
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-t-1px {
  margin-top: 1px;
}
.m-t-2px {
  margin-top: 2px;
}
.m-t-4px {
  margin-top: 4px;
}
.m-t-5px {
  margin-top: 5px;
}
.m-t-6px {
  margin-top: 6px;
}
.m-t-7px {
  margin-top: 7px;
}
.m-t-8px {
  margin-top: 8px;
}
.m-t-10px {
  margin-top: 10px !important;
}
.m-t-12px {
  margin-top: 12px !important;
}
.m-t-14px {
  margin-top: 14px !important;
}
.m-t-15px {
  margin-top: 15px !important;
}
.m-t-16px {
  margin-top: 16px !important;
}
.m-t-20px {
  margin-top: 20px !important;
}
.m-t-23px {
  margin-top: 23px !important;
}
.m-t-24px {
  margin-top: 24px !important;
}
.m-t-30px {
  margin-top: 30px;
}
.m-t-32px {
  margin-top: 32px;
}
.m-t-40px {
  margin-top: 40px !important;
}
.m-b-4px {
  margin-bottom: 4px;
}
.m-b-5px {
  margin-bottom: 5px !important;
}
.m-b-6px {
  margin-bottom: 6px;
}
.m-b-8px {
  margin-bottom: 8px !important;
}
.m-b-10px {
  margin-bottom: 10px !important;
}
.m-b-12px {
  margin-bottom: 12px !important;
}
.m-b-15px {
  margin-bottom: 15px !important;
}
.m-b-16px {
  margin-bottom: 16px !important;
}
.m-b-17px {
  margin-bottom: 17px !important;
}
.m-b-18px {
  margin-bottom: 18px !important;
}
.m-b-20px {
  margin-bottom: 20px !important;
}
.m-b-22px {
  margin-bottom: 22px !important;
}
.m-b-23px {
  margin-bottom: 23px !important;
}
.m-b-24px {
  margin-bottom: 24px !important;
}
.m-b-30px {
  margin-bottom: 30px !important;
}
.m-b-32px {
  margin-bottom: 32px;
}
.m-b-40px {
  margin-bottom: 40px !important;
}
.m-b-50px {
  margin-bottom: 50px !important;
}
.m-b-80px {
  margin-bottom: 80px;
}

.m-b-minus-1px {
  margin-bottom: -1px;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-l-8px {
  margin-left: 8px;
}
.m-l-10px {
  margin-left: 10px;
}
.m-r-3px {
  margin-right: 3px;
}
.m-r-4px {
  margin-right: 4px;
}
.m-r-5px {
  margin-right: 5px;
}
.m-r-6px {
  margin-right: 6px;
}
.m-r-7px {
  margin-right: 7px;
}
.m-r-8px {
  margin-right: 8px;
}
.m-r-10px {
  margin-right: 10px;
}
.m-r-12px {
  margin-right: 12px;
}
@media screen and (max-width: 719px) {
  .mo\:m-b-minus-2px {
    margin-bottom: -2px;
  }
  .mo\:m-l-8px {
    margin-left: 8px;
  }
  .mo\:m-r-6px {
    margin-right: 6px;
  }
  .mo\:m-r-8px {
    margin-right: 8px;
  }
  .mo\:m-r-12px {
    margin-right: 12px;
  }
  .mo\:m-b-3px {
    margin-bottom: 3px;
  }
  .mo\:m-b-4px {
    margin-bottom: 4px;
  }
  .mo\:m-b-6px {
    margin-bottom: 6px !important;
  }
  .mo\:m-b-8px {
    margin-bottom: 8px !important;
  }
  .mo\:m-b-8px {
    margin-bottom: 8px !important;
  }
  .mo\:m-b-10px {
    margin-bottom: 10px !important;
  }
  .mo\:m-b-11px {
    margin-bottom: 11px !important;
  }
  .mo\:m-b-12px {
    margin-bottom: 12px !important;
  }
  .mo\:m-b-16px {
    margin-bottom: 16px !important;
  }
  .mo\:m-b-17px {
    margin-bottom: 17px !important;
  }
  .mo\:m-t-6px {
    margin-top: 6px !important;
  }
  .mo\:m-t-0 {
    margin-top: 0 !important;
  }
  .mo\:m-t-1px {
    margin-top: 1px !important;
  }
  .mo\:m-t-2px {
    margin-top: 2px !important;
  }
  .mo\:m-t-8px {
    margin-top: 8px !important;
  }
  .mo\:m-t-10px {
    margin-top: 10px !important;
  }
  .mo\:m-t-12px {
    margin-top: 12px !important;
  }
  .mo\:m-t-14px {
    margin-top: 14px !important;
  }
  .mo\:m-t-16px {
    margin-top: 16px;
  }
  .mo\:m-t-20px {
    margin-top: 20px !important;
  }
  .mo\:m-t-30px {
    margin-top: 30px;
  }
  .mo-m-t-20px {
    margin-top: 20px;
  }
  .mo\:m-b-14px {
    margin-bottom: 14px !important;
  }
  .mo\:m-b-20px {
    margin-bottom: 20px !important;
  }
  .mo\:m-b-21px {
    margin-bottom: 21px !important;
  }
  .mo-m-b-30px {
    margin-bottom: 30px !important;
  }
  .mo\:m-b-30px {
    margin-bottom: 30px !important;
  }
}

.b-r-4px {
  border-radius: 4px;
}
.b-r-5px {
  border-radius: 5px !important;
}
.b-r-6px {
  border-radius: 6px !important;
}
.b-r-8px {
  border-radius: 8px;
}
.bor_rad-0 {
  border-radius: 0 !important;
}

/* text-align */
.t-a-left {
  text-align: left !important;
}
.t-a_center {
  text-align: center;
}
.t-a-center {
  text-align: center;
}

/* padding */
.p-0 {
  padding: 0 !important;
}
.p-12px {
  padding: 12px !important;
}
.p-20px {
  padding: 20px !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-t-4px {
  padding-top: 4px !important;
}
.p-t-20px {
  padding-top: 20px !important;
}
.p-t-22px {
  padding-top: 22px !important;
}
.p-t-30px {
  padding-top: 30px !important;
}
.p-t-8px {
  padding-top: 8px !important;
}
.p-b-4px {
  padding-bottom: 4px !important;
}
.p-b-8px {
  padding-bottom: 8px;
}
.p-b-20px {
  padding-bottom: 20px !important;
}
.p-t-24px {
  padding-top: 24px !important;
}
.p-b-24px {
  padding-bottom: 24px !important;
}
.p-t-32px {
  padding-top: 32px;
}
.p-t-36px {
  padding-top: 36px !important;
}
.p-t-40px {
  padding-top: 40px !important;
}
.p-b-33px {
  padding-bottom: 33px !important;
}
.p-b-36px {
  padding-bottom: 36px !important;
}
.p-b-40px {
  padding-bottom: 40px !important;
}
.p-b-60px {
  padding-bottom: 60px !important;
}
.p-b-64px {
  padding-bottom: 64px !important;
}
.p-l-30 {
  padding-left: 30 !important;
}
.p-l-19px {
  padding-left: 19px;
}
.p-l-20px {
  padding-left: 20px;
}
.p-l-26px {
  padding-left: 26px !important;
}
.p-l-26px {
  padding-left: 26px !important;
}
.p-l-28px {
  padding-left: 28px;
}
.p-l-36px {
  padding-left: 36px !important;
}
.p-l-40px {
  padding-left: 40px;
}
.p-l-42px {
  padding-left: 42px !important;
}
.p-l-42px {
  padding-left: 42px !important;
}
.p-l-110px {
  padding-left: 110px !important;
}
.p-l-134px {
  padding-left: 134px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.p-r-11px {
  padding-right: 11px !important;
}
.p-r-20px {
  padding-right: 20px !important;
}
.p-r-30px {
  padding-right: 30px !important;
}
.p-r-110px {
  padding-right: 110px !important;
}
.p-r-134px {
  padding-right: 134px !important;
}
.padding0 {
  padding: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-l-0px {
  padding-left: 0px;
}
.p-l-0px {
  padding-left: 0px;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-r-0px {
  padding-right: 0px;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-t-0px {
  padding-top: 0px;
}
.p-b-0px {
  padding-bottom: 0px;
}
.p-b-3px {
  padding-bottom: 3px !important;
}
.p-16px {
  padding: 16px;
}
.p-l-12px {
  padding-left: 12px;
}
.p-l-16px {
  padding-left: 16px !important;
}
.p-l-18px {
  padding-left: 18px !important;
}
.p-l-18px {
  padding-left: 18px !important;
}
.p-l-30px {
  padding-left: 30px !important;
}
.p-r-12px {
  padding-right: 12px;
}
.p-r-16px {
  padding-right: 16px !important;
}
.p-r-19px {
  padding-right: 19px !important;
}
.p-t-12px {
  padding-top: 12px;
}
.p-t-13px {
  padding-top: 13px;
}
.p-t-14px {
  padding-top: 14px !important;
}
.p-t-14px {
  padding-top: 14px !important;
}
.p-t-16px {
  padding-top: 16px !important;
}
.p-t-19px {
  padding-top: 19px;
}
.p-b-12px {
  padding-bottom: 12px;
}
.p-b-13px {
  padding-bottom: 13px;
}
.p-b-16px {
  padding-bottom: 16px !important;
}
.p-b-19px {
  padding-bottom: 19px;
}
.p-b-77px {
  padding-bottom: 77px !important;
}
.p-b-80px {
  padding-bottom: 80px !important;
}

.p-lr-12px {
  padding-left: 12px;
  padding-right: 12px;
}
.p-lr-20px {
  padding-left: 20px;
  padding-right: 20px;
}
.p-tb-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}
.p-lr-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.p-tb-16px {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (max-width: 719px) {
  .mo\:p-16px {
    padding: 16px !important;
  }
  .mo\:p-t-1px {
    padding-top: 1px !important;
  }
  .mo\:p-t-12px {
    padding-top: 12px;
  }
  .mo\:p-b-12px {
    padding-bottom: 12px;
  }
  .mo\:p-t-14px {
    padding-top: 14px;
  }
  .mo\:p-t-16px {
    padding-top: 16px !important;
  }
  .mo\:p-b-14px {
    padding-bottom: 14px;
  }
  .mo\:p-t-10px {
    padding-top: 10px !important;
  }
  .mo\:p-t-20px {
    padding-top: 20px !important;
  }
  .mo\:p-t-40px {
    padding-top: 40px !important;
  }
  .mo\:p-t-46px {
    padding-top: 46px !important;
  }
  .mo\:p-b-1px {
    padding-bottom: 1px !important;
  }
  .mo\:p-b-10px {
    padding-bottom: 10px !important;
  }
  .mo\:p-b-17px {
    padding-bottom: 17px !important;
  }
  .mo\:p-b-53px {
    padding-bottom: 53px !important;
  }
  .mo\:p-b-70px {
    padding-bottom: 70px !important;
  }
  .mo\:p-l-9px {
    padding-left: 9px !important;
  }
  .mo\:p-l-0 {
    padding-left: 0 !important;
  }
  .mo\:p-r-0 {
    padding-right: 0 !important;
  }
  .mo\:p-l-10px {
    padding-left: 10px !important;
  }
  .mo\:p-12px {
    padding: 12px;
  }
  .mo-p-l-0px {
    padding-left: 0px;
  }
  .mo-p-r-0px {
    padding-right: 0px;
  }
  .mo\:p-l-16px {
    padding-left: 16px !important;
  }
  .mo-p-l-16px {
    padding-left: 16px;
  }
  .mo-p-l-20px {
    padding-left: 20px;
  }
  .mo\:p-l-22px {
    padding-left: 22px !important;
  }
  .mo\:p-l-36px {
    padding-left: 36px !important;
  }
  .mo\:p-l-36px {
    padding-left: 36px !important;
  }
  .mo-p-l-48px {
    padding-left: 48px !important;
  }
  .mo\:p-r-16px {
    padding-right: 16px !important;
  }
  .mo-p-r-16px {
    padding-right: 16px;
  }
  .mo\:p-t-15px {
    padding-top: 15px !important;
  }
  .mo\:p-b-15px {
    padding-bottom: 15px !important;
  }
  .mo\:p-l-20px {
    padding-left: 20px !important;
  }
  .mo\:p-r-20px {
    padding-right: 20px !important;
  }
  .mo\:p-t-24px {
    padding-top: 24px !important;
  }
  .mo\:p-b-20px {
    padding-bottom: 20px !important;
  }
  .mo\:p-b-24px {
    padding-bottom: 24px !important;
  }
  .mo\:p-b-50px {
    padding-bottom: 50px !important;
  }
  .mo\:p-t-21px {
    padding-top: 21px !important;
  }
  .mo\:p-b-21px {
    padding-bottom: 21px !important;
  }
}

@media screen and (max-width: 719px) {
  .mo\:p-lr-13px {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
  .mo\:p-lr-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .mo\:p-tb-13px {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
  .mo\:p-tb-14px {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .mo\:p-tb-11px {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .mo\:p-tb-8px {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .mo-p-t-16px {
    padding-top: 16px !important;
  }
  .mo-p-b-50px {
    padding-bottom: 50px !important;
  }
}

/* text-indent */
.t-i-11px {
  text-indent: -11px;
}

/* border */
.b-none {
  border: none !important;
}
.b-1px {
  border: 1px solid #000;
}
.b-b-0 {
  border-bottom: 0 !important;
}
.b-b-1px {
  border-bottom: 1px solid #000;
}
.bbf1 {
  border-bottom: 1px solid #f1f1f1 !important;
}
.bbe9 {
  border-bottom: 1px solid #e9e9e9 !important;
}
.bt0 {
  border-top: none !important;
}
.bb0 {
  border-bottom: none !important;
}
.bte9 {
  border-top: 1px solid #e9e9e9;
}
.b-t-1px {
  border-top: 1px solid;
}
.b-b-1px {
  border-bottom: 1px solid;
}
.br0 {
  border-right: 0 !important;
}
.b-r-1px {
  border-right: 1px solid;
}
.bl0 {
  border-left: 0 !important;
}
.b-l-1px {
  border-left: 1px solid;
}
/* border-color */
.b-c-f1f1f1 {
  border-color: #f1f1f1;
}
.b-c-e3e7ed {
  border-color: #e3e7ed;
}
.b-c-e9e9e9 {
  border-color: #e9e9e9;
}
.b-c-d9d9d9 {
  border-color: #d9d9d9;
}
.b-c-dddddd {
  border-color: #dddddd !important;
}
.b-c-222222 {
  border-color: #222222;
}
/* min-height */
.m-h-auto {
  min-height: auto !important;
}
.m-h-151px {
  min-height: calc(100vh - 151px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 719px) {
  .mo\:m-h-103px {
    min-height: calc(100vh - 103px);
    display: flex;
    flex-direction: column;
  }
}
.m-h-cal224px {
  min-height: calc(100vh - 224px);
}

/* word-break */
.wor-bre-keep_all {
  word-break: keep-all;
}

/* line-height */
.lh24 {
  line-height: 24px;
}
.lh28to24 {
  line-height: 28px;
}
@media screen and (max-width: 719px) {
  .lh28to24 {
    line-height: 24px;
  }
}
.l-h-initial {
  line-height: initial !important;
}
.l-h-16px {
  line-height: 16px;
}
.l-h-17px {
  line-height: 17px;
}
.l-h-18px {
  line-height: 18px;
}
.l-h-20px {
  line-height: 20px !important;
}
.l-h-22px {
  line-height: 22px !important;
}
.l-h-24px {
  line-height: 24px !important;
}
.l-h-25px {
  line-height: 25px;
}
.l-h-26px {
  line-height: 26px;
}
.l-h-27px {
  line-height: 27px !important;
}
.l-h-28px {
  line-height: 28px !important;
}
.l-h-30px {
  line-height: 30px;
}
.l-h-32px {
  line-height: 32px;
}
.l-h-36px {
  line-height: 36px;
}
.l-h-40px {
  line-height: 40px !important;
}
@media screen and (max-width: 719px) {
  .mo\:l-h-16px {
    line-height: 16px !important;
  }
  .mo\:l-h-17px {
    line-height: 17px !important;
  }
  .mo\:l-h-18px {
    line-height: 18px !important;
  }
  .mo\:l-h-19px {
    line-height: 19px !important;
  }
  .mo\:l-h-20px {
    line-height: 20px !important;
  }
  .mo\:l-h-21px {
    line-height: 21px !important;
  }
  .mo\:l-h-22px {
    line-height: 22px !important;
  }
  .mo\:l-h-24px {
    line-height: 24px !important;
  }
  .mo\:l-h-26px {
    line-height: 26px !important;
  }
  .mo\:l-h-33px {
    line-height: 33px !important;
  }
  .mo\:l-h-34px {
    line-height: 34px !important;
  }
  .mo-l-h-20px {
    line-height: 20px;
  }
  .mo-l-h-24px {
    line-height: 24px;
  }
}

/* min-height */
.min-hei-calc-480 {
  min-height: calc(100vh - 480px);
}

/* pointer-events */
.e-none {
  pointer-events: none !important;
}

/* visually-hidden */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* background */
.bg-purple {
  background: #6335b4;
}
.bg-c-dddddd {
  background-color: #dddddd;
}
.bg-c-ffffff {
  background-color: #ffffff;
}
.bg-c-f3f3f3 {
  background-color: #f3f3f3;
}
.bg-f3f4f7 {
  background: #f3f4f7;
}
.bg-f5 {
  background: #f5f5f5 !important;
}
.bg-fcf9ee {
  background: #fcf9ee !important;
}
.bg-fff {
  background: #ffffff !important;
}
.bg-none {
  background: none !important;
}
.b-g-ffffff {
  background-color: #ffffff;
}
.b-g-6687e9 {
  background-color: #6687e9;
}
.b-g-f5f5f5 {
  background-color: #f5f5f5;
}
.b-g-e6e6e6 {
  background-color: #e6e6e6 !important;
}
.b-g-s-cover {
  background-size: cover !important;
}

.bg-s-16px {
  background-size: 16px !important;
}
.bg-p-16px_6px {
  background-position: 16px 6px !important;
}
.bg-s-12px7px {
  background-size: 12px 7px !important;
}
@media screen and (max-width: 719px) {
  .mo\:bg-s-14px {
    background-size: 14px !important;
  }
  .mo\:bg-s-5px9px {
    background-size: 5px 9px !important;
  }
  .mo\:bg-s-9px5px {
    background-size: 9px 5px !important;
  }
  .mo\:bg-p-0_6px {
    background-position: 0 6px !important;
  }
  .mo\:bg-p-right10px {
    background-position: right 10px center !important;
  }
}

/* text */
.t-d-underline {
  text-decoration: underline;
}

/* font */
.f-bold {
  font-weight: bold;
}
.f-regular {
  font-weight: 400;
}
.f-500 {
  font-weight: 500;
}
.f-normal {
  font-weight: normal !important;
}
.f-fff {
  color: var(--h-color-fff) !important;
}
.f-ddd {
  color: var(--h-color-ddd);
}
.f-ccc {
  color: var(--h-color-ccc) !important;
  color: var(--h-color-ccc) !important;
}
.f-222 {
  color: var(--h-color-222) !important;
}
.f-555 {
  color: var(--h-color-555);
}
.f-666 {
  color: var(--h-color-666) !important;
}
.f-888 {
  color: var(--h-color-888);
}
.f-999 {
  color: var(--h-color-999);
}
.f-main-color {
  color: var(--h-main-color);
}
.f-red {
  color: #da4841;
}
.f-red4841 {
  color: #da4841;
}
.t-center {
  text-align: center;
}
.c-da4841 {
  color: #da4841;
}

/* font-weight */
.f-w-normal {
  font-weight: normal !important;
}
.f-w-bold {
  font-weight: bold !important;
}

/* color */
.main-bg {
  background: var(--h-main-color);
}

/* font-size */
.f-s-0 {
  font-size: 0 !important;
}
.f-s-11px {
  font-size: 11px !important;
}
.f-s-12px {
  font-size: 12px !important;
}
.f-s-13px {
  font-size: 13px !important;
}
.f-s-13_5px {
  font-size: 13.5px !important;
}
.f-s-14px {
  font-size: 14px !important;
}
.f-s-15px {
  font-size: 15px !important;
}
.f-s-16px {
  font-size: 16px !important;
}
.f-s-18px {
  font-size: 18px !important;
}
.f-s-20px {
  font-size: 20px;
}
.f-s-24px {
  font-size: 24px;
}
@media screen and (max-width: 719px) {
  .mo-f-s-14px {
    font-size: 14px;
  }
  .mo\:f-s-14px {
    font-size: 14px !important;
  }
  .mo\:f-s-10px {
    font-size: 10px !important;
  }
  .mo\:f-s-11px {
    font-size: 11px !important;
  }
  .mo\:f-s-12px {
    font-size: 12px !important;
  }
  .mo\:f-s-13px {
    font-size: 13px !important;
  }
  .mo\:f-s-13_5px {
    font-size: 13.5px !important;
  }
  .mo\:f-s-14px {
    font-size: 14px;
  }
  .mo\:f-s-15px {
    font-size: 15px;
  }
  .mo\:f-s-16px {
    font-size: 16px !important;
  }
  .mo\:f-s-22px {
    font-size: 22px !important;
  }
  .mo-f-s-16px {
    font-size: 16px;
  }
  .mo-f-s-18px {
    font-size: 18px;
  }
}

/* vertical-align */
.v-a-middle {
  vertical-align: middle;
}

/* display */
.d-block {
  display: block !important;
}
.d-inline-flex {
  display: inline-flex;
}
.pc-show {
  display: block !important;
}
.mb-show {
  display: none !important;
}
@media screen and (max-width: 719px) {
  .pc-show {
    display: none !important;
  }
  .mb-show {
    display: block !important;
  }
  .mo\:d-inline {
    display: inline !important;
  }
}
.pc-show-flex {
  display: flex !important;
}
.mb-show-flex {
  display: none !important;
}
@media screen and (max-width: 719px) {
  .pc-show-flex {
    display: none !important;
  }
  .mb-show-flex {
    display: flex !important;
  }
}

/* cursor */
.c-pointer {
  cursor: pointer;
}

/* user-select */
.select-none {
  user-select: none;
}

/* content */
.c-none::before,
.c-none::after {
  content: none !important;
}

/* flex & position */
.f-1 {
  flex: 1;
}
.d-flex {
  display: flex !important;
}
.flex-end {
  justify-content: flex-end;
}
.f-w-wrap {
  flex-wrap: wrap;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-between {
  justify-content: space-between;
}
.j-c-space_between {
  justify-content: space-between;
}
.align-initial {
  align-items: initial;
}
.align-start {
  align-items: flex-start !important;
}
.align-center {
  align-items: center;
}
.a-i-center {
  align-items: center;
}
.d-flex-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f-column {
  flex-direction: column;
}
@media screen and (max-width: 719px) {
  .mo\:f-column {
    flex-direction: column;
  }
}
.p-rel {
  position: relative;
}
.p-fixed {
  position: fixed;
}
.f-3 {
  flex: 0 0 calc(100% / 3);
}
.f-2 {
  flex: 0 0 50%;
}
.flex-1 {
  flex: 1 0 auto;
}
.flex-auto {
  flex: 0 0 auto !important;
}

/* order */
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}

/* gap */
.g-9px {
  gap: 9px;
}
.gap-0px {
  gap: 0px !important;
}
.gap-2px {
  gap: 2px;
}
.gap-3px {
  gap: 3px;
}
.gap-4px {
  gap: 4px;
}
.gap-6px {
  gap: 6px;
}
.gap-8px {
  gap: 8px;
}
.gap-9px {
  gap: 9px;
}
.gap-12px {
  gap: 12px;
}
.gap-16px {
  gap: 16px;
}
.gap-24px {
  gap: 24px;
}
@media screen and (max-width: 719px) {
  .mo\:gap-6px {
    gap: 6px !important;
  }
  .mo\:gap-7px {
    gap: 7px !important;
  }
  .mo\:gap-8px {
    gap: 8px;
  }
  .mo\:gap-10px {
    gap: 10px;
  }
}

/* -webkit-line-clamp */
.w-l-c-2 {
  -webkit-line-clamp: 2 !important;
}
.w-l-c-3 {
  -webkit-line-clamp: 3 !important;
}

/* justify-content */
.j-c-s-b {
  justify-content: space-between !important;
}

/* overflow-hidden */
body.hong4.lock {
  touch-action: none;
  overflow: hidden;
  position: static !important;
}

/* IR Hidden */
.ir-hidden {
  position: relative;
  z-index: -1;
  display: inline-block;
  overflow: hidden;
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  word-break: initial;
  word-wrap: initial;
}

/* hong4 icon.css */
/* /////////////// */
/* icon & img */
:root {
  /* img variable */
  /* hongcafe */
  --h-hong-profile-bg-tarot: url(/hong4/_img/main/bg_tarot.jpg) no-repeat;
  --h-hong-profile-bg-saju: url(/hong4/_img/main/bg_saju.jpg) no-repeat;
  --h-hong-profile-bg-fortune: url(/hong4/_img/main/bg_fortune.png) no-repeat;
  /* //////////////////////////////////////////////////////////////////// */
  /* agora */
  --h-agora-profile: url(/hong4/_img/agora/header/profile.png) no-repeat;
  --h-agora-camera-off: url(/hong4/_img/agora/main/camera-off.png) no-repeat;
  --h-agora-icon-bell: url(/hong4/_img/agora/main/i-bell.png) no-repeat;
  --h-agora-counselor-profile: url(/hong4/_img/agora/header/profile.png) no-repeat;
  --h-agora-counselor-video-profile: url(/hong4/_img/agora/header/i-video.png) no-repeat;
  --h-agora-counselor-video-profile-opacity: url(/hong4/_img/agora/header/i-video-opacity.png) no-repeat;
  --h-agora-consult-start-alert: url(/hong4/_img/agora/header/i-play.png) no-repeat;
  --h-agora-my-screen-camera-on: url(/hong4/_img/agora/main/test2.png) no-repeat;
  --h-agora-counselor-screen-camera-on: url(/hong4/_img/agora/main/test.png) no-repeat;
  --h-agora-counselor-screen-gradient-0-top: linear-gradient(0deg, transparent 20%, #000 140%);
  --h-agora-counselor-screen-gradient-0-bot: linear-gradient(180deg, transparent 20%, #000 170%);
  /* --h-agora-counselor-screen-gradient-0: linear-gradient(0deg, #000 -100%, transparent 70%, #000 200%); */
  /* --h-agora-counselor-screen-gradient-0: linear-gradient(0deg, #000 -100%, transparent 80%, #000 120%); */
  --h-agora-counselor-screen-gradient-90-left: linear-gradient(270deg, transparent 30%, #000 170%);
  --h-agora-counselor-screen-gradient-90-right: linear-gradient(90deg, transparent 20%, #000 150%);
  /* --h-agora-counselor-screen-gradient-90: linear-gradient(90deg, #000 -100%, transparent 80%, #000 120%); */
  --h-agora-footer-new-icon: url(/hong4/_img/agora/footer/i-new.png) no-repeat;
  --h-agora-screen-test-img: url(/hong4/_img/agora/main/test3.png) no-repeat;
  --h-agora-capture-test-img1: url(/hong4/_img/agora/main/test4.png) no-repeat;
  --h-agora-capture-test-img2: url(/hong4/_img/agora/main/test5.png) no-repeat;
  --h-agora-screen-check-icon: url(/hong4/_img/agora/main/i-screen-check.png) no-repeat;
  --h-agora-my-chat-corner: url(/hong4/_img/agora/main/my-chat.png) no-repeat;
  --h-agora-opponent-chat-corner: url(/hong4/_img/agora/main/opponent-chat.png) no-repeat;
  --h-agora-chat-writing: url(/hong4/_img/agora/main/i-writing.png) no-repeat;
  --h-agora-select-arrow-bot: url(/hong4/_img/footer/arrow-bottom.png) no-repeat;
}

body.hong4 {
  /* hongcafe */
  /* header */
  /* footer */
  /* main */
}

body.hong4 .i-price-info {
  background: url(/hong4/_img/main/i-price-info.png) no-repeat;
}
body.hong4 .i-video-info {
  background: url(/hong4/_img/main/i-video-info.png) no-repeat;
}
body.hong4 .i-charge-coin {
  background: url(/hong4/_img/main/i-charge-coin.png) no-repeat;
}
body.hong4 .i-coin-s {
  background: url(/hong4/_img/main/i-coin-s.png) no-repeat;
}
body.hong4 .i-setting-s {
  background: url(/hong4/_img/main/i-setting-s.png) no-repeat;
}
body.hong4 .i-logout {
  background: url(/hong4/_img/main/i-logout.png) no-repeat;
}
body.hong4 .i-logout {
  background: url(/hong4/_img/main/i-logout.png) no-repeat;
}
body.hong4 .i-login {
  background: url(/hong4/_img/main/i-login.png) no-repeat;
}
body.hong4 .i-new-cate {
  background: url(/hong4/_img/main/i-new-cate.png) no-repeat;
}
body.hong4 .i-interview {
  background: url(/hong4/_img/main/i-interview.png) no-repeat;
}
body.hong4 .i-profile-best {
  background: url(/hong4/_img/main/i-profile-best.png) no-repeat;
}
body.hong4 .i-contents {
  background: url(/hong4/_img/main/i-contents.png) no-repeat;
}
body.hong4 .i-gift {
  background: url(/hong4/_img/main/i-gift.png) no-repeat;
}
body.hong4 .i-column {
  background: url(/hong4/_img/main/i-column.png) no-repeat;
}
body.hong4 .i-short-tarot {
  background: url(/hong4/_img/main/i-short-tarot.png) no-repeat;
}
body.hong4 .i-list-delete {
  background: url(/hong4/_img/main/i-list-delete.png) no-repeat;
}
body.hong4 .i-search-none {
  background: url(/hong4/_img/main/i-search-none.png) no-repeat;
}
body.hong4 .i-recent-exit {
  background: url(/hong4/_img/main/i-recent-exit.png) no-repeat;
}
body.hong4 .i-history {
  background: url(/hong4/_img/main/i-history.png) no-repeat;
}
body.hong4 .i-close {
  background: url(/hong4/_img/header/i-close.png) no-repeat;
}
body.hong4 .i-close-chat {
  background: url(/hong4/img/chat/chat_close.png) no-repeat;
}
body.hong4 .i-arrow-right-w {
  background: url(/hong4/_img/header/i-arrow-right-w.png) no-repeat;
}
body.hong4 .i-arrow {
  background: url(/hong4/_img/header/i-arrow-down.png) no-repeat;
}
body.hong4 .i-arrow.on {
  background: url(/hong4/_img/header/i-arrow-up.png) no-repeat;
}
body.hong4 .i-arrow-fff {
  background: url(/hong4/_img/header/i-arrow-down-fff.png) no-repeat;
}
body.hong4 .i-arrow-fff.on {
  background: url(/hong4/_img/header/i-arrow-up-fff.png) no-repeat;
}
body.hong4 .i-search {
  background: url(/hong4/_img/header/i-search.png) no-repeat;
}
body.hong4 .i-alarm {
  background: url(/hong4/_img/header/i-alarm.png) no-repeat;
}
body.hong4 .i-menu-logo {
  background: url(/hong4/_img/header/i-menu-logo.png) no-repeat;
}
body.hong4 .i-menu-call {
  background: url(/hong4/_img/header/i-menu-call.png) no-repeat;
}
body.hong4 .i-menu-cafe {
  background: url(/hong4/_img/header/i-menu-cafe.png) no-repeat;
}
body.hong4 .i-menu-naver {
  background: url(/hong4/_img/header/i-menu-naver.svg) no-repeat;
}
body.hong4 .i-menu-chat {
  background: url(/hong4/_img/header/i-menu-chat.png) no-repeat;
}
body.hong4 .i-menu-class {
  background: url(/hong4/_img/header/i-menu-class.png) no-repeat;
}
body.hong4 .i-menu-item {
  background: url(/hong4/_img/header/i-menu-item.png) no-repeat;
}
body.hong4 .i-menu-setting {
  background: url(/hong4/_img/header/i-menu-setting.png) no-repeat;
}
body.hong4 .i-menu-video {
  background: url(/hong4/_img/header/i-menu-video.png) no-repeat;
}
body.hong4 .i-menu-visit {
  background: url(/hong4/_img/header/i-menu-visit.png) no-repeat;
}
body.hong4 .i-menu-home {
  background: url(/hong4/_img/header/i-menu-home-off.svg) no-repeat;
}
body.hong4 .i-menu-home.on {
  background: url(/hong4/_img/header/i-menu-home-on.png) no-repeat;
}
body.hong4 .i-check-fff {
  background: url(/hong4/_img/header/i-check_fff.svg) no-repeat;
}
body.hong4 .i-question {
  background: url(/hong4/_img/header/i-question.svg) no-repeat;
}
body.hong4 .i-info {
  background: url(/hong4/_img/header/i-info.png) no-repeat;
}
body.hong4 .i-back {
  background: url(/hong4/_img/header/i-back.png) no-repeat;
}
body.hong4 .i-back-chat {
  background: url(/hong4/img/chat/chat_back.png) no-repeat;
}
body.hong4 .i-service {
  background: url(/hong4/_img/header/i-service.png) no-repeat;
}
body.hong4 .i-facebook {
  background: url(/hong4/_img/footer/facebook.png) no-repeat;
}
body.hong4 .i-instagram {
  background: url(/hong4/_img/footer/instagram.png) no-repeat;
}
body.hong4 .i-blog {
  background: url(/hong4/_img/footer/naver.png) no-repeat;
}
body.hong4 .i-arrow-t {
  background: url(/hong4/_img/footer/arrow-top.png) no-repeat;
}
body.hong4 .i-arrow-b {
  background: url(/hong4/_img/footer/arrow-bottom.png) no-repeat;
}
body.hong4 .i-posting-star {
  background: url(/hong4/_img/main/i-posting-star.png) no-repeat;
}
body.hong4 .i-arrow-right {
  background: url(/hong4/_img/main/i-arrow-right.png) no-repeat;
}
body.hong4 .i-arrow-top {
  background: url(/hong4/_img/main/i-arrow-top.png) no-repeat;
}
body.hong4 .i-list-call {
  background: url(/hong4/_img/main/i-list-call.png) no-repeat;
}
body.hong4 .i-list-review {
  background: url(/hong4/_img/main/i-list-review.svg) no-repeat;
}
body.hong4 .i-list-star {
  background: url(/hong4/_img/main/i-list-star.svg) no-repeat;
}
body.hong4 .i-list-won {
  background: url(/hong4/_img/main/i-list-won.svg) no-repeat;
}
body.hong4 .i-list-partner {
  background: url(/hong4/_img/main/i-list-partner.png) no-repeat;
}
body.hong4 .i-list-rookie {
  background: url(/hong4/_img/main/i-list-rookie.png) no-repeat;
}
body.hong4 .i-list-arrow-down {
  background: url(/hong4/_img/main/i-list-arrow-down.png) no-repeat;
}
body.hong4 .i-list-arrow-top {
  background: url(/hong4/_img/main/i-arrow-top.png) no-repeat;
}
body.hong4 .i-list-bell {
  background: url(/hong4/_img/main/i-list-bell.png) no-repeat;
}
body.hong4 .i-list-calling {
  background: url(/hong4/_img/main/i-list-calling.png) no-repeat;
}
body.hong4 .i-list-review-null {
  background: url(/hong4/_img/main/i-list-review-null.svg) no-repeat;
}
body.hong4 .i-list-chat {
  background: url(/hong4/_img/main/i-list-chat.png) no-repeat;
}
body.hong4 .i-list-chatting {
  background: url(/hong4/_img/main/i-list-chatting.png) no-repeat;
}
body.hong4 .i-list-video {
  background: url(/hong4/_img/main/i-list-video.png) no-repeat;
}
body.hong4 .i-list-videocall {
  background: url(/hong4/_img/main/i-list-videocall.png) no-repeat;
}
body.hong4 .i-best {
  background: url(/hong4/_img/main/i-best.png) no-repeat;
}
body.hong4 .i-best.ver1 {
  background: url(/hong4/img/listIcon/best_btn.png) no-repeat;
}
body.hong4 .i-popup-refresh {
  background: url(/hong4/_img/main/i-popup-refresh.png) no-repeat;
}
body.hong4 .i-consult {
  background: url(/hong4/_img/main/i-consult.png) no-repeat;
}
body.hong4 .i-consult.on {
  background: url(/hong4/_img/main/i-consult-on.png) no-repeat;
}
body.hong4 .i-review {
  background: url(/hong4/_img/main/i-review.png) no-repeat;
}
body.hong4 .i-review.on {
  background: url(/hong4/_img/main/i-review-on.png) no-repeat;
}
body.hong4 .i-grade {
  background: url(/hong4/_img/main/i-grade.png) no-repeat;
}
body.hong4 .i-grade.on {
  background: url(/hong4/_img/main/i-grade-on.png) no-repeat;
}
body.hong4 .i-location {
  background: url(/hong4/_img/main/i-location.svg) no-repeat;
}
body.hong4 .i-location.mt {
  background: url(../img/common/ic_location_mt.png) no-repeat;
}
body.hong4 .i-location2 {
  background: url(/hong4/_img/main/i-location2.svg) no-repeat;
}
body.hong4 .i-location3 {
  background: url(/hong4/_img/main/i-location3.svg) no-repeat;
}
body.hong4 .i-filter {
  background: url(/hong4/_img/main/i-filter.svg) no-repeat;
}
body.hong4 .i-location-exit {
  background: url(/hong4/_img/main/i-exit.png) no-repeat;
}
body.hong4 .i-share-btn {
  background: url(/hong4/_img/main/i-share-btn.png) no-repeat;
}
body.hong4 .i-sound {
  background: url(/hong4/_img/main/i-sound.png) no-repeat;
}
body.hong4 .i-player-play {
  background: url(/hong4/_img/main/i-player-play.png) no-repeat;
}
body.hong4 .i-player-stop {
  background: url(/hong4/_img/main/i-player-stop.png) no-repeat;
}
body.hong4 .i-player-rewind {
  background: url(/hong4/_img/main/i-player-rewind.png) no-repeat;
}
body.hong4 .i-review-list {
  background: url(/hong4/_img/main/i-review-list.png) no-repeat;
}
body.hong4 .i-star-point {
  background: url(/hong4/_img/main/i-star-point.png) no-repeat;
}
body.hong4 .i-star-point-half {
  background: url(/hong4/_img/main/i-star-point-half.png) no-repeat;
}
body.hong4 .i-star-point-full {
  background: url(/hong4/_img/main/i-star-point-full.png) no-repeat;
}
body.hong4 .i-faq {
  background: url(/hong4/_img/main/i-faq.png) no-repeat;
}
body.hong4 .i-arrow-bot {
  background: url(/hong4/_img/main/i-arrow-bot.png) no-repeat;
}

body.agora {
  /* //////////////////////////////////////////////////////////////// */
  /* agora */
}
body.agora .i-exit {
  background: url(/hong4/_img/agora/header/i-exit.png) no-repeat;
}
body.agora .i-exit-b {
  background: url(/hong4/_img/agora/header/i-exit-b.png) no-repeat;
}
body.agora .i-clock {
  background: url(/hong4/_img/agora/header/i-clock.png) no-repeat;
}
body.agora .i-clock-yel {
  background: url(/hong4/_img/agora/header/i-clock-yellow.png) no-repeat;
}
body.agora .i-play {
  background: url(/hong4/_img/agora/header/i-play.png) no-repeat;
}
body.agora .i-play-opacity {
  background: url(/hong4/_img/agora/header/i-play-opacity.png) no-repeat;
}
body.agora .i-cam-on {
  background: url(/hong4/_img/agora/footer/i-cam-on.png) no-repeat;
}
body.agora .i-cam-off {
  background: url(/hong4/_img/agora/footer/i-cam-off.png) no-repeat;
}
body.agora .i-mic-on {
  background: url(/hong4/_img/agora/footer/i-mic-on.png) no-repeat;
}
body.agora .i-mic-on-b {
  background: url(/hong4/_img/agora/footer/i-mic-on-b.png) no-repeat;
}
body.agora .i-mic-off {
  background: url(/hong4/_img/agora/footer/i-mic-off.png) no-repeat;
}
body.agora .i-mic-off-b {
  background: url(/hong4/_img/agora/footer/i-mic-off-b.png) no-repeat;
}
body.agora .i-mic-off-opacity {
  background: url(/hong4/_img/agora/main/i-mic-off-opacity.png) no-repeat;
}
body.agora .i-switch {
  background: url(/hong4/_img/agora/footer/i-switch.png) no-repeat;
}
body.agora .i-switch-b {
  background: url(/hong4/_img/agora/footer/i-switch-b.png) no-repeat;
}
body.agora .i-manage {
  background: url(/hong4/_img/agora/footer/i-manage.png) no-repeat;
}
body.agora .i-manage-b {
  background: url(/hong4/_img/agora/footer/i-manage-b.png) no-repeat;
}
body.agora .i-screen-share {
  background: url(/hong4/_img/agora/footer/i-screen-share.png) no-repeat;
}
body.agora .i-screen-share-b {
  background: url(/hong4/_img/agora/footer/i-screen-share-b.png) no-repeat;
}
body.agora .i-capture {
  background: url(/hong4/_img/agora/footer/i-capture.png) no-repeat;
}
body.agora .i-capture-b {
  background: url(/hong4/_img/agora/footer/i-capture-b.png) no-repeat;
}
body.agora .i-chat {
  background: url(/hong4/_img/agora/footer/i-chat.png) no-repeat;
}
body.agora .i-chat-b {
  background: url(/hong4/_img/agora/footer/i-chat-b.png) no-repeat;
}
body.agora .i-setting {
  background: url(/hong4/_img/agora/footer/i-setting.png) no-repeat;
}
body.agora .i-setting-b {
  background: url(/hong4/_img/agora/footer/i-setting-b.png) no-repeat;
}
body.agora .i-more {
  background: url(/hong4/_img/agora/footer/more.png) no-repeat;
}
body.agora .i-img-switch {
  background: url(/hong4/_img/agora/header/i-img-switch.png) no-repeat;
}
body.agora .i-stop {
  background: url(/hong4/_img/agora/header/i-stop.png) no-repeat;
}
body.agora .i-clip {
  background: url(/hong4/_img/agora/main/i-clip.png) no-repeat;
}
body.agora .i-input {
  background: url(/hong4/_img/agora/main/i-input.png) no-repeat;
} /*# sourceMappingURL=icon-move.css.map */

/* carousel */
.carousel {
  width: 100%;
}
.carousel.card {
  overflow: hidden;
}
.carousel.card .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.carousel.card .swiper-slide {
  overflow: hidden;
  border-radius: 8px;
}
.carousel .swiper {
  position: relative;
}
.carousel .swiper-button-prev,
.carousel .swiper-button-next {
  margin-top: auto;
}
.carousel .swiper-pagination {
  position: static;
  font-size: 0;
}
.carousel .swiper-pagination-bullet {
  margin: 0 5px;
}
.carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: #6335b4;
}
@media screen and (max-width: 719px) {
  .carousel.card .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
  }
  .carousel .swiper-pagination {
    margin: 14px 0 20px !important;
  }
}

/* button */
a.btn,
button.btn {
  font-family: var(--h-body-font-family);
}
a.btn.more,
button.btn.more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
a.btn > img.arrow-right,
button.btn > img.arrow-right {
  width: 7px;
}

/* common-title */
.common-title-container {
  width: 100%;
  padding: 24px;
  background: #f3f4f7;
  border-bottom: 1px solid #e9e9e9;
}
@media screen and (max-width: 719px) {
  .common-title-container {
    padding: 16px;
  }
}

/* cube-container */
.cube-container {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 80px;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

@media screen and (max-width: 719px) {
  .cube-container {
    padding-bottom: 50px;
    max-width: 100%;
    border: none;
  }
}

/* division */
.division {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
}

/* ellipsis */
.ellipsis {
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  word-break: break-all !important;
}
.ellipsis.once {
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}
.ellipsis.multi {
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important ;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.ellipsis.multi3 {
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important ;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
.ellipsis.multi4 {
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important ;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
}
@media screen and (max-width: 719px) {
  .ellipsis.mo\:w-l-c-3 {
    -webkit-line-clamp: 3 !important;
  }
  .mo\:multi4 {
    -webkit-line-clamp: 4 !important;
  }
}

/* i-qna */
.i-qna-red {
  background: url(/hong4/_img/main/ic_qna.svg) no-repeat;
}

.default-textarea {
  width: 100%;
  height: 140px;
  font-size: 1rem;
  line-height: 1.68;
  border-radius: 4px;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 14px;
  resize: none;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif;
}

.default-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 18px;
  border: 1px solid #dddddd;
  background: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  max-height: 56px;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .default-btn {
    padding: 13px;
    max-height: 46px;
  }
}

.pin-header {
  padding: 16px 30px;
}

.pin-filter {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  padding-left: 26px;
  cursor: pointer;
}
.pin-filter::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid var(--h-color-ddd);
}
input[type='checkbox']:checked + .pin-filter::before {
  background: url(/hong4/_img/main/i-checked.png) no-repeat center/10px 8px;
}

@media screen and (max-width: 719px) {
  .pin-header {
    padding: 16px;
  }
  .pin-filter {
    font-size: 12px;
    padding-left: 22px;
  }
  .pin-filter::before {
    width: 16px;
    height: 16px;
  }
}

.btn.disabled,
.btn.disabled > span {
  color: #cccccc;
  border-color: #dddddd;
}

@media screen and (max-width: 719px) {
  .btn-set {
    /* margin-top: 20px !important; */
  }
}

.pin-pick {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: bold;
}

@media screen and (max-width: 719px) {
  .pin-pick {
    gap: 4px;
    font-size: 10px;
  }
}

.review-bot.fold {
  position: relative;
  overflow: hidden;
  height: 80px;
  max-height: 80px;
}
.review-bot.fold::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
}

@media screen and (max-width: 719px) {
  .review-bot.fold {
    height: 68px;
    max-height: 68px;
  }
}

.fold-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 12px;
}
@media screen and (max-width: 719px) {
  .fold-btn {
    margin-top: 8px;
  }
}
.fold-btn > img {
  width: 10px;
  height: 6px;
}
.coin-charge-box {
  padding: 14px 10px;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 4px;
}
.coin-charge-box > img {
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
}

.coin-charge-box span {
  font-size: 14px !important;
}

@media screen and (max-width: 719px) {
  .coin-charge-box {
    padding: 10px 8px;
  }
  .coin-charge-box > img {
    width: 24px !important;
    height: 24px !important;
  }
  .coin-charge-box span {
    font-size: 12px !important;
  }
  .coin-charge-box .f-bold {
    margin: 0 !important;
  }
  .postpaid-text {
    font-size: 13px;
  }
}

.text.indent {
  position: relative;
  padding-left: 10px;
}
.text.indent::before {
  position: absolute;
  content: '·';
  left: 2px;
  font-weight: bold;
}

.radio-list .label-text {
  font-size: 16px !important;
}
@media screen and (max-width: 719px) {
  .radio-list .label-text {
    font-size: 14px !important;
  }
}

.join.kakao {
  background: url(/hong4/_img/main/join_kakao.svg) no-repeat left 22px center / 22px 20px #fee400;
  border-color: #fee400;
  border-radius: 4px;
}
.join.naver {
  background: url(/hong4/_img/main/join_naver.svg) no-repeat left 20px center / 18px 18px #1ec800;
  border-color: #1ec800;
  color: #ffffff;
  border-radius: 4px;
}
.join.facebook {
  background: url(/hong4/_img/main/join_facebook.svg) no-repeat left 21px center / 20px 20px;
  border-radius: 4px;
}
.join.apple {
  background: url(/hong4/_img/main/join_apple.svg) no-repeat left 22px center / 18px 22px;
  border-radius: 4px;
}
.join.email {
  background: url(/hong4/_img/main/join_email.svg) no-repeat left 21px center / 20px 15px;
  border-radius: 4px;
}

@media screen and (max-width: 719px) {
  .join.kakao {
    background-position: left 17px center;
    background-size: 18px 16px;
  }
  .join.naver {
    background-position: left 19px center;
    background-size: 14px 14px;
  }
  .join.facebook {
    background: url(/hong4/_img/main/join_facebook.svg) no-repeat left 17px center / 18px 18px;
  }
  .join.apple {
    background-position: left 18px center;
    background-size: 17px 20px;
  }
  .join.email {
    background-position: left 16px center;
    background-size: 20px 15px;
  }
}

.hr.e9e9e9 {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
}

.exchange {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  padding: 5px 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
}
.exchange img {
  width: 15px;
}

@media screen and (max-width: 719px) {
  .join-result-inner .pos-rel .form-input {
    font-size: 14px;
    height: 32px;
  }
  .exchange {
    font-size: 12px;
    line-height: 18px;
    gap: 6px;
    padding: 3px 8px;
  }
  .exchange img {
    width: 12px;
  }
}

.switch-container {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.switch-container > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 0;
  background-color: #f3f4f7;
  font-size: 16px;
}
.switch-container > a.active {
  background: #1ab8be;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (max-width: 719px) {
  .switch-container > a {
    font-size: 14px;
    padding: 13px 0;
  }
}

.time-btn {
  display: none;
  align-items: flex-end;
  gap: 8px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.time-btn.show {
  display: flex !important;
}
.time-btn > span {
  font-size: 16px;
  line-height: 24px;
}
.time-btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #ffffff;
  padding: 11px 31px;
  background: #1ab8be;
  font-weight: bold;
  font-size: 14px;
}

@media screen and (max-width: 719px) {
  .time-btn > span {
    font-size: 14px;
    line-height: 20px;
  }
  .time-btn > a {
    padding: 10px 34px;
    font-size: 12px;
  }
}

.input-delete {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
  transform: translateY(-50%);
}
.input-delete img {
  width: 100%;
}

@media screen and (max-width: 719px) {
  .input-delete {
    width: 18px;
  }
}

.sns-img {
  width: 64px;
  margin-bottom: 24px;
}

.subs-info {
  width: 100%;
  padding: 53px;
  margin-top: 24px;
  background: #f5f5f5;
  border-radius: 8px;
  margin-bottom: 40px;
}

.tiny-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4.5px 8px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  background: #6335b4;
  border-radius: 2px;
  line-height: initial;
  cursor: pointer;
}

.i-arrow-right-w.popup-icon {
  padding-right: 13px !important;
  background-position: right center !important;
  background-size: 5px 9px !important;
}

.pill-btn {
  padding: 3px 17px 3px 8px;
  border-radius: 10px;
  color: var(--h-color-fff);
  font-size: 12px;
  font-weight: bold;
  background: url(/hong4/_img/header/i-arrow-right-w.png) no-repeat right 7px top 7px / 5px 9px #da4841;
}
@media screen and (max-width: 719px) {
  .sns-img {
    width: 50px;
    margin-bottom: 20px;
  }
  .subs-info {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .i-arrow-right-w.popup-icon {
    background-position: right top 6px !important;
  }
  .pill-btn {
    padding: 3px 15px 3px 7px;
    font-size: 10px;
    background: url(/hong4/_img/header/i-arrow-right-w.png) no-repeat right 6px top 6px / 4px 8px #da4841;
  }
}

@media screen and (max-width: 719px) {
  .label-text.type-radio {
    font-size: 0.9285rem !important;
  }
}

.hightlight {
  background: #ffe600;
  padding: 1px 3px;
}

.item-info.shop {
  display: block;
  padding: 24px 16px 20px;
}
.item-info.shop > .list-img {
  width: 100% !important;
  min-width: auto !important;
  height: auto !important;
  border-radius: 8px;
  margin: 0 !important;
  max-width: none;
}
.item-info.shop > .list-img > img {
  width: 100%;
  height: auto;
  position: static;
  transform: none;
}
.item-info.shop > h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  margin-top: 20px;
  margin-bottom: 7px;
  text-align: center;
}
.item-info.shop > .desc {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
.item-info.shop.fold > .desc {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.item-info.shop .more-btn-box {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-top: 12px;
}
.item-info.shop .more-btn-box > a {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.item-info.shop .more-btn-box .hr {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
}
.item-info.shop .more-btn-box .i-list-arrow-down {
  width: 12px;
  height: 7px;
  margin-top: 3px;
  background: url(/hong4/_img/main/i-arrow-top.png) no-repeat;
}
.item-info.shop.fold .more-btn-box .i-list-arrow-down {
  background: url(/hong4/_img/main/i-list-arrow-down.png) no-repeat;
}

@media screen and (max-width: 719px) {
  .item-info.shop {
    padding: 16px !important;
  }
  .item-info.shop > h3 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 6px;
  }
  .item-info.shop.fold > .desc {
    font-size: 14px;
    line-height: 21px;
  }
  .item-info.shop .more-btn-box {
    font-size: 12px;
    gap: 10px;
  }
  .item-info.shop .more-btn-box > a {
    gap: 6px;
  }
  .item-info.shop .more-btn-box .i-list-arrow-down {
    width: 9px;
    height: 5px;
  }
}

.shop-option-box {
  border-top: 1px solid #e9e9e9;
  margin-top: 15px;
}
.shop-option-box > li {
  padding: 20px 0 24px;
  border-bottom: 1px solid #e9e9e9;
}
.shop-option-box > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.shop-option-box h5 {
  font-size: 18px;
  color: var(--h-main-color);
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 11px;
}
.shop-option-box .i-list-won {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.shop-option-box .i-list-won + span {
  line-height: 26px;
}
.shop-option-box p {
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 20px;
}
.shop-option-box .fred {
  color: #da4841;
}
.shop-option-box .count-box {
  display: flex;
  align-items: center;
  gap: 4px;
}
.shop-option-box .count-box > a {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
}
.shop-option-box .count-box > input {
  width: 60px;
  height: 28px;
  background: #f5f5f5;
  border-radius: 2px;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #222222;
  text-align: center;
  user-select: none;
  pointer-events: none;
}
.list-item-inner.add-notice > li {
  padding-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 20px;
}
.list-item-inner.add-notice > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.list-item-inner.add-notice > li img {
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 719px) {
  .shop-option-box > li {
    padding: 20px 0;
  }
  .shop-option-box h5 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 8px;
  }
  .shop-option-box .i-list-won {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    margin-top: 2px;
  }
  .shop-option-box .i-list-won + span {
    line-height: 24px;
  }
  .shop-option-box p {
    margin-top: 8px;
    margin-bottom: 16px;
  }
  .shop-option-box .count-box > a {
    width: 26px;
    height: 26px;
  }
  .shop-option-box .count-box > input {
    width: 50px;
    height: 26px;
  }
  .list-item-inner.add-notice > li {
    padding-bottom: 20px;
  }
  .list-item-inner.add-notice > li img {
    margin-top: 16px;
  }
}

.toggle-hd .i-list-arrow-down,
.toggle-hd .i-list-arrow-top {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 7px;
  cursor: pointer;
  transform: translateY(-50%);
  padding: 8px;
  background-size: 12px 7px !important;
  background-position: center center !important;
}

.popup-bg.hong-popup60 .detail-grid > div {
  padding: 12px;
  font-size: 14px;
}

@media screen and (max-width: 719px) {
  .popup-bg.hong-popup60 .detail-grid > div {
    padding: 10px 12px;
    font-size: 12px;
  }
}

.mypage-wrap.consult .grid-b {
  grid-template-columns: 40% 60%;
}

.connect-channel {
  height: 18px;
}

.connect-channel > img {
  width: auto;
  height: 100%;
}

.date-search-box {
  display: flex;
  align-items: center;
  padding: 0 12px;
  width: 100%;
  height: 44px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-color: #ffffff;
  line-height: 44px;
}
@media screen and (max-width: 719px) {
  .date-search-box {
    height: 40px;
    line-height: 40px;
  }
}

.order_result .detail-grid.type2 {
  grid-template-columns: 35% 65%;
}

.switch-btn.pos-none {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
}
.switch-btn.pos-none > label {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  transform: none;
}

.i_alarm {
  width: 14px;
  height: 14px;
  background: url(/hong4/_img/main/i_alaram_black.svg) no-repeat center / cover;
}
.i_alarm.off {
  background: url(/hong4/_img/main/i_alarmbox_off.svg) no-repeat center / cover;
}
.i_alarm.on {
  background: url(/hong4/_img/main/i_alarmbox_on.svg) no-repeat center / cover;
}

.list-item .i_alarm {
  position: absolute;
  right: 38px;
  top: 9px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 719px) {
  .i_alarm {
    width: 12px;
    height: 12px;
    margin-top: 1px;
  }
  .list-item .i_alarm {
    right: 32px;
    top: 6px;
    width: 18px;
    height: 18px;
    margin-top: 0;
  }
}

.tab-info {
  width: 100%;
  background: #f3f4f7;
  padding: 0 20px;
}

.tab-info-desc {
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3e7ed;
}
.tab-info-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0 15px;
}
.tab-info-footer > a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  line-height: 24px;
}

.tab-info-footer .i-arrow-right {
  width: 7px;
  height: 12px;
  margin-top: 2px;
}

@media screen and (max-width: 719px) {
  .tab-info {
    padding: 0 16px;
  }

  .tab-info-desc {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }
  .tab-info-footer {
    padding: 8px 0 11px;
  }
  .tab-info-footer > a {
    line-height: 20px;
  }

  .tab-info-footer .i-arrow-right {
    width: 5px;
    height: 9px;
    margin-top: 1px;
  }
}

.connect-alaram {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
.connect-alaram > img {
  width: 14px;
  margin-top: 1px;
}
.alaram-popup {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  right: 0;
  z-index: 9;
}
.alaram-popup .i-arrow-right {
  width: 6px !important;
  height: 10px !important;
  margin-top: 1px !important;
}

@media screen and (max-width: 719px) {
  .connect-alaram {
    gap: 6px;
    font-size: 14px;
    line-height: 20px;
  }
  .connect-alaram > img {
    width: 12px;
  }
  .alaram-popup {
    font-size: 12px;
  }
  .alaram-popup .i-arrow-right {
    width: 4px !important;
    height: 7px !important;
  }
}

.popup-select-box-container {
  width: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7.5px;
  background-color: #f3f3f3;
  margin: 16px 0 10px;
  border-radius: 4px;
}
.select-box.type1 {
  font-family: var(--h-body-font-family);
  font-size: 15px;
  width: 100%;
  padding: 5px 40px 7px 16px;
  border-radius: 2px;
  border: 1px solid #e3e7ed;
  font-size: 1rem;
  font-family: var(--h-body-font-family);
  background: url(/hong4/_img/footer/arrow-bottom.png) no-repeat right 16px center / 12px 7px #ffffff;
  color: var(--h-color-222);
}
.pin-password-input {
  font-size: 12px !important;
}

.indent-style {
  position: relative;
  padding-left: 7px;
}
.indent-style::before {
  content: '·';
  position: absolute;
  left: 0;
}

.common-inner {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  box-sizing: border-box;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}

@media screen and (max-width: 719px) {
  .common-inner {
    border: 0;
    max-width: 100%;
  }
}

.common-input-style {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  line-height: 24px;
  font-size: 16px;
  padding: 0 12px;
  color: #222222;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  overflow: hidden;
  word-break: keep-all;
}

@media screen and (max-width: 719px) {
  .common-input-style {
    height: 34px;
    font-size: 14px;
    line-height: 20px;
  }
}

.common-btn {
  border-radius: 2px;
  padding: 7px 8px;
  color: #ffffff;
  background: #6335b4;
  font-family: var(--h-body-font-family);
  cursor: pointer;
}

@media screen and (max-width: 719px) {
  .common-btn {
    padding: 4px 8px;
  }
}

.partner-tab-btn.active {
  font-weight: bold;
  color: #ffffff;
  background: #6335b4;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #6335b4;
}

.qr-popup .popup-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  min-width: 260px;
  max-width: 400px;
  z-index: 5;
  text-align: center;
}

.link-share-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.link-share-popup {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.link-share-popup-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  font-size: 16px;
  line-height: 24px;
  padding: 0 16px;
  color: #555555;
  background: #e9e9e9;
  margin-bottom: 24px;
}
.link-share-link-input {
  width: 100%;
  padding: 9px 12px 11px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.link-share-btns {
  display: flex;
  gap: 36px;
  justify-content: center;
  margin-bottom: 24px;
}
.link-share-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
.link-share-btn img {
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 8px;
}
.link-share-btn span {
  font-size: 14px;
  color: #222222;
  line-height: 20px;
}
.link-share-popup-close {
  all: unset;
  width: 100%;
  height: 50px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background: #c1c1c1;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 16px;
}

@media (max-width: 719px) {
  .link-share-popup {
    width: 90%;
  }
  .link-share-popup-title {
    height: 40px;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
  }
  .link-share-link-input {
    padding: 9px 13px 11px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .link-share-btns {
    gap: 30px;
    margin-bottom: 19px;
  }
  .link-share-btn img {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 6px;
  }
  .link-share-btn span {
    font-size: 12px;
    color: #222222;
    line-height: 19px;
  }
  .link-share-popup-close {
    height: 46px;
    font-size: 14px;
  }
}

.faq-item.active {
  font-weight: bold;
}

.install-popup-wrap {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 16px;
  z-index: 50;
  width: auto;
}
.install-popup {
  display: flex;
  align-items: center;
  width: 100%;
  height: 92px;
  width: 400px;
  border-radius: 6px;
  background: #ffffff;
  justify-content: space-between;
  padding: 12px 24px 12px 12px;
}
.install-popup-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 719px) {
  .install-popup-wrap {
    width: 100%;
    top: 16px;
  }
  .install-popup {
    width: 100%;
    height: 80px;
    padding: 10px 20px 10px 10px;
  }
  .install-popup-text {
    gap: 2px;
  }
}
.lucky-chance {
  background: #355fb4;
  margin-bottom: 0 !important;
}
.lucky-chance .award {
  padding: 0 40px;
  margin-bottom: 28px;
}
.lucky-chance .award-box {
  display: flex;
  align-items: center;
  width: 100%;
  background: url(/publish/img/event/lucky02.png) no-repeat center / cover;
  aspect-ratio: 8 / 1;
  padding: 0 40px;
  color: #ffffff;
  font-family: 'rixrak-sans-pro', sans-serif;
  font-size: 24px;
  overflow: hidden;
}
.lucky-chance .award-box-item {
  display: flex;
  align-items: center;
  gap: 16px;
  line-height: 36px;
}
.lucky-chance .award-box-item > img {
  display: block;
  width: 40px !important;
}
.lucky-chance .award-box-item strong {
  font-weight: bold;
}
.lucky-chance .award-box-item .fred {
  color: #ff2f61;
}
.lucky-chance .lottery-box {
  padding: 0 40px;
  margin-bottom: 24px;
}
.lucky-chance .lottery-frame {
  padding: 44px 40px;
  width: 100%;
  background: url(/publish/img/event/lottery_frame.png) no-repeat center / cover;
  aspect-ratio: 160 / 83;
}
.lucky-chance .lottery {
  display: block;
  width: 100%;
  height: 100%;
}
.lucky-chance .lottery > canvas {
  touch-action: none;
}
.lucky-chance .guide-box {
  padding: 0 40px;
  word-break: keep-all;
  font-family: 'rixrak-sans-pro', sans-serif;
  margin-bottom: 48px;
  line-height: initial;
}
.lucky-chance .guide-marker1 {
  position: relative;
  padding-left: 38px;
  color: #ffffff;
  font-size: 26px;
  line-height: 36px;
}
.lucky-chance .guide-marker1::before {
  content: '※';
  position: absolute;
  left: 0;
  top: -1 px;
}

.lucky-chance .lottery-status-box {
  padding: 0 40px;
  line-height: initial;
  font-family: 'rixrak-sans-pro', sans-serif;
  margin-bottom: 48px;
}
.lucky-chance .lottery-status-box-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 36px;
  padding: 44px 36px 40px;
  background: #ffffff;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid rgb(0 0 0 / 0.07);
  font-size: 26px;
}
.lucky-chance .lottery-status-box-top .d-flex {
  gap: 10px;
}
.lucky-chance .used-coin,
.lucky-chance .ticket-count {
  font-size: 46px;
  line-height: 70px;
  font-weight: bold;
}
.lucky-chance .lottery-status-box-top > .line {
  width: 2px;
  height: 104px;
  background: rgb(0 0 0 / 0.07);
}
.lucky-chance .lottery-status-box-bot {
  padding: 44px 40px;
  background: #f5f5f5;
  border-radius: 0 0 16px 16px;
}
.lucky-chance .lottery-price {
  gap: 18px;
  font-weight: bold;
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 32px;
}
.lucky-chance .lottery-price > img {
  display: block;
  width: 46px !important;
}
.lucky-chance .lottery-price-list {
  display: flex;
  flex-direction: column;
  gap: 26px;
  font-size: 26px;
}
.lucky-chance .lottery-dot-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
}
.lucky-chance .lottery-dot {
  display: block;
  width: 4px;
  height: 4px;
  opacity: 0.2;
  background: #000000;
  border-radius: 50%;
}
.lucky-chance .guide-title {
  font-size: 35px;
  line-height: 45px;
  font-weight: bold;
  color: #ffee81;
  margin-bottom: 12px;
}
.lucky-chance .guide-marker2 {
  position: relative;
  padding-left: 16px;
  color: #ffffff;
  font-size: 26px;
  line-height: 42px;
}
.lucky-chance .guide-marker2::before {
  content: '·';
  position: absolute;
  left: 0;
}
.lucky-chance .guide-marker2.green {
  display: flex;
  align-items: center;
  color: #30ffa5;
}
.lucky-chance .guide-marker2.green > span {
  display: inline-block;
  border-bottom: 2px solid #30ffa5;
}
.lucky-chance .guide-marker2.green > img {
  display: inline-block;
  width: 10px !important;
  margin-left: 12px;
  margin-bottom: 2px;
}
.lucky-chance .lottery-more-btn-box {
  padding: 0 40px;
  margin-bottom: 48px;
}
.lucky-chance .lottery-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 88px;
  background: #0d1d40;
  color: #ffffff;
  font-size: 32px;
  font-weight: bold;
  border-radius: 6px;
}
.lucky-chance .lottery-more-btn > img {
  display: block;
  width: 36px !important;
  margin-top: 5px;
}
@media screen and (max-width: 719px) {
  .lucky-chance .award {
    padding: 0 20px;
    margin-bottom: 4vw;
  }
  .lucky-chance .award-box {
    padding: 0 4.5vw;
  }
  .lucky-chance .award-box-item {
    gap: 2vw;
    font-size: 4vw;
    line-height: 4vw;
  }
  .lucky-chance .award-box-item > img {
    width: 5.5vw !important;
  }
  .lucky-chance .lottery-status-box {
    padding: 0 16px;
    margin-bottom: 8.4vw;
  }
  .lucky-chance .lottery-box {
    padding: 0 20px;
    margin-bottom: 3.5vw;
  }
  .lucky-chance .lottery-frame {
    padding: 6.5vw 5.5vw;
  }
  .lucky-chance .guide-box {
    padding: 0 20px;
    margin-bottom: 8.5vw;
  }
  .lucky-chance .guide-marker1 {
    padding-left: 5.5vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
  .lucky-chance .guide-title {
    font-size: 5vw;
    line-height: 6.5vw;
    margin-bottom: 1.8vw;
  }
  .lucky-chance .guide-marker2 {
    padding-left: 3vw;
    font-size: 3.9vw;
    line-height: 6.5vw;
  }
  .lucky-chance .lottery-status-box-top {
    padding: 6.7vw 5.5vw;
    gap: 5.5vw;
    font-size: 4.2vw;
  }
  .lucky-chance .lottery-status-box-top .d-flex {
    gap: 2vw;
  }
  .lucky-chance .used-coin,
  .lucky-chance .ticket-count {
    font-size: 5vw;
    line-height: 10vw;
  }
  .lucky-chance .lottery-status-box-top > .line {
    width: 1px;
    height: 15vw;
  }
  .lucky-chance .lottery-status-box-bot {
    padding: 6vw 6.7vw 8.5vw;
  }
  .lucky-chance .guide-marker1::before {
    top: -1px;
  }
  .lucky-chance .lottery-price {
    gap: 2.2vw;
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 4vw;
  }
  .lucky-chance .lottery-price > img {
    width: 6.7vw !important;
  }
  .lucky-chance .lottery-price-list {
    font-size: 4.2vw;
    gap: 4.2vw;
  }
  .lucky-chance .lottery-dot-list {
    gap: 1.1vw;
  }
  .lucky-chance .lottery-dot {
    width: 0.6vw;
    height: 0.6vw;
  }
  .lucky-chance .guide-marker2.green > img {
    width: 1.5vw !important;
    margin-left: 2.5vw;
  }
  .lucky-chance .lottery-more-btn-box {
    padding: 0 20px;
    margin-bottom: 8.4vw;
  }
  .lucky-chance .lottery-more-btn {
    gap: 2.2vw;
    height: 13.6vw;
    font-size: 4.5vw;
  }
  .lucky-chance .lottery-more-btn > img {
    width: 5vw !important;
    margin-top: 1px;
  }
}

.divination-list {
  position: relative;
  padding: 0 30px;
}
.divination-list.disabled {
  background: rgb(0 0 0 / 6%);
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.divination-list + .disabled .divination-item,
.divination-list.disabled + .divination-list .divination-item,
.divination-list:first-child .divination-item {
  border-top: 0;
}
.divination-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e9e9e9;
}

.divination-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.divination-profile {
  display: inline-block;
  position: relative;
  width: 117px;
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.divination-profile.tarot {
  background: url(/publish/img/list/bg-tarot.jpg) no-repeat center / cover;
}
.divination-profile.saju {
  background: url(/publish/img/list/bg-saju.jpg) no-repeat center / cover;
}
.divination-profile.fortune {
  background: url(/publish/img/list/bg-fortune.jpg) no-repeat center / cover;
}
.divination-profile > img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.divination-text {
  display: flex;
  flex-direction: column;
}

.divination-category {
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}

.divination-name {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
.divination-name > strong {
  font-size: 18px;
  font-weight: bold;
}
.divination-number {
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}
.disabled .divination-text,
.disabled .divination-category,
.disabled .divination-name,
.disabled .divination-name > strong,
.disabled .divination-number {
  color: #999999;
}

.divination-list .badge {
  margin-left: 0 !important;
}
.divination-expire {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}

.divination-blind {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  font-weight: bold;
  margin-top: 2px;
}

.divination-buttons {
  position: absolute;
  top: 16px;
  right: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  height: calc(100% - 32px);
}

.divination-btn {
  display: inline-flex;
  width: 176px;
  height: 36px;
  border-radius: 4px;
  font-size: 14px;
  padding-left: 16px;
  align-items: center;
  cursor: pointer;
  border: 1px solid #e9e9e9;
  background: #ffffff;
}
.divination-btn > span {
  flex: 1 0 auto;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 719px) {
  .divination-list {
    padding: 0 16px;
  }
  .divination-item {
    padding: 10px 0;
  }
  .divination-info {
    gap: 14px;
  }
  .divination-profile {
    width: 102px;
    height: 70px;
  }
  .divination-category {
    font-size: 14px;
    line-height: 20px;
  }
  .divination-name {
    margin-bottom: 2px;
  }
  .divination-name > strong {
    font-size: 16px;
    line-height: 24px;
  }
  .divination-number {
    font-size: 12px;
  }
  .divination-expire,
  .divination-blind {
    font-size: 12px;
    line-height: 18px;
  }
  .divination-buttons {
    flex-direction: row;
    position: static;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .divination-btn {
    width: 100%;
    gap: 6px;
    padding-left: 0;
    justify-content: center;
  }
  .divination-btn > span {
    flex: initial;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
  }
}