.icon-view {
    width: 12px;
    height: 12px;
    display: inline-block;
    color: red; /* 텍스트 컬러로 제어 */
    background: no-repeat center / contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M26.9804 16.1161C24.5596 20.4634 19.9687 23.1639 15.0016 23.1639C10.0313 23.1639 5.44046 20.4634 3.0196 16.1161C2.83315 15.7786 2.83315 15.4217 3.0196 15.0845C5.44046 10.7373 10.0313 8.03703 15.0016 8.03703C19.9687 8.03703 24.5595 10.7373 26.9804 15.0845C27.1701 15.4217 27.1701 15.7786 26.9804 16.1161ZM28.5268 14.2225C25.7941 9.31432 20.6117 6.26562 15.0016 6.26562C9.38833 6.26562 4.20589 9.31432 1.47319 14.2225C0.984521 15.0983 0.984521 16.1023 1.47319 16.9774C4.20589 21.8856 9.38833 24.9349 15.0016 24.9349C20.6117 24.9349 25.7941 21.8856 28.5268 16.9774C29.0155 16.1023 29.0155 15.0983 28.5268 14.2225ZM15.0016 19.2339C17.0045 19.2339 18.6345 17.604 18.6345 15.6001C18.6345 13.5963 17.0045 11.9663 15.0016 11.9663C12.9955 11.9663 11.3655 13.5963 11.3655 15.6001C11.3655 17.604 12.9955 19.2339 15.0016 19.2339ZM15.0016 10.1949C12.0181 10.1949 9.59411 12.6199 9.59411 15.6002C9.59411 18.5811 12.0182 21.0051 15.0016 21.0051C17.9819 21.0051 20.4059 18.581 20.4059 15.6002C20.4059 12.6199 17.9819 10.1949 15.0016 10.1949Z' fill='%23555555'/></svg>");
}
.icon-bookmark {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M21.0519 11.6189L18.6677 13.3421C17.6055 14.1137 17.1811 15.4177 17.5901 16.6651L18.5031 19.4633C18.7166 20.1115 18.4954 20.7904 17.9424 21.1942C17.3894 21.5954 16.677 21.5954 16.1241 21.1916L13.745 19.4582C13.2152 19.0698 12.6082 18.8769 11.9987 18.8769C11.3917 18.8769 10.7847 19.0698 10.2523 19.4582L7.87583 21.1916C7.32285 21.5954 6.60787 21.5954 6.05488 21.1942C5.50194 20.7904 5.28332 20.1114 5.49421 19.4633L6.40982 16.6651C6.81876 15.4177 6.3944 14.1137 5.33216 13.3421L2.94548 11.6189C2.39249 11.2177 2.17133 10.5387 2.38223 9.88802C2.59312 9.2373 3.16926 8.8181 3.85335 8.8181H3.85593L6.79823 8.82583H6.80596C8.11508 8.82583 9.22101 8.0208 9.62479 6.77341L10.5276 3.97258C10.7384 3.32186 11.3146 2.90008 11.9987 2.90008C12.6829 2.90008 13.2615 3.32186 13.4699 3.97258L14.3752 6.77341C14.7764 8.0208 15.8849 8.82583 17.194 8.82583H17.2018L20.1441 8.8181H20.1466C20.8282 8.8181 21.4069 9.2373 21.6178 9.88802C21.8286 10.5387 21.6074 11.2177 21.0519 11.6189ZM22.9655 9.45077C22.5591 8.20596 21.4558 7.4035 20.1466 7.4035C20.1441 7.4035 20.1441 7.4035 20.1415 7.4035L17.1966 7.40866C17.1966 7.40866 17.1966 7.40866 17.194 7.40866C16.5099 7.40866 15.9338 6.98688 15.7229 6.33616L14.8201 3.53533C14.4164 2.28794 13.3104 1.48291 11.9987 1.48291C10.6896 1.48291 9.58368 2.28794 9.1799 3.53533L8.2746 6.33616C8.06629 6.98688 7.48757 7.40866 6.80601 7.40866C6.80343 7.40866 6.80343 7.40866 6.80085 7.40866L3.85855 7.4035C3.85598 7.4035 3.8534 7.4035 3.8534 7.4035C2.54427 7.4035 1.43835 8.20596 1.03457 9.45077C0.630788 10.6956 1.05515 11.997 2.11733 12.766L4.50154 14.4918C5.05452 14.893 5.27568 15.572 5.06221 16.2252L4.14918 19.021C3.74024 20.2683 4.16202 21.5697 5.22426 22.3388C6.28387 23.1103 7.65215 23.1078 8.7118 22.3362L11.0883 20.6027C11.6412 20.1989 12.3562 20.1989 12.9118 20.6027L15.2882 22.3362C15.8181 22.722 16.4276 22.9174 17.0346 22.9174C17.6415 22.9174 18.2459 22.7246 18.7758 22.3388C19.8354 21.5697 20.2572 20.2683 19.8508 19.021L18.9352 16.2253C18.7218 15.572 18.9429 14.893 19.4985 14.4918L21.8827 12.7661C22.9449 11.997 23.3692 10.6956 22.9655 9.45077Z' fill='%23555555'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-review {
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M17.5942 10.8214C17.5029 10.8214 17.4286 10.747 17.4286 10.6558C17.4286 10.5644 17.5029 10.4901 17.5942 10.4901C17.6854 10.4901 17.7598 10.5645 17.7598 10.6558C17.7598 10.747 17.6855 10.8214 17.5942 10.8214ZM17.5942 9.074C16.7215 9.074 16.0117 9.78388 16.0117 10.6558C16.0117 11.5279 16.7216 12.2383 17.5942 12.2383C18.4668 12.2383 19.1767 11.5279 19.1767 10.6558C19.1767 9.78383 18.4668 9.074 17.5942 9.074ZM12 10.8214C11.9087 10.8214 11.8344 10.747 11.8344 10.6558C11.8344 10.5644 11.9087 10.4901 12 10.4901C12.091 10.4901 12.1656 10.5645 12.1656 10.6558C12.1656 10.747 12.091 10.8214 12 10.8214ZM12 9.074C11.1273 9.074 10.4175 9.78388 10.4175 10.6558C10.4175 11.5279 11.1273 12.2383 12 12.2383C12.8721 12.2383 13.5825 11.5279 13.5825 10.6558C13.5825 9.78383 12.8721 9.074 12 9.074ZM6.40577 10.8214C6.31394 10.8214 6.24016 10.747 6.24016 10.6558C6.24016 10.5644 6.31399 10.4901 6.40577 10.4901C6.49708 10.4901 6.57138 10.5645 6.57138 10.6558C6.57138 10.747 6.49704 10.8214 6.40577 10.8214ZM6.40577 9.074C5.5331 9.074 4.82299 9.78388 4.82299 10.6558C4.82299 11.5279 5.5331 12.2383 6.40577 12.2383C7.27793 12.2383 7.98827 11.5279 7.98827 10.6558C7.98827 9.78383 7.27793 9.074 6.40577 9.074ZM21.6972 21.3136V6.70264C21.6972 4.92032 20.2469 3.4723 18.4648 3.4723H5.53488C3.75251 3.4723 2.30271 4.92032 2.30271 6.70264V15.3235C2.30271 17.1054 3.75251 18.5557 5.53488 18.5557H17.1801C17.6732 18.5557 18.1186 18.7393 18.4679 19.0871L20.9987 21.6037C21.1237 21.7282 21.2818 21.759 21.4446 21.6919C21.6072 21.624 21.6972 21.49 21.6972 21.3136ZM18.4648 2.05518H5.53488C2.97115 2.05518 0.885864 4.14102 0.885864 6.70264V15.3235C0.885864 17.887 2.97119 19.9725 5.53488 19.9725H17.1801C17.3002 19.9725 17.3838 20.007 17.469 20.0916L19.9995 22.6085C20.3531 22.9603 20.8076 23.1448 21.276 23.1448C21.5139 23.1448 21.7551 23.0972 21.9889 23C22.6828 22.7116 23.1141 22.0651 23.1141 21.3135V6.70264C23.1141 4.14102 21.0285 2.05518 18.4648 2.05518Z' fill='%23555555'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #774C9E; /* 아이콘 색상 */
    -webkit-clip-path: path("M4.16728 14.6553C3.84186 14.9808 3.84191 15.5084 4.16738 15.8338C4.49284 16.1592 5.02048 16.1592 5.34589 15.8337L10.0003 11.1786L14.655 15.8333C14.9804 16.1587 15.5081 16.1587 15.8335 15.8333C16.1589 15.5079 16.1589 14.9802 15.8335 14.6548L11.1787 9.99998L15.8332 5.34466C16.1585 5.01919 16.1585 4.49156 15.833 4.16615C15.5076 3.84073 14.9799 3.84078 14.6545 4.16625L10.0001 8.82148L5.34532 4.16665C5.01989 3.84122 4.49224 3.84122 4.16681 4.16665C3.84137 4.49209 3.84137 5.01973 4.16681 5.34517L8.82175 10.0001L4.16728 14.6553Z");
    clip-path: path("M4.16728 14.6553C3.84186 14.9808 3.84191 15.5084 4.16738 15.8338C4.49284 16.1592 5.02048 16.1592 5.34589 15.8337L10.0003 11.1786L14.655 15.8333C14.9804 16.1587 15.5081 16.1587 15.8335 15.8333C16.1589 15.5079 16.1589 14.9802 15.8335 14.6548L11.1787 9.99998L15.8332 5.34466C16.1585 5.01919 16.1585 4.49156 15.833 4.16615C15.5076 3.84073 14.9799 3.84078 14.6545 4.16625L10.0001 8.82148L5.34532 4.16665C5.01989 3.84122 4.49224 3.84122 4.16681 4.16665C3.84137 4.49209 3.84137 5.01973 4.16681 5.34517L8.82175 10.0001L4.16728 14.6553Z");
}

/* 좋아요 아이콘 */
.icon-like-on {
  display: inline-block;
  width: 15px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 17' fill='red'><path d='M14.2376 7.08853C13.8008 6.56212 13.1169 6.23513 12.4528 6.23513H10.696C11.0913 5.60506 11.3889 4.97103 11.5702 4.36728C11.847 3.44597 11.8373 2.64284 11.5422 2.04472C11.2099 1.37103 10.5364 1 9.64587 1C9.44334 1 9.26081 1.12219 9.18363 1.30944C8.49025 2.99122 6.68169 5.40841 4.97772 7.00075C4.80384 6.39678 4.24662 5.95353 3.58747 5.95353H1.44684C0.649063 5.95353 0 6.60259 0 7.40034V13.7643C0 14.5621 0.649063 15.2111 1.44684 15.2111H3.58747C4.0755 15.2111 4.50756 14.968 4.76975 14.5967C5.16637 14.9783 5.69219 15.2111 6.26834 15.2111H11.6584C12.2542 15.2111 12.7849 14.9574 13.1929 14.4774C13.5293 14.0817 13.7682 13.5471 13.8838 12.9314L14.6782 8.69934C14.7848 8.13153 14.6283 7.55947 14.2376 7.08853ZM4.03428 13.7643C4.03428 14.0107 3.83384 14.2112 3.58747 14.2112H1.44684C1.20047 14.2112 1 14.0107 1 13.7643V7.40037C1 7.154 1.20047 6.95356 1.44684 6.95356H3.58747C3.83384 6.95356 4.03428 7.154 4.03428 7.40037V13.7643ZM13.6954 8.51484L12.901 12.747C12.7681 13.4548 12.3719 14.2112 11.6583 14.2112H6.26831C5.58787 14.2112 5.03431 13.5957 5.03431 12.8392V8.28481C6.91903 6.72019 9.02975 4.03303 9.96156 2.02459C10.4587 2.10872 10.5953 2.3855 10.6454 2.48712C10.97 3.14497 10.7006 4.65969 9.34241 6.43084C9.22656 6.58187 9.20656 6.78562 9.29078 6.95631C9.375 7.127 9.54881 7.23509 9.73919 7.23509H12.4528C12.8216 7.23509 13.2201 7.42819 13.468 7.72703C13.6076 7.89534 13.7604 8.16859 13.6954 8.51484Z' fill='red'/></svg>");
}


/* 좋아요 취소 아이콘 */
.icon-like {
  display: inline-block;
  width: 15px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17' fill='none'%3E%3Cg clip-path='url(%23clip0_2504_3328)'%3E%3Cpath d='M14.2376 7.08853C13.8008 6.56212 13.1169 6.23513 12.4528 6.23513H10.696C11.0913 5.60506 11.3889 4.97103 11.5702 4.36728C11.847 3.44597 11.8373 2.64284 11.5422 2.04472C11.2099 1.37103 10.5364 1 9.64587 1C9.44334 1 9.26081 1.12219 9.18363 1.30944C8.49025 2.99122 6.68169 5.40841 4.97772 7.00075C4.80384 6.39678 4.24662 5.95353 3.58747 5.95353H1.44684C0.649063 5.95353 0 6.60259 0 7.40034V13.7643C0 14.5621 0.649063 15.2111 1.44684 15.2111H3.58747C4.0755 15.2111 4.50756 14.968 4.76975 14.5967C5.16637 14.9783 5.69219 15.2111 6.26834 15.2111H11.6584C12.2542 15.2111 12.7849 14.9574 13.1929 14.4774C13.5293 14.0817 13.7682 13.5471 13.8838 12.9314L14.6782 8.69934C14.7848 8.13153 14.6283 7.55947 14.2376 7.08853ZM4.03428 13.7643C4.03428 14.0107 3.83384 14.2112 3.58747 14.2112H1.44684C1.20047 14.2112 1 14.0107 1 13.7643V7.40037C1 7.154 1.20047 6.95356 1.44684 6.95356H3.58747C3.83384 6.95356 4.03428 7.154 4.03428 7.40037V13.7643ZM13.6954 8.51484L12.901 12.747C12.7681 13.4548 12.3719 14.2112 11.6583 14.2112H6.26831C5.58787 14.2112 5.03431 13.5957 5.03431 12.8392V8.28481C6.91903 6.72019 9.02975 4.03303 9.96156 2.02459C10.4587 2.10872 10.5953 2.3855 10.6454 2.48712C10.97 3.14497 10.7006 4.65969 9.34241 6.43084C9.22656 6.58187 9.20656 6.78562 9.29078 6.95631C9.375 7.127 9.54881 7.23509 9.73919 7.23509H12.4528C12.8216 7.23509 13.2201 7.42819 13.468 7.72703C13.6076 7.89534 13.7604 8.16859 13.6954 8.51484Z' fill='%23555555'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2504_3328'%3E%3Crect width='16' height='16' fill='white' transform='translate(-1.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}