.beo-modal {
    position:fixed;
    top:0;
    background-color: rgba( 0, 0, 0, 0.5 );
    width:100%;
    height:100%;
    z-index : 888;
}

.beo-modal .beo-modal-wrap {
	margin: 100px auto;
	background: #fff;
	border-radius: 5px;
	position:relative;
}

/* last modifyed : 20190829.01 */

.beo-modal .beo-modal-header {
	display:flex;
	align-items: center;
	border-radius: 5px 5px 0 0;
	background:#236ab9;
	font-size:17px;
	padding:10px 15px;
	letter-spacing:-1px;
  }

.beo-modal .beo-modal-title {
  color: #fff;
}

.beo-modal .beo-modal-close {
	text-decoration: none;
	color: #fff;
	margin-left:auto;
	background:#0a396e;
	cursor: pointer;
}

.beo-modal .beo-modal-content {
	background:#fff;
	border-radius:0 0 5px 5px;
	font-size:15px;
	color:#333;
	overflow:hidden;
	height : calc( 100% - 45px );
}

.beo-modal .beo-modal-content-inner {
	padding: 5px 10px;
}



/******** �˾� ��Ÿ�� ********/

.popup_wrap{
	font-family:'Nanum Gothic', sans-serif;
	background : #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 450px;
    height: calc(100% - 40px);
    max-height: 500px;
    z-index: 10;
	transform-origin: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%); /* IE 9 */
	-webkit-transform: translate(-50%, -55%); /* Safari and Chrome */
	-moz-transform: translate(-50%, -55%); /* Firefox */
	-o-transform: translate(-50%, -55%);/* Opera */
	-webkit-box-shadow: 0px 0px 35px -2px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 0px 35px -2px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 35px -2px rgba(0,0,0,0.18);
	border-radius:5px;
}
.popup_wrap > header { border-bottom:none; border-radius:35px; }
.popup_wrap .header_top {padding:12px 0 12px 40px;background:#5bc0de url("../../images/home/bg_notice_ico.png") no-repeat 10px center; border-radius:5px 5px 0 0;}
.popup_wrap .header_top span { font-size:15px; color:#fff; font-weight:bold; letter-spacing:-1px;}

.popup_wrap article { height: calc(100% - 104px);}
.popup_wrap .popup_contents {
	width:100%;height:100%; font-size:15px; color:#555; font-weight:bold; letter-spacing:-1px; padding:15px;
	}
.popup_wrap .popup_contents > div:nth-child(1){
	font-size:16px; color:#333; font-weight:bold;
	letter-spacing:-1px; border: 1px solid #5bc0de; background:#d7ebf1; padding: 5px 10px;
	}
.popup_wrap .contents_text {
	width:100%; font-size:15px; color:#555; font-weight:normal;
	letter-spacing:-1px; text-align:left !important; border:1px solid #dbdbdb; margin:15px 0 5px 0;padding : 15px;
	height: calc(100% - 30px);
    max-height: 340px;
	overflow-y: auto;
	}
.popup_wrap .bottom{ padding:11px 15px 0; border-top:1px solid #e6e6e6; }
.popup_wrap .bottom label { color:#333; letter-spacing:-1px; font-size:12px; padding-left:5px; }
.popup_wrap .bottom label , .popup_wrap .bottom input{cursor:pointer;}

.popup_wrap .btn_close{width:41px;height:14px;background:url("../../images/home/btn_close.png") no-repeat 0 0;border:none;margin-top:5px;cursor:pointer;}
.popup_wrap .vrm{vertical-align:middle !important;}
.popup_wrap .fr{float:right;}
.popup_wrap .mr0{margin:0 !important;}

.popup_wrap ul.addfile li {cursor:pointer; color: #58a3c1; padding: 4px 0px; 	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width : 100%;} /*  display: inline-block;    width: 50%; */
.popup_wrap ul.addfile li span{margin-left: 5px;}
.popup_wrap ul.addfile li i:last-child{ margin-left : 10px; color : red;}

@media all and (max-width: 480px) {
	.popup_wrap{
		width: 90%;
	}
}

@media all and (max-height: 650px) {
	.popup_wrap{
		transform-origin: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari and Chrome */
		-moz-transform: translate(-50%, -50%); /* Firefox */
		-o-transform: translate(-50%, -50%);/* Opera */
	}
}