.acp.bannerflex {
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-bg.png);
  background-size: 1440px auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: inherit;
}

.acp.bannerflex .flexslider {
  max-height: none;
}

.acp.bannerflex h1,.acp.bannerflex .h1 {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  padding: 30px 15px 0;
  margin: 0;
  letter-spacing: normal;
}

.acp.bannerflex a.cta {
  background-color: #feca46;
  color: #000;
  padding: 10px 20px;
  line-height: 14px;
  font-size: 15px;
  border-radius: 10px;
  display: block;
  max-width: 160px;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
  position: absolute;
  bottom: 41px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0 3px 7px 0 #000;
}

.acp-slider.ems-slide {
  max-width: 1000px;
  margin: auto !important;
  display: block;
}

.acp-slider.ems-slide li {
  float: none;
}

.concept {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 100%;
}

.concept .apps {
  max-width: 350px;
}

.concept .apps img {
  /* animation: float 6s ease-in-out infinite;*/
}

.concept .pitstop {
  max-width: 300px;
}

.concept .pitstop .scanner {
  position: relative;
  max-width: 100px;
  margin: 10px auto 20px;
}

.concept .pitstop .sysadmin {
  position: relative;
  display: block;
  width: 300px;
  height: 280px;
  margin: 0 0 60px;
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-left.png);
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-center.png);
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-right.png);
  background-size: 100% auto;
}

.concept .pitstop .sysadmin.left {
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-left.png);
}

.concept .pitstop .sysadmin.center {
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-center.png);
}

.concept .pitstop .sysadmin.right {
  background-image: url(/sites/meweb/images/kr/application-control/images/banner-clip-sysadmin-right.png);
}

.concept .pitstop .sysadmin .monitor {
  position: absolute;
  left: 0;
  right: -7px;
  top: 8px;
  margin: auto;
  width: 200px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.concept .pitstop .sysadmin .monitor.loading {
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center center;
}

.concept .pitstop .sysadmin .monitor div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.concept .pitstop .sysadmin .monitor div p {
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  line-height: normal;
  text-align: center;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.concept .pitstop .sysadmin .monitor div h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: normal;
  text-align: center;
  display: flex;
  justify-content: center;
  min-height: 30px;
  align-items: center;
  flex-wrap: wrap;
}

.concept .pitstop .sysadmin .monitor div h3 b {
  font-size: 22px;
  font-weight: 700;
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 b {
  font-size: 20px;
  font-weight: 600;
}

.concept .pitstop .sysadmin .monitor div h3:before, .concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:before {
  content: '';
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:before {
  width: 9px;
  height: 9px;
}

.concept .pitstop .sysadmin .monitor .mon-grey h3:before {
  display: none;
}

.concept .pitstop .sysadmin .monitor .mon-white h3:before {
  background-image: url(../images/compare-tick.png);
}

.concept .pitstop .sysadmin .monitor .mon-black h3:before {
  background-image: url(../images/compare-cross.png);
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:first-child:before {
  background-image: url(../images/compare-tick.png);
}

.concept .pitstop .sysadmin .monitor .mon-grey h3 span strong:last-child:before {
  background-image: url(../images/compare-cross.png);
}

.concept .pitstop .sysadmin .monitor div span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  line-height: 13px;
  font-size: 14px;
  margin: 7px 0;
}

.concept .pitstop .sysadmin .monitor div span strong {
  font-weight: 600;
  margin: 0 5px;
}

.concept .pitstop .sysadmin .monitor div span strong.jump:first-child, .concept .pitstop .sysadmin .monitor div h3.jump {
  animation: jump 1s linear infinite;
}

.concept .network img {
  /*animation: float 6s ease-in-out infinite;*/
}

.concept .network {
  max-width: 350px;
}

.concept .pitstop .scanner .diode {
  opacity: 0;
  /* animation: beam .01s infinite;*/
}

.concept .pitstop .scanner .diode .laser {
  width: 100%;
  background-color: tomato;
  height: 1px;
  position: absolute;
  top: 0;
  z-index: 2;
  box-shadow: 0 0 4px red;
  /*animation: scanning 2s infinite;*/
}

.concept .pitstop .scanner .app-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 40px;
  width: 40px;
  opacity: 0;
  animation-fill-mode: forwards;
}

.concept .pitstop .scanner .trash {
  width: 20px;
  margin: 10px auto;
  display: block;
  position: absolute;
  color: transparent;
  background-image: url('../images/banner-clip-trash-open.png');
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  right: 0;
  left: 0;
  bottom: -36px;
  opacity: 0;
  /*animation: trash-close 2s linear;*/
  animation-fill-mode: forwards;
  z-index: 2;
}

.float-animi {
  animation: float 6s ease-in-out infinite;
}

.tabdrop .float-animi {
  animation: none;
}

.beam-animi {
  animation: beam .01s infinite;
}

.scanning-animi {
  animation: scanning 1.5s infinite;
}

.app-scan-animi {
  animation: app-scan 1s linear;
}

.scan-network-animi {
  animation: scan-network 1s linear;
}

.shake-animi {
  animation: shake 1s linear;
}

.trash-animi {
  animation: trash 1s ease-out;
}

.trash-close-animi {
  animation: trash-close 2s linear;
}

@keyframes jump {
  50% {
      transform: scale(1.1);
  }
}

@keyframes float {
  0% {
      transform: translatey(0px);
  }

  50% {
      transform: translatey(-20px);
  }

  100% {
      transform: translatey(0px);
  }
}

@keyframes beam {
  0%,100% {
      opacity: 1;
  }

  50% {
      opacity: 0;
  }
}

@keyframes scanning {
  50% {
      transform: translateY(100px);
  }
}

@keyframes app-scan {
  0% {
      transform: translate(-230px, 120px) scale(.4);
      opacity: 0;
  }

  50% {
      transform: translate(-180px, 40px);
      opacity: 1;
  }

  70% {
      transform: translate(-100px, 20px);
  }

  100% {
      opacity: 1;
  }
}

@keyframes scan-network {
  50% {
      opacity: 1;
      transform: translate(100px, 20px);
  }

  70% {
      opacity: 1;
      transform: translate(180px, 40px);
  }

  100% {
      transform: translate(230px, 120px) scale(.4);
      opacity: 0;
  }
}

@keyframes shake {
  0%,100% {
      opacity: 1;
  }

  10%, 90% {
      transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
      transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
      transform: translate3d(4px, 0, 0);
  }
}

@keyframes trash {
  90% {
      opacity: 1;
      transform: translate(-230px, -70px) scale(0);
  }

  95% {
      opacity: 0;
  }

  100% {
      transform: translate(-250px, -140px) scale(0);
  }
}

@keyframes trash-close {
  0%,100% {
      transform: scale(0);
      opacity: 0;
      background-image: url('../images/banner-clip-trash-close.png');
  }

  20% {
      background-image: url('../images/banner-clip-trash-close.png');
  }

  21% {
      background-image: url('../images/banner-clip-trash-open.png');
  }

  79% {
      background-image: url('../images/banner-clip-trash-open.png');
  }

  80% {
      background-image: url('../images/banner-clip-trash-close.png');
  }

  20%,80% {
      transform: scale(1);
      opacity: 1;
  }
}

.bannerflex {
  background-color: #035fac;
}

.acp h2, .acp h1,.acp .h1,.acp .h2 {
  font-size: 30px;
  font-weight: 300;
  line-height: 60px;
  padding: 30px 0 0;
  margin: 0;
  text-align: center;
  letter-spacing: normal;
}

.acp h2 strong,.acp h1 strong,.acp .h2 strong,.acp .h1 strong {
  font-size: 32px;
  font-weight: 600;
}

.acp h3 {
  font-weight: 600;
  margin: 30px 0 0;
  font-size: 20px;
}

.acp.overview {
  padding: 0 0 30px;
}

.acp.overview p {
  max-width: 750px;
  text-align: center;
  margin: auto;
}

.acp.overview .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.acp.overview .flex .flex-inner {
  max-width: 140px;
  margin: 0 40px;
}

.acp.overview .flex .flex-inner h3 {
  font-weight: 600;
  margin: 30px 0 0;
  font-size: 20px;
}

.acp.overview .flex .flex-inner img {
  font-weight: 600;
  max-width: 60px;
  margin: 10px 0 0;
  font-size: 20px;
}

.acp.overview .flex .flex-inner p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 24px;
}

.acp.features {
  background-color: #f3fcff;
  padding: 0 0 80px;
  background-image: url(../images/acp-page-sepearator.jpg);
  background-position: bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.acp.features .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1100px;
  margin: auto;
}

.acp.features .flex-inner {
  max-width: 315px;
  padding: 20px;
  border-right: 1px solid #00e0ff;
  border-bottom: 1px solid #00e0ff;
}

.acp.features .flex-inner .head {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

.acp.features .flex-inner .head img {
  width: 60px;
  height: 60px;
  margin: 0 20px 0 0;
}

.acp.features .flex-inner .head h3 {
  margin: 0;
  color: #005B9F;
}

.acp.features .flex-inner .head h3 a {
  color: #206da2;
  text-decoration: none;
}

.acp.features .flex-inner h4 {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  color: #004c80;
}

.acp.features .flex-inner p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 26px;
}

.acp.features .flex-inner:nth-last-child(1) {
  border-right: 0px;
}

.acp.features .flex-inner:nth-last-child(1), .acp.features .flex-inner:nth-last-child(2) {
  border-bottom: 0px;
}

.acp.features .flex-inner:nth-child(3) {
  border-right: 0;
}

.acp.solutions {
  padding: 0 50px 50px;
}

.acp.solutions .flex {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: auto;
  justify-content: space-between;
  align-items: flex-start;
}

.acp.solutions .flex:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100px;
  height: 100px;
  margin: auto;
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-1.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.acp.solutions .flex li {
  position: relative;
  max-width: 400px;
  min-height: 90px;
  background-color: #f3fcff;
  padding: 15px 15px 15px 30px;
  margin: 30px 30px 30px 0;
  display: flex;
  align-items: center;
  cursor: default;
}

.acp.solutions .flex li:hover h3 {
  display: none;
}

.acp.solutions .flex li:hover p {
  display: block;
}

.acp.solutions .flex li:nth-child(even) {
  margin: 30px 0 30px 30px;
  padding: 15px 30px 15px 15px;
}

.acp.solutions .flex li h3 {
  margin: 0;
  font-size: 17px;
}

.acp.solutions .flex li p {
  margin: 0;
  display: none;
}

.acp.solutions .flex li:after {
  content: '';
  width: 90px;
  height: 90px;
  position: absolute;
  transform: rotate(45deg);
  right: -43px;
  background-color: #f3fcff;
  top: 14px;
  bottom: 0;
  z-index: -1;
  border: 1px solid #00e0ff;
  transition: all linear 350ms;
}

.acp.solutions .flex li:nth-child(even):after {
  left: -43px;
  top: 14px;
  bottom: 0;
}

.acp.solutions .flex li:hover:after {
  right: -50px;
}

.acp.solutions .flex li:nth-child(even):hover:after {
  left: -50px;
}

.acp.edition {
  background-color: #f3fcff;
  padding-bottom: 50px;
}

.acp.edition .flex {
  display: flex;
  justify-content: center;
}

.acp.edition .flex .flex-inner {
  margin: 20px;
  background-color: #fff;
  max-width: 334px;
  flex-wrap: wrap;
  display: flex;
  align-content: space-between;
  box-shadow: 0 0 3px #0003
}

.acp.edition .flex .flex-inner:first-child {
  max-width: 220px;
}

.acp.edition .flex .flex-inner .edi-head {
  background-color: #0badec;
  color: #fff;
  text-align: center;
  padding: 15px;
  width: 100%;
}

.acp.edition .flex .flex-inner .edi-head h3 {
  color: #fff;
  margin: 0;
  padding: 0;
}

.acp.edition .flex .flex-inner .edi-fea {
  margin: 0;
  padding: 15px 30px;
  width: 100%;
}

.acp.edition .flex .flex-inner .edi-fea li {
  position: relative;
  line-height: 20px;
  padding-bottom: 10px;
  font-size: 14px;
  margin-left: 15px;
}

.acp.edition .flex .flex-inner:last-child .edi-fea li:first-child {
  margin-left: 0;
  font-size: 15px;
}

.acp.edition .flex .flex-inner .edi-fea li:before {
  content: '»';
  color: #24a5ff;
  position: absolute;
  left: -15px;
}

.acp.edition .flex .flex-inner:last-child .edi-fea li:first-child:before {
  content: '';
}

.acp.edition .flex .flex-inner .edi-cta {
  font-size: 18px;
  font-weight: 600;
  display: block;
  background-color: #e9132a;
  color: #fff;
  text-align: center;
  padding: 8px 15px;
  margin: 15px auto;
  width: 80%;
  text-decoration: none;
}

.acp.edition .flex .flex-inner:first-child .edi-cta {
  width: 70%;
}

/*Feature*/
.box > ul {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.box > ul > li {
  display: inline-block;
  vertical-align: top;
}

.box > ul > li .para {
  display: block;
  color: #000;
  margin-top: 5px;
}

.box > ul > li h3 {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 10px 48px;
  color: #2978bb;
}

.box > ul > li.list h3 {
  color: #000;
}

.box > ul > li > a, .box > ul > li.list {
  display: block;
  width: 300px;
  min-height: 120px;
  position: relative;
  vertical-align: top;
  text-align: initial;
  padding: 20px 25px;
  margin: 15px;
  box-shadow: 0 0 2px #ccc;
}

.box > ul > li > a:hover {
  box-shadow: 0 0 10px #9fd2ff;
  color: #000;
  text-decoration: none;
}

.box > ul > li.list {
  display: inline-block;
}

.box > ul > li.big a {
  width: 685px;
}

.box > ul > li.big a .para {
  display: inline-block;
  width: 40%;
  margin-right: 2%;
  vertical-align: top;
}

.box > ul > li.big a h3 {
  display: block;
}

.box > ul > li.list > ul {
  list-style: inside;
  font-size: 13px;
}

.box > ul > li .more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

.box > ul > li .more a {
  display: block;
  padding: 4px 14px;
  background-color: #eee;
  color: #000;
  text-decoration: none;
  transition: all ease 350ms;
}

.box > ul > li .more a:hover {
  background-color: #267fc3;
  color: #fff;
}

.box > ul > li:hover .more {
  display: block;
}

.box > ul > li > a:after, .box > ul > li.list:after {
  content: '';
  position: absolute;
  display: inline-block;
  left: 25px;
  border-left: 0px;
  border-bottom: 0px;
  top: 15px;
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center center;
}

.box > ul > li#box1 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-1.png);
}

.box > ul > li#box2 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-2.png);
}

.box > ul > li#box3 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-3.png);
}

.box > ul > li#box4 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-4.png);
}

.box > ul > li#box5 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-5.png);
}

.box > ul > li#box6 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-6.png);
}

.box > ul > li#box7 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-7.png);
}

.box > ul > li#box8 > :after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-8.png);
}

.box > ul > li#box9 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-9.png);
}

.box > ul > li#box10 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-10.png);
}

.box > ul > li#box11 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-11.png);
}

.box > ul > li#box12 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-12.png);
}

.box > ul > li#box13 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-13.png);
}

.box > ul > li#box14 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-14.png);
}

.box > ul > li#box15 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-15.png);
}

.box > ul > li#box16 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-16.png);
}

.box > ul > li#box17 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-17.png);
}

.box > ul > li#box18 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-18.png);
}

.box > ul > li#box19 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-19.png);
}

.box > ul > li#box20 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-20.png);
}

.box > ul > li#box21 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-21.png);
}

.box > ul > li#box22 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-22.png);
}

.box > ul > li#box23 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-23.png);
}

.box > ul > li#box24 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-24.png);
}

.box > ul > li#box25 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-25.png);
}

.box > ul > li#box26 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-26.png);
}

.box > ul > li#box27 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-27.png);
}

.box > ul > li#box28 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-28.png);
}

.box > ul > li#box29 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-29.png);
}

.box > ul > li#box30 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-30.png);
}

.box > ul > li#box31 > a:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-31.png);
}

.box > ul > li#box1:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-1.png);
}

.box > ul > li#box8:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-8.png);
}

.box > ul > li#box9:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-9.png);
}

.box > ul > li#box10:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-10.png);
}

.box > ul > li#box11:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-11.png);
}

.box > ul > li#box12:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-12.png);
}

.box > ul > li#box13:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-13.png);
}

.box > ul > li#box21:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-21.png);
}

.box > ul > li#box22:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-22.png);
}

.box > ul > li#box23:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-23.png);
}

.box > ul > li#box26:after {
  background-image: url(/sites/meweb/images/kr/application-control/images/box-icon-26.png);
}

.edi-btn inputgroup.select.country {
  margin-top: 30px !important;
}

@media (max-width: 600px) {
  .concept .apps,.concept .network {
      display:none;
  }

  .acp.solutions .flex li {
      margin: 10px 0 !important;
      padding: 15px;
  }

  .acp.solutions .flex li:after, .acp.solutions .flex li:before {
      display: none;
  }

  .acp.solutions .flex:after {
      display: none;
  }

  .acp.edition .flex .flex-inner {
      max-width: none !important;
  }

  .acp.edition .flex .flex-inner .edi-cta {
      width: 80% !important;
  }

  .acp.features .flex-inner {
      border: 0;
  }

  .acp.solutions {
      padding: 20px;
  }

  .acp.overview .flex .flex-inner {
      margin: 15px;
  }
}

@media screen and (max-width: 600px) {
  .acp.edition .flex {
      display:block;
  }

  .acp.overview .flex .flex-inner {
      max-width: 100%;
  }
}