@charset "utf-8";

.page-loader { position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(255, 255, 255, 0.7); z-index:99999; }
.loading { position:absolute; left:50%; top:50%; margin-top:-85px; margin-left:-160px; width:318px; height:168px; border:1px solid #dcdcdc; background:#fff url('../../images/softworks/loader.gif') no-repeat 50% 36px; }
.loading strong{ display:block; margin-top:96px; font-size:18px; font-weight:900; color:#444; text-align:center; }
.loading p{ font-size:15px; color:#666; text-align:center; }

.layer-body {
	width: 100%;
	height: 100%;
	background-color: white;
}

/* 레이어 팝업 */
.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: rgba( 0, 0, 0, 0.5 );
	z-index: 8888;
}
.pop-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.popup-header {
    height: 50px;
    background:#444;
    box-sizing: border-box;
	padding:0 20px;
	position:relative;
}
.popup-header h2 {
    float: left;
	height:50px;
	line-height:50px;    
	font-size: 18px;
    font-weight: bold;
    color: #fff;
}
 .popup-header .closeBtn {
    display:inline-block;
    width: 17px;
    height: 17px;
    background: url('/resource/images/common/softworks_layer/ico_close.png') no-repeat 50%;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-8px;
	text-indent:-9999px;
}
.popup-content {
    padding: 15px;
	box-sizing:border-box;
	background:#fff;
	max-height:500px;
	overflow-y:hidden;
	
	max-height: 100%; 
	height: 100%;
}
.pop_btn_area {
    margin-top: 15px;
    text-align: center;
}
.popBtn {
	height:32px;
	font-size: 14px;
    color: #fff;
	font-weight:bold;
	padding:0 20px;
	border-radius:2px;    
}
.popBtn.crR { 
	background-color: #f21930;	
}
.popBtn.crR:hover {
    background-color: #f73f52;
}
.popBtn.crG {
    background-color: #666;	
}
.popBtn.crG:hover {
    background-color: #444;
}

/* 안내 팝업 */
#alertMessage {
	background: #fff;
	color: #5a5a5a;
	display: none;
	padding: 0 0 20px;
}
.alertTitle {		
	height:40px;
	background-color: #444;
	position: relative;
	padding:0 15px;
}
.alertTitle h3 {		
	line-height:40px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	float:left;
}
#alertMessage .alertClose {	
	width: 15px;
    height: 15px;
    background: url('/resource/images/common/softworks_layer/ico_close.png') no-repeat 50%;    
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -8px;
	text-indent:-9999px;
}
#alertMessageText { 
	text-align:center;
	padding: 20px;
}
#alertMessageText span {
	display:block;
	font-size: 15px;
	color: #444;
}
#alertMessageText span.warning { 
	background: url(/resource/images/common/softworks_layer/img_warning.png) no-repeat 50% 0;
	padding-top: 75px;
}
#alertMessageText span.error { 
	background: url(/resource/images/common/softworks_layer/img_error.png) no-repeat 50% 0;
	padding-top: 75px;
}
#alertMessageText span.info { 
	background: url(/resource/images/common/softworks_layer/img_info.png) no-repeat 50% 0;
	padding-top: 75px;
}
#alertMessageAction a {
	margin: 2px !important;
}
#alertMessageAction .btn {
    display: inline-block;
	height:30px;
	width: 100px;
	line-height:29px;
    text-align: center;   
    background-color: #666;
    border-radius: 2px;
    box-sizing: border-box;
}
#alertMessageAction .btn.red { background:#f21930; }
#alertMessageAction .btn span {
	font-size: 13px;
	color:#fff;
	font-weight:bold;
}

.scroll-text {
	max-height:300px;
	overflow-y:auto;
	line-height:22px;
}

.multiple_select:after {
	content: "IP 정보를 등록하세요.";
	font-size: 22px;
    color: #999;
    text-align: center;
    padding-top: 72px;
    position: absolute;
    bottom: 135px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
}