/* common */
.lineheight {display:inline-block;line-height:3em;float:left;}
.inner {max-width: 540px;margin: 0 auto;background-color: #fcfbf8;/*min-height: 100vh;*/border: 1px solid #ddd;border-top: none;/*height: 100vh;*/}
.ml3 {margin-left: 3px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml25 {margin-left: 25px !important;}
.mr20 {margin-right: 20px !important;}
.db {display: block;}
.df {display: flex;}
.mt30 {margin-top: 30px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mt40 {margin-top: 40px !important;}
.w140 {width: 140px !important; justify-content: flex-start !important;}
.w105 {width: 105px !important; display: inline-block; justify-content: flex-start !important;}
.bb {border-bottom: 1px solid #adadab;}
.bt {border-bottom: 1px solid #adadab;}
body.active {overflow-y: hidden;}
body {webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgb(0,0,0,0);}
input[type="radio"] {display: none;}
input[type="checkbox"] {display: none;}
select option[value="null"][disabled] {display: none;}
select option.vd {color: #121212;}
.top .home {cursor:pointer;}
/* 모바일 수평 스크롤 금지 */
html, body {
/*position:fixed;
width:100%;
max-width: 100% !important;

transform: translate3d(0,0,0);
-webkit-transform: translateZ(0);
*/
}
.flex-container {
	display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}
.flex-item {
	flex:1;
}
/************* button *************/
button.btnPost {
  display: inline-block;
  width: 100%;
  background-color: #f2f1ee;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  color: #2d2d2d;
  font-size: 21px;
  /*font-weight: 600;*/
  cursor: pointer;
}

button.btn1 {
  display: inline-block;
  width: 100%;
  background-color: #fea004;
  height: 60px;
  border-radius: 4px;
  border: none;
  color: #2d2d2d;
  font-size: 21px;
  font-weight: 600;
  cursor: pointer;
}

button.btn2 {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  height: 60px;
  border-radius: 4px;
  border: 1px solid #f66606;
  color: #f66606;
  font-size: 21px;
  font-weight: 500;
  cursor: pointer;
}

button.btn3 {
  display: inline-block;
  flex: none;
  width: 150px;
  background-color: #fea004;
  height: 55px;
  border-radius: 4px;
  border: none;
  color: #2d2d2d;
  font-size: 21px;
  font-weight: 600;
  cursor: pointer;
}

button.btn4 {
  display: inline-block;
  flex: none;
  width: 150px;
  background-color: #707070;
  height: 55px;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  cursor: pointer;
}

button.btn-write {
    margin-left: auto;
    width: 100px;
    height: 45px;
    border: none;
    border-radius: 4px;
    background-color: #fea004;
    font-size: 19px;
    font-weight: 600;
    cursor: pointer;
}

select.select1{
  display: inline-block;
  width: 100%;
  background-color: #e9e7e4;
  color: #121212;
  height: 55px;
  border-radius: 4px;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 0 15px;
}

/**************** intro ****************/
#intro .banner-img {width: 100%; }
#intro .banner-img img {width: 100%; display: block;}
.intro {padding: 0 20px;}
.intro .txt-wrap {/*margin-top: 40px;*/margin-top: 26px;}
.intro .txt-wrap .tit {font-size: 20px; color: #ff6f80;} 
.intro .txt-wrap .tit em {display: block; font-weight: 600; /*margin-bottom: 20px;*/} 
.intro .txt-wrap span {font-size: 20px; color: #ff6f80;}
.intro .txt-wrap .desc {font-size: 18px;} 
.intro .review-wrap {/*margin-top: 50px; margin-bottom: 45px;*/margin-top: 22px; margin-bottom: 22px;}
.intro .review-wrap .tit {display: flex;align-items: center;gap: 13px;font-size: 20px;color: #3d3c3c;font-weight: 500;margin-bottom: 14px;}
.intro .review-wrap .tit .crown-img {display: block; max-width: 20px;}
.intro .review-wrap .tit .crown-img img {width: 100%; display: block;}
.intro .review-wrap .review {/*margin-bottom: 10px;*/margin-bottom: 6px; font-weight: 400; font-size: 20px; color: #121212;}
.intro .review-wrap .review:last-child {margin-bottom: 0;}
.review-image {display: flex;padding-top: 10px;}
.review-image img {width: 160px;height: 160px;object-fit: cover;background: #747474;margin-left: 10px;}
.intro .que {font-size: 18px;font-weight: 400;color: #3d3c3c;text-align: center;/*margin: 45px 0;*/margin: 18px 0;position: relative;}
.intro .que::before {content: '';position: absolute;left: 60px;top:50%;transform: translateY(-50%);width: 70px;height: 1px;background-color: #9c9b9a;}
.intro .que::after {content: '';position: absolute;right: 60px;top:50%;transform: translateY(-50%);width: 70px;height: 1px;background-color: #9c9b9a;}
.intro .btn-wrap {display: flex;justify-content: center;align-items: center;gap: 15px;margin-bottom: 40px;}

/* main */
.line.hopearea-input {
    pointer-events: auto; /* 또는 inherit 등으로 설정 */
	z-index: 1; /* 다른 요소보다 위에 나타나도록 설정 */
}

.popup_desc {/*letter-spacing: 0.03em;*/line-height: 1.5em; word-spacing: 0.2em; word-break: keep-all;padding: 0.1em;}
#main .header {position: sticky; top:0; max-width: 540px; height: 190px; z-index: 997;}
#main .header .top {display: flex;justify-content: space-between;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#main .header .top .logo {display: inline-block; max-width: 190px;}
#main .header .top .logo img {width: 100%; display: block;}
#main .header .top .user-info {display: inline-block; width: 38px;}
#main .header .top .user-info img {width: 100%; display: block;}
#main .header .top .icon-box {margin-left: auto; display: flex; gap: 20px; align-items: center;}
#main .header .top .coversat:first-child {cursor:pointer;margin-right: auto; position: relative}
#main .header .top .coversat:first-child .tv_chat_badge {
  position: absolute;
  color: white;
  font-size: 12px;
  background: #ff5b49;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-top: -9px;
  margin-left: 27px;
}
#main .header .top .coversat {display: inline-block; max-width: 40px;}
#main .header .top .coversat img {width: 100%; display: block;}
#main .header .top .icon-box .declar {display: inline-block; max-width: 35px;}
#main .header .top .icon-box .declar img {width: 100%; display: block;}
#main .header .search-box {padding: 0 15px;background-color: #363636;display: flex;align-items: center;justify-content: space-between;height: 55px;}
#main .header .search-box .search {color: #c4c4c4;display: flex;gap: 17px;align-items: center;cursor: pointer;font-size: 18px;letter-spacing: 2px;line-height:1.2;}
#main .header .search-box .search .polygon{max-width: 15px;}
#main .header .search-box .search .polygon img {width: 100%; display: block;}
#main .header .search-box .order {min-width:25%;color: #c4c4c4;display: flex;gap: 17px;align-items: center;cursor: pointer;font-size: 20px;letter-spacing: 2px;justify-content: flex-end;}
#main .header .search-box .order .new input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
#main .header .search-box .order .new label {color: #c4c4c4;display: flex;justify-content: center;align-items: center;gap: 10px;cursor: pointer;}
#main .header .search-box .order .new label span {
  display: inline-block;
  width: 20px;
  height: 20px;
/*  background: url('../img/radio-off.png') no-repeat center center;*/
  background-size: contain;
}
#main .header .search-box .order .polygon{max-width: 15px;}
#main .header .search-box .order .polygon img {width: 100%; display: block;}
#main .header .notice {display: flex;align-items: center;gap: 8px;padding: 0 25px;height: 55px;background-color: #efeeeb;}
#main .header .notice .bell{/*max-width: 30px;*/max-width: 22px;}
#main .header .notice .bell img{ width: 100%; display: block;}
#main .header .notice p {font-size: 18px;}
.main .list-wrap {height: calc(100vh - 210px);overflow-y: scroll;/*padding: 10px 20px 100px;*/padding: 0px 15px 100px;}
.main .list-wrap .list { padding: 15px 0; border-bottom: 1px solid #adadab;}
.main .list-wrap .list .list-header {display: flex;/*gap: 18px;margin-bottom: 20px;*/gap: 9px;margin-bottom: 10px;cursor: pointer;}
.main .list-wrap .list .list-header .list-header-lt .user-photo {
  border:2px solid #b79664;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 10px;
  position: relative;
}
.main .list-wrap .list .list-header .list-header-lt .user-photo img {width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.main .list-wrap .list .list-header .list-header-lt .user-photo .photo-num {
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.phone-certify {max-width: 60px;margin: 0 auto ;}
.phone-certify img {width: 100%; display: block;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header {display: flex; justify-content: space-between; margin-bottom: 10px;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile {display: flex;align-items: center;gap: 10px; white-space: nowrap; width: 330px; overflow: hidden}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .name {font-size: 22px; color: #ff6f80; font-weight: 500;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .name.man {color: #2ca3f5;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .age {font-size: 17px; color: #3d3c3c;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .region {font-size: 17px; color: #3d3c3c;}
.user-profile .emperor {font-size: 17px; color: #dc7d01!important;}
.user-profile .emperor img {width: 16px;margin-right: 4px;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .new {
  width: 47px;
  height: 21px;
  font-size: 15px;
  background-color: #17c787;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 4px;
}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-time {font-size: 17px;color: #9c9b9a;}
.main .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-bottom .txt-contents {
	font-size: 18px;
    /* line-height: 1.5; */
    color: #121212;
    white-space: pre-line;
    word-break: break-word;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
}
.main .list-wrap .list .list-bottom{display: flex;gap: 10px;justify-content: space-between;align-items: center;}
.main .list-wrap .list .list-bottom .user-spec {
  font-size: 16px;
  color: #2d2d2d;
  background-color: #e8e7e4;
  padding: 0 18px;
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  /*width: 345px;*/
  width: 100%;
  overflow-x: auto;
}
.main .list-wrap .list .list-bottom .user-spec span {display: flex; align-items: center;white-space: nowrap;}
.main .list-wrap .list .list-bottom .user-spec .awareness em{color: #ff6f80; font-weight: 600;}
.main .list-wrap .list .list-bottom .user-spec .awareness em.man{color: #2ca3f5}
.main .list-wrap .list .list-bottom .btn-cvs {
  display: inline-block;
  width: 130px;
  height: 40px;
  background-color: #fea004;
  font-weight: 700;
  font-size: 19px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.main .list-wrap .list .list-bottom-top-rank {display:inline-block;}
.main .list-wrap .list .list-bottom-top-rank .desc-top-rank {
/*	font-size:16px;*/
}
.main .list-wrap .list .list-bottom-top-rank .btn-top-rank {
/*	font-size:16px;*/
	font-weight:bold;
	color:#ff6f80;
	cursor: pointer;
}

#main .footer {
  height: 75px;
  background-color: #141413;
  position: fixed;
  bottom: 0;
  width: 540px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 998;
}
#main .footer .plus-btn {position: absolute;/*width: 75px;height: 75px;*/width: 95px;height: 95px;bottom:80px;right:35px;cursor: pointer;transition: 0.3s;}
#main .footer .plus-btn img {width: 100%; display: block;}
#main .footer .plus-btn.active {transform: rotate(45deg);}
#main .footer .my-info {overflow-x: auto; white-space: nowrap; width: 370px;}
#main .footer .my-info span {color: #7e7e7d;}
#main .footer .my-info .ic_cubic_mark {width: 15px; margin-right: 5px;vertical-align: middle; margin-top: -2px}
#main .footer .my-info .iv_emperor_crown {width: 15px; margin-right: 5px;vertical-align: middle; margin-top: -3px}
#main .footer .my-info .iv_my_popularity {width: 20px;vertical-align: middle;margin-top: -3px;}
#main .footer .my-info span em {color: #2caaff;}
#main .footer .my-info span em.woman {color: #ff6f81;}
#main .footer button.join{
  width: 120px;
  height: 50px;
  border:1px solid #fea004;
  background-color: transparent;
  color: #fea004;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px;
}

/* join */
#join .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#join .header .top {display: flex;justify-content: flex-start;align-items: center;height: 100%;background-color: #000;padding: 0 15px;}
#join .header .top .back {display: inline-block; max-width: 15px;}
#join .header .top .back img {width: 100%; display: block;}
#join .header .top .page-nm {font-size: 28px; color: #fea004;}
#join .header .top .home {cursor:pointer;display: inline-block; max-width: 30px; margin-left: auto;}
#join .header .top .home img {width: 100%; display: block;}
.join {padding: 0 20px;}
.join .tit {font-size: 21px;font-weight: 500;color: #3d3c3c;margin-top: 25px;display: flex;align-items: center;gap: 10px;}
.join .tit .crown-img{display: inline-block; width: 20px;}
.join .tit .crown-img img{ width: 100%; display: block;}
.join .gender-wrap {
  margin-top: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #adadab;
  margin-bottom: 40px;
}
.join .gender-wrap .man input[type="radio"]:checked + label span{
  background: url('../img/man-on.png') no-repeat center center;
  background-size: contain;
}
.join .gender-wrap .man input[type="radio"]:checked + label {color: #5aafd1;}
.join .gender-wrap .woman input[type="radio"]:checked + label span{
  background: url('../img/woman-on.png') no-repeat center center;
  background-size: contain;
}
.join .gender-wrap .woman input[type="radio"]:checked + label {color: #ff92a4;}
.join .gender-wrap .human label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: #e1e1e1;
}
.join .gender-wrap .man label span {
  display: inline-block;
  width: 175px;
  height: 175px;
  background: url('../img/man-off.png') no-repeat center center;
  background-size: contain;
}
.join .gender-wrap .woman label span {
  display: inline-block;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: #e1e1e1 url('../img/woman-off.png') no-repeat center center;
  background-size: contain;
}
.join .agree-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 110px;
}
.join .agree-box input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.join .agree-box label {margin-bottom: 25px;display: flex;align-items: center;cursor: pointer;}
.join .agree-box label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.join .agree-box label a {color: #1a86c0; position: relative;}
.join .agree-box label a::after {
  content: '';
  position: absolute;
  bottom:0;
  width: 100%;
  left:0;
  height: 1px;
  background-color: #1a86c0;
}
.join .btn-wrap {margin-bottom: 39px;position: relative;}
.join .btn-wrap::after {
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:20px;
  width: 20px;
  height: 20px;
  background: url('../img/next-icon.png') no-repeat center center;
  background-size: contain;
}
.join .join-form{margin-top: 25px;margin-bottom: 130px;}
.join .join-form .line{margin-bottom: 25px;}
.join .join-form .line.hopearea-input input[type="text"]{cursor: pointer;}
.join .join-form .line .email-wrap {display: flex;justify-content: center;align-items: center;gap: 10px;}
.join .join-form .line .email-wrap input{width: 100%;height: 55px;border: 1px solid #e3e3e3;padding: 0 10px;border-radius: 4px;font-size: 20px;}
.join .join-form .line .email-wrap select {
  width: 100%;
  height: 55px;
  border: 1px solid #e3e3e3;
  background-color: #e9e7e4;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 20px;
}
.join .join-form .line input {
  width: 100%;
  height: 55px;
  border: 1px solid #e3e3e3;
  background-color: #e9e7e4;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 20px;
}
.join .join-form .line .desc {font-size: 18px; margin-top: 3px; color: #6d6d6d; }
.join .join-form .line .desc.invisible {visibility: hidden}
.join .join-form .line .select-wrap {display: flex;justify-content: center;align-items: center;gap: 20px;}
.join .join-form .line .select-wrap select{width: 100%;height: 55px;border: 1px solid #e3e3e3;background-color: #e9e7e4;padding: 0 10px;border-radius: 4px;font-size: 20px;}

/* search-id */
#search-id .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#search-id .header .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  background-color: #000;
  padding: 0 15px;
}
#search-id .header .top .back {display: inline-block; max-width: 15px;}
#search-id .header .top .back img {width: 100%; display: block;}
#search-id .header .top .page-nm {font-size: 28px; color: #fea004;}
.search-id {padding: 20px;}
.search-id .main-tit {font-size: 20px; color: #f66606; margin-bottom: 20px;}
.search-id .email-search {padding-bottom: 30px;border-bottom: 1px solid #adadab;margin-bottom: 30px;}
.search-id .email-search .tit {display: flex;align-items: center;gap: 13px;font-size: 20px;color: #3d3c3c;font-weight: 500;margin-bottom: 15px;}
.search-id .email-search .tit .crown-img {display: block; max-width: 20px;}
.search-id .email-search .tit .crown-img img {width: 100%; display: block;}
.search-id .email-search .desc {display: inline-block;font-size: 17px;line-height: 1.2;color: #707070;margin-bottom: 20px;}
.search-id .email-search input {width: 100%;height: 55px;border: none;background-color: #e9e7e4;margin-bottom: 20px;padding: 0 15px;border-radius: 4px;}
.search-id .pw-search {padding-bottom: 30px;border-bottom: 1px solid #adadab;margin-bottom: 30px;}
.search-id .pw-search .tit {display: flex;align-items: center;gap: 13px;font-size: 20px;color: #3d3c3c;font-weight: 500;margin-bottom: 15px;}
.search-id .pw-search .tit .crown-img {display: block; max-width: 20px;}
.search-id .pw-search .tit .crown-img img {width: 100%; display: block;}
.search-id .pw-search .desc {display: inline-block;font-size: 17px;line-height: 1.2;color: #707070;margin-bottom: 20px;}
.search-id .pw-search input {width: 100%;height: 55px;border: none;background-color: #e9e7e4;margin-bottom: 20px;padding: 0 15px;border-radius: 4px;}
.search-id .btn-wrap {display: flex;justify-content: center;align-items: center;gap: 15px;}

/* block */
#block .header {position: sticky; top:0; max-width: 540px; height: 135px; z-index: 997;} 
#block .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#block .header .top .back {display: inline-block; max-width: 15px;}
#block .header .top .back img {width: 100%; display: block;}
#block .header .top .page-nm {font-size: 28px; color: #fea004;}
#block .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#block .header .top .home img {width: 100%; display: block;}
#block .header .sub-box {padding: 0 15px;background-color: #363636;display: flex;align-items: center;justify-content: space-between;height: 55px;}
#block .header .sub-box input[type="checkbox"]:checked + label span {background: url('../img/checkbox-on.png') no-repeat center center;background-size: contain;}
#block .header .sub-box label {display: flex;align-items: center;cursor: pointer;color: #c4c4c4;font-size: 20px;}
#block .header .sub-box label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
#block .header .sub-box .btn-unblock {
  width: 100px;
  height: 35px;
  font-size: 19px;
  border-radius: 4px;
  border: 1px solid #fea004;
  background-color: #fea004;
  font-weight: 600;
  cursor: pointer;
}
.block {padding: 15px;}
.block .list-wrap .list {display: flex;align-items: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #adadab;}
.block .list-wrap .list input[type="checkbox"]:checked + label span.chk-btn {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.block .list-wrap .list label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #c4c4c4;
  font-size: 20px;
  gap: 20px;
}
.block .list-wrap .list label span.chk-btn {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.block .list-wrap .list .user-photo {border:2px solid #b79664;width: 72px;height: 72px;border-radius: 50%;position: relative;margin-left: 20px;margin-right: 20px;margin-bottom: 3px;}
.block .list-wrap .list .user-photo img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.block .list-wrap .list .user-profile {display: flex;align-items: center;gap: 5px;margin-bottom: 30px;}
.block .list-wrap .list .user-profile span {font-size: 17px;color: #707070;}
.block .list-wrap .list .user-profile span.name {color: #ff6f80;font-size: 20px;font-weight: 600;}
.block .list-wrap .list .user-profile span.name.man{color: #2ca3f5;}

/* chat */
#chat .header {position: sticky; top:0; max-width: 540px; height: 135px; z-index: 997;}
#chat .header.admin_header {height: 80px}
#chat .header .top {display: flex;justify-content: space-between;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#chat .header .top .back {display: inline-block; max-width: 15px; margin-right: 65px;}
#chat .header .top .back img {width: 100%; display: block;}
#chat .header .top .chat-user {display: flex; align-items: center}
#chat .header .top .chat-user .user-info {display: flex;align-items: center;gap: 10px;}
#chat .header .top .chat-user .user-photo {border:2px solid #b79664;width: 54px;height: 54px;border-radius: 50%;position: relative;margin-right: 10px}
#chat .header .top .chat-user .user-photo img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
#chat .header .top .chat-user .user-info .name {font-size: 28px;color: #fea004;}
#chat .header .top .chat-user .user-profile {font-size: 18px;color: #cb8916;}
#chat .header .top .chat-user .user-info .phone-certify {margin-top: 6px}
#chat .header .top .icon-box {display: flex;justify-content: center;align-items: center;gap: 20px;}
#chat .header .top .icon-box .heart {display: inline-block; width: 32px; cursor: pointer;}
#chat .header .top .icon-box .heart img {width: 100%; display: block;}
#chat .header .top .icon-box .star {display: inline-block; width: 32px;}
#chat .header .top .icon-box .star img {width: 100%; display: block; cursor: pointer;}
#chat .header .sub-box {background-color: #363636;display: flex;align-items: center;height: 55px;}
#chat .header .sub-box a {display: inline-block;width: 25%;text-align: center;border-right: 1px solid #2b2b2b;color: #868686;cursor: pointer;}
#chat .header .sub-box a:last-child {border-right: none;}
.chat {background-color: #fcfbf8;}
.chat .chating-wrap {display: flex;flex-direction: column;gap: 15px;background-color: #fcfbf8;height: calc(100vh - 210px);overflow-y: scroll;border-radius: 5px;padding: 20px;}
.chat .chating-wrap .chating { position: relative;}
.chat .chating-wrap .chating .chat-box-wrap .chatbox img {width: 150px; height: 150px; object-fit: cover; cursor: pointer}
.chat .chating-wrap .chating .time {font-size: 16px;color: #5f5f5f;}
.chat .chating-wrap .chating .chatbox {
  display: inline-block;
  position: relative;
  padding: 10px;
  font-size: 21px;
  font-weight: 400;
  color: #000;
  margin-bottom: 15px;
  max-width: 315px;
  /*max-width: 80%;*/
  border-radius: 4px;
  white-space: pre-line;
  word-break: break-word;
  cursor: pointer;
}

.chat .chating-wrap .chating.me .chatbox {
  max-width: 380px;
}
.chat .chating-wrap .chating .chatbox:last-child {margin-bottom: 0;}
.chat .chating-wrap .chating.me .chat-box-wrap {display: flex;flex-direction: column;align-items: flex-end;width: 100%;}
.chat .chating-wrap .chating.me .chat-box-wrap .chatbox {background-color: #fea004;position: relative;}
.chat .chating-wrap .chating.me .chat-box-wrap .chatbox .time {position: absolute;bottom:0;left:-80px;}
.chat .chating-wrap .chating.me .chat-box-wrap .chatbox:not(:last-child) .time {display: none;}
.chat .chating-wrap .chating.me .chat-box-wrap .chatbox:first-child {position: relative;}
.chat .chating-wrap .chating.me .chat-box-wrap .chatbox:first-child::after {
  content: '';
  position: absolute;
  right:-10px;
  top:10px;
  width: 15px;
  height: 12px;
  background: url('../img/me-tail.png') no-repeat center center;
  background-size: cover;
}
.chat .chating-wrap .chating.other {text-align: left;display: flex;align-items: flex-start;gap: 15px;}
.chat .chating-wrap .chating.other .user-photo {border:2px solid #b79664;width: 60px;height: 60px;border-radius: 50%;position: relative;}
.chat .chating-wrap .chating .user-photo img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.chat .chating-wrap .chating.other .chat-box-wrap {display: flex;flex-direction: column;}
.chat .chating-wrap .chating.other .chat-box-wrap .chatbox {background-color: #cccccc;position: relative;}
.chat .chating-wrap .chating.other .chat-box-wrap .chatbox .time {position: absolute;bottom:0;right:-80px;}
.chat .chating-wrap .chating.other .chat-box-wrap .chatbox:not(:last-child) .time {display: none;}
.chat .chating-wrap .chating.other .chat-box-wrap .chatbox:first-child {position: relative;}
.chat .chating-wrap .chating.other .chat-box-wrap .chatbox:first-child::after {
  content: '';
  position: absolute;
  left:-10px;
  top:10px;
  width: 15px;
  height: 12px;
  background: url('../img/other-tail.png') no-repeat center center;
  background-size: cover;
}
.chat .chating-wrap .datetime {font-size: 18px;font-weight: 500;text-align: center;color: #5f5f5f;margin: 25px 0;position: relative;}
.chat .chating-wrap .datetime::before {content: '';position: absolute;top:50%;left:0;width: 30%;height: 1px;background-color: #5f5f5f;}
.chat .chating-wrap .datetime::after {content: '';position: absolute;top:50%;right:0;width: 30%;height: 1px;background-color: #5f5f5f;}
#chat .footer {position: fixed;bottom: 0;/*background-color: #141413;*/background-color:#E7E7E7; display: flex;width: 540px;height: 75px;padding: 0 10px;justify-content: space-between;align-items: center;gap: 10px;}
#chat .footer .plus {display: inline-block; width: 30px;height: 60px; cursor: pointer;background: transparent;border: none}
#chat .footer .plus img {width: 100%; display: block;}
#chat .footer textarea {
  width: 365px;
  /*height: 48px;
  line-height: 48px;
  */
  height: 60px;
  line-height: 30px;
  resize: none;
  border-radius: 4px;
  /*background-color: #2c2c2b;*/
  background-color: #E7E7E7;
  border: none;
  /*padding: 5px 15px;*/
  padding: 0px 0px;
  /*color: #c4c4c4;*/
  color: #000000;
  overflow-y: auto;
  font-size: 21px;
  /*font-weight: bold;*/
  /*-webkit-text-fill-color: #c4c4c4;*/
  -webkit-text-fill-color: #000000;
}
/*#chat .footer .btn-send {background-color: transparent;border: 1px solid #fea004;border-radius: 4px;color: #fea004;padding: 10px 20px;cursor: pointer;}*/
#chat .footer .btn-send {height:60px;font-weight:bold;background-color: #fea004;border: 1px solid #fea004;border-radius: 4px;color: #000000;padding: 10px 20px;cursor: pointer;}
#chat .footer .btn-send:disabled {font-weight:bold;background-color: #747474;color: #e1e1e1;border: 1px solid #747474;}

/* cubic */
#cubic .header {position: sticky; top:0; max-width: 540px; height: 135px; z-index: 997;} 
#cubic .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#cubic .header .top .back {display: inline-block; max-width: 15px;}
#cubic .header .top .back img {width: 100%; display: block;}
#cubic .header .top .page-nm {font-size: 28px; color: #fea004;}
#cubic .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#cubic .header .top .home img {width: 100%; display: block;}
#cubic .header .sub-box {padding: 0 15px;background-color: #363636;display: flex;justify-content: center;align-items: center;height: 55px;}
#cubic .header .sub-box span {width: 50%;height: 100%;color: #868686;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#cubic .header .sub-box span.active {color: #fea004;}
.cubic {padding: 15px; background-color: #fcfbf8;}
.cubic .tab-body {display: none;}
.cubic .tab-body.active  {display: block;}
.cubic .charge-body .box-wrap .box{margin-bottom: 20px;font-size: 20px;}
.cubic .charge-body .box-wrap .box .top{background-color: #747474;color: #e1e1e1;}
.cubic .charge-body .box-wrap .box .bot{background-color: #f0eeeb;}
.cubic .charge-body .box-wrap .box .bot .qq{color: #3d3c3c;}
.cubic .charge-body .box-wrap .box1 .top{padding: 15px;}
.cubic .charge-body .box-wrap .box1 .bot{padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.cubic .charge-body .box-wrap .box1 .bot .qq .cubic-img{display: inline-block; width: 15px; margin-left: 5px;}
.cubic .charge-body .box-wrap .box1 .bot .qq .cubic-img img {width: 100%; display: block;}
.cubic .charge-body .box-wrap .box1 .bot .aa em {font-weight: 600; margin-right: 5px;}
.cubic .charge-body .box-wrap .box2 .top{display: flex; }
.cubic .charge-body .box-wrap .box2 .top .top-child {display: inline-block;text-align: center;border-right: 1px solid #fff;padding: 15px;}
.cubic .charge-body .box-wrap .box2 .top .top-child.top-child1 {width: 20% !important;}
.cubic .charge-body .box-wrap .box2 .top .top-child.top-child2 {width: 40% !important;}
.cubic .charge-body .box-wrap .box2 .top .top-child.top-child3 {width: 40% !important;border-right: none}
.cubic .charge-body .box-wrap .box2 .bot{display: flex; }
.cubic .charge-body .box-wrap .box2 .bot .bot-child {display: inline-block;text-align: center;border-right: 1px solid #fff;padding: 15px;}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child1 {width: 20% !important;display: flex;align-items: center;justify-content: center;}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child1 input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child1 label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child1 label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child2 {width: 40% !important;}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child3 {width: 40% !important;}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child3 .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.cubic .charge-body .box-wrap .box2 .bot .bot-child.bot-child3 .cubic-img img {width: 100%; display: block;}
.cubic .charge-body .box-wrap .box3 .top{display: flex; padding: 15px; justify-content: space-between;align-items: center;}
.cubic .charge-body .box-wrap .box3 .top .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.cubic .charge-body .box-wrap .box3 .top .cubic-img img {width: 100%; display: block;}

.cubic .charge-body .box-wrap .box3 .bot{display: flex; flex-direction: column;}
.cubic .charge-body .box-wrap .box3 .bot .bot-child {display: inline-block;text-align: center;padding: 15px;border-bottom: 1px solid #fff;}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 .list {display: flex;justify-content: space-between;/*margin-bottom: 10px;*/}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 .list input[type="text"] {
  height: 50px;
  width: 270px;
  border: none;
  padding: 0 10px;
  font-size: 20px;
  text-align: right;
}

.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 input[type="radio"]:checked + label {font-weight: 600;}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child1 label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
/*.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child2 {display: flex;justify-content: space-between;align-items: center;}*/
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child2 {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 50px;
}
/*.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child2 .aa {text-align: right;}*/
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child2 .aa {
    text-align: right;
    color: black;
    width: 70%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child3 {display: flex;justify-content: space-between;}
.cubic .charge-body .box-wrap .box3 .bot .bot-child.bot-child3 .list {
    display: flex;
    align-items: center;
    gap: 40px;
}
.cubic .charge-body .box-wrap .box4 .top{display: flex; padding: 15px; justify-content: space-between;align-items: center;}
.cubic .charge-body .box-wrap .box4 .top input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.cubic .charge-body .box-wrap .box4 .top label {display: flex;align-items: center;cursor: pointer;}
.cubic .charge-body .box-wrap .box4 .top label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.cubic .charge-body .box-wrap .box4 .bot {padding: 15px;}
.cubic .charge-body .box-wrap .box4 .bot p {margin-bottom: 15px; padding-left: 12px; position: relative;}
.cubic .charge-body .box-wrap .box4 .bot p::before {content: '*'; position: absolute; top:0; left:0;}
.cubic .charge-body .btn-wrap {display: flex}
.cubic .charge-body .btn-wrap .btn-payment {
  width: 150px;
  height: 55px;
  background-color: #fea004;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #fea004;
  cursor: pointer;
  margin-left: auto;
}
.cubic .charge-body .box-wrap .box1 .top {padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.cubic .charge-body .box-wrap .box1 .top .btn-wd {
  background-color: #fea004;
  border: 1px solid #fea004;
  padding: 2px 12px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}
.cubic .charge-body .box-wrap .box1 .bot{padding: 15px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 2px}
.cubic .charge-body .box-wrap .box1 .bot .qq .cubic-img{display: inline-block; width: 15px; margin-left: 5px;}
.cubic .charge-body .box-wrap .box1 .bot .qq .cubic-img img {width: 100%; display: block;}
.cubic .charge-body .box-wrap .box1 .bot .aa {display: flex;align-items: center;}
.cubic .charge-body .box-wrap .box1 .bot .aa em {font-weight: 600; margin-right: 5px;}
.cubic .charge-body .box-wrap .box1 .bot .aa em.pink {color: #ff6f80;}
.cubic .charge-body .box-wrap .box1 .bot .aa em.pink.man {color: #2ca3f5;}
.cubic .charge-body .box-wrap .box1 .bot .aa .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.cubic .charge-body .box-wrap .box1 .bot .aa .cubic-img img {width: 100%; display: block;}
.cubic .charge-body .box-wrap .box1 .bot .aa .question-mark {display: inline-block;width: 20px;cursor: pointer;margin-left: 5px;}
.cubic .charge-body .box-wrap .box1 .bot .aa .question-mark img {width: 100%; display: block;}
.cubic .payhistory-body .box-wrap .desc {margin-bottom: 0.5em;color:#3d3c3c;}
.cubic .payhistory-body .box-wrap .box{margin-bottom: 20px;font-size: 20px;}
.cubic .payhistory-body .box-wrap .box .top{background-color: #747474;color: #e1e1e1;}
.cubic .payhistory-body .box-wrap .box .bot{background-color: #f0eeeb;}
.cubic .payhistory-body .box-wrap .box .bot .qq{color: #3d3c3c;}
.cubic .payhistory-body .box-wrap .box1 .top {padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.cubic .payhistory-body .box-wrap .box1 .top .btn-wd {
  background-color: #fea004;
  border: 1px solid #fea004;
  padding: 2px 12px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
}
.cubic .payhistory-body .box-wrap .box1 .bot{padding: 15px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 2px}
.cubic .payhistory-body .box-wrap .box1 .bot .qq .cubic-img{display: inline-block; width: 15px; margin-left: 5px;}
.cubic .payhistory-body .box-wrap .box1 .bot .qq .cubic-img img {width: 100%; display: block;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa {display: flex;align-items: center;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa em {font-weight: 600; margin-right: 5px;} 
.cubic .payhistory-body .box-wrap .box1 .bot .aa em.pink {color: #ff6f80;} 
.cubic .payhistory-body .box-wrap .box1 .bot .aa em.pink.man {color: #2ca3f5;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa .cubic-img img {width: 100%; display: block;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa .question-mark {display: inline-block;width: 20px;cursor: pointer;margin-left: 5px;}
.cubic .payhistory-body .box-wrap .box1 .bot .aa .question-mark img {width: 100%; display: block;}
.cubic .payhistory-body .box-wrap .box2 .top{display: flex;align-items: center;}
.cubic .payhistory-body .box-wrap .box2 .top .top-child {display: inline-block;text-align: center;border-right: 1px solid #fff;padding: 15px;}
.cubic .payhistory-body .box-wrap .box2 .top .top-child.top-child1 {width: 20% !important;}
.cubic .payhistory-body .box-wrap .box2 .top .top-child.top-child2 {width: 50% !important;}
.cubic .payhistory-body .box-wrap .box2 .top .top-child.top-child3 {width: 30% !important; border-right: none}
.cubic .payhistory-body .box-wrap .box2 .bot{display: flex; flex-direction: column;}
.cubic .payhistory-body .box-wrap .box2 .bot .list {display: flex;border-bottom: 1px solid white;}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child {display: inline-block;text-align: center;border-right: 1px solid #fff;padding: 15px;}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child1 {width: 20% !important;display: flex;align-items: center;justify-content: center;}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child1 input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child1 label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child1 label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child1 {width: 20% !important;}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child2 {width: 50% !important; text-align: left;}
.cubic .payhistory-body .box-wrap .box2 .bot .list .bot-child.bot-child3 {width: 30% !important;}

/* cubic */
#emperor-join .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#emperor-join .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#emperor-join .header .top .back {display: inline-block; max-width: 15px;}
#emperor-join .header .top .back img {width: 100%; display: block;}
#emperor-join .header .top .page-nm {font-size: 28px; color: #fea004;}
#emperor-join .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#emperor-join .header .top .home img {width: 100%; display: block;}
.emperor-join {padding: 0 20px; padding-bottom: 20px;}
.emperor-join p {text-align: center;}
.emperor-join .main-tit {margin-top: 25px;font-weight: 700;font-size: 26px;color: #fa475c;margin-bottom: 10px;}
.emperor-join .sub-tit {font-size: 22px;}
.emperor-join .new-slider-area {margin-top: 55px;margin-bottom: 40px;width: 100%;text-align: center;height: 280px;}
.emperor-join .new-slider-area .new-slider .user-img {max-width: 230px; height: 230px; margin: 0 auto;border-radius: 50%;position: relative;}
.emperor-join .new-slider-area .new-slider .user-img > img {width: 100%; height: 100%; display: block; border-radius: 50%;border: 4px solid #b79664}
.emperor-join .new-slider-area .new-slider .user-img .new-img {max-width: 70px; position: absolute; top:0; right:0;}
.emperor-join .new-slider-area .new-slider .user-img .new-img img {width: 100%; display: block;}
.emperor-join .new-slider-area .new-slider .slick-dots li {display: inline-block;}
.emperor-join .new-slider-area .new-slider .slick-dots li button {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 0;
  border: none;
  margin: 0 5px;
  background-color: #eeedea;
  cursor: pointer;
}
.emperor-join .new-slider-area .new-slider .slick-dots li.slick-active button {background-color: #fea004;}
.emperor-join .text-area {margin-bottom: 20px;}
.emperor-join .text-area .tit {font-size: 26px; color: #2ca3f5; margin-bottom: 20px;}
.emperor-join .text-area .desc {text-align: left;padding-left: 25px;font-size: 19px;margin-bottom: 15px;position: relative;}
.emperor-join .text-area .desc .crown {display: inline-block; width: 20px; position: absolute; left:0; top:5px;}
.emperor-join .text-area .desc .crown img {width: 100%; display: block;}
.emperor-join .text-area .desc .star {display: inline-block; width: 20px; position: absolute; left:0;}
.emperor-join .box-wrap .box{margin-bottom: 20px;font-size: 20px;}
.emperor-join .box-wrap .box .top{background-color: #747474;color: #e1e1e1;}
.emperor-join .box-wrap .box .bot{background-color: #f0eeeb;}
.emperor-join .box-wrap .box .bot .qq{color: #3d3c3c;}
.emperor-join  .box-wrap .box1 .top{display: flex; padding: 15px;}
.emperor-join  .box-wrap .box1 .bot{display: flex; flex-direction: column;}
.emperor-join  .box-wrap .box1 .bot .bot-child {display: inline-block;text-align: center;padding: 15px;border-bottom: 1px solid #fff;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 .list {display: flex;justify-content: space-between;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 .list input[type="text"] {
  height: 50px;
  width: 270px;
  border: none;
  padding: 0 10px;
  font-size: 20px;
  text-align: right;
}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 5px;
  width: 100%;
  font-weight: 600;
  font-size: 20px;
}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 label span {
  display: inline-block;
  margin-left: auto;
  width: 15px;
  height: 15px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 label .user-type {font-weight: 400;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1 label .price {margin-left: 20px;font-weight: 400;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child1:first-child label .price {margin-left: 35px;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child2 {display: flex;justify-content: space-between;align-items: center;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child2 .aa {text-align: right;}
.emperor-join  .box-wrap .box1 .bot .bot-child.bot-child3 {display: flex;justify-content: space-between;}
.emperor-join  .box-wrap .box2 .top{display: flex; padding: 15px; justify-content: space-between;}
.emperor-join  .box-wrap .box2 .top input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.emperor-join  .box-wrap .box2 .top label {display: flex;align-items: center;cursor: pointer;}
.emperor-join  .box-wrap .box2 .top label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.emperor-join  .box-wrap .box2 .bot {padding: 15px;}
.emperor-join  .box-wrap .box2 .bot p {margin-bottom: 10px; padding-left: 12px; position: relative; text-align: left; font-size: 18px;}
.emperor-join  .box-wrap .box2 .bot p::before {content: '*'; position: absolute; top:0; left:0;}
.box-wrap .send_sms {
	display: flex;
    padding: 0 0 5vw 0;
    gap: 10px;
}
.box-wrap .send_sms label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.box-wrap .send_sms label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.box-wrap .send_sms input[type="checkbox"]:checked + label span {
    background: url(../img/checkbox-on.png) no-repeat center center;
    background-size: contain;
}
.emperor-join  .btn-wrap {display: flex}
.btn-wrap .custom-center {display: flex; align-items: center; justify-content: center}
.btn-wrap .custom-center img {width: 36px; height: 36px;}
.btn-wrap .custom-center #custom_center {font-weight:600;font-size: 19px; margin-left: 6px}
.emperor-join  .btn-wrap .btn-payment {
  width: 150px;
  height: 55px;
  background-color: #fea004;
  font-weight: 600;
  border-radius: 4px;
  border: 1px solid #fea004;
  cursor: pointer;
  margin-left: auto;
}

.emperor-join  .box-wrap .box3 .top{display: flex; padding: 15px; justify-content: space-between; align-items: center;}
.emperor-join  .box-wrap .box3 .top .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.emperor-join  .box-wrap .box3 .top .cubic-img img {width: 100%; display: block;}

.emperor-join  .box-wrap .box3 .bot{display: flex; flex-direction: column;}
.emperor-join  .box-wrap .box3 .bot .bot-child {display: inline-block;text-align: center;padding: 15px;border-bottom: 1px solid #fff;}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 .list {display: flex;justify-content: space-between;/*margin-bottom: 10px;*/}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 .list input[type="text"] {
  height: 50px;
  width: 270px;
  border: none;
  padding: 0 10px;
  font-size: 20px;
  text-align: right;
}

.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 input[type="radio"]:checked + label {font-weight: 600;}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child1 label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
/*.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child2 {display: flex;justify-content: space-between;align-items: center;}*/
.emperor-join .box-wrap .box3 .bot .bot-child.bot-child2 {
    display: flex;
    align-items: center;
    gap: 50px;
 }
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child2 .aa {
	display: flex;
    text-align: left;
    flex-direction: column;
    gap: 5px;
}
.emperor-join  .box-wrap .box3 .bot .bot-child.bot-child3 {display: flex;justify-content: space-between;}
.emperor-join .box-wrap .box3 .bot .bot-child.bot-child3 .list {
    display: flex;
    align-items: center;
    gap: 40px;
}
#deposit_name,#et_phone_number {padding-left:5px;padding-right:5px;}


/* chat-list */
#chat-list .header {position: sticky; top:0; max-width: 540px; /*height: 135px;*/ z-index: 997;} 
#chat-list .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#chat-list .header .top .back {display: inline-block; max-width: 15px;}
#chat-list .header .top .back img {width: 100%; display: block;}
#chat-list .header .top .page-nm {font-size: 28px; color: #fea004;}
#chat-list .header .top .home {display: inline-block; max-width: 30px; margin-left: 30px;}
#chat-list .header .top .home img {width: 100%; display: block;}
#chat-list .header .sub-box {padding: 0 15px;background-color: #fcfbf8;display: flex;align-items: center;justify-content: left;height: 55px;border-bottom: 1px solid #adadab;}
#chat-list .header .sub-box span{font-size:18px;color:#fea004;}
#chat-list .header .sub-box input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
#chat-list .header .sub-box label {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #c4c4c4;
  font-size: 20px;
}
#chat-list .header .sub-box label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
#chat-list .header .sub-box .btn-unblock {
  margin-left: auto;
  width: 100px;
  height: 35px;
  font-size: 19px;
  border-radius: 4px;
  border: 1px solid #fea004;
  background-color: #fea004;
  font-weight: 600;
  cursor: pointer;
}
#chat-list .header .btn-unblock {
  margin-left: auto;
  /*width: 100px;
  height: 35px;*/
  /*padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #fea004;
  background-color: #fea004;
  font-weight: 600;
  cursor: pointer;*/
  margin-left: auto;
  width: 100px;
  height: 45px;
  border:none;
  border-radius: 4px;
  background-color: #fea004;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}
.chat-list {background-color: #fcfbf8;}
.chat-list .list-wrap {
    height: calc(100vh - 80px);
    overflow-y: scroll;
    /* padding: 10px 20px 100px; */
    padding: 0px 15px 100px;
}
.chat-list .list-wrap .list {display: flex;align-items: center;padding: 15px 0;border-bottom: 1px solid #adadab;gap: 20px;position: relative; cursor: pointer}
.chat-list .list-wrap .list .user-photo {border:2px solid #b79664;width: 72px;height: 72px;border-radius: 50%;position: relative;margin-bottom: 3px;}
.chat-list .list-wrap .list .user-photo img {width: 100%;height: 100%; object-fit: cover;border-radius: 50%;}
.chat-list .list-wrap .list .user-infor .user-chat{font-size: 19px;color: #121212;}
.chat-list .list-wrap .list .user-infor .user-profile span {font-size: 17px;color: #707070;}
.chat-list .list-wrap .list .user-infor .user-profile span.name {color: #ff6f80;font-size: 18px;font-weight: 600;}
.chat-list .list-wrap .list .user-infor .user-profile span.name.man{color: #2ca3f5;}

/* review */
#review-view .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#review-view .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#review-view .header .top .back {display: inline-block; max-width: 15px;}
#review-view .header .top .back img {width: 100%; display: block;}
#review-view .header .top .page-nm {font-size: 28px; color: #fea004;}
#review-view .header .top .btn-write {
  margin-left: auto;
  width: 100px;
  height: 45px;
  border:none;
  border-radius: 4px;
  background-color: #fea004;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}
#review-view .header .top .home {display: inline-block; max-width: 30px; margin-left: 30px;}
#review-view .header .top .home img {width: 100%; display: block;}
.review_header {background: #fcfbf7; font-size: 20px; padding: 20px; color: #fe9f03; line-height: 30px}
.review-view .accordion-wrap .que {padding: 30px 20px;cursor: pointer; border-bottom: 1px solid #dddddd;position: relative;background: #fcfbf7;}
.review-view .accordion-wrap .que .arrow {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 20px;transition: 0.3s;}
.review-view .accordion-wrap .que.on .arrow {transform: rotateX(180deg);top:40%;}
.review-view .accordion-wrap .que .arrow img {width: 100%; display: block;}
.review-view .accordion-wrap .que .sentence {display: inline-block;font-size: 22px; margin-bottom: 15px;}
.review-view .accordion-wrap .que .sentence .num {font-weight: 600; margin-right: 5px;}
.review-view .accordion-wrap .que .sentence .noitce {margin-right: 8px;}
.review-view .accordion-wrap .que .sentence .cmt-num {color: #ff6f80;}
.review-view .accordion-wrap .que .date {margin-right: 2.5em; font-size: 16px; color: #707070; }
.review-view .accordion-wrap .que .date .hit {margin-left: 10px;}
.review-view .accordion-wrap .anw {display: none;overflow: hidden;font-size: 20px;font-weight: 400;color: #121212;background-color: #f4f4f2;}
.review_divider {height: 1px; width: calc(100% - 40px); background: #adadab; margin-left: 20px}
.review-view .accordion-wrap .anw .sentence {display: inline-block;padding: 20px; width: 100%}
.review-view .accordion-wrap .anw .sentence p {margin: revert;}
.review-view .accordion-wrap .anw .sentence h1, .review-view .accordion-wrap .anw .sentence h2, .review-view .accordion-wrap .anw .sentence h3, .review-view .accordion-wrap .anw .sentence h4, .review-view .accordion-wrap .anw .sentence h5, .review-view .accordion-wrap .anw .sentence h6 {
    font-size: revert;
    margin: revert;
}
.review-view .accordion-wrap .anw .btn-wrap {margin-top: 20px;display: flex;justify-content: flex-end;gap: 5px;}
.review-view .accordion-wrap .anw .btn-wrap button {
  border: 1px solid #f66606;
  color: #f66606;
  border-radius: 4px;
  background-color: transparent;
  padding: 5px 20px;
  cursor: pointer;
}
.review-view .accordion-wrap .anw .cmt-wrap {
  padding: 20px 0;
  margin: 0 20px;
  border-top: 1px solid #a9a8a8;
  border-bottom: 1px solid #a9a8a8;
  display: flex;
  gap: 20px;
}
.review-view .accordion-wrap .anw .cmt-wrap input[type="text"] {
  background-color: #e9e7e4;
  border:none;
  padding: 0 15px;
  height: 55px;
  border-radius: 4px;
  width: 100%;
}
.review-view .accordion-wrap .anw .cmt-wrap button {
  flex: none;
  width: 125px;
  height: 55px;
  border:none;
  border-radius: 4px;
  background-color: #fea004;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}
.review-view .accordion-wrap .anw .list-wrap {padding: 0 20px;}
.review-view .accordion-wrap .anw .list-wrap .list { display:flow-root ;padding: 15px 0; border-bottom: 1px solid #adadab;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header {display: flex;gap: 18px;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-lt {flex:none;width: 72px;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-lt .user-photo {
  border:2px solid #b79664;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 10px;
  position: relative;
}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-lt .user-photo img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt {width: 100%;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header {display: flex; justify-content: space-between; margin-bottom: 10px;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile {display: flex;align-items: center;gap: 5px;white-space: nowrap;width: 280px;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .name {font-size: 22px; color: #ff6f80; font-weight: 500;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .name.man{color: #2ca3f5;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .age {font-size: 17px; color: #3d3c3c;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-profile .region {font-size: 17px; color: #3d3c3c;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-header .user-time {font-size: 17px;color: #9c9b9a;white-space: nowrap;}
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-rt .txt-wrap .txt-bottom .txt-contents {font-size: 18px;color: #121212;}
.review-view .accordion-wrap .anw .list-wrap .list .list-bottom .btn-wrap{display: flex;}
.review-view .accordion-wrap .arrow-wrap { position: absolute; top:50%; right: 10px; transform: translate(0, -50%);}
.review-view .accordion-wrap .que .arrow-top {display: none;}
.review-view .accordion-wrap .que .arrow-bottom {display: block;}
.review-view .accordion-wrap .que.on .arrow-bottom {display: none;}
.review-view .accordion-wrap .que.on .arrow-top {display: block;}

textarea.text-comment {
  /*width: 365px;*/
  width:80%;
  height: 48px;
  resize: none;
  border-radius: 4px;
  background-color: #e9e7e4;
  border: none;
  padding: 5px 15px;
  color: #222;
  overflow-y: auto;
  font-size: 21px;
}

.review-write-comment {
    /*position: fixed;*/
    bottom: 0;
    /*background-color: #141413;*/
    display: flex;
    height: 75px;
    padding: 0 20px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

/* edit-member */
#edit-member .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#edit-member .header .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  background-color: #000;
  padding: 0 15px;
}
#edit-member .header .top .back {display: inline-block; max-width: 15px;}
#edit-member .header .top .back img {width: 100%; display: block;}
#edit-member .header .top .page-nm {font-size: 28px; color: #fea004;}
#edit-member .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#edit-member .header .top .home img {width: 100%; display: block;}
.edit-member .box-wrap .box { margin-bottom: 20px;font-size: 20px;}
.edit-member .box-wrap .box .top {background-color: #747474;color: #e1e1e1;}
.edit-member .box-wrap .box .bot {background-color: #f0eeeb;}
.edit-member .box-wrap .box .bot .qq {color: #3d3c3c;}
.edit-member .box-wrap .box1 .top {padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.edit-member .box-wrap .box1 .top .btn-wd {background-color: #fea004;border: 1px solid #fea004;padding: 2px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.edit-member .box-wrap .box1 .bot{padding: 15px;display: flex;justify-content: space-between;align-items: center; margin-bottom: 2px}
.edit-member .box-wrap .box1 .bot .qq .cubic-img{display: inline-block; width: 15px; margin-left: 5px;}
.edit-member .box-wrap .box1 .bot .qq .cubic-img img {width: 100%; display: block;}
.edit-member .box-wrap .box1 .bot .aa {display: flex;align-items: center;}
.edit-member .box-wrap .box1 .bot .aa em {font-weight: 600; /*margin-right: 5px;*/margin-right: 5px;}
.edit-member .box-wrap .box1 .bot .aa em.pink {color: #ff6f80;}
.edit-member .box-wrap .box1 .bot .aa em.pink.man {color: #2ca3f5;}
.edit-member .box-wrap .box1 .bot .aa .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.edit-member .box-wrap .box1 .bot .aa .cubic-img img {width: 100%; display: block;}
.edit-member .box-wrap .box1 .bot .aa .question-mark {display: inline-block;width: 20px;cursor: pointer;margin-left: 5px;}
.edit-member .box-wrap .box1 .bot .aa .question-mark img {width: 100%; display: block;}
.edit-member .box-wrap .box input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.edit-member .box-wrap .box label {display: flex;align-items: center;cursor: pointer;}
.edit-member .box-wrap .box label span {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('../img/checkbox-off.png') no-repeat center center;
  background-size: contain;
  border-radius: 4px;
  margin-right: 10px;
}
.edit-member {padding: 20px;}
.edit-member .form-wrap .form .line {margin-bottom: 20px;}
.edit-member .form-wrap .form .line input,.edit-member .form-wrap .form .line input[type="text"]:disabled{
  width: 100%;
  height: 55px;
  border: none;
  border-radius: 4px;
  padding: 0 15px;
  background-color: #e9e7e4;
}
.edit-member .form-wrap .form textarea {
  resize: none;
  border: none;
  width: 100%;
  height: 200px;
  border-radius: 4px;
  padding: 20px;
  background-color: #e9e7e4;
  color: #121212;
  font-size: 19px;
}
.edit-member .form-wrap .form .main-tit {display: flex; align-items: center; gap: 10px; font-size: 21px; margin-top:30px;}
.edit-member .form-wrap .form .main-info {margin-top: 30px}
.edit-member .form-wrap .form .main-info .main-tit {margin-top:0;}
.edit-member .form-wrap .form .main-tit .crown {display: inline-block; max-width: 20px;}
.edit-member .form-wrap .form .main-tit .crown img {width: 100%; display: block;}
.edit-member .form-wrap .form .line.line1 {display: flex;justify-content: space-between;align-items: center;font-size: 18px;/*color: #868686;*/}
.edit-member .form-wrap .form .line .select-wrap {display: flex;justify-content: space-between;align-items: center;font-size: 18px;color: #868686;gap: 20px;}
.edit-member .form-wrap .form .line.line2 {display: flex;gap:20px;align-items: center;}
.edit-member .form-wrap .form .line.line3 {display: flex;align-items: center;}
.edit-member .form-wrap .form .line.line4 {display: flex;align-items: flex-start;}
.edit-member .form-wrap .form .line.line5 {width: 100%;height: 1px;background-color: #adadab;margin: 35px 0 !important;}
.edit-member .form-wrap .basic-form .email {margin-bottom: 20px; /*color: #868686;*/}
.edit-member .form-wrap .basic-form .line.line1 em {color: #ff6f80;}
.edit-member .form-wrap .basic-form .line.line1 strong {font-weight: 400;color: #fe9f03;font-size: 20px;}
.edit-member .form-wrap .phone-form .line.line1 em {color: #f66606;}
.edit-member .form-wrap .form input[type="radio"]:checked + label span{
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.edit-member .form-wrap .form label {
  color: #121212;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.edit-member .form-wrap .form label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
.edit-member .form-wrap .form .line .qq {display: inline-block;width: 100px;flex: none;position: relative;}
.edit-member .form-wrap .form .line .qq .qq-desc {position: absolute;width: 100px;height: 30px;left:0;bottom:-25px;}
.edit-member .form-wrap .form .line .aa {display: flex;}
.edit-member .form-wrap .form .desc {padding-left: 0px;font-size: 18px;margin-bottom: 5px;}
.edit-member .form-wrap .form .sub {padding-left: 15px;font-size: 18px;margin-bottom: 5px;}
.edit-member .form-wrap .form .sub::before {content: '*';}
.edit-member .form-wrap .profile-form .line .desc em {color: #feb235;}
.edit-member .form-wrap .profile-form .line .desc strong {color: #ff6f80; font-weight: 400;}
.edit-member .form-wrap .profile-form .btn-profile-wrap {text-align: right;}
.edit-member .form-wrap .photo-form .btn-signout-wrap {margin-top: 20px;text-align: right;}
.edit-member .form-wrap .photo-form .line.line1 .desc {color: #121212;}
.edit-member .form-wrap .photo-form .line.line1 .desc em {color: #feb235;}
.edit-member .form-wrap .photo-form .photo-box-wrap {width: 495px;height: 495px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 15px;}
.edit-member .btn-signout-wrap {text-align: right;}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box {
  width: 150px;
  height: 150px;
  border-radius: 8px;
  background: url('../img/photo-regist.png') no-repeat center center;
  background-size: contain;
  position: relative;
  cursor: pointer;
}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  filter: brightness(30%);
  object-fit: cover;
}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box.complet::before {
  content: '인증완료';
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  color: #17c786;
  font-weight: 500;
  z-index: 1;
}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box.wait::before {
  content: '인증대기';
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  color: #fe9f03;
  font-weight: 500;
  z-index: 1;
}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box.refusal::before {
  content: '인증거부';
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  color: #f07373;
  font-weight: 500;
  z-index: 1;
}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box.rep-box {border: 1px solid #199a6b;}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box .rep {width: 70px;position: absolute;top:0;left:0;z-index: 1;}
.edit-member .form-wrap .photo-form .photo-box-wrap .photo-box .rep img {width: 100%; display: block; filter: brightness(100%);}
.edit-member .form-wrap .form .phone-certify {max-width: 80%;/*margin: 0 auto ;*/font-size: 0.9em;}

/* more */
#more .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#more .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#more .header .top .back {display: inline-block; max-width: 15px;}
#more .header .top .back img {width: 100%; display: block;}
#more .header .top .page-nm {font-size: 28px; color: #fea004;}
#more .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#more .header .top .home img {width: 100%; display: block;}
.more {padding: 20px;}
.more .function-wrap {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 5px;margin-bottom: 30px;}
.more .function-wrap .function {
  width: 120px;
  height: 105px;
  border: 1px solid #cdcdcd;
  background-color: #f2f1ee;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  cursor: pointer;
}
.more .function-wrap .function span {font-size: 17px;}
.more .function-wrap .function .function-img {max-width: 30px;}
.more .function-wrap .function .function-img img {width: 100%; display: block;}
.more .kakao-talk {display: inline-block; border: none; cursor: pointer; width: 100%; text-align: center;}
.more .kakao-talk img {width: 100%; display: block;}

.app-introduce p {text-align: center;}
.app-introduce .main-tit {margin-top: 50px;font-weight: 700;font-size: 26px;color: #fa475c;margin-bottom: 10px;}
.app-introduce .sub-tit {font-size: 22px;}
.app-introduce .new-slider-area {margin: 30px 0;width: 100%;text-align: center;height: 280px;}
.app-introduce .new-slider-area .new-slider .user-img {max-width: 230px;height: 230px;margin: 0 auto;border-radius: 50%;position: relative;}
.app-introduce .new-slider-area .new-slider .user-img > img {width: 100%; display: block; border-radius: 50%; height: 100%;border: 4px solid #f9be5f;}
.app-introduce .new-slider-area .new-slider .user-img .new-img {max-width: 70px; position: absolute; top:0; right:0;}
.app-introduce .new-slider-area .new-slider .user-img .new-img img {width: 100%; display: block;}
.app-introduce .new-slider-area .new-slider .slick-dots li {display: inline-block;}
.app-introduce .new-slider-area .new-slider .slick-dots li button {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-size: 0;
  border: none;
  margin: 0 5px;
  background-color: #eeedea;
  cursor: pointer;
}
.app-introduce .new-slider-area .new-slider .slick-dots li.slick-active button {background-color: #fea004;}
.app-introduce .text-area {margin-bottom: 20px;}
.app-introduce .text-area .tit {font-size: 26px; color: #2ca3f5; margin-bottom: 20px;}
.app-introduce .text-area .desc {text-align: left;padding-left: 30px;font-size: 18px;margin-bottom: 10px;position: relative;}
.app-introduce .text-area .desc .crown {display: inline-block; width: 17px; position: absolute; left:0; top:5px;}
.app-introduce .text-area .desc .crown img {width: 100%; display: block;}

/* sub-notice */
#sub-notice .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#sub-notice .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#sub-notice .header .top .back {display: inline-block; max-width: 15px;}
#sub-notice .header .top .back img {width: 100%; display: block;}
#sub-notice .header .top .page-nm {font-size: 28px; color: #fea004;}
#sub-notice .header .top .home {display: inline-block; max-width: 30px; margin-left: 30px;}
#sub-notice .header .top .home img {width: 100%; display: block;}
#sub-notice .header .top .btn-write {
  margin-left: auto;
  width: 110px;
  height: 45px;
  border:none;
  border-radius: 4px;
  background-color: #fea004;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}
.sub-notice .accordion-wrap .que{padding: 30px 20px;cursor: pointer;border-bottom: 1px solid #dddddd;position: relative;}
.sub-notice .accordion-wrap .que .arrow {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 20px;transition: 0.3s;}
.sub-notice .accordion-wrap .que.on .arrow  {transform: rotateX(180deg);top:40%;}
.sub-notice .accordion-wrap .que .arrow img {width: 100%; display: block;}
.sub-notice .accordion-wrap .que .sentence {font-size: 22px; margin-bottom: 5px;}
.sub-notice .accordion-wrap .que .notice_separator {margin-left: 6px; margin-right: 6px; width: 1px; background-color: #d8d7d4; height: 10px; display: inline-block;}
.sub-notice .accordion-wrap .que .sentence .num {font-weight: 600; margin-right: 5px;}
.sub-notice .accordion-wrap .que .date {font-size: 16px; color: #707070; }
.sub-notice .accordion-wrap .anw {display: none;overflow: hidden;font-size: 20px;font-weight: 400;color: #121212;}
.sub-notice .accordion-wrap .anw .sentence {display: inline-block;background-color: #f4f4f2;padding: 20px;}
.sub-notice .accordion-wrap .anw .sentence p {margin:revert;}
.sub-notice .accordion-wrap .anw .sentence h1, .sub-notice .accordion-wrap .anw .sentence h2, .sub-notice .accordion-wrap .anw .sentence h3, .sub-notice .accordion-wrap .anw .sentence h4, .sub-notice .accordion-wrap .anw .sentence h5, .sub-notice .accordion-wrap .anw .sentence h6 {
    font-size: revert;
    margin: revert;
}


/* profile */
#sub-profile .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#sub-profile .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#sub-profile .header .top .back {display: inline-block; max-width: 15px;}
#sub-profile .header .top .back img {width: 100%; display: block;}
#sub-profile .header .top .page-nm {font-size: 28px; color: #fea004;}
#sub-profile .header .top .icon-box {margin-left: auto; display: flex; gap: 20px; align-items: center;}
#sub-profile .header .top .icon-box .declar {display: inline-block; max-width: 35px;}
#sub-profile .header .top .icon-box .declar img {width: 100%; display: block;}
.sub-profile {padding: 20px;}
.sub-profile .profile-wrap .profile .profile-header {display: flex;gap: 18px;margin-bottom: 20px;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-lt .user-photo {
  border:2px solid #b79664;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  margin-bottom: 10px;
  position: relative;
}
.sub-profile .profile-wrap .profile .profile-header .profile-header-lt .user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.sub-profile .profile-wrap .profile .profile-header .profile-header-lt .user-photo .photo-num {
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt {width: 100%;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile {display: flex;align-items: center;gap: 10px;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile .name {font-size: 22px; color: #ff6f80; font-weight: 500;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile .name.man {color: #2ca3f5;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile .age {font-size: 17px; color: #3d3c3c;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile .region {font-size: 17px; color: #3d3c3c;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-profile .new {
  width: 47px;
  height: 21px;
  font-size: 15px;
  background-color: #17c787;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 4px;
}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-header .user-time {font-size: 17px;color: #9c9b9a;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .txt-wrap .txt-bottom .txt-contents {font-size: 18px;color: #121212;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .region {font-size: 17px; color: #2d2d2d;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .user-spec {
  font-size: 16px;
  color: #2d2d2d;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .user-spec span {display: flex; align-items: center;}
.sub-profile .profile-wrap .profile .profile-header .profile-header-rt .user-spec .awareness em{color: #ff6f80; font-weight: 600;}
.sub-profile .btn-wrap { position: relative; margin-bottom: 15px;}
.sub-profile .btn-wrap .question-mark {width: 20px;position: absolute;top:50%;right:15px;transform: translateY(-50%);cursor: pointer;}
.sub-profile .btn-wrap .question-mark img {width: 100%; display: block;}
.sub-profile .introduce-wrap .introduce {width: 100%;height: 100%;resize: none;border: none; padding: 10px;}
.sub-profile .profile-form {margin: 15px 0;}
.sub-profile .profile-form .line {display: flex;align-items: center;padding: 10px 5px;border-bottom: 1px solid #c7c5c3;font-size: 20px;}
.sub-profile .profile-form .line .qq{color: #707070; width: 160px; display: inline-block;}
.sub-profile .profile-form .line .aa{color: #121212;position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 210px}
.sub-profile .profile-form .line .aa span {padding-right: 5px;}
.sub-profile .profile-photo-wrap .profile-photo {display: inline-block; width: 100%; margin-bottom: 10px;}
.sub-profile .profile-photo-wrap .profile-photo img {width: 100%; display: block;}

/* question */
#question .header {position: sticky; top:0; max-width: 540px; height: 135px; z-index: 997;} 
#question .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#question .header .top .back {display: inline-block; max-width: 15px;}
#question .header .top .back img {width: 100%; display: block;}
#question .header .top .page-nm {font-size: 28px; color: #fea004;}
#question .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#question .header .top .home img {width: 100%; display: block;}
#question .header .sub-box {padding: 0 15px;background-color: #363636;display: flex;justify-content: center;align-items: center;height: 55px;}
#question .header .sub-box span {width: 50%;height: 100%;color: #868686;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#question .header .sub-box span.active {color: #fea004;}
.question .tab-body {display: none;}
.question .tab-body.active  {display: block;}
.question .inquiry-body {padding: 20px;}
.question .inquiry-body .line {margin-bottom: 20px;}
.question .inquiry-body .line input[type="text"] {width: 100%;height: 55px;border-radius: 4px;background-color: #e9e7e4;border: none;padding: 0 15px;}
.question .inquiry-body .line textarea {width: 100%;height: 200px;border-radius: 4px;background-color: #e9e7e4;border: none;padding: 15px;resize: none;}
.question .inquiry-body .photo-form {margin-bottom: 30px;}
.question .inquiry-body .photo-form .main-tit {display: flex; align-items: center; gap: 10px; font-size: 21px; margin-bottom: 20px;}
.question .inquiry-body .photo-form .main-tit .crown {display: inline-block; max-width: 20px;}
.question .inquiry-body .photo-form .main-tit .crown img {width: 100%; display: block;}
.question .inquiry-body .photo-form .photo-box-wrap {display: flex;align-items: center;justify-content: space-between;gap:0.5em;}
.photo-form .photo-box-wrap {display: flex;align-items: center;justify-content: space-between;padding: 0 4% 4%;}
.question .inquiry-body .photo-form .photo-box-wrap .photo-box {
  width: 155px;
  height: 155px;
  border-radius: 4px;
  background: url('../img/photo-regist.png') no-repeat center center;
  background-size: contain;
  position: relative;
  cursor: pointer;
}
.photo-form .photo-box-wrap .photo-box {
  width: 30%;
  height: 30%;
  border-radius: 4px;
  background: url('../img/photo-regist.png') no-repeat center center;
  background-size: contain;
  position: relative;
  cursor: pointer;
}
.question .inquiry-body .photo-form .photo-box-wrap .photo-box img {width: 100%;height: 100%;display: block;border-radius: 4px;filter: brightness(80%);object-fit: cover}
.photo-form .photo-box-wrap .photo-box img {width: 100%;height: 100%;display: block;border-radius: 4px;filter: brightness(80%);object-fit: cover}
.question .inquiry-body .btn-wrap {text-align: right;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que{padding: 30px 20px;cursor: pointer;border-bottom: 1px solid #dddddd;position: relative;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .arrow {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 20px;transition: 0.3s;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que.on .arrow {transform: rotateX(180deg);top:40%;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .arrow img {width: 100%; display: block;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .sentence {font-size: 22px; margin-bottom: 5px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .sentence .num {font-weight: 600; margin-right: 5px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .sentence .noitce {margin-right: 8px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .sentence .cmt-waiting {color: #ff6f80;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .sentence .cmt-complete {color: #17c787;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .date {font-size: 16px; color: #707070; }
.question .inqhistory-body .inqhistory-view .accordion-wrap .que .date .hit {margin-left: 10px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw {
  display: none;
  overflow: hidden;
  font-size: 20px;
  font-weight: 400;
  color: #121212;
  background-color: #f4f4f2;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .sentence {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 20px;
  font-weight: 300;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .write-wrap {
  padding: 20px 0;
  margin: 0 20px;
  display: flex;
  gap: 20px;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .write-wrap input[type="text"] {
  background-color: #e9e7e4;
  border:none;
  padding: 0 15px;
  height: 55px;
  border-radius: 4px;
  width: 100%;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .write-wrap button {
  flex: none;
  width: 125px;
  height: 55px;
  border:none;
  border-radius: 4px;
  background-color: #fea004;
  font-size: 19px;
  font-weight: 600;
  cursor: pointer;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer {
  margin-top: 20px;
  padding-left: 50px;
  padding-right: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  position: relative;
}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer .reply {position: absolute;top:5px;left: 20px;width: 15px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer .reply img {width: 100%; display: block;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer .answer-tit {font-size: 19px; color: #121212; font-weight: 500;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer .answer-date {font-size: 16px; color: #707070; margin-bottom: 25px;}
.question .inqhistory-body .inqhistory-view .accordion-wrap .anw .answer .answer-desc {font-size: 20px; font-weight: 300; }

/* review-edit */
#review-edit .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#review-edit .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#review-edit .header .top .back {display: inline-block; max-width: 15px;}
#review-edit .header .top .back img {width: 100%; display: block;}
#review-edit .header .top .page-nm {font-size: 28px; color: #fea004;}
#review-edit .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#review-edit .header .top .home img {width: 100%; display: block;}
.review-edit {padding: 20px;}
.review-edit .txt {font-size: 21px;line-height: 30px;margin-bottom: 30px;color: #707070;}
.review-edit .txt em{color: #ff6f80;}
.review-edit .line {margin-bottom: 20px;}
.review-edit .line input[type="text"] {width: 100%;height: 55px;border-radius: 4px;background-color: #e9e7e4;border: none;padding: 0 15px;}
.review-edit .line textarea {width: 100%;height: 220px;border-radius: 4px;background-color: #e9e7e4;border: none;padding: 15px;resize: none;}
.review-edit .photo-form {margin-bottom: 30px;}
.review-edit .photo-form .main-tit {display: flex; align-items: center; gap: 10px; font-size: 21px; margin-bottom: 20px;}
.review-edit .photo-form .main-tit .crown {display: inline-block; max-width: 20px;}
.review-edit .photo-form .main-tit .crown img {width: 100%; display: block;}
.review-edit .photo-form .photo-box-wrap {display: flex;align-items: center;justify-content: space-between;}
.review-edit .photo-form .photo-box-wrap .photo-box {
  width: 155px;
  height: 155px;
  border-radius: 4px;
  background: url('../img/photo-regist.png') no-repeat center center;
  background-size: contain;
  position: relative;
  cursor: pointer;
}
.review-edit .photo-form .photo-box-wrap .photo-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 4px;
  filter: brightness(80%);
  object-fit: cover;
}
.review-edit .btn-wrap {text-align: right;}
.txt-bottom .text-comment {width:100%;}

/* withdrawal */
#withdrawal .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#withdrawal .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#withdrawal .header .top .back {display: inline-block; max-width: 15px;}
#withdrawal .header .top .back img {width: 100%; display: block;}
#withdrawal .header .top .page-nm {font-size: 28px; color: #fea004;}
#withdrawal .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#withdrawal .header .top .home img {width: 100%; display: block;}
.withdrawal {padding: 20px;}
.withdrawal .txt {font-size: 21px;line-height: 30px;margin-bottom: 30px;color: #707070;}
.withdrawal .txt em{color: #ff6f80;}
.withdrawal .txt2 {font-size: 21px;line-height: 30px;margin-bottom: 30px;color: #707070;}
.withdrawal .line {margin-bottom: 20px;}
.withdrawal .line input[type="text"] {width: 100%;height: 55px;border-radius: 4px;background-color: #e9e7e4;border: none;padding: 0 15px;}
.withdrawal .line{margin-bottom: 20px;}
.withdrawal .line.line-email {display: flex;justify-content: center;align-items: center;gap: 10px;}
.withdrawal .line input{width: 100%;height: 55px;border: 1px solid #e3e3e3;background-color: #e9e7e4;padding: 0 10px;border-radius: 4px;font-size: 20px;}
.withdrawal .line.line-email select {width: 100%;height: 55px;border: 1px solid #e3e3e3;background-color: #e9e7e4;padding: 0 10px;border-radius: 4px;font-size: 20px;}
.withdrawal .reason-form {border-top: 1px solid #dddddd;margin-top: 30px;padding: 30px 0;display: flex;gap: 25px;}
.withdrawal .reason-form .qq {width: 100px; color: #6d6d6d;}
.withdrawal .reason-form .aa {width: 100%;display: flex;flex-direction: column;gap: 10px;}
.withdrawal .reason-form .aa input[type="radio"]:checked + label span{background: url('../img/radio-on.png') no-repeat center center;background-size: contain;}
.withdrawal .reason-form .aa label {color: #121212;display: flex;align-items: center;cursor: pointer;}
.withdrawal .reason-form .aa label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
  margin-right: 15px;
}
.withdrawal .reason-form .aa textarea {
  resize: none;
  border: none;
  width: 100%;
  height: 200px;
  border-radius: 4px;
  padding: 20px;
  background-color: #e9e7e4;
  color: #121212;
  font-size: 19px;
}
.withdrawal .btn-wrap {text-align: right;}

/* infor-use */
#infor-use .header {position: sticky; top:0; max-width: 540px; height: 135px; z-index: 997;} 
#infor-use .header.withdrawInfo {height: 80px;}
#infor-use .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#infor-use .header .top .back {display: inline-block; max-width: 15px;}
#infor-use .header .top .back img {width: 100%; display: block;}
#infor-use .header .top .page-nm {font-size: 28px; color: #fea004;}
#infor-use .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#infor-use .header .top .home img {width: 100%; display: block;}
#infor-use .header .sub-box {padding: 0 15px;background-color: #363636;display: flex;justify-content: center;align-items: center;height: 55px;}
#infor-use .header .sub-box span {width: 33%;height: 100%;color: #868686;cursor: pointer;display: flex;justify-content: center;align-items: center;}
#infor-use .header .sub-box span.active {color: #fea004;}
.infor-use .tab-body {display: none;}
.infor-use .tab-body.active  {display: block;}

/* setting */
#setting .header {position: sticky; top:0; max-width: 540px; height: 80px; z-index: 997;} 
#setting .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#setting .header .top .back {display: inline-block; max-width: 15px;}
#setting .header .top .back img {width: 100%; display: block;}
#setting .header .top .page-nm {font-size: 28px; color: #fea004;}
#setting .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#setting .header .top .home img {width: 100%; display: block;}
.setting {padding: 20px;}
.setting .tit {display: flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 500; margin-bottom:20px;}
.setting .line .tit  {display: flex; }
.setting .tit .crown-img{display: inline-block; width: 20px;}
.setting .tit .crown-img img{ width: 100%; display: block;}
.setting .notify-wrap {display: flex;gap: 90px;padding: 15px 50px;border-radius: 4px;background-color: #f2f1ee;}
.setting .notify-wrap input[type="radio"]:checked + label span{background: url('../img/radio-on.png') no-repeat center center;background-size: contain;}
.setting .notify-wrap label {color: #4b4b4b;display: flex;justify-content: center;align-items: center;gap: 10px;cursor: pointer;}
.setting .notify-wrap label span {display: inline-block;width: 20px;height: 20px;background: url('../img/radio-off.png') no-repeat center center;background-size: contain;}
.setting .notice-form {margin: 20px 0;}
.setting  .line {padding: 25px 5px;border-top: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.setting .notice-form .line .txt {position: relative;}
.setting .notice-form .line .txt .question-mark {width: 20px;position: absolute;top:50%;right:-30px;transform: translateY(-50%);cursor: pointer;}
.setting  .notice-form .line .txt .question-mark img {width: 100%; display: block;}
.setting .notice-form .line:last-child {border-bottom: 1px solid #ddd;}
.setting .notice-form .line .notice-selector {
  flex: none;
  width: 85px;
  height: 40px;
  background-color: #e8e7e4;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}
.setting .notice-form .line .notice-selector .circle{
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  transition: 0.3s;
}
.setting .notice-form .line .notice-selector.on {background-color: #fea004;transition-delay: 0.17s;}
.setting .notice-form .line .notice-selector.on .circle {left:50%;}
.setting .password-box {display: flex;justify-content: space-between;align-items: center;}
.setting .password-box .txt {display: flex; flex-direction: column;}
.setting .password-box .txt .tit {margin-bottom: 0;}
.setting .password-box .txt .desc {font-weight: 400; color: #6d6d6d; font-size: 17px;}
.setting .password-box .notice-selector {
  width: 85px;
  height: 40px;
  background-color: #e8e7e4;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
}
.setting .password-box .notice-selector .circle{
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0,0,0,.5);
  transition: 0.3s;
}
.setting .password-box .notice-selector.on {background-color: #fea004;transition-delay: 0.17s;}
.setting .password-box .notice-selector.on .circle {left:50%;}
.password-set {padding-top: 150px; padding-bottom: 70px; text-align: center;}
.password-set p {color: #a7a9a8; margin-bottom: 60px; font-size: 21px;}
.password-set .password-txt {
  margin: 0 auto;
  width: 210px;
  height: 75px;
  padding: 0 50px;
  border-bottom: 2px solid #fea004;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.password-set .password-txt .password-wrap {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.password-set .password-txt .password-wrap .password {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #b9b9b9; 
  transition: 0.3s;
}
.password-set .password-txt .password-wrap .password.active {
  background-color: #fea004;
  width: 20px;
  height: 20px;
}
.password-set .password-input-area {
  width: 390px;
  text-align: center;
  margin: 0 auto;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.password-set .password-input-area button {
  display: inline-block;
  width: 120px;
  height: 120px;
  font-size: 44px;  
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #707070;
  font-weight: 600;
}
.password-set .password-input-area span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #707070;
  font-weight: 600;
}
.password-set .password-input-area span .delete {display: flex;justify-content: center;align-items: center;width: 50px;}
.password-set .password-input-area span .delete img {width: 100%; display: block;}
#cubic-desc .header {position: sticky; top:0; max-width: 540px; height: 150px; z-index: 997;}
#cubic-desc .header .top {display: flex;justify-content: flex-start;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
#cubic-desc .header .top .back {display: inline-block; max-width: 15px;}
#cubic-desc .header .top .back img {width: 100%; display: block;}
#cubic-desc .header .top .page-nm {font-size: 28px; color: #fea004;}
#cubic-desc .header .top .home {display: inline-block; max-width: 30px; margin-left: auto;}
#cubic-desc .header .top .home img {width: 100%; display: block;}
#cubic-desc .header .sub-box {padding: 0 15px;background-color: #363636;display: flex;justify-content: center;align-items: center;height: 70px;}
#cubic-desc .header .sub-box div {width: 50%;color: #fff;display: flex;justify-content: center;align-items: center;}
#cubic-desc .header .sub-box > div {display: flex;flex-direction: column;height: 100%;}
#cubic-desc .header .sub-box > div.cubic-num {border-right: 1px solid #fff;}
#cubic-desc .header .sub-box > div.cubic-img {border-left: 1px solid #fff;}
#cubic-desc .header .sub-box > div .cubic-img { display: inline-block; width: 15px; margin-right: 5px;}
#cubic-desc .header .sub-box > div .cubic-img img {width: 100%; display: block;}
.cubic-desc {padding: 15px; background-color: #fcfbf8;}
.cubic-desc .btn-guide {
  margin-left: auto;
  padding: 5px 15px;
  border: 1px solid #f66606;
  border-radius: 4px;
  background-color: transparent;
  margin-bottom: 10px;
  color: #f66606;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.cubic-desc .btn-guide .question {width: 20px; display: inline-block;}
.cubic-desc .btn-guide .question img {width: 100%; display: block;}
.cubic-desc .status-wrap {margin-bottom: 10px;}
.cubic-desc .status-wrap .status-head {padding: 10px 0;background-color: #707070;color: #e1e1e1;text-align: center;}
.cubic-desc .status-wrap .status-body {background-color: #e8e7e4;height: calc(100vh - 420px);overflow-y: auto;}
.cubic-desc .status-wrap .status-body .line {display: flex;justify-content: space-between;align-items: center;padding: 0 15px;border-bottom: 1px solid #fff;}
.cubic-desc .status-wrap .status-body .line > span {width: 100%;height: 100%;padding: 5px 0;display: block;}
.cubic-desc .status-wrap .status-body .line .who {display: flex;flex-direction: column;}
.cubic-desc .status-wrap .status-body .line .who .name {font-weight: 600;}
.cubic-desc .status-wrap .status-body .line .amount {display: flex;flex-direction: column;align-items: flex-end;}
.cubic-desc .status-wrap .status-body .line .amount .num {font-weight: 600;}
#toast-container.toast-top-center>div, #toast-container.toast-bottom-center>div {width: 540px !important;padding: 8px !important;}
#toast-container>.toast.toast-success {background-color: black;background-image: none !important;}
.toast-message {padding: 10px;text-align: center;}
.iframe-term {width: 100%;height: 100vh;border: none;}
.color-red {color: red;}
.hidden {display: none !important;}
.function.function-logout {border: none !important;background: transparent !important;}
#floating-btn {z-index: 1000;border: none !important;background: transparent !important;/*top: 128px;right: 10px;*/top:254px;right: 35px;}
#floating-btn .floating-img {cursor:pointer;/*width: 75px;height: 75px;*/width: 95px;height: 95px;background: url('../img/ic_floating.png') no-repeat center center;background-size: contain;}
#floating-btn:active .floating-img, #floating-btn.active .floating-img {background: url('../img/ic_floating_on.png') no-repeat center center;background-size: contain;}

.ic_photo_mark {width: 20px;vertical-align: middle;margin-left: 5px;}
.inquiry-image {display: flex;margin-left: 10px;padding-top: 10px;padding-bottom: 20px;}
.inquiry-image img {width: 160px;height: 160px;object-fit: cover;background: #747474;margin-left: 10px;}
.invisible {visibility: hidden}
.notice_list {width: 100%;height: 100%;}
.notice_list .slick-list {width: 400px;height: 55px}
.notice_list.slick-vertical .slick-slide {height: 55px;}
.notice_list.slick-vertical .slick-slide div {height: 100%;}
.notice_list.slick-vertical .slick-slide div p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 100%;display: flex !important;align-items: center;}
.my-info-divider {width: 1px;display: inline-block;height: 14px;background: #434343;margin: 0 8px;}
.my-info::-webkit-scrollbar {width: 0 !important;display: none;}
.custom-phone-certify {margin-left: 3px; margin-top: 0px}
.email-tail {width: 100%; position: relative}
.email-tail select {cursor: pointer}
.email-tail input {position: absolute; z-index: 100; width: 90% !important;}
.photo-box img.photo-close {
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  z-index: 10;
  filter: brightness(100%) !important;
}
.ic_chat_black {width: 30px; margin-right: 10px;}
.ic_post_black {width: 24px; margin-right: 10px;}
.ic_shortcut_black {width: 18px; margin-right: 10px;}
.profile_desc {display: inline-flex; margin-top: 15px; color: #ff6f81; font-size: 19px;}
.profile_desc span:last-child {padding: 0 5px; line-height:110%}
.introduce-wrap {
  width: 100%;
  min-height: 200px;
  border-radius: 4px;
  background-color: #e9e7e4;
  color: #121212;
  /*padding: 20px;*/
  padding: 10px;
  font-size: 20px;
  display: flex;
  white-space: pre-line;
  word-break: break-word;
}
.blame-mark {width: 50px; height: 50px; cursor: pointer}
.blame-mark img {width: 100%; padding: 5px}
.ic_fog {position: absolute; width: 100%; height: 100%;}
.profile_view {
  cursor:pointer;
  width: 60px;
  height: 30px;
  color: #f66606;
  border: 1px solid #f66606;
  border-radius: 4px;
  margin-left: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
#frmBtnChat .btn1 {display: flex;align-items: center;justify-content: center;}
#frmBtnPostscript .btnPost {display: flex;align-items: center;justify-content: center;}
.gallery_top {display: flex;justify-content: space-between;align-items: center;height: 80px;background-color: #000;padding: 0 15px;}
.gallery_top .back {display: inline-block;max-width: 15px;margin-right: 15px;}
.gallery_top .back img, .gallery_top .icon-box img {width: 100%;display: block}
.gallery_top .user-info {margin-right: auto; color: #fe9f03;font-size: 28px;}
.gallery_top .icon-box {display: flex;justify-content: center;align-items: center;gap: 20px;}
.gallery_top .icon-box .alarm, .gallery_top .icon-box .conversation {display: inline-block;width: 32px;cursor: pointer;}
.lg-next, .lg-prev {display: none !important;}
.back {cursor: pointer}
.main_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: black;
  font-size: 20px;
  background: #fea004;
  border-radius: 4px;
  width: 180px;
  height: 60px;
  margin-bottom: 30px;
  margin-left: 30px;
}
.lg-backdrop {background-color: #252525 !important;}
.user-profile .favourite img {width: 16px;margin-right: 5px;}
.chat_badge {
  position: absolute;
  color: white;
  font-size: 12px;
  background: #ff5b49;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  right: 20px;
  top: 55px;
}
.chat_time {position: absolute;right: 10px;top: 5px;color: #a4a4a4;font-size: 17px;}
.chat_type {width: 17px; height: 15px; margin-top: 7px;vertical-align: top;margin-right: 5px;}
.user-chat {display: flex}
.chat-detail {
  /*width: 350px;*/
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5em;
  max-height: 3em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.chat-detail.no_read {width: 350px}
.user-info .emperor {font-size: 17px; color: #fe9f03!important;}
.user-info .emperor img {width: 21px;margin-right: 4px;}
.user-info-div .user-info, .user-info-div .user-profile {white-space: nowrap; max-width: 280px;overflow: hidden;}
.chat .box-wrap .box { margin: 20px 0;font-size: 20px;}
.chat .box-wrap .warning-sex { height:300px;line-height: 1.6;}
.chat .box-wrap .warning-sex .bot {background: transparent !important;color: #707070; font-size: 16px;}
.chat .box-wrap .warning-sex .bot p {margin-bottom: 5px; padding-left: 12px; position: relative;}
.chat .box-wrap .warning-sex .bot p::before {content: '•'; position: absolute; top:0; left:0;}
.chat .box-wrap .box1 { height:300px;}
.chat .box-wrap .box .top {background-color: #747474;color: #e1e1e1;}
.chat .box-wrap .box .bot {background-color: #f0eeeb;}

.chat .box-wrap .box .bot .qq {color: #3d3c3c;}
.chat .box-wrap .box1 .top {padding: 15px;display: flex;justify-content: space-between;align-items: center;}
.chat .box-wrap .box1 .top .btn-wd {background-color: #fea004;border: 1px solid #fea004;padding: 2px 12px;border-radius: 4px;font-weight: 600;cursor: pointer;}
.chat .box-wrap .box1 .bot{padding: 15px;display: flex;justify-content: space-between;align-items: center; margin-bottom: 2px}
.chat .box-wrap .box1 .bot .qq .cubic-img{display: inline-block; width: 15px; margin-left: 5px;}
.chat .box-wrap .box1 .bot .qq .cubic-img img {width: 100%; display: block;}
.chat .box-wrap .box1 .bot .aa {display: flex;align-items: center;}
.chat .box-wrap .box1 .bot .aa em {font-weight: 600; margin-right: 5px;}
.chat .box-wrap .box1 .bot .aa em.pink {color: #ff6f80;}
.chat .box-wrap .box1 .bot .aa em.pink.man {color: #2ca3f5;}
.chat .box-wrap .box1 .bot .aa .cubic-img{display: inline-block; width: 15px; margin-right: 5px;}
.chat .box-wrap .box1 .bot .aa .cubic-img img {width: 100%; display: block;}
.chat .box-wrap .box1 .bot .aa .question-mark {display: inline-block;width: 20px;cursor: pointer;margin-left: 5px;}
.chat .box-wrap .box1 .bot .aa .question-mark img {width: 100%; display: block;}
.chat .box-wrap .box4 .bot {background: transparent !important;color: #707070; font-size: 18px;}
.chat .box-wrap .box4 .bot p {margin-bottom: 5px; padding-left: 12px; position: relative;}
.chat .box-wrap .box4 .bot p::before {content: '*'; position: absolute; top:0; left:0;}

.chat .box-wrap .tvDescAuth .warning {font-size: 20px;}
.chat .box-wrap .tvDescAuth .desc {font-size: 19px;}
.chat .box-wrap .tvDescAuth .bot-desc {font-size: 18px;}

.chat-present-cubic {text-align: center;color: #121212; font-size: 21px}
.withdraw-desc1 {color: #121212; font-size: 19px; line-height: 24px; margin-bottom: 21px}
.withdraw-desc2 {color: #3d3b3c; font-size: 18px; line-height: 21px; margin-bottom: 15px;}
.box-withdraw .qq {width: 120px}
.box-withdraw input, .box-withdraw select {flex: 1;height: 50px;border: none;padding: 0 10px;font-size: 20px;}
.box-withdraw #tv_amount_desc {margin-top: 15px; font-size: 19px;color: #121212;line-height: 24px;}

#bank,#bank_account,#bank_name {font-weight: bold;}

.blinking{
  -webkit-animation:blink 3.0s ease-in-out infinite alternate;
  -moz-animation:blink 3.0s ease-in-out infinite alternate;
  animation:blink 3.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0.5;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0.5;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0.5;}
  100% {opacity:1;}
}
.pointer {cursor: pointer;}

.frm_goodall {
	float: right;
    display: flex;
    align-items: center;
}

.frm_good, .frm_nogood {
    display: flex;
    align-items: center;
    height: 100%; /* Adjust as needed */
}

.iv_good, .iv_nogood {
    height: 100%;
    width: 24px;
}

.review_content_bottom {
	float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.frm_good_all2 {
	margin-top: 20px;
    display: flex;
    align-items: center;
}


#floating-btn-best {
    z-index: 1000;
    border: none !important;
    background: transparent !important;
    position: fixed;
    top: 250px;
    right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    padding: 0;
}

#floating-btn-best .floating-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#floating-btn-best #floating-text {
    font-size: 16px;
    /*font-weight: bold;*/
    color: white;
    margin: 0;
}
#floating-btn-best #floating-subtext {
    font-size: 14px;
    /*font-weight: bold;*/
    color: white;
    margin: 0;
}

#floating-btn-best #floating-text {
    margin-bottom: 3px;
}

#floating-btn-best:active .floating-img,
#floating-btn-best.active .floating-img {
    background: url('../img/ic_floating_best_on.png') no-repeat center center;
    background-size: contain;
}

#floating-btn-best .floating-img {
    background: url('../img/ic_floating_best.png') no-repeat center center;
    background-size: contain;
}

#dropdown-menu {
    position: fixed;
    top: 340px; /* 드롭다운 메뉴가 버튼 아래에 위치하도록 설정 */
	right:25px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none; /* 기본적으로 숨김 */
    /*width: 115px;*/ /* 드롭다운 메뉴의 고정 너비 */
    /*left: calc(50% - 75px); /* 드롭다운 메뉴의 가로 가운데를 맞춤 (버튼의 절반 너비만큼 왼쪽으로 이동) */
}

#dropdown-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#dropdown-menu ul li {
	font-size:20px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #ccc; /* 항목들 사이에 구분선 추가 */
}

#dropdown-menu ul li:last-child {
    border-bottom: none; /* 마지막 항목에는 구분선 없애기 */
}

#dropdown-menu ul li:hover {
    background-color: #f1f1f1;
}


.hidden {
    display: none;
}

#ic_emperor_greeting {
	width: 18px;
    margin-right: 5px;
}

#ic_top_rank_greeting {
	width: 18px;
    margin-right: 5px;
}
.main .list-wrap .list .list-header .list-header-lt .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}

.chat-list .list-wrap .list .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}
#chat .header .top .chat-user .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}	
.sub-profile .profile-wrap .profile .profile-header .profile-header-lt .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}	
.review-view .accordion-wrap .anw .list-wrap .list .list-header .list-header-lt .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}
.block .list-wrap .list .user-photo img.iv_emperor_crown_badge {
	position: absolute!important;
	top: -5px!important;
	left: -5px!important;
	width: 22px;
	height:auto!important;
	z-index: 2!important;
	border:none!important;
}
.custom-phone-certify img{
	max-width:60px;
	margin: 0 auto;
}