/* Util */
.util .util-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.util .total {
	font-size:1.6rem;
}

.util .search {
	max-width:580px;
	width: 100%;
}

.util .search-inner {
	width:100%;
	display: flex;
	gap:10px;
}

.util .search-select {
	width: 160px;
}

.util .search-input {
	position: relative;
	width: calc(100% - 160px);
	overflow: hidden;
	padding-right:50px;
}

.util .search-select select {
	display: block;
	width:100%;
	height:50px;
	padding:0px 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-image: url('../img/icon/ico_select.png');
	border:1px solid #bfbfbf;
	border-radius:10px;
	font-size:1.8rem;
	color:#434343;
}

.util .search-input input {
	width:100%;
	height:50px;
	padding:0px 20px;
	background-color: transparent;
	border:1px solid #bfbfbf;
	border-radius:10px;
	border-right:0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	font-size:1.8rem;
	color:#434343;
}

.util .search-input button {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0px;
	right:0px;
	width:50px;
	height:50px;
	background: #0065a3 url('../img/icon/ico_search.png') no-repeat center;
	border-radius:10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}


@media screen and (max-width:1200px) {
	.util .total {
		font-size:1.4rem;
	}

	.util .search-select select {
		font-size:1.6rem;
	}

	.util .search-input input {
		font-size:1.6rem;
	}
}
@media screen and (max-width:1024px) {
	.util .search {
		max-width:460px;
	}

	.util .search-inner {
		gap:6px;
	}

	.util .search-select {
		width:140px;
	}

	.util .search-input {
		width: calc(100% - 140px);
		padding-right: 44px;
	}

	.util .search-select select {
		height:44px;
		padding:0px 16px;
		background-position: right 16px center;
		background-size:auto 5px;
	}

	.util .search-input input {
		height:44px;
		padding:0px 16px;
	}

	.util .search-input button {
		width:44px;
		height:44px;
		background-size:auto 16px;
	}
}
@media screen and (max-width:768px) {
	.util .total {
		font-size:1.2rem;
	}

	.util .search-select select {
		font-size:1.4rem;
	}

	.util .search-input input {
		font-size:1.4rem;
	}
}
@media screen and (max-width:576px) {
	.util .util-wrap {
		flex-wrap: wrap;
		gap:10px;
	}

	.util .total {
		order:2;
		font-size:1rem;
	}

	.util .search {
		order:1;
		max-width:100%;
	}

	.util .search-inner {
		flex-direction: column;
		gap:4px;
	}

	.util .search-select {
		width: 100%;
	}

	.util .search-input {
		width: 100%;
		padding-right:38px;
	}

	.util .search-select select {
		height:38px;
		padding:0px 12px;
		background-position: right 12px center;
		font-size:1.2rem;
	}

	.util .search-input input {
		height:38px;
		padding:0px 12px;
		font-size:1.2rem;
	}

	.util .search-input button {
		width:38px;
		height:38px;
		background-size:auto 14px;
	}
}


/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
}

.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:38px;
  height:38px;
	margin:0px 2px;
	border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  text-align: center;
  font-size:2rem;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

.pagination a:not(.current) {
  cursor:pointer;
}

.pagination a.current {
	color:#0065a3;
	font-weight:700;
}

.pagination a.pagination-prev {
	margin-right:6px;
  background-image: url('../img/icon/page_prev.png');
}

.pagination a.pagination-next {
	margin-left:6px;
  background-image: url('../img/icon/page_next.png');
}

.pagination a.pagination-backward {
  background-image: url('../img/icon/page_backward.png');
}

.pagination a.pagination-forward {
  background-image: url('../img/icon/page_forward.png');
}

@media screen and (max-width:1200px) {
	.pagination a {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1024px) {
	.pagination a {
		width:30px;
		height:30px;
	}
}
@media screen and (max-width:768px) {
	.pagination a {
		background-size:auto 12px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.pagination a {
		width:24px;
		height:24px;
		background-size: auto 10px;
		font-size:1.4rem;
	}

	.pagination a.pagination-prev {
		margin-right:4px;
	}

	.pagination a.pagination-next {
		margin-left:4px;
	}
}



@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {

}


/* Board Certi */
.bbs-certi .list {
	display: flex;
	flex-wrap: wrap;
	margin:-25px -12px;
}

.bbs-certi .list li:not(.list-message) {
	flex:1 0 25%;
	max-width:25%;
	padding:25px 12px;
}

.bbs-certi .list li.list-message {
	flex:1 1 100%;
	max-width:100%;
	padding:200px 20px;
	text-align: center;
}

.bbs-certi .list li.list-message p {
	font-size:2rem;
}

.bbs-certi .list .thumb {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(500/357*100%);
	overflow: hidden;	
}

.bbs-certi .list .thumb img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

.bbs-certi .list .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 2.4rem;
}

.bbs-certi .modal {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px;;
	z-index: 9999;
}

.bbs-certi .modal-con {
	display: flex;
  justify-content: center;
  align-items: center;
  max-width:450px;
  width: 100%;
  max-height: calc(100% - 220px);
	height:100%;
	margin:0 auto;
}

.bbs-certi .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.bbs-certi .modal-inner {
	position: relative;
  width: 100%;
  height: 100%;
}

.bbs-certi .modal-con .txt .t01 {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2.4rem;
}

.bbs-certi .modal-con .prev,
.bbs-certi .modal-con .next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 56px;
	height: 56px;
	background-color:rgba(255,255,255,.3);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
  transition: all .2s ease-out;
  cursor: pointer;
}

.bbs-certi .modal-con .prev {
	left:-100px;
	background-image: url('../img/icon/slide_prev.png');
}

.bbs-certi .modal-con .next {
	right:-100px;
	background-image: url('../img/icon/slide_next.png');
}

.bbs-certi .modal-con .swiper-button-disabled {
  opacity: 0;
  display: none;
}

.bbs-certi .modal-con .progress {
	display: none;
}

.bbs-certi .modal.open {
  display: flex;
  align-items: center;
  visibility: visible;
}

@media screen and (max-width:1200px) {
	.bbs-certi .list .subject {
		font-size: 2rem;
	}

	.bbs-certi .modal-con .txt .t01 {
		font-size:2rem;
	}
}
@media screen and (max-width:1024px) {
	.bbs-certi .list {
		margin:-16px -6px;
	}

	.bbs-certi .list li:not(.list-message) {
		padding:16px 6px;
	}

	.bbs-certi .modal-con .prev, 
	.bbs-certi .modal-con .next {
		width:44px;
		height:44px;
		background-size:auto 14px;
	}

	.bbs-certi .modal-con .prev {
		left:-60px;
	}

	.bbs-certi .modal-con .next {
		right:-60px;
	}
}
@media screen and (max-width:768px) {
	.bbs-certi .list li:not(.list-message) {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-certi .list .subject {
		font-size: 1.8rem;
	}

	.bbs-certi .modal-con .txt .t01 {
		font-size:1.8rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-certi .list {
		margin:-10px -4px;
	}

	.bbs-certi .list li:not(.list-message) {
		padding:10px 4px;
	}

	.bbs-certi .list .subject {
		font-size: 1.6rem;
	}

	.bbs-certi .control {
		margin-top:20px;
	}

	.bbs-certi .modal-con .prev, 
	.bbs-certi .modal-con .next {
		display: none;
	}

	.bbs-certi .modal-con .progress {
		display: block;
		position: relative;
		top:unset;
		left: unset;
		right: unset;
		bottom: unset;
		height:2px;
		background-color: #fff;
	}

	.bbs-certi .modal-con .progress .swiper-pagination-progressbar-fill {
		background-color: #0065a3;
	}

	.bbs-certi .modal-con .txt .t01 {
		font-size:1.6rem;
	}
}


/* Board Client */
.bbs-client .list {
	display: flex;
	flex-wrap: wrap;
	margin:-12px;
}

.bbs-client .list li {
	flex:1 0 25%;
	max-width:25%;
	padding:12px;
}

.bbs-client .list .thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:40px;
	background-color: #f5f5f5;
}

.bbs-client .list .thumb img {
	width: auto;
	max-height:50px;
	height: 100%;
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.bbs-client .list {
		margin:-6px;
	}

	.bbs-client .list li {
		padding:6px;
	}

	.bbs-client .list .thumb {
		padding:30px;
	}

	.bbs-client .list .thumb img {
		max-height:36px;
	}
}
@media screen and (max-width:768px) {
	.bbs-client .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-client .list .thumb {
		padding:20px;
	}

	.bbs-client .list .thumb img {
		max-height:30px;
	}
}
@media screen and (max-width:576px) {
	.bbs-client .list {
		margin:-4px;
	}

	.bbs-client .list li {
		padding:4px;
	}

	.bbs-client .list .thumb {
		padding:16px;
	}

	.bbs-client .list .thumb img {
		max-height:24px;
	}
}


/* Board News */
.bbs-news .list {
	display: flex;
	flex-wrap: wrap;
	margin:-30px -12px;
}

.bbs-news .list li {
	flex:1 0 33.33%;
	max-width: 33.33%;
	padding:30px 12px;
}

.bbs-news .list li.list-message {
	flex:1 1 100%;
	max-width:100%;
	padding:160px 20px;
	text-align: center;
}

.bbs-news .list li.list-message p {
	font-size:1.6rem;
}

.bbs-news .list .thumb {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(300/484*100%);
	overflow: hidden;
}

.bbs-news .list .thumb img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	-webkit-transition: var(--transition-custom4);
	transition: var(--transition-custom4);
}

.bbs-news .list .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2.4rem;
	line-height:1.5;
}

@media screen and (min-width:1201px) {
	.bbs-news .list li:hover .thumb img {
		transform: scale(1.1);
	}
}
@media screen and (max-width:1200px) {
	.bbs-news .list .subject {
		font-size:2rem;
	}
	
	.bbs-news .list li.list-message p {
		font-size:1.5rem;
	}
}
@media screen and (max-width:1024px) {
	.bbs-news .list {
		margin:-20px -6px;
	}

	.bbs-news .list li {
		padding:20px 6px;
	}
	
	.bbs-news .list li.list-message {
		padding:120px 20px;
	}
}
@media screen and (max-width:768px) {
	.bbs-news .list li  {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-news .list .subject {
		font-size:1.8rem;
	}

	.bbs-news .list li.list-message {
		padding:100px 20px;
	}

	.bbs-news .list li.list-message p {
		font-size:1.4rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-news .list {
		margin:-14px -4px;
	}

	.bbs-news .list li {
		padding:14px 4px;
	}

	.bbs-news .list .subject {
		font-size:1.6rem;
	}

	.bbs-news .list li.list-message {
		padding:80px 20px;
	}

	.bbs-news .list li.list-message p {
		font-size:1.3rem;
	}
}


/* Board View */
.bbs-view .bbs-view-area {
	border-top: 2px solid #b5b5b5;
}

.bbs-view .bbs-view-area .block {
	padding:20px 0px;
	border-bottom:1px solid #dcdcdc;
}

.bbs-view .bbs-view-area .block01 {
	padding:30px 0px;
}

.bbs-view .bbs-view-area .block03 {
	min-height:500px;
}

.bbs-view .bbs-view-btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bbs-view .subject {
	font-size: 2.4rem;
}

.bbs-view .data {
	font-size:1.8rem;
}

.bbs-view .textarea p {
	font-size:1.8rem;
}

.bbs-view .file {
	display: flex;
	align-items: center;
	gap:10px;
}

.bbs-view .file i {
	display: block;
	width:27px;
	height:27px;
	background: url('../img/icon/ico_file.png') no-repeat center;
}

.bbs-view .file a {
	width: calc(100% - 37px);
	font-size:1.8rem;
}

.bbs-view .navi {
	display: flex;
	align-items: center;
	gap:10px;
}

.bbs-view .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:150px;
	height:50px;
	font-size:1.8rem;
}

.bbs-view .btn01 {
	color:#3b3b3b;
	background-color: #f5f5f5;
}

.bbs-view .btn02 {
	color:#fff;
	background-color: #0065a3;
}

@media screen and (max-width:1200px) {
	.bbs-view .subject {
		font-size: 2rem;
	}

	.bbs-view .data {
		font-size:1.6rem;
	}

	.bbs-view .textarea p {
		font-size:1.6rem;
	}

	.bbs-view .file a {
		font-size:1.6rem;
	}

	.bbs-view .btn {
		font-size:1.6rem;
	}
}
@media screen and (max-width:1024px) {
	.bbs-view .bbs-view-area .block {
		padding:16px 0px;
	}

	.bbs-view .bbs-view-area .block01 {
		padding:20px 0px;
	}

	.bbs-view .bbs-view-area .block03 {
		min-height:400px;
	}

	.bbs-view .file {
		gap:6px;
	}

	.bbs-view .file i {
		width:23px;
		height:23px;
		background-size:auto 23px;
	}

	.bbs-view .navi {
		gap:6px;
	}

	.bbs-view .btn {
		width:120px;
		height:44px;
	}
}
@media screen and (max-width:768px) {
	.bbs-view .bbs-view-area .block03 {
		min-height:320px;
	}

	.bbs-view .subject {
		font-size:1.8rem;
	}

	.bbs-view .data {
		font-size:1.4rem;
	}

	.bbs-view .textarea p {
		font-size:1.4rem;
	}

	.bbs-view .file a {
		font-size:1.4rem;
	}

	.bbs-view .btn {
		font-size:1.4rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-view .bbs-view-area .block {
		padding:10px 0px;
	}

	.bbs-view .bbs-view-area .block01 {
		padding:16px 0px;
	}

	.bbs-view .bbs-view-area .block03 {
		min-height:260px;
	}

	.bbs-view .subject {
		font-size:1.6rem;
	}

	.bbs-view .data {
		font-size:1.2rem;
	}

	.bbs-view .textarea p {
		font-size:1.2rem;
	}

	.bbs-view .file {
		gap:4px;
	}

	.bbs-view .file i {
		width:19px;
		height:19px;
		background-size:auto 19px;
	}

	.bbs-view .file a {
		font-size:1.2rem;
	}

	.bbs-view .navi {
		gap:4px;
	}

	.bbs-view .btn {
		width:80px;
		height:38px;
		font-size:1.2rem;
	}
}