
/* Modal Pop Style */
.popup-wrap{
  background-color:rgba(0,0,0,.3); 
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:flex; /* display:none 이벤트가 발생할 때 띄우기 위해 숨김  //처음부터 보이게 하는 상황이라면 display:flex; */
  padding:15px; 
}
.popup-wrap1{
  background-color:rgba(0,0,0,.3); 
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none; /* display:none 이벤트가 발생할 때 띄우기 위해 숨김  //처음부터 보이게 하는 상황이라면 display:flex; */
  padding:15px; 
}
.popup-wrap2{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none; /* display:none 이벤트가 발생할 때 띄우기 위해 숨김  //처음부터 보이게 하는 상황이라면 display:flex; */
  padding:15px; 
}

/* modal pop body */
.popup{
  width:90%;
  max-width:400px;
  border-radius:10px;
  overflow:hidden;
  background-color:#9418c8;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); 
}
.popup2{
  width:90%;
  max-width:400px;
  border-radius:10px;
  overflow:hidden;
  background-color:#767676;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); 
}
/* modal pop head */
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
/* modal pop body content */
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{ 
  width:100%;
  padding:20px 20px 20px 20px;
  /* border: 1px solid #ff9baa; */
}
.body-content2{ 
  width:100%;
  padding:20px 20px 20px 20px;
  background-color:#f3f3f6;
  /* border: 1px solid #ff9baa; */
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{ 
  word-break:break-word;
  overflow-y:auto;
  /* min-height:100px; */
  max-height:180px;
  font-size:16px;
  color:#ff9baa;
}
.body-contentbox2{ 
  word-break:break-word;
  overflow-y:auto;
  /* min-height:100px; */
  max-height:180px;
  font-size:13px;
  color:#000;
}
/* modal pop footer */
.popup-foot{
  width:100%;
  height:50px;
}
.pop-btn{ 
  display:inline-flex;
  width:50%; 
  height:100%;
  justify-content:center;
  align-items:center;
  float:left;
  color:#ffffff;
  cursor:pointer;

}
.pop-btn2{ 
  display:inline-flex;
  width:100%; 
  height:100%;
  justify-content:center;
  align-items:center;
  float:left;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn3{ 
  display:inline-flex;
  width:50%; 
  height:100%;
  justify-content:center;
  align-items:center;
  float:left;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn4{ 
  display:inline-flex;
  width:100%; 
  height:100%;
  justify-content:center;
  align-items:center;
  float:left;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #fff;
  background-color:#ff9baa;
}
.pop-btn.close{
  background-color:#b17b7a;
}
.pop-btn3.confirm{
  border-right:1px solid #767676;
  background-color:#767676;
}
.pop-btn3.close{
  background-color:#000;
}
.photo-box {
  padding:0px;
  background-color:rgb(255, 255, 255);
  text-align:left; 
  margin-top: 5px;
}
.photo-box p {
  -webkit-margin-before: .3em;
  -webkit-margin-after: .5em;
}
.btn-close {
  float:right;
  display:inline-block;
  padding:2px 5px;
  font-weight: 900;
  text-shadow: 0 1px 0 #fff;
  font-size: 2.2rem;
}
.btn-close:hover {
  border: 0;
  cursor:pointer;
  opacity: .75;
}
.ad-text1{
	color:#666;
	margin-top:2px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:8px;
	letter-space:-3px;
	line-height:12px;
}
.ad-text2{
	color:#9418c8;
	margin-top:2px; 
	padding-top:2px;
	padding-bottom:2px;
	font-size:9px;
	letter-space:-3px !important;
	line-height:12px;
}
.guide_end_ment{
	margin-top:40px; 
	margin-bottom:40px; 
	font-size:22px;
	font-weight: 400;
	/* color:#294f89; */
	color:#b17b7a;
}