/* last modifyed : 20190829.01 */

/* tooltip focus */
.simple-tooltip{
    font-size:13px;
}

.point-focus {
	animation: 1s animateBorderOne ease infinite;
}
@keyframes animateBorderOne {
	to {
		box-shadow: 0 0 0 3px #f25d03;
	}
}

.beo-alert-wrap > .wrap{display:none;position:fixed;z-index : 9999999;}
.beo-alert-wrap > .confirmWindow-wrap , .beo-alert-wrap > .alertWindow-wrap {width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);overflow-y:auto;line-height:1;letter-spacing:0px;}
.beo-alert-wrap > .auto-closeW-wrap{left:50%;top:24%;transform: translateX(-50%);overflow-y:auto;line-height:1;letter-spacing:0px;padding:20px;}

.beo-alert-wrap .wrap-inner {position:relative;width:400px;min-height: 215px; background:#fff;border-radius:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3); text-align:center;}
	.confirmWindow-wrap > .wrap-inner , .alertWindow-wrap > .wrap-inner	{left:50%;top:24%;transform: translateX(-50%);animation:msgAnimation1 0.4s;}
	.auto-closeW-wrap > .wrap-inner{padding:15px 20px; min-height: 140px;animation:msgAnimation2 0.4s;}
/*하단 버튼 수정*/
	.beo-alert-wrap		.btn-wrap { width:100%;  /* position:absolute; */    bottom:0;  border-radius:0 0 10px;      height: 52px;}
	.beo-alert-wrap		.iconImage-wrap{ width:100%;height:auto; padding-top:30px;  }
	.beo-alert-wrap		.iconImage-wrap>i{font-size:36px;color:#2196f3;}
	.beo-alert-wrap		.Massage-wrap{ color:#555 ;font-size:17px;padding-top:0px;font-weight:bold; letter-spacing:0px;     line-height: 1.5em;     min-height: 72px;}
	.beo-alert-wrap		.subMassage-wrap{color:#9c9c9c;font-size:12px;    margin: 15px 0 0 0;}
	.beo-alert-wrap		button{cursor:pointer;width:135px; height:52px;outline:0; background:#2196f3; transition:all 0.3s;border: none;}
	.beo-alert-wrap		button>i{font-size:15px;font-weight:bold;color:#fff;font-style:normal;margin-bottom:10px; position: relative; top: -0.5px;}
	.beo-alert-wrap		button:hover{background:#4fb0e5;transition:all 0.3s;}

	/*cancel버튼*/
	.beo-alert-wrap		.confirm_CancelBT{ width:50%;  background:#efefef;  border-radius: 0 0 10px 0;  float:left;  }
	.beo-alert-wrap		.confirm_CancelBT>i{color:#858585;}
	.beo-alert-wrap		.confirm_CancelBT:hover{background:#f5f5f5;}
	/*ok버튼*/
	.beo-alert-wrap		.confirm_OkBT{ width:50%; border-radius: 0 0 0 10px;  float: left;}

	.beo-alert-wrap		.alertWindow-wrap .iconImage-wrap>i{color:#f36032;}
	.beo-alert-wrap		.alertWindow-wrap button{ background:#f36032; border-radius : 0 0 10px 10px; width:100%; }
	.beo-alert-wrap		.alertWindow-wrap button:hover{background:#f58c6b;}

	.auto-closeW-wrap	.button{margin-top: 17px;}
	.auto-closeW-wrap	.iconImage-wrap{padding-top:initial;}

	.beo-alert-wrap		.beo-button { margin : 0 3px;}

@keyframes msgAnimation1{
	0%{transform: translateX(-50%) scale(0,0);}
	100%{transform: translateX(-50%) scale(1,1);}
}

@keyframes msgAnimation2{
	0%{transform: translateX(0) scale(0,0);}
	100%{transform: translateX(0) scale(1,1);}
}

@media screen and (max-width : 440px) {
	.beo-alert-wrap		.iconImage-wrap>i{font-size:35px;}
	.beo-alert-wrap		.Massage-wrap{font-size:15px;}
	.auto-closeW-wrap > .wrap-inner {	width: 300px; padding: 10px 10px; min-height: 120px;	}
	.beo-alert-wrap		.btn-wrap { margin-top: 20px; }
	.confirmWindow-wrap > .wrap-inner , .alertWindow-wrap > .wrap-inner {	width: 85%; padding: 20px 0  0px; min-height: 178px;	}
	.beo-alert-wrap	.iconImage-wrap { padding-top: 0;}
}