body {
  /*padding: 50px;*/
  font:
    14px "Lucida Grande",
    Helvetica,
    Arial,
    sans-serif;
  min-width: 360px;
}

a {
  color: #00b7ff;
}

#top_menu span {
  color: #2a0958;
  font-size: 1.1rem;
  font-weight: 600;
}

/* Change general icon text/stroke color */
span[uk-icon] svg {
  /*color: #faaeb6; /* or use 'fill' if supported by the icon's paths */
  color: #ff0033;
}

.chevron {
  margin-left: 1rem;
}

.main {
  /*background-image: url("/images/port_background_1000_667.png");*/
  background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url("/images/port_background_1000_667.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main div {
  margin: 0 0 1rem 0;
  color: white;
  font-size: 1.2rem;
  padding-left: 1rem;
}

.divMo {
  background-image: url("/images/inside_tunnel2_420_236.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.divMo div {
  margin: 0 0 1rem 0;
  color: white;
  font-size: 1.2rem;
  padding-left: 1rem;
}

.divCu {
  background-image: url("/images/coppermine_back_1024_650.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.divCu div {
  margin: 0 0 1rem 0;
  color: white;
  font-size: 1.2rem;
  padding-left: 1rem;
}

.lmeprice {
  font-size: 2rem;
  font-weight: 600;
  color: white;
}

.mleft1rem {
  margin-left: 1rem;
}

.mleft1rem span[uk-icon="icon: arrow-down"] svg {
  color: white;
  fill: white; /* 채워진 아이콘인 경우 */
  /*stroke: white; /* 외곽선 아이콘인 경우 */
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.subtitle {
  text-align: left;
  font-size: 3rem;
  font-weight: 600;
}

.flex-span {
  display: inline-flex;
  align-items: center;
}

.divprocess span[uk-icon="icon: arrow-down"] svg {
  color: white;
  fill: white; /* 채워진 아이콘인 경우 */
  /*stroke: white; /* 외곽선 아이콘인 경우 */
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}