/** 
  * 목록 네비게이터 v2 
  * 더보기와 단축형 페이지네이션 버전 
***********************************************/
a:link, a:hover, a:active, a:visited
{ text-decoration: none; }

.text-sign{		
    color: palevioletred;
}
.anonyIcon{ /*익명글 아이콘*/
    margin-top: 3px;
    height: 19px;
    opacity: 0.35;
}
.info-text {
    padding: 6px 10px;
    font-size: 15px; font-weight: 500; 
    background-color: #FFE9DC; color: #444;
} 

.bottom-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0;
    color: #636566;
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.2px;
    border-bottom: 1px solid #EEE;
    padding: 15px 0;
    cursor: pointer;
}
.bottom-more-btn:hover{
    background-color: #fff;
}

.bottom-more-btn svg{

}

.pagination-wrapper {
    background-color: #fff;
}

.page-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 15px 18px;
    background-color: #fff;
}
.page-box.reverse{
    flex-direction: row-reverse;
}
.page-box-itm{ 
    display: flex;
    align-items: center;            
    color: #626262;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.2px;
}
.page-box-input{
    text-align: right;
    width: 62px !important;
    min-width: auto !important;
    padding: 0 10px 0 0 !important;
    height: 26px !important;
    color: #222;
    text-align: right;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: -0.2px;
    border-radius: 4px;
    border: 1px solid #E0E0E0 !important;
    background-color: #FFF !important;
}
.page-box-itm a.pageGo{
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 4px;
    border: 1px solid #C5C6C7;
    cursor: pointer;
}

.page-info-box{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    font-size: 18px; color: #777;
    background-color: #F2F2F2;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;    
}

.page-info-box span{
    display: inline-flex; align-self: center;
    font-size: 15px; font-weight: bold;
}

/* more type */
.pagination {
	background-color:#fff;		
	padding:20px 0 !important;
	text-align:center;
}
.pagination a {
	font-size: 15px !important;
	font-weight:normal !important;						
	text-decoration: none;
	color: #27A6F3;
	margin: 0;
	margin-right:2px;
	padding: 7px 10px !important;		
	cursor:pointer;
}
.pagination b {
	font-size: 15px !important;
	font-weight:normal !important;						
	text-decoration: none;		
	margin: 0;
	margin-right:2px;
	padding: 7px 10px !important;		
	cursor:pointer;

	background-color: #27A6F3;
	color: #fff;
	border-radius: 2px;
}

/* animation */

.list-fadein {
  animation: fadein1 0.9s ease-out;
  -moz-animation: fadein1 0.4s; /* Firefox */
  -webkit-animation: fadein1 0.4s; /* Safari and Chrome */
  -o-animation: fadein1 0.4s; /* Opera */  
}
@keyframes fadein1 {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-moz-keyframes fadein1 { /* Firefox */
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        ransform: translateY(0);
    }
}
@-webkit-keyframes fadein1 { /* Safari and Chrome */
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@-o-keyframes fadein1 { /* Opera */
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }    
}

#moveLeftIco, #moveRightIco{
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    cursor: pointer;
}