@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
:root {
    --main-bg-color: #cae5e2;
    --foot-bg-color: #bfdbd8;
  }
  

html {
  background-color: #eaeaea;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Noto Sans KR","Nanum Gothic", sans-serif, AppleSDGothicNeo-Regular, Malgun Gothic, Dotum;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
  color: #2b2b2b;
  font-size: 13px;
  padding: 0;
  margin: 0;
  min-width:500px;
}

@media (max-width: 500px)  {
    body {min-width:100%;}
}

.clearboth {
  zoom: 1;
}
.clearboth:after {
  content: "";
  display: block;
  clear: both;
}
b {
  font-weight: bold !important;
}
li {
  list-style: none;
}
iframe {
  border: 0;
}
a {
  text-decoration: none;
  color: #2b2b2b;
  cursor: pointer;
}
input[type="text"],
input[type="checkbox"] {
  -webkit-border-radius: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button {
  cursor: pointer;
  -webkit-border-radius: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */

}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}
:root {
  --wrap-color: #eaeaea;
  --main-color: #03c75b;
  --main-dis-color: #9f9f9f;
  --report-color: #db4617;
  --list-line-color: #e6e6e6;
  --input-line-color: #dadada;
  --place-color: #616161;
  --soldout: #eaeaea;
  --def-input-bg: rgb(56, 56, 56);
  --def-btn-font-size: 16px;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(136,157,161,1) rgba(136,157,161,1);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 3px;
  }

  *::-webkit-scrollbar-track {
    background:rgba(133,149,152,1);
  }

  *::-webkit-scrollbar-thumb {
    background-color: rgba(136,157,161,1);
    border-radius: 1.5px;
    border: 0px solid rgba(136,157,161,1);
  }

/*-------------------------------------*/

.input-text::placeholder {font-size:16px; font-weight:400;  }
.pic_mb {display: none;}
.pic_pc {display: block;}
@media screen and (max-width: 500px){
    .pic_mb {display: block;}
    .pic_pc {display: none;}
}


/*footer.css 시작*/
.sixtam-footer {
  background-color: #f4f4f4;
  color: #888;
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
  display: none;
}
.sixtam-footer ul {
  padding: 20px 10px;
}
.sixtam-footer ul li {
  padding-top: 4px;
}
.sixtam-footer ul li .bar {
  padding: 0px 7px;
}
.footer_btn_wrap {
	z-index:10000;
  position: fixed;
  bottom: 68px;
  display: flex;
  flex-direction: column;
  left: 50%;
  transform: translate(195px, 0);
}
.footer_btn_wrap {
    left: calc(50% + 250px);
    transform: translate(-50px, 0);
}

.footer_btn_wrap .btn_top {
  z-index: 2;
  display: none;
  margin-top: 12px;
}
.footer_btn_wrap .btn_top_img {
  background: #fff;
  border: 1px solid #f1ebeb;
  text-align: center;
  border-radius: 50px;
  font-size: 25px;
  width: 42px;
  height: 42px;
  color: #868686;
  line-height: 42px !important;
  box-shadow: 0px 4px 10px #0000001a;
}

.footer_btn_wrap .btn_write {
  z-index: 2;
  width: 42px;
  height: 42px;
  display: flex; align-items: center; justify-content: center; padding:0 0 1px 2px;
  background-image: linear-gradient(180deg, #a0dedb, #03a5d1);
  /* bottom: 68px; */
  border-radius: 50px;
  box-shadow: 0px 4px 10px #0000002b, inset 0px 0px 1px 0px #17d96f;
}
.footer_btn_wrap .btn_write_img {
  position: relative;
  width: 21px;
  height: 20px;
  /* left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
}

/*footer.css 끝*/

/*top_new.css 시작*/
.header_new {
  background-color: #fff !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid #e1e1e1;
}
.header_new .header_title_area {
  position: absolute;
  width:500px;
  height: 50px;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header_new .header_title_area a img {height:36px; margin-top:3px;}
.header_new .header_title_area .header_title {
  font-family: "Recipekorea";
  color: #03c75b;
  font-size: 22px;
  position: relative;
  top: 2px;
  letter-spacing: 1px;
}
.header_new .menu_wrap {
  display: flex;
  align-items: center;
  z-index: 55;
}

.header_new .menu_wrap .header_back {
  cursor: pointer;
  width: 30px;
  margin-left: -5px;
}
.header_new .menu_wrap .header_alarm_area {
  position: relative;
}
.header_new .menu_wrap .header_alarm_area .header_alarm {
  width: 28px;
  cursor: pointer;
}
.header_new .menu_wrap .header_alarm_area .new_alarm {
  position: absolute;
  background: var(--main-color);
  width: 17px;
  height: 17px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  left: 15px;
  line-height: 17px;
  font-size: 12px;
  font-weight: 600;
  top: -2px;
}
.header_new .menu_wrap .header_search {
  width: 30px;
  cursor: pointer;
  margin-right: 3px;
}
.header_new .menu_wrap .header_menu {
  width: 24px;
  cursor: pointer;
}
.header_new .menu_wrap .header_cart_area {
  position: relative;
}
.header_new .menu_wrap .header_cart {
  width: 27px;
  cursor: pointer;
}
/*cover-side new*/

.menu-content-wrap .menu-wrap .new_cover_side .menu-content .menu-title .header_title {
  font-family: "Recipekorea";
  color: #03c75b;
  font-size: 20px;
  letter-spacing: 1px;
    display: flex; align-items: center; justify-content: center; height:50px;
  text-align: center;
  position: absolute; width:100%;
}
.menu-content-wrap .menu-wrap .new_cover_side .menu-content .menu-title .header_title img {height:34px; }
/*top_new.css 끝*/

#container #content .main-nav {
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
}
#container #content .main-nav #btn-write {
  /* position: absolute;
  top: 7px;
  right: 5px;
  width: 25px;
  cursor: pointer; */
  position: absolute;
  top: 7px;
  cursor: pointer;
  font-size: 23px;
  color: #333333;
  right: 5px;
}
.nav-title {
  cursor: pointer;
}

#container #content .nav-title.active {
  font-weight: bold;
  cursor: pointer;
}

#container #content .cal_guid {
  color: red;
  float: left;
  margin-top: 15px;
  padding-bottom: 5px;
}
#wrap .header-top {
  position: absolute;
  right: 10px;
  top: 5px;
}
.menu-content-wrap-bg {
  background-color: rgb(18, 18, 18);
  overflow-y: scroll;
  position: absolute;
  top: 0px;
  z-index: 899;
  width: 100%;
  display: none;
  opacity: 0.5;
  height: 1000px;
}
.menu-content-wrap {
  height: 100% !important;
  background: url(../img/egg/bg_2.png) top center no-repeat rgba(133, 149, 152, 1);
    background-size: 100% 100%;
 overflow: hidden;
 /* background-color:rgba(248,248,248,1);  */
  position: fixed;
  top: 0;
  right: 0px;
  left: 100px;
  z-index: 9998;
  width: 400px;
  display: none;
  margin: 0 auto;
}
/* .menu-content-wrap .menu-wrap{transform: translate3d(0px, 0px, 0px);font-size:14px;} */
.menu-wrap {
  width: 100%;
  position: absolute;
  height: 100% !important;
}

.menu-content-wrap .menu-wrap .cover-side {
  overflow-y: auto;
  opacity: 1;
  color: #000;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}
.menu-content-wrap .menu-wrap .btn-close {
  position: absolute;
  right: 10px;
  top: 15px;
}
.menu-content-wrap .menu-wrap .btn-close img {
  width: 25px;
}

.menu-content-wrap .menu-wrap li {
  text-align: left;
  padding: 10px 15px;
  box-sizing: border-box;
}

.menu-content-wrap .menu-wrap .menu-icon {
  width: 25px;
}
.menu-content-wrap .menu-wrap .menu-right-wrap {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  font-size: 16px;
}
.menu-content-wrap .menu-wrap .menu-interval.line {
  border-bottom: 1px solid #eef0f3;
  display: block;
  width: 100%;
}

.menu-content-wrap .menu-wrap  .menu-title {
  background-color: #ffffff;
  height: 50px;
  color: #fff;
  position:absolute;
  width: 400px;
  top: 0;
  z-index: 1;
}
.menu-content-wrap .menu-wrap .cover-side::-webkit-scrollbar {
  width: 13px;
}
.menu-content-wrap .menu-wrap .cover-side::-webkit-scrollbar-thumb {
  height: 30%;
  background: #d4d4d4;
}
.menu-content-wrap .menu-wrap .cover-side::-webkit-scrollbar-track {
  background: #fff;
}
.menu-content-wrap .menu-wrap .btn-menu-close i {
  position: absolute;
  top: 0px; right:0;
  cursor: pointer;
  font-size: 23px;
  color: #313131;
}

.menu-content-wrap .menu-wrap .btn-menu-close {
  /* position: absolute;
  top: 17px;
  width: 15px;
  cursor: pointer;
  margin-left: 270px; */
  position: absolute; top: 13px; cursor: pointer; right:7px;  font-size: 23px; color: #fff; z-index: 12;;
}

.menu-content-wrap .menu-wrap .btn-menu-close img {
  width: 80%;
}
.menu-content-wrap .menu-wrap .desc-content {
  height: 100%;
}
/* .touch-hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */
.touch-hidden {
  overflow: hidden !important;
  touch-action: none;
}

.my-profile-list-wrap .profile-info-wrap {
  padding: 14px 0 14px 20px;
  background: #fff;
  text-align: left;
  position: relative;
  display: flex;
}

.my-profile-list-wrap .profile-info-wrap .nick-wrap .six-class {
  display: flex;
  align-items: center;
}
.my-profile-list-wrap .profile-info-wrap .nick-wrap .six-class .six-class-area {
  width: 18px;
  position: relative;
  margin-top: -21px;
}
.my-profile-list-wrap
  .profile-info-wrap
  .nick-wrap
  .six-class
  .six-class-area
  .six-class-img {
  width: 100%;
  position: absolute;
  top: 1px;
}
.my-profile-list-wrap .profile-info-wrap .nick-wrap .six-class .nick .lv-nick2 {
  padding-left: unset;
}
.my-profile-list-wrap .menu-content-wrap .profile-info-wrap {
  border-bottom: none;
  margin: unset !important;
  padding-top: 17px !important;
}
.my-profile-list-wrap .profile-info-wrap .profile-img-wrap {
  float: left;
  width: 75px;
  height: 75px;
}
.my-profile-list-wrap .profile-info-wrap .profile-img-wrap img {
}
.my-profile-list-wrap .profile-info-wrap .nick-wrap {
  float: left;
  padding-left: 15px;
  padding-top: 15px;
}
.my-profile-list-wrap .profile-info-wrap .nick-wrap .user-stats {
  padding-top: 4px;
  font-size: 11px;
  color: #a0a0a0;
}
.my-profile-list-wrap .profile-info-wrap:after {
  display: block;
  content: "";
  clear: both;
}
.my-profile-list-wrap .my-menu-list {
  background-color: #fff;
  padding: 0 15px;
  border-top: 0px solid #ececec;
  margin-top: 8px;
}
.my-profile-list-wrap .profile-info-wrap .profile-change {
  width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid #eaeaea;
  background: #fff;
  bottom: 30px;
  left: 55px;
  border-radius: 50px;
}
.my-profile-list-wrap .nick-wrap .nick {
  font-size: 17px;
  font-weight: 700;
}
.my-profile-list-wrap .profile-info-wrap .profile-change img {
  width: 13px !important;
  height: 13px !important;
  object-fit: cover;
  box-shadow: unset !important;
  border-radius: unset !important;
  margin-left: 2px;
  margin-top: 2px;
}
.my-profile-list-wrap .my-menu-list li {
  border-bottom: 1px solid var(--list-line-color);
  padding: 15px 10px;
  position: relative;
}
.my-profile-list-wrap .my-menu-list li .title {
  font-size: 16px;
  font-weight: 500;
}
.my-profile-list-wrap .my-menu-list li .arr-img {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 5px;
  top: 18px;
  opacity: 0.8;
}
.my-profile-list-wrap .menu-content-wrap .profile-info-wrap .profile-img-wrap {
  width: unset !important;
  height: unset !important;
}
.my-profile-list-wrap {
  background-color: #f3f3f3;
}

.menu-content-wrap .profile-info-wrap {
  text-align: left;
  padding: 10px 5px;
  display: flex;
  align-items: center;
}
.menu-content-wrap .profile-info-wrap .profile-img-wrap {
  float: left;
}
.menu-content-wrap .profile-info-wrap .profile-img-wrap img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.menu-content-wrap .profile-info-wrap .nick-wrap .six_class {
  display: flex;
}
.menu-content-wrap .profile-info-wrap .nick-wrap .six_class .six_class_area {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  position: relative;
}
.menu-content-wrap
  .profile-info-wrap
  .nick-wrap
  .six_class
  .six_class_area
  img {
  width: 100%;
  position: absolute;
  bottom: 1px;
}
.menu-content-wrap .profile-info-wrap .nick-wrap .user-stats {
  padding-top: 4px;
  font-size: 11px;
  color: #a0a0a0;
}

/* .menu-content-wrap .profile-info-wrap:after {
  display: block;
  content: "";
  clear: both;
} */
.menu-content-wrap .profile-info-wrap .profile-arrow {
  font-size: 20px;
  margin-right: 3px;
  color: #dfdfdf;
}
.menu-content-wrap .profile-info-wrap .profile-arrow img {
  width: 100%;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .menu-title
  .header_title_img {
  width: 114px;
  margin-top: 10px;
}

.menu-content-wrap .menu-wrap .cover-side .menu-content .profile-info-area {
  width: 100%;
  display: block;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .profile-info-area
  .profile-info-wrap
  .nick-wrap
  .nick {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .profile-info-area
  .profile-info-wrap
  .nick-wrap
  .nick
  .side_nick {
  padding-left: 3px;
  max-width: 122px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .profile-info-area
  .profile-info-wrap
  .nick-wrap
  .seller
  .side_nick {
  max-width: 136px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .profile-info-area
  .profile-info-wrap
  .nick-wrap
  .seller {
  padding: unset;
  margin-left: -2px;
}

/*프로필 콩 new*/
.cover-side .menu-content .menu-cnt-wrap {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin: 139px 4px 0 15px;
}

.cover-side .menu-content .menu-cnt-wrap .kong-area {
  width: 49%;
  position: absolute;
  right: 0;
}
.cover-side .menu-content .menu-cnt-wrap .kong-area .menu-kong {
  padding: 0 6px 0 4px;
  box-shadow: 0px 1px 4px 1px #bdbdbd8a;
  border-radius: 10px;
}
.cover-side .menu-content .menu-cnt-wrap .kong-area .menu-kong .kong-wrap {
  display: flex;
  color: #060606;
  border-radius: 10px;
  height: 31px;
  align-items: center;
  justify-content: space-between;
}
.cover-side
  .menu-content
  .menu-cnt-wrap
  .kong-area
  .menu-kong
  .kong-wrap
  .kong-img {
  display: flex;
  align-items: center;
}
.cover-side
  .menu-content
  .menu-cnt-wrap
  .kong-area
  .menu-kong
  .kong-wrap
  .kong-img
  img {
  width: 31px;
  padding: 3px;
}

.cover-side
  .menu-content
  .menu-cnt-wrap
  .kong-area
  .menu-kong
  .kong-wrap
  .kong_cnt {
  font-size: 15px;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: end;
  position: relative;
  bottom: 1px;
}

.cover-side .menu-content .menu-cnt-wrap .achieve-wrap {
  width: 49%;
}

.cover-side .menu-content .menu-cnt-wrap .achieve-wrap .menu-achieve {
  padding: 0 6px 0 5px;
  box-shadow: 0px 1px 4px 1px #bdbdbd8a;
  border-radius: 10px;
}

.cover-side
  .menu-content
  .menu-cnt-wrap
  .achieve-wrap
  .menu-achieve
  .achieve-area {
  display: flex;
  height: 31px;
  align-items: center;
  justify-content: space-between;
}
.cover-side
  .menu-content
  .menu-cnt-wrap
  .achieve-wrap
  .menu-achieve
  .achieve-area
  .achieve-img {
  display: flex;
  align-items: center;
}
.cover-side
  .menu-content
  .menu-cnt-wrap
  .achieve-wrap
  .menu-achieve
  .achieve-area
  .achieve-img
  img {
  width: 26px;
  padding: 3px;
}
.cover-side
  .menu-content
  .menu-cnt-wrap
  .achieve-wrap
  .menu-achieve
  .achieve-area
  .achieve-cnt {
  font-size: 15px;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: end;
  font-family: unset;
  position: relative;
  bottom: 1px;
}
/* 프로필 콩 메뉴 */

.menu-kong {
  width: 100%;
}
.menu-kong .my-kong {
  background: #03c75b;
  font-size: 18px;
  color: #fff;
  border-radius: 10px;
  height: 48px;
  line-height: 48px;
  text-align: left;
  padding-left: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
.menu-kong .kong {
  display: flex;
  float: right;
  margin-right: 40px;
  margin-left: 40px;
  margin-top: -34px;
  margin-bottom: -34px;
  font-size: 18px;
  color: #fff;
}
.menu-kong .kong .kong-img {
  width: 16px;
}

.menu-kong .kong .kong-img img {
  width: 28px;
  margin-left: 5px;
  margin-top: -5px;
  transform: scaleX(-1);
}

/* 판매자 콩 메뉴 */
.menu-sell-kong {
  width: 100%;
}
.menu-sell {
  background: #03c75b;
  box-shadow: inset 1px 1px 7px 0px #1ded49;
  margin-left: 13px;
  margin-right: 4px;
  border-radius: 10px;
  color: #fff;
  padding-bottom: 35px;
}
.sell-left {
  float: left;
  width: 50%;
}

.today-cnt {
  border-right: 1px solid #0fbd6cd4;
  margin-top: 10px;
  font-weight: 700;
  height: 24px;
}
.month-cnt {
  margin-top: 10px;
  font-weight: 700;
}
.sell-line {
  border: 1px solid #0fbd6cd4;
  margin-left: 25px;
  margin-right: 15px;
  position: relative;
  top: 40px;
}
.sell-back-wrap {
  background: #fff;
  margin-left: 23px;
  margin-right: 13px;
  margin-top: -30px;
  padding: 10px;
  box-shadow: inset 1px 2px 7px 2px #e3e1e1;
  text-align: start;
  border-radius: 10px;
}
.sell-back {
  font-size: 14.5px;
  font-weight: 700;
  color: #2b2b2b;
  width: 50%;
}
.sell-cash {
  text-align: end;
  color: #03c75b;
  font-size: 18px;
  font-weight: 700;
  width: 54%;
  word-wrap: break-word;
}
.sell-back-won {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 700;
}
.menu-content-wrap .menu-wrap .desc-content .menu-myinfo-wrap li {
  padding-left: 10px;
}

.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .six_drink_btn
  .six_drink_img {
  width: 30px;
  margin-left: 5px;
  padding-top: 7px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .six_drink_btn
  .six_drink_img
  img {
  width: 100%;
}

.menu-content-wrap .menu-wrap .cover-side .menu-content .six_drink_btn {
  display: flex;
  background: #ffebbf;
  border-radius: 10px;
  padding-left: 10px;
  margin: 7px 4px 0 15px;
  height: 48px;
  line-height: 49px;
}

.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .six_drink_btn
  .six_drink_img {
  width: 30px;
  margin-left: 5px;
  padding-top: 7px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .six_drink_btn
  .six_drink_img
  img {
  width: 100%;
}

/* 콩 설명 팝업*/

.kong-manual-bg {
  background: #4c4d52e6;
  width:500px;
  height: 100%;
  position: fixed;
  z-index: 557;
  display: none;
}
.kong-manual-bg .kong-manual-area {
  width: 450px;
  position: fixed;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, 100px);
}
.kong-manual-bg .kong-manual-area img {
  width: 100%;
}
.kong-manual-bg .kong-manual-area .kong-manual-close {
  position: relative;
  padding-right: 15px;
  float: right;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  top: 29px;
}
.kong-manual-bg .kong-manual-area .kong-manual-close button {
  width: 30px;
  height: 30px;
  background: none;
  margin-left: 7px;
}
.kong-manual-bg .kong-manual-area .kong-manual-close:before,
.kong-manual-bg .kong-manual-area .kong-manual-close:after {
  position: absolute;
  right: 7px;
  top: 6px;
  content: "";
  height: 20px;
  width: 1px;
  background-color: #222;
}
.kong-manual-bg .kong-manual-area .kong-manual-close:before {
  transform: rotate(45deg);
}
.kong-manual-bg .kong-manual-area .kong-manual-close:after {
  transform: rotate(-45deg);
}

.kong_manage {
  display: flex;
  justify-content: space-between;
  padding-right: 14px;
}
.kong_manage .manual {
  background: #03c75b;
  color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 14px;
  box-shadow: 1px 2px 2px #cdcdcd, inset 1px 1px 2px #d7d7d7;
}

/* 콩 내역 */

.egg_manage_wrap { position: relative;}
.egg_manage_wrap .kong_manage {
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  padding: 13px 14px;
}
.egg_manage_wrap .kong_manage_line {
  border-bottom: 1px solid #dadada;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 0px;
}
.egg_manage_wrap .kong_price {
}

.kong_list_wrap {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  background: #03c75b;
  border-radius: 8px 8px 0 0;
}
.kong_list_wrap .kong_list {
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.kong_filter_list .kong_filter {
  background: #eaeaea;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 33px;
}
.kong_filter_list .kong_filter .save_icon {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  width: 40px;
  line-height: 40px;
  border-radius: 40px;
  background: #03c75b;
  text-align: center;
  float: left;
  margin-top: -5px;
}
.kong_filter_list .kong_filter .kong_history {
  margin-left: 60px;
}
.kong_filter_list .kong_filter .kong_history .date {
  color: #9f9f9f;
  font-size: 14px;
  margin-top: -4px;
}
.kong_filter_list .kong_filter .kong_history .title {
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.kong_msg {
  font-size: 15px;
  width: 280px;
  line-height: 20px;
}
.kong_filter_list .kong_filter .kong_history .save {
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #03c75b;
  margin-top: -5px;
}

/* .title-info{color: #9f9f9f;font-weight: 500;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} */
/* text 넘칠 때 사용 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */

.kong_filter_list .kong_filter .spend_icon {
  font-size: 13px;
  font-weight: bold;
  color: #03c75b;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border-radius: 40px;
  border: 3px solid #03c75b;
  text-align: center;
  float: left;
  margin-top: -5px;
}
.kong_filter_list .kong_filter .kong_history .spend {
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffac14;
  margin-top: -5px;
}

.today_kong_wrap {
  background: #eaeaea;
  margin: 10px 10px 0 10px;
  border-radius: 8px;
}
.today_kong_wrap .today_kong {
  padding: 13px 0 10px 14px;
  font-weight: bold;
  font-size: 14px;
}
.today_kong_wrap .today_kong .today_save_kong {
  font-weight: bolder;
  color: #03c75b;
  font-size: 15px;
}
.today_kong_wrap .today_kong_line {
  border-bottom: 1px solid #dadada;
  margin: 0 14px;
}
.today_kong_wrap .today_kong_list {
  padding: 0 14px 13px 14px;
}
.today_kong_wrap .today_kong_list .today_kong_title {
  font-weight: 900;
  color: #585858;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 10px 0;
  width: 83%;
}
.today_kong_wrap .today_kong_list .today_kong_manage,
.today_kong_wrap .today_kong_list .today_kong_manage span {
  font-weight: 900;
}
.today_kong_wrap .today_kong_list .today_kongbar_bg {
  width: 83%;
  height: 10px;
  background: #bce7d0;
  border-radius: 5px;
  position: relative;
  top: 5px;
}
.today_kong_wrap .today_kong_list .today_reward,
.today_kong_wrap .today_kong_list .comm_complete,
.today_kong_wrap .today_kong_list .post_complete,
.today_kong_wrap .today_kong_list .review_complete {
  text-align: end;
  margin-top: -23px;
}

.today_kong_wrap .today_kong_list .today_kongbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.today_kong_wrap .today_kong_list .today_kongbar .reward {
  color: #03c75b;
  font-size: 14px;
  font-weight: 800;
}
.today_kong_wrap .today_kong_list .today_reward .reward {
  color: #03c75b;
  font-size: 16px;
  font-weight: 800;
}
.today_kong_wrap .today_kong_list .today_reward .reward_btn,
.today_kong_wrap .today_kong_list .comm_complete .reward_btn,
.today_kong_wrap .today_kong_list .post_complete .reward_btn,
.today_kong_wrap .today_kong_list .review_complete .reward_btn {
  background: #03c75b;
  color: #fff;
  border-radius: 4px;
  padding: 4px 10px;
  box-shadow: 1px 2px 2px #cdcdcd, inset 1px 1px 2px #d7d7d7;
  font-weight: 700;
}

.today_kong_wrap .today_kong_list .today_reward .off,
.today_kong_wrap .today_kong_list .comm_complete .off,
.today_kong_wrap .today_kong_list .post_complete .off,
.today_kong_wrap .today_kong_list .review_complete .off {
  background: #c9c9c9;
  font-weight: 700;
}
.today_kong_wrap .today_kong_list .today_reward .complete {
  background: none;
  border: 1px solid #03c75b;
  font-size: 13px;
  color: #03c75b;
}
.today_kong_wrap .today_kong_list .today_kongbar_bg .today_kongbar_review {
  width: 0%;
  height: 10px;
  background-color: #35d17b;
  border-radius: 5px;
}
.today_kong_wrap .today_kong_list .today_kongbar_bg .today_kongbar_post {
  width: 0%;
  height: 10px;
  background-color: #35d17b;
  border-radius: 5px;
}

.today_kong_wrap .today_kong_list .today_kongbar_bg .today_kongbar_com {
  width: 0%;
  height: 10px;
  background-color: #35d17b;
  border-radius: 5px;
}
.today_kong_wrap .today_kong_list .review_complete .reward_complete {
  width: 60px;
  position: relative;
  display: block !important;
}
.today_kong_wrap .today_kong_list .review_complete .reward_complete img {
  width: 100%;
  position: absolute;
  right: -6px;
  top: -3px;
}
.today_kong_wrap .today_kong_list .post_complete .reward_complete {
  width: 60px;
  position: relative;
  display: block !important;
}
.today_kong_wrap .today_kong_list .post_complete .reward_complete img {
  width: 100%;
  position: absolute;
  right: -6px;
  top: -3px;
}
.today_kong_wrap .today_kong_list .comm_complete .reward_complete {
  width: 60px;
  position: relative;
  display: block !important;
}
.today_kong_wrap .today_kong_list .comm_complete .reward_complete img {
  width: 100%;
  position: absolute;
  right: -6px;
}

.kong-achieve-wrap {
  margin-top: 10px;
  background: #eaeaea;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 8px;
  display: flex;
  padding: 9px 14px;
  align-items: center;
}
.kong-achieve-wrap .img-area {
  width: 29px;
}
.kong-achieve-wrap .img-area .achieve-img {
  width: 100%;
  height: 100%;
}
.kong-achieve-wrap .achieve-title {
  font-weight: bold;
  font-size: 14px;
  margin-left: 8px;
  width: 89%;
}
.kong-achieve-wrap i {
  text-align: end;
  font-size: 23px;
  color: #585858;
}

/*-------------------------------------*/

.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
#main-bg-wrap {
  width: 100%;
  /* background-color: #eaeaea; */
}
#wrap {
  position: relative;
  width:500px;
  overflow: hidden;
  opacity: 1;
  margin: 0 auto;
  background-size: 100% auto;
  background-color: var(--main-bg-color);

}

#header {
    width:500px;
  margin: 0 auto;
  height: 50px;
  position: fixed;
  background-color: #03c75b;
  z-index: 10; /*10이상 설정시 결제창 가려서 결제 안됨*/
}

#header .header-cart a {
  width: 28px;
  display: inline-block;
  height: 28px;
  right: 62px;
  margin-top: 5px;
  position: relative;
}
#header .header-cart {
  position: absolute;
  width: 28px;
  cursor: pointer;
}
#header .cart_number {
  position: absolute;
  background: #db4617;
  width: 18px;
  height: 18px;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  left: 14px;
  line-height: 18px;
  font-size: 12px;
}

#header .header-back {
  /* margin-left: 10px;
  width: 30px;
  margin-bottom: -4px;
  cursor: pointer; */
  margin: 0 0 -1px 15px;
  cursor: pointer;
  font-size: 28px;
  color: #fff;
}
#header .header-search {
  position: absolute;
  right: 55px;
  top: 5px;
  width: 30px;
  cursor: pointer;
  /* position: absolute;
  right: 63px;
  top: 9px;
  font-size: 22px;
  color: #fff;
  cursor: pointer; */
}
#header .header-alarm {
  position: absolute;
  right: 27px;
  top: 5px;
  width: 28px;
  cursor: pointer;
  /* position: absolute;
  right: 32px;
  top: 6.5px;
  cursor: pointer;
  font-size: 24px;
  color: #fff; */
}
#header .header-menu {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 24px;
  cursor: pointer;
  /* position: absolute;
  right: 3px;
  top: 7px;
  cursor: pointer;
  color: #fff;
  font-size: 23px; */
}
#container {
  /* margin-top: 48px; */
}

.box-input {
  position: relative;
  margin-top: 10px; 
  border-radius: 3px;
  background: rgba(255,255,255,1);
}
.box-input .icon {
  position: absolute;
  top: 11px;
  left: 8px;
}
.box-input .icon img {
  width: 25px;
}
.my-info .btnbox,.my-info .btnbox *  {display: flex;}
.my-info .btnbox  { gap:7px;}
.my-info .btnbox button { background: none; border: none;}
.my-info .btnbox button img { width:100%;}
.login-wrap .box-input .icon .nominator-img {
  padding: 3px;
}
#phone-wrap #cert_sms_wrap {
  display: flex;
  align-items: center;
  height: 45px;
  position: relative;
}
#phone-wrap #cert_sms_wrap .phone-code-timer {
  color: #db4617;
  font-size: 16px;
  font-weight: 600;
  margin: 0 5px;
}
#phone-wrap #cert_sms_wrap .code_input {
  border: 1px solid #eaeaea;
  width: 76%;
  padding: unset;
  height: 30px;
  padding: 0 5px;
  border-radius: 3px;
}
.box-input .dupchk {
  position: absolute;
  top: 8px;
  right: 6px;
}
.input-text {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 15px;
  border: 0;
  vertical-align: top;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box;
  font-size: 15px;
}
.input-text.joinP {
  padding-left: 42px;
}

.btn-gray {
  background-color: #4c4d52;
  border: 1px solid #4c4d52;
  padding: 6px 7px;
  border-radius: 5px;
  color: #fff;
}
/* .btn-small {background-color:#616161;padding:5px 9px;color:#fff;border-radius:3px;font-size:14px} */
.btn-small {
  background-color: #fff;
  padding: 2px 9px;
  color: #1a5dc5;
  border-radius: 0px;
  font-size: 14px;
  text-decoration-line: underline;
}
/* .btn-small2 {background-color:#616161;padding:4px 9px;color:#fff;border-radius:0px;font-size:11px} */
.btn-small2 {
  color: #666666;
  font-size: 12px;
  background: #fff;
  padding: 4px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  display: flex;
  align-items: center;
}
.btn-small2::after {
  content: "\203A";
  font-size: 10px;
  vertical-align: text-top;
  padding-left: 5px;
  font-weight: 100;
  padding-bottom: 1px;
}

.btn-small3 {
  background-color: #fff;
  padding: 3px 10px;
  color: #666666;
  border-radius: 3px;
  font-size: 12px;
  text-decoration-line: none;
  border: 1px solid #eaeaea;
}
.btn-small4 {
  background-color: #616161;
  padding: 4px 9px;
  color: #fff;
  border-radius: 0px;
  font-size: 11px;
}
.info-wrap div {
  font-weight: bold;
  color: #4a4a4a;
  font-size: 16px;
}
.info-delete div {
  padding-top: 15px;
  border-bottom: 1px solid rgba(160,218,210,.7);
  padding-bottom: 15px;
}

.logo_login {width:100%; max-width:400px; margin: 0 auto;}
.logo_login img {width:100%;}

.kakao-btn-comm {
  display: flex; align-items: center; justify-content: center;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  color: #414141;
  background-color: #fee500;
  border: 1px solid #fee500;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
}

.kakao-btn-comm img {
  width: 20px;
  vertical-align: text-bottom;
  margin-right: 10px;
}

.kakao-start {
  text-align: center;
  font-size: 15px;
  margin-bottom: 30px;
}
.kakao-start span {
  color: #000;
  font-weight: 700;
}
.join-btn-comm {
  display: block;
  width: 100%;
  height: 50px;
  margin-top: 10px;
  text-align: center;
  line-height: 48px;
  color: #03c75b;
  border: 1px solid #03c75b;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
}

.btn-comm {
  display: block;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  background-color: #03c75b;
  border: 1px solid #03c75b;
  font-size: 16px;
  font-weight: 700;
}

.btn-comm50 {
  display: inline-block;
  width: 48.9%;
  height: 50px;
  margin-top: 20px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  background-color: #03c75b;
  border: 1px solid #03c75b;
  font-size: 16px;
}
.btn-gray50 {
  display: inline-block;
  width: 49.9%;
  height: 50px;
  margin-top: 20px;
  background-color: #4c4d52;
  border: 1px solid #4c4d52;
  line-height: 48px;
  color: #fff;
  font-size: 16px;
}
.btn-wrap-center {
  text-align: center;
}

/* 상단 네비게이션 */
#content .post_nav {
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 5px 0;
  font-size: 16px;
  display: flex;
  align-items: center;
}
#content .post_nav .post_title {
  position: relative;
  font-weight: bold;
}
#content .post_nav .sub_bar {
  margin-left: 8px;
}
#content .post_nav .nav_sub_title {
  color: dimgrey;
  font-size: 12px;
  margin-left: 8px;
}
#content .nav { background: rgba(255,255,255,1); border-radius: 15px; height:50px; display: flex; align-items: center; padding:0 15px;}
#content .nav .cur {
  font-weight: bold;
}
#content .nav .bar {
  padding: 0 5px;
}
#content .nav .nav-title {
  position: relative;
}
#content .nav .nav-title .active:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7px;
  right: -1px;
  width: 100%;
  height: 2px;
  padding: 0 1px;
  border-radius: 1px;
  background-color: rgba(160,218,210,1);
}

.comment-area .nav,
.zzim-content div .nav,
.my_post_list_wrap .nav,
.scrap-wrap .nav {
  padding: 10px 0 5px 15px !important;
}

.comment-area .tot-cnt-wrap {
  text-align: center;
  background: #f1f1f1;
}

.scrap-wrap div .nav .post-det-wrap {
  padding-top: 5px;
}

.my_post_list_wrap .tot-cnt-wrap {
  text-align: center;
  background: #f1f1f1;
}
.my-info { padding:15px; display: flex; flex-direction: column; gap:20px;  margin-top:50px;}
.nick-ch .ch-nick-info {
  margin-top: 10px;
  font-weight: 700;
  color: var(--report-color);
  font-size: 15px;
}

.my-info .delivery-info ul .btn-wrap {
  float: right;
}
.my-info .info-delete {
  padding-bottom: 36px !important;
}
.my-info .info-delete ul li {
  border-bottom: none !important;
  width: 100%;
  font-weight: normal;
  font-size: 15px;
}
.my-info .info-delete ul span {
  float: right;
}
.nick-info-wrap > * {display: flex; flex-direction: column;}
.post-det-wrap {
   padding:60px 0px 200px 0px;
   /* background: rgba(226, 235, 237, 1); */
    border-radius: 15px;
    height:100vh;
}
#addr-list-wrap .info-wrap {
  padding-bottom: 42px;
}
#addr-list-wrap .info-wrap ul .btn-wrap {
  float: right;
  margin-top: 10px;
}
.verify_ch .my-info .verify_area { }
.verify_ch .my-info .verify_area .verify_btn { background: none; }
.verify_ch .my-info .verify_area .verify_btn img {width:100%; }

.phone-ch-wrap {background: rgba(255,255,255,1); border: none !important; border-radius: 15px !important}
.my-info .info-wrap,.desc-wrap.pwd-notice-wrap,.now-phone, .desc-wrap{ background: rgba(205,235,231,1); border-radius: 15px !important; padding:20px; box-shadow: 0 4px 0 rgba(180,220,215,1);  border: none !important;}
.my-info #in-seller {
  padding-top: 10px;
}
.my-info #in-seller .login-wrap {
  padding: 20px 20px 0px 20px;
}
.my-info #in-seller .login-wrap .btn-comm {
  margin-top: unset !important;
  margin-bottom: 20px;
}
.name-ch .my-info .info-wrap ul li .sub-title,
.nick-ch .my-info .info-wrap ul li .sub-title {
  display: inline-block;
  color: #6c6c6c;
  font-size: 14px;
  font-weight: 500;
  vertical-align: unset !important;
  width: unset !important;
}

.name-ch .my-info .info-wrap ul li #info-name,
.nick-ch .my-info .info-wrap ul li .my-nick {
  font-size: 16px;
  font-weight: 600;
  color: #4c4c4c;
  margin-left: 30px;
}
.my-info .title {
  margin-top: 35px;
  font-weight: bold;
  font-size: 17px;
}

.name-ch .my-info .info-wrap,
.nick-ch .my-info .info-wrap {
    background: rgba(205,235,231,1); border-radius: 15px; padding:20px; box-shadow: 0 4px 0 rgba(180,220,215,1);

  padding:15px;
}
.nick-ch .my-info .info-wrap {
  margin-top: 10px;
}
.name-ch .my-info .box-input,
.nick-ch .my-info .box-input {
  padding: 12px 15px;
}
.nick-ch .my-info .box-input .new-nick {
  display: block;
  width: 100%;
  border: 0;
  vertical-align: top;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box;
  font-size: 16px;
}
.name-ch .my-info .box-input #user-name {
  height: unset;
  padding: unset;
}
.name-ch .my-info .info-wrap ul li,
.nick-ch .my-info .info-wrap ul li {
  border-bottom: unset !important;
  padding: unset !important;
}
.phone-ch .my-info .now-phone {
  width: 100%;
  border: 1px solid #dadada;
  position: relative;
  padding: 12px 15px;
  border-radius: 3px;
}
.phone-ch .my-info .now-phone .sub-title {
  font-weight: 500;
  font-size: 14px;
  color: #6c6c6c;
}

.phone-ch-wrap {
  border: 1px solid #dadada;

  padding: 12px 15px;
  border-radius: 3px;
}
.phone-ch-wrap .box-input {
  display: flex;
  border: none;
  width: 70%;
  height: 25px;
}
.phone-ch-wrap .box-input span {
  font-size: 14px;
  color: #6c6c6c;
  height: 25px;
  line-height: 25px;
  width: 25%;
}
.phone-ch-wrap .box-input #user-phone,
.phone-ch-wrap .box-input #certi-num {
  width: 80%;
  line-height: 25px;
  height: 25px;
}

.phone-ch-btn {
  text-align: end;
  position: absolute;
  right: 0;
  top: -1px;
}

.phone-ch-btn button {
  display: inline-block;
  border: 1px solid #dcdee0;
  color: #626262;
  font-size: 14px;
  font-weight: 600;
  background: none;
  border-radius: 3px;
  width: 100%;
  margin-top: 0;
  line-height: 25px;
  padding: 0 10px;
  height: unset !important;
}
.phone-ch .my-info .now-phone #old-phone {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  margin-left: 30px;
  color: #4c4c4c;
}
.my-info .sub-title {
  font-weight: bold;
  font-size: 16px;
}
.my-info .info-wrap .sub-title {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  color: #4a4a4a;
  font-size: 16px;
}
.my-info .info-delete .sub-title {
  width: 100% !important;
  font-weight: normal;
  border: none;
  color: #7a7a7a !important;
}
.my-info .info-wrap .sub-cont {
  display: inline-block;
  word-break: break-all;
  font-size: 17px;
  color: #7a7a7a;
  width: 100% !important;
  padding-top: 3px;
}

.my-info .info-wrap .ch-date {
  position: absolute;
  right: 0;
  bottom: 18px;
  color: #666666;
  font-size: 12px;
}
.my-info .private-info #info-nick {
  width: 75%;
}
.my-info .delivery-info #addr {
  margin-top: 5px;
}
.my-info .info-wrap #info-verify {
  position: absolute;
  right: 0;
  color: #666666;
  font-size: 12px;
  text-align: end;
}
.my-info .info-wrap .addr-phone {
  display: inline-block;
  padding-left: 5px;
  font-size: 15px;
}
.my-info .info-wrap ul li {
  position: relative;
  padding-top: 15px;
  border-bottom: 1px solid rgba(160,218,210,.7);
  padding-bottom: 15px;
}
.my-info .info-wrap ul li .btn-wrap {
  position: absolute;
  right: 0;
  top: 13px;
}

.my-info .info-wrap .sub-titleP {
  display: inline-block;
  width: 21%;
  color: #a0a0a0;
  font-size: 13px;
}
.my-info .info-wrap .input-wrap {
  display: inline-block;
  width: 77%;
  text-align: right;
}
.my-info .info-wrap .input-wrap input[type="text"] {
  border: 1px solid #dadada;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  width: 100%;
}

.desc-wrap .desc {
  padding-top: 3px;
  display: inline-block;
}
.desc-wrap .desc.point {
  color: #ff0000;
}

.agree-wrap {
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: unset !important;
}
.agree-wrap input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  padding-top: 5px;
}
.agree-wrap label {
  z-index: 10;
  padding-left: 28px;
  font-size: 13px;
}
.agree-wrap label:before {
  content: "";
  position: absolute;
  left: 2px;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 10px;
  background: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 25%;
}
.agree-wrap input[type="checkbox"]:checked + label:before {
  background-color: #fff;
  content: "\2713";
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #03c75b;
  border: 1px solid #c5c5c5;
}
.agree-wrap input[type="checkbox"]:focus {
  outline: 0;
}

.payment-wrap .modal-wrap .buy-money {
  position: absolute;
  top: 10px;
  right: 0px;
  color: #145294;
}

.no-result-wrap .no-result {
  text-align: center;
  padding: 50px 0;
}
.no-result-wrap .no-result .no-result-cate {
  font-size: 16px;
  padding-bottom: 4px;
  font-weight: bold;
}

.loader-star {
  position: absolute;
  top: calc(50% - 12px);
}
/* 레이어팝업 */
#deemed {
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  filter: Alpha(opacity=63);
  opacity: 0.63;
  background: rgb(51, 51, 51);
  z-index: 1001;
}
#deemed-loading {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 556;
}
#deemed-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: Alpha(opacity=50);
  opacity: 0.5;
  background: #2b2b2b;
  z-index: 3;
}
#cate-select-list {
  left: 50% !important;
  transform: translate(-50%, -50%);
  width: 400px;
  top: 50%;
  position: absolute;
  background: rgb(255, 255, 255);
  z-index: 4;
  overflow-y: auto;
}
#cate-select-wrap {
  width:500px;
  height: 100%;
  position: fixed;
  _position: absolute;
  transform: translate(-50%, 0);
  top: 0;
  left: 50%;
  z-index: 1001;
  display: none;
}
#cate-select-deemed {
  width:500px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  filter: Alpha(opacity=50);
  opacity: 0.7;
  background: #2b2b2b;
  z-index: 3;
}

#cate-select-list li {
  font-size: 15px;
  padding: 10px;
  cursor: pointer;
  overflow-y: auto;
  border-bottom: 1px solid #eaeaea;
}
#cate-select-list li.selected {
  font-weight: bold;
}
#search-cate-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layer-pop-alert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  color: #000;
}
.layer-pop-alert .layer-pop-alert-deemed {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.layer-pop-alert .layer-pop-wrap {
  position: absolute;
  background-color: transparent;
  border: 0px solid rgb(19, 127, 174);
  color: #000;
  border-radius: 0px;
}

.layer-pop-alert .layer-pop-alert-close {
  height: 40px;
  line-height: 40px;
  text-align: right;
  padding-right: 20px;
  background-color: #6f6b6b;
}
.layer-pop-alert .content-wrap {
  text-align: center; padding:20px;
  border-radius: 15px;   background:rgba(188,202,205,1);
}
.layer-pop-alert .content-wrap .button-st {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  font-weight: 700;
  font-size: 16x;
  height: 50px;
  color:#fff;
  line-height: 50px;
  background-image: linear-gradient(180deg, #a0dedb, #03a5d1); 
  border-radius: 10px;;
  margin-top: 2px;
}
.layer-pop-alert .content-wrap .button-st-cancel {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  height: 50px;
  color: #000;
  line-height: 50px;
  background-color: #fff;
  margin-top: 2px;
}

.layer-pop-alert .content-wrap .button-st-red {
  cursor: pointer;
  background-color: rgb(244, 68, 97);
  border: 1px rgb(244, 121, 41);
  color: #fff;
  padding: 7px 0px;
  width: 57%;
  margin-left: 2%;
  font-weight: 400;
  font-size: 13px;
}
.layer-pop-alert .content-wrap .content-msg {
  padding: 45px 50px;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
  word-break: break-all;
}
.layer-pop-alert a.under {
  text-decoration: underline;
  text-decoration-color: rgb(255, 0, 0);
  font-size: 12px;
  color: rgb(110, 112, 117);
}
.layer-pop-alert a.under .pt {
  padding-top: 10px;
}

.lv-layer-pop-area {
  position: absolute;
  top: 450px;
  left: 50%;
  margin-left: -182px;
  z-index: 9999;
}
.lv-layer-pop-area .layer-pop-alert-deemed {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.lv-layer-pop-area .layer-pop-wrap {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 15px 0px #d1ebdd;
}
.lv-layer-pop-area .layer-pop-alert-close {
  position: absolute;
  right: -18px;
  top: -20px;
  border-radius: 50%;
  padding: 5px 8px;
  background-color: #a0a0a0;
  color: #fff;
  cursor: pointer;
}
.lv-layer-pop-area .content-wrap {
  text-align: center;
  z-index: 1;
  position: relative;
}
.msg-nick-sub {
  color: #6a6a6a;
}
.lv-layer-pop-area .content-wrap .btn-close {
  position: absolute;
  bottom: 20px;
  text-align: center;
  font-size: 13px;
  color: #080808;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  width: 17%;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #f1f1f1;
}
.lv-pop-line {
  width: 95%;
  height: 90%;
  position: absolute;
  margin-left: 6.5px;
  margin-top: 7px;
  border-radius: 3px;
  border: 3px solid #03c75b;
}

.lv-layer-pop-area .content-wrap .content-msg {
  padding-top: 45px;
  padding-bottom: 65px;
  font-size: 15px;
  word-break: break-all;
}
.lv-layer-pop-area .content-wrap .content-msg .msg-nick {
  color: #080808;
  font-weight: bold;
}
.lv-layer-pop-area .content-wrap .content-msg .msg-lv-nick {
  color: #080808;
  font-weight: bold;
}

.cmt-layer-pop-alert {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  color: #000;
}
.cmt-layer-pop-alert .layer-pop-alert-deemed {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
}
.cmt-layer-pop-alert .layer-pop-wrap {
  position: absolute;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0px;
}
.layer-pop-wrap {
  width: 275px;
  top: -144px;
  left: 50px;
}
.lv-pop-img {
  width: 60px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: -15px;
  z-index: 2;
}
.cmt-layer-pop-alert .layer-pop-alert-close {
  position: absolute;
  right: -18px;
  top: -20px;
  border-radius: 50%;
  padding: 5px 8px;
  background-color: #a0a0a0;
  color: #fff;
  cursor: pointer;
}
.cmt-layer-pop-alert .content-wrap {
  text-align: center;
}
.cmt-layer-pop-alert .content-wrap .content-msg {
  padding: 43px 40px;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  background-color: #fff;
  word-break: break-all;
}
.cmt-layer-pop-alert .content-wrap .content-msg .msg-nick {
  color: #03c75b;
  font-weight: bold;
}
.cmt-layer-pop-alert .content-wrap .content-msg .msg-lv-nick {
  color: #ff0000;
  font-weight: bold;
}
.cmt-layer-pop-alert .content-wrap .button-st {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  height: 50px;
  color: #000;
  line-height: 50px;
  background-color: #fff;
  margin-top: 2px;
  text-align: center;
}
.cmt-layer-pop-alert .content-wrap .button-st-cancel {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  height: 50px;
  color: #000;
  line-height: 50px;
  background-color: #fff;
  margin-top: 2px;
  text-align: center;
}

/* layer popup */
.layer-box {
  background: #fff;
  text-align: center;
  height: 100vh;
  position: relative;
  border: 3px solid #66adc5;
  border-radius: 0px;
}
.layer-box .ment {
  padding: 20px;
  color: #333;
  font-size: 14px;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: #fff;
  border-radius: 0px;
}
.layer-box .close-btn {
  background: #66adc5;
  color: #fff;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  line-height: 30vh;
}
.loader {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 75px;
  display: inline-block;
  vertical-align: middle;
}
.loader-1 .loader-outter {
  position: absolute;
  border: 0px solid #cb0000;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41)
    infinite;
  animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.loader-1 .loader-inner {
  position: absolute;
  border: 4px solid #cb0000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41)
    infinite;
  animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

@-webkit-keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader-1-outter {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes loader-1-inner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#iframe-write {
  border: 0;
}
.btn-modal-close {
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  cursor: pointer;
  width: 200px;
  margin: 0 auto;
}
.btn-modal-close img {
  width: 20px;
}

.list-more {
  cursor: pointer;
  border-radius: 6px;
  background-color: #ebecef;
  padding: 10px 0;
  text-align: center;
  margin: 10px 10px;
}
.lv-nick {
  display: inline-block;
  padding-left: 3px;
  font-size: 12px;
  color: #676565;
}
.lv-nick2 {
  display: inline-block;
  padding-left: 3px;
  font-size: 11px;
  color: #676565;
  white-space: nowrap;
}
.lv-nick3 {
  display: inline-block;
  padding-left: 3px;
  font-size: 13px;
  color: #fff;
}

.profile-info-content {
  position: relative;
}

.profile-info-content .profile-info-wrap .profile-img-wrap img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  box-shadow: 1px 1px 9px 1px #ececec;
  cursor: pointer;
}

.profile-info-content .profile-info-wrap .nick-wrap .user-stats {
  padding-top: 4px;
  font-size: 13px;
  color: #a0a0a0;
}
.profile_logout {
  position: absolute;
  bottom: 13px;
  right: 10px;
}

.profile_logout .btn-small5 {
  width: 100%;
  text-align: right;
  background: none;
  color: #03c75b;
}

.cover-side .menu-content .desc-content .menu-myinfo-wrap {
  margin-right: 4px;
  margin-left: 15px;
  box-shadow: 0px 1px 4px 1px #bdbdbd8a;
  border-radius: 10px;
  margin-top: 7px;
}

.cover-side .menu-content .desc-content .menu-myinfo-wrap .menu-right-wrap {
  padding: 0;
}
.cover-side .menu-content .desc-content .menu-sell-list {
  display: flex;
  width: 100%;
}

.radio-containter {
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  margin-right: 26px;
}

/* Hide the browser's default radio button */
.radio-containter input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.radio-containter:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.radio-containter input:checked ~ .checkmark {
  background-color: #6b6c6d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio-containter input:checked ~ .checkmark:after {
  display: inline-block;
}
/* Style the indicator (dot/circle) */
.radio-containter .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.search-wrap .search-input-wrap {
  margin: 0 auto;
  padding-top: 15px;
  border-bottom: 1px solid var(--list-line-color);
  padding-bottom: 10px;
  text-align: center;
}
.recomm-wrap,
.popup-wrap {
  padding-left: 5%;
  padding-right: 5%;
}
.search-wrap .recomm-wrap {
  border-bottom: 1px solid var(--list-line-color);
  padding-bottom: 25px;
}
.search-wrap .recomm-wrap .title {
  font-size: 17px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 4px;
}
.search-wrap .recomm {
  display: inline-block;
  background-color: #30a68e;
  padding: 5px 15px;
  border-radius: 4px;
  margin-right: 10px;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
}

.search-wrap .popup-wrap .title {
  font-size: 17px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 4px;
}
.search-wrap .popup-wrap ul li {
  font-size: 16px;
  padding-top: 10px;
  cursor: pointer;
}

.search-wrap .search-input-wrap .search-input-list {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  cursor: pointer;
}
.search-wrap .search-input-wrap .search-input-list span {
  display: inline-block;
  width: 90%;
  height: 38px;
  padding-left: 5px;
  padding-top: 12px;
  text-align: start;
}
.search-wrap .search-input-wrap .search-input-list img {
  position: absolute;
  top: 13px;
  right: 6px;
  width: 13px;
}

.search-wrap .search-input-wrap .text-search-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
}
.search-wrap .search-input-wrap .text-search-wrap input:focus {
  outline: none;
}
.search-wrap .search-input-wrap .text-search-wrap #search-text {
  background-color: #eceaea;
  color: #7d7d7d;
  width: 100%;
  height: 40px;
  border: 1px solid #e6e3e3;
  border-radius: 5px;
  padding-left: 5px;
}
.search-wrap .search-input-wrap .search-icon-area {
  /* display: inline-block;
  vertical-align: middle;
  padding-top: 5px; */
  display: inline-block;
  vertical-align: middle;
  font-size: 29px;
  color: #a5ffb9;
  padding: 1px 0 0 3px;
  cursor: pointer;
}
.search-wrap .search-input-wrap .search-icon-area img {
  width: 40px;
  cursor: pointer;
}
.search-wrap .search-input-wrap .search-radio-area {
  text-align: left;
  padding-top: 10px;
  padding-left: 5%;
}
.search-wrap
  .search-input-wrap
  .search-radio-area
  .radio-containter:nth-child(1)
  span:nth-child(1) {
  display: inline-block;
  width: 70px;
  vertical-align: middle;
}
.search-wrap
  .search-input-wrap
  .search-radio-area
  .radio-containter:nth-child(2)
  span:nth-child(1) {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
}
.search-wrap
  .search-input-wrap
  .search-radio-area
  .radio-containter:nth-child(3)
  span:nth-child(1) {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
}
.search-wrap .cate-select-wrap #cate-select-list {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1002;
  border-radius: 3px;
  background-color: #fff;
}
.friend-info {
  padding: 0 15px;
  margin-bottom: 15px;
}
.my-info .friend-rec-info .friend-title,
.my-info .friend-notrec-info .friend-title {
  display: inline-block;
  vertical-align: top;
  color: #4a4a4a;
  font-size: 15px;
  padding: 10px 0 5px 0;
  font-weight: bold;
  border-bottom: 1px solid rgba(160,218,210,.7);
  width: 100%;
}
.my-info .friend-notrec-info {
  display: flow-root;
}
.my-info .friend-rec-info .friend-nick {
  display: inline-block;
  word-break: break-all;
  font-size: 16px;
  color: #7a7a7a;
  width: 100% !important;
  padding-bottom: 10px;
  padding: 5px 0 10px 0;
}
.my-info .friend-notrec-info .rec-add input {
  margin: 5px 0;
  border: 1px solid #eaeaea;
  padding: 8px 4px;
  border-radius: 3px;
  width: 100%;
  font-size: 17px;
}
.my-info .friend-notrec-info .rec-add .rec-add-btn {
  color: #666666;
  font-size: 12px;
  background: #fff;
  padding: 2px 10px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  float: right;
  margin-bottom: 10px;
}
.my-info .friend-notrec-info .rec-add .rec-add-btn::after {
  content: "\203A";
  font-size: 10px;
  padding-left: 5px;
  font-weight: 100;
}
/*사이드바 메뉴 css수정 23.9.19*/
.side_myinfo_wrap {
  position: relative;
  margin: 139px 15px 0 15px;
  height: fit-content;
  box-shadow: 1px 2px 8px 0px #d7d7d78a;
  border-radius: 10px;
  border: 1px solid #eaeaea;
}
.side_myinfo_wrap .menu_cnt_wrap {
  display: flex;
  position: relative;
  justify-content: space-between;
  height: fit-content;
}
.side_myinfo_wrap .menu_cnt_wrap .achieve_wrap {
  width: 50%;
  background: #f3f3f3;
  border-radius: 10px 0 0 0;
}
.side_myinfo_wrap .menu_cnt_wrap .achieve_wrap .menu_achieve {
  padding: 0 6px 0 5px;
}
.side_myinfo_wrap .menu_cnt_wrap .achieve_wrap .menu_achieve .achieve_area {
  display: flex;
  height: 31px;
  align-items: center;
  justify-content: space-between;
}
.side_myinfo_wrap
  .menu_cnt_wrap
  .achieve_wrap
  .menu_achieve
  .achieve_area
  .achieve_img {
  display: flex;
  align-items: center;
}
.side_myinfo_wrap
  .menu_cnt_wrap
  .achieve_wrap
  .menu_achieve
  .achieve_area
  .achieve_img
  img {
  width: 18px;
}
.side_myinfo_wrap
  .menu_cnt_wrap
  .achieve_wrap
  .menu_achieve
  .achieve_area
  .achieve-cnt {
  font-size: 15px;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: end;
  font-family: unset;
  position: relative;
  bottom: 1px;
}
.side_myinfo_wrap .menu_cnt_wrap .kong_area {
  width: 50%;
  background: #f3f3f3;
  border-radius: 0 10px 0 0;
}
.side_myinfo_wrap .menu_cnt_wrap .kong_area .menu_kong {
  padding: 0 6px 0 5px;
}
.side_myinfo_wrap .menu_cnt_wrap .kong_area .menu_kong .kong_wrap {
  display: flex;
  color: #060606;
  border-radius: 10px;
  height: 31px;
  align-items: center;
  justify-content: space-between;
}
.side_myinfo_wrap .menu_cnt_wrap .kong_area .menu_kong .kong_wrap .kong_img {
  display: flex;
  align-items: center;
}
.side_myinfo_wrap
  .menu_cnt_wrap
  .kong_area
  .menu_kong
  .kong_wrap
  .kong_img
  img {
  width: 23px;
}
.side_myinfo_wrap
  .menu_cnt_wrap
  .achieve_wrap
  .menu_achieve
  .achieve_area
  .achieve_cnt {
  font-size: 15px;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: end;
  position: relative;
  bottom: 1px;
}
.side_myinfo_wrap .menu_cnt_wrap .kong_area .menu_kong .kong_wrap .kong_cnt {
  font-size: 15px;
  display: -webkit-box;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  width: 100%;
  text-align: end;
  position: relative;
  bottom: 1px;
}
.side_myinfo_wrap .menu_myinfo_top {
  display: flex;
  border-bottom: 1px solid #f3f3f3;
}
.side_myinfo_wrap .menu_myinfo_top .side_myinfo:first-child,
.side_myinfo_wrap .menu_myinfo_bottom .side_myinfo:first-child {
  border-right: 1px solid #f3f3f3;
  padding: 5px 0;
}
.side_myinfo_wrap .menu_myinfo_top .side_myinfo,
.side_myinfo_wrap .menu_myinfo_bottom .side_myinfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side_myinfo_wrap .side_myinfo .img_area img {
  width: 25px;
}
.side_myinfo_wrap .side_myinfo .side_menu_title span {
  font-size: 16px;
}
.side_myinfo_wrap .menu_myinfo_bottom {
  display: flex;
}
.side_myinfo_wrap .side-myinfo .img_area .coupon_img {
  width: 27px;
}
.side_myinfo_wrap .menu_myinfo_bottom .side_myinfo:last-child > div {
  margin-bottom: -11px;
}

/*사이드바 메뉴 css수정 23.9.19 끝*/
/*판매글 쿠폰 btn*/
.post-det-wrap .post-content .post_coupon_btn {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 12px 0;
  background: none;
  border: 1px solid #03c75b;
  border-radius: 4px;
}
.post-det-wrap .post-content .post_coupon_btn .title {
  color: #03c75b;
  font-size: 20px;
  font-weight: bolder;
}
.post-det-wrap .post-content .post_coupon_btn img {
  width: 18px;
  margin-left: 5px;
}
/*판매글 쿠폰 btn 끝*/
/*판매글 쿠폰 pop*/
.post-det-wrap .coupon_pop_wrap {
  position: absolute;
  top: 0;
  width:500px;
  height: 100%;
}
.post-det-wrap .coupon_pop_wrap .coupon_pop_bg {
  background: black;
  position: absolute;
  width:500px;
  height: 100%;
  z-index: 555;
  opacity: 0.7;
}
.post-det-wrap .coupon_pop_wrap .coupon_pop_area {
  width:500px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 555;
}
.post-det-wrap .coupon_pop_wrap .coupon_pop_area .coupon_pop {
  left: 50%;
  position: fixed;
  transform: translate(-50%, 130px);
  background: #fff;
  width: 450px;
  border-radius: 10px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .pop_title {
  font-weight: 700;
  font-size: 20px;
  padding: 15px 0;
  text-align: center;
  background: #fff;
  border-radius: 10px 10px 0 0;
}

.post-det-wrap .coupon_pop_wrap .coupon_pop_area .coupon_pop .coupon_list_area {
  background: #f3f3f3;
  padding: 10px;
  border-radius: 0 0 10px 10px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list {
  width: 100%;
  max-height: 340px;
  overflow: auto;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list::-webkit-scrollbar {
  width: 10px; /* 스크롤바의 너비 */
}

.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list::-webkit-scrollbar-thumb {
  height: 30%; /* 스크롤바의 길이 */
  background: #d4d4d4; /* 스크롤바의 색상 */
  border-radius: 10px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list::-webkit-scrollbar-track {
  background: #c5c5c55b; /*스크롤바 뒷 배경 색상*/
  border-radius: 10px;
}

.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button {
  background: none;
  display: flex;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  background: #fff;
  box-shadow: 1px 1px 6px 0px #e1e1e1;
  position: relative;
  width: 100%;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .left {
  text-align: center;
  width: 30%;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .left
  .info_title {
  font-size: 17px;
  color: #03c75b;
  font-weight: 700;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 28.5%;
  line-height: 22px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right {
  width: 75%;
  padding: 10px 8px 10px 10px;
  border-left: 1px dashed #eaeaea;
  text-align: start;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .sub_title {
  font-size: 15px;
  font-weight: 700;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .center
  .use_info {
  font-size: 13px;
  color: #727272;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .center
  img {
  width: 15px;
  height: 16px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .max_dis {
  font-size: 13px;
  color: #727272;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  button
  .right
  .date {
  font-size: 13px;
  color: #727272;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .total_coupon_btn {
  background: #03c75b;
  width: 100%;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  margin: 15px 0 5px 0;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .total_coupon_btn
  span {
  color: #fff;
  font-size: 15px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .total_coupon_btn
  img {
  width: 15px;
  height: 16px;
  margin-left: 5px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .coupon_list_area
  .coupon_list
  .coupon:not(:last-child) {
  margin-bottom: 10px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2px;
  top: 1px;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo
  button {
  width: 30px;
  height: 30px;
  background: none;
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo:before {
  transform: rotate(45deg);
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo:after {
  transform: rotate(-45deg);
}
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo:before,
.post-det-wrap
  .coupon_pop_wrap
  .coupon_pop_area
  .coupon_pop
  .title_area
  .coupon_pop_clo:after {
  position: absolute;
  right: 11px;
  top: 7px;
  content: "";
  height: 15px;
  width: 2px;
  background-color: #252525;
  border-radius: 5px;
}
/*판매글 쿠폰 pop*/

/*푸터 토스트메세지 시작*/
.toast_msg {
  position: fixed;
  bottom: 55px;
  left: 50%;
  transform: translate(-50%, 0);
  animation: toast 5s ease-in-out; /*keyframes 이름, 사라지는 시간*/
  opacity: 0; /*끝에 안보이게 하기 위함*/
  background: #6f6f6f;
  color: #fff;
  padding: 8px 15px;
  border-radius: 20px;
  z-index: 556;
  max-width: 300px;
  display: none;
}
@keyframes toast {
  /*0,25,75,100 구간 마다 투명도 설정*/
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*푸터 토스트메세지 끝*/
/*리뉴얼 사이드 24.02.05*/
.side-top {position: absolute; width:100%; z-index: 10;}
.side-top img { width:80%; margin:0 10%;}
.menu-content-wrap .menu-wrap .menu-content * {display: flex;}
.menu-content-wrap .menu-wrap .menu-content .profile-info-wrap.side-header {   gap:7px; }
.menu-content-wrap .menu-wrap .menu-content .profile-info-wrap.side-header .side_nick {font-size: 16px; font-weight: 800;}

.menu-content-wrap .menu-wrap .menu-content { height: 100%; position: relative; padding:80px 15px 0 15px;  display: flex; flex-direction: column; gap:15px;}
.menu-content-wrap .menu-wrap .menu-content .side_profile_wrap { position: relative;  border-radius: 10px; background: rgba(215,227,230,1); gap:7px; border-radius: 10px; box-shadow:0 -5px 0 rgba(182,199,203,1) inset; padding:45px 15px 15px 15px;}
.menu-content-wrap .profile-info-wrap .profile_info_left { display: flex; justify-content: space-between; height: fit-content; align-items: center; width: 100%;}

.menu-content-wrap .menu-wrap .menu-content .list_area {width:100%; flex-direction: column; }
.menu-content-wrap .menu-wrap .menu-content .list_area a { height:40px; font-size: 18px; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.2); gap:5px; 
   align-items: center; color: rgba(255,255,255,1);}
.menu-content-wrap .menu-wrap .menu-content .list_area a img {height:28px;}











/* 판매자 */

.menu-content-wrap .menu-wrap .cover-side .menu-content .SellerArea {
  padding: 0px 5px;
  margin-top: 0;
  border-top: 1px dotted #eaeaea;
  display: block;
  position: static;
}
.menu-sell {
  color: unset;
  background: none;
  box-shadow: none;
  padding: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: unset;
  margin: unset;
}
.sell-left {
  float: none;
}
.menu-content-wrap .menu-wrap .cover-side .menu-content .SellerArea .line {
  border: 1px solid #eaeaea;
  height: 33px;
  position: relative;
  top: 7px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .SellerArea
  .sell-right {
  width: 50%;
}
.sell-back-wrap {
  background: #f4f4f4;
  box-shadow: none;
  display: flex;
  margin: unset;
  width: 100%;
  justify-content: space-between;
  padding: 7px 10px;
  border-radius: 5px;
  margin-top: 10px;
  align-items: center;
}
.today-cnt {
  border-right: none;
}
.menu-sell-today,
.menu-sell-month {
  font-size: 14px;
  padding-top: 10px;
}
.month-cnt {
  font-size: 18px;
  margin-top: 3px;
}
.today-cnt {
  font-size: 18px;
  margin-top: 3px;
  height: unset;
}
.menu-content-wrap .menu-wrap .cover-side .menu-content .side_sellbanner_wrap {
  position: relative;
  top: 65px;
  margin: 0 10px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .side_sellbanner_wrap
  .banner_area
  img {
  width: 100%;
  background: #fbf7f2;
  border-radius: 5px;
  box-sizing: content-box;
}
.menu-content-wrap .seller_profile .profile-info-wrap {
  padding: 10px 8px !important;
}

.menu-content-wrap .seller_profile .profile-info-wrap .nick-wrap .user-stats {
  padding-top: unset;
}
.menu-content-wrap .seller_profile .profile-info-wrap .profile-arrow {
  font-size: 28px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .side_profile_wrap
  .side_login_btn a {
  width:100%;  margin-top:10px;
}
.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .side_profile_wrap
  .side_login_btn
  button {
  width: 100%; height: 45px; line-height: 45px; background-color:rgba(247,125,174,1); color: #fff; font-size: 16px; border-radius: 3px; justify-content: center; font-weight:900;
}
.menu-content-wrap .menu-wrap .cover-side .menu-content .side_login {
  box-shadow: none; flex-direction: column;
}

.menu-content-wrap
  .menu-wrap
  .cover-side
  .menu-content
  .side_list_wrap
  .list_area
  .item_list_area
  .item_list_37 {
  display : none;
}

footer .footMenu {padding:0 5px; display: flex; justify-content: space-between;}
footer .footMenu li {display: flex; align-items: center; justify-content: center; border-radius: 50px; }
footer .footMenu li:not(.egg-man) {  width:20%; height:34px;}
footer .footMenu li:not(.egg-man) a img {width:100%; height:auto;}
footer .footMenu li.egg-man {position: relative; width:15%;}
footer .footMenu li.egg-man img {height:75px; width:auto; position: absolute; bottom:-35px;}

@media screen and (max-width: 500px){
    .header_new .header_title_area, #header {width:100%; }
    .footer_btn_wrap { left: calc(100% - 5px);}
    
}