@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_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;
}

/*공통*/
.com_daily_pet {
  position: absolute;
  z-index: -1;
  left: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  height: 400px;
  max-width: 100%;
  width: 100vw;
  top: 0;
  background: url(../img/ecopet_bg2.png) no-repeat center/cover;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_pet img:not(.back_img) {
    left: 60%;
    transform: translateX(-50%);
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_daily_pet img:not(.back_img) {
    height: 237px;
    width: 237px;
    margin-top: 120px;
  }
}

.com_daily_today {
  overflow: hidden;
  margin-block: 312px 25px;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today {
    margin-top: 204px;
  }
}
.com_daily_today .daily_today__tit {
  font-size: 16px;
  font-weight: 600;
  min-width: calc(100% - 153px);
  float: left;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__tit {
    font-size: 20px;
  }
}
.com_daily_today .daily_today__tit.full {
  clear: both;
}
.com_daily_today .daily_today__state {
  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: 8px;
  float: left;
  clear: left;
  margin-top: 10px;
}
.com_daily_today .daily_today__state .icon {
  align-self: flex-start;
  font-size: 25px;
}
.com_daily_today .daily_today__state .icon img {
  width: 29px;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__state .icon {
    font-size: 29px;
  }
}
.com_daily_today .daily_today__state .txt {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__state .txt {
    font-size: 22px;
  }
  .com_daily_today .daily_today__state .txt br {
    display: none;
  }
}
.com_daily_today .daily_today__state .txt .unit {
  font-size: 18px;
  font-weight: 500;
  margin-left: 3px;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__state .txt .unit {
    font-size: 22px;
  }
}
.com_daily_today .daily_today__state .txt .num {
  font-size: 30px;
  font-weight: 500;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__state .txt .num {
    font-size: 34px;
  }
}
.com_daily_today .daily_today__state .tip {
  font-size: 11px;
  font-weight: 500;
  color: #646464;
  margin-top: 5px;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__state .tip {
    font-size: 15px;
  }
}
.com_daily_today .daily_today__state .state {
  position: relative;
}
.com_daily_today .daily_today__date {
  font-size: 14px;
  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: 8px;
  float: right;
}
@media screen and (min-width: 1023.9px) {
  .com_daily_today .daily_today__date {
    font-size: 16px;
  }
}
.com_daily_today .btn_area {
  float: right;
  text-align: right;
  clear: right;
  margin-top: 10px;
}

/*페이지별*/
.p_daily_list .daily_list_notice {
  border-radius: 5px;
  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: #e01100;
  position: relative;
  font-size: 13px;
  font-weight: 600;
  padding-block: 14px;
  margin-bottom: 15px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_list .daily_list_notice {
    font-size: 16px;
    padding-block: 20px;
  }
}
.p_daily_list .daily_list_notice__close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.p_daily_list .daily_list_notice__close .svg_icon {
  width: 12px;
  height: 12px;
}
.p_daily_list .daily_list_notice.type_none {
  background: #d1ffbf;
}
.p_daily_list .daily_list_notice.type_ing {
  background-color: #f9eded;
}

@media screen and (max-width: 1023.9px) {
  .p_daily_detail main {
    padding-bottom: 0;
  }
}
.p_daily_detail .daily_detail__img {
  margin-block: 30px;
  margin-inline: auto;
  text-align: center;
}
.p_daily_detail .daily_detail__img img {
  max-width: 400px;
  max-height: 300px;
}
@media screen and (max-width: 1023.9px) {
  .p_daily_detail .daily_detail__img img {
    max-width: 257px;
    max-height: 175px;
  }
}
.p_daily_detail .daily_detail__coin {
  border-radius: 160px;
  background: #005f4c;
  height: 33px;
  padding: 8px 15px;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 8px;
  line-height: initial;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_detail .daily_detail__coin {
    height: 40px;
    font-size: 17px;
  }
}
.p_daily_detail .daily_detail__coin__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 3px;
}
.p_daily_detail .daily_detail__coin__notice {
  color: #8f8f8f;
  font-size: 12px;
  font-weight: 500;
  margin-top: 8px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_detail .daily_detail__coin__notice {
    font-size: 15px;
  }
}
.p_daily_detail .daily_detail__methods {
  background: #f6f8fa;
  padding: 20px 15px 30px;
  font-size: 14px;
  margin-top: 30px;
  flex: 1;
  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;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_detail .daily_detail__methods {
    border-radius: 10px;
    font-size: 16px;
    padding-inline: 25px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_daily_detail .daily_detail__methods {
    width: calc(100% + 26px);
    max-width: calc(100% + 26px) !important;
    margin-inline: -13px;
    padding-bottom: 100px;
  }
}
.p_daily_detail .daily_detail__methods__tit {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_detail .daily_detail__methods__tit {
    font-size: 20px;
  }
}
.p_daily_detail .daily_detail__methods__txt {
  line-height: 1.5;
}
.p_daily_detail .daily_detail__methods__tip {
  font-size: 12px;
  color: #646464;
  padding-left: 5px;
}
.p_daily_detail .daily_detail__methods__btns {
  margin-top: auto;
  padding-top: 20px;
  text-align: right;
  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;
}
.p_daily_detail .daily_detail__methods__btns .com_btn {
  align-self: flex-end;
}

.p_eco_quiz {
  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: 30px;
}
@media screen and (min-width: 1023.9px) {
  .p_eco_quiz {
    gap: 60px;
  }
}
.p_eco_quiz .quiz_header {
  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: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.p_eco_quiz .quiz_header .quiz_date_title {
  display: flex;
  flex-direction: column;
}
.p_eco_quiz .quiz_header .quiz_date_title .quiz_date {
  font-size: 14px;
  color: #888;
}
.p_eco_quiz .quiz_header .quiz_date_title .quiz_title {
  font-size: 22px;
  font-weight: bold;
  margin-top: 4px;
}
.p_eco_quiz .quiz_header .quiz_character img {
  width: 150px;
  height: auto;
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_header .quiz_character img {
    width: 90px;
  }
}
.p_eco_quiz .quiz_card {
  background: #f6f8fa;
  border-radius: 10px;
  padding: 25px 22.5px;
  margin-bottom: 30px;
}
.p_eco_quiz .quiz_card .quiz_question {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}
.p_eco_quiz .quiz_card .quiz_question .q {
  color: #005f4c;
}
.p_eco_quiz .quiz_card .quiz_ox_wrap {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_card .quiz_ox_wrap {
    flex-direction: column;
  }
}
.p_eco_quiz .quiz_card .quiz_ox_wrap input[type=radio] {
  display: none;
}
.p_eco_quiz .quiz_card .quiz_ox_wrap input[type=radio]:checked + .quiz_ox_btn {
  border-color: #005f4c;
  background-color: #e6fff4;
  color: #005f4c;
}
.p_eco_quiz .quiz_card .quiz_ox_wrap .quiz_ox_btn {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #fff;
  color: #333;
  transition: all 0.2s;
  border: 2px solid #ccc;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_card .quiz_ox_wrap .quiz_ox_btn {
    width: 100%;
  }
}
.p_eco_quiz .quiz_result_wrap {
  text-align: center;
  margin-top: 40px;
}
.p_eco_quiz .quiz_result_wrap.success .emoji {
  font-size: 48px;
  animation: clap-scale 0.6s ease-in-out infinite;
  margin-bottom: 12px;
}
.p_eco_quiz .quiz_result_wrap.fail .emoji {
  font-size: 48px;
  animation: tear-drop 1s ease-in-out infinite;
  margin-bottom: 12px;
  position: relative;
}
.p_eco_quiz .quiz_result_wrap .quiz_result_head {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.p_eco_quiz .quiz_result_wrap .quiz_result_text {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.p_eco_quiz .quiz_result_wrap .quiz_motivation {
  font-size: 16px;
  color: #333;
  margin-top: 5px;
}
.p_eco_quiz .quiz_status_badge {
  display: inline-block;
  background-color: #fce4e4;
  color: #d32f2f;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 16px;
  margin-left: 8px;
  vertical-align: middle;
}
.p_eco_quiz .quiz_banner {
  background-color: #f5fdfb;
  border: 1px solid #c5ece1;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #007a5c;
}
.p_eco_quiz .quiz_banner .emoji-icon {
  font-size: 24px;
  margin-bottom: 6px;
  animation: bounceIcon 1s ease-in-out infinite;
}
.p_eco_quiz .quiz_explanation_wrap {
  text-align: center;
  margin: 40px 0 60px;
}
.p_eco_quiz .quiz_explanation_wrap .btn_explanation_toggle {
  background-color: #fffbe6;
  border: 1px solid #ffde6a;
  color: #b8860b;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.p_eco_quiz .quiz_explanation_wrap .btn_explanation_toggle:hover {
  background-color: #fff4c2;
}
.p_eco_quiz .quiz_explanation_wrap .quiz_explanation_box {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px 18px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
  box-sizing: border-box;
  max-width: 600px;
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_explanation_wrap .quiz_explanation_box {
    margin: 16px;
    font-size: 15px;
    padding: 20px 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_explanation_wrap .more_btn_wrap {
    margin-bottom: 130px;
  }
}
.p_eco_quiz .quiz_participant_banner {
  background-color: transparent !important;
  border: none !important;
  color: #000;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.p_eco_quiz .quiz_participant_banner .highlight {
  color: #d32f2f;
  font-weight: 600;
}
.p_eco_quiz .quiz_participant_banner .emoji {
  font-size: 18px;
  animation: popUp 0.8s ease-in-out infinite;
}
.p_eco_quiz .quiz_streak_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 12px;
}
.p_eco_quiz .quiz_streak_header .quiz_streak_title {
  font-size: 18px;
  font-weight: bold;
  color: #005f4c;
}
.p_eco_quiz .quiz_streak_subtext {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin-top: 5px;
}
.p_eco_quiz .quiz_week_list {
  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;
  padding: 0;
}
@media screen and (min-width: 1023.9px) {
  .p_eco_quiz .quiz_week_list {
    gap: 25px;
  }
}
.p_eco_quiz .quiz_week_list li {
  text-align: center;
  flex: 1;
}
.p_eco_quiz .quiz_week_list li .day_label {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
  color: #444;
}
.p_eco_quiz .quiz_week_list li .circle {
  border-radius: 500px;
  text-align: center;
  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;
  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: 11px;
  font-weight: 500;
  padding: 5px 7px;
  aspect-ratio: 1/1;
  background-color: #dfe5ed;
  color: #4a576d;
  gap: 2px;
  max-width: 150px;
  margin-inline: auto;
}
@media screen and (min-width: 1023.9px) {
  .p_eco_quiz .quiz_week_list li .circle {
    font-size: 15px;
    gap: 5px;
  }
}
.p_eco_quiz .quiz_week_list li .circle .date {
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 1023.9px) {
  .p_eco_quiz .quiz_week_list li .circle .date {
    font-size: 18px;
  }
}
.p_eco_quiz .quiz_week_list li.done .circle {
  color: #005f4c;
  border: 1px solid #ceefd6;
  background: #dbfae3;
}
.p_eco_quiz .quiz_week_list li.fail .circle {
  color: #d60000;
  border: 1px solid #ffcecc;
  background: #ffeae9;
}
.p_eco_quiz .quiz_week_list li.none .circle {
  background-color: #f0f0f0;
  color: #888;
}
.p_eco_quiz .quiz_week_list li.today .circle {
  background: #005f4c;
  color: #fff;
}
@keyframes clap-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4) rotate(5deg);
  }
}
@keyframes tear-drop {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(8px);
    opacity: 0.3;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounceIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes popUp {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.p_eco_quiz .quiz_empty_box {
  text-align: center;
  padding: 40px 20px;
  background-color: #f4f6f8;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  animation: fadeIn 0.5s ease-in-out;
}
.p_eco_quiz .quiz_empty_img {
  width: 96px;
  height: auto;
  margin-bottom: 20px;
  opacity: 0.7;
}
.p_eco_quiz .quiz_empty_text {
  font-size: 17px;
  color: #444;
  line-height: 1.6;
  font-weight: 500;
}
.p_eco_quiz .quiz_explanation_box {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 20px 18px;
  margin: 16px auto 0 auto;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  white-space: pre-wrap;
  word-break: break-word; /*핵심 변경 */
  text-align: left;
  box-sizing: border-box;
  max-width: 600px;
}
@media screen and (max-width: 1023.9px) {
  .p_eco_quiz .quiz_explanation_box {
    margin: 16px 16px 0 16px !important;
    font-size: 15px;
    padding: 20px 16px;
  }
}

.p_daily_walk .daily_progressbar {
  margin-bottom: 53px;
  position: relative;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar {
    margin-bottom: 75px;
  }
}
.p_daily_walk .daily_progressbar .bar_bg {
  border-radius: 300px;
  background: #dfe5ed;
  height: 26px;
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .bar_bg {
    height: 35px;
  }
}
.p_daily_walk .daily_progressbar .bar_bg .bar {
  height: 26px;
  position: absolute;
  left: 0;
  background-color: #005f4c;
  border-radius: 300px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .bar_bg .bar {
    height: 35px;
  }
}
.p_daily_walk .daily_progressbar .bar_info {
  top: 0;
  position: absolute;
  left: 0;
  height: 26px;
  z-index: 2;
  min-width: 55px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .bar_info {
    height: 35px;
    min-width: 70px;
  }
}
.p_daily_walk .daily_progressbar .txt {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  right: 9px;
  white-space: nowrap;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .txt {
    font-size: 16px;
  }
}
.p_daily_walk .daily_progressbar .layer {
  border-radius: 5px;
  border: 1px solid #005f4c;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 95, 76, 0.2);
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  color: #4d3a03;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 26px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  line-height: initial;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .layer {
    top: 37px;
    font-size: 15px;
    padding: 10px 15px;
  }
}
.p_daily_walk .daily_progressbar .layer:after {
  content: "";
  position: absolute;
  top: -4px;
  right: 10px;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid white; /* 본체 */
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .layer:after {
    border-width: 7px;
    top: -7px;
    right: 15px;
  }
}
.p_daily_walk .daily_progressbar .layer:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 8px;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #003f33; /* 테두리 */
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar .layer:before {
    border-width: 8px;
    top: -8px;
    right: 13px;
  }
}
.p_daily_walk .daily_progressbar.type_zero .txt {
  color: #005f4c;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; /* 우하 */
}
.p_daily_walk .daily_progressbar.type_zero .layer {
  left: 0;
  right: auto;
  white-space: nowrap;
}
.p_daily_walk .daily_progressbar.type_zero .layer:before {
  right: auto;
  left: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar.type_zero .layer:before {
    left: 15px;
  }
}
.p_daily_walk .daily_progressbar.type_zero .layer:after {
  right: auto;
  left: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_daily_walk .daily_progressbar.type_zero .layer:after {
    left: 15px;
  }
}
.p_daily_walk .daily_progressbar.type_done .bar {
  background-color: #d60000;
}

.p_invite_friend .invite_friend__item {
  border-radius: 10px;
  border: 0.6px solid #005f4c;
  background: #fff;
  padding: 20px;
  gap: 10px;
  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;
  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;
  margin-bottom: 10px;
  text-align: center;
}
.p_invite_friend .invite_friend__item .no {
  border-radius: 15px;
  width: 30px;
  height: 30px;
  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: 15px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 7px;
  background-color: #000;
}
.p_invite_friend .invite_friend__item .txt {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.p_invite_friend .invite_friend__item .icon_img {
  height: 44px;
  margin-block: 10px;
}
.p_invite_friend .invite_friend__code {
  margin-top: 10px;
  border-radius: 20px;
  background: #005f4c;
  padding: 6px 18px;
  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;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-inline: 18px;
}
.p_invite_friend .invite_friend__code .code {
  color: #ffc200;
  font-size: 18px;
  font-weight: 700;
}
.p_invite_friend .invite_friend__type {
  margin-top: 20px;
  gap: 60px;
  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: space-around;
}
.p_invite_friend .invite_friend__type .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: 6px;
  font-size: 12px;
}
.p_invite_friend .invite_friend__type .icon {
  width: 39px;
  height: 39px;
}
.p_invite_friend .com_daily_stat_list {
  margin-top: 25px;
}