@charset "utf-8";
/* CSS Document */

.papa-wrap {
	display: flex;
	flex-direction: row;
}
.papa-wrap > div:first-child {
	width:350px;
	border-right: 1px solid #6c6c6c;
	background-image: url('../img/g-popup01-bg.jpg');
	text-align: center;
}
.papa-wrap > div:first-child a:first-child {
	display: block;
	padding: 0;
	margin: 0;
	margin-top:100px !important;
}
.papa-wrap > div:first-child a:last-child {
	display: block;
	padding: 0;
	margin: 0;
	margin-top:10px !important;
}
.papa-wrap > div {
	width:350px;
	border-right: 1px solid #6c6c6c;
}
.actionPopup {
	height: 534px;
	width: 1451px;
	position: fixed;
	top:150px;
	left:0;
	z-index: 9999;
	background-color: #111;
	overflow: hidden;
	transition: 0.7s;
}
.actionPopup.active {
	height: 534px;
	width: 1451px;
	position: fixed;
	top:150px;
	left:-1403px;
	z-index: 9999;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.7s;
}
.actionPopup .btnAction {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 534px;
  opacity: 1;
}
.actionPopup .btnAction:hover {
  opacity: 0.85;
}
.actionPopup .btnAction {
  background-image: url('../img/open-b.png');
}
.actionPopup.active .btnAction {
  background-image: url('../img/open-a.png');
}
/*
.actionPopup .btnAction:before, .actionPopup .btnAction:after {
  position: absolute;
  top:0;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #ffffff;
}
.actionPopup.active .btnAction:before {
  position: absolute;
  top:0;
  left: 15px;
  content: ' ';
  height: 17px;
  width: 2px;
  background-color: #ffffff;
}
.actionPopup.active .btnAction:after {
  position: absolute;
  top:12px;
  left: 15px;
  content: ' ';
  height: 17px;
  width: 2px;
  background-color: #ffffff;
}
*/

/*
.actionPopup .btnAction:before {
  transform: rotate(45deg);
  transition: 0.7s;
}
.actionPopup .btnAction:after {
  transform: rotate(-45deg);
  transition: 0.7s;
}

.actionPopup.active .btnAction:before {
  transform: rotate(-45deg) !important;
  transition: 0.7s;
}
.actionPopup.active .btnAction:after {
  transform: rotate(45deg) !important;
  transition: 0.7s;
}
*/
