/*************** popup ***************/
/* common */
.man {
    color: #2ca3f5 !important;
}
.anonymous {
	color: #818181 !important;
}
.dialog-wrap, .hopearea-wrap, .search-wrap, .mytreat-wrap, .preloader-wrap, .menu-wrap, .login-wrap {position:fixed;/*position:absolute;*/width: 100%;height: 100%;display: none;z-index: 1100;overflow-y: auto;}
.dialog-wrap.active, .hopearea-wrap.active, .search-wrap.active, .mytreat-wrap.active, .preloader-wrap.active, .login-wrap.active {display: block;}
.dialog-popup, .hopearea-popup, .search-popup, .login-popup, .mytreat-dlg {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
  overflow:hidden;
  width: 450px;
  background-color:#fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  position: relative;
}
#preloading_bar {width: 256px;}
.hopearea-popup, .dialog-top1 {/*top: 50px;*//*top: 200px;*/transform: translate(0, -50%);top: 50%;}
.search-popup, .mytreat-dlg,.login-popup, .dialog-top2 {/*top: 120px*/transform: translate(0, -50%);top: 50%;}
.dialog-header {height: 65px;background-color: #e6cba1;font-size: 21px;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.dialog-btn {width: 100%;font-size: 19px;height: 65px;background-color: #f4f4f4;border: 1px solid #e1e2e2;cursor: pointer;font-weight: bold}
.btn-close {/*position: absolute;top:20px;right:20px;max-width: 20px;cursor: pointer;*/position: absolute;top: 0;right: 0;max-width: 58px;cursor: pointer;padding: 20px;z-index:9999;}
.btn-close img {width: 100%;}

/* declar-popup */
.photo-form {/*padding: 0 4% 4%;*/ padding: 0px;}
.photo-form .photo-box-wrap { padding:10px 0 0 !important;}
.photo-form .bot p {
    margin-bottom: 5px;
    padding-left: 12px;
    position: relative;
	font-size: 18px;
	color: #818181;
	line-height:1.3;
}
.photo-form .bot p::before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
}
.dialog-popup .declar-body, .hopearea-popup .hopearea-body, .search-popup .search-body, .dialog-popup .talk-body, .login-popup .login-body, .dialog-popup .confirm-body, .noti-boby {padding: 20px; background-color: #fff;}
.dialog-popup .declar-body .user-info {display: flex; align-items: center; gap: 10px; margin-bottom: 10px;}
.dialog-popup .declar-body .user-info .qq, .dialog-popup .declar-body .declar-type .qq, .photo-title .qq  {display: inline-block; width: 56px; font-size: 20px; color: #818181;}
.dialog-popup .declar-body .user-info .qq, .photo-title .qq {width: 80px;}
.dialog-popup .declar-body .user-info .aa{color: #ff6f80; font-weight: 600; font-size: 20px;}
.dialog-popup .declar-body .declar-type {display: flex;gap: 10px;padding-top:10px;}
.dialog-popup .declar-body .declar-type .type-box {display: flex;flex-direction: column;margin-right: 20px;}
.dialog-popup .declar-body .declar-type .type-box:first-child {margin-left: 0;}
.dialog-popup .declar-body .declar-type .type-box label {display: flex;justify-content: flex-start;align-items: center;gap: 10px;cursor: pointer;margin-bottom: 5px;}
.dialog-popup .declar-body .declar-type .type-box label span, .search-popup .search-body .search-form .radio-wrap label span, .dialog-popup .order .new label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/radio-off.png') no-repeat center center;
  background-size: contain;
}
.dialog-popup .declar-body textarea {
  width: 100%;
  margin-top: 15px;
  border: 1px solid #dcdcdc;
  resize: none;
  height: 200px;
  padding: 15px;
  font-size: 20px;
}

/* popular popup */
.dialog-popup .popular-body {padding: 15px; background-color: #fff;}
.dialog-popup .popular-body .tit {color: #f66606;font-size: 21px;font-weight: 600;}
.dialog-popup .popular-body .sub-tit {text-align: right;font-size: 15px;color: #6d6d6d;}
.dialog-popup .popular-body .user-wrap {margin: 20px 0;display: flex;justify-content: space-between;}
.dialog-popup .popular-body .user-wrap .user-infor .line{display: flex;gap: 15px;font-size: 20px;margin-bottom: 10px;}
.dialog-popup .popular-body .user-wrap .user-infor .line:last-child{margin-bottom: 0;}
.dialog-popup .popular-body .user-wrap .user-infor .line .qq{color: #818181;}
.dialog-popup .popular-body .user-wrap .user-infor .line .aa{color: #434343;font-weight: 600;}
.btn-evaluation {
  width: 150px;
  height: 60px;
  background-color: #fff;
  border: 2px solid #fea004;
  border-radius: 4px;
  color: #fea004;
  font-weight: 600;
  cursor: pointer;
  font-size: 20px;
}
.dialog-popup .popular-body .review-wrap .review .review-user{ color: #818181; font-size: 17px; margin-bottom: 5px;}
.dialog-popup .popular-body .review-wrap .review .review-user .name{font-weight: 600;}
.dialog-popup .popular-body .review-wrap .review .love-box{text-align: center}
.dialog-popup .popular-body .review-wrap .review .love-box .love {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url('../img/love-off.png') no-repeat center center;
  background-size: contain;
  margin: 3px;
}
.dialog-popup .popular-body .review-wrap .review .love-box .love.on {
  background: url('../img/love-on.png') no-repeat center center;
  background-size: contain;
}
.dialog-popup .popular-body .user-eval .love-box .love:nth-child(5n) {margin: 4px 0;}

/* evaluation popup */
.dialog-popup .evaluation-body {padding: 15px; background-color: #fff;}
.dialog-popup .evaluation-body .tit {color: #f66606;font-size: 21px;font-weight: 600;}
.dialog-popup .evaluation-body .sub-tit {text-align: left;font-size: 15px;color: #6d6d6d;}
.dialog-popup .evaluation-body .user-wrap {margin: 20px 0;display: flex;justify-content: space-between;}
.dialog-popup .evaluation-body .user-wrap .user-infor .line{display: flex;gap: 15px;font-size: 20px;margin-bottom: 10px;}
.dialog-popup .evaluation-body .user-wrap .user-infor .line:last-child{margin-bottom: 0;}
.dialog-popup .evaluation-body .user-wrap .user-infor .line .qq{color: #818181;}
.dialog-popup .evaluation-body .user-wrap .user-infor .line .aa{color: #434343;font-weight: 600;}
.dialog-popup .evaluation-body .user-eval {display: flex;justify-content: space-between;align-items: center;gap: 40px;margin-bottom: 3.6vw}
.dialog-popup .evaluation-body .user-eval .num-box {width: 130px;display: flex;flex-direction: column;gap: 40px;}
.dialog-popup .evaluation-body .user-eval .num-box .qq{color: #818181;}
.dialog-popup .evaluation-body .user-eval .num-box .aa{color: #818181;}
.dialog-popup .evaluation-body .user-eval .num-box .aa .num {color: #ff6f80;font-size: 25px;font-weight: 600;}
.dialog-popup .evaluation-body .user-eval .love-box .love {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('../img/love-off.png') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  margin: 4px;
}
.dialog-popup .evaluation-body .user-eval .love-box .love:nth-child(5n) {margin: 4px 0;}
.dialog-popup .evaluation-body .user-eval .love-box .love.active {
  background: url('../img/love-on.png') no-repeat center center;
  background-size: contain;
}

/* hopearea popup */
.hopearea-popup .hopearea-body .tit {font-size: 20px;font-weight: 500;margin-bottom: 30px;/*color: #f66606;*/}
.hopearea-popup .hopearea-body .hopearea-form {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.area-box {width: 50%;/*height:10.48vw;*/}
.hopearea-popup .hopearea-body .hopearea-form .area-box input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
.hopearea-popup .hopearea-body .hopearea-form .area-box label {margin-bottom: 20px;display: flex;align-items: center;cursor: pointer;}
.hopearea-popup .hopearea-body .hopearea-form .area-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: 15px;
}
.tit label {
	margin-bottom: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.tit 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: 15px;
	}
.tit input[type="checkbox"]:checked + label span {
  background: url('../img/checkbox-on.png') no-repeat center center;
  background-size: contain;
}
/* search popup */
.search-popup .search-body .search-form .radio-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  margin-bottom: 20px;
}
.dialog-popup .declar-body .declar-type .type-box input[type="radio"]:checked + label span, .search-popup .search-body .search-form .radio-wrap input[type="radio"]:checked + label span, .dialog-popup .order .new input[type="radio"]:checked + label span {
  background: url('../img/radio-on.png') no-repeat center center;
  background-size: contain;
}
.search-popup .search-body .search-form .radio-wrap label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.search-popup .search-body .search-form .line {display: flex;justify-content: center;align-items: center;margin-bottom: 20px;gap: 10px;}
.search-popup .search-body .search-form .line:last-child {margin-bottom: 0;}
.search-popup .search-body .search-form .line select {
  display: inline-block;
  width: 100%;
  height: 55px;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  padding: 10px 20px;
}

.search-popup .search-body .search-form .line .frm_other_region {
  display: inline-block;
  width: 100%;
  height: 55px;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  padding: 10px 20px;
}

.search-popup .search-body .search-form .line .frm_other_region input {
  width: 100%;
  border: none;
  background-color: transparent;
  padding:0;
  position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
input:read-only::placeholder {
  color:#222222 !important;
}
.search-popup .search-body .search-form .line .box::after {
  content: '';
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:10px;
  width: 15px;
  height: 15px;
  background: url('../img/polygon.png') no-repeat center center;
  background-size: contain;
}
.search-popup .search-body .search-form .desc{
	display: inline-block;
    font-size: 18px;
    text-align: end;
}
.search-popup .search-body .search-form .divBtn{
	display: flex;
	width:7em;
    flex-direction: column;
    /* align-content: flex-end; */
    justify-content: space-between;
    align-items: flex-end;
}
.search-popup .search-body .search-form .btnDetail{
	display: inline-block;
    width: 100%;
    background-color: #fff;
    /*height: 60px;*/
    border-radius: 4px;
    border: 1px solid #f66606;
    color: #f66606;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
	padding: 10px 12px;
	margin-bottom: 20px;
}
.line-detail {margin-bottom:10px !important;}
.search-popup .search-body .search-form .btnReset{
	width:75%;
	display: inline-block;
    background-color: #CDCDCD;
    /*height: 60px;*/
    border-radius: 4px;
    border: 1px solid #AAAAAA;
    color: #2d2d2d;
    font-size: 18px;
    cursor: pointer;
	padding: 5px 10px;
}
.search-popup .search-body .search-form .btnRecent{
	display: inline-block;
    background-color: #f2f1ee;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    color: #2d2d2d;
    font-size: 18px;
    cursor: pointer;
	padding: 5px 8px;
}
.btnOn{background-color: #CDCDCD !important; border-color:#AAAAAA !important;}
.search-popup .search-body .search-form .line .openDate{
	display: inline-block;
    width: 100%;
    height: 55px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    padding: 10px 20px;
}

.search-popup .search-body .search-form .line .nickName{
	display: inline-block;
    width: 100%;
    height: 55px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    padding: 10px 20px;
}
.search-popup .frm_search_detail .selected { border-color:#AAAAAA!important;background-color: #CDCDCD!important;}

/*
.search-popup input[type="date"]:not(.has-value):before{
  color: lightgray;
  content: attr(placeholder);
}
*/
/*.search-popup input[type='date']::before {
  content: attr(data-placeholder);
  width: 100%;
}
input[type='date']:focus::before, input[type='date']:valid::before,input[type="date"]::-webkit-calendar-picker-indicator {
	appearance: none;
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}

*/
.placeholder-text::before {
    content: attr(data-placeholder);
    color: #888; /* 플레이스홀더 텍스트의 색상 */
    position: absolute;
    top: 50%;
    left:  20px;;
    transform: translateY(-50%);
    pointer-events: none; /* 플레이스홀더 텍스트는 클릭되지 않도록 */
  }
  
input[type="date"] {
	-webkit-appearance: none;
    -moz-appearance: none;
	background-color:#fff;
	text-align:center;
	/*display: flex!important;*/
	/*align-items: center!important;*/ /* 세로 중앙 정렬을 위해 추가 */
	
}
input[type="date"]::after::-webkit-calendar-picker-indicator{
    margin-left: 0px;
	margin-right: 0px;
}

input[type='date']::before {
      content: attr(data-placeholder);
      width: 100%;
	  /*background-color:#000;*/
	  font-size:1em;
	  text-align:left;
	  
    }

/*input[type='date']:focus::before,*/
input[type='date']:valid::before {
  display: none;
}

/* talk popup */
.dialog-popup .talk-header {height: 65px;background-color: #e6cba1;font-size: 21px;font-weight: 500;display: flex;align-items: center;padding-left: 20px;}
.dialog-popup .talk-body .talk-form .txt-wrap {display: flex;justify-content: space-between;}
.dialog-popup .talk-body .talk-form .txt-wrap .user-profile {display: flex;align-items: center;gap: 5px}
.dialog-popup .talk-body .talk-form .txt-wrap .user-profile span{font-size: 17px;color: #707070;}
.dialog-popup .talk-body .talk-form .txt-wrap .user-profile span.name{color: #ff6f80;font-size: 18px;font-weight: 600;}
.dialog-popup .talk-body .talk-form .txt-wrap .user-profile span.name.man {color: #2ca3f5;}
.dialog-popup .talk-body .talk-form .txt-wrap .multi-chat  {
  cursor:pointer;
  font-size: 17px;
  color: #fe9f03;
  width: 70px;
  height: 32px;
  justify-content: center;
  display: flex;
  align-items: center;
  border: 1px solid #fe9f03;
  border-radius: 3px;
}
.dialog-popup .talk-body .talk-form textarea{
  width: 100%;
  height: 130px;
  resize: none;
  border-radius: 4px;
  background-color: #f4f4f4;
  font-size: 20px;
  padding: 10px 20px;
  border: 1px solid #e1e2e2;
  margin-top: 15px;
}
.dialog-popup .btn-chat {position: absolute;top: 20px;right: 60px;max-width: 27px;cursor: pointer;}
.dialog-popup .btn-chat img {width: 100%;}
.dialog-popup .order .new {display: flex;align-items: center;}
.dialog-popup .order .new label span {margin-right: 10px;}

/*loading*/
.preloader-wrap {background-color:rgba(0,0,0,.6);}
.preloader-popup {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
  overflow:hidden;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.preloader-popup img {width: 20vw;}
#preloading_bar {width: 20vw;}

/* login-popup */
.login-popup .login-body .login-form .line{margin-bottom: 20px;}
.login-popup .login-body .login-form .line2{margin-bottom: 10px;}
.login-popup .login-body .login-form .line.line-email {display: flex;justify-content: center;align-items: center;gap: 10px;}
.login-popup .login-body .login-form .line.line-email input{
  width: 185px;
  height: 55px;
  border: 1px solid #e3e3e3;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 20px;
}
.login-popup .login-body .login-form .line.line-email select {
  width: 185px;
  height: 55px;
  border: 1px solid #e3e3e3;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 20px;
}
.login-popup .login-body .login-form .line input {
  width: 100%;
  height: 55px;
  border: 1px solid #e3e3e3;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 20px;
}
.login-popup .login-foot {display: flex;gap: 20px;padding: 0 20px 20px 20px;}
.login-popup .login-foot .login-btn {
  width: 100%;
  font-size: 19px;
  font-weight: 500;
  height: 60px;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  cursor: pointer;
}

/*Menu popup*/
.menu-wrap {background-color:rgba(0,0,0,.7);}
.menu-wrap.active {display: block;}
.menu-popup {margin-left: auto;margin-right: auto;max-width: 540px;height: 100%;overflow:hidden;position: relative;}
.menu-popup .menu-list-wrap {position: absolute;/*bottom:160px;right:5px;*/bottom:170px;right:32px;text-align: right;gap: 15px;}
.menu-popup .menu-list-wrap .menu-list {display: flex;justify-content: flex-end;margin-bottom:5px;}
.menu-popup .menu-list-wrap .menu-list a {color: #fff;font-size: 20px;display: flex;justify-content: flex-end;align-items: center;}
.menu-popup .menu-list-wrap .menu-list a .menu-popup-img {/*width: 75px;height:75px;*/width: 95px;height:95px;margin-left:10px}
.menu-popup .menu-list-wrap .menu-list a .menu-popup-img img{width: 100%;}

/* noti popup */
.dialog-popup .noti-header {font-size: 21px;font-weight: 500;padding: 20px;}
.dialog-popup .noti-body {padding: 0 20px 20px; background-color: #fff;}
.dialog-popup .noti-body .tit {white-space: pre-line;}
.dialog-popup .noti-btn {
  font-size: 19px;
  font-weight: 500;
  background-color: white;
  color: #ff6f81;
  cursor: pointer;
  border: none;
  padding: 20px;
  margin-left: auto;
  margin-right: 20px;
}

/*EmperorListDialog*/
.dialog-popup .emperor-body {padding: 20px; background-color: #fff;min-height: 100px;max-height: 800px;overflow-y: auto;}
.dialog-popup .emperor-body .emperor-str p {font-size: 20px; color: #848484;margin: 10px 0;}
.dialog-popup .emperor-body .emperor-last-list {margin-top: 20px;}
.dialog-popup .emperor-body .emperor-list .user-profile {
  font-size: 20px;
  color: #121212;
  gap: 8px;
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.dialog-popup .emperor-body .emperor-list .user-profile span {height: 100%;display: flex;align-items: center;}
.dialog-popup .emperor-body .emperor-list .user-profile .crown img {width: 20px; margin-top: -4px;}
.dialog-popup .emperor-body .emperor-list .user-profile .name {font-size: 22px;color: #ff6f81;}
.dialog-popup .emperor-body .emperor-list .user-profile .name.last {font-size: 20px;color: #121212;}
.dialog-popup .emperor-body .emperor-list .user-profile .name.man {color: #2caaff;}

.modal-backdrop, .modal-confirm-backdrop {width: 100vw;height: 100vh;background-color: rgba(0,0,0,.6);display: block;position: fixed;bottom: 0;}

#dlg_selboxDirect {border-right: 0 !important}

@media (max-width:539px) {
  /* common */
  .dialog-popup, .hopearea-popup, .search-popup, .login-popup, .mytreat-dlg {width: 83.33vw;box-shadow: 0.00vw 0.74vw 0.74vw rgba(0, 0, 0, 0.25);border-radius: 1.48vw;}
  .dialog-header {/*height: 12.04vw;*/height: 12.18vw;/*font-size: 4.07vw;*/font-size: 4.25vw;}
  .dialog-btn {font-size: 3.68vw;/*height: 12.04vw;*/height: 12.18vw;border: 0.19vw solid #e1e2e2;}
  .btn-close {/*cursor: pointer;top:3.70vw;right:3.70vw;max-width: 3.33vw;*/cursor: pointer;top: 0;right: 0;max-width: 10.73vw;padding: 3.7vw;}

  .hopearea-popup, .dialog-top1 {/*top: 9.26vw;*/ /*top:36.26vw;*//*transform: translate(0, -50%);*/top: 50%;/*z-index: 99999 !important; -webkit-transform: translate3d(0,0,200px); position: relative;*/}
  .search-popup, .login-popup, .dialog-top2, .mytreat-dlg {/*top: 22.22vw*/transform: translate(0, -50%);top: 50%;}
  .dialog-popup .declar-body, .hopearea-popup .hopearea-body, .search-popup .search-body, .dialog-popup .talk-body, .login-popup .login-body, .dialog-popup .confirm-body,.mytreat-dlg .noti-body {padding: 3.68vw 3.97vw;}
  .dialog-popup .confirm-body {padding: 5.67vw 5.38vw;line-height: 6vw;}

  /* declar popup */
  .photo-form .photo-box-wrap { padding:2.98vw 0 0 !important;}
  .photo-form .bot { padding-top:2.98vw ;}
  .photo-form .bot p {
    /* margin-bottom: 0.83vw; */
    margin-bottom: 0vw;
    padding-left: 2.22vw;
	font-size: 3.89vw;
  }
  .photo-form .bot p::before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
  }
  .dialog-popup .declar-body .user-info {/*gap: 1.85vw;*/gap: 2.85vw; /*margin-bottom: 1.85vw;*/margin-bottom: 2.98vw;}
  .dialog-popup .declar-body .user-info .qq, .photo-title .qq{/*width: 10.74vw;*/width: 16.74vw;/*font-size: 3.89vw;*/font-size: 4.25vw;}
  .dialog-popup .declar-body .user-info .aa{/*font-size: 3.89vw;*/font-size: 4.25vw;}
  .dialog-popup .declar-body .user-info .aa.anonymous{color: #828282;}
  .dialog-popup .declar-body .declar-type {gap: 1.85vw;/*gap: 2.85vw;*/padding-top:2.98vw;}
  .dialog-popup .declar-body .declar-type .qq {/*width: 10.74vw;*/width: 11.74vw; /*font-size: 3.89vw;*/font-size: 4.25vw;margin-top:0vw}
  .dialog-popup .declar-body .declar-type .type-box {/*margin-right: 3.70vw;*/margin-right: 1.70vw;/*gap: 2vw;*/gap: 0vw;}
  .dialog-popup .declar-body .declar-type .type-box label {gap: 1.85vw;/*margin-bottom: 0.93vw;*/margin-bottom: 2.7vw;margin-top:0vw;height: 4.25vw;}
  .dialog-popup .declar-body .declar-type .type-box label span {width: 3.70vw;height: 3.70vw;}
  .dialog-popup .declar-body textarea {/*margin-top: 2.78vw;*/margin-top: 2.98vw;border: 0.19vw solid #dcdcdc;height: 40.22vw;padding: 2.78vw;/*font-size: 3.89vw;*/font-size: 4.25vw;}

  /* popular popup */
  .dialog-popup .popular-body {padding: 2.78vw; }
  .dialog-popup .popular-body .tit {font-size: 4.07vw;}
  .dialog-popup .popular-body .sub-tit {/*font-size: 2.78vw;*/font-size: 3.97vw;}
  .dialog-popup .popular-body .user-wrap {margin: 3.70vw 0;}
  .dialog-popup .popular-body .user-wrap .user-infor .line{gap: 2.78vw;/*font-size: 3.89vw;*/font-size: 4.25vw;margin-bottom: 1.85vw;}
  .btn-evaluation {width: 27.78vw;height: 11.11vw;border: 0.37vw solid #fea004;border-radius: 0.74vw;/*font-size: 3.89vw;*/font-size: 4.25vw;}
  .dialog-popup .popular-body .review-wrap .review .review-user{font-size: 3.33vw; margin-bottom: 0.93vw;}
  .dialog-popup .popular-body .review-wrap .review .love-box .love {width: 6.48vw;height: 6.48vw;margin: 0.59vw;}
  .dialog-popup .popular-body .user-eval .love-box .love:nth-child(5n) {margin: 0.74vw 0;}

  /* evaluation popup */
  .dialog-popup .evaluation-body {padding: 2.78vw; }
  .dialog-popup .evaluation-body .tit {/*font-size: 4.07vw;*/font-size: 3.97vw;}
  .dialog-popup .evaluation-body .sub-tit {/*font-size: 3.6vw;*/font-size: 3.97vw;}
  .dialog-popup .evaluation-body .user-wrap {margin: 3.70vw 0;}
  .dialog-popup .evaluation-body .user-wrap .user-infor .line{gap: 2.78vw;/*font-size: 3.89vw;*/font-size: 4.25vw;margin-bottom: 1.85vw;}
  .dialog-popup .evaluation-body .user-eval {gap: 7.41vw;}
  .dialog-popup .evaluation-body .user-eval .num-box {width: 24.07vw;gap: 7.41vw;}
  .dialog-popup .evaluation-body .user-eval .num-box .aa .num {/*font-size: 4.63vw;*/font-size: 5.67vw;}
  .dialog-popup .evaluation-body .user-eval .love-box .love {width: 9.26vw;height: 9.26vw;margin: 0.74vw;}
  .dialog-popup .evaluation-body .user-eval .love-box .love:nth-child(5n) {margin: 0.74vw 0;}

  /* hopearea popup */
  .hopearea-popup .hopearea-body {padding: 3.97vw;}
  .hopearea-popup .hopearea-body .tit {/*font-size: 3.89vw;*/font-size: 4.25vw;margin-bottom: 5.56vw;padding: 0vw 3.97vw;}
  .hopearea-popup .hopearea-body .hopearea-form {padding: 0vw 3.97vw;}
  .hopearea-popup .hopearea-body .hopearea-form .area-box label {margin-bottom: 3.70vw;}
  .hopearea-popup .hopearea-body .hopearea-form .area-box label span {width: 4.63vw;height: 4.63vw;border-radius: 0.74vw;margin-right: 2.78vw;}
	.tit label span {
	width: 4.63vw;
    height: 4.63vw;
    border-radius: 0.74vw;
    margin-right: 2.78vw;
	}
  /* search popup */
  .search-popup .search-body {/*padding-bottom: 7.37vw;*/}
  .search-popup .search-body .search-form .radio-wrap {gap: 18.52vw;/*margin-bottom: 3.70vw;*/margin-bottom: 3.70vw;/*height: 11.05vw;*/}
  .search-popup .search-body .search-form .radio-wrap label {gap: 1.85vw;font-size: 4.53vw;}
  .search-popup .search-body .search-form .radio-wrap label span {width: 3.70vw;height: 3.70vw;}
  .search-popup .search-body .search-form .line {margin-bottom: 3.70vw;gap: 1.85vw;/*margin-bottom: 7.37vw;*/}
  .search-popup .search-body .search-form .line select {/*height: 10.19vw;*/height: 11.05vw;border: 0.19vw solid #e3e3e3;border-radius: 0.74vw;padding: 1.85vw 3.70vw;background: white}
  .search-popup .search-body .search-form .line .frm_other_region {/*height: 10.19vw;*/height: 11.05vw;border: 0.19vw solid #e3e3e3;border-radius: 0.74vw;padding: 2.35vw 3.70vw;background: white}
  .search-popup .search-body .search-form .line .box::after {right:1.85vw;width: 2.78vw;height: 2.78vw;}
  .search-popup .search-body .search-form .line .frm_other_region input {left:3.35vw;}
.search-popup .search-body .search-form .divBtn{width:23.8vw;}
.search-popup .search-body .search-form .desc{font-size: 3.4vw;}

.search-popup .search-body .search-form .btnDetail{font-size: 3.4vw; padding: 2.2vw 2.28vw; margin-bottom: 3.7vw;border: 0.19vw solid #f66606;border-radius: 0.74vw;}
.line-detail {margin-bottom:1.85vw !important;}
.search-popup .search-body .search-form .btnReset{font-size: 3.4vw; padding: 1.6vw 1.9vw;border: 0.19vw solid #cdcdcd;border-radius: 0.74vw;}
.search-popup .search-body .search-form .btnRecent{font-size: 3.4vw; padding: 1.6vw 1.9vw;border: 0.19vw solid #cdcdcd;border-radius: 0.74vw;}
.search-popup .search-body .search-form .line .openDate{
	width: 46%;
	height: 11.05vw;
    border: 0.19vw solid #e3e3e3;
    border-radius: 0.74vw;
    padding: 1.85vw /*3.7vw*/3.7vw;
}
.search-popup .search-body .search-form .line .nickName{
	height: 11.05vw;
    border: 0.19vw solid #e3e3e3;
    border-radius: 0.74vw;
    padding: 1.85vw 3.7vw;
}

.placeholder-text::before {
    content: attr(data-placeholder);
    color: #888; /* 플레이스홀더 텍스트의 색상 */
    position: absolute;
    top: 50%;
    left:  3.35vw;
    transform: translateY(-50%);
    pointer-events: none; /* 플레이스홀더 텍스트는 클릭되지 않도록 */
  }
  
input[type="date"] {
	background-color:#fff;
	height:11.05vw!important;
	line-height:11.05vw!important;
	padding:0 !important;
	text-align:center;
	display: flex!important;
	align-items: center!important; /* 세로 중앙 정렬을 위해 추가 */
}

input[type='date']::before {
		/*margin-top: 0.67vw;*/
      content: attr(data-placeholder);
      width: 100%;
	  font-size:1em;
	  /*height:11.05vw!important;
	  line-height:11.05vw!important;
	  margin-left: 3.35vw;*/
	  position: absolute;
    top: 50%;
    left:  3.35vw;
    transform: translateY(-50%);
	  
    }

  
  

  /* talk popup */
  .dialog-popup .talk-header {height: 12.04vw;/*font-size: 4.07vw;*/font-size: 4.25vw;padding-left: 3.70vw;}
  .dialog-popup .talk-body .talk-form .txt-wrap .user-profile {gap: 1.38vw}
  .dialog-popup .talk-body .talk-form .txt-wrap .user-profile span{/*font-size: 3.33vw;*/font-size: 3.4vw;}
  .dialog-popup .talk-body .talk-form .txt-wrap .user-profile span.name{/*font-size: 3.52vw;*/font-size: 4.25vw;}
  .dialog-popup .talk-body .talk-form .txt-wrap .multi-chat  {/*font-size: 3.33vw;*/font-size: 3.68vw; width: 19.44vw; height: 8.89vw; border-radius: 0.83vw;border: 0.19vw solid #fe9f03}
  .dialog-popup .talk-body .talk-form textarea{height: 24.07vw;border-radius: 0.74vw;/*font-size: 3.89vw;*/font-size: 4.25vw;padding: 1.85vw 3.70vw;border: 0.19vw solid #e1e2e2;margin-top: 2.78vw;}
  .dialog-popup .btn-chat {top:3.72vw;/*right:8.83vw;*/right: 11.65vw;max-width: 5.83vw;}
  .dialog-popup .order .new label span {width: 3.70vw;height: 3.70vw;margin-right: 2vw;}

  /* login-popup */
  .login-popup .login-body .login-form .line{margin-bottom: 3.70vw;}
  .login-popup .login-body .login-form .line2{margin-bottom: 1.85vw;}
  .login-popup .login-body .login-form .line.line-email {gap: 1.85vw;}
  .login-popup .login-body .login-form .line.line-email input{width: 34.26vw;height: 10.19vw;border: 0.19vw solid #e3e3e3;padding: 0 1.85vw;border-radius: 0.74vw;/*font-size: 3.89vw;*/font-size: 4.53vw;font-weight:600;}
  .login-popup .login-body .login-form .line.line-email select {width: 34.26vw;height: 10.19vw;border: 0.19vw solid #e3e3e3;padding: 0 1.85vw;border-radius: 0.74vw;/*font-size: 3.89vw;*/font-size: 4.53vw;}
  .login-popup .login-body .login-form .line input {height: 10.19vw;border: 0.19vw solid #e3e3e3;padding: 0 1.85vw;border-radius: 0.74vw;/*font-size: 3.89vw;*/font-size: 4.53vw;font-weight:600;}
  .login-popup .login-body .login-form .login {font-size: 3.97vw;}
  .login-popup .login-foot {gap: 3.70vw;padding: 0 3.70vw 3.70vw 3.70vw;}
  .login-popup .login-foot .login-btn {font-size: 3.68vw;height: 11.11vw;border: 0.19vw solid #f4f4f4;border-radius: 0.74vw;padding:0vw;}

  /*Menu popup*/
  .menu-popup {max-width: 100.00vw;}
  .menu-popup .menu-list-wrap {/*bottom:29.63vw;*/bottom:34.63vw;right:2.78vw;gap: 2.78vw;}
  .menu-popup .menu-list-wrap .menu-list a {/*font-size: 3.89vw;*/font-size: 4.25vw;}
  .menu-popup .menu-list-wrap .menu-list a .menu-popup-img {/*width: 13.89vw;height:13.89vw;*/width: 19.83vw; height: 19.83vw;}
  .menu-popup .menu-list-wrap .menu-list {margin-bottom: 0vw;}

  /* noti popup */
  .dialog-popup .noti-header {/*font-size: 4.07vw;*//*font-size: 4.53vw;padding: 3.70vw;*/font-size: 4.73vw;padding: 6.7vw 6.7vw 3.3vw 6.7vw;}
  .dialog-popup .noti-body {/*padding: 0 3.70vw 3.70vw;*/padding: 0 6.70vw 3.70vw;line-height: 1.3em;}
  .dialog-popup .noti-btn {/*font-size: 3.70vw;padding: 3.70vw;margin-right: 3.70vw;*/font-size: 4.25vw;padding: 4.70vw;margin-bottom:1vw;margin-right: 3.70vw;}
  .dialog-popup .noti-body .tit {/*font-size: 3.97vw;*/font-size: 4.1vw;}
  .dialog-popup .noti-body .tit span{font-size: 4.25vw;}

  /*EmperorListDialog*/
  .dialog-popup .emperor-body {padding: 3.70vw;min-height: 18.5vw;max-height: 50vh;-webkit-overflow-scrolling: touch;}
  .dialog-popup .emperor-body .emperor-str p {/*font-size: 3.61vw;*/font-size: 3.97vw; margin: 1.38vw 0;}
  .dialog-popup .emperor-body .emperor-last-list {margin-top: 2.78vw;}
  .dialog-popup .emperor-body .emperor-list .user-profile {/*font-size: 3.61vw;*/font-size: 3.68vw; gap: 1.11vw; height: 8.33vw;}
  .dialog-popup .emperor-body .emperor-list .user-profile .crown img {width: 4.17vw; margin-top: -1vw;}
  .dialog-popup .emperor-body .emperor-list .user-profile .name {/*font-size: 4.17vw;*/font-size: 4.25vw;}
  .dialog-popup .emperor-body .emperor-list .user-profile .name.last {font-size: 3.89vw}

  /*onMessage Push*/
  #messages {
	position: fixed;
    top: 1%;
    left: 5%;
    z-index: 9999;
    background-color: white;
    height: 15vh;
    width: 90%;
    overflow: hidden;
	box-shadow: 0.00vw 0.74vw 0.74vw rgba(0, 0, 0, 0.25);border-radius: 1.48vw;
	padding: 3.68vw 3.97vw;

	}
}