@charset "utf-8";

/*
	im_board.css에서 발췌한 사이트 공용 컴포넌트 — 게이트 없이 전 페이지 로드

	[CWV P3 리뷰 반영] im_board.css는 "게시판 전용"으로 이름 붙었지만 실제로는 일부
	선택자가 게시판 밖 화면(마이페이지·통합검색·행사)에서도 쓰이는 공용 컴포넌트였다.
	im_board.css를 front/board/** 전용 조건부 로드로 뺀 뒤(P3a) 아래 화면들이 깨지는 게
	발견되어, 그 선택자만 이 파일로 옮기고(복사 아님) im_board.css에서는 제거했다.
	frontLayout.jsp/channelLayout.jsp가 이 파일을 무조건 로드한다(im_board.css가 있던
	자리 그대로 — contents.css보다 먼저).

	- .m-pagination.type01: unifiedSearch.jsp, myContentsList.jsp, mySurveyList.jsp,
	  mySurveyStatsEach.jsp, mySurveyItemStatisListPop.jsp
	- .align-center: campaignList.jsp, myInfoForm.jsp, myContentsList.jsp
	- .m-input-date.type01: eventAlbumSearch.jsp, eventStatsDashboard.jsp
*/

/* 색깔 — 정렬 */
.align-center {text-align:center !important;}

/* 페이징 */
.m-pagination.type01 {display:flex;align-items:center;justify-content:center;margin:15px 0;}
.m-pagination.type01 .m-pagination-pages {display:flex;align-items:center;gap: 6px;}
.m-pagination.type01 .m-pagination-pages a,
.m-pagination.type01 span {display:flex;justify-content: center;align-items: center;width:36px;height:36px;background: #eee;border-radius: 5px;font-size: var(--font-size-14);}
.m-pagination.type01 span {font-weight:600;background: var(--primary-color);color: #fff;}
.m-pagination.type01 .m-pagination-prev:before {content:"\f104";font-family:"Font Awesome 6 Pro";font-weight: 400;color: #999;}
.m-pagination.type01 .m-pagination-next:before {content:"\f105";font-family:"Font Awesome 6 Pro";font-weight: 400;color: #999;}
.m-pagination.type01 .m-pagination-first:before {content:"\f100";font-family:"Font Awesome 6 Pro";font-weight: 400;color: #999;}
.m-pagination.type01 .m-pagination-last:before {content:"\f101";font-family:"Font Awesome 6 Pro";font-weight: 400;color: #999;}

@media screen and (max-width:768px){
  .m-pagination.type01 .m-pagination-pages {gap: 4px;}
  .m-pagination.type01 .m-pagination-pages a,
  .m-pagination.type01 span {width:28px; height:28px;font-size: var(--font-size-13);}
}

/* input(날짜) */
.m-input-date.type01 {display:inline-block; max-width:260px; position: relative;}
.m-input-date.type01:after {content:"\f133";font-family:"Font Awesome 6 Pro";font-weight: 400; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.m-input-date.type01 input::-webkit-inner-spin-button {display: none;}
.m-input-date.type01 input::-webkit-calendar-picker-indicator {opacity: 0;}
.m-input-date.type01 input {width:100%; padding:0 10px; border:1px solid #e1e1e1;}