@charset "UTF-8";

body{
	color: #333;
}

a{
	color: #333;
}

a:visit{
	background: #333;
}

.darkRed{
	color: darkRed;
}

.darkBlue{
	color: darkBlue;
}

.accent1{
	background-color: #3b4a73 !important;
	color: white !important;
}

.accent2{
	background-color: lightcoral !important;
}

/*Title Style*/
.tit1_1{
	font-size: 1.2rem;
	padding: 1rem 0rem;
}

.tit1_2{
	font-size: 1.8rem;
	margin: 2rem 0rem 0rem;
	text-align: left;
	/* border: 2px lightgray; */
	border-style: dashed none;
	padding: 0rem 0rem 1rem 1rem;
	position:relative;
}

.tit1_2::before {
	content: '';
	display:block;
	width: 4px;
	height: 1.5rem;
	background: #000;
	position:absolute;
	left:0;
	top: 5px;
}

/*Buttons Style*/
.buttons{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0px 10px;
	margin: 30px 0px;
}

.buttons__item{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	/* box-shadow: 0px 0px 2px 2px lightgray; */
	background-color: white;
	/* height: 30px; */
	border-radius: 1.3rem;
	transition: all 0.5s;
	border: 1px solid #ddd;
	font-family: 'Nanum';
	/* padding: .5rem 1rem; */
}


.buttons__item a{
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: .8rem 1rem;
}

.buttons__item:hover{
	background-color: lightgray;
	color: black;
}

.buttons__item.btn1 {border: 1px solid #2783c7;background: #f2f6f9;}
.buttons__item.btn2 {border: 1px solid #3697a1;background: #f3f7f7;}
.buttons__item.btn3 {border: 1px solid #4d3e9f;background: #f1f0f9;}
.buttons__item.btn4 {border: 1px solid #2c6dd3;background: #2c6dd3;}
.buttons__item.btn5 {border: 1px solid #75767f;background: #75767f;}
.buttons__item.btn6 {border: 1px solid #478092;background: #478092;}
.buttons__item.btn7 {border: 1px solid #4970ab; background: #4970ab;}
.buttons__item.btn8 {border: 1px solid #eb6c6c;background: #fbf0f0;}
.buttons__item.btn9 {border: 1px solid #b0b2b3;background: #efefef;}
.buttons__item.btn10 {border: 1px solid #f98e3f;background: #fff8ef;}

.buttons__item.btn1 a {color: #2783c7;}
.buttons__item.btn2 a {  color: #3697a1;}
.buttons__item.btn3 a {  color: #4d3e9f;}
.buttons__item.btn4 a {color: #ffff;}
.buttons__item.btn5 a {color: #fff;}
.buttons__item.btn6 a {color: #fff;}
.buttons__item.btn7 a {color: #fff;}
.buttons__item.btn8 a {color: #dd4646;}
.buttons__item.btn9 a {color: #666;}
.buttons__item.btn10 a {color: #f95e00;}


/*PageInfo Style*/
.pageInfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px;
}

.pageInfo select{
	width: 100px;
	height: 35px;
	border: none;
	/* box-shadow: 0px 0px 2px 2px lightgray; */
	text-align: center;
	font-weight: bold;
	border-radius: .9rem;
	border: 1px solid #dcdcdc;
}

.pageInfo span{
	font-weight: bold;
	font-size: 0.8rem;
	text-align: center;
}

.board-paging span strong{
	border: 1px solid #6372c7 !important;
	background: #6372c7 !important;
	border-radius: 0.6rem !important;

}

.board-paging span a{
	border-radius: 0.6rem !important;
}

.board-paging span a:hover, .board-paging span a:focus, .board-paging span a:active {color:#fff;border: 1px solid #a7aed7;background: #a7aed7;}

@media(max-width: 700px){
	.buttons__item{
		width: 89px;
	}
}

/*모바일 버전 페이지네이션 표시*/
@media screen and (max-width:479px){
	.page-web { display: block; }
}