/* Util */
.util .util-sch {
	display: flex;
	justify-content:flex-end;
}

.util .util-sch form {
	display: block;
	max-width:540px;
	width:100%;
}

.util .util-sch .sch-inner {
	display: flex;
	gap:8px;
}  

.util .util-sch .sch-select {
	width:200px;
}

.util .util-sch .sch-input {
	display: flex;
	gap:8px;
	width: calc(100% - 208px);
}

.util .util-sch select {
	width: 100%;
	height:100%;
	padding:0px 20px;
	border:1px solid #d8d8d8;
	border-radius:5px;
	background: url('/en/img/bbs/bbs_select.png') no-repeat right 20px center;
	font-size:1.6rem;
}

.util .util-sch input {
	width: calc(100% - 52px);
	padding:0px 20px;
	border:1px solid #d8d8d8;
	border-radius:5px;
	font-size:1.6rem;
}

.util .util-sch button {
	width:44px;
	height:44px;
	border-radius:5px;
	background:#236cb6 url('/en/img/bbs/bbs_sch.png') no-repeat center;
}

@media (max-width:1200px) {
	.util .util-sch select {
		font-size:1.4rem;
	}
	
	.util .util-sch input {
		font-size:1.4rem;
	}
}
@media (max-width:1024px) {
	.util .util-sch select {
		padding:0px 16px;
	}

	.util .util-sch input {
		padding:0px 16px;
	}
}
@media (max-width:768px) {
	.util .util-sch .sch-inner {
		gap:6px;
	}

	.util .util-sch .sch-input {
		gap:6px;
	}

	.util .util-sch select {
		font-size:1.3rem;
		background-size: auto 6px;
	}
	
	.util .util-sch input {
		width: calc(100% - 46px);
		font-size:1.3rem;
	}

	.util .util-sch button {
		width:40px;
		height:40px;
	}
}
@media (max-width:576px) {
	.util .util-sch .sch-inner {
		flex-wrap: wrap;
		gap:4px;
	}

	.util .util-sch .sch-select {
		width: 100%;
		height:36px;
	}

	.util .util-sch .sch-input {
		width: 100%;
		gap:4px;
	}

	.util .util-sch select {
		padding:0px 12px;
		background-position: right 12px center;
		background-size: auto 5px;
		font-size:1.2rem;
	}

	.util .util-sch input {
		width: calc(100% - 40px);
		padding:0px 12px;
		font-size:1.2rem;
	}

	.util .util-sch button {
		width:36px;
		height:36px;
		background-size:auto 14px;
	}
}


/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  margin-top:40px;
}

.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:36px;
  height:36px;
	margin:0px 2px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
  border:1px solid #dfdfdf;
  text-align: center;
  font-size:1.6rem;
	color:#5c5c5c;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

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

.pagination a.current {
	background-color: #1f61ad;
	border-color: #1f61ad;
	color:#fff;
}

.pagination a.pagination-prev {
  background-image: url('/en/img/bbs/pg_prev.png');
}

.pagination a.pagination-next {
  background-image: url('/en/img/bbs/pg_next.png');
}

@media (max-width:1200px) {
	.pagination a {
		font-size:1.5rem;
	}
}
@media (max-width:1024px) {
	.pagination {
		margin-top:34px;
	}

	.pagination a {
		width:32px;
		height:32px;
	}
}
@media (max-width:768px) {
	.pagination {
		margin-top:28px;
	}

	.pagination a {
		width:30px;
		height:30px;
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.pagination {
		margin-top:24px;
	}

	.pagination a {
		width:28px;
		height:28px;
		font-size:1.3rem;
	}
}


/* Board Table */
.bbs-table .table {
	table-layout: fixed;
	border-collapse: collapse;
	width:100%;
	border-top: 2px solid #1f61ad;
}

.bbs-table .table thead {
	background-color: #f6f6f6;
}

.bbs-table .table tr {
	border-bottom: 1px solid #c6c6c6;
}

.bbs-table .table th,
.bbs-table .table td {
	height:68px;
	padding:10px;
	font-size:1.8rem;
}

.bbs-table .table .state-box {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:140px;
	width:90%;
	height:36px;
	border-radius:50px;
}

.bbs-table .table .state-box-off {
	color:#757575;
	border:1px solid #757575;
}

.bbs-table .table .state-box-on {
	color:#fff;
	background-color: #1f61ad;
}

@media (max-width:1200px) {
	.bbs-table .table th,
	.bbs-table .table td {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-table .table {
		display: block;
	}

	.bbs-table .table thead {
		display: none;
	}
	
	.bbs-table .table tbody {
		display: block;
		width: 100%;
	}

	.bbs-table .table tr {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding:6px;
	}

	.bbs-table .table th,
	.bbs-table .table td {
		height: auto;
	}

	.bbs-table .table td {
		position: relative;
		text-align: left;
		padding:6px 10px;
	}

	.bbs-table .table td:not(.state)::after {
    content: "";
    display:block;
    position: absolute;
    top:52%;
    left:0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:1px;
    height:12px;
    background-color: #aaa;
  }

	.bbs-table .table td.age {
		order: 3;
	}

	.bbs-table .table td.subject {
		order: 2;
	}

	.bbs-table .table td.place {
		order: 4;
	}

	.bbs-table .table td.state {
		order:1;
		width:100px;
	}

	.bbs-table .table .state-box {
		width: 100%;
		height:30px;
	}
}
@media (max-width:768px) {
	.bbs-table .table th,
	.bbs-table .table td {
		font-size:1.5rem;
	}

	.bbs-table .table td.state {
		width: 80px;
	}

	.bbs-table .table .state-box {
		height: 24px;
	}
}
@media (max-width:576px) {
	.bbs-table .table th,
	.bbs-table .table td {
		font-size:1.4rem;
	}

	.bbs-table .table td {
		padding:6px;
	}

	.bbs-table .table td:not(.state)::after {
    height:10px;
  }
	
	.bbs-table .table td.state {
		width: 70px;
	}
}


/* Board Gallery */
.bbs-gallery .list {
	display: flex;
	flex-wrap: wrap;
	margin:-20px;
}

.bbs-gallery .list li {
	flex:1 0 33.33%;
	max-width:33.33%;
	padding:20px;
}

.bbs-gallery .list .thumb {
	position: relative;
	width: 100%;
	height:0;
	padding-top: calc(280/400*100%);
	overflow: hidden;
	border:1px solid #dfdfdf;
}

.bbs-gallery .list .thumb img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	transition:all .5s ease-in-out;
}

.bbs-gallery .list .con {
	padding-top:30px;
}

.bbs-gallery .list .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2.4rem;
	font-weight:600;
	line-height:1.3;
	margin-bottom:30px;
}

.bbs-gallery .list .data {
	font-size:1.8rem;
	font-weight:600;
	color:#979797;
}

@media (min-width:1201px) {
	.bbs-gallery .list li:hover .thumb img {
		transform: scale(1.05);
	}
}
@media (max-width:1200px) {
	.bbs-gallery .list .subject {
		font-size:2rem;
	}

	.bbs-gallery .list .data {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-gallery .list {
		margin:-8px;
	}
	
	.bbs-gallery .list li {
		padding:8px;
	}
	
	.bbs-gallery .list .con {
		padding-top:24px;
	}

	.bbs-gallery .list .subject {
		margin-bottom:24px;
	}
}
@media (max-width:768px) {
	.bbs-gallery .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-gallery .list .con {
		padding-top:20px;
	}

	.bbs-gallery .list .subject {
		font-size:1.8rem;
		margin-bottom:20px;
	}

	.bbs-gallery .list .data {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-gallery .list {
		margin:-4px;
	}
	
	.bbs-gallery .list li {
		flex:1 1 100%;
		max-width:100%;
		padding:4px;
	}

	.bbs-gallery .list .con {
		padding-top:16px;
	}

	.bbs-gallery .list .subject {
		font-size:1.7rem;
		margin-bottom:16px;
	}

	.bbs-gallery .list .data {
		font-size:1.3rem;
	}
}


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

.bbs-view-head {
	padding:40px 20px;
	border-bottom: 2px solid #dadada;
}

.bbs-view-head .data {
	font-size:1.8rem;
	color:#a6a6a6;
}

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

.bbs-view-area {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:120px;
	min-height:600px;
	padding:80px 20px;
	border-bottom:1px solid #151515;
}

.bbs-view-area .textarea p {
	font-size:1.8rem;
	line-height:1.6;
}

.bbs-view-area .links {
	text-align: center;
}

.bbs-view-area .links a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:320px;
	width:100%;
	height:64px;
	margin:0px 20px;
	border-radius:50px;
	font-size:2rem;
}

.bbs-view-btns .lt a:first-child {
	margin-right:6px;
}

.bbs-view-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:240px;
	height:64px;
	font-size: 2rem;
	font-weight:500;
}

.bbs-view-btns .btn01 {
	color:#494949;
	border:1px solid #494949;
}

.bbs-view-btns .btn02 {
	color:#fff;
	background-color: #494949;
}

@media (max-width:1200px) {
	.bbs-view-head .data {
		font-size:1.7rem;
	}

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

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

	.bbs-view-area .links a {
		max-width:260px;
		height:54px;
		font-size:1.8rem;
	}

	.bbs-view-btns .btn {
		width: 200px;
		height:54px;
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.bbs-view-head {
		padding:34px 16px;
	}

	.bbs-view-area {
		padding:60px 16px;
		gap:100px;
	}

	.bbs-view-area .links a {
		max-width:200px;
		height:48px;
		margin:0px 8px;
	}

	.bbs-view-btns .lt a:first-child {
		margin-right:4px;
	}

	.bbs-view-btns .btn {
		width: 120px;
		height:48px;
	}
}
@media (max-width:768px) {
	.bbs-view-head {
		padding:28px 16px;
	}

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

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

	.bbs-view-area {
		gap:80px;
		min-height:520px;
		padding:40px 16px;
	}

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

	.bbs-view-area .links a {
		max-width:160px;
		height:42px;
		font-size:1.6rem;
	}

	.bbs-view-btns .btn {
		width: 100px;
		height:42px;
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.bbs-view-head {
		padding:20px 12px;
	}

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

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

	.bbs-view-area {
		padding:40px 12px;
	}

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

	.bbs-view-area .links a {
		max-width:120px;
		height:36px;
		font-size:1.5rem;
		margin:0px 2px;
	}

	.bbs-view-btns .lt a:first-child {
		margin-right:2px;
	}

	.bbs-view-btns .btn {
		width: 80px;
		height:36px;
		font-size:1.5rem;
	}
}