@font-face {
  font-family: "NanumSquareRound";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  -webkit-overflow-scrolling: touch;
  word-break: keep-all;
  box-sizing: border-box;
}
:root {
  font-size: 16px;
  width: 100%;
  background-color: white;
  --Gray-Dark: #2c2e3d;
  --Gray-Mid: var(--Gray-Mid);
  --Gray-Light: #9ea3ab;
  --Gray-Lighter: #c5c8cf;
  --Gray-Border: #dde0e4;
  --Gray-Pale: #f2f3f6;
  --Main-color: #ff7100;
  --Red: #fe5f57;
  --Blue: rgb(29, 163, 236);
  --Mint-Blue: #1da3ec;
  --Gradient: linear-gradient(to right, #ffb800, #ff7100);
  --padding: 7vw;
  --safetopcon: constant(safe-area-inset-top);
  --safetopenv: env(safe-area-inset-top);
  --safebottomcon: constant(safe-area-inset-bottom);
  --safebottomenv: env(safe-area-inset-bottom);
  --bottom: 70px;
  --top: 60px;
  --bottomBtn: 14vw;
}
select {
  background: url(../images/basic/icon/select-down.svg) no-repeat right 15px center;
  padding: 0 15px;
  -webkit-appearance: none;
}
.line1px-top::before {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  transform-origin: left top;
  transform: scale(0.333);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}
.line1px-bottom::after {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  transform-origin: left bottom;
  transform: scale(0.333);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
}
img {
  max-width: 100%;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
  color: inherit;
}
html,
body {
  height: 100%;
}
body {
  color: var(--Gray-Dark);
  overflow-x: hidden;
}
.main-color {
  color: var(--Main-color);
}
.app_extanal {
  border-radius: 6px;
  margin: 7vw 0 7vw 0;
}
.app_extanal img {
  width: 100%;
  visibility: visible !important;
  display: none;
}
.app_extanal img[style="visibility:hidden"] {
  display: none;
}
.switch {
  display: inline-block;
  width: 40px;
  height: 20px;
  pointer-events: all;
  position: relative;
}
.switch:before {
  display: block;
  width: 40px;
  height: 8px;
  opacity: 0.3;
  background-color: #a2a8b2;
  border-radius: 8px;
  position: relative;
  transition: 0.3s;
  content: "";
  margin: 4px 0;
}
.switch:after {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
  content: "";
  display: block;
  background-color: #a2a8b2;
  border-radius: 50%;
  transition: 0.3s;
}
.switch.on:before,
.switch.on:after {
  background-color: var(--Main-color);
}
.switch.on:after {
  left: 20px;
}
.wrapper {
  width: 100%;
  padding: 0 7vw;
  overflow-x: hidden;
}
.wrapper.login {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
/* .scrolled .main_top::after, */
.with-tab .ul_menu_div::after {
  content: "";
  width: 300%;
  border-top: 1px solid #000;
  transform-origin: left bottom;
  transform: scale(0.34);
  position: absolute;
  left: 0;
  bottom: 0;
}
.with-tab .main_top::after {
  display: none;
}
.with-tab .ul_menu_div {
  position: fixed;
  top: calc(var(--top) - 10px);
  width: 100%;
  left: 0;
  height: 42px;
  background-color: transparent;
  z-index: 51;
  padding-bottom: 0;
  padding: 0 7vw;
  background: #fff;
}
.with-tab .ul_menu_div .menu_ul {
  display: flex;
}
.with-tab .ul_menu_div li {
  border: 0;
  font-size: 16px;
  font-weight: bold;
  color: var(--Gray-Light);
  text-align: left;
  width: initial !important;
  padding-bottom: 10px;
  line-height: initial;
  border-bottom: 3px solid transparent;
  padding-top: 8px;
}
.with-tab .ul_menu_div li + li {
  margin-left: 7vw;
}
.with-tab .ul_menu_div li.active {
  color: var(--Main-color);
  border-bottom: 3px solid var(--Main-color);
}
.with-tab .list_div {
  margin-top: 56px;
}
.with-tab #community_body .main_top {
  flex-wrap: wrap;
  /* height: calc(var(--top) + 42px); */
}
.with-tab #community_body .main_top:after {
  content: "";
  display: block;
  width: 100%;
}
.main_top {
  padding-left: 7vw;
  padding-right: 20px;
  padding-top: var(--safebottomcon);
  padding-top: var(--safebottomenv);
  position: fixed;
  top: 0;
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%); */
  z-index: 50;
  width: calc(100% - 7vw - 20px);
  height: var(--top);
  display: flex;
  align-items: center;
  box-sizing: content-box;
  /* backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px); */
  background-color: #fff;
}
.main_top a.submit {
  background-image: var(--Gradient);
  color: transparent;
  font-weight: bold;
  -webkit-background-clip: text;
  letter-spacing: -0.05em;
}
.main_top h1:first-child img.back {
  margin-right: 10px;
  vertical-align: initial;
  height: 20px;
}
#my_rank_div {
  display: inline-block !important;
}

.div_padding {
  height: var(--top);
}

.noti {
  position: absolute;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  right: -10px;
  top: -5px;
  width: 18px;
  height: 18px;
  color: white;
  border-radius: 18px;
  background: var(--Gradient);
  z-index: 60;
  box-shadow: 3px 3px 8px rgba(255, 113, 0, 0.4);
  pointer-events: none;
}
.banner_div .swiper-pagination {
  margin-left: 7vw;
  width: initial;
}
.banner_main_long .banners {
  margin: 40px 0 0 0;
  padding-left: 7vw;
  font-size: 0;
  padding-right: 7vw;
}

.banner_main_long .banners::-webkit-scrollbar {
  display: none;
}
.banner_main_long img {
  width: 100%;
}
#top_title {
  letter-spacing: -0.05em;
  position: relative;
  flex-grow: 1;
}
#top_title::after {
  width: 100%;
  z-index: -1;
  height: 6px;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: var(--Main-color);
  content: "";
}

#main_top .swiper-wrapper {
  height: 53.3333vw;
}

.main_top h1 {
  letter-spacing: -0.5px;
  flex-grow: 1;
  font-size: 5.7971vw;
}
.nft_wrapper .main_top h1 span.count {
  color: yellow;
}
.main_top .menu {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
}

.main_top h1:nth-child(2) {
  float: right;
  width: 6%;
}
.main_top h1:nth-child(2) img {
  width: 20px;
  float: right;
  height: auto;
  padding-top: 20px;
}
.main_text_box {
  margin-top: 10px;
}
.main_text_box h3 {
  font-size: 1.5em;
  letter-spacing: -0.8px;
  font-weight: bold;
}
.main_text_box h3 #uname {
  position: relative;
}
.main_text_box h3 + p {
  margin-top: 10px;
  color: var(--Gray-Mid);
}
.main_text_box p {
  font-size: 0.875em;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
.sub_text_box h3 {
  font-size: 18px;
  font-weight: bold;
  width: 100%;

  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
}
.sub_text_box h3 img {
  margin-right: 5px;
}
.sub_text_box h3 a {
  margin-left: 10px;
}
.sub_text_box h3 .more {
  text-align: right;
  flex-grow: 1;
}

.sub_text_box h3 .fa-plus {
  float: right;
  font-weight: lighter;
  font-size: 0.875em;
}
.sub_text_box h3 + p {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  margin-top: 5px;
}
#thehae {
  color: var(--Main-color);
  font-weight: bold;
}
.fus_area {
  padding-top: 30px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
}
.fus_info {
  flex-grow: 1;
}
.wrapper .icon_send_div {
  display: inline-block;
}

.fus_info .fus {
  color: var(--Main-color);
  display: inline-block;
  padding-right: 0;
}
.fus_info .fus_title {
  font-size: 0.75em;
  color: #9ea3ab;
  font-weight: bold;
}

.fus_info .fus .fus_big {
  font-size: 1.875em;
  color: var(--Main-color);
  font-weight: 300;
  margin-bottom: 1px;
}
.fus_info .fus .fus_small {
  font-size: 1em;
  color: var(--Main-color);
}
.fus_info .fus .fus_dot {
  font-size: 1.5em;
  color: var(--Main-color);
}
.fus_info .fus_help {
  display: inline-block;
}
.fus_info .fus_help .fa-question-circle {
  font-size: 0.875em;
  color: #9ea3ab;
  vertical-align: initial;
}
.fus_info .fus_help span {
  font-size: 1em;
  color: var(--Gray-Dark);
  margin: 0 5px;
}
.fus_info .fus_krw {
  color: #9ea3ab;
  font-size: 11px;
  padding-top: 1.333vw;
  display: none;
}
.fus_info .fus_krw span:first-child {
  padding-right: 5px;
}
.icon_send_div {
  float: right;
  max-width: 50px;
}
.icon_send_div img {
  width: 100%;
  height: auto;
}
.banner_div {
  position: relative;
  width: calc(100% + 14vw);
  margin-left: -7vw;
}
.banner_div #banner_main {
  position: relative;
  left: 0;
  color: white;
  width: 100%;
  height: auto;
  background-size: 100%;
}
.banner_div #banner_main img {
  width: 100%;
}
.banner_div #banner_main .banner_text {
  padding: 4.3px 7vw 7vw 7vw;
  width: 100%;
}
.banner_div #banner_main .banner_text span {
  font-size: 0.625em;
  line-height: 4.533vw;
  border: 0.267vw solid white;
  border-radius: 1.333vw;
  padding: 0 1.333vw;
  vertical-align: top;
}
.banner_div #banner_main .banner_text .fa-plus {
  font-size: 0.875em;
  float: right;
  vertical-align: middle;
}
.banner_div #banner_main .banner_text h3 {
  padding: 4vw 0 2.133vw 0;
  font-size: 20px;
}
.banner_div #banner_main .banner_text p {
  font-size: 12;
  font-weight: bold;
}
.line_div {
  padding-top: 18px;
  position: relative;
  height: 1px;
  margin-left: 7vw;
}
.line_div .line {
  height: 1px;
  width: 100%;
  background-color: #d8d8d8;
}
.line_div .line .marker {
  background-color: #ff7800;
  width: 25%;
  height: 1px;
  position: absolute;
}

.icon_menu {
  padding: 30px 0 0 0;
}

.icon_menu .icon div {
  font-size: 13px;
  text-align: center;
}
#main_body .wrapper .icon_menu .icon div img {
  vertical-align: middle;
  height: 8vw;
}
.icon_set .icon .img {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon_set {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  width: 100%;
}
.icon_set .icon div {
  margin-top: 20px;
}

.ul_menu_div {
  padding: 0 0 14px 0;
}
.ul_menu_div::after {
  display: block;
  content: "";
  clear: both;
}
.ul_menu_div ul {
  white-space: nowrap;
  font-size: 0;
}
.ul_menu_div ul li {
  padding: 10px 0;
  font-size: 12px;
  margin-left: 1px;
  display: inline-block;
  margin-left: -1px;
  text-align: center;
  border: 1px solid var(--Gray-Border);
  position: relative;
  z-index: 1;
  color: var(--Gray-Mid);
  transition: 0.15s;
}
.ul_menu_div ul li.active {
  border-color: var(--Main-color);
  color: var(--Main-color);
  z-index: 2;
}
.ul_menu_div ul li:first-child:nth-last-child(2),
.ul_menu_div ul li:first-child:nth-last-child(2) ~ li {
  width: calc(50% + 1px);
}
.ul_menu_div ul li:first-child:nth-last-child(3),
.ul_menu_div ul li:first-child:nth-last-child(3) ~ li {
  width: calc(33.3% + 1px);
}
.ul_menu_div ul li:first-child:nth-last-child(4),
.ul_menu_div ul li:first-child:nth-last-child(4) ~ li {
  width: calc(25% + 1px);
}
.ul_menu_div ul li:first-child:nth-last-child(5),
.ul_menu_div ul li:first-child:nth-last-child(5) ~ li {
  width: calc(20% + 1px);
}
.ul_menu_div ul li:first-child:nth-last-child(6),
.ul_menu_div ul li:first-child:nth-last-child(6) ~ li {
  width: calc(16.6% + 1px);
}
.wrapper .list_div {
  width: 100%;
  font-size: 0.813em;
}
.wrapper .list_div .list_li {
  display: flex;
  width: 100%;
  align-items: center;
  height: 30px;
}
.wrapper .list_div .list_li .num,
.wrapper .list_div .list_li .reply {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrapper .list_div .list_li .content {
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrapper .list_div .div_padding {
  padding-top: 10px;
}

.wrapper .list_div .reply {
  color: var(--Main-color);
  width: auto;
}
.wrapper .list_div .list_li:nth-child(n + 1):nth-child(-n + 3) .num {
  background-color: var(--Main-color);
}
.wrapper .list_div .num {
  background-color: #dde0e4;
  border-radius: 20px;
  color: white;
  line-height: 20px;
  width: 20px;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  margin-right: 5px;
}
.wrapper.ranking {
  padding: 7vw;
}
.rank_list {
  padding-top: 0;
}
.rank_list .top_rank {
  text-align: center;
  position: relative;
}
.rank_list .top_rank span {
  position: absolute;
  border-radius: 6.4vw;
  left: 0;
  font-size: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: white;
  line-height: 24px;
}
.rank_list .ranker {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}

.rank_list .top_rank:first-child span {
  background-color: #ffb800;
}
.rank_list .top_rank:nth-child(2) span {
  background-color: #9ea3ab;
}
.rank_list .top_rank:nth-child(3) span {
  background-color: #cb7c61;
}
.rank_list .top_rank .pic_frame {
  width: 18.667vw;
  height: 18.667vw;
  border-radius: 18.667vw;
  background-size: 100%;
}
.rank_list .top_rank p:nth-child(3) {
  font-size: 0.875em;
  line-height: 18px;
  padding-top: 15px;
}
.rank_list .top_rank p:nth-child(4) {
  font-size: 0.875em;
  color: var(--Main-color);
  line-height: 18px;
}
.rank_list .middle_rank,
.my_rank > div {
  display: flex;
  align-items: center;
  height: 7vw;
}
.rank_list .middle_rank div {
  background-color: #dde0e4;
  border-radius: 25px;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 0.625em;
  color: white;
  line-height: 20px;
  margin-right: 10px;
}
.rank_list .middle_rank p {
  font-size: 0.75em;
  display: inline-block;
  vertical-align: bottom;
}
.rank_list .middle_rank p:last-child,
.rank_list .my_rank > div span:last-child {
  flex-grow: 1;
  text-align: right;
}
.rank_list .middle_rank p:nth-child(3) {
  float: right;
}
.rank_list .my_rank {
  font-size: 0.75em;
  line-height: 25px;
}
.rank_list .my_rank .my_upto_rank {
  color: #9ea3ab;
}
.rank_list .my_rank .mine {
  color: var(--Main-color);
  font-weight: bold;
}
.rank_list .my_rank .my_upto_rank span:first-child {
  margin-right: 10px;
  width: 50px;
  text-align: right;
  margin-left: -7vw;
}
.rank_list .my_rank .my_upto_rank span:last-child {
  float: right;
}
.rank_list .my_rank .my_upto_rank .me_mark {
  display: inline-block;
  border: 1px solid var(--Main-color);
  border-radius: 3px;
  text-align: center;
  font-size: 0.625em;
  line-height: 18px;
  padding: 0 5px;
  margin-left: 5px;
}
.footer_div {
  border-top: 1.6vw solid #e6e9ec;
  position: relative;
}
.footer_div footer {
  padding: 7vw 7vw 0 7vw;
}
.footer_div .main_text_box {
  padding: 0;
}
.footer_div .main_text_box h3 {
  font-size: 1.125em;
}
.footer_div .main_text_box h3 .more {
  float: right;
}
.footer_div .main_text_box h3 .more img {
  vertical-align: text-top;
}
.footer_div .main_text_box h2 {
  font-size: 1.5em;
  line-height: 40px;
  font-weight: 200;
}
.footer_div .main_text_box p {
  font-size: 0.75em;
  color: #9ea3ab;
  line-height: 4.267vw;
  margin-top: 5px;
}
.footer_div .sms_logo_div {
  padding: 7vw 0 20px 0;
  display: flex;
  gap: 10px;
}
.footer_div .sms_logo_div .sms_logo {
  width: 42px;
  height: 42px;
  border-radius: 42px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}
/* .footer_div .notice_div{padding-bottom: 7vw} */
.footer_div .notice_div table {
  width: 100%;
  font-size: 13px;
}
.footer_div .notice_div tr,
.myPost_wrapper .coupon_detail tr {
  position: relative;
}
.myPost_wrapper .coupon_detail table {
  position: relative;
  font-size: 13px;
  text-align: left;
  width: 100%;
}

.footer_div .notice_div td {
  display: -webkit-box;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myPost_wrapper .coupon_detail th {
  vertical-align: middle;
  text-align: left;
  margin-right: 20px;
  width: 15%;
}
.myPost_wrapper .coupon_detail td {
  flex-grow: 1;
  padding-right: 20px;
  vertical-align: middle;
  color: var(--Gray-Mid);
}
.myPost_wrapper .coupon_detail .ex {
  font-size: 12px;
  color: var(--Gray-Light);
  margin: 20px 20px 20px 0;
}
.myPost_wrapper .coupon_detail table::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--Gray-Dark);
  width: 300%;
  transform-origin: left top;
  transform: scale(0.34);
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.3;
}
.coupon_wrapper .ul_menu_div {
  margin: 0 7vw 0 7vw;
}
.footer_div .notice_div tr,
.myPost_wrapper .coupon_detail tr {
  display: flex;
  align-items: center;
  height: 55px;
}
.footer_div .notice_div tr::after,
.myPost_wrapper .coupon_detail tr::after {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--Gray-Dark);
  width: 300%;
  transform-origin: left bottom;
  transform: scale(0.34);
  left: 0;
  bottom: 0;
  position: absolute;
  opacity: 0.3;
}
.footer_div .notice_div {
  position: relative;
  overflow-x: hidden;
}
.footer_div .notice_div::before {
  content: "";
  display: block;
  height: 1px;
  background-color: var(--Gray-Dark);
  width: 300%;
  transform-origin: left top;
  transform: scale(0.34);
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.3;
}
.footer_div .notice_div tr:last-child::after {
  display: none;
}
.footer_div .notice_div th {
  margin-right: 10px;
  flex-grow: 0;
}

.footer_div .notice_div td {
  color: #737b84;
  flex-grow: 1;
  vertical-align: middle;
}

.footer_div .footer_info {
  width: calc(100% + 14vw);
  left: 0;
  margin-left: -7vw;
  padding-left: 7vw;
  padding-right: 7vw;
  font-size: 10px;
  padding-top: 7vw;
  padding-bottom: calc(var(--bottom));
  background-color: #f2f3f6;
}
.footer_div .footer_info .policy {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 20px;
}
.footer_div .footer_info .policy a {
  color: #737b84;
  font-size: 10px;
  font-weight: bold;
}
.footer_div .footer_info .address_div {
  padding: 10px 0 20px;
}
.footer_div .footer_info span {
  color: #b0b7be;
  line-height: 4vw;
}
.footer_div .footer_info .warning .fa-exclamation-triangle {
  color: #ffbb33;
}
.footer_div .footer_info .warning span {
  font-size: 10px;
}
#main_body .bottom_menu_div .menu_div:first-child p,
#mining_body .bottom_menu_div .menu_div:nth-child(2) p,
#event_body .bottom_menu_div .menu_div:nth-child(3) p,
#community_body .bottom_menu_div .menu_div:nth-child(4) p,
#more_body .bottom_menu_div .menu_div:nth-child(5) p {
  background-image: var(--Gradient);
  color: transparent;
  font-weight: bold;
  -webkit-background-clip: text;
}
#main_body .rank_ul {
  margin-top: 20px;
}
#main_body .rank_menu {
  padding-top: 10px;
}
.bottom_menu_div {
  width: 100%;
  position: fixed;
  bottom: -1px;
  background: white;
  z-index: 50;
  height: var(--bottom);
  box-sizing: content-box;
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.bottom_menu_div::before {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  width: 300%;
  transform-origin: left top;
  transform: scale(0.34);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.bottom_menu_div .menu_div {
  width: 20%;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
}
.bottom_menu_div .menu_div .img {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 20px;
  padding-bottom: 0;
}

.bottom_menu_div .menu_div p {
  font-weight: bold;
  font-size: 11px;
  color: #9ea3ab;
  margin-top: 8px;
}

/* side_menu */
.sider,
.poped {
  overflow: hidden;
}
.sider > *,
.sider + *,
.sider + * + *,
.poped > * {
  filter: blur(7vw);
  -webkit-filter: blur(7vw);
}
.sider .profile .profile_detail .level_div .line .marker {
  width: 50%;
  transition: 1.2s;
}
.sider .side_menu {
  right: 0;
  filter: blur(0px);
  -webkit-filter: blur(0px);
}

.side_menu {
  padding: 0 24px 0 7vw;
  padding-top: var(--safetopcon);
  padding-top: var(--safetopenv);
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
  height: 100%;
  width: calc(100% - 7vw);
  top: 0;
  right: calc(-100%);
  background: white;
  position: fixed;
  transition: 0.3s;
  z-index: 99;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.side_menu h1 {
  font-size: 3.6vw;
}
.side_menu .side_head {
  display: flex;
  height: var(--top);
  align-items: center;
  flex-shrink: 0;
}
.side_menu .side_head h1:first-child {
  flex-grow: 1;
}
.side_menu h1 {
  display: inline-block;
}
.profile {
  padding-top: 10px;
}
.profile div {
  display: inline-block;
}
.profile .profile_pic .crown {
  position: absolute;
  left: 0;
  top: 0;
}
.profile .profile_pic {
  width: 24vw;
  height: 24vw;
  position: relative;
}
.profile .profile_pic .crown img {
  width: 100%;
  height: auto;
}
.profile .profile_pic .pic_div {
  width: 21.333vw;
  height: 21.333vw;
  border-radius: 21.333vw;
  background-size: 100%;
  position: absolute;
  left: 1.333vw;
  top: 1.333vw;
  background-size: cover;
  background-position: center;
  background-image: url(../images/basic/img/default.svg);
}
.profile .profile_pic .icon {
  width: 7vw;
  height: 7vw;
  position: absolute;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  background-color: #e6e9ec;
  border-radius: 7vw;
  text-align: center;
  line-height: 7vw;
  font-size: 0.75em;
  color: var(--Gray-Mid);
  right: 0;
  bottom: 0;
}
.profile .profile_detail {
  vertical-align: top;
  padding: 15px 0 0 2.667vw;
  width: 65%;
}
.profile .profile_detail h3 {
  display: inline-block;
  font-size: 1.125em;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.profile .profile_detail img {
  color: #9ea3ab;
  width: 4.267vw;
  height: auto;
  vertical-align: initial;
}
.profile .profile_detail .level_div {
  width: 100%;
  font-size: 0.625em;
  color: #9ea3ab;
  padding: 4px 0;
}
.profile .profile_detail .level_div .level {
  font-size: 3.2vw;
  color: var(--Main-color);
  padding-right: 2.667vw;
  font-weight: bolder;
}
.profile .profile_detail .level_div .line {
  width: 100%;
  height: 2.133vw;
  border-radius: 2.133vw;
  background-color: #dde0e4;
  position: relative;
  margin-top: 2.133vw;
}
.profile .profile_detail .level_div .line .marker {
  position: absolute;
  left: 0;
  height: 2.133vw;
  background: linear-gradient(to right, #ffb800, var(--Main-color));
  border-radius: 2.133vw;
  transition: 0.6s;
  width: 0;
}
.side_fus_area {
  padding: 20px 0 24px 0;
  display: flex;
  align-items: center;
}
.side_menu #side_fus,
.side_menu .icon_send_div {
  padding-top: 0;
}

.side_menu #detail_rate {
  width: 100%;
  font-size: 0.875em;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 20px 6px 20px 0;
}

.side_menu #detail_rate::before {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 400%;
  transform-origin: left bottom;
  transform: scale(0.34);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.side_menu #detail_rate::after {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 400%;
  transform-origin: left bottom;
  transform: scale(0.34);
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.side_menu #detail_rate div {
  flex-shrink: 0;
  flex-grow: 0;
}

.side_menu #detail_rate span {
  font-weight: bold;
}
.side_menu #detail_rate .rate {
  color: var(--Main-color);
  font-weight: 300;
  border-bottom: 0.267vw solid var(--Main-color);
  font-size: 1.3em;
  margin-left: 5px;
}
.side_menu .icon_menu {
  padding: 20px 6px 0px 0;
}
.side_menu .icon_menu::after {
  content: "";
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 400%;
  transform-origin: left bottom;
  transform: scale(0.34);
  display: block;
}
.side_menu .icon_menu .icon {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.side_menu .icon_menu .icon div {
  margin: 0;
}
.side_menu .icon_menu .icon .img {
  height: 7vw;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.side_menu .icon_menu .icon div p {
  flex-grow: 0;
  padding-top: 10px;
}
.side_menu .icon_menu .icon div p span {
  color: var(--Main-color);
  font-weight: bold;
}
.side_menu .icon_menu .icon .img {
  flex-grow: 1;
}
.side_menu .act_div h1 {
  font-size: 1.125em;
  font-weight: bolder;
  padding-bottom: 20px;
}
.side_menu .act_div h1:last-child {
  text-align: right;
}
.side_menu .act_div .act_list div,
.side_menu .act_div .act_list p {
  display: inline-block;
  font-size: 13px;
}
.side_menu .act_div {
  width: calc(100% + 54px);
  margin-left: -7vw;
  flex-grow: 1;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.side_menu .act_div h1 {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 7vw;
}
.side_menu .act_div .list {
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 24px;
  padding-left: 7vw;
}
.side_menu .act_div .act_list {
  padding: 0 0 16px 0;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.side_menu .act_div .act_list.new::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--Red);
  border-radius: 50px;
  margin-right: 5px;
  margin-left: -11px;
}
.side_menu .act_div .act_list p {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.side_menu .act_div .act_list span {
  text-align: right;
  font-size: 13px;
  line-height: 7vw;
  vertical-align: top;
  padding: 0 1.333vw;
}
.side_menu .act_div .act_list .fever_take {
  font-size: 0.625em;
  color: var(--Gray-Dark);
  padding: 6px 8px;
  line-height: 1;
  border-radius: 3px;
  border: 1px solid var(--Gray-Dark);
}
.side_menu .act_div .act_list span {
  font-weight: bold;
}
.side_menu .act_div .act_list .send_rate {
  color: var(--Mint-blue);
  font-size: 0.875em;
}
.side_menu .act_div .act_list .shopping_rate,
.side_menu .act_div .act_list .get_rate {
  color: var(--Main-color);
  font-size: 0.875em;
}
.side_menu .act_div .act_list .act_icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

/* profile */
.main_top #pofile_save {
  float: right;
  font-size: 1em;
  background: linear-gradient(to right, #ffb800, var(--Main-color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder;
  padding-right: 0.533vw;
}
.myPost_wrapper .profile {
  padding-top: 0;
}
.myPost_wrapper .profile_detail h3 {
  line-height: 6.4vw;
}
.myPost_wrapper .profile_detail h3 input {
  font-size: 0.625em;
  height: 6.4vw;
  background-color: white;
  border: 0.226vw solid var(--Gray-Dark);
  border-radius: 0.8vw;
  text-align: center;
  vertical-align: top;
  font-weight: 600;
  margin-left: 2.667vw;
}
.myPost_wrapper .profile_edit {
  width: 100%;
  border-top: 1px solid var(--Gray-Border);
  margin-top: 20px;
}
.myPost_wrapper #user_del {
  color: #c5c8cf;
  font-weight: bold;
  border-bottom: 0.226vw solid #dde0e4;
  font-size: 0.75em;
}
.myPost_wrapper #logOut {
  width: 100%;
  border: 0.533vw solid var(--Gray-Dark);
  border-radius: 1.6vw;
  font-size: 1em;
  background-color: white;
  height: 14.667vw;
  vertical-align: middle;
  font-weight: bolder;
  margin-top: 12.8vw;
  color: #707070;
}

/* myPost */
.myPost_wrapper .main_top {
  border-bottom: none;
}
.myPost_wrapper .main_top .fa-chevron-left {
  padding-right: 4vw;
  font-weight: lighter;
}
.myPost_wrapper .main_top .btn {
  float: right;
  width: 5.867vw;
  height: auto;
  padding-top: 4vw;
}

.myPost_wrapper .post_list {
  padding: 20px 0 20px 7vw;
}
.myPost_wrapper .post_list p {
  font-size: 1.125em;
  padding-bottom: 0.625em;
  font-weight: bold;
}
.myPost_wrapper .post_list .post {
  width: 100%;
  border-top: 1px solid var(--Gray-Border);
  padding: 0.625em 7vw 0.625em 0;
  font-size: 14px;
  line-height: 1.4;
  margin-left: 0;
}
.myPost_wrapper .post_list .post span {
  color: var(--Gray-Dark);
}
.myPost_wrapper .post_list .post .post_type {
  color: var(--Main-color);
}
.myPost_wrapper .post_list .post_img {
  width: 100%;
  padding: 0.625em 7vw 0.625em 0;
}
.myPost_wrapper .post_list .post_img img {
  width: 100%;
}
.myPost_wrapper .post_list .writer {
  width: 100%;
  padding-right: 7vw;
}
.myPost_wrapper .post_list .writer,
.myPost_wrapper .post_list .writer p {
  font-size: 12px;
  color: #9ea3ab;
  display: inline-block;
}
.myPost_wrapper .post_list .writer span {
  float: right;
  padding-left: 4vw;
}
.myPost_wrapper .post_list .writer img {
  width: 2.667vw;
}

/* myReply */
.myPost_wrapper .reply_list {
  position: relative;
  margin-left: 7vw;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.myPost_wrapper .reply_list > p {
  font-size: 12px;
  color: #9ea3ab;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 8px;
}
.myPost_wrapper .reply_list .reply {
  position: relative;
}
.myPost_wrapper .reply_list .reply p {
  font-size: 0.875em;
  color: var(--Gray-Dark);
  line-height: 20px;
  position: relative;
}
.myPost_wrapper .reply_list .reply p::before {
  content: "";
  background: url(../images/basic/icon/reply-bullet.svg) no-repeat;
  position: absolute;
  left: -20px;
  top: 5px;
  width: 11px;
  height: 10px;
}
.myPost_wrapper .reply_list .reply img {
  width: 2.667vw;
  position: absolute;
  left: 4vw;
  top: 0.533vw;
}
.myPost_wrapper .reply_list .writer {
  vertical-align: middle;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-weight: normal;
}
.myPost_wrapper .reply_list:after {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: left bottom;
  transform: scale(0.34);
  opacity: 0.3;
}

.myPost_wrapper .reply_list .writer span {
  color: #9ea3ab;
  font-size: 0.75em;
  font-weight: normal;
}
.myPost_wrapper .reply_list .writer span:first-child {
  padding-right: 5.333vw;
}
.myPost_wrapper .reply_list .writer span:last-child {
  color: black;
  text-align: right;
  font-size: 0.875em;
  flex-grow: 1;
}

/* coupon */
#coupon_list {
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
}
.coupon_wrapper .list_div {
  display: none;
}

.coupon_wrapper .post_list {
  border-top: 1px solid #f2f3f6;
  border-bottom: 1px solid #f2f3f6;
  margin: 5px 0;
  display: flex;
  align-items: center;
  padding: 0;
}
.coupon_wrapper .post_list .coupon_option {
  flex-grow: 1;
  padding-left: 0;
}
.coupon_wrapper .post_list .coupon_option p {
  margin: 0;
  line-height: 1.6;
  padding: 0;
}
.coupon_wrapper .post_list .coupon_option p:first-child {
  font-size: 14px;
}
.coupon_wrapper .post_list div {
  display: inline-block;
}
.coupon_option p span {
  color: var(--Gray-Dark);
}
.coupon_option .code {
  color: var(--Main-color);
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -0.266vw;
}
.coupon_option .code img {
  margin-left: 10px;
}
.coupon_option p:last-child {
  font-size: 0.75em;
  color: #9ea3ab;
  font-weight: normal;
}
.coupon_wrapper .post_list .coupon_img {
  width: 100px;
  height: 100px;
  background-color: var(--Gray-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
}
.coupon_wrapper .post_list .coupon_img img {
  max-width: 70%;
  max-height: 70%;
}
.coupon_wrapper #used_coupon_list .coupon_option,
.coupon_wrapper #used_coupon_list .coupon_img {
  opacity: 50%;
  filter: grayscale(100%);
  text-decoration: line-through;
}
.coupon_wrapper.myPost_wrapper .post_list {
  position: relative;
}
.coupon_wrapper #used_coupon_list .post_list {
  padding-left: 40px;
}
.coupon_wrapper #used_coupon_list .check_div {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 24px;
  height: 24px;
  background-size: 100%;
  border-radius: 24px;
}
.coupon_wrapper .main_top h1 {
  width: 100%;
}
.coupon_wrapper .main_top h1 div {
  display: inline-block;
  float: right;
  display: none;
}

/* coupon detail */
.myPost_wrapper .coupon_img {
  border: none;
  background-color: var(--Gray-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100vw - 7vw);
  height: calc(100vw - 7vw);
}
.coupon_detail {
  overflow: hidden;
}
.coupon_detail .product_name {
  font-size: 24px;
  font-weight: bold;
  margin-top: 7vw;
  margin-bottom: 5px;
}
.myPost_wrapper .coupon_img img {
  width: 70%;
}

.coupon_detail .product_name + span {
  font-size: 0.875em;
  color: var(--Gray-Mid);
}
.coupon_detail .bc_div {
  width: calc(100% - 7vw);
  margin-top: 7vw;
}
.coupon_num_div {
  margin-right: 7vw;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
}
.coupon_num_div img {
  margin-left: 10px;
}
.coupon_num_div input {
  letter-spacing: -0.266vw;
  font-weight: bolder;
  border: none;
  text-align: center;
}

.myPost_wrapper .coupon_desc {
  padding-right: 20px;
  margin-top: 7vw;
}
.myPost_wrapper .coupon_desc h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
.myPost_wrapper .coupon_desc .desc {
  font-size: 12px;
  color: var(--Gray-Mid);
  line-height: 1.4;
}
#bcTarget1 {
  height: 85px;
  transform-origin: top left;
}
.coupon_footer {
  background-color: #f2f3f6;
  padding: 7vw;
  font-size: 0.625em;
  color: #9ea3ab;
  line-height: 4vw;
  width: 100%;
  margin-top: 7vw;
  padding-bottom: calc(var(--bottomBtn));
}
.coupon_footer h4 {
  font-weight: bold;
  color: var(--Gray-Dark);
  font-size: 14px;
  line-height: initial;
  margin-bottom: 5px;
}
.bottom_menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: white;
  font-size: 1em;
  font-weight: bold;
  height: var(--bottomBtn);
  line-height: var(--bottomBtn);
  box-sizing: content-box;
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
  background: var(--Gradient);
}
.bottom_menu li:first-child {
  border-right: 0.226vw solid rgba(255, 255, 255, 0.2);
}
.bottom_menu li {
  display: inline-block;
  line-height: 4.533vw;
  width: 49%;
  text-align: center;
}

/* level */

.myPost_wrapper .notice,
.myPost_wrapper .level_table,
.myPost_wrapper .level_info {
  padding: 0 7vw 20px 7vw;
}
.myPost_wrapper .notice p {
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
}
.myPost_wrapper .notice span {
  font-size: 12px;
  color: var(--Gray-Mid);
  line-height: 1.2;
}
.myPost_wrapper .level_table table,
.myPost_wrapper .level_info table {
  width: 100%;
}
.myPost_wrapper .level_table tr,
.myPost_wrapper .level_info tr {
  border-bottom: 0.266vw solid #dde0e4;
}
.myPost_wrapper .level_table tr:first-child,
.myPost_wrapper .level_info tr:first-child {
  border-top: 0.266vw solid var(--Gray-Dark);
}
.myPost_wrapper .level_table th,
.myPost_wrapper .level_info th {
  font-size: 0.75em;
  color: var(--Gray-Dark);
  text-align: left;
  line-height: 12vw;
}
.myPost_wrapper .level_table td,
.myPost_wrapper .level_info td {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  text-align: left;
  line-height: 12vw;
  vertical-align: middle;
}
.myPost_wrapper .level_table tr td:first-child,
.myPost_wrapper .level_info tr td:first-child {
  color: var(--Main-color);
  font-weight: bold;
  padding-right: 10px;
}
.myPost_wrapper .level_info tr td:last-child {
  padding-left: 10px;
}
.myPost_wrapper .level_info tr td:nth-last-child(2) {
  color: var(--Gray-Dark);
}
.myPost_wrapper .level_info p {
  font-size: 1em;
  color: var(--Gray-Dark);
  line-height: 13.333vw;
  font-weight: bold;
}

/* party */
.party_wrapper {
  padding: 0 7vw;
}
.party_wrapper .main_top {
  height: 14.667vw;
  padding: 0 7vw;
  top: 0;
  left: 0;
  position: absolute;
}
.party_wrapper .main_top h1 {
  width: 100%;
  vertical-align: middle;
}
.party_wrapper .main_top h1 #party_add,
.party_wrapper .main_top h1 #chat_add {
  width: 6.933vw;
  margin-left: 4.8vw;
}
.party_member_div {
  height: 18.667vw;
  width: 100%;
}
.party_member_div div {
  display: inline-block;
}
.party_member_div .member_img {
  height: 13.333vw;
  width: 13.333vw;
  border-radius: 13.333vw;
  padding-left: 0;
  background-size: 100%;
  margin-top: 0.625em;
}
.party_member_div .member_info {
  width: 82%;
  float: right;
  height: 100%;
  padding-left: 4vw;
}
.party_member_div .member_info .member {
  line-height: 6.4vw;
  padding-top: 0.625em;
}
.party_member_div .member_info .name {
  font-weight: bold;
}
.party_member_div .member_info span {
  font-size: 0.875em;
}
.party_wrapper .party_list {
  min-height: 133.333vw;
}
.party_wrapper .party_list .party_member_div .member_info #last_chat_time {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  float: right;
}
.party_wrapper .party_list .party_member_div .last_chat {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 4vw;
  vertical-align: middle;
}
.party_wrapper .party_list .swiper-slide:first-child {
  padding: 0 7vw;
}
.party_wrapper .party_list .swiper-slide:nth-child(2n) {
  width: 40%;
  padding-left: 0;
}
.party_wrapper .party_list .swiper-slide:nth-child(2n) div {
  vertical-align: top;
  margin-right: 0;
  float: right;
}
.party_wrapper .party_list .swiper-slide:nth-child(2n) .icon_div {
  float: none;
  height: 13.333vw;
}
.party_wrapper .party_list .swiper-slide .party_del img {
  margin-top: 21px;
  margin-bottom: 20px;
}
.party_wrapper .party_list .swiper-slide .chat_del img {
  margin-top: 4vw;
  margin-bottom: 24px;
}
.chat_del {
  background-color: #f93d32;
}
.party_del {
  background-color: var(--Main-color);
}
.chat_del,
.party_del {
  height: 18.667vw;
  width: 18.667vw;
  font-size: 0.625em;
  color: white;
  text-align: center;
}

/* chat */

.chat_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.chat_wrapper .chat_top .indicator {
  line-height: 20px;
  color: #979797;
  display: block;
  text-align: right;
  height: 21px;
  padding-right: 7vw;
  padding-bottom: 8%;
}
.chat_wrapper .chat_top {
  width: 100%;
  padding-left: 5.333vw;
  box-shadow: 1.333vw -1.333vw 1.333vw -1.333vw #979797;
  height: 27vw;
  background-color: white;
  z-index: 10;
}
.chat_wrapper .chat_top div {
  display: inline-block;
  height: 13.333vw;
  vertical-align: middle;
  padding: 1.5%;
}
.chat_wrapper .chat_top .member_info {
  width: 60%;
}
.chat_wrapper .chat_top .member_img {
  width: 13.333vw;
  height: 13.333vw;
  border-radius: 13.333vw;
  background-size: 13.333vw;
}
.chat_wrapper .chat_top .user_state {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  line-height: 20px;
}
.chat_wrapper .chat_top .user_state input[type="button"] {
  border: 0.267vw solid var(--Main-color);
  background: none;
  font-size: 0.625em;
  margin: 2%;
  border-radius: 0.8vw;
  color: var(--Main-color);
  line-height: 5.867vw;
}
.chat_wrapper .chat_top div:last-child {
  float: right;
  padding-right: 7vw;
  padding-top: 3%;
}
.chat_wrapper .chat_top div:last-child img {
  width: 10.133vw;
  height: auto;
}
.chat_wrapper .chat_write {
  width: 100%;
  bottom: 0;
  position: fixed;
  background-color: white;
  z-index: 10;
}
.chat_option {
  position: relative;
  display: flex;
  align-items: center;
  height: 14vw;
}
.chat_option div {
  text-align: center;
  margin: 0 20px;
  color: black;
  font-size: 20px;
}
.chat_wrapper .chat_write .chat_box {
  width: 100%;
  padding: 10px;
  border-top: 0.267vw solid rgb(37, 45, 58, 0.5);
}
.chat_wrapper .chat_write .chat_box textarea {
  width: 85%;
  font-size: 0.75em;
  border: none;
  resize: none;
  overflow-y: scroll;
}
.chat_wrapper .chat_write .chat_box input[type="button"] {
  width: 11.467vw;
  line-height: 7vw;
  border-radius: 1.067vw;
  border: 0.267vw solid var(--Gray-Dark);
  background: none;
  font-size: 0.75em;
  font-weight: bold;
}

.chat_wrapper .chat {
  overflow-y: scroll;
  height: calc(100% - 27vw);
  background-color: #f2f3f6;
  z-index: 3;
  padding: 20px 5.333vw 27vw 5.333vw;
  font-size: 0.75em;
}
.chat_wrapper .chat p {
  line-height: initial;
}

.chat_other {
  position: relative;
  width: fit-content;
  height: auto;
  padding: 4vw;
  margin: 2.667vw;
  background: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-width: 64vw;
  min-height: 11.2vw;
  float: left;
}
.chat_other:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1.867vw 3.2vw 1.867vw 0;
  border-color: transparent #ffffff;
  display: block;
  width: 0;
  z-index: 1;
  left: -3.2vw;
  top: 3.467vw;
}
.chat_mine {
  position: relative;
  width: fit-content;
  height: auto;
  padding: 4vw;
  margin: 2.667vw;
  background: #f9e3d0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-width: 64vw;
  min-height: 11.2vw;
  float: right;
}

.chat_mine:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1.867vw 0 1.867vw 3.2vw;
  border-color: transparent #f9e3d0;
  display: block;
  width: 0;
  z-index: 1;
  right: -3.2vw;
  top: 3.467vw;
}
.add_party_btn {
  border: 0.267vw solid var(--Main-color);
  background: none;
  font-size: 0.625em;
  margin: 2%;
  border-radius: 0.8vw;
  color: var(--Main-color);
  line-height: 5.867vw;
}

/* coin_page */
#sendCoin_h1 {
  width: 100%;
  vertical-align: middle;
}
.main_top #sendCoin_h1 img {
  width: 20px;
  float: right;
}
.main_top .fa-chevron-left {
  padding-right: 4vw;
  font-weight: lighter;
}
.myPost_wrapper .qr_div {
  width: 34.667vw;
  height: 34.667vw;
  padding: 2.667vw;
  float: left;
}
.myPost_wrapper .qr_div #qrcode img {
  width: 100%;
}
.sendCoin_div {
  width: 100%;
}
.sendCoin_div div {
  display: inline-block;
}
.sendCoin_div .fus_info,
.sendCoin_div .qr_detail {
  width: 55%;
  float: right;
}
.sendCoin_div .qr_detail {
  padding-top: 0.625em;
}
.sendCoin_div .qr_detail span {
  font-size: 0.75em;
  font-weight: bolder;
  color: var(--Gray-Dark);
  line-height: 21px;
}
.sendCoin_div .qr_detail span .fa-search-plus {
  float: right;
  color: var(--Gray-Dark);
  font-size: 4vw;
}
.sendCoin_div .qr_detail #qr_code {
  width: 100%;
  word-break: break-all;
  font-size: 0.875em;
  color: var(--Gray-Mid);
  line-height: 20px;
}
.sendCoin_div .qr_detail #qr_code .fa-clone {
  padding-left: 4vw;
}
.sendCoin_div .fus_info {
  padding-top: 4vw;
}
.sendCoin_div .input_div {
  width: 100%;
}
.sendCoin_div .send_address {
  padding-bottom: 0;
  margin-top: 4vw;
  border-top: 1px solid var(--Gray-Border);
}
.sendCoin_div .input_div .must {
  display: inline-block;
  font-weight: 800;
  color: #fe5f57;
}
.sendCoin_div .input_div input[type="button"] {
  width: 34px;
  font-size: 0.75em;
  font-weight: bold;
  border: 0.226vw solid var(--Gray-Dark);
}
.sendCoin_div span {
  font-size: 0.75em;
  color: var(--Gray-Mid);
}
.sendCoin_div .sendCoin_btn {
  height: 14.933vw;
  width: 100%;
  border-radius: 1.6vw;
  margin-top: 4vw;
  color: white;
  text-align: center;
  line-height: 14.933vw;
  font-size: 1em;
  background: linear-gradient(to right, #ffb800, var(--Main-color));
}

.qr_back {
  filter: blur(50px);
  -webkit-filter: blur(50px);
  background-color: black;
}
.qr_code_div {
  padding: 21px 5.333vw;
  height: 137.333vw;
  width: 94.667vw;
  top: calc(-200%);
  background: white;
  position: fixed;
  margin: 150px 2.667vw;
  transition: 0.4s;
  z-index: 99;
  overflow-y: scroll;
  overflow-x: scroll;
  border-radius: 6.4vw;
}
.qr_code_div h1 {
  font-size: 1.5em;
  width: 100%;
}
.qr_code_div h1 .fa-times {
  float: right;
  font-weight: normal;
}
.qr_code_div p {
  margin-top: 0.625em;
  font-size: 0.875em;
  line-height: 4.8vw;
}
.qr_code_div .qr_div {
  margin-top: 4vw;
  width: 100%;
  height: 84vw;
  padding: 7vw;
}
.qr_code_div .qr_div img {
  width: 100%;
}
.qr_code_div .qr_info {
  margin-top: 4vw;
  height: 13.333vw;
  width: 100%;
  background-color: #e6e9ec;
  border-radius: 13.333vw;
  padding: 0 5.333vw;
}
.qr_code_div .qr_info p {
  line-height: 13.333vw;
  color: var(--Main-color);
  width: 100%;
  font-size: 0.75em;
}
.qr_code_div .qr_info p .fa-clone {
  color: var(--Gray-Dark);
  float: right;
  padding-top: 4.8vw;
}
/* send_history */
.send_history {
  border-radius: 21px 21px 0 0;
  padding: 7vw;
  height: 100%;
  margin-top: 7vw;
  box-shadow: 2.133vw 2.133vw 2.133vw 2.133vw #979797;
}
.send_history h1 {
  font-size: 1.125em;
  font-weight: bold;
  width: 100%;
}
.send_history .his_list .his_div .his_img {
  width: 8.533vw;
  height: 8.533vw;
  border-radius: 7vw;
  padding: 2%;
  margin-right: 2%;
}
.send_history h1 .fa-chevron-down {
  display: none;
}
.send_history h1 .fa-chevron-up,
.send_history h1 .fa-chevron-down {
  float: right;
}
.send_history .his_list {
  padding-top: 0.625em;
}
.send_history .his_list .his_div {
  height: 14.667vw;
  width: 100%;
  padding-top: 0.625em;
}
.send_history .his_list .his_div .his_img img {
  width: 100%;
  vertical-align: super;
}
.send_history .his_list .his_div div {
  width: 85%;
  display: inline-block;
}
.send_history .his_list .his_div div span {
  font-size: 0.813em;
  font-weight: bold;
  vertical-align: top;
}
.send_history .his_list .his_div .his_info .his_date {
  color: #9ea3ab;
  font-size: 0.75em;
  float: right;
  font-weight: normal;
}
.send_history .his_list .his_div div p {
  font-size: 0.813em;
  overflow: hidden;
}
.send_history {
  min-height: 185px;
  padding: 7vw;
  width: 100%;
  height: 30%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  background: white;
}
.send_history:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 30%;
  z-index: 1;
  background: linear-gradient(to top, white, white 40%, transparent);
  background-repeat: no-repeat;
  transition: all 500ms ease;
}
.send_history.open {
  position: absolute;
  top: 9.333vw;
  box-shadow: 2.133vw 2.133vw 2.133vw 2.133vw #979797;
  height: 100%;
  overflow-y: scroll;
}

/* trophy */

.trophy p {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  line-height: 1.4;
  padding: 0 7vw;
}
.trophy .trophy_list {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
  padding-bottom: var(--safebottomenv);
}
.trophy .trophy_list div {
  display: inline-block;
  width: 33.33%;
  text-align: center;
  line-height: 1.5;
}
.trophy .trophy_list div .tro_img {
  width: 100%;
  height: 80px;
  padding: 20px 0;
  display: inline-block;
}
.trophy .trophy_list div p {
  font-size: 14px;
  color: var(--Gray-Dark);
  padding: 0;
  font-weight: bold;
}
.trophy .trophy_list div span {
  color: var(--Gray-Mid);
  font-size: 11px;
  display: block;
}
.trophy .trophy_list div span:last-child {
  font-size: 11px;
  color: var(--Gray-Light);
}
#my_trophy {
  color: var(--Main-color);
  font-weight: bold;
}

/* splash */
.splash_background {
  width: 100%;
  height: 100%;
  position: relative;
}
.splash_background .splash_text {
  position: absolute;
  top: 10%;
  left: 23%;
}
.splash_background .splash_text .logo {
  width: 21.333vw;
  margin: auto;
}
.splash_background .splash_text .logo img {
  width: 100%;
}
.splash_background .splash_text {
  text-align: center;
}
.splash_background .splash_text p {
  font-size: 7.467vw;
  color: var(--Gray-Dark);
}
.splash_background .splash_text span {
  font-size: 20px;
  display: block;
  padding: 20px 0 1.333vw 0;
  color: var(--Gray-Dark);
}
.splash_background img {
  width: 100%;
  height: auto;
}

/* 회원가입 */
.register_wrapper .main_text_box h3 {
  line-height: 16vw;
}
.register_wrapper .main_text_box h3:first-child {
  position: relative;
}
.register_wrapper .main_text_box h3 .border_bottom {
  width: 24vw;
  bottom: 4vw;
}
.register_wrapper .main_text_box h3 .fa-times {
  float: right;
  margin-top: 4.8vw;
}
.register_wrapper .main_text_box h3:last-child {
  line-height: 7vw;
  padding-bottom: 34px;
}
.register_wrapper .input_div input[type="button"] {
  font-weight: bold;
}
.must {
  color: #fe5f57;
}
.input_div {
  position: relative;
}
.input_div input[type="button"],
.input_div .fa-clone {
  position: absolute;
  width: 16vw;
  font-size: 0.75em;
  border: 0.267vw solid var(--Gray-Dark);
  border-radius: 0.8vw;
  line-height: 7vw;
  background-color: white;
  right: 0;
  padding: 0;
}
.input_div .fa-clone {
  border: none;
  color: var(--Gray-Dark);
  top: 50%;
  font-size: 4vw;
  width: 4vw;
}
.register_wrapper .fa-question-circle {
  color: #9ea3ab;
}
.register_wrapper .register_agree {
  height: 13.333vw;
}
.register_wrapper .register_agree .check_div {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 6.4vw;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-size: 100%;
}
.register_wrapper .register_agree span {
  font-size: 0.875em;
  line-height: 6.4vw;
  vertical-align: middle;
}
.register_wrapper .register_agree span strong {
  font-weight: normal;
  border-bottom: 0.267vw solid black;
}
.sub_div {
  background-color: #c5c8cf;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  color: white;
  font-size: 0.875em;
  height: 21.333vw;
  padding-top: 20px;
}
.wellcome_text p,
.service_text p {
  font-size: 0.875em;
  font-weight: bold;
  padding-bottom: 4vw;
}
.wellcome_text span,
.service_text span {
  font-size: 0.75em;
  line-height: 24px;
  color: var(--Gray-Mid);
  padding-bottom: 4vw;
}

/* 로그인 */
#member .myPost_wrapper {
  padding: 10px 7vw 7vw 7vw;
  padding-bottom: calc(var(--safebottomenv) + 7vw);
}
.wrapper.login {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  padding-bottom: calc(20px + constant(safe-area-inset-bottom));
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
}
.input_div {
  padding: 4vw 0;
}
.input_div label {
  letter-spacing: -0.266vw;
  font-size: 3.2vw;
  display: block;
  font-weight: bold;
}
.input_div input {
  border: none;
  width: 100%;
  line-height: 12vw;
  border-bottom: 1px solid var(--Gray-Border);
  padding: 0;
}
.input_div input::placeholder {
  color: #c5c8cf;
  font-size: 4.266vw;
}
.btn_div {
  border-radius: 1.333vw;
  text-align: center;
  border: 3px solid transparent;
  border-radius: 6px;
  background-image: linear-gradient(#fff, #fff), var(--Gradient);
  background-origin: border-box;
  background-clip: content-box, border-box;
  margin-bottom: 20px;
}
.btn_div input[type="button"].login_sub {
  height: 49px;
  font-size: 4.266vw;
  background-image: var(--Gradient);
  color: transparent;
  font-weight: bold;
  -webkit-background-clip: text;
  display: inline-block;
  border: none;
  -webkit-appearance: none;
}
.checkbox_input_div {
  height: 6.4vw;
  display: inline-block;
  width: 49%;
}
.checkbox_input_div input[type="checkbox"] {
  display: none;
}
.input_div .must {
  display: none;
}
.checkbox_input_div span {
  font-size: 1.5em;
  color: #dde0e4;
}
.checkbox_input_div label {
  font-size: 4vw;
  display: inline-block;
  line-height: 6.4vw;
  color: var(--Gray-Dark);
  vertical-align: top;
}

.input_box {
  flex-grow: 1;
  align-self: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.login_option_div {
  width: 49%;
  display: inline-block;
}
.login_option_div span {
  font-size: 3.2vw;
  color: var(--Gray-Mid);
}
.login_option_div a {
  font-size: 3.2vw;
  color: var(--Gray-Dark);
  border-bottom: 0.26666666666666666vw solid var(--Gray-Dark);
}

.login_option {
  height: 14.666666666666666vw;
  width: 100%;
  text-align: center;
  font-size: 4.266666666666667vw;
  padding: 4.533333333333333vw;
  border-radius: 1.3333333333333335vw;
}
.login_option img {
  width: 5.333vw;
  height: auto;
  float: left;
}
.option_div {
  margin-top: 20px;
}
.option_div #kakao_login {
  background-color: #fee500;
  margin-bottom: 2.666666666666667vw;
}
.option_div #apple_login {
  background-color: black;
  color: white;
}
.sub_text_box {
  position: relative;
}
.help {
  background: url(../images/basic/icon/help.svg) no-repeat center;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: text-top;
}
.help.active {
  background-image: url(../images/basic/icon/help-close.svg);
}
.help img {
  display: none;
}
.help .baloon {
  background-color: var(--Gray-Dark);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 26px;
  width: calc(100vw - 14vw);
  padding: 15px;
  display: none;
  line-height: initial;
  text-align: left;
}
.mining_bottom .right .help .baloon {
  top: initial;
  bottom: 50px;
  left: 7vw;
}

.help .baloon p {
  color: var(--Gray-Pale) !important;
  font-weight: normal !important;
  font-size: 12px !important;
  margin-bottom: 5px;
}
/* mining */
.mining_bottom {
  position: fixed;
  width: 100%;
  bottom: calc(var(--bottom) - 1px);
  z-index: 50;
  background-color: var(--Gray-Pale);
}
.num_data_div {
  padding: 7vw 0 10px 0;
}
.mining_bottom .right {
  text-align: right;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 300;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mining_bottom .level_detail .level_div .right .level {
  margin-left: 0;
  margin-right: 5px;
  font-weight: 300;
}
.mining_bottom .level_detail .level_div .right span {
  margin-right: 5px;
}
.mining_bottom .right .fa-question-circle {
  font-size: 15px;
  color: #9ea3ab;
}
.mining_bottom .level_div {
  display: flex;
  align-items: center;
  height: 56px;
  padding-left: 7vw;
}
.mining_bottom .level_div .fus_help {
  margin-right: 20px;
}
.mining_bottom .level_div .fus_help p {
  font-weight: bold;
  color: var(--Gray-Light);
  font-size: 10px;
  margin-bottom: 3px;
}
.num_data_div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.num_data_div .row1 {
  min-width: 18%;
}
.num_data_div .num_data {
  text-align: center;
  padding: 0 0 20px 0;
}
.num_data_div .num_data p {
  font-size: 16px;
  color: var(--Main-color);
  line-height: 21px;
  font-weight: bold;
}
.num_data_div .num_data div {
  font-size: 11px;
  color: #9ea3ab;
}
.num_data_div .num_data span {
  font-size: 0.75em;
}
.num_data_div #party_num p {
  line-height: 20px;
  color: #ffb800;
}
.num_data_div #party_num p:first-child {
  font-size: 0.625em;
  line-height: 12px;
}
.num_data_div #img_num {
  height: 58px;
  vertical-align: top;
}
.num_data_div .num_data img {
  padding-top: 25%;
  top: 10%;
}

.mining_games {
  padding-top: 20px;
  margin: 0 -7vw;
  overflow: hidden;
}
.mining_games div {
  position: relative;
}
.mining_games .copy h3 {
  font-size: 4.8vw;
  flex-grow: 1;
  width: 100%;
}
.mining_games .copy span {
  color: #ffb800;
}
.mining_banner_div,
.mining_banner_div2 {
  position: relative;
}
.mining_banner_div {
  margin: 0 0 10px 7vw;
}
.mining_banner_div2 {
  margin: 10px 7vw 10px 0;
}
.mining_banner_div img,
.mining_banner_div2 img {
  width: 100%;
}
.mining_games .copy {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding-bottom: 20px;
  padding-top: 7vw;
  padding-left: 7vw;
  z-index: 10;
  top: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.mining_games .copy .btn {
  border-bottom: 1px solid #fff;
  font-size: 0.75em;
  align-self: flex-end;
  padding-bottom: 5px;
}

.mining_banner_div3 {
  display: flex;
  padding: 0 7vw;
}
.mining_banner_div3 .banner_div {
  position: relative;
  margin-left: 0;
}
.mining_banner_div3 .banner_div div {
  text-align: left;
}
.mining_banner_div3 .banner_div .copy {
  padding: 20px;
  display: block;
  line-height: 1.4;
}
.mining_banner_div3 .banner_div div span {
  color: white;
  font-size: 14px;
  flex-grow: 0;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
}
.mining_banner_div3 .banner_div div p {
  font-size: 18px;
  color: #ffef00;
  font-weight: bold;
}
.mining_banner_div3 .banner_div img {
  width: 100%;
  vertical-align: top;
}
.rank_wrapper.updown {
  padding-top: 10px;
  padding-bottom: calc(var(--bottom) + 14vw);
}

.coin_rank_list {
  margin-bottom: 20px;
}
.coin_rank_div {
  width: 100%;
  padding: 20px 0;
}

.coin_rank_div .coin_rank_left {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.coin_rank_div .coin_rank_left span,
.coin_rank_div .coin_rank_right span {
  color: #9ea3ab;
  font-size: 0.75em;
}
.coin_rank_div .coin_logo {
  width: 34px;
  height: 34px;
  background-size: 100%;
  border-radius: 8.533vw;
  margin: 0 10px 0 0;
}
.coin_rank_div .coin_rank_left span.plus {
  color: #fe5f57;
}
.coin_rank_div .coin_rank_left span.minus {
  color: #1da3ec;
}
.coin_rank_list {
  display: flex;
  align-items: center;
  width: 100%;
}
.coin_rank_div .apply.btn,
.apply.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 3px solid var(--Gray-Border);
  height: 56px;
  margin: 7vw 0 10px 0;
  transition: 0.4s;
  overflow: hidden;
}
.coin_rank_div .apply.btn.submit,
.apply.btn.submit {
  border: 3px solid transparent;
  background-image: linear-gradient(#fff, #fff), var(--Gradient);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.coin_rank_div .apply.btn a,
.apply.btn a {
  font-weight: bold;
  letter-spacing: -1px;
  color: var(--Gray-Lighter);
  transition: 0.4s;
}
.coin_rank_div .apply.btn.submit a,
.apply.btn.submit a {
  background: var(--Gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.coin_rank_div .vs {
  vertical-align: top;
  color: #c5c8cf;
  line-height: 9.333vw;
  width: 12vw;
  text-align: center;
}
.coin_rank_div .coin_rank_right {
  display: flex;
}
.coin_rank_div .coin_rank_right div {
  text-align: center;
  padding-left: 20px;
  width: 20vw;
}
.coin_rank_div .coin_rank_right div p {
  background: no-repeat center;
  height: 14px;
  margin-bottom: 4px;
}
.coin_rank_div .coin_rank_right div.plus p {
  background-image: url(../images/basic/icon/plus14x14g.svg);
}
.coin_rank_div .coin_rank_right div.minus p {
  background-image: url(../images/basic/icon/minus14x14g.svg);
}
.coin_rank_div .coin_rank_right div.plus.selected p {
  background-image: url(../images/basic/icon/plus14x14red.svg);
}
.coin_rank_div .coin_rank_right div.minus.selected p {
  background-image: url(../images/basic/icon/minus14x14blue.svg);
}
.coin_rank_div .coin_rank_right div.plus.selected span {
  color: var(--Red);
  font-weight: bold;
}
.coin_rank_div .coin_rank_right div.minus.selected span {
  color: var(--Blue);
  font-weight: bold;
}
.coin_rank_div .coin_rank_right div p {
  text-align: center;
  line-height: 21px;
  color: #9ea3ab;
}
.mining_level {
  background-color: #dde0e4;
  height: 100%;
  z-index: -1;
}
.mining_level .level_div {
  width: 100%;
}
.mining_level .line {
  height: 1.333vw;
  width: 100%;
  background-color: #dde0e4;
}
.mining_level .line .marker {
  background: linear-gradient(to right, #ffb800, var(--Main-color));
  height: 100%;
  transition: 1.2s;
  width: 0%;
}
.level_detail {
}
.level_detail .level_div img {
  margin-right: 3px;
}

.level_detail .level_div .level {
  color: var(--Main-color);
  margin-left: 6px;
  font-size: 1em;
  font-weight: 300;
  margin-right: 5px;
}
.level_detail .level_div .exp {
  font-size: 0.75em;
  color: var(--Gray-Mid);
}
.level_detail .level_div span:last-child {
  color: var(--Gray-Dark);
  font-size: 17px;
  margin-left: 0;
  font-weight: 300;
  margin-right: 0px;
  display: flex;
  align-items: center;
}
.rank_wrapper {
  position: relative;
  width: 100%;
}
.help_box {
  display: none;
  position: absolute;
  width: 85%;
  top: 55px;
  padding: 4.8vw;
  background: var(--Gray-Dark);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 100;
}
.help_box:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 2.133vw 2.133vw;
  border-color: var(--Gray-Dark) transparent;
  display: block;
  width: 0;
  top: -8px;
  left: 92%;
  z-index: 100;
}
.help_box .tooltip {
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
}
.help_box textarea {
  border: none;
  height: 100%;
  background: none;
  width: 100%;
  color: #dde0e4;
  overflow-y: scroll;
  font-size: 0.75em;
}
.main_top .detail_h1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.main_top .detail_h1 .title {
  flex-grow: 1;
}
.main_top .detail_h1 .right {
  position: relative;
}
.main_top .detail_h1 .right .baloon {
  left: initial;
  right: 0;
}
.num_list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  font-size: 0;
  padding: 36px 0 36px 7vw;
}
.num_list::-webkit-scrollbar {
  display: none;
}
.num_list .num_ball {
  border-radius: 40px;
  width: 40px;
  background: #e6e9ec;
  display: inline-block;
  height: 40px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 40px;
  font-size: 14px;
  margin-right: 12px;
}
.num_list .num_ball.click {
  background: linear-gradient(to right, #ffb800, var(--Main-color));
  box-shadow: 3px 3px 9px rgba(255, 113, 0, 0.4);
}
.sub_text_box h3 .count {
  color: var(--Main-color);
  margin-left: 5px;
  align-self: flex-start;
}
#toto_rank .toto_no {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -0.266vw;
  padding-bottom: 1.401vw;
}
#toto_rank .toto_no span {
  color: var(--Main-color);
  font-size: 1em;
}

#toto_rank span.plus {
  color: #fe5f57;
}
#toto_rank span.minus {
  color: #1da3ec;
}
#toto_rank .coin_rank_right span {
  color: #9ea3ab;
  font-size: 0.75em;
}

.talk_wrapper {
  padding: 7vw 0 7vw 7vw;
  background-color: #f2f3f6;
}
.talk_wrapper p {
  font-weight: bold;
}
.talk_wrapper > p {
  margin-right: 7vw;
}
.talk_wrapper p span {
  color: var(--Main-color);
  padding-left: 5px;
}
.talk_wrapper p .fa-sync-alt {
  color: #9ea3ab;
  float: right;
}
.talk_wrapper .talk_box {
  margin: 20px 7vw 0px 0;
  border-radius: 1.681vw;
  background-color: white;
  height: 50px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}
.talk_wrapper .talk_box textarea {
  border-radius: 1.681vw;
  box-sizing: border-box;
  border: none;
  width: 77%;
  height: 100%;
  resize: none;
  padding: 15px;
}
.talk_wrapper .talk_box input {
  height: 100%;
  width: 20%;
  position: absolute;
  right: 0;
  background-color: var(--Gray-Mid);
  color: white;
  box-shadow: none;
  border: none;
  border-radius: 0 1.681vw 1.681vw 0;
  font-size: 0.9em;
}
.talk_wrapper .talk_list .talk_div {
  padding: 20px 20px 20px 0;
  border-bottom: 0.266vw solid var(--Gray-Border);
  display: flex;
}
.talk_wrapper .talk_list .talk_div .profile_pic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
  flex-grow: 0;
}
.talk_wrapper .talk_list .talk_div div {
}
.talk_wrapper .talk_list .talk_div .text_box {
  flex-grow: 1;
}
.talk_wrapper .talk_list .talk_div .text_box div {
  width: 100%;
}
.talk_wrapper .talk_list .talk_div .text_box div p {
  width: 100%;
  font-size: 0.75em;
}
.talk_wrapper .talk_list .talk_div .text_box div p span {
  padding-left: 0;
}
.talk_wrapper .talk_list .talk_div .text_box div p .time {
  color: #9ea3ab;
  font-weight: normal;
  float: right;
}
.talk_wrapper .talk_list .talk_div .text_box div .text {
  font-size: 14px;
  font-weight: normal;
  padding-top: 6px;
  letter-spacing: -0.02em;
}
.talk_wrapper .talk_more {
  width: 100%;
  padding: 20px 7vw 20px 0;
  text-align: center;
  font-size: 0.75em;
}
.talk_wrapper .talk_more .fa-chevron-down {
  padding-left: 1.401vw;
}

/* shopping */
.shopping_banner_div {
  overflow-x: hidden;
  margin-right: -7vw;
  margin-top: 7vw;
  position: relative;
}
.shopping_banner_div .item {
  position: relative;
  margin: 0 0 20px 0;
  height: calc(100vw - 7vw);
  background-color: #efefef;
}
.shopping_banner_div .item img {
  width: 60%;
  right: -14vw;
  position: absolute;
  bottom: 7vw;
}
.shopping_banner_div .item .info {
  display: flex;
  flex-direction: column;
  padding: 7vw;
  line-height: 1.2;
  height: 100%;
}
.shopping_banner_div .item .info .name {
  font-size: 24px;
  font-weight: bold;
  margin: 5px 0;
}
.shopping_banner_div .item .info .desc {
  font-size: 14px;
  font-weight: normal;
  width: 75%;
  color: var(--Gray-Mid);
  flex-grow: 1;
}
.shopping_banner_div .item .info .limited {
  color: var(--Main-color);
  font-weight: bold;
}
.shopping_banner_div .item .info .limited p {
  font-size: 12px;
}
.shopping_banner_div .item .info .limited h2 span {
  font-weight: 300;
}
.shopping_banner_div .item .info .timer {
  font-size: 24px;
  top: 7vw;
  left: 7vw;
  font-weight: 200;
}

.shopping_banner_div .shopping_timer {
  position: absolute;
  font-size: 1.5em;
  top: 7vw;
  left: 7vw;
  font-weight: 200;
}
.shopping_banner_div .ex {
  font-size: 10px;
  color: var(--Gray-Light);
}
.shop_list {
  margin-top: 7vw;
  padding-bottom: calc(var(--bottom));
}
.shop_list .sub_text_box {
  margin-bottom: 20px;
}
.shop_list .list_sort {
  margin-top: -10px;
}
.list_sort {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.list_sort p {
  flex-grow: 1;
  font-size: 18px;
  font-weight: bold;
}
.list_sort span {
  margin-right: 20px;
  text-align: right;
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: bold;
  color: var(--Gray-Light);
}
.list_sort span img {
  vertical-align: initial;
}
.list_sort span.current {
  color: var(--Gray-Dark);
}
.list_sort span:last-child {
  margin-right: 0;
  position: relative;
}
.list_sort .fa-search {
  position: absolute;
  font-size: 0.75em;
  right: 0;
  bottom: 14%;
}
.list_sort .search {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.list_sort .sort_text {
  border: none;
  display: inline-block;
  padding: 10px;
  width: 30vw;
}

.list_div .shopping_div {
  width: calc(50% - 3px);
}
.items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list_div .list_img_div {
  background-color: #efefef;
  width: 100%;
  height: 41.333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list_div .list_img_div img {
  max-width: 70%;
  max-height: 70%;
}
.list_div .shopping_div .desc {
  padding: 16px 0 7vw 0;
  font-size: 12px;
}
.list_div .shopping_div .desc p:first-child {
  font-weight: bold;
  color: var(--Gray-Light);
}
.list_div .shopping_div .desc h5 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  word-break: keep-all;
}
.list_div .shopping_div .fus_price {
  color: var(--Main-color);
  font-size: 12px;
  margin-top: 10px;
}
.list_div .shopping_div + .app_extanal {
  margin-top: 0;
}

/* shopping_detail */
.myPost_wrapper.shopping_detail {
  padding-left: 7vw;
}
.myPost_wrapper.shopping_detail .coupon_img {
}
.shopping_option {
  width: 100%;
  margin: 7vw 0 20px 0;
}
.shopping_option td {
  padding-right: 7vw;
  flex-grow: 1;
}
.shopping_option tr {
  font-size: 13px;
}
.shopping_option th {
  width: 20%;
  text-align: left;
}
.shopping_option td select {
  width: 100%;
  -webkit-appearance: none;
  background: url(../images/basic/icon/select-down.svg) no-repeat right center;
  color: var(--Gray-Mid);
}

.shopping_option .must {
  color: #fe5f57;
}
.shopping_detail .price_area {
  display: flex;
  margin-top: 20px;
}
.shopping_detail .price {
  color: var(--Main-color);
  font-size: 24px;
}
.shopping_detail .price p,
.shopping_detail .timer_div p,
.product_info p {
  padding-top: 0;
  padding-bottom: 0;
}

.shopping_detail .price #thehae span {
  font-weight: 300;
  color: var(--Main-color);
}
.shopping_detail .price .oneDay {
  font-size: 12px;
  font-weight: bold;
}
.shopping_detail .timer_div {
  padding-right: 7vw;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-grow: 1;
  text-align: right;
  font-size: 24px;
}
.shopping_detail .timer_div p {
  font-weight: 200;
}
.product_info {
  width: 100%;
}
.shopping_detail .product_info p {
  font-size: 0.75em;
  font-weight: bold;
  width: 100%;
  color: #6b7078;
  line-height: 4.267vw;
}
.shopping_detail .product_info p:nth-child(2) {
  font-weight: normal;
}
.shopping_detail .buy_btn {
  background-color: var(--Main-color);
  color: white;
  font-weight: bold;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin: 7vw 7vw 0 0;
}
.shopping_wrapper .desc_div {
  padding-left: 7vw;
  padding-right: 20px;
  font-size: 12px;
  color: var(--Gray-Mid);
}
.shopping_wrapper .desc_div h3 {
  padding-bottom: 10px;
  font-size: 18px;
  color: var(--Gray-Dark);
  letter-spacing: -0.8px;
}
.shopping_wrapper .desc_div p {
  font-weight: normal;
}
.shopping_wrapper img {
  margin: 20px 0;
}
.shopping_wrapper .desc_div .warning {
  margin-top: 4vw;
}
.shopping_wrapper {
  width: 100%;
  margin-top: 7vw;
}
.shopping_wrapper img {
  width: 100%;
}
.product_footer {
  padding: 7vw;
  line-height: 4.267vw;
}
.product_footer h3 {
  font-size: 1.125em;
}
.product_footer span {
  display: block;
  font-size: 0.75em;
  margin-top: 5px;
  color: var(--Gray-Mid);
  word-break: keep-all;
}
.product_footer p {
  font-weight: bold;
  padding-top: 4vw;
  font-size: 0.75em;
}

/* pay */
.online_gift,
.pay_method,
.product,
.pay_check,
.refund_policy {
  border-bottom: 1.6vw solid #f2f3f6;
}
.online_gift {
  padding: 10px 7vw 15px 7vw;
}
.pay_method {
  padding: 7vw 7vw 15px 7vw;
}
.product {
  padding: 7vw 7vw 0px 7vw;
  display: flex;
  flex-wrap: wrap;
}
.online_gift h3,
.pay_method h3 {
  letter-spacing: -0.266vw;
  padding-bottom: 1.333vw;
  font-size: 1em;
}
.online_gift p,
.pay_method p {
  font-size: 12px;
  color: var(--Gray-Mid);
}
.online_gift .input_data,
.pay_method .input_data {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  padding-top: 7px;
}
.online_gift .input_div .must,
.pay_method .input_div .must {
  display: inline-block;
}
.online_gift .input_div .input_data,
.pay_method .input_div .input_data {
  font-size: 1em;
  width: 100%;
  color: var(--Gray-Dark);
  display: flex;
  align-items: center;
}
.online_gift .input_div .input_data .value,
.pay_method .input_div .input_data .value {
  flex-grow: 1;
  line-height: 24px;
}
.pay_method .input_div .input_data .value {
  font-size: 18px;
}
.pay_method .input_div .input_data {
  position: relative;

  font-size: 1em;
  width: 100%;
  color: var(--Main-color);
  font-weight: bold;
}
.pay_method .input_div .input_data span,
.product .total_price .input_data .price span {
  font-weight: normal;
}
.pay_method .input_div .input_data .fa-chevron-right {
  font-weight: normal;
  color: var(--Gray-Dark);
}
.pay_method .input_div .input_data input[type="button"] {
  right: 55%;
  width: 9.333vw;
  line-height: 5.867vw;
  color: var(--Gray-Dark);
  border: 0.267vw solid var(--Gray-Dark);
  top: 0;
  font-weight: bold;
  font-size: 0.625em;
  vertical-align: top;
  position: initial;
  margin-left: 5px;
}
.product .img {
  width: 16vw;
  height: 16vw;
  background: var(--Gray-Pale) no-repeat center;
  background-size: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product .img img {
  max-width: 70%;
  max-height: 70%;
}
.product .product_info {
  line-height: 1.45;
  padding-left: 20px;
  width: auto;
  flex-grow: 1;
  max-width: calc(100% - 80px);
}
.product .product_info span {
  font-weight: bold;
}
.product .product_info .bold {
  color: var(--Gray-Dark);
  font-weight: normal;
  font-size: 14px;
}
.product .product_info .option {
  color: var(--Gray-Mid);
  font-size: 12px;
}
.product .total_price {
  margin-top: 20px;
  position: relative;
  width: 100%;
  padding: 20px 0 0 0;
}
#pay .product,
#order .product {
  border-bottom: 1.6vw solid var(--Gray-Pale);
  margin-left: 0;
  padding-left: 7vw;
  padding-top: 7vw;
}
#pay .product::after,
#order .product::after {
  display: none;
}

.product .total_price::before {
  content: "";
  position: absolute;
  width: 300%;
  transform-origin: left top;
  transform: scale(0.34);
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--Gray-Dark);
  opacity: 0.3;
}
.product .total_price p {
  font-size: 0.875em;
  width: 100%;
  font-weight: bold;
  line-height: 4.8vw;
}
.product .total_price p .price {
  font-size: 1.125em;
  color: var(--Main-color);
  float: right;
}
.pay_agree {
  padding: 20px 7vw 13.333vw 7vw;
  font-size: 0.875em;
  padding-bottom: calc(var(--safebottomcon) + var(--bottomBtn) + 20px);
  padding-bottom: calc(var(--safebottomenv) + var(--bottomBtn) + 20px);
  display: flex;
}
.pay_agree .check_div {
  display: inline-block;
  width: 6.4vw;
  height: 6.4vw;
  background-size: 100%;
  border-radius: 6.4vw;
  margin-right: 5px;
}
.pay_agree span {
  vertical-align: super;
}
.pay_agree a {
  line-height: 6.4vw;
  font-weight: bold;
  border-bottom: 0.267vw solid var(--Gray-Dark);
  margin-left: 1.333vw;
}

/* pay_done */
.pay_check {
  padding: 10px 7vw 7vw 7vw;
}
.pay_check p {
  font-size: 0.875em;
  color: var(--Gray-Dark);
  line-height: 4.8vw;
  padding-bottom: 7vw;
}
.pay_check p span {
  color: var(--Main-color);
  font-weight: bold;
}
.pay_check a {
  font-size: 0.875em;
  border-bottom: 0.267vw solid var(--Gray-Dark);
  font-weight: bold;
  letter-spacing: -0.267vw;
}
.refund_policy {
  border-bottom: none;
  padding: 7vw 7vw 0 7vw;
  padding-bottom: calc(var(--safebottomcon) + var(--bottomBtn) + 20px);
  padding-bottom: calc(var(--safebottomenv) + var(--bottomBtn) + 20px);
}
.refund_policy p {
  font-weight: bold;
  font-size: 0.75em;
  padding: 10px 0 5px 0;
}
.refund_policy p:first-of-type {
  padding-top: 0;
}
.refund_policy span {
  font-size: 0.75em;
  color: var(--Gray-Mid);
  letter-spacing: -0.133vw;
  line-height: 20px;
  display: block;
}
#order .pay_check p {
  font-size: 1em;
  padding-bottom: 0;
  font-weight: bold;
}
#order .pay_check span {
  font-size: 0.75em;
  display: block;
  color: var(--Gray-Mid);
  padding-bottom: 20px;
  padding-top: 5px;
}

.bottom_menu {
  text-align: center;
}
.bottom_menu p {
  font-weight: bold;
}
.bottom_menu p span:first-child {
  font-weight: bold;
}
.bottom_menu p span:nth-child(2) {
  font-weight: normal;
}

/* order */

/* 커뮤니티 */
.attendance {
  padding: 30px 0;
  margin-right: -7vw;
}
.attendance img {
  width: 100%;
}
.board_wrapper {
  margin-right: -7vw;
  margin-top: 7vw;
}
.board_wrapper .list_sort,
.board_wrapper .preview_text,
.board_wrapper .preview_img {
  padding-right: 7vw;
}
.myPost_wrapper .board_wrapper .preview_text {
  padding-top: 20px;
}
.board_wrapper .list_sort {
  position: relative;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  height: 45px;
}
.board_wrapper .list_sort::after {
  content: "";
  display: block;
  width: 300%;
  height: 1px;
  background-color: var(--Gray-Dark);
  transform-origin: left bottom;
  transform: scale(0.34);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
}
.board_wrapper .board_preview {
  padding-top: 20px;
}
.board_wrapper .preview_img img {
  width: 100%;
  height: auto;
}
.board_wrapper .preview_text p span.ctn {
  /*display: -webkit-box;*/
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.4;
}
.board_wrapper .preview_text p span.category {
  padding-right: 5px;
  font-weight: bold;
  color: var(--Main-color);
}
.board_wrapper .preview_img {
  max-height: calc(100vw - 14vw);
  overflow: hidden;
}
.board_wrapper .preview_text + .preview_img {
  margin-top: 20px;
}
.board_wrapper .preview_img::before {
}
.board_wrapper .board_list .preview_img + .preview_reply {
  margin-top: 5px;
}
.board_list {
  position: relative;
  overflow-x: hidden;
}
.board_list::after {
  content: "";
  display: block;
  width: 300%;
  height: 1px;
  background-color: var(--Gray-Dark);
  transform-origin: left bottom;
  transform: scale(0.34);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.4;
}
.board_list:last-child:after {
  display: none;
}
.board_wrapper .board_list .preview_reply {
  font-size: 12px;
  color: #9ea3ab;
  padding: 10px 7vw 20px 0;
}
/* .board_wrapper .board_list .preview_reply > span:first-child {
  color: var(--Gray-Dark);
} */
.board_wrapper .board_list .preview_reply div {
  float: right;
  display: inline-block;
  padding: 0;
}
.board_wrapper .board_list .preview_reply div span {
  margin-left: 4vw;
}
#community_body {
  padding-bottom: calc(var(--bottom) + var(--safebottomcon));
  padding-bottom: calc(16px + var(--bottom) + var(--safebottomenv));
}
.board_wrapper + .app_extanal {
  margin-top: 10px;
}
/* view */

.view_wrapper {
  padding: 0 7vw 1.333vw 7vw;
  width: 100%;
  flex-grow: 1;
}
.writer {
  display: flex;
  align-items: center;
  flex-grow: 100;
}
.writer .user {
  flex-grow: 1;
}
.writer .post-more {
  position: relative;
}
.writer .post-more .on .fa-ellipsis-h {
  color: var(--Gray-Dark);
}
.writer .post-more .mores {
  position: absolute;
  right: 0;
  top: 7vw;
  border-radius: 8px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 10;
  background-color: #fff;
  display: none;
}
.writer .post-more .mores li {
}
.writer .post-more .mores li a {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 6px;
  width: 100%;
  font-size: 0.8em;
  white-space: nowrap;
  height: 50px;
  border-top: 1px solid var(--Gray-Border);
  padding: 0 20px;
}
.writer .post-more .mores li:first-child a {
  border: none;
}
.writer .fa-chevron-left,
.writer .fa-ellipsis-h {
  vertical-align: initial;
  font-size: 1.5em;
}
.writer .fa-ellipsis-h {
  float: right;
  color: #dde0e4;
}
.writer .profile_pic {
  height: 40px;
  width: 40px;
  border-radius: 34px;
  vertical-align: top;
  background-size: cover;
  margin-right: 10px;
}

.profile_pic {
  width: 22%;
  padding: 0 4vw;
  border-radius: 34px;
  vertical-align: top;
  background-size: cover;
  background-position: center;
}
.profile_pic img {
  width: 100%;
  height: auto;
}
.writer p select {
  font-size: 0.75em;
  color: #9ea3ab;
  text-align: left;
  border: none;
  padding: 0;
  outline: none;
  font-size: 12px;
  margin-top: 3px;
  padding-right: 7vw;
  background-size: auto 30%;
}
.writer input[type="button"] {
  border: none;
  float: right;
  font-size: 1em;
  color: #d8d8d8;
  background: none;
  font-weight: bold;
  line-height: 34px;
  padding-top: 2%;
}
.view_wrapper .content {
  padding-top: 20px;
}
.content .attached {
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 7vw;
  padding: 0 15px;
  text-decoration: underline;
}
.content .attached + .attached {
  margin-top: -20px;
}
.content .attached .file-name {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.content .attached a:last-child {
  flex-shrink: 0;
  flex-grow: 0;
}
.content .attached .file-name::before {
  background: url(../images/basic/icon/attached.svg) no-repeat left center;
  content: "";
  height: 18px;
  width: 25px;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.write_wrapper .content .attached {
  margin-top: 20px;
  margin-bottom: 0;
}
.write_wrapper .content .attached + .attached {
  margin-top: 10px;
}
.write_wrapper .content .attached a:last-child {
  opacity: 0.4;
}
.view_wrapper + .content_img {
  margin-top: 7vw;
}
.view_wrapper .content p {
  font-size: 1.125em;
  line-height: 21px;
  color: var(--Gray-Dark);
  word-break: break-all;
}
.view_wrapper .content select {
  display: block;

  box-sizing: border-box;
  height: 50px;
  background-color: var(--Gray-Pale);
  border-radius: 1.6vw;
  font-size: 1em;
  padding: 0 20px;
  color: var(--Gray-Dark);
  flex-shrink: 0;
}
.view_wrapper.write_wrapper {
  padding-bottom: 0;
  padding: 0;
}
.view_wrapper.write_wrapper form select {
  margin: 0 7vw;
  flex-shrink: 0;
}
.view_wrapper.write_wrapper form #file_list {
  padding: 0 7vw;
  width: 100vw;
  flex-shrink: 0;
}
.view_wrapper.write_wrapper form .img_box .del_box.on {
  margin: 0;
}
.view_wrapper .content.write-form form textarea {
  padding-left: 7vw;
  padding-right: 20px;
  margin-right: 10px;
  width: auto;
  display: block;
}
.view_wrapper.write_wrapper .chat_option {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  left: 0;
  width: 100%;
  padding-left: 10px;
}
.view_wrapper .content.write-form {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-top: 0;
}
.view_wrapper .content.write-form > * {
  flex-shrink: 0;
}
.view_wrapper .content.write-form textarea {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 18px;
  padding: 0;
}
.view_wrapper .content textarea {
  margin-top: 21px;
  border: none;
  resize: none;
  min-height: 40vh;
  width: 100%;
  padding-bottom: 7vw;
}
.writer span {
  font-size: 0.875em;
  font-weight: bold;
}
.writer span:first-child {
  color: var(--Main-color);
}
.writer p {
  font-size: 0.75em;
  color: #9ea3ab;
  line-height: 4.267vw;
}
.content_img {
  width: 100%;
  height: auto;
}
.content_img img {
  width: 100%;
  height: auto;
}

/* community_reply */
.community_reply_wrapper {
  padding: 20px 20px 0 20px;
}

.community_reply_wrapper p {
  font-size: 1.125em;
  line-height: 7vw;
}
#app .community_reply_wrapper .text_box div div {
  display: initial;
}
#app .community_reply_wrapper .mine .text_box {
  margin-right: 12px;
}
#app .community_reply_wrapper .mine .text_box:after {
  border-width: 6px 0 6px 12px;
}
.community_reply_wrapper p span {
  color: var(--Main-color);
}
.community_reply_wrapper .reply_div {
  padding-top: 20px;
  display: flex;
}
.community_reply_wrapper .profile_pic {
  padding-left: 0;
  padding-right: 0;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  background-size: cover;
  background-position: center;
}
.community_reply_wrapper .text_box {
  position: relative;
  width: auto;
  height: auto;
  padding: 0px;
  background: #f2f3f6;
  -webkit-border-radius: 0.625em;
  -moz-border-radius: 0.625em;
  border-radius: 0.625em;
  display: inline-block;
}
.community_reply_wrapper .text_box:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1.333vw 0.625em 1.333vw 0;
  border-color: transparent #f2f3f6;
  display: block;
  width: 0;
  z-index: 1;
  left: -0.625em;
  top: 4vw;
}
.liked {
  color: var(--Red) !important;
}
.community_reply_wrapper .text_box .con {
  padding: 5.333vw;
}
.community_reply_wrapper .text_box div p {
  font-size: 0.75em;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
}
.community_reply_wrapper .text_box div .time {
  color: #9ea3ab;
  line-height: 20px;
  float: right;
  font-weight: normal;
}
.community_reply_wrapper .text_box div .text {
  font-size: 0.875em;
  padding-top: 1.333vw;
  font-weight: normal;
}
.community_reply_wrapper .text_box .in {
  padding: 15px;
}
.community_reply_wrapper .text_box div p:last-child {
  color: #9ea3ab;
  font-weight: normal;
  margin-top: 10px;
}
.community_reply_wrapper .mine {
  color: #fff;
  justify-content: flex-end;
}
.community_reply_wrapper .mine .text_box {
  margin-right: 20px;
  flex-shrink: 1;
  text-align: left;
  background: var(--Gray-Mid);
}
.community_reply_wrapper .mine .text_box:after {
  border-width: 1.333vw 0 1.333vw 12px;
  border-color: transparent var(--Gray-Mid);
  left: auto;
  right: -2.667vw;
}
.community_reply_wrapper .mine .text_box div p {
  color: white;
}
.community_reply_wrapper .mine .text_box .reply_del,
.community_reply_wrapper .mine .text_box .reply_edit {
  float: right;
  color: white;
  margin-left: 26px;
}
.view_bottom_menu {
  padding: 7vw 0 0 0;
  position: fixed;
  padding-bottom: calc(10px + var(--safebottomcon));
  padding-bottom: calc(10px + var(--safebottomenv));
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
  width: 100%;
  z-index: 50;
}
.write_btn {
  position: fixed;
  right: 0;
  bottom: calc(var(--bottom) + var(--safebottomenv) + 10px);
  box-shadow: 5px 5px 20px rgba(255, 113, 0, 0.48);
}
.view {
  display: flex;
  flex-direction: column;
  padding-bottom: calc(95px + var(--safebottomenv));
  min-height: 100vh;
}
.view_bottom_menu .like_btn,
.write_btn,
.view_bottom_menu .reply_btn {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 2.933vw;
  float: right;
  margin-right: 4vw;
}
.view_bottom_menu .like_btn {
  font-size: 24px;
  color: #9ea3ab;

  text-align: center;
  transition: 0.2s;
  background: #dde0e4 url(../images/basic/icon/like-btn.svg) no-repeat center;
}
.view_bottom_menu .like_btn svg {
  display: none;
}
.view_bottom_menu .like_btn.ed {
  color: #fff;
  background-color: var(--Red);
  background-image: url(../images/basic/icon/liked-btn.svg) !important;
  box-shadow: 3px 3px 8px rgba(255, 83, 83, 0.48);
}

.like.ed {
  color: var(--Red) !important;
}
.view_bottom_menu .like_btn .fa-heart {
  vertical-align: text-bottom;
  color: #fff;
}
.reply_btn {
  box-shadow: 3px 3px 8px rgba(255, 113, 0, 0.48);
}
.view_bottom_menu .reply_btn,
.write_btn {
  background: linear-gradient(to right, #ffb800, var(--Main-color));
  display: flex;
  align-items: center;
  justify-content: center;
}
.view_bottom_menu .reply_btn.on {
  background: var(--Gray-Dark);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}
.view_bottom_menu .reply_btn::before {
  content: "";
  background: url(../images/basic/icon/reply-w.svg) no-repeat center center;
  width: 100%;
  height: 100%;
  background-size: 80% auto;
}
.view_bottom_menu .reply_btn.on::before {
  background-image: url(../images/basic/icon/close-w.svg);
  background-size: 60% auto;
}
.view_bottom_menu .reply_btn img {
  width: 80%;
  display: none;
}

.view_bottom_menu p {
  color: var(--Gray-Dark);
  padding-left: 6.667vw;
  display: inline-block;
  line-height: 14.667vw;
}
.view_bottom_menu p img {
  width: 3.733vw;
  height: auto;
  vertical-align: baseline;
}
.reply_box,
.reply_edit_box {
  width: calc(100% - 40px);
  position: fixed;
  display: none;
  margin: 0 20px;
  z-index: 3;
  bottom: 26.667vw;
  overflow: visible;
  padding-top: 20px;
}
.reply_box.on {
  overflow: visible !important;
}
.reply_box .text_box input,
.reply_edit_box .text_box input {
  width: 100%;
  border-radius: 1.6vw;
  line-height: 13.333vw;
  color: white;
  background-color: #ffb800;
  font-size: 1em;
  border-style: none;
  font-weight: bold;
}
.reply_box .text_box,
.reply_edit_box .text_box {
  position: relative;
  height: auto;
  background: var(--Gray-Dark);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}
.reply_box .text_box:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 20px 2.667vw 0;
  border-color: var(--Gray-Dark) transparent;
  display: block;
  width: 0;
  z-index: 1;
  bottom: -20px;
  right: 2.667vw;
}
.reply_box .text_box textarea,
.reply_edit_box .text_box textarea {
  width: 100%;
  border: none;
  background: none;
  resize: none;
  box-sizing: border-box;
  overflow-y: scroll;
  color: white;
  padding: 10px;
  font-size: 1.125em;
  font-family: sans-serif;
  display: block;
}
.reply_edit_box {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  /* backdrop-filter: blur(7vw);
  -webkit-backdrop-filter: blur(7vw); */
  /* background-color: rgba(255, 255, 255, 0.5); */
  background-color: #fff;
  z-index: 100;
  margin: 0;
}
.reply_edit_box .reply_edit_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.reply_edit_box .text_box {
  width: 100%;
}
.reply_edit_box .text_box input + input {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.2);
}
.comment-edit {
  overflow: hidden;
}
.comment-edit > * {
  filter: blur(40px);
  pointer-events: none;
}
.comment-edit .reply_edit_box {
  filter: initial;
  pointer-events: all;
}

/* more */
#more_body .wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100% - var(--top) - var(--bottom));
}
#more_body .icon_menu {
  padding-bottom: 10px;
  margin: 0 -10px;
}
#more_body .icon_menu #more_icon > div {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 20px 0;
}
#more_body .icon_menu #more_icon .img {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 26px;
  justify-content: center;
  position: relative;
  margin: 14px 0;
}
#more_body .icon_menu #more_icon .new .img::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--Red);
  position: absolute;
  top: -5px;
  right: -5px;
  content: "";
}
#more_body .icon_menu #more_icon div p span {
  color: var(--Main-color);
}
#more_body table {
  font-size: 0.813em;
  width: 100%;
}
#more_body table tr {
  position: relative;
  display: flex;
  align-items: center;
  height: 55px;
  overflow-x: hidden;
}
#more_body table tr::after {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: left bottom;
  transform: scale(0.34);
  opacity: 0.3;
}
#more_body table tr:first-child::before {
  content: "";
  border-bottom: 1px solid var(--Gray-Dark);
  width: 300%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(0.34);
  opacity: 0.3;
}
#more_body table tr th {
  font-weight: normal;
  text-align: left;
}
#more_body table tr td {
  color: #9ea3ab;
  text-align: right;
  flex-grow: 1;
}
#more_body .co_info {
  font-size: 0.625em;
  color: #9ea3ab;
  display: block;
  padding: 20px 0;
  flex-grow: 1;
}
#more_body .footer_div {
  border-top: none;
  padding-bottom: 7vw;
}
#more_body .footer_div .sms_logo_div {
  padding: 0 0 0 0;
}

#more_body .icon {
  display: flex;
  flex-wrap: wrap;
}

/* notice */
.cancel .img,
.end .event_img {
  position: relative;
}
/* .cancel .img::before,
.end .event_img::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100%);
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/basic/img/canceled.svg) no-repeat center;
  background-size: 100% 100%;
}
.end .event_img::before {
  background-image: url(../images/basic/img/end.svg);
} */
.myPost_wrapper {
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
}
.myPost_wrapper.view {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.myPost_wrapper.view .notice_regDate {
  padding-bottom: 0;
  margin-top: 30px;
}
.myPost_wrapper.view .go-list {
  margin: 7vw;
  border-radius: 6px;
  border: 2px solid var(--Gray-Dark);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  font-weight: bold;
}
.myPost_wrapper.view .img_view_wrap {
  margin-top: 30px;
}
.myPost_wrapper.view .content-in {
  flex-grow: 1;
}
.myPost_wrapper.view .content .notice_content {
  margin-bottom: 0;
}
.myPost_wrapper .app_extanal {
  margin: 7vw;
}
.myPost_wrapper .board_wrapper {
  margin-left: 7vw;
  margin-right: 0;
  margin-top: 0;
}

.myPost_wrapper .product {
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
  position: relative;
  padding-left: 0;
  margin-left: 7vw;
}
.myPost_wrapper .product.cancel {
  text-decoration: line-through;
}
.myPost_wrapper .product.cancel::before {
  position: absolute;
  right: 20px;
  bottom: 20px;
  content: "취소된주문";
  font-size: 10px;
  color: var(--Gray-Light);
  font-weight: bold;
}
.myPost_wrapper .product.cancel .cc_mark {
  position: absolute;
  font-size: 10px;
  font-weight: bold;
  color: var(--Red);
  right: 20px;
  bottom: 20px;
}
.myPost_wrapper .product:first-of-type {
  padding-top: 0;
}
.myPost_wrapper .product::after {
  content: "";
  display: block;
  position: absolute;
  width: 300%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--Gray-Dark);
  transform-origin: left bottom;
  transform: scale(0.34);
  opacity: 0.3;
}
.myPost_wrapper .rank_menu {
  padding-top: 0;
}
#more_board .rank_menu .ul_menu_div {
  padding: 10px 7vw 20px 7vw;
}
#more_board .banner_img{
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center center;
  max-width:100%;
  height: 48.3092vw;
}
#more_board .banner_img img{
  max-width:100%;
}

.myPost_wrapper .post_list {
  padding: 0;
  padding-left: 7vw;
}
.myPost_wrapper .post_list .post {
  padding: 20px 0 0 0px;
  border: none;
  overflow-x: hidden;
}

.myPost_wrapper .post_list .post:first-of-type {
}
.myPost_wrapper .post_list .post:after {
  content: "";
  display: block;
  border-bottom: 1px solid var(--Gray-Dark);
  left: 0;
  bottom: 0;
  transform-origin: left bottom;
  transform: scale(0.34);
  opacity: 0.3;
  width: 300%;
}
.post {
  margin-left: 7vw;
  position: relative;
}
.post.new .text > *:first-child {
  position: relative;
}
.post.new .text > *:first-child::before {
  position: absolute !important;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: var(--Red);
  left: -15px;
  top: 8px;
  content: "";
}
.post .text {
  padding-right: 20px;
  position: relative;
  padding-bottom: 20px;
}
.post .text h3 {
  font-weight: normal;
  font-size: 16px;
}
.post .text .con {
  font-size: 13px;
  color: var(--Gray-Mid);
}
.post .text .con + span {
  font-size: 12px;
  color: var(--Gray-Light);
}
.post span {
  color: #9ea3ab;
}
.post .text .q {
  background: url(../images/basic/icon/q.svg) no-repeat left 2px;
  padding-left: 20px;
  font-size: 14px;
}
.post .text .a {
  background: url(../images/basic/icon/a.svg) no-repeat left 2px;
  padding-left: 20px;
  font-size: 14px;
  color: var(--Gray-Mid);
  margin-top: 10px;
  display: none;
}

#more_board .ul_menu_div {
  padding: 0 7vw 0 7vw;
}
#more_board .post_list .text > div {
  position: relative;
}
#more_board .post_list .text > div.con {
  margin: 10px 0;
}
#more_board .post_list .text img {
  width: 3.2vw;
  height: auto;
  background-size: 100%;
  position: absolute;
  top: 2.933vw;
}
#more_board #notice .post_list .text span {
  padding-left: 0;
}
#more_board .post_list .text span {
  width: 100%;
  display: inline-block;
  font-size: 0.875em;
  padding-left: 6%;
}
#more_board .post_list .text .q span {
  color: var(--Gray-Dark);
}
#more_board .main_top h1 img {
}
#more_board .banner_div {
}
#more_board .event .text {
  padding: 21px 7vw;
}
#more_board .event .text span {
  padding-left: 0;
  font-weight: bold;
  color: #9ea3ab;
  font-size: 0.75em;
}
#more_board .event .text .title {
  font-size: 14px;
  letter-spacing: -0.267vw;
  margin-top: 10px;
}
#more_board .post_list .title p {
  font-weight: normal;
  padding: 0;
  line-height: 20px;
}
#more_board .event .event_img {
  background-color: #f3f3f3;
}
#more_board .event .event_img img {
  width: 100%;
  height: auto;
}
#more_board .event {
  padding-bottom: 20px;
}
#more_board .event.end {
  color: var(--Gray-Light);
}
#more_board .event.end .text span {
  font-size: 0;
}
#more_board .event.end .text span::before {
  content: "종료된 이벤트";
  font-size: 12px;
}
#event_body .myPost_wrapper .post_list {
  padding: 0;
}

/* notice */

/* faq */
#more_board .faq_box {
  height: 49.6vw;
  margin: 0 7vw 10px 7vw;
  padding: 5.333vw;
  border: 0.267vw solid #dde0e4;
  border-radius: 8px;
  position: relative;
}
#more_board .faq_box textarea {
  width: 100%;
  border: none;
  height: 87%;
  resize: none;
  font-size: 1em;
  overflow-y: scroll;
}
#more_board .faq_box div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5.333vw;
}
#more_board .faq_box .faq_option {
  bottom: 8%;
  font-size: 1.125em;
  line-height: 4.8vw;
  color: #9ea3ab;
}
#more_board .faq_box .attach {
  width: 4.8vw;
  height: 4.8vw;
  border-radius: 4.533vw;
  background-color: #9ea3ab;
  color: white;
  text-align: center;
  font-size: 0.625em;
  line-height: 4.267vw;
}
#more_board .faq_btn {
  margin: 0.625em 7vw;
  font-size: 0.875em;
  font-weight: bold;
  color: white;
  text-align: center;
  background-color: var(--Main-color);
  border-radius: 8px;
  line-height: 13.333vw;
}
#more_board .post_list .post .title p {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 15px;
}
#more_board .post_list .post .faq_a {
  display: none;
}
#more_board .post_list .post .faq_q {
  padding: 0px 0 20px 0;
  position: relative;
}
#more_board .post_list .post .faq_q p {
  font-size: 14px;
  padding-bottom: 0;
  width: 72%;
  font-weight: normal;
}
#more_board .post_list .post .date {
  font-size: 12px;
  color: #9ea3ab;
  margin-top: 5px;
}
#more_board .post_list .post .faq_q .faq_state {
  position: absolute;
  right: 0;
  top: 0;
  width: 13.867vw;
  line-height: 6.4vw;
  right: 7vw;
  border: 0.267vw solid var(--Gray-Dark);
  font-size: 0.625em;
  text-align: center;
  font-weight: bold;
}
#more_board .post_list .post .faq_q .faq_state.a_y {
  border: 0.267vw solid var(--Main-color);
  color: var(--Main-color);
}
#more_board .post_list .post .faq_a {
  font-size: 0.875em;
  color: var(--Gray-Mid);
  font-weight: normal;
  padding-bottom: 20px;
  padding-right: 20px;
}
#more_board .post_list .post .faq_a p {
  font-weight: normal;
  font-size: 14px;
}
#more_board .post_list .post .faq_a .ans {
  color: var(--Main-color);
  font-weight: bold;
}

/* rank */

#more_board .rank_list .rank_all {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--top) - var(--safetopcon) - 56px);
  height: calc(100vh - var(--top) - var(--safetopenv) - 66px);
}
#more_board .rank_list .rank_all .ranks {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  padding-bottom: 15px;
}
#more_board .rank_list .rank_all .my_rank {
  background-color: var(--Gray-Pale);
  padding-bottom: calc(20px + var(--safebottomcon));
  padding-bottom: calc(20px + var(--safebottomenv));
  padding-top: 20px;
  padding-left: 7vw;
  padding-right: 7vw;
  flex-grow: 0;
  flex-shrink: 0;
}
#more_board .rank_list .rank_all .my_rank .my_upto_rank {
}
#more_board .rank_list .rank_all > div {
  padding: 0 7vw;
}

/* invite */
#invite_body {
  background-color: #ffeee3;
  padding-top: var(--safetopcon);
  padding-top: var(--safetopenv);
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
  height: initial;
}
#invite_body .wrapper {
  padding: 7vw;
}
#invite_body .wrapper h3 {
  color: var(--Main-color);
  font-size: 20px;
  font-family: "NanumSquareRound";
  line-height: 7vw;
}
#invite_body .wrapper h1 {
  color: var(--Main-color);
  font-size: 34px;
  font-family: "NanumSquareRound";
  font-weight: bolder;
  line-height: 34px;
}
#invite_body .wrapper p {
  font-family: "NanumSquareRound";
  color: #816859;
  font-weight: bold;
  line-height: 7vw;
}
#invite_body .wrapper .top_title {
  color: #5e3b25;
  width: 100%;
  padding-bottom: 7vw;
}
#invite_body .wrapper .top_title p {
  width: 100%;
  font-size: 3.6vw;
  font-family: "NanumSquareRound";
  color: #816859;
  font-weight: bold;
}
#invite_body .wrapper .top_title p .fa-times {
  float: right;
  font-size: 4.8vw;
  color: black;
}
#invite_body .wrapper .top_title span {
  font-size: 2.133vw;
  font-weight: bold;
  height: 20px;
  border: 0.267vw solid #5e3b25;
  border-radius: 0.8vw;
  width: 13.333vw;
  display: inline-block;
  line-height: 20px;
  text-align: center;
}
#invite_body .invite_img {
  background-image: url("../images/basic/event/event-invite.svg");
  width: 90.133vw;
  height: 86.133vw;
  background-size: 100%;
  margin-left: 4.533vw;
}
#invite_body .wrapper .my_code {
  width: 57.333vw;
  text-align: center;
  background-color: white;
  border-radius: 21px;
  margin: 4vw auto 7vw auto;
}
#invite_body .wrapper .my_code p {
  line-height: 12vw;
  color: var(--Main-color);
  font-size: 0.875em;
}
#invite_body .wrapper .my_code p .fa-clone {
  color: var(--Gray-Dark);
  padding-left: 1.333vw;
}
#invite_body #invite_wrapper .sub_tit {
  position: relative;
  padding-bottom: 4.8vw;
}
#invite_body #invite_wrapper .sub_tit .under_line {
  position: absolute;
  background-color: #ffb800;
  height: 2.133vw;
  width: 36.8vw;
  z-index: -1;
  top: 20%;
}
#invite_body #invite_wrapper .sub_tit p {
  color: #5e3b25;
  font-size: 1.125em;
  line-height: 21px;
}
.invite_btn {
  width: 100%;
  height: 16vw;
  background-color: white;
  border-radius: 0.625em;
  margin-top: 0.625em;
  padding: 4vw;
  font-size: 1em;
}
#invite_body .wrapper .invite_btn p {
  color: #5e3b25;
}
.invite_btn p {
  display: inline-block;
  width: 78%;
  line-height: 9.867vw;
}
.invite_btn .icon {
  width: 15%;
  display: inline-block;
  padding-right: 3%;
  padding-left: 1%;
}
.invite_btn img {
  width: 100%;
}
#invite_body .notice {
  padding-top: 7vw;
}
#invite_body .notice p {
  color: #cd8f00;
  font-family: "NanumSquareRound";
}
#invite_body .notice span {
  display: block;
  font-size: 0.625em;
  font-family: "NanumSquareRound";
  color: #9d8244;
  line-height: 4vw;
  font-weight: lighter;
}

/* user_info */

#user_info {
  position: relative;
}
#user_info .background {
  position: absolute;
  z-index: -1;
  -webkit-filter: blur(15px) brightness(50%);
  -moz-filter: blur(15px) brightness(50%);
  -o-filter: blur(15px) brightness(50%);
  -ms-filter: blur(15px) brightness(50%);
  filter: blur(15px) brightness(50%);
  background: black;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  text-align: center;
}
#user_info .background img {
  height: 100%;
  position: absolute;
  left: -50%;
}
#user_info .profile_pic {
  width: 32vw;
  height: 32vw;
  border-radius: 32vw;
  margin: 0 auto;
}
#user_info .user_info {
  text-align: center;
  line-height: 9.333vw;
}
#user_info .user_info_btn {
  bottom: 0;
  margin-top: 66.667vw;
  color: white;
  padding: 0 4.8vw 26.667vw 4.8vw;
  font-size: 0.75em;
}
#user_info .user_info_btn .btn {
  display: inline-block;
  height: 24vw;
  text-align: center;
  padding: inherit;
}
#user_info .user_info_btn .btn .icon {
  height: 16vw;
  padding-top: 4vw;
}

/* chat - list */

.search_div {
  width: 100%;
  height: 13.333vw;
  background-color: #f2f3f6;
  border-radius: 21px;
  margin: 0.625em 0;
}
.search_div input {
  background: none;
  border: none;
  padding: 4.533vw 4vw 4.533vw 7vw;
  width: 73%;
  font-size: 0.875em;
}
.search_div img {
  width: 4vw;
  height: auto;
}
.chat_list .check_div {
  width: 6.4vw;
  height: 6.4vw;
  border-radius: 6.4vw;
  background-size: 100%;
  display: inline-block;
  float: right;
  margin-top: 6.4vw;
}
.chat_list .party_member_div .member_info p {
  width: 86%;
  display: inline-block;
  padding-top: 6.4vw;
}

/* pop up */
#popupDiv {
  /* 팝업창 css */
  top: 15%;
  z-index: 3;
  position: absolute;
  background: white;
  width: 94.667vw;
  display: none;
  border-radius: 6.4vw;
  overflow: scroll;
  height: 65%;
}

#popup_mask {
  /* 팝업 배경 css */
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  background-color: #000;
  opacity: 0.7;
}
#popupDiv .search {
  padding: 7vw 7vw 0 7vw;
  border-bottom: 0.267vw solid rgb(37, 45, 58, 0.5);
}
#popupDiv .pop_tit {
  padding: 7vw 7vw 0 7vw;
}
#popupDiv .pop_tit h2 {
  font-size: 1.5em;
  color: var(--Gray-Dark);
  width: 100%;
  line-height: 9.333vw;
}
#popupDiv .pop_tit h2 .fa-times {
  float: right;
}
#popupDiv .pop_tit p {
  font-size: 0.875em;
  line-height: 20px;
}
#popupDiv .search .ul_menu_div {
  padding-top: 0;
}
#popupDiv .search .input_div input[type="text"] {
  border-bottom: none;
}
#popupDiv .search .input_div input[type="button"] {
  top: 35%;
  width: 34px;
  font-weight: bold;
}
#popupDiv .search_list {
  padding: 5.333vw;
}
#popupDiv .search_list .party_member_div .member_info .member {
  padding-top: 6.4vw;
}
#popupDiv .search_list .party_member_div .member_info .member img {
  float: right;
  padding-top: 1.067vw;
  width: 4.267vw;
}
.menu_border {
  color: var(--Main-color);
  border: 0.267vw solid var(--Main-color);
}
.poped .pop {
  filter: initial;
  -webkit-filter: initial;
  display: flex;
  padding: 7vw;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.confirm_popupDiv {
  border-radius: 16px;
  z-index: 1;
  background-color: white;
  filter: initial;
  box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.confirm_popupDiv .pop_text {
  padding: 7vw;
  text-align: center;
}
.confirm_popupDiv .pop_text h3 {
  font-size: 18px;
  padding-bottom: 12px;
}
.confirm_popupDiv .pop_text textarea {
  font-size: 14px;
  border: none;
}
.confirm_popupDiv .bottom_menu {
  height: 14vw;
  padding: 0;
  background: none;
  position: relative;
  display: flex;
}
.confirm_popupDiv .bottom_menu div {
  height: 100%;
  display: inline-block;
  width: 50%;
  line-height: 14vw;
  font-size: 14px;
  flex-grow: 1;
}
.confirm_popupDiv .bottom_menu div:first-child:nth-last-child(1) {
  background: linear-gradient(to right, #ffb800, var(--Main-color));
}
.confirm_popupDiv .bottom_menu div:first-child {
  background: var(--Gray-Mid);
}
.confirm_popupDiv .bottom_menu div:last-child {
  background: linear-gradient(to right, #ffb800, var(--Main-color));
}
/* by ksshim */
.swiper-container-horizontal > .swiper-pagination-progressbar#main_progress {
  height: 1px;
  width: calc(100% - 7vw);
  left: 7vw;
}
.swiper-container-horizontal > .swiper-pagination-progressbar#sub_progress {
  height: 1px;
  width: 100%;
  left: 0;
}
#app #community_progress {
  height: 1px;
}
#app .main_mining_guide .title p {
  color: var(--Gray-Mid);
}
#app .main_mining_guide .title p,
#app .main_mining_guide .mining_desc {
  font-weight: normal;
  margin-top: 5px;
}
#app .guide_list .num_data {
  min-width: calc(100% / 6);
  max-width: calc(100% / 4.2);
  margin-right: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
#app .guide_list .num_data:nth-child(5) {
  flex-grow: 0;
}
#app .guide_list .num_data .cnt {
  margin-bottom: 5px;
}
#app #main_sub .swiper-container {
  overflow: visible;
}
#app .help .main_baloon {
  left: 62px;
}
#app .help .main_baloon {
  margin-bottom: 0;
}
#mining_body {
  padding-bottom: calc(var(--safebottomcon) + var(--bottom) + 54px);
  padding-bottom: calc(var(--safebottomenv) + var(--bottom) + 54px);
}
#mining_body .mining_games + .app_extanal {
  margin-top: 20px;
}
#app .selected_lotto_list .text {
  font-weight: bold;
  padding: 0;
}
#app .selected_lotto_list .text span:last-child {
  width: 34px;
  text-align: center;
}
#app .selected_ball_list .default {
  margin-bottom: 0;
}
#app .eventInfo_wrapper .talk_list .talk_div .text_box div .text {
  font-size: 16px;
  font-weight: 400;
}
#app .list_wrap .bonus {
  margin-right: 0;
  margin-bottom: 0;
}
#app .lotto_num_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0 0 20px 0 !important;
}
#app .lotto_num_list .num_ball,
#app .num_ball,
#app .selected_ball_list .num_ball,
#app .selected_ball_list .default {
  width: calc((100vw - 40px) / 8 - 8px);
  height: calc((100vw - 40px) / 8 - 8px);
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app .end-event .selected_lotto_list {
  margin: 20px;
}
#app .selected_lotto_list {
  width: initial;
  padding: 20px;
  height: auto;
}
#app .selected_ball_list .default {
  margin-right: 0;
}
#app .selected_ball_list {
  width: auto;
  margin: 0;
  padding: 0;
  flex-grow: 1;
  gap: 5px;
  display: flex;
}
#app .selected_lotto_list .list_wrap {
  margin: 0;
  margin-top: 10px;
}
#app .selected_lotto_list .list_wrap img {
  padding: 0;
  margin: 0;
  border-radius: 50%;
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.1);
}
#app .lotto_event_wrap .apply.btn {
  margin-bottom: 12px;
  margin-top: 12px;
}
#app .eventInfo_status {
  border-color: var(--Gray-Border);
  font-weight: bold;
}
#app .eventInfo_status .attendance_list p {
  font-weight: normal;
}
#app .like_btn .svg-inline--fa {
  margin-bottom: 0;
}
#app table thead tr {
  border-top-width: 1px;
}
.mining-guide-img {
  width: 100px;
}
.unlisted_wrap {
  padding: 7vw 0;
}
#app .unlisted_wrap .title {
  margin-top: 15px;
}
.view_wrapper .attached-img {
  margin: 5px -7vw 0;
}
.view_wrapper .content p + .attached-img {
  margin-top: 7vw;
  text-align: center;
}
.view_wrapper .content.write-form form textarea + div {
  margin-top: 7vw;
}
.view_wrapper .content.write-form form {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--top));
  padding-bottom: 14vw;
  flex-grow: 1;
  padding-top: 10px;
}
.view_wrapper .content.write-form form .caution {
  color: var(--Red);
  margin: 7vw 7vw 0 7vw;
  font-size: 10px;
  background: url(../images/basic/icon/notice-red.svg) no-repeat left top;
  padding-left: 24px;
}
.view_wrapper .content.write-form form .caution ol {
  margin-top: 6px;
}
.view_wrapper .content.write-form form .caution ol li::before {
  content: "•";
  margin-right: 2px;
}
.view_wrapper .content.write-form form .caution h5 {
  font-weight: normal;
  font-size: 12px;
}
#app .calendar {
  border-radius: 24px 24px 0 0;
  margin-top: -24px;
  padding: 10px 20px 20px 20px;
}
#app .calendar__day {
  height: auto;
  font-size: 12px;
  width: calc((100vw - 7vw) / 7);
}
#app .calendar__day_wrap {
  padding: 10px 0;
  border-color: var(--Gray-Border);
}
#app .calendar .status {
  padding-left: 0;
}

#app .att_sticker {
  width: 82%;
  height: 82%;
  max-width: 82%;
  top: 0;
  vertical-align: middle;
  margin-right: 0px;
}
#app .calendar__date {
  padding: 0;
}
#app .calendar__number {
  width: calc((100vw - 7vw) / 7);
  height: calc((100vw - 7vw) / 7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 200;
}
.attention {
  position: sticky;
  top:0;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.attention-detail {
  background-image: linear-gradient(to right, rgba(255, 195, 68, 0.7), rgba(213, 101, 202.7));
  text-align: right;
  flex-direction: column;
  height: auto;
}
.attention-detail .text {
  position: absolute;
  padding: 50px 7vw 54px 7vw;
  height: 100%;
  color: #fff;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.attention-detail img {
  height: 100%;
  margin-right: -5vw;
}
.attention-detail .text h2 {
  font-size: 5.5vw;
  flex-grow: 0.5;
  display: flex;
  align-items: center;
}
.attention-detail .text p {
  font-size: 3.2vw;
  justify-self: flex-end;
  opacity: 0.8;
}
.main_top.transparent {
  background: transparent;
  color: #fff;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.main_top.transparent h1:first-child img.back {
  mix-blend-mode: difference;
}


#app .calendar .end,
#app .calendar .check_btn {
  font-weight: bold;
  margin-bottom: 0;
}
#app .calendar .end {
  background-color: var(--Gray-Lighter);
}
#app .notice_div tr {
  height: 50px;
}
#app .notice_div td {
  -webkit-line-clamp: 1;
}
#app .notice_div td.more {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: auto;
  width: 8px;
}
#community_body {
  display: block !important;
}
#app table.event_rank thead td {
  font-weight: bold;
}
#app table.event_rank tbody tr td,
#app table.event_rank thead td {
  position: relative;
  border-bottom: 0;
}
#app table.event_rank thead {
  border: 0;
}
#app table.event_rank tbody tr td::after,
#app table.event_rank thead tr td::after {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  transform-origin: left bottom;
  transform: scale(0.333);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
}
#app table.event_rank thead tr td::before {
  content: "";
  border-top: 1px solid var(--Gray-Dark);
  width: 300%;
  transform-origin: left top;
  transform: scale(0.333);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}
#app .main_mining_guide {
  height: auto;
  padding-bottom: 10px;
}
#app .main_mining_guide .mining_desc {
  margin-bottom: 0;
}
#app .today div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.community_reply_wrapper .text_box .toggleBtn.like {
}
#app .view_bottom_menu p.like.ed {
  background: url(../images/basic/icon/liked-red.svg) no-repeat 6.667vw center;
  background-size: 16px 16px;
}
#app .view_bottom_menu p.like.ed svg {
  opacity: 0;
}
#app .community_reply_wrapper .text_box div div.like {
  display: inline-block;
  width: auto;
}
#app .community_reply_wrapper .text_box div div.like.ed {
  background: url(../images/basic/icon/liked-red.svg) no-repeat left center;
  background-size: 12px 12px;
  display: inline-block;
}
#app .community_reply_wrapper .text_box div div.like.ed svg {
  opacity: 0;
}
#app .community_reply_wrapper .text_box div .text {
  white-space: normal;
  word-break: break-all;
}
#app .eventInfo_wrapper,
#app .eventInfo_status .attendance p {
  padding-left: 7vw;
  margin-left: 0;
}
#app table tfoot tr td div {
  /* padding: 7vw; */
}
#app .event_rank .active {
  font-weight: bold;
}
#more_board .body_wrap {
  padding: 0 7vw;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--top));
  gap: 20px;
  padding-bottom: calc(var(--safebottomcon) + 7vw);
  padding-bottom: calc(var(--safebottomenv) + 7vw);
}
#more_board .body_wrap .input_box {
  flex-grow: 0;
  flex-shrink: 0;
}

#more_board .body_wrap .text_area {
  flex-grow: 1;
  flex-shrink: 0;
}
#more_board .body_wrap .input_box {
  padding: 0 15px;
}
#more_board .body_wrap .input_box,
#more_board .body_wrap .text_area {
  border-color: var(--Gray-Border);
  border-width: 1px;
}
#more_board .body_wrap .textarea_con,
#more_board .body_wrap .textarea_con .text_area {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  font-size: 1.1em;
}
#more_board .body_wrap .textarea_con textarea {
  flex-grow: 1;
  padding: 20px;
}
#app .notice_div th {
  min-width: auto;
  white-space: nowrap;
  margin-right: 10px;
}
.nft_wrapper {
  padding-bottom: var(--safebottomcon);
  padding-bottom: var(--safebottomenv);
  padding-top: var(--safetopcon);
  padding-top: var(--safetopenv);
}
.nft_wrapper.full .main_top {
  color: #fff;
  background: transparent;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.nft_wrapper .dashboard {
  background: url(../images/basic/img/nft-bgcolor@3x.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  padding-top: var(--top);
  position: relative;
}
.nft_wrapper .dashboard .text {
  z-index: 2;
  padding: 2vw 40vw 12vw 7vw;
  font-weight: 300;
  font-size: 12px;
  z-index: 2;
}
.nft_wrapper .dashboard .text h1 {
  font-weight: 200;
  margin-bottom: 10px;
}
.nft_wrapper .dashboard .text h2 {
  color: #fff100;
  margin-bottom: 10px;
}
.nft_wrapper .dashboard .wall {
  background: url(../images/basic/img/nft-wall.png) no-repeat left bottom;
  background-size: 100% auto;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.nft_wrapper .stat ul {
  padding-left: 7vw;
}
.nft_wrapper .stat .list > li {
  padding: 20px 24px 20px 0;
  font-size: 13px;
  position: relative;
}
.nft_wrapper .stat .list > li .text.single {
  display: flex;
  align-items: center;
  width: 100%;
}
.nft_wrapper .stat .list > li .text.single p {
  flex-grow: 1;
}
.nft_wrapper .stat .list > li.point {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.nft_wrapper .stat .list > li.point .text {
  color: var(--Main-color);
  text-transform: uppercase;
}
.nft_wrapper .stat .list > li.point .text p {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 200;
}
.nft_wrapper .stat .list h4 {
  font-size: 12px;
  margin-bottom: 5px;
}
.nft_wrapper .stat .list > li.items h4 {
  margin-top: 10px;
}
.nft_wrapper .stat > ul.list {
  border-bottom: 8px solid var(--Gray-Pale);
}
.nft_wrapper .stat > ul.list:last-of-type {
  border: 0;
}
.nft_wrapper .stat .list .item {
  padding-left: 0;
}
.nft_wrapper .stat .items {
  padding-top: 30px;
}

.nft_wrapper .stat .list .items {
  display: block;
  padding-right: 0;
  padding-bottom: 0;
}
.nft_wrapper .stat .list h4.alone {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 15px;
  padding-top: 30px;
}
.nft_wrapper .stat .list > li .text + .text {
  margin-top: 5px;
}
.nft_wrapper .stat .list > li .text .date {
  color: var(--Gray-Light);
  font-weight: 300;
}
.nft_wrapper .stat .list > li .text span.date {
  margin-left: 10px;
}
.nft_wrapper .stat .list > li .text.remaining p {
  color: var(--Gray-Light);
  font-weight: 300;
}
.nft_wrapper .stat .list > li .text.remaining p .remain {
  color: var(--Red);
}
.nft_wrapper .stat .list > li .btn-small {
  border-radius: 3px;
  font-size: 0.8em;
  padding: 5px 8px;
  border: 1px solid var(--Gray-Dark);
  font-weight: bold;
}
.nft_wrapper .stat .list > li.complete .btn-small {
  opacity: 0.3;
}
.nft_wrapper .stat .list > li:last-child::after {
  display: none;
}
.nft_wrapper .stat .list > li .exp {
  font-size: 12px;
  color: var(--Gray-Mid);
}
.item li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding: 20px 0;
}
.item li .thumb {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
}
.item li .thumb img {
  max-width: 90px;
  max-height: 76px;
}
.item li .text {
  line-height: 1.4;
}
.item li .text h3 {
  font-size: 16px;
  font-weight: normal;
}
.item li .text p.price {
  color: var(--Main-color);
  font-size: 14px;
}
.item li .text p.date {
  color: var(--Gray-Light);
  font-size: 12px;
}
.item li .text .select {
  margin-top: 10px;
}
.item li .text .select select {
  background-color: var(--Gray-Pale);
  border-radius: 3px;

  padding: 8px 35px 8px 15px;
  background-position: center right 10px;
  background-size: auto 6px;
}
.item li .text .select select.ed {
  background-color: var(--Main-color);
  color: #fff;
  background-image: url(../images/basic/icon/select-down-w.svg);
}
.item li .text .select .remain {
  margin-left: 10px;
  color: var(--Gray-Light);
}
.item li .text p.remain {
  font-size: 14px;
  color: var(--Gray-Light);
  font-weight: 300;
}
.item li .text p.remain span {
  color: var(--Red);
}
.scrolled .nft_wrapper.full .main_top {
  color: var(--Gray-Dark);

  /* backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px); */
}
.scrolled .nft_wrapper.full .main_top h1:first-child img.back {
  filter: invert();
}
.scrolled .nft_wrapper .main_top h1 span.count {
  color: var(--Main-color);
}
.payment {
  padding-top: 7vw;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  cursor: pointer;
  position: relative;
  line-height: 20px;
  box-sizing: border-box;
}
input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  background: url(../images/basic/input/checkbox.svg) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  margin-right: 10px;
  box-sizing: border-box;
}
input[type="radio"]:checked + label:before {
  background-image: url(../images/basic/input/checkbox-checked.svg);
  transition: 0.3s;
  box-sizing: border-box;
  background-color: #fff;
}
.payment dl input[type="radio"] + label {
  font-size: 16px;
}
.payment dl input[type="radio"]:checked + label {
  font-weight: bold;
  color: var(--Main-color);
}
.payment dl dd {
  padding-left: 34px;
}
.payment dl dd + dt {
  margin-top: 18px;
}
.payment dl dd p.ext {
  font-size: 12px;
  color: var(--Gray-Light);
  margin-top: 8px;
}
.nft_wrapper .stat .list.payment > li .text {
  font-size: 16px;
  color: var(--Gray-Dark);
  font-weight: 400;
  display: flex;
}
.nft_wrapper .stat .list.payment > li .text p {
  flex-grow: 0;
}
.nft_wrapper .stat .list.payment > li .text p:first-child {
  flex-grow: 1;
}
.nft_wrapper .stat .list.payment > li .text.trx_input {
  flex-direction: row-reverse;
  gap: 5px;
}
.nft_wrapper .stat .list.payment > li .text p.price {
  color: var(--Main-color);
}
.nft_wrapper .stat .list.payment > li.addr .text p:first-child {
  font-size: 3.9vw;
}
.nft_wrapper .stat .list.payment > li .text input {
  display: block;
  border: 0;
  font-size: 16px;
  width: 100%;
  padding: 0;
}
.nft_wrapper .stat .list.payment > li .text input::placeholder {
  color: var(--Gray-Light);
}
.nft_wrapper.purchase .stat .list .items {
  padding-top: 0;
}
.purchaseform .stat {
  padding-bottom: 66px;
}

.btn_full {
  overflow: hidden;
  position: fixed;
  width: 100%;
  bottom: 0;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
}
.btn_full a {
  background-image: var(--Gradient);
  margin: 0 7vw 10px 7vw;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 56px;
  transition: 0.4s;
}
/*  */
.nft_log .act_list div,
.nft_log .act_list p {
  display: inline-block;
  font-size: 13px;
}
.nft_log {
}

.nft_log .act_div {
  padding-top: 20px;
}
.nft_log .act_list {
  padding: 0 6vw 16px 7vw;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.nft_log .act_list.new::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--Red);
  border-radius: 50px;
  margin-right: 5px;
  margin-left: -11px;
}
.nft_log .act_list p {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nft_log .act_list span {
  text-align: right;
  font-size: 13px;
  line-height: 7vw;
  vertical-align: top;
  padding: 0 1.333vw;
}

.nft_log .act_list span {
  font-weight: bold;
}
.nft_log .act_list .send_rate {
  color: var(--Mint-blue);
  font-size: 0.875em;
}
.nft_log .act_list.get .get_rate {
  color: var(--Main-color);
}
.nft_log .act_list.get .act_icon {
  background-color: var(--Main-color);
}
.nft_log .act_list.spend .send_rate {
  color: #00b8d4;
}
.nft_log .act_list.spend .act_icon {
  background-color: #00b8d4;
}
.nft_log .act_list .get_rate {
  color: var(--Main-color);
  font-size: 0.875em;
}
.nft_log .act_list .act_icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.nft_log.nft_wrapper .stat .list .items {
  padding-top: 0;
}

#app .content .notice_title {
  padding: 0;
  margin-bottom: 20px;
}
.content .notice_title h3 {
  font-weight: normal;
}

/* 메인 - 상단 - NFT 영역 추가 2022.03.05 */
.main_nft {
  padding: 0 30px;
  font-size: 0;
}
.nft_box {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  font-size: 0;
  border-top: 1px solid #eee;
}
.nft_box .lt_box {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.nft_box .lt_box span {
  display: inline-block;
  line-height: 19px;
  vertical-align: top;
}
.nft_box .lt_box .icon_box {
}
.nft_box .lt_box .icon_box img {
  width: 19px;
  height: 19px;
}
.nft_box .lt_box .text {
  font-size: 14px;
  font-weight: bold;
  padding: 0 4px 0 6px;
}
.nft_box .lt_box .count {
  font-size: 16px;
  color: #ff7100;
}
.nft_box .rt_box {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: right;
}
.nft_box .rt_box span {
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
}
.nft_box .rt_box .icon {
  font-size: 18px;
  color: #ff7100;
}
.nft_box .rt_box .number {
  font-size: 16px;
  color: #ff7100;
  padding: 0 10px 0 3px;
}
.nft_box .rt_box .arrow {
}
.nft_box .rt_box .arrow img {
  width: 7px;
  height: 13px;
}


/* LottoTrxForm */
.lotto_event_wrap.trx {
  padding: 30px 20px;
}

.lotto_event_wrap.trx .selected_ball_list{
  width: 335px;
  margin: auto;
}
.lotto_event_wrap.trx .lotto_num_list{
  width: 100%;
  padding: 0 11px 0 20px;
  margin: 20px auto !important;
}

.lotto_event_wrap.trx .selected_ball_list {
  display: flex;
}

.lotto_event_wrap.trx .lotto_num_list .num_ball {
  border-radius: 50%;
  width: 34px;
  background: #CDD2DA;
  display: inline-block;
  height: 34px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 34px;
  font-size: 12px;
  margin-right: 9px;
  margin-bottom: 9px;
}

.lotto_event_wrap.trx .selected_ball_list .num_ball {
  border-radius: 34px;
  width: 34px;
  background: #CDD2DA;
  display: inline-block;
  height: 34px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 34px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 9px;
}

.lotto_event_wrap.trx .selected_ball_list .default {
  border-radius: 33px;
  width: 32px;
  border: 1px dashed #C5C8CF;
  display: inline-block;
  height: 33px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 34px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 9px;
}

.lotto_event_wrap.trx .lotto_num_list .num_ball:nth-child(8n) {
  margin-right: 0;
}

.lotto_event_wrap.trx .selected_lotto_list {
  background-color: #F2F3F6;
  width: 335px;
  height: 100px;
  margin: auto;
  border-radius: 8px;
  margin-top: 30px;
}

.lotto_event_wrap.trx .apply.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 3px solid var(--Gray-Border);
  height: 56px;
  margin: 30px 0 10px 0;
  transition: 0.4s;
  overflow: hidden;
}
.lotto_event_wrap.trx .apply.btn.submit {
  border: 3px solid transparent;
  background-image: linear-gradient(#fff, #fff), var(--Gradient);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.lotto_event_wrap.trx .apply.btn a {
  font-weight: bold;
  letter-spacing: -1px;
  color: var(--Gray-Lighter);
  transition: 0.4s;
}
.lotto_event_wrap.trx .apply.btn.submit a {
  background: var(--Gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lotto_event_wrap.trx p {
  text-align: center;
  font-size: 14px;
}

.lotto_event_wrap.trx .selected_lotto_list .list_wrap {
  display: flex;
  margin-left: 20px;
  vertical-align: middle;
}

.lotto_event_wrap.trx .list_wrap img {
  margin-right: 20px;
  margin-bottom: 9px;
}

.lotto_event_wrap.trx .selected_lotto_list .text {
  padding: 20px 20px 12px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #9EA3AB;
}

.lotto_event_wrap.trx .apply.btn.enable {
  color: black;
  border-color: black;
  background: initial;
  -webkit-text-fill-color: black;
}

.lotto_event_wrap.trx .apply.btn.disable{
  border-color: #EBEEF1;
}

.lotto_event_wrap.trx .apply.btn.disable p{
  color: var(--Gray-Light);
  font-size: 16px;
  font-weight: bold;
}

.lotto_event_wrap.trx .apply.btn.disable p span {
  color: var(--Red);
}

.lotto_event_wrap.trx .lotto_today_wrapper {
  padding-top: 19px;
}

.lotto_event_wrap.trx .lotto_today_wrapper .ticket_cnt_info{
  display: flex;
  padding-top: 19px;
}

.lotto_event_wrap.trx .lotto_today_wrapper .head{
  text-align: start;
  font-size: 16px;
  color:#252D3A;
  font-weight: bold;
  flex-grow: 1;
}

.lotto_event_wrap.trx .lotto_today_wrapper .ticket_cnt_info .ticket_cnt p:nth-child(1){
  font-size: 11px;
  color:#252D3A;
  font-weight: 400;
}
.lotto_event_wrap.trx .lotto_today_wrapper .ticket_cnt_info .ticket_cnt p:nth-child(2){
  font-size: 18px;
  color: var(--Main-color);
  font-weight: bold;
}

/* lotto referee */
.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info{
  margin-top: 41px;
}
.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button{
  height: 60px;
  margin-top: 13px;
  position: relative;
}

.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button .success_ic{
  width: 51px;
  height: 51px;
  position: absolute;
}

.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button .content{
  height: 60px;
  border-radius: 8px;
  border: 1px solid rgba(235,238,241, 1);
  opacity: 1;
  display: flex;
  padding:20px 21px 20px 18px;
  justify-content: space-between;
}

.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button p{
  font-size: 14px;
  color: #252D3A;
}
.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button p.on{
  font-size: 14px;
  color: var(--Gray-Lighter);
}

.lotto_event_wrap.trx .lotto_today_wrapper .referee_mission_info .referee_button img{
  width: 25.57px;
  height: 21px;
}


.lotto_event_wrap.trx .lotto_today_wrapper .ticket_add_info{
  margin-top: 40px;
  display: flex; 
}
.lotto_event_wrap.trx .lotto_today_wrapper .ticket_add_info .ticket_add{
  border-radius: 4px;
  background:var(--Gradient);
  opacity: 1;
  width: 92px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.lotto_event_wrap.trx .lotto_today_wrapper .ticket_add_info .ticket_add p{
  font-size: 12px;
  font-weight: bold;
  color: white;
  opacity: 1
}

.lotto_event_wrap.trx .lotto_today_wrapper .ad_ticket_info {
  text-align: start;
  color: #6f737a;
  font-size: 13px;
  font-weight: 400;
  margin-top: 8px;
}

.lotto_event_wrap.trx .lotto_today_wrapper .mission_item {
  width: 104px;
  height: 104px;
  border-radius: 8px;
  border: 1px solid rgba(235,238,241, 1);
  opacity: 1;
}

.lotto_event_wrap.trx .lotto_today_wrapper .mission_item_wrapper {
  margin-top: 19px;
  display:flex;
}
.lotto_event_wrap.trx .lotto_today_wrapper .mission_item_wrapper div:nth-child(2) {
   margin: auto;
}

.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .success_ic{
  position: absolute;
}
.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info{
  padding-top: 20px;
  text-align: center;
}

.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info .attendtion_ic {
  width: 28px;
  height: 28px;
}
.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info .reply_ic {
  width: 22px;
  height: 22 px;
}
.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info .ad_ic {
  width: 30px;
  height: 24px;
}

.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info p{
  font-size: 12px;
  color: #252D3A;
  margin-top: 10px;
}
.lotto_event_wrap.trx .lotto_today_wrapper .mission_item .item_info p.on{
  font-size: 12px;
  color: var(--Gray-Lighter);
  margin-top: 10px;
}

/* LottoAttendanceListForm */
#event_body_lotto_attd table {
  width: 100%;
}

#event_body_lotto_attd  table thead {
  border-top: 1px solid #CDD2DA;
  border-bottom: 1px solid #CDD2DA;
  color: #9EA3AB;
  font-size: 12px;
  height: 53px;
}

#event_body_lotto_attd table thead tr td {
  padding-top: 12px;
}

#event_body_lotto_attd table thead tr td:nth-child(2) {
  text-align: left;
}

#event_body_lotto_attd table thead tr td:nth-child(3), table tbody tr td:nth-child(3) {
  text-align: right;
  padding-right: 14px;
}

#event_body_lotto_attd table thead tr td:nth-child(1), table tbody tr td:nth-child(1){
  text-align: center;
  min-width: 40px;
}

#event_body_lotto_attd table tbody tr{
  font-size: 12px;
  height: 60px;
}

#event_body_lotto_attd table tbody tr td {
  padding-top: 14px;
  border-bottom: 1px solid #CDD2DA;
}

#event_body_lotto_attd table tbody tr td span {
  color: #9EA3AB;
}

#event_body_lotto_attd table tfoot tr td div {
  padding: 30px;
  font-size: 14px;
}

#event_body_lotto_attd .eventInfo_status {
  width: 100%;
  height: 60px;
  border-top: 1px solid rgba(37, 45, 58, 0.3);
}

#event_body_lotto_attd .eventInfo_status .attendance {
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#event_body_lotto_attd .eventInfo_status .attendance p{
  margin-top: 20px;
  margin-left: 20px;
}

#event_body_lotto_attd .eventInfo_status .attendance p span {
  color: #FF7100;
  font-size: 16px;
}

#event_body_lotto_attd .attendance div img {
  width: 14px;
}

#event_body_lotto_attd .attendance div {
  margin-right: 20px;
  margin-top: 17px;
}

/* LottoInfoForm */
#lotto_info .eventInfo_wrapper {
  padding: 0 0 30px 30px;
  background-color: #f2f3f6;
}
#lotto_info .eventInfo_wrapper p {
  font-weight: bold;
}
#lotto_info .eventInfo_wrapper > p {
  margin-right: 30px;
}
#lotto_info .eventInfo_wrapper p span {
  color: var(--Main-color);
  padding-left: 5px;
}
#lotto_info .eventInfo_wrapper .talk_box {
  margin: 20px 30px 0px 0;
  border-radius: 1.681vw;
  background-color: white;
  height: 50px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}
#lotto_info .eventInfo_wrapper .talk_box textarea {
  border-radius: 1.681vw;
  box-sizing: border-box;
  border: none;
  width: 77%;
  height: 100%;
  resize: none;
  padding: 15px;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div {
  padding: 20px 20px 20px 0;
  border-bottom: 0.266vw solid var(--Gray-Border);
  display: flex;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .profile_pic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
  flex-grow: 0;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div div {
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box {
  flex-grow: 1;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div {
  width: 100%;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div p {
  width: 100%;
  font-size: 0.75em;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div p span {
  padding-left: 0;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div p .time {
  color: #9ea3ab;
  font-weight: normal;
  float: right;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div .text {
  font-size: 14px;
  font-weight: normal;
  padding-top: 6px;
  letter-spacing: -0.02em;
}
#lotto_info .eventInfo_wrapper .talk_list .talk_div .text_box div .subject {
  color: #9EA3AB;
  font-size: 12px;
}
#lotto_info .eventInfo_wrapper .talk_more {
  width: 100%;
  padding: 20px 30px 20px 0;
  text-align: center;
  font-size: 0.75em;
}
#lotto_info .eventInfo_wrapper .talk_more .fa-chevron-down {
  padding-left: 1.401vw;
}

#lotto_info .eventInfo_status {
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 60px;
  border-top: 1px solid rgba(37, 45, 58, 0.3);
  border-bottom: 1px solid rgba(37, 45, 58, 0.3);
}

#lotto_info .eventInfo_status .attendance {
  padding: 0;
}

#lotto_info .eventInfo_status .attendance p{
  margin-top: 20px;
  /*margin-left: 20px; ORIGIN */
}

#lotto_info .eventInfo_status .attendance p span {
  color: #FF7100;
  font-size: 16px;
}

#lotto_info .eventInfo_status .attendance_list p {
  color: #6F737A;
  font-size: 14px;
  font-weight: bold;
  /*margin-right: 20px;*/
  margin-left: 20px;
  margin-top: 21px;
  text-decoration: underline;
}

#lotto_info .eventInfo_status .attendance_list:last-child {
  margin-right: 20px;
}

/* LottoWinnerListForm */
#lotto_winner_list .prev-winners {}
#lotto_winner_list .prev-winners > .list {padding:10px;}
#lotto_winner_list .prev-winners > .list > li {padding-bottom:10px;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper {padding:0px; background-color:var(--Gray-Pale); border-radius:12px;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box {display:inline-block; width:100%; padding:20px 20px 25px 20px; font-size:0;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .lt_box {display:inline-block; width:50%; text-align:left;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .lt_box p:nth-child(1) {padding-bottom:2px; font-size:16px; font-weight:bold;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .lt_box p:nth-child(2) {font-size:11px; color:var(--Gray-Light);}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .rt_box {display:inline-block; width:50%;  text-align:right; vertical-align:top;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .rt_box p:nth-child(1) {padding-bottom:2px; font-size:16px; font-weight:bold; color:var(--Main-color);}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .rt_box p:nth-child(1) span {font-size:12px; color:inherit;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .top_box .rt_box p:nth-child(2) {font-size:11px; color:#252d3a;}
#lotto_winner_list .prev-winners .list li .winner_box_wrapper .number_box {padding:0 20px;}
#lotto_winner_list .selected_ball_list {justify-content: center;}

#lotto_winner_list .selected_ball_list .num_ball {
  border-radius: 34px;
  text-align: center;
  color: white;
  font-weight: bold;
  line-height: 34px;
  font-size: 12px;
}

#lotto_winner_list  ul li .profile {
  width: 6.5vw;
  height: 6.5vw;
  background-size: cover;
  background-position: center;
  margin-right: 2vw;
}
#lotto_winner_list .round-result .list li .winners {padding:20px 20px 0 20px;}
#lotto_winner_list .round-result .list li .winners li .user .profile {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 3px;
}


#lotto_winner_list .round-result .list li > div, .round-result .list li > ul {
  padding-right: 20px;
  padding-left: 24px;
}

#lotto_winner_list .round-result .list li .winners li {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  padding-right: 10px;
  justify-content: center;
}

#lotto_winner_list .round-result .list li .winners li p {
  color: #252D3A;
  font-size: 16px;
  font-weight: 400;
  letter-spacing:-0.5px;
}

#lotto_winner_list .round-result .list li .winners li .user {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.75em;
  font-weight:bold;
  align-items: center;
  padding: 5px 10px 5px 5px;
  border: 1px solid #ebeef1;
  border-radius: 5px;
  background-color:#fff;
}

#lotto_winner_list .btm_box {}
#lotto_winner_list .btm_box .half_box {display:inline-block; width:100%; font-size:0;}
#lotto_winner_list .btm_box .half_box .btn_half {display:inline-block; width:calc(50% - 0.5px) ; padding:15px 0; vertical-align:top;border-right:1px solid #DFE2E8; border-top:1px solid #DFE2E8;}
#lotto_winner_list .btm_box .half_box .btn_half:last-child {border-right:unset;}
#lotto_winner_list .btm_box .half_box .btn_half p {text-align:center; font-size:12px; color:#252D3A; letter-spacing: -0.375px;}