/* ���� ���� �ӽ÷� ó���ϱ����ؼ� ���� */

.modal .modal-header{
	background-color: #00529c;
}
.modal .modal-title{
	color: #fff;
    font-weight: bold;
}
.modal .close {
	color: #fff;
    font-weight: bold;
}
.modal .row{
    background-color: #f5f6f8;
}
.beo-modal.modal .modal-footer{
    padding: 10px 15px 15px 15px;
    text-align: center;
}

@media(max-width: 767px) {

	.modal-body{
		position: relative;
	    padding: 5px 5px 0 5px;
	}	
	.modal .form-group{
		margin-bottom: 2px;
	}	
}

@media(min-width: 767px) {
	.modal-body{
		position: relative;
	    padding: 10px 15px 0 15px;
	}
	.modal .form-group{
		margin-bottom: 10px;
	}
}

.beo-modal-body .row{
    background-color: #fff;
}

/* ���� ���� �ӽ÷� ó���ϱ����ؼ�  �� */

.row {margin-right: -5px;    margin-left: -5px;}

.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 5px;
}



.beo-modal {  text-align: center;  padding: 0!important; z-index : 99999; }
.beo-modal:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: -4px;}
.beo-modal-body {
    width: 100%;
    height: calc(100% - 55px);
    margin: 0;
    float: left;
	padding: 0;
}
.beo-modal-header {background:linear-gradient( to right, #96df5d, #0db05d ); border-bottom: none;}
.beo-modal-header h5{font-size: 18px; margin-left: 10px; font-weight: 600;   color: #fff; vertical-align: middle;}
.beo-modal-dialog {  display: inline-block; width: auto; text-align: left;  vertical-align: middle; margin: 0px; }
.beo-modal-content {width: auto; height : 100%;  margin:auto; overflow: hidden;}
.beo-close {color: #fff; opacity: 1; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px;}
.beo-close:hover {color: #fff; opacity: 1; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px;}
.beo-close span{font-size: 30px;}

.beo-modal-body-inner {    padding: 15px 20px;     }

@media screen and (max-width : 767px) {
	.beo-modal .beo-modal-dialog { width: calc(100% - 20px);} 
	.beo-modal-body-inner {
		padding: 10px 15px;
	}
}

@media screen and (max-width : 360px) {
	.beo-modal .beo-modal-dialog { width: calc(100% - 20px);} 
	.beo-modal-body-inner {
		padding: 5px 10px;
	}
}

@media screen and (max-width : 319px) {
	.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding: 3px;
	}
}

@media screen and (max-height : 700px) {
	.beo-modal-header h5{font-size: 18px; }
	.beo-modal-header { padding: 14px; }
	.beo-modal-header .beo-close { top: 11px; right: 11px;} 
	.beo-modal-body {    height: calc(100% - 50px);  }
}

@media screen and (max-height : 600px) {
	.beo-modal-header h5{font-size: 17px; }
	.beo-modal-header { padding: 12px; } 
	.beo-modal-header .beo-close { top: 10px; right: 9px;} 
	.beo-modal-body {    height: calc(100% - 48px);  }
}

@media screen and (max-height : 500px) {
	.beo-modal-header h5{font-size: 16px; }
	.beo-modal-header { padding: 10px; } 
	.beo-modal-header .beo-close { top: 8px; right: 7px;} 
	.beo-modal-body {    height: calc(100% - 37px);  }
}

@media screen and (max-height : 400px) {
	.beo-modal-header h5{font-size: 15px; }
	.beo-modal-header { padding: 8px; }
	.beo-modal-header .beo-close { top: 6px; right: 5px;} 
	.beo-modal-body {    height: calc(100% - 32px);  }
}

  .beo-search-condition-parent .col-sm-12 {    width: 100%;  }
  .beo-search-condition-parent .col-sm-11 {    width: 91.66666667%;  }
  .beo-search-condition-parent .col-sm-10 {    width: 83.33333333%;  }
  .beo-search-condition-parent .col-sm-9 {    width: 75%;  }
  .beo-search-condition-parent .col-sm-8 {    width: 66.66666667%;  }
  .beo-search-condition-parent .col-sm-7 {    width: 58.33333333%;  }
  .beo-search-condition-parent .col-sm-6 {    width: 50%;  }
  .beo-search-condition-parent .col-sm-5 {    width: 41.66666667%;  }
  .beo-search-condition-parent .col-sm-4 {    width: 33.33333333%;  }
  .beo-search-condition-parent .col-sm-3 {    width: 25%;  }
  .beo-search-condition-parent .col-sm-2 {    width: 16.66666667%;  }
  .beo-search-condition-parent .col-sm-1 {    width: 8.33333333%;  }
  .beo-search-condition-parent .col-sm-pull-12 {    right: 100%;  }
  .beo-search-condition-parent .col-sm-pull-11 {    right: 91.66666667%;  }
  .beo-search-condition-parent .col-sm-pull-10 {    right: 83.33333333%;  }
  .beo-search-condition-parent .col-sm-pull-9 {    right: 75%;  }
  .beo-search-condition-parent .col-sm-pull-8 {    right: 66.66666667%;  }
  .beo-search-condition-parent .col-sm-pull-7 {    right: 58.33333333%;  }
  .beo-search-condition-parent .col-sm-pull-6 {    right: 50%;  }
  .beo-search-condition-parent .col-sm-pull-5 {    right: 41.66666667%;  }
  .beo-search-condition-parent .col-sm-pull-4 {    right: 33.33333333%;  }
  .beo-search-condition-parent .col-sm-pull-3 {    right: 25%;  }
  .beo-search-condition-parent .col-sm-pull-2 {    right: 16.66666667%;  }
  .beo-search-condition-parent .col-sm-pull-1 {    right: 8.33333333%;  }
  .beo-search-condition-parent .col-sm-pull-0 {    right: auto;  }
  .beo-search-condition-parent .col-sm-push-12 {    left: 100%;  }
  .beo-search-condition-parent .col-sm-push-11 {    left: 91.66666667%;  }
  .beo-search-condition-parent .col-sm-push-10 {    left: 83.33333333%;  }
  .beo-search-condition-parent .col-sm-push-9 {    left: 75%;  }
  .beo-search-condition-parent .col-sm-push-8 {    left: 66.66666667%;  }
  .beo-search-condition-parent .col-sm-push-7 {    left: 58.33333333%;  }
  .beo-search-condition-parent .col-sm-push-6 {    left: 50%;  }
  .beo-search-condition-parent .col-sm-push-5 {    left: 41.66666667%;  }
  .beo-search-condition-parent .col-sm-push-4 {    left: 33.33333333%;  }
  .beo-search-condition-parent .col-sm-push-3 {    left: 25%;  }
  .beo-search-condition-parent .col-sm-push-2 {    left: 16.66666667%;  }
  .beo-search-condition-parent .col-sm-push-1 {    left: 8.33333333%;  }
  .beo-search-condition-parent .col-sm-push-0 {    left: auto;  }
  .beo-search-condition-parent .col-sm-offset-12 {    margin-left: 100%;  }
  .beo-search-condition-parent .col-sm-offset-11 {    margin-left: 91.66666667%;  }
  .beo-search-condition-parent .col-sm-offset-10 {    margin-left: 83.33333333%;  }
  .beo-search-condition-parent .col-sm-offset-9 {    margin-left: 75%;  }
  .beo-search-condition-parent .col-sm-offset-8 {    margin-left: 66.66666667%;  }
  .beo-search-condition-parent .col-sm-offset-7 {    margin-left: 58.33333333%;  }
  .beo-search-condition-parent .col-sm-offset-6 {    margin-left: 50%;  }
  .beo-search-condition-parent .col-sm-offset-5 {    margin-left: 41.66666667%;  }
  .beo-search-condition-parent .col-sm-offset-4 {    margin-left: 33.33333333%;  }
  .beo-search-condition-parent .col-sm-offset-3 {    margin-left: 25%;  }
  .beo-search-condition-parent .col-sm-offset-2 {    margin-left: 16.66666667%;  }
  .beo-search-condition-parent .col-sm-offset-1 {    margin-left: 8.33333333%;  }
  .beo-search-condition-parent .col-sm-offset-0 {    margin-left: 0;  }