.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon.sm {
  width: 10px;
  height: 10px;
}

.icon.xl {
  width: 24px;
  height: 24px;
}

.icon.kakao {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_%3F덉씠%3F%3F1' data-name='%3F덉씠%3F%3F1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.9 40.6'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M21.9,0C9.8,0,0,7.7,0,17.3c0,6.1,4.1,11.5,10.2,14.6l-2.1,7.8c-.1.2,0,.5.2.7.1.1.3.2.4.2s.3-.1.4-.1l8.9-6c1.3.2,2.6.3,4,.3,12.1,0,21.9-7.8,21.9-17.3S34.1,0,21.9,0Z'/%3E%3C/svg%3E");
}

.icon.follow {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Isolation_Mode' data-name='Isolation Mode' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.58 23.56'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.94px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='18.2' cy='6.33' r='5.36'/%3E%3Cpath class='cls-1' d='M8.79,22.59h0c0-3.96,3.21-7.17,7.17-7.17h4.5c3.96,0,7.17,3.21,7.17,7.17h0'/%3E%3Cg%3E%3Cline class='cls-1' x1='4.7' y1='7.97' x2='4.7' y2='15.43'/%3E%3Cline class='cls-1' x1='8.43' y1='11.7' x2='.97' y2='11.7'/%3E%3C/g%3E%3C/svg%3E");
}

.icon.location {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.4 29.19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %235b4030; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.4,11.2C22.4,4.6,16.7-.66,9.95.07,4.84.62.68,4.75.08,9.85c-.33,2.79.38,5.41,1.78,7.52h0s.05.07.05.07c0,.01.02.02.02.04l7.27,10.65c.96,1.41,3.04,1.41,4,0l7.27-10.65s.02-.02.02-.04l.05-.07h0c1.17-1.77,1.86-3.89,1.86-6.17ZM11.96,15.69c-3.25.5-6.01-2.26-5.51-5.51.31-2.03,1.97-3.68,3.99-3.99,3.25-.5,6.01,2.26,5.51,5.51-.31,2.03-1.97,3.68-3.99,3.99Z'/%3E%3C/svg%3E");
}

.icon.copy {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.22 19.43'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='.5' y='.5' width='14.87' height='14.87' rx='2.16' ry='2.16'/%3E%3Crect class='cls-1' x='3.85' y='4.06' width='14.87' height='14.87' rx='2.16' ry='2.16'/%3E%3C/svg%3E");
}

.icon.drive {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.7 18.62'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-linecap: round; stroke-linejoin: round; stroke-width: .75px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M4.13,15.58v1.33c0,.74-.6,1.33-1.33,1.33h0c-.73,0-1.33-.6-1.33-1.33v-2.47'/%3E%3Cpath class='cls-1' d='M6.84,15.58h-3.85c-.84,0-1.52-.68-1.52-1.52v-4.55c0-.34.11-.67.32-.94l1.96-2.5h17.11l1.96,2.5c.21.27.32.6.32.94v4.55c0,.84-.68,1.52-1.52,1.52h-3.99'/%3E%3Cpath class='cls-1' d='M23.14,14.44v2.47c0,.74-.6,1.33-1.33,1.33h0c-.73,0-1.33-.6-1.33-1.33v-1.33'/%3E%3Cpath class='cls-1' d='M3.75,6.08l1.53-4.73c.23-.59.79-.97,1.42-.97h11.22c.63,0,1.19.39,1.42.97l1.53,4.73'/%3E%3Crect class='cls-1' x='6.98' y='14.06' width='10.65' height='2.03'/%3E%3Cpath class='cls-1' d='M3.92,6.08H1.26c-.49,0-.89-.4-.89-.89H.38c0-.49.4-.89.89-.89h1.32c.35,0,.68.21.82.54l.53,1.24Z'/%3E%3Cpath class='cls-1' d='M20.78,6.08h2.66c.49,0,.89-.4.89-.89h0c0-.49-.4-.89-.89-.89h-1.32c-.35,0-.68.21-.82.54l-.53,1.24Z'/%3E%3Cg%3E%3Cpath class='cls-1' d='M5.84,10.74c0,.66-.54,1.2-1.2,1.2s-1.2-.54-1.2-1.2.54-1.2,1.2-1.2,1.2.54,1.2,1.2Z'/%3E%3Cpath class='cls-1' d='M21.18,10.74c0,.66-.54,1.2-1.2,1.2s-1.2-.54-1.2-1.2.54-1.2,1.2-1.2,1.2.54,1.2,1.2Z'/%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-1' points='16.55 11.88 8.06 11.88 7.3 9.6 17.31 9.6 16.55 11.88'/%3E%3Cline class='cls-1' x1='16.55' y1='10.74' x2='8.06' y2='10.74'/%3E%3C/g%3E%3C/svg%3E");
}

.icon.subway {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.56 25.48'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-linecap: round; stroke-linejoin: round; stroke-width: .75px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M6.49,16.53c0,.7-.57,1.26-1.26,1.26s-1.26-.57-1.26-1.26.57-1.26,1.26-1.26,1.26.57,1.26,1.26Z'/%3E%3Cpath class='cls-1' d='M18.59,16.53c0,.7-.57,1.26-1.26,1.26s-1.26-.57-1.26-1.26.57-1.26,1.26-1.26,1.26.57,1.26,1.26Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-1' x='1.7' y='2.86' width='19.15' height='17.55' rx='.69' ry='.69'/%3E%3Cpath class='cls-1' d='M7.52,1.26h7.75v15.96h-7.75c-.13,0-.23-.1-.23-.23V1.49c0-.13.1-.23.23-.23Z' transform='translate(20.52 -2.04) rotate(90)'/%3E%3Cline class='cls-1' x1='11.28' y1='5.38' x2='11.28' y2='13.23'/%3E%3Cline class='cls-1' x1='13.51' y1='12.96' x2='16.84' y2='8.18'/%3E%3Cline class='cls-1' x1='5.54' y1='12.96' x2='8.86' y2='8.18'/%3E%3C/g%3E%3Cg%3E%3Cline class='cls-1' x1='3.83' y1='20.41' x2='.38' y2='25.11'/%3E%3Cline class='cls-1' x1='18.73' y1='20.41' x2='22.18' y2='25.11'/%3E%3Cline class='cls-1' x1='2.1' y1='22.98' x2='20.19' y2='22.98'/%3E%3C/g%3E%3Cpath class='cls-1' d='M6.89,2.79v-.82c0-.88.71-1.6,1.6-1.6h5.58c.88,0,1.6.71,1.6,1.6v.82'/%3E%3C/svg%3E");
}

.icon.bus {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.32 24.32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-linecap: round; stroke-linejoin: round; stroke-width: .75px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.6.38h17.13c.73,0,1.32.59,1.32,1.32v19.59H2.28V1.69c0-.73.59-1.32,1.32-1.32Z'/%3E%3Cpath class='cls-1' d='M8.01.57h8.53v16.73h-8.53c-.12,0-.22-.1-.22-.22V.79c0-.12.1-.22.22-.22Z' transform='translate(21.09 -3.23) rotate(90)'/%3E%3Cg%3E%3Cpath class='cls-1' d='M7.6,21.29v1.9c0,.42-.34.76-.76.76h-2.28c-.42,0-.76-.34-.76-.76v-1.9'/%3E%3Cpath class='cls-1' d='M20.53,21.29v1.9c0,.42-.34.76-.76.76h-2.28c-.42,0-.76-.34-.76-.76v-1.9'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='M2.28,10.26h-1.14c-.42,0-.76-.34-.76-.76v-2.28c0-.42.34-.76.76-.76h1.14'/%3E%3Cpath class='cls-1' d='M22.05,6.46h1.14c.42,0,.76.34.76.76v2.28c0,.42-.34.76-.76.76h-1.14'/%3E%3C/g%3E%3Cline class='cls-1' x1='2.66' y1='19.01' x2='21.67' y2='19.01'/%3E%3Cg%3E%3Cpath class='cls-1' d='M3.8,15.2h4.12c.24,0,.44.2.44.44v1.46H3.8v-1.9h0Z'/%3E%3Cpath class='cls-1' d='M15.96,15.2h4.56v1.46c0,.24-.2.44-.44.44h-4.12v-1.9h0Z' transform='translate(36.49 32.31) rotate(180)'/%3E%3C/g%3E%3Cline class='cls-1' x1='10.32' y1='2.4' x2='14' y2='2.4'/%3E%3Cline class='cls-1' x1='12.16' y1='4.68' x2='12.16' y2='13.3'/%3E%3Cline class='cls-1' x1='15.05' y1='13.05' x2='18.22' y2='8.49'/%3E%3Cline class='cls-1' x1='6.69' y1='13.05' x2='9.86' y2='8.49'/%3E%3C/svg%3E");
}

.icon.parking {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.98 24.98'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %235b4030; stroke-linecap: round; stroke-linejoin: round; stroke-width: .75px; %7D .cls-2 %7B fill: %235b4030; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M8.06,5.43h5.26c.84,0,1.56.1,2.16.3.6.2,1.09.48,1.48.83.39.35.67.78.86,1.27.19.49.28,1.02.28,1.59v.41c0,.57-.1,1.11-.29,1.62-.19.51-.49.96-.89,1.34-.4.38-.9.68-1.49.91-.59.23-1.3.34-2.11.34h-2.79v5.36h-2.48V5.43ZM10.53,7.5v4.43h2.46c.81,0,1.45-.15,1.92-.46.46-.31.7-.87.7-1.68v-.35c0-.39-.06-.7-.17-.95-.12-.25-.28-.44-.49-.59-.21-.15-.47-.25-.76-.31-.3-.06-.62-.09-.97-.09h-2.67Z'/%3E%3Ccircle class='cls-1' cx='12.49' cy='12.49' r='12.11'/%3E%3C/svg%3E");
}

.icon.close {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235b4030' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.icon.close.white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.icon.phone {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_罹≪뀡' data-name='罹≪뀡' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.71 24.1'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %237d6452; stroke-miterlimit: 10; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M5.39.78c.35.03.68.1,1,.21.08.03.17.06.25.09.55.23.91.75.95,1.34l.33,4.92c.02.29-.1.57-.32.75-.55.43-1.21.73-1.92.83,1.33,3.76,4.02,6.71,7.29,8.73.23-.68.64-1.28,1.16-1.74.22-.19.52-.25.8-.18l4.78,1.2c.57.14,1.03.59,1.15,1.17.02.09.04.17.05.26.05.33.06.67.03,1.02-.22,2.27-1.29,4.29-4.7,3.9C7.48,22.28-.37,14.13.88,4.9,1.38,1.24,3.12.59,5.39.78Z'/%3E%3C/svg%3E");
}

.icon.more {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.91 23.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %237d6452; stroke-miterlimit: 10; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='11.95' x2='11.95' y2='23.91'/%3E%3Cline class='cls-1' x1='23.91' y1='11.95' y2='11.95'/%3E%3C/svg%3E");
}

.icon.arrowDown {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_蹂몃Ц' data-name='蹂몃Ц' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.57 12.35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fffdf7; stroke-miterlimit: 10; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='22.04 .53 11.29 11.29 .53 .53'/%3E%3C/svg%3E");
}

.icon.camera {
  background-image: url("data:image/svg+xml,%3Csvg width='200px' height='200px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Ccircle cx='12' cy='13' r='3' stroke='%237d6452' stroke-width='1.5'%3E%3C/circle%3E%3Cpath d='M2 13.3636C2 10.2994 2 8.76721 2.74902 7.6666C3.07328 7.19014 3.48995 6.78104 3.97524 6.46268C4.69555 5.99013 5.59733 5.82123 6.978 5.76086C7.63685 5.76086 8.20412 5.27068 8.33333 4.63636C8.52715 3.68489 9.37805 3 10.3663 3H13.6337C14.6219 3 15.4728 3.68489 15.6667 4.63636C15.7959 5.27068 16.3631 5.76086 17.022 5.76086C18.4027 5.82123 19.3044 5.99013 20.0248 6.46268C20.51 6.78104 20.9267 7.19014 21.251 7.6666C22 8.76721 22 10.2994 22 13.3636C22 16.4279 22 17.9601 21.251 19.0607C20.9267 19.5371 20.51 19.9462 20.0248 20.2646C18.9038 21 17.3433 21 14.2222 21H9.77778C6.65675 21 5.09624 21 3.97524 20.2646C3.48995 19.9462 3.07328 19.5371 2.74902 19.0607C2.53746 18.7498 2.38566 18.4045 2.27673 18' stroke='%237d6452' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M19 10H18' stroke='%237d6452' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.icon.photo {
  background-image: url("data:image/svg+xml,%3Csvg width='200px' height='200px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M15 5.5H18.5M18.5 5.5H22M18.5 5.5V9M18.5 5.5V2' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 10.8717 2 9.87835 2.02008 9M12 2C7.28595 2 4.92893 2 3.46447 3.46447C3.03965 3.88929 2.73806 4.38921 2.52396 5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.icon.video {
  background-image: url("data:image/svg+xml,%3Csvg width='200px' height='200px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M17 9.50019L17.6584 9.17101C19.6042 8.19807 20.5772 7.7116 21.2886 8.15127C22 8.59094 22 9.67872 22 11.8543V12.1461C22 14.3217 22 15.4094 21.2886 15.8491C20.5772 16.2888 19.6042 15.8023 17.6584 14.8294L17 14.5002V9.50019Z' stroke='%23FFFFFF' stroke-width='1.5'%3E%3C/path%3E%3Cpath d='M7 12H9.5M9.5 12H12M9.5 12V14.5M9.5 12V9.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M2 11.5V12.5C2 15.7875 2 17.4312 2.90796 18.5376C3.07418 18.7401 3.25989 18.9258 3.46243 19.092C4.56878 20 6.21252 20 9.5 20C12.7875 20 14.4312 20 15.5376 19.092C15.7401 18.9258 15.9258 18.7401 16.092 18.5376C17 17.4312 17 15.7875 17 12.5V11.5C17 8.21252 17 6.56878 16.092 5.46243C15.9258 5.25989 15.7401 5.07418 15.5376 4.90796C14.4312 4 12.7875 4 9.5 4C6.21252 4 4.56878 4 3.46243 4.90796C3.25989 5.07418 3.07418 5.25989 2.90796 5.46243C2.48014 5.98373 2.2539 6.62434 2.13427 7.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.icon.play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E");
}