@charset "UTF-8";


/* pagenate */
.pagenate-box {margin-top:20px; display:flex;  justify-content: center;}
.pagenate-box a {margin:0 3px;width:28px;height:28px;line-height: 28px;color:#d9dde9;font-size:1.3rem;border:1px solid #e2e2e2;display:inline-block;text-align: center;}
.pagenate-box > a {font-weight:normal;} 
.pagenate-box .pagenate a.active {color:#029; border-color:#029}
@media screen and (max-width: 375px) {
  .pagenate-box a {width:23px; height:26px; line-height:26px; font-size:1.1rem; text-align:center;}
  .pagenate-box .pagenate a{width:23px; }
}

 /* 로딩*/
.rb-loading {position:fixed; left:0; top:0; z-index:99999; width:100%; height:100%;}
.page-dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); }
.loading-box {position:fixed; left:50%; top:50%; z-index:100; transform:translate(-50%, -50%); width:150px; height:150px; border-radius:50%; text-align:center; background:#fff; box-shadow:0 3px 0 rgba(0,0,0,.2);}
.loading-box .circles {padding-top:50px;}
.loading-box .circles i {animation:scaleBounce .3s alternate infinite; display:inline-block; margin:0 4px; width:10px; height:10px; background:#167ede; border-radius:50em;}
.loading-box .circles i:nth-child(2) {animation-delay:.1s;}
.loading-box .circles i:nth-child(3) {animation-delay:.2s;}
.loading-box p {margin-top:10px; font-size:1.5rem; letter-spacing:-1px; line-height:2rem}
@keyframes scaleBounce{
   from {transform:scale(.7)}
   to {transform:scale(1.3)}
}