/* notification */
.blockUI.notification.info {
	background: url('images/image_notification_info_icon.png') no-repeat 20px center;
}

.blockUI.notification.warning {
	background: url('images/image_notification_warning_icon.png') no-repeat 20px center;
}

.blockUI.notification.danger {
	background: url('images/image_notification_danger_icon.png') no-repeat 20px center;
}

.blockUI.notification.success {
	background: url('images/image_notification_success_icon.png') no-repeat 20px center;
}

.blockUI.notification {
	background: url('images/image_notification_default_icon.png') no-repeat 20px center;
}

.blockUI.notification h1, .blockUI.notification h2 {
	color: white;
	padding: 5px 5px 5px 80px;
	text-align: left;
}

.blockUI.notification h2 {
	font-size: medium;
}


.blockUI.notification.blockElement {
	padding:20px 10px !important;
	background-color:#fff !important;
	-webkit-box-shadow:3px 3px rgba(0,0,0,.3);
	border:3px solid #b2b2b2 !important;
	opacity:0.95 !important;
}

	.blockUI.notification.blockElement h1,
	.blockUI.notification.blockElement h2 {
		display:block;
		color:#000;
		word-wrap:break-word;
		word-break:keep-all;
	}
	
	.blockUI.notification.blockElement h1 {
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-size:1.31rem;
		font-weight:400;
	}
	.blockUI.notification.blockElement h2 {
		font-family:'NanumGothic', sans-serif !important;
		font-size:0.85rem;
		font-weight:600;
		line-height:1.4;
	} 

	.blockUI.notification.blockElement.info { border-color:#3171a6 !important; }
	.blockUI.notification.blockElement.info h1 { color:#3171a6; }
	
	.blockUI.notification.blockElement.warning { border-color:#fc8e3d !important; }
	.blockUI.notification.blockElement.warning h1 { color:#fc8e3d; }
	
	.blockUI.notification.blockElement.danger { border-color:#f00 !important; }
	.blockUI.notification.blockElement.danger h1 { color:#f00; }
	
	.blockUI.notification.blockElement.success { border-color:#3cb8e1 !important; }
	.blockUI.notification.blockElement.success h1 { color:#3cb8e1; }



/* loading */
.o2o-loading-body {
	display: inline-block;
}




.o2o-loading-content {
	color: #fff;
	margin-top: 20px;
	font-weight: bold;
}

.o2o-loading-spinner {
	color: #fff;
	display: inline-block;
}

.o2o-loading-body--inline .o2o-loading-content {
	display: inline-block;
	margin-top: 0px;
	font-weight: normal;
}

.o2o-loading-body--inline .o2o-loading-spinner {
	margin-right:5px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	padding-top:7px;
	font-family:'SEBANG_Gothic_Regular', sans-serif;
	font-weight:400;
	font-size:1.21rem;
}

.jconfirm-content .text-frame {
	display:block;
	width:100%;
}
	.jconfirm-content .text-frame .block {
		display:block;
		width:100%;
		font-size:0.85rem;
		font-weight:600;
		font-family:'NanumGothic', sans-serif;
		line-height:1.4;
		word-wrap:break-word;
		word-break:keep-all;
	}

	.jconfirm-buttons .btn {
		font-family:'NanumGothic', sans-serif;
		font-size:0.91rem !important;
		font-weight:600 !important;
	}
	
	
	.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
		line-height:1.2 !important;
		min-height:30px;
	}

@media screen and (max-width:369px) {
	.blockUI.notification.blockElement {
		width:calc(100% - 20px) !important;
		background-position:center 20px;
	}
		.blockUI.notification.blockElement h1 {
			width:100%;
			padding:5px;
			padding-top:70px;
			text-align:center;
		}
		
		.blockUI.notification.blockElement h2 {
			width:100%;
			padding:5px;
			text-align:center;
		}
}
@media screen and (min-width:1217px) {
	#layoutWrapper + .jconfirm .jconfirm-box { width:30% !important; }
}