.all_wrap {
  position:absolute !important;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto !important;
  overflow:hidden !important
}

.cpage {
  position:relative;
  height:100% !important;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.all_wrap {
  left:19.1%;
}

.s_left {
  overflow:auto;
  width:19.1%;
  min-width:229px;
  height:100%;
  background-color:#f2f2f2;
  position:fixed;
  z-index:50;
  text-align:center;
  padding-top:50px;
  padding-bottom:30px;
}

.s_left a {
  display:block;
  background-repeat:no-repeat;
  background-position:center;
  margin-bottom:10px;
}

.s_left a img {
  visibility:hidden;
}

.s_left .sel img {
  visibility:visible;
}

.all_wrap .cpage {
  min-width:80.9%;
  width:80.9%;
  height:100%;
  margin-left:19.1%;
}

.all_wrap .info {
  width:100%;
  height:100%;
  position:absolute;
  bottom:0px;
}

.all_wrap .bg_img {
  position:absolute;
  top:0;
  bottom:230px;
  width:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:left bottom;
}

.all_wrap .bg_info {
  background-image:url('http://img.einet.kr/fullscreen/sample/title/service2_info.jpg');
  height:230px;
  background-repeat:no-repeat;
  position:absolute;
  bottom:0px;
  width:100%;
}

.all_wrap .right_text {
  padding:58px 10px 0 345px;
}

.all_wrap h3 {
  font-size:20px;
  font-weight:bold;
  margin-bottom:1%;
}

.all_wrap p {
  font-size:14px;
  line-height:20px;
}





.all_wrap {
  position:absolute !important;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin:auto !important;
  overflow:hidden !important
}

.cpage {
  display:none;
  height:100% !important;
}

/* 위아래 */
.scrollRemoveDown {
  position:absolute;
  z-index:3;
  width:100%;
  top:0;
  height:100%;
  transform-stylepreserve-3d;
  transform-origin: 50% 50%;
  animation: scrollRemoveDown 0.3s linear 0s 1 alternate forwards;
  visibility:hidden;
}

@keyframes scrollRemoveDown {
  0%  {transform:translateY(-0%);visibility:visible;}
  100%{transform:translateY(-100%);visibility:visible;}
}

.scrollMoveDown {
  position:absolute;
  z-index:2;
  width:100%;
  top:0;
  height:100%;
  transform-stylepreserve-3d;
  transform-origin: 50% 50%;
  animation: scrollMoveDown 0.3s linear 0s 1 alternate both;
}

@keyframes scrollMoveDown {
  0%  {transform:translateY(100%)}
  100%{transform:translateY(0%)}
}

.scrollRemoveUp {
  position:absolute;
  z-index:3;
  width:100%;
  top:0;
  height:100%;
  transform-stylepreserve-3d;
  transform-origin: 50% 50%;
  animation: scrollRemoveUp 0.3s linear 0s 1 alternate forwards;
  visibility:hidden;
}

@keyframes scrollRemoveUp {
  0%  {transform:translateY(0%);visibility:visible;}
  100%{transform:translateY(100%);visibility:visible;}
}

.scrollMoveUp {
  position:absolute;
  z-index:2;
  width:100%;
  top:0;
  height:100%;
  transform-stylepreserve-3d;
  transform-origin: 50% 50%;
  animation: scrollMoveUp 0.3s linear 0s 1 alternate both;
}

@keyframes scrollMoveUp {
  0%  {transform:translateY(-100%)}
  100%{transform:translateY(-0%)}
}