/*�좊땲硫붿씠��*/
@keyframes bounce{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,-10px);}
}   

@-webkit-keyframes heartbeat {
  from {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  10% {
	-webkit-transform: scale(0.91);
			transform: scale(0.91);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  17% {
	-webkit-transform: scale(0.98);
			transform: scale(0.98);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  33% {
	-webkit-transform: scale(0.87);
			transform: scale(0.87);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  45% {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-transform-origin: center center;
			transform-origin: center center;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  10% {
	-webkit-transform: scale(0.91);
			transform: scale(0.91);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  17% {
	-webkit-transform: scale(0.98);
			transform: scale(0.98);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  33% {
	-webkit-transform: scale(0.87);
			transform: scale(0.87);
	-webkit-animation-timing-function: ease-in;
			animation-timing-function: ease-in;
  }
  45% {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
}



.effFade{position:relative;opacity:0;transition:all 0.5s;}
.effFade2{opacity:0;transition:all 1s;}

.effLeft{position:relative;left:-100px;opacity:0;transition:all 1s;}

.effRight{position:relative;left:50px;opacity:0;transition:all 1.2s;}
.effTop{position:relative;top:-50px;opacity:0;transition:all 1.2s;}

.effBottom{position:relative;top:20px;opacity:0;transition:all 1s;}

.effAction{
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	opacity: 1 !important;
}

.effAction2 {opacity:1 !important;}

.effDelay2{transition-delay:0.2s}
.effDelay4{transition-delay:0.4s}
.effDelay6{transition-delay:0.6s}
.effDelay8{transition-delay:0.8s}
.effDelay10{transition-delay:1s}
.effDelay12{transition-delay:1.2s}
.effDelay14{transition-delay:1.4s}
.effDelay16{transition-delay:1.6s}
.effDelay18{transition-delay:1.8s}
.effDelay20{transition-delay:2s}
.effDelay22{transition-delay:2.2s}
.effDelay24{transition-delay:2.4s}
.effDelay26{transition-delay:2.6s}
.effDelay28{transition-delay:2.8s}
.effDelay30{transition-delay:3s}
.effDelay32{transition-delay:3.2s}
.effDelay34{transition-delay:3.4s}
.effDelay36{transition-delay:3.6s}
.effDelay38{transition-delay:3.8s}
.effDelay40{transition-delay:4s}
.effDelay42{transition-delay:4.2s}
.effDelay44{transition-delay:4.4s}
.effDelay46{transition-delay:4.6s}
.effDelay48{transition-delay:4.8s}
.effDelay50{transition-delay:5s}
.effDelay52{transition-delay:5.2s}
.effDelay54{transition-delay:5.4s}
.effDelay56{transition-delay:5.6s}
.effDelay58{transition-delay:5.8s}
.effDelay60{transition-delay:6s}




.moQuick-bar {display:none;}

/*사이드 퀵메뉴*/
.fixBtnWrap {
	width:55px;
  position: fixed;
  right: 13px;
  bottom: 80px;
  z-index: 999;
  display:none;
}
.fixBtnWrap .mediaWrap {
  position: relative;
}

.fixBtnWrap .mediaWrap .mediaToggle li {
  position: relative;
  margin: 5px 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: inherit;
  cursor: pointer;
  font-family: "Pretendard";
}
.fixBtnWrap .mediaWrap .mediaToggle li a {
  width: 100%;
  height: 100%;
}
.fixBtnWrap .mediaWrap .mediaToggle li:before {
  font-size: 0.875rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 25px;
  top: 0;
  border-radius: 55px 0 0 55px;
  width: 0;
  height: 55px;
  z-index: -99;
  transition: all 0.3s;
  overflow: hidden;
}
.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(1) {
  
   background-image: url("http://xn--jk1bu57a32axt.com/images/reborn_icon.png");
  background-color: #eff2f3;
}
.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(1):before {
  content: "부고장만들기";
  background-color: #eff2f3;
  color:#222;
  font-weight: 600;
  font-size: 1rem;
}
.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(2) {
 background-image: url("http://xn--jk1bu57a32axt.com/images/logo_icon.png");
  background-color: #333;
}
.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(2):before {
  content: "예담의전";
  background-color: #333;
  font-weight: 600;
  font-size: 1rem;
}


.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(3) {
 background-image: url("/images/moQuick_form.png");
  background-color: #ECC172;
}
.fixBtnWrap .mediaWrap .mediaToggle li:nth-child(3):before {
  content: "가입증서 보기";
  background-color: #ECC172;
  font-weight: 600;
  font-size: 1rem;
}


.fixBtnWrap .mediaWrap .mediaToggle {
  display: none;
  position: absolute;
  bottom: 57px;
  left: 0px;
  width: 100%;
  z-index: 11;
  box-sizing: border-box;
}

.fixBtnWrap .updownWrap li {
  margin: 5px 0;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #e8ca7b;
  text-align: center;
  line-height: 50px;
}
.fixBtnWrap .updownWrap li a {
  width: 100%;
  height: 100%;
}
.dp_fc {
  flex-direction: column;
}
.fixBtnWrap .mediaWrap .mediaToggle li:hover:before {
  padding-left: 20px;
  width: 120px;
}

@media (max-width: 768px) {
	.moQuick-bar {display:block; width:100%; padding:10px 20px; box-sizing:border-box; background:#d64121; position:fixed; bottom:0; z-index:90;}
	.moQuick-bar .inr {display:flex; align-items:center; justify-content:center;}
	.moQuick-bar .inr .icons {width:32px; height:32px; background:url("/images/emergency_icon_wht.png")no-repeat center center / contain; display:inline-block; margin-right:20px;}
	.moQuick-bar .inr .icons img {max-width:100%;}
	.moQuick-bar .inr p {color:#fff; font-size:1.250rem; font-weight:600; text-align:left; line-height:1.3;}
	.moQuick-bar .inr p .gold {color:#ffddaa;}
	.moQuick-bar .inr p strong {font-size:1.750rem; font-weight:700;}

	.fixBtnWrap {display:block;}
}