@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#modal{
	width: calc(100% - 32px) !important;		
	position:fixed;
	background-color:#fff;		
	z-index:9999;
}
	
#modal > .close-i{
	position: absolute;
	top:20px;
	right:20px;
	width:12px;
	height:12px;
	background: url(../../assets/images/new/close-icon.png);	
	cursor:pointer;
}

#modal.theme{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	
	border-radius:15px;
}
	
#modal.theme > i.theme-i{
	display:block;
}
	
#modal.theme > i.theme-i[class*=loading]{
	width:63px;
	height:63px;
	
	background: url("../../assets/images/new/loading.png");
	animation: rotate 2.5s linear infinite;
}

#modal.theme > i.theme-i[class*=complete]{
	width:60px;
	height:60px;
	
	background: url("../../assets/images/new/complete.png");
}

#modal.theme > p{
	color: #4D3EF9;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.5px;
}

#modal .modal_btn_wrap{
	display:flex;
	gap:10px;
}

#modal .modal_btn_wrap[class*=center]{
	justify-content:center;
}

#modal .modal_btn{}
#modal .modal_btn[class*=type1]{
	width: 62px;
	height: 30px;
	
	border-radius:30px;
	border: 1px solid #4C5FEB;
	background: #FFF;	
	color:#4C5FEB;
	font-weight:700;
}

.scroller-type1::-webkit-scrollbar{
	width:6px;
}

.scroller-type1::-webkit-scrollbar-thumb{
	background-color:#D1D1D1;
	border-radius:10px;
}

.scroller-type1::-webkit-scrollbar-track{
	border-radius: 10px;
	background: #F8F8F8;
}


/* non-theme */
#modal.custom .p-primary{
	color:#091152;
}

#modal.custom .p-gray{
	color:#666;
}

#modal.custom .p-red{
	color:#E10317;
}

#modal.custom .p-bold{
	font-weight:700;
}

#modal.custom .p-20{
	font-size:20px;
}

#modal.custom{
	border-radius:15px;
	overflow:hidden;
}

#modal.custom > #report{
	height:100%;
	background: #FFF url(../../assets/images/new/report-modal-bg.png) left 24px / 186px 400px no-repeat;
}

#modal.custom > #report > .txt {
	padding: 44px 0 0 204px;
}

#modal.custom > #report > .txt > p.total{
	margin: 20px 0 10px;
}

#modal.custom > #report > .txt > ul{
	width:calc(100% - 24px);
	height:301px;
	overflow: auto;	
	
	padding-right: 8px;
}

#modal.custom > #report > .txt > ul > li{
	padding: 6px 0px;
	line-height:17px;
	
	display:flex;
	align-items:center;
	border-bottom:1px solid #f4f4f4;
}

#modal.custom > #report > .txt > ul > li:first-child{
	border-top:1px solid #f4f4f4;
}

#modal.custom > #report > .txt > ul > li::before{
	content: "-";
	
	display:inline-block;
	color:#666;
	margin-right:10px;
}

#modal.custom > #report > .modal_btn_wrap{
	margin-top:30px;
}

#modal.areaSttsListModal{
	max-height:95%;
	border-radius:15px;
	padding:30px 20px;
	overflow-y:auto;
}

#modal.monitSttsListModal{
	padding:20px;
	background: #FCFCFC;
}

#modal.monitSttsListModal > h3{
	color: #091152;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px; /* 110% */
	letter-spacing: -0.1px;
	
	margin: 16px 0 0;
	padding: 0 0 20px;
	
	border-bottom: 2px solid #0055AC;
}

#modal.monitSttsListModal .noti_red{
	display:flex;
	gap:10px;
	align-items:center;
	
	color: #E10317;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -0.5px;
	margin-bottom:20px;
}

#modal.monitSttsListModal .noti_red::before{
	content: "";
	
	width:7px;
	height:11px;
	background:url("../../assets/images/new/noti_deco.svg") center center no-repeat;
}

#modal.monitSttsListModal .search_filter_wrap[class*=type3]{
	margin: 20px 0px 22px;
	align-items:flex-end;
}

#modal.monitSttsListModal .scroll{
	border-top:2px solid #0055ac;
	max-height:calc(45px * 7 + 2px);
	overflow:auto;
}

#modal.monitSttsListModal table{
	margin-top:0px;
	border-top:0px;
}

#modal.monitSttsListModal table th{
	position:sticky;
	top:0;
}

#modal.monitSttsListModal > .btn_wrap_center{
	margin-top:20px;
}

#modal.monitSttsListModal > .btn_wrap_center > button{
	width:132px;
	height:44px;
}
/* non-theme */