/* -------- dev fonts -------- */
/*
font-family: "Open Sans", sans-serif;
font-family: "Open Sans Condensed", sans-serif;
*/
/* -------- dev colors -------- */
/*
Red: #ba0c2f
Green: #6ba539
Blue: #0091da
DK Blue: #0073ac
Orange: #ed9b33
*/
/* @group ---- overwrites */
/* DO NOT REMOVE */
/*#cdemPage #content {
padding: 0;
text-align: left;
font-size: 1.4em;
line-height: 150%;
}*/
/* DO NOT REMOVE */
/*#cdemPage #content h1#PageTitle:nth-of-type(1) {
display: none; 
}*/
/* @end */
/* @group eBoard-styles */
#eBoardwrap {
  /* DO NOT REMOVE THIS SELECTOR */
}

#eBoardwrap .l33 {
  width: 25%;
  border-top: 1px solid #ccc;
  margin: 0 -4px 0 0;
  padding: 24px 24px 36px;
  position: relative;
  background-color: #fff;
  float: none;
  display: inline-block;
  vertical-align: top;
}

#eBoardwrap #EIC {
  width: 100%;
  display: block;
  clear: both;
  padding: 24px;
  border: none;
  background-color: #f5f5f5;
  margin: 18px 0 36px;
}

#eBoardwrap #EIC img {
  margin: -48px 0 6px 12px;
}

#eBoardwrap .l33 img {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  border: 1px solid #ccc;
  float: right;
  position: relative;
  z-index: 20;
  margin: -48px 0 6px 12px;
  padding: 0;
}

#eBoardwrap .l33 p {
  margin: 0;
  padding: 0;
}

#eBoardwrap .l33 h3 {
  font-size: 1.3em;
  line-height: 120%;
  font-weight: 300;
}

/* @end */
@media screen and (max-width: 1600px) {
  #eBoardwrap .l33 {
    width: 33.33%;
  }
}

@media screen and (max-width: 1280px) {
  #eBoardwrap .l33 {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  #eBoardwrap .l33 {
    width: 100%;
    margin: 0;
    padding: 18px 0 36px;
  }
  #eBoardwrap .l33 img {
    margin: -48px 24px 6px 12px;
  }
}

/* iPhone6plus- landscape */
/* iPhone6- landscape */
/* iPhone5s- landscape */
@media screen and (max-width: 480px) {
  #eBoardwrap #EIC img {
    margin: -32px 0 6px 12px;
  }
  #eBoardwrap .l33 img {
    margin: -32px 24px 6px 12px;
  }
}

/* iPhone6plus-portrait */
/* iPhone6-portrait */
@media screen and (max-width: 320px) {
  #eBoardwrap #EIC {
    margin: 18px 0 28px;
    padding: 18px;
  }
  /*#eBoardwrap #EIC img {
margin: -32px 0 6px 12px;
}*/
  #eBoardwrap .l33 img {
    width: 90px;
    height: 90px;
    margin: -32px 18px 6px 12px;
  }
}

/* ---------- target mozilla browsers ---------- */
@-moz-document url-prefix() {}/* ---------- target IE 10/11 browsers ---------- */