/* Main body font UBUNTU from https://fonts.googleapis.com/css?family=Ubuntu */
@font-face {
  font-family: 'Ubuntu';
  src: local('Ubuntu'), url('Ubuntu.woff2') format('woff2'),
       local('Ubuntu'), url('Ubuntu.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 선물 보낼때 옆에 표시되는 Combo 숫자(x1, x2, x3 ...)용 폰트 */
@font-face {
  font-family: '1900.80.5regular';
  src: url('1900805-webfont.woff2') format('woff2'),
       url('1900805-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*
 웹앱 전체에서 사용되는 icon 폰트들
 https://icomoon.io/app/ 에서 선택 후 Generate Fonts를 누르면 폰트를 다운 받을 수 있음.
 - 선택 우선순위 1) Material Icon 2) Font Awesome
 - icomoon.zip 파일에서 icomoon.ttf 파일을 바꿔주고, style.css파일을 diff해서 업데이트 해주면 됨.
 (@jackkykim)
*/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon-200116.ttf?7hnyja') format('truetype'),
    url('icomoon-200116.woff?7hnyja') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-speaking:before {
  content: "\e966";
}
.icon-volume1_mute:before {
  content: "\e900";
}
.icon-exit1:before {
  content: "\e901";
}
.icon-camera-rotate:before {
  content: "\e902";
}
.icon-siren1:before {
  content: "\e962";
}
.icon-volume1:before {
  content: "\e963";
}
.icon-none:before {
  content: "\e961";
}
.icon-last_rank .path1:before {
  content: "\e952";
  color: rgb(100, 163, 255);
}
.icon-last_rank .path2:before {
  content: "\e953";
  margin-left: -1.21875em;
  color: rgb(235, 83, 83);
}
.icon-last_rank .path3:before {
  content: "\e957";
  margin-left: -1.21875em;
  color: rgb(255, 213, 97);
}
.icon-last_rank .path4:before {
  content: "\e958";
  margin-left: -1.21875em;
  color: rgb(255, 182, 76);
}
.icon-last_rank .path5:before {
  content: "\e95c";
  margin-left: -1.21875em;
  color: rgb(255, 113, 47);
}
.icon-last_rank .path6:before {
  content: "\e95d";
  margin-left: -1.21875em;
  color: rgb(255, 54, 54);
}
.icon-last_rank .path7:before {
  content: "\e95e";
  margin-left: -1.21875em;
  color: rgb(20, 114, 226);
}
.icon-last_rank .path8:before {
  content: "\e95f";
  margin-left: -1.21875em;
  color: rgb(188, 30, 30);
}
.icon-help .path1:before {
  content: "\e959";
}
.icon-help .path2:before {
  content: "\e95a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-help .path3:before {
  content: "\e95b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-crown:before {
  content: "\e92f";
  color: #bdbdbd;
}
.icon-crown_sel:before {
  content: "\e930";
  color: #535c63;
}
.icon-mchat_white .path1:before {
  content: "\e910";
  color: rgb(255, 255, 255);
}
.icon-mchat_white .path2:before {
  content: "\e91a";
  margin-left: -1.0546875em;
}
.icon-call_white .path1:before {
  content: "\e983";
  color: rgb(255, 255, 255);
}
.icon-call_white .path2:before {
  content: "\e984";
  margin-left: -1em;
}
.icon-good_white .path1:before {
  content: "\e90e";
  color: rgb(255, 255, 255);
}
.icon-good_white .path2:before {
  content: "\e90f";
  margin-left: -0.71875em;
}
.icon-arrow_up .path1:before {
  content: "\e9ca";
}
.icon-arrow_up .path2:before {
  content: "\e9cb";
  margin-left: -1.375em;
  color: rgb(51, 51, 51);
}
.icon-trophy:before {
  content: "\e9c9";
}
.icon-gif .path1:before {
  content: "\e9c5";
}
.icon-gif .path2:before {
  content: "\e9c6";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-gif .path3:before {
  content: "\e9c7";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-gif .path4:before {
  content: "\e9c8";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-search:before {
  content: "\e9c3";
}
.icon-keyboard:before {
  content: "\e9c4";
}
.icon-reg_female:before {
  content: "\e9c0";
}
.icon-reg_male:before {
  content: "\e9c1";
}
.icon-photo_deleted:before {
  content: "\e911";
  color: #9e9e9e;
}
.icon-preview_block:before {
  content: "\e912";
}
.icon-translate-off .path1:before {
  content: "\e913";
  color: rgb(255, 255, 255);
}
.icon-translate-off .path2:before {
  content: "\e914";
  margin-left: -1.15625em;
  color: rgb(173, 173, 173);
}
.icon-translate-off .path3:before {
  content: "\e915";
  margin-left: -1.15625em;
  color: rgb(158, 158, 158);
}
.icon-translate-off .path4:before {
  content: "\e916";
  margin-left: -1.15625em;
  color: rgb(158, 158, 158);
}
.icon-translate-on .path1:before {
  content: "\e917";
  color: rgb(198, 198, 198);
}
.icon-translate-on .path2:before {
  content: "\e918";
  margin-left: -1.15625em;
  color: rgb(121, 121, 121);
}
.icon-translate-on .path3:before {
  content: "\e99b";
  margin-left: -1.15625em;
  color: rgb(92, 143, 240);
}
.icon-translate-on .path4:before {
  content: "\e99c";
  margin-left: -1.15625em;
  color: rgb(198, 198, 198);
}
.icon-translate-on .path5:before {
  content: "\e99d";
  margin-left: -1.15625em;
  color: rgb(63, 93, 182);
}
.icon-translate-on .path6:before {
  content: "\e99e";
  margin-left: -1.15625em;
  color: rgb(255, 255, 255);
}
.icon-gender-both .path1:before {
  content: "\e927";
  color: rgb(255, 255, 255);
}
.icon-gender-both .path2:before {
  content: "\e93d";
  margin-left: -0.96875em;
  color: rgb(255, 169, 67);
}
.icon-gender-both .path3:before {
  content: "\e93e";
  margin-left: -0.96875em;
  color: rgb(255, 169, 67);
}
.icon-gender-both .path4:before {
  content: "\e93f";
  margin-left: -0.96875em;
  color: rgb(255, 169, 67);
}
.icon-gender-both .path5:before {
  content: "\e940";
  margin-left: -0.96875em;
  color: rgb(255, 169, 67);
}
.icon-gender-both .path6:before {
  content: "\e941";
  margin-left: -0.96875em;
  color: rgb(74, 144, 244);
}
.icon-gender-both .path7:before {
  content: "\e942";
  margin-left: -0.96875em;
  color: rgb(255, 255, 255);
}
.icon-gender-both .path8:before {
  content: "\e944";
  margin-left: -0.96875em;
  color: rgb(74, 144, 244);
}
.icon-gender-both .path9:before {
  content: "\e945";
  margin-left: -0.96875em;
  color: rgb(74, 144, 244);
}
.icon-gender-both .path10:before {
  content: "\e946";
  margin-left: -0.96875em;
  color: rgb(74, 144, 244);
}
.icon-gender-female .path1:before {
  content: "\e947";
  color: rgb(255, 255, 255);
}
.icon-gender-female .path2:before {
  content: "\e948";
  margin-left: -0.84375em;
  color: rgb(255, 169, 67);
}
.icon-gender-female .path3:before {
  content: "\e949";
  margin-left: -0.84375em;
  color: rgb(255, 169, 67);
}
.icon-gender-female .path4:before {
  content: "\e94a";
  margin-left: -0.84375em;
  color: rgb(255, 169, 67);
}
.icon-gender-female .path5:before {
  content: "\e94b";
  margin-left: -0.84375em;
  color: rgb(255, 169, 67);
}
.icon-gender-male .path1:before {
  content: "\e94c";
  color: rgb(74, 144, 244);
}
.icon-gender-male .path2:before {
  content: "\e94d";
  margin-left: -0.84375em;
  color: rgb(255, 255, 255);
}
.icon-gender-male .path3:before {
  content: "\e94e";
  margin-left: -0.84375em;
  color: rgb(74, 144, 244);
}
.icon-gender-male .path4:before {
  content: "\e94f";
  margin-left: -0.84375em;
  color: rgb(74, 144, 244);
}
.icon-gender-male .path5:before {
  content: "\e950";
  margin-left: -0.84375em;
  color: rgb(74, 144, 244);
}
.icon-video-call:before {
  content: "\e951";
}
.icon-chat-send:before {
  content: "\e98f";
  color: #5287fc;
}
.icon-gift:before {
  content: "\e990";
  color: #9e9e9e;
}
.icon-photo:before {
  content: "\e991";
  color: #9e9e9e;
}
.icon-mic .path1:before {
  content: "\e992";
  color: rgb(204, 255, 243);
}
.icon-mic .path2:before {
  content: "\e993";
  margin-left: -1em;
  color: rgb(222, 255, 246);
}
.icon-mic .path3:before {
  content: "\e994";
  margin-left: -1em;
  color: rgb(93, 246, 212);
}
.icon-mic .path4:before {
  content: "\e995";
  margin-left: -1em;
  color: rgb(93, 246, 212);
}
.icon-mic .path5:before {
  content: "\e996";
  margin-left: -1em;
  color: rgb(93, 246, 212);
}
.icon-mic .path6:before {
  content: "\e997";
  margin-left: -1em;
  color: rgb(93, 246, 212);
}
.icon-mic .path7:before {
  content: "\e998";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mic .path8:before {
  content: "\e999";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-undo-arrow:before {
  content: "\e99a";
}
.icon-shortmsg:before {
  content: "\e93a";
  color: #8db2f7;
}
.icon-star-round-fill:before {
  content: "\e934";
}
.icon-star-round:before {
  content: "\e937";
}
.icon-emergency:before {
  content: "\e931";
}
.icon-garbage:before {
  content: "\e933";
}
.icon-mchat:before {
  content: "\e91e";
}
.icon-mfriend:before {
  content: "\e921";
}
.icon-mhistory:before {
  content: "\e926";
}
.icon-mchat_sel:before {
  content: "\e928";
}
.icon-mfriend_sel:before {
  content: "\e929";
}
.icon-mhistory_sel .path1:before {
  content: "\e92b";
  color: rgb(83, 92, 99);
}
.icon-mhistory_sel .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-mhome_sel:before {
  content: "\e92d";
}
.icon-mhome:before {
  content: "\e92e";
}
.icon-swipe-mag2:before {
  content: "\e91f";
}
.icon-filter-outline .path1:before {
  content: "\e920";
  color: rgb(255, 255, 255);
}
.icon-filter-outline .path2:before {
  content: "\e922";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
  opacity: 0.8;
}
.icon-filter-outline .path3:before {
  content: "\e923";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
  opacity: 0.6;
}
.icon-filter-outline .path4:before {
  content: "\e924";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
.icon-filter-outline .path5:before {
  content: "\e925";
  margin-left: -1.0625em;
  color: rgb(255, 255, 255);
}
.icon-coin-bw:before {
  content: "\e91c";
}
.icon-safeguard-off:before {
  content: "\e90b";
}
.icon-safeguard-on .path1:before {
  content: "\e90c";
  color: rgb(66, 165, 245);
}
.icon-safeguard-on .path2:before {
  content: "\e90d";
  margin-left: -0.7578125em;
  color: rgb(123, 208, 255);
}
.icon-coin_flat .path1:before {
  content: "\e908";
  color: rgb(255, 218, 91);
}
.icon-coin_flat .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(255, 237, 126);
}
.icon-bubble-fill:before {
  content: "\e906";
}
.icon-filter .path1:before {
  content: "\e903";
  color: rgb(189, 216, 249);
}
.icon-filter .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(93, 219, 246);
}
.icon-filter .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(84, 174, 246);
}
.icon-gift2 .path1:before {
  content: "\e96d";
  color: rgb(255, 88, 62);
}
.icon-gift2 .path2:before {
  content: "\e96e";
  margin-left: -1em;
  color: rgb(239, 57, 48);
}
.icon-gift2 .path3:before {
  content: "\e96f";
  margin-left: -1em;
  color: rgb(255, 214, 127);
}
.icon-magnifier:before {
  content: "\e90a";
}
.icon-lookup:before {
  content: "\e90a";
}
.icon-find:before {
  content: "\e90a";
}
.icon-info:before {
  content: "\e907";
}
.icon-account_box:before {
  content: "\e851";
}
.icon-account_circle:before {
  content: "\e853";
}
.icon-add:before {
  content: "\e145";
}
.icon-add_a_photo:before {
  content: "\e439";
}
.icon-arrow_back:before {
  content: "\e5c4";
}
.icon-brightness_2:before {
  content: "\e3a7";
}
.icon-brightness_3:before {
  content: "\e3a8";
}
.icon-phone:before {
  content: "\e0cd";
}
.icon-call_end:before {
  content: "\e0b1";
}
.icon-camera:before {
  content: "\e3af";
}
.icon-photo_camera:before {
  content: "\e412";
}
.icon-check2:before {
  content: "\e5ca";
}
.icon-navigate_before:before {
  content: "\e408";
}
.icon-navigate_next:before {
  content: "\e409";
}
.icon-mode_edit:before {
  content: "\e254";
}
.icon-not_interested:before {
  content: "\e033";
}
.icon-do_not_disturb_alt:before {
  content: "\e611";
}
.icon-favorite:before {
  content: "\e87d";
}
.icon-favorite_border:before {
  content: "\e87e";
}
.icon-my_location:before {
  content: "\e55c";
}
.icon-tag_faces:before {
  content: "\e420";
}
.icon-keyboard_arrow_left:before {
  content: "\e314";
}
.icon-more_horiz:before {
  content: "\e5d3";
}
.icon-more_vert:before {
  content: "\e5d4";
}
.icon-person:before {
  content: "\e7fd";
}
.icon-phone_in_talk:before {
  content: "\e61d";
}
.icon-phone_missed:before {
  content: "\e61f";
}
.icon-send:before {
  content: "\e163";
}
.icon-settings:before {
  content: "\e8b8";
}
.icon-share:before {
  content: "\e80d";
}
.icon-star_border:before {
  content: "\e83a";
}
.icon-volume_down:before {
  content: "\e04d";
}
.icon-volume_mute:before {
  content: "\e04e";
}
.icon-volume_off:before {
  content: "\e04f";
}
.icon-volume_up:before {
  content: "\e050";
}
.icon-wb_sunny:before {
  content: "\e430";
}
.icon-trash:before {
  content: "\e109";
}
.icon-expand:before {
  content: "\e110";
}
.icon-contract:before {
  content: "\e111";
}
.icon-inbox:before {
  content: "\e122";
}
.icon-brightness_1:before {
  content: "\e3a6";
}
.icon-file_upload:before {
  content: "\e2c6";
}
.icon-stop:before {
  content: "\e047";
}
.icon-home:before {
  content: "\e600";
}
.icon-sun:before {
  content: "\e647";
}
.icon-moon:before {
  content: "\e649";
}
.icon-shield-alert:before {
  content: "\e669";
}
.icon-lock:before {
  content: "\e66b";
}
.icon-unlock:before {
  content: "\e66d";
}
.icon-cog:before {
  content: "\e672";
}
.icon-trash2:before {
  content: "\e681";
}
.icon-hearts:before {
  content: "\e68b";
}
.icon-heart:before {
  content: "\e68c";
}
.icon-paper-plane:before {
  content: "\e699";
}
.icon-exit:before {
  content: "\e6d3";
}
.icon-camera2:before {
  content: "\e6ff";
}
.icon-camera22:before {
  content: "\e704";
}
.icon-users2:before {
  content: "\e723";
}
.icon-telephone:before {
  content: "\e76a";
}
.icon-phone-wave:before {
  content: "\e76c";
}
.icon-phone-error:before {
  content: "\e771";
}
.icon-telephone2:before {
  content: "\e777";
}
.icon-map-marker:before {
  content: "\e77a";
}
.icon-map2:before {
  content: "\e782";
}
.icon-location:before {
  content: "\e783";
}
.icon-calendar-text:before {
  content: "\e78b";
}
.icon-bubble:before {
  content: "\e7d6";
}
.icon-bubble-dots:before {
  content: "\e7d8";
}
.icon-bubble-text:before {
  content: "\e7db";
}
.icon-heart-pulse:before {
  content: "\e7e8";
}
.icon-siren:before {
  content: "\e841";
}
.icon-car-siren:before {
  content: "\e854";
}
.icon-volume-high:before {
  content: "\e8b0";
}
.icon-volume-medium:before {
  content: "\e8b1";
}
.icon-volume-low:before {
  content: "\e8b2";
}
.icon-volume:before {
  content: "\e8b3";
}
.icon-mute:before {
  content: "\e8b4";
}
.icon-undo:before {
  content: "\e8d5";
}
.icon-redo:before {
  content: "\e8d6";
}
.icon-undo2:before {
  content: "\e8d8";
}
.icon-redo2:before {
  content: "\e8d9";
}
.icon-history:before {
  content: "\e8e3";
}
.icon-download2:before {
  content: "\e8f5";
}
.icon-upload2:before {
  content: "\e8f6";
}
.icon-exit-right:before {
  content: "\e8fe";
}
.icon-thumbs-up:before {
  content: "\e919";
}
.icon-thumbs-up2:before {
  content: "\e91b";
}
.icon-thumbs-up3:before {
  content: "\e91d";
}
.icon-cross:before {
  content: "\e92a";
}
.icon-menu:before {
  content: "\e938";
}
.icon-exclamation:before {
  content: "\e932";
}
.icon-cross2:before {
  content: "\e935";
}
.icon-plus:before {
  content: "\e936";
}
.icon-chevron-up:before {
  content: "\e939";
}
.icon-chevron-left2:before {
  content: "\e93b";
}
.icon-chevron-right:before {
  content: "\e93c";
}
.icon-arrow-left:before {
  content: "\e943";
}
.icon-notification:before {
  content: "\e954";
}
.icon-warning:before {
  content: "\e955";
}
.icon-notification-circle:before {
  content: "\e956";
}
.icon-chevron-left-circle:before {
  content: "\e964";
}
.icon-chevron-right-circle:before {
  content: "\e965";
}
.icon-hand:before {
  content: "\e9bf";
}
.icon-camera-flip:before {
  content: "\e705";
}
.icon-mic1:before {
  content: "\e8cb";
}
.icon-cross-circle:before {
  content: "\e960";
}
.icon-star:before {
  content: "\f005";
}
.icon-user:before {
  content: "\f007";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-image:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-venus:before {
  content: "\f221";
}
.icon-mars:before {
  content: "\f222";
}
.icon-user-plus:before {
  content: "\f234";
}
.icon-map:before {
  content: "\f279";
}
.icon-nav-grid:before {
  content: "\f009";
}
.icon-nav-grid9:before {
  content: "\f00a";
}
.icon-nav-list:before {
  content: "\f00b";
}
.icon-nav-bars:before {
  content: "\f0c9";
}
.icon-stop-circle:before {
  content: "\f28d";
}
.icon-stop1:before {
  content: "\ea17";
}