@charset "UTF-8";
/* webfont */
/*bakey*/
/* Icon Bob */
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes webfontbanner {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
@keyframes webfontbanner-float {
  100% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }
@keyframes fade-renew {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes spin {
  100% {
    transform: rotate(360deg); } }
@keyframes hvr-icon-bob-main {
  0% {
    transform: translateY(-6px); }
  50% {
    transform: translateY(-2px); }
  100% {
    transform: translateY(-6px); } }
@keyframes main-itembg01 {
  0% {
    transform: scale(1.1) translate3d(0, 0, 0); }
  60% {
    transform: scale(1.15) translate3d(-1%, 1%, 0); }
  100% {
    transform: scale(1.1) translate3d(0, 0, 0); } }
@keyframes main-itembg02 {
  0% {
    transform: scale(1.1) translate3d(0, 0, 0); }
  60% {
    transform: scale(1.15) translate3d(1%, 1%, 0); }
  100% {
    transform: scale(1.1) translate3d(0, 0, 0); } }
@keyframes main-itembg03 {
  0% {
    transform: scale(1.1); }
  60% {
    transform: scale(1.15); }
  100% {
    transform: scale(1.1); } }
@keyframes slide {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }
@keyframes loader {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-16px); } }
@keyframes moveSlideshow {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-33.3333%); } }
@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.mt-5px,
.my-5px {
  margin-top: 5px !important; }

.mb-5px,
.my-5px {
  margin-bottom: 5px !important; }

.ms-5px,
.mx-5px {
  margin-left: 5px !important; }

.me-5px,
.mx-5px {
  margin-right: 5px !important; }

.mt-10px,
.my-10px {
  margin-top: 10px !important; }

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

.ms-10px,
.mx-10px {
  margin-left: 10px !important; }

.me-10px,
.mx-10px {
  margin-right: 10px !important; }

.mt-15px,
.my-15px {
  margin-top: 15px !important; }

.mb-15px,
.my-15px {
  margin-bottom: 15px !important; }

.ms-15px,
.mx-15px {
  margin-left: 15px !important; }

.me-15px,
.mx-15px {
  margin-right: 15px !important; }

.mt-20px,
.my-20px {
  margin-top: 20px !important; }

.mb-20px,
.my-20px {
  margin-bottom: 20px !important; }

.ms-20px,
.mx-20px {
  margin-left: 20px !important; }

.me-20px,
.mx-20px {
  margin-right: 20px !important; }

.mt-25px,
.my-25px {
  margin-top: 25px !important; }

.mb-25px,
.my-25px {
  margin-bottom: 25px !important; }

.ms-25px,
.mx-25px {
  margin-left: 25px !important; }

.me-25px,
.mx-25px {
  margin-right: 25px !important; }

.mt-30px,
.my-30px {
  margin-top: 30px !important; }

.mb-30px,
.my-30px {
  margin-bottom: 30px !important; }

.ms-30px,
.mx-30px {
  margin-left: 30px !important; }

.me-30px,
.mx-30px {
  margin-right: 30px !important; }

.mt-35px,
.my-35px {
  margin-top: 35px !important; }

.mb-35px,
.my-35px {
  margin-bottom: 35px !important; }

.ms-35px,
.mx-35px {
  margin-left: 35px !important; }

.me-35px,
.mx-35px {
  margin-right: 35px !important; }

.mt-40px,
.my-40px {
  margin-top: 40px !important; }

.mb-40px,
.my-40px {
  margin-bottom: 40px !important; }

.ms-40px,
.mx-40px {
  margin-left: 40px !important; }

.me-40px,
.mx-40px {
  margin-right: 40px !important; }

.mt-45px,
.my-45px {
  margin-top: 45px !important; }

.mb-45px,
.my-45px {
  margin-bottom: 45px !important; }

.ms-45px,
.mx-45px {
  margin-left: 45px !important; }

.me-45px,
.mx-45px {
  margin-right: 45px !important; }

.mt-50px,
.my-50px {
  margin-top: 50px !important; }

.mb-50px,
.my-50px {
  margin-bottom: 50px !important; }

.ms-50px,
.mx-50px {
  margin-left: 50px !important; }

.me-50px,
.mx-50px {
  margin-right: 50px !important; }

.mt-55px,
.my-55px {
  margin-top: 55px !important; }

.mb-55px,
.my-55px {
  margin-bottom: 55px !important; }

.ms-55px,
.mx-55px {
  margin-left: 55px !important; }

.me-55px,
.mx-55px {
  margin-right: 55px !important; }

.mt-60px,
.my-60px {
  margin-top: 60px !important; }

.mb-60px,
.my-60px {
  margin-bottom: 60px !important; }

.ms-60px,
.mx-60px {
  margin-left: 60px !important; }

.me-60px,
.mx-60px {
  margin-right: 60px !important; }

.mt-65px,
.my-65px {
  margin-top: 65px !important; }

.mb-65px,
.my-65px {
  margin-bottom: 65px !important; }

.ms-65px,
.mx-65px {
  margin-left: 65px !important; }

.me-65px,
.mx-65px {
  margin-right: 65px !important; }

.mt-70px,
.my-70px {
  margin-top: 70px !important; }

.mb-70px,
.my-70px {
  margin-bottom: 70px !important; }

.ms-70px,
.mx-70px {
  margin-left: 70px !important; }

.me-70px,
.mx-70px {
  margin-right: 70px !important; }

.mt-75px,
.my-75px {
  margin-top: 75px !important; }

.mb-75px,
.my-75px {
  margin-bottom: 75px !important; }

.ms-75px,
.mx-75px {
  margin-left: 75px !important; }

.me-75px,
.mx-75px {
  margin-right: 75px !important; }

.mt-80px,
.my-80px {
  margin-top: 80px !important; }

.mb-80px,
.my-80px {
  margin-bottom: 80px !important; }

.ms-80px,
.mx-80px {
  margin-left: 80px !important; }

.me-80px,
.mx-80px {
  margin-right: 80px !important; }

.mt-85px,
.my-85px {
  margin-top: 85px !important; }

.mb-85px,
.my-85px {
  margin-bottom: 85px !important; }

.ms-85px,
.mx-85px {
  margin-left: 85px !important; }

.me-85px,
.mx-85px {
  margin-right: 85px !important; }

.mt-90px,
.my-90px {
  margin-top: 90px !important; }

.mb-90px,
.my-90px {
  margin-bottom: 90px !important; }

.ms-90px,
.mx-90px {
  margin-left: 90px !important; }

.me-90px,
.mx-90px {
  margin-right: 90px !important; }

.mt-95px,
.my-95px {
  margin-top: 95px !important; }

.mb-95px,
.my-95px {
  margin-bottom: 95px !important; }

.ms-95px,
.mx-95px {
  margin-left: 95px !important; }

.me-95px,
.mx-95px {
  margin-right: 95px !important; }

.mt-100px,
.my-100px {
  margin-top: 100px !important; }

.mb-100px,
.my-100px {
  margin-bottom: 100px !important; }

.ms-100px,
.mx-100px {
  margin-left: 100px !important; }

.me-100px,
.mx-100px {
  margin-right: 100px !important; }

.mt-105px,
.my-105px {
  margin-top: 105px !important; }

.mb-105px,
.my-105px {
  margin-bottom: 105px !important; }

.ms-105px,
.mx-105px {
  margin-left: 105px !important; }

.me-105px,
.mx-105px {
  margin-right: 105px !important; }

.mt-110px,
.my-110px {
  margin-top: 110px !important; }

.mb-110px,
.my-110px {
  margin-bottom: 110px !important; }

.ms-110px,
.mx-110px {
  margin-left: 110px !important; }

.me-110px,
.mx-110px {
  margin-right: 110px !important; }

.mt-115px,
.my-115px {
  margin-top: 115px !important; }

.mb-115px,
.my-115px {
  margin-bottom: 115px !important; }

.ms-115px,
.mx-115px {
  margin-left: 115px !important; }

.me-115px,
.mx-115px {
  margin-right: 115px !important; }

.mt-120px,
.my-120px {
  margin-top: 120px !important; }

.mb-120px,
.my-120px {
  margin-bottom: 120px !important; }

.ms-120px,
.mx-120px {
  margin-left: 120px !important; }

.me-120px,
.mx-120px {
  margin-right: 120px !important; }

.mt-125px,
.my-125px {
  margin-top: 125px !important; }

.mb-125px,
.my-125px {
  margin-bottom: 125px !important; }

.ms-125px,
.mx-125px {
  margin-left: 125px !important; }

.me-125px,
.mx-125px {
  margin-right: 125px !important; }

.mt-130px,
.my-130px {
  margin-top: 130px !important; }

.mb-130px,
.my-130px {
  margin-bottom: 130px !important; }

.ms-130px,
.mx-130px {
  margin-left: 130px !important; }

.me-130px,
.mx-130px {
  margin-right: 130px !important; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html, body {
  font-family: 'SandollGothicNeo1Unicode' , -apple-system, sans-serif;
  font-weight: normal; }
  html:lang(th), body:lang(th) {
    font-family: 'LINE Seed Sans TH', 'SandollGothicNeo1Unicode' , -apple-system, sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.blind {
  display: none; }

@font-face {
  font-family: "bakey-icon";
  src: url("../font//bakey-icon.eot?21h143");
  src: url("../font//bakey-icon.eot?21h143#iefix") format("embedded-opentype"), url("../font//bakey-icon.ttf?21h143") format("truetype"), url("../font//bakey-icon.woff?21h143") format("woff"), url("../font//bakey-icon.svg?21h143#bakey-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "bakey-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ic-review-star-fill:before {
  content: "";
  color: #ff3367; }

.icon-ic-review-star-half:before {
  content: "";
  color: #ff3367; }

.icon-ic-review-star:before {
  content: "";
  color: #e6e6e6; }

i.sd {
  background-position: center;
  background-size: cover;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block; }
  i.sd.ic-page-next {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-next.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-next.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_X' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='translate(9 9)' d='m0 0 14 14'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(9 9)' d='M14 0 0 14'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-page-prev {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-prev.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-page-first {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1667 15L9.16669 10L14.1667 5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 5V15' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E "); }
  i.sd.ic-page-last {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 5L10.8333 10L5.83331 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 15L14.1667 5' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-alert {
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z' fill='%23FFE5EC'/%3E%3Cpath d='M10 14.5C10.5523 14.5 11 14.0523 11 13.5C11 12.9477 10.5523 12.5 10 12.5C9.44772 12.5 9 12.9477 9 13.5C9 14.0523 9.44772 14.5 10 14.5Z' fill='%23FF1A54'/%3E%3Crect x='9.25' y='5' width='1.5' height='6' fill='%23FF1A54'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-check-blue-big {
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='71' height='70' viewBox='0 0 71 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='70' height='70' rx='35' fill='%234173FA'/%3E%3Cpath d='M23.2486 30.9829C22.91 30.9795 22.5839 31.11 22.3411 31.3459C22.1004 31.5866 21.9652 31.913 21.9652 32.2534C21.9652 32.5937 22.1004 32.9201 22.3411 33.1608L32.3231 43.1428C32.4407 43.2632 32.5822 43.3577 32.7385 43.4202C32.8947 43.4827 33.0624 43.5119 33.2306 43.5058C33.5691 43.5092 33.8952 43.3788 34.138 43.1428C34.3787 42.9021 34.5139 42.5757 34.5139 42.2354C34.5139 41.895 34.3787 41.5686 34.138 41.3279L24.156 31.3459C23.908 31.1181 23.5852 30.989 23.2486 30.9829Z' fill='white'/%3E%3Cpath d='M47.748 26.4445C47.4095 26.441 47.0834 26.5715 46.8406 26.8075L32.3213 41.3267C32.0807 41.5674 31.9455 41.8938 31.9455 42.2342C31.9455 42.5746 32.0806 42.901 32.3213 43.1416C32.4389 43.262 32.5804 43.3565 32.7367 43.419C32.893 43.4815 33.0606 43.5107 33.2288 43.5046C33.5673 43.5081 33.8935 43.3776 34.1362 43.1416L48.6555 28.6224C48.8962 28.3817 49.0314 28.0553 49.0314 27.7149C49.0314 27.3746 48.8962 27.0481 48.6555 26.8075C48.4075 26.5797 48.0847 26.4505 47.748 26.4445Z' fill='white'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-check-blue-big.bg-grad {
      background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='70' height='70' rx='35' fill='url(%23paint0_linear_15967_26430)'/%3E%3Cpath d='M22.7489 30.9829C22.4104 30.9795 22.0842 31.11 21.8415 31.3459C21.6008 31.5866 21.4656 31.913 21.4656 32.2534C21.4656 32.5937 21.6008 32.9201 21.8415 33.1608L31.8235 43.1428C31.9411 43.2632 32.0826 43.3577 32.2388 43.4202C32.3951 43.4827 32.5627 43.5118 32.7309 43.5058C33.0694 43.5092 33.3956 43.3788 33.6384 43.1428C33.879 42.9022 34.0143 42.5757 34.0143 42.2354C34.0143 41.895 33.879 41.5686 33.6384 41.3279L23.6564 31.3459C23.4084 31.1181 23.0856 30.989 22.7489 30.9829Z' fill='white'/%3E%3Cpath d='M47.2493 26.4445C46.9107 26.441 46.5846 26.5715 46.3418 26.8075L31.8226 41.3267C31.5819 41.5674 31.4467 41.8938 31.4467 42.2342C31.4467 42.5746 31.5819 42.901 31.8225 43.1416C31.9402 43.262 32.0817 43.3565 32.2379 43.419C32.3942 43.4815 32.5618 43.5107 32.73 43.5046C33.0685 43.5081 33.3947 43.3776 33.6375 43.1416L48.1567 28.6224C48.3974 28.3817 48.5326 28.0553 48.5326 27.7149C48.5326 27.3746 48.3974 27.0481 48.1567 26.8075C47.9087 26.5797 47.5859 26.4505 47.2493 26.4445Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_15967_26430' x1='35' y1='0' x2='35' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF668D'/%3E%3Cstop offset='1' stop-color='%23FF0041'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
  i.sd.ic-removeCircleX {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='7.05908' width='18' height='18' rx='9' fill='%231A1A1A' fill-opacity='0.6'/%3E%3Crect x='13.3976' y='13.434' width='0.675' height='8.1' transform='rotate(-45 13.3976 13.434)' fill='white'/%3E%3Crect x='19.1252' y='12.9567' width='0.675' height='8.1' transform='rotate(45 19.1252 12.9567)' fill='white'/%3E%3C/svg%3E%0A"); }

.active i.sd.ic-page-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.active i.sd.ic-page-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.active i.sd.ic-page-first {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1667 15L9.16669 10L14.1667 5' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 5V15' stroke='%231c1c1c' stroke-linecap='round'/%3E%3C/svg%3E "); }
.active i.sd.ic-page-last {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 5L10.8333 10L5.83331 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 15L14.1667 5' stroke='%231c1c1c' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

i.bakey-icon {
  background-position: center;
  background-size: cover;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block; }
  i.bakey-icon.ic-fileupload {
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.733398 5.61641C0.733398 5.17458 1.09157 4.81641 1.5334 4.81641L10.3334 4.81641C10.7752 4.81641 11.1334 5.17458 11.1334 5.61641C11.1334 6.05824 10.7752 6.41641 10.3334 6.41641L1.5334 6.41641C1.09157 6.41641 0.733398 6.05823 0.733398 5.61641Z' fill='%231A1A1A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9334 0.416504C6.37523 0.416504 6.7334 0.774676 6.7334 1.2165L6.7334 10.0165C6.7334 10.4583 6.37523 10.8165 5.9334 10.8165C5.49157 10.8165 5.1334 10.4583 5.1334 10.0165L5.1334 1.2165C5.1334 0.774676 5.49157 0.416504 5.9334 0.416504Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-enter {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.01245 19.6052L11.5417 23.1345L10.5515 24.1247L5.25854 18.8317L10.5486 13.5417L11.5388 14.5309L7.86499 18.2048H19.5994V5.60028H20.9998V19.6052H8.01245Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-plus {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.2' y='6.40002' width='1.6' height='19.2' fill='%231A1A1A'/%3E%3Crect x='25.6' y='15.2001' width='1.6' height='19.2' transform='rotate(90 25.6 15.2001)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-plus.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.2' y='6.40002' width='1.6' height='19.2' fill='%23e6e6e6'/%3E%3Crect x='25.6' y='15.2001' width='1.6' height='19.2' transform='rotate(90 25.6 15.2001)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-minus {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.2' y='15.2' width='19.2' height='1.6' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-minus.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.2' y='15.2' width='19.2' height='1.6' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-cancle {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.64612' y='9.77747' width='1.6' height='19.2' transform='rotate(-45 8.64612 9.77747)' fill='%231A1A1A'/%3E%3Crect x='22.2225' y='8.64612' width='1.6' height='19.2' transform='rotate(45 22.2225 8.64612)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-cancle.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.64612' y='9.77747' width='1.6' height='19.2' transform='rotate(-45 8.64612 9.77747)' fill='%23e6e6e6'/%3E%3Crect x='22.2225' y='8.64612' width='1.6' height='19.2' transform='rotate(45 22.2225 8.64612)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-menu {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='25.6' y='8' width='1.6' height='19.2' transform='rotate(90 25.6 8)' fill='%231A1A1A'/%3E%3Crect x='25.6' y='15.2' width='1.6' height='19.2' transform='rotate(90 25.6 15.2)' fill='%231A1A1A'/%3E%3Crect x='25.6' y='22.4' width='1.6' height='19.2' transform='rotate(90 25.6 22.4)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-menu.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='25.6' y='8' width='1.6' height='19.2' transform='rotate(90 25.6 8)' fill='%23e6e6e6'/%3E%3Crect x='25.6' y='15.2' width='1.6' height='19.2' transform='rotate(90 25.6 15.2)' fill='%23e6e6e6'/%3E%3Crect x='25.6' y='22.4' width='1.6' height='19.2' transform='rotate(90 25.6 22.4)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-menu2 {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='26.3507' y='8' width='1.6' height='16.5508' transform='rotate(90 26.3507 8)' fill='%231A1A1A'/%3E%3Crect x='8.79993' y='8' width='1.6' height='1.59998' transform='rotate(90 8.79993 8)' fill='%231A1A1A'/%3E%3Crect x='26.3507' y='15.2' width='1.6' height='16.5508' transform='rotate(90 26.3507 15.2)' fill='%231A1A1A'/%3E%3Crect x='8.79993' y='15.2' width='1.6' height='1.59998' transform='rotate(90 8.79993 15.2)' fill='%231A1A1A'/%3E%3Crect x='26.3507' y='22.4' width='1.6' height='16.5508' transform='rotate(90 26.3507 22.4)' fill='%231A1A1A'/%3E%3Crect x='8.79993' y='22.4' width='1.6' height='1.59998' transform='rotate(90 8.79993 22.4)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-menu2.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='26.3507' y='8' width='1.6' height='16.5508' transform='rotate(90 26.3507 8)' fill='%23e6e6e6'/%3E%3Crect x='8.79993' y='8' width='1.6' height='1.59998' transform='rotate(90 8.79993 8)' fill='%23e6e6e6'/%3E%3Crect x='26.3507' y='15.2' width='1.6' height='16.5508' transform='rotate(90 26.3507 15.2)' fill='%23e6e6e6'/%3E%3Crect x='8.79993' y='15.2' width='1.6' height='1.59998' transform='rotate(90 8.79993 15.2)' fill='%23e6e6e6'/%3E%3Crect x='26.3507' y='22.4' width='1.6' height='16.5508' transform='rotate(90 26.3507 22.4)' fill='%23e6e6e6'/%3E%3Crect x='8.79993' y='22.4' width='1.6' height='1.59998' transform='rotate(90 8.79993 22.4)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-category {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.49995' y='7.99995' width='16.4' height='16.4' stroke='%231A1A1A' stroke-width='1.6'/%3E%3Crect x='21.4999' y='11.4' width='1.6' height='9.59998' transform='rotate(90 21.4999 11.4)' fill='%231A1A1A'/%3E%3Crect x='21.4999' y='15.3998' width='1.6' height='9.59998' transform='rotate(90 21.4999 15.3998)' fill='%231A1A1A'/%3E%3Crect x='21.4999' y='19.3995' width='1.6' height='9.59998' transform='rotate(90 21.4999 19.3995)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-category.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.69995' y='7.19995' width='18' height='18' fill='%23E6E6E6'/%3E%3Crect x='21.4999' y='11.4' width='1.6' height='9.59998' transform='rotate(90 21.4999 11.4)' fill='white'/%3E%3Crect x='21.4999' y='15.3998' width='1.6' height='9.59998' transform='rotate(90 21.4999 15.3998)' fill='white'/%3E%3Crect x='21.4999' y='19.3995' width='1.6' height='9.59998' transform='rotate(90 21.4999 19.3995)' fill='white'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-meatball {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.4C15.6836 14.4 15.3742 14.4939 15.1111 14.6697C14.848 14.8455 14.6429 15.0954 14.5218 15.3877C14.4007 15.6801 14.369 16.0018 14.4308 16.3122C14.4925 16.6225 14.6449 16.9076 14.8687 17.1314C15.0924 17.3552 15.3775 17.5075 15.6879 17.5693C15.9983 17.631 16.32 17.5993 16.6123 17.4782C16.9047 17.3571 17.1546 17.1521 17.3304 16.8889C17.5062 16.6258 17.6 16.3165 17.6 16C17.6 15.5757 17.4315 15.1687 17.1314 14.8687C16.8313 14.5686 16.4244 14.4 16 14.4Z' fill='%231A1A1A'/%3E%3Cpath d='M22.4 14.4C22.0835 14.4 21.7742 14.4939 21.5111 14.6697C21.248 14.8455 21.0429 15.0954 20.9218 15.3877C20.8007 15.6801 20.769 16.0018 20.8307 16.3122C20.8925 16.6225 21.0449 16.9076 21.2686 17.1314C21.4924 17.3552 21.7775 17.5075 22.0878 17.5693C22.3982 17.631 22.7199 17.5993 23.0123 17.4782C23.3046 17.3571 23.5545 17.1521 23.7303 16.8889C23.9061 16.6258 24 16.3165 24 16C24 15.5757 23.8314 15.1687 23.5314 14.8687C23.2313 14.5686 22.8243 14.4 22.4 14.4Z' fill='%231A1A1A'/%3E%3Cpath d='M9.6 14.4C9.28355 14.4 8.97421 14.4939 8.71109 14.6697C8.44797 14.8455 8.24289 15.0954 8.12179 15.3877C8.00069 15.6801 7.96901 16.0018 8.03074 16.3122C8.09248 16.6225 8.24487 16.9076 8.46863 17.1314C8.69239 17.3552 8.97749 17.5075 9.28786 17.5693C9.59823 17.631 9.91993 17.5993 10.2123 17.4782C10.5047 17.3571 10.7545 17.1521 10.9304 16.8889C11.1062 16.6258 11.2 16.3165 11.2 16C11.2 15.5757 11.0314 15.1687 10.7314 14.8687C10.4313 14.5686 10.0243 14.4 9.6 14.4Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-meatball.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.4C15.6836 14.4 15.3742 14.4939 15.1111 14.6697C14.848 14.8455 14.6429 15.0954 14.5218 15.3877C14.4007 15.6801 14.369 16.0018 14.4308 16.3122C14.4925 16.6225 14.6449 16.9076 14.8687 17.1314C15.0924 17.3552 15.3775 17.5075 15.6879 17.5693C15.9983 17.631 16.32 17.5993 16.6123 17.4782C16.9047 17.3571 17.1546 17.1521 17.3304 16.8889C17.5062 16.6258 17.6 16.3165 17.6 16C17.6 15.5757 17.4315 15.1687 17.1314 14.8687C16.8313 14.5686 16.4244 14.4 16 14.4Z' fill='%23e6e6e6'/%3E%3Cpath d='M22.4 14.4C22.0835 14.4 21.7742 14.4939 21.5111 14.6697C21.248 14.8455 21.0429 15.0954 20.9218 15.3877C20.8007 15.6801 20.769 16.0018 20.8307 16.3122C20.8925 16.6225 21.0449 16.9076 21.2686 17.1314C21.4924 17.3552 21.7775 17.5075 22.0878 17.5693C22.3982 17.631 22.7199 17.5993 23.0123 17.4782C23.3046 17.3571 23.5545 17.1521 23.7303 16.8889C23.9061 16.6258 24 16.3165 24 16C24 15.5757 23.8314 15.1687 23.5314 14.8687C23.2313 14.5686 22.8243 14.4 22.4 14.4Z' fill='%23e6e6e6'/%3E%3Cpath d='M9.6 14.4C9.28355 14.4 8.97421 14.4939 8.71109 14.6697C8.44797 14.8455 8.24289 15.0954 8.12179 15.3877C8.00069 15.6801 7.96901 16.0018 8.03074 16.3122C8.09248 16.6225 8.24487 16.9076 8.46863 17.1314C8.69239 17.3552 8.97749 17.5075 9.28786 17.5693C9.59823 17.631 9.91993 17.5993 10.2123 17.4782C10.5047 17.3571 10.7545 17.1521 10.9304 16.8889C11.1062 16.6258 11.2 16.3165 11.2 16C11.2 15.5757 11.0314 15.1687 10.7314 14.8687C10.4313 14.5686 10.0243 14.4 9.6 14.4Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-search {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7361 9.32937C9.91056 7.8994 11.5442 6.92021 13.3592 6.55964C15.1742 6.1991 17.0583 6.47984 18.6901 7.35238C20.3219 8.22492 21.6011 9.63615 22.3092 11.3457C23.0172 13.0553 23.1106 14.9577 22.5737 16.7284C22.2698 17.7304 21.7742 18.6549 21.1229 19.4554L23.0557 21.3882L25.5872 23.9183C25.5901 23.9212 25.5927 23.9249 25.5955 23.928L26.0913 24.4238L24.9222 25.5928L19.9517 20.6224C19.763 20.7752 19.5681 20.9215 19.3648 21.0574C17.8264 22.0859 15.9784 22.5494 14.1368 22.3687C12.2953 22.188 10.5735 21.3742 9.26436 20.0665C8.5196 19.3234 7.92818 18.4406 7.5256 17.4687C7.12303 16.4968 6.9167 15.4547 6.91792 14.4027C6.91887 12.5522 7.56163 10.7594 8.7361 9.32937ZM13.1065 8.40475C11.7163 8.82553 10.515 9.71479 9.70699 10.9217C8.89894 12.1289 8.53446 13.5791 8.67533 15.0249C8.81627 16.4705 9.45389 17.8228 10.4797 18.8511C11.0619 19.4378 11.7547 19.9031 12.5182 20.2198C13.2818 20.5365 14.1014 20.6986 14.9281 20.6962C16.3805 20.6957 17.7878 20.1917 18.9104 19.2703C20.0332 18.3486 20.8021 17.0655 21.0856 15.6409C21.369 14.2163 21.1498 12.7374 20.4655 11.4562C19.7811 10.175 18.6736 9.17047 17.3319 8.61398C15.9901 8.05754 14.4968 7.98401 13.1065 8.40475Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-search.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7361 9.32937C9.91056 7.8994 11.5442 6.92021 13.3592 6.55964C15.1742 6.1991 17.0583 6.47984 18.6901 7.35238C20.3219 8.22492 21.6011 9.63615 22.3092 11.3457C23.0172 13.0553 23.1106 14.9577 22.5737 16.7284C22.2698 17.7304 21.7742 18.6549 21.1229 19.4554L23.0557 21.3882L25.5872 23.9183C25.5901 23.9212 25.5927 23.9249 25.5955 23.928L26.0913 24.4238L24.9222 25.5928L19.9517 20.6224C19.763 20.7752 19.5681 20.9215 19.3648 21.0574C17.8264 22.0859 15.9784 22.5494 14.1368 22.3687C12.2953 22.188 10.5735 21.3742 9.26436 20.0665C8.5196 19.3234 7.92818 18.4406 7.5256 17.4687C7.12303 16.4968 6.9167 15.4547 6.91792 14.4027C6.91887 12.5522 7.56163 10.7594 8.7361 9.32937ZM13.1065 8.40475C11.7163 8.82553 10.515 9.71479 9.70699 10.9217C8.89894 12.1289 8.53446 13.5791 8.67533 15.0249C8.81627 16.4705 9.45389 17.8228 10.4797 18.8511C11.0619 19.4378 11.7547 19.9031 12.5182 20.2198C13.2818 20.5365 14.1014 20.6986 14.9281 20.6962C16.3805 20.6957 17.7878 20.1917 18.9104 19.2703C20.0332 18.3486 20.8021 17.0655 21.0856 15.6409C21.369 14.2163 21.1498 12.7374 20.4655 11.4562C19.7811 10.175 18.6736 9.17047 17.3319 8.61398C15.9901 8.05754 14.4968 7.98401 13.1065 8.40475Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-alert {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0004 7.34937C19.806 7.34956 22.891 10.4353 22.891 14.241V21.9031H9.10876V14.241C9.10876 10.4352 12.1946 7.34937 16.0004 7.34937Z' stroke='%231A1A1A' stroke-width='1.6'/%3E%3Cline x1='6.11157' y1='21.9028' x2='25.8885' y2='21.9028' stroke='%231A1A1A' stroke-width='1.6'/%3E%3Cline x1='14.3519' y1='24.6504' x2='17.6481' y2='24.6504' stroke='%231A1A1A' stroke-width='1.6'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-alert.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0004 7.34937C19.806 7.34956 22.891 10.4353 22.891 14.241V21.9031H9.10876V14.241C9.10876 10.4352 12.1946 7.34937 16.0004 7.34937Z' stroke='%23e6e6e6' stroke-width='1.6'/%3E%3Cline x1='6.11157' y1='21.9028' x2='25.8885' y2='21.9028' stroke='%23e6e6e6' stroke-width='1.6'/%3E%3Cline x1='14.3519' y1='24.6504' x2='17.6481' y2='24.6504' stroke='%23e6e6e6' stroke-width='1.6'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-alert.white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0004 7.34937C19.806 7.34956 22.891 10.4353 22.891 14.241V21.9031H9.10876V14.241C9.10876 10.4352 12.1946 7.34937 16.0004 7.34937Z' stroke='%23fff' stroke-width='1.6'/%3E%3Cline x1='6.11157' y1='21.9028' x2='25.8885' y2='21.9028' stroke='%23fff' stroke-width='1.6'/%3E%3Cline x1='14.3519' y1='24.6504' x2='17.6481' y2='24.6504' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-user {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.00003C16.848 8.00241 17.6605 8.34031 18.2601 8.93991C18.8597 9.53951 19.1976 10.3521 19.2 11.2C19.1976 12.048 18.8597 12.8605 18.2601 13.4601C17.6605 14.0597 16.848 14.3976 16 14.4C15.1521 14.3976 14.3395 14.0597 13.7399 13.4601C13.1403 12.8605 12.8024 12.048 12.8 11.2C12.8024 10.3521 13.1403 9.53951 13.7399 8.93991C14.3395 8.34031 15.1521 8.00241 16 8.00003ZM16 6.40002C15.3697 6.40002 14.7455 6.52419 14.1631 6.76541C13.5808 7.00663 13.0516 7.3602 12.6059 7.80592C12.1602 8.25164 11.8066 8.78078 11.5654 9.36314C11.3242 9.94551 11.2 10.5697 11.2 11.2C11.2 11.8304 11.3242 12.4545 11.5654 13.0369C11.8066 13.6193 12.1602 14.1484 12.6059 14.5941C13.0516 15.0399 13.5808 15.3934 14.1631 15.6347C14.7455 15.8759 15.3697 16 16 16C17.2731 16 18.4939 15.4943 19.3941 14.5941C20.2943 13.694 20.8 12.4731 20.8 11.2C20.8 9.92699 20.2943 8.7061 19.3941 7.80592C18.4939 6.90575 17.2731 6.40002 16 6.40002Z' fill='%231A1A1A'/%3E%3Cpath d='M16 19.2C17.5559 19.204 19.077 19.6598 20.3788 20.5119C21.6806 21.364 22.7069 22.5758 23.333 24H8.66702C9.29391 22.5763 10.3204 21.365 11.622 20.513C12.9236 19.661 14.4444 19.2049 16 19.2ZM16 17.6C13.9091 17.5995 11.8752 18.2816 10.2074 19.5428C8.53959 20.8039 7.32914 22.5751 6.76002 24.587C6.72717 24.706 6.72227 24.8309 6.74571 24.952C6.76916 25.0732 6.8203 25.1873 6.89516 25.2853C6.97001 25.3834 7.06653 25.4629 7.17719 25.5175C7.28785 25.5721 7.40963 25.6003 7.53302 25.6H24.453C24.5764 25.6003 24.6982 25.5721 24.8088 25.5175C24.9195 25.4629 25.016 25.3834 25.0909 25.2853C25.1657 25.1873 25.2169 25.0732 25.2403 24.952C25.2638 24.8309 25.2589 24.706 25.226 24.587C24.6575 22.5774 23.4492 20.8079 21.7842 19.547C20.1193 18.2861 18.0885 17.6025 16 17.6Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-user.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16C18.6509 16 20.8 13.851 20.8 11.2C20.8 8.54906 18.6509 6.40002 16 6.40002C13.349 6.40002 11.2 8.54906 11.2 11.2C11.2 13.851 13.349 16 16 16Z' fill='%23E6E6E6'/%3E%3Cpath d='M24.453 25.6C24.5764 25.6003 24.6982 25.572 24.8088 25.5174C24.9195 25.4629 25.016 25.3834 25.0908 25.2853C25.1657 25.1872 25.2168 25.0731 25.2403 24.952C25.2637 24.8309 25.2588 24.7059 25.226 24.587C24.6584 22.5734 23.4487 20.8003 21.7807 19.5375C20.1128 18.2747 18.078 17.5913 15.986 17.5913C13.8939 17.5913 11.8591 18.2747 10.1912 19.5375C8.52328 20.8003 7.31352 22.5734 6.74598 24.587C6.7131 24.706 6.70822 24.831 6.73172 24.9522C6.75522 25.0735 6.80646 25.1876 6.88142 25.2857C6.95638 25.3838 7.05304 25.4633 7.16383 25.5178C7.27461 25.5723 7.39651 25.6004 7.51998 25.6H24.453Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-login {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2005 10.407H21.5999V8.79962H10.3997V23.2H21.5999V21.5897H23.2005V24.7996H8.80011V7.20001H23.2005V10.407Z' fill='%231A1A1A'/%3E%3Cpath d='M16.7052 19.9598L17.8363 18.8287L15.8068 16.7992L23.9752 16.7985L23.9752 15.1993L15.7979 15.1993L17.8363 13.1608L16.7052 12.0297L12.745 15.9899L12.7498 15.9948L12.745 15.9996L16.7052 19.9598Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-login.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2005 10.407H21.5999V8.79962H10.3997V23.2H21.5999V21.5897H23.2005V24.7996H8.80011V7.20001H23.2005V10.407Z' fill='%23e6e6e6'/%3E%3Cpath d='M16.7052 19.9598L17.8363 18.8287L15.8068 16.7992L23.9752 16.7985L23.9752 15.1993L15.7979 15.1993L17.8363 13.1608L16.7052 12.0297L12.745 15.9899L12.7498 15.9948L12.745 15.9996L16.7052 19.9598Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-cam {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 12.8C17.1329 12.8 17.7515 12.9877 18.2778 13.3393C18.804 13.6909 19.2142 14.1907 19.4564 14.7754C19.6986 15.3601 19.7619 16.0036 19.6385 16.6243C19.515 17.245 19.2102 17.8152 18.7627 18.2628C18.3152 18.7103 17.745 19.0151 17.1242 19.1385C16.5035 19.262 15.8601 19.1986 15.2754 18.9564C14.6906 18.7142 14.1909 18.3041 13.8393 17.7778C13.4876 17.2516 13.3 16.6329 13.3 16C13.3023 15.1521 13.6402 14.3395 14.2398 13.7399C14.8394 13.1403 15.652 12.8024 16.5 12.8ZM16.5 11.2C15.5506 11.2 14.6226 11.4815 13.8332 12.009C13.0439 12.5364 12.4286 13.286 12.0653 14.1631C11.702 15.0402 11.607 16.0053 11.7922 16.9364C11.9774 17.8676 12.4345 18.7228 13.1058 19.3941C13.7771 20.0654 14.6324 20.5226 15.5635 20.7078C16.4946 20.893 17.4597 20.7979 18.3368 20.4346C19.2139 20.0713 19.9636 19.4561 20.491 18.6667C21.0184 17.8774 21.3 16.9494 21.3 16C21.3 15.3697 21.1758 14.7455 20.9346 14.1631C20.6934 13.5808 20.3398 13.0516 19.8941 12.6059C19.4483 12.1602 18.9192 11.8066 18.3368 11.5654C17.7545 11.3242 17.1303 11.2 16.5 11.2Z' fill='%231A1A1A'/%3E%3Cpath d='M22.9 12C22.7418 12 22.5871 12.0469 22.4555 12.1348C22.324 12.2227 22.2214 12.3477 22.1609 12.4939C22.1003 12.64 22.0845 12.8009 22.1153 12.9561C22.1462 13.1113 22.2224 13.2538 22.3343 13.3657C22.4462 13.4776 22.5887 13.5538 22.7439 13.5846C22.8991 13.6155 23.0599 13.5997 23.2061 13.5391C23.3523 13.4786 23.4772 13.376 23.5652 13.2445C23.6531 13.1129 23.7 12.9582 23.7 12.8C23.7 12.5878 23.6157 12.3843 23.4657 12.2343C23.3156 12.0843 23.1121 12 22.9 12Z' fill='%231A1A1A'/%3E%3Cmask id='path-3-inside-1_6_1142' fill='white'%3E%3Cpath d='M21.4102 8.75391H26.9004V24H6.09961V8.75391H11.5898L11.7178 7.2002H21.2822L21.4102 8.75391Z'/%3E%3C/mask%3E%3Cpath d='M21.4102 8.75391L19.8156 8.8852L19.9365 10.3539H21.4102V8.75391ZM26.9004 8.75391H28.5004V7.15391H26.9004V8.75391ZM26.9004 24V25.6H28.5004V24H26.9004ZM6.09961 24H4.49961V25.6H6.09961V24ZM6.09961 8.75391V7.15391H4.49961V8.75391H6.09961ZM11.5898 8.75391V10.3539H13.0635L13.1844 8.8852L11.5898 8.75391ZM11.7178 7.2002V5.6002H10.2441L10.1232 7.0689L11.7178 7.2002ZM21.2822 7.2002L22.8768 7.0689L22.7559 5.6002H21.2822V7.2002ZM21.4102 8.75391V10.3539H26.9004V8.75391V7.15391H21.4102V8.75391ZM26.9004 8.75391H25.3004V24H26.9004H28.5004V8.75391H26.9004ZM26.9004 24V22.4H6.09961V24V25.6H26.9004V24ZM6.09961 24H7.69961V8.75391H6.09961H4.49961V24H6.09961ZM6.09961 8.75391V10.3539H11.5898V8.75391V7.15391H6.09961V8.75391ZM11.5898 8.75391L13.1844 8.8852L13.3124 7.33149L11.7178 7.2002L10.1232 7.0689L9.99524 8.62261L11.5898 8.75391ZM11.7178 7.2002V8.8002H21.2822V7.2002V5.6002H11.7178V7.2002ZM21.2822 7.2002L19.6876 7.33149L19.8156 8.8852L21.4102 8.75391L23.0048 8.62261L22.8768 7.0689L21.2822 7.2002Z' fill='%231A1A1A' mask='url(%23path-3-inside-1_6_1142)'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-cam.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4102 8.7536H26.9004V23.9997H6.09961V8.7536H11.5898L11.7178 7.19989H21.2822L21.4102 8.7536ZM18.3369 11.5651C17.4598 11.2018 16.4946 11.1075 15.5635 11.2927C14.6324 11.4779 13.7767 11.9349 13.1055 12.6061C12.4344 13.2773 11.9772 14.1323 11.792 15.0632C11.6068 15.9942 11.7022 16.9596 12.0654 17.8366C12.4287 18.7136 13.0438 19.4635 13.833 19.9909C14.6224 20.5183 15.5506 20.7995 16.5 20.7995C17.1303 20.7995 17.7546 20.6755 18.3369 20.4343C18.9192 20.193 19.4489 19.8399 19.8945 19.3942C20.3402 18.9485 20.6934 18.4189 20.9346 17.8366C21.1757 17.2543 21.2998 16.63 21.2998 15.9997C21.2997 15.0506 21.0184 14.1229 20.4912 13.3337C19.9638 12.5443 19.214 11.9284 18.3369 11.5651ZM16.5 12.7995C17.3479 12.8019 18.1602 13.1404 18.7598 13.7399C19.3593 14.3395 19.6977 15.1518 19.7002 15.9997C19.7002 16.6326 19.5127 17.2518 19.1611 17.778C18.8095 18.3043 18.3093 18.7145 17.7246 18.9567C17.14 19.1989 16.4966 19.2618 15.876 19.1384C15.2552 19.0149 14.6848 18.7099 14.2373 18.2624C13.7899 17.815 13.4848 17.2452 13.3613 16.6247C13.2379 16.004 13.3017 15.3598 13.5439 14.7751C13.7861 14.1907 14.1958 13.6911 14.7217 13.3395C15.2479 12.9879 15.8671 12.7995 16.5 12.7995ZM22.9004 11.9997C22.6882 11.9997 22.484 12.084 22.334 12.2341C22.1841 12.384 22.0997 12.5875 22.0996 12.7995C22.0996 12.9577 22.1465 13.1133 22.2344 13.2448C22.3222 13.3763 22.4477 13.4782 22.5938 13.5388C22.7398 13.5993 22.9006 13.6154 23.0557 13.5847C23.2108 13.5538 23.3539 13.4778 23.4658 13.3659C23.5777 13.254 23.6537 13.1109 23.6846 12.9557C23.7154 12.8007 23.6992 12.6399 23.6387 12.4938C23.5781 12.3477 23.4762 12.2223 23.3447 12.1345C23.2133 12.0466 23.0585 11.9998 22.9004 11.9997Z' fill='%23E6E6E6'/%3E%3Cpath d='M16.5 12.8C17.1329 12.8 17.7515 12.9877 18.2778 13.3393C18.804 13.6909 19.2142 14.1907 19.4564 14.7754C19.6986 15.3601 19.7619 16.0036 19.6385 16.6243C19.515 17.245 19.2102 17.8152 18.7627 18.2628C18.3152 18.7103 17.745 19.0151 17.1242 19.1385C16.5035 19.262 15.8601 19.1986 15.2754 18.9564C14.6906 18.7142 14.1909 18.3041 13.8393 17.7778C13.4876 17.2516 13.3 16.6329 13.3 16C13.3023 15.1521 13.6402 14.3395 14.2398 13.7399C14.8394 13.1403 15.652 12.8024 16.5 12.8ZM16.5 11.2C15.5506 11.2 14.6226 11.4815 13.8332 12.009C13.0439 12.5364 12.4286 13.286 12.0653 14.1631C11.702 15.0402 11.607 16.0053 11.7922 16.9364C11.9774 17.8676 12.4345 18.7228 13.1058 19.3941C13.7771 20.0654 14.6324 20.5226 15.5635 20.7078C16.4946 20.893 17.4597 20.7979 18.3368 20.4346C19.2139 20.0713 19.9636 19.4561 20.491 18.6667C21.0184 17.8774 21.3 16.9494 21.3 16C21.3 15.3697 21.1758 14.7455 20.9346 14.1631C20.6934 13.5808 20.3398 13.0516 19.8941 12.6059C19.4483 12.1602 18.9192 11.8066 18.3368 11.5654C17.7545 11.3242 17.1303 11.2 16.5 11.2Z' fill='white'/%3E%3Cpath d='M22.9 12C22.7418 12 22.5871 12.0469 22.4555 12.1348C22.324 12.2227 22.2214 12.3477 22.1609 12.4939C22.1003 12.64 22.0845 12.8009 22.1153 12.9561C22.1462 13.1113 22.2224 13.2538 22.3343 13.3657C22.4462 13.4776 22.5887 13.5538 22.7439 13.5846C22.8991 13.6155 23.0599 13.5997 23.2061 13.5391C23.3523 13.4786 23.4772 13.376 23.5652 13.2445C23.6531 13.1129 23.7 12.9582 23.7 12.8C23.7 12.5878 23.6157 12.3843 23.4657 12.2343C23.3156 12.0843 23.1121 12 22.9 12Z' fill='white'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-logout {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2004 10.407H21.5999V8.79962H10.3997V23.2H21.5999V21.5897H23.2004V24.7996H8.80005V7.20001H23.2004V10.407Z' fill='%231A1A1A'/%3E%3Cpath d='M20.8097 19.9598L19.6786 18.8287L21.7081 16.7992L13.5398 16.7985L13.5398 15.1993L21.7171 15.1993L19.6786 13.1608L20.8097 12.0297L24.7699 15.9899L24.7651 15.9948L24.7699 15.9996L20.8097 19.9598Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-logout.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2004 10.407H21.5999V8.79962H10.3997V23.2H21.5999V21.5897H23.2004V24.7996H8.80005V7.20001H23.2004V10.407Z' fill='%23e6e6e6'/%3E%3Cpath d='M20.8097 19.9598L19.6786 18.8287L21.7081 16.7992L13.5398 16.7985L13.5398 15.1993L21.7171 15.1993L19.6786 13.1608L20.8097 12.0297L24.7699 15.9899L24.7651 15.9948L24.7699 15.9996L20.8097 19.9598Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-sync {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.46539 13.8166C8.44128 10.0186 11.8883 7.21179 15.9908 7.21179C20.0934 7.21179 23.5403 10.0186 24.5162 13.8166C24.6426 14.3084 24.7275 14.8167 24.7671 15.3377M24.5162 18.2106C23.5403 22.0086 20.0934 24.8154 15.9908 24.8154C11.3911 24.8154 7.61552 21.2872 7.22272 16.7895' stroke='%231A1A1A' stroke-width='1.6'/%3E%3Crect x='25.2012' y='16.007' width='1.6' height='5.6' transform='rotate(-153.844 25.2012 16.007)' fill='%231A1A1A'/%3E%3Crect width='1.6' height='5.6' transform='matrix(0.440821 -0.897595 -0.897595 -0.440821 25.1917 16.0102)' fill='%231A1A1A'/%3E%3Crect width='1.6' height='5.6' transform='matrix(-0.412158 0.911112 0.911112 0.412158 6.55267 15.9479)' fill='%231A1A1A'/%3E%3Crect x='6.5434' y='15.9516' width='1.6' height='5.6' transform='rotate(24.3405 6.5434 15.9516)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-sync.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2005 10.407H21.5999V8.79962H10.3997V23.2H21.5999V21.5897H23.2005V24.7996H8.80011V7.20001H23.2005V10.407Z' fill='%23e6e6e6'/%3E%3Cpath d='M16.7052 19.9598L17.8363 18.8287L15.8068 16.7992L23.9752 16.7985L23.9752 15.1993L15.7979 15.1993L17.8363 13.1608L16.7052 12.0297L12.745 15.9899L12.7498 15.9948L12.745 15.9996L16.7052 19.9598Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-out {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0964 11.5432V18.4099L23.6964 18.4092L23.6957 10.4025H23.6999L23.6992 8.80251H23.6964V8.79975L22.0964 8.79906L22.0957 8.80251H14.0897V10.4032H20.9743L9.28842 22.0891L10.4195 23.2202L22.0964 11.5432Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-out.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0964 11.5432V18.4099L23.6964 18.4092L23.6957 10.4025H23.6999L23.6992 8.80251H23.6964V8.79975L22.0964 8.79906L22.0957 8.80251H14.0897V10.4032H20.9743L9.28842 22.0891L10.4195 23.2202L22.0964 11.5432Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-to {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1027 15.2009L18.2472 10.3454L19.379 9.21454L25.0402 14.8766L25.0431 14.8737L26.1739 16.0056L26.172 16.0075L26.1739 16.0095L25.0431 17.1413L25.0402 17.1393L19.379 22.8005L18.2472 21.6686L23.1154 16.8005H6.58899V15.2009H23.1027Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-to.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1027 15.2009L18.2472 10.3454L19.379 9.21454L25.0402 14.8766L25.0431 14.8737L26.1739 16.0056L26.172 16.0075L26.1739 16.0095L25.0431 17.1413L25.0402 17.1393L19.379 22.8005L18.2472 21.6686L23.1154 16.8005H6.58899V15.2009H23.1027Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-to.text-white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0549 15.4596C23.9091 15.3156 23.7128 15.2342 23.5079 15.2326H7.3619C7.15697 15.2329 6.96051 15.3144 6.8156 15.4593C6.67069 15.6042 6.58917 15.8007 6.5889 16.0056C6.58792 16.1074 6.60752 16.2083 6.64653 16.3023C6.68554 16.3963 6.74315 16.4814 6.8159 16.5526C6.96173 16.6966 7.15797 16.778 7.3629 16.7796H23.5229C23.7278 16.7793 23.9243 16.6978 24.0692 16.5529C24.2141 16.408 24.2956 16.2115 24.2959 16.0066C24.2895 15.8001 24.2025 15.6041 24.0549 15.4596Z' fill='%23fff'/%3E%3Cpath d='M25.6408 15.4515L25.5935 15.4041C25.4484 15.2594 25.2518 15.1781 25.0469 15.1781C24.8419 15.1781 24.6454 15.2594 24.5003 15.4041L18.7961 21.1084C18.6513 21.2535 18.5701 21.45 18.5701 21.655C18.5701 21.8599 18.6513 22.0565 18.796 22.2016L18.8434 22.2489C18.9885 22.3937 19.1851 22.4749 19.39 22.4749C19.5949 22.4749 19.7915 22.3937 19.9366 22.2489L25.6408 16.5447C25.7856 16.3996 25.8668 16.203 25.8668 15.9981C25.8668 15.7932 25.7856 15.5966 25.6408 15.4515Z' fill='%23fff'/%3E%3Cpath d='M25.6401 15.4522L19.9358 9.74795C19.7907 9.60323 19.5942 9.52196 19.3892 9.52196C19.1843 9.52196 18.9877 9.60323 18.8426 9.74795L18.7953 9.79533C18.6505 9.94042 18.5693 10.137 18.5693 10.3419C18.5693 10.5469 18.6505 10.7434 18.7953 10.8885L24.4995 16.5928C24.6446 16.7375 24.8411 16.8187 25.0461 16.8187C25.251 16.8187 25.4476 16.7375 25.5927 16.5927L25.6401 16.5454C25.7848 16.4003 25.866 16.2037 25.866 15.9988C25.866 15.7938 25.7848 15.5973 25.6401 15.4522Z' fill='%23fff'/%3E%3Cpath d='M25.6401 16.5468L25.5927 16.5942C25.4476 16.7389 25.251 16.8202 25.0461 16.8202C24.8412 16.8202 24.6446 16.7389 24.4995 16.5942L18.7953 10.89C18.6505 10.7449 18.5693 10.5483 18.5693 10.3434C18.5693 10.1384 18.6505 9.94188 18.7953 9.79679L18.8426 9.74941C18.9877 9.60469 19.1843 9.52341 19.3892 9.52341C19.5942 9.52341 19.7907 9.6047 19.9358 9.74942L25.64 15.4536C25.7848 15.5987 25.8661 15.7953 25.8661 16.0002C25.8661 16.2052 25.7848 16.4017 25.6401 16.5468Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-comment {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15.9934C7.00108 14.5145 7.3474 13.0563 8.01138 11.7349C8.67537 10.4135 9.63868 9.26537 10.8246 8.3819C12.0106 7.49842 13.3864 6.90402 14.8426 6.64601C16.2987 6.388 17.795 6.47351 19.2123 6.89573C20.6296 7.31796 21.9288 8.06524 23.0064 9.07807C24.0839 10.0909 24.9102 11.3413 25.4193 12.7298C25.9284 14.1182 26.1063 15.6064 25.9389 17.0757C25.7715 18.5451 25.2634 19.955 24.455 21.1934L25.115 23.7934C25.1373 23.8822 25.1362 23.9753 25.1117 24.0636C25.0873 24.1519 25.0404 24.2323 24.9757 24.2971C24.9109 24.3618 24.8305 24.4087 24.7422 24.4331C24.6539 24.4575 24.5608 24.4587 24.472 24.4364L21.935 23.7914C20.5103 24.7851 18.8405 25.3693 17.107 25.4802C15.3735 25.5912 13.6428 25.2248 12.103 24.4209C10.5633 23.6169 9.2734 22.4062 8.37368 20.9203C7.47397 19.4345 6.99885 17.7304 7 15.9934ZM8.584 15.9934C8.5838 17.4402 8.98018 18.8594 9.73006 20.0968C10.4799 21.3341 11.5546 22.3422 12.8373 23.0116C14.1201 23.6809 15.5617 23.9859 17.0056 23.8933C18.4494 23.8007 19.8403 23.3141 21.027 22.4864L21.621 22.0724L23.142 22.4594L22.748 20.9024L23.131 20.3214C23.8046 19.2892 24.228 18.1139 24.3673 16.8892C24.5066 15.6645 24.358 14.4243 23.9334 13.2671C23.5088 12.11 22.8198 11.068 21.9215 10.2241C21.0231 9.38018 19.9401 8.7577 18.7587 8.40621C17.5772 8.05472 16.3301 7.98393 15.1165 8.19948C13.9029 8.41503 12.7564 8.91096 11.7683 9.64778C10.7802 10.3846 9.97779 11.342 9.42497 12.4436C8.87214 13.5453 8.58417 14.7608 8.584 15.9934ZM12.541 19.1594C12.4347 19.1632 12.3287 19.1455 12.2294 19.1074C12.1301 19.0693 12.0394 19.0116 11.9629 18.9378C11.8863 18.8639 11.8255 18.7754 11.7839 18.6774C11.7423 18.5795 11.7209 18.4742 11.7209 18.3679C11.7209 18.2615 11.7423 18.1562 11.7839 18.0583C11.8255 17.9604 11.8863 17.8719 11.9629 17.798C12.0394 17.7241 12.1301 17.6664 12.2294 17.6283C12.3287 17.5903 12.4347 17.5726 12.541 17.5764H18.082C18.1883 17.5726 18.2943 17.5903 18.3936 17.6283C18.4929 17.6664 18.5836 17.7241 18.6601 17.798C18.7367 17.8719 18.7976 17.9604 18.8391 18.0583C18.8807 18.1562 18.9021 18.2615 18.9021 18.3679C18.9021 18.4742 18.8807 18.5795 18.8391 18.6774C18.7976 18.7754 18.7367 18.8639 18.6601 18.9378C18.5836 19.0116 18.4929 19.0693 18.3936 19.1074C18.2943 19.1455 18.1883 19.1632 18.082 19.1594H12.541ZM12.541 14.4094C12.4347 14.4132 12.3287 14.3955 12.2294 14.3574C12.1301 14.3193 12.0394 14.2616 11.9629 14.1878C11.8863 14.1139 11.8255 14.0254 11.7839 13.9274C11.7423 13.8295 11.7209 13.7242 11.7209 13.6179C11.7209 13.5115 11.7423 13.4062 11.7839 13.3083C11.8255 13.2104 11.8863 13.1219 11.9629 13.048C12.0394 12.9741 12.1301 12.9164 12.2294 12.8783C12.3287 12.8403 12.4347 12.8226 12.541 12.8264H20.457C20.6621 12.8337 20.8563 12.9202 20.9988 13.0679C21.1412 13.2155 21.2209 13.4127 21.2209 13.6179C21.2209 13.8231 21.1412 14.0202 20.9988 14.1679C20.8563 14.3155 20.6621 14.4021 20.457 14.4094H12.541Z' fill='%231A1A1A'/%3E%3Crect x='18.8984' y='17.5742' width='1.6' height='7.17761' transform='rotate(90 18.8984 17.5742)' fill='%231A1A1A'/%3E%3Crect x='21.2208' y='12.8099' width='1.6' height='9.5' transform='rotate(90 21.2208 12.8099)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-comment.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15.9934C7.00108 14.5145 7.3474 13.0563 8.01138 11.7349C8.67537 10.4135 9.63868 9.26537 10.8246 8.3819C12.0106 7.49842 13.3864 6.90402 14.8426 6.64601C16.2987 6.388 17.795 6.47351 19.2123 6.89573C20.6296 7.31796 21.9288 8.06524 23.0064 9.07807C24.0839 10.0909 24.9102 11.3413 25.4193 12.7298C25.9284 14.1182 26.1063 15.6064 25.9389 17.0757C25.7715 18.5451 25.2634 19.955 24.455 21.1934L25.115 23.7934C25.1373 23.8822 25.1362 23.9753 25.1117 24.0636C25.0873 24.1519 25.0404 24.2323 24.9757 24.2971C24.9109 24.3618 24.8305 24.4087 24.7422 24.4331C24.6539 24.4575 24.5608 24.4587 24.472 24.4364L21.935 23.7914C20.5103 24.7851 18.8405 25.3693 17.107 25.4802C15.3735 25.5912 13.6428 25.2248 12.103 24.4209C10.5633 23.6169 9.2734 22.4062 8.37368 20.9203C7.47397 19.4345 6.99885 17.7304 7 15.9934ZM8.584 15.9934C8.5838 17.4402 8.98018 18.8594 9.73006 20.0968C10.4799 21.3341 11.5546 22.3422 12.8373 23.0116C14.1201 23.6809 15.5617 23.9859 17.0056 23.8933C18.4494 23.8007 19.8403 23.3141 21.027 22.4864L21.621 22.0724L23.142 22.4594L22.748 20.9024L23.131 20.3214C23.8046 19.2892 24.228 18.1139 24.3673 16.8892C24.5066 15.6645 24.358 14.4243 23.9334 13.2671C23.5088 12.11 22.8198 11.068 21.9215 10.2241C21.0231 9.38018 19.9401 8.7577 18.7587 8.40621C17.5772 8.05472 16.3301 7.98393 15.1165 8.19948C13.9029 8.41503 12.7564 8.91096 11.7683 9.64778C10.7802 10.3846 9.97779 11.342 9.42497 12.4436C8.87214 13.5453 8.58417 14.7608 8.584 15.9934ZM12.541 19.1594C12.4347 19.1632 12.3287 19.1455 12.2294 19.1074C12.1301 19.0693 12.0394 19.0116 11.9629 18.9378C11.8863 18.8639 11.8255 18.7754 11.7839 18.6774C11.7423 18.5795 11.7209 18.4742 11.7209 18.3679C11.7209 18.2615 11.7423 18.1562 11.7839 18.0583C11.8255 17.9604 11.8863 17.8719 11.9629 17.798C12.0394 17.7241 12.1301 17.6664 12.2294 17.6283C12.3287 17.5903 12.4347 17.5726 12.541 17.5764H18.082C18.1883 17.5726 18.2943 17.5903 18.3936 17.6283C18.4929 17.6664 18.5836 17.7241 18.6601 17.798C18.7367 17.8719 18.7976 17.9604 18.8391 18.0583C18.8807 18.1562 18.9021 18.2615 18.9021 18.3679C18.9021 18.4742 18.8807 18.5795 18.8391 18.6774C18.7976 18.7754 18.7367 18.8639 18.6601 18.9378C18.5836 19.0116 18.4929 19.0693 18.3936 19.1074C18.2943 19.1455 18.1883 19.1632 18.082 19.1594H12.541ZM12.541 14.4094C12.4347 14.4132 12.3287 14.3955 12.2294 14.3574C12.1301 14.3193 12.0394 14.2616 11.9629 14.1878C11.8863 14.1139 11.8255 14.0254 11.7839 13.9274C11.7423 13.8295 11.7209 13.7242 11.7209 13.6179C11.7209 13.5115 11.7423 13.4062 11.7839 13.3083C11.8255 13.2104 11.8863 13.1219 11.9629 13.048C12.0394 12.9741 12.1301 12.9164 12.2294 12.8783C12.3287 12.8403 12.4347 12.8226 12.541 12.8264H20.457C20.6621 12.8337 20.8563 12.9202 20.9988 13.0679C21.1412 13.2155 21.2209 13.4127 21.2209 13.6179C21.2209 13.8231 21.1412 14.0202 20.9988 14.1679C20.8563 14.3155 20.6621 14.4021 20.457 14.4094H12.541Z' fill='%231A1A1A'/%3E%3Crect x='18.8984' y='17.5742' width='1.6' height='7.17761' transform='rotate(90 18.8984 17.5742)' fill='%23e6e6e6'/%3E%3Crect x='21.2208' y='12.8099' width='1.6' height='9.5' transform='rotate(90 21.2208 12.8099)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-refresh {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9232 6.39844C20.3994 6.39863 24.1583 9.46079 25.223 13.6035L23.6732 14.002C22.7859 10.5492 19.6515 7.99824 15.9232 7.99805C12.1996 7.99805 9.06716 10.5422 8.17515 13.9883C7.9202 15.1698 7.91015 16.118 7.9359 16.5322L7.94859 16.6768L7.95054 16.6914L7.95152 16.7061C8.30855 20.7941 11.742 24.002 15.9232 24.002C19.6515 24.0018 22.786 21.4509 23.6732 17.998L25.223 18.3965C24.1584 22.5393 20.3994 25.6014 15.9232 25.6016C10.9051 25.6016 6.78645 21.753 6.35777 16.8457L6.35875 16.8447C6.30042 16.3337 6.2931 15.1174 6.61558 13.6328L6.61851 13.6182L6.62242 13.6035C7.68711 9.46064 11.4468 6.39844 15.9232 6.39844Z' fill='%231A1A1A'/%3E%3Crect x='25.0385' y='15.5286' width='1.6' height='5.6' transform='rotate(-153.844 25.0385 15.5286)' fill='%231A1A1A'/%3E%3Crect width='1.6' height='5.6' transform='matrix(0.440821 -0.897595 -0.897595 -0.440821 25.0289 15.5317)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-refresh.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9232 6.39844C20.3994 6.39863 24.1583 9.46079 25.223 13.6035L23.6732 14.002C22.7859 10.5492 19.6515 7.99824 15.9232 7.99805C12.1996 7.99805 9.06716 10.5422 8.17515 13.9883C7.9202 15.1698 7.91015 16.118 7.9359 16.5322L7.94859 16.6768L7.95054 16.6914L7.95152 16.7061C8.30855 20.7941 11.742 24.002 15.9232 24.002C19.6515 24.0018 22.786 21.4509 23.6732 17.998L25.223 18.3965C24.1584 22.5393 20.3994 25.6014 15.9232 25.6016C10.9051 25.6016 6.78645 21.753 6.35777 16.8457L6.35875 16.8447C6.30042 16.3337 6.2931 15.1174 6.61558 13.6328L6.61851 13.6182L6.62242 13.6035C7.68711 9.46064 11.4468 6.39844 15.9232 6.39844Z' fill='%23e6e6e6'/%3E%3Crect x='25.0385' y='15.5286' width='1.6' height='5.6' transform='rotate(-153.844 25.0385 15.5286)' fill='%23e6e6e6'/%3E%3Crect width='1.6' height='5.6' transform='matrix(0.440821 -0.897595 -0.897595 -0.440821 25.0289 15.5317)' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-expand {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4008 23.1877L10.4001 23.1857L16.7979 23.185V21.5857H11.5332L21.5833 11.5357V16.8003L23.1832 16.7996L23.1825 10.4032L23.186 10.4025V8.80323L23.1825 8.80254L23.1832 8.80047L21.5833 8.79978L21.5826 8.80323L15.1862 8.80254V10.4032H20.4536L10.4001 20.4567V15.1879H8.8008L8.79942 21.585H8.79804V23.1857L8.80011 23.185V23.1877H10.4008Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-expand.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4008 23.1877L10.4001 23.1857L16.7979 23.185V21.5857H11.5332L21.5833 11.5357V16.8003L23.1832 16.7996L23.1825 10.4032L23.186 10.4025V8.80323L23.1825 8.80254L23.1832 8.80047L21.5833 8.79978L21.5826 8.80323L15.1862 8.80254V10.4032H20.4536L10.4001 20.4567V15.1879H8.8008L8.79942 21.585H8.79804V23.1857L8.80011 23.185V23.1877H10.4008Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-play {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9 9.55998L22.087 16L10.9 22.44V9.55998ZM10.1 7.38697C9.88788 7.38697 9.68439 7.47126 9.53436 7.62129C9.38433 7.77132 9.30005 7.9748 9.30005 8.18698V23.827C9.30005 24.0391 9.38433 24.2426 9.53436 24.3927C9.68439 24.5427 9.88788 24.627 10.1 24.627C10.2399 24.6229 10.3768 24.5862 10.5 24.52L24.1 16.707C24.222 16.6369 24.3233 16.5358 24.3937 16.4141C24.4641 16.2923 24.5012 16.1541 24.5012 16.0135C24.5012 15.8728 24.4641 15.7346 24.3937 15.6129C24.3233 15.4911 24.222 15.3901 24.1 15.32L10.5 7.49297C10.3793 7.42063 10.2408 7.38456 10.1 7.38697Z' fill='%231A1A1A'/%3E%3Cpath d='M10.9 9.55998L22.087 16L10.9 22.44V9.55998ZM10.1 7.38697C9.88788 7.38697 9.68439 7.47126 9.53436 7.62129C9.38433 7.77132 9.30005 7.9748 9.30005 8.18698V23.827C9.30005 24.0391 9.38433 24.2426 9.53436 24.3927C9.68439 24.5427 9.88788 24.627 10.1 24.627C10.2399 24.6229 10.3768 24.5862 10.5 24.52L24.1 16.707C24.222 16.6369 24.3233 16.5358 24.3937 16.4141C24.4641 16.2923 24.5012 16.1541 24.5012 16.0135C24.5012 15.8728 24.4641 15.7346 24.3937 15.6129C24.3233 15.4911 24.222 15.3901 24.1 15.32L10.5 7.49297C10.3793 7.42063 10.2408 7.38456 10.1 7.38697Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-play.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1 16.693L10.5 24.506C10.3784 24.5762 10.2404 24.6132 10.1 24.6132C9.95951 24.6132 9.82155 24.5762 9.69993 24.5059C9.57831 24.4357 9.47732 24.3347 9.40711 24.213C9.33691 24.0914 9.29997 23.9534 9.3 23.813L9.3 8.17298C9.29997 8.03254 9.33691 7.89456 9.40711 7.77292C9.47732 7.65128 9.57831 7.55026 9.69993 7.48003C9.82155 7.40979 9.95951 7.37281 10.1 7.3728C10.2404 7.37279 10.3784 7.40976 10.5 7.47998L24.1 15.293C24.2219 15.3647 24.323 15.467 24.3933 15.5898C24.4635 15.7125 24.5005 15.8515 24.5005 15.993C24.5005 16.1344 24.4635 16.2734 24.3933 16.3962C24.323 16.519 24.2219 16.6213 24.1 16.693Z' fill='%23E6E6E6'/%3E%3Cpath d='M24.1 16.693L10.5 24.506C10.3784 24.5762 10.2404 24.6132 10.1 24.6132C9.95951 24.6132 9.82155 24.5762 9.69993 24.5059C9.57831 24.4357 9.47732 24.3347 9.40711 24.213C9.33691 24.0914 9.29997 23.9534 9.3 23.813L9.3 8.17298C9.29997 8.03254 9.33691 7.89456 9.40711 7.77292C9.47732 7.65128 9.57831 7.55026 9.69993 7.48003C9.82155 7.40979 9.95951 7.37281 10.1 7.3728C10.2404 7.37279 10.3784 7.40976 10.5 7.47998L24.1 15.293C24.2219 15.3647 24.323 15.467 24.3933 15.5898C24.4635 15.7125 24.5005 15.8515 24.5005 15.993C24.5005 16.1344 24.4635 16.2734 24.3933 16.3962C24.323 16.519 24.2219 16.6213 24.1 16.693Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-href {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4005 7.19983V8.80042H8.79993V23.1998H23.2003V17.6002H24.7999V24.8004H7.20032V7.19983H14.4005ZM24.7999 7.19983V8.80042H21.59V7.19983H24.7999Z' fill='%231A1A1A'/%3E%3Cpath d='M17.6027 7.20038V8.79999H22.0626L15.6613 15.2023L16.7921 16.3332L23.2003 9.92499V14.3996H24.7999V7.20721H24.7931V7.20038H17.6027Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-href.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4005 7.19983V8.80042H8.79993V23.1998H23.2003V17.6002H24.7999V24.8004H7.20032V7.19983H14.4005ZM24.7999 7.19983V8.80042H21.59V7.19983H24.7999Z' fill='%23e6e6e6'/%3E%3Cpath d='M17.6027 7.20038V8.79999H22.0626L15.6613 15.2023L16.7921 16.3332L23.2003 9.92499V14.3996H24.7999V7.20721H24.7931V7.20038H17.6027Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-home {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_6_1133' fill='white'%3E%3Cpath d='M15.9995 6.21729L25.106 13.6411V25.7827H6.89404V13.6411H6.89502L15.9995 6.21729Z'/%3E%3C/mask%3E%3Cpath d='M15.9995 6.21729L17.0105 4.97716L15.9994 4.15289L14.9884 4.97727L15.9995 6.21729ZM25.106 13.6411H26.706V12.8812L26.1169 12.401L25.106 13.6411ZM25.106 25.7827V27.3827H26.706V25.7827H25.106ZM6.89404 25.7827H5.29404V27.3827H6.89404V25.7827ZM6.89404 13.6411V12.0411H5.29404V13.6411H6.89404ZM6.89502 13.6411V15.2411H7.46466L7.90613 14.8811L6.89502 13.6411ZM15.9995 6.21729L14.9885 7.45741L24.095 14.8812L25.106 13.6411L26.1169 12.401L17.0105 4.97716L15.9995 6.21729ZM25.106 13.6411H23.506V25.7827H25.106H26.706V13.6411H25.106ZM25.106 25.7827V24.1827H6.89404V25.7827V27.3827H25.106V25.7827ZM6.89404 25.7827H8.49404V13.6411H6.89404H5.29404V25.7827H6.89404ZM6.89404 13.6411V15.2411H6.89502V13.6411V12.0411H6.89404V13.6411ZM6.89502 13.6411L7.90613 14.8811L17.0106 7.4573L15.9995 6.21729L14.9884 4.97727L5.8839 12.4011L6.89502 13.6411Z' fill='%231A1A1A' mask='url(%23path-1-inside-1_6_1133)'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-home.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9995 6.21729L25.106 13.6411V25.7827H6.89404V13.6411H6.89502L15.9995 6.21729Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-cloud {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.867 9.40102C18.1308 9.40261 19.3424 9.90536 20.236 10.799C21.1297 11.6926 21.6324 12.9042 21.634 14.168V15.904L22.991 16.004C23.8145 16.0744 24.5817 16.4513 25.1407 17.0602C25.6997 17.669 26.0098 18.4655 26.0098 19.292C26.0098 20.1186 25.6997 20.915 25.1407 21.5239C24.5817 22.1327 23.8145 22.5096 22.991 22.58L22.844 22.592H10.633C9.67107 22.5761 8.75391 22.1829 8.07927 21.497C7.40463 20.8111 7.02655 19.8876 7.02655 18.9255C7.02655 17.9635 7.40463 17.0399 8.07927 16.3541C8.75391 15.6682 9.67107 15.2749 10.633 15.259H12.026L12.112 13.878C12.1863 12.6674 12.7195 11.5308 13.6028 10.6997C14.4861 9.86854 15.6531 9.40554 16.866 9.40502M16.866 7.93802C15.2757 7.93569 13.7449 8.54238 12.5879 9.63349C11.431 10.7246 10.7357 12.2173 10.645 13.805H10.633C9.27234 13.805 7.96734 14.3453 7.00483 15.307C6.04232 16.2688 5.50106 17.5734 5.5 18.934C5.5 20.2954 6.0408 21.601 7.00342 22.5636C7.96605 23.5262 9.27164 24.067 10.633 24.067H23.1V24.055C24.2977 23.9635 25.4166 23.4227 26.2326 22.5412C27.0485 21.6596 27.5012 20.5022 27.5 19.301C27.497 18.101 27.0429 16.946 26.2278 16.0653C25.4127 15.1846 24.2962 14.6426 23.1 14.547V14.168C23.1008 13.3492 22.9401 12.5383 22.6272 11.7817C22.3142 11.025 21.8551 10.3375 21.2762 9.75851C20.6973 9.17949 20.0099 8.72031 19.2533 8.40724C18.4967 8.09417 17.6858 7.93337 16.867 7.93402L16.866 7.93802Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-cloud.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.1 14.545V14.166C23.1007 13.3473 22.9399 12.5365 22.6269 11.7799C22.3139 11.0234 21.8548 10.336 21.2759 9.75713C20.6969 9.17821 20.0096 8.71911 19.253 8.40611C18.4965 8.09311 17.6857 7.93233 16.867 7.93299C15.2767 7.93066 13.7459 8.53735 12.5889 9.62846C11.432 10.7196 10.7367 12.2123 10.646 13.8H10.633C9.27164 13.8 7.96605 14.3408 7.00342 15.3034C6.0408 16.266 5.5 17.5716 5.5 18.933C5.5 20.2943 6.0408 21.5999 7.00342 22.5626C7.96605 23.5252 9.27164 24.066 10.633 24.066H23.1V24.054C24.2977 23.9624 25.4166 23.4217 26.2326 22.5401C27.0485 21.6585 27.5012 20.5012 27.5 19.3C27.4973 18.0998 27.0433 16.9445 26.2281 16.0636C25.413 15.1827 24.2964 14.6406 23.1 14.545Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-inactive {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4082 12.6342C22.5349 13.1346 22.6001 13.6499 22.5996 14.1684V14.5473C23.7956 14.6429 24.9125 15.1844 25.7275 16.0649C26.5427 16.9456 26.997 18.1012 27 19.3012C27.0012 20.5024 26.5483 21.6599 25.7324 22.5414C24.9165 23.4229 23.7972 23.9636 22.5996 24.0551V24.0668H11.7178L13.0967 22.5922H22.3438L22.4912 22.5805C23.3147 22.51 24.0817 22.1327 24.6406 21.5239C25.1995 20.9151 25.5097 20.1188 25.5098 19.2924C25.5098 18.4659 25.1996 17.6688 24.6406 17.06C24.0817 16.4513 23.3146 16.0748 22.4912 16.0043L21.1338 15.9037V14.1684C21.1337 14.1127 21.1309 14.0569 21.1289 14.0014L22.4082 12.6342ZM16.3672 7.93402C17.1859 7.93339 17.9964 8.09465 18.7529 8.40766C19.5095 8.72071 20.1974 9.17925 20.7764 9.75824C20.8576 9.83944 20.9353 9.92386 21.0117 10.0092L20.002 11.0903C19.9173 10.9904 19.8296 10.8925 19.7363 10.7993C18.8986 9.96153 17.7811 9.46753 16.6035 9.40766L16.3662 9.40473C15.1534 9.40525 13.9859 9.86853 13.1025 10.6996C12.2193 11.5308 11.6866 12.6678 11.6123 13.8784L11.5264 15.2592H10.1328C9.17095 15.2752 8.2537 15.6681 7.5791 16.3539C6.90455 17.0397 6.52644 17.9633 6.52637 18.9252C6.52637 19.8871 6.90466 20.8107 7.5791 21.4965C8.065 21.9905 8.67719 22.3319 9.34082 22.4907L8.21582 23.6938C7.58107 23.4381 6.99721 23.0571 6.50391 22.5639C5.54128 21.6013 5 20.2954 5 18.934C5.00106 17.5734 5.54237 16.2688 6.50488 15.3071C7.46735 14.3454 8.77222 13.8052 10.1328 13.8051H10.1445C10.2353 12.2174 10.9309 10.7244 12.0879 9.63324C13.2448 8.54219 14.776 7.93559 16.3662 7.93793L16.3672 7.93402Z' fill='%231A1A1A'/%3E%3Crect width='1.6' height='22.6819' transform='matrix(-0.730501 -0.682912 -0.682912 0.730501 24.099 9.92676)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-inactive.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4092 12.6332C22.5357 13.1332 22.6 13.6483 22.5996 14.1664V14.5453C23.796 14.6409 24.9134 15.1829 25.7285 16.0638C26.5435 16.9447 26.9973 18.1001 27 19.3002C27.0012 20.5013 26.5483 21.6589 25.7324 22.5404C24.9165 23.4219 23.7972 23.9625 22.5996 24.0541V24.0658H11.7188L22.4092 12.6332ZM16.3672 7.93298C17.1857 7.93235 17.9965 8.09273 18.7529 8.40564C19.5094 8.71861 20.1965 9.17838 20.7754 9.7572C20.857 9.83884 20.9359 9.92332 21.0127 10.0092L8.21582 23.6927C7.58107 23.4371 6.99721 23.0561 6.50391 22.5629C5.54128 21.6002 5 20.2943 5 18.933C5 17.5716 5.54128 16.2657 6.50391 15.3031C7.46645 14.3408 8.77171 13.8002 10.1328 13.8002H10.1465C10.2372 12.2125 10.9319 10.7194 12.0889 9.6283C13.2458 8.53721 14.7769 7.93065 16.3672 7.93298Z' fill='%23E6E6E6'/%3E%3Cpath d='M8.37313 25.5822L8.37037 25.5795C8.31919 25.5281 8.2903 25.4586 8.29027 25.3861C8.29027 25.3136 8.31925 25.2441 8.37037 25.1928L8.38211 25.181L22.7846 9.77867C22.8378 9.72637 22.9095 9.69696 22.9841 9.69649L22.9862 9.6958C23.0631 9.69504 23.1359 9.72377 23.1906 9.77314C23.2375 9.8237 23.2638 9.89041 23.2638 9.95959C23.2637 10.032 23.2348 10.1017 23.1837 10.1529L23.1727 10.164L8.75569 25.5808C8.70295 25.6306 8.6329 25.6584 8.56027 25.6589L8.5582 25.6596C8.52384 25.6599 8.4898 25.6526 8.45807 25.6395C8.42631 25.6264 8.39721 25.6068 8.37313 25.5822Z' stroke='%23E6E6E6'/%3E%3Crect width='1.6' height='22.6819' transform='matrix(-0.730501 -0.682912 -0.682912 0.730501 24.099 9.92676)' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-hide {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0021 12.1351C24.4103 13.5978 26.449 15.4567 27.2795 16.2552C27.5056 16.4728 27.5056 16.8248 27.2795 17.0424C25.8123 18.4531 20.5781 23.1701 16.1935 23.1703C14.9988 23.1703 13.7413 22.8188 12.5138 22.2806L13.6818 21.0316C14.5678 21.3718 15.4193 21.5707 16.1935 21.5707C17.8905 21.5706 19.9604 20.6215 21.9455 19.3021C23.3143 18.3923 24.5171 17.3929 25.3498 16.6488C24.5171 15.9046 23.3145 14.9044 21.9455 13.9945C21.5933 13.7605 21.2379 13.5389 20.883 13.3314L22.0021 12.1351ZM16.1935 10.1263C17.231 10.1264 18.3155 10.3919 19.3869 10.8138L18.1984 12.0844C17.4947 11.8555 16.8189 11.726 16.1935 11.726C14.4966 11.726 12.4267 12.6752 10.4416 13.9945C9.07258 14.9044 7.86998 15.9046 7.03727 16.6488C7.86995 17.393 9.07272 18.3923 10.4416 19.3021C10.6507 19.4411 10.861 19.5754 11.0715 19.7054L9.95817 20.8969C7.73792 19.4821 5.88882 17.7935 5.10758 17.0424C4.88129 16.8248 4.8813 16.4728 5.10758 16.2552C6.57432 14.8449 11.8086 10.1264 16.1935 10.1263ZM19.4806 14.8304C19.7794 15.3693 19.9504 15.9891 19.9504 16.6488C19.9502 18.7231 18.2679 20.4046 16.1935 20.4047C15.6237 20.4047 15.0836 20.2772 14.5998 20.0502L15.8 18.767C15.9276 18.7905 16.059 18.8051 16.1935 18.8051C17.3842 18.8049 18.3496 17.8395 18.3498 16.6488C18.3498 16.4642 18.3241 16.2856 18.2804 16.1146L19.4806 14.8304ZM16.1935 12.892C16.5754 12.892 16.9439 12.9491 17.2912 13.0551L15.9308 14.5092C14.9028 14.6339 14.0997 15.4814 14.0422 16.5287L12.6818 17.9838C12.524 17.569 12.4377 17.119 12.4377 16.6488C12.4377 14.5742 14.1189 12.892 16.1935 12.892Z' fill='%231A1A1A'/%3E%3Crect width='1.6' height='22.6819' transform='matrix(-0.730501 -0.682912 -0.682912 0.730501 24.5228 8.53046)' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-hide.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0023 12.1351C24.4105 13.5978 26.4492 15.4567 27.2797 16.2552C27.5058 16.4728 27.5058 16.8248 27.2797 17.0424C25.8125 18.4531 20.5783 23.1701 16.1937 23.1703C14.999 23.1703 13.7415 22.8188 12.514 22.2806L14.6 20.0502C15.0838 20.2772 15.6239 20.4047 16.1937 20.4047C18.2681 20.4046 19.9504 18.7231 19.9506 16.6488C19.9506 15.9891 19.7796 15.3693 19.4808 14.8304L22.0023 12.1351ZM16.1937 10.1263C17.2312 10.1264 18.3157 10.3919 19.3871 10.8138L17.2914 13.0551C16.9441 12.9491 16.5756 12.892 16.1937 12.892C14.1192 12.892 12.4379 14.5742 12.4379 16.6488C12.4379 17.119 12.5242 17.569 12.682 17.9838L9.95837 20.8969C7.73813 19.4821 5.88902 17.7935 5.10779 17.0424C4.8815 16.8248 4.88151 16.4728 5.10779 16.2552C6.57453 14.8449 11.8088 10.1264 16.1937 10.1263Z' fill='%23E6E6E6'/%3E%3Crect width='1.6' height='22.6819' transform='matrix(-0.730501 -0.682912 -0.682912 0.730501 24.5228 8.53046)' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-show {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6249 11.9724C17.7271 11.9657 19.0207 12.3759 20.3919 13.0881C21.7437 13.7902 23.0487 14.7214 24.1407 15.6035C25.0028 16.2999 25.0014 17.509 24.1374 18.2035C23.045 19.0815 21.7402 20.008 20.3892 20.7065C19.0188 21.415 17.726 21.8233 16.6248 21.8166C15.5369 21.8101 14.2624 21.3964 12.9131 20.6887C11.5831 19.9911 10.2995 19.0711 9.22432 18.1997C8.36792 17.5056 8.3665 16.3033 9.22104 15.6073C10.2958 14.7318 11.5796 13.8072 12.9104 13.1059C14.2605 12.3945 15.5358 11.9789 16.6249 11.9724ZM16.6152 10.3724C19.5588 10.3546 22.866 12.5169 25.1461 14.3588C26.8024 15.6967 26.7993 18.1167 25.1398 19.4506C22.8589 21.2839 19.5537 23.4343 16.6152 23.4166C13.7131 23.3991 10.4626 21.2628 8.21689 19.4427C6.57173 18.1093 6.56867 15.7041 8.21057 14.3668C10.4555 12.5382 13.708 10.3899 16.6152 10.3724ZM16.7325 19.9188C18.4218 19.9188 19.7913 18.5494 19.7913 16.8601C19.7913 15.1708 18.4218 13.8014 16.7325 13.8014C15.0433 13.8014 13.6738 15.1708 13.6738 16.8601C13.6738 18.5494 15.0433 19.9188 16.7325 19.9188Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-show.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.1461 14.3588C22.866 12.5169 19.5588 10.3546 16.6152 10.3724C13.708 10.3899 10.4555 12.5382 8.21057 14.3668C6.56867 15.7041 6.57173 18.1093 8.21689 19.4427C10.4626 21.2628 13.7131 23.3991 16.6152 23.4166C19.5537 23.4343 22.8589 21.2839 25.1398 19.4506C26.7993 18.1167 26.8024 15.6967 25.1461 14.3588ZM16.7325 19.9188C18.4218 19.9188 19.7912 18.5493 19.7912 16.8601C19.7912 15.1708 18.4218 13.8013 16.7325 13.8013C15.0432 13.8013 13.6738 15.1708 13.6738 16.8601C13.6738 18.5493 15.0432 19.9188 16.7325 19.9188Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-language {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7.99999C18.1213 8.00158 20.1552 8.84495 21.6551 10.3449C23.1551 11.8448 23.9984 13.8787 24 16C23.9984 18.1212 23.1551 20.1551 21.6551 21.6551C20.1552 23.155 18.1213 23.9984 16 24C13.8788 23.9984 11.8449 23.155 10.3449 21.6551C8.84498 20.1551 8.00162 18.1212 8.00003 16C8.00162 13.8787 8.84498 11.8448 10.3449 10.3449C11.8449 8.84495 13.8788 8.00158 16 7.99999ZM16 6.4C14.7391 6.39921 13.4904 6.64698 12.3253 7.12914C11.1603 7.61131 10.1016 8.31841 9.21005 9.21001C8.31845 10.1016 7.61135 11.1602 7.12918 12.3253C6.64702 13.4904 6.39924 14.7391 6.40003 16C6.39924 17.2609 6.64702 18.5096 7.12918 19.6747C7.61135 20.8398 8.31845 21.8984 9.21005 22.79C10.1016 23.6816 11.1603 24.3887 12.3253 24.8708C13.4904 25.353 14.7391 25.6008 16 25.6C17.2609 25.6008 18.5096 25.353 19.6747 24.8708C20.8398 24.3887 21.8984 23.6816 22.79 22.79C23.6816 21.8984 24.3887 20.8398 24.8709 19.6747C25.353 18.5096 25.6008 17.2609 25.6 16C25.6008 14.7391 25.353 13.4904 24.8709 12.3253C24.3887 11.1602 23.6816 10.1016 22.79 9.21001C21.8984 8.31841 20.8398 7.61131 19.6747 7.12914C18.5096 6.64698 17.2609 6.39921 16 6.4Z' fill='%231A1A1A'/%3E%3Cpath d='M16.8001 24.8V7.19999C16.8001 6.75817 16.4419 6.39999 16.0001 6.39999C15.5582 6.39999 15.2001 6.75817 15.2001 7.19999V24.8C15.2001 25.2418 15.5582 25.6 16.0001 25.6C16.4419 25.6 16.8001 25.2418 16.8001 24.8Z' fill='%231A1A1A'/%3E%3Cpath d='M24.8 15.2H7.20002C6.7582 15.2 6.40002 15.5582 6.40002 16C6.40002 16.4418 6.7582 16.8 7.20002 16.8H24.8C25.2419 16.8 25.6 16.4418 25.6 16C25.6 15.5582 25.2419 15.2 24.8 15.2Z' fill='%231A1A1A'/%3E%3Cpath d='M16 7.99999C16.893 7.99999 17.827 8.73299 18.573 10.013C19.5513 11.8544 20.0426 13.9153 20 16C20.0409 18.0845 19.5498 20.145 18.573 21.987C17.826 23.267 16.88 24 16 24C15.12 24 14.173 23.267 13.427 21.987C12.4487 20.1456 11.9575 18.0847 12 16C11.9591 13.9155 12.4503 11.8549 13.427 10.013C14.174 8.73299 15.107 7.99999 16 7.99999ZM16 6.39999C12.907 6.39999 10.4 10.693 10.4 16C10.4 21.307 12.907 25.6 16 25.6C19.093 25.6 21.6 21.307 21.6 16C21.6 10.693 19.093 6.39999 16 6.39999Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-language.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7.99999C18.1213 8.00158 20.1552 8.84495 21.6551 10.3449C23.1551 11.8448 23.9984 13.8787 24 16C23.9984 18.1212 23.1551 20.1551 21.6551 21.6551C20.1552 23.155 18.1213 23.9984 16 24C13.8788 23.9984 11.8449 23.155 10.3449 21.6551C8.84498 20.1551 8.00162 18.1212 8.00003 16C8.00162 13.8787 8.84498 11.8448 10.3449 10.3449C11.8449 8.84495 13.8788 8.00158 16 7.99999ZM16 6.4C14.7391 6.39921 13.4904 6.64698 12.3253 7.12914C11.1603 7.61131 10.1016 8.31841 9.21005 9.21001C8.31845 10.1016 7.61135 11.1602 7.12918 12.3253C6.64702 13.4904 6.39924 14.7391 6.40003 16C6.39924 17.2609 6.64702 18.5096 7.12918 19.6747C7.61135 20.8398 8.31845 21.8984 9.21005 22.79C10.1016 23.6816 11.1603 24.3887 12.3253 24.8708C13.4904 25.353 14.7391 25.6008 16 25.6C17.2609 25.6008 18.5096 25.353 19.6747 24.8708C20.8398 24.3887 21.8984 23.6816 22.79 22.79C23.6816 21.8984 24.3887 20.8398 24.8709 19.6747C25.353 18.5096 25.6008 17.2609 25.6 16C25.6008 14.7391 25.353 13.4904 24.8709 12.3253C24.3887 11.1602 23.6816 10.1016 22.79 9.21001C21.8984 8.31841 20.8398 7.61131 19.6747 7.12914C18.5096 6.64698 17.2609 6.39921 16 6.4Z' fill='%23e6e6e6'/%3E%3Cpath d='M16.8001 24.8V7.19999C16.8001 6.75817 16.4419 6.39999 16.0001 6.39999C15.5582 6.39999 15.2001 6.75817 15.2001 7.19999V24.8C15.2001 25.2418 15.5582 25.6 16.0001 25.6C16.4419 25.6 16.8001 25.2418 16.8001 24.8Z' fill='%23e6e6e6'/%3E%3Cpath d='M24.8 15.2H7.20002C6.7582 15.2 6.40002 15.5582 6.40002 16C6.40002 16.4418 6.7582 16.8 7.20002 16.8H24.8C25.2419 16.8 25.6 16.4418 25.6 16C25.6 15.5582 25.2419 15.2 24.8 15.2Z' fill='%23e6e6e6'/%3E%3Cpath d='M16 7.99999C16.893 7.99999 17.827 8.73299 18.573 10.013C19.5513 11.8544 20.0426 13.9153 20 16C20.0409 18.0845 19.5498 20.145 18.573 21.987C17.826 23.267 16.88 24 16 24C15.12 24 14.173 23.267 13.427 21.987C12.4487 20.1456 11.9575 18.0847 12 16C11.9591 13.9155 12.4503 11.8549 13.427 10.013C14.174 8.73299 15.107 7.99999 16 7.99999ZM16 6.39999C12.907 6.39999 10.4 10.693 10.4 16C10.4 21.307 12.907 25.6 16 25.6C19.093 25.6 21.6 21.307 21.6 16C21.6 10.693 19.093 6.39999 16 6.39999Z' fill='%23e6e6e6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-info {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.00003C17.5823 8.00003 19.129 8.46922 20.4446 9.34827C21.7602 10.2273 22.7856 11.4768 23.3911 12.9386C23.9966 14.4004 24.155 16.0089 23.8463 17.5607C23.5376 19.1126 22.7757 20.5381 21.6569 21.6569C20.5381 22.7757 19.1126 23.5376 17.5608 23.8463C16.0089 24.155 14.4004 23.9966 12.9386 23.3911C11.4768 22.7856 10.2273 21.7602 9.34827 20.4446C8.46922 19.129 8.00003 17.5823 8.00003 16C8.00162 13.8788 8.84498 11.8449 10.3449 10.3449C11.8449 8.84498 13.8788 8.00162 16 8.00003ZM16 6.40003C14.1013 6.40003 12.2453 6.96306 10.6666 8.01792C9.08784 9.07278 7.85739 10.5721 7.13079 12.3263C6.40418 14.0804 6.21407 16.0107 6.58449 17.8729C6.95491 19.7351 7.86922 21.4457 9.2118 22.7883C10.5544 24.1308 12.2649 25.0451 14.1272 25.4156C15.9894 25.786 17.9196 25.5959 19.6738 24.8693C21.428 24.1427 22.9273 22.9122 23.9821 21.3335C25.037 19.7548 25.6 17.8987 25.6 16C25.6008 14.7391 25.353 13.4904 24.8709 12.3253C24.3887 11.1603 23.6816 10.1016 22.79 9.21004C21.8984 8.31844 20.8398 7.61134 19.6747 7.12918C18.5096 6.64701 17.2609 6.39924 16 6.40003Z' fill='%231A1A1A'/%3E%3Cpath d='M14.964 11.506C14.964 11.6399 14.9908 11.7724 15.0429 11.8957C15.095 12.0191 15.1714 12.1307 15.2674 12.2239C15.3635 12.3172 15.4773 12.3902 15.6021 12.4387C15.7269 12.4871 15.8602 12.51 15.994 12.506C16.1284 12.5094 16.2621 12.4863 16.3874 12.4378C16.5128 12.3893 16.6273 12.3165 16.7244 12.2235C16.8214 12.1305 16.8991 12.0193 16.9529 11.8961C17.0068 11.773 17.0357 11.6404 17.038 11.506C17.0378 11.3696 17.0105 11.2347 16.9578 11.1089C16.905 10.9831 16.8279 10.8691 16.7308 10.7733C16.6337 10.6775 16.5186 10.6019 16.3922 10.5509C16.2657 10.4999 16.1304 10.4744 15.994 10.476C15.8581 10.4736 15.7231 10.4985 15.597 10.5494C15.4709 10.6003 15.3564 10.6761 15.2603 10.7722C15.1641 10.8684 15.0884 10.9829 15.0375 11.109C14.9866 11.235 14.9616 11.3701 14.964 11.506Z' fill='%231A1A1A'/%3E%3Crect x='15.101' y='13.6714' width='1.8' height='7.85425' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-star {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6816 13.3007L25.4492 13.9042L20.3428 18.2167L21.8369 24.5907L15.9922 21.2548L10.1475 24.5907L11.6426 18.2167L6.53516 13.9042L13.3037 13.3007L15.9922 7.29971L18.6816 13.3007ZM14.3809 14.8114L10.499 15.1571L13.4238 17.6269L12.543 21.3808L15.9922 19.412L19.4404 21.3798L18.5615 17.6269L21.4854 15.1571L17.6045 14.8114L15.9922 11.2128L14.3809 14.8114Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-star.fill {
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.40883 4.04998L10.7588 6.9373L13.9088 7.33498C13.9934 7.34551 14.0732 7.37981 14.139 7.4339C14.2048 7.48799 14.2538 7.55964 14.2805 7.64053C14.3072 7.72142 14.3104 7.80822 14.2897 7.89085C14.269 7.97347 14.2253 8.04853 14.1636 8.10729L11.8461 10.2971L12.4463 13.4319C12.4628 13.516 12.4548 13.6031 12.4235 13.6828C12.3921 13.7626 12.3386 13.8317 12.2693 13.8821C12.2 13.9325 12.1178 13.9621 12.0322 13.9673C11.9467 13.9726 11.8615 13.9533 11.7865 13.9117L9.01171 12.3744L6.2369 13.9117C6.16195 13.9533 6.0767 13.9726 5.99117 13.9673C5.90564 13.9621 5.82339 13.9325 5.75408 13.8821C5.68478 13.8317 5.63131 13.7626 5.59996 13.6828C5.5686 13.6031 5.56066 13.516 5.57708 13.4319L6.17727 10.2971L3.85977 8.10729C3.79811 8.04853 3.75439 7.97347 3.7337 7.89085C3.713 7.80822 3.71618 7.72142 3.74287 7.64053C3.76956 7.55964 3.81866 7.48799 3.88446 7.4339C3.95026 7.37981 4.03006 7.34551 4.11458 7.33498L7.26458 6.9373L8.61458 4.04998C8.64879 3.97324 8.70451 3.90806 8.77499 3.86232C8.84547 3.81658 8.92769 3.79224 9.01171 3.79224C9.09573 3.79224 9.17794 3.81658 9.24842 3.86232C9.3189 3.90806 9.37461 3.97324 9.40883 4.04998Z' fill='%231A1A1A'/%3E%3Cpath d='M9.40883 4.04998L10.7588 6.9373L13.9088 7.33498C13.9934 7.34551 14.0732 7.37981 14.139 7.4339C14.2048 7.48799 14.2538 7.55964 14.2805 7.64053C14.3072 7.72142 14.3104 7.80822 14.2897 7.89085C14.269 7.97347 14.2253 8.04853 14.1636 8.10729L11.8461 10.2971L12.4463 13.4319C12.4628 13.516 12.4548 13.6031 12.4235 13.6828C12.3921 13.7626 12.3386 13.8317 12.2693 13.8821C12.2 13.9325 12.1178 13.9621 12.0322 13.9673C11.9467 13.9726 11.8615 13.9533 11.7865 13.9117L9.01171 12.3744L6.2369 13.9117C6.16195 13.9533 6.0767 13.9726 5.99117 13.9673C5.90564 13.9621 5.82339 13.9325 5.75408 13.8821C5.68478 13.8317 5.63131 13.7626 5.59996 13.6828C5.5686 13.6031 5.56066 13.516 5.57708 13.4319L6.17727 10.2971L3.85977 8.10729C3.79811 8.04853 3.75439 7.97347 3.7337 7.89085C3.713 7.80822 3.71618 7.72142 3.74287 7.64053C3.76956 7.55964 3.81866 7.48799 3.88446 7.4339C3.95026 7.37981 4.03006 7.34551 4.11458 7.33498L7.26458 6.9373L8.61458 4.04998C8.64879 3.97324 8.70451 3.90806 8.77499 3.86232C8.84547 3.81658 8.92769 3.79224 9.01171 3.79224C9.09573 3.79224 9.17794 3.81658 9.24842 3.86232C9.3189 3.90806 9.37461 3.97324 9.40883 4.04998Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
    i.bakey-icon.ic-star.text-999 {
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00005 5.30267L9.93774 7.31248L10.1476 7.76248L10.6425 7.82267L12.8475 8.09998L11.2202 9.62998L10.8602 9.96748L10.9502 10.4552L11.3704 12.645L9.43542 11.5723L9.00005 11.3327L8.56524 11.5729L6.63024 12.6455L7.05042 10.4557L7.14042 9.96804L6.78042 9.63054L5.15255 8.09998L7.35755 7.82267L7.85255 7.76248L8.06236 7.31248L9.00005 5.30267ZM9.00005 3.78785C8.91421 3.78703 8.83002 3.8115 8.75799 3.85821C8.68597 3.90493 8.6293 3.97182 8.59505 4.05054L7.24505 6.93785L4.09505 7.33554C4.01053 7.34607 3.93073 7.38038 3.86493 7.43447C3.79913 7.48855 3.75003 7.56021 3.72334 7.6411C3.69665 7.72198 3.69347 7.80879 3.71416 7.89141C3.73486 7.97404 3.77858 8.04909 3.84024 8.10785L6.15774 10.2977L5.55755 13.4325C5.5454 13.4975 5.54772 13.5644 5.56436 13.6284C5.58099 13.6924 5.61153 13.7519 5.6538 13.8028C5.69606 13.8536 5.74902 13.8946 5.8089 13.9226C5.86878 13.9507 5.93411 13.9652 6.00024 13.9652C6.0772 13.9675 6.15307 13.9465 6.21792 13.905L8.99274 12.3677L11.7675 13.905C11.8342 13.9422 11.9089 13.9629 11.9852 13.9652C12.0514 13.9652 12.1167 13.9507 12.1766 13.9226C12.2365 13.8946 12.2894 13.8536 12.3317 13.8028C12.3739 13.7519 12.4045 13.6924 12.4211 13.6284C12.4378 13.5644 12.4401 13.4975 12.4279 13.4325L11.8277 10.2977L14.1452 8.10785C14.2069 8.04909 14.2506 7.97404 14.2713 7.89141C14.292 7.80879 14.2888 7.72198 14.2621 7.6411C14.2354 7.56021 14.1863 7.48855 14.1205 7.43447C14.0547 7.38038 13.9749 7.34607 13.8904 7.33554L10.7404 6.93785L9.38986 4.04998C9.36057 3.97089 9.30719 3.903 9.23725 3.85587C9.16732 3.80874 9.08435 3.78475 9.00005 3.78729V3.78785Z' fill='%23999999'/%3E%3Cpath d='M9.00005 5.30267L9.93774 7.31248L10.1476 7.76248L10.6425 7.82267L12.8475 8.09998L11.2202 9.62998L10.8602 9.96748L10.9502 10.4552L11.3704 12.645L9.43542 11.5723L9.00005 11.3327L8.56524 11.5729L6.63024 12.6455L7.05042 10.4557L7.14042 9.96804L6.78042 9.63054L5.15255 8.09998L7.35755 7.82267L7.85255 7.76248L8.06236 7.31248L9.00005 5.30267ZM9.00005 3.78785C8.91421 3.78703 8.83002 3.8115 8.75799 3.85821C8.68597 3.90493 8.6293 3.97182 8.59505 4.05054L7.24505 6.93785L4.09505 7.33554C4.01053 7.34607 3.93073 7.38038 3.86493 7.43447C3.79913 7.48855 3.75003 7.56021 3.72334 7.6411C3.69665 7.72198 3.69347 7.80879 3.71416 7.89141C3.73486 7.97404 3.77858 8.04909 3.84024 8.10785L6.15774 10.2977L5.55755 13.4325C5.5454 13.4975 5.54772 13.5644 5.56436 13.6284C5.58099 13.6924 5.61153 13.7519 5.6538 13.8028C5.69606 13.8536 5.74902 13.8946 5.8089 13.9226C5.86878 13.9507 5.93411 13.9652 6.00024 13.9652C6.0772 13.9675 6.15307 13.9465 6.21792 13.905L8.99274 12.3677L11.7675 13.905C11.8342 13.9422 11.9089 13.9629 11.9852 13.9652C12.0514 13.9652 12.1167 13.9507 12.1766 13.9226C12.2365 13.8946 12.2894 13.8536 12.3317 13.8028C12.3739 13.7519 12.4045 13.6924 12.4211 13.6284C12.4378 13.5644 12.4401 13.4975 12.4279 13.4325L11.8277 10.2977L14.1452 8.10785C14.2069 8.04909 14.2506 7.97404 14.2713 7.89141C14.292 7.80879 14.2888 7.72198 14.2621 7.6411C14.2354 7.56021 14.1863 7.48855 14.1205 7.43447C14.0547 7.38038 13.9749 7.34607 13.8904 7.33554L10.7404 6.93785L9.38986 4.04998C9.36057 3.97089 9.30719 3.903 9.23725 3.85587C9.16732 3.80874 9.08435 3.78475 9.00005 3.78729V3.78785Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-review-star {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23E6E6E6'/%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-review-star-half {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23E6E6E6'/%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23E6E6E6'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-review-star-fill {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23FF3367'/%3E%3Cpath d='M16.7264 7.20003L19.1264 12.333L24.7264 13.04C24.8766 13.0588 25.0185 13.1197 25.1355 13.2159C25.2525 13.3121 25.3397 13.4394 25.3872 13.5832C25.4346 13.727 25.4403 13.8814 25.4035 14.0282C25.3667 14.1751 25.289 14.3086 25.1794 14.413L21.0594 18.306L22.1264 23.879C22.1556 24.0285 22.1415 24.1833 22.0857 24.3251C22.03 24.4668 21.9349 24.5897 21.8117 24.6793C21.6885 24.7689 21.5423 24.8215 21.3902 24.8308C21.2382 24.8402 21.0866 24.8059 20.9534 24.732L16.0204 21.999L11.0874 24.732C10.9541 24.8059 10.8026 24.8402 10.6505 24.8308C10.4985 24.8215 10.3523 24.7689 10.229 24.6793C10.1058 24.5897 10.0108 24.4668 9.95504 24.3251C9.8993 24.1833 9.88519 24.0285 9.91438 23.879L10.9814 18.306L6.86139 14.413C6.75176 14.3086 6.67404 14.1751 6.63725 14.0282C6.60046 13.8814 6.60612 13.727 6.65356 13.5832C6.70101 13.4394 6.78829 13.3121 6.90527 13.2159C7.02225 13.1197 7.16411 13.0588 7.31437 13.04L12.9144 12.333L15.3144 7.20003C15.3752 7.06361 15.4743 6.94773 15.5995 6.86641C15.7248 6.78509 15.871 6.74182 16.0204 6.74182C16.1697 6.74182 16.3159 6.78509 16.4412 6.86641C16.5665 6.94773 16.6655 7.06361 16.7264 7.20003Z' fill='%23FF3367'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-share {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2097 16.6336L11.4097 18.0192L19.7233 22.8192L20.5233 21.4336L12.2097 16.6336Z' fill='%231A1A1A'/%3E%3Cpath d='M19.7072 9.24302L11.313 14.0895L12.113 15.4751L20.5071 10.6286L19.7072 9.24302Z' fill='%231A1A1A'/%3E%3Cpath d='M9.81001 14.425C10.2344 14.425 10.6413 14.5936 10.9414 14.8936C11.2414 15.1937 11.41 15.6006 11.41 16.025C11.41 16.4493 11.2414 16.8563 10.9414 17.1564C10.6413 17.4564 10.2344 17.625 9.81001 17.625C9.38566 17.625 8.97869 17.4564 8.67863 17.1564C8.37857 16.8563 8.21 16.4493 8.21 16.025C8.21 15.6006 8.37857 15.1937 8.67863 14.8936C8.97869 14.5936 9.38566 14.425 9.81001 14.425ZM9.81001 12.825C9.38948 12.8239 8.9729 12.906 8.58418 13.0664C8.19546 13.2269 7.84226 13.4625 7.5449 13.7599C7.24754 14.0573 7.01189 14.4104 6.85145 14.7992C6.69101 15.1879 6.60894 15.6045 6.61 16.025C6.60894 16.4455 6.69101 16.8621 6.85145 17.2508C7.01189 17.6396 7.24754 17.9927 7.5449 18.2901C7.84226 18.5875 8.19546 18.8231 8.58418 18.9836C8.9729 19.144 9.38948 19.2261 9.81001 19.225C10.2305 19.2261 10.6471 19.144 11.0358 18.9836C11.4246 18.8231 11.7778 18.5875 12.0751 18.2901C12.3725 17.9927 12.6081 17.6396 12.7686 17.2508C12.929 16.8621 13.011 16.4455 13.01 16.025C13.01 15.1763 12.6728 14.3624 12.0727 13.7622C11.4726 13.1621 10.6587 12.825 9.81001 12.825Z' fill='%231A1A1A'/%3E%3Cpath d='M22.0216 21.5981C22.303 21.5935 22.58 21.6682 22.8209 21.8136C23.0038 21.9177 23.1642 22.0571 23.2925 22.2238C23.4209 22.3905 23.5148 22.5812 23.5686 22.7846C23.6237 22.9876 23.6377 23.1997 23.6099 23.4082C23.582 23.6168 23.5129 23.8177 23.4065 23.9992C23.2662 24.2428 23.0642 24.4451 22.8208 24.5857C22.5774 24.7263 22.3013 24.8004 22.0202 24.8004C21.7389 24.8049 21.4619 24.7303 21.2209 24.5848C21.038 24.4808 20.8777 24.3414 20.7493 24.1747C20.621 24.008 20.5271 23.8173 20.4732 23.6139C20.4182 23.4108 20.4042 23.1988 20.432 22.9903C20.4598 22.7817 20.5289 22.5808 20.6353 22.3992C20.7757 22.1557 20.9777 21.9534 21.2211 21.8128C21.4644 21.6721 21.7405 21.5981 22.0216 21.5981ZM22.0223 19.997C21.46 19.9952 20.9072 20.1425 20.4203 20.4238C19.9334 20.7051 19.5296 21.1104 19.2502 21.5984C19.0391 21.962 18.9018 22.3638 18.8464 22.7807C18.791 23.1975 18.8185 23.6212 18.9273 24.0274C19.0361 24.4336 19.2242 24.8143 19.4806 25.1476C19.737 25.4809 20.0567 25.7602 20.4214 25.9696C20.9079 26.2499 21.4591 26.3982 22.0205 26.3998C22.5829 26.4015 23.1356 26.2543 23.6226 25.973C24.1095 25.6917 24.5132 25.2864 24.7926 24.7984C25.0038 24.4347 25.1411 24.0329 25.1965 23.6161C25.2519 23.1992 25.2244 22.7755 25.1155 22.3693C25.0067 21.9632 24.8187 21.5825 24.5623 21.2492C24.3059 20.9159 23.9861 20.6365 23.6214 20.4272C23.135 20.1468 22.5838 19.9985 22.0223 19.997Z' fill='%231A1A1A'/%3E%3Cpath d='M22.02 7.20168C22.3014 7.19713 22.5783 7.27181 22.8193 7.41722C23.0022 7.52124 23.1625 7.66068 23.2909 7.82739C23.4193 7.9941 23.5131 8.18473 23.5669 8.38814C23.622 8.59121 23.6361 8.80324 23.6082 9.0118C23.5804 9.22036 23.5113 9.42129 23.4049 9.60282C23.2645 9.84636 23.0625 10.0486 22.8192 10.1893C22.5758 10.3299 22.2996 10.404 22.0186 10.404C21.7372 10.4085 21.4602 10.3338 21.2193 10.1884C21.0364 10.0844 20.876 9.94495 20.7477 9.77824C20.6193 9.61153 20.5254 9.4209 20.4716 9.2175C20.4165 9.01442 20.4025 8.8024 20.4303 8.59383C20.4581 8.38527 20.5273 8.18435 20.6337 8.00281C20.774 7.75927 20.976 7.557 21.2194 7.41636C21.4628 7.27572 21.7389 7.20168 22.02 7.20168ZM22.0207 5.60053C21.4583 5.59879 20.9056 5.74605 20.4186 6.02735C19.9317 6.30865 19.528 6.71393 19.2486 7.20195C19.0374 7.56559 18.9002 7.96739 18.8447 8.38425C18.7893 8.8011 18.8168 9.22478 18.9256 9.63097C19.0345 10.0372 19.2225 10.4179 19.4789 10.7512C19.7353 11.0845 20.0551 11.3638 20.4198 11.5732C20.9062 11.8535 21.4575 12.0018 22.0189 12.0034C22.5812 12.0051 23.134 11.8578 23.6209 11.5766C24.1079 11.2953 24.5116 10.89 24.791 10.402C25.0022 10.0383 25.1394 9.63651 25.1948 9.21966C25.2502 8.80281 25.2227 8.37912 25.1139 7.97293C25.0051 7.56674 24.817 7.18605 24.5606 6.85275C24.3042 6.51945 23.9845 6.2401 23.6198 6.03075C23.1359 5.74438 22.5829 5.59562 22.0207 5.60053Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
  i.bakey-icon.ic-font {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1929 21.9536L16.8755 22.5063L14.061 15.7935L9.12354 18.1812L7.31104 22.5063L6.00049 21.9565L11.2261 9.49365H12.9702L18.1929 21.9536ZM25.9995 22.2036H24.5386V21.4126C23.7837 22.0923 22.7848 22.5063 21.689 22.5063C19.3358 22.5063 17.4282 20.5988 17.4282 18.2456C17.4283 15.8925 19.3359 13.9849 21.689 13.9849C22.7848 13.9849 23.7837 14.3989 24.5386 15.0786V12.3901H18.0356V10.9292H25.9995V22.2036ZM21.689 15.4458C20.1427 15.4459 18.8893 16.6994 18.8892 18.2456C18.8892 19.7919 20.1426 21.0453 21.689 21.0454C23.2353 21.0454 24.4888 19.792 24.4888 18.2456C24.4887 16.6993 23.2353 15.4458 21.689 15.4458ZM9.97705 16.146L13.4946 14.4448L12.0923 11.1001L9.97705 16.146Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }

/* error */
#error {
  padding: 200px 0; }
  #error h2 {
    color: #dddddd;
    font-size: 6.25rem;
    font-weight: bold;
    margin-bottom: 0.625rem; }
  #error .fs-title-1 {
    color: #1c1c1c; }
    #error .fs-title-1 > span {
      font-size: 3.75rem !important;
      color: #dddddd;
      display: block; }
  #error .fs-title-1 + .btn-wrap {
    margin-top: 2.5rem; }
  #error .fs-txt-2 {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }
  #error .notice {
    max-width: 572px;
    padding: 1.75rem;
    min-width: inherit;
    margin: 0 auto;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    #error .notice > div:first-child {
      width: 30%; }
    #error .notice .fs-title-4 {
      color: #1c1c1c;
      margin-bottom: 0.75rem; }
    #error .notice .fs-txt-2 {
      margin: 0; }

.mobile #error {
  padding: 0; }
  .mobile #error .container-1200 {
    height: calc(100svh - 80px); }
    .mobile #error .container-1200 > * {
      width: 100%; }
    .mobile #error .container-1200.maintainance {
      padding: 0 13%; }
  .mobile #error h2 {
    margin-top: 100px;
    font-size: 3.75rem;
    margin-bottom: 0.625rem; }
    .mobile #error h2 img {
      width: 44px;
      height: auto; }
  .mobile #error .fs-title-2 {
    color: #1c1c1c; }
    .mobile #error .fs-title-2 > span {
      font-size: 2.125rem !important;
      color: #dddddd;
      display: block; }
  .mobile #error .fs-title-2 + .btn-wrap {
    margin-top: 2.5rem; }
  .mobile #error .fs-txt-2 {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }
  .mobile #error .notice {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    border-top: none;
    border-bottom: none; }
    .mobile #error .notice.border-use {
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; }
    .mobile #error .notice > div:first-child {
      width: 100%; }
    .mobile #error .notice .fs-title-4 {
      color: #1c1c1c;
      margin-bottom: 0.5rem; }
    .mobile #error .notice .fs-txt-2 {
      margin: 0; }

html, body {
  scroll-behavior: smooth;
  font-size: 1rem;
  font-optical-sizing: auto;
  font-weight: normal; }
  html .heading1,
  html .heading2,
  html .heading3,
  html .heading4,
  html .heading5,
  html .heading6, body .heading1,
  body .heading2,
  body .heading3,
  body .heading4,
  body .heading5,
  body .heading6 {
    font-weight: 600; }
  html:lang(th), body:lang(th) {
    font-family: "LINE Seed Sans TH", "SD Minburi VF"; }
    html:lang(th) .heading1,
    html:lang(th) .heading2,
    html:lang(th) .heading3,
    html:lang(th) .heading4,
    html:lang(th) .heading5,
    html:lang(th) .heading6, body:lang(th) .heading1,
    body:lang(th) .heading2,
    body:lang(th) .heading3,
    body:lang(th) .heading4,
    body:lang(th) .heading5,
    body:lang(th) .heading6 {
      font-weight: 700; }
  html:lang(ja), body:lang(ja) {
    font-family: "Noto Sans JP", sans-serif; }
    html:lang(ja) .heading1,
    html:lang(ja) .heading2,
    html:lang(ja) .heading3,
    html:lang(ja) .heading4,
    html:lang(ja) .heading5,
    html:lang(ja) .heading6, body:lang(ja) .heading1,
    body:lang(ja) .heading2,
    body:lang(ja) .heading3,
    body:lang(ja) .heading4,
    body:lang(ja) .heading5,
    body:lang(ja) .heading6 {
      font-weight: 600; }
  html:not(:lang(th)):not(:lang(ja)), body:not(:lang(th)):not(:lang(ja)) {
    font-family: "SD Minburi VF";
    font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3; }

html, body {
  color: #1a1a1a;
  scroll-behavior: smooth; }

a,
a:hover,
a:focus,
a:active,
a:visited,
a:link,
a:focus-visible {
  text-decoration: none;
  outline: none; }

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none; }

#contents:focus-visible {
  outline: none; }

/* Skip Nav - 음성사용자 전용 */
#skipNav {
  position: relative;
  z-index: 999;
  display: none; }

#skipNav a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 20px;
  color: #ffffff;
  font-weight: 650;
  background: #4173fa;
  white-space: nowrap;
  text-align: center; }

#skipNav a:focus, #skipNav a:active {
  height: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: absolute;
  left: 0;
  top: 0; }

.text-decoration-underline {
  text-decoration: underline;
  text-underline-position: under; }

.bg-f9f9f9 {
  background: #f9f9f9; }

.mobile #contents > article {
  padding-bottom: 200px; }

.heading1 {
  font-size: 44px;
  font-variation-settings: "wght" 600, "LTSP" 7, "KRSP" 7;
  line-height: 1.4; }

.heading2 {
  font-size: 36px;
  font-variation-settings: "wght" 600, "LTSP" 7, "KRSP" 7;
  line-height: 1.3; }

.heading3 {
  font-size: 28px;
  font-variation-settings: "wght" 600, "LTSP" 7, "KRSP" 7;
  line-height: 1.58; }

.heading4 {
  font-size: 20px;
  font-variation-settings: "wght" 600, "LTSP" 7, "KRSP" 7;
  line-height: 1.5; }

.heading5 {
  font-size: 16px;
  font-variation-settings: "wght" 600, "LTSP" 3, "KRSP" 3;
  line-height: 1.68; }

.heading6 {
  font-size: 14px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68; }
  .heading6.fw-bold {
    font-variation-settings: "wght" 650, "LTSP" 3, "KRSP" 3; }

.body1 {
  font-size: 16px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68; }

.body2 {
  font-size: 14px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68; }

.body3 {
  font-size: 13px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68; }

.caption1 {
  font-size: 12px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.64; }

.caption2 {
  font-size: 11px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.64; }

.text-min {
  font-size: 10px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.64; }

.btn {
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: none; }

.btn-bakey {
  color: #ffffff;
  background-color: #ff4D7A; }
  .btn-bakey:focus, .btn-bakey:hover, .btn-bakey:active {
    color: #ffffff; }

.btn-bakey-outline {
  background-color: #ffffff;
  border: 1px solid #ff4D7A;
  color: #ff4D7A; }

.btn-gray {
  color: #1a1a1a;
  background-color: #f2f2f2; }
  .btn-gray:hover, .btn-gray:focus, .btn-gray:active {
    color: #1a1a1a;
    background-color: #f2f2f2; }

.btn-black {
  color: #ffffff !important;
  background-color: #1a1a1a; }

.btn-black-outline {
  background-color: #ffffff;
  border: 1px solid #1a1a1a;
  color: #1a1a1a; }

.btn-disabled {
  background-color: #cccccc;
  color: #ffffff; }

.btn-disabled-outline,
.btn-bakey[disabled],
.btn-ddd.btn-bakey,
.btn-black[disabled] {
  background-color: #cccccc;
  border: 1px solid #cccccc;
  color: #ffffff; }

.btn-default-outline {
  color: #1a1a1a;
  background: #ffffff;
  border: 1px solid #cccccc; }
  .btn-default-outline:hover, .btn-default-outline:focus {
    background: #ffffff;
    color: #1a1a1a;
    border: 1px solid #ff0041; }

.btn-check:focus + .btn, .btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 65, 0.25); }

.btn-size-sm {
  padding: 2px 12px;
  min-width: 64px;
  font-size: 0.75rem !important; }

.btn-size-md,
.btn-bakey-size-md {
  font-size: 14px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68;
  padding: 6px; }

.btn-size-default,
.btn-bakey-size-default {
  font-size: 14px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68;
  padding: 10px; }

.btn-size-lg,
.btn-bakey-size-lg {
  font-size: 14px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.68;
  padding: 14px; }

.btn-size-xlg {
  font-variation-settings: "wght" 600, "LTSP" 3, "KRSP" 3;
  line-height: 1.68;
  padding: 20px;
  font-size: 14px; }

.btn-width-140 {
  min-width: 140px; }

.btn-width-180 {
  min-width: 180px; }

.btn-width-320 {
  min-width: 320px;
  width: 100%; }

.btn-width-default {
  min-width: 160px; }

.btn-width-120 {
  min-width: 120px; }

.btn-icon-column {
  flex-direction: column;
  gap: -4px;
  font-size: 12px;
  font-variation-settings: "wght" 400, "LTSP" 3, "KRSP" 3;
  line-height: 1.64; }

.text-bakey-red {
  color: #ff0041 !important; }

.text-bakey-black {
  color: #1a1a1a !important; }

.text-bakey-blue {
  color: #8fdbff !important; }

.text-bakey-brown {
  color: #8b574f !important; }

.text-bakey-yellow {
  color: #ffe4ae !important; }

.text-999 {
  color: #999999 !important; }

.text-5c {
  color: #5c5c5c !important; }

.badge {
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 4px;
  padding: 0 4px;
  background-image: none;
  font-weight: 700; }
  .badge.badge-gray {
    background-color: #f2f2f2;
    color: #999999;
    font-weight: normal; }

.form-check-input:focus,
.form-radio-input:focus {
  box-shadow: none; }

.container-1200 {
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto; }

/* 별점 - 모달등록시 */
.stars_wrap i.bi-star-fill,
.stars_wrap i.bi-star-half {
  color: #ff0041; }
.stars_wrap i.bi-star {
  color: #dddddd; }

.half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* if any input is checked, make its following siblings grey */
  /* make all stars $sandollColor on rating group hover */
  /* make hovered input's following siblings grey on hover */ }
  .half-stars-example .rating-group {
    margin: 4px 0 0rem -0.5rem;
    display: flex; }
  .half-stars-example .rating_icon {
    pointer-events: none; }
  .half-stars-example .rating_input {
    position: absolute !important;
    left: -9999px !important; }
  .half-stars-example .rating_label {
    cursor: pointer;
    line-height: 1;
    /* if you change the left/right padding, update the margin-right property of .rating_label-half as well. */ }
    .half-stars-example .rating_label i {
      font-size: 2rem;
      width: 2rem;
      height: 2rem; }
  .half-stars-example .rating_label-half {
    padding-right: 0;
    margin-right: -32px;
    z-index: 2; }
  .half-stars-example .rating_icon-star,
  .half-stars-example .rating_icon-star:before {
    color: #ff0041; }
  .half-stars-example .rating_input:checked ~ .rating_label .rating_icon-star:before {
    color: #dddddd; }
  .half-stars-example .rating-group:hover .rating_label .rating_icon-star:before,
  .half-stars-example .rating-group:hover .rating_label-half .rating_icon-star:before {
    color: #ff0041; }
  .half-stars-example .rating_input:hover ~ .rating_label .rating_icon-star:before,
  .half-stars-example .rating_input:hover ~ .rating_label-half .rating_icon-star:before {
    color: #dddddd; }

body:lang(th) #pass,
body:lang(th) input[type="password"] {
  -webkit-text-security: disc;
  /* iOS에서 ●로 보임 */
  font-family: -apple-system, system-ui, "Helvetica Neue", Arial, sans-serif !important; }

textarea[name="rv_centent"] {
  height: 144px;
  padding: 16px;
  margin-bottom: 2rem; }

/* rangeSlider */
.range-slider {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  .range-slider .range-slider-value {
    margin-left: 1rem;
    font-size: 0.75rem; }
  .range-slider .range-slider-value-default {
    margin-right: 1rem;
    font-size: 0.75rem; }
  .range-slider .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    border-radius: 50%;
    width: 12px;
    /* Set a specific slider handle width */
    height: 12px;
    /* Slider handle height */
    background: #1c1c1c;
    cursor: pointer; }
  .range-slider .range::-moz-range-thumb {
    width: 12px;
    /* Set a specific slider handle width */
    height: 12px;
    /* Slider handle height */
    background: #1c1c1c;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer; }
  .range-slider .range {
    -webkit-appearance: none;
    height: 2px;
    border-radius: 0px;
    background: linear-gradient(to right, #1c1c1c 0%, #1c1c1c 29%, lightgray 29%, lightgray 100%);
    outline: none;
    width: 100%;
    opacity: 1;
    box-shadow: none;
    border-radius: 2px;
    -webkit-transition: .2s;
    transition: opacity .2s; }
  .range-slider input[type="range"]:disabled::-webkit-slider-thumb {
    cursor: context-menu !important;
    background: #dddddd; }
  .range-slider input[type="range"]:disabled::-moz-range-thumb {
    cursor: context-menu !important;
    background: #dddddd; }
  .range-slider input[type="range"]:disabled::-ms-thumb {
    cursor: context-menu !important;
    background: #dddddd; }

.form-control {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dddddd;
  border-radius: 8px; }
  .form-control:focus {
    box-shadow: none;
    border-color: #1a1a1a; }
  .form-control.parsley-error {
    border-color: #ff6e40; }
  .form-control.is-invalid {
    background-image: none;
    border-color: #ff6e40; }
  .form-control.is-invalid + .invalid-feedback {
    color: #ff6e40;
    width: calc(100% - 200px); }
  .form-control.select-wrap {
    padding-right: 32px;
    position: relative;
    color: #1a1a1a;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center; }
  .form-control:disabled, .form-control[readonly] {
    border: 1px solid #dddddd;
    color: #999999;
    background: #f2f2f2; }

.form-control::placeholder {
  color: #999999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.form-check + .parsley-errors-list {
  margin-left: 1.8125rem; }

.form-check {
  display: flex;
  align-items: center;
  padding-left: 0; }
  .form-check .form-check-label {
    width: calc(100% - 30px); }
  .form-check .form-check-input {
    float: inherit;
    margin-left: 0;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    background-size: cover;
    box-shadow: none; }

.form-check-input[type=checkbox] {
  border-radius: 2px;
  border: none;
  margin-top: 0;
  vertical-align: baseline;
  float: inherit;
  margin-left: 0;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23e6e6e6' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .form-check-input[type=checkbox]:checked {
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3.93414 7.12653C3.64125 6.83364 3.16637 6.83364 2.87348 7.12653C2.58059 7.41942 2.58059 7.8943 2.87348 8.18719L6.40901 11.7227C6.70191 12.0156 7.17678 12.0156 7.46967 11.7227L13.1265 6.06587C13.4194 5.77298 13.4194 5.2981 13.1265 5.00521C12.8336 4.71232 12.3588 4.71232 12.0659 5.00521L6.93934 10.1317L3.93414 7.12653Z' fill='%231a1a1a'/%3E%3C/svg%3E%0A"); }
  .form-check-input[type=checkbox].partly {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3 7.25C2.58579 7.25 2.25 7.58579 2.25 8C2.25 8.41421 2.58579 8.75 3 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H3Z' fill='%231a1a1a'/%3E%3C/svg%3E%0A"); }

.custom-pagination .page-item.active .page-link {
  color: #1c1c1c;
  background: transparent;
  font-weight: bold; }
.custom-pagination .page-item .page-link {
  padding-top: 4px; }
  .custom-pagination .page-item .page-link:has(.sd) {
    padding: 0; }
  .custom-pagination .page-item .page-link:has(.ic-page-prev), .custom-pagination .page-item .page-link:has(.ic-page-first) {
    margin-right: 8px; }
  .custom-pagination .page-item .page-link:has(.ic-page-next), .custom-pagination .page-item .page-link:has(.ic-page-last) {
    margin-left: 8px; }
  .custom-pagination .page-item .page-link:focus {
    box-shadow: none; }
.custom-pagination .page-link {
  border: none;
  color: #999999;
  padding: 0 6px;
  background: transparent;
  cursor: pointer; }
  .custom-pagination .page-link:hover {
    background: transparent; }

.joinForm .form-check + .parsley-errors-list {
  margin-top: 0;
  margin-bottom: 12px !important; }

.parsley-errors-list {
  color: #ff6e40;
  font-size: 0.875rem;
  width: 100%;
  order: 3;
  line-height: 1.64;
  font-weight: normal; }
  .parsley-errors-list.filled {
    margin: 0.75rem 0 0; }

.fw-bold {
  font-weight: bold;
  font-variation-settings: "wght" 600; }

.custom-modal .modal-dialog:not(.modal-lg) {
  max-width: 572px; }
.custom-modal .modal-dialog.modal-m {
  max-width: 480px; }
.custom-modal .modal-content {
  border: none;
  border-radius: 0.75rem; }
  .custom-modal .modal-content iframe {
    width: 100%;
    height: 350px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
  .custom-modal .modal-content > .btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    z-index: 1;
    box-shadow: none;
    color: #1a1a1a; }
  .custom-modal .modal-content .modal-body {
    padding: 40px 40px 0;
    line-height: 1.64; }
  .custom-modal .modal-content .list-style {
    line-height: 1.64; }
  .custom-modal .modal-content .fs-title-1,
  .custom-modal .modal-content .fs-title-2,
  .custom-modal .modal-content .fs-title-3,
  .custom-modal .modal-content .fs-title-4,
  .custom-modal .modal-content .heading1,
  .custom-modal .modal-content .heading2,
  .custom-modal .modal-content .heading3,
  .custom-modal .modal-content .heading4,
  .custom-modal .modal-content .heading5,
  .custom-modal .modal-content .heading6 {
    color: #1a1a1a; }
  .custom-modal .modal-content hr {
    background-color: #dddddd;
    opacity: 1; }
  .custom-modal .modal-content textarea.caption1 {
    padding: 12px 14px;
    height: 80px; }
    .custom-modal .modal-content textarea.caption1.alert {
      border: 1px solid #ff6e40; }
  .custom-modal .modal-content .body2 {
    white-space: pre-line; }
  .custom-modal .modal-content .modal-header {
    border-bottom: none; }
    .custom-modal .modal-content .modal-header .btn-close {
      opacity: 1; }
  .custom-modal .modal-content .modal-footer {
    border-top: none;
    padding-bottom: 40px;
    padding-top: 0; }
    .custom-modal .modal-content .modal-footer > * {
      margin: 0; }
.custom-modal.coachModal .modal-dialog {
  max-width: 338px !important;
  margin: 0 auto; }
.custom-modal.coachModal .modal-content {
  border-radius: 8px;
  padding: 16px; }
  .custom-modal.coachModal .modal-content .modal-body {
    padding: 0; }
  .custom-modal.coachModal .modal-content .btn-close {
    width: 12px;
    height: 12px;
    opacity: 1;
    background-size: 12px 12px; }
  .custom-modal.coachModal .modal-content h4,
  .custom-modal.coachModal .modal-content h6 {
    line-height: 1.68;
    word-break: keep-all; }
  .custom-modal.coachModal .modal-content .d-flex.w-100 {
    margin-bottom: 12px; }
  .custom-modal.coachModal .modal-content li {
    color: #5c5c5c; }
    .custom-modal.coachModal .modal-content li .text-bakey-red {
      font-variation-settings: "wght" 500, "LTSP" 3, "KRSP" 3; }
  .custom-modal.coachModal .modal-content p {
    line-height: 1.64;
    word-break: keep-all; }
.custom-modal#copyUserModal .modal-dialog {
  max-width: 630px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .form-control {
    padding: 8px 12px;
    border: 1px solid #dddddd; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button .badge {
    color: #4173fa;
    background-color: #F5F8FF; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button[aria-expanded="true"] + .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu {
    margin-top: -4px !important;
    padding: 0 0px;
    width: 100%;
    font-size: 0.875rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item {
      padding: 8px 12px;
      display: flex;
      align-items: center; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:hover, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:active, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item.focus {
        color: #4173fa;
        background-color: #F5F8FF; }
        .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:hover .badge, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:active .badge, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item.focus .badge {
          background-color: #EBF0FF; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item .badge {
        color: #4173fa;
        background-color: #F5F8FF; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative button.position-absolute {
    background: transparent;
    border: none;
    padding: 0;
    top: 6px;
    left: 8px;
    width: 24px;
    height: 24px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative button.position-absolute i {
      width: 24px;
      height: 24px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative input[type="text"] {
    padding-left: 32px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .text-alert {
    font-size: 0.75rem;
    margin-bottom: 0.375rem;
    display: none; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .btn-sandoll:disabled {
    background-color: #cccccc;
    border-color: #cccccc; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row {
    display: flex;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    flex-wrap: nowrap;
    padding: 12.5px 4px;
    font-size: 0.875rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:first-child {
      width: 24px;
      height: 24px; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:first-child .form-check-input {
        margin-right: 0;
        vertical-align: middle;
        width: 16px;
        height: 16px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:nth-of-type(2) {
      width: 46%;
      overflow: hidden;
      padding-left: 8px;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:nth-of-type(3) {
      padding-left: 8px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row.header {
      color: #999999;
      padding: 6px 4px;
      font-size: 0.75rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row.list-none {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      height: 100%;
      display: none; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .scrollable-area {
    height: 217px;
    overflow-y: auto;
    overflow-x: hidden; }
.custom-modal#copyListFinshedModal {
  font-size: 0.8125rem; }
.custom-modal.toast-modal.fade .modal-dialog {
  transform: translate(0, 100%); }
.custom-modal.toast-modal.show .modal-dialog {
  transform: none; }
.custom-modal.toast-modal .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
  .custom-modal.toast-modal .modal-dialog .modal-content {
    padding: 28px 5.4% 32px;
    border: none;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px; }
    .custom-modal.toast-modal .modal-dialog .modal-content .modal-body {
      padding: 0; }
    .custom-modal.toast-modal .modal-dialog .modal-content p.text-999 {
      margin-bottom: 12px; }
    .custom-modal.toast-modal .modal-dialog .modal-content a.d-flex {
      height: 44px;
      color: #1c1c1c; }
.custom-modal.mobile-full .modal-dialog {
  max-width: 100%;
  margin: 0 0; }
  .custom-modal.mobile-full .modal-dialog .modal-content {
    min-height: 100svh;
    padding: 0 5.3%;
    word-break: keep-all;
    border-radius: 0; }
    .custom-modal.mobile-full .modal-dialog .modal-content.pe-0 .modal-body > *:not(hr) {
      padding-right: 5.3%; }
    .custom-modal.mobile-full .modal-dialog .modal-content.pe-0 .modal-body hr {
      opacity: 1 !important; }
    .custom-modal.mobile-full .modal-dialog .modal-content > .modal-header {
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999999;
      background: white;
      width: 100%;
      border-bottom: none;
      text-align: center;
      font-weight: bold;
      font-size: 1.25rem; }
      .custom-modal.mobile-full .modal-dialog .modal-content > .modal-header .ic-close {
        position: fixed;
        right: 4%;
        top: 10px;
        z-index: 999; }
    .custom-modal.mobile-full .modal-dialog .modal-content .list-style {
      line-height: 1.64;
      font-weight: normal; }
    .custom-modal.mobile-full .modal-dialog .modal-content .modal-body {
      padding: 30px 0;
      word-break: keep-all; }
      .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-1,
      .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-2 {
        max-width: 70%; }
        .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-1.w-100,
        .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-2.w-100 {
          max-width: 100%; }
      .custom-modal.mobile-full .modal-dialog .modal-content .modal-body textarea {
        height: 80px;
        padding: 12px 14px; }
        .custom-modal.mobile-full .modal-dialog .modal-content .modal-body textarea.alert {
          border: 1px solid #ff6e40; }
.custom-modal.mobile-full.type02 .modal-dialog .modal-content {
  min-height: 100svh; }
.custom-modal.imageExpand.show {
  display: flex !important;
  align-items: center; }
.custom-modal.imageExpand .btn-close {
  position: fixed;
  right: 20px;
  top: 16px;
  background-color: white;
  border-radius: 50%;
  z-index: 999;
  width: 34px;
  height: 34px;
  padding: 0;
  background-image: none; }
.custom-modal.imageExpand .modal-dialog {
  background: transparent;
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }
  .custom-modal.imageExpand .modal-dialog .modal-content {
    padding: 0 0;
    background: transparent; }
    .custom-modal.imageExpand .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev,
      .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next {
        display: block !important;
        width: 24px;
        height: 24px;
        opacity: 1 !important;
        top: calc(50% - 12px); }
        .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev img,
        .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next img {
          width: 24px;
          height: 24px;
          border-radius: 50%; }
      .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev {
        left: 20px; }
      .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next {
        right: 20px; }
.custom-modal.reviewImageExpand.show {
  display: flex !important;
  flex-direction: column;
  align-items: center; }
.custom-modal.reviewImageExpand .modal-dialog {
  background: #ffffff;
  max-width: 100%;
  margin: 0 0;
  width: 100%;
  height: 100svh; }
  .custom-modal.reviewImageExpand .modal-dialog .modal-header {
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: white;
    width: 100%;
    border-bottom: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    border-radius: 0; }
    .custom-modal.reviewImageExpand .modal-dialog .modal-header .ic-close {
      position: fixed;
      right: 4%;
      z-index: 9999;
      top: 10px; }
  .custom-modal.reviewImageExpand .modal-dialog .modal-content {
    margin-top: 60px;
    z-index: 0;
    padding: 0px 0 0; }
    .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body {
      z-index: 0;
      padding: 0; }
      .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body img {
        width: 100%;
        margin-bottom: 0.75rem; }
      .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body > span {
        display: none; }
    .custom-modal.reviewImageExpand .modal-dialog .modal-content .position-absolute {
      background: rgba(255, 255, 255, 0.9);
      color: #333333;
      font-size: 0.875rem;
      width: 164px;
      height: 164px;
      z-index: 2;
      display: flex;
      line-height: 1.64;
      font-weight: normal;
      top: calc(50svh - 82px);
      align-items: center;
      left: calc(50vw - 82px);
      justify-content: center;
      text-align: center;
      flex-direction: column; }
      .custom-modal.reviewImageExpand .modal-dialog .modal-content .position-absolute .ic-expand {
        width: 32px;
        height: 32px; }
.custom-modal.mobile-none-close .btn-close {
  right: 12px;
  top: 12px; }
.custom-modal.mobile-none-close .modal-content {
  max-width: 335px;
  margin: 0 auto;
  border-radius: 0; }
  .custom-modal.mobile-none-close .modal-content .modal-body {
    padding: 40px 0 0 0; }
    .custom-modal.mobile-none-close .modal-content .modal-body.text-center .body2 {
      white-space: pre-line;
      padding: 0 24px; }
    .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap {
      margin-top: 48px;
      width: 100%; }
      .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap .btn {
        border-radius: 0; }
      .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap .btn-size-default {
        padding: 13px 28px; }

#user .change_userInfo .btn-size-sm.btn-default-outline,
#mypage .change_userInfo .btn-size-sm.btn-default-outline {
  border-radius: 6px;
  min-width: 40px; }
#user .nav-position-fixed,
#mypage .nav-position-fixed {
  position: fixed;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  justify-content: center;
  width: 100%;
  padding-bottom: 20px;
  z-index: 10; }
  #user .nav-position-fixed .nav,
  #mypage .nav-position-fixed .nav {
    background-color: #ffffff;
    display: flex;
    justify-content: center; }
    #user .nav-position-fixed .nav .nav-link,
    #mypage .nav-position-fixed .nav .nav-link {
      padding: 1rem 0;
      width: 50%;
      max-width: calc(572px / 2);
      font-size: 0.875rem;
      font-weight: normal;
      margin-right: 0;
      text-align: center;
      line-height: 1.68;
      color: #999999; }
      #user .nav-position-fixed .nav .nav-link.active,
      #mypage .nav-position-fixed .nav .nav-link.active {
        position: relative;
        color: #1c1c1c; }
        #user .nav-position-fixed .nav .nav-link.active:after,
        #mypage .nav-position-fixed .nav .nav-link.active:after {
          content: "";
          width: 100%;
          height: 2px;
          background: #1c1c1c;
          position: absolute;
          bottom: -1px;
          left: 0; }

#header.webview-prev-wrap {
  height: 64px;
  overflow: hidden; }
  #header.webview-prev-wrap a {
    flex-wrap: wrap;
    color: #1c1c1c;
    font-size: 0.875rem;
    width: 160px; }
    #header.webview-prev-wrap a img {
      width: 24px;
      height: 24px; }
    #header.webview-prev-wrap a.webview_search {
      width: 280px;
      font-size: 0.875rem;
      padding: 3px 12px;
      border-radius: 24px;
      border: 1px solid #dddddd;
      color: #999999; }

/* 회원가입 */
#user {
  min-height: 100svh;
  margin-top: 0;
  padding-top: 85px;
  padding-bottom: 120px; }
  #user .text-sandoll {
    color: #ff0041 !important; }
  #user .joinFinish_bg {
    padding: 100px 0px;
    min-height: calc(100svh - 85px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    position: relative; }
    #user .joinFinish_bg .user-container {
      margin: 0 auto;
      padding: 0 20px; }
  #user .user-container {
    padding: 0 20px; }
    #user .user-container #ios_login {
      min-width: 257px;
      padding: 12px 14px; }
    #user .user-container .joinFinish {
      margin-top: 33px; }
      #user .user-container .joinFinish .text-center .heading4 {
        margin-bottom: 12px; }
      #user .user-container .joinFinish .text-center .btn-black {
        padding: 8px 12px; }
        #user .user-container .joinFinish .text-center .btn-black i {
          width: 24px;
          height: 24px; }
      #user .user-container .joinFinish > .d-flex.justify-content-center {
        flex-direction: column; }
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block {
          width: 100%;
          border-radius: 16px;
          padding: 20px;
          border: 1px solid #f0f0f0;
          box-shadow: 3px 3px 14px 0px rgba(166, 167, 217, 0.6); }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block:nth-of-type(2) {
            margin-top: 30px; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block .text-bakey-red.fw-bold.mb-1 {
            font-size: 12px;
            line-height: 1.68; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block p.body2_r {
            margin-bottom: 28px;
            min-height: 46px; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block .bakey-icon {
            width: 24px;
            height: 24px; }
  #user .form-control {
    padding: 9px 16px;
    font-size: 14px; }
  #user .join-list.location_type {
    cursor: pointer; }
  #user .join-list li {
    padding: 1.25rem 0;
    border-top: 1px solid #dddddd; }
    #user .join-list li a {
      color: #1a1a1a; }
    #user .join-list li:last-child:not([style*="display: none"]) {
      border-bottom: 1px solid #dddddd; }
    #user .join-list li .heading4 {
      color: #1a1a1a;
      margin-bottom: 0.75rem; }
  #user .regist_btn {
    padding: 14px 0; }
  #user .joinForm .form-control {
    padding: 9px 14px 8px; }
  #user .joinForm #beforechk {
    margin-top: 8px; }
  #user .joinForm #timer {
    top: 13px;
    left: calc(100% - 200px); }
  #user .joinForm #vertify_comment,
  #user .joinForm #error_comment {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    line-height: 1.64; }
    #user .joinForm #vertify_comment:empty,
    #user .joinForm #error_comment:empty {
      margin-bottom: 0;
      margin-top: 0; }
  #user .joinForm hr {
    background-color: #dddddd;
    opacity: 1;
    margin: 1.5rem 0 1.25rem; }
  #user .joinForm .parsley-errors-list {
    margin-bottom: 0.75rem; }
  #user .joinForm .form-check {
    align-items: start;
    word-break: break-word;
    display: flex;
    line-height: 1.68;
    width: 100%; }
    #user .joinForm .form-check.type02 {
      width: auto;
      margin-bottom: 0 !important; }
      #user .joinForm .form-check.type02 + .form-check.type02 {
        margin-left: 30px; }
  #user .joinForm .form-row .form-check {
    width: calc(100% - 80px); }
  #user .joinForm .d-flex.justify-content-between.align-items-start {
    word-break: break-word;
    line-height: 1.68; }
  #user .joinForm .form-row {
    position: relative;
    word-break: break-word;
    line-height: 1.68; }
    #user .joinForm .form-row > a {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 60px; }
    #user .joinForm .form-row .form-check {
      width: calc(100% - 80px); }
    #user .joinForm .form-row .parsley-errors-list {
      margin-left: 23px;
      margin-top: -10px; }
  #user .joinForm .select-wrap {
    background-size: 16px 16px;
    background-position: 88% center; }
    #user .joinForm .select-wrap[name='location'], #user .joinForm .select-wrap[name='user_sex'] {
      background-position: 95% center !important; }
  #user .joinForm .form-group {
    margin-top: 0;
    margin-bottom: 1.5rem; }
    #user .joinForm .form-group.stu-before .d-flex.align-items-start button {
      min-width: 104px;
      white-space: nowrap; }
    #user .joinForm .form-group.mb-12px {
      margin-bottom: 0.75rem; }
    #user .joinForm .form-group .fs-title-4,
    #user .joinForm .form-group .fs-title-3 {
      margin-bottom: 0.75rem; }
      #user .joinForm .form-group .fs-title-4.heading6,
      #user .joinForm .form-group .fs-title-3.heading6 {
        font-variation-settings: "wght" 600, "LTSP" 3, "KRSP" 3; }
    #user .joinForm .form-group .form-check {
      margin-bottom: 0.75rem !important;
      margin-top: 0 !important;
      width: 60px; }
    #user .joinForm .form-group .form-check.w-75 + a {
      width: 25%; }
    #user .joinForm .form-group .info_mail {
      margin-top: 0.75rem;
      line-height: 1.64; }
      #user .joinForm .form-group .info_mail i + div {
        width: calc(100% - 28px); }
    #user .joinForm .form-group .d-flex.flex-wrap select.form-control,
    #user .joinForm .form-group .d-flex.flex-wrap button[type="button"] {
      width: 104px;
      white-space: nowrap; }
    #user .joinForm .form-group .d-flex.flex-wrap input.form-control {
      width: calc(100% - 112px); }
    #user .joinForm .form-group .d-flex.flex-wrap button[type="button"].md {
      width: auto;
      padding: 8px 12px; }
    #user .joinForm .form-group .d-flex.flex-wrap .parsley-errors-list {
      margin-bottom: 0; }
    #user .joinForm .form-group.is_F .select-wrap {
      width: 108px; }
  #user .btn-wrap {
    margin-bottom: 2.5rem; }
    #user .btn-wrap .btn.w-100 {
      margin-bottom: 0.75rem;
      display: flex;
      align-items: center;
      justify-content: center; }
    #user .btn-wrap .btn-sns {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      position: relative; }
      #user .btn-wrap .btn-sns img {
        width: 24px;
        margin-right: 8px;
        margin-left: 2px; }
        #user .btn-wrap .btn-sns img.sandoll_icon {
          margin-left: 0;
          width: 30px; }
      #user .btn-wrap .btn-sns .fs-txt-4 {
        position: absolute;
        right: 16px; }
  #user .radioBox {
    position: relative; }
    #user .radioBox + .radioBox {
      margin-top: 10px; }
    #user .radioBox_text {
      position: relative;
      width: 100%;
      padding: 20px 10px 18px 50px;
      font-weight: bold;
      font-variation-settings: 'wght' 600;
      background: #ffffff; }
      #user .radioBox_text::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 16px;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12' r='8.25' stroke='%23DDDDDD' stroke-width='1.5'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
    #user .radioBox_label {
      display: block;
      border: 1px solid #dddddd;
      border-radius: 10px;
      font-size: 1rem;
      overflow: hidden; }
    #user .radioBox_inner {
      display: none;
      font-size: 0.875rem;
      padding: 17px;
      background: #ffffff; }
    #user .radioBox_input {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      opacity: 0;
      height: 55px; }
      #user .radioBox_input:checked + .radioBox_label {
        border-color: #1a1a1a;
        color: #ffffff; }
        #user .radioBox_input:checked + .radioBox_label .radioBox_inner {
          display: block;
          color: #1c1c1c; }
        #user .radioBox_input:checked + .radioBox_label .radioBox_text {
          color: #ffffff;
          background-color: #1a1a1a;
          border-bottom: 1px solid #1a1a1a; }
          #user .radioBox_input:checked + .radioBox_label .radioBox_text::before {
            background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12' r='8.25' stroke='%23ffffff' stroke-width='1.5'/%3E%3Ccircle cx='12.5' cy='12' r='5' fill='%23ffffff'/%3E%3C/svg%3E%0A"); }
    #user .radioBox .form-group + .form-group {
      margin-top: 20px !important; }
    #user .radioBox .form-group > label[class^="fs-txt"] + * {
      margin-top: 4px; }
    #user .radioBox .d-flex .select-wrap {
      width: 70px; }
      #user .radioBox .d-flex .select-wrap + * {
        width: calc(100% - 80px);
        margin-left: 10px; }
  #user form.findid .d-flex.flex-wrap .form-control {
    order: 1;
    width: calc(100% - 118px); }
  #user form.find .radioBox .form-control {
    height: 40px;
    padding-left: 12px; }
  #user form.find #sendVertifyNum,
  #user form.find #vertifyEmailChk,
  #user form.find .btn-default.fs-txt-2 {
    min-width: 110px;
    height: 40px;
    order: 2; }
  #user form.find #timer {
    top: 50%;
    left: calc(100% - 170px);
    transform: translateY(-50%); }
  #user form.find #beforechk .d-flex {
    margin-bottom: 12px; }
  #user form.find.corpor .btn-wrap {
    display: block; }
  #user form.find .form-group {
    margin-top: 0; }
    #user form.find .form-group .fs-title-4 {
      margin-top: 1.25rem;
      margin-bottom: 12px; }
  #user form.find .form-control {
    height: 40px; }
    #user form.find .form-control.is-invalid {
      margin-bottom: 12px; }
    #user form.find .form-control.is-invalid + .invalid-feedback {
      bottom: 0px;
      left: 0;
      width: calc(100% - 200px); }
    #user form.find .form-control .select-wrap {
      background-position: 94% center; }
  #user form.find .inputVertify-wrap {
    display: none;
    margin-top: 0.75rem; }
    #user form.find .inputVertify-wrap > div {
      width: calc(100% - 120px); }
    #user form.find .inputVertify-wrap .btn {
      width: 110px;
      height: 40px; }
    #user form.find .inputVertify-wrap .position-absolute {
      right: 20px;
      top: 17px; }
  #user form.find .btn-wrap {
    display: none; }
    #user form.find .btn-wrap a {
      color: #333333; }

.list-style-dot {
  margin-left: 20px;
  padding-top: 0; }
  .list-style-dot > li {
    margin-bottom: 4px !important;
    position: relative; }
    .list-style-dot > li::before {
      content: "•";
      position: absolute;
      left: -14px;
      top: 0;
      display: inline-block;
      color: #dddddd; }

.list-style-num {
  list-style: decimal; }
  .list-style-num li {
    margin-left: 20px;
    margin-bottom: 4px !important;
    position: relative;
    display: list-item !important; }

/* support */
#support .notice-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 6px 20px;
  background-color: #1a1a1a;
  font-size: 13px;
  color: #ffffff; }
  #support .notice-fixed .ic-alert {
    width: 24px;
    height: 24px; }
  #support .notice-fixed .ic-page-next {
    width: 20px;
    height: 20px; }
#support .notice-fixed + section {
  padding-top: 36px !important; }
#support .notice-wrap {
  padding: 20px 0; }
  #support .notice-wrap ul {
    color: #5c5c5c; }
    #support .notice-wrap ul li {
      line-height: 1.64;
      margin-bottom: 4px; }
      #support .notice-wrap ul li:last-child {
        margin-bottom: 0; }
#support .inquiry_area .roundedBox {
  padding: 16px;
  min-height: 150px;
  width: 100%;
  padding: 16px;
  min-height: 150px;
  background-color: #f9f9f9;
  border: none; }
#support .inquiry_area .badge.badge-green {
  background-color: #99e2bc;
  color: #006E35; }
#support .inquiry_area .badge.badge-new {
  color: #4173FA;
  background-color: rgba(65, 115, 250, 0.2); }
#support .inquiry_area ul.bd-none {
  border: none !important; }
#support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 0; }
  #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li {
    display: flex;
    line-height: 1.61;
    margin-bottom: 1.25rem; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.fs-title-2 {
      margin-bottom: 30px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li:last-child {
      margin-bottom: 0; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div {
      width: 100%; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dl {
      font-size: 14px;
      margin-top: 10px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dl:first-of-type {
        margin-top: 20px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dt {
      width: 100px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd {
      margin-left: 20px;
      width: calc(100% - 120px); }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd .file-wrap {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        max-height: 167px; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd .file-wrap::-webkit-scrollbar {
          display: none; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd .file-wrap .file_list {
          position: relative;
          width: 77px;
          height: 167px;
          background-color: #f2f2f2;
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
          object-fit: cover;
          aspect-ratio: 77 / 167; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd .file-wrap .file_list img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li.d-block dd .file-wrap .file_list .ic-removeCircleX {
            position: absolute;
            top: calc(50% - 16px);
            right: calc(50% - 16px);
            width: 32px;
            height: 32px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > label {
      width: 100%; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div > .previewImg_wrap {
      width: calc(50 - 8px);
      margin-right: 8px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div > .previewImg_wrap img {
        max-width: 100%; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div textarea {
      min-height: 140px;
      padding: 13px 12px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div p {
      line-height: 1.64; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div p.caption1 {
        color: #999999; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div .form-control {
      height: 2.5rem; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.dropdown):not(.list-style-dot) li > div .form-control::placeholder {
        color: #999999; }
#support .inquiry_area ul .list-style-dot {
  margin-left: 20px;
  padding-top: 0; }
  #support .inquiry_area ul .list-style-dot > li {
    margin-bottom: 4px !important;
    position: relative; }
    #support .inquiry_area ul .list-style-dot > li::before {
      content: "•";
      position: absolute;
      left: -14px;
      top: 0;
      display: inline-block;
      color: #dddddd; }
#support .inquiry_area ul.dropdown-menu {
  right: 0;
  top: 36px;
  padding: 0;
  border-radius: 8px;
  border: none;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
  #support .inquiry_area ul.dropdown-menu li {
    margin: 0 !important;
    font-size: 14px; }
  #support .inquiry_area ul.dropdown-menu .dropdown-item {
    padding: 11px 12px; }
    #support .inquiry_area ul.dropdown-menu .dropdown-item:active {
      background-color: #e9ecef;
      color: #ffffff; }
#support .inquiry_area ul + .form-check {
  margin-top: 36px;
  padding: 20px 0;
  border-top: 1px solid #dddddd; }
#support .inquiry_area ul .form-check .form-check-input {
  margin-top: 0px; }
#support .inquiry_area ul .form-check .form-check-label {
  white-space: nowrap;
  margin-top: 0; }
#support .inquiry_area ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.9375rem; }
  #support .inquiry_area ul li:last-child {
    margin-bottom: 1rem; }
  #support .inquiry_area ul li > div {
    width: 100%; }
    #support .inquiry_area ul li > div textarea {
      min-height: 160px; }
    #support .inquiry_area ul li > div.file-wrap {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      max-height: 167px; }
      #support .inquiry_area ul li > div.file-wrap::-webkit-scrollbar {
        display: none; }
      #support .inquiry_area ul li > div.file-wrap .file_list {
        position: relative;
        width: 77px;
        height: 167px;
        background-color: #f2f2f2;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        aspect-ratio: 77 / 167; }
        #support .inquiry_area ul li > div.file-wrap .file_list img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        #support .inquiry_area ul li > div.file-wrap .file_list .ic-removeCircleX {
          position: absolute;
          top: calc(50% - 16px);
          right: calc(50% - 16px);
          width: 32px;
          height: 32px; }
    #support .inquiry_area ul li > div .btn_file,
    #support .inquiry_area ul li > div img {
      width: 77px;
      height: 167px;
      background-color: #f2f2f2;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      object-fit: cover;
      aspect-ratio: 77 / 167; }
    #support .inquiry_area ul li > div .form-control {
      font-size: 0.875rem;
      width: 100%; }
#support .btn_wrap.d-flex > .btn {
  width: calc(50% - 5px); }
#support .btn_wrap.d-flex .btn-size-md {
  font-size: 0.75rem;
  font-weight: 600; }
#support .caution {
  background-color: #f2f2f2;
  padding: 32px 20px 30px; }
  #support .caution ul {
    list-style: "· ";
    padding-left: 10px; }
    #support .caution ul li {
      word-break: break-word;
      line-height: 1.64; }
#support .support_common {
  background: #222a40;
  padding: 30px 20px;
  color: #ffffff !important; }
  #support .support_common .fs-title-1 {
    padding: 0px 0;
    width: 100%;
    color: #ffffff; }
  #support .support_common .d-flex.align-items-center .heading6,
  #support .support_common .d-flex.align-items-center ul li {
    white-space: nowrap; }
  #support .support_common .support_search {
    width: 100%;
    margin: 24px auto 0; }
    #support .support_common .support_search .form-control {
      font-size: 12px;
      border-radius: 12px;
      padding: 11px 50px 11px 20px; }
      #support .support_common .support_search .form-control::placeholder {
        color: #b3b3b3;
        font-size: 14px;
        font-weight: 400; }
    #support .support_common .support_search .position-absolute {
      right: 0px;
      top: 50%;
      transform: translateY(-50%); }
    #support .support_common .support_search .searchclear {
      right: 52px;
      top: 4px;
      display: block;
      width: 40px;
      height: 40px; }
      #support .support_common .support_search .searchclear button {
        width: 100%;
        height: 100%;
        padding: 0;
        border: none;
        background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='20' height='20' rx='10' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.95527 6.45537C6.11799 6.29265 6.38181 6.29265 6.54453 6.45537L14.0445 13.9554C14.2072 14.1181 14.2072 14.3819 14.0445 14.5446C13.8818 14.7073 13.618 14.7073 13.4553 14.5446L5.95527 7.04463C5.79255 6.88191 5.79255 6.61809 5.95527 6.45537Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0446 6.45527C14.2073 6.61799 14.2073 6.88181 14.0446 7.04453L6.54463 14.5445C6.38191 14.7072 6.11809 14.7072 5.95537 14.5445C5.79266 14.3818 5.79265 14.118 5.95537 13.9553L13.4554 6.45527C13.6181 6.29255 13.8819 6.29255 14.0446 6.45527Z' fill='white'/%3E%3C/svg%3E%0A") center center/20px 20px no-repeat; }
  #support .support_common ul {
    width: 80%;
    margin-right: -5%;
    margin-top: 0;
    overflow-y: hidden;
    overflow-x: visible;
    white-space: nowrap;
    margin-left: 20px; }
    #support .support_common ul li {
      margin-right: 0.625rem;
      word-break: break-word;
      padding: 0; }
      #support .support_common ul li a {
        color: #dddddd;
        font-size: 0.75rem;
        transition: color 0.3s; }
        #support .support_common ul li a:hover {
          color: #dddddd; }
      #support .support_common ul li.label {
        position: relative;
        margin-right: 0.9375rem;
        border: none;
        font-weight: bold;
        color: #ffffff;
        background: none; }
#support .list_wrap .support_list {
  margin-top: 0.3125rem; }
  #support .list_wrap .support_list > li {
    border-bottom: 1px solid #dddddd; }
    #support .list_wrap .support_list > li .editorArea img {
      max-width: 100%;
      height: auto !important; }
    #support .list_wrap .support_list > li.qna dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover {
      position: relative; }
      #support .list_wrap .support_list > li.qna dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover::after {
        content: "";
        position: absolute;
        left: -20px;
        top: 0;
        width: calc(100% + 40px);
        height: 100%;
        z-index: -1; }
    #support .list_wrap .support_list > li.header {
      border-bottom-color: #dddddd;
      padding: 0 0 20px; }
    #support .list_wrap .support_list > li.inner {
      padding: 0 0 20px; }
    #support .list_wrap .support_list > li.pin a {
      background-position-y: 19px; }
    #support .list_wrap .support_list > li.result_none {
      min-height: calc(100svh - 100px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding-top: 100px;
      border-bottom: none;
      padding-bottom: 100px; }
      #support .list_wrap .support_list > li.result_none .btn-size-md {
        font-size: 0.75rem;
        font-weight: 600;
        width: 100%;
        padding: 6px 10px;
        max-width: 150px; }
        #support .list_wrap .support_list > li.result_none .btn-size-md:last-child {
          margin-top: 12px; }
    #support .list_wrap .support_list > li .category {
      color: #999999;
      font-size: 14px; }
    #support .list_wrap .support_list > li .category + .text-999 {
      margin-left: 5px; }
      #support .list_wrap .support_list > li .category + .text-999:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 2px;
        margin-right: 5px;
        border-radius: 2px;
        background-color: #999999;
        vertical-align: middle; }
    #support .list_wrap .support_list > li a {
      display: block;
      height: auto;
      padding: 16px 0;
      color: #1a1a1a;
      line-height: 1.61; }
      #support .list_wrap .support_list > li a .title {
        display: block;
        padding-right: 25px; }
    #support .list_wrap .support_list > li dl dt {
      padding-right: 30px; }
      #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'] {
        cursor: pointer;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M18 9L12 15L6 9' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: right center; }
        #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'][aria-expanded='true'] {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M18 15L12 9L6 15' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'][aria-expanded='true'] .title {
            font-weight: 700; }
        #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'] + dd {
          padding: 16px;
          padding-left: 16px;
          margin-left: 0;
          border-radius: 12px;
          border-bottom: 1px solid #dddddd; }
      #support .list_wrap .support_list > li dl dt.caption1-sch {
        margin-top: 1.25rem;
        padding-left: calc(0.66% + 5px); }
#support .faq_wrap {
  width: 100%;
  margin-right: 0;
  margin-bottom: 36px; }
  #support .faq_wrap a.position-absolute {
    display: flex;
    align-items: center;
    padding: 18px;
    top: 0;
    right: 0; }
    #support .faq_wrap a.position-absolute i.sd.ic-page-next.black {
      width: 20px;
      height: 20px; }
  #support .faq_wrap .support_search_wrap {
    position: relative; }
    #support .faq_wrap .support_search_wrap input[type="text"] {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73791 18.0075C8.78153 17.0487 8.18706 15.7881 8.05573 14.4403C7.9244 13.0925 8.26433 11.7408 9.01764 10.6155C9.77094 9.49014 10.891 8.66072 12.1872 8.26847C13.4833 7.87621 14.8754 7.94539 16.1262 8.4642C17.3771 8.98301 18.4095 9.91938 19.0475 11.1138C19.6856 12.3083 19.8898 13.687 19.6255 15.0152C19.3612 16.3433 18.6447 17.5388 17.598 18.398C16.5513 19.2572 15.2391 19.7271 13.8849 19.7275C13.1142 19.7297 12.3508 19.5788 11.6389 19.2835C10.927 18.9882 10.2808 18.5545 9.73791 18.0075ZM8.60491 19.1405C9.82536 20.3597 11.4308 21.1182 13.1476 21.2866C14.8645 21.4551 16.5867 21.0231 18.0209 20.0644C19.455 19.1056 20.5124 17.6793 21.013 16.0284C21.5136 14.3775 21.4264 12.6041 20.7662 11.0103C20.1061 9.41645 18.9138 8.10078 17.3925 7.28736C15.8711 6.47394 14.1149 6.21307 12.4228 6.54919C10.7308 6.88531 9.20754 7.79763 8.11261 9.13075C7.01769 10.4639 6.41879 12.1353 6.41791 13.8605C6.41676 14.8412 6.60937 15.8125 6.98468 16.7186C7.35999 17.6247 7.91061 18.4478 8.60491 19.1405Z' fill='%231C1C1C'/%3E%3Cpath d='M18.5575 17.3897L17.3886 18.5586L23.8374 25.0074C23.9926 25.1627 24.2026 25.2509 24.4222 25.2528C24.6418 25.2509 24.8518 25.1627 25.007 25.0074C25.1611 24.8518 25.2476 24.6416 25.2476 24.4226C25.2476 24.2036 25.1611 23.9935 25.007 23.8379L18.5575 17.3897Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 32px 32px;
      border: none;
      width: 100%;
      border-bottom: 1px solid #dddddd;
      padding: 20px 20px 20px 36px;
      font-size: 0.875rem; }
    #support .faq_wrap .support_search_wrap img {
      display: none;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0;
      top: 20px;
      cursor: pointer;
      z-index: 1; }
    #support .faq_wrap .support_search_wrap input:not(:placeholder-shown) + img {
      display: block; }
#support .partnership h2 {
  margin-top: 20px; }
#support .partnership .form {
  margin-top: 32px;
  border-bottom: 1px solid #dddddd;
  padding-top: 0;
  padding-bottom: 12px;
  margin-bottom: 26px; }
  #support .partnership .form li {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.75rem; }
    #support .partnership .form li > label {
      padding-top: 0;
      margin-bottom: 0.75rem;
      width: 100%; }
    #support .partnership .form li > div {
      position: relative;
      width: 100%; }
      #support .partnership .form li > div .form-control {
        width: 100%;
        font-size: 0.875rem;
        padding: 13px 16px 12px; }
      #support .partnership .form li > div .select-wrap {
        background-position: 95% center; }
      #support .partnership .form li > div .parsley-errors-list {
        width: auto;
        margin: 0;
        margin-bottom: 0; }
        #support .partnership .form li > div .parsley-errors-list li {
          padding: 8px 0px;
          font-size: 0.875rem; }
      #support .partnership .form li > div label.caption1 {
        width: calc(60px);
        margin-right: 1.4375rem; }
      #support .partnership .form li > div .d-flex {
        position: relative;
        margin-bottom: 1rem; }
        #support .partnership .form li > div .d-flex > label {
          width: 34%; }
        #support .partnership .form li > div .d-flex > .form-control,
        #support .partnership .form li > div .d-flex > div {
          width: 65.9%; }
    #support .partnership .form li .mt-12px {
      margin-top: 0.75rem; }
    #support .partnership .form li textarea {
      min-height: 120px; }
      #support .partnership .form li textarea.min-height-160 {
        min-height: 160px; }
    #support .partnership .form li .btn-black {
      width: 150px;
      height: 48px;
      padding: 12px 0; }
#support .partnership > .d-flex {
  flex-wrap: wrap;
  gap: 0.5rem; }
  #support .partnership > .d-flex div {
    width: calc(25% - 6px);
    height: auto;
    text-align: center;
    justify-content: space-between;
    padding-bottom: 25%;
    background-size: cover;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    min-height: 106px;
    background: #ffffff;
    padding: 0px;
    flex-direction: column; }
    #support .partnership > .d-flex div img {
      max-width: 100%; }
    #support .partnership > .d-flex div span {
      width: 100%; }
    #support .partnership > .d-flex div .caption1 {
      display: block;
      width: 100%;
      color: #1a1a1a;
      text-align: center;
      margin-top: 0.5rem; }

#viewReviewModal .img_wrap {
  width: 100%;
  height: 100vw;
  padding: 0 20px;
  position: relative; }
  #viewReviewModal .img_wrap img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: scale-down; }
#viewReviewModal i.bakey-icon {
  width: 24px;
  height: 24px; }
#viewReviewModal p.position-absolute {
  bottom: 16px;
  left: calc(50% - 22.5px);
  display: inline-block;
  background-color: rgba(28, 28, 28, 0.5);
  font-size: 0.75rem;
  padding: 3px 10px;
  border-radius: 14px;
  color: #ffffff; }
#viewReviewModal .text_wrap {
  padding: 0 20px; }
#viewReviewModal .carousel-control-prev,
#viewReviewModal .carousel-control-next {
  display: block !important;
  width: 24px;
  height: 24px;
  opacity: 1 !important;
  top: calc(50vw - 12px); }
  #viewReviewModal .carousel-control-prev img,
  #viewReviewModal .carousel-control-next img {
    width: 24px;
    height: 24px;
    border-radius: 50%; }
#viewReviewModal .carousel-control-prev {
  left: 10px; }
#viewReviewModal .carousel-control-next {
  right: 10px; }

.writeReviewModal .modal-content .modal-body {
  display: flex;
  flex-direction: column;
  height: 100%; }

.writeReviewModal .typicalImage,
.updateReviewModal .typicalImage {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin-right: 4px; }
.writeReviewModal .btn-wrap.d-flex,
.updateReviewModal .btn-wrap.d-flex {
  margin-top: auto;
  width: calc(100% + 80px);
  margin-left: -40px;
  border-top: 1px solid #dddddd;
  padding: 20px 40px 0; }
  .writeReviewModal .btn-wrap.d-flex .btn,
  .updateReviewModal .btn-wrap.d-flex .btn {
    width: calc(50% - 5px); }
  .writeReviewModal .btn-wrap.d-flex .btn + .btn,
  .updateReviewModal .btn-wrap.d-flex .btn + .btn {
    margin-left: 10px; }
.writeReviewModal .uploadImage_wrap,
.updateReviewModal .uploadImage_wrap {
  margin-top: 12px;
  margin-bottom: 12px;
  width: calc(100% + 40px);
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap; }
  .writeReviewModal .uploadImage_wrap > label,
  .updateReviewModal .uploadImage_wrap > label {
    cursor: pointer;
    width: 106px;
    height: 106px;
    aspect-ratio: 1/1;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2; }
    .writeReviewModal .uploadImage_wrap > label span i,
    .updateReviewModal .uploadImage_wrap > label span i {
      width: 10px;
      height: 10px; }
    .writeReviewModal .uploadImage_wrap > label input,
    .updateReviewModal .uploadImage_wrap > label input {
      opacity: 0;
      display: none; }
  .writeReviewModal .uploadImage_wrap .previewImg_wrap,
  .updateReviewModal .uploadImage_wrap .previewImg_wrap {
    width: 106px;
    height: 106px;
    position: relative;
    margin-right: 0.5rem;
    text-align: center;
    aspect-ratio: 1/1; }
    .writeReviewModal .uploadImage_wrap .previewImg_wrap img,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap img {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center center;
      height: 100%; }
    .writeReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg,
    .writeReviewModal .uploadImage_wrap .previewImg_wrap .ic-removeCircleX,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap .ic-removeCircleX {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px; }
    .writeReviewModal .uploadImage_wrap .previewImg_wrap .ic-removeCircleX,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap .ic-removeCircleX {
      width: 24px;
      height: 24px; }

#policyTermsUserModal.custom-modal .modal-content,
#policyTermsServiceModal.custom-modal .modal-content,
#policyPrivacyModal.custom-modal .modal-content,
#policyMarketingModal.custom-modal .modal-content,
#contentsGuideModal.custom-modal .modal-content,
#supportTargetModal.custom-modal .modal-content,
#channelGuideModal.custom-modal .modal-content,
#detailModal.custom-modal .modal-content,
#agreeModal.custom-modal .modal-content,
#guideLineModal.custom-modal .modal-content {
  border-radius: 0;
  min-height: 100svh; }
#policyTermsUserModal .modal-dialog:not(.modal-m),
#policyTermsServiceModal .modal-dialog:not(.modal-m),
#policyPrivacyModal .modal-dialog:not(.modal-m),
#policyMarketingModal .modal-dialog:not(.modal-m),
#contentsGuideModal .modal-dialog:not(.modal-m),
#supportTargetModal .modal-dialog:not(.modal-m),
#channelGuideModal .modal-dialog:not(.modal-m),
#detailModal .modal-dialog:not(.modal-m),
#agreeModal .modal-dialog:not(.modal-m),
#guideLineModal .modal-dialog:not(.modal-m) {
  max-width: 572px; }
#policyTermsUserModal .fs-title-1,
#policyTermsUserModal .heading3,
#policyTermsServiceModal .fs-title-1,
#policyTermsServiceModal .heading3,
#policyPrivacyModal .fs-title-1,
#policyPrivacyModal .heading3,
#policyMarketingModal .fs-title-1,
#policyMarketingModal .heading3,
#contentsGuideModal .fs-title-1,
#contentsGuideModal .heading3,
#supportTargetModal .fs-title-1,
#supportTargetModal .heading3,
#channelGuideModal .fs-title-1,
#channelGuideModal .heading3,
#detailModal .fs-title-1,
#detailModal .heading3,
#agreeModal .fs-title-1,
#agreeModal .heading3,
#guideLineModal .fs-title-1,
#guideLineModal .heading3 {
  margin-bottom: 2.5rem; }
#policyTermsUserModal .modal-content > .btn-close,
#policyTermsServiceModal .modal-content > .btn-close,
#policyPrivacyModal .modal-content > .btn-close,
#policyMarketingModal .modal-content > .btn-close,
#contentsGuideModal .modal-content > .btn-close,
#supportTargetModal .modal-content > .btn-close,
#channelGuideModal .modal-content > .btn-close,
#detailModal .modal-content > .btn-close,
#agreeModal .modal-content > .btn-close,
#guideLineModal .modal-content > .btn-close {
  right: 5.3%; }
#policyTermsUserModal .modal-dialog,
#policyTermsServiceModal .modal-dialog,
#policyPrivacyModal .modal-dialog,
#policyMarketingModal .modal-dialog,
#contentsGuideModal .modal-dialog,
#supportTargetModal .modal-dialog,
#channelGuideModal .modal-dialog,
#detailModal .modal-dialog,
#agreeModal .modal-dialog,
#guideLineModal .modal-dialog {
  max-width: 100%;
  margin: 0 0; }
#policyTermsUserModal .modal-body,
#policyTermsServiceModal .modal-body,
#policyPrivacyModal .modal-body,
#policyMarketingModal .modal-body,
#contentsGuideModal .modal-body,
#supportTargetModal .modal-body,
#channelGuideModal .modal-body,
#detailModal .modal-body,
#agreeModal .modal-body,
#guideLineModal .modal-body {
  padding: 30px 5.3%; }
#policyTermsUserModal .scrollable-area,
#policyTermsServiceModal .scrollable-area,
#policyPrivacyModal .scrollable-area,
#policyMarketingModal .scrollable-area,
#contentsGuideModal .scrollable-area,
#supportTargetModal .scrollable-area,
#channelGuideModal .scrollable-area,
#detailModal .scrollable-area,
#agreeModal .scrollable-area,
#guideLineModal .scrollable-area {
  background: #ffffff;
  padding: 0;
  line-height: 1.64;
  height: auto;
  overflow-y: visible;
  margin-bottom: 0; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar-track,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar-track,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar-track,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar-track,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar-track,
  #supportTargetModal .scrollable-area::-webkit-scrollbar-track,
  #channelGuideModal .scrollable-area::-webkit-scrollbar-track,
  #detailModal .scrollable-area::-webkit-scrollbar-track,
  #agreeModal .scrollable-area::-webkit-scrollbar-track,
  #guideLineModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar,
  #supportTargetModal .scrollable-area::-webkit-scrollbar,
  #channelGuideModal .scrollable-area::-webkit-scrollbar,
  #detailModal .scrollable-area::-webkit-scrollbar,
  #agreeModal .scrollable-area::-webkit-scrollbar,
  #guideLineModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar-thumb,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar-thumb,
  #supportTargetModal .scrollable-area::-webkit-scrollbar-thumb,
  #channelGuideModal .scrollable-area::-webkit-scrollbar-thumb,
  #detailModal .scrollable-area::-webkit-scrollbar-thumb,
  #agreeModal .scrollable-area::-webkit-scrollbar-thumb,
  #guideLineModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1a1a1a; }
  #policyTermsUserModal .scrollable-area h4 strong,
  #policyTermsServiceModal .scrollable-area h4 strong,
  #policyPrivacyModal .scrollable-area h4 strong,
  #policyMarketingModal .scrollable-area h4 strong,
  #contentsGuideModal .scrollable-area h4 strong,
  #supportTargetModal .scrollable-area h4 strong,
  #channelGuideModal .scrollable-area h4 strong,
  #detailModal .scrollable-area h4 strong,
  #agreeModal .scrollable-area h4 strong,
  #guideLineModal .scrollable-area h4 strong {
    font-weight: bold; }

#sendEmailModal .modal-content .modal-body,
#changeUserIdModal .modal-content .modal-body {
  padding: 40px 20px 20px; }
#sendEmailModal .btn-bakey,
#changeUserIdModal .btn-bakey {
  min-width: 120px; }
#sendEmailModal input[type="email"],
#changeUserIdModal input[type="email"] {
  width: calc(100% - 128px); }
#sendEmailModal #timer,
#changeUserIdModal #timer {
  position: absolute;
  right: 190px;
  top: 11px; }
#sendEmailModal .form-control.is-invalid + .invalid-feedback,
#changeUserIdModal .form-control.is-invalid + .invalid-feedback {
  order: 3;
  width: 100%;
  margin-top: 8px; }
#sendEmailModal .form-control,
#changeUserIdModal .form-control {
  font-size: 0.875rem;
  padding: 9px 20px 8px;
  border: 1px solid #dddddd; }
#sendEmailModal #timeover_txt,
#changeUserIdModal #timeover_txt {
  line-height: 1.64; }

/* 마이페이지 */
#mypage {
  max-width: 510px;
  padding-top: 20px;
  margin: 0 auto 200px; }
  #mypage .voucher-regi-wrap .d-flex {
    flex-wrap: wrap; }
    #mypage .voucher-regi-wrap .d-flex input {
      order: 1;
      width: calc(100% - 128px); }
    #mypage .voucher-regi-wrap .d-flex .invalid-feedback {
      width: 100%;
      margin-top: 8px;
      order: 3; }
    #mypage .voucher-regi-wrap .d-flex button {
      width: 120px;
      order: 2;
      margin-left: 8px; }
  #mypage .withdrawal_wrap ul {
    list-style: "• ";
    margin-left: 1rem;
    line-height: 1.64; }
  #mypage .withdrawal_wrap .form-check .form-check-label {
    width: calc(100% - 29px);
    line-height: 1.64; }
  #mypage .payment-list {
    margin-bottom: 16px; }
    #mypage .payment-list .header {
      background: #f9f9f9; }
      #mypage .payment-list .header dl {
        font-size: 0.875rem;
        color: #1c1c1c;
        font-weight: bold;
        border-bottom: none; }
        #mypage .payment-list .header dl dt {
          padding: 20px 10px; }
    #mypage .payment-list li.text-center {
      padding: 30px 0;
      border-bottom: 1px solid #dddddd; }
    #mypage .payment-list li {
      padding-top: 30px; }
      #mypage .payment-list li:first-child {
        padding-top: 0; }
      #mypage .payment-list li .multi-collapse .basic-info dt:first-child {
        padding-top: 20px; }
    #mypage .payment-list dl {
      flex-wrap: wrap; }
      #mypage .payment-list dl.basic-info:last-child {
        padding-bottom: 10px; }
      #mypage .payment-list dl.basic-info dt {
        padding: 0px 0px;
        overflow-x: hidden;
        display: flex;
        width: 100%; }
        #mypage .payment-list dl.basic-info dt:not(.heading4) {
          font-size: 14px; }
        #mypage .payment-list dl.basic-info dt:nth-child(7) .btn-size-sm {
          max-width: 100%; }
        #mypage .payment-list dl.basic-info dt .text-decoration-underline {
          color: #333333; }
        #mypage .payment-list dl.basic-info dt > label {
          width: 80px; }
        #mypage .payment-list dl.basic-info dt > div {
          word-break: keep-all;
          width: calc(100% - 80px); }
        #mypage .payment-list dl.basic-info dt .btn-size-sm {
          font-size: 0.875rem; }
  #mypage .review-list {
    margin-top: 0; }
    #mypage .review-list li.text-center {
      padding: 30px 0;
      border-bottom: 1px solid #dddddd; }
    #mypage .review-list li:last-child dl {
      margin-bottom: 0; }
    #mypage .review-list dl {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 1.6875rem; }
      #mypage .review-list dl dt {
        padding: 0;
        margin-bottom: 1rem;
        overflow-x: hidden;
        width: 100% !important; }
        #mypage .review-list dl dt.review_contents .imgWrap {
          margin-top: 1rem; }
          #mypage .review-list dl dt.review_contents .imgWrap img {
            width: 106px;
            height: 106px;
            margin-right: 0.5rem;
            overflow: hidden; }
        #mypage .review-list dl dt.review_contents .stars_wrap {
          display: flex;
          margin-bottom: 0.5rem; }
          #mypage .review-list dl dt.review_contents .stars_wrap i {
            width: 1rem;
            height: 1rem; }
        #mypage .review-list dl dt.review_contents .more {
          cursor: pointer;
          margin-top: 1rem; }
        #mypage .review-list dl dt.review_contents .caption1 {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          word-wrap: break-word;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          max-height: calc(14px * 1.68 * 2);
          opacity: 1; }
          #mypage .review-list dl dt.review_contents .caption1.reply {
            margin-top: 0.75rem;
            -webkit-line-clamp: 2;
            max-height: calc(14px * 1.68 * 2); }
            #mypage .review-list dl dt.review_contents .caption1.reply .bi-arrow-return-right {
              color: #dddddd; }
        #mypage .review-list dl dt.review_contents.open .caption1 {
          overflow: auto;
          max-height: 100%;
          -webkit-line-clamp: inherit; }
          #mypage .review-list dl dt.review_contents.open .caption1.reply {
            -webkit-line-clamp: inherit;
            max-height: 100%; }
        #mypage .review-list dl dt:nth-child(3) > button {
          padding: 4px 0;
          min-width: 76px; }
  #mypage .result_none {
    text-align: center;
    padding: 100px 0; }
    #mypage .result_none > p {
      line-height: 1.64;
      font-size: 16px;
      margin-bottom: 16px; }
    #mypage .result_none .btn-size-md {
      font-size: 0.75rem;
      font-weight: 600;
      width: 100%;
      padding: 6px 10px;
      max-width: 150px; }
  #mypage .form-control.size-default {
    height: 40px;
    font-size: 0.875rem; }
  #mypage .borderList li {
    padding: 20px 0 16px;
    border-bottom: 1px solid #F9F9F9; }
    #mypage .borderList li > button {
      position: relative;
      display: block;
      width: 100%;
      padding: 0;
      border: 0;
      text-align: left;
      background-color: transparent; }
      #mypage .borderList li > button::after {
        content: "";
        position: absolute;
        right: 0;
        top: 2px;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15.5L12 9.5L18 15.5' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
      #mypage .borderList li > button.collapsed::after {
        transform: rotate(-180deg); }
  #mypage .borderList_title {
    padding-right: 34px;
    color: #1c1c1c; }
    #mypage .borderList_title p {
      font-size: 16px;
      line-height: 1.68;
      text-overflow: ellipsis;
      overflow: hidden;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      word-break: break-all;
      -webkit-box-orient: vertical;
      max-height: calc(16px * 1.68 * 1); }
  #mypage .borderList .gray-box {
    border: 0;
    font-size: 0.75rem;
    padding: 20px 16px;
    background: #f9f9f9;
    color: #1a1a1a; }
  #mypage .borderList dl {
    display: flex;
    align-items: baseline; }
    #mypage .borderList dl + dl {
      margin-top: 16px; }
  #mypage .borderList dt {
    width: 78px; }
  #mypage .borderList dd {
    color: #999999;
    line-height: 1.68; }
    #mypage .borderList dd .modal {
      color: #1c1c1c; }
  #mypage .borderList .btn-size-sm {
    padding: 4px 16px;
    font-size: 12px;
    min-width: 76px;
    border-radius: 4px; }
  #mypage .userchk-wrap .d-flex {
    flex-wrap: wrap;
    align-items: stretch; }
  #mypage .userchk-wrap input.form-control {
    font-size: 0.875rem;
    padding: 13px 20px 12px;
    width: calc(100% - 115px);
    order: 1; }
    #mypage .userchk-wrap input.form-control::placeholder {
      color: #999999; }
    #mypage .userchk-wrap input.form-control.is-invalid {
      background-image: none;
      border-color: #ff6e40; }
    #mypage .userchk-wrap input.form-control.is-invalid + .invalid-feedback {
      font-size: 0.875rem;
      margin-top: 8px;
      color: #ff6e40;
      width: 100%;
      order: 4; }
  #mypage .userchk-wrap .parsley-errors-list {
    order: 3; }
  #mypage .userchk-wrap .invalid-feedback {
    order: 4;
    color: #ff6e40; }
  #mypage .userchk-wrap button {
    margin-left: 8px;
    order: 2; }
  #mypage .userchk-wrap .userchk {
    margin-bottom: 0;
    background: 0;
    padding: 0; }
    #mypage .userchk-wrap .userchk input[type="password"] {
      width: calc(100% - 115px); }
    #mypage .userchk-wrap .userchk .btn-sandoll {
      width: 107px;
      height: 40px; }
  #mypage .change_userInfo hr {
    margin: 1.375rem 0 1.25rem;
    background-color: #dddddd;
    opacity: 1; }
  #mypage .change_userInfo .nav-btn {
    margin-top: 1.5rem; }
    #mypage .change_userInfo .nav-btn li {
      width: 50%; }
  #mypage .change_userInfo .alert_info,
  #mypage .change_userInfo .form-check-label {
    line-height: 1.64; }
  #mypage .change_userInfo .profile_img_wrap .profile-img {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    object-fit: cover;
    background: #f2f2f2; }
  #mypage .change_userInfo .profile_img_wrap .cropper-container.cropper-bg {
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden; }
  #mypage .change_userInfo .profile_img_wrap .position-absolute {
    bottom: 0px;
    left: 56px;
    width: 32px;
    height: 32px;
    background: #999999;
    border-radius: 50%; }
  #mypage .change_userInfo .profile_img_wrap .dropdown-toggle::after {
    display: none; }
  #mypage .change_userInfo .profile_img_wrap ul {
    border: 1px solid #dddddd;
    border-radius: 0;
    padding: 0;
    inset: 50px auto auto 8px !important; }
    #mypage .change_userInfo .profile_img_wrap ul li a {
      color: #333; }
    #mypage .change_userInfo .profile_img_wrap ul li:first-child a {
      padding: 14px 20px 10px; }
    #mypage .change_userInfo .profile_img_wrap ul li:last-child a {
      padding: 10px 20px 14px; }
    #mypage .change_userInfo .profile_img_wrap ul li a:hover {
      background: #f2f2f2; }
  #mypage .change_userInfo form > div:not(.type02), #mypage .change_userInfo form > hr {
    width: 100%; }
    #mypage .change_userInfo form > div:not(.type02) .form-group, #mypage .change_userInfo form > hr .form-group {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 2.5rem;
      min-height: 1.875rem; }
      #mypage .change_userInfo form > div:not(.type02) .form-group label, #mypage .change_userInfo form > hr .form-group label {
        width: 100%;
        margin-bottom: 0.75rem; }
        #mypage .change_userInfo form > div:not(.type02) .form-group label.fs-title-3 .text-sandoll, #mypage .change_userInfo form > hr .form-group label.fs-title-3 .text-sandoll {
          font-size: 1rem;
          margin-left: 0; }
      #mypage .change_userInfo form > div:not(.type02) .form-group input[type=radio] + label, #mypage .change_userInfo form > hr .form-group input[type=radio] + label {
        width: auto;
        margin-bottom: 0; }
      #mypage .change_userInfo form > div:not(.type02) .form-group > p,
      #mypage .change_userInfo form > div:not(.type02) .form-group > .d-flex,
      #mypage .change_userInfo form > div:not(.type02) .form-group > .form-control,
      #mypage .change_userInfo form > div:not(.type02) .form-group > .fileBox,
      #mypage .change_userInfo form > div:not(.type02) .form-group .error,
      #mypage .change_userInfo form > div:not(.type02) .form-group .parsley-errors-list, #mypage .change_userInfo form > hr .form-group > p,
      #mypage .change_userInfo form > hr .form-group > .d-flex,
      #mypage .change_userInfo form > hr .form-group > .form-control,
      #mypage .change_userInfo form > hr .form-group > .fileBox,
      #mypage .change_userInfo form > hr .form-group .error,
      #mypage .change_userInfo form > hr .form-group .parsley-errors-list {
        width: 100%; }
      #mypage .change_userInfo form > div:not(.type02) .form-group #telShowDiv, #mypage .change_userInfo form > hr .form-group #telShowDiv {
        width: 100%;
        line-height: 1.68;
        margin-top: 8px; }
      #mypage .change_userInfo form > div:not(.type02) .form-group textarea, #mypage .change_userInfo form > hr .form-group textarea {
        height: 118px; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .fileBox input, #mypage .change_userInfo form > hr .form-group .fileBox input {
        display: none; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .fileBox .parsley-errors-list, #mypage .change_userInfo form > hr .form-group .fileBox .parsley-errors-list {
        width: 100%; }
      #mypage .change_userInfo form > div:not(.type02) .form-group > .d-flex .error,
      #mypage .change_userInfo form > div:not(.type02) .form-group > .d-flex .parsley-errors-list, #mypage .change_userInfo form > hr .form-group > .d-flex .error,
      #mypage .change_userInfo form > hr .form-group > .d-flex .parsley-errors-list {
        width: 100%; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .form-control, #mypage .change_userInfo form > hr .form-group .form-control {
        padding: 9px 20px 8px;
        border: 1px solid #dddddd;
        font-size: 0.875rem; }
        #mypage .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap, #mypage .change_userInfo form > hr .form-group .form-control.select-wrap {
          width: calc(33.3% - 16px / 3);
          margin-right: 8px;
          background-position: 82% center; }
          #mypage .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap:last-child, #mypage .change_userInfo form > hr .form-group .form-control.select-wrap:last-child {
            margin-right: 0; }
          #mypage .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap.w-100, #mypage .change_userInfo form > hr .form-group .form-control.select-wrap.w-100 {
            background-position: 95% center !important; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .certify-wrap input, #mypage .change_userInfo form > hr .form-group .certify-wrap input {
        width: calc(100% - 118px); }
      #mypage .change_userInfo form > div:not(.type02) .form-group .certify-wrap .btn-size-default, #mypage .change_userInfo form > hr .form-group .certify-wrap .btn-size-default {
        width: 6.75rem;
        margin-left: 0.5rem; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap select.form-control, #mypage .change_userInfo form > hr .form-group .f_hp_wrap select.form-control {
        width: 6.875rem !important;
        margin-right: 0.5rem;
        background-position: 90% center; }
      #mypage .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap input.form-control, #mypage .change_userInfo form > hr .form-group .f_hp_wrap input.form-control {
        width: calc(100% - 118px); }
      #mypage .change_userInfo form > div:not(.type02) .form-group.stu-before .btn, #mypage .change_userInfo form > hr .form-group.stu-before .btn {
        padding: 8px 12px; }

#bakey_font {
  overflow-x: hidden; }
  #bakey_font hr {
    background-color: #f0f0f0;
    opacity: 1; }
  #bakey_font .fontdesc-container {
    padding: 0 40px;
    width: 100%; }
    #bakey_font .fontdesc-container img {
      max-width: 100%;
      width: 100%; }
    #bakey_font .fontdesc-container .font_info,
    #bakey_font .fontdesc-container .font_product,
    #bakey_font .fontdesc-container .license_info,
    #bakey_font .fontdesc-container .related_content {
      width: 100%; }
      #bakey_font .fontdesc-container .font_info .fs-title-4,
      #bakey_font .fontdesc-container .font_product .fs-title-4,
      #bakey_font .fontdesc-container .license_info .fs-title-4,
      #bakey_font .fontdesc-container .related_content .fs-title-4 {
        margin-bottom: 1.5rem;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      #bakey_font .fontdesc-container .font_info > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .font_product > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .license_info > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .related_content > *:not(.fs-title-4) {
        display: none; }
      #bakey_font .fontdesc-container .font_info.open .fs-title-4,
      #bakey_font .fontdesc-container .font_product.open .fs-title-4,
      #bakey_font .fontdesc-container .license_info.open .fs-title-4,
      #bakey_font .fontdesc-container .related_content.open .fs-title-4 {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      #bakey_font .fontdesc-container .font_info.open > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .font_product.open > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .license_info.open > *:not(.fs-title-4),
      #bakey_font .fontdesc-container .related_content.open > *:not(.fs-title-4) {
        display: block; }
      #bakey_font .fontdesc-container .font_info.open > .product_item .items,
      #bakey_font .fontdesc-container .font_product.open > .product_item .items,
      #bakey_font .fontdesc-container .license_info.open > .product_item .items,
      #bakey_font .fontdesc-container .related_content.open > .product_item .items {
        display: flex; }
    #bakey_font .fontdesc-container .font_preview_list.paragraph li {
      border: none;
      padding: 30px 20px; }
    #bakey_font .fontdesc-container .font_preview_list .item {
      position: relative;
      width: 100%;
      border-bottom: 1px solid #dddddd;
      margin-top: 0;
      padding: 16px 0px 24px 20px; }
      #bakey_font .fontdesc-container .font_preview_list .item:last-child {
        border-bottom: none; }
      #bakey_font .fontdesc-container .font_preview_list .item .font-weight {
        color: #999999;
        font-size: 0.75rem;
        padding: 4px 0;
        line-height: 1.68; }
      #bakey_font .fontdesc-container .font_preview_list .item .preview {
        min-height: calc(35px * 1.5);
        max-height: calc(120px * 1.5);
        display: block;
        font-size: 35px;
        line-height: 1.5;
        overflow: hidden;
        white-space: nowrap;
        border: none; }
        #bakey_font .fontdesc-container .font_preview_list .item .preview.detail_vertical {
          writing-mode: vertical-rl;
          margin-left: auto;
          height: 360px;
          overflow: auto;
          white-space: pre-line;
          overflow-y: hidden; }
    #bakey_font .fontdesc-container .typicalImage {
      min-width: 280px;
      height: auto;
      aspect-ratio: 1/1;
      width: 37.83%;
      border-radius: 12px;
      margin-right: 40px; }
    #bakey_font .fontdesc-container .fontExampleArea.Iam {
      position: relative;
      display: flex;
      width: 100%;
      overflow-x: scroll; }
      #bakey_font .fontdesc-container .fontExampleArea.Iam .swiper-slide {
        max-width: 166px;
        max-height: 166px;
        width: 166px;
        height: 166px;
        margin-right: 1rem; }
        #bakey_font .fontdesc-container .fontExampleArea.Iam .swiper-slide img {
          width: 166px;
          height: 166px; }
    #bakey_font .fontdesc-container .reviewImageSlider {
      gap: 8px;
      position: relative;
      width: calc(100% + 80px);
      overflow-x: scroll;
      display: flex;
      margin-left: -40px;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      #bakey_font .fontdesc-container .reviewImageSlider::-webkit-scrollbar {
        display: none; }
      #bakey_font .fontdesc-container .reviewImageSlider > div {
        width: 130px;
        height: 130px;
        min-width: 130px;
        min-height: 130px; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:first-child {
          margin-left: 40px; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:last-child:not(:nth-of-type(-n+5)) {
          position: relative; }
          #bakey_font .fontdesc-container .reviewImageSlider > div:last-child:not(:nth-of-type(-n+5)) a {
            display: flex;
            align-items: center;
            height: auto;
            aspect-ratio: 1/1;
            width: 100%;
            justify-content: center;
            font-size: 0.875rem;
            color: #ffffff;
            z-index: 2;
            position: relative;
            text-align: center;
            line-height: 1.68; }
          #bakey_font .fontdesc-container .reviewImageSlider > div:last-child:not(:nth-of-type(-n+5))::before {
            z-index: 1;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: auto;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            aspect-ratio: 1/1;
            width: 100%; }
        #bakey_font .fontdesc-container .reviewImageSlider > div img {
          width: 100%;
          cursor: pointer;
          height: auto;
          aspect-ratio: 1/1;
          object-fit: cover;
          border-radius: 4px; }
    #bakey_font .fontdesc-container .curation.Iam {
      width: calc(100% + 80px);
      overflow-x: scroll;
      display: flex;
      margin-left: -40px;
      scrollbar-width: none;
      -ms-overflow-style: none; }
      #bakey_font .fontdesc-container .curation.Iam::-webkit-scrollbar {
        display: none; }
      #bakey_font .fontdesc-container .curation.Iam > a {
        display: inline-block;
        margin-right: 10px;
        aspect-ratio: 1/1; }
        #bakey_font .fontdesc-container .curation.Iam > a:first-child {
          margin-left: 40px; }
        #bakey_font .fontdesc-container .curation.Iam > a:last-child {
          margin-right: 40px; }
        #bakey_font .fontdesc-container .curation.Iam > a img {
          width: 200px;
          height: 200px;
          min-width: 200px;
          min-height: 200px;
          border-radius: 8px;
          aspect-ratio: 1/1; }
        #bakey_font .fontdesc-container .curation.Iam > a button {
          border: none;
          background: none;
          width: 32px;
          height: 32px;
          position: absolute;
          bottom: 8px;
          right: 8px;
          padding: 0; }
          #bakey_font .fontdesc-container .curation.Iam > a button i {
            width: 32px;
            height: 32px; }
    #bakey_font .fontdesc-container .fontExampleArea.Iam img {
      width: 54%;
      max-width: 200px;
      border-radius: 8px;
      margin-right: 10px; }
      #bakey_font .fontdesc-container .fontExampleArea.Iam img:last-child {
        margin-right: 5.3%; }
  #bakey_font .font_basic_info .card {
    border: 1px solid #dddddd;
    border-radius: 16px;
    padding: 16px;
    line-height: 1.61;
    font-size: 13px;
    margin-bottom: 20px; }
  #bakey_font .font_basic_info p {
    font-size: 13px;
    line-height: 1.68; }
  #bakey_font .font_basic_info .table {
    margin-top: 12px; }
    #bakey_font .font_basic_info .table tr {
      border-bottom: 1px solid #dddddd; }
      #bakey_font .font_basic_info .table tr:first-child {
        border-top: 1px solid #dddddd; }
    #bakey_font .font_basic_info .table tr th {
      padding: 16px;
      font-size: 12px;
      line-height: 1.61;
      word-break: break-word;
      color: #999999; }
    #bakey_font .font_basic_info .table tr td {
      padding: 16px;
      line-height: 1.61;
      word-break: break-word;
      font-size: 14px; }
    #bakey_font .font_basic_info .table tr th:last-child,
    #bakey_font .font_basic_info .table tr td:last-child {
      text-align: center;
      min-width: 56px; }
    #bakey_font .font_basic_info .table tr td:first-child {
      min-width: 96px; }
    #bakey_font .font_basic_info .table .text-alert {
      color: #ff6e40; }
  #bakey_font .font_basic_info .caution {
    background-color: #f9f9f9;
    padding: 20px 16px;
    margin-top: 20px;
    border-radius: 16px;
    margin-bottom: 0; }
    #bakey_font .font_basic_info .caution ul {
      margin-left: 0; }
      #bakey_font .font_basic_info .caution ul li {
        margin-left: 16px;
        color: #666666;
        font-size: 12px;
        line-height: 1.64;
        font-weight: 400; }
  #bakey_font .review_list {
    list-style: none;
    margin: 0;
    padding: 0; }
    #bakey_font .review_list li {
      padding: 20px 0;
      border-bottom: 1px solid #dddddd; }
      #bakey_font .review_list li > div.caption1, #bakey_font .review_list li > div.body2 {
        color: #666666; }
        #bakey_font .review_list li > div.caption1 .stars_wrap, #bakey_font .review_list li > div.body2 .stars_wrap {
          display: flex;
          margin-right: 0.625rem; }
          #bakey_font .review_list li > div.caption1 .stars_wrap i, #bakey_font .review_list li > div.body2 .stars_wrap i {
            width: 16px;
            height: 16px; }
      #bakey_font .review_list li > div.reviewNphoto.open .caption1.text,
      #bakey_font .review_list li > div.reviewNphoto.open .body2.text {
        overflow: inherit !important;
        max-height: inherit !important;
        white-space: inherit !important;
        margin-bottom: 0.5rem; }
      #bakey_font .review_list li > div.reviewNphoto.open .reply p {
        overflow: inherit;
        max-height: inherit; }
      #bakey_font .review_list li > div.reviewNphoto.d-flex {
        flex-wrap: wrap; }
        #bakey_font .review_list li > div.reviewNphoto.d-flex .body2.text {
          width: calc(100% - 106px);
          margin: 0.75rem 0 0.5rem;
          -webkit-line-clamp: 2;
          max-height: 2.8rem;
          text-overflow: ellipsis; }
        #bakey_font .review_list li > div.reviewNphoto.d-flex .more {
          order: 3; }
        #bakey_font .review_list li > div.reviewNphoto.d-flex.open .body2.text {
          width: 100%;
          order: 2; }
        #bakey_font .review_list li > div.reviewNphoto.d-flex.open .photo {
          order: 1;
          width: 100%; }
          #bakey_font .review_list li > div.reviewNphoto.d-flex.open .photo > span {
            display: none; }
          #bakey_font .review_list li > div.reviewNphoto.d-flex.open .photo > .review_img {
            display: inline; }
        #bakey_font .review_list li > div.reviewNphoto.d-flex .photo {
          position: relative; }
          #bakey_font .review_list li > div.reviewNphoto.d-flex .photo > .review_img {
            display: none;
            height: 106px; }
            #bakey_font .review_list li > div.reviewNphoto.d-flex .photo > .review_img:first-child {
              display: inline; }
          #bakey_font .review_list li > div.reviewNphoto.d-flex .photo > span {
            position: absolute;
            bottom: 0;
            right: 0;
            color: #ffffff;
            width: 20px;
            height: 20px;
            display: inline-flex;
            background: rgba(28, 28, 28, 0.5);
            justify-content: center;
            font-size: 10px;
            align-items: center; }
      #bakey_font .review_list li > div.reviewNphoto .caption1.text,
      #bakey_font .review_list li > div.reviewNphoto .body2.text {
        margin: 0.875rem 0 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: clip;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        max-height: 1.5rem;
        align-items: start; }
      #bakey_font .review_list li > div.reviewNphoto .review_img {
        margin-top: 0.5rem;
        width: 106px;
        height: 106px;
        object-fit: cover;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        object-fit: contain; }
        #bakey_font .review_list li > div.reviewNphoto .review_img.expand {
          width: 278px;
          height: 278px; }
          #bakey_font .review_list li > div.reviewNphoto .review_img.expand:after {
            display: none; }
        #bakey_font .review_list li > div.reviewNphoto .review_img:hover:after {
          background: rgba(0, 0, 0, 0.5);
          width: 82px;
          height: 82px;
          content: " ";
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 48px 48px;
          background-image: url("data:image/svg+xml,%3Csvg id='btn_extend' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_127' data-name='Rectangle 127' style='fill:none' d='M0 0h48v48H0z'/%3E%3Cpath id='Path_606' data-name='Path 606' class='cls-2' d='m12 32.183 20-20' transform='translate(2 1.816)'/%3E%3Cpath id='Path_607' data-name='Path 607' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(-135 27.758 12.274)'/%3E%3Cpath id='Path_608' data-name='Path 608' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(45 -4.29 14.878)'/%3E%3C/svg%3E"); }
      #bakey_font .review_list li > div.reviewNphoto .more {
        cursor: pointer;
        display: inline-block;
        margin-top: 0.625rem;
        font-size: 0.875rem; }
      #bakey_font .review_list li > div .reply {
        order: 2; }
        #bakey_font .review_list li > div .reply p {
          background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
          padding-left: 26px;
          background-position: left top;
          background-repeat: no-repeat;
          background-size: 16px 16px;
          line-height: 1.61;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          max-height: calc(14px * 1.61 * 2); }
  #bakey_font .review_grid_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start; }
    #bakey_font .review_grid_list li {
      width: calc(33.3% - (20px / 3)); }
      #bakey_font .review_grid_list li > div {
        border-radius: 4px;
        height: 0;
        width: 100%;
        position: relative;
        padding-bottom: 100%; }
      #bakey_font .review_grid_list li img {
        position: absolute;
        top: 0;
        height: 100%;
        object-fit: cover;
        width: 100%; }
  #bakey_font .font_review .ic-star,
  #bakey_font .font_review .ic-star-fill {
    width: 24px;
    height: 24px; }
  #bakey_font .font_review .btn-black {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    white-space: nowrap;
    font-size: 0.75rem; }
  #bakey_font .font_info.Iam {
    padding: 20px 0 8px; }
    #bakey_font .font_info.Iam h3 {
      margin-bottom: 12px; }
      #bakey_font .font_info.Iam h3 i.page-next {
        width: 20px;
        height: 20px; }
  #bakey_font .font_info ul li {
    display: flex;
    color: #999999;
    font-size: 0.875rem;
    line-height: 1.64;
    margin-bottom: 0.75rem; }
    #bakey_font .font_info ul li:last-child {
      margin-bottom: 0; }
  #bakey_font .font_info ul label {
    width: 28.06%; }
  #bakey_font .font_info ul label + p,
  #bakey_font .font_info ul label + ol {
    width: 71.94%; }
  #bakey_font .font-header {
    padding-top: 20px;
    padding-bottom: 40px; }
    #bakey_font .font-header:has(.event-banner-wrap) {
      padding-bottom: 8px; }
    #bakey_font .font-header .font-right-wrap {
      width: auto;
      flex: 1; }
      #bakey_font .font-header .font-right-wrap .currency {
        font-weight: bold;
        font-variation-settings: "wght" 700; }
      #bakey_font .font-header .font-right-wrap .product-name {
        width: calc(100% - 100px); }
      #bakey_font .font-header .font-right-wrap .price_html {
        font-weight: normal;
        font-variation-settings: "wght" 400;
        font-size: 1rem;
        width: fit-content;
        white-space: nowrap; }
  #bakey_font .event-banner-wrap .swiper-slide {
    border-radius: 10px;
    background: #f9f9f9;
    position: relative;
    aspect-ratio: 400/143;
    max-height: 143px;
    max-width: 400px;
    overflow: hidden; }
  #bakey_font .event-banner-wrap .event-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 25px; }
  #bakey_font .event-banner-wrap img {
    display: block;
    width: 400px;
    max-height: 143px;
    object-fit: cover;
    object-position: center center; }
  #bakey_font .event-banner-wrap h3 {
    max-height: calc(18px * 1.4 * 2);
    line-height: 1.4;
    letter-spacing: -0.3px;
    overflow: hidden;
    font-size: 1.125rem;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin-bottom: 8px; }
  #bakey_font .event-banner-wrap p {
    max-height: calc(12px * 1.64 * 2);
    line-height: 1.64;
    font-size: 0.75rem;
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word; }
  #bakey_font .font_text_preview form {
    border: 1px solid #dddddd;
    border-radius: 8px; }
    #bakey_font .font_text_preview form > div {
      width: 100%;
      border-bottom: 1px solid #dddddd;
      position: relative; }
      #bakey_font .font_text_preview form > div:last-child {
        border-bottom: none; }
      #bakey_font .font_text_preview form > div input[type="text"] {
        width: 100%;
        border: none;
        background: none;
        padding: 16px 44px;
        font-size: 0.875rem;
        background-position: left 8px center;
        background-repeat: no-repeat;
        background-size: 28px 28px;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1929 21.9536L16.8755 22.5063L14.061 15.7935L9.12354 18.1812L7.31104 22.5063L6.00049 21.9565L11.2261 9.49365H12.9702L18.1929 21.9536ZM25.9995 22.2036H24.5386V21.4126C23.7837 22.0923 22.7848 22.5063 21.689 22.5063C19.3358 22.5063 17.4282 20.5988 17.4282 18.2456C17.4283 15.8925 19.3359 13.9849 21.689 13.9849C22.7848 13.9849 23.7837 14.3989 24.5386 15.0786V12.3901H18.0356V10.9292H25.9995V22.2036ZM21.689 15.4458C20.1427 15.4459 18.8893 16.6994 18.8892 18.2456C18.8892 19.7919 20.1426 21.0453 21.689 21.0454C23.2353 21.0454 24.4888 19.792 24.4888 18.2456C24.4887 16.6993 23.2353 15.4458 21.689 15.4458ZM9.97705 16.146L13.4946 14.4448L12.0923 11.1001L9.97705 16.146Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
      #bakey_font .font_text_preview form > div input:placeholder-shown + #font_write_btn {
        display: none; }
      #bakey_font .font_text_preview form > div input:not(:placeholder-shown) + #font_write_btn {
        display: inline-block; }
      #bakey_font .font_text_preview form > div input:not(:placeholder-shown):not(.range) {
        padding-right: 40px;
        width: 100%; }
      #bakey_font .font_text_preview form > div #font_write_btn {
        position: absolute;
        width: 28px;
        height: 28px;
        background-color: transparent;
        border: none;
        padding: 0;
        cursor: pointer;
        top: 10px;
        right: 10px;
        z-index: 1; }
        #bakey_font .font_text_preview form > div #font_write_btn i {
          width: 28px;
          height: 28px; }
      #bakey_font .font_text_preview form > div.font-size-wrap {
        flex-grow: 1;
        padding: 16px 8px 16px 16px; }
        #bakey_font .font_text_preview form > div.font-size-wrap .range-slider {
          width: 100%; }

@media (max-width: 760px) {
  #support .partnership > .d-flex div {
    width: calc(50% - 4px); }

  .writeReviewModal .modal-dialog {
    margin: 0; }
    .writeReviewModal .modal-dialog .modal-content {
      border-radius: 0;
      min-height: 100svh; }

  #bakey_font .font-header {
    padding-top: 0; }
  #bakey_font .fontdesc-container {
    padding: 0 20px; }
    #bakey_font .fontdesc-container .typicalImage {
      width: 100%;
      height: auto;
      border-radius: 0px;
      margin-right: 0; }
    #bakey_font .fontdesc-container .reviewImageSlider {
      flex-wrap: wrap;
      overflow-x: hidden;
      width: 100%;
      margin-left: 0; }
      #bakey_font .fontdesc-container .reviewImageSlider > div {
        width: calc(33.3% - (16px / 3));
        min-width: inherit;
        min-height: inherit;
        height: auto;
        aspect-ratio: 1/1;
        border-radius: 4px;
        overflow: hidden; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:first-child {
          margin-left: 0; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:last-child {
          margin-right: 0; }
          #bakey_font .fontdesc-container .reviewImageSlider > div:last-child:after {
            display: none; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:nth-of-type(n+6):not(.more) {
          display: none; }
        #bakey_font .fontdesc-container .reviewImageSlider > div:nth-of-type(6) {
          position: relative; }
          #bakey_font .fontdesc-container .reviewImageSlider > div:nth-of-type(6) a {
            display: flex;
            align-items: center;
            height: 100%;
            width: 100%;
            justify-content: center;
            font-size: 0.875rem;
            color: #ffffff;
            z-index: 2;
            position: relative;
            text-align: center;
            line-height: 1.68; }
          #bakey_font .fontdesc-container .reviewImageSlider > div:nth-of-type(6)::before {
            z-index: 1;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            width: 100%; }
    #bakey_font .fontdesc-container .curation.Iam > a img {
      width: 101px;
      height: 101px;
      min-width: 101px;
      min-height: 101px;
      border-radius: 8px;
      aspect-ratio: 1/1; }
  #bakey_font .font-header .fontdesc-container {
    padding: 0;
    flex-direction: column; }
  #bakey_font .font-header .font-right-wrap {
    width: 100%;
    padding: 20px 20px 0; } }
/* 이용약관 */
#terms {
  padding-top: 75px; }
  #terms .fs-title-1,
  #terms .heading3 {
    color: #1a1a1a; }
  #terms ul.nav {
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd; }
    #terms ul.nav li a {
      color: #999999;
      font-size: 1.125rem;
      font-weight: bold;
      margin-right: 1.5rem; }
      #terms ul.nav li a.active {
        font-size: 1.25rem;
        color: #1a1a1a; }
  #terms .d-flex .form-control {
    width: 11.25rem;
    background-position: 95% center; }
  #terms .terms_wrap {
    background: #f2f2f2;
    padding: 40px 32px; }
    #terms .terms_wrap .menu_area li {
      line-height: 1.64;
      margin-bottom: 1.25rem; }
      #terms .terms_wrap .menu_area li:last-child {
        margin-bottom: 3.75rem; }
      #terms .terms_wrap .menu_area li a {
        color: #1a1a1a;
        font-size: 1rem;
        font-weight: bold; }
    #terms .terms_wrap .text_area h4 {
      font-size: 1.25rem;
      font-weight: bold; }
    #terms .terms_wrap .text_area h5 {
      font-size: 1rem;
      font-weight: bold; }
    #terms .terms_wrap .text_area p {
      line-height: 1.64; }
      #terms .terms_wrap .text_area p strong {
        font-weight: bold;
        margin-top: 1rem;
        margin-bottom: 0.5rem; }
    #terms .terms_wrap .text_area li {
      line-height: 1.64; }
    #terms .terms_wrap .text_area .innertable {
      margin-top: 0.75rem; }
      #terms .terms_wrap .text_area .innertable .tabletitle {
        padding: 16px 16px;
        border: 1px solid #dddddd;
        font-weight: bold;
        border-top: 1px solid #4173fa; }
      #terms .terms_wrap .text_area .innertable td {
        padding: 8px 16px;
        border: 1px solid #dddddd; }

/* etc */
#availableApps .tab_navWrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }
#availableApps .tab_nav {
  margin-left: -18px; }
  #availableApps .tab_nav button {
    padding: 22px 18px;
    color: #999999;
    border: none;
    background-color: transparent; }
    #availableApps .tab_nav button.active {
      position: relative;
      color: #000; }
      #availableApps .tab_nav button.active::after {
        content: "";
        position: absolute;
        left: 18px;
        bottom: 0;
        width: calc(100% - 36px);
        height: 3px;
        background-color: #000; }
#availableApps .tab_contentGroup {
  margin-top: 30px; }
#availableApps .tab_content {
  display: none; }
  #availableApps .tab_content.active {
    display: block; }

.gridContent {
  font-size: 0; }
  .gridContent li {
    display: inline-block;
    width: calc(100% / 3 - 32px / 3);
    margin-left: 16px;
    vertical-align: top; }
    .gridContent li:nth-child(3n+1) {
      margin-left: 0; }
    .gridContent li:nth-child(n + 4) {
      margin-top: 2.75rem; }
  .gridContent_item {
    position: relative; }
  .gridContent_link {
    display: block; }
  .gridContent_imageArea {
    position: relative; }
    .gridContent_imageArea img {
      width: 100%;
      height: 150px; }
  .gridContent_badge {
    position: absolute;
    bottom: 8px;
    left: 12px; }
    .gridContent_badge span {
      display: inline-block;
      padding: 4px 8px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.7);
      font-size: 12px;
      color: #000; }
      .gridContent_badge span + span {
        margin-left: 8px; }
  .gridContent_text {
    margin-top: 5px;
    padding-right: 100px;
    line-height: 26px; }
  .gridContent_icon {
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden; }
    .gridContent_icon img {
      width: 100%;
      height: 100%; }

.roundButton {
  padding: 10px 20px;
  border-radius: 24px;
  border: 1px solid #dddddd;
  background-color: transparent;
  color: #000; }
  .roundButton .fs-title-5 {
    margin-left: 4px;
    vertical-align: text-top; }
  .roundButton:hover {
    background-color: #F9F9F9; }
  .roundButton:active {
    background-color: #F0F0F0; }
  .roundButton.type02 {
    padding: 17px 64px;
    border-radius: 30px; }
    .roundButton.type02 span {
      vertical-align: middle;
      font-weight: normal; }
    .roundButton.type02 i.ic-dropdown {
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      vertical-align: middle; }
    .roundButton.type02:hover {
      background-color: transparent; }
  .roundButton.type03 {
    padding: 18px 57px;
    border-radius: 30px;
    background-color: #4173fa;
    color: #ffffff; }

.gray-border-box {
  padding: 16px 16px 22px;
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .gray-border-box .btn-size-sm {
    padding: 4px 12px; }
  .gray-border-box ul dl dt {
    width: 100px;
    color: #999999; }
  .gray-border-box ul dl dd {
    color: #1c1c1c; }

.btn-container {
  display: flex;
  justify-content: space-between;
  position: relative; }
  .btn-container_item {
    width: calc(50% - 20px); }
    .btn-container_item:last-of-type {
      position: relative; }
      .btn-container_item:last-of-type::before {
        content: "";
        position: absolute;
        left: -20px;
        top: 35px;
        width: 1px;
        height: calc(100% - 70px);
        background-color: #dddddd; }
  .btn-container .btn-certification {
    width: 100%;
    height: 100%;
    padding: 137px 0 7px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/ic-writeCer.png") no-repeat 50% 22px/80px 80px;
    font-size: 14px;
    font-weight: 650;
    color: #1c1c1c;
    border: none;
    border-radius: 10PX; }
    .btn-container .btn-certification.kakao {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/ic-kakaoCer.png");
      background-position: 50% 17px;
      background-size: 110px 110px; }
    .btn-container .btn-certification:hover {
      background-color: #F5F8FF; }
    .btn-container .btn-certification > span {
      display: block;
      margin-top: 4px;
      font-weight: 420;
      font-size: 12px;
      color: #999999; }

.mobile #bakey_font .font-header:has(.eventBanner) {
  padding-bottom: 8px; }
.mobile #bakey_font .eventBanner {
  width: 100%;
  margin-top: 20px; }
  .mobile #bakey_font .eventBanner .swiper-slide {
    border-radius: 10px;
    background: #f9f9f9;
    position: relative;
    aspect-ratio: 335/120;
    width: 100%;
    overflow: hidden; }
    .mobile #bakey_font .eventBanner .swiper-slide .event-banner-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      padding: 0px 16px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
      gap: 12px; }
      .mobile #bakey_font .eventBanner .swiper-slide .event-banner-content h3 {
        max-height: calc(16px * 1.3 * 2);
        line-height: 1.3;
        letter-spacing: -0.3px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        font-size: 1rem;
        font-weight: bold;
        font-variation-settings: "wght" 600; }
      .mobile #bakey_font .eventBanner .swiper-slide .event-banner-content img {
        display: block;
        width: 100%;
        max-height: 120px;
        object-fit: cover;
        object-position: center center;
        border-radius: 8px;
        background: #f9f9f9;
        aspect-ratio: 335/120; }
      .mobile #bakey_font .eventBanner .swiper-slide .event-banner-content p {
        max-height: calc(12px * 1.64 * 2);
        line-height: 1.64;
        font-size: 0.75rem;
        letter-spacing: -0.3px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word; }

.mobile-none-close#commonConfirmModal, .mobile-none-close#commonConfirmModal2, .mobile-none-close#confirmModal, .mobile-none-close.commonConfirmType, .mobile-none-close#alertLoginModal, .mobile-none-close#commonAlertModal, .mobile-none-close.commonAlertType {
  z-index: 100000000; }
  .mobile-none-close#commonConfirmModal.custom-modal .modal-dialog, .mobile-none-close#commonConfirmModal2.custom-modal .modal-dialog, .mobile-none-close#confirmModal.custom-modal .modal-dialog, .mobile-none-close.commonConfirmType.custom-modal .modal-dialog, .mobile-none-close#alertLoginModal.custom-modal .modal-dialog, .mobile-none-close#commonAlertModal.custom-modal .modal-dialog, .mobile-none-close.commonAlertType.custom-modal .modal-dialog {
    position: fixed;
    bottom: 0;
    display: block;
    min-height: auto;
    max-width: 100%;
    width: 100%;
    margin: 0; }
  .mobile-none-close#commonConfirmModal.custom-modal .modal-content, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content, .mobile-none-close#confirmModal.custom-modal .modal-content, .mobile-none-close.commonConfirmType.custom-modal .modal-content, .mobile-none-close#alertLoginModal.custom-modal .modal-content, .mobile-none-close#commonAlertModal.custom-modal .modal-content, .mobile-none-close.commonAlertType.custom-modal .modal-content {
    margin: 0;
    max-width: 100%;
    border-radius: 16px 16px 0 0; }
    .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body {
      padding: 30px 20px 20px; }
      .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap {
        margin-top: 40px; }
        .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn {
          font-size: 14px;
          border-radius: 8px !important; }
          .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50 {
            width: calc(50% - 5px) !important; }
        .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn {
          margin-left: 10px; }
    .mobile-none-close#commonConfirmModal.custom-modal .modal-content p.body2, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content p.body2, .mobile-none-close#confirmModal.custom-modal .modal-content p.body2, .mobile-none-close.commonConfirmType.custom-modal .modal-content p.body2, .mobile-none-close#alertLoginModal.custom-modal .modal-content p.body2, .mobile-none-close#commonAlertModal.custom-modal .modal-content p.body2, .mobile-none-close.commonAlertType.custom-modal .modal-content p.body2 {
      min-height: 46px; }

/*# sourceMappingURL=bakey.css.map */