@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_push {
  display: inline-block;
  width: 31px;
  min-width: 31px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='29' viewBox='0 0 31 29'  fill='none'%3E%3Cpath stroke='%23000' stroke-linejoin='round' stroke-width='2' d='M29.994 22.198a1 1 0 0 1-.995.892H2.146a1 1 0 0 1-.272-1.962m28.12 1.07L2.146 21.09v1l-.272-.962m28.12 1.07a1 1 0 0 0-.78-1.085m.78 1.085-.78-1.085m-27.34.015h.001l.007-.002.031-.01a12.92 12.92 0 0 0 .594-.19c.391-.133.905-.323 1.411-.555.517-.236.977-.493 1.292-.747.245-.197.3-.308.311-.329V11.17c0-5.503 4.461-9.964 9.964-9.964s9.963 4.461 9.963 9.964V19.328s0 .006.004.017a.323.323 0 0 0 .036.072c.048.076.14.18.297.306.319.256.788.503 1.32.723a13.704 13.704 0 0 0 1.939.627l.13.031.032.008.007.001m-27.339.015 27.34-.015'/%3E%3Cpath stroke='%23000' stroke-width='2' d='M20.286 23.299c0 2.482-2.11 4.495-4.712 4.495-2.603 0-4.713-2.013-4.713-4.495'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_bar {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M1.167.998h17.991M1.167 8.994h17.991M1.167 16.99h17.991'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M15.409 1.184.592 16m0-14.817L15.409 16'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_write {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill='%23000' d='M5.976 1.843 0 7.818v2.467h2.466l5.976-5.976-2.466-2.466ZM7.347.473l-.927.928 2.466 2.466.927-.927a.723.723 0 0 0 0-1.022L8.37.473a.723.723 0 0 0-1.022 0ZM11.572 11.011H0v.728h11.572v-.728Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'  viewBox='0 0 18 11' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='m1 1.5 8 8 8-8'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_prev {
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2' d='M9.5 1.037 1.5 9l8 7.964'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mylocation {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 16.625a7.125 7.125 0 1 0 0-14.25 7.125 7.125 0 0 0 0 14.25ZM16.875 9.5h-3.167M5.792 9.5H2.625M9.75 5.542V2.375M9.75 16.625V13.46'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.958 15.042a6.333 6.333 0 1 0 0-12.667 6.333 6.333 0 0 0 0 12.667ZM16.875 16.625l-3.443-3.444'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24'  viewBox='0 0 25 24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 5v14M5.5 12h14'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_date {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M3.4 7.4h1.2m1.8 0h1.2m1.8 0h1.2M3.4 9.8h1.2m1.8 0h1.2m1.8 0h1.2M2.2 1.7h9.6m-9.6 0A1.2 1.2 0 0 0 1 2.9m1.2-1.2A1.2 1.2 0 0 0 1 2.9m10.8-1.2A1.2 1.2 0 0 1 13 2.9m-1.2-1.2A1.2 1.2 0 0 1 13 2.9m0 0v8.4a1.2 1.2 0 0 1-1.2 1.2H2.2A1.2 1.2 0 0 1 1 11.3V2.9m12 0v1.8H1V2.9m2.4 0V.5M7 2.9V.5m3.6 2.4V.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_apply {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M10.803 4.478V1.7c0-.66-.551-1.2-1.225-1.2H2.225C1.551.5 1 1.04 1 1.7v9.6c0 .66.551 1.2 1.225 1.2h2.451m3.676-9H3.451m4.901 3H3.451m1.838 3H3.45m9.19-2.4a1.182 1.182 0 0 1 0 1.697l-3.76 3.681-1.754.022.022-1.719 3.76-3.681a1.244 1.244 0 0 1 1.732 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_location {
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='17'  viewBox='0 0 13 17' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.015 16.65c-.732-1.075-1.5-2.063-2.23-3.002C1.868 11.18.213 9.048.213 6.699A5.9 5.9 0 0 1 1.97 2.495 6.01 6.01 0 0 1 6.213.754a6.01 6.01 0 0 1 4.243 1.74A5.899 5.899 0 0 1 12.213 6.7c0 2.308-1.623 4.403-3.492 6.814-.763.984-1.568 2.023-2.308 3.134a.24.24 0 0 1-.398.003ZM8.163 5.946a1.94 1.94 0 0 1-1.95 1.932 1.941 1.941 0 0 1-1.95-1.932c0-1.066.873-1.932 1.95-1.932a1.94 1.94 0 0 1 1.95 1.932Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_block {
  display: inline-block;
  width: 17px;
  min-width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'  fill='none'%3E%3Cpath stroke='%23000' d='M1.062 1.268a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.016a.5.5 0 0 1-.5.5H1.562a.5.5 0 0 1-.5-.5V1.268Zm0 8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.017a.5.5 0 0 1-.5.5H1.562a.5.5 0 0 1-.5-.5V10.25Zm8.983-8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.016a.5.5 0 0 1-.5.5h-5.017a.5.5 0 0 1-.5-.5V1.268Zm0 8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.017a.5.5 0 0 1-.5.5h-5.017a.5.5 0 0 1-.5-.5V10.25Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_leaf {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'  fill='none'%3E%3Cpath fill='%23000' d='M6.17131 6.85863C4.21873 8.76203 2.2716 11.1946 0.940886 14.042C-1.21112 8.861 -0.902912 0.111115 15.4646 0.111115C16.0303 7.2374 14.2082 19.8588 2.79738 15.5971C2.51636 16.2024 2.24804 16.8381 1.99784 17.5062C1.88181 17.8164 1.54641 17.9687 1.2509 17.8469C0.955382 17.7251 0.810351 17.373 0.926382 17.0627C1.17657 16.3984 1.44126 15.7646 1.72046 15.1574C1.71865 15.1574 1.71683 15.1574 1.71502 15.1555C2.29153 13.806 3.024 12.5402 3.84164 11.3773C6.86024 6.91194 10.4934 4.60883 12.6455 3.57147C12.8521 3.40589 12.9319 3.10705 12.8213 2.84629C12.6926 2.54174 12.3518 2.4028 12.0617 2.53794C10.6095 3.21365 8.37044 4.71731 6.17131 6.85863Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_eye {
  display: inline-block;
  width: 37px;
  min-width: 37px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23000' d='M18.5 6.857C8.08 6.857 2.137 18 2.137 18S8.08 29.143 18.5 29.143C28.921 29.143 34.864 18 34.864 18S28.921 6.857 18.5 6.857Zm0 15.34c-2.462 0-4.457-1.869-4.457-4.178 0-2.308 1.995-4.178 4.457-4.178 2.463 0 4.458 1.87 4.458 4.178 0 2.31-1.995 4.179-4.458 4.179Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_person {
  display: inline-block;
  width: 37px;
  min-width: 37px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M25.841 13.962a4.731 4.731 0 1 0 0-9.462 4.731 4.731 0 0 0 0 9.462Zm-7.207-3.05a5.88 5.88 0 1 1-11.762 0 5.88 5.88 0 0 1 11.762 0Zm-5.881 7.34A11.615 11.615 0 0 0 1.124 29.88h23.258a11.615 11.615 0 0 0-11.63-11.629Zm22.44 6.256h-9.419a14.667 14.667 0 0 0-6.522-6.677 9.452 9.452 0 0 1 6.588-2.697c5.174 0 9.352 4.2 9.352 9.374Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_like {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='2' d='m20.333 6.17.114.116c2.107 2.238 2.07 5.784-.111 7.977l-8.095 8.136a.338.338 0 0 1-.482 0l-8.095-8.136c-2.219-2.23-2.219-5.862 0-8.092a5.67 5.67 0 0 1 7.688-.324l.648.551.648-.552a5.666 5.666 0 0 1 7.685.325Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_edit {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23000' d='m13.207 5.887 1.034-1.034a1.458 1.458 0 0 0 0-2.06l-1.034-1.035a1.458 1.458 0 0 0-2.06 0l-1.035 1.034 3.095 3.095Zm-1.034 1.034-7.744 7.744H1.334v-3.094l7.744-7.744 3.095 3.094Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_check {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M1 3.59514L3.94737 7.2315L9 0.731445'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 9px;
  min-width: 9px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10'  fill='none' viewBox='0 0 9 10'%3E%3Cpath fill='%23fff' d='M7.206 2.942c0 1.349-1.074 2.442-2.706 2.442-1.633 0-2.707-1.093-2.707-2.442S2.867.5 4.5.5s2.706 1.093 2.706 2.442'/%3E%3Cpath fill='%23fff' d='M9 8.534c0 .719-1.335.966-4.5.966S0 9.253 0 8.534c0-1.574 1.001-2.69 2.943-3.201.441.223.967.35 1.557.35s1.116-.127 1.557-.35C7.999 5.844 9 6.96 9 8.534'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_add {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 21V3M21 12H3'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_wish {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='1.5' d='M12.486 5.156a5.916 5.916 0 0 1 8.024.338l.065.067c2.253 2.333 2.232 6.072-.062 8.378l-8.095 8.136a.59.59 0 0 1-.836 0L3.487 13.94c-2.316-2.329-2.316-6.118 0-8.446a5.92 5.92 0 0 1 8.027-.338L12 5.57z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_card {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' fill='none' viewBox='0 0 18 14'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M1 5.625h16M2.455 1.5h13.09C16.35 1.5 17 2.116 17 2.875v8.25c0 .76-.651 1.375-1.454 1.375H2.455C1.65 12.5 1 11.884 1 11.125v-8.25c0-.76.651-1.375 1.455-1.375'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_save {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='-0.5 -0.5 16 16'%3E%3Cdesc%3EFloppy Disk Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cpath stroke='%23000' d='M.715 12.777V2.223c0-.833.675-1.508 1.508-1.508h8.422c.4 0 .783.16 1.066.442l2.132 2.132c.283.283.442.666.442 1.066v8.422c0 .833-.675 1.508-1.508 1.508H2.223a1.51 1.51 0 0 1-1.508-1.508Z'/%3E%3Cpath stroke='%23000' d='M4.937 5.238h5.126c.25 0 .452-.202.452-.452V1.168a.45.45 0 0 0-.452-.453H4.937a.45.45 0 0 0-.452.453v3.618c0 .25.202.452.452.452ZM2.977 8.706v5.579h9.046V8.706a.45.45 0 0 0-.452-.452H3.429a.45.45 0 0 0-.452.452Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_cart {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1 2h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 7H6m4 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0m11 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_share {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='24' fill='none' viewBox='0 0 21 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.833 8.029a3.167 3.167 0 1 0 0-6.334 3.167 3.167 0 0 0 0 6.334M4.167 15.417a3.167 3.167 0 1 0 0-6.333 3.167 3.167 0 0 0 0 6.333M16.833 22.806a3.167 3.167 0 1 0 0-6.333 3.167 3.167 0 0 0 0 6.333M6.898 13.848l7.217 4.196M14.102 6.459l-7.204 4.196'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_set {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_camera {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23005f4c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M15.333 12.667A1.333 1.333 0 0 1 14 14H2a1.334 1.334 0 0 1-1.333-1.333V5.333A1.333 1.333 0 0 1 2 4h2.667L6 2h4l1.333 2H14a1.333 1.333 0 0 1 1.333 1.333z'/%3E%3Cpath d='M8 11.333A2.667 2.667 0 1 0 8 6a2.667 2.667 0 0 0 0 5.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_write.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill='%23005F4C' d='M5.976 1.843 0 7.818v2.467h2.466l5.976-5.976-2.466-2.466ZM7.347.473l-.927.928 2.466 2.466.927-.927a.723.723 0 0 0 0-1.022L8.37.473a.723.723 0 0 0-1.022 0ZM11.572 11.011H0v.728h11.572v-.728Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_arrow.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'  viewBox='0 0 18 11' fill='none'%3E%3Cpath stroke='%23005F4C' stroke-width='2' d='m1 1.5 8 8 8-8'/%3E%3C/svg%3E");
}
.svg_icon.icon_arrow.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'  viewBox='0 0 18 11' fill='none'%3E%3Cpath stroke='%238F8F8F' stroke-width='2' d='m1 1.5 8 8 8-8'/%3E%3C/svg%3E");
}
.svg_icon.icon_mylocation.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23005F4C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 16.625a7.125 7.125 0 1 0 0-14.25 7.125 7.125 0 0 0 0 14.25ZM16.875 9.5h-3.167M5.792 9.5H2.625M9.75 5.542V2.375M9.75 16.625V13.46'/%3E%3C/svg%3E");
}
.svg_icon.icon_mylocation.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.75 16.625a7.125 7.125 0 1 0 0-14.25 7.125 7.125 0 0 0 0 14.25ZM16.875 9.5h-3.167M5.792 9.5H2.625M9.75 5.542V2.375M9.75 16.625V13.46'/%3E%3C/svg%3E");
}
.svg_icon.icon_search.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23005F4C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.958 15.042a6.333 6.333 0 1 0 0-12.667 6.333 6.333 0 0 0 0 12.667ZM16.875 16.625l-3.443-3.444'/%3E%3C/svg%3E");
}
.svg_icon.icon_search.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.958 15.042a6.333 6.333 0 1 0 0-12.667 6.333 6.333 0 0 0 0 12.667ZM16.875 16.625l-3.443-3.444'/%3E%3C/svg%3E");
}
.svg_icon.icon_search.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.958 15.042a6.333 6.333 0 1 0 0-12.667 6.333 6.333 0 0 0 0 12.667ZM16.875 16.625l-3.443-3.444'/%3E%3C/svg%3E");
}
.svg_icon.icon_date.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' d='M3.4 7.4h1.2m1.8 0h1.2m1.8 0h1.2M3.4 9.8h1.2m1.8 0h1.2m1.8 0h1.2M2.2 1.7h9.6m-9.6 0A1.2 1.2 0 0 0 1 2.9m1.2-1.2A1.2 1.2 0 0 0 1 2.9m10.8-1.2A1.2 1.2 0 0 1 13 2.9m-1.2-1.2A1.2 1.2 0 0 1 13 2.9m0 0v8.4a1.2 1.2 0 0 1-1.2 1.2H2.2A1.2 1.2 0 0 1 1 11.3V2.9m12 0v1.8H1V2.9m2.4 0V.5M7 2.9V.5m3.6 2.4V.5'/%3E%3C/svg%3E");
}
.svg_icon.icon_apply.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath stroke='%23CA3826' stroke-linecap='round' stroke-linejoin='round' d='M10.803 4.478V1.7c0-.66-.551-1.2-1.225-1.2H2.225C1.551.5 1 1.04 1 1.7v9.6c0 .66.551 1.2 1.225 1.2h2.451m3.676-9H3.451m4.901 3H3.451m1.838 3H3.45m9.19-2.4a1.182 1.182 0 0 1 0 1.697l-3.76 3.681-1.754.022.022-1.719 3.76-3.681a1.244 1.244 0 0 1 1.732 0Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_location.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='17'  viewBox='0 0 13 17' fill='none'%3E%3Cpath fill='%23CA3826' fill-rule='evenodd' d='M6.015 16.65c-.732-1.075-1.5-2.063-2.23-3.002C1.868 11.18.213 9.048.213 6.699A5.9 5.9 0 0 1 1.97 2.495 6.01 6.01 0 0 1 6.213.754a6.01 6.01 0 0 1 4.243 1.74A5.899 5.899 0 0 1 12.213 6.7c0 2.308-1.623 4.403-3.492 6.814-.763.984-1.568 2.023-2.308 3.134a.24.24 0 0 1-.398.003ZM8.163 5.946a1.94 1.94 0 0 1-1.95 1.932 1.941 1.941 0 0 1-1.95-1.932c0-1.066.873-1.932 1.95-1.932a1.94 1.94 0 0 1 1.95 1.932Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.svg_icon.icon_location.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='17'  viewBox='0 0 13 17' fill='none'%3E%3Cpath fill='%23005F4C' fill-rule='evenodd' d='M6.015 16.65c-.732-1.075-1.5-2.063-2.23-3.002C1.868 11.18.213 9.048.213 6.699A5.9 5.9 0 0 1 1.97 2.495 6.01 6.01 0 0 1 6.213.754a6.01 6.01 0 0 1 4.243 1.74A5.899 5.899 0 0 1 12.213 6.7c0 2.308-1.623 4.403-3.492 6.814-.763.984-1.568 2.023-2.308 3.134a.24.24 0 0 1-.398.003ZM8.163 5.946a1.94 1.94 0 0 1-1.95 1.932 1.941 1.941 0 0 1-1.95-1.932c0-1.066.873-1.932 1.95-1.932a1.94 1.94 0 0 1 1.95 1.932Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.svg_icon.icon_block.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'  fill='none'%3E%3Cpath stroke='%23fff' d='M1.062 1.268a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.016a.5.5 0 0 1-.5.5H1.562a.5.5 0 0 1-.5-.5V1.268Zm0 8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.017a.5.5 0 0 1-.5.5H1.562a.5.5 0 0 1-.5-.5V10.25Zm8.983-8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.016a.5.5 0 0 1-.5.5h-5.017a.5.5 0 0 1-.5-.5V1.268Zm0 8.983a.5.5 0 0 1 .5-.5h5.017a.5.5 0 0 1 .5.5v5.017a.5.5 0 0 1-.5.5h-5.017a.5.5 0 0 1-.5-.5V10.25Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_bar.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M1.167.998h17.991M1.167 8.994h17.991M1.167 16.99h17.991'/%3E%3C/svg%3E");
}
.svg_icon.icon_eye.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23005F4C' d='M18.5 6.857C8.08 6.857 2.137 18 2.137 18S8.08 29.143 18.5 29.143C28.921 29.143 34.864 18 34.864 18S28.921 6.857 18.5 6.857Zm0 15.34c-2.462 0-4.457-1.869-4.457-4.178 0-2.308 1.995-4.178 4.457-4.178 2.463 0 4.458 1.87 4.458 4.178 0 2.31-1.995 4.179-4.458 4.179Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_person.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23005F4C' fill-rule='evenodd' d='M25.841 13.962a4.731 4.731 0 1 0 0-9.462 4.731 4.731 0 0 0 0 9.462Zm-7.207-3.05a5.88 5.88 0 1 1-11.762 0 5.88 5.88 0 0 1 11.762 0Zm-5.881 7.34A11.615 11.615 0 0 0 1.124 29.88h23.258a11.615 11.615 0 0 0-11.63-11.629Zm22.44 6.256h-9.419a14.667 14.667 0 0 0-6.522-6.677 9.452 9.452 0 0 1 6.588-2.697c5.174 0 9.352 4.2 9.352 9.374Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.svg_icon.icon_edit.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23fff' d='m13.207 5.887 1.034-1.034a1.458 1.458 0 0 0 0-2.06l-1.034-1.035a1.458 1.458 0 0 0-2.06 0l-1.035 1.034 3.095 3.095Zm-1.034 1.034-7.744 7.744H1.334v-3.094l7.744-7.744 3.095 3.094Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_check.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M1 3.59514L3.94737 7.2315L9 0.731445'/%3E%3C/svg%3E");
}
.svg_icon.icon_like.DFE5ED {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-width='2' d='m20.333 6.17.114.116c2.107 2.238 2.07 5.784-.111 7.977l-8.095 8.136a.338.338 0 0 1-.482 0l-8.095-8.136c-2.219-2.23-2.219-5.862 0-8.092a5.67 5.67 0 0 1 7.688-.324l.648.551.648-.552a5.666 5.666 0 0 1 7.685.325Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_save.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='-0.5 -0.5 16 16'%3E%3Cdesc%3EFloppy Disk Streamline Icon: https://streamlinehq.com%3C/desc%3E%3Cpath stroke='%23005F4C' d='M.715 12.777V2.223c0-.833.675-1.508 1.508-1.508h8.422c.4 0 .783.16 1.066.442l2.132 2.132c.283.283.442.666.442 1.066v8.422c0 .833-.675 1.508-1.508 1.508H2.223a1.51 1.51 0 0 1-1.508-1.508Z'/%3E%3Cpath stroke='%23005F4C' d='M4.937 5.238h5.126c.25 0 .452-.202.452-.452V1.168a.45.45 0 0 0-.452-.453H4.937a.45.45 0 0 0-.452.453v3.618c0 .25.202.452.452.452ZM2.977 8.706v5.579h9.046V8.706a.45.45 0 0 0-.452-.452H3.429a.45.45 0 0 0-.452.452Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_leaf {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'  fill='none'%3E%3Cpath fill='%23005F4C' d='M6.17131 6.85863C4.21873 8.76203 2.2716 11.1946 0.940886 14.042C-1.21112 8.861 -0.902912 0.111115 15.4646 0.111115C16.0303 7.2374 14.2082 19.8588 2.79738 15.5971C2.51636 16.2024 2.24804 16.8381 1.99784 17.5062C1.88181 17.8164 1.54641 17.9687 1.2509 17.8469C0.955382 17.7251 0.810351 17.373 0.926382 17.0627C1.17657 16.3984 1.44126 15.7646 1.72046 15.1574C1.71865 15.1574 1.71683 15.1574 1.71502 15.1555C2.29153 13.806 3.024 12.5402 3.84164 11.3773C6.86024 6.91194 10.4934 4.60883 12.6455 3.57147C12.8521 3.40589 12.9319 3.10705 12.8213 2.84629C12.6926 2.54174 12.3518 2.4028 12.0617 2.53794C10.6095 3.21365 8.37044 4.71731 6.17131 6.85863Z'/%3E%3C/svg%3E");
}

.png_icon {
  vertical-align: top;
  font-size: 0;
}
.png_icon.icon_push {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_push.png);
  width: 31px;
  min-width: 31px;
  height: 29px;
}
.png_icon.icon_warning {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_warning.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.png_icon.bullet_notice {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/bullet_notice.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.png_icon.icon_coin {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_coin.png);
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.png_icon.icon_walk {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_walk.png);
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.png_icon.icon_walk2 {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_walk2.png);
  width: 26px;
  min-width: 26px;
  height: 26px;
}
.png_icon.icon_fire {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_fire.png);
  width: 26px;
  min-width: 26px;
  height: 26px;
}
.png_icon.icon_end {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_end.png);
  width: 21px;
  min-width: 21px;
  height: 21px;
}
.png_icon.icon_proof {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_proof.png);
  width: 26px;
  min-width: 26px;
  height: 26px;
}
.png_icon.icon_activity {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_activity.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.png_icon.icon_order {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_order.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.png_icon.icon_challenge2 {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_challenge2.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.png_icon.icon_coin.big {
  width: 16px;
  height: 16px;
}
.png_icon.icon_coin.m {
  width: 20px;
  height: 20px;
}
.png_icon.icon_coin.l {
  width: 24px;
  height: 24px;
}
.png_icon.icon_coin.xl {
  width: 30px;
  height: 30px;
}
.png_icon.icon_walk.s {
  width: 14px;
  height: 14px;
  min-width: 14px;
}

.icon_del_s {
  display: inline-flex;
  width: 8px;
  height: 8px;
  background: url("../img/svg/icon_del_s.svg") no-repeat center/8px 8px;
}

.icon_down {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_down.svg") no-repeat center/20px 20px;
}

.icon_eye_s {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23005F4C' d='M18.5 6.857C8.08 6.857 2.137 18 2.137 18S8.08 29.143 18.5 29.143C28.921 29.143 34.864 18 34.864 18S28.921 6.857 18.5 6.857Zm0 15.34c-2.462 0-4.457-1.869-4.457-4.178 0-2.308 1.995-4.178 4.457-4.178 2.463 0 4.458 1.87 4.458 4.178 0 2.31-1.995 4.179-4.458 4.179Z'/%3E%3C/svg%3E");
  background-size: contain;
}

.icon_eye_wh {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='36' viewBox='0 0 37 36' fill='none'%3E%3Cpath fill='%23fff' d='M18.5 6.857C8.08 6.857 2.137 18 2.137 18S8.08 29.143 18.5 29.143C28.921 29.143 34.864 18 34.864 18S28.921 6.857 18.5 6.857Zm0 15.34c-2.462 0-4.457-1.869-4.457-4.178 0-2.308 1.995-4.178 4.457-4.178 2.463 0 4.458 1.87 4.458 4.178 0 2.31-1.995 4.179-4.458 4.179Z'/%3E%3C/svg%3E");
  background-size: contain;
}

.icon_eye_line {
  display: inline-flex;
  width: 30px;
  height: 20px;
  background: url("../img/svg/icon_eye_line.svg") no-repeat center/contain;
  background-size: contain;
}

.icon_heart {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_heart.svg") no-repeat center/contain;
}
.icon_heart.off {
  background: url("../img/svg/icon_heart_off.svg") no-repeat center/contain;
}
.icon_heart.active {
  background: url("../img/svg/icon_heart.svg") no-repeat center/contain;
}

.icon_comment {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_comment.svg") no-repeat center/contain;
}

.icon_date_wh {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_date_wh.svg") no-repeat center/contain;
}

.icon_setting {
  display: inline-flex;
  width: 18px;
  height: 18px;
  background: url("../img/svg/icon_setting.svg") no-repeat center/18px 5px;
}

.icon_setting {
  display: inline-flex;
  width: 18px;
  height: 18px;
  background: url("../img/svg/icon_setting.svg") no-repeat center/18px 5px;
}

.icon_write_line {
  display: inline-flex;
  width: 18px;
  height: 18px;
  background: url("../img/svg/icon_write_line.svg") no-repeat center/contain;
}

.icon_waste {
  display: inline-flex;
  width: 18px;
  height: 18px;
  background: url("../img/svg/icon_waste.svg") no-repeat center/contain;
}

.icon_report {
  display: inline-flex;
  width: 18px;
  height: 18px;
  background: url("../img/svg/icon_report.svg") no-repeat center/contain;
}

.icon_connect {
  display: inline-flex;
  width: 14px;
  height: 14px;
  background: url("../img/svg/icon_connect.svg") no-repeat center/contain;
}

.icon_send {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_send.svg") no-repeat center/contain;
}

.icon_write_wh {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_write_wh.svg") no-repeat center/contain;
}

.icon_del_circle {
  display: inline-flex;
  width: 41px;
  height: 41px;
  background: url("../img/svg/icon_del_circle.svg") no-repeat center/contain;
}
@media screen and (max-width: 1023.9px) {
  .icon_del_circle {
    width: 18px;
    height: 18px;
  }
}

.icon_eco {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_eco.svg") no-repeat center/contain;
}

.icon_crown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: flex-end;
  padding-bottom: 2px;
  color: #000;
  font-weight: 600;
  font-size: 7px;
  width: 25px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon_crown._1 {
  background-image: url("../img/svg/icon_crown.svg");
}
.icon_crown._2 {
  background-image: url("../img/svg/icon_crown_2.svg");
}
.icon_crown._3 {
  background-image: url("../img/svg/icon_crown_3.svg");
}
.icon_crown._4 {
  background-image: url("../img/svg/icon_crown_4.svg");
}

.icon_clover_square {
  display: inline-flex;
  width: 50px;
  height: 50px;
  background: url("../img/clover_square.png") no-repeat center/contain;
}

.icon_eggs {
  display: inline-flex;
  width: 30px;
  height: 30px;
  background: url("../img/eggs.png") no-repeat center/contain;
}

.icon_bear {
  display: inline-flex;
  width: 30px;
  height: 30px;
  background: url("../img/bear.png") no-repeat center/contain;
}

.icon_excl_circle {
  display: inline-flex;
  width: 20px;
  height: 20px;
  background: url("../img/svg/icon_excl_circle.svg") no-repeat center/contain;
}

.icon_time {
  display: inline-flex;
  width: 10px;
  height: 10px;
  background: url("../img/icon_time.png") no-repeat center/contain;
}

.icon_excl {
  display: inline-flex;
  width: 12px;
  height: 12px;
  background: url("../img/svg/icon_excl.svg") no-repeat center/contain;
}

.icon_ranking_badge {
  width: 18px;
  margin-left: 3px;
}

.icon_ing {
  border-radius: 0 10px;
  background: #005f4c !important;
  height: 17px !important;
  padding: 3px 7px;
  position: absolute;
  right: -1px !important;
  top: -1px !important;
  left: auto !important;
  width: auto !important;
  color: #fff;
  font-size: 10px;
  opacity: 1 !important;
}
@media screen and (min-width: 1023.9px) {
  .icon_ing {
    font-size: 14px;
    height: 30px !important;
    padding: 5px 15px;
    border-radius: 0 20px;
  }
}

@media screen and (max-width: 1023.9px) {
  .com_Community .com_tab_line {
    width: calc(100% + 26px);
    max-width: calc(100% + 26px) !important;
    margin-inline: -13px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Community .com_pg_tit_s__wrap {
    background: #fff;
    padding-block: 0;
  }
  .com_Community .com_pg_tit_s__wrap:before {
    display: none;
  }
  .com_Community .com_pg_tit_s__wrap .com_pg_tit_s {
    display: none;
  }
  .com_Community .com_pg_tit_s__wrap .com_serach {
    margin-block: 0 20px;
  }
}

.com_board .search_result + .search_result {
  margin-top: 30px;
}
@media screen and (min-width: 1023.9px) {
  .com_board .search_result + .search_result {
    margin-top: 50px;
  }
}
.com_board .search_result .tit {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_board .search_result .tit {
    font-size: 24px;
  }
}
.com_board .search_result .search_list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (min-width: 1023.9px) {
  .com_board .search_result .search_list {
    gap: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_board .com_paging_more__wrap .btn_write {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    top: auto;
    bottom: 30px;
    right: 20px;
    z-index: 9;
  }
  .com_board .com_paging_more__wrap .btn_write .txt {
    display: none;
  }
}

@media screen and (min-width: 1023.9px) {
  .p_board_detail .com_center_wrap {
    max-width: 1074px;
    margin-inline: auto;
  }
}
.p_board_detail main {
  padding-bottom: 0;
  position: relative;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail main {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail main {
    padding-bottom: 50px;
  }
}
.p_board_detail .user_img_sec {
  position: absolute;
  right: 0;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 1299.9px) {
  .p_board_detail .user_img_sec {
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
  }
}
.p_board_detail .user_img_sec .img_box {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1.5701754386;
}
.p_board_detail .user_img_sec .img_box > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p_board_detail .user_img_sec .img_box > img, .p_board_detail .user_img_sec .img_box > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (min-width: 1299.9px) {
  .p_board_detail .user_img_sec .img_box {
    max-height: 760px;
  }
}
@media screen and (max-width: 1299.9px) {
  .p_board_detail .user_img_sec .img_box {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-width: 100%;
    aspect-ratio: 1.48;
    max-height: 255px;
  }
  .p_board_detail .user_img_sec .img_box > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .p_board_detail .user_img_sec .img_box > img, .p_board_detail .user_img_sec .img_box > a > img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
    height: 100%;
  }
}
.p_board_detail .user_img_sec .btn_img_view {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_img_sec .btn_img_view {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
}
.p_board_detail .user_sec {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  background-color: #005f4c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  padding: 0 30px 40px;
  gap: 10px;
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_sec {
    padding: 0 20px 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .user_sec {
    gap: 20px;
  }
}
.p_board_detail .user_sec .thumb {
  border: 3px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  min-width: 140px;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-top: -70px;
}
.p_board_detail .user_sec .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p_board_detail .user_sec .thumb > img, .p_board_detail .user_sec .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_sec .thumb {
    width: 70px;
    height: 70px;
    min-width: 70px;
    margin-top: -35px;
  }
}
.p_board_detail .user_sec .name {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_sec .name {
    font-size: 14px;
  }
}
.p_board_detail .user_sec .info_stats {
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .user_sec .info_stats {
    gap: 50px;
    margin-left: auto;
  }
}
.p_board_detail .user_sec .info_stats .stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  font-size: 14px;
  font-size: 18px;
  color: #fff;
}
.p_board_detail .user_sec .info_stats .stats .icon_heart {
  cursor: pointer;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_sec .info_stats .stats {
    font-size: 14px;
  }
  .p_board_detail .user_sec .info_stats .stats i {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .user_sec .info_stats .stats {
    font-size: 18px;
  }
}
.p_board_detail .user_sec .tit {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-block: -8px 10px;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .user_sec .tit {
    font-size: 19px;
  }
}
.p_board_detail .detail_cont {
  margin-top: 684px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1299.9px) {
  .p_board_detail .detail_cont {
    margin-top: 200px;
  }
}
.p_board_detail .detail_sec {
  line-height: 1.5;
  padding: 30px 0;
  font-size: 18px;
  background-color: #fff;
  margin-top: -10px;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .detail_sec {
    padding-block: 90px;
    font-size: 24px;
  }
}
.p_board_detail .detail_sec .setting_area {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .banner_sec {
    margin-inline: -13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .com_board_reply {
    padding-top: 30px;
    background-color: #fff;
  }
}
.p_board_detail .post_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  padding-block: 20px;
  background-color: #fff;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .post_sec {
    padding-block: 10px;
  }
}
.p_board_detail .post_sec + .post_sec {
  border-top: 1px solid #e2e3e5;
}
.p_board_detail .btn_comment {
  margin-top: 10px;
  width: 90px;
  margin-left: auto;
  visibility: visible;
}
.p_board_detail .post_item,
.p_board_detail .comment_item {
  position: relative;
  padding-block: 5px;
}
.p_board_detail .post_item .item_head,
.p_board_detail .comment_item .item_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.p_board_detail .post_item .item_head .profile,
.p_board_detail .comment_item .item_head .profile {
  border: 2px solid #005f4c;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  aspect-ratio: auto;
  align-self: flex-start;
}
.p_board_detail .post_item .item_head .profile > a,
.p_board_detail .comment_item .item_head .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p_board_detail .post_item .item_head .profile > img, .p_board_detail .post_item .item_head .profile > a > img,
.p_board_detail .comment_item .item_head .profile > img,
.p_board_detail .comment_item .item_head .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.p_board_detail .post_item .item_head .info_area,
.p_board_detail .comment_item .item_head .info_area {
  width: 100%;
}
.p_board_detail .post_item .item_head .icon_connect,
.p_board_detail .comment_item .item_head .icon_connect {
  align-self: flex-start;
  margin-top: 10px;
}
.p_board_detail .post_item .item_footer,
.p_board_detail .comment_item .item_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 15px;
  position: relative;
  margin-top: 10px;
}
.p_board_detail .post_item .item_footer .date,
.p_board_detail .comment_item .item_footer .date {
  color: #8f8f8f;
  font-size: 12px;
  position: relative;
  line-height: 18px;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .post_item .item_footer .date,
  .p_board_detail .comment_item .item_footer .date {
    font-size: 14px;
  }
}
.p_board_detail .post_item .info_area,
.p_board_detail .comment_item .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
}
.p_board_detail .post_item .info_area .name,
.p_board_detail .comment_item .info_area .name {
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  color: #005f4c;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .post_item .info_area .name,
  .p_board_detail .comment_item .info_area .name {
    font-size: 20px;
  }
}
.p_board_detail .post_item .info_area .desc,
.p_board_detail .comment_item .info_area .desc {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 5px;
  line-height: 1.4; /* 줄간격 추가 */
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .post_item .info_area .desc,
  .p_board_detail .comment_item .info_area .desc {
    font-size: 16px;
  }
}
.p_board_detail .post_item .info_area .comment_form,
.p_board_detail .comment_item .info_area .comment_form {
  flex: 0 0 100%;
  width: 100%;
  padding-top: 10px;
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .post_item .info_area .comment_form,
  .p_board_detail .comment_item .info_area .comment_form {
    font-size: 16px;
  }
}
.p_board_detail .post_item .layer_setting,
.p_board_detail .comment_item .layer_setting {
  position: absolute;
  top: 20px;
  right: 0;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
  padding: 10px 20px 10px 20px;
  display: none;
  background-color: #fff;
  z-index: 2;
}
.p_board_detail .post_item .layer_setting.active,
.p_board_detail .comment_item .layer_setting.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.p_board_detail .post_item .layer_setting button,
.p_board_detail .comment_item .layer_setting button {
  color: #005f4c;
  font-weight: 600;
  font-size: 13px;
}
.p_board_detail .comment_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.p_board_detail .comment_item .item_head .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
}
.p_board_detail .comment_item .item_head .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p_board_detail .comment_item .item_head .profile > img, .p_board_detail .comment_item .item_head .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.p_board_detail .comment_form {
  display: none;
  position: relative;
}
@media screen and (min-width: 1023.9px) {
  .p_board_detail .comment_form {
    margin-block: 10px;
  }
}
.p_board_detail .comment_form.visible {
  margin-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  padding: 8px 15px;
  background-color: #eff2f5;
}
@media screen and (max-width: 1023.9px) {
  .p_board_detail .comment_form.visible {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
.p_board_detail .comment_form.type_rere {
  margin-block: 10px;
}
.p_board_detail .comment_form.type_rere .btn_send {
  height: auto;
  align-self: stretch;
}
.p_board_detail .comment_form .input {
  background-color: #eff2f5;
  height: 40px;
  border: none;
  width: 100%;
  min-height: 40px;
  padding: 9px 0;
  font-size: 14px;
}
.p_board_detail .comment_form .btn_send {
  background-color: #005f4c;
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.p_board_detail .comment_form .btn_send.round {
  border-radius: 50%;
  width: 34px;
  min-width: 34px;
  height: 34px;
}
.p_board_detail .comment_form .btn_anonym input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.p_board_detail .comment_form .rere_wrap {
  background-color: #dfe5ed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 15px;
  padding-left: 15px;
  flex: 1;
}
.p_board_detail .comment_form .rere_wrap .input {
  border: none;
  background-color: transparent;
}
.p_board_detail .comment_item .icon_connect,
.p_board_detail .comment_form .icon_connect {
  margin-left: 20px;
  width: 14px;
  height: 14px;
}
.p_board_detail .comment_item.active,
.p_board_detail .comment_form.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1023.9px) {
  .p_open_chat {
    touch-action: none;
    overflow-y: hidden;
  }
}
.p_open_chat .chat_sec {
  max-width: 1074px;
  border: 1px solid #e2e3e5;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .p_open_chat .chat_sec {
    border: none;
    margin-inline: -13px;
  }
}
.p_open_chat .chat_sec .tit_area {
  background-color: #005f4c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  color: #fff;
  font-size: 18px;
  height: 48px;
}
@media screen and (min-width: 1023.9px) {
  .p_open_chat .chat_sec .tit_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    font-size: 24px;
    height: 60px;
  }
}
.p_open_chat .chat_sec .scroll_body {
  overflow-y: auto;
  padding: 20px 17px 50px;
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .p_open_chat .chat_sec .scroll_body {
    height: 920px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_open_chat .chat_sec .scroll_body {
    padding-bottom: 0;
    height: calc(var(--vh, 1vh) * 100 - 188px);
  }
}
.p_open_chat .chat_sec .date_area {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.p_open_chat .chat_sec .date_area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #e2e3e5;
  top: 9px;
  z-index: 1;
}
.p_open_chat .chat_sec .date_area span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.p_open_chat .chat_sec .thumb {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: 2px solid #005f4c;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
}
.p_open_chat .chat_sec .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.p_open_chat .chat_sec .thumb > img, .p_open_chat .chat_sec .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.p_open_chat .chat_sec .thumb img {
  width: 100%;
}
.p_open_chat .chat_sec .name {
  font-size: 14px;
}
.p_open_chat .chat_sec .wrap {
  position: relative;
}
.p_open_chat .chat_sec .img_box {
  position: relative;
  max-width: 260px;
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .p_open_chat .chat_sec .img_box {
    max-width: 180px;
  }
}
.p_open_chat .chat_sec .message_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-top: 5px;
  gap: 10px;
}
.p_open_chat .chat_sec .message_info .icon_setting {
  height: 12px;
  background-size: 14px 5px;
}
.p_open_chat .chat_sec .message_box {
  margin-top: 5px;
  position: relative;
  padding: 12px 15px;
  max-width: 260px;
  width: auto;
  overflow-wrap: break-word;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.38px;
  text-align: left;
}
.p_open_chat .chat_sec .message_box img {
  width: 100%;
}
.p_open_chat .chat_sec :is(.get, .send) {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
}
.p_open_chat .chat_sec .send {
  justify-content: flex-end;
}
.p_open_chat .chat_sec .send .wrap {
  margin-right: 20px;
}
.p_open_chat .chat_sec .send .wrap .message_box {
  position: relative;
  order: 2;
  background: #d5ede0;
}
.p_open_chat .chat_sec .send .wrap .message_box:after {
  content: "";
  display: inline-block;
  border: 16px solid transparent;
  border-right-color: #d5ede0;
  position: absolute;
  top: -15px;
  right: -8px;
  transform: rotate(45deg);
}
.p_open_chat .chat_sec .send .wrap .message_info {
  justify-content: flex-end;
}
.p_open_chat .chat_sec .get {
  flex-direction: row;
}
.p_open_chat .chat_sec .get .wrap {
  max-width: calc(100% - 45px);
  flex-direction: column;
  margin-left: 20px;
}
.p_open_chat .chat_sec .get .message_box {
  position: relative;
  background-color: #eff2f5;
}
.p_open_chat .chat_sec .get .message_box:before {
  content: "";
  display: inline-block;
  border: 16px solid transparent;
  border-right-color: #eff2f5;
  position: absolute;
  top: -16px;
  left: -8px;
  transform: rotate(135deg);
}
.p_open_chat .chat_sec .next {
  padding-top: 20px;
}
.p_open_chat .chat_sec .wrap {
  flex-direction: column;
}
.p_open_chat .chat_sec .wrap .date {
  font-size: 11px;
  color: #999;
  align-self: flex-end;
  white-space: nowrap;
}
.p_open_chat .chat_sec .layer_setting {
  position: absolute;
  bottom: -50px;
  left: 0;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.24);
  padding: 10px 20px 10px 20px;
  display: none;
  background-color: #fff;
  z-index: 1;
}
.p_open_chat .chat_sec .layer_setting.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_open_chat .chat_sec .layer_setting.active {
    gap: 20px;
  }
}
.p_open_chat .chat_sec .layer_setting button {
  color: #005f4c;
  font-weight: 600;
  font-size: 13px;
}
.p_open_chat .chat_sec .chat_form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  width: 100%;
  background-color: #eff2f5;
}
.p_open_chat .chat_sec .chat_form.m_fixed {
  padding: 8px 15px;
}
@media screen and (max-width: 1023.9px) {
  .p_open_chat .chat_sec .chat_form.m_fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 99;
  }
}
.p_open_chat .chat_sec .chat_form .input,
.p_open_chat .chat_sec .chat_form .textarea {
  background-color: #eff2f5;
  height: 40px;
  border-bottom: 0;
  padding-left: 10px;
  flex: 1;
  min-height: auto;
  border: none;
  border-radius: 0;
  padding: 9px 0;
}
.p_open_chat .chat_sec .chat_form .input::-webkit-scrollbar,
.p_open_chat .chat_sec .chat_form .textarea::-webkit-scrollbar {
  display: none;
}
.p_open_chat .chat_sec .chat_form .btn_send {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #005f4c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.p_open_chat .chat_sec .chat_form .btn_send.round {
  border-radius: 50%;
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.p_open_chat .chat_sec .chat_form .btn_anonym {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 60px;
}
.p_open_chat .chat_sec .chat_form .btn_anonym input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.p_open_chat .chat_sec .com_board_reply .chat_form {
  padding-left: 10px;
  width: 500px;
  max-width: 70vw;
}

@media screen and (max-width: 1023.9px) {
  .p_ecopet .com_pg_tit_s__wrap {
    display: none;
  }
}
.p_ecopet .col_layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .col_layout {
    gap: 40px;
  }
}
.p_ecopet .my_ecopet_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  position: relative;
  gap: 20px;
  border-radius: 10px;
  border: 1px solid #005f4c;
  background: var(--f8f8f8, #f8f8f8);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    gap: 40px;
    padding: 20px 40px;
  }
}
.p_ecopet .my_ecopet_sec .heart {
  width: 12px !important;
  height: 12px !important;
}
.p_ecopet .my_ecopet_sec .heart:nth-child(n+4) {
  display: none;
}
.p_ecopet .my_ecopet_sec .thumb {
  width: 70px;
  height: 70px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border: 4px solid #fff;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .thumb {
    width: 140px;
    height: 140px;
  }
}
.p_ecopet .my_ecopet_sec .thumb .com_pet_img {
  width: 100%;
  height: 100%;
}
.p_ecopet .my_ecopet_sec .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .info_area {
    gap: 20px;
  }
}
.p_ecopet .my_ecopet_sec .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .name {
    font-size: 24px;
  }
}
.p_ecopet .my_ecopet_sec .info_stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .info_stats {
    gap: 40px;
  }
}
.p_ecopet .my_ecopet_sec .info_stats .stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  font-size: 24px;
}
@media screen and (max-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .info_stats .stats {
    font-size: 12px;
  }
  .p_ecopet .my_ecopet_sec .info_stats .stats i {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
  }
}
.p_ecopet .my_ecopet_sec .com_btn {
  width: fit-content;
}
@media screen and (max-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .com_btn {
    height: 25px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_ecopet .my_ecopet_sec .com_btn {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    padding-inline: 30px;
  }
}
.p_ecopet .com_ecopet_list .item {
  cursor: pointer;
}

.p_report .com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 10px;
  width: 100%;
  gap: 10px !important;
}
.p_report .com_chk__wrap > * {
  width: calc((100% - 10px * 3) / 4);
  min-width: calc((100% - 10px * 3) / 4);
}
@media screen and (max-width: 767.9px) {
  .p_report .com_chk__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 10px;
    width: 100%;
  }
  .p_report .com_chk__wrap > * {
    width: calc((100% - 10px * 1) / 2);
    min-width: calc((100% - 10px * 1) / 2);
  }
}