.fdx-header {
  position: relative;
  height: 550px;
  background: #fff;
  overflow: hidden;
}
.fdx-header .kenburns-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fdx-header .kenburns-list > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fdx-header .kenburns-list .item1 {
  background: #536768 url("../images/fdx/hero1.jpg") center center;
  background-size: cover;
}
.fdx-header .kenburns-list .item2 {
  background: #536768 url("../images/fdx/hero2.jpg") 20% center;
  background-size: cover;
}
.fdx-header .kenburns-list .item3 {
  background: #536768 url("../images/fdx/hero3.jpg") center center;
  background-size: cover;
}
.fdx-header .kenburns-list .item4 {
  background: #536768 url("../images/fdx/hero4.jpg") center center;
  background-size: cover;
}
.fdx-header .kenburns-list .item1.active {
  z-index: 3;
  -webkit-animation: kenburns1Animation 5s linear;
  -ms-animation: kenburns1Animation 5s linear;
  -moz-animation: kenburns1Animation 5s linear;
  -o-animation: kenburns1Animation 5s linear;
  animation: kenburns1Animation 5s linear;
}
.fdx-header .kenburns-list .item2.active {
  z-index: 3;
  -webkit-animation: kenburns2Animation 5s linear;
  -ms-animation: kenburns2Animation 5s linear;
  -moz-animation: kenburns2Animation 5s linear;
  -o-animation: kenburns2Animation 5s linear;
  animation: kenburns2Animation 5s linear;
}
.fdx-header .kenburns-list .item3.active {
  z-index: 3;
  -webkit-animation: kenburns3Animation 5s linear;
  -ms-animation: kenburns3Animation 5s linear;
  -moz-animation: kenburns3Animation 5s linear;
  -o-animation: kenburns3Animation 5s linear;
  animation: kenburns3Animation 5s linear;
}
.fdx-header .kenburns-list .item4.active {
  z-index: 3;
  -webkit-animation: kenburns4Animation 5s linear;
  -ms-animation: kenburns4Animation 5s linear;
  -moz-animation: kenburns4Animation 5s linear;
  -o-animation: kenburns4Animation 5s linear;
  animation: kenburns4Animation 5s linear;
}

.fdx-title-message {
  background: #fff;
  color: #000;
}
.fdx-title-message .fdx-title-wrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}
.fdx-title-message .fdx-title-wrapper h2 {
  -webkit-animation: fadeInPopupAnimation 0.5s ease-in-out;
  -ms-animation: fadeInPopupAnimation 0.5s ease-in-out;
  -moz-animation: fadeInPopupAnimation 0.5s ease-in-out;
  -o-animation: fadeInPopupAnimation 0.5s ease-in-out;
  animation: fadeInPopupAnimation 0.5s ease-in-out;
  font-size: 60px;
  padding: 145px 25px 100px 25px;
  margin: 0;
  text-align: center;
}

@keyframes fadeInPopupAnimation {
  0% {
    -webkit-transform: scale(0.5) translate3d(0px, -70px, 0px);
    -ms-transform: scale(0.5) translate3d(0px, -70px, 0px);
    -moz-transform: scale(0.5) translate3d(0px, -70px, 0px);
    -o-transform: scale(0.5) translate3d(0px, -70px, 0px);
    transform: scale(0.5) translate3d(0px, -70px, 0px);
    opacity: .5;
  }
  100% {
    -webkit-transform: scale(1) translate3d(0px, 0px, 0px);
    -ms-transform: scale(1) translate3d(0px, 0px, 0px);
    -moz-transform: scale(1) translate3d(0px, 0px, 0px);
    -o-transform: scale(1) translate3d(0px, 0px, 0px);
    transform: scale(1) translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.fdx-outline {
  background: #fff;
  color: #000;
}
.fdx-outline .fdx-outline-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.fdx-outline .fdx-outline-wrapper h2 {
  font-size: 36px;
  padding: 0 40px;
}
.fdx-outline .outline ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 1000px) {
  .fdx-outline .outline ul {
    display: block;
    width: 100%;
  }
}
.fdx-outline .outline dt, .fdx-outline .outline dd {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 47%;
  font-size: 18px;
  line-height: 30px;
  vertical-align: top;
}
.fdx-outline .outline dt {
  text-align: right;
  padding-right: 3%;
}
.fdx-outline .outline dd {
  padding-left: 3%;
}

.fdx-history {
  background: #F3F4F5;
  color: #000;
}
.fdx-history .text-muted {
  color: #888 !important;
}
.fdx-history .fdx-history-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.fdx-history .fdx-history-wrapper h2 {
  font-size: 36px;
  padding: 0 40px;
}
.fdx-history .history ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 1000px) {
  .fdx-history .history ul {
    display: block;
    width: 100%;
  }
}
.fdx-history .history dt, .fdx-history .history dd {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  vertical-align: top;
}
.fdx-history .history dt {
  text-align: right;
  padding-right: 3%;
  width: 37%;
  font-family: 'NanumSquare';
  color: #666;
  font-size: 16px;
}
.fdx-history .history dt strong, .fdx-history .history dt span {
  display: inline-block;
}
.fdx-history .history dt strong {
  width: 60px;
}
.fdx-history .history dt span {
  width: 38px;
}
.fdx-history .history dd {
  padding: 0 3%;
  width: 54%;
}

.fdx-team {
  background: #192431;
  color: #fff;
}
.fdx-team .team-wrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.fdx-team .team-wrapper h2 {
  font-size: 36px;
  padding: 0 40px;
}
.fdx-team .team {
  box-shadow: 0 25px 25px rgba(0, 0, 0, 0.5);
}
.fdx-team .team ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
@media (max-width: 1000px) {
  .fdx-team .team ul {
    display: block;
    width: 100%;
  }
}
.fdx-team .team li {
  width: 16.6%;
  height: 450px;
  position: relative;
  display: table-cell;
  margin: 0;
  padding: 0px;
  list-style: none;
  text-align: center;
  vertical-align: bottom;
  transition: all .3s ease-in-out;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
  float: left;
}
.fdx-team .team li:hover {
  background-size: auto 130%;
}
.fdx-team .team li h4 {
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  margin-top: 360px;
}
@media (max-width: 1000px) {
  .fdx-team .team li {
    width: 100%;
    height: 500px;
    display: block;
    background-size: cover !important;
  }
  .fdx-team .team li h4 {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 0;
  }
}
.fdx-team .team .ceo {
  background: #080909 url("../images/fdx/team-ceo.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .dennis {
  background: #080909 url("../images/fdx/team-dennis.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .parkyoungjin {
  background: #080909 url("../images/fdx/team-parkyoungjin.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .sinhogeun {
  background: #080909 url("../images/fdx/team-sinhogeun.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .parkjongseok {
  background: #080909 url("../images/fdx/team-parkjongseok.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .sohyeongseop {
  background: #080909 url("../images/fdx/team-sohyeongseop.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .kimdongchul {
  background: #080909 url("../images/fdx/team-kimdongchul.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .leeduhan {
  background: #080909 url("../images/fdx/team-leeduhan.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .jungyonguk {
  background: #080909 url("../images/fdx/team-jungyonguk.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .yuhojin {
  background: #080909 url("../images/fdx/team-yuhojin.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .yuseungmin {
  background: #080909 url("../images/fdx/team-yuseungmin.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .yunyeungmin {
  background: #080909 url("../images/fdx/team-yunyeungmin.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .woosangryeol {
  background: #080909 url("../images/fdx/team-woosangryeol.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .leejiae {
  background: #080909 url("../images/fdx/team-leejiae.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .handonggil {
  background: #080909 url("../images/fdx/team-handonggil.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .yunhyeonmin {
  background: #080909 url("../images/fdx/team-yunhyeonmin.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .wonyeongsang {
  background: #080909 url("../images/fdx/team-wonyeongsang.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .jungjaewon {
  background: #080909 url("../images/fdx/team-jungjaewon.jpg") no-repeat center center;
  background-size: auto 100%;
}
.fdx-team .team .iwantyou {
  cursor: pointer;
}

.fdx-navigation {
  background: #4B4E53;
  color: #fff;
}
.fdx-navigation .navigation-wrapper {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.fdx-navigation .navigation-wrapper h2 {
  font-size: 36px;
  padding: 0 40px;
}
.fdx-navigation .navigation {
  color: #777;
}
.fdx-navigation .navigation ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
@media (max-width: 800px) {
  .fdx-navigation .navigation ul {
    display: block;
    width: 100%;
  }
}
.fdx-navigation .navigation li {
  width: 50%;
  height: 50%;
  display: table-cell;
  margin: 0;
  background: #eee;
  padding: 40px;
  list-style: none;
  vertical-align: top;
  font-size: 20px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
@media (max-width: 800px) {
  .fdx-navigation .navigation li {
    width: auto;
    height: auto;
    display: block;
  }
}
.fdx-navigation .navigation li:hover {
  background: #000;
  color: #f0f0f0;
  box-shadow: 0 15px 15px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.fdx-navigation .navigation h3 {
  margin: 0 0 15px 0;
  font-size: 22px;
}
.fdx-navigation .more {
  padding: 30px;
  text-align: center;
}
.fdx-navigation .more a, .fdx-navigation .more button {
  display: inline-block;
  background: transparent;
  color: #006faa;
  border: 2px rgba(155, 155, 155, 0.8) solid;
  border-radius: 20PX;
  padding: 15px;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}

.fdx-map {
  background: #fff;
  color: #000;
}
.fdx-map .map-wrapper {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
.fdx-map .map-wrapper h2 {
  font-size: 36px;
  padding: 0 40px;
}
.fdx-map .map ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
@media (max-width: 900px) {
  .fdx-map .map ul {
    display: block;
    width: 100%;
  }
}
.fdx-map .map li {
  width: 50%;
  height: 50%;
  display: table-cell;
  margin: 0;
  padding: 40px;
  list-style: none;
  vertical-align: top;
}
@media (max-width: 900px) {
  .fdx-map .map li {
    width: auto;
    height: auto;
    display: block;
  }
}
.fdx-map .map h3 {
  margin: 0;
}
.fdx-map .map .left {
  text-align: right;
  font-size: 18px;
  line-height: 30px;
}
.fdx-map .map .right {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

#map {
  width: 100%;
  height: 600px;
  margin: 0 auto;
  border-top: 5px #192431 solid;
  border-bottom: 5px #192431 solid;
}
@media (max-width: 1000px) {
  #map {
    width: 70%;
    height: 300px;
    border: 0 !important;
  }
}