/* 
* 커스텀 페이징 전용 CSS
* admin/lib/function.php - custom_paging() 함수 사용시 적용됨
*/

/* custom_paging 페이징 관련 */
/* PC 1201px 이상: 1920 기준 비율 유지 + 최소 크기 보호 */
@media screen and (min-width:1201px) {
	.paging_wrap{
		text-align:center;
		box-sizing:border-box;
		margin-top:max(80px, 4.166667vw);
	}

	ul.paging{
		display:flex;
		justify-content:center;
		font-size:0;
		gap:max(5px, 0.260417vw);
	}

	ul.paging li{
		display:block;
		margin:0 max(2px, 0.104167vw);
		border-radius:50%;
		width:max(48px, 2.5vw);
		height:max(48px, 2.5vw);
		border:none;
		vertical-align:middle;
	}

	ul.paging li a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:max(16px, 0.833333vw);
		color:#222;
		line-height:max(45px, 2.34375vw);
		font-weight:300;
	}

	ul.paging li a img{
		width:50%;
		display:block;
		min-width:max(14px, 0.729167vw);
	}

	ul.paging li a img.tab_img{
		display:none;
	}

	ul.paging li a img.mob_img{
		display:none;
	}

	ul.paging li.on{
		background:#222;
	}

	ul.paging li.on a{
		color:#fff;
		font-weight:300;
	}
}

/* tablet */
@media screen and (max-width:1200px) {
	.paging_wrap{
		text-align:center;
		box-sizing:border-box;
		margin-top:60px;
	}

	ul.paging{
		display:flex;
		justify-content:center;
		font-size:0;
		gap:5px;
	}

	ul.paging li{
		display:block;
		margin:0 2px;
		border-radius:50%;
		width:45px;
		height:45px;
		border:none;
		vertical-align:middle;
	}

	ul.paging li a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:15px;
		color:#222;
		line-height:43px;
		font-weight:300;
	}

	ul.paging li a img{
		display:block;
	}

	ul.paging li a img.pc_img{
		display:none;
	}

	ul.paging li a img.tab_img{
		display:block;
	}

	ul.paging li a img.mob_img{
		display:none;
	}

	ul.paging li.on{
		background:#222;
	}

	ul.paging li.on a{
		color:#fff;
		font-weight:300;
	}
}

/* mobile */
@media screen and (max-width:767px) {
	.paging_wrap{
		text-align:center;
		box-sizing:border-box;
		margin-top:40px;
	}

	ul.paging{
		display:flex;
		justify-content:center;
		font-size:0;
		gap:0;
	}

	ul.paging li{
		display:block;
		margin:0 2px;
		border-radius:50%;
		width:40px;
		height:40px;
		border:none;
		vertical-align:middle;
	}

	ul.paging li a{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		font-size:13px;
		color:#222;
		line-height:38px;
		font-weight:300;
	}

	ul.paging li a img{
		display:block;
	}

	ul.paging li a img.pc_img{
		display:none;
	}

	ul.paging li a img.tab_img{
		display:none;
	}

	ul.paging li a img.mob_img{
		display:block;
	}

	ul.paging li.on{
		background:#222;
	}

	ul.paging li.on a{
		color:#fff;
		font-weight:300;
	}
}