@font-face {
  font-family: 'Genericons';
  src: url("/views/fonts/Genericons.eot");
  src: url("/views/fonts/Genericons.eot?#iefix") format("embedded-opentype"), url("/views/fonts/Genericons.woff") format("woff"), url("/views/fonts/Genericons.ttf") format("truetype"), url("/views/fonts/Genericons.svg#Genericons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**
 * All Genericons
 */
.genericon {
  vertical-align: middle;
  text-align: center;
  -moz-transition: color .1s ease-in 0;
  -webkit-transition: color .1s ease-in 0;
  display: inline-block;
  font-family: "Genericons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  cursor: pointer;
}

/**
 * Individual icons
 */
.genericon-404:before {
  content: "\f423";
}

.genericon-activity:before {
  content: "\f508";
}

.genericon-anchor:before {
  content: "\f509";
}

.genericon-aside:before {
  content: "\f101";
}

.genericon-attachment:before {
  content: "\f416";
}

.genericon-audio:before {
  content: "\f109";
}

.genericon-bold:before {
  content: "\f471";
}

.genericon-book:before {
  content: "\f444";
}

.genericon-bug:before {
  content: "\f50a";
}

.genericon-cart:before {
  content: "\f447";
}

.genericon-category:before {
  content: "\f301";
}

.genericon-chat:before {
  content: "\f108";
}

.genericon-checkmark:before {
  content: "\f418";
}

.genericon-cloud:before {
  content: "\f426";
}

.genericon-cloud-download:before {
  content: "\f440";
}

.genericon-cloud-upload:before {
  content: "\f441";
}

.genericon-code:before {
  content: "\f462";
}

.genericon-codepen:before {
  content: "\f216";
}

.genericon-cog:before {
  content: "\f445";
}

.genericon-collapse:before {
  content: "\f432";
}

.genericon-comment:before {
  content: "\f300";
}

.genericon-day:before {
  content: "\f305";
}

.genericon-digg:before {
  content: "\f221";
}

.genericon-document:before {
  content: "\f443";
}

.genericon-dot:before {
  content: "\f428";
}

.genericon-downarrow:before {
  content: "\f502";
}

.genericon-download:before {
  content: "\f50b";
}

.genericon-draggable:before {
  content: "\f436";
}

.genericon-dribbble:before {
  content: "\f201";
}

.genericon-dropbox:before {
  content: "\f225";
}

.genericon-dropdown:before {
  content: "\f433";
}

.genericon-dropdown-left:before {
  content: "\f434";
}

.genericon-edit:before {
  content: "\f411";
}

.genericon-ellipsis:before {
  content: "\f476";
}

.genericon-expand:before {
  content: "\f431";
}

.genericon-external:before {
  content: "\f442";
}

.genericon-facebook:before {
  content: "\f203";
}

.genericon-facebook-alt:before {
  content: "\f204";
}

.genericon-fastforward:before {
  content: "\f458";
}

.genericon-feed:before {
  content: "\f413";
}

.genericon-flag:before {
  content: "\f468";
}

.genericon-flickr:before {
  content: "\f211";
}

.genericon-foursquare:before {
  content: "\f226";
}

.genericon-fullscreen:before {
  content: "\f474";
}

.genericon-gallery:before {
  content: "\f103";
}

.genericon-github:before {
  content: "\f200";
}

.genericon-googleplus:before {
  content: "\f206";
}

.genericon-googleplus-alt:before {
  content: "\f218";
}

.genericon-handset:before {
  content: "\f50c";
}

.genericon-heart:before {
  content: "\f461";
}

.genericon-help:before {
  content: "\f457";
}

.genericon-hide:before {
  content: "\f404";
}

.genericon-hierarchy:before {
  content: "\f505";
}

.genericon-home:before {
  content: "\f409";
}

.genericon-image:before {
  content: "\f102";
}

.genericon-info:before {
  content: "\f455";
}

.genericon-instagram:before {
  content: "\f215";
}

.genericon-italic:before {
  content: "\f472";
}

.genericon-key:before {
  content: "\f427";
}

.genericon-leftarrow:before {
  content: "\f503";
}

.genericon-link:before {
  content: "\f107";
}

.genericon-linkedin:before {
  content: "\f207";
}

.genericon-linkedin-alt:before {
  content: "\f208";
}

.genericon-location:before {
  content: "\f417";
}

.genericon-lock:before {
  content: "\f470";
}

.genericon-mail:before {
  content: "\f410";
}

.genericon-maximize:before {
  content: "\f422";
}

.genericon-menu:before {
  content: "\f419";
}

.genericon-microphone:before {
  content: "\f50d";
}

.genericon-minimize:before {
  content: "\f421";
}

.genericon-minus:before {
  content: "\f50e";
}

.genericon-month:before {
  content: "\f307";
}

.genericon-move:before {
  content: "\f50f";
}

.genericon-next:before {
  content: "\f429";
}

.genericon-notice:before {
  content: "\f456";
}

.genericon-paintbrush:before {
  content: "\f506";
}

.genericon-path:before {
  content: "\f219";
}

.genericon-pause:before {
  content: "\f448";
}

.genericon-phone:before {
  content: "\f437";
}

.genericon-picture:before {
  content: "\f473";
}

.genericon-pinned:before {
  content: "\f308";
}

.genericon-pinterest:before {
  content: "\f209";
}

.genericon-pinterest-alt:before {
  content: "\f210";
}

.genericon-play:before {
  content: "\f452";
}

.genericon-plugin:before {
  content: "\f439";
}

.genericon-plus:before {
  content: "\f510";
}

.genericon-pocket:before {
  content: "\f224";
}

.genericon-polldaddy:before {
  content: "\f217";
}

.genericon-portfolio:before {
  content: "\f460";
}

.genericon-previous:before {
  content: "\f430";
}

.genericon-print:before {
  content: "\f469";
}

.genericon-quote:before {
  content: "\f106";
}

.genericon-rating-empty:before {
  content: "\f511";
}

.genericon-rating-full:before {
  content: "\f512";
}

.genericon-rating-half:before {
  content: "\f513";
}

.genericon-reddit:before {
  content: "\f222";
}

.genericon-refresh:before {
  content: "\f420";
}

.genericon-reply:before {
  content: "\f412";
}

.genericon-reply-alt:before {
  content: "\f466";
}

.genericon-reply-single:before {
  content: "\f467";
}

.genericon-rewind:before {
  content: "\f459";
}

.genericon-rightarrow:before {
  content: "\f501";
}

.genericon-search:before {
  content: "\f400";
}

.genericon-send-to-phone:before {
  content: "\f438";
}

.genericon-send-to-tablet:before {
  content: "\f454";
}

.genericon-share:before {
  content: "\f415";
}

.genericon-show:before {
  content: "\f403";
}

.genericon-shuffle:before {
  content: "\f514";
}

.genericon-sitemap:before {
  content: "\f507";
}

.genericon-skip-ahead:before {
  content: "\f451";
}

.genericon-skip-back:before {
  content: "\f450";
}

.genericon-skype:before {
  content: "\f220";
}

.genericon-spam:before {
  content: "\f424";
}

.genericon-spotify:before {
  content: "\f515";
}

.genericon-standard:before {
  content: "\f100";
}

.genericon-star:before {
  content: "\f408";
}

.genericon-status:before {
  content: "\f105";
}

.genericon-stop:before {
  content: "\f449";
}

.genericon-stumbleupon:before {
  content: "\f223";
}

.genericon-subscribe:before {
  content: "\f463";
}

.genericon-subscribed:before {
  content: "\f465";
}

.genericon-summary:before {
  content: "\f425";
}

.genericon-tablet:before {
  content: "\f453";
}

.genericon-tag:before {
  content: "\f302";
}

.genericon-time:before {
  content: "\f303";
}

.genericon-top:before {
  content: "\f435";
}

.genericon-trash:before {
  content: "\f407";
}

.genericon-tumblr:before {
  content: "\f214";
}

.genericon-twitch:before {
  content: "\f516";
}

.genericon-twitter:before {
  content: "\f202";
}

.genericon-unapprove:before {
  content: "\f446";
}

.genericon-unsubscribe:before {
  content: "\f464";
}

.genericon-unzoom:before {
  content: "\f401";
}

.genericon-uparrow:before {
  content: "\f500";
}

.genericon-user:before {
  content: "\f304";
}

.genericon-video:before {
  content: "\f104";
}

.genericon-videocamera:before {
  content: "\f517";
}

.genericon-vimeo:before {
  content: "\f212";
}

.genericon-warning:before {
  content: "\f414";
}

.genericon-website:before {
  content: "\f475";
}

.genericon-week:before {
  content: "\f306";
}

.genericon-wordpress:before {
  content: "\f205";
}

.genericon-xpost:before {
  content: "\f504";
}

.genericon-youtube:before {
  content: "\f213";
}

.genericon-zoom:before {
  content: "\f402";
}

.genericon-close:before {
  content: "\f405";
}

.genericon-close-alt:before {
  content: "\f406";
}

/*------------------------------------*\
    $BASE
\*------------------------------------*/
body {
  position: relative;
  font: 14px/20px 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', 'Noto Sans', Dotum, 돋움, sans-serif;
  background-color: white;
  color: black;
  letter-spacing: -0.04em;
}
body.show-menu {
  overflow-y: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #234582;
}

h2 {
  font-size: 38px;
  line-height: 50px;
}

h3 {
  font-size: 19px;
  line-height: 24px;
}

h4 {
  font-size: 22px;
  line-height: 26px;
}

h5 {
  font-size: 19px;
  line-height: 24px;
}

h6 {
  font-size: 16px;
  line-height: 22px;
}

main {
  padding-top: 24px;
}

.block-title {
  color: #234582;
  font-weight: 800;
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .col-r {
    position: relative;
  }
  .col-r::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #d6d6d6;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .flex-md .col-r::before {
    content: none;
  }
}

.block {
  overflow: hidden;
}
.block.bb {
  border-bottom: 2px solid #f1f1f1;
  margin-bottom: 25px;
}
.block h6 {
  margin-bottom: 4px;
}
.block h5 {
  margin-bottom: 10px;
}
.block summary {
  color: #333;
  margin-bottom: 20px;
}
.block figure {
  position: relative;
  margin-bottom: 20px;
}
.block figure a {
  display: block;
}

.listing {
  padding-bottom: 15px;
}
.listing li {
  padding-top: 15px;
  border-top: 1px solid #d6d6d6;
}
.listing li:first-child {
  border-top: 0;
  padding-top: 0;
}
.listing figure {
  position: relative;
  float: right;
  width: 113px;
  margin-left: 20px;
}
.listing .count {
  width: 30px;
  height: 30px;
  background-color: #234582;
  color: white;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.trot {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 20px;
}
.trot label {
  display: block;
  padding: 0 5px;
  margin-right: 9px;
  background-color: #f1f1f1;
  color: #4791c0;
}
.trot a:hover {
  text-decoration: underline;
}

.bn {
  text-align: center;
  padding-bottom: 25px;
}
.bn.top {
  border-bottom: 1px solid #d6d6d6;
  padding-top: 19px;
  padding-bottom: 19px;
}
.bn.bottom {
  border-top: 1px solid #d6d6d6;
  padding-top: 19px;
  padding-bottom: 19px;
}

.bn-wrap {
  padding-bottom: 25px;
  margin-left: -3px;
  margin-right: -3px;
}
.bn-wrap a {
  padding: 3px;
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .bn-wrap a {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .bn-wrap a {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .bn-wrap a img {
    width: 100%;
  }
}

.opinion {
  padding-bottom: 10px;
}
.opinion li {
  padding-top: 20px;
  padding-bottom: 5px;
  border-top: 1px solid #d6d6d6;
}
.opinion li:first-child {
  border-top: 0;
  padding-top: 0;
}
.opinion figure {
  float: right;
  width: 76px;
  border-radius: 50%;
  margin-left: 20px;
  overflow: hidden;
}
.opinion .author {
  color: #555;
}

.mid {
  border-top: 3px solid #4b69a5;
  margin-top: 29px;
  padding-top: 24px;
}
.mid .block-title {
  color: #3355ba;
}

@media only screen and (min-width: 768px) {
  .sticky_sm.is_stuck {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky_md.is_stuck {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.ph time {
  color: #010101;
  font-size: 13px;
}
.ph .logo {
  text-align: center;
}
.ph .logo a {
  display: inline-block;
}
.ph .logo svg {
  fill: #231f20;
}

.topbar {
  background-color: #f2f2f2;
  color: #3e3e3e;
  font-weight: 800;
  padding-top: 11px;
  padding-bottom: 11px;
  
}
.topbar .trending {
  font-weight: bold;
}
.topbar .trending label {
  font-sie: 14px;
  color: #7e7e7e;
}
.topbar .trending a {
  font-weight: bold;
  font-size: 15px;
  color: #3e3e3e;
  margin-left: 20px;
}
.topbar .trending a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1023px) {
  .topbar .trending {
    display: none;
  }
}
.topbar .editions {
  color: #939393;
  margin-left: 20px;
}
.topbar .editions a {
  position: relative;
  padding-left: 30px;
}
.topbar .editions a::after, .topbar .editions a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: absolute;
  left: 13px;
}
.topbar .editions a::before {
  width: 10px;
  height: 10px;
  border-width: 1px;
  border-style: solid;
  top: 4px;
}
.topbar .editions a::after {
  width: 6px;
  height: 6px;
  top: 7px;
  left: 16px;
}
.topbar .editions .active {
  color: #474747;
}
.topbar .editions .active::after {
  background-color: #474747;
}
.topbar .language {
  text-transform: uppercase;
}
.topbar .language a {
  margin-left: 15px;
}
.topbar .language label {
  font-weight: bold;
  font-size: 12px;
  line-height: 21px;
  color: #515151;
  display: inline-block;
  padding: 0 3px;
  background-color: #d6d6d6;
}

.logo-wrap {
  position: relative;
  padding-top: 11px;
  padding-bottom: 11px;
}
.logo-wrap .logo {
  padding: 20px 40px;
}
.logo-wrap .logo svg {
  width: 187px;
}
.logo-wrap .bn {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .logo-wrap .bn {display: none;}
}

.bottombar {
  border-top: 2px solid #333;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 13px;
  padding-bottom: 7px;
  line-height: 16px;
  height: 43px;
}
.bottombar .container-fluid {
  position: relative;
}
.bottombar .f1 {
  padding-right: 52px;
}
@media only screen and (max-width: 1199px) {
  .bottombar time {
    margin-right: auto;
  }
  .bottombar .f1 {
    display: none;
  }
}

.menu {
  font-weight: bold;
  font-size: 16px;
  color: #0f2244;
}
.menu > li {
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
}
.menu > li.expand .btn-expand span {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.menu > li.expand .submenu {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.menu a:hover {
  opacity: .8;
}
.menu::before {
  content: "|";
  color: #e3e3e3;
  padding-left: 12px;
  padding-right: 12px;
}
.menu:first-of-type::before {
  content: none;
}
.menu .btn-expand {
  cursor: pointer;
}

.btn-expand span {
  display: inline-block;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.submenu {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  font-size: 14px;
  line-height: 24px;
  background-color: white;
  padding: 10px;
  position: absolute;
  z-index: 10;
  top: 24px;
  right: -133px;
  width: 1160px;
  border: 1px solid #d8d8d8;
}
.submenu ul {float: left; padding-right: 20px; padding-left: 15px;}
.submenu .ttl {font-weight: 800;}

.search {
  position: absolute;
  top: -13px;
  left: 0;
  right: 20px;
}
.search .genericon-search {
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  color: #333;
  position: absolute;
  top: 0;
  right: 34px;
}
.search form {
  position: absolute;
  top: 0;
  right: 0;
}
.search input {
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.search .form-text {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-indent: 5px;
  width: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
}
.search .form-text:focus {
  width: 100%;
}
.search .form-submit {
  width: 0;
  height: 0;
}

.scrollHeader {
  padding-top: 44px;
}
.scrollHeader .topbar {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 44px;
  
}

.pn {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  height: calc(100vh - 44px);
  overflow-y: scroll;
  position: fixed;
  z-index: -1;
  top: 44px;
  left: 0;
  right: 0;
  background-color: #4c4c4c;
  color: white;
}
.pn a {
  line-height: 40px;
}
.pn a:hover {
  opacity: .6;
}
.pn .genericon-close-alt {
  width: 30px;
  height: 30px;
  background-color: black;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  line-height: 30px;
}
.pn ul {
  margin-top: 10px;
  width: 50%;
}
.pn ul li {
  padding: 0 20px;
}
@media only screen and (min-width: 768px) {
  .pn ul {
    width: 33.333333%;
  }
}
@media only screen and (min-width: 1024px) {
  .pn ul {
    width: 25%;
  }
}
.pn::-webkit-scrollbar {
  width: 9px;
}
.pn::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 9px;
}

.show-menu .pn {
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 5px inset;
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  z-index: 11;
}
.show-menu .genericon-menu::before {
  content: "\f406";
}

.subheader {
  border-bottom: 1px solid #d8d8d8;
}
.subheader .logo {
  padding-top: 19px;
  padding-bottom: 19px;
  margin-left: 0;
}
.subheader .logo a {
  width: 123px;
}
.subheader .container-fluid {
  position: relative;
}
.subheader .search {
  top: 15px;
}

@media only screen and (min-width: 768px) {
.subheader .logo {
  margin-left: -110px;
}
}

@media only screen and (max-width: 1023px) {
  .menu {
    display: none;
  }

  .search {
    -webkit-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 600px) {
  .topbar {
    font-size: 11px;
  }
}
@media only screen and (max-width: 499px) {
  .topbar .language label {
    display: none;
  }

  .btn-menu {
    font-size: 0;
  }
  .btn-menu .genericon-menu {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) {
  .genericon-menu {
    margin-right: 8px;
  }

  .editions {
    padding-left: 35px;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .editions,
  .language {
    font-size: 12px;
  }
}
/*------------------------------------*\
    related news
\*------------------------------------*/
.feature-list {
  font-family:"Apple SD Gothic Neo", sans-serif;
  line-height:22px;
}
.feature-list figure {
  width: 157px;
  margin-right: 20px;
}
.feature-list .title {
  font-weight:900;
  font-size:19px;
  margin-top:5px;
  margin-bottom:10px;
}
.feature-list summary {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#333;
}
.feature-list > li.flex-xs {
  padding-bottom:13px;
}
.feature-list > li > .title {
  font-weight:600;
  font-size:18px;
  padding-top:8px;
}
.related {
  font-size: 14px;
  padding-bottom:12px;
}
.related li {
  padding-bottom: 3px;
  padding-left: 20px;
  position: relative;
}
.related li::before {
  content: "";
  width: 3px;
  height: 4px;
  border-left: 2px solid #bebebe;
  border-bottom: 2px solid #bebebe;
  position: absolute;
  top: 7px;
  left: 3px;
}
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.brands {
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #868686;
  font-weight: 800;
}
.brands li {
  padding-left: 18px;
  padding-right: 18px;
}
.brands a {
  display: block;
}

.pf {
  background-color: #3e3e3e;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #acb2ba;
  font-size: 11px;
  line-height: 16px;
}
.pf .logo {
  margin-bottom: 10px;
}
.pf svg {
  fill: #ddd;
  width: 129px;
  height: 32px;
}
.pf nav {
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pf nav a {
  color: white;
}
.pf nav a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.pf nav li {
  display: inline-block;
}
.pf nav li::before {
  content: "|";
  margin-left: 3px;
  margin-right: 7px;
}
.pf nav li:first-child::before {
  content: none;
}
.pf .social {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.pf .social .genericon-star {
  font-size: 24px;
}

.genericon-feed:hover {
  color: #ee802f;
}

.genericon-facebook-alt:hover {
  color: #3b5998;
}

.genericon-twitter:hover {
  color: #1da1f2;
}

.genericon-star:hover {
  color: gold;
}