@charset "utf-8";

.hofClubWrap {}
.hofClubWrap { display:grid; grid-template-columns: repeat(6, 1fr); column-gap:20px; row-gap:20px;  }
.hofClubWrap > li { border:1px solid #ddd; padding:20px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; height:100%; }
.hofClubWrap > li .photo { font-family:'Pre Bold'; }
.hofClubWrap > li .cont { text-align:center; font-family:'Pre Bold'; margin-top:20px; }
@media screen and (max-width:1280px){
	.hofClubWrap { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:768px){
	.hofClubWrap { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:500px){
	.hofClubWrap { grid-template-columns: repeat(1, 1fr); }
}


/***** Paging *****/
._fnctWrap ._paging{text-align: center; margin-top:40px; }
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 36px;height: 36px;line-height: 32px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 3px;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size:16px;width: 35px;height: 35px;line-height: 35px;text-align: center;margin: 0 1px;color:#555;font-family: 'Noto Light';border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/arrow_first.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/arrow_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/arrow_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._prev{background: url(./../images/arrow_10_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._next{background: url(./../images/arrow_10_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/arrow_last.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong{background-color: #99a2b2 !important;border-color: #99a2b2 !important;color: #fff;border-radius: 50%;border-radius:50%;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
    ._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
    ._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}