@charset "UTF-8";


/* 글꼴 */
@font-face {
  font-family: Pretendard;
  src: url(../../../assets/font/Pretendard-Bold.eot) format("eot");
  font-weight: 700;
  font-style: normal;
  src: url(../../../assets/font/Pretendard-Bold.eot);
  src: url(../../../assets/font/Pretendard-Bold.eot?#iefix) format("embedded-opentype"),
    url(../../../assets/font/Pretendard-Bold.woff) format("woff"),
    url(../../../assets/font/Pretendard-Bold.ttf) format("truetype");
  src: local(※), url(../../../assets/font/Pretendard-Bold.woff) format("woff");
}

@font-face {
  font-family: Pretendard;
  src: url(../../../assets/font/Pretendard-Regular.eot) format("eot");
  font-weight: 400;
  font-style: normal;
  src: url(../../../assets/font/Pretendard-Regular.eot);
  src: url(../../../assets/font/Pretendard-Regular.eot?#iefix) format("embedded-opentype"),
    url(../../../assets/font/Pretendard-Regular.woff) format("woff"),
    url(../../../assets/font/Pretendard-Regular.ttf) format("truetype");
  src: local(※),
    url(../../../assets/font/Pretendard-Regular.woff) format("woff");
}

@font-face {
  font-family: Pretendard;
  src: url(../../../assets/font/Pretendard-SemiBold.eot) format("eot");
  font-weight: 600;
  font-style: normal;
  src: url(../../../assets/font/Pretendard-SemiBold.eot);
  src: url(../../../assets/font/Pretendard-SemiBold.eot?#iefix) format("embedded-opentype"),
    url(../../../assets/font/Pretendard-SemiBold.woff) format("woff"),
    url(../../../assets/font/Pretendard-SemiBold.ttf) format("truetype");
  src: local(※),
    url(../../../assets/font/Pretendard-SemiBold.woff) format("woff");
}

@font-face {
  font-family: Pretendard;
  src: url(../../../assets/font/Pretendard-Medium.eot) format("eot");
  font-weight: 500;
  font-style: normal;
  src: url(../../../assets/font/Pretendard-Medium.eot);
  src: url(../../../assets/font/Pretendard-Medium.eot?#iefix) format("embedded-opentype"),
    url(../../../assets/font/Pretendard-Medium.woff) format("woff"),
    url(../../../assets/font/Pretendard-Medium.ttf) format("truetype");
  src: local(※),
    url(../../../assets/font/Pretendard-Medium.woff) format("woff");
}

body,
html {
  font-family: Pretendard, "맑은고딕", Arial, sans-serif;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}
   /* RRMH-2004 body scroll bar 숨김 0702 */
body {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}

 /* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
body:-webkit-scrollbar {
    display: none;
  }

   /* RRMH-2004 body scroll bar 숨김 0702 */
/* reset */
address,
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
span,
table,
ul {
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
  /* overflow-y: scroll; */
  height: 100%;
  font-size: 14px;
  line-height: 1.25;
}

body {
  height: 100%;
  background: #fff;
  /* overflow-y: hidden; */
}

@media print {
  @page {
    size: 21cm 29.7cm;
  }

  .viewport,
  body,
  html {
    background: 0 0;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 36px;
  color: #000;
}

h3 {
  font-size: 24px;
  color: #222;
}

h4 {
  font-size: 20px;
  color: #222;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

strong {
  font-weight: 600;
}

img {
  max-width: 100%;
  vertical-align: top;
}

fieldset {
  min-width: 0;
  border: 0;
}

legend {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

pre {
  font-family: "Noto Sans KR", Sans-serif;
  line-height: 26px;
  font-size: 14px;
  white-space: pre-line;
  word-wrap: break-word;
}

li,
ol,
ul {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  text-decoration: none;
  color: #999;
}

input,
select {
  font: inherit;
  vertical-align: middle;
}

button,
input,
label {
  border: none;
  background: 0 0;
}

button {
  cursor: pointer;
  font-family: Pretendard, Roboto, Sans-serif;
}

button,
input,
select,
textarea {
  margin: 0;
}

/* input form */

input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
textarea {
  width: 100%;
  position: relative;
  z-index: 10;
  border: none;
  border-bottom: 1px solid #c6c7ca;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  resize: none;
  font-size: 14px;
  color: #222;
  padding: 10px 0;
  font-family: Pretendard, Roboto, Sans-serif;
  -webkit-appearance: none;
}

input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
textarea:focus {
  outline: 0;
  border-bottom-color: #fdd229;
  box-shadow: none;
}

.input--group {
  position: relative;
  display: inline-block;
}

textarea {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.25px;
  color: #000;
}

input[type="password"] {
  -webkit-text-security: disc;
  letter-spacing: 5px;
  font-size: 18px;
  font-family: pass, Roboto, Helvetica, Arial, sans-serif;
}

input[type="password"]::-webkit-input-placeholder {
  letter-spacing: 0;
  font-family: Pretendard;
}

input[type="password"]::-moz-placeholder {
  letter-spacing: 0;
  font-family: Pretendard;
}

input[type="password"]:-ms-input-placeholder {
  letter-spacing: 0;
  font-family: Pretendard;
}

input[type="file"]::file-selector-button {
  border-radius: 4px;
  color: #fff;
  min-width: 30px !important;
  background: #101314;
  border: 1px solid #101314;
  letter-spacing: -1px;
  font-size: 14px;
  padding: 10px 16px;
}

input[type="file"]::file-selector-button:hover {
  background: #101314;
  box-shadow: 0 0 6px 0 rgba(0, 195, 0, 0.5);
}


/* 라디오 */

.radio.radio--inline {
  display: inline-block;
  margin: 5px 20px 5px 0;
}

.radio input[type="radio"] {
  display: none;
}

.radio input[type="radio"]:disabled+label:before,
.radio input[type="radio"]:disabled:checked+label:before {
  content: "";
  border-color: #ccc;
}

.radio input[type="radio"]:disabled+label:after,
.radio input[type="radio"]:disabled:checked+label:after {
  content: "";
  display: none;
}

.radio label {
  padding-left: 38px;
  margin-left: 10px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
}

.radio label:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  background-color: #fff;
  border: 1px solid #c6c7ca;
}

.radio input[type="radio"]:checked+label:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -17px;
  background-color: #fff;
  border: 8px solid #21b6af;
}

.radio input[type="radio"]:checked+label:after {
  content: "";
  display: none;
}


/* 체크박스 */
.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox input[type="checkbox"]:disabled+label:before,
.checkbox input[type="checkbox"]:disabled:checked+label:before {
  content: "";
  border-color: #dd2c2f;
  background: 0 0;
}

.checkbox input[type="checkbox"]:disabled+label:after,
.checkbox input[type="checkbox"]:disabled:checked+label:after {
  content: "";
  display: none;
}

.checkbox label {
  padding-left: 24px;
  position: relative;
  color: #575757;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}

.my__list .checkbox label,
.withdrawal__list .checkbox label,
.main.community.edit .checkbox label {
  padding-left: 28px;
}

.modal-content .checkbox label {
  padding-left: 24px;
}

.checkbox label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  margin-top: -10px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #dfdfdf;
}

.checkbox label.underline:before {
  margin-top: -10.5px;
}

.checkbox input[type="checkbox"]:checked+label:before {
  border-color: #c6c7ca;
}

.checkbox input[type="checkbox"]:checked+label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  color: #fff;
  text-align: center;
  background: #dd2c2f url(../image/ico-check.svg) no-repeat 50% 50%;
  background-size: 16px 16px;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}

/* 체크박스 오른쪽 형태 */
.checkbox.right-check label {
  padding-left: 0;
  padding-right: 24px;
}

.checkbox.right-check label:before,
.checkbox input[type="checkbox"]:checked+label:after {
  right: 0;
  left: initial;
}

.checkbox.left-check input[type="checkbox"]:checked+label:after {
  right: 0;
  left: 0;
}

/* 셀렉트박스 */

select {
  position: relative;
  width: auto;
  font-size: 18px;
  padding: 10px 45px 10px 0;
  font-family: inherit;
  background: #fff url(../image/ico-arrow-bottom.svg) no-repeat 90% 50% !important;
  background-size: 16px 16px !important;
  border: none;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:focus {
  outline: 0;
}

select.sorting {
  font-size: 14px;
  padding: 10px 25px 10px 0;
  background: #fff url(../image/ico-arrow-select.svg) no-repeat 90% 50% !important;
  background-size: 10px 10px !important;
}

select::-ms-expand {
  display: none;
}


/* 테이블 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}



th {
  font-weight: 400;
  vertical-align: bottom;
}

td {
  font-weight: 400;
  vertical-align: top;
}

.table__type {
  clear: both;
  margin-top: 8px;
  border-top: 1px solid #000;
}

.table__type table.table__type--normal {
  border-bottom: 1px solid #000;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table__type table.table__type--normal thead {
  border-bottom: 2px solid #000;
}

.table__type table.table__type--normal thead tr th {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #e8e8e8;
  padding: 9px 10px;
  text-align: center;
  font-size: 15px;
  color: #191919;
  font-weight: 600;
  vertical-align: middle;
}

.table__type table.table__type--normal tbody tr th {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(129, 129, 129, 0.2);
  padding: 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  font-weight: 600;
  color: #191919;
}

.table__type table.table__type--normal tbody tr td {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  color: #262626;
}

.no-transition * {
  transition: none !important;
}

.is-zoom-badge-enter:after {
  -webkit-animation: zoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: zoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.is-zoom-badge-leave:after {
  -webkit-animation: zoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation: zoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zzim {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
  }
}

@keyframes zzim {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
  }
}

@-webkit-keyframes zoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
  }
}

@keyframes zoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes zoomBadgeOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes zoomBadgeOut {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
    opacity: 0;
  }
}

@-webkit-keyframes time-sale-dash {
  0% {
    stroke-dashoffset: 1200px;
  }

  100% {
    stroke-dashoffset: 960px;
  }
}

@keyframes time-sale-dash {
  0% {
    stroke-dashoffset: 1200px;
  }

  100% {
    stroke-dashoffset: 960px;
  }
}

@-webkit-keyframes benefit-dash {
  0% {
    stroke-dashoffset: 1800px;
  }

  100% {
    stroke-dashoffset: 1600px;
  }
}

@keyframes benefit-dash {
  0% {
    stroke-dashoffset: 1800px;
  }

  100% {
    stroke-dashoffset: 1600px;
  }
}

.js-inview.is-active .js-inview-zoom {
  transform: scale(1);
}

.js-inview.is-active .js-inview-left {
  opacity: 1;
  transform: translateX(0);
}

.js-inview.is-active .js-inview-right {
  opacity: 1;
  transform: translateX(0);
}

.js-inview.is-active .js-inview-position {
  opacity: 1;
  transform: translateY(0);
}

.js-inview-zoom {
  transform-origin: 50%;
  transform: scale(1.3);
  transition: transform 1.4s, opacity 1.2s;
}

.js-inview-position {
  opacity: 0;
  transform: translateY(50px);
  transition: transform 1.4s, opacity 1.2s;
}

.js-inview-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: transform 1.4s, opacity 1.2s;
}

.js-inview-right {
  opacity: 0;
  transform: translateX(50px);
  transition: transform 1.4s, opacity 1.2s;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: "";
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-five-2,
.col-five-4,
.col-five-6,
.col-five-8,
.col-third-1,
.col-third-2 {
  float: left;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.col-five-8 {
  width: 80%;
}

.col-five-6 {
  width: 60%;
}

.col-five-4 {
  width: 40%;
}

.col-five-2 {
  width: 20%;
}

.col-third-1 {
  width: 33.3333%;
}

.col-third-2 {
  width: 66.6666%;
}


/* 스와이퍼 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}



.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  overflow: hidden;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  text-transform: none !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev:after {
  background: url(../image/ico_arrow_prev.svg) no-repeat 50% 50%;
  background-size: 30px 30px;
}

.swiper-button-next:after {
  background: url(../image/ico_arrow_next.svg) no-repeat 50% 50%;
  background-size: 30px 30px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "";
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: relative;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: inline-block;
  margin-right: 10px;
  font-size: 0;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  line-height: 6px;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 8px;
  background: #d9d9d9;
  opacity: 1;
  vertical-align: bottom;
  margin: 5px 10px;
}

.swiper-pagination-000 .swiper-pagination-bullet {
  background: #000;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #222;
}

.swiper-button-play {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 1px;
  width: 20px;
  height: 20px;
  font-size: 0;
}

.swiper-button-play:after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../image/ico_arrow_play.svg) no-repeat 0 0;
  background-size: 20px 20px;
}

.swiper-button-pause {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 1px;
  width: 20px;
  height: 20px;
  font-size: 0;
}

.swiper-button-pause:after {
  content: "";
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../image/ico_arrow_pause.svg) no-repeat 0 0;
  background-size: 20px 20px;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  left: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 공통 컴포넌트 */
/* 모달 토스트 팝업창 */
.modal-toast {
  position: fixed;
  bottom: 0;
  left: 50%;
  transition: transform 0.3s ease 0s;
  transform: translate(-50%, 100%);
  width: 100%;
  max-width: 500px;
  max-height: 100%;
  outline: none !important;
  word-break: break-all;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  z-index: 900;
}

.modal-toast .btn__close {
  position: absolute;
  top: 24px;
  right: 24px;
}

.modal-sorting .checkbox {
  margin: 24px 0 32px 0;
  text-align: center;
}

.modal-toast.is-on {
  animation-name: toast-up;
}

.modal-toast.is-off {
  animation-name: toast-down;
}

@keyframes toast-up {
  0% {
    transform: translate(-50%, 100%);
  }

  100% {
    transform: translate(-50%, 0px);
  }
}

@keyframes toast-down {
  0% {
    transform: translate(-50%, 0px);
  }

  100% {
    transform: translate(-50%, 100%);
  }
}

.modal-toast .modal-content {
  padding: 24px 20px 20px 20px;
  background-color: #fff;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}

.modal-toast .modal-tit {
  text-align: center;
}

.modal-toast .modal-tit strong {
  display: inline-block;
  line-height: 24px;
  font-size: 20px;
  font-weight: 800;
}

.modal-toast.modal-sorting .state-action {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.modal-toast.modal-sorting .error .state-action {
  border-color: #DD2C2F;
}

.modal-toast.modal-sorting .state-action.is-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.modal-toast.modal-sorting .state-action.is-on .expand-box {
  position: absolute;
  top: 44px;
  left: -1px;
  width: 100%;
  border: 1px solid #E8E8E8;
}

.modal-toast.modal-sorting.new .modal-toast-btn {
  margin-top: 32px;
}

/* 탭 메뉴 */
.tab__menu {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: sticky;
  top: 56px;
  left: 0;
  background: #fff;
  z-index: 50;
}

.tab__menu a {
  color: #888;
  width: 100%;
  padding: 10px 0 9px 0;
  line-height: 24px;
  letter-spacing: -0.36px;
  text-align: center;
  border-bottom: 1px solid #eee;
  font-size: 18px;
}

.tab__menu a.is-active {
  color: #333;
  padding: 10px 0 9px 0;
  font-weight: 700;
  border-bottom: 2px solid #dd2c2f;
}

.tab__menu a>span {
  display: block;
  color: #888;
  line-height: 17px;
  font-size: 14px;
}

.tab__menu a.is-active span {
  color: #000;
}

.tab__menu.is-hide {
  visibility: hidden;
}

/*.tab__menu.type02~.product__bar {*/
/*  padding-top: 24px;*/
/*}*/

/*.tab__menu.type02.is-hide {*/
/*  visibility: hidden;*/
/*}*/

.tab__menu.small {
  width: 100%;
  border-bottom: 1px solid #eee;
  justify-content: flex-start;
}

.tab__menu.small a {
  position: relative;
  width: auto;
  height: 36px;
  box-sizing: border-box;
  padding: 8px 0;
  margin-right: 14px;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  letter-spacing: -0.28px;
}

.tab__menu.small a:last-child {
  margin-right: 0;
}

.tab__menu.small a.is-active::after {
  content: '';
  width: 100%;
  height: 2px;
  background: #dd2c2f;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -3px;
}

/* 20250307 미트뱅크 스타일로 탭 메뉴 변경 */
header .header-inner.new {
  width: 100%;
  margin: 0 auto;
  height: 56px;
  text-align: center;
  position: relative;
}

header .header-inner.new .product__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 9px 8px 10px;
  min-height: 44px;
  height: 56px;
  box-sizing: border-box;
}

header .header-inner.new .product__top .head-logo {
  margin-left: 10px;
}

.tab__menu.new {
  display: flex;
  align-items: center;
  justify-content: start;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 50;
  padding: 0px 20px 0;
}

.tab__menu.new a {
  width: auto;
  height: 41px;
  box-sizing: border-box;
  color: #888;
  padding: 8px 4px;
  margin-right: 8px;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  border-bottom: 2px solid transparent;
  text-align: center;
  font-size: 18px;
}

.tab__menu.new a.is-active {
  color: #000;
  font-weight: 700;
  border-bottom: 2px solid #DD2C2F;
}

.tab__menu.new .new {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.tab__menu.new .new:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  width: 12px;
  height: 12px;
  background-image: url("/assets/image/new_icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tab__menu.new a:last-child {
  margin-right: 0;
}

/* //20250307 미트뱅크 스타일로 탭 메뉴 변경 */
/* 20250514 미트박스지수 배너 추가 */
.swiper.index__swiper {
  margin: 12px 20px -12px;
  box-sizing: border-box;
  overflow: hidden;
}

.index-box {
  padding: 8px 16px 7px;
  border-radius: 8px;
  background: #F7F7F7;
  box-sizing: border-box;
}

.index-box .index-sub {
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.22px;
  color: #575757;
}

.index-box .point-box {
  display: flex;
  justify-content: space-between;
  line-height: 140%;
}

.index-box .point-box .now {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.32px;
  color: #000;
}

.index-box .point-box .day-before {
  display: flex;
  align-items: center;
  gap: 4px;
}

.index-box .point-box .day-before {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.22px;
  color: #575757;
}

.index-box .point-box .day-before .day-before-sub {
  color: #575757;
}

.index-box .point-box .day-before .point {
  display: flex;
  align-items: center;
  color: #575757;

}

.index-box .point-box .day-before .point:before {
  content: '';
  position: relative;
  display: inline-block;
  width: 9px;
  height: 6px;
  background-image: url('/assets/image/polygon_gray.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 2px;

}

.index-box .point-box .day-before .point .point-differ {
  font-size: 11px;
  font-weight: 400;
  color: #888;
  margin-left: 2px;
}


/* 지수 상승 */
.index-box.up {
  background: #FFF5F6;
}

.index-box.up .day-before .point {
  color: #DD2C2F;
}

.index-box.up .day-before .point:before {
  background-image: url('/assets/image/polygon_red.svg');
}

/* 지수 하락 */
.index-box.down {
  background: #F6F7FE;
}

.index-box.down .day-before .point {
  color: #4263EB
}

.index-box.down .day-before .point:before {
  background-image: url('/assets/image/polygon_blue.svg');
}

/* 검색창 */
.item__input.search {
  position: relative;
  z-index: 0;
}

.item__input.search.pt32 {
  padding-top: 32px;
}

.item__input.search.pt32 a.btn-search {
  top: 32px;
}

.item__input.search a.btn-search,
.item__input.search a.btn-close {
  position: absolute;
  top: 0px;
  right: 6px;
  z-index: 10;
  width: 20px;
  height: 20px;
  padding: 12px 6px;
  border: none;
}

.item__input.search a.btn-close {
  right: 36px;
  padding: 10px 4px;
}

.item__input.search a.btn-search:before,
.item__input.search a.btn-close:before {
  display: none;
}

.white {
  background-color: #fff;
}

.shadow {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}

.btn.line,
.btn.line.btn-full {
  color: #575757;
  border: 1px solid #cacaca;
  background: #fff;
  font-weight: 700;
}

.btn-fixed-full.column {
  flex-direction: column;
  gap: 12px 0;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

/* color */
/* color: Primary */
.c-prmry900 {
  color: #420D0E !important;
}

.c-prmry800 {
  color: #581213 !important;
}

.c-prmry700 {
  color: #841A1C !important;
}

.c-prmry600 {
  color: #B12326 !important;
}

.c-prmry500 {
  color: #DD2C2F !important;
}

.c-prmry400 {
  color: #E45659 !important;
}

.c-prmry300 {
  color: #EB8082 !important;
}

.c-prmry200 {
  color: #F1ABAC !important;
}

.c-prmry100 {
  color: #F8D5D5 !important;
}

.c-prmry50 {
  color: #FFEBED !important;
}

/* color: Secondary */
.c-scdry900 {
  color: #3F1F08 !important;
}

.c-scdry800 {
  color: #64320D !important;
}

.c-scdry700 {
  color: #964A14 !important;
}

.c-scdry600 {
  color: #C8631A !important;
}

.c-scdry500 {
  color: #FA7C21 !important;
}

.c-scdry400 {
  color: #FB964D !important;
}

.c-scdry300 {
  color: #FCB07A !important;
}

.c-scdry200 {
  color: #FDCBA6 !important;
}

.c-scdry100 {
  color: #FEE5D3 !important;
}

.c-scdry50 {
  color: #FFF2E9 !important;
}

/* color: Neutral */
.c-nutr-b {
  color: #000 !important;
}

.c-nutr500 {
  color: #333 !important;
}

.c-nutr400 {
  color: #575757 !important;
}

.c-nutr300 {
  color: #888 !important;
}

.c-nutr200 {
  color: #CACACA !important;
}

.c-nutr150 {
  color: #E8E8E8 !important;
}

.c-nutr100 {
  color: #EEE !important;
}

.c-nutr50 {
  color: #F5F5F5 !important;
}

.c-nutr-w {
  color: #FFF !important;
}

/* color: System Color */
.c-warning {
  color: #F6CA2D !important;
}

.c-success {
  color: #33BC51 !important;
}

.c-info {
  color: #4263EB !important;
}


.wrapper {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  height: 100%;
}

header {
  max-width: 500px;
}

.header .header-inner.ver2 {
  background-color: #e45659;
}

.header .header-inner.ver2 .product__top h2 {
  color: #fff;
}


.main.mypage.info .my__info {
  padding: 40px 20px 30px;
}

.main.mypage.info .my__info .noti {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333;
}

.main.mypage.info .my__info .my-input>div {
  margin-top: 30px;
}

.main.mypage.info .my__info .my-input .input-tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  color: #333;
  margin-bottom: 8px;
}

.main.mypage.info .my__info .my-input .input-wrap {
  position: relative;
}

.main.mypage.info .my__info .my-input .input-wrap input[type="text"] {
  position: relative;
  height: 48px;
  color: #333;
  font-weight: 500;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 8px;
  padding: 10px 100px 10px 12px;
}

.main.mypage.info .my__info .my-input .input-wrap~.input-wrap {
  margin-top: 12px;
}

.main.mypage.info .my__info .my-input .input-wrap .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  z-index: 10;
  height: 28px;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 11.5px;
  text-align: center;
}

.main.mypage.info .my__info .my-input .input-desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  margin-top: 4px;
  margin-left: 4px;
}

.main.mypage.info .my__info .my-input .input-desc2 {
  font-weight: 400;
  font-size: 13px;
  color: #575757;
  line-height: 18px;
  margin-top: 4px;
  margin-left: 4px;
}

.input-wrap.error input[type="text"] {
  border-color: #dd2c2f;
}

.input-wrap.error~.input-desc {
  color: #dd2c2f;
  background: url(../image/info-red.svg) no-repeat left 2px/13px;
  padding-left: 17px;
}

.main.mypage.profile {
  /* padding-bottom: 50px; */
  padding-top: 10px;
}

.main.mypage .my__figure {
  position: relative;
}

.main .my__profile .my__figure img.w80 {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 100%;
}

.main .my__profile .my__figure img.w100 {
  width: 100px;
  height: 100px;
}

.main.mypage .my__figure .del-file-btn {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background: url(../image/btn-circle-x.svg) no-repeat center/100% auto;
}

.main.mypage .my__figure .filebox label {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: url(../image/btn-camera.svg) no-repeat center/100% auto;
  cursor: pointer;
}

.main.mypage .my__figure .filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.main.mypage .my__info .my__go_link {
  display: inline-block;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  color: #dd2c2f;
  line-height: 20px;
  background: url(../image/ico-arrow-right-red.svg) no-repeat right center/16px;
  padding-right: 18px;
  margin-bottom: -5px;
}

.main.mypage .my__info .my__name img {
  width: 18px;
  height: auto;
  vertical-align: text-top;
}

.main.mypage .my__info .my__desc {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.main.mypage .my__info .my__desc .follow {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #888;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.mypage .my__info .rating,
.main.mypage .my__info .my__desc .rate {
  display: flex;
  position: relative;
  align-items: center;
  gap: 1px;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
}

.main.mypage .my__info .rating {
  margin-bottom: 8px;
}

.main.mypage.profile.new .my__info .rating {
  margin-bottom: 0;
  box-sizing: border-box;
}

.main.mypage.profile.new .my__info .rate .star {
  padding: 1.75px 1.72px 2.27px;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
}

.main.mypage.profile.new .my__info .rate .star img {
  width: 12.57px;
  height: 11.98px;
}

.main.mypage .my__info .my__desc .follow.follower::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #e8e8e8;
  position: absolute;
  right: -9px;
  top: 4px;
}

.main.mypage .my__info .my__desc .follow .follow-count {
  font-weight: 700;
  color: #575757;
}

.main.mypage .my__info .follow__btn {
  margin-top: 8px;
}

.main.mypage .my__info .follow__btn a {
  display: inline-flex;
  align-items: center;
  background-color: #dd2c2f;
  border-radius: 50px;
  padding: 5px 12px 5px 12px;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}

.main.mypage .my__info .follow__btn a::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('/assets/image/plus.png') center center;
  background-size: cover;
  margin-right: 4px;
}

.main.mypage .my__info .follow__btn.following a {
  background-color: #eee;
  color: #575757;
}

.main.mypage .my__info .follow__btn.following a::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('/assets/image/following-btn.png') center center;
  background-size: cover;
  margin-right: 4px;
}

.main.mypage .my__info .my__desc .address {
  position: relative;
}

.main.mypage .my__info .my__desc .address,
.main.mypage .my__info .my__desc .date {
  font-size: 12px;
  color: #888;
  line-height: 17px;
}

.main.mypage .my__info .my__desc .input-wrap.address {
  display: flex;
  gap: 0 6px;
}

.main.mypage .my__info .my__desc .input-wrap.address input {
  height: 21px;
  font-size: 12px;
  color: #888;
  line-height: 17px;
  padding: 0;
}

.main.mypage .my__info .my__desc .address .edit-btn {
  width: 14px;
  height: 14px;
  background: url(../image/edit-888.svg) no-repeat right top/14px;
  padding-right: 20px;
}

.main.mypage .my__info_txt {
  margin: 30px 20px 0;
}

.main.mypage .my__info_txt .info-tit {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  margin-bottom: 8px;
}

.main.mypage .intro__item img {
  margin-left: 6px;
}

.main.mypage .intro__item .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0 4px;
  margin-top: 8px;
}

.main.mypage .save-btn {
  display: inline-block;
  width: auto;
  min-width: 30px;
  font-size: 14px;
  font-weight: 700;
  color: #dd2c2f;
  text-align: right;
  background: 0 0;
}

.main.mypage .my__profile .my__info {
  width: 100%;
}

.main .nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #888;
}

.main .admin__item {
  margin: 0 20px;
}

.main .admin__item .item__box {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 12px 0;
}

.main .admin__item .item__box.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.main .admin__item .item__box.flex .left {
  width: calc(100% - 115px);
  width: -webkit-calc(100% - 115px);
}

.main .admin__item .item__box.flex .item__info,
.main .admin__item .item__box.flex .item__title {
  width: 100%;
}

.main .admin__item .item__box .item__title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
  letter-spacing: -.32px;
  line-height: 140%;
}

.main .admin__item .item__box .item__info .info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.main .admin__item .item__box .item__info .td,
.main .admin__item .item__box .item__info .th {
  font-size: 12px;
  color: #888;
  line-height: 17px;
}

.main .admin__item .item__box .item__info .th {
  min-width: 32px;
}


.main .admin__item .item__box .item__info,
.main .admin__item .item__box .item__title {
  width: calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
}

.main .admin__item .item__box .item__btn .more-btn {
  position: relative;
  z-index: 0;
}

.main .admin__item .item__box .item__btn .more-pop {
  z-index: 9999;
}

.main .admin__item .item__box .item__btn .more-btn a {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
  border-radius: 50px;
  background-color: #888;
  padding: 6px 12px;
}

.main .admin__item .item__box .item__btn .more-btn a.org {
  background-color: #fa7c21;
}

.main .admin__item .item__box .item__btn .more-btn a.arrow {
  padding-right: 22px;
  background-image: url(../image/ico-arrow-down-fff.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 9px auto;
}

.main .admin__item .item__btn .header-more-btn .more-pop {
  top: 26px;
  left: -95px;
}

.main .my__certi_intro {
  padding: 40px 20px 0;
}

.main .my__certi_intro .top {
  margin-bottom: 36px;
}

.main .my__certi_intro .top .logo {
  margin-bottom: 28px;
}

.main .my__certi_intro .top .logo img {
  height: 32px;
}

.main .my__certi_intro .top .tit {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
}

.main .my__certi_intro .top .tit~.desc {
  font-size: 18px;
  font-weight: 400;
  color: #575757;
}

.main .my__certi_intro .top .tit~.desc.mini {
  font-size: 14px;
}

.main .my__certi_intro .top .notice {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
  letter-spacing: -0.02rem;
  line-height: 23.6px;
}

.main .my__certi_intro .top .informNickName {
  font-size: 18px;
  font-weight: 500;
}

.main .my__certi_intro .top .informNickName .nickName {
  color: #581213;
  font-weight: 700 !important;
}

.main .my__certi_intro .top .alert {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
}

.main .my__certi_intro .top .alert:before {
  content: "";
  font-size: 14px;
  color: #575757;
  position: absolute;
  line-height: 1.3;
  left: 0;
}

.main .my__certi_intro .top .ul-desc li {
  font-size: 14px;
  line-height: 140%;
  color: #575757;
  list-style: auto;
  list-style-position: inside;
}

.main .my__certi_intro .cont>.tit {
  font-size: 14px;
  font-weight: 700;
  color: #575757;
  margin-bottom: 12px;
}

.main .my__certi_intro .cont .my__certi_item {
  margin-top: 8px;
}

.main .my__certi_intro .cont .my__certi_item a {
  display: flex;
  align-items: center;
  gap: 0 24px;
  min-height: 106px;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
  padding: 12px 24px;
  background: url(../image/chevron-right.svg) no-repeat center right 24px/24px #fff;
  box-sizing: border-box;
}

.main .my__certi_intro .cont .my__certi_item a .thumb {
  min-width: 60px;
}

.main .my__certi_intro .cont .my__certi_item a .cont {
  padding-right: 32px;
}

.main .my__certi_intro .cont .my__certi_item a .cont .tit {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin-bottom: 2px;
}

.main .my__certi_intro .cont .my__certi_item a .cont .desc {
  display: block;
  font-size: 12px;
  color: #888;
}

.main .my__certi_intro .input-wrap {
  margin-top: 20px;
}

.main .my__certi_intro .input-wrap .tit {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}

.main .my__certi_intro .input-wrap input {
  padding: 12px 0;
  resize: none;
  font-size: 14px;
  color: #222;
}

.main.dtl .my__certi_intro .top .thumb {
  margin-bottom: 32px;
  text-align: center;
}

.main.dtl .my__profile-area {
  border-radius: 8px;
  border: 1px solid #f5f5f5;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 24px;
}

.main.dtl .my__profile-area .intro__item {
  padding-bottom: 24px;
}

.main .my__certi_mark {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #333;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}

.main .my__certi_mark img {
  width: 18px;
  height: 18px;
  vertical-align: text-top;
}

.pop__detail.is-on.pop_certifi {
  width: calc(100% - 93px);
  min-height: 182px;
  border-radius: 0;
}

.pop__detail.is-on.pop_certifi .popup__cnt {
  padding: 0;
}

.mypage.eval .eval-dtl .top {
  background-color: #e45659;
  padding: 40px 20px 70px;
}

.mypage .eval-dtl .top .grade,
.mypage .eval-dtl .top .grade span {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.mypage .eval-dtl .cont {
  position: relative;
}

.mypage .eval-dtl .cont .point-box {
  display: flex;
  align-items: center;
  gap: 0 12px;
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 20px;
  margin: -50px auto 0;
  box-sizing: border-box;
}

.mypage .eval-dtl .cont .point-box .thumb {
  min-width: 60px;
  width: 60px;
  height: 60px;
  background-color: #eee;
  border-radius: 100%;
}

.mypage .eval-dtl .cont .point-box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mypage .eval-dtl .cont .point-box .info .point {
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  color: #dd2c2f;
}

.mypage .eval-dtl .cont .point-box .info .desc {
  display: block;
  color: #888;
  font-size: 13px;
  line-height: 140%;
}

.mypage .eval-dtl .cont .my-eval-menu {
  margin-top: 30px;
}

.mypage .eval-dtl .cont .my-eval-menu li:nth-child(n + 2) {
  margin-top: 20px;
}

.mypage .eval-dtl .cont .my-eval-menu a,
.mypage .eval-dtl .cont .my-eval-menu p {
  font-size: 16px;
  color: #333;
  padding: 9px 20px;
}

.mypage .eval-dtl .cont .my-eval-menu .eval-list-tit {
  font-weight: 700;
}

.mypage .eval-dtl .cont .my-eval-menu li a {
  display: block;
  background: url(../image/ico-arrow-link.svg) no-repeat center right 13px/20px;
}

.mypage .eval-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 20px;
  margin-top: 12px;
}

.mypage .eval-bar span {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.mypage .eval-bar span b {
  display: inline-block;
  font-weight: 700;
}

.mypage .eval-dtl .cont .nodata {
  margin-top: 124px;
}

.mypage .eval-dtl .cont .nodata span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  color: #333;
  background: url(../image/nodata-eval.svg) no-repeat top center/72px;
  padding-top: 88px;
}

.mypage .eval-dtl .cont .my-eval-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  padding: 16px 20px;
}

.mypage .eval-dtl .cont .my-eval-list .left {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

.mypage .eval-dtl .cont .my-eval-list li .thumb-multi {
  position: relative;
  width: 60px;
  min-width: 60px;
  height: 60px;
}

.mypage .eval-dtl .cont .my-eval-list li .thumb-multi .thumb {
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
}

.mypage .eval-dtl .cont .my-eval-list li .thumb-multi .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mypage .eval-dtl .cont .my-eval-list li .thumb-multi .thumb.rectangle {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

.mypage .eval-dtl .cont .my-eval-list li .thumb-multi .thumb.circle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}

.mypage .eval-dtl .cont .my-eval-list .info .sec {
  display: flex;
  align-items: center;
  gap: 0 2px;
}

.mypage .eval-dtl .cont .my-eval-list .info .sec span {
  display: inline-block;
}

.mypage .eval-dtl .cont .my-eval-list .info .sec .flag {
  display: flex;
  align-items: center;
  gap: 0 2px;
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  color: #fa7c21;
}

.mypage .eval-dtl .cont .my-eval-list .info .sec .flag:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #cacaca;
  margin: 0 2px 2px;
}

.mypage .eval-dtl .cont .my-eval-list .info .sec .desc {
  width: 86px;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mypage .eval-dtl .cont .my-eval-list .info .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #000;
  margin-top: 2px;
}

.mypage .eval-dtl .cont .my-eval-list .info .date {
  font-size: 12px;
  line-height: 17px;
  color: #888;
  margin-top: 2px;
}

.mypage .eval-dtl .cont .my-eval-list .btn-wrap {
  min-width: 77px;
}

.mypage .eval-dtl .cont .my-eval-list .btn-wrap .eval-btn {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #dd2c2f;
  border-radius: 50px;
  border: 1px solid #dd2c2f;
  background: #fff;
  padding: 7px 14px;
}

.pop__detail.eval-write-pop.is-on {
  top: 50%;
  transform: translate(-50%, -50%);
}

.pop__detail.eval-write-pop .popup__cnt {
  padding: 0 20px 20px;
}

.pop__detail.eval-write-pop .popup__title {
  position: relative;
  padding: 16px 0 12px;
  border-bottom: 1px solid #eee;
}

.pop__detail.eval-write-pop .popup__title .js-modal-close {
  position: absolute;
  top: 11px;
  right: 0;
}

.pop__detail.eval-write-pop .popup__cont {
  padding-top: 32px;
}

.pop__detail.eval-write-pop .popup__cont .thumb-img {
  margin: 0 14px 24px;
}

.pop__detail.eval-write-pop .popup__cont .thumb-img img {
  width: 100%;
  height: auto;
}

.pop__detail.eval-write-pop .popup__cont .star-wrap .tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  color: #333;
  margin-bottom: 12px;
}

.pop__detail.eval-write-pop .popup__cont .star-wrap .star-area {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop__detail.eval-write-pop .popup__cont .star-wrap .star-area li,
.pop__detail.eval-write-pop .popup__cont .star-wrap .star-area li .star {
  position: relative;
  width: 36px;
  height: 36px;
  background-image: url(../image/ico-star-gray.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 36px;
}

.pop__detail.eval-write-pop .popup__cont .star-wrap .star-area li .star {
  display: block;
  background-image: url(../image/ico-star.svg);
}

.pop__detail.eval-write-pop .popup__cont .editor {
  width: 100%;
  height: 112px;
  color: #575757;
  font-weight: 500;
  line-height: 140%;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 12px;
  text-align: left;
  overflow-y: auto;
  box-sizing: border-box;
  margin-top: 12px;
}

.pop__detail.eval-write-pop .popup__cont .editor .small {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  color: #888;
}

.pop__detail.eval-write-pop .popup__btn {
  padding-top: 12px;
}

.pop__detail.eval-write-pop .popup__btn a {
  font-weight: 700;
  padding: 13px;
}

.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.btn.disabled,
button.disabled {
  border: 1px solid #eee !important;
  color: #cacaca !important;
  background: #eee !important;
  pointer-events: none;
}

.pop__detail .popup__title textarea {
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #cacaca;
  background: #fff;
  padding: 13px 12px;
  margin-top: 24px;
}

.pop__detail .popup__title textarea::placeholder {
  font-size: 14px;
  color: #888;
}

.pop__detail.bottom.is-on {
  top: auto;
  bottom: 30px;
  transform: translate(-50%, 0);
  width: 100%;
  border-radius: 10px 10px 0 0;
  z-index: 897;
}

.pop__detail.bottom .popup__cnt {
  padding: 0;
  overflow-x: hidden;
}

.pop__detail.bottom .popup__title {
  display: flex;
  align-items: center;
  gap: 0 9px;
  padding: 20px;
}

.pop__detail.bottom .popup__title img {
  width: 40px;
  height: 40px;
}

.pop__detail.bottom .popup__title .share-txt p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.pop__detail.bottom .popup__title .share-txt a {
  display: inline-block;
  text-decoration: underline;
}

.pop__detail.bottom .swiper {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #888;
  border-top: 1px solid #e8e8e8;
  padding: 20px 0;
  margin-top: 2px;
}

.pop__detail.bottom .swiper .swiper-slide {
  width: 60px;
}

.pop__detail.bottom .swiper a {
  display: block;
}

.pop__detail.bottom .swiper a .img {
  width: 60px;
  height: 60px;
  background-color: #d9d9d9;
  border-radius: 100%;
  overflow: hidden;
}

.pop__detail.bottom .swiper.square a .img {
  border-radius: 10px;
}

.pop__detail.bottom .swiper a img {
  width: 60px;
  height: 60px;
}

.pop__detail.bottom .swiper a span {
  font-size: 11px;
  color: #000;
  margin-top: 6px;
}

.btn-fixed-full.fixed-bg {
  background-color: #fff;
  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.08);
  padding: 12px 0;
}

.btn-fixed-full.fixed-bg.cmt-area {
  width: 100%;
  min-height: 60px;
  padding: 14px 20px;
  box-sizing: border-box;
}

.btn-fixed-full.fixed-bg.cmt-area .no-login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  width: 100%;
}

.btn-fixed-full.fixed-bg.cmt-area .no-login p {
  font-size: 16px;
  color: #000;
}

.btn-fixed-full.fixed-bg.cmt-area .no-login .login-btn {
  font-size: 16px;
  font-weight: 700;
  color: #dd2c2f;
}

/* 240808수정 */
.fixed-bg.cmt-area input {
  border-bottom: none;
  padding: 6px 8px 6px 4px;
}

/* //240808수정 */

.fixed-bg.cmt-area .btn {
  width: 55px;
  min-width: 55px;
  height: 22px;
  color: #cacaca;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.26px;
  border: 1px solid #eee;
  border-radius: 50px;
  background: #fff;
  padding: 7px 0;
}

.fixed-bg.cmt-area .btn.red {
  color: #dd2c2f;
  border-color: #dd2c2f;
}

.header-more-btn {
  position: relative;
  display: inline-block;
}

.header-more-btn .more-pop {
  display: none;
  position: absolute;
  top: 40px;
  left: -136px;
  width: 156px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.header-more-btn.is-on .more-pop {
  display: block;
}

.header-more-btn .more-pop .btn {
  width: 100%;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.28px;
  color: #575757;
  padding: 12px;
  text-align: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
}

.header-more-btn .more-pop .btn.not {
  color: #888;
  font-weight: 400;
}

.header-more-btn .more-pop .btn.current {
  background-color: #f5f5f5;
}

.header-more-btn .more-pop .btn.active,
.header-more-btn .more-pop .btn:focus,
.header-more-btn .more-pop .btn:hover {
  color: #dd2c2f;
  font-weight: 500;
}

.all-category-view {
  padding: 24px 20px;
}

.all-category-view .board-btn {
  display: flex;
  gap: 0 8px;
}

.all-category-view .board-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  font-size: 13px;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid #f8d5d5;
  background: #fff6f7;
  padding: 14px;
}

.all-category-view .board-btn a.red {
  color: #e45659;
  border: 1px solid #f8d5d5;
  background: #fff6f7;
}

.all-category-view .board-btn a.org {
  color: #fa7c21;
  border: 1px solid #fee5d3;
  background: #fff9f4;
}

.all-category-view .board-btn a img {
  margin-right: 8px;
}

.all-category-view .cate-btn {
  display: flex;
  gap: 0 8px;
  margin-top: 8px;
}

.all-category-view .cate-btn a {
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #575757;
  background: #f5f5f5;
  border-radius: 8px;
  padding: 9px 7px 7px;
  text-align: center;
}

.all-category-view .cate-btn a span {
  display: block;
  font-size: 32px;
  margin-bottom: 2px;
}

.header .product__top .board-tit {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  /* 240724 수정 */
  padding-left: 10px;
  /* 240724 수정 */
}

.main.community.edit .state-action .select-btn .default-btn:after {
  width: 12px;
  height: 6px;
  background: url(../image/ico-arrow-select3.svg) no-repeat 0 0;
}

.main.community.edit .state-action.is-on .select-btn .default-btn:after {
  width: 12px;
  height: 6px;
  background: url(../image/ico-arrow-select3-down.svg) no-repeat 0 0;
}

.community.edit .tag__item {
  padding-bottom: 0;
  margin-bottom: 16px;
}

.main.community.edit {
  padding-top: 16px;
}

.community.edit:not(.new) .tag__item {
  padding-top: 8px;
  margin-bottom: 0;
}

.community.edit:not(.new) .write__item {
  padding-top: 8px;
}


.community.board {
  padding-bottom: 66px;
}

.community.board .board-top .btn-wrap .more-btn {
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
  font-weight: 700;
  color: #dd2c2f;
}

.community .border-line-8px {
  border-top: 8px solid #f5f5f5;
}

.community.board .board-section {
  background-color: #fff;
  padding: 0 20px;
}

.community.board .board-section .board-top.box {
  padding: 20px 0 8px;
  background-color: #fff;
}

.community.board .board-section .board-top .txt-box {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #575757;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 11px 0;
  text-align: center;
}

.community.board .board-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 8px;
}

.community.board .board-top .tit {
  line-height: 22px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.community.board .board-top .tit svg {
  vertical-align: text-bottom;
}

.community.board .board-section .board__item {
  border-bottom: 1px solid #eee;
  padding: 12px 0 10px;
}

.community.board .board-section .board__item:nth-last-of-type(1) {
  border-bottom: none;
}

.community.board .board-section .board__item .board__cate {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}

.community.board .board-section .board__item .board__cate.red {
  color: #e45659;
}

.community.board .board-section .board__item .board__cate.org {
  color: #fa7c21;
}

.community.board .board-section .board__item .board__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #333;
  font-weight: 500;

}

.community.board .board-section .board__item .board__title span {
  overflow: hidden;
  width: calc(100% - 20px);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.community.board .board-section .board__item .board__tit_cont_wrap img {
  min-width: 20px;
}

.community.board .board-section .board__item.read .board__tit_cont_wrap .board__title {
  color: #888;
}

.community.board .board-section .board__item .board__tit_cont_wrap .board__cont {
  width: calc(100% - 2px);
  width: -webkit-calc(100% - 2px);
  font-size: 12px;
  font-weight: 400;
  color: #888;
  line-height: 140%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 1px;
}

.community.board .board-section .board__item .board-bot {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-top: 6px;
}

.community.board .board-section .board__item .board-bot span {
  position: relative;
  display: flex;
  align-items: center;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.community.board .board-section .board__item .board-bot .board__info {
  display: flex;
  align-items: center;
  border-bottom: none;
  padding: 0;
}

.community.board .board-section .board__item .board-bot .level::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 0 3.5px;
  vertical-align: text-bottom;
}

.community.board .board-section .board__item .board-bot .board__dashboard {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.community.board .board-section .board__item .board-bot .board__dashboard span {
  vertical-align: middle;
}

.community.board .board-section .board__item .board-bot .board__dashboard span img {
  margin-right: 4px;
}

.community.board .board-top.total-wrap {
  padding: 12px 0 0;
}

.community.board .board-top .total {
  font-size: 16px;
  color: #333;
}

.community.board .board-top .total span {
  display: inline-block;
  font-size: inherit;
  font-weight: 700;
  color: inherit;
}

.community.board .board-top select {
  font-size: 14px;
  padding: 13px 28px 13px 0;
}

.main.community .myid__item {
  padding: 24px 0 4px;
}

.main.community .myid__item .item__code {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}

.main.community .input-wrap {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 6px 12px;
}

.main.community .input-wrap input.input--title {
  color: #333;
  border-bottom: none;
  font-size: 14px;
}

.main.community .input-wrap input.input--title::placeholder {
  color: #888;
}

.main.community .write__item .item__editor {
  font-size: 14px;
  line-height: 140%;
  min-height: 80px;
  padding: 12px;
  box-sizing: border-box;
}

.main.community .write__item div[contenteditable="true"] {
  color: #888888;
}

.main.community .write__item .item__editor img {
  padding: 10px 0;
}

.main.community .write__item .item__file .photo__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
}

.main.community .write__item .item__file .photo__box .btn-x {
  top: 4px;
  right: 4px;
  background: 0 0;
}

.community.view .board-top {
  position: relative;
  margin-bottom: 8px;
}

.community.view .board-top::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: -20px;
  width: 100vw;
  height: 1px;
  background-color: #eee;
  content: "";
}

.community.view .board__item {
  padding: 16px 0;
  margin: 0 20px;
}

.community.view .board__item .board__info {
  border-bottom: 1px solid #eee;
  padding: 8px 4px;
}

/* 240808 수정 */
.community.view .board__item .board__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  color: #000;
  margin-bottom: 8px;
}

/* //240808 수정 */

.community.view .board__item .board__info .info {
  position: relative;
  margin-bottom: 4px;
}

.community.view .board__item .board__info .date,
.community.view .board__item .board__info .date span,
.community.view .board__item .board__info .info span,
.community.view .board__item .board__info .view {
  font-size: 13px;
  line-height: 140%;
  color: #888;
  letter-spacing: -0.26px;
}

.community.view .board__item .board__info .info .level::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 2px 3.5px;
  vertical-align: text-bottom;
}

.community.view .board__item .board__info .view {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 0 4px;
  align-items: center;
}

.community.view .board__item .board__view .editor {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #333;
  padding: 16px 4px;
}

.community.view .board__item .board__view .editor img {
  display: block;
  margin: 8px 0;
}

.community.view .board__item .board__view .utill {
  display: flex;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.community.view .board__item .board__view .utill .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  font-size: 13px;
  color: #575757;
  padding: 11px 0;
}

.community.view .board__item .board__view .utill .btn span {
  position: relative;
  display: inline-block;
}

.community.view .board__item .board__view .utill .btn.dislike span,
.community.view .board__item .board__view .utill .btn.like span {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
}

.community.view .board__item .board__view .utill .btn.like span {
  background-image: url(../image/thumbs-up.svg);
}

.community.view .board__item .board__view .utill .btn.like.on span {
  color: #467dd1;
  font-weight: 700;
  background-image: url(../image/thumbs-up-on.svg);
}

.community.view .board__item .board__view .utill .btn.dislike span {
  background-image: url(../image/thumbs-down.svg);
}

.community.view .board__item .board__view .utill .btn.dislike.on span {
  color: #e45659;
  font-weight: 700;
  background-image: url(../image/thumbs-down-on.svg);
}

.community.view .board__item .board__cmt {
  padding: 16px 0;
}

.community.view .board__item .board__cmt .cmt-dashboard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 19px;
}

.community.view .board__item .board__cmt .cmt-dashboard select {
  font-size: 14px;
  padding: 0 28px 0 0;
}

.community.view .board__item .board__cmt .cmt-tit {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  padding: 0 4px 0;
}

.community.view .board__item .board__cmt .cmt-tit span {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

.community.view .board__item .board__cmt .cmt-view .nodata {
  font-size: 13px;
  line-height: 140%;
  color: #575757;
  border-radius: 8px;
  background: #f5f5f5;
  padding: 12px;
  text-align: center;
}

.community.view .board__cmt .cmt-view .cmt-view-list {
  position: relative;
  display: flex;
  gap: 0 8px;
}

.community.view .board__cmt .cmt-view .cmt-view-list:nth-child(n + 2) {
  margin-top: 16px;
}

.community.view .board__cmt .cmt-view .cmt-view-list .right .cmt-view-list {
  margin-top: 8px;
}

.community.view .board__cmt .cmt-view .cmt-view-list .thumb-area {
  position: relative;
  min-width: 28px;
}

.community.view .board__cmt .cmt-view .reply-line::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 36px;
  display: block;
  width: 1px;
  /* 240911 수정 */
  height: calc(100% - 105px);
  /* //240911 수정 */
  background-color: #e8e8e8;
}

.community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb {
  width: 28px;
  height: 28px;
  background-color: #467dd1;
  border-radius: 100%;
  overflow: hidden;
}

.community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community.view .board__cmt .cmt-view .right {
  width: 100%;
  margin-top: 1px;
}

.community.view .board__cmt .cmt-view .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.community.view .board__cmt .cmt-view .right .top .info {
  display: flex;
  align-items: center;
}

.community.view .board__cmt .cmt-view .right .top .info span {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  font-weight: 500;
}

.community.view .board__cmt .cmt-view .right .top .info .level::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 2px 4px 2px 6px;
  vertical-align: text-bottom;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap span {
  position: relative;
  display: inline-block;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn {
  width: auto;
  line-height: 20px;
  overflow: inherit;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn span {
  display: block;
  width: auto;
  font-size: 12px;
  color: #575757;
  padding: 0;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.dislike span,
.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.like span {
  padding-left: 18px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px;
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.like span {
  background-image: url(../image/thumbs-up.svg);
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.like.on span {
  color: #467dd1;
  font-weight: 700;
  background-image: url(../image/thumbs-up-on.svg);
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.dislike span {
  background-image: url(../image/thumbs-down.svg);
}

.community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn.dislike.on span {
  color: #e45659;
  font-weight: 700;
  background-image: url(../image/thumbs-down-on.svg);
}

.community.view .board__cmt .cmt-view .right .cont {
  margin-top: 4px;
}

.community.view .board__cmt .cmt-view .right .cont .txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333;
}

.community.view .board__cmt .cmt-view .right .cont .txt .mention {
  color: #0f428e;
  font-weight: 500;
}

.community.view .board__cmt .cmt-view .right .cont .txt .best-flag {
  display: inline-block;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #fff;
  background: #dd2c2f;
  padding: 0 4px;
  margin-right: 4px;
}

.community.view .board__cmt .cmt-view .right .cont .txt .del-cmt {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #888;
}

.community.view .board__cmt .cmt-view .right .cont .txt-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.5px;
}

.community.view .board__cmt .cmt-view .right .cont .txt-bot .date {
  display: block;
  font-size: 12px;
  color: #888;
}

.community.view .board__cmt .cmt-view .right .cont .txt-bot .write-reply {
  display: inline-block;
  width: auto;
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  color: #888;
  padding: 0;
}

.community.view .board__cmt .cmt-view .right .view-reply {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0;
  font-weight: 700;
  font-size: 13px;
  color: #575757;
  margin-top: 8.5px;
  overflow: inherit;
}

.community.view .board__cmt .cmt-view .right .reply-line-round::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 0;
  display: block;
  width: 14px;
  height: 20px;
  background: url(../image/reple-round.png) no-repeat left top/14px auto;
}

/* 240808 수정 */
.community.view .board__cmt .cmt-view .right .reply-line-round:last-child::before {
  top: -4px;
}

.bottom.is-on.pop_reply_utill {
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  border-radius: 0;
}

.bottom.is-on.pop_reply_utill .popup__cnt {
  background-color: transparent;
}

.bottom.is-on.pop_reply_utill a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #575757;
  padding: 12px;
}

.bottom.is-on.pop_reply_utill a.on,
.bottom.is-on.pop_reply_utill a:focus {
  font-weight: 500;
  color: #dd2c2f;
}

.bottom.is-on.pop_reply_utill .item__nick {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.bottom.is-on.pop_reply_utill .radius {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.bottom.is-on.pop_reply_utill .top {
  margin-bottom: 12px;
}

.terms__box {
  margin: 20px;
}

.terms__box h2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color: #333;
  line-height: 1.75;
}

.terms__box ul li {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #333;
}

.terms__desc {
  margin-top: 20px;
}

.terms__desc:first-child {
  margin-top: 0;
}

.terms__desc h3 {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #333;
  margin-bottom: 5px;
}

.terms__text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.terms__text ol {
  margin: 0 0 0 15px;
}

.terms__text ol>li {
  list-style: decimal;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.terms__text ol>li>ol>li {
  list-style: lower-latin;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.terms__text table {
  margin: 15px 0;
}

.terms__text table thead th {
  background: #eee;
  padding: 4px 6px;
  font-size: 12px;
}

.terms__text table tbody td {
  padding: 4px 6px;
  font-size: 12px;
  border: 1px solid #eee;
}



.action-controller {
  position: absolute;
  bottom: 18px;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

.btn,
button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: 0.2s all ease-in;
  vertical-align: middle;
  color: #fff;
  width: 100%;
  border-radius: 0;
  font-size: 16px;
  text-align: center;
}

.btn-group {
  display: flex;
}

.btn-group .btn {
  width: 50%;
}

.btn-group.pb20,
.btn.pb20 {
  padding-top: 74px;
  padding-bottom: 20px;
}

.btn.bottom {
  position: absolute;
  bottom: 20px;
}

.btn.btn-search,
button.btn-search {
  border: 1px solid #dd2c2f;
  border-radius: 30px;
  color: #dd2c2f;
  white-space: nowrap;
  padding: 5px 5px;
  font-size: 13px;
}

.btn.btn-link,
button.btn-link {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.btn.btn-link img,
button.btn-link img {
  margin-left: 4px;
  width: 7px;
  vertical-align: -1px;
}

.btn.btn-check-all,
button.btn-check-all {
  font-size: 14px;
  color: #e45659;
  font-weight: 700;
  width: auto;
}

.btn.btn-check-all.is-done,
button.btn-check-all.is-done {
  color: #cacaca;
}

.btn.btn-deal,
button.btn-deal {
  font-size: 14px;
  width: auto;
  background: #888;
  color: #fff;
  border-radius: 8px;
  padding: 8px 0 6px 0;
}

.btn.btn-deal-ing,
button.btn-deal-ing {
  font-size: 14px;
  width: auto;
  background: #e45659;
  color: #fff;
  border-radius: 8px;
  padding: 8px 0 6px 0;
}

.btn.btn-deal-ing img,
button.btn-deal-ing img {
  width: 10px;
  height: 4px;
  vertical-align: middle;
  margin-left: 5px;
}

.btn.btn-subject,
button.btn-subject {
  font-size: 14px;
  width: 180px;
  color: #888;
  border: 1px solid #888;
  border-radius: 8px;
  padding: 8px 20px 6px 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn.btn-modify,
button.btn-modify {
  color: #fff;
  background: #dd2c2f;
  font-size: 12px;
  border-radius: 30px;
  padding: 7px 12px 6px 12px;
  width: auto;
  white-space: nowrap;
}

.btn.btn-more,
button.btn-more {
  color: #575757;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #cacaca;
  width: calc(100% - 40px);
  margin: 0 20px 20px 20px;
  padding: 9px 0;
  box-sizing: border-box;
  font-weight: 500;
}

.btn.btn-more img,
button.btn-more img {
  width: 7px;
  vertical-align: middle;
  margin-left: 4px;
}

.btn.btn-view,
button.btn-view {
  background: #fff;
  color: #575757;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #cacaca;
  width: calc(100% - 40px);
  height: 38px;
  margin: 0 20px 20px 20px;
  padding: 9px 0;
  box-sizing: border-box;
  font-weight: 500;
  box-shadow: 10px 0 20px 40px rgba(256, 256, 256, .7);
}

.btn.btn-view img,
button.btn-view img {
  width: 8px;
  vertical-align: middle;
  margin-top: -2px;
}

.btn.btn-keyword,
button.btn-keyword {
  color: #fff;
  background: #dd2c2f;
  font-size: 14px;
  border-radius: 30px;
  border: 1px solid #cacaca;
  width: calc(100% - 40px);
  margin: 0 20px 20px 20px;
  padding: 9px 0;
  box-sizing: border-box;
  font-weight: 700;
}

.btn.btn-keyword img,
button.btn-keyword img {
  width: 7px;
  vertical-align: middle;
  margin-left: 4px;
}

.btn.btn-border,
button.btn-border {
  color: #dd2c2f;
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid #dd2c2f;
  width: 64%;
  padding: 9px 0;
  box-sizing: border-box;
  font-weight: 700;
}

.btn.btn-full,
button.btn-full {
  font-size: 16px;
  margin: 0 20px;
  box-sizing: border-box;
  padding: 14px 0;
  width: calc(100% - 40px);
  border-radius: 30px;
  background-color: #dd2c2f;
  font-weight: 700;
}

.btn.btn-full:disabled,
button.btn-full:disabled {
  background: #eee;
  color: #cacaca;
}

.btn.btn-main,
button.btn-main {
  font-size: 16px;
  margin: 0 20px;
  box-sizing: border-box;
  padding: 14px 0;
  width: calc(100% - 40px);
  border-radius: 30px;
  background-color: #333;
  font-weight: 700;
}

.btn.btn-main:disabled,
button.btn-main:disabled {
  background: #eee;
  color: #cacaca;
}

.btn.btn-text-alert,
button.btn-text-alert {
  color: #fa7c21;
  font-size: 16px;
  font-weight: 600;
}

.btn.btn-cancel,
button.btn-cancel {
  border: 1px solid #cacaca;
  border-radius: 30px;
  color: #888;
  font-size: 16px;
  display: inline-block;
  background: #fff;
  width: auto;
  padding: 9px 0;
}

.btn-bottom {
  position: absolute;
  bottom: 56px;
  padding: 20px 0;
  width: 100%;
  z-index: 20;
  background-color: #fff;
}

.popup__btn .btn.btn-cancel.fat,
.popup__btn .btn.btn-default.fat {
  padding: 11px;
  height: 44px;
  box-sizing: border-box;
}

.btn.btn-cancel.bg-gray {
  background-color: #f4f4f4;
}

.btn.btn-cancel.bg-gray.no-border {
  border: none;
  background-color: #eee;
  color: #cacaca;
}

.btn.btn-chat-cancel,
button.btn-chat-cancel {
  border: 1px solid #cacaca;
  border-radius: 30px;
  color: #575757;
  font-size: 13px;
  display: inline-block;
  background: #fff;
  width: auto;
  padding: 11px 0;
  font-weight: 700;
}

.btn.btn-chat-default,
button.btn-chat-default {
  border: 1px solid #dd2c2f;
  border-radius: 30px;
  color: #dd2c2f;
  padding: 11px 0;
  font-size: 13px;
  display: inline-block;
  font-weight: 700;
}

.btn.btn-default,
button.btn-default {
  border: 1px solid #dd2c2f;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  background: #dd2c2f;
  width: auto;
  padding: 9px 0;
}

.btn.btn-conform,
button.btn-conform {
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  background: #dd2c2f;
  width: auto;
  padding: 14px 0;
}

.btn.btn-conform:disabled,
button.btn-conform:disabled {
  background: #eee;
  color: #cacaca;
}

.btn-group {
  margin: 0 24px;
  text-align: center;
}

.btn-group .btn+.btn {
  margin: 0 5px;
}

.btn-group.btn-float {
  text-align: left;
  overflow: hidden;
}

.btn-group.btn-float .fl-right {
  float: right;
}

.i-info {
  margin: 0 5px;
  /* position: relative; */
  z-index: 10;
}

.i-info img {
  width: 18px;
  height: 18px;
}

.toast-popup {
  display: block;
}

.toast-popup.is-pop .tooltiptext {
  display: block;
}

.toast-popup .btn-tooltip {
  position: absolute;
  right: 0;
  top: 4px;
  z-index: 90;
}

.toast-popup .tooltiptext {
  display: none;
  width: auto;
  word-break: keep-all;
  white-space: nowrap;
  background-color: #000;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 30px;
}

.toast-popup .tooltiptext::after {
  content: " ";
  bottom: 100%;
  left: 0;
  margin-left: 45px;
  border-color: transparent transparent #000 transparent;
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

.toast-popup .tooltiptext ul li {
  font-weight: 400;
  line-height: 1.45;
  position: relative;
  padding: 0 30px 0 10px;
}

.toast-popup.ver2.is-pop {
  display: none;
  /* 동욱 - 스타일 추가 */
  animation: fade-out 2s ease-out forwards;
}

.tooltip-box {
  position: relative;
  /*width: 100%;*/
}

.tooltip {
  position: relative;
  display: inline-block;
}

/* 240723 수정 */
.tooltip:focus .tooltiptext {
  animation: fade-out 3s ease-out forwards;
}

.tooltip .tooltiptext {
  animation: fade-out 3s ease-out forwards;
}

/* 240723 수정 */
.tooltip .tooltiptext {
  opacity: 1;
  width: 90vw;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.weight .tooltip .tooltiptext {
  /* visibility: hidden; */
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  position: absolute;
  z-index: 1000;
  width: 100%;
  left: 20px;
  top: 85px;
  bottom: auto;
  display: flex;
  align-items: center;
  gap: 0 12px;
  padding: 16px;
  opacity: 0;
  text-align: left;
  width: calc(100% - 40px);
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  animation: fade-out1 3s ease-out forwards;
}

.weight .tooltip .tooltiptext img {
  width: 20px;
  height: 20px;
}

.weight .tooltip .tooltiptext::after {
  display: none;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}

.tooltip .tooltip-bottom {
  width: calc(90vw - 30px);
  max-width: 650px;
  top: 150%;
  left: 50%;
  margin-left: -80px;
  text-align: left;
  padding: 10px 15px;
}

.tooltip .tooltip-bottom::after {
  bottom: 100%;
  left: 0;
  margin-left: 75px;
  border-color: transparent transparent #000 transparent;
}

.tooltip .tooltip-bottom.info {
  top: 30px;
  left: 32px;
}

.tooltip .tooltip-bottom.price {
  top: 49px;
  width: calc(61vw - 40px);
}

li.tooltip-box .tooltip .tooltip-bottom.info {
  top: 40px;
  left: 55px;
}

li.tooltip-box .tooltip .tooltip-bottom.info::after {
  margin-left: 207px;
}

li.tooltip-box .tooltip .tooltip-bottom::after {
  margin-left: 47px;
}

li.tooltip-box .tooltip .tooltip-bottom.price::after {
  margin-left: 51px;
}

.tooltip .tooltip-bottom.price {
  top: 49px;
  width: 179px;
}

.tooltip .tooltip-bottom.price::after {
  margin-left: 30px;
}

.tooltip .tooltip-bottom.info::after {
  bottom: 100%;
  left: 0;
  margin-left: 207px;
  border-color: transparent transparent #000 transparent;
}

.tooltip .tooltip-bottom ul li {
  font-weight: 400;
  line-height: 1.45;
  position: relative;
  padding: 0 0 0 10px;
  font-size: 14px;
}

.tooltip .tooltip-bottom ul li:after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
}

.btn-fixed-full {
  display: flex;
  position: fixed;
  bottom: 76px;
  width: 100%;
  max-width: 500px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 590;
}

.btn-fixed-full.is-hidden-menu {
  bottom: 20px;
}

.btn-fixed-full.is-reload-menu {
  bottom: 60px;
}

.btn-fixed-full.is-reply-area {
  bottom: 0;
  justify-content: space-between;
}

.header {
  z-index: 890;
  width: 100%;
  position: fixed;
  /* 240724 수정 */
  max-width: 500px;
  /* 240724 수정 */
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  background: #fff;
}

.header.under-effect {
  box-shadow: 0px 4px 12px 0px #00000014;
}

.header.no-under-effect {
  box-shadow: none;
}

.header .header-inner {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  height: 56px;
  text-align: center;
  position: relative;
}

.header .header-inner h1 {
  position: absolute;
  left: 65px;
  right: 65px;
  width: calc(100% - 130px);
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  font-size: 16px;
  color: #272b2f;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.header .header-inner h1 a {
  color: #272b2f;
  font-weight: 700;
}

.header .header-inner .anchor-prev {
  position: absolute;
  left: 15px;
  top: 15px;
}

.header .header-inner .anchor-prev img {
  width: 24px;
  height: 24px;
}

.header .header-inner .menu-share {
  position: absolute;
  top: 15px;
  right: 15px;
}

.header .header-inner .menu-share img {
  width: 24px;
  height: 24px;
}

.header .header-inner .anchor-menu {
  position: absolute;
  left: 10px;
}

.header .header-inner .anchor-menu a {
  background: #fff;
  width: 30px;
  height: 24px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  margin: 16px 0;
}

.header.is-block {
  background: #fff;
}

.header.under-effect.is-block {
  box-shadow: none;
}

.header.is-hide {
  top: -100px;
}

.chat_view.header.is-hide {
  top: 0;
}

.header-menu {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3000;
}

.header-menu a {
  color: #fff;
}

.header-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}

.header-menu .btn-gnb-close {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  vertical-align: top;
  right: 10px;
  top: 7px;
  z-index: 200;
  font-size: 0;
}

.header-menu .btn-gnb-close::after,
.header-menu .btn-gnb-close::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  border-radius: 1px;
  background: #fff;
  transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}

.header-menu .btn-gnb-close::before {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}

.header-menu .btn-gnb-close::after {
  bottom: calc(50% - 1px);
  transform: rotate(-45deg);
}

.header-menu h1 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 101px;
  height: 13px;
  overflow: hidden;
}

.header-menu h1 img {
  width: 100%;
  height: auto;
  margin-top: 0;
}

.header-menu .nav {
  position: relative;
  z-index: 100;
  display: table;
  width: 100%;
  height: 100%;
}

.header-menu .nav>ul {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.header-menu .nav>ul>li {
  width: calc(100% - 100px);
  padding: 0 50px;
  display: inline-block;
  float: left;
  position: relative;
}

.header-menu .nav>ul>li>a {
  color: #fff;
  padding: 17px 0;
  font-size: 25px;
  font-weight: 500;
  display: inline-block;
}

.header-menu .nav>ul>li>a.is-page {
  color: #e72d48;
}

.header-menu .nav>ul>li>a.has-depth2 {
  position: relative;
}

.header-menu .nav>ul>li>a.has-depth2:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../image/ico-arrow-down.svg) no-repeat 0 0;
  background-size: 14px 14px;
  border-radius: 14px;
  margin-left: 15px;
  vertical-align: middle;
}

.header-menu .nav>ul>li>ul {
  position: relative;
  width: 100%;
  text-align: left;
  padding-top: 17px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.header-menu .nav>ul>li>ul>li {
  width: 100%;
  padding: 15px 0;
}

.header-menu .nav>ul>li>ul>li a {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
}

.header-menu .header-lang {
  position: absolute;
  left: 50px;
  bottom: 15px;
  z-index: 200;
}

.header-menu .header-lang .select-anchor {
  color: #fff;
  position: relative;
  width: 50px;
  text-align: left;
  display: inline-block;
  padding: 20px 0;
}

.header-menu .header-lang .select-anchor:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 27px;
  right: 5px;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.header-menu .header-lang .select-anchor:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 27px;
  right: 1px;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.header-menu .header-lang ul.select-lang {
  display: none;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.22);
  position: absolute;
  z-index: 200;
  bottom: 60px;
  left: -20px;
  width: 95px;
  background: #fff;
  padding: 14px 0;
  border-radius: 3px;
}

.header-menu .header-lang ul.select-lang.is-expanded {
  display: block;
  z-index: 890;
}

.header-menu .header-lang ul.select-lang:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: #fff transparent transparent transparent;
}

.header-menu .header-lang ul.select-lang>li {
  width: 95px;
  padding: 10px 0;
  float: none;
  text-align: center;
  z-index: 890;
}

.header-menu .header-lang ul.select-lang>li a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.header-modal {
  position: fixed;
  left: -60%;
  width: 60%;
  background: #21b6af;
}

.header-modal.is-expand {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 891;
  height: calc(100vh - 70px);
}

.header-modal.is-expand:after {
  content: "";
  display: block;
  width: 70%;
  height: calc(100vh - 70px);
  left: 100%;
  top: 0;
  position: absolute;
  z-index: 90;
  background: #000;
  opacity: 45%;
}

.header-modal h2 {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding: 20px;
  color: #fff;
}

.header-modal .js-close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
}

.header-modal .js-close-modal img {
  width: 20px;
  height: 20px;
}

.header-modal .menu-depth {
  padding: 20px;
}

.header-modal .menu-depth li {
  line-height: 2.5;
}

.header-modal .menu-depth li a {
  color: #fff;
  font-size: 16px;
}

.product__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* 240724 수정 */
  /* padding: 6px 10px 6px 20px; */
  /* 240724 수정 */
  min-height: 44px;
  height: 56px;
  box-sizing: border-box;
}


.product__top .anchor-btn {
  font-size: 0;
}

/* 240808수정 */
.product__top .anchor-btn a {
  display: inline-block;
  padding: 8px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}

/*// 240808수정 */

.product__top .anchor-btn a.back {
  display: inline-block;
  padding: 6px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}

.product__top .action-box {
  font-size: 0;
}

.product__top .action-box .alert {
  position: relative;
}

.product__top .action-box .alert img {
  transform: rotate(-15deg);
}

.product__top .action-box .alert:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #E45659;
}

.product__top .action-box a {
  display: inline-block;
  padding: 8px;
}

.product__top .action-box .alert {
  position: relative;
}

.product__top .action-box .alert img {
  transform: rotate(-15deg);
}

.product__top .action-box .alert:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #E45659;
}

.product__top .action-box .btn {
  padding-right: 20px;
}

.product__top h2 {
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  z-index: 1;
  width: auto;
  left: 50%;
  transform: translate(-50%, 0);
  letter-spacing: -.36px;
}

.product__top div h2 {
  transform: translate(-50%, -50%);
}

.product__top .control-action.is-on .expand-box {
  display: block;
}

.product__top .control-action .select-btn {
  position: relative;
  z-index: 0;
}

.product__top .control-action .select-btn .default-btn {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  position: relative;
}

.product__top .control-action .select-btn .default-btn:after {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  display: block;
  width: 10px;
  height: 4px;
  background: url(../image/ico-arrow-select2.svg) no-repeat 0 0;
  background-size: 10px 4px;
}

.product__top .control-action .expand-box {
  display: none;
  position: absolute;
  z-index: 999;
  top: 40px;
  left: 0;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  min-width: 156px;
  overflow: hidden;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.product__top .control-action .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 500;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.product__top .control-action .expand-box a:hover {
  color: #dd2c2f;
  background: #fff;
}

.product__top .control-action .expand-box a.is-focus,
.product__top .control-action .expand-box a:focus {
  color: #575757;
  background: #f5f5f5;
}

.content {
  clear: both;
  position: absolute;
  width: 100%;
  background: #fff;
  /* 240724 수정 */
  max-width: 500px;
  /* 240724 수정 */
  transform: translateX(-50%);
  left: 50%;
  top: 56px;
  min-height: calc(100vh - 140px);
  padding-bottom: 84px;
  /* overflow-y: hidden; */
}

/* 26-14와 같은 형태 */
.content.no-padding {
  padding-bottom: 0;
}

/* footer가 없는 경우 */
.content.no-footer {
  padding-bottom: 0;
  min-height: calc(100vh - 56px);
}

.content.no-footer .main.mypage.profile.edit {
  height: calc(100vh - 143px);
}

.content.no-footer .btn-bottom {
  bottom: 0;
}

.content.manager,
.content.detail {
  display: block;
  padding-bottom: 0;
  box-sizing: border-box;
  /* height: calc(100% - 56px); */
  min-height: calc(100vh - 116px);
}

.content.data,
.content.chat {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  transform: translate(0, 0);
  left: 0;
  top: 0;
  min-height: calc(100vh - 102px);
  padding-bottom: 0;
  height: auto;
  overflow: hidden;
}

/* AI시세 추정 */
.content.data {
  padding-top: 56px;
  overflow: visible;
}

.content.cover-tab {
  top: 100px;
  /* height: auto; */
}

.content.cover-search {
  top: 161px;
}

.content.menu-skip {
  padding-bottom: 0;
}


.date__menu {
  margin: 0 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #dd2c2f;
}

.date__menu a {
  font-size: 13px;
  color: #888;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}

.date__menu a.is-active {
  color: #fff;
  background: #dd2c2f;
}

.main .main__swiper {
  margin: 20px 20px 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.main .main__swiper .swiper-slide {
  border-radius: 8px;
  min-height: 92px;
  /* RRMH-2004 메인슬라이드 높이값 고정 0702 */
  height: 100px;
}

.main .main__swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: 139px;
  object-fit: cover;
}

.main .main__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #420d0e;
  opacity: 0.1;
  margin: 0 3px;
}

.main .main__swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/* swiper 운영버전과 동일하게 맞추는 css */
.main .main__swiper {
  display: block;
  position: relative;
  padding: 0;
  touch-action: pan-y;
  z-index: 1;
}

.main .main__swiper .swiper-pagination {
  position: absolute;
  bottom: 12px !important;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}

/* //swiper 운영버전과 동일하게 맞추는 css */
.main .detail__swiper {
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.main .detail__swiper .swiper-slide {
  border-radius: 0;
}

.main .detail__swiper .swiper-slide img {
  width: 100%;
  height: 100vw;
  max-width: 720px;
  max-height: 720px;
  /* 240805 수정 */
  -o-object-fit: scale-down;
  object-fit: scale-down;
  /* //240805 수정 */
}

.main .detail__swiper .swiper-pagination {
  bottom: 25px;
}

.main .detail__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #420d0e;
  opacity: 0.1;
  margin: 0 3px;
}

.main .detail__swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.main .other__swiper {
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.main .other__swiper .swiper-slide {
  position: relative;
  border-radius: 0;
  width: auto;
}

.main .other__swiper .swiper-slide img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 120px;
  max-height: 120px;
  width: 120px;
  height: 120px;
}

.main .other__swiper .swiper-slide .state {
  position: absolute;
  top: 8px;
  left: 8px;
  margin-right: 4px;
  vertical-align: middle;
}

.main .others__item.custom-padding .other__swiper .swiper-slide .state {
  letter-spacing: -0.22px;
  z-index: 3;
  line-height: 140%;
  padding: 1.9px 6px;
}

.main .other__swiper .swiper-slide .state.is-sell {
  background: #e45659;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  padding: 3px 5px;
  font-weight: 400;
}

.main .other__swiper .swiper-slide .state.is-timeover {
  background: #888;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  padding: 3px 5px;
  font-weight: 400;
}

.main .other__swiper .swiper-slide .item__subject {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  padding: 10px 0;
  width: 120px;
}

.main .other__swiper .swiper-pagination {
  bottom: 25px;
}

.main .other__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #420d0e;
  opacity: 0.1;
  margin: 0 3px;
}

.main .other__swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.main .checkbox__inline {
  display: inline-block;
  margin: 0 10px 0 0;
}

.main .checkbox__inline label {
  vertical-align: -1px;
}

.main .product__bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 20px 0 20px;
  height: 44px;
}

.main .product__bar span {
  font-size: 14px;
  display: inline-block;
  padding: 5px 0;
}

.main .product__bar span strong {
  font-weight: 700;
}

.main .product__bar .checkbox.left-check label {
  padding-left: 20px;
}

.main .product__bar .checkbox.left-check label:before,
.main .product__bar .checkbox.left-check label:after {
  width: 16px;
  height: 16px;
  top: 12px;
}

/* 비즈회원 나가기 기능 */
.main.mypage.profile.adm {
  padding-top: 0;
}

.main.mypage.profile.adm .tab__menu a {
  padding: 11px 0 8px;
}

.main.mypage.profile.adm .product__bar {
  height: auto;
  padding: 20px 20px 8px;
}

.main.mypage.profile.adm .product__bar.general {
  padding-top: 32px;
}

.main.mypage.profile.adm .product__bar .count span {
  font-size: 16px;
  color: #333;
  padding: 0;
  line-height: 140%;
  letter-spacing: -.32px;
}

.main.mypage.profile.adm .product__bar .biz-auth {
  display: flex;
  align-items: center;
  gap: 2px;
}

.main.mypage.profile.adm .product__bar .biz-auth span {
  color: #888;
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -.26px;
  padding: 0;
}

.main.mypage.profile.adm .product__bar .biz-auth a {
  width: 14px;
  height: 14px;
  margin: 0;
}

.main.mypage.profile.adm .product__bar .biz-auth a img {
  width: 100%;
  height: 100%;
}

.main.mypage.profile.adm .admin__item .item__title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}

.main.mypage.profile.adm .admin__item .item__title .account-badge {
  display: inline-flex;
  align-items: center;
  height: 19px;
  padding: 2px 6px;
  background-color: #E45659;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.22px;
  box-sizing: border-box;
}

.main.mypage.profile.adm .admin__item .item__box .item__btn .btn-box {
  display: flex;
  align-items: center;
  gap: 6px;
}

.main.mypage.profile.adm .admin__item .item__box .item__btn .btn-box button {
  display: inline-block;
  width: 37px;
  height: 25px;
  padding: 4px 0;
  border-radius: 4px;
  border: 1px solid #cacaca;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -.24px;
  color: #575757;
  box-sizing: border-box;
}

.main.mypage.profile.adm .admin__item .item__box .item__btn .btn-box button.red {
  border-color: transparent;
  background-color: #E45659;
  color: #fff;

}

.main.mypage.profile.adm .admin__item .item__box .item__btn .more-btn a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 25px;
  border-radius: 4px;
  font-size: 12px;
  padding: 4px 8px;
  line-height: 140%;
  box-sizing: border-box;
}

.main.mypage.profile.adm .admin__item .item__box .item__btn .more-btn a.basic {
  background-color: #fff;
  border: 1px solid #FA7C21;
  color: #FA7C21;
}

.main.mypage.profile.adm .admin__item .item__box .item__btn .more-btn a.arrow {
  padding-right: 22px;
  background-image: url(../image/arrow-white.svg);
  background-size: 12px 12px;
  background-position: right 6.5px center;

}

.main.mypage.profile.adm .admin__item .item__box .item__btn .more-btn a.arrow.basic {
  background-image: url(../image/arrow-orange.svg);
  background-size: 12px 12px;

}

.main.mypage.profile.adm .admin__item .item__box .item__info .info {
  margin-bottom: 2px;
}

.main.mypage.profile.adm .admin__item .item__box .item__info .info:last-child {
  margin-bottom: 0;
}

.main.mypage.profile.adm .btn.underline {
  margin-top: 40px;
  color: #888;
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
  line-height: 140%;
  letter-spacing: -.28px;
}

.main.mypage.profile.adm .admin__item .item__btn .header-more-btn .more-pop {
  top: 28px;
  left: inherit;
  right: 0;
  overflow: hidden;
}

.main.mypage.profile.adm .header-more-btn .more-pop .btn.block {
  color: #888;
}

.pop__detail.tooltip.sell-type.is-on {
  top: initial;
  bottom: 125px;
}

.pop__detail.tooltip.is-on {
  top: 142px;
  transform: translate(-50%, 0);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.pop__detail.tooltip .popup__cnt {
  padding: 12px;
  border-radius: 8px;
}

.pop__detail.tooltip .popup__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pop__detail.tooltip .popup__title strong {

  font-size: 13px;
  font-weight: 700;
  color: #333;
  line-height: 140%;
  letter-spacing: -.26px;
}

.pop__detail.tooltip .popup__title .btn.btn-cancel {
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
}

.pop__detail.tooltip .popup__cont ul li {
  position: relative;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -.22px;
  text-align: left;
  padding-left: 17px;
  margin-bottom: 2px;
  color: #575757;
}

.pop__detail.tooltip .popup__cont ul li:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 6px;
  left: 7px;
  border-radius: 50%;
  background-color: #575757;
}

.main .title__bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 9.5px 20px;
  position: relative;
}

.main.quarantine .title__bar {
  padding: 7px 20px 8px 0;
  margin-top: 8px;
  display: block;
  text-align: right;
}

.main .title__bar p {
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  color: #333;
  line-height: 25.2px;
  letter-spacing: -0.36px;
}

.main .title__bar p img {
  vertical-align: -5px;
  margin: 0 3px 0 0;
}

.main .title__bar span {
  position: relative;
  display: inline-block;
}

.main .title__bar span img {
  vertical-align: -2px;
}

.main .title__bar span:hover .msg {
  display: block;
}

.main .title__bar span:hover:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 2px;
  background: url(../image/ico-arrow-pointer.svg) no-repeat 0 0;
  background-size: 12px 6px;
  width: 12px;
  height: 6px;
  display: block;
  transform: rotate(180deg);
}

.main .title__bar .unit {
  color: #575757;
  font-size: 12px;
  font-weight: 400;
}

/* RRMH-2232 단위: 1kg 에 호버시 화살표 뜨는 오류 수정 */
.main .title__bar .unit:hover:after {
  display: none;
}

.main .title__bar .msg {
  display: none;
  position: absolute;
  left: -60px;
  top: 24px;
  /* width: 100vw; */
  width: 90vw;
  max-width: 300px;
}

.main .title__bar .msg a {
  display: inline-block;
}

.main .title__bar .msg a img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.main .title__bar .msg p {
  display: inline-block;
  word-break: keep-all;
  background: #090a0a;
  color: #fff;
  padding: 10px 12px 8px 12px;
  font-size: 12px;
  font-weight: 300;
  border-radius: 4px;
  line-height: 1.2;
}

.main .title__bar .msg p strong {
  font-weight: 700;
}


/* 데이트피커 */
.modal-toast.modal-sorting .date__bar,
.main .date__bar {
  width: calc(100% - 40px);
  margin: 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  position: relative;
}

.modal-toast.modal-sorting .date__bar {
  margin: 0;
  width: 100%;
  padding: 4px 0 0;
}

.main .date__bar .btn {
  width: auto;
  display: inline-block;
  padding: 5px 10px;
  background-color: #fff;
}

.modal-toast.modal-sorting .date__bar .lines,
.main .date__bar .lines {
  width: calc(100% - 90px);
  white-space: nowrap;
  border: 1px solid #cacaca;
  border-radius: 8px;
  padding: 8px 12px;
  /* 240530 추가 */
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0 2px;
}

.modal-toast.modal-sorting .date__bar .lines {
  width: 100%;
}

.modal-toast.modal-sorting .date__bar .lines input {
  padding-right: 20px;
}


.modal-toast.modal-sorting .date__bar .lines input,
.main .date__bar .lines input {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  letter-spacing: -1px;
  text-align: center;
  padding: 4px 0;
}


.modal-toast.modal-sorting .date__bar .lines #endDate,
.main .date__bar .lines #endDate {
  background: url(../image/datepicker-cal.svg) no-repeat right center / 22px;
  padding-right: 28px;
}

.modal-toast.modal-sorting .date__bar .lines #endDate {
  padding-right: 0;
  background: none;
}

/* 240819 추가 */
.main .data__tit_wrap .data__tit {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
}

/* //240819 추가 */


.main .blank__item {
  text-align: center;
}

.main .blank__item p {
  font-size: 16px;
  color: #888;
  padding: 50px 0;
}

.main .blank__item a.btn {
  width: 70%;
}

.main .view__item {
  margin: 0 20px;
  padding: 14px 0;
}

.main .view__item .item__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.main .view__item .item__title a {
  color: #333;
}

.main .view__item .item__title .badge {
  line-height: 1;
}

.main .view__item .item__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.main .view__item .item__title .rating {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  margin-left: 5px;
}

.main .view__item .item__title .rating img {
  vertical-align: -2px;
  width: 16px;
  height: 16px;
}

.main .view__item .item__tag {
  padding: 0 0 10px 0;
}

.main .view__item .item__tag .tag {
  font-size: 14px;
  color: #888;
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 3px;
}

.main .view__item .item__dashboard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main .view__item .item__dashboard .view {
  margin-right: 10px;
  color: #888;
}

.main .view__item .item__dashboard .view img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .view__item .item__dashboard .reply {
  color: #888;
}

.main .view__item .item__dashboard .reply img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .view__item .item__dashboard .time {
  font-size: 14px;
  margin-left: auto;
  color: #888;
}

.main .view__item .item__editor {
  padding: 14px 0;
}

.main .view__item .item__editor img {
  max-width: 100%;
}

.main .detail__item {
  margin: 0 20px;
  padding: 7px 0 64px 0;
}

.main .detail__item .item__profile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

.main .detail__item .item__profile .item__figure img {
  width: 46px;
  height: 46px;
  border-radius: 50px;
}

.main .detail__item .item__profile .item__box {
  width: calc(100% - 55px);
}

.main .detail__item .item__profile .item__box .item__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.main .detail__item .item__profile .item__box .item__title a {
  color: #333;
}

.main .detail__item .item__profile .item__box .item__title .badge {
  line-height: 1;
}

.main .detail__item .item__profile .item__box .item__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.main .detail__item .item__profile .item__box .item__title .rating {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  margin-left: 5px;
}

.main .detail__item .item__profile .item__box .item__title .rating img {
  vertical-align: -2px;
  width: 16px;
  height: 16px;
}

.main .detail__item .item__profile .item__box .item__detail {
  margin-bottom: 10px;
}

.main .detail__item .item__profile .item__box .item__detail span {
  color: #888;
  font-size: 14px;
}

.main .detail__item .item__profile .item__box .item__follow .btn {
  width: auto;
  display: inline-block;
  padding: 6px 15px;
  font-size: 13px;
  border-radius: 30px;
  background-color: #dd2c2f;
}

.main .detail__item .item__status {
  border-top: 1px solid #f5f5f5;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: column;
}

.main .detail__item .item__status .item__deal {
  margin: 0 0 -12px 0;
}

.main .detail__item .item__status .item__deal .is-ing {
  font-size: 16px;
  font-weight: 700;
  color: #e45659;
}

.main .detail__item .item__status .item__deal .is-done {
  font-size: 16px;
  font-weight: 700;
  color: #cacaca;
}

.main .detail__item .item__status .item__dashboard {
  height: 40px;
}

.main .detail__item .item__status .item__dashboard select {
  border: 1px solid #e8e8e8;
  font-size: 14px;
  border-radius: 8px;
  padding: 10px 30px 8px 10px;
}

.main .detail__item .item__status .item__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
}

.main .detail__item .item__status .item__box .item__view .item__subject {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.main .detail__item .item__status .item__box .item__view .item__date span {
  font-size: 12px;
  color: #888;
}

.main .detail__item .item__status .item__box .item__view .item__date span+span {
  padding-left: 10px;
  position: relative;
}

.main .detail__item .item__status .item__box .item__view .item__date span+span:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #888;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 2px;
}

.main .detail__item .item__status .item__box .item__scrap {
  text-align: center;
}

.main .detail__item .item__status .item__box .item__scrap img {
  width: 20px;
  height: 20px;
  display: block;
}

.main .detail__item .item__status .item__box .item__scrap span {
  font-size: 12px;
  display: block;
  color: #888;
  padding-top: 2px;
}

.main .detail__item .item__status .item__box .item__scrap .ani-fill img {
  -webkit-animation: zzim 0.6s 2 ease-in-out;
  animation: zzim 0.6s 2 ease-in-out;
}

.main .detail__item .item__status .item__dashboard .state-action.is-on {
  background-color: #fff;
  overflow: hidden;
}

.main .detail__item .item__status .item__dashboard .state-action.is-on .expand-box {
  border-radius: 0;
}

.main .detail__item .item__board {
  border-top: 1px solid #f5f5f5;
  margin: 20px 0 0 0;
  padding: 20px 0;
  overflow: auto;
}

.main .detail__item .item__board .editor {
  line-height: 1.5;
}

.main .detail__item .item__board .item__reply {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
}

.main .detail__item .item__board .item__reply .reply {
  color: #888;
}

.main .detail__item .item__board .item__reply .reply img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .profile__item {
  margin: 0 20px;
  padding: 28px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.main .profile__item .item__figure {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.main .profile__item .item__figure img {
  width: 83px;
  height: 83px;
  border-radius: 80px;
}

.main .profile__item .item__figure .level {
  width: auto;
  font-style: normal;
  border-radius: 4px;
  background: #fa7c21;
  padding: 2px 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-top: -7px;
}

.main .profile__item .item__box {
  width: calc(100% - 100px);
}

.main .profile__item .item__box .item__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

.main .profile__item .item__box .item__title .badge {
  line-height: 1;
}

.main .profile__item .item__box .item__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.main .profile__item .item__box .item__title .rating {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  margin-left: 5px;
}

.main .profile__item .item__box .item__title .rating img {
  vertical-align: -2px;
  width: 16px;
  height: 16px;
}

.main .profile__item .item__box .item__detail {
  margin-bottom: 10px;
}

.main .profile__item .item__box .item__detail span {
  color: #888;
  font-size: 12px;
}

.main .profile__item .item__box .item__detail span+span {
  padding-left: 10px;
  position: relative;
}

.main .profile__item .item__box .item__detail span+span:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #888;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 2px;
}

.main .profile__item .item__box .item__follow .btn-follow {
  width: auto;
  display: inline-block;
  padding: 6px 15px;
  font-size: 13px;
  border-radius: 30px;
  background-color: #dd2c2f;
}

.main .profile__item .item__box .item__follow .btn-doing {
  width: auto;
  display: inline-block;
  padding: 7px 12px 5px 12px;
  font-size: 13px;
  border-radius: 30px;
  color: #575757;
  font-weight: 700;
  background-color: #eee;
}

.main .profile__item .item__box .item__follow .btn-doing img {
  margin-right: 4px;
}

.main .intro__item {
  margin: 0 20px;
  padding: 24px 0 20px;
}

.main.mypage.new .intro__item {

  margin: 0;
  padding: 24px 20px 20px;
}

.main .intro__item textarea {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  height: 80px;
  width: 100%;
  color: #575757;
}

.main .intro__item textarea::placeholder {
  color: #888;
  font-weight: 400;
}

.main .intro__item .item__title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-left: 4px;
  margin-bottom: 8px;
}

.main .intro__item .item__article {
  background: #f5f5f5;
  padding: 14px;
  color: #575757;
  line-height: 1.45;
  border-radius: 8px;
  min-height: 100px;
  box-sizing: border-box;
}

.main.mypage .intro__item .item__article {
  padding: 12px;
}

.main .tab__list {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 0 20px;
}

.main .tab__list .tabs a {
  display: block;
  padding: 9px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  color: #888;
  letter-spacing: -0.28px;
}

.main .tab__list .tabs.is-active a {
  color: #000;
  border-bottom: 2px solid #dd2c2f;
  margin-bottom: -1px;
}

.main .tab__list .tabs+.tabs {
  margin-left: 14px;
}

.main .catalog__item {
  margin: 0 20px;
  padding: 20px 0 4px;
}

.main.mypage.new .catalog__item {
  padding-top: 0;
}

.main .catalog__item .item__title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  margin-left: 4px;
}

.main .add__item {
  margin: 0 20px 30px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main.community.edit .add__item {
  margin: -2px 20px 16px 20px;
}

.main .add__item .btn-file {
  /* margin: 10px 0 0 0; */
  width: 70px;
  height: 70px;
  vertical-align: middle;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main .add__item .btn-file img {
  width: 24px;
  height: 24px;
}

.main .add__item .btn-file span {
  font-size: 11px;
  color: #888;
  padding: 2px 0 0 0;
}

.main .add__item .upload__file {
  width: calc(100% - 85px);
  margin-left: auto;
  overflow: auto;
  padding: 10px 0 0 0;
  margin-top: 10px;
}

/* 2차 고도화 1:1문의 파일목록 */
.main.new .write__item {
  padding-bottom: 12px;
}

.main.new .add__item .btn-file {
  border-radius: 8px;
}

.main.new .add__item {
  justify-content: flex-start;
}

.main.new .add__item .upload__file {
  padding-top: 0;
  /* margin-top: 0; */
  margin-left: 8px;
  /* overflow: visible; */
}

.main.new .add__item .upload__file .photo__box {
  padding-bottom: 0;
  margin-right: 10px;
}

.main.new .add__item .upload__file .photo__box.default {
  background-color: #f5f5f5;
  padding: 12px 21px 30px;
  box-sizing: border-box;
}

.main.new .add__item .upload__file .photo__box.default>img {
  width: 28px;
  height: 28px;
}

.main.new .add__item .upload__file .photo__box img {
  border-radius: 8px;
}

.main.new .add__item .upload__file .photo__box .btn-x {
  right: -6px;
  background: #888;
}

.main.new .add__item .upload__file .photo__box span {
  /* max-width:  84px; */
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 4px 4px;
  width: 100%;
  background: #575757;
  border-radius: 0 0 8px 8px;
  bottom: 0;
  box-sizing: border-box;
}

/* //2차 고도화 1:1문의 파일목록 */


.main .add__item .upload__file::-webkit-scrollbar {
  width: 6px;
}

.main .add__item .upload__file::-webkit-scrollbar-thumb {
  width: 2px;
  border: 6px solid #fff;
  height: 4px;
  border-radius: 8px;
  background-color: #d9d9d9;
}

.main .add__item .upload__file .scroll__area {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  padding-top: 7px;
}

.main .add__item .upload__file .photo__box {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
  margin-right: 8px;
}

.main .add__item .upload__file .photo__box .btn-x {
  background: #dd2c2f;
  position: absolute;
  top: -6px;
  border-radius: 20px;
}

.main .add__item .upload__file .photo__box .btn-x img {
  padding: 2px;
  width: 14px;
  height: 14px;
}

.main .add__item .upload__file .photo__box img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}

.main .add__item .upload__file .photo__box span {
  position: absolute;
  bottom: 5px;
  border-radius: 0 0 4px 4px;
  width: 100%;
  padding: 4px 0;
  font-size: 11px;
  text-align: center;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.main .write__item {
  margin: 0 20px;
  padding: 14px 0;
}

.main .write__item .item__title {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  margin-bottom: 6px;
  justify-content: space-between;
  align-items: center;
}

.main.community.edit .tag__item .item__title,
.main.community.edit .write__item .item__title {
  margin-top: 8px;
}

/* 1:1 문의 타이틀 폰트 사이즈 구분 */
.main .write__item .item__title.inquiry {
  font-size: 16px;
  margin-top: 8px;
}

.main .tag__item .item__title .essential,
.main .write__item .item__title .essential {
  font-size: 11px;
  color: #e45659;
  font-weight: 500;
  font-style: normal;
  line-height: 15.4px;
  letter-spacing: -0.22px;
}

.main .write__item .item__editor {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 14px;
  line-height: 1.5;
  font-size: 14px;
  color: #333;
  min-height: 100px;
  outline: 0;
}

.main .write__item .item__file {
  padding: 10px 0;
}

.main .write__item .item__file .photo__box {
  display: inline-block;
  position: relative;
  padding-bottom: 5px;
}

.main .write__item .item__file .photo__box .btn-x {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 2px;
  right: 2px;
}

.main .write__item .item__file .photo__box .btn-x img {
  width: 24px;
  height: 24px;
}

.main .write__item .item__file .photo__box img {
  width: 100px;
  height: 100px;
  border-radius: 4px;
}

.main .write__item .item__input .text {
  font-size: 14px;
  border-radius: 8px;
  padding: 12px;
  color: #333;
  font-weight: 500;
  border: 1px solid #e8e8e8;
}

.main .write__item .item__input .text::placeholder {
  font-weight: 400;
}

.main.community.edit .write__item .item__input .text {
  margin-bottom: 8px;
}

.main .others__item {
  border-top: 8px solid #f5f5f5;
  margin: -64px 0 0 0;
  padding: 7px 20px 84px 20px;
}

.main .others__item .item__title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 0 10px 0;
}

.main .tag__item {
  margin: 0 20px;
  padding: 14px 0;
  padding-bottom: 80px;
}

.main .tag__item.custom {
  margin-top: 28px;
}

.main .tag__item .item__title {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  margin-bottom: 8px;
  justify-content: space-between;
  align-items: center;
}

.main .tag__item .item__title span {
  font-weight: 400;
  font-size: 14px;
  color: #888;
  padding-left: 8px;
}

.main .tag__item .item__title .essential {
  font-size: 11px;
  color: #e45659;
  font-style: normal;
  margin-left: auto;
}

.main .tag__item .item__tag {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 6px 12px;
}

.main .tag__item .item__tag .input--tag {
  width: 25%;
  border-color: #fff;
}

/* RRMH-2516 품목표 상세태그 영역 수정 */
.main .tag__item .item__tag .tag {
  font-size: 14px;
  color: #888;
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 4px;
  position: relative;
}

.main .tag__item .item__tag .btn-x {
  background: #dd2c2f;
  border-radius: 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -5px;
}

.main .tag__item .item__tag .btn-x img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
}

.main .upload__item {
  margin: 30px 0 0 0;
  padding: 13px 20px;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main .upload__item .item__title {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main .upload__item .item__title span {
  font-weight: 400;
  font-size: 14px;
  color: #888;
  padding-left: 8px;
}

.main .upload__item .item__title .essential {
  font-size: 11px;
  color: #e45659;
  font-style: normal;
  margin-left: auto;
}

.main .upload__item .item__btn {
  border: 1px solid #cacaca;
  color: #888;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 4px;
}

.main .upload__item .item__btn img {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.main .product__item {
  cursor: pointer;
  margin: 0 20px;
  border-bottom: 1px solid #eee;
  padding: 14px 0;
}

.main .product__item.item__border {
  margin: 0;
  padding: 14px;
  border: 1px solid #eee;
  border-radius: 8px;
  min-height: 80px;
}

.main .product__item a {
  color: #333;
  display: inline-block;
  width: 100%;
}

.main .product__item .item__title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 140%;
  color: #333;
}

.main .product__item .item__title p {
  display: inline-block;
}

.main .catalog__item .product__item .item__title {
  color: #333;
}

.main .product__item .item__title .badge {
  line-height: 1;
  width: 14px;
  height: 14px;
}

.main .product__item .item__title .badge img {
  width: 14px;
  height: 14px;
}

.main .product__item .item__title .rating {
  display: flex;
  align-items: center;
  height: 16px;
  line-height: 140%;
  color: #575757;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 400;
}

.main .product__item .item__title .rating img {
  width: 16px;
  height: 16px;
}

.main .product__item .item__title .search-focus {
  font-style: normal;
  color: #dd2c2f;
  font-weight: 800;
}

.main .product__item .item__tag {
  padding: 0;
}

.main .product__item .item__tag .tag {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #888;
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 4px;
  height: 28px;
  box-sizing: border-box;
  letter-spacing: -.28px;
}

.main .product__item .item__tag .tag:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.main .product__item .item__tag .tag:has(.search-focus) {
  color: #dd2c2f;
  border: 1px solid #dd2c2f;
  font-weight: 800;
  background: #fff;
}

.main .product__item .item__tag .tag .search-focus {
  font-style: normal;
}

.main .product__item .item__dashboard {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}

.main .product__item .item__dashboard .view {
  margin-right: 10px;
  color: #888;
}

.main .product__item .item__dashboard .view img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .product__item .item__dashboard .reply {
  color: #888;
}

.main .product__item .item__dashboard .reply img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .product__item .item__dashboard .time {
  font-size: 14px;
  margin-left: auto;
  color: #888;
}

.main .sell__item {
  cursor: pointer;
  margin: 0 20px;
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
}

.main .sell__item .item__figure {
  position: relative;
}

.main .sell__item .item__figure img {
  width: 88px;
  height: 88px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}



.main .sell__item .item__figure .flag {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
  border-radius: 8px;
  z-index: 30;
}

.main .sell__item .item__figure .flag::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-size: 100%;
  border-radius: 8px;
  content: "";
  z-index: 31;
}

.main .sell__item .item__figure .flag.ing::after {
  background-image: url(../image/flag-sell-ing.png);
}

.main .sell__item .item__figure .flag.over::after {
  background-image: url(../image/flag-sell-over.png);
}

.main .sell__item .item__figure .flag.over.share::after {
  background-image: url(../image/flag-share-over.png);
}

.main .sell__item .item__box {
  width: calc(100% - 100px);
}

.main .sell__item .item__box a {
  color: #333;
  font-weight: 700;
}

.main .sell__item .item__box .item__title {
  margin: 0 0 9px 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}

.main .sell__item .item__box .item__title .search-focus {
  color: #dd2c2f;
  font-style: normal;
}

.main .sell__item .item__box .item__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.main .sell__item .item__box .item__intro {
  display: block;
  padding: 15px 0 0 0;
  font-size: 16px;
}

.main .sell__item .item__box .item__intro em.search-focus {
  color: #dd2c2f;
  font-style: normal;
}

.main .sell__item .item__box .item__tag {
  padding: 0 0 6px 0;
  height: 29.5px;
}

.main .sell__item .item__box .item__tag .tag {
  font-size: 14px;
  color: #888;
  font-weight: 400;
  padding: 4px 10px;
  background: #f5f5f5;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 2px;
  line-height: 20px;
}

.main .sell__item .item__box .item__tag .tag:has(.search-focus) {
  color: #dd2c2f;
  border: 1px solid #dd2c2f;
  font-weight: 800;
  background: #fff;
}

.main .sell__item .item__box .item__tag .tag .search-focus {
  font-style: normal;
}

.main .sell__item .item__box .item__dashboard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main .sell__item .item__box .item__dashboard .view {
  margin-right: 10px;
  color: #888;
  font-weight: 400;
}

.main .sell__item .item__box .item__dashboard .view img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .sell__item .item__box .item__dashboard .reply {
  color: #888;
  font-weight: 400;
  letter-spacing: -0.28px;
}

.main .sell__item .item__box .item__dashboard .reply img {
  vertical-align: middle;
  margin-right: 4px;
}

.main .sell__item .item__box .item__dashboard .time {
  font-size: 14px;
  margin-left: auto;
  color: #888;
  font-weight: 400;
  letter-spacing: -0.28px;
}

/* 250514 사고팔기 디자인리뉴얼 */
.main .sell__item .item__box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 88px;
  max-height: 131px;
}

.main .sell__item .item__box .item-top {
  min-height: 67px;
  max-height: 110px;
  /* padding-bottom: 8px; */
}

.main .sell__item .item__box .item__title {
  letter-spacing: -0.32px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
}

/* 기존 팝니다 삽니다 태그 추가 0610 */
.main .sell__item .state {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 6px;
  border-radius: 8px 4px 4px 4px;
  color: #fff;
  line-height: 15px;
  letter-spacing: -0.22px;
  font-size: 11px;
  font-weight: 500;
  z-index: 20;
}

.main .sell__item .state.is-sell {
  background: #420d0e;
}

.main .sell__item .state.is-buy {
  background: #e45659;
}

/* //기존 팝니다 삽니다 태그 추가 0610 */

/* 사고팔기 임박, 나눔 기능 추가 250523 */
.main .sell__item.new .item__box .item__tag {
  padding-bottom: 0;
  margin-bottom: 8px;
}

.main .sell__item.new .item-top .tag-box {
  display: block;
  align-items: center;
  justify-content: left;
  gap: 4px;
  margin-bottom: 4px;
}

.main .sell__item.new .item-top .tag-box .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 19px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -.22px;
  box-sizing: border-box;
}

.main .sell__item.new .item-top .tag-box .tag.deal {
  color: white;
}

/* 팝니다 태그 */
.main .sell__item.new .item-top .tag-box .tag.deal.sell {
  background-color: #420D0E;
}

/* 삽니다 태그 */
.main .sell__item.new .item-top .tag-box .tag.deal.buy {
  background-color: #E45659;
}

.main .sell__item.new .item-top .tag-box .tag.share {
  color: #FA7C21;
  border: 1px solid #FA7C21;
  font-weight: 500;
}

.main .sell__item.new .item-top .tag-box .tag.approach {
  color: #E45659;
  border: 1px solid #E45659;
  font-weight: 500;
}

.main .sell__item.new .item-top .tag-box .tag {
  padding: 2px 6px;

}

.main .sell__item.new .item__box .item__tag .tag {
  margin: 0;
  letter-spacing: -0.28px;
}

.main .sell__item .item__box .item__dashboard .time {
  margin-right: 4px;
}

.main .myid__item {
  padding: 14px 0;
  margin: 0 20px;
}

.main .myid__item .item__code {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}

.main .myid__item .item__code img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
}

.main .myid__item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #575757;
}

.main .flag__item {
  padding: 25px 0;
  margin: 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 800;
}

.main .flag__item img {
  display: inline-block;
  margin: 0 3px 0 0;
}

.main .data__item {
  margin: 0 20px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.main .data__item .item__title strong {
  font-weight: 800;
  font-size: 12px;
}

.main .data__item .item__title strong.local {
  color: #dd2c2f;
}

.main .data__item .item__title strong.global {
  color: #4263eb;
}

.main .data__item .item__title span {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 10px;
  display: inline-block;
}

.main .data__item .item__title span:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #cacaca;
  position: absolute;
  left: 5px;
  top: 2px;
}

.main .data__item .item__subject a {
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0 10px 0;
}

.main .data__item .item__date {
  font-size: 12px;
  color: #888;
}

.main .data__item+.data__item {
  border-top: 1px solid #eee;
}

.main .msg__item {
  position: relative;
  margin: 0 20px;
  width: calc(100% - 40px);
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.main .msg__item:first-child {
  margin-top: 14px;
}

.main .msg__item::-webkit-scrollbar {
  display: none !important;
}

.main .msg__item .msg__scroll {
  width: calc(100% + 140px);
  height: 92px;
}

.main .msg__item .item__figure {
  width: 64px;
  float: left;
  display: inline-block;
  padding: 14px 0;
}

.main .msg__item .item__figure img {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  -o-object-fit: cover;
  object-fit: cover;
}

.main .msg__item .item__box {
  float: left;
  display: inline-block;
  width: calc(100% - 220px);
  padding: 14px 0 14px 10px;
}

.main .msg__item .item__box .item__nick {
  margin: 0 0 4px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

.main .msg__item .item__box .item__nick img {
  width: 16px;
  height: 16px;
}

.main .msg__item .item__box .item__nick em {
  font-style: normal;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.main .msg__item .item__box .item__nick .item__time {
  font-size: 11px;
  font-weight: 400;
  color: #888;
  margin-left: auto;
}

.main .msg__item .item__box .item__desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 5px;
  align-items: center;
}

.main .msg__item .item__box .item__desc span {
  line-height: 1.4;
  font-size: 14px;
  color: #333;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main .msg__item .item__box .item__desc em {
  font-style: normal;
  color: #fff;
  font-size: 10px;
  background: #e45659;
  padding: 3px 8px;
  border-radius: 50px;
  line-height: 10px;
}

.main .msg__item .item__box .item__dashboard {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.main .msg__item .item__box .item__dashboard .case {
  color: #fa7c21;
  font-size: 11px;
  font-weight: 700;
}

.main .msg__item .item__box .item__dashboard .subject {
  font-size: 11px;
  color: #888;
  position: relative;
  padding: 0 0 0 8px;
}

.main .msg__item .item__box .item__dashboard .subject:after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 4px;
  background: #cacaca;
  display: inline-block;
}

.main .msg__item .item__action {
  width: 130px;
  float: left;
  margin-left: 10px;
  height: 92px;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  gap: 4px;
}

.main .msg__item .item__action .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 500;
  width: auto;
}

.main .msg__item .item__action .btn.btn-read {
  background: #cacaca;
}

.main .msg__item .item__action .btn.btn-out {
  background: #e45659;
}

.main .msg__item.is-done .item__box .item__desc span {
  font-weight: 400;
  color: #888;
}

.main .msg__item .search-focus {
  font-style: normal;
  color: #dd2c2f !important;
}

.main .center__item {
  margin: 0 20px;
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.main .center__item .item__figure img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.main .center__item .item__box {
  width: calc(100% - 56px);
}

.main .center__item .item__box .item__title {
  margin: 0 0 4px 0;
}

.main .center__item .item__box .item__title em {
  font-style: normal;
  color: #888;
  font-size: 11px;
}

.main .center__item .item__box .item__title .state {
  margin-right: 2px;
  vertical-align: middle;
}

.main .center__item .item__box .item__title .state.is-act {
  display: inline-block;
  background: #ffebed;
  border-radius: 8px;
  color: #dd2c2f;
  font-size: 9px;
  padding: 3px 8px;
  font-weight: 500;
  line-height: 12.6px;
  letter-spacing: -0.18px;
  height: 19px;
  box-sizing: border-box;
}

.main .center__item .item__box .item__title .state.is-keyword {
  background: #fff2e9;
  border-radius: 8px;
  color: #fa7c21;
  font-size: 9px;
  padding: 3px 5px;
  font-weight: 700;
}

.main .center__item .item__box .item__title .state.is-etc {
  background: #e8eff9;
  border-radius: 8px;
  color: #4263eb;
  font-size: 9px;
  padding: 3px 5px;
  font-weight: 700;
}

.main .center__item .item__box .item__desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 5px;
}

.main .center__item .item__box .item__desc span {
  line-height: 1.4;
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.main .center__item .item__box .item__desc span .search-focus {
  font-style: normal;
  color: #fa7c21;
  font-weight: 700;
}

.main .center__item .item__box .item__desc img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 4px;
}

.main .center__item .item__box .item__dashboard {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.main .center__item .item__box .item__dashboard .time {
  font-size: 11px;
  color: #888;
}

.main .center__item.is-done .item__box .item__desc span {
  font-weight: 400;
  color: #888;
}

.main .chart__item {
  margin: 20px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.main .chart__item .chart__won strong {
  display: block;
  color: #dd2c2f;
  font-size: 24px;
  font-weight: 800;
}

.main .chart__item .chart__won span.text-up {
  color: #dd2c2f;
  font-size: 13px;
}

.main .chart__item .chart__won span.text-down {
  color: #4263eb;
  font-size: 13px;
}

.main .chart__item .chart__time {
  text-align: right;
}

.main .chart__item .chart__time span {
  font-size: 13px;
  color: #888;
  display: block;
}

.main .my__login {
  padding: 40px 0 30px 0;
  text-align: center;
}

.main .my__login p {
  line-height: 1.25;
  padding: 0 0 14px 0;
  font-size: 16px;
  font-weight: 700;
}

.main .my__modify {
  margin: 30px 20px 20px 20px;
  text-align: left;
}

.main .my__modify p {
  line-height: 1.25;
  font-size: 16px;
  color: #333;
  font-weight: 400;
}

.main .form__subject {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  padding: 30px 0 10px 0;
}

.main .form__input {
  border: 1px solid #cacaca;
  border-radius: 8px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.main .form__input input {
  padding: 10px 0;
  border: none;
  width: 75%;
}

.main .form__input .btn {
  margin-left: auto;
}

.main .form__desc {
  font-size: 13px;
  color: #575757;
  margin: -5px 0 0 0;
}

.main .my__profile {
  padding: 30px 20px 24px;
  display: grid;
  gap: 16px;
  grid-template-columns: 80px 1fr;
  align-items: center;
}

.main .my__profile .my__figure img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.main.profile.new .my__profile .my__figure img {
  width: 80px;
  height: 80px;
}

.main.profile.new .my__profile .my__figure img.w84 {
  width: 84px;
  height: 84px;
}

.main .my__profile .my__info .my__grade {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 2px;
}

.main .my__profile .my__info .my__grade i img {
  width: 16px;
}

.main .my__profile .my__info .my__grade span {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  line-height: 18px;
}

/* TBD 기획 변경으로 다시 사용될 수 있음 */
/* .main .my__profile .my__info .my__grade span:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -8px;
    top: 5px;
    width: 4px;
    height: 7px;
    background: url(../image/ico-arrow-right.svg) no-repeat 0 0;
    background-size: 4px 7px;
} */

/* 툴팁버튼 추가 240909 */
.main .my__profile .my__info .my__grade {
  display: flex;
  align-items: center;
}

.my__grade.is-p>i {
  display: inline-flex;
}

.main .my__profile .my__info .my__grade .i-info {
  margin-left: 4px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.main .my__profile .my__info .my__grade .i-info img {
  width: 14px;
  height: 14px;
}

/* //툴팁버튼 추가 240909 */

.main .my__profile .my__info .my__grade.is-p {
  color: #841a1c;
  margin-bottom: 2px;
}

.main .my__profile .my__info .my__grade.is-c {
  color: #b12326;
}

.main .my__profile .my__info .my__grade.is-s {
  color: #c72528;
}

.main .my__profile .my__info .my__name {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin-bottom: 4px;
}

.main.mypage.new .my__profile .my__info .my__name {
  margin-bottom: 2px;
}

.main.mypage.new .my__profile.other .my__info .my__name {
  margin-bottom: 4px;
}

.main.mypage.new .my__profile .my__info .rate {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 1px;
}

.main.mypage.new .my__profile .my__info .my__desc {
  margin-bottom: 0;
}

.main.mypage.new .my__profile .my__info .my__desc .rate {
  margin-bottom: 0;
}

.main .my__profile .my__info .my__name .badge {
  margin-left: 2px;
}

.main .my__profile .my__setting {
  display: flex;
  gap: 8px;
  grid-column: 1 / 4;
  width: 100%;
  text-align: center;
}

.main.mypage.profile.edit {
  overflow-y: scroll;
  height: calc(100vh - 200px);
}

.main.mypage.profile.new .my__profile {
  display: flex;
}

.main.mypage.profile.edit .my__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 24px;
  gap: 0;
}

.main.profile.edit .my__profile .filebox {
  padding: 4px 12px;
  background-color: #420D0E;
  border-radius: 20px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  line-height: 16.8px;
  margin-top: -12px;
  z-index: 2;
}

.main.mypage.profile.new .my__info {
  width: auto;
}

.main .my__btn {
  padding: 0px 20px 20px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 8px solid #f5f5f5;
  margin-top: -4px;
  margin-bottom: 20px;
}

.main .my__btn a {
  background-color: #f5f5f5;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #575757;
  padding: 8px 0px;
  text-align: center;
}


.main.mypage.new .my__btn {
  margin-top: 0;
}

.main.mypage.new .my__btn a {
  width: 100%;
}


.main .my__dashboard {
  margin: 0 20px 20px 20px;
  background: #fff;
  border-radius: 0;
}

.main.profile.new .my__dashboard {
  margin-bottom: 0;
}

.main .my__dashboard ul {
  display: flex;
  justify-content: space-around;
  padding: 11px 0 10px;
  background: rgba(255, 242, 233, .3);
  border-radius: 8px;
}

.main .my__dashboard ul li {
  text-align: center;
  position: relative;
}

/* .main .my__dashboard ul li:first-child::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background:#FFF2E9;
  position: absolute;
  top: 7px;
  right: -49px;
} */

.main .my__dashboard ul li strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  line-height: 22px;
}

.main .my__dashboard ul li span {
  font-size: 12px;
  color: #575757;
}

.main.profile.new .my__dashboard ul li span {
  display: flex;
  align-items: center;
}

.main.profile.new .my__dashboard ul li span a {
  display: inline-block;
  margin-left: 2px;
  width: 12px;
  height: 12px;
}

.main .my__dashboard ul li span a {
  width: 12px;
  height: 12px;
  margin-bottom: 1px;
}

.main .my__contact {
  padding: 0 20px 20px 20px;
}

.main.mypage.profile.edit .my__contact,
.main.mypage.profile.new .my__contact {
  border-bottom: 8px solid #f5f5f5;
  margin-top: 20px;
}

.main .my__contact ul li {
  display: flex;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  margin-bottom: 12px;
}

.main.main.mypage.profile.edit .my__contact ul li .input-wrap .item__input:nth-child(2) .text {
  margin-top: 4px;
}

.main .my__contact ul li:last-child {
  margin-bottom: 0;
}

.main .my__contact ul li::before {
  content: '';
  width: 20px;
  height: 20px;
  margin-top: 12px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}

.main.profile.new .my__contact ul li {
  align-items: center;
  flex-wrap: wrap;
}

.main.profile.new .my__contact ul li::before {
  margin-top: 0;
}


.main .my__contact ul li.addr span,
.main .my__contact ul li.link span {
  color: #575757;
  text-decoration: underline;
  line-height: 19.6px;
  vertical-align: -1px;
}

.main .my__contact ul li.link span {
  color: #4263eb;
}

.main .my__contact ul li.addr::before {
  background-image: url('/assets/image/building.svg');
}

.main.profile .my__contact ul li .input-wrap.file span {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #f5f5f5;
}

.main.profile.edit .my__contact ul li .input-wrap.file span {
  display: inline-block;
  background: transparent;
  padding: 0;
}

.main.profile.edit .input-wrap .item__input.file {
  padding: 10px 12px;
  margin-top: 0;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.main.profile.edit .input-wrap .item__input.file .file-box p:first-child {
  color: #575757;
  width: 198px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.profile.new .my__profile .main.profile.new .my__contact ul li {
  padding-left: 4px;
}



.main .my__contact ul li.file.mt4 {
  margin-top: 4px;
}

.main .my__contact ul li.file span {
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #575757;
}

.main .my__contact ul li .file-box span {
  color: #888;
  width: 100%;
}

.main .my__contact ul li.file span a.download {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.main .my__contact ul li.file span a.preview {
  max-width: 192px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #575757;
}

.main .my__contact ul li.link::before {
  background-image: url('/assets/image/link-icon.svg');
}

.main .my__contact ul li.file::before {
  background-image: url('/assets/image/file-icon.svg');
}

.main .my__contact ul li .input-wrap {
  width: calc(100% - 28px);
}

.main .my__contact ul li .input-wrap .item__input .text {
  height: 44px;
  font-weight: 500;
  font-size: 14px;
  color: #575757;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main .my__contact ul li .input-wrap .item__input .text::placeholder {
  color: #888;
  font-weight: 400;
}

.main .my__list {
  padding: 15px 0;
  border-top: 8px solid #f5f5f5;
}

.main .my__list ul {
  margin: 0 20px;
}

.main .my__list ul li {
  padding: 14px 0;
  display: flex;
  justify-content: flex-start;
}

.main .my__list ul li a {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  position: relative;
}

.main .my__list ul li a:after {
  content: "";
  background: url(../image/ico-arrow-link.svg) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.main .my__list ul li a i img {
  width: 20px;
  height: 20px;
}

.main .my__list ul li a .position-admin {
  vertical-align: middle;
  padding: 3px 10px;
  border-radius: 20px;
  background: #fa7c21;
  margin-left: auto;
  margin-right: 24px;
  font-size: 11px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
}

.main .my__list ul li a .position-link {
  vertical-align: middle;
  padding: 3px 0 3px 10px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: 24px;
  font-size: 11px;
  font-weight: 800;
  color: #fa7c21;
  font-style: normal;
}

.main .my__list ul li span {
  color: #333;
  font-size: 16px;
  margin-left: 8px;
}

.main .my__list ul li em {
  margin-left: auto;
  font-size: 16px;
  color: #888;
  font-style: normal;
}

.main .my__swiper {
  margin: 0 20px 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.main .my__swiper .swiper-slide {
  border-radius: 8px;
}

.main .my__swiper .swiper-slide img {
  width: 100%;
}

.main .my__swiper .swiper-pagination {
  bottom: 25px;
}

.main .my__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #420d0e;
  opacity: 0.1;
  margin: 0 3px;
}

.main .my__swiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: "";
}

html.js-overflow {
  overflow: hidden;
  width: 100%;
}

.view-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

.general {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.general h1 img {
  -webkit-animation: zoomBadgeIn 2s alternate;
  animation: zoomBadgeIn 2s alternate;
}

.general .body {
  margin: auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.general .body .type {
  font-size: 64px;
  color: #333;
  font-weight: 800;
}

.general .body .type img {
  width: 80px;
}

.general .body .text {
  font-size: 18px;
  color: #333;
  font-weight: 800;
  padding: 0 0 10px 0;
}

.general .body .desc {
  font-style: normal;
  font-size: 14px;
  color: #888;
  font-weight: 400;
}

.general .btn-bottom {
  padding: 0 0 30px 0;
  width: 100%;
  text-align: center;
}

.general .btn-bottom a.btn {
  display: inline-block;
  width: calc(100% - 40px);
  margin: 0 0 30px 0;
}

.general .btn-bottom p {
  padding: 0 0 10px 0;
  color: #cacaca;
  font-size: 13px;
}

#search__layer {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100vh;
  z-index: 899;
  background: #fff;
  box-sizing: border-box;
  max-width: 500px;
}

.search__input {
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.search__input a img {
  width: 28px;
}

.search__input input {
  text-align: left;
  background: #f5f5f5;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  color: #333;
  width: calc(100% - 74px);
  outline: 0;
}

.search__input .btn-clear {
  position: absolute;
  top: 20px;
  right: 30px;
  border: 1px solid #000;
  opacity: 0.3;
  line-height: 15px;
  border-radius: 30px;
}

.search__input .btn-clear img {
  width: 15px;
  height: 15px;
}

.search__recent {
  margin: 0 20px;
}

.search__recent .search__title {
  padding: 20px 0 15px 0;
  display: flex;
  justify-content: space-between;
}

.search__recent .search__title strong {
  color: #333;
  font-size: 16px;
  font-weight: 800;
}

.search__recent .search__title a {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

.search__recent ul li {
  cursor: pointer;
  display: inline-block;
  padding: 5px 12px 5px 12px;
  border: 1px solid #cacaca;
  border-radius: 50px;
  margin: 0 2px 6px 0;
}

.search__recent ul li a {
  color: #888;
  vertical-align: middle;
}

.search__recent ul li img {
  vertical-align: middle;
  width: 16px;
  opacity: 0.6;
  padding: 0 0 0 3px;
  margin: 0 -3px 0 0;
}

.search__tag {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

.search__tag::-webkit-scrollbar {
  width: 6px;
}

.search__tag::-webkit-scrollbar-thumb {
  width: 2px;
  border: 6px solid #fff;
  height: 4px;
  border-radius: 8px;
  background-color: #d9d9d9;
}

.search__tag ul {
  margin: 6px 20px;
}

.search__tag ul li {
  display: inline-block;
  margin: 0 5px 0 0;
  background: #fff2e9;
  border-radius: 30px;
  padding: 5px 10px;
}

.search__tag ul li a {
  color: #fb964d;
  font-size: 13px;
}

.search__tab {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search__tab a {
  flex: auto;
  color: #888;
  font-size: 18px;
  font-weight: 400;
  padding: 14px 0 7px 0;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.search__tab a.is-active {
  color: #000;
  font-size: 18px;
  font-weight: 800;
  padding: 13px 0 7px 0;
  border-bottom: 2px solid #dd2c2f;
}

.result__bar {
  width: 100%;
  border: none;
  margin-bottom: 15px;
  border-bottom: 8px solid #f5f5f5;
}

.result__bar.no-margin {
  margin-bottom: 0;
}

.result__box {
  padding-top: 10px;
}

.result__box.profile {
  padding-top: 41px;
}

.result__box .result__total~.sell__item {
  border-bottom: none;
}

.result__box .result__nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  height: 60vh;
}

.result__box .result__nodata .result__msg {
  font-size: 16px;
  color: #333;
  font-weight: 800;
  padding: 10px 0 0 0;
}

.result__box .result__nodata .result__desc {
  font-size: 16px;
  color: #888;
  font-weight: 400;
}

.result__box .result__nodata .btn {
  margin-top: 40px;
  width: 74%;
}

.result__box .result__total {
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result__box .result__total span {
  font-size: 16px;
  color: #333;
  font-weight: 800;
}

.result__box .result__total p {
  font-size: 16px;
  color: #333;
}

.result__box .result__total p strong {
  font-weight: 800;
}

.result__box .result__trade {
  padding: 10px 20px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.result__box .result__trade select {
  font-size: 16px;
  padding: 10px 35px 10px 0;
}

.result__box .result__trade p {
  font-size: 16px;
  color: #333;
}

.result__box .result__trade p strong {
  font-weight: 800;
}

.result__box .result__subject {
  font-size: 12px;
  color: #575757;
  font-weight: 700;
  margin: 0 20px;
  padding: 20px 0 0 0;
}

.result__box .result__subject+.product__item {
  border-bottom: none;
}

.result__box .result__dashboard {
  margin: 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.result__box .result__dashboard .item__date {
  padding-bottom: 20px;
}

.result__box .result__dashboard .item__date span {
  font-size: 14px;
  color: #888;
}

.result__box .result__dashboard .item__date span+span {
  padding-left: 10px;
  position: relative;
}

.result__box .result__dashboard .item__date span+span:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #888;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
}

.result__box .result__dashboard .reply {
  font-size: 14px;
  margin-left: auto;
  color: #888;
}

.result__box .result__dashboard .reply img {
  margin-right: 4px;
  vertical-align: middle;
}

.result__box .community.board {
  padding-bottom: 0;
}

.result__box .community.board .board-section .board__item .board-bot span.red {
  color: #dd2c2f;
  font-weight: 800;
}

.result__box .community.board .board-section .board__item .board__title {
  justify-content: flex-start;
  display: flex;
  font-weight: 500;
  font-size: 16px;
  color: #333;
}

.result__box .community.board .board-section .board__item .board__title em {
  display: inline-block;
  font-style: normal;
  color: #dd2c2f;
  font-weight: 700;
}

.result__box .community.board .board-section .board__item .board__tit_cont_wrap img {
  margin-left: auto;
}

.control-action {
  position: relative;
  display: inline-block;
  padding-left: 0;
}

.control-action a {
  display: inline-block;
  padding: 6px;
  height: auto;
}

.control-action a img {
  width: 28px;
  height: 28px;
}

.control-action.is-on .expand-box {
  display: block;
}

.control-action .select-btn {
  position: relative;
  z-index: 0;
}

.control-action .select-btn .default-btn {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  position: relative;
}

.control-action .select-btn .default-btn:after {
  content: "";
  position: absolute;
  right: -16px;
  top: calc(50% - 2px);
  display: block;
  width: 10px;
  height: 4px;
  background: url(../image/ico-arrow-select2.svg) no-repeat 0 0;
  background-size: 10px 4px;
}

.control-action .expand-box {
  display: none;
  position: absolute;
  z-index: 999;
  top: 35px;
  left: 0;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  min-width: 156px;
  overflow: hidden;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.control-action .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.control-action .expand-box a:hover {
  color: #dd2c2f;
  background: #fff;
}

.control-action .expand-box a.is-focus,
.control-action .expand-box a:focus {
  color: #575757;
  background: #f5f5f5;
}

.sorting-action {
  position: relative;
  display: inline-block;
  padding: 10px 0;
}

.sorting-action.is-on .expand-box {
  display: block;
}

.sorting-action.is-on.pos-first .expand-box {
  display: block;
}

.sorting-action .select-btn {
  position: relative;
  z-index: 0;
}

.sorting-action .select-btn .default-btn {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: relative;
  padding: 0 18px 0 0;
}

.sorting-action .select-btn .default-btn:after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 2px);
  display: block;
  width: 10px;
  height: 4px;
  background: url(../image/ico-arrow-select2.svg) no-repeat 0 0;
  background-size: 10px 4px;
}

.sorting-action .expand-box {
  display: none;
  position: absolute;
  z-index: 999;
  top: 35px;
  right: 0;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  min-width: 156px;
  overflow: hidden;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.sorting-action .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.sorting-action .expand-box a:hover {
  color: #dd2c2f;
  background: #fff;
}

.sorting-action .expand-box a.is-focus,
.sorting-action .expand-box a:focus {
  font-weight: 400;
  color: #575757;
  background: #f5f5f5;
}

.sorting-action.pos-first .expand-box {
  display: none;
  position: absolute;
  z-index: 999;
  top: 35px;
  left: 0;
  right: auto;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  min-width: 156px;
  overflow: hidden;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.sorting-action.pos-first .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.sorting-action.pos-first .expand-box a:hover {
  color: #dd2c2f;
  background: #fff;
}

.sorting-action.pos-first .expand-box a.is-focus,
.sorting-action.pos-first .expand-box a:focus {
  font-weight: 400;
  color: #575757;
  background: #f5f5f5;
}

.state-action {
  position: relative;
  display: inline-block;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  z-index: 99;
}

.state-action.is-on .expand-box {
  display: block;
}

.state-action .select-btn {
  position: relative;
  z-index: 0;
}

.state-action .select-btn .bank-logo {
  margin-right: 6px;
}

.state-action .select-btn .bank-name {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.state-action .select-btn .expand-btn,
.state-action .select-btn .default-btn {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  position: relative;
  width: 100%;
  display: inline-block;
  min-width: 86px;
  padding: 11px 50px 11px 12px;
  box-sizing: border-box;
  line-height: 22px;
}

.state-action .select-btn .expand-btn.arrow,
.state-action .select-btn .default-btn.arrow {
  padding: 11px 44px 11px 12px;
  height: 44px;
  box-sizing: border-box;
  font-weight: 500;
}

.modal-toast.modal-sorting .modal-content.meat .input-wrap .item__input.search .text::placeholder,
.state-action .select-btn .expand-btn::placeholder {
  font-weight: 400;
  color: #888;
}

.safe-input-area .state-action .select-btn .default-btn {
  color: #888;
}

.state-action .select-btn .expand-btn:after,
.state-action .select-btn .default-btn:after {
  content: "";
  position: absolute;
  right: 16px;
  top: calc(50% - 2px);
  display: block;
  width: 8px;
  height: 4px;
  background: url(../image/ico-arrow-select2.svg) no-repeat 0 0;
  background-size: 8px 4px;
}

.state-action .select-btn .expand-btn:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../image/chevron-gray-down.svg) no-repeat 0 0;
  background-size: 24px 24px;
}

.state-action.is-on .select-btn .expand-btn:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../image/chevron-gray-up.svg) no-repeat 0 0;
  background-size: 24px 24px;
}

/* 240730 추가 시작 */
/* 250307 워드앤코드 수정 */
.state-action .expand-box {
  display: none;
  position: relative;
  z-index: 999;
  top: 0;
  left: 0;
  background: #fff;
  text-align: left;
  overflow: hidden;
}

.state-action .expand-box:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* //250307 워드앤코드 수정 */
.state-action .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.main.community.edit:not(.new) .state-action {
  width: 156px;
}

.main.community.edit .state-action .expand-box a {
  padding: 11.5px 12px;
}

.main.community.edit .state-action .select-btn .default-btn {
  padding: 11px 43px 11px 11px;
}

/* 240730 추가 끝 */

.state-action .expand-box a:hover {
  color: #575757;
  background: #f5f5f5;

}

.state-action .expand-box a.is-focus,
.state-action .expand-box a:focus {
  color: #dd2c2f;
  background: #fff;
  font-weight: 500;
}

.keyword__input {
  margin: 16px 20px 0 20px;
  padding: 7px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cacaca;
}

.keyword__input input {
  border: none;
  font-size: 16px;
  color: #888;
  padding: 9px 0;
}

.keyword__input .btn {
  width: auto;
  font-size: 13px;
  white-space: nowrap;
  padding: 8px 16px 6px 16px;
  border-radius: 20px;
}

.keyword__msg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 50px 0;
  gap: 30px;
}

.keyword__msg strong {
  font-size: 16px;
  color: #333;
}

.keyword__msg span {
  font-size: 14px;
  color: #888;
}

.keyword__data {
  padding: 30px 0;
  margin: 0 20px;
}

.keyword__data .keyword__title {
  padding: 0 0 15px 0;
  display: flex;
  justify-content: space-between;
}

.keyword__data .keyword__title strong {
  font-size: 16px;
  color: #333;
  font-weight: 800;
}

.keyword__data .keyword__title a {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

.keyword__data ul li {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #cacaca;
  border-radius: 50px;
  margin: 0 5px 6px 0;
}

.keyword__data ul li a {
  font-size: 13px;
  color: #888;
  vertical-align: middle;
}

.keyword__data ul li img {
  vertical-align: middle;
  width: 16px;
  opacity: 0.6;
  padding: 0 0 0 3px;
  margin: -2px -3px 0 0;
}

.keyword__recent {
  margin: 0 20px;
}

.keyword__recent .keyword__title {
  font-size: 16px;
  color: #333;
  font-weight: 800;
  padding: 0 0 15px 0;
}

.keyword__recent ul li {
  display: inline-block;
  margin: 0 2px 16px 0;
}

.keyword__recent ul li a {
  font-size: 13px;
  color: #888;
  display: inline-block;
  padding: 5px 12px;
  vertical-align: middle;
  border: 1px solid #cacaca;
  border-radius: 50px;
}

.keyword__recent ul li img {
  vertical-align: middle;
  width: 14px;
  padding: 0 0 0 3px;
  margin: -2px -3px 0 0;
}

.deal__state {
  margin: 0 20px;
  padding: 5px 0 15px 0;
  gap: 15px;
  display: flex;
  justify-content: space-between;
}

.deal__state .btn {
  flex: 1 1 auto;
}

.deal__state .msg {
  position: absolute;
  left: 20px;
  bottom: -30px;
}

.deal__state .msg a {
  display: inline-block;
}

.deal__state .msg a img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.deal__state .msg p {
  display: inline-block;
  word-break: keep-all;
  background: #090a0a;
  color: #fff;
  padding: 8px 12px 6px 12px;
  font-size: 12px;
  font-weight: 300;
  border-radius: 8px;
  line-height: 1.2;
}

.deal__state .msg p strong {
  font-weight: 700;
}

.deal__state .msg p:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 15%;
  background: url(../image/ico-arrow-pointer.svg) no-repeat 0 0;
  background-size: 12px 6px;
  width: 12px;
  height: 6px;
  display: block;
  transform: rotate(180deg);
}

.main.quarantine .table__graph {
  margin-top: 0;
}

.main.quarantine .table__graph thead th {
  padding: 7px 0;
}

.main.quarantine .table__graph tbody tr td {
  padding: 12px;
}

.table__graph {
  margin: 15px 0 0 0;
}

.table__graph thead th {
  font-weight: 800;
  font-size: 13px;
  color: #333;
  text-align: center;
  padding: 10px 0;
}

.table__graph thead th em {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
}

.table__graph tbody tr td {
  font-weight: 400;
  padding: 13px 0;
  text-align: center;
  border-top: 1px solid #eee;
}

.table__graph tbody tr td .text-up {
  color: #dd2c2f;
}

.table__graph tbody tr td .text-down {
  color: #4263eb;
}

.msg__state {
  margin: 0 20px;
  padding: 0 0 12px 0;
  gap: 12px;
  display: flex;
  justify-content: space-between;
}

.msg__state .deal-action {
  position: relative;
  display: inline-block;
  padding: 9px 0 8px 0;
}

.msg__state .deal-action.is-on .expand-box {
  display: block;
}

.msg__state .deal-action .select-btn {
  position: relative;
  z-index: 0;
}

.msg__state .deal-action .select-btn .ing-btn {
  font-size: 14px;
  width: auto;
  word-break: keep-all;
  white-space: nowrap;
  background: #e45659;
  border-radius: 8px;
  /* 240724 수정 */
  font-weight: 700;
  /* 240724 수정 */
  color: #fff;
  position: relative;
  padding: 9px 38px 9px 21px;
}

.msg__state .deal-action .select-btn .ing-btn:after {
  content: "";
  position: absolute;
  right: 21px;
  top: calc(50% - 2px);
  display: block;
  width: 11px;
  height: 6px;
  background: url(../image/ico-arrow-bottom-fff.svg) no-repeat 0 0;
  background-size: 11px 6px;
}

.msg__state .deal-action .select-btn .done-btn {
  font-size: 14px;
  width: auto;
  word-break: keep-all;
  white-space: nowrap;
  background: #888;
  border-radius: 8px;
  font-weight: 500;
  color: #fff;
  position: relative;
  padding: 9px 24px;
}

.msg__state .deal-action .expand-box {
  display: none;
  position: absolute;
  z-index: 999;
  top: 45px;
  left: 0;
  right: auto;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  min-width: 156px;
  overflow: hidden;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}

.msg__state .deal-action .expand-box a {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 300;
  color: #575757;
  padding: 12px;
  word-break: keep-all;
}

.msg__state .deal-action .expand-box a:hover {
  color: #dd2c2f;
  background: #fff;
}

.msg__state .deal-action .expand-box a.is-focus,
.msg__state .deal-action .expand-box a:focus {
  font-weight: 400;
  color: #575757;
  background: #f5f5f5;
}

.msg__state .subject-box {
  border: 1px solid #cacaca;
  background: #fff;
  border-radius: 8px;
  font-weight: 500;
  color: #888;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  text-align: center;
}

.msg__state .subject-box.manager a {
  color: #888;
  font-weight: 500;
}

.msg__state .subject-box a {
  word-break: keep-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}

.msg__toast {
  position: fixed;
  bottom: 76px;
  left: calc(-50% + 40px);
  width: calc(100% - 40px);
  box-sizing: border-box;
  transform: translate(50%, 0);
  background: #333;
  padding: 16px 24px;
  border-radius: 8px;
}

.msg__toast span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
}

.msg__toast span strong {
  font-weight: 700;
}

.msg__search {
  position: absolute;
  top: -100px;
  transition: 0.2s all ease-in;
  z-index: 90;
  background: #fff;
  width: calc(100% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  min-height: 44px;
}

.msg__search.is-expand {
  top: 0;
  transition: 0.2s all ease-in;
}

.msg__search .anchor-btn {
  font-size: 0;
}

.msg__search .anchor-btn a {
  display: inline-block;
  padding: 8px;
}

.msg__search .search-area {
  display: flex;
  width: calc(100% - 44px);
  background: #f5f5f5;
  border-radius: 50px;
  padding: 7px 12px;
}

.msg__search .search-area input {
  background: 0 0;
  border: none;
  padding: 0;
  margin: 0 4px;
}

.msg__search .search-area img {
  width: 16px;
  opacity: 0.8;
}

.msg__search .search-area a {
  display: inline-block;
}

.msg__search .search-area a img {
  width: 18px;
  height: 18px;
}

.btn-top,
.btn-write {
  display: inline-block;
  position: fixed;
  bottom: 76px;
  right: 50%;
  transform: translateX(231px);
  width: 54px;
  height: 54px;
  border-radius: 50px;
  z-index: 890;
  box-sizing: border-box;
  /* box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3); */
  box-shadow: 0px 3px 7px 0px #0000004D;
  transition: 0.2s all ease-in;
}

@media (max-width: 499px) {

  .btn-top,
  .btn-write {
    right: 20px;
    transform: none;
  }
}

.btn-write img {
  width: 54px;
}

.btn-write .is-default {
  transition: 1.2s all ease-in;
}

.btn-write .is-active {
  transition: 1.2s all ease-in;
  display: none;
  width: 54px;
  height: 54px;
}

.btn-write .is-active img {
  padding: 7px;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #fff;
}

.btn-write .select__write {
  display: none;
  position: absolute;
  bottom: 75px;
  border-radius: 8px;
  overflow: hidden;
  right: 0;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.btn-write .select__write a {
  width: 156px;
  display: inline-block;
  box-sizing: border-box;
  color: #575757;
  font-size: 14px;
  padding: 14px 12px;
  background: #fff;
}

.btn-write .select__write a:focus,
.btn-write .select__write a:hover {
  background: #f5f5f5;
  color: #dd2c2f;
}

.btn-write .select__write a:focus img,
.btn-write .select__write a:hover img {
  filter: invert(25%) sepia(36%) saturate(4910%) hue-rotate(340deg) brightness(90%) contrast(99%);
}

.btn-write .select__write a img {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/* 241107 QA수정 */
/* .btn-write .select__write.board__write a {
  width: 140px;
} */

.btn-top {
  display: block;
  position: fixed;
  bottom: 40px;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  z-index: 790;
  box-sizing: border-box;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: 0.2s all ease-in;
}

.btn-top img {
  width: 30px;
  padding: 12px;
}

.footer {
  position: relative;
  background: #f5f5f5;
  padding: 30px 0;
  margin: 0 0 -30px 0;
  max-width: 720px;
  transform: translateX(-50%);
  left: 50%;
  text-align: center;
}

.footer h2 {
  font-size: 13px;
  font-weight: 500;
  padding: 0 0 15px 0;
}

.footer dl {
  width: 75%;
  margin: 0 auto;
  display: flex;
  padding: 4px 0;
}

.footer dl dt {
  width: 35%;
  font-size: 11px;
  color: #888;
  text-align: left;
}

.footer dl dd {
  width: 65%;
  font-size: 11px;
  color: #888;
  text-align: left;
  line-height: 15.4px;
}

.footer ul {
  padding: 15px 0;
}

.footer ul li {
  font-size: 11px;
  color: #888;
  display: inline-block;
}

.footer ul li strong {
  font-weight: 800;
}

.footer ul li+li {
  padding-left: 9px;
  position: relative;
}

.footer ul li+li:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #cacaca;
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 2px;
}

.fixed-menu {
  z-index: 890;
  width: 100%;
  position: fixed;
  background: #fff;
  max-width: 500px;
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.05);
}

.fixed-menu.is-hide {
  bottom: -90px;
}

.fixed-menu .menu-inner {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.fixed-menu .menu-inner ul {
  width: 100%;
}

.fixed-menu.new .menu-inner ul li {
  height: 56px;
  float: left;
  width: 20%;
  margin-left: 0;
}

.fixed-menu .menu-inner ul li {
  height: 56px;
  float: left;
  width: calc((100% - 60px) / 5);
  margin-left: 10px;
}

.fixed-menu .menu-inner ul li a {
  display: inline-block;
  line-height: 1.2;
  position: relative;
}

.fixed-menu .menu-inner ul li a img {
  padding-top: 6px;
  vertical-align: top;
  display: block;
  width: 24px;
  height: auto;
  margin: 0 auto;
  opacity: 0.6;
}

.fixed-menu .menu-inner ul li a span {
  color: #888;
  font-size: 12px;
}

.fixed-menu .menu-inner ul li a .chat {
  position: absolute;
  top: 4px;
  right: -5px;
  display: inline-block;
  font-style: normal;
  color: #fff;
  font-size: 10px;
  background: #e45659;
  padding: 3px 6px;
  border-radius: 50px;
  line-height: 10px;
}

.fixed-menu .menu-inner ul li.is-active a img {
  opacity: 1;
}

.fixed-menu .menu-inner ul li.is-active a span {
  color: #333;
  font-weight: 700;
}

.dimed {
  position: fixed;
  z-index: 896;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -1900px;
  background: rgba(0, 0, 0, 0.5);
}

.pop__detail {
  position: fixed;
  top: -100%;
  left: -100%;
  width: 100%;
  height: 0;
  transition: none;
}

.pop__detail.is-on {
  z-index: 896;
  position: fixed;
  width: calc(100% - 40px);
  margin: 0 20px;
  top: 50%;
  transform: translate(-50%, -50%);
  left: calc(50% - 20px);
  max-width: 460px;
  border-radius: 16px;
  height: auto;
  min-height: 50px;
  overflow: hidden;
}

.pop__detail.is-on .btn__close {
  position: absolute;
  z-index: 821;
  top: 35px;
  right: 25px;
}

.pop__detail .popup__cnt {
  margin: -1px 0 0 0;
  background: #fff;
  padding: 28px 20px 20px 20px;
  text-align: center;
}

.pop__detail.full_pop .popup__cnt.fix-height.wait {
  height: auto;
  min-height: auto;
}

.pop__detail .popup__cnt.pt20 {
  padding: 20px;
}

.pop__detail.review .popup__cnt {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -1px;
  padding-top: 0;
}

.pop__detail.profile .popup__cnt {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -1px;
}

.pop__detail.profile .popup__head,
.pop__detail.review .popup__head {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pop__detail.message .popup__cnt {
  border-radius: 16px;
}

.pop__detail.message .popup__btn {
  padding-bottom: 0;
}

.pop__detail.is-on .popup__cont {
  padding-bottom: 0;
  padding-top: 12px;
}

.pop__detail.is-on .popup__cont.h46 textarea {
  height: 46px;
  box-sizing: border-box;
}

.pop__detail.is-on.input .popup__cont.pt8,
.pop__detail.is-on .popup__cont.pt8 {
  padding-top: 8px;
}

.pop__detail.is-on.input .popup__cont,
.pop__detail.is-on .popup__cont.pt24 {
  padding-top: 24px;
}

.pop__detail.is-on.input .popup__cont.no-padding {
  padding-top: 0;
}

.pop__detail.is-on .popup__cont.bold {
  color: #333;
  font-weight: 600;
}

.pop__detail .popup__cnt.animation-bg {
  background: 0 0;
}

.pop__detail .popup__title strong {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  display: inline-block;
}

.pop__detail.message,
.pop__detail.profile,
.pop__detail.review {
  z-index: 897;
}

.pop__detail.message .popup__title strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  display: block;
}

.pop__detail.message .popup__title strong.ft20 {
  font-size: 20px;
}

.pop__detail .popup__title em {
  display: block;
  font-size: 14px;
  color: #575757;
  font-style: normal;
  padding: 10px 0 0 0;
}

.popup__title~.popup__cont {
  padding-top: 12px;
}

.pop__detail.message .popup__cnt textarea {
  height: 85px;
  border: 1px solid #cacaca;
  border-radius: 8px;
  padding: 13px 12px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
}

.pop__detail.message .popup__cnt textarea::placeholder {
  color: #888;
}

.pop__detail.message .popup__cnt textarea:focus {
  border-color: #4263eb;
}

.popup__btn,
.pop__detail .popup__btn,
.modal-toast-btn {
  text-align: center;
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  gap: 16px;
  margin-top: 20px;
  /* padding-bottom: 20px; */
}

.popup__btn .btn,
.pop__detail .popup__btn .btn,
.modal-toast-btn .btn {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.content .popup__btn {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 20px 0 20px;
}

.pop__detail.weight .popup__btn.pt24 {
  padding-top: 24px;
}

.pop__detail .popup__head {
  margin: 0;
  background: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 50px;
  box-sizing: border-box;
}

.pop__detail .popup__head h3 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  width: 90%;
  padding: 14px 0 12px 0;
  margin: 0 auto;
}

.pop__detail .popup__head .btn-close {
  position: absolute;
  top: 9px;
  right: 15px;
  padding: 4px;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
}

.pop__detail.message .popup__head .btn-down,
.pop__detail.message .popup__head .btn-close {
  position: absolute;
  top: 7px;
  right: 15px;
  padding: 4px;
  width: 36px;
  height: 36px;
}

.pop__detail .popup__head .btn-close img {
  width: 28px;
  height: 28px;
}

.pop__detail .popup__profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

/* .pop__detail .popup__profile .profile__img {
  margin-bottom: 4px;
} */

.pop__detail .popup__profile .profile__img img {
  width: 100px;
  height: 100px;
}

.pop__detail .popup__profile .profile__nick {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.pop__detail .popup__profile .profile__nick img {
  width: 20px;
  height: 20px;
}

.pop__detail .popup__profile .profile__title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.pop__detail .popup__profile .profile__title .badge {
  line-height: 1;
}

.pop__detail .popup__profile .profile__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.pop__detail .popup__profile .profile__title .rating {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  vertical-align: middle;
}

.pop__detail .popup__profile .profile__title .rating .score {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  margin-left: 1px;
  vertical-align: middle;
  display: inline-block;
  border-bottom: 1px solid #575757;
  margin-right: 4px;
  margin-bottom: 4px;
}

.pop__detail .popup__profile .profile__title .rating img {
  vertical-align: -2px;
  width: 16px;
  height: 16px;
}

.pop__detail.profile .popup__btn .btn.btn-chat-default {
  border-color: #fa7c21;
  color: #fa7c21;
}

.pop__detail.profile .popup__btn .btn {
  padding: 7px 16px;
  line-height: 19.2px;
}

.pop__detail .popup__review {
  text-align: center;
}

.pop__detail .popup__review strong {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}

.pop__detail .popup__review .rating {
  padding: 15px 0;
}

.pop__detail .popup__review .rating a {
  position: relative;
  display: inline-block;
}

.pop__detail .popup__review .rating a .star {
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.pop__detail .popup__review .rating a .star img {
  margin-top: -32px;
}

.pop__detail .popup__review .rating a img {
  width: 32px;
  height: 64px;
}

.pop__detail .popup__review .rating a.is-on .star img {
  margin-top: 0;
}

.pop__detail .popup__review .rating a.is-msg .msg {
  display: block;
}

.fade-out>.msg {
  animation: fade-out 1s ease-out forwards;
}

@keyframes fade-out {
  0% {
    opacity: 1;
    pointer-events: auto;
  }

  100% {
    opacity: 0;
    pointer-events: none;
  }
}

@keyframes fade-out2 {
  0% {
    display: block;
  }

  100% {
    display: none;
  }
}

.pop__detail .popup__review .rating .msg {
  display: none;
  position: absolute;
  z-index: 10;
  top: -45px;
  width: 100px;
  left: calc(50% - 51px);
}

.pop__detail .popup__review .rating .msg span {
  display: inline-block;
  word-break: keep-all;
  background: #090a0a;
  color: #fff;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
}

.pop__detail .popup__review .rating .msg span:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 45%;
  background: url(../image/ico-arrow-pointer.svg) no-repeat 0 0;
  background-size: 12px 6px;
  width: 12px;
  height: 6px;
  display: block;
}

.pop__detail .popup__write {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 15px;
  min-height: 112px;
  text-align: left;
  margin: 0 0 -10px 0;
  box-sizing: border-box;
}

.pop__detail .popup__write strong {
  font-size: 13px;
  color: #575757;
  font-weight: 700;
}

.pop__detail .popup__write span {
  font-size: 11px;
  color: #888;
  letter-spacing: -0.26px;
}

.toast-msg {
  display: flex;
  align-items: center;
  gap: 12px;
  position: fixed;
  top: 76px;
  left: 50%;
  bottom: initial;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 460px;
  padding: 16px 24px 16px 16px;
  background: rgba(51, 51, 51, 0.90);
  border-radius: 8px;
  box-sizing: border-box;
  line-height: 22px;
  z-index: 896;
}

.toast-msg img {
  width: 24px;
  height: 24px;
}

.toast-msg span {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.pop__photo {
  position: fixed;
  top: -100%;
  left: -100%;
  width: 100%;
  height: 0;
  transition: none;
}

.pop__photo.is-on {
  z-index: 830;
  position: fixed;
  top: calc(50% - 180px);
  width: calc(100% - 20px);
  margin: 0 10px;
  left: 0;
  border-radius: 10px;
  height: auto;
  min-height: 50px;
  background: #000;
  overflow: hidden;
}

.pop__photo.is-on .btn-close {
  text-align: right;
  z-index: 821;
}

.pop__photo.is-on .swiper-slide figure img {
  width: 100%;
  vertical-align: middle;
}

.pop__photo .swiper-pagination {
  width: 100%;
}

.is-a11y-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.is-hidden {
  display: none;
}

.is-show {
  display: block;
}

.w-95 {
  width: 95% !important;
}

.main .my__modify h3 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 10px 0;
}

.main .withdrawal__msg {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 25px 20px;
  margin: 20px 0;
}

.main .checkbox {
  text-align: left;
}

.main .withdrawal__list ul {
  padding: 10px 0;
}

.main .withdrawal__list ul li {
  padding: 5px 0;
}

.main .withdrawal__msg {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 20px 20px 25px 20px;
  margin: 20px 0;
}

.main .withdrawal__msg ul li {
  padding: 5px 0 0 10px;
  position: relative;
  line-height: 1.4;
}

.main .withdrawal__msg ul li:after {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  top: 13px;
  left: 0;
  background: #575757;
}

.qna__wrap {
  padding-top: 40px;
}

.qna__wrap.personal {
  padding-top: 11px;
}

.qna__big_tit {
  padding: 0 20px 20px;
}

.qna__big_tit p,
.qna__big_tit span {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #333333;
}

.qna__big_tit span {
  display: inline-block;
}

.qna__list {
  margin-bottom: 12px;
}

.qna__list ul li {
  margin-top: 4px;
}

.qna__list ul li a {
  display: block;
  background: url(../image/ico-arrow-link.svg) no-repeat right 20px center / 20px;
  padding: 9px 20px;
}

.qna__list ul li a span {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  padding-right: 22px;
}

.qna__min_tit {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  padding: 9px 20px;
}

.qna__btn .btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border-radius: 50px;
  padding: 13px;
  margin-top: 30px;
  height: 48px;
}

.qna__answer {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  padding: 9px 20px;
}

/* 20240522 add */
.wrapper .ani-delay,
.main .ani-delay {
  opacity: 0;
  transform: translateY(30px);
  -webkit-animation: markText 0.6s 0.4s 1 forwards ease-in-out;
  animation: markText 0.6s 0.4s 1 forwards ease-in-out;
}

.wrapper .ani-delay-2,
.main .ani-delay-2 {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  -webkit-animation: markText 0.6s 1.2s 1 forwards ease-in-out;
  animation: markText 0.6s 1.2s 1 forwards ease-in-out;
}

.wrapper .ani-delay-3,
.main .ani-delay-3 {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  -webkit-animation: markText 0.6s 1.8s 1 forwards ease-in-out;
  animation: markText 0.6s 1.8s 1 forwards ease-in-out;
}

img.ani-bounce {
  -webkit-animation: bounceImg 0.8s 1 ease-in-out;
  animation: bounceImg 0.8s 1 ease-in-out;
}

@-webkit-keyframes markText {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes markText {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes markImg {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes markImg {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceImg {
  0% {
    transform: scale(1.8);
  }

  50% {
    transform: scale(0.95);
  }

  80% {
    transform: scale(1.05);
  }

  90% {
    transform: scale(0.98);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes bounceImg {
  0% {
    transform: scale(1.8);
  }

  50% {
    transform: scale(0.95);
  }

  80% {
    transform: scale(1.05);
  }

  90% {
    transform: scale(0.98);
  }

  100% {
    transform: scale(1);
  }
}





/* 공유하기 팝업 */
.pop__detail.pop-share .btn__close {
  top: 24px;
  right: 24px;
  width: 14px;
  height: 14px;
}

.pop__detail .share-content-wrap {
  margin: 24px 8px 8px;
}

.share-content-wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin: 24px 0 0 0;
}

.share-sns {
  display: flex;
  gap: 20px;
}

.share-sns button {
  width: 51px;
  padding: 0;
  color: #575757;
  line-height: 17px;
  font-size: 12px;
  letter-spacing: -0.24px;
}

.share-sns img {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}

.share-sns span {
  display: inline-block;
  margin-top: 4px;
}

.share-url {
  display: flex;
  margin: 20px 0 0 0;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
}

.share-url>input {
  flex-shrink: 0;
  width: 218px;
  max-width: 218px;
  padding: 11px;
  color: #333;
  border-bottom: 0;
  line-height: 20px;
  text-overflow: ellipsis;
  letter-spacing: -0.28px;
  cursor: default;
  pointer-events: none;
}

.share-url>button {
  width: 42px;
  height: 42px;
  padding: 11px;
  color: #fff;
  background: url("../image/ico-copy.svg") center no-repeat;
  background-size: 22px;
  border-left: 1px solid #e8e8e8;
  font-size: 0;
}

/* 20240530 add */
.search__input2 {
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.search__input2 a img {
  width: 28px;
}

.search__input2 input {
  text-align: left;
  background: #f5f5f5 url("../image/ico-search-sm.svg") no-repeat 15px 50%;
  border-radius: 50px;
  padding: 10px 20px 10px 45px;
  font-size: 16px;
  color: #333;
  width: calc(100% - 34px);
  outline: none;
}

.search__input2 .btn-clear {
  position: absolute;
  top: 31px;
  right: 30px;
  border: 1px solid #000;
  opacity: 0.3;
  line-height: 15px;
  border-radius: 30px;
}

.search__input2 .btn-clear img {
  width: 15px;
  height: 15px;
}

.main .follow__item {
  margin: 0 20px;
  padding: 12px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.main .follow__item .item__figure img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
}

.main .follow__item .item__box {
  width: calc(100% - 130px);
  margin-right: auto;
}

.main .follow__item .item__box .item__nick {
  margin: 0 0 4px 0;
}

.main .follow__item .item__box .item__nick em {
  font-style: normal;
  font-weight: 700;
  color: #333;
  font-size: 14px;
}

.main .follow__item .item__box .item__desc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 5px;
}

.main .follow__item .item__box .item__desc span {
  line-height: 1.4;
  font-size: 13px;
  color: #888888;
  font-weight: 500;
  /* RRMH-2750 마이페이지 팔로워/팔로잉 UI 오류 */
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main .follow__item .item__box .item__dashboard {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.main .follow__item .item__box .item__dashboard .time {
  font-size: 11px;
  color: #888;
}

.main .follow__item .item__btn a.is-follow {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: #dd2c2f;
  word-wrap: break-word;
  white-space: nowrap;
  padding: 6px 15px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  border-radius: 15px;
}

.main .follow__item .item__btn a.is-following {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background: #888888;
  word-wrap: break-word;
  white-space: nowrap;
  padding: 6px 15px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  border-radius: 15px;
}

.main .search_result {
  text-align: center;
  color: #888;
  font-size: 16px;
  padding: 40px 0;
}

.community.board .board-section.mypage .board__item .board__cate .summary {
  color: #888;
  font-size: 12px;
  padding-left: 10px;
  position: relative;
  font-weight: 400;
  display: inline-block;
  width: 90%;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.community.board .board-section.mypage .board__item .board__cate .summary:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 1px;
  height: 11px;
  background: #cacaca;
}

.community.board .board-section.mypage .board__item .board__title {
  display: inline-block;
  width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: static;
}

.community.board .board-section.mypage .board__item .board__title img {
  position: absolute;
  right: 20px;
}

.main .my__alarm .setting__board {
  border-bottom: 6px solid #f5f5f5;
  padding: 10px 0;
}

.main .my__alarm .setting__board dl {
  padding: 8px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main .my__alarm .setting__board dl dt strong {
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

.main .my__alarm .setting__board:nth-child(n+3) dl:first-child dt strong,
.main .my__alarm .setting__board dl:nth-child(2) dt strong {
  font-size: 16px;
}



.main .my__alarm .setting__board dl dt span {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

.main .my__alarm .setting__board dl dt img {
  min-width: 20px;
  min-height: 20px;
  padding-right: 8px;
}

.main .my__alarm .setting__board dl dd {
  height: 28px;
}

.main .my__alarm .setting__board dl dd .switch {
  display: inline-block;
  position: relative;
  height: 28px;
}

.main .my__alarm .setting__board dl dd .switch span {
  width: 20px;
  height: 20px;
  background: #000;
  display: inline-block;
  border-radius: 20px;
  font-size: 0;
  text-indent: -1000px;
  vertical-align: middle;
}

.main .my__alarm .setting__board dl dd .switch .is-inactive {
  display: inline-block;
  border-radius: 50px;
  width: 52px;
  height: 28px;
  background: #fff;
  border: 1px solid #cacaca;
  transition: none;
  box-sizing: border-box;
}

.main .my__alarm .setting__board dl dd .switch .is-inactive span,
.main .my__alarm .setting__board dl dd .switch .is-active span {
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  background: #cacaca;
  transform: translateX(4px);
  transition: transform .2s ease-in;
}

.main .my__alarm .setting__board dl dd .switch .is-active {
  display: inline-block;
  border-radius: 50px;
  width: 52px;
  height: 28px;
  background: #dd2c2f;
  border: 1px solid #dd2c2f;
  transition: none;
  box-sizing: border-box;
}

.main .my__alarm .setting__board dl dd .switch .is-active span {
  background: #fff;
  transform: translateX(28px);
}

.main .news__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.main .news__item .item__subject {
  position: relative;
  width: 100%;
}

.main .news__item .item__subject a {
  padding: 20px 20px;
  display: block;
}

.main .news__item .item__subject a span {
  position: relative;
  display: block;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  width: 95%;
  padding: 0 0 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main .news__item .item__subject a.is-fold:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 30px;
  width: 20px;
  height: 20px;
  background: url("../image/ico-arrow-down.svg") no-repeat 0 0;
  transition: 0.2s all ease-in;
}

.main .news__item .item__subject a.is-expand:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 30px;
  width: 20px;
  height: 20px;
  background: url("../image/ico-arrow-down.svg") no-repeat 0 0;
  transform: scaleY(-1);
  transition: 0.2s all ease-in;
}

.main .news__item .item__view {
  display: none;
  background: #f5f5f5;
  padding: 20px 20px;
}

.main .news__item .item__date {
  font-size: 12px;
  color: #888;
}

/* 240618 추가 css */
.pop__detail.full_pop {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  margin: 0;
  width: 100%;
  /* 240724 수정 */
  max-width: 500px;
  /* 240724 수정 */
  height: 100vh;
  border-radius: 0;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  overflow-y: scroll;
}

.pop__detail.full_pop::-webkit-scrollbar {
  display: none;
}

.pop__detail.full_pop.gray {
  background-color: #f5f5f5;
}

.pop__detail.full_pop.detail {
  height: auto;
}

.pop__detail.full_pop .popup__head {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: none;
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
  /* 240724 수정 */
  max-width: 500px;
  /* 240724 수정 */
  z-index: 900;
}

.popup__cnt .safe-top {
  position: fixed;
  width: 100%;
  /* 240724 수정 */
  max-width: 500px;
  /* 240724 수정 */
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  background: #fff;
  padding: 28px 0 40px;
}

.pop__detail.full_pop .popup__head h3 {
  padding: 17px 0 16.5px 0;
  border-bottom: none;
}

.pop__detail.full_pop .popup__cnt {
  height: calc(100vh - 75px);
  padding-top: 56px;
  margin-top: -1px;
  box-sizing: border-box;
}

.pop__detail.full_pop .popup__cnt.pt86 {
  padding-top: 86px;
}

/* .pop__detail.full_pop .popup__cnt.box-sizing {
  box-sizing: border-box;
  height: calc(100vh - 75px);
  padding-top: 56px;
  margin-top: -1px;
} */

/* 240702추가 */
.pop__detail.full_pop .popup__cnt.edit_height {
  height: auto;
  padding-bottom: 0;
}

.pop__detail.full_pop.fixed_head .popup__cnt {
  padding-top: 285px;
  height: calc(100vh - 76px);
  box-sizing: border-box;
}

.pop__detail.full_pop.fixed_head .popup__cnt.pt295 {
  padding-top: 295px;
  height: calc(100vh - 76px);
  box-sizing: border-box;
}


.fix-height,
.pop__detail.full_pop.fixed_head .popup__cnt.fix-height {
  min-height: calc(100vh - 63px);
  overflow-y: scroll;
}

.pop__detail.full_pop .popup__cnt.fix-height {
  /* min-height: calc(100vh - 43px); */
  overflow-y: auto;
  /* height: auto; */
  padding-bottom: 0;
}

.pop__detail.full_pop .popup__cnt.fix-height.weight {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pop__detail.full_pop.fixed_head .popup__cnt.no-text {
  padding-top: 265px;
}

/* 안전거래 서비스 팝업 */
.popup__cnt .safe-top {
  padding: 40px 0 28px;
}

.popup__cnt .safe-top .thumb {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto;
}

.popup__cnt .safe-top .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 로티 작업 추가 240808 */
.popup__cnt .safe-top .thumb.lottie {
  width: auto;
  height: auto;
  margin: 0 auto;
}

.lottie-animation-container {
  max-width: 360px !important;
}

/* 안전거래 제안 메인 */
.popup__cnt .safe-top .thumb.lottie lottie-player.main {
  height: 100px;
  margin-bottom: 20px;
}

/* 안전거래 품목 */
.popup__cnt .safe-top .thumb.lottie lottie-player.item {
  height: 120px;
  /* margin-bottom: 7px; */
}

/* 안전거래 수량 */
.popup__cnt .safe-top .thumb.lottie lottie-player.count {
  height: 120px;
  margin-bottom: 5px;
}

/* 안전거래 배송 */
.popup__cnt .safe-top .thumb.lottie lottie-player.delivery {
  height: 198.84px;
  margin: -53px 0 -37px;
}

/* 안전거래 창고출고 */
.popup__cnt .safe-top .thumb.lottie lottie-player.warehouse {
  height: 120px;
  margin: -10px 0 -7px;
}

/* 안전거래 창고 이체 */
.popup__cnt .safe-top .thumb.lottie lottie-player.transfer {
  height: 165px;
  margin: -31px 0 -17px;
}

/* 안전거래 중량, 단가 */
.popup__cnt .safe-top .thumb.lottie lottie-player.weight,
.popup__cnt .safe-top .thumb.lottie lottie-player.price {
  height: 120px;
  margin-bottom: 8px;
}

/* 담당자 정보 수정 로티 */
.popup__cnt .safe-top .thumb.lottie lottie-player.manager {
  height: 136px;
  margin-bottom: 5px;
}

/* 배송지 등록 로티 */
.popup__cnt .safe-top .thumb.lottie lottie-player.addr {
  height: 140px;
  margin-bottom: 4px;
}

/* 주문,구매 확인 */
.popup__cnt .safe-top .thumb.lottie lottie-player.confirm {
  height: 135px;
  margin: -10px 0 -5px;
}

/* 결제 완료 */
.popup__cnt .safe-top .thumb.lottie lottie-player.wallet {
  height: 170px;
  margin: -20px 0;
}


/* 계좌 등록 */
.popup__cnt .safe-top .thumb.lottie lottie-player.account {
  height: 140px;
  margin: -20px 0 0;
}

/* 구매 확정 */
.popup__cnt .safe-top .thumb.lottie lottie-player.purchase-confirm {
  height: 140px;
  margin: 0;
}

/* 거래 취소 */
.popup__cnt .safe-top .thumb.lottie lottie-player.cancel {
  height: 210px;
  margin: -45px 0 -65px;
}

.popup__cnt .safe-top.lottie {
  max-height: 220px;
  box-sizing: border-box;
  padding: 32px 0 28px;
}

.popup__cnt .safe-top .safe-tit.lottie {
  margin-top: 0;
}

.popup__cnt .safe-top .safe-tit {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  margin-top: 16px;
}

.popup__cnt .safe-top .safe-tit .i-info {
  margin: 0;
}

.popup__cnt .safe-top .safe-tit .i-info img {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

.safe-input-area {
  text-align: left;
}

.safe-input-area.no-pb {
  text-align: left;
  padding-bottom: 0px;
}

.safe-input-area.pb20 {
  text-align: left;
  padding-bottom: 20px;
}

.safe-input-area.weight {
  margin-top: 20px;
}

.safe-input-area.weight .i-info {
  margin: 0 2px;
  vertical-align: middle;
}

.safe-input-area.weight .i-info>img {
  width: 14px;
  height: 14px;
}

.safe-input-area .input-wrap:nth-child(n + 2) {
  margin-top: 20px;
  position: relative;
}

.safe-input-area .input-wrap.price {
  padding-bottom: 21px;
}

.safe-input-area .item__title {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  margin-bottom: 6px;
  justify-content: space-between;
  align-items: flex-start;
  letter-spacing: -0.28px;
  margin-left: 4px;
  color: #333;
}

.safe-input-area .item__title .expiration em {
  font-style: normal;
  color: #DD2C2F;

}

.safe-input-area .item__title .essential {
  font-size: 11px;
  color: #e45659;
  font-style: normal;
}

.safe-input-area .item__input.insert-price .text {
  font-size: 14px;
  height: 44px;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #e8e8e8;
  color: #333;
}

.safe-input-area .input-wrap.error .item__input.insert-price .text {
  border: 1px solid #dd2c2f;
}

.safe-input-area .input-wrap.error .item__input.insert-price .text,
.safe-input-area .input-wrap.error .item__input.insert-price .text:focus {
  color: #dd2c2f;
}

.safe-input-area .item__input .text.second {
  margin-top: 6px;
}

.safe-input-area .item__input input::placeholder {
  color: #888;
}

.safe-input-area .item__input .text:focus {
  border-color: #4263eb;
}

/* .safe-input-area .item__input .text {
  margin-bottom: 6px;
} */

.safe-input-area .item__input .text:last-child {
  margin-bottom: 0;
}

.safe-input-area .input-radio .radio-wrap.error,
.safe-input-area .item__input.error .text,
.safe-input-area .item__input.error a {
  border-color: #dd2c2f;
}

.safe-input-area.weight .item__input.error.blue .text {
  border-color: #4263eb;
}

.safe-input-area.weight .item__input.error.same .text {
  border-color: #e8e8e8;
}

.item__input.error~.input-desc.blue,
.safe-input-area.weight .item__input.error.same~.input-desc {
  color: #4263eb;
  background: url(../image/info-blue.svg) no-repeat left 2px/13px;
}

.input-radio.error .input-desc,
.item__input.error~.input-desc {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #dd2c2f;
  background: url(../image/info-red.svg) no-repeat left 2px/13px;
  padding-left: 17px;
  margin-top: 4px;
  margin-left: 4px;
}

.add-radio~.input-desc {
  margin-bottom: 3px;
}

.safe-input-area .input-radio .radio-wrap {
  font-size: 14px;
  border-radius: 8px;
  padding: 11px 0;
  border: 1px solid #e8e8e8;
  margin-top: 6px;
  box-sizing: border-box;
}

.safe-input-area .input-radio .radio-wrap.extend {
  padding: 12px 0;
  box-sizing: border-box;
  height: 88px;
}

.safe-input-area .input-radio .radio-wrap.disabled {
  color: #888888;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  pointer-events: none;
}

.safe-input-area .input-radio .radio-wrap.disabled [type="radio"]:checked+label:before,
.safe-input-area .input-radio .radio-wrap.disabled [type="radio"]:not(:checked)+label:before {
  background: url(/assets/image/radio_disabled.svg) no-repeat center / 100%;
}

.safe-input-area .input-radio .radio-wrap .item__input {
  padding: 0 12px;
}

.safe-input-area .input-radio .radio-wrap label {
  font-size: 14px;
  line-height: 140%;
  color: #575757;
}

.safe-input-area .input-radio .radio-wrap.disabled label {
  color: #888888;
}

.pop__detail .popup__btn .fat {
  padding: 13px;
}

.pop__detail .popup__btn.fixed {
  width: calc(100% -40px);
  position: fixed;
  padding-bottom: 20px;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  background-color: #fff;
}

.red-radio[type="radio"]:checked,
.red-radio[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.red-radio[type="radio"]:checked+label {
  color: #333333 !important;
  font-weight: 500;
  letter-spacing: -0.28px;
}

.red-radio[type="radio"]:checked+label,
.red-radio[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #575757;
  letter-spacing: -0.28px;
}

.red-radio[type="radio"]:checked+label:before,
.red-radio[type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: url(/assets/image/radio_off.svg) no-repeat center / 100%;
}

.red-radio[type="radio"]:checked+label:after,
.red-radio[type="radio"]:not(:checked)+label:after {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/assets/image/radio_on.svg) no-repeat center / 100%;
  position: absolute;
  top: 3px;
  left: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.red-radio[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.red-radio[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.safe-input-area .total-price {
  max-width: 240px;
  margin-top: 4px;
  margin-left: auto;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 4px;
}

.safe-input-area .total-price span {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #888888;
}

.safe-input-area .total-price .num {
  font-weight: 700;
  color: #fa7c21;
}

.safe-input-area .total-price.blue span,
.safe-input-area .total-price.blue .num {
  font-weight: 700;
  color: #4263eb;
}

.add-address-btn {
  display: block;
  padding: 0 0 0 38px;
}

.add-address-btn span {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #888888;
  background: url("/assets/image/ico-plus.svg") no-repeat left center / 16px;
  padding-left: 18px;
}

.input-radio .add-done {
  position: relative;
  border-top: 1px solid #eeeeee;
  padding: 12px 0 3px;
  margin-top: 12px;
}

.input-radio .add-done .tit,
.input-radio .add-done>span {
  padding: 0 14px;
}

.input-radio .add-done .tit {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #888888;
  margin-bottom: 6px;
}

/* 240808 수정 */
.input-radio .add-done .add-name {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #575757;
  margin-bottom: 2px;
}

.input-radio .add-done .add-detail {
  display: block;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  max-width: 76%;
  letter-spacing: -0.28px;
}

.input-radio .add-done .modify-btn {
  position: absolute;
  bottom: 3px;
  right: 14px;
  width: auto;
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  color: #888888;
  background: #ffffff;
  border: 1px solid #cacaca;
  border-radius: 50px;
  padding: 5px 12px;
}

.pop__detail .popup__head .btn-back {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 40px;
  height: 40px;
  padding: 8px;
  box-sizing: border-box;
}


.toast-popup.ver2 .tooltiptext {
  top: 66px;
  left: 20px;
  background-color: #333333;
  border-radius: 8px;
  padding: 8px 0;
}

.toast-popup.ver2 .tooltiptext::after {
  margin-left: 8px;
  border-color: transparent transparent #333 transparent;
}

.toast-popup.ver2 .tooltiptext ul li {
  font-size: 12px;
  font-weight: 400;
  padding: 0 12px;
}

.safe-info-list {
  margin-bottom: 24px;
}

.safe-info-list.mb21 {
  margin-bottom: 21px;
}

.safe-info-list.weight {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  /* 240806 수정 */
  margin-bottom: 0;
}

.rank-list,
.safe-info-list .safe-info-list-ul {
  background: #ffffff;
  border-radius: 8px;
  padding: 4px 16px;
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
}

.safe-info-list .safe-info-list-ul.mb20 {
  margin-bottom: 20px;
}

.safe-info-list .click-box {
  display: block;
}

.safe-info-list .safe-info-list-ul.no-shadow {
  filter: none;
  border: 1px solid #eee;
}

.rank-list li,
.safe-info-list .safe-info-list-ul>li {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 0 4px;
  padding: 9px 4px 11px;
  border-bottom: 1px solid #eeeeee;
}

.rank-list li:last-child,
.safe-info-list .safe-info-list-ul>li:last-child {
  border-color: transparent;
}

.safe-info-list .safe-info-list-ul>li.title {
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
  padding-top: 16px;
  border-top: none;
  /* 240805 수정 */
  margin-left: 0;
}

.safe-info-list .safe-info-list-ul>li.title .i-info {
  margin: 0;
}

.safe-info-list .safe-info-list-ul>li.title .i-info img {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.safe-info-list .safe-info-list-ul>li .name {
  min-width: 54px;
  font-size: 14px;
  line-height: 19.6px;
  color: #888888;
  text-align: left;
  margin-top: 2.36px;
}

.safe-info-list .safe-info-list-ul>li .name .i-info {
  margin: 0;
}

.safe-info-list .safe-info-list-ul>li .name .i-info img {
  width: 14px;
  height: 14px;
  margin-top: 3px;
}

.safe-info-list .safe-info-list-ul>li .desc {
  max-width: 206px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  color: #333333;
  text-align: right;
}

.safe-info-list .safe-info-list-ul>li .desc.gray {
  color: #888888;
}

.safe-info-list .safe-info-list-ul>li .desc.underline {
  text-decoration: underline;
}

.safe-info-list .safe-info-list-ul>li .desc.underline a {
  color: #333;
}

.safe-info-list .safe-info-list-ul>li .desc span {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.safe-info-list .safe-info-list-ul>li.price {
  flex-direction: column;
  padding: 9px 4px 14px;
}

.safe-info-list .safe-info-list-ul>li.price .total,
.safe-info-list .safe-info-list-ul>li.price .vat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.safe-info-list .safe-info-list-ul>li.price .vat .name {
  font-size: 12px;
  line-height: 140%;
  color: #888888;
}

.safe-info-list .safe-info-list-ul>li.price .vat .desc {
  font-size: 12px;
  color: #575757;
}

.safe-info-list .safe-info-list-ul>li .vat .i-info img {
  width: 10px;
  height: 10px;
  margin-top: 3px;
}

.safe-info-list .safe-info-list-ul>li.total-price .name {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}

.safe-info-list .safe-info-list-ul>li.total-price .desc {
  font-weight: 700;
  font-size: 16px;
  color: #dd2c2f;
}

.safe-info-list .checkbox {
  text-align: left;
  margin-top: 16px;
  margin-left: 4px;
}

.safe-info-list .checkbox input[type="checkbox"]:checked+label:after,
.safe-info-list .checkbox label:before {
  width: 20px;
  height: 20px;
  top: 10px;
}

.safe-info-list .checkbox label {
  display: flex;
  color: #333333;
  line-height: 140%;
  padding-left: 28px;
}

.safe-info-list .checkbox label:nth-child(n + 2) {
  margin-top: 8px;
}

/* 240805 수정 */
.safe-info-list .checkbox label.underline {
  text-decoration: underline;
  /* padding-left: 0px; */
}

/* 개발서버와 맞추기 위해 수정 */
.safe-info-list .label_cont {
  color: #333333;
  line-height: 140%;
  text-decoration: underline;
  /* margin-left: 28px; */
  font-size: 14px;
}

.safe-info-list .checkbox label.pl28 {
  padding-left: 28px;
}

.storage-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e8e8e8;
  background: #ffffff;
  border-radius: 8px;
  padding: 11px 6px 11px 12px;
}

.storage-search .text {
  position: relative;
  width: 100%;
  max-width: 240px;
  font-size: 14px;
  line-height: 140%;
}

.storage-search .btn-del {
  width: 24px;
  padding: 4px;
}

.storage-search .btn-search {
  width: 20px;
  padding: 6px;
}

.storage-list {
  margin-top: 16px;
}

.storage-list li {
  padding: 12px 0;
}

.storage-list li:nth-child(n + 2) {
  border-top: 1px solid #eeeeee;
}

.storage-list li a {
  display: block;
}

.storage-list li .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.storage-list li .top span {
  font-size: 14px;
  line-height: 140%;
  color: #333333;
}

.storage-list li .top p {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
}

.storage-list li .address .info {
  margin-top: 4px;
  text-align: left;
}

.storage-list li .address .info .flag {
  display: inline-block;
  width: 44px;
  min-width: 44px;
  font-size: 12px;
  line-height: 140%;
  color: #888888;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 2px 6px;
  box-sizing: border-box;
}

/* .storage-list li .address .info .flag:not(.red) {
  letter-spacing: 5.6px;
} */

.storage-list li .address .info .flag.red {
  color: #e45659;
  background: #ffebed;
}

.storage-list li .address .info .desc {
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  margin-left: 8px;
}

.toast-msg.msg-pop span {
  font-family: Pretendard, "맑은고딕", Arial, sans-serif;
}

/* //240618 추가 */

/* s: 24.05.31 사고팔기 메인 내 필터유형 변경 jhj*/
.sorting-list ul {
  margin: 0 4px 12px;
}

.sorting-list li * {
  transition: none !important;
}

.sorting-list li+li {
  margin-top: 24px;
}

.sorting-list li .tit {
  display: inline-block;
  width: 100%;
  padding: 0 0 12px;
  color: #575757;
  text-align: center;
  line-height: 17px;
  letter-spacing: -0.24px;
  font-size: 12px;
  font-weight: 500;
}

.sorting-list li .btn {
  display: flex;
  background-color: #f5f5f5;
  border-radius: 8px;
  letter-spacing: -0.28px;
}

.sorting-list li.error .btn {
  border: 1px solid #DD2C2F;
}

.sorting-list li.error .btn button.active {
  border: none;
  max-width: 100%;
  padding: 0;
  color: #888;
  font-weight: 400;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  line-height: 38px;
  font-size: 14px;
}

.sorting-list li .btn button {
  max-width: 100%;
  padding: 0;
  color: #888;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  line-height: 38px;
  font-size: 14px;
}

.sorting-list li .btn button.active {
  color: #e45659;
  background-color: #fff;
  border-color: #e45659;
  border-radius: 8px;
  font-weight: 800;
}

.sorting-list .checkbox__inline {
  margin-bottom: 12px;
  text-align: center;
}

.main .product__bar.sticky {
  /*  position: -webkit-sticky;*/
  /*  position: -moz-sticky;*/
  /*  position: -ms-sticky;*/
  /*  position: -o-sticky;*/
  /*  position: sticky;*/
  /*  top: 101px;*/
  padding-top: 4px;
  background-color: #fff;
  /*  z-index: 50;*/
}

.main .product__bar.sticky.under-effect {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}

.main .product__bar.sticky.under-effect.is-hide {
  opacity: 0;
}

/* .main .product__bar.sticky.is-hide {
  transform: translateY(-100px);
} */

.main .inquiry-box {
  padding: 40px 0 36px;
  text-align: center;
}

.main .inquiry-box span {
  color: #333;
  display: block;
  padding: 0 0 16px 0;
  font-weight: 500;
}

.main .inquiry-box .btn.btn-line {
  display: inline-block;
  width: auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #dd2c2f;
  border-radius: 50px;
  border: 1px solid #dd2c2f;
  background: #fff;
  padding: 6px 14px;
}

.main .my-inquiry-list {
  padding: 10px 0 20px 0;
}

.main .my-inquiry-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  border-bottom: 1px solid #eee;
}

.main .my-inquiry-list li:nth-child(2n-1) {
  margin: 0 20px;
}

.main .my-rank-list li .cont,
.main .my-inquiry-list li .cont {
  display: flex;
  align-items: flex-start;
  gap: 12px 10px;
  flex-direction: column;
  max-width: 214px;
  padding: 14px 0;

}

.main .my-inquiry-list li .cont .info {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.main .my-inquiry-list li .cont .info .date {
  color: #888;
  font-size: 12px;
  padding-right: 8px;
}

.main .my-inquiry-list li .cont .info .state {
  font-size: 12px;
  font-weight: 700;
}

.main .my-inquiry-list li .cont .info .state.is-ready {
  color: #fa7c21;
}

.main .my-inquiry-list li .cont .info .state.is-done {
  color: #888888;
}

.main .my-rank-list li .cont .sec,
.main .my-inquiry-list li .cont .sec {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.main .my-rank-list li .cont .sec .subject,
.main .my-inquiry-list li .cont .sec .subject {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 125px;
}

.main .my-inquiry-list li .cont .sec .desc {
  color: #888;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 214px;
}

.main .my-inquiry-list li .btn-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  /* padding-right: 20px; */
}

.main .my-inquiry-list li .btn-wrap .inquery-btn {
  display: inline-block;
  width: auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #888;
  border-radius: 50px;
  border: 1px solid #cacaca;
  background: #fff;
  padding: 5px 12px;
  word-break: keep-all;
}


.main .my-inquiry-list li .btn-wrap .inquery-btn.red {
  color: #E45659;
  border: 1px solid #E45659;
}

.main .my-rank-list .rank-cont.is-fold,
.main .my-inquiry-list li.is-fold {
  display: none;
}

.main .inquery-cont {
  display: flex;
  background: #f5f5f5;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
}

.main .inquery-cont .category {
  width: auto;
  display: inline-block;
  background: #888888;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  border-radius: 4px;
  padding: 2px 6px;
  margin-bottom: 3px;
}

.main .inquery-cont dl {
  padding: 5px 0 6px;
  gap: 4px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.main .inquery-cont dl dt {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}

.main .inquery-cont dl dt strong {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  padding-right: 5px;
}

.main .inquery-cont dl dd {
  font-size: 14px;
  color: #575757;
  line-height: 19.6px;
}

.main .inquery-cont dl dd .reply-date {
  color: #cacaca;
  font-size: 12px;
  display: block;
  margin-top: 2px;
}

.main .inquery-cont .input-wrap {
  margin-top: 10px;
  position: relative;
}

.main .inquery-cont .input-wrap .btn-wrap {
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 20;
  padding-right: 0;
  /* display: none; */
}

.main .inquery-cont.input-wrap .btn-wrap a {
  width: 47px;
  padding: 5px 0px;
  box-sizing: border-box;
  text-align: center;
}

.main .inquery-cont .input-wrap .item__input textarea {
  height: 44px;
  resize: none;
  max-height: 88px;
  overflow-y: hidden;
  padding-right: 68px;
}

.main .inquery-cont .input-wrap .item__input textarea::-webkit-scrollbar {
  display: none;
}

.main .inquery-cont dl+dl {
  margin-top: 19px;
}

.main .inquery-cont dl.file {
  margin-top: 1px;
  padding-top: 0;
}

.main .inquery-cont dl.file ul {
  display: flex;
  gap: 6px;
}

.main .inquery-cont .file ul li {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  padding: 6px 10px;
  margin: 0;
  color: #575757;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  gap: 4px;
  letter-spacing: -0.28px;
}

.main .inquery-cont .file ul li .file-name {
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main .inquery-cont .file ul li:after {
  content: '';
  width: 12px;
  height: 12px;
  padding: 7px;
  box-sizing: border-box;
  display: inline-block;
  background: url("/assets/image/ico-x.svg") no-repeat center/cover;
}

.main.community.edit .tag__item .input-wrap+.checkbox {
  position: relative;
  padding: 12px 0 10px 10px;
  display: flex;
  align-items: center;
}

.main .tag__item .input-wrap+.checkbox img {
  vertical-align: middle;
  width: 16px;
}

.main .tag__item .item__article {
  margin-top: 20px;
  background: #f5f5f5;
  border-radius: 4px;
  padding: 16px;
}

.main .tag__item .item__article p {
  padding-left: 18px;
  position: relative;
  font-size: 13px;
  color: #888;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: -0.26px;
}

.main .tag__item .item__article p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 11px;
  height: 12px;
  background: url("../image/ico-alert2.svg") no-repeat 0 0;
  background-size: 11px 12px;
}

.main .tag__item .item__dashboard {
  height: 40px;
}

.main.community.edit .tag__item .item__dashboard {
  height: 44px;
}

.tooltip .tooltip-top {
  width: calc(80vw - 30px);
  max-width: 650px;
  bottom: 150%;
  left: 50%;
  margin-left: -23.8vw;
  text-align: left;
  padding: 10px 15px;
}

.community.edit .tooltip .tooltip-top {
  margin-left: -225px;
}

.tooltip .tooltip-top::after {
  top: 100%;
  left: 0;
  transform: rotate(180deg);
  margin-left: 220px;
  border-color: transparent transparent black transparent;
}

/* 결제 요청 제안 팝업창 - 창고 출고/이체*/
.main .my-manager-list {
  padding: 15px 20px 80px;
}

.main .my-manager-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 10px;
  border-bottom: 1px solid #eeeeee;
}

.main .my-manager-list li .cont {
  display: flex;
  align-items: flex-start;
  gap: 12px 10px;
  flex-direction: column;
  max-width: 60vw;
  padding: 12px 20px 12px 0;
}

.main .my-manager-list li .cont .sec {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.main .my-manager-list li .cont .sec .subject {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

.main .my-manager-list li .cont .sec .subject .tag {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  text-align: center;
  color: #fa7c21;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #fff2e9;
}

.main .my-manager-list li .cont .sec .subject .tag.present {
  display: inline-block;
}

.main .my-manager-list li .cont .sec .desc {
  color: #888;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 가상계좌 */
.safe-input-area .input-wrap.safe-info-list .item__title span {
  /* margin-top: 20px; */
  font-weight: 700;
  text-align: left;
  font-size: 14px;
}

.safe-input-area .total-price.full {
  max-width: 100%;
  position: relative;
}

.safe-input-area .item__input.error span {
  border-color: #dd2c2f;
}

.safe-input-area .item__input a {
  position: relative;
  font-size: 14px;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  color: #575757;
  line-height: 20px;
}

.safe-input-area .input-wrap.add-bank .item__input a {
  font-weight: 500;
  letter-spacing: -0.28px;
}

.safe-input-area .item__input span {
  position: relative;
  font-size: 14px;
  border-radius: 8px;
  padding: 11px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  line-height: 20px;
  color: #333;
  font-weight: 500;
}

.safe-input-area .item__input a:before {
  content: "";
  width: 24px;
  height: 24px;

  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-right.svg) no-repeat center center;
  opacity: 0.7;
}

.popup__cnt .safe-process ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.popup__cnt .safe-process ul li {
  position: relative;
  margin-right: 44px;
}

.popup__cnt .safe-process ul li {
  position: relative;
  margin-right: 44px;
}

/* 240805 수정 */
.popup__cnt .safe-process ul li.owner-change {
  position: relative;
}

.popup__cnt .safe-process ul li.owner-change .img__box {
  margin-bottom: 24px;
}

.popup__cnt .safe-process ul li.owner-change .text {
  left: -22px;
  top: 57px;
  position: absolute;
  width: 100px;
}

/* 아이콘 */
/* 1. 기본 */

/* 주문 확인 */
.popup__cnt .safe-process ul li.order-check .img__box {
  background: url(/assets/image/file-download-02.svg) no-repeat center center #f5f5f5;
}

/* 주문완료 */
.popup__cnt .safe-process ul li.order-compl .img__box {
  background: url(/assets/image/file-check-02.svg) no-repeat center center #f5f5f5;
}

/* 결제완료 */
.popup__cnt .safe-process ul li.pay-compl .img__box {
  background: url(/assets/image/pay-compl.svg) no-repeat center center #f5f5f5;
}

/* 취소완료 */
.popup__cnt .safe-process ul li.cancel-compl .img__box {
  background: url(/assets/image/cancel-compl.svg) no-repeat center center #f5f5f5;
}

/* 출고 완료 */
.popup__cnt .safe-process ul li.release .img__box {
  background: url(/assets/image/release.svg) no-repeat center center #f5f5f5;
}

/* 소유주 변경 완료 */
.popup__cnt .safe-process ul li.owner-change .img__box {
  background: url(/assets/image/owner-change.svg) no-repeat center center #f5f5f5;
}

/* 구매 확정*/
.popup__cnt .safe-process ul li.purchase-confirm .img__box {
  background: url(/assets/image/purchase-confirm.svg) no-repeat center center #f5f5f5;
}

/* 2. 진행중 */
/* 결제방법 */
.popup__cnt .safe-process ul li.pay.red .img__box {
  background: url(/assets/image/credit-card-plus-process.svg) no-repeat center center #e45659;
}

/* 주문확인 */
.popup__cnt .safe-process ul li.order-check.red .img__box {
  background: url(/assets/image/file-download-02-process.svg) no-repeat center center #e45659;
}

/* 주문완료 */
.popup__cnt .safe-process ul li.order-compl.red .img__box {
  background: url(/assets/image/file-check-02-process.svg) no-repeat center center #e45659;
}

/* 결제완료 */
.popup__cnt .safe-process ul li.pay-compl.red .img__box {
  background: url(/assets/image/credit-card-check.svg) no-repeat center center #e45659;
}

/* 취소완료 */
.popup__cnt .safe-process ul li.cancel-compl.red .img__box {
  background: url(/assets/image/credit-card-refresh.svg) no-repeat center center #e45659;
}

/* 출고 완료 */
.popup__cnt .safe-process ul li.release.red .img__box {
  background: url(/assets/image/release_ing.svg) no-repeat center center #e45659;
}

/* 소유주 변경 완료 */
.popup__cnt .safe-process ul li.owner-change.red .img__box {
  background: url(/assets/image/owner-change_red.svg) no-repeat center center #e45659;
}

/* 구매확정 */
.popup__cnt .safe-process ul li.purchase-confirm.red .img__box {
  background: url(/assets/image/purchase-confirm_red.svg) no-repeat center center #e45659;
}

/* 3. 완료 */
/* 배경색 */
.popup__cnt .safe-process ul li.done .img__box {
  border: 1px solid #e45659;
}

/* 결제방법 */
.popup__cnt .safe-process ul li.pay.done .img__box {
  background: url(/assets/image/credit-card-plus-done.svg) no-repeat center center #fff;
}

/* 주문확인 */
.popup__cnt .safe-process ul li.order-check.done .img__box {
  background: url(/assets/image/file-download-02-done.svg) no-repeat center center #fff;
}

/* 주문완료 */
.popup__cnt .safe-process ul li.order-compl.done .img__box {
  background: url(/assets/image/file-check-02-done.svg) no-repeat center center #fff;
}

/* 취소완료 */
.popup__cnt .safe-process ul li.cancel-compl.done .img__box {
  background: url(/assets/image/cancel-compl_done.svg) no-repeat center center #fff;
}

/* 결제완료 */
.popup__cnt .safe-process ul li.pay-compl.done .img__box,
.popup__cnt .safe-process ul li.pay-complt.done .img__box {
  background: url(/assets/image/credit-card-red.svg) no-repeat center center #fff;
}

/*소유주 변경 완료 */
.popup__cnt .safe-process ul li.owner-change.done .img__box {
  background: url(/assets/image/owner-change_done.svg) no-repeat center center #fff;
}

/* 출고 완료 */
.popup__cnt .safe-process ul li.release.done .img__box {
  background: url(/assets/image/release_done.svg) no-repeat center center #fff;
}

/* 구매 확정 */
.popup__cnt .safe-process ul li.purchase-confirm.done .img__box {
  background: url(/assets/image/purchase-confirm_done.svg) no-repeat center center #fff;
}

/* done클래스 추가 시 점선 컬러 변경 */
.popup__cnt .safe-process ul li.done:before {
  content: "";
  background: url(../image/union_red.svg) no-repeat center center;
}

/* 주문 확인 완료(done)시 결제방법  */
.popup__cnt .safe-process ul li.none,
.popup__cnt .safe-process ul li.none:before {
  display: none;
}

.popup__cnt .safe-process ul li:before {
  content: "";
  position: absolute;
  top: 23px;
  left: 52px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin: 0 4px;
  background: url(../image/Union.svg) no-repeat center center;
}

.popup__cnt .safe-process ul li:last-child {
  margin-right: 0;
}

.popup__cnt .safe-process ul li:last-child:before {
  width: 0;
  display: none;
}

.popup__cnt .safe-process ul li .img__box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 6px;
}

.popup__cnt .safe-process ul li .text {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

.input-wrap .item__input .text {
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 11px 12px;
}

.safe-input-area .input-wrap .item__input .text.name {
  height: 46px;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}

.safe-input-area .input-wrap .item__input.error .text {
  border-color: #dd2c2f;
}

.safe-input-area .input-wrap .item__input .text:focus {
  border: 1px solid #4263eb;
}


.popup__cnt .safe-process ul li.red .text {
  color: #e45659;
}

.popup__cnt .state-action {
  width: 100%;
}

.popup__cnt .state-action a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  position: relative;
  width: 100%;
  display: inline-block;
  min-width: 86px;
  padding: 10px 50px 10px 12px;
  box-sizing: border-box;
}

.popup__cnt .state-action a .bank-name {
  font-weight: 400;
}

.popup__cnt .state-action.is-on a.arrow:before {
  background: url(../image/chevron-up.svg) no-repeat center center;
}

.safe-info-list .safe-info-list-ul>li .desc.bank {
  display: flex;
  align-items: center;
  gap: 4px;
}

.safe-info-list .safe-info-list-ul>li .desc.bank.refund {
  display: block;
}

.safe-info-list .safe-info-list-ul>li .desc.bank.refund .bank-logo {
  margin-right: 4px;
}

.safe-info-list .safe-info-list-ul>li .desc.bank.refund .refund-account a {
  color: #575757;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
}

.safe-info-list .safe-info-list-ul>li .desc .bank-logo {
  width: 16px;
  height: 16px;
}

.safe-message {
  background-color: #fff2e9;
  width: 100%;
  border-radius: 8px;
  margin-top: 12px;
  padding: 14px 0;
}

.safe-message.weight {
  margin: 0 auto 24px;
  box-sizing: border-box;
  padding: 16px 0;
  width: calc(100% - 40px);
}

.safe-message p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 13px;
  color: #575757;
  line-height: 18.2px;
  font-weight: 500;
  letter-spacing: -0.26px;
}

/* 2줄 버전 240807 */
.safe-message.weight.lines {
  padding: 14px 12px;
}

.safe-message.weight.lines p {
  text-align: left;
  justify-content: normal;
  gap: 6px;
}

.safe-message.weight.lines p strong {
  font-weight: 700;
}

/* 2줄 버전 240807 */

.safe-message p img {
  width: 16px;
  height: 16px;
}

.safe-input-area .item__dashboard a.arrow:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-down.svg) no-repeat center center;
  opacity: 0.7;
}

.safe-input-area .item__dashboard a.arrow:after {
  display: none;
}

.popup__cnt .safe-input-area .item__dashboard.state-action {
  position: relative;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box {
  position: absolute;
  width: 100%;
  z-index: 11;
  top: 45px;
  left: -1px;
  margin-top: 6px;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  overflow-y: scroll;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box.refund,
.popup__cnt .safe-input-area .item__dashboard .expand-box.detail {
  overflow-y: scroll;
  max-height: 365px;
}

/* .popup__cnt .safe-input-area .item__dashboard .expand-box.detail::-webkit-scrollbar {
  width: 9px;
  height: 50px;
  padding-top: 24px;
  border-radius: 4px;
  border:1px solid #fff;
  background-color: #fff;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box.detail::-webkit-scrollbar-thumb {
  width: 9px;
  height: 50px;
  margin-top: 12px;
  border-radius: 4px;
  border:1px solid #eee;
  background-color: #eee;
} */

.popup__cnt .safe-input-area .item__dashboard .expand-box a {
  position: relative;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box a .issued {
  display: none;
  height: 23px;
  padding: 3px 8px;
  box-sizing: border-box;
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #ffebed;
  border-radius: 30px;
  color: #e45659;
  line-height: 17px;
  font-size: 12px;
  font-weight: 500;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box a.done .issued {
  display: inline-block;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box a.done .bank-name,
.popup__cnt .safe-input-area .item__dashboard .expand-box a.done .bank-logo {
  opacity: 0.2;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box a:hover {
  color: #333;
}

.popup__cnt .safe-input-area .item__dashboard .expand-box .bank-logo {
  margin-right: 6px;
  width: 24px;
  height: 24px;
}

.popup__cnt .bank-logo.small img {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.popup__cont {
  line-height: 19.6px;
  color: #575757;
}

.bank-info {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  display: flex;
  gap: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  box-sizing: border-box;
}

.item__input.bank-info span {
  border: none;
  padding: 0;
  letter-spacing: -0.28px;
}

.item__input.bank-info .account-num {
  color: #575757;
  font-weight: 400;
}

.item__input.bank-info .name {
  color: #575757;
  font-weight: 400;
}

.item__input.bank-info span em {
  font-style: normal;
}

.item__input.bank-info span img {
  margin-right: 6px;
}

.item__input.bank-info span:first-child {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.item__input.bank-info a {
  display: inline-block;
  width: 47px;
  height: 28px;
  border-radius: 50px;
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  line-height: 18.2px;
}

.item__input.bank-info a.btn.change {
  color: #888;
}

.item__input.bank-info a::before {
  display: none;
}

.pop__detail.full_pop .popup__cnt.no-padding,
.pop__detail.full_pop.fixed_head .popup__cnt.no-padding {
  padding-top: 87px;
  overflow-y: scroll;
}

.pop__detail.full_pop .popup__cnt.no-padding.pt57,
.pop__detail.full_pop.fixed_head .popup__cnt.no-padding.pt57 {
  padding-top: 57px;
}

.pop__detail.full_pop.fixed_head .popup__cnt.no-padding.height-auto {
  height: auto;
}

.pop__detail.full_pop.fixed_head .popup__cnt.pt192 {
  padding-top: 192px;
}

.popup__btn .btn {
  font-weight: 700;
}

.popup__btn.detail {
  width: calc(100% - 40px);
  max-width: 500px;
  margin: 0 auto;
}

.safe-input-area.account .input-radio .bank-info {
  border: none;
  margin-left: 24px;
}

.safe-input-area.account .input-radio .radio-wrap {
  padding: 12px;
  box-sizing: border-box;
  position: relative;
}

.safe-input-area.account .input-radio .radio-wrap .item__input {
  padding: 0;
  position: relative;
}

.safe-input-area.account .input-radio .radio-wrap .item__input label {
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  position: absolute;
}

.safe-input-area.account .input-radio .radio-wrap .item__input label:before {
  top: 27px;
}

.safe-input-area.account .input-radio .radio-wrap .item__input label:after {
  top: 27px;
}

.safe-input-area.account .input-radio .radio-wrap a {
  display: inline-block;
  border: 1px solid #CACACA;
  width: 47px;
  height: 28px;
  border-radius: 50px;
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 700;
  line-height: 18.2px;
  color: #888;
  position: absolute;
  top: 32px;
  right: 12px;
}

.safe-input-area.account .input-wrap.add-bank {
  background-color: #f5f5f5;
  color: #575757;
  border-radius: 8px;
  margin-top: 10px;
}

.safe-input-area.account .input-wrap.add-bank a {
  border: none;
  padding: 12px;
}

/* 결제요청 제안 */
.input-radio .add-done.none {
  display: none;
}

.input-radio .add-done .add-detail.dark-gray {
  color: #575757;
}

.manager-info {
  display: flex;
  align-items: center;
}

.safe-input-area .item__input .manager-info input {
  width: calc(100% - 87px);
  margin-right: 12px;
}

.safe-input-area .item__input .manager-info a.btn-select {
  height: 32px;
  width: 75px;
  padding: 7px 0;
  box-sizing: border-box;
  border-radius: 50px;
  border: 1px solid #fa7c21;
  color: #fa7c21;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}

.safe-input-area .item__input .manager-info a.btn-select:before {
  display: none;
}

.safe-input-area .item__input .manager-info a.btn-select img {
  margin-right: 4px;
}

.pop__detail .popup__title.ft18 strong {
  font-size: 18px;
}

.talk_area.manager {
  padding-bottom: 80px;
}

.subject-box.manager a {
  width: 60%;
  margin: 0 auto;
}

.safe-msg.manager {
  min-width: 220px;
  max-width: auto;
}

.safe-top.relative {
  display: block;
  position: relative;
}

.popup__btn.addr,
.btn.red-line {
  padding-top: 8px;
}

.btn.red-line .btn-default.line,
.popup__btn.addr .btn-default.line {
  background-color: #fff;
  color: #dd2c2f;
}

.btn.red-line .btn-default.line span,
.popup__btn.addr .btn-default.line span {
  padding-left: 18px;
  background: url(/assets/image/plus_red.svg) no-repeat left center / 16px;
}



.safe-input-area .addr-list {
  margin-top: 16px;
}

.safe-input-area .addr-list li {
  padding: 12px 0;
  border-bottom: 1px solid #eeeeee;
}

.safe-input-area .addr-list.saved-list.m4 {
  margin-top: 24px;
}

.safe-input-area .addr-list.saved-list.m4 li:first-child {
  padding: 0px 4px 16px 4px;
}

.safe-input-area .addr-list.saved-list li {
  padding: 16px 4px;
}

.safe-input-area .addr-list li p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}

.safe-input-area .addr-list li p strong {
  font-weight: 700;
}

.safe-input-area .addr-list li p.addr {
  display: block;
}

.safe-input-area .addr-list li p.addr span {
  padding: 0;
}

.safe-input-area .addr-list li p.phone {
  margin-bottom: 2px;
  color: #888;
}

.safe-input-area .addr-list li p span {
  padding: 2px 6px;
  border-radius: 4px;
  min-width: 43px;
  text-align: center;
}

.safe-input-area .addr-list li p.addr1 span {
  background-color: #ffebed;
  color: #e45659;
}

.safe-input-area .addr-list li p.addr2 span,
.safe-input-area .addr-list li p.name span {
  background-color: #f5f5f5;
  color: #888;
  font-size: 12px;
}

.safe-input-area .addr-list li .btn-group {
  text-align: left;
  margin: 0;
  margin-top: 8px;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.safe-input-area .addr-list li .btn-group a {
  padding: 5px 12px;
  border-radius: 50px;
  border: 1px solid #cacaca;
  color: #888;
  font-weight: 500;
}

.safe-input-area .addr-list li .btn-group a.btn-edit {
  border-color: #e45659;
  color: #e45659;
  font-weight: 700;
}

.popup__cnt {
  margin-bottom: 20px;
}

.popup__btn.addr.no-padding {
  padding-top: 0;
  margin-top: 0;
}

.popup__btn.pt5 {
  padding-top: 5px;
}

.popup__btn.bottom-fix {
  /* margin: 0 0 20px 20px; */
  width: calc(100% - 40px);
  margin: 0 auto;
}

.popup__btn.fix {
  width: calc(100% - 40px);
  padding: 0 20px;
}

.popup__btn.bottom-fix.pb20 {
  padding-bottom: 20px;
}

.pop__detail .popup__btn.btn_bottom,
.btn.btn_bottom {
  position: absolute;
  width: calc(100% - 40px);
  left: 0;
  bottom: 0px;
  padding: 16px 20px 20px 20px;
  text-align: center;
  overflow: visible;
  background: #fff;
}

.btn.pb20-bottom {
  padding-bottom: 20px;
}

.pop__detail .popup__btn.btn_bottom.gray,
.btn.btn_bottom.gray {
  background-color: #f5f5f5;
}

.btn.btn_bottom a {
  width: 100%;
  margin: 0 20px;
  display: block;
}

.pop__detail .popup__btn .btn.line-gray {
  border-color: #cacaca;
  background-color: #fff;
  color: #575757;
}

.pop__detail .popup__btn .btn.line-gray span {
  padding-left: 22px;
  background: url(/assets/image/plus-dark.svg) no-repeat left center / 16px;
}

.popup__btn.padding {
  padding-top: 78px;
}

.popup__cnt .safe-top.relative {
  position: relative;
  top: 0;
  padding: 34px 0 20px;
}

/* 창고이체(화주변경)안내사항 */
.safe-info-list .guide {
  margin: 16px 0;
}

.safe-info-list .guide strong {
  font-weight: 700;
  font-size: 14px;
}

.safe-info-list .guide ol {
  margin-top: 8px;
  margin-left: 3px;
}

.safe-info-list .guide ol li {
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  color: #575757;
  line-height: 16.8px;
  letter-spacing: -0.26px;
}

/* 상세보기 */
.main.detail {
  padding: 30px 20px 0;
  overflow-y: scroll;
  height: calc(100vh - 56px);
  box-sizing: border-box;
  max-width: 500px;
  margin: 0 auto;
}

/* 환불 */
.main.detail.refund {
  height: calc(100vh - 136px);
}

.popup__cnt.fix-height.full {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main.detail.full {
  padding: 30px 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  height: calc(100vh - 136px);
}

.main.detail.pt86 {
  padding-top: 86px;
}

.main.detail .profile {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.main.detail .profile .photo {
  background: #e8e8e8;
  width: 88px;
  height: 88px;
  border-radius: 8px;
  overflow: hidden;
}

.main.detail .profile .photo img {
  width: 100%;
  height: 100%;
}

.main.detail .profile .profile-info .state-tag {
  display: inline-block;
  font-weight: 500;
  font-size: 11px;
  line-height: 15.4px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #e45659;
  color: #fff;
  margin-bottom: 4px;
}

.main.detail .profile .profile-info .prod-name {
  width: 222px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  margin-bottom: 6px;
  white-space: nowrap;
  overflow: hidden;
  /* 240808 수정 */
  color: #333;
  /* 240808 수정 */
  text-overflow: ellipsis;
}

.main.detail .profile .profile-info .user-id {
  display: block;
  color: #575757;
  font-weight: 500;
  font-size: 12px;
  line-height: 16.8px;
  margin-bottom: 3px;
}

.main.detail .profile .profile-info .user-phone {
  display: block;
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
}

.main.detail .process-tag {
  margin-bottom: 20px;
}

.main.mypage .input-wrap.file .item__input,
.main.detail .process-tag a,
.main.detail .detail-input-area .input-wrap .item__input,
.safe-input-area .input-wrap.file .item__input {
  display: flex;
  align-items: center;
  padding: 9px 10px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  position: relative;
  box-sizing: border-box;
}

.main.detail .process-tag a {
  background-color: #f5f5f5;
  border: none;
  height: 44px;
  box-sizing: border-box;
}

.main.detail .detail-input-area .input-wrap .item__input.file {
  padding: 10px 20px;
  margin-top: 8px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}

.main.profile.edit .input-wrap .item__input.file .file-box,
.main.detail .detail-input-area .input-wrap .item__input.file .file-box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.main.profile.edit .input-wrap .item__input.file .file-box .icon,
.main.detail .detail-input-area .input-wrap .item__input.file .file-box .icon {
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  background-color: #f5f5f5;
  border-radius: 50%;
  padding: 8px 0;
  display: inline-block;
}

.main.profile.edit .input-wrap .item__input.file .file-box .btn-delete,
.main.detail .detail-input-area .input-wrap .item__input.file .file-box .btn-delete {
  padding: 5px 0;
  font-weight: 700;
  font-size: 13px;
  line-height: 18.2px;
  text-align: center;
  width: 47px;
  height: 28px;
  /* box-sizing: border-box; */
  border: 1px solid #cacaca;
  position: absolute;
  top: 23px;
  right: 20px;
  letter-spacing: -0.26px;
  border-radius: 50px;
  background: none;
  color: #888;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main.profile.edit .input-wrap .item__input.file .file-box .btn-delete {
  padding: 5px 0;
  box-sizing: border-box;
}

.main.detail .detail-input-area .input-wrap .item__input.file .file-box p:first-child {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.profile.edit .input-wrap .item__input.file .file-box p,
.main.detail .detail-input-area .input-wrap .item__input.file .file-box p {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}

.main.detail .detail-input-area .input-wrap .count-box {
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  line-height: 15.4px;
  color: #888;
  margin: 4px 4px 0 0;
}

.main.detail .detail-input-area .input-wrap .count-box .count {
  color: #333;
}

.main.detail .detail-input-area .input-wrap .count-box .count.blue {
  color: #4263eb;
}

.main.detail .process-tag a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-right.svg) no-repeat center center;
  opacity: 0.7;
}

.main.detail .process-tag a .process-name {
  position: relative;
  padding: 4px 8px 4px 28px;
  border-radius: 50px;
  color: #e45959;
  font-weight: 700;
  font-size: 12px;
  line-height: 16.8px;
  background-color: #fff;
  margin-right: 10px;
}

/* 배송 */
.main.detail .process-tag a .process-name::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/truck-01.svg) no-repeat center center;
  position: absolute;
  left: 8px;
  top: 4px;
}

/* 창고이체 */
.main.detail .process-tag a .process-name.transfer::before {
  background: url(../image/transfer.svg) no-repeat center center;
}

/* 창고출고 */
.main.detail .process-tag a .process-name.transfer_out::before {
  background: url(../image/transfer_out.svg) no-repeat center center;
}

.main.detail .process-tag a .prod {
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  color: #333;
}

.main.detail .process-tag a .price em {
  font-style: normal;
}

.main.detail .process-tag a .price:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #333;
  vertical-align: middle;
  margin: 0 4px;
}

.main.detail .detail__process ul {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* 240807 수정 */
.main.detail .detail__process ul li {
  /* padding: 20px 0; */
  height: 73px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.main.detail .detail__process ul.p15 li {
  /* padding: 15px 0; */
  position: relative;
  align-items: center;
}

/* //240807 수정 */

.main.detail .detail__process ul.p15 li:first-child {
  padding: 20px 0 15px;
}

.main.detail .detail__process ul.p15 li:last-child {
  padding: 15px 0 20px;
}

.main.detail .detail__process ul.p15 li .btn-check {
  padding: 5px 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18.2px;
  text-align: center;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid #cacaca;
  position: absolute;
  top: 21px;
  right: 0;
  letter-spacing: -0.26px;
  border-radius: 50px;
}

/* .main.detail .detail__process ul.p15 li.refund-request,
.main.detail .detail__process ul.p15 li.refund-reject {
  padding: 9px 0;
} */

.main.detail .detail__process ul.p15 li.pay-complt.ing .btn-check,
.main.detail .detail__process ul.p15 li.refund-request.ing .btn-check {
  top: 27px;
}

.main.detail .detail__process ul.p15 li.ing .btn-check {
  color: #dd2c2f;
  border-color: #dd2c2f;
}

.main.detail .detail__process ul li .btn-check.red {
  color: #dd2c2f;
  border-color: #dd2c2f;
}

.main.detail .detail__process ul li .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
}

/* 진행중 */
.main.detail .detail__process ul li.ing .icon {
  border: 1px solid #e45659;
  position: relative;
}

.main.detail .detail__process ul li.done .icon:before,
.main.detail .detail__process ul li.ing .icon:before {
  content: "";
  width: 2px;
  height: 26px;
  display: inline-block;
  position: absolute;
  top: -29.5px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../image/ing_line.svg");
}

.main.detail .detail__process ul li:first-child .icon:before {
  display: none;
}

.main.detail .detail__process ul li.yet .icon:before {
  content: "";
  width: 2px;
  height: 26px;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: url("../image/yet_line.svg");
}

.main.detail .detail__process ul li.yet .icon {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  position: relative;
}

/* 1. 기본 : 회색바탕 */
/* 거래 취소*/
.main.detail .detail__process ul li.transact_cancel.yet .icon {
  background: url(/assets/image/transact_cancel_yet.svg) no-repeat center center #f5f5f5;
}

/* 물품 준비 중*/
.main.detail .detail__process ul li.prod-ready.yet .icon {
  background: url(/assets/image/prod-ready_yet.svg) no-repeat center center #f5f5f5;
}

/* 판매취소 - 취소완료*/
.main.detail .detail__process ul li.cancel-complt.yet .icon {
  background: url(/assets/image/cancel-complt_yet.svg) no-repeat center center #f5f5f5;
}

/* 출고 완료 */
.main.detail .detail__process ul li.release.yet .icon {
  background: url(/assets/image/delivery-gray.svg) no-repeat center center #f5f5f5;
}

/* 소유주 변경 완료 */
.main.detail .detail__process ul li.owner-change.yet .icon {
  background: url(/assets/image/owner-change_yet.svg) no-repeat center center #f5f5f5;
}

/* 추가 납부 요청 */
.main.detail .detail__process ul li.add-request.yet .icon {
  background: url(/assets/image/add-request_yet.svg) no-repeat center center #f5f5f5;
}

/* 추가 납부 승인 & 추가 납부 승인 - 입금 대기*/
.main.detail .detail__process ul li.add-wait.yet .icon {
  background: url(/assets/image/add-wait_yet.svg) no-repeat center center #f5f5f5;
}

/* 추가 납부 거절 & 추가 납부 취소*/
.main.detail .detail__process ul li.add-fail.yet .icon {
  background: url(/assets/image/add-fail_yet.svg) no-repeat center center #f5f5f5;
}

/* 환불 요청 */
.main.detail .detail__process ul li.refund-request.yet .icon {
  background: url(/assets/image/refund-request_yet.svg) no-repeat center center #f5f5f5;
}

/* 환불 거절 */
.main.detail .detail__process ul li.refund-reject.yet .icon {
  background: url(/assets/image/refund-reject_yet.svg) no-repeat center center #f5f5f5;
}

/* 환불 승인 */
.main.detail .detail__process ul li.refund-apprv.yet .icon {
  background: url(/assets/image/refund-apprv_yet.svg) no-repeat center center #f5f5f5;
}

/* 구매 확정 */
.main.detail .detail__process ul li.purchase-confirm.yet .icon {
  background: url(/assets/image/purchase-confirm-gray.svg) no-repeat center center #f5f5f5;
}

/* 2. 진행중  :빨간색 바탕*/

/* 거래 취소 - 취소 완료*/
.main.detail .detail__process ul li.transact_cancel.ing .icon {
  background: url(/assets/image/transact_cancel_ing.svg) no-repeat center center #e45659;
}

/* 물품준비중 */
.main.detail .detail__process ul li.prod-ready.ing .icon {
  background: url(/assets/image/shopping-bag-01.svg) no-repeat center center #e45659;
}

/* 판매취소 -취소완료  */
.main.detail .detail__process ul li.cancel-complt.ing .icon,
.main.detail .detail__process ul li.sell-cancel.ing .icon {
  background: url(/assets/image/sell-cancel_ing.svg) no-repeat center center #e45659;
}

/* 출고완료 */
.main.detail .detail__process ul li.release.ing .icon {
  background: url(/assets/image/release_ing.svg) no-repeat center center #e45659;
}

/* 소유주 변경 완료*/
.main.detail .detail__process ul li.owner-change.ing .icon {
  background: url(/assets/image/owner-change_ing.svg) no-repeat center center #e45659;
}

/* 추가 납부 승인*/
.main.detail .detail__process ul li.add-wait.ing .icon {
  background: url(/assets/image/add-request_ing.svg) no-repeat center center #e45659;
}

/* 추가납부요청(re)*/
.main.detail .detail__process ul li.add-request2.ing .icon {
  background: url(/assets/image/add-request2_ing.svg) no-repeat center center #e45659;
}

/* 추가납부요청*/
.main.detail .detail__process ul li.add-request.ing .icon {
  background: url(/assets/image/add-request2_ing.svg) no-repeat center center #e45659;
}

/* 추가납부거절 & 추가 납부 취소*/
.main.detail .detail__process ul li.add-fail.ing .icon {
  background: url(/assets/image/add-fail_ing.svg) no-repeat center center #e45659;
}

/* 추가납부완료 */
.main.detail .detail__process ul li.add-complt.ing .icon {
  background: url(/assets/image/add-complt_ing.svg) no-repeat center center #e45659;
}

/* 환불요청*/
.main.detail .detail__process ul li.refund-request.ing .icon {
  background: url(/assets/image/refund-request_ing.svg) no-repeat center center #e45659;
}

/* 환불거절*/
.main.detail .detail__process ul li.refund-reject.ing .icon {
  background: url(/assets/image/refund-reject_ing.svg) no-repeat center center #e45659;
}

/* 결제완료 & 환불 승인*/
.main.detail .detail__process ul li.pay-complt.ing .icon,
.main.detail .detail__process ul li.refund-apprv.ing .icon {
  background: url(/assets/image/credit-card-check.svg) no-repeat center center #e45659;
}

/* 구매확정*/
.main.detail .detail__process ul li.purchase-confirm.ing .icon {
  background: url(/assets/image/purchase-confirm_ing.svg) no-repeat center center #e45659;
}

.main.detail .detail__process ul li.ing.no-line .icon:before {
  display: none;
}

/* 3 .완료 : 흰색 바탕*/
.main.detail .detail__process ul li.done .icon {
  border: 1px solid #e45659;
  position: relative;
}

/* 결제완료 */
.main.detail .detail__process ul li.pay-complt.done .icon,
.main.detail .detail__process ul li.refund-apprv.done .icon {
  background: url(/assets/image/credit-card-red.svg) no-repeat center center #fff;
}

/* 거래취소 - 취소 완료 */
.main.detail .detail__process ul li.transact_cancel.done .icon {
  background: url(/assets/image/transact_cancel_done.svg) no-repeat center center #fff;
}

/* 물품준비중 */
.main.detail .detail__process ul li.prod-ready.done .icon {
  background: url(/assets/image/shopping-bag-01-done.svg) no-repeat center center #fff;
}

/* 판매 취소 - 취소 완료 */
.main.detail .detail__process ul li.cancel-complt.done .icon {
  background: url(/assets/image/cancel-complt_done.svg) no-repeat center center #fff;
}

/* 출고완료 */
.main.detail .detail__process ul li.release.done .icon {
  background: url(/assets/image/release_done.svg) no-repeat center center #fff;
}

/* 소유주 변경 완료 */
.main.detail .detail__process ul li.owner-change.done .icon {
  background: url(/assets/image/owner-change_done.svg) no-repeat center center #fff;
}

/* 추가납부요청*/
.main.detail .detail__process ul li.add-request.done .icon {
  background: url(/assets/image/add-request_done.svg) no-repeat center center #fff;
}

/* 추가납부승인*/
.main.detail .detail__process ul li.add-wait.done .icon {
  background: url(/assets/image/add-wait_done.svg) no-repeat center center #fff;
}

/* 추가납부거절*/
.main.detail .detail__process ul li.add-fail.done .icon {
  background: url(/assets/image/add-fail_done.svg) no-repeat center center #fff;
}

/* 추가납부완료*/
.main.detail .detail__process ul li.add-complt.done .icon {
  background: url(/assets/image/add-complt_done.svg) no-repeat center center #fff;
}

/* 환불 요청*/
.main.detail .detail__process ul li.refund-request.done .icon {
  background: url(/assets/image/refund-request_done.svg) no-repeat center center #fff;
}

/* 환불 거절*/
.main.detail .detail__process ul li.refund-reject.done .icon {
  background: url(/assets/image/refund-reject_done.svg) no-repeat center center #fff;
}

/* 구매 확정*/
.main.detail .detail__process ul li.purchase-confirm.done .icon {
  background: url(/assets/image/purchase-confirm_done.svg) no-repeat center center #fff;
}

.main.detail .detail__process ul li.yet .process-info p.process-name,
.main.detail .detail__process ul li.done .process-info p.process-name {
  color: #888;
  font-weight: 40;
}

.main.detail .detail__process ul li .process-info {
  padding: 1.5px 0;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.main.detail .detail__process ul li .process-info p.process-name {
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #dd2c2f;
}

.main.detail .detail__process ul li .process-info p.date-time {
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8x;
  color: #888;
}

.main.detail .detail__process .expand {
  padding: 8px 0 16px;
  font-weight: 700;
  font-size: 13px;
  line-height: 18.2px;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main.detail .detail__process .expand::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../image/chevron-gray-down.svg) no-repeat center center;
  margin-left: 4px;
}

.main.detail .detail__process .expand.up::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../image/chevron-gray-up.svg) no-repeat center center;
  margin-left: 4px;
}

.main.detail .detail-input-area .input-wrap {
  margin-bottom: 24px;
}

.main.detail .detail-input-area .input-wrap .item__title {
  margin-left: 4px;
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 19.6px;
  color: #333;
}

.main.mypage .input-wrap.file .item__input .filebox,
.main.detail .detail-input-area .input-wrap .item__input a {
  font-weight: 500;
  font-size: 14px;
  padding: 3px 0 3.5px 20px;
  background: url(/assets/image/ico-plus.svg) no-repeat left center / 18px;
}

.input-wrap.refund .item__input.ta,
.main.detail .detail-input-area .input-wrap .item__input.ta {
  padding: 0;
  border: none;
}


.item__input textarea,
.input-wrap.refund .item__input.ta textarea,
.main.detail .detail-input-area .input-wrap .item__input.ta textarea {
  border-bottom: none;
  padding: 12px;
  height: 84px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
}

.main.detail .detail-input-area .input-wrap .item__input.ta.error textarea {
  border-color: #dd2c2f;
}

.main.detail .detail-input-area .input-wrap .item__input.ta textarea::placeholder {
  color: #888;
}

.input-wrap.refund .item__input.ta textarea:focus,
.main.detail .detail-input-area .input-wrap .item__input.ta textarea:focus {
  border-color: #4263eb;
}

/* 스크롤바 수정 */
.main.detail .detail-input-area .input-wrap .item__input.ta textarea::-webkit-scrollbar {
  width: 4px;
  /* Adjust the width as needed */
}

.main.detail .detail-input-area .input-wrap .item__input.ta textarea::-webkit-scrollbar-thumb {
  background-color: #ccc;
  background-clip: padding-box;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-radius: 20%;
}

.btn.pb20.cancel a {
  width: calc(100% - 40px);
}

/* 실계근 */

.popup__cnt.weight {
  padding: 28px 0px 0px 0px;
}

.pop__detail.full_pop .popup__cnt.weight.fix-height2 {
  overflow-y: auto;
  height: auto;
  min-height: calc(100vh - 214px);
}

.pop__detail.full_pop .popup__cnt.weight.fix-height3 {
  overflow-y: auto;
  height: auto;
  min-height: calc(100vh - 140px);
}

.pop__detail.full_pop .popup__cnt.weight.fix-height4 {
  overflow-y: auto;
  height: auto;
  min-height: calc(100vh - 148px);
}

.popup__cnt.weight .weight-area {
  padding: 0 20px;
}

.popup__cnt.weight .safe-top.relative {
  padding: 28px 0 32px;
}


.weight-info .weight-diff {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.weight-info .weight-diff li {
  width: 50%;
  height: 112px;
  padding: 12px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #f5f5f5;
}

.weight-info .weight-diff li p {
  font-size: 12px;
  color: #888;
  font-weight: 500;
  line-height: 16.8px;
  margin-bottom: 3px;
}

.weight-info .weight-diff li p:nth-child(2n) {
  font-weight: 700;
}

.weight-info .weight-diff li p.total-price {
  font-size: 14px;
  line-height: 19.6px;
  margin-top: 8px;
}

.weight-info .weight-diff li.weight-before {
  background-color: #f5f5f5;
}

.weight-info .weight-diff li.weight-after p {
  color: #575757;
}

.weight-info .weight-diff li.weight-after p.weight {
  color: #4263eb;
}

.weight-info .weight-diff li.weight-after p.weight.red {
  color: #dd2c2f;
}

.weight-info .weight-diff li.weight-after p.total-price {
  color: #333;
}

.weight-info .diff-result {
  border: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px;
  box-sizing: border-box;
  border-radius: 8px;
  height: 44px;
  box-sizing: border-box;
}

.weight-info .diff-result .red {
  color: #dd2c2f;
}

.weight-info .diff-result .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: #333;
  /* 240805 수정 */
  margin-left: 0px;
}

.weight-info .diff-result {
  color: #4263eb;
  font-weight: 700;
  font-size: 14px;
  line-height: 22.4px;
  text-align: right;
  margin-bottom: 20px;
}

.weight-info .diff-result .weight-result.red {
  color: #dd2c2f;
}

.weight-info .final {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  color: #000;
  margin-bottom: 57px;
}

.weight-info .final .blue {
  color: #4263eb;
}

.weight-info .final .red {
  color: #dd2c2f;
}

.notice.transfer.confirm,
.weight .notice {
  padding: 16px 20px;
  background-color: #f5f5f5;
  margin-bottom: 12px;
}

.notice.transfer.confirm li,
.weight .notice li {
  color: #888;
  font-weight: 400;
  font-size: 13px;
  line-height: 18.2px;
  text-align: left;
  letter-spacing: -0.35px;
}

.notice.transfer.confirm li:before,
.weight .notice li:before {
  content: "";
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: #cacaca;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
}

.pop__detail.weight .popup__btn {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 20px;
  bottom: 0;
}

.refund-btn {
  text-align: center;
  margin-top: -4px;
  margin-bottom: 20px;
}

.refund-btn a {
  text-decoration: underline;
}

.count-payment {
  font-weight: 700;
  font-size: 14px;
  line-height: 19.6px;
  color: #333;
  margin-bottom: 6px;
  margin-left: 4px;
}

.count-payment .tooltip.i-info {
  margin: 0 4px;
}

.count-payment .tooltip.i-info img {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
}

.main.detail.full .payment-list {
  padding: 0 20px;
  /* height: calc(100vh - 370px); */
}

.notice.transfer {
  padding: 20px;
  text-align: left;
}

.notice.transfer.confirm {
  padding: 20px;
  text-align: left;
  /* margin-bottom: 0; */
  margin-top: 20px;
}


.notice.transfer .item__title {
  font-weight: 700;
  color: #333;
  margin: 0px 0 8px;
}


.notice.transfer li {
  padding-left: 4px;
  position: relative;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
}

.main.detail.full .notice li.em {
  color: #575757;
}

.main.detail.full .notice li::before {
  margin-right: 0;
  position: absolute;
  top: 8px;
  left: -4px;
}

.main.detail.full .notice li.em:before {
  background-color: #575757;
}

.payment-list li {
  border: 1px solid #e8e8e8;
  padding: 12px 20px 12px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  position: relative;
}

.main.detail.refund .payment-list li.gray .title strong,
.main.detail.refund .payment-list li.gray .title .price {
  color: #888;
}

.main.detail.refund .payment-list li.gray.red {
  border: 1px solid #dd2c2f !important;
}

.main.detail.refund .payment-list li.gray.red .title strong {
  color: #333;
}

.main.detail.refund .payment-list li.gray.red .title .price {
  color: #575757;
}

.main.detail.refund .payment-list li.gray:after,
.main.detail.refund .payment-list li:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/assets/image/check_gray.svg") no-repeat center center;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 32px;
}

.main.detail.refund .payment-list li.gray.red:after {
  background: url("/assets/image/check_red.svg") no-repeat center center;
}

.main.detail.refund .payment-list.request li:after {
  display: none;
}

.payment-list li:last-child {
  margin-bottom: 0;
}

.payment-list li a {
  position: relative;
  width: 100%;
  height: 100%;
}

.payment-list li a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-right.svg) no-repeat center center;
  opacity: 0.7;
}

.payment-list li .tag {
  margin-bottom: 8px;
}

.main.detail .payment-list li .tag span {
  margin-bottom: 0;
}

.main.detail .tag span,
.payment-list li .tag span {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16.8px;
}

.main.detail .tag span {
  font-size: 13px;
  padding: 4px 8px;
  margin-bottom: 12px;
}

.payment-list li .tag span:first-child {
  background-color: #888;
  font-weight: 500;
  color: #fff;
  margin-right: 4px;
}

.payment-list li .tag span.wait {
  background-color: #fff2e9;
  color: #fa7c21;
}

.main.detail .tag span,
.payment-list li .tag span:last-child {
  background-color: #f5f5f5;
  font-weight: 400;
  color: #888;
}

.payment-list li .title {
  margin-left: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  color: #333;
}

.payment-list li .title strong {
  font-weight: 700;
}

.payment-list li .desc,
.payment-list li .price {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #575757;
  margin-bottom: 4px;
}

.payment-list li .price {
  font-weight: 500;
  margin-bottom: 0;
}

.payment-list li .price.wait {
  font-weight: 700;
  color: #fa7c21;
}

.pop__detail.is-on.input.add-name .popup__cont {
  padding-top: 8px;
}

.pop__detail.is-on.input.add .popup__cont textarea {
  margin-top: 16px;
  height: 46px;
  line-height: 1.2;
  vertical-align: middle;
}

.pop__detail.is-on.input.error .popup__cont textarea {
  border: 1px solid #dd2c2f;
}

.pop__detail.is-on.input.error .popup__cont textarea::placeholder {
  color: #dd2c2f;
}

/* 환불 요청 */
.safe-input-area .insert-price {
  position: relative;
}

.safe-input-area .item__input span {
  /* width: 100%;  */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.safe-input-area .item__input a.insert-all {
  border: none;
  display: inline-block;
  color: #fa7c21;
  font-weight: 700;
  font-size: 14px;
  line-height: 19.6px;
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 10;
}

.safe-input-area .item__input a.insert-all:before {
  display: none;
}

/* .safe-input-area .input-wrap.file .item__input {
  padding: 12px;
  border: 1px solid #e8e8e8;
} */

.safe-input-area .input-wrap.file .item__input {
  padding: 11px 12px;
}

.safe-input-area .input-wrap.file .item__input a {
  font-weight: 500;
  font-size: 14px;
  padding: 0 0 0 20px;
  border: none;
  background: url(/assets/image/ico-plus.svg) no-repeat left center / 18px;
}

.safe-input-area .input-wrap.file .item__input a:before {
  display: none;
}

.main.detail .detail-input-area .input-wrap .item__input.file a.btn-download {
  padding: 0;
  background: none;
  display: inline-block;
  width: 36px;
  height: 36px;
  /* margin-bottom: 16px; */
}

.refund .safe-input-area .input-wrap:nth-child(n + 2) {
  margin-top: 24px;
}

/* .safe-info-list .safe-info-list-ul > li:first-child {
  padding: 8px 4px;
} */

.refund .safe-info-list .safe-info-list-ul>li.price {
  padding: 7px 4px 6px 4px;
}

.refund .safe-info-list .safe-info-list-ul>li.total-price.full {
  padding: 9px 4px;
}

.safe-info-list .safe-info-list-ul>li:first-child .name.small {
  color: #575757;
  font-size: 13px;
  font-weight: 700;
  line-height: 18.2px;
}

.pop__detail.is-on .popup__cont .bold {
  color: #333;
  font-weight: 500;
}

/* 환불요청 거절*/
.main.rank strong.title,
.main.detail strong.title {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  margin-bottom: 20px;
  letter-spacing: -0.26px;
}

.main.detail strong.title .price {
  color: #dd2c2f;
}

.main.detail strong.title .price em {
  font-style: normal;
}

.main.detail.refund .payment-list li .title strong {
  font-size: 14px;
}

.main.detail.refund .payment-list {
  margin-bottom: 20px;
}

.main.detail.refund .detail-input-area .input-wrap .item__input.reason {
  border-radius: 8px;
  padding: 11px 12px;
  height: 84px;
  box-sizing: border-box;
  align-items: normal;
}

.main.detail.refund .detail-input-area .input-wrap .item__input.reason.blocked {
  background: #f5f5f5;
  border: none;
}

.main.detail.refund .detail-input-area .input-wrap .item__input.ta.done textarea {
  border: none;
  background-color: #f5f5f5;
}

.main.detail.refund .detail-input-area .reason p {
  color: #575757;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
}

.main.detail .detail-input-area .input-wrap .item__input.file .file-box p.file-name {
  width: 163px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main.detail .detail-input-area .input-wrap .item__input.file {
  padding: 8px 20px;
}

/* 소유주 변경 */

.main.detail.full .safe-input-area {
  padding: 0 20px;
}

/* 240724 추가 */
.header .product__top .board-tit.nick-name {
  padding-left: 0;
}

.pop__detail.full_pop.fixed_head .popup__cnt.pt266 {
  padding-top: 266px;
}

.product__top .anchor-btn.w24 img {
  width: 24px;
  height: 24px;
}

.product__top .anchor-btn.close a {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}

.pop__detail .popup__head .btn-close.w24 {
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  padding: 8px;
  box-sizing: border-box;
}

.pop__detail .popup__head .btn-close.w24 img {
  width: 24px;
  height: 24px;
}

.safe-input-area .item__input a.btn-close.w24 {
  padding: 8px 4px;
  width: 24px;
  height: 24px;
}

.safe-input-area .item__input a.btn-close.w24 img {
  width: 24px;
  height: 24px;
}

.safe-input-area .item__input a.btn-search.w20 img {
  width: 20px;
  height: 20px;
}

/* .safe-input-area .input-wrap .item__input.error .text, */
.safe-input-area .item__input.error .item__input.error {
  border-color: #dd2c2f;
}

/* .safe-info-list .checkbox.left-check .label_cont {
  margin-left: 0;
} */

/* 240726 */
.pop__detail .popup__head .btn-back.w24 {
  width: 24px;
  height: 24px;
  left: 20px;
}

.pop__detail .popup__head .btn-back.w24 img,
.pop__detail .popup__head .btn-close.w24 img {
  width: 24px;
  height: 24px;
}

/* 240808 수정 */
.safe-input-area.weight {
  margin-bottom: 20px;
}

.safe-input-area .input-wrap .item__input.weight .text {
  text-align: right;
}

.safe-input-area .input-wrap .item__input.weight .text::placeholder {
  text-align: left;
}

/* 240808 수정 */

.safe-input-area .input-wrap .item__input .text:nth-child(2) {
  margin-top: 6px;
}

.pop__detail .popup__btn.btn_bottom,
.btn.btn_bottom {
  z-index: 11;
}

.btn.pb20.fixed {
  position: fixed;
  bottom: 0;
  background: #fff;
  padding-top: 20px;
}

.btn.btn_bottom a {
  margin: 0;
}

/* 환불요청 30-9_new */
.main.detail .detail-input-area .input-wrap .item__input.insert-price {
  display: flex;
  justify-content: flex-end;
  border: none;
  background-color: #f5f5f5;
  padding: 11px 12px;
  height: 44px;
  box-sizing: border-box;
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  color: #dd2c2f;
}

.main.detail.refund .title_cont {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.27px;
}

.main.detail.refund .title_cont span {
  display: block;
  color: #841a1c;
  width: 210px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.detail-input-area {
  margin-top: 4px;
}

/* 29-3 환불요청 버튼 추가 */
.btn.underline,
.popup__btn.underline {
  padding: 20px 0;
  text-align: center;

}

.btn.underline a,
.popup__btn.underline a {
  text-decoration: underline;
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
}

.btn.underline.cancel {
  margin-top: 20px;
}

.main.detail .detail-input-area .input-wrap.last {
  margin-bottom: 20px;
}

/* ------- 내정보 내 결제, 정산 내역 화면 ------ */
.pdt100 {
  padding-top: 100px !important;
}

.pdt24 {
  padding-top: 24px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.neutral400 {
  color: #575757 !important;
}

.match500 {
  color: #fa7c21 !important;
}

.meat500 {
  color: #dd2c2f !important;
}

.main.mypage.profile .my__profile {
  padding: 30px 20px 20px;
  border: none;
}

.main.mypage.profile.new .my__profile {
  padding: 20px;
}

.main.mypage.profile.new .my__profile.member {
  padding-bottom: 16px;
}

.main .my__profile .my__info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.main .my__profile .my__setting>a {
  display: block;
  padding: 8px 0;
  width: 100%;
  color: #575757;
  background: #f5f5f5;
  border-radius: 8px;
  line-height: 18px;
  font-size: 13px;
  font-weight: 500;
}

.my-follow {
  display: flex;
  gap: 16px;
}

.my-follow a {
  display: flex;
  gap: 4px;
  position: relative;
}

.my-follow a+a::before {
  position: absolute;
  top: 50%;
  left: -7px;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #e8e8e8;
  content: "";
}

.my-follow a>* {
  display: inline-block;
  color: #888;
  line-height: 20px;
}

.my-follow a>b {
  color: #575757;
}

.my__dashboard>b {
  display: block;
  color: #333;
  margin: 0 0 4px 4px;
  line-height: 20px;
}

.main .dashboard-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 20px 24px 20px;
  border-top: 8px solid #f5f5f5;
}

.main .dashboard-wrap .my__dashboard {
  margin: 0;
}

.main .dashboard-wrap .my__dashboard ul {
  justify-content: space-between;
  padding: 13px 22px;
}

.main .dashboard-wrap .my__dashboard li {
  width: 54px;
}

.main .dashboard-wrap ul li span {
  margin: 0 0 4px 0;
  color: #575757;
  line-height: 17px;
  font-size: 12px;
}

.main .dashboard-wrap ul li strong {
  line-height: 22px;
}

.main .dashboard-wrap .safe-management {
  gap: 56px;
}

.main .dashboard-wrap .safe-management li {
  width: 100%;
}

.main .dashboard-wrap .safe-management li span {
  margin: 4px 0 0 0;
  color: #333;
  line-height: 15px;
  font-size: 11px;
}

.main i.new {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 0 -2px 4px;
  background: url(/assets/image/ico-new.svg) center center no-repeat;
  background-size: 100%;
}

.my__dashboard .sell-list {
  background: #fff2e94d !important;
  border: 1px solid #fff0;
}

.my__dashboard .buy-list {
  background: #4263eb08;
  border: 1px solid #fff0;
}

.my__dashboard .safe-management {
  background: #fff !important;
  border: 1px solid #e8e8e8;
}

.c-system-info {
  color: #4263eb !important;
}



.safe-trnsc-area+.safe-trnsc-area {
  border-top: 8px solid #f5f5f5;
}

.safe-trnsc-detail+.safe-trnsc-wrap {
  margin-top: 16px;
  margin-bottom: 24px;
}

.safe-trnsc-wrap {
  display: flex;
  flex-direction: column;
  margin: 12px 0 0 0;
}

.safe-trnsc-wrap strong {
  font-size: 16px;
  font-weight: 700;
}

.safe-trnsc-wrap .prdct-img {
  display: flex;
  position: relative;
  gap: 8px;
  padding: 8px 0 0 0;
  margin: 0 0 2px 0;
}

.safe-trnsc-wrap .prdct-img::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/assets/image/chevron-right-888.svg) center center;
  background-size: cover;
  content: "";
}

.safe-trnsc-wrap li:not(.prdct-img) {
  display: flex;
  justify-content: space-between;
  padding: 10px 6px 10px 4px;
  color: #333;
  line-height: 20px;
  letter-spacing: -0.28px;
}

.safe-trnsc-wrap li:not(.prdct-img)+li {
  border-top: 1px solid #eee;
}

.safe-trnsc-wrap .prdct-img img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.safe-trnsc-wrap .order-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  color: #333;
  font-size: 16px;
}

.order-num {
  width: fit-content;
  color: #888888;
  background: #f5f5f5;
  border-radius: 4px;
}

.safe-trnsc-wrap .order-num {
  padding: 3px 6px;
  line-height: 15px;
  font-size: 11px;
  font-weight: 400;
}

.safe-trnsc-wrap li .name {
  color: #888;
}

.safe-trnsc-wrap li .desc {
  max-width: 58.333333vw;
  color: #333;
  text-align: right;
  word-break: keep-all;
  letter-spacing: -0.28px;
}

.safe-trnsc-wrap li .desc em {
  display: block;
  font-style: normal;
}

.safe-trnsc-wrap li .desc em.bank-account {
  color: #575757;
  font-size: 13px;
}

.safe-trnsc-wrap li .desc img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  vertical-align: text-top;
}

.safe-trnsc-wrap li.price .name {
  color: #333;
  font-weight: 700;
}

.safe-trnsc-wrap li.price .desc {
  font-weight: 700;
}

.safe-trnsc-list li.price .desc {
  color: #dd2c2f;
}

.safe-trnsc-wrap .chat-move {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: -3px 0 0 2px;
  background: url(/assets/image/ico-msg-dots-c-scd500.svg) center center no-repeat;
  background-size: 15px;
}

.safe-trnsc-list {
  margin: 0 20px 0;
}

.safe-trnsc-list+.safe-trnsc-list {
  margin-top: 8px;
}

.safe-trnsc-list>a {
  display: block;
  padding: 6px 16px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}

.safe-trnsc-list .inner-list {
  flex-direction: column;
  gap: 20px;
  padding: 9px 6px 9px 4px;
}

.safe-trnsc-list .inner-list>div {
  display: flex;
  justify-content: space-between;
}

.safe-trnsc-list .inner-list li+li {
  border-top: 1px solid #fff;
}

.safe-trnsc-wrap .safe-trnsc-list-tit {
  display: block;
  margin: 0 0 6px 4px;
  color: #333;
  line-height: 20px;
  font-size: 14px;
}

.safe-trnsc-list .inner-list.calculate {
  gap: 0;
}

.safe-trnsc-list .inner-list.calculate .calculate .desc {
  color: #575757;
  font-weight: 700;
}

.safe-trnsc-list .inner-list.calculate .charge .desc {
  color: #888;
}

.safe-trnsc-list .inner-list.calculate .charge {
  color: #888;
  font-size: 12px;
}

.safe-trnsc-detail {
  padding: 30px 20px 4px;
}

.safe-trnsc-detail .order-num {
  padding: 4px 8px;
  line-height: 18px;
  font-size: 13px;
}

.safe-trnsc-detail .order-num~.total {
  margin: 12px 0 0 4px;
}

.safe-trnsc-detail .total {
  color: #000;
  line-height: 25px;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.safe-trnsc-add {
  margin: 16px 20px 0;
}

.safe-trnsc-add>a {
  display: block;
  padding: 6px 16px;
  background: #f5f5f580;
  border: 1px solid #f5f5f580;
  border-radius: 8px;
}

.safe-trnsc-wrap .safe-trnsc-add li+li {
  border-color: #fff;
}

.data-null {
  height: calc(100vh - 170px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.data-null p {
  color: #575757;
  line-height: 25px;
  font-size: 18px;
  font-weight: 500;
}

/* 환불 취소 */
.sorting-round {
  height: 32px;
  margin: 20px 0 4px 0;
  overflow: hidden;
}

.sorting-round ul {
  display: flex;
  gap: 8px;
  padding: 0 20px 30px;
  overflow-x: scroll;
}

.sorting-round ul li {
  flex-shrink: 0;
}

.sorting-round li button {
  padding: 5px 11px;
  color: #888;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-size: 14px;
  font-weight: 400;
}

.sorting-round li.active button {
  color: #fa7c21;
  border-color: #fa7c21;
  font-weight: 700;
}

/* 정산내역 */
.calculate-admin-area>div {
  padding: 30px 20px 20px;
}

.calculate-admin-area .safe-trnsc-area {
  padding: 8px 0 0 0;
}

.calculate-admin-area h4 {
  display: inline-flex;
  padding: 0 0 0 4px;
  color: #333;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
}

.calculate-chart-area,
.calculate-list-area {
  position: relative;
}

.calculate-list-area .btn {
  position: absolute;
  top: 30px;
  right: 24px;
  width: auto;
}

.calculate-list-area .btn button {
  width: fit-content;
  padding: 0;
  text-decoration: underline;
  line-height: 20px;
  font-size: 14px !important;
  font-weight: 700;
}

.calculate-list-area button.add-account {
  color: #dd2c2f;
}

.calculate-list-area button.chng-account {
  color: #888888;
}

.calculate-list ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 6px 0 0 0;
}

.calculate-list li a {
  display: block;
  position: relative;
  padding: 11px 15px;
  border: 1px solid #eee;
  background: #fff;
  border-radius: 8px;
}

/* TODO */
.calculate-list li a::after,
.calculate-all-list::after {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/assets/image/chevron-right-5757.svg) center center;
  background-size: cover;
  content: "";
}

.calculate-list li.bsns a {
  background: #f9f9f9;
  border: 1px solid #f9f9f9;
}

.calculate-list li b {
  display: block;
  color: #333;
  line-height: 22px;
  font-size: 16px;
  font-weight: 700;
}

.calculate-list li div {
  display: flex;
  flex-direction: column;
  margin: 8px 0 0 0;
}

.calculate-list li div>* {
  color: #333;
  line-height: 22px;
  font-size: 16px;
  font-weight: 700;
}

.calculate-list li div p {
  color: #575757;
  font-size: 14px;
  font-weight: 400;
}

.calculate-list li div img {
  width: 14px;
  height: 14px;
  margin: 0 0 1px 0;
  vertical-align: text-bottom;
}

.calculate-list li div p .bank {
  display: inline-block;
  margin: 0 4px 0 2px;
}

.calculate-list li b.price {
  color: #4263eb;
}

.calculate-list li.bsns b.price {
  color: #dd2c2f;
}

.calculate-chart-area {
  border-top: 8px solid #f5f5f5;
}

.calculate-chart-info {
  position: relative;
}

.calculate-chart-info h4~.price {
  display: block;
  padding: 0 0 0 4px;
  color: #dd2c2f;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
  transition: 0.2s all ease-in;
}

.calculate-chart-info h4 .tooltip {
  width: fit-content;
  padding: 0;
  margin: 0 0 0 2px;
  line-height: 15px;
  transition: none;
  overflow: initial;
}

.calculate-chart-info h4 .tooltip img {
  vertical-align: text-top;
}

.toggle-btn {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px !important;
  height: 25px;
  background: #fa7c21;
  border: 1px solid #fa7c21;
  border-radius: 20px;
  text-wrap: nowrap;
}

.toggle-btn button {
  width: 100%;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

.toggle-btn button.is-active {
  color: #fa7c21;
  background: #fff;
  font-weight: 700;
}

.calculate-chart-info.blue .price,
.calculate-chart-info.blue .toggle-btn .is-active {
  color: #4263eb;
}

.calculate-chart-info.blue .toggle-btn {
  background: #4263eb;
  border-color: #4263eb;
}

.calculate-chart {
  margin: 20px 0 8px;
}

.calculate-chart>.period {
  display: block;
  margin: 0 4px 4px 0;
  color: #888;
  text-align: right;
  font-size: 12px;
}

.calculate-all-list {
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
  background: #f5f5f5;
  border-radius: 8px;
  text-indent: 16px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 500;
}

.calculate-all-list::after {
  width: 20px;
  height: 20px;
}

.calculate-account-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.calculate-account-list .select {
  width: fit-content;
  padding: 4px 24px 4px 2px;
  color: #575757;
  border-bottom: 1px solid #e8e8e8;
  line-height: 17px;
  font-size: 12px;
}

.calculate-account-list .select::after {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 16px;
  height: 16px;
  background: url(/assets/image/chevron-right-888.svg) center center;
  background-size: cover;
  transform: translateY(-50%) rotate(90deg);
  content: "";
}

.calculate-account-list .select+ul {
  display: none;
}

.calculate-account-list .select.active+ul {
  display: flex;
}

.calculate-account-list .select.active::after {
  background: url(/assets/image/chevron-right-888.svg) center center;
  background-size: cover;
  transform: translateY(-50%) rotate(-90deg);
}

.calculate-account-list .select img {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
}

.calculate-account-list ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  top: 55px;
  width: calc(100% - 40px);
  padding: 12px 0 10px 12px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  text-align: left;
  z-index: 55;
}

.calculate-account-list li button {
  display: flex;
  gap: 6px;
  padding: 0;
  color: #333;
  line-height: 24px;
  font-size: 14px;
}

.calculate-account-list li img {
  width: 24px;
  height: 24px;
}

.calculate-admin-area .order-info {
  padding-top: 0;
  margin: 0 0 12px 0;
  text-align: center;
}

.calculate-admin-area .order-info h5 {
  line-height: 25px;
  font-weight: 700;
}

.calculate-admin-area .search-area {
  padding: 2px 12px 2px 10px;
  margin: 0 0 8px 0;
}

.calculate-admin-area .inner-search-area {
  display: flex;
  position: sticky;
  top: 56px;
  padding: 4px 12px 4px 10px;
  background: #f5f5f5;
  z-index: 50;
}

.inner-search-area>* {
  flex-shrink: 0;
}

.inner-search-area .btn-search {
  width: 40px;
  padding: 10px;
  box-sizing: border-box;
  border: none;
}

.textfield {
  position: relative;
  width: 26.666667vw;
  max-width: 229px;
  flex-grow: 1;
}

.inner-search-area .textfield input {
  width: 100%;
  background: #ffffff00;
  border: none;
}

.textfield .search-result {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 5px 25px 5px 9px;
  color: #575757;
  background-color: #fff;
  background-image: url(/assets/image/ico-x-5757.svg);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  z-index: 10;
}

.btn-filter {
  width: fit-content;
  padding: 10px 12px 10px 27px;
  color: #888;
  background-image: url(/assets/image/ico-filter.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  text-align: left;
  font-size: 14px;
}

.sorting-action .select-btn .filter {
  width: fit-content;
  padding: 0 0 0 27px;
  color: #575757;
  background-image: url(/assets/image/ico-filter.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: left 10px center;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

.datepicker-input-wrap {
  display: flex;
  height: 38px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  background: #fff;
  overflow: hidden;
  margin-top: 4px;
}

.datepicker-input-wrap>* {
  flex-shrink: 0;
  text-align: center;
}

.datepicker-input-wrap .slash {
  width: 44px;
  line-height: 38px;
}

.datepicker-input-wrap input {
  width: calc(50% - 22px);
  padding: 0;
  color: #575757;
  border: none;
  line-height: 38px;
  font-weight: 500;
}

/* 앱설치 확인 페이지 */
.bridge-wrap {
  padding: 70px 20px 20px;
  background: #fff;
}

.bridge-des {
  padding: 0 4px;
}

.bridge-des h2 {
  margin: 32px 0 12px;
  color: #000;
  line-height: 29px;
  letter-spacing: -0.48px;
  font-size: 24px;
  font-weight: 700;
}

.bridge-des p {
  color: #888;
  line-height: 25px;
  letter-spacing: -0.36px;
  font-size: 18px;
  font-weight: 500;
}

.bridge-wrap .lottie {
  margin: 0 auto;
  max-width: 300px;
  max-height: 300px;
}

.bridge-des img {
  max-height: 32px;
}

.bridge-wrap .btn {
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: none;
}

.bridge-wrap .btn button {
  width: 100%;
  padding: 12px 0;
  margin: 0;
  border: 1px solid;
  transition: none;
  line-height: 22px;
  letter-spacing: -0.32px;
}

.bridge-wrap .btn button:first-child {
  color: #fff;
  background: #333;
  border-color: #333;
}

.bridge-wrap .btn button:nth-child(2) {
  color: #575757;
  background: #fff;
  border-color: #CACACA;
}

/* 메인 팝업 */
.main-pop.pop__detail {
  border-radius: 0;
}

.main-pop.pop__detail .popup__cnt {
  padding: 0;
  margin: 0;
  background: none;
}

.main-pop.pop__detail .popup__cont {
  max-height: 460px;
  padding: 0;
  border-radius: 12px 12px 0 0;
  line-height: 1;
  overflow: hidden;
}

.main-pop.pop__detail .popup__cont>a {
  display: block;
  width: 100%;
  height: 100%;
}

.main-pop.pop__detail .popup__cont img {
  object-fit: cover;
}

.main-pop .popup__btn {
  gap: 1px;
  width: 100%;
  height: 44px;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 0 0 12px 12px;
}

.main-pop .popup__btn button {
  padding: 0;
  color: #575757;
  transition: none;
  font-size: 14px;
  font-weight: 500;
}

.main-pop .popup__btn button.close-today {
  color: #888;
  border-right: 1px solid #f5f5f5;
}

/* 안전거래 서비스 오픈 안내 */
.safe-open-info .inner {
  position: relative;
}

.safe-open-info .more-event {
  display: block;
  position: absolute;
  bottom: 11.222222vw;
  left: 50%;
  transform: translateX(-50%);
  width: 76.666667vw;
  max-width: 385px;
  height: 12.777778vw;
  max-height: 64px;
  padding: 0;
  background: #ffffff00;
  text-indent: -99999px;
  transition: none;
  font-size: 0;
  z-index: 5;
}

@media (min-width: 500px) {
  .safe-open-info .more-event {
    bottom: 56px;
  }
}

/* 비딩 페이지 */
.product__top {
  padding: 7px 9px 8px 10px;
}

.product__bar.under-effect {
  box-shadow: 0px 4px 12px 0px #00000014;
}

.product__top .control-action .select-btn .default-btn {
  line-height: 25.2px;
  letter-spacing: -0.36px;
  padding: 8px 28px 8px 10px;
}

.product__top .control-action .select-btn .default-btn:after {
  right: 10px;
}


/* 버튼 */
.btn.red-line .btn-default.line,
.popup__btn.addr .btn-default.line {
  background-color: #fff;
  color: #dd2c2f;
}

/* 버튼 하단 고정 - main바로 밖에*/
/* 버튼 두 개 일때 */
.btn-fixed-full.group,
.btn-full.group {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  gap: 16px;
  margin-bottom: 20px;
}


.btn-fixed-full.group {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.btn-fixed-full.group .btn-full.group a.btn {
  margin: 0;
  padding: 11px 0;
}

.btn-full.group a {
  margin: 0;
}

.btn-full.group a.btn.red {
  background-color: #fff;
  border: 1px solid #DD2C2F;
  color: #DD2C2F;
}

.btn-full.group .btn.btn-full {
  height: 44px;
}


/* 버튼 하나 */
.btn-fixed-full.btn-bottom {
  bottom: 0;
  padding-bottom: 20px;
}

.btn-fixed-full.btn-bottom.gray {
  padding: 12px 20px 20px;
  background-color: #f5f5f5;
}

.btn-fixed-full.btn-bottom.gray a {
  height: 44px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-fixed-full.btn-bottom.gray .light-gray {
  color: #888;
  border: 1px solid #cacaca;
  background: #f5f5f5;
}

.btn-fixed-full.btn-bottom a {
  padding: 13px 0;
  /* margin: 0; */
  border-radius: 50px;
}

.btn-fixed-full.btn-bottom.group a.btn-full {
  margin: 0;
}

/* 하단버튼 고정아닐때  main안에 */
.main.bidding .btn-full,
.btn-full.padding {
  padding: 20px 0;
}

.btn-full.group.mt20 {
  padding: 0 20px;
}

.btn-fixed-full.register {
  padding: 20px 0;
  background-color: #fff;
  bottom: 0px;
}

.btn-full.pb8 {
  width: 100%;
  padding-bottom: 8px;
}

.btn-full.disable .btn {
  background-color: #f5f5f5;
  color: #cacaca;
}

.btn-full .btn.btn-full {
  /* margin: 0 20px 20px; */
  text-align: center;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.underline {
  padding: 0px 0 32px;
}

.btn.underline a {
  color: #888;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

/* main클래스에 패딩이 잡혀있는 경우 */
.btn-full.no-padding {
  margin: 0;
  width: 100%;
}


/* 비딩서비스 공통 */

.content.no-padding.fixed-height {
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* 2-5 */
.content.no-padding.fixed-height.register {
  height: calc(100vh - 144px);
  min-height: 0;
}

.content.no-padding.flex {
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content.bidding {
  min-height: calc(100vh - 142px);
}

.main.bidding {
  padding: 30px 20px 30px;
  height: 100%;
  box-sizing: border-box;
}

.main.bidding.warehouse {
  padding-top: 32px;
}

/* 하단 고정버튼 있을 때 */
.main.bidding.full.scroll {
  height: calc(100vh - 56px);
  overflow-y: scroll;
}

.main.bidding.full.fixed {
  height: calc(100vh - 124px);
  overflow-y: scroll;
  background-color: #f5f5f5;
}

.main.bidding.option {
  padding: 30px 20px 0px;
}

.main.bidding.full {
  position: relative;
  padding: 0;
  height: auto;
}

.main.bidding.result {
  padding: 30px 20px 0;
  height: auto;
}

.main.bidding.register {
  padding: 30px 20px 20px;
  overflow-y: scroll;
}

.register .main.bidding.register {
  padding-bottom: 0;
}

.main.bidding.register::-webkit-scrollbar {
  display: none;
}

.safe-input-area .item__title {
  margin-right: 4px;
}

.main.bidding .safe-input-area .item__title {
  margin-right: 4px;
  align-items: center;
}

.main.bidding .safe-input-area .item__title .expiration {
  display: flex;
  align-items: center;
}

.main.bidding .safe-input-area .item__title .expiration .tooltip {
  margin: 0 4px;
  width: 13.33px;
  height: 13.33px;
}

.main.bidding .safe-input-area .item__title .expiration .tooltip img {
  width: 13.33px;
  height: 13.33px;
}

/* 라디오버튼 20px  .red-radio.big*/
.red-radio.big[type="radio"]:checked+label:before,
.red-radio.big[type="radio"]:not(:checked)+label:before,
.red-radio.big[type="radio"]:checked+label::after,
.red-radio.big[type="radio"]:not(:checked)+label::after {
  padding: 10px 6px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  top: 0;
}

.red-radio.big[type="radio"]:checked+label,
.red-radio.big[type="radio"]:not(:checked)+label {
  padding-left: 27px;
}

.modal-toast-btn.disable button.btn-full {
  background-color: #eee;
  color: #cacaca;
}

/* 검색결과 없을 때 */
.no-data .no-result {
  margin-top: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 140px);
}

/* 품목/브랜드검색창 결과없을 때 */
.no-data.search .no-result {
  margin-top: 101px;
}

/* 지역검색 결과창 없을 때 */
.no-data.district .no-result {
  height: calc(100vh - 280.5px);
}

.no-data .no-result .lottie-box {
  width: 120px;
}

.no-data .no-result p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  color: #888;
  text-align: center;
  padding-bottom: 16px;
}

.no-data .no-result .btn.red-line {
  padding: 0;
}

.no-data .no-result .btn.red-line span {
  padding-left: 0;
  background: none;
}

.no-data .no-result .btn.red-line a {
  width: 240px;
}

.red-line.bidding .btn-default {
  width: 240px;
}

.red-line.bidding .btn-default.line span {
  background: none;
  padding: 0;
}


/* 태그 박스 */
.tag-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.tag-box .left {
  display: flex;
  align-items: center;
}

.tag-box .tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  height: 21px;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.24px;
}

.tag-box .tag.state {
  background-color: #e45659;
  color: #fff;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}

.tag-box .left .tag:first-child {
  margin-right: 4px;
}

/* 입찰마감 */
.tag-box .tag.state.end {
  background-color: #888;
}

.tag-box .tag.parti,
.tag-box .tag.parti a {
  color: #575757;
  background-color: #F5F5F5;
}

.tag-box .tag.parti.wide {
  padding: 2px 16px 2px 6px;
}

.tag-box .tag.parti {
  padding: 2px 6px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}

.tag-box .tag.parti a {
  position: relative;
}


.tag-box .tag.parti img {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.tag-box .tag.time {
  position: relative;
  background-color: #F5F5F5;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 24px;
  color: #4263EB;
}



.result-list .alert-box p:before,
.tag-box .tag.time::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 11.67px;
  height: 10.5px;
  padding: 1.75px 1.17px;
  width: 14px;
  height: 14px;
  background: url('/assets/image/alarm-defult.svg') center no-repeat;
}

/* 입찰 공고 상세 페이지 */
.safe-top.detail .tag-box .tag.time::before {
  background: url('/assets/image/alarm-defult-bold.svg') center no-repeat;
}

/* 마감임박 */
.tag-box .tag.time.soon {
  color: #DD2C2F;
}

.tag-box .tag.time.soon:before {
  background-image: url('/assets/image/alarm-clock.svg');
}

.result-list .alert-box p:before {
  background-image: url('/assets/image/alarm-clock.svg');
}

/* 입찰 공고 상세 페이지 */

.main.bidding .safe-top.detail .tag-box .tag.time.soon {
  padding: 6px 12px;
}

.safe-top.detail .tag-box .tag.time.soon .clock-icon {
  margin-right: 4px;
  /* animation: headShake infinite; */
}

.safe-top.detail .tag-box .tag.time.soon::before {
  display: none;
}

/* 마감 */
.tag-box .tag.time.end {
  color: #888;
}

/* 입찰 공고 상세 페이지 */
.safe-top.detail .tag-box .tag.time.end::before {
  background-image: url('/assets/image/alarm-clock-off-bold.svg');
}

.tag-box .tag.time.end::before {
  background-image: url('/assets/image/alarm-clock-off.svg');
}

/* 업체 선정 완료 */
.tag-box .tag.time.complete {
  color: #888;
}

.tag-box .tag.time.complete::before {
  background-image: url('/assets/image/choice-complete.svg');
}

/* 입찰 공고 상세 페이지 */
.safe-top.detail .tag-box .tag.time.complete::before {
  background-image: url('/assets/image/choice-complete-bold.svg');
}

/* 지역 모달 창 스타일 */
.modal-toast .modal-content.district {
  padding: 19px 20px 8px;
}

.modal-toast.modal-sorting.district .tit {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  margin-bottom: 16px;
}

.modal-toast.modal-sorting.district .sorting-list {
  margin-bottom: 16px;
}

.modal-toast.modal-sorting.district .modal-toast-btn {
  margin-top: 0;
  padding: 12px 0 8px;
}

.modal-toast.modal-sorting.district .modal-toast-btn .btn {
  box-sizing: border-box;
  height: 44px;
  padding: 11px 0;
}

.modal-toast.modal-sorting.district .modal-toast-btn .btn.line {
  color: #888;
}

.safe-info-list-ul.no-margin .district .dist-option .dist-name,
.safe-info-list.no-margin .district .dist-option .dist-name {
  margin-right: 0;
}

.main.bidding .safe-info-list .safe-info-list-ul>li.warehouse {
  padding: 7px 0 7px 4px;
}

.main.bidding.edit .district .dist-option .dist-1::after,
.safe-info-list-ul.no-margin li .district .dist-option .dist-1::after {
  top: 3.5px;
}

.warehouse .district .dist-option .dist-1::after {
  top: 4px;
}

.district .dist-option .dist-name a.close,
.swiper-slide a.close {
  display: inline-block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  padding: 3.5px;
}

/* 목록조회화면 */
.top-area {
  padding: 16px 0 16px 20px;
  background-color: #f5f5f5;
  overflow: hidden;
}

.alert__swiper {
  position: relative;
  height: 44px;
  margin-bottom: 12px;
  overflow: hidden;
  background-size: 200% auto;
  box-shadow: 0px 2px 4px 0px #00000040;
  border-radius: 8px;
  /* padding: 13px 38px; */
  box-sizing: border-box;
  animation: glowEffect 2.5s infinite linear;
  background-image: linear-gradient(90deg, #941313 0%, #941313 30%, #FA7C21 50%, #941313 70%, #941313 100%);
}

@keyframes glowEffect {
  0% {
    background-position: right center;
  }

  100% {
    background-position: left center;
  }
}

.alert__swiper .swiper-slide {
  position: relative;
  height: 44px;
  padding: 13px 17px 13px 38px;
  box-sizing: border-box;
}

.alert__swiper .swiper-slide::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 14px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url('/assets/image/announcement.png') center no-repeat;
}


.alert__swiper .swiper-slide p {
  position: relative;
  font-size: 13px;
  font-weight: 500;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  color: #fff;
  display: flex;
}

.alert__swiper .swiper-slide p strong {
  display: inline-block;
  font-weight: 700;
  max-width: 44.35%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width:360px) {
  .alert__swiper .swiper-slide p strong {
    max-width: 43.35%;
  }
}

@media screen and (max-width:355px) {
  .alert__swiper .swiper-slide p strong {
    max-width: 34.35%;
  }
}

@media screen and (max-width:320px) {
  .alert__swiper .swiper-slide p strong {
    max-width: 19.35%;
  }
}

.menu__swiper {
  margin-top: 4px;
  padding-bottom: 4px !important;
}

.menu__swiper .swiper-slide {
  width: 18.75%;
  height: 92px;
  border-radius: 8px;
  border: 1px solid transparent;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px #00000014;
  padding: 16px 12px 14px;
  background-color: #fff;
  margin-right: 4px !important;
}

.menu__swiper .swiper-slide:last-child {
  margin-right: 20px !important;
}

.menu__swiper .swiper-slide a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-items: center;
  align-items: center;
}

.menu__swiper .swiper-slide a .img-box {
  width: 36px;
  height: 36px;

  background-repeat: no-repeat;
}

.menu__swiper .swiper-slide:nth-child(1) a .img-box {

  background: url('/assets/image/spec/species/list_0.png');
}

.menu__swiper .swiper-slide:nth-child(2) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/cow.png');
}

.menu__swiper .swiper-slide:nth-child(3) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/pork.png');
}

.menu__swiper .swiper-slide:nth-child(4) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/chicken.png');
}

.menu__swiper .swiper-slide:nth-child(5) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/sheep.png');
}

.menu__swiper .swiper-slide:nth-child(6) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/etc.png');
}

/* 클래스 on 추가시 */
.menu__swiper .swiper-slide.on:nth-child(1) a .img-box {
  background-size: 36px !important;
  background-position: center;
  background: url('/assets/image/spec/species/list_0_on.png');
}

.menu__swiper .swiper-slide.on:nth-child(2) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/cow_on.png');
}

.menu__swiper .swiper-slide.on:nth-child(3) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/pork_on.png');
}

.menu__swiper .swiper-slide.on:nth-child(4) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/chicken_on.png');
}

.menu__swiper .swiper-slide.on:nth-child(5) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/sheep_on.png');
}

.menu__swiper .swiper-slide.on:nth-child(6) a .img-box {
  background-size: 36px;
  background-image: url('/assets/image/spec/species/etc_on.png');
}



.menu__swiper .swiper-slide.on {
  border: 1px solid #DD2C2F;
}

.menu__swiper .swiper-slide.on .list-name {
  color: #DD2C2F;
  font-weight: 700;
}

.menu__swiper .swiper-slide a .list-name {
  font-weight: 14;
  font-weight: 400;
  line-height: 19.6px;
  text-align: center;
  color: #888;
}

.main.bidding .product__bar {
  margin-top: 4px;
  padding: 16px 20px;
  /*position: sticky;*/
  top: 56px;
  background-color: #fff;
  z-index: 10;
}

.main.bidding .product__bar .sorting-action {
  display: block;
  padding: 0;
}

.main.bidding .product__bar.is-sticky {
  margin-top: 0;
}

.main.bidding .product__bar.end .sorting-action {
  display: none;
}

.main.bidding .checkbox label {
  padding-left: 24px;
}

.main.bidding .checkbox label::before,
.main.bidding .checkbox input[type="checkbox"]:checked+label:after {
  margin-top: -10px;
}

.main.bidding .result-list {
  padding: 0px 20px;
}

.main.bidding .result-list.full {
  padding: 0;
}

.main.bidding .result-list.no-result {
  position: relative;
  height: calc(100vh - 265px);
}

.main.bidding .result-list.no-result span {
  font-size: 16px;
  font-weight: 400;
  color: #888;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: traslateY(-50%);
  transform: translateX(-50%);
}

.main.bidding .result-list li,
.main.bidding .safe-info-list.detail .detail-info {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eee;
}

.main.bidding .result-list li {
  overflow: hidden;
}

.main.bidding .safe-info-list.detail .item-profile,
.main.bidding .result-list li .item-profile {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 8px;
}

.main.bidding .safe-info-list.detail .item-profile .img-box,
.main.bidding .result-list li .item-profile .img-box {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  width: 83px;
  height: 83px;
  box-sizing: border-box;
}

.main.bidding .safe-info-list.detail .item-profile .img-box.default {
  background: linear-gradient(135deg, #FFF2E9 1.2%, #FFFFFF 50%, #FFEBED 98.8%);
  padding: 16px 9px 15px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main.bidding .safe-info-list.detail .item-profile .img-box .company-name {
  max-width: 64px;
  max-height: 52px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  text-align: center;
  color: #420D0E;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

}

.main.bidding .safe-info-list.detail .item-profile .cont-box,
.main.bidding .result-list li .item-profile .cont-box {
  width: calc(100% - 91px);
}

.main.bidding .safe-info-list.detail .item-profile.list .cont-box .item-title,
.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title,
.main.bidding .result-list li .cont-box .item-title {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title .tag-box {
  margin-bottom: 0;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title .tag.origin {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  gap: 2px;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title .tag.origin img {
  width: 12px;
  height: 9px;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title .tag,
.main.bidding .result-list li .cont-box .item-title .tag {
  padding: 2px 6px;
  color: #3F1F08;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  background-color: #FFF2E9;
  border-radius: 4px;
  height: 21px;
  box-sizing: border-box;
}

.main.bidding .result-list li .item-profile .img-box .flag {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 4px 0;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background-color: #420D0E;
}


.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title strong,
.main.bidding .result-list li .cont-box .item-title strong {
  font-weight: 700;
  height: 22px;
  box-sizing: border-box;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-info p,
.main.bidding .result-list li .cont-box .item-info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.main.bidding .result-list li .cont-box .item-info p:last-child {
  margin-bottom: 0;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-info p span:first-child,
.main.bidding .result-list li .cont-box .item-info p span:first-child {
  color: #888;
}

.main.bidding .safe-info-list.detail .cont-box .item-info p span:last-child,
.main.bidding .result-list li .cont-box .item-info p span:last-child {
  color: #575757;
  font-weight: 500;
  width: calc(100% - 52px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  font-size: 13px;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  height: 18px;
  box-sizing: border-box;
}

.main.bidding .safe-info-list.detail .cont-box.ft14 .item-info p span:last-child {
  font-size: 14px;
}

.main.bidding .safe-info-list.detail .cont-box .item-info p span:last-child {
  color: #333;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.district__swiper {
  position: relative;
  overflow: visible !important;
  margin-right: initail;
}

.district .dist-option .dist-name,
.district__swiper .swiper-slide {
  display: inline-flex;
  align-items: center;
  width: auto;
  padding: 4px 8px;
  border-radius: 20px;
  margin-right: 8px;
  background-color: #f5f5f5;
  height: 26px;
  box-sizing: border-box;
  color: #575757;
  font-weight: 500;
  font-size: 13px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  text-align: center;

}

.result-list .district__swiper .swiper-slide {
  font-size: 14px;
}

.result-list.notice .district__swiper .swiper-slide {
  font-size: 13px;
}

.result-list .district__swiper .swiper-slide .dist-1::after {
  top: 3px;
}

.result-list.notice .district__swiper .swiper-slide .dist-1::after {
  top: 2px;
}

.district__swiper .swiper-slide {
  box-shadow: 0px 1px 2px 0px #0000001A;
}


.district__swiper.ft14 .swiper-slide {
  font-size: 14px;
}

.district__swiper.ft14 .swiper-slide .dist-1::after {
  top: 2.5px;
}



.district .dist-option .dist-1,
.district__swiper .swiper-slide .dist-1 {
  position: relative;
  margin-right: 12px;
}

.district .dist-option .dist-1::after,
.district__swiper .swiper-slide .dist-1::after,
.detail-info .tag-box .tag.parti a::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 2px;
  right: -12px;
  width: 12px;
  height: 12px;
  background: url('/assets/image/chevron-right-bidding.svg') no-repeat;
  background-size: cover;
  background-position: center;
}

.safe-trnsc-area .district__swiper .swiper-slide .dist-1::after {
  top: 2px;
}

/* .detail-info .tag-box .tag.parti a::after {
  top: 2.5px;
} */

/* 공고등록 화면 */
.main.bidding .step {
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #888;
  margin-bottom: 12px;
}

.main.bidding .step .present {
  font-weight: 700;
  color: #420D0E;
}

.main.bidding .choice_title {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
}

.main.bidding.sticky .choice_title {
  margin: 0;
}

.main.bidding .meat-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.main.bidding .meat-list li {

  text-align: center;
  margin-right: calc((100% - 276px)/2);
  margin-bottom: 16px;
}

.main.bidding .meat-list li:nth-child(3n) {
  margin-right: 0;
}

.main.bidding .meat-list li .img-box {
  width: 92px;
  height: 92px;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 14px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.main.bidding .meat-list li:first-child .img-box {
  padding: 12px 14px 12.44px;
}

.main.bidding .meat-list li .img-box img {
  width: 64px;
  height: auto;
}

.main.bidding .meat-list li .meat-name {
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #575757;
}

.main.bidding .input-wrap .item__input {
  position: relative;
}

.main.bidding .input-wrap.state-action .item__input .text {
  border: none;
}

.main.bidding .state-action .expand-box a:hover {
  color: #575757;
  background-color: #f5f5f5;
}

.main.bidding .input-wrap .item__input.arrow button,
.modal-toast.option .input-wrap .item__input .text,
.main.bidding .input-wrap .item__input .text {
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  padding: 11px 12px;
  font-size: 14px;
  height: 44px;
  color: #333;
  font-weight: 500;
  width: 100%;
}

.main.bidding .input-wrap .item__input .text {
  padding: 10px 12px;
}

.modal-toast.option .input-wrap .item__input .text:focus,
.main.bidding .input-wrap .item__input .text:focus {
  border: 1px solid #4263EB;
}

.modal-toast.option .input-wrap .item__input .text::placeholder,
.main.bidding .input-wrap .item__input .text::placeholder {
  color: #888;
  font-weight: 40;
}

.main.bidding .input-wrap .item__input.search .btn-close.r36 {
  right: 36px;
}

.main.bidding .input-wrap .item__input.search .btn-close.r5 {
  right: 5px;
}

.main.bidding .item__input a.btn-search {
  position: absolute;
  top: 2px;
  right: 5px;
  z-index: 10;
  width: 20px;
  height: 20px;
  padding: 10px 4px;
  border: none;
}

.main.bidding .brand-list {
  margin-bottom: 20px;
}

.main.bidding .brand-list.country {
  margin-bottom: 71px;
}

.main.bidding .brand-list li {
  padding: 12px;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  border-bottom: 1px solid #E8E8E8;
  height: 44px;
  width: 100%;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.main.bidding .brand-list li img {
  display: inline-block;
  height: 12px;
  width: 16px;
}

.main.bidding .brand-list li span {
  display: inline-block;
}


.main.bidding .btn-area {
  text-align: center;
  padding-bottom: 31px;
}

.main.bidding .input-btn {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  padding-left: 18px;
}

.main.bidding .input-btn::before {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  background: url(/assets/image/ico-plus.svg);
  background-size: cover;
}

.main.bidding .district-list {
  margin-top: 16px;
}

.main.bidding .district-list .essential {
  font-weight: 500;
  font-size: 11px;
  line-height: 15.4px;
  letter-spacing: -0.22px;
  color: #DD2C2F;
  text-align: right;
  margin-bottom: 13px;
}

.main.bidding .district-list .district-option {
  border-top: 1px solid #eee;
  display: flex;
  /* height: calc(100vh - 420.71px); */
  overflow: hidden;
  padding-bottom: 20px;
}

.main.bidding .district-list .district-option .dist-tab,
.main.bidding .district-list .district-option .dist-content {
  overflow-y: scroll;
}

.main.bidding .district-list .district-option .dist-content::-webkit-scrollbar,
.main.bidding .district-list .district-option .dist-tab::-webkit-scrollbar {
  display: none;
}

.main.bidding .district-list .district-option .dist-tab {
  width: 100px;
  background-color: #f5f5f5;
}

.main.bidding .district-list .district-option li {
  width: 100%;
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  box-sizing: border-box;
}

.main.bidding .district-list .district-option .dist-tab li.on {
  color: #333;
  background-color: #fff;
}

.main.bidding .district-list .district-option .dist-tab li {
  background-color: #f5f5f5;
  color: #888;
  height: 44px;
}

.main.bidding .district-list .district-option .dist-content {
  width: calc(100% - 100px);
  box-sizing: border-box;
}

.main.bidding .district-list .district-option .dist-content>li {
  display: none;
  padding: 0;
}

.main.bidding .district-list .district-option .dist-content>li ul li {
  padding: 12px;
  height: 44px;
  box-sizing: border-box;
}

.main.bidding .district-list .district-option .dist-content>li.on {
  display: block;
}

.main.bidding .district-list .district-option .dist-content>li ul li .checkbox label {
  display: inline-block;
  width: 100%;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  color: #333;
}

.main.bidding .sticky-wrap {
  padding: 20px 0 4px;
  background-color: #fff;
}

.main.bidding .state-action {
  width: 100%;
  border: 1px solid #E8E8E8;
  height: 44px;
  box-sizing: border-box;
}

.main.bidding .state-action.is-on {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.main.bidding .state-action .text:focus {
  border: none !important;
}

.main.bidding .safe-input-area.bidding .essential {
  font-weight: 500;
  line-height: 15.4px;
  letter-spacing: -0.22px;
}

.main.bidding .safe-input-area.bidding .essential.blue {
  color: #4263EB;
  font-weight: 500;
  font-size: 11px;
  line-height: 15.4px;
  letter-spacing: -0.22px;
}

.main.bidding .input-wrap .item__input.disable button,
.main.bidding .input-wrap .item__input .text.disable {
  background-color: #f5f5f5;
  border: none;
  color: #575757;
}

.main.bidding .input-wrap .item__input.arrow button {
  text-align: left;
  font-weight: 400;
  color: #888;
}

.main.bidding .input-wrap .item__input.arrow.done button {
  position: relative;
  color: #333;
  font-weight: 500;
  pointer-events: none;
}

.main.bidding .input-wrap .item__input.arrow button:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-down.svg) no-repeat center center;
  opacity: 0.7;
  z-index: 90;
}

.main.bidding .input-wrap .item__input.arrow.disable button:before {
  display: none;
}

.main.bidding .item__input a.btn-close {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 24px;
  height: 24px;

  border: none;
  right: 36px;
  padding: 10px 4px;
}

.main.bidding .item__input a.btn-close img {
  padding: 6px;
  box-sizing: border-box;
}

.main.bidding .item__input a.btn-search img {
  padding: 2.5px;
  box-sizing: border-box;
}

.main.bidding .item__input a.btn-close.right {
  right: 6px;
}

.main.bidding .item__input a.btn-search {
  padding: 10px 6px;
}

/* 클릭 / keyup 이벤트 있을 때 */

.main.bidding .item__input.search {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  height: 44px;
  box-sizing: border-box;
  width: calc(100% + 2px);
  margin-left: -1px;
}

.main.bidding .state-action .text,
.main.bidding .input-wrap .item__input.search .text {
  display: block;
  border: none;
  width: 76.25%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* height: 42px; */
  box-sizing: border-box;
}

.main.bidding.option .input-wrap .item__input.search .text {
  width: 84.28%;
  height: 44px;
  margin-top: -1px;
  margin-left: -1px;
  background: transparent;
}

.main.bidding.option .input-wrap {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.main.bidding.option .input-wrap.state-action {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.main.bidding.option .input-wrap .item__input.search.expand-btn .text {
  width: 83.75%;
  margin-left: 0;
}

.main.bidding .item__input.search.expand-btn {
  border: none;
  width: calc(100% + 2px);
  margin-left: -1px;
}

.main.bidding .state-action.is-on .expand-box {
  position: absolute;
  top: 43px;
  left: -1px;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.main.bidding .state-action.is-on .expand-box a {
  width: calc(100% - 24px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}


.main.bidding .safe-input-area.bidding .input-wrap .button__input {
  display: flex;
  align-items: center;
  gap: 4px;
}

.main.bidding .safe-input-area.bidding .input-wrap .button__input button {
  height: 40px;
  border: 1px solid #E8E8E8;
  text-align: center;
  padding: 10px 0;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #888;
}

.main.bidding .safe-input-area.bidding .input-wrap .button__input button.on {
  border: 1px solid #e45659;
  color: #e45659;
  font-weight: 700;
}

.main.bidding .safe-input-area.bidding .input-wrap .checkbox {
  margin-top: 6px;
}

.main.bidding .safe-input-area.bidding .input-wrap .checkbox .total-price {
  margin-top: 0;
}

.main.bidding .safe-input-area.bidding .input-wrap .checkbox .total-price span {
  color: #575757;
  font-size: 14px;
}

.main.bidding .safe-input-area.bidding .input-wrap .checkbox .total-price span.num {
  color: #fa7c21;
}


.main.bidding .safe-input-area .state-action.disable .select-btn .default-btn {
  font-weight: 500;
  color: #575757;
}

.main.bidding .district-list .district-option .search-content {
  width: 100%;
  overflow-y: scroll;
}

.main.bidding .district-list .district-option .search-content::-webkit-scrollbar {
  display: none;
}

.main.bidding .district-list .district-option .search-content li {
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
}

.main.bidding .district-list .district-option .search-content li .chekcbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main.bidding .district-list .district-option .search-content li .checkbox.right-check label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: calc(100% - 24px);
  padding-left: 0;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.bidding .district-list .district-option .search-content li label .dist-1 {
  display: flex;
  align-items: center;
  gap: 4px;
}

.main.bidding .district-list .district-option .search-content li label .dist-1::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('/assets/image/chevron-right-888.svg') no-repeat;
  background-size: cover;
  background-position: center;
}

.main.bidding .district-list .district-option.warehouse .search-content li label .dist-1::after {
  background: url('/assets/image/chevron-right-bidding.svg') no-repeat;
}

/* 비딩 등록 시 옵션 바텀 스타일 */

.modal-toast.modal-sorting.option .tit {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #575757;
  margin-bottom: 12px;
}

.modal-toast.option .sorting-list .origin-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: 32px;
}

/* 라디오 버튼만 있는 스타일 */
.modal-toast.option-radio .sorting-list .origin-list li {
  width: calc(50% - 5px);
  margin-top: 8px;
  margin-right: 8px;
  padding: 8px 8px 8px 10px;
  height: 56px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.modal-toast.option-radio .sorting-list .origin-list li:nth-child(1),
.modal-toast.option-radio .sorting-list .origin-list li:nth-child(2) {
  margin-top: 0;
}

.modal-toast.option-radio .sorting-list .origin-list li.choice {
  border: 1px solid #e45659;
}

.modal-toast.option-radio .sorting-list .origin-list li.not label {
  color: #888;
}

.modal-toast.option-radio .sorting-list .origin-list li:nth-child(2n) {
  margin-right: 0;
}

.modal-toast.option-radio .sorting-list .origin-list li label {
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 26px;
  color: #333;
}

.modal-toast.option-radio .sorting-list .origin-list li label::before,
.modal-toast.option-radio .sorting-list .origin-list li label::after {
  top: 10px;
}

/* 라디오 버튼 + 직접 입력만 있는 스타일 origin-list.write*/
.modal-toast.option-radio .write_option {
  text-align: center;
  margin-bottom: 32px;

}

.modal-toast.option-radio .write_option .red-radio.big[type="radio"]:not(:checked)+label {
  padding-left: 24px;
}

.modal-toast.option-radio .sorting-list .origin-list.write {
  margin-bottom: 24px;
  max-height: 349px;
  overflow-y: scroll;
}

.modal-toast.option-radio .sorting-list .origin-list.write.on {
  max-height: 128px;
  margin-bottom: 8px;
}

.modal-toast.option-radio .sorting-list .origin-list.write::-webkit-scrollbar {
  display: none;
}

.modal-toast.option-radio .input-wrap.write {
  display: none;
}

.modal-toast.option.option-button .sorting-list .origin-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(33.333% - 2.69px);
  text-align: center;
  border-radius: 8px;
  background-color: #f5f5f5;
  padding: 10px 8px;
  height: 40px;
  box-sizing: border-box;
  color: #575757;
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  margin-right: 4px;
  margin-top: 0;
  margin-bottom: 4px;
}

.modal-toast.option.option-button .sorting-list .origin-list li.on {
  background-color: #fff;
  color: #DD2C2F;
  font-weight: 700;
  border: 1px solid #DD2C2F;
}

.modal-toast.option.option-button .sorting-list .origin-list li:nth-child(3n) {
  margin-right: 0;
}

.modal-toast.option.option-button .sorting-list .origin-list li:nth-child(1),
.modal-toast.option.option-button .sorting-list .origin-list li:nth-child(2),
.modal-toast.option.option-button .sorting-list .origin-list li:nth-child(3) {
  margin-top: 0;
}

/* 판매 입찰 공고 확인 */

.main.bidding .safe-top.relative {
  padding-top: 36px;
}

.safe-top .safe-tit {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
}

.main.bidding .safe-top .thumb.lottie {
  height: 120px;
}

.main.bidding.edit .safe-top .thumb.lottie {
  margin-bottom: 20px;
}

.main.bidding .safe-info-list.no-margin {
  margin-bottom: 0;
}

.main.bidding .safe-info-list .safe-info-list-ul {
  margin: 0 20px;
  filter: none;
  border: 1px solid #e8e8e8;
}

.main.bidding.fixed .safe-info-list .safe-info-list-ul {
  border: 1px solid #eee;
}

.main.bidding .safe-info-list .safe-info-list-ul.on {
  border: 1px solid #E45659;
}

.main.bidding .safe-info-list .safe-info-list-ul.no-margin {
  margin: 0;
}

.main.bidding .safe-info-list .safe-info-list-ul li .district .dist-option {
  margin-bottom: 6px;
}

.main.bidding .safe-info-list .safe-info-list-ul li .district .dist-option:last-child {
  margin-bottom: 0;
}

.main.bidding .safe-info-list .safe-info-list-ul li .district .dist-option span {
  display: inline-block;
}

.main.bidding.full .safe-info-list .safe-info-list-ul.no-margin li.warehouse {
  padding-bottom: 7px;
}

.main.bidding .safe-info-list .safe-info-list-ul.no-margin li:last-child {
  padding-bottom: 9px;
}

.main.bidding .safe-info-list .safe-info-list-ul.no-margin li.price,
.main.bidding .safe-info-list .safe-info-list-ul.no-margin li.total-price {
  padding: 8px 4px;
}

.main.bidding .safe-input-area.bidding.margin {
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 0 20px 4px;
}

.main.bidding .input-wrap .item__input.arrow::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../image/chevron-down-5757.svg) no-repeat center center;
  z-index: 999;
}

.bidding-guide {
  padding: 20px;
  font-size: 13px;
  background-color: #f5f5f5;
}

.main.bidding.parti .bidding-guide.no-margin {
  margin-bottom: 0;
}

.bidding-guide strong {
  display: inline-block;
  color: #575757;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  margin-bottom: 6px;
}

.main.bidding.parti .safe-top li,
.bidding-guide li {
  color: #888;
  font-weight: 400;
  padding-left: 20px;
  position: relative;
  margin-bottom: 8px;
  letter-spacing: -0.26px;
  line-height: 18.2px;
}

.bidding-guide li.bold {
  color: #575757;
  font-weight: 500;
}

.bidding-guide li a {
  color: #DD2C2F;
  font-weight: 700;
  text-decoration: underline;
}

.main.bidding.parti .safe-top li::before,
.bidding-guide li::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #888;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 5px;
}

.bidding-guide li.bold::before {
  background-color: #575757;
}

.main.bidding .checkbox.margin {
  margin: 16px 20px 20px;
}

.main.bidding .checkbox.margin label {
  margin-top: 0;
  padding-left: 28px;
}

.main.bidding .safe-info-list .checkbox label:before,
.main.bidding .safe-info-list .checkbox label:after {
  top: 10px;
}

/* 입찰 공고 상세 */
.main.bidding .safe-top.detail {
  position: relative;
  height: 184px;
  display: flex;
  justify-content: center;
}

.main.bidding .safe-top.detail.brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main.bidding .safe-top.detail.default {
  background: url('/assets/image/brand-default.png') center no-repeat;
  background-size: cover;
}

.main.bidding .safe-top.detail::after {
  content: '';
  width: 100%;
  height: 184px;
  display: inline-block;
  background: rgba(0, 0, 0, .7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.main.bidding .safe-top .time-box {
  position: absolute;
  top: 40px;
  z-index: 3;
  text-align: center;
}

.main.bidding .safe-top .time-box .title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  color: #fff;
  text-align: center;
  margin-bottom: 8px;
}

.main.bidding .safe-top .time-box p {
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  color: #fff;
  text-align: center;
  margin-bottom: 8px;
}

.main.bidding .safe-top .time-box .title p.title-cont {
  display: inline-block;
  margin-bottom: 0;
}

.main.bidding .safe-top .time-box .title a {
  width: 16px;
  height: 16px;
  margin: 0;
}

.main.bidding .safe-top .time-box .title a img {
  width: 16px;
  height: 16px;
}

.main.bidding .safe-top .time-box .tag-box {
  display: inline-block;
  justify-content: center;
}

.main.bidding .safe-top .time-box .tag-box .tag {
  padding: 5px 12px 5px 36px;
  height: 32px;
}

.main.bidding .safe-top .time-box .tag-box .tag.time {
  font-size: 16px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  line-height: 22.4px;
}

.main.bidding .safe-top .time-box .tag-box .tag.time::before {
  width: 16.67px;
  height: 15px;
  padding: 2.5px 1.67px;
  top: 5px;
  left: 12px;
  background-size: cover;
}

.main.bidding .safe-info-list.detail {
  position: relative;
  margin-top: -40px;
  margin-bottom: 0;
  z-index: 10;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  background: #fff;
}

.main.bidding .safe-info-list.detail .detail-info {
  padding-top: 20px;
  margin: 0 20px 24px;
}

.main.bidding .safe-info-list.detail .detail-info.no-margin {
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: none;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title,
.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title strong {
  display: block;
}

.main.bidding .safe-info-list.detail .item-profile .cont-box .item-title strong {
  margin-top: 4px;
}

.main.bidding .safe-info-list.detail .item-profile.list .cont-box .item-title strong {
  margin-top: 0;
  margin-left: 4px;
}

.main.bidding .safe-info-list.detail .item-profile,
.main.bidding .safe-info-list.detail .item-profile .cont-box .item-info p {
  margin-bottom: 0;
}

.main.bidding .safe-info-list .title {
  margin: 20px 0 6px 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul {
  margin: 0 20px;
}

.main.bidding .safe-info-list.detail .process {
  background-color: #f5f5f5;
  margin-top: 24px;
  padding: 20px 22px;
}

.main.bidding .safe-info-list.detail .process .title {
  margin: 0 0 12px 4px;
}

.main.bidding .safe-info-list.detail .process ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main.bidding .safe-info-list.detail .process ul li {
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.main.bidding .safe-info-list.detail .process ul li .icon-box {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #fff;
  padding: 8px;
  box-sizing: border-box;
}

.main.bidding .safe-info-list.detail .process ul li span {
  width: 41px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 15.4px;
  letter-spacing: -0.22px;
  color: #575757;
}

/* 공고 수정 */
.main.bidding.edit .safe-input-area.bidding {
  padding: 0 20px 30px;
}

.main.bidding.edit .desc.district .edit-btn,
.main.bidding .input-wrap .edit-btn {
  display: inline-flex;
  align-items: center;
  height: 28px;
  box-sizing: border-box;
  position: absolute;
  top: 8px;
  right: 12px;
  z-index: 99;
  font-size: 13px;
  font-weight: 700;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  color: #888;
  border-radius: 50px;
  border: 1px solid #cacaca;
  padding: 5px 12px;

}

.main.bidding .input-wrap .edit-btn::before {
  display: none;
}

.main.bidding .input-wrap .edit-btn span {
  border: none;
  color: inherit;
}

.main.bidding .input-wrap .edit-btn.calendar {
  border: none;
  padding: 0;
  top: 12px;
  height: 20px;
  width: 20px;
}

.main.bidding.edit .desc.district {
  position: relative;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
}

.main.bidding.edit .district .dist-option {
  margin-top: 6px;
}

.main.bidding.edit .district .dist-option:first-child {
  margin-top: 0;
}

.main.bidding.parti .bidding-guide {
  margin-bottom: 8px;
}

.main.bidding.parti .bidding-guide.mt5 {
  margin-top: 5px;
}

.main.bidding.parti .bidding-guide.mt4 {
  margin-top: 4px;
}

/* 입찰 참여하기 */
.main.bidding.parti .safe-top {
  padding: 30px 20px 24px;
}

.main.bidding.parti .safe-top .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  color: #000;
  margin-bottom: 8px;
}

.main.bidding.parti .safe-top .title strong {
  color: #DD2C2F;
}

.main.bidding.parti .safe-top li {
  color: #575757;
  margin-bottom: 2px;
}

.main.bidding.parti .safe-top li::before {
  background-color: #575757;
}

.main.bidding.parti .safe-input-area {
  margin: 0 20px;
}

.main.bidding.parti .safe-input-area {
  padding-bottom: 20px;
}

.main.bidding.parti .safe-input-area span.qty {
  font-size: 16px;
  font-weight: 700;
  color: #fa7c21;
}

.main.bidding.parti .safe-input-area .item__desc {
  display: flex;
  margin: 0 4px 6px;
  justify-content: space-between;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  color: #575757;
}

.main.bidding .safe-input-area .total-price.relative {
  position: relative;
}

.main.bidding .safe-input-area .total-price.relative span {
  color: #575757;
  font-size: 14px;
}

.main.bidding .safe-input-area .total-price {
  position: absolute;
  margin-right: 4px;
  margin-top: 6px;
}

.main.bidding .safe-input-area .total-price .num.orange {
  color: #FA7C21;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.main.bidding .safe-input-area .total-price.relative span.desc {
  display: block;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.24px;
  line-height: 16.8px;
  color: #888;
}

.main.bidding .add-done {
  position: relative;
  border: 1px solid #eeeeee;
  padding: 11px 12px;
  border-radius: 8px;
  box-sizing: border-box;
  height: 44px;
}

.main.bidding .add-done.addr {
  height: auto;
}

.main.bidding .add-done .tit {
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #333;
  margin-bottom: 2px;
}

.main.bidding .add-done .add {
  color: #575757;
  display: block;
  width: 81.635%;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
  overflow: hidden;
}

.input-radio .add-done .add {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #575757;
}

.main.bidding .input-wrap .add-done.addr .edit-btn {
  top: 18px;
}

.main.bidding .safe-info-list.detail.bidding {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main.bidding .safe-info-list.detail.bidding .item-profile .tag-box {
  margin-bottom: 8px;
}

.main.bidding .safe-info-list.detail.bidding .item-profile .cont-box .item-title strong {
  margin-top: 0;
}

.main.bidding .safe-info-list.detail.bidding .item-profile .cont-box .item-title {
  display: flex;
}

.result-list .notice-box p .desc .store-name,
.safe-info-list .safe-info-list-ul>li .desc span.store-name .safe-info-list .safe-info-list-ul>li .desc span.store-name,
.main.bidding .safe-info-list.detail.bidding .safe-info-list-ul>li .store-name {
  font-weight: 500;
}

.result-list .notice-box p .desc .store-name,
.safe-info-list .safe-info-list-ul>li .desc span.store-name {
  margin-bottom: 2px;
}

.safe-info-list .safe-info-list-ul>li .desc span.store-add {
  color: #575757;
}

.main.bidding .safe-info-list.detail.bidding .safe-info-list-ul>li .desc.orange {
  color: #fa7c21;
  font-weight: 700;
}

.main.bidding .safe-info-list.detail.bidding .safe-info-list-ul>li.price .total .desc {
  font-weight: 700;
}

.main.bidding .safe-info-list.detail.bidding .safe-info-list-ul>li .desc.red {
  color: #DD2C2F;
  font-weight: 700;
}

.main.bidding .safe-info-list.detail.bidding .safe-info-list-ul>li .desc .store-add {
  color: #575757;
  margin-top: 2px;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul.gray {
  background: rgba(245, 245, 245, 0.5);
  border: none;
  margin-bottom: 20px;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul.gray .name {
  color: #575757;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul.gray li {
  border-bottom: 1px solid #fff;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul.gray li:last-child {
  border: none;
}

.main.bidding .safe-info-list.detail .safe-info-list-ul.gray li.price .total {
  margin-bottom: 4px;
}

.main.bidding .agree-box {
  padding: 5px 20px 0;
}

.main.bidding .agree-box .agree-all {
  margin-bottom: 12px;
}

.main.bidding .agree-box .checkbox {
  margin: 0;
}

.main.bidding .agree-box .checkbox label {
  margin-top: 0;
  font-size: 13px;
  font-weight: 700;
  color: #575757;
  padding-left: 28px;
}

.main.bidding .agree-box .agree-all.checked .checkbox label {
  color: #333;
}

.main.bidding .safe-info-list .checkbox input[type="checkbox"]:checked+label:after {
  top: 10px;
}

.main.bidding .agree-box .agree-detail li {
  padding: 16px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  margin-bottom: 8px;
  letter-spacing: -0.26px;
}

.main.bidding .agree-box .agree-detail li:last-child {
  margin-bottom: 0;
}


.main.bidding .agree-box .agree-detail li p {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: #888;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  padding-left: 42px;
  margin-top: 6px;
}

.main.bidding .agree-box .agree-detail li p:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 33px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #888;
}

.main.bidding .agree-box .agree-detail li.checked {
  border: 1px solid #F8D5D5;
  background: rgba(255, 235, 237, 0.2);
}

.main.bidding .agree-box li.checked .checkbox label {
  color: #333;
  line-height: 18.2px;
  letter-spacing: -0.26px;
}

.main.bidding .agree-box .agree-detail li.checked p {
  color: #575757;
}

.main.bidding .agree-box .agree-detail li.checked p:before {
  background-color: #575757;
}

.safe-info-list .safe-info-list-ul>li .desc.changed {
  display: flex;
  align-items: center;
}

.bidding-info-list .before,
.bidding-info-list .after,
.main.bidding .add-done p.before,
.main.bidding .add-done span.after {
  display: inline-block;
}

.main.bidding .bidding-info-list .before,
.main.bidding .add-done p.before {
  position: relative;
  color: #575757;
  display: inline-flex;
  align-items: center;
}

.bidding-info-list .after,
.main.bidding .add-done span.after {
  font-weight: 500;
  color: #333;
  display: inline-block;
}

.bidding-info-list .before::after,
.main.bidding .add-done p.before::after {
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  background: url('/assets/image/chevron-right-bidding.svg') no-repeat;
  background-size: cover;
  background-position: center;
}


.main.bidding.full.parti .result__bar {
  margin-bottom: 20px;
}

/* bp10-5 캘린더 커스텀*/
.main.bidding.full.parti .datepicker {
  position: fixed !important;
  top: initial !important;
  bottom: 27vh;
  left: 50% !important;
  transition: transform 0.3s ease 0s;
  transform: translate(-100%, 100%);
  width: 100% !important;
  max-width: 500px;
  max-height: 100%;
  outline: none !important;
  word-break: break-all;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  z-index: 999 !important;
}


@media screen and (max-width: 358px) {
  .main.bidding.full.parti .datepicker {
    bottom: 29vh;
  }
}

@media screen and (max-width: 339px) {
  .main.bidding.full.parti .datepicker {
    bottom: 31.5vh;
  }
}

@media screen and (max-width: 316px) {
  .main.bidding.full.parti .datepicker {
    bottom: 33.5vh;
  }
}

@media screen and (max-width: 299px) {
  .main.bidding.full.parti .datepicker {
    bottom: 35.5vh;
  }
}

.main.bidding.full.parti .datepicker-grid {
  justify-content: space-between;
}

.main.bidding.full.parti .safe-input-area .item__input .datepicker-main span {
  display: flex;
  border-radius: 0;
  padding: 0;
  border: none;
  width: calc(100% / 7);
}

.main.bidding.full.parti .datepicker-picker {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 20px;
}

.main.bidding.full.parti .datepicker-title {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  color: #575757;
  margin-bottom: 12px;
}

.main.bidding.full.parti .datepicker-cell.day.disabled {
  color: #cacaca !important;
}

.main.bidding.full.parti .datepicker-cell.day.next {
  opacity: .5 !important;
}


.main.bidding.full.parti .input-wrap .item__input {
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  font-size: 14px;
  height: 44px;
  color: #333;
  font-weight: 500;
  width: 100%;
}

.main.bidding.full.parti .input-wrap .item__input.disable {
  border: none;
  background-color: #f5f5f5;
}

.main.bidding.full.parti .input-wrap .item__input .text {
  border: none;
  width: 82.5%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* 입찰현황 팝업 */
#pop_bidding_state .popup__cnt {
  padding: 28px 16px;
  border-radius: 16px;
}

#pop_bidding_state .popup__title {
  position: relative;
}

#pop_bidding_state .popup__title .ico-close {
  position: absolute;
  top: -12px;
  right: 0;
  width: 12px;
  height: 12px;
}

#pop_bidding_state .popup__title .ico-close img {
  width: 100%;
  height: 100%;
}

#pop_bidding_state .popup__title strong {
  display: block;
  margin-bottom: 20px;
}

#pop_bidding_state .popup__title .update {
  display: block;
  text-align: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  color: #888;
  margin-bottom: 4px;
  margin-right: 8px;
}

#pop_bidding_state .badge {
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}

#pop_bidding_state .badge .state {
  text-align: left;
}

#pop_bidding_state .badge .time,
#pop_bidding_state .badge .day {
  text-align: right;
  font-size: 14px;
  color: #888;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}

#pop_bidding_state .badge.orange {
  background: rgba(255, 242, 233, 0.5);
  margin-bottom: 20px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label .flag,
#pop_bidding_state .badge.orange .flag {
  display: inline-block;
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  color: #fff;
  background: #FA7C21;
  margin-bottom: 4px;
}

#pop_bidding_state .badge.orange .price {
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  color: #420D0E;
  margin-left: 4px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label .price {
  font-weight: 700;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  color: #3F1F08;
  margin-left: 4px;
}

#pop_bidding_state .badge .time {
  margin-left: 4px;
}

#pop_bidding_state .badge-list .title {
  font-weight: 700;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #575757;
  margin-bottom: 8px;
}

#pop_bidding_state .parti-list {
  overflow-y: scroll;
  max-height: 260px;
}

#pop_bidding_state .parti-list::-webkit-scrollbar {
  display: none;
}

#pop_bidding_state .badge-list .badge {
  background: #F5F5F5;
  margin-bottom: 8px;
}

#pop_bidding_state .badge-list .badge:last-child {
  margin-bottom: 0;
}

#pop_bidding_state .badge-list .badge .state {
  display: flex;
  align-items: center;
  gap: 8px;
}

#pop_bidding_state .badge-list .badge .state>div {
  display: inline-block;
}

#pop_bidding_state .badge-list .badge .state .icon-box {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  padding: 6px;
  box-sizing: border-box;
}

#pop_bidding_state .badge-list .badge .state .time {
  color: #575757;
  font-size: 13px;
  font-weight: 400;
}

.main.bidding .safe-info-list.detail .item-profile.list .cont-box {
  width: 100%;
  overflow: hidden;
}

.main.bidding .safe-info-list.detail .item-profile.list .cont-box .item-title {
  margin-bottom: 0;
}

.main.bidding .safe-info-list.detail.no-border .detail-info {
  border-bottom: none;
}


.main.bidding .safe-info-list.detail .item-profile.list .item-info {
  padding: 10px 4px;
  border-bottom: 1px solid #eee;
}

.main.bidding .safe-info-list.detail .item-profile.list .cont-box .district__swiper {
  padding: 8px 0;
}

.main.bidding .bidding-info-list {
  background: #F5F5F5;
  padding: 24px 0 8px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .safe-info-list-ul {
  padding: 16px 16px 4px 16px;
  margin-bottom: 12px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .safe-info-list-ul:last-child,
.main.bidding .bidding-info-list .safe-info-list-ul:last-child {
  margin-bottom: 0;
}

.main.bidding .safe-info-list.detail .bidding-info-list .title {
  margin: 0 0 6px 24px;

}

.main.bidding .safe-info-list.detail .bidding-info-list .title.bidding {
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 24px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .title.bidding p {
  margin: 0;
}

.main.bidding .safe-info-list.detail .bidding-info-list .title.bidding span {
  color: #888;
  font-size: 11px;
  font-weight: 500;
  line-height: 15.4px;
  letter-spacing: -0.22px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox {
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label .flag {
  background-color: #e45659;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label .flag.edit {
  background: rgba(255, 235, 237, 0.5);
  color: #E45659;
}

.main.bidding .safe-info-list.detail .bidding-info-list .checkbox label .per-info {
  font-weight: 500;
  margin-left: 4px;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  color: #575757;
  margin-bottom: 4px;
}

/* 업체 선정 완료 메세지 */
.main.bidding.message {
  height: calc(100% - 83px);
}

.main.bidding.message.top {
  height: calc(100vh - 83px);
}

.main.bidding.message .message-box {
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main.bidding.message .message-box .safe-top.massage {
  margin-bottom: 56px;
}

.main.bidding.message .message-box .text-area .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  color: #000;
  margin: 4px 0 12px;
}

.main.bidding.message .message-box .text-area p {
  text-align: center;
  color: #575757;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

/* 단가 변경  */

.main.bidding.full.change {
  height: calc(100vh - 301px);
}


.main.bidding.change .safe-info-list.detail.bidding .safe-input-area {
  margin: 4px 20px 0;
}

.main.bidding.change .safe-info-list.detail .safe-info-list-ul.gray {
  margin-bottom: 24px;
}

.main.bidding .input-wrap .item__input.change input {
  text-align: right;
}

/* 입찰 결과 확인하기 */
.main.bidding.result .safe-top.relative {
  padding-top: 1px;
}

.main.bidding.result .safe-top .thumb.lottie {
  margin-bottom: 5px;
}

.main.bidding.result .safe-top .safe-tit {
  margin-bottom: 24px;
}

.main.bidding.result .safe-top .safe-tit p.title {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  line-height: 25.2px;
  letter-spacing: -0.36px;
  margin-bottom: 8px;
}

.main.bidding.result .safe-top .safe-tit p {
  color: #575757;
  font-weight: 400;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
}

.main.bidding.result .safe-info-list .safe-info-list-ul {
  margin: 0;
}

.main.bidding.result .safe-info-list .title {
  margin-left: 4px;
}

.main.bidding.result .safe-info-list .title.no-margin {
  margin-top: 0;
}

.main.bidding.result .safe-message {
  padding: 12px 0;
}

.main.bidding.result .safe-message p {
  text-align: center;
}

/* 비딩 버전 내정보 페이지 */
.main .my__dashboard .bidding-list.sell {
  background: rgba(254, 229, 211, 0.15);
}

.main .my__dashboard .bidding-list.buy {
  background: rgba(252, 176, 122, 0.08);
}

/* 툴팁 정렬 */
.main .my__profile .my__info .my__grade.is-p {
  display: flex;
  align-items: center;
  gap: 4px;
}

.main .my__profile .my__info .my__grade.is-p .tooltip.i-info {
  margin: 0;
}

.main .my__profile .my__info .my__grade.is-p .tooltip.i-info,
.main .my__profile .my__info .my__grade.is-p .tooltip.i-info img {
  width: 14px;
  height: 14px;
}


.safe-trnsc-area.bidding {
  display: none;
}

.safe-trnsc-area.bidding.is-active {
  display: block;
}

.safe-trnsc-area.bidding+.safe-trnsc-area.bidding {
  border-top: none;
}

.main.bidding .result-list.no-district li .item-profile {
  margin-bottom: 0;
}

.result-list.no-district .notice-box {
  margin-top: 4px;
}

.data-null.bidding p {
  padding-bottom: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  color: #888;
}


/* 공고내역 */
.main.bidding.full .result-list.notice li {
  padding: 20px 0 0;
  border-bottom: none;
}

.result-list .notice-box {
  margin-top: 8px;
}

.result-list .notice-box p {
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #888;
  border-bottom: 1px solid #eee;
}

.result-list .notice-box span.desc {
  max-width: 71.25%;
}

.result-list .notice-box p .time {
  color: #575757;
  text-align: right;
}

.result-list .notice-box p.store {
  align-items: baseline;
}

.result-list .notice-box p.store .desc {
  text-align: right;
}

.result-list .notice-box p .desc .store-name {
  display: block;
  text-align: right;
  color: #333;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}

.result-list .notice-box p .desc .store-add {
  color: #575757;
  text-align: right;
}

.result-list .notice-box p.total-price span {
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  font-weight: 700;
}

.result-list .notice-box p.total-price .name strong {
  color: #333;
  font-weight: 700;
}

.result-list .notice-box p.total-price .time {
  color: #DD2C2F;
}

.safe-trnsc-area .right {
  display: flex;
  align-items: center;
  gap: 4px;
}

.safe-trnsc-area .right .chat-move {
  width: 20px;
  height: 20px;
  padding: 0;
  background: url(/assets/image/ico-msg-dots-c-scd500.svg) center center no-repeat;
  background-size: 15px;
}

.result-list .alert-box {
  position: relative;
  display: block;
  width: 100%;
  height: 42px;
  background: url(/assets/image/baloon.png) center center no-repeat;
  background-size: 100% 42px;
  margin-top: 4px;
  padding: 16px 0 8px;
  box-sizing: border-box;
}

.result-list .alert-box p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  color: #DD2C2F;
}

.result-list .alert-box p:before {
  position: relative;
  top: 0;
  left: 0;
}

/* 안전거래 구매내역 태그 추가 */
.order-info .tag-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-bottom: 0;
}

.order-info .tag-box .tag {
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: -0.22px;
  padding: 2px 6px;
  border-radius: 4px;
  box-sizing: border-box;
  width: fit-content;
}

/* 입찰 */
.order-info .tag-box .tag.bidding {
  background: #FFEBED;
  color: #DD2C2F;
}

/* 팝니다 */
.order-info .tag-box .tag.sell {
  background: #FFF2E9;
  color: #C8631A;
}

/* 삽니다 */
.order-info .tag-box .tag.buy {
  background: rgba(252, 176, 122, 0.3);
  color: #64320D;
}


/* 품목표 */
.order-info .tag-box .tag.list {
  background: rgba(255, 225, 116, 0.2);
  color: #FA7C21;
}

/* 회원 등급 안내 */
.main.rank {
  padding: 30px 20px;
}

.main.rank strong.title p {
  line-height: 25.2px;
  letter-spacing: -0.36px;
  padding-left: 4px;
}

.main.rank strong.title p span.red {
  color: #dd2c2f;
}

.main.detail strong.title .price em {
  font-style: normal;
}

.rank-list {
  margin-top: 4px;

}

.rank-list li:first-child {
  padding-bottom: 9px;
  gap: 46px;
}

.rank-list li {
  gap: 52px;
}

.rank-list li p {
  text-align: center;
  display: inline-block;
  width: 50%;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: #575757;
}

.rank-list li:first-child {
  border-color: #EB8082;
}

.rank-list li:first-child p {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}

.my-rank-list {
  margin-top: 24px;
}

.my-rank-list li {
  position: relative;
  box-sizing: border-box;
}

.my-rank-list>li {
  border-bottom: 1px solid #eee;
}

.main .my-rank-list li .cont {
  box-sizing: border-box;
  padding: 15px 8px;
}

.my-rank-list li .btn-wrap {
  position: absolute;
  display: inline-block;
  right: 8px;
  top: 13px;
  width: 24px;
  height: 24px;
}

.my-rank-list li:first-child .btn-wrap a img {
  width: 24px;
  height: 24px;
}

.main .my-rank-list li .cont .sec .subject {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #333;
}

.my-rank-list li .rank-cont {
  background: rgba(255, 242, 233, 0.5);
  padding: 12px 12px 16px 12px;
  border-radius: 8px;
  margin: 0 8px 15px;
}

.my-rank-list li .rank-cont p,
.my-rank-list li .rank-cont li {
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  color: #575757;
  margin-bottom: 8px;

}

.my-rank-list li .rank-cont.faq li .desc,
.my-rank-list li .rank-cont li {
  padding-left: 20px;
}

.my-rank-list li .rank-cont.faq li,
.my-rank-list li .rank-cont.faq li .desc {
  margin-bottom: 0;
}

.my-rank-list li .rank-cont li::before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #575757;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 7px;
}

.my-rank-list li .rank-cont.faq li .desc::before {
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #575757;
  border-radius: 50%;
  position: absolute;
  top: 31px;
  left: 8px;
}

.my-rank-list li .rank-cont .title {
  margin: 12px 0 6px;
}

.my-rank-list li .rank-cont li:last-child,
.my-rank-list li .rank-cont li:last-child .desc {
  margin-bottom: 0;
}


.my-rank-list li .rank-cont.faq li .title strong {
  margin-left: 4px;
}

.my-rank-list li .rank-cont.faq li:first-child .title {
  margin: 0px 0 6px;
}

.my-rank-list li .rank-cont.faq li {
  padding-left: 0;
}

.my-rank-list li .rank-cont.faq li::before {
  display: none;
}

/* 필터/검색키워드 슬라이드 (이미지백과사전, AI고도화 공통)*/

.filter-keywords {

  padding: 0px 20px 12px;
  background-color: #fff;
  z-index: 50;
  overflow: hidden;
}

.filter-keywords.is-sticky {
  padding-top: 12px;
}

.keyword__swiper {
  width: 100%;
  height: 32px;
}

.keyword__swiper .swiper-slide {
  width: auto;
  display: inline-block;
  border-radius: 20px;
  padding: 8px 10px;
  color: #575757;
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  position: relative;
  box-sizing: border-box;
}

.keyword__swiper .swiper-slide a {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  display: flex;
  align-items: center;
}

.keyword__swiper .swiper-slide .close {
  display: inline-block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  padding: 3.5px;
}

.keyword__swiper .swiper-slide img.close {
  padding: 0 3.5px;
}

/* 필터 버튼/ 필터 선택 내용 공통 */
.filter {
  padding: 10px 0;
}

.filter a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  height: 11px;
}

.filter.on a span,
.filter.on a {
  color: #DD2C2F;
}

.filter a img {
  width: 11px;
  height: 11px;
}

/* 뉴스 필터 */
/* .main .product__bar {
  justify-content: end;
} */

.main .product__bar .filter.news {
  padding: 0;
  color: #575757;
}

.main .product__bar .filter.news a {
  margin-right: 0;
}

.main .product__bar .filter.news.on span,
.main .product__bar .filter.news span {
  color: #575757;
}

/* 이미지 백과사전 */
.main.dictionary {
  padding: 20px 0;
}

.main.dictionary .tab-list {
  padding: 14px 20px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main.dictionary .tab-list .img-box {
  width: 68px;
  height: 68px;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 12px 12px;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px #00000014;
}

.main.dictionary .tab-list .list-name {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  letter-spacing: -0.28px;
  text-align: center;
}

/* 이미지 백과사전 목록페이지 */
.main.dictionary .banner-list {
  margin: 0 auto 12px;
  padding: 0 20px;
}

.main.dictionary .banner-list img {
  width: 100%;
  height: 100%;
}

.main.dictionary .search-area {
  /*position: sticky;*/
  top: 56px;
  background-color: #fff;
  padding: 0 10px 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  gap: 5px;
  z-index: 60;
}

.main.dictionary .search-area.is-sticky {
  padding-top: 8px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
  z-index: 2;
}

.main.dictionary .search-area .input-wrap {
  width: calc(100% - 56px);
}

.main.dictionary .input-wrap .item__input.search {
  border-color: #e8e8e8;
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 0 12px;
  height: 44px;
  box-sizing: border-box;
}



.main.dictionary .item__input.search a.btn-close {
  width: 24px;
  height: 24px;
}

.main.dictionary .search-area .filter {
  padding: 0;
}

.main.dictionary .result-list {
  padding: 0px 20px;
  margin-top: -3px;
}

.main.dictionary .result-list.no-result {
  position: relative;
  padding: 0px 20px;
  margin-top: -3px;
  height: calc(100vh - 265px);
}

.main.dictionary .result-list.no-result span {
  font-size: 16px;
  font-weight: 400;
  color: #888;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: traslateY(-50%);
  transform: translateX(-50%);
}

.main.dictionary .result-list li {
  padding: 12px 0;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #eee;
}

.main.dictionary .result-list li .img-box {
  border-radius: 4px;
  overflow: hidden;
  width: 116px;
}

.main.dictionary .result-list li .cont-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 124px);
}

.main.dictionary .result-list li .cont-box .tag-box {
  margin-bottom: 8px;
  justify-content: start;
  gap: 4px;
}

.main.dictionary .result-list li .cont-box .tag {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  border-radius: 4px;
  height: 21px;

  box-sizing: border-box;
}

.main.dictionary .result-list li .cont-box .tag.meat {
  padding: 2px 6px 2px 22px;
  background-color: #fff2e9;
  color: #3f1f08;
  position: relative;
}

/* 축종 태그 */
.main.dictionary .result-list li .cont-box .tag.meat::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 6px;
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.meat.beef::before {
  width: 12px;
  height: 14.52px;
  background: url('/assets/image/meat_1.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.meat.pork::before {
  width: 12px;
  height: 12.5px;
  top: 3px;
  background: url('/assets/image/meat_2.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.meat.chicken::before {
  width: 12px;
  height: 13.33px;
  background: url('/assets/image/meat_3.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.meat.sheep::before {
  width: 14px;
  height: 13.93px;
  background: url('/assets/image/meat_4.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.meat.other::before {
  width: 10.4px;
  height: 14px;
  background: url('/assets/image/meat_5.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.storage {
  padding: 2px 6px 2px 22px;
  position: relative;
  height: 21px;
  box-sizing: border-box;
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.storage.frozen {
  color: #4263eb;
  background: #F2F4FE;
}

.main.dictionary .result-list li .cont-box .tag.storage.cold {
  color: #33BC51;
  background: #EBF8EE;
}

/* 보관방법 태그 */
.main.dictionary .result-list li .cont-box .tag.storage::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4.25px;
  left: 6px;
  width: 12px;
  height: 12.51px;
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .tag.storage.frozen::before {
  background-size: cover;
  background-image: url('/assets/image/storage_1.png');
}

.main.dictionary .result-list li .cont-box .tag.storage.cold::before {
  width: 9.82px;
  height: 14.5px;
  top: 3.5px;
  background-image: url('/assets/image/storage_2.png');
  background-size: cover;
}

.main.dictionary .result-list li .cont-box .item-title {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  margin-bottom: 2px;
}

.main.dictionary .result-list li .cont-box .item-info p {
  font-weight: 400;
  font-size: 13px;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}

.main.dictionary .result-list li .cont-box .item-info p:last-child {
  margin-bottom: 0;
}

.main.dictionary .result-list li .cont-box .item-info p span:first-child {
  color: #888;
}

.main.dictionary .result-list li .cont-box .item-info p span:last-child {
  color: #575757;
  font-weight: 500;
  width: calc(100% - 52px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
}


.modal-toast.modal-sorting .modal-content.meat .input-wrap.state-action {
  position: relative;
  z-index: initial;
}

.modal-toast.modal-sorting .modal-content.meat li:nth-child(n+1) .input-wrap.state-action .expand-box {
  height: auto;
  overflow-y: scroll;
}

.main.dictionary .input-wrap .item__input.search .text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  padding: 0;
  width: 69.35%;
  height: 100%;
}

.modal-toast.modal-sorting .modal-content.meat .sorting-list {
  margin-bottom: 67px;
}

.modal-toast.modal-sorting .modal-content.meat.dictionary .sorting-list {
  overflow-y: scroll;
  max-height: 452px;
}

.modal-toast.modal-sorting .modal-content.meat .sorting-list::-webkit-scrollbar {
  display: none;
}

.modal-toast.modal-sorting .modal-content.meat .modal-toast-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 32px 00px 8px;
  background-color: #fff;
  margin: 0;
}

.modal-toast.modal-sorting .modal-content.ai .modal-toast-btn {
  margin-top: 75px;
  padding-bottom: 20px;
}

.modal-toast.modal-sorting .modal-content.meat .modal-toast-btn button {
  width: calc(100% - 40px);
}

.modal-toast.modal-sorting .modal-content.meat .input-wrap .item__input.search .text {
  border: none;
  height: 44px;
  color: #333;
  font-weight: 500;
}

.modal-toast.modal-sorting .modal-content.meat .sorting-list li .input-desc {
  display: none;
}

.modal-toast.modal-sorting .modal-content.meat .sorting-list li.error .input-desc {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #dd2c2f;
  background: url(../image/info-red.svg) no-repeat left 2px/13px;
  padding-left: 17px;
  margin-top: 4px;
  margin-left: 4px;

}

.state-action .select-btn .expand-btn {
  color: #888;
}

.main.dictionary .banner-area {
  padding-top: 30px;
  overflow: hidden;
}

.main.dictionary .banner-area .ie__swiper {
  width: 100%;
  position: relative;
  margin-bottom: 36px;
  margin-right: 0;
}

.main.dictionary .banner-area .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
  width: 240px;
  height: 240px;
}

.main.dictionary .banner-area .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.main.dictionary .banner-area .swiper-slide.swiper-slide-active {
  transform: scale(1.08332);
}

.main.dictionary .banner-area .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.main.dictionary .banner-area .swiper-slide a {
  border-radius: 16px;
  overflow: hidden;
}

.main.dictionary .banner-area .ie__swiper .swiper-pagination {
  margin-top: 30px;
}

.main.dictionary .table-area {
  padding: 0 20px;
}

.main.dictionary .table-area table {
  border-top: 1px solid #cacaca;
}

.main.dictionary .table-area table tr {
  border-bottom: 1px solid #eee;
}

.main.dictionary .table-area table th {
  width: 30%;
  padding: 9px 8px;
  text-align: left;
  font-weight: 700;
  font-size: 13px;
  line-height: 18.2px;
  letter-spacing: -0.26px;
  color: #333;
  background-color: rgba(255, 242, 233, .5);
}

.main.dictionary .table-area table td {
  width: 70%;
  padding: 8px 8px 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  color: #575757;
}

.main.dictionary .swiper-pagination-bullet {
  background: #333;
  opacity: 10%;
}


.main.dictionary .swiper-pagination-bullet-active {
  opacity: 100%;
}

/* AI고도화 */
.main.basic {
  padding: 20px;
  position: relative;
}

.main.basic .tab__menu.small {
  position: static;
  margin-bottom: 16px;
}

.main.basic .state-action {
  width: 100%;
  border: 1px solid #eee;
}

.main.basic .state-action.is-on {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.main.basic .input-wrap .item__input .text {
  border: none;
  color: #333;
  font-weight: 500;
  line-height: 19.6px;
  max-width: 240px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main.basic .input-wrap .item__input .text::placeholder {
  font-weight: 400;
  color: #888;
}

.main.basic .input-wrap .item__input.search a.btn-search {
  padding: 10px 6px;
}

.main.basic .state-action .expand-box {
  border: 1px solid #E8E8E8;
  position: absolute;
  left: -1px;
  top: 41px;
  width: 100%;
}

.main.basic .title__bar {
  padding: 23px 0 11px;
}

.main.basic .title__bar>div:first-child {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}

.main.basic .title__bar p {
  font-size: 16px;
  letter-spacing: -0.32px;
}

.main.basic .title__bar>div:first-child span {
  display: block;
  width: 16px;
  height: 16px;
}

.main.basic .filter-keywords {
  padding: 4px 0 16px 0;
  position: initial;
  overflow: hidden;
}

.main.basic .keyword__swiper .swiper-slide {
  padding: 6px 10px;
}

.main.basic .keyword__swiper .swiper-slide a,
.main.dictionary .keyword__swiper .swiper-slide a {
  color: #575757;
}


.modal-toast .modal-content.ai {
  height: 429px;
  box-sizing: border-box;
}

.main .filter,
.main.basic .filter {
  padding: 4px 0 16px;
  position: sticky;
  top: 55px;
  display: flex;
  align-items: center;
  background: #fff;
}

.main.basic .filter.is-sticky {
  padding: 12px 0;
}

.main .filter a,
.main.basic .filter a {
  margin-right: 4.5px;
}

.main .filter span,
.main.basic ul li .filter span {
  position: relative;
  padding-right: 11px;
  font-weight: 500;
  font-size: 14px;
  color: #888;
}

.main .filter span::after,
.main.basic .filter span::after {
  content: '';
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #888;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}

.main .filter span:last-child,
.main.basic .filter span:last-child {
  padding-right: 0;
}

.main .filter span:last-child::after,
.main.basic .filter span:last-child:after {
  display: none;
}

.main .filter {
  padding: 32px 20px 20px;
}

.main.basic .tab-contents {
  position: relative;
}

.main.basic .tab-contents li {
  display: none;
}

.main.basic .tab-contents li.is-active {
  display: block;
}

/* 비즈프로필 */
.main.mypage .input-wrap.file .item__input {
  height: 44px;
}

.main.mypage .input-wrap.file .item__input.no-file {
  height: auto;
}

.main.mypage .input-wrap.file .item__input .filebox {
  font-weight: 500;
  font-size: 14px;
  line-height: 19.6px;
  color: #888;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
}

.loading {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 500px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.loading .loading-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.loading img {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  opacity: 1;
  animation: loading 2s infinite;
}

@keyframes loading {
  20% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

/* 이용안내 가이드 공통 */
.service-info .info-cont {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.service-info .wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 20px 0;
  line-height: 20px;
}

.service-info .wrap strong {
  color: #581213;
  font-weight: 700;
}

.service-info .wrap b {
  display: block;
  color: #333;
  line-height: 22px;
  font-size: 16px;
  font-weight: 700;
}

.service-info .wrap p {
  color: #575757;
  letter-spacing: -0.28px;
  font-size: 14px;
  font-weight: 500;
}

.service-info .wrap p.sub {
  position: relative;
  padding: 0 0 0 8px;
  color: #FA7C21;
  line-height: 15px;
  letter-spacing: -0.22px;
  font-size: 11px;
  font-weight: 400;
}

.service-info .wrap p.sub::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "*";
}

.service-info .wrap p.sub+p.sub {
  margin-top: -4px;
}

.bidding-open-info {
  padding: 0 0 48px 0;
  background: #2B0C08;
}

.bidding-open-info .wrap {
  position: relative;
}

.bidding-open-info .lottie {
  position: absolute;
  left: 50%;
  bottom: 78.66666vw;
  transform: translateX(-50%);
  width: 31.111111vw;
  height: 21.777778vw;
}

.bidding-open-info .btn-wrap {
  display: flex;
  gap: 3.333333vw;
  position: absolute;
  bottom: 7.777778vw;
  left: 50%;
  transform: translateX(-50%);
  width: 84.444444vw;
  height: 45.833333vw;
  background: #00000000;
  text-indent: -999999px;
}

.bidding-open-info .btn-wrap a {
  display: block;
  width: 100%;
}

@media all and (min-width: 500px) {
  .bidding-open-info .lottie {
    bottom: 394px;
    width: 156px;
    height: 109px;
  }

  .bidding-open-info .btn-wrap {
    gap: 18px;
    bottom: 38px;
    width: 423px;
    height: 229px;
  }
}

/* 글쓰기 내 선택 카테고리 추가 */
.main .category__item {
  position: relative;
  margin: 0 20px;
  padding: 14px 0;
}

.main .category__item * {
  box-sizing: border-box;
}

.option__list {
  display: none;
  position: absolute;
  top: 14px;
  left: 0;
  padding: 0;
  box-shadow: 0px 4px 12px 0px #00000014;
  z-index: 899;
}

.option__list.active {
  display: block;
}

/* 워드앤코드 241129 css 추가 */
.content--adv .board-section.px-0 {
  padding: 0 0;
}

.product__top.logo {
  padding: 7px 9px 8px 20px;
}

.content--adv .board-section.px-0 {
  padding: 0 0;
}

.product__top.logo {
  padding: 7px 9px 8px 20px;
}

.content--adv .main .data__item {
  position: relative;
  padding: 12px 0 0 0;
  height: 96px;
  justify-content: unset;
}

.content--adv .main .data__item .item__thum {

  grid-column: 2/3;
  grid-row: 2/4;
  width: 60px;
  height: 60px;
  margin-top: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.content--adv .main .data__item .item__title-wrap {
  display: flex;
  width: 100%;
}

.content--adv .main .data__item .item__thum.default img {
  max-width: 33px;
}

.content--adv .main .data__item .item__thum {
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  margin-top: 5.5px;
  border-radius: 4px;
  overflow: hidden;
  margin-left: 8px;
}

.content--adv .main .data__item .item__thum img {
  width: 100%;
  margin: 0 auto;
  display: block;
  height: 100%;
  object-fit: cover;
}

.content--adv .main .data__item .item__date {
  position: absolute;
  bottom: -17px;
  grid-column: 1/auto;
  grid-row: 3/4;
}

.content--adv .main .data__item .item__subject {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin: 4px 0 0 0;
  height: 44px;
}

.content--adv .main .data__item .item__subject .txt-stand {
  position: relative;
}

.content--adv .main .data__item .item__subject a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
  max-width: 100%;
  /* height: 100%; */
  vertical-align: -webkit-baseline-middle;
  padding: 0;
  line-height: 140%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;


}

.content--adv .main .data__item.com .item__subject a {
  color: #888;
  font-weight: 400;
}

.content--adv .company-txt {
  display: block;
  width: max-content;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  font-size: 11px;
  color: rgba(255, 255, 255, 80%);
  font-weight: 400;
}

.content--adv .alert__swiper .swiper-slide::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16.5px;
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('/assets/image/speech-bubble.svg') center no-repeat;
}


.content--adv .main.bidding .safe-info-list.detail .safe-info-list-ul.gray .name {
  color: #333;
}

.content--adv .main.bidding .safe-info-list.detail .bidding-info-list .title {
  margin: 0 0 16px 24px;
}

.content--adv .main.bidding .safe-info-list.detail .bidding-info-list .title.bidding {
  margin-right: 24px;
}

.content--adv .main.bidding .safe-top .time-box p {
  display: flex;
  align-items: center;
}

.content--adv .main.bidding .safe-top .time-box .tip {
  width: 13px;
  height: 13px;
  margin-left: 5.33px;
}

.content--adv .main.bidding .agree-box .checkbox label {
  color: #333;
}

.content--adv .main .title__bar .btn-wrap .more-btn {
  color: #DD2C2F;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.content--adv .main .data__item .item__title {
  width: 100%;
  grid-column: 1/3;
  grid-row: 1/2;
}

.content--adv .main .data__item .item__title * {
  line-height: 140%;
}

.content--adv .main .data__item .item__title span.essen {
  float: right;
  line-height: 140%;
}

.content--adv .main .data__item .item__title span.essen:after {
  display: none;
}

.content--adv .community.view .board__item .board__info .info .name.slash::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 2px 5px;
  vertical-align: text-bottom;
}

.content--adv .community.view .board__item .board__info-top {
  display: flex;
  justify-content: space-between;
}

.content--adv .community.view .board__item .board__info-top .view {
  position: static;
}

.content--adv .community.view .board__item .board__info-top .board__cate {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  display: flex;
  padding: 2px 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  height: 21px;
  box-sizing: border-box;

}

.content--adv .community.view .board__item .board__info-top .board__cate.orange {
  color: #FA7C21;
  border: 1px solid #FA7C21;
}

.content--adv .community.view .board__item .board__info-top+.board__title {
  margin-top: 8px;
}

.content--adv .community.view .board__item .board__info a.original {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #575757;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.content--adv .community.view .board__item .board__info a.original img {
  margin-left: 2px;
}


.content--adv .community.board .board-top {

  /*
	justify-content: center;
	margin-top:12px;
	padding:10px 0;
	padding:10px 0;
	border-radius: 8px;
	background: rgba(255, 242, 233, 0.50);
  */
}


.content--adv .community.board .board-top .txt-box {
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.content--adv .board__view .board-top.orange {
  margin-top: 12px;
}

.content--adv .community.view .board__view .board-top.orange+.editor {
  padding: 0;
}

.content--adv .community.board .board-top.orange {
  background: rgba(255, 242, 233, 0.50);
  justify-content: center;
  padding: 10px 0px;
}

.content--adv .community.board .board-top.orange .txt-box {
  color: #FA7C21;
}

.content--adv .community.view .board-top::after {
  display: none;
}

.content--adv .community.view .board__item .board__view .editor {
  font-size: 14px;
  padding: 4px 0 12px 0;
}

.content--adv .hash-tag {
  display: flex;
}

.content--adv .hash-tag li {
  position: relative;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  padding: 4px 10px 4px 20px;
  border-radius: 50px;
  background: #F5F5F5;
}

.content--adv .hash-tag li+li {
  margin-left: 8px;
}

.content--adv .hash-tag li:before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '#';
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .hash-tag+.utill {
  margin-top: 20px;
}

.content--adv .community.view .board__item .board__info {
  padding: 8px 0;
}

.content--adv .main .title__bar p.ft16 {
  font-size: 16px;
}

.content--adv .main .title__bar .btn-wrap .more-btn.ft16 {
  font-size: 16px;
}

.content--adv .main .title__bar.border-bottom-gray {
  border-bottom: 1px solid #eee;
  padding: 7.13px 20px;
}

.content--adv .chart__time.d-flex {
  display: flex;
}

.content--adv .chart__time.d-flex a {
  margin-left: 5px;
}

.content--adv~.cmt-area {
  position: fixed;
}

.content--adv~.cmt-area.active {
  position: absolute;
}

.content--adv .community.view .board__item .board__cmt {}

.content--adv .community.view .board__item .board__cmt .cmt-dashboard {
  margin-bottom: 8px;
}

.content--adv .board__cmt.active {
  margin-bottom: 0px;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area {
  margin: 0;
  width: 100%;
  position: fixed;
  min-height: 52px;
  height: 52px;
  padding: 12px 20px;

}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area:not(.active) {
  position: fixed;
  top: unset !important;
  bottom: 0;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.active {
  left: 50%;
  box-shadow: unset;
  width: calc(100% - 40px);
  position: absolute;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 0 12px;
  min-height: 44px;
  height: 44px;
  align-items: center;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area .no-login p {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area .no-login .login-btn {
  font-size: 16px;
  border-radius: 50px;
  padding: 5px 12px;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.active .no-login .login-btn {
  font-size: 13px;
  border: 1px solid #dd2c2f;
}

.content--adv~.fixed-bg.cmt-area .btn {
  width: 47px;
  min-width: 47px;
  line-height: 28px;
  height: 28px;
  padding: 0;
}

.content--adv~.fixed-bg.cmt-area input {
  padding: 0;
}

.content--adv .community.view .board__item .board__title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv .alert__swiper .swiper-slide p {
  max-width: 83.35%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.content--adv .alert__swiper .swiper-slide p strong {
  max-width: max-content;
  display: inline;
}

.content--adv .sorting-action {
  padding: 12px 0;
}

.content--adv .main .product__bar {
  padding: 12px 20px 0 20px;
}

.content--adv .community.view .board__item .board__cmt {
  padding: 21px 0 0 0;
}

.content--adv .community.board {
  padding-bottom: 0;
}

.content--adv .community.view .board__item {
  padding: 16px 0 0 0;
}

.content--adv .result__bar.padding-top-70 {
  padding-top: 70px;
}

.content--adv .result__bar.padding-top-80 {
  padding-top: 80px;
}

.content--adv .cmt-view .cmt-view-list:nth-child(1) {
  padding-top: 8px;
}

.content--adv .community.view .board__cmt .cmt-view .reply-line::after {
  display: none;
}

.content--adv .community.view .board__cmt .cmt-view .cmt-view-list .right .cmt-view-list {
  position: relative;
}

.content--adv .community.view .board__cmt .cmt-view .cmt-view-list .right .cmt-view-list::before {
  content: "";
  position: absolute;
  left: -22px;
  transform: unset;
  top: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #e8e8e8;
}

.content--adv .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area.reply-line {
  position: relative;
}

.content--adv .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area.reply-line::before {
  content: "";
  position: absolute;
  transform: unset;
  left: 14px;
  top: 36px;
  display: block;
  z-index: -1;
  width: 1px;
  height: calc(100% - 48px);
  background-color: #e8e8e8;

}

.content--adv .community.view .board__cmt .cmt-view .cmt-view-list .right .cmt-view-list {
  margin-top: 0;
  padding-top: 8px;
}

.content--adv .community.view .board__cmt .cmt-view .right .top .thumbs-wrap .btn span {
  color: #888;
}

.content--adv.content--gray .top-area {
  padding: 16px 20px 20px 20px;
}

.content--adv.content--gray.more .top-area {
  padding: 16px 20px 28px 20px;
}

/* 250307 워드앤코드 추가 */
.content--adv .alert__swiper {
  margin-right: 20px;
}

/* //250307 워드앤코드 추가 */
.content--adv .alert__swiper.no-animation {
  background: linear-gradient(90deg, #FA7C21 0%, #941313 100%);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  animation: unset;
}

.content--adv .quiz__swiper {
  display: flex;
  overflow: unset;
}

.content--adv .quiz__swiper .swiper-slide {
  width: 268px;
  border-radius: 12px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--adv .quiz__swiper.swiper-container-vertical>.swiper-wrapper {
  flex-direction: unset;
}

.content--adv .quiz__swiper .tag-box .tag.time {
  border-radius: 6px;
  border: 0.5px solid #F5F5F5;
  background: transparent;
  padding-left: 0;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

/* 250307 워드앤코드 수정
.content--adv .tag-box .tag.time.soon{
  color:#fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  height:26px;
}
*/
.content--adv .tag-box .tag.time.soon .clock-icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

/* 250307 워드앤코드 수정
.content--adv .tag-box .tag.time.soon span{
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}
*/
.content--adv .tag-box .tag.time.soon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content--adv .quiz-top {
  position: relative;
  height: 146px;
}

.content--adv .quiz__swiper .txt-wrap {
  position: absolute;
  left: 12px;
  top: 12px;
}

.content--adv .quiz__swiper .info-wrap {
  background: rgba(0, 0, 0, 0.60);
  width: 100%;
  position: absolute;
  bottom: 0;
}

.content--adv .quiz__swiper .info-wrap p {
  color: #CACACA;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  padding: 8px 0;
}

.content--adv .quiz__swiper .txt-wrap .tit {
  max-width: 236px;
  height: 50px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #fff;
  display: flex;
  align-items: center;
  margin-left: 4px;
  position: relative;
  width: 236px;

}

.content--adv .quiz__swiper .txt-wrap .tit span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content--adv .quiz__swiper .img-wrap {
  display: block;
  position: relative;
  height: 100%;
}

.content--adv .quiz__swiper .select-answer {
  padding: 15px 12px;
  background: #fff;
}

.content--adv .quiz__swiper .select-answer li {
  display: flex;
  height: 64px;
  padding: 0 14px 0 12px;
  /* justify-content: center; */
  align-items: center;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
}

.content--adv .quiz__swiper .select-answer li a {
  color: #333;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  display: flex;
  letter-spacing: -0.28px;
  align-items: center;

}

.content--adv .quiz__swiper .select-answer li a img {
  margin-right: 8px;
}

.content--adv .quiz__swiper .select-answer li a span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv .quiz__swiper .select-answer li+li {
  margin-top: 8px;
}

.content--adv.more .quiz__swiper .select-answer img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.content--adv .quiz__swiper .btn-wrap {
  background: #fff;
  padding-bottom: 20px;
  width: 100%;
}

.content--adv .quiz__swiper .img-wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.content--adv .quiz__swiper .img-wrap::before {
  content: '';
  border-radius: 12px 12px 0px 0px;
  background: rgba(0, 0, 0, .7);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.content--adv .quiz__swiper .tag-box .tag.time.soon:before {
  display: none;
}

.content--adv .quiz-bot {
  display: flex;
  justify-content: space-between;
  border-radius: 0px 0px 12px 12px;
  border-top: 1px solid #EEE;
  background: #fff;
  padding: 8px 10px;
}

.content--adv .quiz-bot span {
  position: relative;
  display: flex;
  align-items: center;
  color: #575757;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .quiz-bot .quiz__info {
  display: flex;
  align-items: center;
  border-bottom: none;
  padding: 0;
}

.content--adv .quiz-bot .level::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 0 3.5px;
  vertical-align: text-bottom;
}

.content--adv .quiz-bot .quiz__dashboard {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 0 8px;
  margin-left: auto;
}

.content--adv .quiz-bot .quiz__dashboard span {
  vertical-align: middle;
}

.content--adv .quiz-bot .quiz__dashboard span.vote img {
  width: 14px;
  height: 14px;
}

.content--adv .quiz-bot .quiz__dashboard span img {
  margin-right: 2px;
}

.content--adv .quiz__swiper .btn.btn-full {
  font-size: 13px;
  padding: 7px 0;
  line-height: 140%;
  cursor: pointer;
  width: calc(100% - 24px);

  margin: 0 12px;
}

.content--adv.content--gray.more {
  background: #f5f5f5;
}

.content--adv.content--gray .title__bar {
  padding: 8px 0 20px 0;
}

.content--adv.content--gray .title__bar p {
  color: #000;
}

.content--adv .top-area.back-color-white .title__bar p {
  color: #000;
}

.content--adv .community.board .board-top.justify-space-between {
  justify-content: space-between;
  background: transparent;
  margin-top: 0;
  padding: 0 0 8px 0;
}

.content--adv.content--gray .community.board .board-section {
  padding: 24px 20px 4px 20px;
}

.content--adv.content--gray .board-section.border-line-none {
  margin-top: 12px;
}

.content--adv.content--gray .board-section .board__info {
  display: flex;
}

.content--adv.content--gray .board-section .board__info .level,
.content--adv.content--gray .board-section .board__info .name {
  position: relative;
  color: #888;
}

.content--adv.content--gray .board-section .board__info .level::before,
.content--adv.content--gray .board-section .board__info .name::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cacaca;
  margin: 0 3.5px;
  vertical-align: text-bottom;
}

.content--adv.content--gray .board-section .board__info span {
  font-size: 12px;
  margin-bottom: 4px;
}

.content--adv.content--gray .board-section .date {
  color: #888;
  font-size: 12px;
}

.content--adv.content--gray .board__title {
  margin-bottom: 1px;
}

.content--adv .community.board .board-top.justify-space-between img {
  width: 18px;
  height: 22px;
  object-fit: contain;
  margin-right: 4px;
}

.content--adv.content--quiz-view .safe-top {
  position: relative;
}

.content--adv.content--quiz-view .safe-top .img-wrap {
  width: 100%;
}

.content--adv.content--quiz-view .safe-top .txt-wrap {
  width: calc(100% - 40px);
  position: absolute;
  z-index: 2;
  /* height: 100%; */
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}

.content--adv.content--quiz-view .safe-top .txt-wrap .tit {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  max-width: 100%;
  width: 100%;
  margin-top: 16px;
  height: 56px;
  text-align: center;
  width: 100%;
  position: relative;
}

.content--adv.content--quiz-view .safe-top .txt-wrap .tit span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content--adv.content--quiz-view .safe-top .txt-wrap .txt {
  color: #cacaca;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 8px;
}

.content--adv.content--quiz-view .safe-top .tag-box .tag.time {
  border-radius: 6px;
  margin-top: 0;
  border: 0.5px solid #F5F5F5;
  background: transparent;
  padding-left: 0;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

.content--adv.content--quiz-view .safe-top.detail .tag-box .tag.time.soon {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  height: 25px;
  padding: 4px 8px
}

.content--adv.content--quiz-view .safe-top.detail .tag-box .tag.time.soon span {
  font-size: 12px;
  line-height: 1;
}

.content--adv.content--quiz-view .safe-top .tag-box .tag.time.soon .clock-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.content--adv.content--quiz-view .safe-top .tag-box .tag.time.soon span {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}

.content--adv.content--quiz-view .safe-top .tag-box .tag.time.soon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail .detail-info {
  width: calc(100% - 40px);
  margin-top: -20px;
  background: #fff;
}

.content--adv.content--quiz-view .safe-info-list .select-answer {
  padding: 0;
  background: #fff;
  margin-top: -20px;
  border-radius: 8px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(1).active.not,
.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(2).active.not,
.content--adv.content--quiz-view .safe-info-list .select-answer li {
  display: flex;
  height: 76px;
  position: relative;
  padding: 0 12px 0 16px;
  /* justify-content: center; */
  align-items: center;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--adv.content--quiz-view .safe-info-list .select-answer li a {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  display: flex;
  letter-spacing: -0.28px;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li.fail span:not(.check) {
  color: #575757;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li.fail .check img {
  content: url('../image/select-answer-check.svg') !important;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(1).active a>img {
  content: url('../image/select-answer-a-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(2).active a>img {
  content: url('../image/select-answer-b-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li.active span:not(.check) {
  color: #333;
  font-weight: 500;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(1).active .check img {
  content: url('../image/select-answer-a-check-login-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(2).active .check img {
  content: url('../image/select-answer-b-check-login-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer .check {
  display: block;
  margin-right: auto;
  /* margin-left: 0; */
  position: absolute;
  right: 20px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer .check img {
  margin: 0;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li a span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li+li {
  margin-top: 8px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li:nth-child(1).active {
  border: 1px solid #E45659;
}


.content--adv.content--quiz-view .safe-info-list .select-answer li:nth-child(2).active {
  border: 1px solid #fa7c21;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li.active a span {
  color: #333;
  font-weight: 500;

}

.content--adv.content--quiz-view .safe-info-list .select-answer.no-sel li a span {
  color: #333;

}

.content--adv.content--quiz-view .safe-info-list .select-answer li>a>span:not(.check) {
  max-width: 100%;
  padding-right: 50px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.content--adv.content--quiz-view .main.bidding .safe-top.detail {
  height: 193px;
  margin-top: 0;
}

.content--adv.content--quiz-view .main.bidding .safe-top.detail:after {
  height: 193px;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail {
  overflow: unset;
  margin-top: 0;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail .detail-info {
  padding-top: 0;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot {
  border-top: none;
  padding: 12px 4px;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.height-60 {
  height: 60px;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.height-60 .no-login p {
  font-size: 16px;
}

.content--adv.content--quiz-view.no-login .safe-info-list .select-answer li a span {
  color: #888;
}

.content--adv.content--quiz-view .main.bidding.community {
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community .board-section {}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray {
  margin-top: 0;
  padding: 20px;
  border-top: 8px solid #f5f5f5;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray .board__item {
  margin: 0;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray .board__cmt {
  padding-top: 0;
}

.content--adv.content--quiz-view .main.bidding.community .safe-info-list.detail {}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur {
  position: relative;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur::before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  height: 100%;
  backdrop-filter: blur(8px);
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur .btn-pull {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 11;
  width: 100%;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur p {
  position: absolute;
  left: 50%;
  top: 94px;
  transform: translateX(-50%);
  z-index: 10;
  color: #000;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur>.btn-full {
  position: absolute;
  z-index: 11;
  width: calc(100% - 40px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-tit {
  margin-bottom: 4px;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-view-list {
  padding-bottom: 12px;
  margin-top: 8px;
  border-bottom: 1px solid #eee;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-view-list:last-child {
  border-bottom: none;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur>.btn-full a {
  padding: 0;
  margin: 0;
  width: 100%;
}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb {
  width: 24px;
  height: 24px;
  background-color: unset;
  overflow: unset;
}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb img {
  object-fit: contain;
}

.content--adv.content--quiz-view.result .select-answer.gauge {
  position: relative;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .gauge-fill {
  background: #F5F5F5;
}

.content--adv.content--quiz-view.result .select-answer.gauge li img {
  width: 24px;
  height: 24px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li {
  position: relative;
  z-index: 2;
}

.content--adv.content--quiz-view.result .select-answer.gauge li>a>span {
  padding-right: 70px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result {
  position: absolute;
  right: 22px;
  width: 48px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p {
  text-align: center;
  display: flex;
  justify-content: center;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p.percent,
.content--adv.content--quiz-view.result .select-answer.gauge li .result p.percent span {
  color: #575757;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p.count,
.content--adv.content--quiz-view.result .select-answer.gauge li .result p.count span {
  color: #888;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active .result p {}

.content--adv.content--quiz-view .cmt-view-list .right .name a {
  color: #333;
  font-weight: 500;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p span {
  display: inline-block;
}

.content--adv.content--quiz-view.result .select-answer.gauge li:nth-of-type(1).active .gauge-fill {
  background: #FFEBED;
}

.content--adv.content--quiz-view.result .select-answer.gauge li:nth-of-type(2).active .gauge-fill {
  background: #FFF2E9;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active .gauge-fill {
  opacity: 0.5;

}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .right .cont .txt .best-flag {
  font-weight: 700;
}

/* 게이지 바 스타일 */
.content--adv.content--quiz-view.result .select-answer.gauge .gauge-fill {
  width: 0;
  /* 초기 상태 */
  transition: width 0.5s ease-in-out;
  /* transition 추가 확인 */
}

.content--adv.content--quiz-view.result .select-answer.gauge .gauge-bar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;

  border-radius: 8px;
  overflow: hidden;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active {
  border: 1px solid #E45659;
}


/* 내가 선택 X 우세한의견 li.active.not*/
.content--adv.content--quiz-view.result .select-answer.gauge li.active.not {
  border: 1px solid #FA7C21;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active img {
  width: 24px;
  height: 34px;
  margin-top: -12px;
}

.content--adv.content--quiz-view.result .select-answer.gauge .gauge-fill {
  position: absolute;
  height: 100%;
  width: 0;
  /* 초기 값: 0% */
  background-color: #4caf50;
  /* 게이지 색상 */
  transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* 애니메이션 효과 */
  border-radius: 4px;
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li:nth-child(1) img {
  content: url(../image/select-answer-a-active.svg);
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li:nth-child(2) img {
  content: url(../image/select-answer-b-active.svg);
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li img {
  width: 24px;
  height: 24px;
}

.content--adv.content--gray.more .top-area+.mid-area {
  padding: 0 20px 0px 20px;
}

.content--adv.content--gray.more .mid-area.p-24-20 {
  padding: 24px 20px;
}

.content--adv.content--gray.more .mid-area .title__bar {
  padding: 0 0 20px 0;
}

.content--adv.content--gray.more .mid-area .quiz-top {
  position: relative;
}

.content--adv.content--gray.more .mid-area .quiz-top .img-wrap {
  display: block;
  height: 100%;
}

.content--adv.content--gray.more .mid-area .quiz-top .img-wrap img {
  width: 100%;
  height: 100%;
}

.content--adv.content--gray.more .mid-area .quiz-top .img-wrap:before {
  content: '';
  border-radius: 12px 12px 0px 0px;
  background: rgba(0, 0, 0, .7);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.content--adv.content--gray.more .mid-area .quiz-top .txt-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.content--adv.content--gray.more .mid-area .quiz-top .info-wrap {
  background: rgba(0, 0, 0, 0.60);
  width: 100%;
  position: absolute;
  bottom: 0;
}

.content--adv.content--gray.more .mid-area .quiz-top .info-wrap p {
  color: #CACACA;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  padding: 8px 0;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time {
  border-radius: 6px;
  border: 0.5px solid #F5F5F5;
  background: transparent;
  padding-left: 0;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  height: 25px;
  line-height: 25px;

}

.content--adv.content--gray.more .mid-area .match-list .item {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

.content--adv.content--gray.more .mid-area .match-list .item+.item {
  margin-top: 12px;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon:before {
  display: none;
}

.content--adv.content--gray.more .mid-area .quiz-top {
  position: relative;
  height: 142px;
}

.content--adv.content--gray.more .mid-area .txt-wrap {
  position: absolute;
  left: 12px;
  top: 12px;
}


.content--adv.content--gray.more .mid-area .txt-wrap .tit {
  min-width: 100%;
  height: 50px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 48px;
  border: 0;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 140%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.content--adv.content--gray.more .mid-area .txt-wrap .tit span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.content--adv.content--gray.more .mid-area .txt-wrap .tag-box {
  position: absolute;
  left: 10px;
  top: 10px;
}


.content--adv.content--gray.more.all-end .mid-area {
  padding: 24px 20px 0 20px;
}

.content--adv .tab__menu.gray-effect {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.header.maintain-effect {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn {
  height: max-content;
  background: transparent;
}

.content--adv .ml-auto {
  margin-left: auto;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn .btn-full,
.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn .btn {

  font-size: 16px;
  height: 48px;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  min-width: 100%;
  border-radius: 30px;
  font-weight: 700;
  border: none;
  background: #f5f5f5;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn>.btn-full {
  margin: 20px 0;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn {
  padding: 0 20px;
  box-shadow: none;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn>.btn-full:not(.disble) .btn {
  color: #fff;
  background-color: #dd2c2f;
  font-weight: 700;
  border: none;
}



/*popup--intro*/
.popup--intro .popup-close {
  margin-top: 34px;
  margin-right: 24px;
}

.popup--intro.pop__detail.message .popup__btn {
  width: calc(100% - 40px);
  margin: 24px auto 0;
}

.popup--intro.pop__detail.is-on {
  width: 100%;
}

.popup--intro .popup__cnt {
  background: transparent;
}

.popup--intro .adv-phone__swiper {
  position: relative;
  overflow: initial;
}

.popup--intro .adv-phone__swiper .txt-wrap .tit {
  font-size: 24px;
  color: #FFEBED;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.48px;
}

.popup--intro .adv-phone__swiper .txt-wrap .txt {
  font-size: 18px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.36px;
  margin-top: 12px;
}

.popup--intro .adv-phone__swiper .txt-wrap .txt .accent {
  font-style: normal;
  font-size: 18px;
  color: #EB8082;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.36px;
}

.popup--intro .adv-phone__swiper .swiper-pagination {
  position: absolute;
}

.popup--intro .adv-phone__swiper .swiper-wrapper {
  padding-bottom: 25px;
  align-items: center;
}

.popup--intro .adv-phone__swiper a {
  position: relative;
  width: 65.558%;
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
  min-height: 476px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.popup--intro .adv-phone__swiper a img {
  width: 84.75%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}

.popup--intro .adv-phone__swiper .txt-wrap {
  opacity: 0;
  transition: all 0.3s;
}

.popup--intro .adv-phone__swiper .swiper-slide.swiper-slide-active .txt-wrap {
  opacity: 1;
}

.popup--intro .adv-phone__swiper .swiper-slide.swiper-slide-active a img {
  width: 100%;
}

.popup--intro .adv-phone__swiper .swiper-slide {
  overflow: initial;
}

.popup--intro .popup__cnt {
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup--intro .popup__cont {
  height: 100%;
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet {
  margin: 0;
  background: rgba(2525, 2525, 2525, .4);
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(2525, 2525, 2525, 1);
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 8px;
}

.popup--intro .adv-phone__swiper .txt-wrap .tip-box {
  font-size: 14px;
  background: #000;
  width: max-content;
  border-radius: 20px;
  margin: 0 auto;
  padding: 4px 16px;
  color: #FFEBED;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.popup--intro.pop__detail .popup__cnt {
  padding: 0 0px 40px 0px;
}

.popup--intro .popup__btn {
  margin-top: 24px;
}

.popup--intro .popup__btn .btn {
  line-height: 140%;
  padding: 11.8px 0;
  box-sizing: border-box;
}

.popup--intro .popup__btn .btn-cancel {
  color: #CACACA;
  background: #f5f5f5;
}

.popup--intro .popup-close {
  display: block;
}

.popup--intro .popup-close img {
  margin-left: auto;
  margin-right: 0;
  display: block;
}

.popup--intro.pop__detail.is-on .popup__cont {
  padding-top: 30px;
}

.content--ps.view-detail .prod-com {
  overflow: hidden;
  color: #575757;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.content--ps.view-detail .prod-com+.prod-name {
  margin-top: 2px;
  margin-bottom: 8px;
}

.content--ps.view-detail .user-data {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.content--ps.view-detail .user-data span {
  color: #575757;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.content--ps.view-detail .user-data .target {
  margin-right: 4px;
}

.content--pp.content--private .main.mypage.info .input-area.mt-28 {
  margin-top: 28px;
}

.content--pp.content--private .main.mypage.info .input-area.mt-20 {
  margin-top: 20px;
}

.content--pp.content--private .main .my__info.p-40-20-20 {
  padding: 40px 20px 20px;
}

.content--pp.content--private .main .my__list.py-12 {
  padding: 12px 0;
}

.content--pp.content--private .main .my__list.py-12 li {
  padding: 0;

}

.content--pp.content--private .main .my__list.py-12 li a {
  height: 40px;
  align-items: center;
}

.content--pp.content--profile-set .main.mypage .my__info.profile-set .my__name .edit-btn {
  width: 14px;
  height: 14px;
  background: url(../image/edit-888.svg) no-repeat center top/14px;
  padding-left: 8px;
}

.content--pp.content--profile-set .main.mypage .my__info.profile-set .my__name {
  margin-bottom: 8px;
  font-size: 18px;
  color: #333;
}

.content--pp.content--profile-set .main.mypage .my__info.profile-set .my__desc {
  margin-bottom: 0;
}

.content--pp.content--profile-set .main.mypage .my__info.profile-set .my__go_link {
  line-height: 140%;
  margin-bottom: 0;
  color: #DD2C2F;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.content--pp.content--profile-set .main.mypage .my__info.profile-set .my__go_link span {
  line-height: 140%;
}

.content--pp.content--profile-set .main.mypage .my__figure.is-profile .del-file-btn {
  top: 0;
  left: 0px;
}

.content--pp.content--profile-set .main.mypage .my__profile.gap-12 {
  gap: 12px;
  padding: 40px 20px 20px 20px;
}

.content--pp.content--profile-set .intro__item.pt-30 .btn-wrap a+a {
  margin-left: 8px;
}

.content--pp.content--profile-set .intro__item.pt-30 .btn-wrap .cancel-btn,
.content--pp.content--profile-set .intro__item.pt-30 .btn-wrap .save-btn {
  font-weight: 700;
  font-weight: 700;
  display: flex;
  width: max-content;
  min-width: max-content;
}

.content--pp.content--profile-set .my__info.profile-set.biz {}

.content--pp.content--profile-set .main.mypage.profile.pt-0 {
  padding-top: 0;
}

.content--pp.content--profile-set .my__dashboard.bg-neu-50 {
  margin-bottom: 0;
}

.content--pp.content--profile-set .my__dashboard.bg-neu-50 ul {
  background: #f5f5f5;
}

.content--pp.content--profile-set .intro__item.pt-30 {
  padding: 30px 0 0 0;
}

.content--pp.content--profile-set .intro__item.pt-30 textarea.item__article {
  color: #000;
  font-size: 20px;
}

.content--pp.content--profile-set .intro__item.pt-30 textarea.item__article::placeholder {
  color: #000;
  font-size: 20px;
  color: gray;
  opacity: 1;
}

.content--pp.content--profile-set .intro__item.before .item__article {
  color: #888;
}

.content--pp.content--profile-set .intro__item.after .item__article {
  color: #575757;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap a {
  display: inline-flex;
  width: max-content !important;
  min-width: max-content;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap a+a {
  margin-left: 6px;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap .cancel-btn {
  color: var(--Neutral-Neutral-300, #888);

  /* Caption/L/Medium */
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap .save-btn {
  color: var(--Primary-MEAT-500, #DD2C2F);

  /* Caption/L/Bold */
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap {
  margin-left: 8px;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .my__name input {
  width: 134px;
  display: block;
  border-bottom: 1px solid #e8e8e8;

  font-size: 18px;
  padding: 0;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .my__name input::placeholder {
  color: #cacaca;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update.is-active .my__name input {
  color: #333;
}

.content--pp.content--profile-set .my__info.profile-set.biz.update .btn-wrap .save-btn.hidden {
  display: none;
}

.content--pp.content--profile-set .intro__item.pt-30.before .item__article {
  color: #888;
}

.content--pp.content--profile-set .intro__item.pt-30.after .item__article {
  color: #575757;
}

.content--pp.content--profile-set .intro__item.pt-30.is-active .item__article {
  color: #333;
  font-weight: 500;
}

.content--adv.content--gray .top-area {
  background: #f5f5f5;
}

.content--adv.content--gray .community.board .board-section {
  padding: 24px 20px 4px 20px;
}

.content--adv.content--gray .community.board .board-section.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.content--adv.content--gray .back-color-white {
  background-color: #fff;
}

.content--adv.content--gray .back-color-white .title__bar {
  padding: 8px 0;
}

.content--adv.content--gray .community.board .board-section.border-top-gray {
  border-top: 8px solid #f5f5f5;
}

.content--adv.content--gray .no-result {
  position: relative;
  height: 140px;
  padding-bottom: 28px;
  margin-top: 0;
}

.content--adv.content--gray .no-result p {
  color: #575757;
  padding: 0;
  font-size: 14px;
}

.content--adv.content--gray .no-result .lottie-box {
  width: max-content;
  position: absolute;
}

.content--adv.content--gray .no-result .lottie-box p {
  margin-top: -68px;
  text-align: center;
}

.content--adv.content--gray .no-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content--adv.content--gray .community.board .board-section.border-top-gray-8 {
  border-top: 8px solid #f5f5f5;
}

.terms__desc.width-max-content {
  width: max-content;
}

.terms__desc.only-select .default-btn:after {
  right: 16px;
}



.terms__desc.width-128 {
  width: 128px;
}

.terms__desc.width-128 .expand-box {
  width: 128px;
  min-width: 128px;
}

.terms__desc.mt-8 {
  margin-top: 8px;
}

.terms__desc.only-select .select-btn {
  border-radius: 4px;
  border: 1px solid #E8E8E8;
  background: #FFF;
}

.terms__desc.only-select .control-action {
  width: 100%;

}

.terms__desc.only-select .control-action.is-on {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.terms__desc.only-select .control-action.is-on .select-btn {
  border-radius: 4px 4px 0 0;
}

.terms__desc.only-select .select-btn .default-btn {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  padding: 8px 40px 8px 12px;
  box-sizing: border-box;
  width: 100%;
}

.terms__desc.only-select .expand-box {
  border-radius: 0 0 4px 4px;
  border: 1px solid #e8e8e8;
  border-top: none;
  box-sizing: border-box;
  box-shadow: none;
  position: unset;
  width: 100%;
  min-width: max-content;

}

.terms__desc.only-select .expand-box a {
  color: #575757;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  padding: 8px 12px;
}

.terms__desc.only-select .expand-box a.is-focus {
  color: #DD2C2F;
  font-weight: 500;
}

.terms__desc.only-select.width-128 .control-action .select-btn .default-btn:after {
  right: -17px;
  content: '';
  width: 16px;
  height: 16px;
  top: calc(50% - 9px);
  background: url(../image/select-default-2-down.svg) no-repeat center / 16px;
}

.terms__desc.only-select.width-128 .control-action.is-on .select-btn .default-btn:after {
  background: url(../image/select-default-2.svg) no-repeat center / 16px;
}

.terms__desc.mt-24 {
  margin-top: 24px;
}

.terms__text.color-neu-400 {
  color: #575757;
}

.terms__text.ft-14 {
  font-size: 14px;
}

.terms__list.mt-8 {
  margin-top: 8px;
}

.terms__list li a {
  color: #888;
  font-size: 13px;
  line-height: 140%;
}

.terms__box.p-30-20-0 {
  padding: 30px 20px 0;
  margin: 0;
}

.terms__desc.color-neu-400 {
  color: #575757;
  line-height: 140%;
}

.content--ps.view-detail .main.detail .detail__process ul li.add-request.only.done .icon {
  background: url(/assets/image/new-add-request_done.svg) no-repeat center center #fff;
}

.content--ps.view-detail .main.detail .detail__process ul li.add-request.only.ing .icon {
  background: url(/assets/image/new-add-request2_ing.svg) no-repeat center center #e45659;
}

.content--pd.bizProfile-view {
  padding-bottom: 57px;
}

.content--pd.bizProfile-view .btn-bizProfile {
  width: auto;
  display: inline-block;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 30px;
  border-radius: 50px;
  color: #DD2C2F;
  border: 1px solid #DD2C2F;
  background: #FFF;
}

.content--pd.bizProfile-view .item__figure {
  background: rgb(217 217 217 / 60%);
  width: 84px;
  height: 84px;
  border-radius: 999px;
}

.content--pd.bizProfile-view .item__article {
  color: #333;
  font-weight: 500;
  padding: 12px;
}

.content--pd.bizProfile-view .btn-full.is-reload-menu .btn-view {
  box-shadow: none;
  margin-top: 8px;
  height: 46px;
  border: 1px solid #e8e8e8;
  font-size: 16px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--pd.bizProfile-view .profile__item.py-0 {
  padding: 40px 0 0 0;
}

.content--pd.bizProfile-view .no-data {
  padding: 106px 0;
  width: 100%;
  text-align: center;
}

.content--pd.bizProfile-view .no-data p {
  color: #888;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.content--pd.bizProfile-view .tab__list .tabs a {
  font-weight: 400;
}

.content--pd.bizProfile-view .tab__list .tabs.is-active a {
  font-weight: 700;
}

.content--pd.bizProfile-view .profile__item.py-0+.intro__item {
  padding: 28px 0 20px 0;
}

.content--pd.bizProfile-view .profile__item .item__box .item__title {
  margin-bottom: 4px;
}

.content--pd.bizProfile-view .profile__item .item__box .item__detail {
  margin-bottom: 12px;
}

.content--pd.bizProfile-view .sell__item {
  border-bottom: none;
}

.content--pd.bizProfile-view .btn.btn-view img {
  width: 16px;
}

.content--pd.bizProfile-view .profile__item .item__box .item__detail span+span:after {
  background: #cacaca;
}

.content--pd.bizProfile-view .sell__item+.sell__item {
  border-top: 1px solid #eee;
}

.content--pd.bizProfile-view .sell__item .item__figure {
  border-bottom: none;

}

.content--pd.bizProfile-view .sell__item .item__figure {
  width: 88px;
  height: 88px;
  border-radius: 8px;
}

.content--pd.bizProfile-view .sell__item.default .item__figure {
  position: relative;
  background: #e8e8e8;
}

.content--pd.bizProfile-view .sell__item.default .item__figure::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  background: url(../image/sell__item-default.svg) center/contain;
}

.content--pd.bizProfile-view .sell__item.com .item__figure {
  position: relative;
  background: #e8e8e8;
}

.content--pd.bizProfile-view .sell__item.com .item__figure::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  background: rgb(0 0 0 / 50%) url(../image/sell__item-com.svg) center/60px no-repeat;
  border-radius: 8px;
  z-index: 99;
}



.content--pd.bizProfile-view .sorting-action .select-btn {
  display: flex;
  align-items: center;
}

.content--pd.bizProfile-view .sorting-action {
  padding: 0;
}

.content--pd.bizProfile-view .product__bar {
  padding: 20px 20px 0 20px;
}

.content--pd.bizProfile-view .sorting-action .select-btn .default-btn {
  line-height: 140%;
  font-size: 16px;
}

.content--pd.bizProfile-view .sorting-action.pos-first .expand-box {
  top: 30px;
}

.content--pd.bizProfile-view .sorting-action.pos-first .expand-box a.is-focus {
  color: #DD2C2f;
  font-weight: 500;
}

.fixed-menu.maintain-effect {
  box-shadow: 0px -4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--bp.content--announ-regist .tab__menu.maintain-effect {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--bp.content--announ-regist .no-result {
  margin-top: 0px;
}

.content--bp.content--announ-regist .no-result .lottie-box {
  width: max-content;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;

}

.content--bp.content--announ-regist .no-data .no-result .btn.red-line {
  margin-top: 16px;
}

.content--bp.content--announ-regist .no-data .no-result .btn.red-line a {
  width: 262px;

}

.content--bp.content--announ-regist .no-result .lottie-box p {
  position: absolute;
  bottom: -20px;
  width: 262px;
}

.content--bp.content--bp.content--sale-regist .choice_title {

  letter-spacing: -0.36px;
}

.content--bp.content--bp.content--sale-regist .choice_title.mb-0 {
  margin-bottom: 0;
}

.content--bp.content--bp.content--sale-regist .choice_txt {
  color: #888;
  padding-left: 12px;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

.content--bp.content--bp.content--sale-regist .choice_txt:before {
  position: absolute;
  content: '*';
  left: 3px;
  top: 0;
}

.content--bp.content--bp.content--sale-regist .choice_txt+.input-wrap {
  margin-top: 16px;
}

.content--adv.content--boardList .tag-box .tag.time {
  position: relative;
  background-color: #F5F5F5;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 24px;
  color: #4263EB;
}

.content--adv.content--boardList .tag-box .tag.time.soon {
  position: relative;
  background-color: #F5F5F5;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 24px;
  color: #4263EB;
  height: 21px;
}

/* 입찰 공고 상세 페이지 */
.content--adv.content--boardList .safe-top.detail .tag-box .tag.time::before {
  background: url('/assets/image/alarm-defult-bold.svg') center no-repeat;
}

/* 마감임박 */
.content--adv.content--boardList .tag-box .tag.time.soon span {
  color: #DD2C2F;
  font-size: 12px;
}

.content--adv.content--boardList .tag-box .tag.time.soon span {
  color: #DD2C2F;
  font-size: 12px;
}

.content--adv.content--boardList .tag-box .tag.time.soon:before {
  background-image: url('/assets/image/alarm-clock.svg');
}

.content--adv.content--boardList .tag-box .tag.time.end::before {
  background-image: url('/assets/image/alarm-clock-off.svg');
}

.content--adv.content--boardList .tag-box .tag.time.end span,
.content--adv.content--boardList .tag-box .tag.time.complete span {
  color: #888;
}

.content--adv.content--boardList .result-list .alert-box p:before {
  background-image: url('/assets/image/alarm-clock.svg');
}

.content--adv .top-area.p-16-20 {
  padding: 16px 20px;
}

.content--pd.bizProfile-view .main .profile__item .item__box .item__title .rating.fw-400 {
  font-weight: 400;
}

.content--pd.bizProfile-view .main .profile__item .item__box .item__follow .btn-follow.d-inline-flex {
  display: inline-flex;
  font-weight: 700;
}

.content--pd.bizProfile-view .main .profile__item .item__box .item__follow .btn-follow.d-inline-flex img {
  margin-right: 6.92px;
}

.modal-get .modal-content {
  padding: 32px 20px 20px 20px;
}

.modal-get .modal__title .ft-18 {
  font-size: 18px;
}

.modal-get .modal__title .ft-14 {
  font-size: 14px;
}

.modal-get .modal__title .mt-12 {
  margin-top: 12px;
}

.modal-get .modal__title .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.modal-get .modal__title .txt {
  color: #575757;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
}

.modal-get .modal__title strong,
.modal-get .modal__title span {
  display: block;
  text-align: center;
}

.modal-get .modal-toast-btn {
  gap: 0;
}

.modal-get .modal-toast-btn.f-direction-column {
  display: flex;
  flex-direction: column;
}

.modal-get .modal-toast-btn .mt-16 {
  margin-top: 16px;
}

.modal-get .modal-toast-btn.mt-24 {
  margin-top: 24px;
}

.modal-get .modal-toast-btn .link-dont-see {
  color: #888;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.modal-get .modal-toast-btn button {
  display: block;
}

.content--bp.content--myinfo .my__swiper.custom .swiper-pagination {
  margin-right: 0;
}

.content--bp.content--myinfo .my__swiper.custom .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  background: rgba(255, 255, 255, 0.15);
}

.content--bp.content--myinfo .my__swiper.custom .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 6px;
}

.content--bp.content--myinfo .my__swiper.custom .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 1);
}

.content--bp.content--myinfo .main .my__list.item-py-9 ul li {
  padding: 9px 0;
}

.content--bp.content--myinfo .main .my__list.item-py-9 ul li+li {
  margin-top: 4px;
}

.content--bp.content--myinfo .bidding-list.p-14-19 {
  padding: 14px 19px;
}

.content--bp.content--myinfo .main .dashboard-wrap .safe-management.p-14-22 {
  padding: 14px 22px;
  gap: 72px;
  display: grid;
  grid-auto-flow: column;
}

.content--bp.content--myinfo .main .dashboard-wrap .safe-management.gap-x-116 {
  gap: 0 116px;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
}

.content--bp.content--myinfo .main .dashboard-wrap .safe-management.gap-x-116 li {
  width: max-content;
}

.content--bp.content--myinfo .main .dashboard-wrap .safe-management.p-14-22 li {
  width: max-content;
}

.content--bp.content--myinfo .bidding-list.item-strong-mt-4 li strong {
  margin-top: 4px;
}

.content--bp.content--myinfo .my__list.py-12-16 {
  padding: 12px 0 16px 0;
  ;
}

.content--bp.content--myinfo .my__list.item-py-9 li span {
  line-height: 140%;
}

.content--bp.content--myinfo .my__list.item-py-9 li a {
  align-items: center;
}

.content--bp.content--myinfo .main .my__list ul li a .position-admin.d-flex-align-center {
  display: flex;
  align-items: center;
  margin-right: 17px;
}

.content--bp.content--myinfo .main .my__list.py-12-16 ul li a:after {
  right: -6px;
}

.content--bp.content--myinfo .main .my__profile .my__info .my__name.mb-8 {
  margin-bottom: 8px;
}

.content--bp.content--myinfo .main .my__profile .my__info .my__name.ft-18 {
  font-size: 18px;
}

.content--pp.content--infoalarm .setting__board dl.p-9-20 {
  padding: 9px 20px;
}

.content--pp.content--infoalarm .setting__board dl.mt-3 {
  margin-top: 3px;
}

.content--pp.content--infoalarm .setting__board dl.mt-5 {
  margin-top: 5px;
}

.content--pp.content--infoalarm .setting__board dl.mt-6 {
  margin-top: 6px;
}

.content--pp.content--infoalarm .setting__board.only-pt-24 {
  padding: 24px 0 0 0;
}

.content--pp.content--infoalarm .setting__board.border-bottom-none {
  border-bottom: none;
}

.content--pp.content--infoalarm .main .my__alarm .setting__board dl dt strong.ft-16 {
  font-size: 16px;
}


.content--adv.content-taxcalc .safe-info-list.mt-0 {
  margin-top: 0;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter.pt-32 {
  padding-top: 32px;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter {
  padding: 0 20px;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .input-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__title.sort {
  margin: 0;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__input.w-224 {
  width: 224px;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__title.min-w-61 {
  min-width: 61px;
  justify-content: center;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__title.min-w-61 .view-sorting {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__title.min-w-61 .view-sorting span {
  color: #888;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.content--adv.content-taxcalc .safe-input-area.datepicker-and-filter .item__title.min-w-61 .view-sorting img {
  margin-right: 6px;
}

.modal-toast.modal-attr-month-sorting .datepicker {
  position: unset;
  transform: unset !important;
  width: 100% !important;
}

.modal-toast.modal-attr-month-sorting .datepicker .datepicker-picker {
  box-shadow: unset;
}

.modal-toast.modal-attr-month-sorting .datepicker .datepicker-title {
  color: #575757;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  padding: 0;
  margin-bottom: 10px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.border-radius-0 {
  border-radius: 0;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.px-20 {
  padding: 0 20px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.p-16-16-6-16 {
  padding: 16px 16px 6px 16px;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.mt-16 {
  margin-top: 16px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.m-16-20-0-20 {
  margin: 16px 20px 0 20px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.m-8-20-0-20 {
  margin: 8px 20px 0 20px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.m-12-20-0-20 {
  margin: 12px 20px 0 20px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .safe-info-list-ul.ma-0 {
  margin: 0;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .safe-info-list-ul.only-mt-2 {
  margin: 2px 0 0 0;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .safe-info-list-ul.pa-0 {
  padding: 0;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.safe-info-list--card .title-wrap {
  position: relative;
  width: 100%;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.safe-info-list--card .title-wrap .cate {
  width: max-content;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  border-radius: 4px;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .title-wrap span {
  display: inline-block;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .title-wrap .cate.red {
  background: #FFEBED;
  color: #dd2c2f;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .title-wrap .cate.orange {
  background: #FFF2E9;
  color: #FA7C21;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .title-wrap .cate.brown {
  background: #FFF2E9;
  color: #C8631A;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.safe-info-list--card .title-wrap .num {
  width: max-content;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
  border-radius: 4px;
  color: #888;
  background: #f5f5f5;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.safe-info-list--card .title-wrap .title {
  margin: 8px 0 0 4px;
  font-size: 16px;
  color: #333;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail.safe-info-list--card .title-wrap button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .safe-info-list-ul.border-none {
  border: unset;
  border-radius: 0;
}

.content--adv.content-taxcalc .main.bidding .safe-info-list.detail .safe-info-list-ul.border-none .name {
  margin: 0;
}

.content--adv.content-taxcalc .safe-info-list.safe-info-list--card .safe-info-list-ul>li {
  padding: 10px 4px;
}

.content--adv.content-taxcalc .safe-info-list.safe-info-list--card .safe-info-list-ul>li.price {
  display: flex;
  flex-direction: unset;
  padding: 9px 4px;
}

.content--adv.content-taxcalc .safe-info-list.safe-info-list--card .safe-info-list-ul>li.price .name {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.content--adv.content-taxcalc .safe-info-list.safe-info-list--card .safe-info-list-ul>li.price .desc {
  color: #DD2C2F;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

.modal-attr-month-sorting.is-on .modal-content {
  padding: 24px 20px 8px 20px;
}

.modal-attr-month-sorting .datepicker.active .view-switch::after {
  content: "년";
}

.modal-toast.modal-sort-lookup .sorting-list .origin-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  grid-gap: 4px;
  margin-bottom: 0;
}

.modal-toast.modal-sort-lookup.is-on .modal-content {
  padding: 24px 20px 20px 20px;
}

.modal-toast.option.option-button.modal-sort-lookup .sorting-list .origin-list li {
  width: 100%;
  margin: 0 !important;
}

.modal-toast.option.option-button.modal-sort-lookup .modal-toast-btn {
  margin-top: 20px;
}

.content--ps.content-safetrans .safe-top-frame--100 {
  position: fixed;
  width: 100%;
  max-width: 500px;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  background: #fff;
  padding: 40px 0 24px;
}

.content--ps.content-safetrans .safe-top-frame--100 .thumb {
  width: 100px;
  height: 100px;
  border-radius: 16px;
  overflow: hidden;
  margin: 0 auto;
}

.content--ps.content-safetrans .safe-top-frame--100 .safe-tit {
  margin: 16px auto 0;
}

.content--ps.content-safetrans .safe-top-frame--100 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content--ps.content-safetrans .main.bidding.full {
  width: 100%;
  box-sizing: border-box;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 {
  width: 100%;
  /* 가로 크기 */

  overflow-y: scroll;
  overflow: scroll;
  padding: 285px 20px 0 20px;

  box-sizing: border-box;
  background: #fff;
  text-align: center;
  min-height: calc(100vh - 63px);
  height: calc(100vh - 76px);
}

.content--ps.content-safetrans .safe-input-area.with-frame-100.full-area {
  min-height: 100vh;
  height: 100vh;
}

.content--ps.content-safetrans .checkbox.left-check.mt-6 {
  margin-top: 6px;
}

.main.bidding .checkbox.lable-pl-30 label {
  padding-left: 30px;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .item__title .essential {
  font-weight: 500;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .safe-input-area__inner {
  padding-bottom: 25px;
  /* 내부 여백 */
  box-sizing: border-box;
  /* 패딩 포함 계산 */
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .add-done {
  position: relative;
  border: none;
  border-radius: 0;
  border-top: 1px solid #eeeeee;
  padding: 12px 12px 0 12px;
  box-sizing: border-box;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .add-done .tit {
  padding: 0;
  color: #888;
  font-size: 12px;
  margin-bottom: 6px;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .add-done .add-detail {
  padding: 0;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .add-done .add-detail.mt-2 {
  margin-top: 2px;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .input-radio .radio-wrap {
  padding: 12px 0 10px 0;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .input-radio .radio-wrap .has-add {
  text-align: left;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .item__title span {
  line-height: 140%;
}

.content--ps.content-safetrans {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  margin: 0;
  width: 100%;
  max-width: 500px;
  height: 100vh;
  border-radius: 0;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  overflow-y: scroll;
}

.cmt-area.btn-fixed-full.fixed-custom .btn-full {
  width: 100%;
}

.cmt-area.btn-fixed-full.fixed-custom {
  box-shadow: none;
  padding: 12px 0 20px 0;
}

.cmt-area.btn-fixed-full.fixed-custom div.btn-full {
  padding: 0 20px;
  box-sizing: border-box;
}

.cmt-area.btn-fixed-full.fixed-custom .btn-full>.btn-full {
  font-size: 16px;
  margin: 0;
  color: #fff;
  box-sizing: border-box;
  padding: 14px 0;
  width: 100%;
  border-radius: 30px;
  background-color: #dd2c2f;
  font-weight: 700;
}

.content--ps.content-safetrans .safe-input-area.with-frame-100 .input-radio .radio-wrap.check {
  padding: 12px 0;
}

.product__top.close-right {
  padding: 7px 18px 8px 18px;
}

.content--ps.content-safetrans .safe-top.not-fixed {
  background: transparent;
}

.content--ps.content-safetrans.estmate .safe-top-frame--100.not-fixed {
  background: transparent;
  position: unset;
  transform: unset;
  max-width: 100%;
}

.content--ps.content-safetrans.estmate {
  background: #f5f5f5;
}

.content--ps.content-safetrans.estmate .safe-input-area.with-frame-100.p-56-20-130 {
  padding: 56px 20px 130px;
}

.content--ps.content-safetrans.estmate .safe-input-area.with-frame-100 {
  background: transparent;
  padding: 56px 20px 0 20px;
  overflow: auto;
  overflow-x: hidden;
}

.content--ps.content-safetrans.estmate .safe-input-area.with-frame-100.pb-24 {
  padding-bottom: 24px;
}

.content--ps.content-safetrans.estmate .main.bidding .safe-info-list .safe-info-list-ul {
  margin: 0;
}

.content--ps.content-safetrans.estmate .safe-info-list .safe-info-list-ul>li .name .i-info {
  position: relative;
  display: inline-block;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .total-price.group-by {
  position: unset;
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 9px 4px;
  box-sizing: border-box;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 {
  padding: 4px 16px 0;
  filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.08));
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li {
  padding: 9px 4px 10px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li .name {
  margin-top: 0;

}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li.price {
  padding: 9px 4px 14px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li.price .vat {
  margin-top: 2px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .checkbox {
  margin-top: 10px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li .desc,
.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li .name {
  line-height: 140%;
}

.cmt-area.btn-fixed-full.fixed-custom.bg-none {
  background: transparent;

}

.content--ps.content-safetrans.estmate .safe-top-frame--100 .safe-tit.align-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.content--ps.content-safetrans.estmate .tooltip .tooltiptext {
  top: 30px;
  left: -11vw;
  max-width: 35vw;
  width: 42vw;
  /* min-width: 21px; */
  overflow: hidden;
  /* overflow: hidden; */
  margin: 0;
  /* left: 0; */
  padding: 7px;
}

.content--ps.content-safetrans.estmate .tooltip.d-inline-flex {
  display: inline-flex;
}

.cmt-area.btn-fixed-full.fixed-custom.double-btn>.btn-full {
  display: flex;
}

.cmt-area.btn-fixed-full.fixed-custom.double-btn .btn {
  flex: 1;
  max-height: 44px;
  height: 44px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}

.cmt-area.btn-fixed-full.fixed-custom.double-btn .btn+.btn {
  margin-left: 16px;
}

.cmt-area.btn-fixed-full.fixed-custom.double-btn .btn-cancel {
  color: #888;
  border: 1px solid #cacaca;
  background: transparent;
  font-weight: 700;
  font-size: 16px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li .safe-tit.tooltip-box.align-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li.border-bottom-none {
  border-bottom: none;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .safe-info-list-ul.item-py-9 li.p-12-0-4 {
  padding: 12px 0 4px;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .checkbox.label_cont-padding .label_cont {
  padding-left: 28px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .checkbox.label_cont-padding>div+div {
  margin-top: -2px;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li {
  position: relative;
  margin-right: 44px;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li {
  position: relative;
  margin-right: 44px;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.done .img__box {
  border: 1px solid #e45659;
}

/* 아이콘 */
/* 1. 기본 */

/* 주문 확인 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-check .img__box {
  background: url(/assets/image/file-download-02.svg) no-repeat center center #f5f5f5;
}

/* 주문완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-compl .img__box {
  background: url(/assets/image/file-check-02.svg) no-repeat center center #f5f5f5;
}

/* 결제완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay-compl .img__box {
  background: url(/assets/image/pay-compl.svg) no-repeat center center #f5f5f5;
}

/* 취소완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.cancel-compl .img__box {
  background: url(/assets/image/cancel-compl.svg) no-repeat center center #f5f5f5;
}

/* 출고 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.release .img__box {
  background: url(/assets/image/release.svg) no-repeat center center #f5f5f5;
}

/* 소유주 변경 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.owner-change .img__box {
  background: url(/assets/image/owner-change.svg) no-repeat center center #f5f5f5;
}

/* 구매 확정*/
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.purchase-confirm .img__box {
  background: url(/assets/image/purchase-confirm.svg) no-repeat center center #f5f5f5;
}

/* 2. 진행중 */
/* 결제방법 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay.red .img__box {
  background: url(/assets/image/credit-card-plus-process.svg) no-repeat center center #e45659;
}

/* 주문확인 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-check.red .img__box {
  background: url(/assets/image/file-download-02-process.svg) no-repeat center center #e45659;
}

/* 주문완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-compl.red .img__box {
  background: url(/assets/image/file-check-02-process.svg) no-repeat center center #e45659;
}

/* 결제완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay-compl.red .img__box {
  background: url(/assets/image/credit-card-check.svg) no-repeat center center #e45659;
}

/* 취소완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.cancel-compl.red .img__box {
  background: url(/assets/image/credit-card-refresh.svg) no-repeat center center #e45659;
}

/* 출고 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.release.red .img__box {
  background: url(/assets/image/release_ing.svg) no-repeat center center #e45659;
}

/* 소유주 변경 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.owner-change.red .img__box {
  background: url(/assets/image/owner-change_red.svg) no-repeat center center #e45659;
}

/* 구매확정 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.purchase-confirm.red .img__box {
  background: url(/assets/image/purchase-confirm_red.svg) no-repeat center center #e45659;
}

/* 3. 완료 */
/* 배경색 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.done .img__box {
  border: 1px solid #e45659;
}

/* 결제방법 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay.done .img__box {
  background: url(/assets/image/credit-card-plus-done.svg) no-repeat center center #fff;
}

/* 주문확인 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-check.done .img__box {
  background: url(/assets/image/file-download-02-done.svg) no-repeat center center #fff;
}

/* 주문완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.order-compl.done .img__box {
  background: url(/assets/image/file-check-02-done.svg) no-repeat center center #fff;
}

/* 취소완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.cancel-compl.done .img__box {
  background: url(/assets/image/cancel-compl_done.svg) no-repeat center center #fff;
}

/* 결제완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay-compl.done .img__box,
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.pay-complt.done .img__box {
  background: url(/assets/image/credit-card-red.svg) no-repeat center center #fff;
}

/*소유주 변경 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.owner-change.done .img__box {
  background: url(/assets/image/owner-change_done.svg) no-repeat center center #fff;
}

/* 출고 완료 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.release.done .img__box {
  background: url(/assets/image/release_done.svg) no-repeat center center #fff;
}

/* 구매 확정 */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.purchase-confirm.done .img__box {
  background: url(/assets/image/purchase-confirm_done.svg) no-repeat center center #fff;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.done:before {
  content: "";
  background: url(../image/union_red.svg) no-repeat center center;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.red .text {
  color: #DD2C2F;
  font-weight: 500;
}

/* 주문 확인 완료(done)시 결제방법  */
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.none,
.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li.none:before {
  display: none;
}

.option__list a.active {
  color: #DD2C2F;
}

/* 글쓰기 내 에디터 */
.editor-area {
  margin: 0 20px !important;
}

.editor-area .ql-toolbar.ql-snow {
  display: flex;
  border-radius: 8px 8px 0 0;
  border-color: #e8e8e8;
}

.editor-area .ql-toolbar.ql-snow .ql-formats {
  display: flex;
  gap: 10px;
  margin-right: 0 !important;
}

.content--ps.content-safetrans.estmate .safe-input-area .item__input span.ta-l,
.content--ps.content-safetrans.estmate .safe-input-area .item__input a.ta-l {
  text-align: left;
}

.content--ps.content-safetrans.estmate .safe-info-list.mt-20 {
  margin-top: 20px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .tag__item {
  margin: 0;
  padding: 0;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__title span {
  padding: 0;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;

}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .select-btn .default-btn.ta-l {
  text-align: left;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action.is-on {
  border-bottom: 1px solid #e8e8e8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__dashboard .expand-box {
  position: absolute;
  width: 100%;
  z-index: 11;
  top: 45px;
  left: -1px;
  margin-top: 6px;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  overflow-y: scroll;

}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .item__dashboard .expand-box .bank-logo {
  margin-right: 6px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__dashboard .expand-box.detail {
  overflow-y: scroll;
  max-height: 365px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action.is-on a.arrow:before {
  background: url(../image/chevron-up.svg) no-repeat center center;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .item__dashboard .expand-box a {
  position: relative;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .state-action .select-btn .default-btn {
  color: #888;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .state-action .select-btn .default-btn.arrow {
  padding: 11px 44px 11px 12px;
  height: 44px;
  box-sizing: border-box;
  font-weight: 500;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item.mt-0 {
  margin-top: 0;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  position: relative;
  width: 100%;
  display: inline-block;
  min-width: 86px;
  padding: 10px 50px 10px 12px;
  box-sizing: border-box;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .tag__item .item__dashboard {
  height: auto;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a .bank-name {
  font-weight: 400;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a .issued {
  display: none;
  height: 23px;
  padding: 3px 8px;
  box-sizing: border-box;
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #ffebed;
  border-radius: 30px;
  color: #e45659;
  line-height: 17px;
  font-size: 12px;
  font-weight: 500;
}

.cmt-area.btn-fixed-full.fixed-custom div.btn-full.pt-20 {
  padding-top: 20px;
}

.content--ps.content-safetrans.estmate {
  display: flex;
  flex-direction: column;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box {
  z-index: 99;
  position: absolute;
  bottom: 22px;
  width: 100%;
  left: 0;
  box-sizing: border-box;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box {
  background: #F5F5F5;
  padding: 20px;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .tit {
  color: #575757;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists {
  margin-top: 6px;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists li {
  position: relative;
  padding-left: 20px;
  color: #888;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists li::before {
  position: absolute;
  content: '·';
  left: 6px;
  top: -1px;
  color: #888;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: unset;
}

.content--pp.content--notice .pt-20 {
  padding-top: 20px;
}

.content--pp.content--notice .data__item.txt-type .item__title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.content--pp.content--notice .data__item.txt-type .item__subject a {
  padding: 0 0 4px 0;
  line-height: 140%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
  max-width: 100%;
  /* height: 100%; */
  vertical-align: -webkit-baseline-middle;
  padding: 0;
  line-height: 140%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content--pp.content--notice .data__item.txt-type .item__date {
  line-height: 140%;
}

.content--pp.content--notice .data__item.txt-type .item__btn {
  margin-left: 8px;
  width: 20px;
  height: 20px;
}

.content--pp.content--notice .data__item.txt-type .item__btn button {
  padding: 0;
  width: 20px;
  height: 20px;
}

.content--pp.content--notice .board__view.f-14-notice .editor {
  font-size: 14px;
  padding: 12px 4px 0 4px;
}

.content--pp.content--notice .board__item .board__info.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.content--pp.content--notice.pb-0 {
  padding-bottom: 0;
}

.content--pp.content--notice .pb-0 {
  padding-bottom: 0;
}

.content--pp.content--notice .community.view .board__item .board__title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv .d-flex {
  display: flex;
}

.content--adv .align-center {
  align-items: center;
}

.content--adv .justify-flex-end {
  justify-content: flex-end;
}

.content--adv .d-flex-direction-column {
  display: flex;
  flex-direction: column;
}

.content--adv .chart__time.line-2 .tooltip {
  margin: 0 0 0 2px;
  width: 12px;
  height: 12px;
}

.content--adv .mt-2 {
  margin-top: 2px;
}

.content--adv .chart__time.line-2 .tooltip img {
  width: 12px;
  height: 12px;
}

.content--adv .safe-input-area.connect-date .input-wrap {
  display: flex;
}

.content--adv .safe-input-area.connect-date .input-wrap {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  align-items: center;
}

.content--adv .safe-input-area.connect-date .input-wrap span {
  flex: none;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input {
  flex: 1;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input .text {
  border: none;
  padding: 10px 0;
  color: #575757;

}

.content--adv .safe-input-area.connect-date .datepicker-input {
  font-size: 14px;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input:nth-of-type(1) {
  padding-left: 28px;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input:nth-of-type(2) {
  padding-left: 46px;
}

.content--adv .pt-33 {
  padding-top: 33px;
}

.content--adv .px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.content--adv .mt-24 {
  margin-top: 24px;
}

.content--adv .mb-20 {
  margin-bottom: 20px;
}

.content--adv .pb-20 {
  padding-bottom: 20px;
}

.content--adv .slider-switch {
  position: relative;
  width: 80px;
  height: 25px;
  background-color: #ccc;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0;
  cursor: pointer;
}

.content--adv .slider-switch[data-active="sell"] {
  border: 1px solid #FA7C21;
  background: #FA7C21;
}

.content--adv .slider-switch[data-active="buy"] {
  border: 1px solid #4263EB;
  background: #4263EB;
}

.content--adv .slider-switch span {
  position: relative;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  user-select: none;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  overflow: hidden;
  border-radius: 999px;
  line-height: 25px;
  font-weight: 500;
}

.content--adv .slider-switch span:hover:after {
  display: none !important;
}

.slider-toggle {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #FA7C21;
  border-radius: 20px;
  transition: transform 0.3s ease;
}

.content--adv .slider-switch[data-active="sell"] .slider-toggle {
  transform: translateX(0);
  background-color: #FA7C21;
}

.content--adv .slider-switch[data-active="buy"] .slider-toggle {
  transform: translateX(100%);
  background-color: #4263EB;
}

.content--adv .slider-switch[data-active="sell"] span:nth-of-type(1) {
  background-color: #fff;
  color: #FA7C21;
  font-weight: 700;
}

.content--adv .slider-switch[data-active="buy"] span:nth-of-type(2) {
  background-color: #fff;
  color: #4263EB;
  font-weight: 700;
}

.safe-input-area.connect-date .datepicker-input-wrap {
  height: 40px;
  margin-top: 0;
}

.safe-input-area.connect-date .datepicker-input-wrap input,
.safe-input-area.connect-date .datepicker-input-wrap .slash {
  color: #575757;
  line-height: 40px;
}

.modal-exchange.modal-toast .modal-content {
  padding: 12px 20px;
}

.modal-exchange .datepicker {
  position: unset !important;
  transform: unset !important;
  width: 100% !important
}

.custom-pop_bidding_state .detail-price {
  color: #575757;
  margin-left: 4px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.custom-pop_bidding_state#pop_bidding_state .detail-price span {
  color: #FA7C21;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-left: 4px;
}

.custom-pop_bidding_state#pop_bidding_state .time {
  margin-top: 5px;
  font-size: 13px;
}

.custom-pop_bidding_state#pop_bidding_state .badge {
  padding: 12px 12px 12px 12px;
}


.custom-pop_bidding_state#pop_bidding_state .badge .flag {
  margin-bottom: 4px !important;
}

.custom-pop_bidding_state#pop_bidding_state .badge .day {
  font-size: 13px;
}

.custom-pop_bidding_state#pop_bidding_state .badge-list .badge .state .time {
  margin-top: 0;
}

.custom-pop_bidding_state#pop_bidding_state .badge-list .badge {
  padding: 12px 18px 12px 11px;
}

.dimed.deep {
  background: rgba(0, 0, 0, 0.8);
}

.dimed.ten {

  background: rgba(0, 0, 0, 0.1);
}

.content--bp.content--myinfo .main .my__profile .my__info .my__grade span.ml-0 {
  margin-left: 0;
}

.safe-info-list.mb-0 {
  margin-bottom: 0;
}

.cmt-area.btn-fixed-full.fixed-custom.bg-gray {
  background: #f5f5f5;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.d-flex-direction-column {
  flex-direction: column;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.align-items-end {
  align-items: flex-end;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.gap-0 {
  gap: 0;
}

.content--ps.content-safetrans.estmate .mr-4 {
  margin-right: 4px;
}

.content--ps.content-safetrans.estmate .d-flex-align-center {
  display: flex;
  align-items: center;
}

.content--ps.content-safetrans.estmate .safe-info-list.mb-20 {
  margin-bottom: 20px;
}

.content--ps.content-safetrans.estmate .safe-top-frame--100 .safe-tit.line-height-140 {
  line-height: 140%;
}

.content--ps.content-safetrans.estmate .safe-input-area .item__input span.ta-l,
.content--ps.content-safetrans.estmate .safe-input-area .item__input a.ta-l {
  text-align: left;
}

.content--ps.content-safetrans.estmate .safe-info-list.mt-20 {
  margin-top: 20px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .tag__item {
  margin: 0;
  padding: 0;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__title span {
  padding: 0;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;

}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .select-btn .default-btn.ta-l {
  text-align: left;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action.is-on {
  border-bottom: 1px solid #e8e8e8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__dashboard .expand-box {
  position: absolute;
  width: 100%;
  z-index: 11;
  top: 45px;
  left: -1px;
  margin-top: 6px;
  border-radius: 8px;
  background: #fff;
  text-align: left;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  overflow-y: scroll;

}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .item__dashboard .expand-box .bank-logo {
  margin-right: 6px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .item__dashboard .expand-box.detail {
  overflow-y: scroll;
  max-height: 365px;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action.is-on a.arrow:before {
  background: url(../image/chevron-up.svg) no-repeat center center;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .item__dashboard .expand-box a {
  position: relative;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .state-action .select-btn .default-btn {
  color: #888;
}

.content--ps.content-safetrans.estmate .safe-input-area .input-wrap.safe-input-default-item .state-action .select-btn .default-btn.arrow {
  padding: 11px 44px 11px 12px;
  height: 44px;
  box-sizing: border-box;
  font-weight: 500;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item.mt-0 {
  margin-top: 0;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  position: relative;
  width: 100%;
  display: inline-block;
  min-width: 86px;
  padding: 10px 50px 10px 12px;
  box-sizing: border-box;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .tag__item .item__dashboard {
  height: auto;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a .bank-name {
  font-weight: 400;
}

.content--ps.content-safetrans.estmate .input-wrap.safe-input-default-item .state-action a .issued {
  display: none;
  height: 23px;
  padding: 3px 8px;
  box-sizing: border-box;
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #ffebed;
  border-radius: 30px;
  color: #e45659;
  line-height: 17px;
  font-size: 12px;
  font-weight: 500;
}

.cmt-area.btn-fixed-full.fixed-custom div.btn-full.pt-20 {
  padding-top: 20px;
}

.content--ps.content-safetrans.estmate {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box {
  z-index: 99;
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  box-sizing: border-box;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box {
  background: #F5F5F5;
  padding: 20px;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .tit {
  color: #575757;
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists {
  margin-top: 6px;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists li {
  position: relative;
  padding-left: 20px;
  color: #888;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.content--ps.content-safetrans.estmate .txt-wrap.gray-box .lists li::before {
  position: absolute;
  content: '·';
  left: 6px;
  top: -1px;
  color: #888;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: unset;
}

.content--pp.content--notice .pt-20 {
  padding-top: 20px;
}

.content--pp.content--notice .data__item.txt-type .item__title-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.content--pp.content--notice .data__item.txt-type .item__subject a {
  padding: 0 0 4px 0;
  line-height: 140%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
  max-width: 100%;
  /* height: 100%; */
  vertical-align: -webkit-baseline-middle;
  padding: 0;
  line-height: 140%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content--pp.content--notice .data__item.txt-type .item__date {
  line-height: 140%;
}

.content--pp.content--notice .data__item.txt-type .item__btn {
  margin-left: 8px;
  width: 20px;
  height: 20px;
}

.content--pp.content--notice .data__item.txt-type .item__btn button {
  padding: 0;
  width: 20px;
  height: 20px;
}

.content--pp.content--notice .board__view.f-14-notice .editor {
  font-size: 14px;
  padding: 12px 4px 0 4px;
}

.content--pp.content--notice .board__item .board__info.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.content--pp.content--notice.pb-0 {
  padding-bottom: 0;
}

.content--pp.content--notice .pb-0 {
  padding-bottom: 0;
}

.content--pp.content--notice .community.view .board__item .board__title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv .d-flex {
  display: flex;
}

.content--adv .align-center {
  align-items: center;
}

.content--adv .justify-flex-end {
  justify-content: flex-end;
}

.content--adv .d-flex-direction-column {
  display: flex;
  flex-direction: column;
}

.content--adv .chart__time.line-2 .tooltip {
  margin: 0 0 0 2px;
  width: 12px;
  height: 12px;
}

.content--adv .mt-2 {
  margin-top: 2px;
}

.content--adv .chart__time.line-2 .tooltip img {
  width: 12px;
  height: 12px;
}

.content--adv .safe-input-area.connect-date .input-wrap {
  display: flex;
}

.content--adv .safe-input-area.connect-date .input-wrap {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  align-items: center;
}

.content--adv .safe-input-area.connect-date .input-wrap span {
  flex: none;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input {
  flex: 1;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input .text {
  border: none;
  padding: 10px 0;
  color: #575757;

}

.content--adv .safe-input-area.connect-date .datepicker-input {
  font-size: 14px;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input:nth-of-type(1) {
  padding-left: 28px;
}

.content--adv .safe-input-area.connect-date .input-wrap .item__input:nth-of-type(2) {
  padding-left: 46px;
}

.content--adv .pt-33 {
  padding-top: 33px;
}

.content--adv .px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.content--adv .mt-24 {
  margin-top: 24px;
}

.content--adv .mb-20 {
  margin-bottom: 20px;
}

.content--adv .pb-20 {
  padding-bottom: 20px;
}

.content--adv .slider-switch {
  position: relative;
  width: 80px;
  height: 25px;
  background-color: #ccc;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0;
  cursor: pointer;
}

.content--adv .slider-switch[data-active="sell"] {
  border: 1px solid #FA7C21;
  background: #FA7C21;
}

.content--adv .slider-switch[data-active="buy"] {
  border: 1px solid #4263EB;
  background: #4263EB;
}

.content--adv .slider-switch span {
  position: relative;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  user-select: none;
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
  overflow: hidden;
  border-radius: 999px;
  line-height: 25px;
  font-weight: 500;
}

.content--adv .slider-switch span:hover:after {
  display: none !important;
}

.slider-toggle {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #FA7C21;
  border-radius: 20px;
  transition: transform 0.3s ease;
}

.content--adv .slider-switch[data-active="sell"] .slider-toggle {
  transform: translateX(0);
  background-color: #FA7C21;
}

.content--adv .slider-switch[data-active="buy"] .slider-toggle {
  transform: translateX(100%);
  background-color: #4263EB;
}

.content--adv .slider-switch[data-active="sell"] span:nth-of-type(1) {
  background-color: #fff;
  color: #FA7C21;
  font-weight: 700;
}

.content--adv .slider-switch[data-active="buy"] span:nth-of-type(2) {
  background-color: #fff;
  color: #4263EB;
  font-weight: 700;
}

.safe-input-area.connect-date .datepicker-input-wrap {
  height: 40px;
  margin-top: 0;
}

.safe-input-area.connect-date .datepicker-input-wrap input,
.safe-input-area.connect-date .datepicker-input-wrap .slash {
  color: #575757;
  line-height: 40px;
}

.modal-exchange.modal-toast .modal-content {
  padding: 12px 20px;
}

.modal-exchange .datepicker {
  position: unset !important;
  transform: unset !important;
  width: 100% !important
}

.content--adv .pt-31 {
  padding-top: 31px;
}

.content--adv .ft-13 {
  font-size: 13px;
}

.content--adv .ml-3 {
  margin-left: 3px;
}

.content--adv .flag-size img {
  width: 20px;
  height: 24px;
}

.content--adv .color-888 {
  color: #888;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(1).active .check img {
  content: url('../image/select-answer-a-check-login-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer.sel li:nth-child(2).active .check img {
  content: url('../image/select-answer-b-check-login-active.svg');
}

.content--adv.content--quiz-view .safe-info-list .select-answer .check {
  display: block;
  margin-right: auto;
  /* margin-left: 0; */
  position: absolute;
  right: 20px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer .check img {
  margin: 0;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li a span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li+li {
  margin-top: 8px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(1).choice,
.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(1).active {
  border: 1px solid #E45659;
}

.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(2).choice,
.content--adv.content--quiz-view .safe-info-list .select-answer.gauge li:nth-child(2).active {
  border: 1px solid #fa7c21;
}

.content--adv.content--quiz-view .safe-info-list .select-answer li.active a span {
  color: #333;
  font-weight: 500;

}

.content--adv.content--quiz-view .safe-info-list .select-answer.no-sel li a span {
  color: #333;

}

.content--adv.content--quiz-view .safe-info-list .select-answer li>a>span:not(.check) {
  max-width: 100%;
  padding-right: 50px;
}

.content--adv.content--quiz-view .safe-info-list .select-answer img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.content--adv.content--quiz-view .main.bidding .safe-top.detail {
  height: 193px;
  margin-top: 0;
}

.content--adv.content--quiz-view .main.bidding .safe-top.detail:after {
  height: 193px;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail {
  overflow: unset;
  margin-top: 0;
}

.content--adv.content--quiz-view .main.bidding .safe-info-list.detail .detail-info {
  padding-top: 0;
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot {
  border-top: none;
  padding: 12px 4px 16px 4px;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot .quiz__dashboard {

  margin: 0;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot .quiz__dashboard span {
  color: #888;
  position: relative;
  font-size: 13px;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot .quiz__dashboard span+span {
  margin-left: 7px;
}

.content--adv.content--quiz-view .safe-info-list .quiz-bot .quiz__dashboard span+span:before {
  content: '';
  display: block;
  position: absolute;
  height: 8px;
  width: 1px;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  background: #e8e8e8;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.height-60 {
  height: 60px;
}

.content--adv~.btn-fixed-full.fixed-bg.cmt-area.height-60 .no-login p {
  font-size: 16px;
}

.content--adv.content--quiz-view.no-login .safe-info-list .select-answer li a span {
  color: #888;
}

.content--adv.content--quiz-view .main.bidding.community {
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community .board-section {}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray {
  margin-top: 0;
  padding: 20px;
  border-top: 8px solid #f5f5f5;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray .board__item {
  margin: 0;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.border-top-gray .board__cmt {
  padding-top: 0;
}

.content--adv.content--quiz-view .main.bidding.community .safe-info-list.detail {}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur {
  position: relative;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur::before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  height: 100%;
  backdrop-filter: blur(8px);
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur .btn-pull {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 11;
  width: 100%;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur p {
  position: absolute;
  left: 50%;
  top: 116px;
  transform: translate(-50%);
  z-index: 10;
  color: #000;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur>.btn-full {
  position: absolute;
  z-index: 11;
  width: calc(100% - 40px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-tit {
  margin-bottom: 4px;
  padding: 0;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-view-list {
  padding-bottom: 12px;
  margin-top: 8px;
  border-bottom: 1px solid #eee;
}

.content--adv.content--quiz-view .main.bidding.community.board.view .cmt-view-list:last-child {
  border-bottom: none;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur>.btn-full a {
  padding: 0;
  margin: 0;
  width: 100%;
}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb {
  width: 24px;
  height: 24px;
  background-color: unset;
  overflow: unset;
}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .cmt-view-list .thumb-area .thumb img {
  object-fit: contain;
}

.content--adv.content--quiz-view.result .select-answer.gauge {
  position: relative;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .gauge-fill {
  background: #F5F5F5;
}

.content--adv.content--quiz-view.result .select-answer.gauge li img {
  width: 24px;
  height: 24px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li {
  position: relative;
  z-index: 2;
}

.content--adv.content--quiz-view.result .select-answer.gauge li>a>span {
  padding-right: 70px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result {
  position: absolute;
  right: 22px;
  width: 48px;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p {
  text-align: center;
  display: flex;
  justify-content: center;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p.percent,
.content--adv.content--quiz-view.result .select-answer.gauge li .result p.percent span {
  color: #575757;
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p.count,
.content--adv.content--quiz-view.result .select-answer.gauge li .result p.count span {
  color: #888;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active .result p {}

.content--adv.content--quiz-view .cmt-view-list .right .name a {
  color: #333;
  font-weight: 500;
}

.content--adv.content--quiz-view.result .select-answer.gauge li .result p span {
  display: inline-block;
}

.content--adv.content--quiz-view.result .select-answer.gauge li:nth-of-type(1).active .gauge-fill {
  background: #FFEBED;
}

.content--adv.content--quiz-view.result .select-answer.gauge li:nth-of-type(2).active .gauge-fill {
  background: #FFF2E9;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active .gauge-fill {
  opacity: 0.5;

}

.content--adv.content--quiz-view .community.view .board__cmt .cmt-view .right .cont .txt .best-flag {
  font-weight: 700;
}

/* 게이지 바 스타일 */
.content--adv.content--quiz-view.result .select-answer.gauge .gauge-fill {
  width: 0;
  /* 초기 상태 */
  transition: width 0.5s ease-in-out;
  /* transition 추가 확인 */
}

.content--adv.content--quiz-view.result .select-answer.gauge .gauge-bar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;

  border-radius: 8px;
  overflow: hidden;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active {
  border: 1px solid #E45659;
}

.content--adv.content--quiz-view.result .select-answer.gauge li.active img {
  width: 24px;
  height: 34px;
  margin-top: -12px;
}

.content--adv.content--quiz-view.result .select-answer.gauge .gauge-fill {
  position: absolute;
  height: 100%;
  width: 0;
  /* 초기 값: 0% */
  background-color: #4caf50;
  /* 게이지 색상 */
  transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* 애니메이션 효과 */
  border-radius: 4px;
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li:nth-child(1) img {
  content: url(../image/select-answer-a-active.svg);
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li:nth-child(2) img {
  content: url(../image/select-answer-b-active.svg);
}

.content--adv.content--quiz-view.result .select-answer.gauge.draw li img {
  width: 24px;
  height: 24px;
}

.content--adv.content--gray.more .top-area+.mid-area {
  padding: 0 20px 0px 20px;
}

.content--adv.content--gray.more .mid-area.p-24-20 {
  padding: 24px 20px;
}

.content--adv.content--gray.more .mid-area .title__bar {
  padding: 0 0 20px 0;
}

.content--adv.content--gray.more .mid-area .quiz-top {
  position: relative;
}

.content--adv.content--gray.more .mid-area .quiz-top .txt-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.content--adv.content--gray.more .mid-area .quiz-top .info-wrap {
  background: rgba(0, 0, 0, 0.60);
  width: 100%;
  position: absolute;
  bottom: 0;
}

.content--adv.content--gray.more .mid-area .quiz-top .info-wrap p {
  color: #CACACA;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  padding: 8px 0;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time {
  border-radius: 6px;
  border: 0.5px solid #F5F5F5;
  background: transparent;
  padding-left: 0;
  padding: 0 8px;
  display: flex;
  align-items: center;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  height: 25px;
  line-height: 25px;

}

.content--adv.content--gray.more .mid-area .match-list .item {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

.content--adv.content--gray.more .mid-area .match-list .item+.item {
  margin-top: 12px;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon .clock-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: -1px;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon:before {
  display: none;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon span {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 25px;
  height: 25px;
}

.content--adv.content--gray.more .mid-area .tag-box .tag.time.soon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content--adv.content--gray.more .mid-area .quiz-top {
  position: relative;
  height: 142px;
}

.content--adv.content--gray.more .mid-area .txt-wrap {
  position: absolute;
  left: 12px;
  top: 12px;
}


.content--adv.content--gray.more .mid-area .txt-wrap .tit {
  min-width: 100%;
  height: 50px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 48px;
  border: 0;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 140%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.content--adv.content--gray.more .mid-area .txt-wrap .tit span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.content--adv.content--gray.more .mid-area .txt-wrap .tag-box {
  position: absolute;
  left: 10px;
  top: 10px;
}


.content--adv.content--gray.more.all-end .mid-area {
  padding: 24px 20px 0 20px;
}

.content--adv .tab__menu.gray-effect {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.header.maintain-effect {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn {
  height: max-content;
  background: transparent;
}

.content--adv .ml-auto {
  margin-left: auto;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn .btn-full,
.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn .btn {

  font-size: 16px;
  height: 48px;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  min-width: 100%;
  border-radius: 30px;
  font-weight: 700;
  border: none;
  background: #f5f5f5;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn>.btn-full {
  margin: 20px 0;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn {
  padding: 0 20px;
  box-shadow: none;
}

.content--adv.content--quiz-view~.btn-fixed-full.fixed-bg.cmt-area.with-btn>.btn-full:not(.disble) .btn {
  color: #fff;
  background-color: #dd2c2f;
  font-weight: 700;
  border: none;
}



/*popup--intro*/
.popup--intro .popup-close {
  margin-top: 24px;
  margin-right: 24px;
}

.popup--intro.pop__detail.message .popup__btn {
  width: calc(100% - 40px);
  margin: 24px auto 0;
}

.popup--intro.pop__detail.is-on {
  width: 100%;
}

.popup--intro .popup__cnt {
  background: transparent;
}

.popup--intro .adv-phone__swiper {
  position: relative;
  overflow: initial;
}

.popup--intro .adv-phone__swiper .txt-wrap .tit {
  font-size: 24px;
  color: #FFEBED;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.48px;
}

.popup--intro .adv-phone__swiper .txt-wrap .txt {
  font-size: 18px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.36px;
  margin-top: 12px;
}

.popup--intro .adv-phone__swiper .txt-wrap .txt .accent {
  font-style: normal;
  font-size: 18px;
  color: #EB8082;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.36px;
}

.popup--intro .adv-phone__swiper .swiper-pagination {
  position: absolute;
}

.popup--intro .adv-phone__swiper .swiper-wrapper {
  padding-bottom: 25px;
  align-items: center;
}

.popup--intro .adv-phone__swiper a {
  position: relative;
  width: 65.558%;
  max-width: 100%;
  margin: 0 auto;
  max-height: 100%;
  min-height: 476px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.popup--intro .adv-phone__swiper a img {
  width: 84.75%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s ease-in-out;
}

.popup--intro .adv-phone__swiper .txt-wrap {
  opacity: 0;
  transition: all 0.3s;
}

.popup--intro .adv-phone__swiper .swiper-slide.swiper-slide-active .txt-wrap {
  opacity: 1;
}

.popup--intro .adv-phone__swiper .swiper-slide.swiper-slide-active a img {
  width: 100%;
}

.popup--intro .adv-phone__swiper .swiper-slide {
  overflow: initial;
}

.popup--intro .popup__cnt {
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup--intro .popup__cont {
  height: 100%;
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet {
  margin: 0;
  background: rgba(2525, 2525, 2525, .4);
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(2525, 2525, 2525, 1);
}

.popup--intro .adv-phone__swiper .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 8px;
}

.popup--intro .adv-phone__swiper .txt-wrap .tip-box {
  font-size: 14px;
  background: #000;
  width: max-content;
  border-radius: 20px;
  margin: 0 auto;
  padding: 4px 16px;
  color: #FFEBED;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.28px;
}

.popup--intro.pop__detail .popup__cnt {
  padding: 0 0px 40px 0px;
}

.popup--intro .popup__btn {
  margin-top: 24px;
}

.popup--intro .popup__btn .btn {
  line-height: 140%;
  padding: 11.8px 0;
  box-sizing: border-box;
}

.popup--intro .popup__btn .btn-cancel {
  color: #CACACA;
  background: #f5f5f5;
}

.popup--intro .popup-close {
  display: block;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li:before {
  content: "";
  position: absolute;
  top: 23px;
  left: 52px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin: 0 4px;
  background: url(../image/Union.svg) no-repeat center center;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li:last-child {
  margin-right: 0;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li:last-child:before {
  width: 0;
  display: none;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li .img__box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-bottom: 6px;
}

.content--ps.content-safetrans.estmate.order .safe-input-area.with-frame-100 .safe-process ul li .text {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

.content--ps.content-safetrans.estmate.order .main.bidding .safe-info-list .safe-info-list-ul.no-shadow {
  margin: 0;
  filter: unset;
}

.content--ps.content-safetrans.estmate.order {
  background: #fff;
}

.content--ps.content-safetrans.estmate.order .pb-20 {
  padding-bottom: 20px;
}

.content--ps.content-safetrans.estmate.order.pb-120 {
  padding-bottom: 70px;
}

.content--adv .community.board .board-top.total-wrap.pt-0 {
  padding-top: 0;
}

.content--bp.content--myinfo .my__profile .my__info .my__grade.is-p span {
  margin: 0;
}

.btn.underline a.fw-400 {
  font-weight: 400;
}

.content--adv .table__graph.mt-8 {
  margin: 8px 0 0 0;
}

.content--adv .main .chart__item.mx-10 {
  margin: 10px 0 10px 0;
}

.safe-info-list.mb-0 {
  margin-bottom: 0;
}

.cmt-area.btn-fixed-full.fixed-custom.bg-gray {
  background: #f5f5f5;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.d-flex-direction-column {
  flex-direction: column;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.align-items-end {
  align-items: flex-end;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.gap-0 {
  gap: 0;
}

.content--ps.content-safetrans.estmate .mr-4 {
  margin-right: 4px;
}

.content--ps.content-safetrans.estmate .d-flex-align-center {
  display: flex;
  align-items: center;
}

.content--ps.content-safetrans.estmate .safe-info-list.mb-20 {
  margin-bottom: 20px;
}

.content--ps.content-safetrans.estmate .safe-top-frame--100 .safe-tit.line-height-140 {
  line-height: 140%;
}

.content--adv.max-scroll-800 {
  padding-bottom: 0;
  /* overflow: hidden; */
  position: absolute;
  /* transform: unset; */
  height: auto;
  overflow: hidden;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.align-items-end {
  align-items: flex-end;
}

.content--ps.content-safetrans.estmate .safe-input-area .safe-info-list .desc.bank.gap-0 {
  gap: 0;
}

.content--ps.content-safetrans.estmate .mr-4 {
  margin-right: 4px;
}

.content--ps.content-safetrans.estmate .d-flex-align-center {
  display: flex;
  align-items: center;
}

.content--ps.content-safetrans.estmate .safe-info-list.mb-20 {
  margin-bottom: 20px;
}

.content--ps.content-safetrans.estmate .safe-top-frame--100 .safe-tit.line-height-140 {
  line-height: 140%;
}

.content--msp.content--safeprgress .guard-txt {
  color: #E45659;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  padding: 0 6px 0 4px;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #E45659;
}

.content--msp .msg__item.custom-small:first-child {
  margin-top: 12px;
}

.content--msp .msg__item.custom-small {
  padding: 0;
  width: calc(100% - 40px);
}

.content--msp .msg__item.custom-small span {
  line-height: 140%;
}

.content--msp .msg__item.custom-small+.msg__item.custom-small {
  border-top: 1px solid #eee;
}

.content--msp .msg__item.custom-small .item__figure {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  padding: 12px 0 0 0;
}

.content--msp .msg__item.custom-small .msg__scroll {
  width: calc(100% + 120px);
  height: 90px;
}

.content--msp .msg__item.custom-small .item__box {
  width: calc(100% - 161px);
  padding: 12px 0 12px 8px;
  box-sizing: border-box;
  height: 90px;
}

.content--msp .msg__item.custom-small .item__figure {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 16px;
  padding: 12px 0 0 0;
}

.content--msp .msg__item.custom-small .item__figure img {
  width: 100%;
  height: 100%;
}

.content--msp .msg__item.custom-small .item__action {
  height: 100%;
  padding: 4px 0;
  margin-left: 8px;
  width: max-content;
  box-sizing: border-box;
  margin-left: auto;
  float: unset;
}

.content--msp .msg__item.custom-small .item__action .btn {
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.content--msp .msg__item.custom-small .item__nick {
  justify-content: unset;
  gap: 0;
}

.content--msp .msg__item.custom-small .item__desc {
  flex-direction: unset;
}

.content--msp .msg__item.custom-small .item__desc em {
  font-weight: 500;
  padding: 0 3px;
  box-sizing: border-box;
  height: 16px;
  line-height: 16px;
  min-width: 21px;
  flex: none;
  text-align: center;
  white-space: nowrap;
}

.content--msp .msg__item.custom-small .item__desc span {
  line-height: 140%;
  font-weight: 500;
  color: #333;
}

.content--msp .msg__item.custom-small .item__nick em {
  font-weight: 500;
  line-height: 140%;
}

.content--msp .ml-4 {
  margin-left: 4px;
}

.content--msp .ml-8 {
  margin-left: 8px;
}

.content--msp .msg__item.custom-small.is-read .item__desc span {
  color: #888;
  font-weight: 400;
}

.content--msp.content--message .guard-txt {
  color: #E45659;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  padding: 0 6px 0 4px;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #E45659;
}

.content--msp .msg__item.custom-small .item__box .ico-bell-off {
  width: 12px;
  height: 12px;
}

.content--msp .msg__item.custom-small .item__box .guard-txt {
  height: 21px;
  box-sizing: border-box;
}

.content--msp .msg__item.custom-small .item__box .guard-txt img {
  width: 12px;
  height: 12px;
}


.content--msp.content--message .msg__item.custom-small.with-send:first-child {
  margin-top: 4px;
}

.content--msp .mr-2 {
  margin-right: 2px;
}

.content--msp .ml-4 {
  margin-left: 4px;
}

.content--msp .ml-8 {
  margin-left: 8px;
}

.content--ps .tooltip.i-info.size-16 {
  width: 16px;
  height: 16px;
}

.content--ps .tooltip.i-info.size-16 img {
  width: 100%;
  height: 100%;
}

.content--ps .ma-0 {
  margin: 0;
}

.content--ps .ml-2 {
  margin-left: 2px;
}

.content--ps .ml-4 {
  margin-left: 4px;
}

.content--ps .d-flex {
  display: flex;
}

.content--ps .align-center {
  align-items: center;
}

.content--ps .main.detail .detail-input-area .input-wrap .item__input.file.btn-top-center .file-box .btn-delete {
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.content--ps.content--purchase .d-flex {
  display: flex;
}

.content--ps.content--purchase .payment-list.with-btn li a::before {
  display: none;
}

.content--ps.content--purchase .payment-list.with-btn .btn-wrap a {
  display: flex;
  width: 144px;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  font-weight: 700;
  line-height: 140%;
}

.content--ps.content--purchase .payment-list.with-btn .price,
.content--ps.content--purchase .payment-list.with-btn .price span {
  font-size: 16px;
  line-height: 140%;
}

.content--ps.content--purchase .payment-list.with-btn .btn-wrap a+a {
  margin-left: 8px;
}

.content--ps.content--purchase .payment-list.with-btn .btn-wrap .btn-check {
  border: 1px solid #dd2c2f;
  color: #dd2c2f;
}

.content--ps.content--purchase .payment-list.with-btn li {
  padding: 12px;
}

.content--ps.content--purchase .payment-list.with-btn.pb-20 {
  padding-bottom: 20px;
}

.content--ps .mt-4 {
  margin-top: 4px;
}

.content--ps.content--purchase .payment-list.with-btn .btn-wrap .btn-detail {
  border: 1px solid #cacaca;
  color: #888;
}

.content--ps.content--purchase .payment-list.with-btn .tag span {
  font-size: 12px;
  padding: 2px 6px;
}

.content--ps.content--purchase .notice.transfer.confirm.fixed-bottom {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.content--ps.content--purchase .main.detail.full.display-bottom-fixed {
  height: calc(100vh - 56px);
  padding-top: 32px;
  overflow-y: auto;
}

.content--ps .mt-12 {
  margin-top: 12px;
}

.popup-purchase .popup__btn {
  gap: 0;
}

.popup-purchase.pop__detail.message .popup__btn a+a {
  margin-left: 12px;
}

.popup-purchase.pop__detail.message .popup__btn {
  padding: 0 14px;
}

.content--pd.content-item-write .upload__item.custom-square {
  padding: 0;
  border-radius: 8px;
  box-shadow: unset;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: unset;
}

.content--pd.content-item-write .upload__item.custom-square .item__btn {
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}

.content--pd.content-item-write .upload__item.custom-square .item__btn button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.content--pd.content-item-write .upload__item.custom-square .item__btn button img {
  width: 22px;
  height: 22px;
}

.content--pd.content-item-write .upload__item.custom-square .item__btn button .item__count {
  color: #888;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
}

.content--pd.content-item-write .upload__item.custom-square .item__count {
  display: block;
}

.content--pd.content-item-write .tag__item.with-sorting ul {
  margin: 0;
}

.content--pd.content-item-write .tag__item.with-sorting ul li .btn {
  background: #fff;
}

.content--pd.content-item-write .tag__item.with-sorting ul li .btn button {
  background: #fff;
  border: 1px solid #e8e8e8;
}

.content--pd.content-item-write .tag__item.with-sorting ul li .btn button.active {
  border: 1px solid #E45659;

}

.content--pd.content-item-write .tag__item.with-sorting ul li .btn button+button {
  margin-left: 8px;
  ;
}

.content--pd.content-item-write .tag__item.with-sorting.border-top-gray {
  border-top: 8px solid #f5f5f5;
  padding-top: 20px;
  margin: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.content--pd.content-item-write .tooltip.img-size-16 {
  margin: 0 0 0 4px;
  width: 16px;
  height: 16px;
}

.content--pd.content-item-write .tooltip.img-size-16 img {
  width: 16px;
  height: 16px;
}

/* RRMH-2516 품목표 상세태그 영역 수정 */
.content--pd.content-item-write .tag__item.custom-tag-input .item__tag {
  padding: 8px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

/* RRMH-2516 품목표 상세태그 영역 수정 */
.content--pd.content-item-write .tag__item.custom-tag-input .item__tag input {
  display: inline-block;
  width: 100%;
  min-width: 160px;
  padding: 0;
}


.content--pd.content-item-write .item__editor.height-220 {
  height: 220px;
  color: #888;
  padding: 12px;
  box-sizing: border-box;
}

.content--pd .line-140 {
  line-height: 140%;
}

.content--pd .d-flex {
  display: flex;
}

.content--pd .align-center {
  align-items: center;
}

.content--pd .ml-4 {
  margin-left: 4px;
}

.content--pd .mt-4 {
  margin-top: 4px;
}

.content--pd .px-20 {
  margin: 0 20px;
}

.content--pd .pt-0 {
  padding-top: 0;
}

.content--pd .pt-20 {
  padding-top: 20px;
}

.content--pd .pa-0 {
  padding: 0;
}

.content--pd .py-20 {
  padding: 20px 0;
}

.content--pd .pt-12 {
  padding-top: 12px;
}

.content--pd .pb-20 {
  padding-bottom: 20px;
}

.content--pd .pb-24 {
  padding-bottom: 24px;
}

.content--pd .main .ft-14 {
  font-size: 14px;
}

.content--pd .tag__item.custom-tag-input .item__title .count {
  padding-left: 4px;
}

.content--pd.content-item-write .sorting-list.item-gap-20 ul li+li {
  margin-top: 20px;
}

.content--pp.page-scroll-auto .main.mypage.profile.edit {
  overflow-y: auto;
}

.content--pp .main .my__contact ul li.private::before {
  background-image: url('/assets/image/private-icon.svg');
}

.content--pp .main .my__contact ul li.private button {
  background: #f5f5f5;
  border-radius: 8px;
  height: 44px;
  padding: 0 12px;
}

.content--pp .main .my__contact ul li.private button span {
  color: #575757;
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

.content--pp .main .my__contact ul li.private button span:after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  width: 17px;
  height: 16px;
  transform: translateY(-50%);
  background: url('/assets/image/contact-button-move.svg');
}

.content--pp .main .my__contact.icon-center ul li.file:before {
  margin-top: 28px;
}

.content--pp .main .my__contact.icon-center ul li .input-wrap.file span {
  width: fit-content;
}

.content--pp .main .my__contact.icon-center.mt-0 {
  margin-top: 0;
}

.content--adv .pin-input-container {
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

.content--adv .pin-input-container .pin-input {
  width: 12px;
  height: 12px;
  background-color: #E8E8E8;
  border: none;
  border-radius: 50%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: transparent;
  outline: none;
  padding: 0;
  transition: background-color 0.3s ease;
  line-height: 40px;
}

.content--adv .pin-input-container .pin-input:not(:placeholder-shown) {
  background-color: #e8e8e8;
}

.content--adv .pin-input-container .pin-input.filled {
  background-color: #575757;
}

.content--adv .mb-40 {
  margin-bottom: 40px;
}

.content--adv .line-140 {
  line-height: 140%;
}

.content--adv .safe-top.relative.pt-52 {
  padding-top: 52px;
}

.content--adv .pt-32 {
  padding-top: 32px;
}

.content--adv .main .my__contact.password-set ul li {
  margin-bottom: 8px;
}

.content--adv .main .my__contact.password-set ul li::before {
  display: none;
}

.content--adv .main .my__contact.password-set ul li button {
  background: #f5f5f5;
  border-radius: 8px;
  height: 44px;
  padding: 0 12px;
  border-radius: 8px;
}

.content--adv .main .my__contact.password-set ul li button span {
  color: #575757;
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

.content--adv .main .my__contact.password-set ul li .input-wrap {
  width: 100%;
}

.content--adv .main .my__contact.password-set ul li button span:after {
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url('/assets/image/password-set-move.svg');
}

.content--adv .main .my__contact.password-set ul li input[type="submit"] {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  height: 44px;
  padding: 0 12px;
  width: 100%;
  text-align: left;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.content--adv .password-info {
  padding: 0 20px;
}

.content--adv .password-info .tit,
.content--adv .password-info .txt {
  margin-left: 4px;
}

.content--adv .password-info .tit {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.content--adv .pt-20 {
  padding-top: 20px;
}

.content--adv .pt-40 {
  padding-top: 40px;
}

.content--adv .pt-0 {
  padding-top: 0;
}

.content--adv .pb-0 {
  padding-bottom: 0;
}

.content--adv .mt-24 {
  margin-top: 24px;
}

.content--adv .password-info .txt {
  color: #575757;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.pop__detail .px-14 {
  padding: 0 14px;
}

.content--adv .mt-32 {
  margin-top: 32px;
}

.content--adv .mt-8 {
  margin-top: 8px;
}

.content--adv .line-120 {
  line-height: 120%;
}

.content--adv .safe-top.mail-send .safe-tit {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.content--adv .safe-top.mail-send .safe-txt {
  text-align: center;
  color: #575757;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .btn-bottom .gray-txt {
  color: #888;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.content--adv .main.bidding .safe-top.relative.pt-50 {
  padding-top: 50px;
}

.content--adv .main.bidding .safe-top .thumb.lottie.mail-com-icon {
  height: 230px;
}

.side-menu.properly .top div a::after {
  background: url('/assets/image/chevron-right-set.svg') no-repeat center center;
}

.side-menu.properly .top div:nth-child(2) a::before {
  background: url('/assets/image/ico-folder-set.svg') no-repeat center center;
}

.side-menu.properly .top div:nth-child(3) a::before {
  background: url('/assets/image/ico-paperclip-set.svg') no-repeat center center;
}

.user-list.report-add ul li:not(.user) p {
  color: #581213;
}

.user-list.report-add ul li a {
  background-image: none !important;
}

.user-list.report-add ul li.user .report-btn {
  width: max-content;
  color: #888;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.user-list.report-add ul li.user {
  display: flex;
  justify-content: space-between;
}

.user-list.report-add ul li.user div {
  display: flex;
  align-items: center;
}

.side-menu .bottom .icon-list.icon-width-24 li {
  width: 24px;
  height: 24px;
}

.side-menu .bottom .icon-list.icon-width-24 li+li {
  margin-left: 20px;
}

.side-menu .bottom .icon-list.icon-width-24 ul {
  padding: 15px 3px 16px 0;
}

.content--adv .main .add__item.report-frame {
  margin: 0 0 0 20px;
  justify-content: space-between;
  margin-top: -7px;
}

.content--adv .main .add__item.report-frame:not(:has(.upload__file)) {
  padding-top: 14px;
}

.content--adv .main .add__item.report-frame .btn-file {
  margin-bottom: 0;
}

.content--adv .main .add__item.report-frame .upload__file {
  margin-left: 0;
  margin-top: 0;
}

.content--adv .main .add__item.report-frame .upload__file .scroll__area {
  padding-top: 0;
}

.content--adv .main .add__item.report-frame .upload__file .photo__box {
  margin-right: 11px;
}

.content--adv .main.community.edit .write__item .item__title.mt-0 {
  margin-top: 0;
}

.content--adv .main .add__item .upload__file {
  overflow-y: unset;
  overflow-x: scroll;
  padding-top: 14px;
}

.content--adv .textarea-wrap .report-input {
  height: 104px;
  display: inline-flex;
  height: 104px;
  padding: 12px 20px 0 12px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  color: #575757;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.content--adv .textarea-wrap .report-input::placeholder {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .ml-4 {
  margin-left: 4px;
}

.content--adv .write__item.pb-7 {
  padding-bottom: 0;
}

.popup__btn.px-14 {
  padding: 0 14px;
}

.dimed.event {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

.dimed.event.active {
  opacity: 1;
  visibility: visible;
}

.side-menu.properly {
  right: -100%;
  z-index: 900;
  transition: all 0.5s;
}

.side-menu.properly.is-on {
  right: 0;
}

.content--adv .no-result.report {
  padding-top: 25.5vh;
  text-align: center;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .my-inquiry-list.message-list>li {
  border-bottom: none;
}

.content--adv .my-inquiry-list.message-list>li.is-fold+li {
  border-top: 1px solid #eee;
}

.content--adv .my-inquiry-list.message-list .photo-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  gap: 8px;
}

.content--adv .my-inquiry-list.message-list .photo-list li {
  border-radius: 8px;
  width: 70px;
  height: 70px;
  margin: 0;
  overflow: hidden;

}

.content--adv .my-inquiry-list.message-list .photo-list li img {
  width: 100%;
  height: 100%;
}

.content--adv .my-inquiry-list.message-list .txt {
  color: #575757;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.content--adv .my-inquiry-list.message-list .inquery-cont {
  padding: 16px 20px;
}

.content--adv .my-inquiry-list.message-list li .cont .sec .desc {
  width: 100%;
  line-height: 140%;
  color: #575757;
  font-weight: 400;
}

.content--adv .my-inquiry-list.message-list li .cont .sec .subject {
  width: 100%;
  line-height: 140%;
  display: flex;
  align-items: center;
}

.content--adv .my-inquiry-list.message-list li .cont .sec .subject .icon {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-top: -1px;
}

.content--adv .my-inquiry-list.message-list li .cont {
  max-width: 80%;
  padding: 12px 0;
  gap: unset;
}

.content--adv .my-inquiry-list.message-list li .info+.sec {
  margin-top: 8px;
}

.content--adv .my-inquiry-list.message-list li .cont .sec {
  gap: unset;
}

.content--adv .my-inquiry-list.message-list li .cont .subject+.desc {
  margin-top: 4px;
}

.content--adv .mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.content--adv .pt-0 {
  padding-top: 0;
}

.content--adv .main.community.edit.pt-12 {
  padding-top: 12px;
}

.content--adv .mt-8 {
  margin-top: 8px;
}

.pop__detail .popup__btn.inter-12 {
  gap: unset;
}

.pop__detail .popup__btn.inter-12 a+a {
  margin-left: 12px;
}

.content--acp .tab-content .tab-item {
  display: none;
}

.content--acp .tab-content .tab-item.is-active {
  display: block;
}

.sorting-round.tab-function ul li button {
  color: #888;
  font-weight: 400;
}

.sorting-round.tab-function ul {
  gap: 0;
}

.sorting-round.tab-function ul li+li {
  margin-left: 4px;
}

.sorting-round.tab-function ul li.active button {
  color: #dd2c2f;
  font-weight: 700;
  border: 1px solid #E45659;
}

/*------------------------*/
.center__item.is-alarm .item__box {
  width: calc(100% - 48px);
}

.center__item.is-alarm .item__title {
  display: flex;
  justify-content: space-between;
}

.center__item.is-alarm .item__title .tit {
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 80%
}

.center__item.is-alarm .item__title .cate {
  color: #575757;
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  padding: 2px 8px;
  background: #f5f5f5;
  border-radius: 50px;
}

.center__item.is-alarm .item__desc {
  align-items: center;
}

.center__item.is-alarm .item__desc span.txt {
  color: #575757;
  width: 80%;
  font-size: 12px;
  font-weight: 400;
}

.center__item.is-alarm .item__desc span.time {
  color: #888;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
  margin-right: 4px;
}

.center__item.is-alarm .item__figure {
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.center__item.is-alarm .item__box .item__desc {
  padding-bottom: 0;
}

.center__item.is-alarm.mt-4 {
  margin-top: 4px;
}

.center__item.is-alarm .item__figure img {
  width: 100%;
  height: 100%;
}

.center__item.is-alarm .item__figure img.mark {
  width: 25px;
  height: 26px;
}

.center__item.is-alarm+.center__item.is-alarm {
  border-top: 1px solid #eee;
}

.center__item.is-alarm.is-done .item__title .tit {
  color: #888;
}

.center__item.is-alarm.is-done .item__desc span.txt {
  color: #888;
}

.sorting-round.tab-function.mb-0 {
  margin-bottom: 0;
}

.product__bar.custom-span.pt-16 {
  padding-top: 16px;
}

.product__bar.custom-span span.count {
  padding: 0;
  font-size: 16px;
  color: #333;
}

.product__bar.custom-span span.count.ml-4 {
  margin-left: 4px;
}

.product__bar.custom-span.is-done .btn-check-all {
  color: #cacaca;
}

/* 커뮤니티 게시글 관련 css */
.main.community.edit:has(.ql-container) {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.content .main.community.edit:has(.ql-container) .write__item {
  min-height: 30px;
  /* 최소 높이 */
  height: 100vh;
  /* 컨텐츠 크기만큼 늘어나지만 최대 100% */
  overflow: hidden;
  /* 내용이 넘칠 경우 스크롤 */
  flex: 1;
}

.content .main.community.edit:has(.ql-container) .item__editor {
  height: calc(100% - 30px);
  overflow: hidden;
}

.content .main.community.edit:has(.ql-container) .write__item .item__editor .ql-container {
  min-height: 0;
  height: 100% !important;
}

.content .community.view .board__item .board__view .editor {
  min-height: 200px;
}

.board__view .editor a {
  color: #0052cc;
  text-decoration: underline;
}

/* 1. 글자 스타일 */

/* 굵은 글씨 */
.ql-bold {
  font-weight: bold;
}

/* 이탤릭체 */
.ql-italic {
  font-style: italic;
}

/* 밑줄 */
.ql-underline {
  text-decoration: underline;
}

/* 취소선 */
.ql-strike {
  text-decoration: line-through;
}

/* 코드 */
.ql-code {
  font-family: 'Courier New', monospace;
  background-color: #f0f0f0;
  padding: 2px 4px;
}

/* 윗첨자 */
.ql-super {
  vertical-align: super;
  font-size: smaller;
}

/* 아랫첨자 */
.ql-sub {
  vertical-align: sub;
  font-size: smaller;
}

/* 2. 정렬 스타일 */

/* 왼쪽 정렬 */
.ql-align-left {
  text-align: left;
}

/* 중앙 정렬 */
.ql-align-center {
  text-align: center;
}

/* 오른쪽 정렬 */
.ql-align-right {
  text-align: right;
}

/* 양쪽 정렬 */
.ql-align-justify {
  text-align: justify;
}

/* 3. 헤더 스타일 */

/* 헤더 1 */
.ql-header-1 {
  font-size: 2em;
  font-weight: bold;
}

/* 헤더 2 */
.ql-header-2 {
  font-size: 1.75em;
  font-weight: bold;
}

/* 헤더 3 */
.ql-header-3 {
  font-size: 1.5em;
  font-weight: bold;
}

/* 헤더 4 */
.ql-header-4 {
  font-size: 1.25em;
  font-weight: bold;
}

/* 헤더 5 */
.ql-header-5 {
  font-size: 1em;
  font-weight: bold;
}

/* 헤더 6 */
.ql-header-6 {
  font-size: 0.875em;
  font-weight: bold;
}

/* 4. 목록 스타일 */

/* 번호 매기기 목록 */
.ql-list-ordered {
  list-style-type: decimal;
}

/* 불릿 목록 */
.ql-list-bullet {
  list-style-type: disc;
}

/* 체크리스트 */
.ql-list-check {
  list-style-type: none;
}

.ql-list-check input[type="checkbox"] {
  margin-right: 8px;
}

/* 5. 링크 스타일 */
.ql-link {
  color: #1a73e8;
  text-decoration: none;
}

.ql-link:hover {
  text-decoration: underline;
}

/* 6. 이미지 스타일 */
.ql-image {
  max-width: 100%;
  height: auto;
}

/* 7. 색상 스타일 */

/* 텍스트 색상 */
.ql-color-red {
  color: red;
}

.ql-color-blue {
  color: blue;
}

.ql-color-green {
  color: green;
}

.ql-color-yellow {
  color: yellow;
}

/* 배경 색상 */
.ql-background-yellow {
  background-color: yellow;
}

.ql-background-blue {
  background-color: blue;
}

.ql-background-green {
  background-color: green;
}

/* 8. 인용문 스타일 */
.ql-blockquote {
  font-style: italic;
  color: #777;
  border-left: 5px solid #ccc;
  padding-left: 16px;
  margin: 10px 0;
}

/* 9. 코드 블록 스타일 */
.ql-code-block {
  font-family: 'Courier New', monospace;
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 4px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* 10. 테이블 스타일 */
.ql-table {
  border-collapse: collapse;
  width: 100%;
}

.ql-table th,
.ql-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

.ql-table th {
  background-color: #f2f2f2;
}

/* 11. 글꼴 스타일 */

/* 기본 산세리프 폰트 */
.ql-font-sans {
  font-family: Arial, Helvetica, sans-serif;
}

/* 세리프 폰트 */
.ql-font-serif {
  font-family: 'Times New Roman', Times, serif;
}

/* 고정폭 폰트 */
.ql-font-monospace {
  font-family: 'Courier New', Courier, monospace;
}

/* 12. 문서 방향 설정 */

/* 왼쪽에서 오른쪽 */
.ql-direction-ltr {
  direction: ltr;
  text-align: left;
}

/* 오른쪽에서 왼쪽 */
.ql-direction-rtl {
  direction: rtl;
  text-align: right;
}

/* //커뮤니티 게시글 관련 css */
.content.event-page {
  position: static;
  transform: unset;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
  padding-top: 56px;
  padding-bottom: 0;
  min-height: auto;
  box-sizing: border-box;

}

.content.event-page a {
  display: block;
  position: relative;
  cursor: unset;
}

.content.event-page a img {
  width: 100%;
}

.content .event-main .link-wrap {
  position: absolute;
  top: 140px;
  border: 1px solid red;
  width: 300px;
  height: 300px;
}

.event-header {
  position: absolute;
  top: 55px;
  left: 44px;
  width: 100%;
}

.content--dict {
  overflow-x: hidden;
  padding-bottom: 96px;
}

.content--dict .upload-box {
  margin-bottom: 28px;
}

.content--dict .upload-box .add__item {
  margin: 0;
}

.content--dict .upload-box .txt-wrap {
  display: flex;
  align-items: flex-end;
}

.content--dict .upload-box .tit {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.content--dict .myid__item.custom-padding {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 28px 0 20px 0;
}

.content--dict .upload-box .txt {
  color: #10F;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  margin-left: 12px;
}

.content--dict .upload-box .add__item .upload__file {
  margin-top: 0;
  padding-top: 0;
  width: 100%;
}

.content--dict .upload-box .add__item .btn-file {
  margin-top: 0;
  box-sizing: border-box;
}

.content--dict .main .upload-box .add__item {
  margin-top: 0px;
}

.content--dict .main .upload-box .add__item .upload__file .photo__box {
  margin-right: 14px;
  padding-bottom: 0;
}

.content--dict .main .upload-box .add__item .upload__file .photo__box span {
  bottom: 0;
}

.content--dict .main .upload-box .add__item .upload__file .photo__box:last-child {
  margin-right: 0;
}

.content--dict .main .upload-box .add__item .upload__file .photo__box .btn-x {
  right: -4px;
  top: -5px;
  background: #888;
}

.content--dict .upload-box:not(:has(.upload__file)) .btn-file {
  margin-top: 6px;

}

.content--dict .upload-box:not(:has(.upload__file)) .add__item {
  margin-bottom: 31px !important;
}

.content--dict .write__item+.write__item.input-only {
  margin-top: 6px;
}

.content--dict .write__item+.write__item.input-only .item__input {
  min-height: 44px;
  box-sizing: border-box;
  overflow: visible;
}

.content--dict .write__item+.write__item.input-only .item__input textarea {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 500;
  height: 44px;
  /* 초기 높이: 한 줄 */
  max-height: 88px;
  /* 최대 높이: 약 4줄 기준 */
  overflow-y: hidden;
  /* 기본은 스크롤 숨김 */
  line-height: 22px;
  /* 한 줄 높이 */
  resize: none;
  box-sizing: border-box;
  padding: 10px;
  /* 필요시 조정 */
}

.content--dict .write__item+.write__item.input-only .item__input textarea::placeholder {
  font-weight: 400;
}

.content--dict .write__item,
.content--dict .tag__item {
  padding: 0;
}

.content--dict .write__item.mt--5 {
  margin-top: -5px;
}

.content--dict .write__item+.write__item,
.content--dict .write__item+.tag__item {
  margin-top: 28px;
}

.content--dict .write__item.new .item__title {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
}

.content--dict .write__item.new .item__title .i-info {
  width: 16px;
  height: 16px;
  margin: 0;
}

.content--dict .write__item.new .item__title .i-info img {
  width: 100%;
  height: 100%;
}

.content--dict .write__item.new .item__input {
  display: flex;
  gap: 32px;
  align-items: center;
  margin-left: 4px;
}

.content--dict .write__item.new .item__input .checkbox label {
  padding-left: 28px;
}

.content--dict .write__item.new .item__input .checkbox.left-check input[type="checkbox"]:checked+label {
  color: #333;
  font-weight: 500;
}

.content--dict .main .upload-box .add__item .upload__file .photo__box.first span {
  background: rgb(0 0 0 / 50%);
}

.content--dict .main .upload-box .add__item .upload__file .photo__box.secon span {
  background: rgb(63 31 8/60%);
}

.content--dict .main .upload-box .add__item .upload__file .photo__box span {
  line-height: 140%;
}

.content--dict .main .tag__item .item__title {
  font-size: 14px;
  line-height: 1.5;
}

.img-notice-txt {
  margin-top: 9px;
  margin-bottom: 47px;
}

.img-notice-txt p {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.28px;
  text-align: center;
}

.content--dict .main .write__item .item__editor {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #575757;
  padding: 12px;
}

.search-area.custom .item__input.search a.btn-search,
.search-area.custom .item__input.search a.btn-close {
  right: 15px;
}

.search-area.custom .item__input.search a.btn-close {
  right: 44px;
}

.content--dict .tag__item.custom .item__tag {
  padding: 12.25px 12px;
}

.content--dict .tag__item.custom .i-info img {
  width: 16px;
  height: 16px;
}

.content--dict .tag__item.custom .i-info {
  margin: 0 4px;
  display: flex;
  align-items: center;
}

.content--dict .tag__item.custom .item__tag .input--tag {
  padding: 0;
}

.content--dict .tag__item.custom .item__title span {
  padding-left: 4px;
}

.content--dict .tag__item.custom .item__tag {
  height: 44px;
  box-sizing: border-box;
  padding: 8px;
}

/* start RRMH-2516 품목표 상세태그 영역 수정 */
.main .tag__item .item__tag .tag,
.content--dict .tag__item.custom .item__tag .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: #F5F5F5;
  margin-bottom: 0;
  color: #575757;
  height: 28px;
  box-sizing: border-box;
}

.main .tag__item .item__tag .tag a,
.content--dict .tag__item.custom .item__tag .tag a {
  width: 12px;
  height: 12px;
}

.main .tag__item .item__tag .tag a img,
.content--dict .tag__item.custom .item__tag .tag a img {
  width: 100%;
  height: 100%;
}

/* RRMH-2516 품목표 상세태그 영역 수정 end */

.search-area.pb-20 {
  padding-bottom: 20px !important;
}

.result__bar.mb-12 {
  margin-bottom: 12px;
}

/* 250307 워드앤코드 수정 */
.content--adv .product__bar+.result-list {
  margin-top: 12px;
}

.content--adv .menu__swiper .swiper-slide {
  width: 17.65%;
}

/* //250307 워드앤코드 수정 */
/* 커뮤니티 에디터 custom */

.wrapper .editor p,
.wrapper .ql-editor p {
  font-size: 14px;
  line-height: 170%;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #172b4d;
}

.wrapper .editor h1,
.wrapper .ql-editor h1 {
  font-style: inherit;
  line-height: 120%;
  color: #172B4D;
  font-weight: 500;
  margin-bottom: 0px;
}

.wrapper .ql-editor ol {
  padding-left: 0;
}

.wrapper .editor h1 strong,
.wrapper .ql-editor h1 strong {
  font-size: 24px;
}

.wrapper .editor h2,
.wrapper .ql-editor h2 {
  font-style: inherit;
  line-height: 120%;
  color: #172B4D;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 20px;
}

.wrapper .editor h3,
.wrapper .ql-editor h3 {
  font-size: 16px;
  font-style: inherit;
  line-height: 1.25;
  color: #172B4D;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0px;
}

.wrapper .editor h3 span,
.wrapper .ql-editor h3 span {
  margin-top: 20px;
}

.wrapper .editor ol,
.wrapper .ql-editor ol,
.wrapper .editor ul,
.wrapper .ql-editor ul {
  list-style-type: disc;
  /* 기본 점 스타일 */
  padding-left: 20px;
  display: flow-root;
  margin-top: 10px;
}

.wrapper .ql-editor li>.ql-ui:before {
  display: none;
}

.wrapper .editor ol li,
.wrapper .ql-editor ol li,
.wrapper .editor ul li,
.wrapper .ql-editor ul li {
  list-style: unset;
}

.wrapper .ql-editor li {
  padding-left: 0;
}

.wrapper .editor ol li *,
.wrapper .ql-editor ol li *,
.wrapper .editor ul li *,
.wrapper .ql-editor ul li * {
  font-size: 14px;
  line-height: 170%;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #172b4d;
}

.wrapper .editor ul li p,
.wrapper .ql-editor ul li p {
  margin-top: 0;
}

.wrapper .editor hr,
.wrapper .ql-editor hr {
  margin: 20px 0;
  border: none;
  background-color: #091E4224;
  height: 2px;
  border-radius: 1px;
}

.wrapper .editor p strong,
.wrapper .ql-editor p strong {
  font-weight: bold;
}

/* //커뮤니티 에디터 custom */
.content--adv .quiz-top .tag-box .tag.time.soon {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  height: 26px;
}

.content--adv .quiz-top .tag-box .tag.time.soon span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  height: 26px;
}

.upload-box.custom-column .add__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.upload-box.custom-column .add__item .btn-wrap {
  display: flex;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.upload-box.custom-column .add__item .btn-wrap a {
  flex: 1;
}

.upload-box.custom-column .add__item .btn-wrap a+a {
  margin-left: 8px;
}

.upload-box.custom-column .add__item .upload__file {
  margin: 0;
  margin-left: 20px;
  padding-right: 40px;
  box-sizing: border-box;
}

.upload-box.custom-column .add__item .btn-file {
  height: 60px;
  border-radius: 8px;
}

.upload-box.custom-column .add__item .btn-file img {
  width: 18px;
  height: 18px;
}

.upload-box.custom-column .add__item .btn-file span {
  font-size: 12px;
  line-height: 140%;
}

.upload-box.custom-column .txt.count {
  color: #888;
  font-size: 14px;
  line-height: 1.5;
  margin-left: 4px;
  font-weight: 400;
}

.upload-box.custom-column:not(:has(.upload__file))+.write__item {
  margin-top: -3px;
}

.upload-box.custom-column:has(.upload__file)+.write__item {
  margin-top: -5px;
}

.content--dict .item__title {
  margin-left: 4px;
  margin-right: 4px;
  line-height: 1.5;
}

.content--dict .upload-box.custom-column .txt-wrap {
  margin-left: 4px;
  padding: 0 20px;
  margin-bottom: 8px;
}

.content--dict .upload-box.custom-column .upload__file .photo__box>img {
  border-radius: 8px;
  width: 80px;
  height: 80px;
}

.content--dict .upload-box.custom-column .add__item .upload__file .scroll__area {
  padding-top: 16px;
}

h2.ft-16 {
  font-size: 16px;
}

.content--dict .tag__item.custom .item__tag .tag .btn-x {
  background: #888;
  top: -5px;
}

.modal-tit.with-bold {
  color: #575757;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  word-break: break-all;
  letter-spacing: -2%;
}

.modal-tit.with-bold b {
  color: #333;
  font-weight: 700;
}

.modal-toast.modal-sort-lookup.modal-join-promotion {}

.modal-toast.modal-sort-lookup.modal-join-promotion.is-on .modal-content {
  padding: 20px 24px 20.83px 24px;
  overflow-y: auto;
  left: 0;
  height: 100%;
  max-height: 75vh;
}

.modal-img-wrap+.modal-tit {
  margin-top: 32px;
}

.modal-tit+.modal-img-wrap {
  margin-top: 24px;
}

.modal-img-wrap a {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.modal-img-wrap.first a {
  width: 278px;
}

.modal-img-wrap.secon a {
  width: 312px;
}

.dashboard-wrap .my__dashboard .safe-management.custom-gray {
  padding: 0;
  border: none;
  gap: 0;
  margin-top: 8px;
}

.dashboard-wrap .my__dashboard .safe-management.custom-gray li {
  flex: 1;
}

.dashboard-wrap .my__dashboard .safe-management.custom-gray li+li {
  margin-left: 4px;
}

.dashboard-wrap .my__dashboard .safe-management.custom-gray li a {
  display: block;
  background: #f5f5f5;
  border-radius: 6px;
}

.dashboard-wrap .my__dashboard .dashboard-tit {
  display: flex;
  align-items: center;
}

.dashboard-wrap .my__dashboard .dashboard-tit i {
  width: 20px;
  height: 20px;
}

.dashboard-wrap .my__dashboard .dashboard-tit i img {
  object-fit: contain;
}

.dashboard-wrap .my__dashboard .dashboard-tit i+b {
  margin-left: 2px;
  color: #333;
}

.dashboard-wrap .my__dashboard .safe-management.custom-gray li a span {
  margin: 0;
  padding: 10px 0;
  display: block;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}

.dashboard-wrap .bidding-list.custom-mt-8 li span {
  line-height: 140%;
}

.dashboard-wrap .bidding-list.custom-mt-8 li strong {
  margin-top: 4px;
  line-height: 140%;
}

.content--bp.content--myinfo .bidding-list.custom-mt-8 {
  margin-top: 8px;
}

.dashboard-wrap.custom-item-20,
.dashboard-wrap.custom-item-16 {
  padding-bottom: 20px;
  gap: 0;
}

.dashboard-wrap.custom-item-16 .my__dashboard+.my__dashboard {
  margin-top: 16px;
}

.dashboard-wrap.custom-item-20 .my__dashboard+.my__dashboard {
  margin-top: 20px;
}

.content--myinfo .main .my__profile .my__setting>.radius-6 {
  border-radius: 6px;
}

.my__dashboard .bidding-list.custom-mt-8.sell,
.my__dashboard .bidding-list.custom-mt-8.buy {
  border-radius: 6px;
}

.my__dashboard .bidding-list.custom-mt-8.sell {
  background: #fff9f4;
}

.my__dashboard .bidding-list.custom-mt-8.buy {
  background: #FFF5F6;
}

.tab__menu.x-scroll-hidden {
  overflow-x: auto;
  justify-content: unset;
  padding: 0 15px 0 20px;
}

.tab__menu.x-scroll-hidden::-webkit-scrollbar {
  display: none;
}

.tab__menu.x-scroll-hidden {
  scrollbar-width: none;
}

.tab__menu.x-scroll-hidden {
  -ms-overflow-style: none;
}

.tab__menu.x-scroll-hidden a {
  padding: 8px 4px;
  flex: 0 0 max-content;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}

.tab__menu.x-scroll-hidden a.is-active {
  border-bottom: 2px solid #dd2c2f;
}

.tab__menu.x-scroll-hidden a+a {
  margin-left: 8px;
}

.tag-box.justify-start-box {
  justify-content: flex-start;
}

.tag-box.justify-start-box .tag+.tag {
  margin-left: 4px;
}

.tag.new {
  background: rgb(0 0 0 / 50%);
  border: 1px solid #F6CA2D;
  font-weight: 700;
  display: flex;
  align-items: center;
  color: #F6CA2D;
  height: 25px;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 12px;
}

.community.board .board-section.left-direction .board__item .board__tit_cont_wrap {
  padding: 0 8px;
}

.community.board .board-section.left-direction .board__item {
  border-bottom: 1px solid #e8e8e8;
  padding: 11.5px 0;
}

.community.board .board-section.left-direction .board__item .board__title {
  justify-content: flex-start;
  color: #575757;
  font-size: 16px;
  line-height: 140%;
}

.community.board .board-section.left-direction .board__item .board__title img {
  min-width: 16px;
  width: 16px;
  margin-right: 4px;
}

.community.board .board-section.left-direction:nth-of-type(1) {
  margin-top: 20px;
}

.community.board .board-section.left-direction .board__item:has(.board__title img):nth-last-of-type(1) {
  border-bottom: none;
}

.community.board .board-section.custom-ellipsis .board__item .board__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.community.board .board-section.custom-ellipsis .board__item .board__title:has(img) {
  width: 100%;
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
  /* overflow: unset; */
}

.community.board .board-section.custom-ellipsis .board__item .board__title:has(img) img {
  position: absolute;
  right: 0;
}

.community.board .board-top.sorting-new select {
  padding: 13px 19px 13px 0;
  background: #fff url(../image/ico-arrow-bottom.svg) no-repeat 100% 50% !important;
  background-size: 16px 16px !important;
  text-align: right;
}

.community.board .board-section.custom-ellipsis .board__info {
  margin-bottom: 4px;
}

.community.board .board-section.custom-ellipsis .board__item .board__cate {
  margin-bottom: 0;
}

.community.board .board-section.custom-ellipsis .board__info span {
  margin-bottom: 0;
}

.community.board .board-section.custom-ellipsis .icon {
  margin-left: 4px;
  margin-top: -1px;
}

.community.board .board-section.custom-ellipsis .date {
  line-height: 140%;
}

.community.board .board-section.custom-ellipsis .board__item .board__tit_cont_wrap .board__cont {
  margin-top: 0;
}

.community.board .board-section.custom-ellipsis .board-top.box.pt-8 {
  padding-top: 8px;
}

.community.view .board__item.left-direction .board__title {
  display: block;
  gap: unset;
}

.community.view .board__item.left-direction .board__title img {
  margin-right: 0;
  margin-top: 3px;
}

.community.view .board__item.left-direction .board__view .utill .btn.dislike span,
.community.view .board__item.left-direction .board__view .utill .btn.like span {
  background-position: left top;
}

.content--adv.content--quiz-view .safe-top .tag-box .tag.new {
  margin-top: 0;
}

.community.board .board-section.custom-ellipsis .board__item:nth-last-of-type(1) {
  border-bottom: 1px solid #eee;
}

.content.pb-56 {
  padding-bottom: 56px;
}

.content--adv.content--gray .community.board .board-section.pt-12 {
  padding-top: 12px;
}

.content--adv.content--gray .community.board .board-section.pb-70 {
  padding-bottom: 70px;
}

.result__bar.mt-4 {
  margin-top: 4px;
}

.result__bar.mb-8 {
  margin-bottom: 8px;
}

.community.board .board-section.custom-ellipsis.last-item-border-none .board__item:nth-last-of-type(1) {
  border-bottom: none;
}

.custom-keypad {
  bottom: 0;
}

.custom-keypad.ios-keypad {
  display: none;
}

.custom-keypad.ios-keypad.on {
  display: grid;
}

.custom-keypad.ios-keypad {
  position: absolute;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  width: max-content;
  z-index: 9999;
  max-width: 500px;
  left: 50%;
  transform: translateX(-50%);
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.custom-keypad.ios-keypad button:nth-last-child(2) {
  grid-column: 2/3;
}

/* 기본 버튼 스타일 */
.ios-keypad .key {
  width: 100%;
  line-height: 46px;
  height: 46px;
  font-size: 24px;
  background-color: white;
  border-radius: 5px;
  text-align: center;
  line-height: 60px;
  font-weight: 500;
  margin: 0;
  color: #111;
  cursor: pointer;
  display: flex;
  transition: background-color 0.2s;
  align-items: center;
  justify-content: center;

}

/* 빈칸 자리 */
.ios-keypad .key.empty {
  visibility: hidden;
}

/* 삭제 버튼 스타일 */
.ios-keypad .key.delete {
  font-size: 22px;
  background-color: #e3e3e3;
  color: #000;
}

/* 눌렀을 때 효과 */
.ios-keypad .key:active {
  background-color: #ddd;
}

/* //워드앤코드 241129 css 추가 */

.popup-trigger {
  position: relative;
  display: block;
  width: 100%;
  color: #575757;
  background: #f5f5f5;
  border-radius: 8px;
  text-indent: 16px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 500;
}


.popup-trigger::after {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(/assets/image/chevron-right-5757.svg) center center;
  background-size: cover;
  content: "";
}

.popup-trigger.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.content--pp.content--account-set .main.bidding.full {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.content--pp.content--account-set {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 124px);
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 100vh;
  left: initial;
  top: initial;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  padding-top: 56px;
}

.content--pp.content--account-set .mt-0 {
  margin-top: 0;
}

.content--pp.content--account-set .mt-12 {
  margin-top: 12px;
}

.content--pp.content--account-set .p-32-20-0-20 {
  padding: 32px 20px 0 20px;
}

.radio-wrap .item__input.bank-info {
  border: none;
}

.radio-wrap .item__input.bank-info .red-radio[type="radio"]+label:before,
.radio-wrap .item__input.bank-info .red-radio[type="radio"]+label:after {
  transform: translateY(-50%);
  top: 50%;
}

.pop__detail .popup__btn.gap-12 {
  gap: 12px;
}

.main .detail__swiper.cover .swiper-slide {
  position: relative;
  width: 100%;
  padding-bottom: 66.6667%;
  overflow: hidden;
}

.main .detail__swiper.cover .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.main .detail__swiper.cover {
  /* height: 240px; */
  position: relative;
}

.main .detail__swiper.cover .swiper-pagination {
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  background: rgba(0, 0, 0, 0.50);
  padding: 2px 8px;
  border-radius: 999px;
  right: 20px;
  left: unset;
  position: absolute;
  transform: unset;
  /* margin-left: auto; */
  margin: 0;
  bottom: 20px;
  letter-spacing: -1.3px;
}

.item__box.item-grid {
  display: grid;
  height: 48px;
  align-items: center;
}

.item__box.item-grid .item__title {

  grid-column: 1/2;

  grid-row: 1/2;

  margin-bottom: 4px !important;
}

.main .detail__item .item__profile .item__box .item__detail {

  grid-column: 1/2;

  grid-row: 2/3;

  margin-bottom: 0 !important;
}

.item__box.item-grid .item__follow {

  grid-row: 1/3;

  grid-column: 2/3;

  margin-left: auto;
}

.main .detail__item .item__profile .item__figure.size-48 img {
  width: 48px;
  height: 48px;
}

.item__figure.size-48,
.item__figure.size-48 img {
  width: 48px;
  height: 48px;
}

.item__figure.size-48+.item__box.item-grid {
  width: calc(100% - 56px);
}

.main .item__status.custom-status .item__dashboard {
  height: auto;
}

.main .detail__item .item__status.custom-status .item__deal {
  margin: 0;
}

.main .detail__item .item__status.custom-status .item__deal span {
  letter-spacing: -0.32px;
}

/* 사고팔기 나눔,임박기능 추가 250523 */
.main .detail__item .item__status.custom-status .item__deal {
  display: flex;
  align-items: center;
  gap: 8px;

}

.main .detail__item .item__status.custom-status .item__deal .tag {
  display: flex;
  align-items: center;
  height: 25px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #FA7C21;
  color: #FA7C21;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -.24px;
  box-sizing: border-box;
}

.main .detail__item .item__status.custom-status .item__deal.approach .tag {
  color: #E45659;
  border: 1px solid #E45659;
}

.main .detail__item .item__status.custom-status .item__deal.share span.is-ing {
  color: #FA7C21;
}


.main .detail__item .item__status.custom-status .item__box {
  padding: 8px 0 0 0;
  display: flex;
  align-items: flex-end;
}

.editor-table-wrap {
  border: 1px solid rgb(232, 232, 232);
  border-radius: 8px;
  overflow: hidden;
}

.editor-table {
  border-collapse: collapse;
}

.editor-table thead th {
  background: rgb(245, 245, 245);
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  padding: 8px;
  text-align: left;
  color: #333;
}

.editor-table thead th+th {
  border-left: 1px solid rgb(232, 232, 232);
}

.editor-table tbody tr td+td {
  font-weight: 400;
}

.editor-table tr td {
  border: 1px solid rgb(232, 232, 232);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  padding: 8px;
  color: #575757;
  letter-spacing: -.28px;
}

.editor-table tbody tr td:first-child {
  border-left: none;
}

.editor-table tbody tr td:last-child {
  border-right: none;
}

.editor-table tbody tr:last-child td {
  border-bottom: none;
}

.editor+.notice-box {
  margin-bottom: 20px;
}

.notice-box {
  margin: 0;
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #FEE5D3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 16px;
}

.notice-box .title {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  color: #333;
  line-height: 140%;
  font-weight: 700;
  font-size: 14px;
}

.notice-box .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2.3px;
  /* transform: translateY(-50%); */
  width: 14px;
  height: 20px;
  background: url(/assets/image/ico-light-bell.png) no-repeat center/contain;
}

.notice-box ul.title {
  margin-bottom: 0;
  padding-left: 24px;
}

.notice-box ul.title li {
  padding: 0;
  color: #333;
  letter-spacing: -0.28px;
  font-size: 14px;
  line-height: 140%;
}

.notice-box ul.title li:before {
  display: none;
  padding-left: 0;

}

.notice-box ul li {
  font-size: 13px;
  line-height: 140%;
  letter-spacing: -0.26px;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 19px;
  color: #575757;
  font-weight: 400;
}

.notice-box li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7.5px;
  left: 8px;
  width: 4px;
  height: 4px;
  background-color: #575757;
  border-radius: 999px;
  top: 6.5px;
}

.cate-item {

  display: flex;

  border: 1px solid #eeeeee;

  border-radius: 8px;
}

.cate-item li {

  flex: 1;

  padding: 7.5px 0;
}

.cate-item li .tit {
  color: #888;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.22px;
}

.cate-item li+li {
  position: relative;
}

.cate-item li+li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  background: #F5F5F5;
  width: 1px;
  height: 24px;
  transform: translateY(-50%);
}

.cate-item li .txt {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  margin-top: 2px;
  letter-spacing: -0.28px;
}

.other__swiper.custom-radius .swiper-slide {
  width: 120px;
}

.other__swiper.custom-radius .swiper-slide:not(.no-img) a {
  position: relative;
}

.other__swiper.custom-radius .swiper-slide:not(.no-img) a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  background: rgba(0, 0, 0, 50%);
  z-index: 2;
}

.other__swiper.custom-radius .swiper-slide a {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  display: block;
  overflow: hidden;
}

.other__swiper.custom-radius .swiper-slide a {
  position: relative;
  width: 100%;
  padding-top: 100%;
  /* 1:1 비율 유지 */
  height: 0;
  overflow: hidden;
}

.other__swiper.custom-radius .swiper-slide a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 이미지를 꽉 채우되 비율 유지 */
}

.other__swiper.custom-radius .swiper-slide.no-img a {
  display: block;
  background: #eeeeee;
  /* position: relative; */
}

.other__swiper.custom-radius .swiper-slide.no-img img {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 50%;
  /* top: 50%; */
  top: 44px;
  transform: translateX(-50%);
  z-index: 3;
}

.main .other__swiper.custom-radius .item__subject {
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  margin: 4px 4px 0 4px;
  /* margin-left: 4px; */
  line-height: 140%;
  letter-spacing: -0.28px;
}

.main .others__item.custom-padding {
  padding: 4px 0 20px 20px;
  margin: 0;
}

.main .others__item.custom-padding+.others__item.custom-padding {
  margin: 0;
}

.main .others__item.custom-padding:last-child {
  padding-bottom: 70px;
}

.main .detail__item .item__profile .item__box .item__follow .btn.custom {
  position: relative;
  display: flex;
  padding: 4px 12px;
  line-height: 140%;
  font-size: 14px;
  font-weight: 700;
  align-items: center;

}

.main .detail__item .item__profile .item__box .item__follow .btn.custom::before {
  content: '';
  display: inline-block;
}

.main .detail__item .item__profile .item__box .item__follow .btn-follow {
  background: #e45659;
}

.main .detail__item .item__profile .item__box .item__follow .btn-following {
  background-color: #e8e8e8;
  color: #575757;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  padding: 5px 12px 5px 12px;
  /* color: #fff; */
  font-weight: 700;
  font-size: 14px;
  font-weight: 700;
}

.main .detail__item .item__profile .item__box .item__follow .btn-following::before {
  width: 14px;
  height: 14px;
  background: url('/assets/image/following-btn.png') center center;
  background-size: cover;
  margin-right: 4px;
}

.main .detail__item .item__profile .item__box .item__follow .btn-follow::before {
  width: 14px;
  height: 14px;
  background: url('/assets/image/follow-btn.svg') center center;
  background-size: cover;
  margin-right: 4px;
}

.chart__won-top {
  display: flex;
  align-items: center;
}

.chart__won-top span {
  color: #888;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-left: 4px;
  letter-spacing: -0.28px;
}

.main .chart__item .chart__won-top strong {
  color: #000;
  letter-spacing: -0.48px;
  font-weight: 700;
}

.chart__won-top+.text-up {
  margin-top: 2px;
  display: block;
}

.main .chart__item .chart__won span.text-up.custom,
.main .chart__item .chart__won span.text-down.custom {
  display: flex;
  letter-spacing: -0.26px;
  margin-top: 2px;
}

.main .chart__item .chart__won span.text-up.custom img,
.main .chart__item .chart__won span.text-down.custom img {
  margin-right: 2px;

}

.main .chart__item .chart__won span.text-up.custom img {
  margin-top: -4px;
}

.header.under-effect~.content:has(.detail__swiper.cover),
.content:has(.detail__swiper.cover)~.btn-fixed-full,
.content:has(.detail__swiper.cover)~.fixed-menu {
  z-index: 999;
}

.detail__item.custom-padding {
  padding: 0;
}

.detail__item.custom-padding .item__status.custom-status {
  padding: 24px 4px 0 4px;
  margin: 20px 0 0 0;
}

.detail__item.custom-padding .item__status.custom-status+.item__board {
  margin: 16px 0 0 0;
  border-top: none;
  padding: 0;
}

.main .others__item.custom-padding .item__title+.other__swiper.custom-radius {
  margin-top: 12px;
}

.main .others__item.custom-padding .other__swiper.custom-radius .swiper-slide:last-child {
  padding-right: 20px;
}

.main .others__item.custom-padding .item__title {
  margin-right: 20px;
  margin-left: 4px;
  padding: 20px 0 0 0;
  letter-spacing: -0.32px;
}

.main .others__item.custom-padding .item__title+.cate-item {
  margin-top: 20px;
}

.main .others__item.custom-padding .cate-item {
  margin-right: 20px;
}

.main .others__item.custom-padding .chart__item {
  margin-right: 24px;
  margin-left: 4px;
  margin-top: 20px;
  /* margin-bottom: 32px; */
}

.main .others__item.custom-padding .chart__item+div {
  margin-right: 20px;
  margin-top: 32px;
}

.main .others__item.custom-padding .notice-box {
  margin-right: 20px;
  margin-top: 16px;
}

.detail__item.custom-padding .item__status.custom-status .item__view {
  width: calc(100% - 24px)
}

.detail__item.custom-padding .item__status.custom-status .item__view .item__subject {

  margin-bottom: 4px;

  letter-spacing: -0.36px;

  line-height: 140%;
}

.detail__item.custom-padding .item__status.custom-status .item__view .item__date {

  font-size: 13px;

  font-weight: 400;

  line-height: 140%;
}

.detail__item.custom-padding .item__status.custom-status .item__view .item__date span {
  letter-spacing: -0.26px;
  font-size: 13px;
}

.detail__item.custom-padding .item__status.custom-status .item__scrap {

  color: #888;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.detail__item.custom-padding .item__status.custom-status .item__scrap span {
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.main .detail__item .item__status.custom-status .item__deal .is-done {
  color: #888;
}

main .detail__item .item__status.custom-status .item__deal span {
  letter-spacing: -0.32px;
}

.main .detail__item .item__status.custom-status .item__box .item__view .item__date span+span:after {
  background: #e8e8e8;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  left: 1px;
}

.main .detail__item .item__status.custom-status .item__box .item__view .item__date span+span {
  padding-left: 8px;
}

.notice-box ul.title:before {
  top: 50%;
  transform: translateY(-50%);
}

.main .detail__item .item__profile .item__box.item-grid .item__title .rating {
  margin-left: 4px;
  font-weight: 400;
}

.toast-msg.first {
  z-index: 999;
}

.dimed.first {
  z-index: 999;
}

.main .others__item.custom-padding .chart__item .chart__time span {
  letter-spacing: -0.26px;
}

.detail__swiper.cover~.detail__item.custom-padding .item__profile {
  margin-top: 20px;
}

.detail__item.custom-padding .item__profile {
  margin-top: 32px;
}

.detail-info-view .info-view-top {
  display: grid;
  grid-template-columns: 36px auto;
  grid-gap: 0 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f5f5f5f5;
  margin-bottom: 8px;
}

.detail-info-view {

  border: 1px solid #f8d5d5;

  border-radius: 8px;

  padding: 12px 12px 16px 12px;

  margin-bottom: 20px;
}

.detail-info-view .profile {
  grid-column: 1/2;
  grid-row: 1/3;
}

.detail-info-view .name {
  grid-row: 1/2;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #333;
}

.detail-info-view .date {
  grid-row: 2/3;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #888;
}

.info-view-mid {
  padding: 0 4px;
}

.info-view-mid p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #333;
}

.info-view-mid p+p {
  margin-top: 4px;
}

.info-view-bottom p {
  /* display:flex; */
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  color: #333;
}

.info-view-bottom p img {
  width: 14px;
  margin-right: 4px;
  margin-top: 0.2px;
}

.info-view-bottom .lists {

  padding: 0 4px 0 11px;

  margin-top: 8px;
}

.info-view-bottom .lists li {}

.info-view-bottom .lists li a {
  color: #4263eb;
  position: relative;
  padding-left: 14px;
  line-height: 140%;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.info-view-bottom {

  margin-top: 12px;
}

.info-view-bottom .lists li a:before {
  content: '';
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 999px;
  background: #575757;
  width: 3px;
  height: 3px;
}

.info-view-bottom .lists li+li {
  margin-top: 6px;
}

.content--adv .community.view .board__item .cmt-view-result {

  background: #fafafa;

  padding: 12px 8px;

  text-align: center;

  color: #575757;

  font-weight: 400;

  font-size: 13px;

  line-height: 140%;

  border-radius: 8px;
}

.content--adv.content--quiz-view .board-section.border-top-gray:has(.cmt-view) {
  padding-bottom: 8px !important;
}

.content--adv .community.view .board-section.border-top-gray.blur .board__item .board__cmt .cmt-dashboard {
  position: relative;
  z-index: 99;
}

.content--adv.content--quiz-view .main.bidding.community .board-section.blur .cmt-view .cmt-view-list:last-child {
  padding-bottom: 80px;
}

/**/

.board__profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 8px;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #f5f5f5;
}

.board__profile .item__figure img {
  width: 36px;
  height: 36px;
  border-radius: 50px;
}

.board__profile .item__box {
  width: calc(100% - 44px);
  align-content: center;
  height: auto;
}

.board__profile .item__box .item__title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-bottom: 0 !important;
}

.board__profile .item__box .item__title a {
  color: #575757;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  display: block;
}

.board__profile .item__box .item__title .badge {
  line-height: 1;
}

.board__profile .item__box .item__title .badge img {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.board__profile .item__box .item__title .rating {
  line-height: 1;
  color: #575757;
  font-size: 14px;
  margin-left: 5px;
}

.board__profile .item__box .item__title .rating img {
  vertical-align: -2px;
  width: 16px;
  height: 16px;
}

.board__profile .item__box .item__detail {
  margin-bottom: 0;
}

.board__profile .item__box .item__detail span {
  color: #888;
  font-size: 13px;
  display: block;
  font-weight: 400;
  line-height: 140%;
}

.board__profile .item__box .item__follow .btn {
  width: auto;
  display: inline-block;
  padding: 6px 15px;
  font-size: 13px;
  border-radius: 30px;
  background-color: #E45659;
}

.board__profile .item__box .item__follow .btn-following {
  background-color: #e8e8e8;
  color: #575757;
  display: inline-flex;
  align-items: center;
  border-radius: 50px;
  padding: 5px 12px 5px 12px;
  /* color: #fff; */
  font-weight: 700;
  font-size: 14px;
  font-weight: 700;
}

.board__profile .item__box .item__follow .btn.custom {
  display: flex;
  align-items: center;
}

.board__profile .item__box .item__follow .btn.custom::before {
  content: '';
  display: inline-block;
}

.board__profile .item__box .item__follow .btn-following::before {
  content: '';
  width: 14px;
  height: 14px;
  background: url('/assets/image/following-btn.png') center center;
  background-size: cover;
  margin-right: 2px;
}

.board__profile .item__box .item__follow .btn-follow::before {
  content: '';
  width: 14px;
  height: 14px;
  background: url('/assets/image/follow-btn.svg') center center;
  background-size: cover;
  margin-right: 2px;
}

.board__profile .item__box .item__follow .btn.custom {
  position: relative;
  display: flex;
  padding: 4px 12px;
  line-height: 140%;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}

.community.view .board__profile+.board__info.custom-viewer {
  padding: 20px 4px 0 4px;
}

.community.view .board__info.custom-viewer+.board__view.custom-set .editor {
  padding: 12px 4px;
}

.community.view .board__info.custom-viewer {
  border-bottom: none;
}

.community.view .board__item .board__info.custom-viewer .view {
  position: static;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.community.view .board__view.custom-set .editor {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.community.board.pb-0 {
  padding-bottom: 0;
}

.community.view .board__cmt.custom-set {
  padding: 16px 0 13px;
}

.community.view .board__cmt.custom-set .cmt-dashboard {
  margin-bottom: 8px;
}

.community.view .board__info.custom-viewer .board__title {
  margin-bottom: 4px;
  letter-spacing: -0.36px;
}


.community.view .board__info.custom-viewer .info {
  margin-bottom: 0;
}

.community.board.pb-0 .board__item {
  padding-bottom: 0;
}


/* RRMH-2684 카카오 스타일 style.css 추가 */

.btn-floating {
  position: fixed;
  bottom: 76px;
  z-index: 100;
  right: 50%;
  -webkit-transform: translateX(231px);
  transform: translateX(231px);
}

@media (max-width: 500px) {
  .btn-floating {
    right: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.btn-floating.kakao {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #fee500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  /* RRMH-2684 카카오 스타일 변경 */
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
/* RRMH-2684 카카오 스타일 변경 */
.btn-floating.kakao img {
  width: 20px;
  height: 20px;
}

.btn-floating.kakao span {
  display: block;
  font-size: 10px;
  line-height: 140%;
  letter-spacing: -0.2px;
  font-weight: 500;
  color: #000;
}
/* //RRMH-2684 카카오 스타일 변경 */

 /* RRMH-2679 ltv 롤링배너 컴포넌트 추가 */
.ltv__swiper {
    width: calc(100% - 40px);
    padding: 0 20px;
    margin-bottom: 8px;
    overflow: hidden;
  }
  .ltv__swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 52px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 16px 7px;
    border-radius: 8px;
    background-color: #eee;
  }
  .ltv__swiper .swiper-slide:after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: "";
    display: inline-block;
    width: 112px;
    height: 100%;
    background-image: url("/assets/image/ltv_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  .ltv__swiper .swiper-slide .title {
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.32px;
    font-weight: 700;
    color: #000;
  }
  .ltv__swiper .swiper-slide .title strong {
    color: #dd2c2f;
  }
  .ltv__swiper .swiper-slide .date {
    font-size: 10px;
    line-height: 140%;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: #888;
  }