/* 공통 */
.ap-colseBtn {
    color: white;
    text-decoration: none;
}

.ap-colseBtn:focus {
    text-decoration: underline;
}

.ap-colseBtn:hover, .ap-colseBtn:active, .ap-notToday:hover {
    font-weight: bold;
}

.ap-notToday {
	margin-left: 10px;	
}

.ap-fileArea{
    width: 100%;
    background-color: white;
    font-size: 0.8rem;
}

.ap-fileArea th{
	background-color: #E5E8E8; 
	color:#212F3D ;
}

.ap-fileArea a:hover{
	color: skyblue !important;
}

.ap-slideShow {
    display: flex;
    justify-content: center; 
    align-items: center; 
    text-align: center;
}

.ap-slideShow .swiper-pagination-bullet-active {
    background: #0dcfff;
}

/* 윈도우 팝업 */
.ap-mainWindowPopup {
    display: flex;              
    flex-direction: column;     
    height: 100%;           
    justify-content: space-between; 
}

#ap-popupWindowWrap {
	flex-grow: 1;            
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

#ap-popupWindowWrap p{
	margin: 0;	
}

.ap-popupWindowContent {
	flex-grow: 1;            
    overflow-y: auto;
    overflow-x: hidden;
}

.ap-popupWindowContent td{
	border: 1px solid lightgray;
}

.ap-popupWindowCloseArea {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40%, auto));
    align-self: flex-end;      
    width: 100%;               
    clear: both;               
    padding: 10px;
    position: fixed;
    bottom: 0;
    border-top: 5px solid black;
    overflow: hidden;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); 
    background-color: black;
    font-size: 0.9rem;
    color: white;
}

/* 레이어 팝업 */
.ap-popupLayer{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	overflow-x: auto;
	background-color: none;
	border: 1px solid silver;
	/* border-radius: 5%; */
}

.ap-popupLayer .ap-modalLayerContent {
	background-color: white;
	padding: 0;
	border: none;
	display: flex;             
    flex-direction: column;    
    height: 100%;             
    justify-content: space-between; 
    font-size: 0.9rem;
}

.ap-popupLayerWrap {
	flex-grow: 1;            
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.ap-popupLayerContent {
	overflow-x: hidden;
}

.ap-popupLayerContent td{
	border: 1px solid lightgray;
	padding: 2px;
}

.ap-popupLayerCloseArea {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40%, auto));
    align-self: flex-end;      
    width: 100%;               
    clear: both;               
    padding: 10px;
    border-top: 7px solid black;
    /* overflow: hidden; */
    background-color: black;
    font-size: 1rem;
    color: white;
    font-size: 13px;
}

.ap-popupLayer .ap-swiper-pagination{
	width: 100% !important;
	margin: 0 auto;
}

.ap-popupLayer img{
	width: auto; 
    height: auto; 
}
    
/* scroll */
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar {
    width: 5px;
}
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar-thumb {
    background: rgba(0,0,0, 0.3);
}
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar-track {
    background: rgba(255,255,255, 0.15);
}
/* 
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar,
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar-thumb{width:7px; background-color:gray;border-radius:10px;background-clip:padding-box;border:2px solid transparent;opacity: 0.5;}
.ap-modalLayerContent .datagrid-body::-webkit-scrollbar-track{background-color:rgb(255,255,255,0.5);border-radius:10px}
 */
@media screen and (max-width : 426px){
	.ap-popupLayerCloseArea{
		font-size: 14px;
		border-top: 6px solid black;
	}
	.ap-prev, .ap-next{
		width: 20px;
	}
	.ap-prev::after, .ap-next::after{
		font-size: 30px;
	}
}