/* 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; 
  
}
/* 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); 
}
/* 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:30px;
}
.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:100px;
  font-size:16px;
}
/* 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-btn.confirm{
  border-right:1px solid #9f4acb; 
}
.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:#366baf;
	margin-top:2px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:11.5px;
	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;
}

.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
.btn-default:hover {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc; !important;
}
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-purple {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}
.btn-purple:hover {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.btn-black {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}
.btn-black:hover {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

.btn-yellow {
    color: #212529 !important;
    background-color: #fcde00 !important;
    border-color: #d1b907 !important;
}

.col-10{
	width:20% !important;
}
.col-20{
	width:20% !important;
}
.col-30{
	width:30% !important;
}
.col-40{
	width:40% !important;
}
.col-50{
	width:50% !important;
}
.col-60{
	width:60% !important;
}
.col-70{
	width:70% !important;
}
.col-80{
	width:80% !important;
}
.col-90{
	width:90% !important;
}

.modal-header{
	background-color:rgba(248,248,248,.9) !important;
}
.modal-footer{
	background-color:rgba(248,248,248,.9) !important;
}

.form-group{
	margin-bottom: 0.5rem !important;
}


ul.board_ul {
	display: flex;
	flex-wrap: wrap; /* 넘치면 줄바꿈 */
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.board_ul li {
	  flex-basis: 0;
      flex-grow: 1;
      padding: 5px;
      box-sizing: border-box;
      border: 0px solid #999;
	  font-size:0.9rem;
}
ul.board_ul li:first-child {
	  flex-grow: 2;
      background-color: #f0f0f0;
}
ul.board_ul li:last-child {
	  flex-grow: 8;
      background-color: #fbfbfb;
	  padding-left: 5px !important;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  line-height:20.5px;	  
}
ul.board_ul li:last-child strong {
	  font-size:15px;
	  font-weight:600;
}

ul.board_ul li p {
	font-weight:400;
	font-size:0.9rem !important;
}
a.board_content{
	color:#000000;
	text-decoration: none; /* 마우스 오버 시에도 밑줄 제거 */
	font-size:14px;
}
a.board_content:hover{
	color:#052e7d;
	text-decoration: none; /* 마우스 오버 시에도 밑줄 제거 */
	font-weight:500;
}
a.board_title{
	color:#052e7d;
	text-decoration: none; /* 마우스 오버 시에도 밑줄 제거 */
	font-weight:500;
	font-size:0.99rem;
	padding-bottom:5px;
}
a.board_title:hover{
	color:#000000;
	text-decoration: none; /* 마우스 오버 시에도 밑줄 제거 */
	font-weight:500;
}
ul.board_ul li:last-child p {
	  margin-bottom:0px !important;
}