@charset "utf-8";
@import "reset.css";

/* Common */
#main {
	margin-top:calc(var(--vh, 1vh) * 100);
	background-color: #fff;
}

#container .inner {
	overflow: hidden;
    min-height: calc(100vh - 185px);
}
.main .sec:not(.sec01) {
	padding:160px 0px;
}

.sec-tit {
	font-size:3.2rem;
}

.sec-txt {
	font-size:2rem;
	line-height:1.6;
}

.sec-line {
	display: block;
	width: 40px;
	height:4px;
	background-color: #014099;
}

.sec-line--left {
	margin:20px 0px 40px;
}

.sec-line--center {
	margin:20px auto 40px;
}

@media (max-width:1200px) {
	/*#main {
		margin-top: calc(100svh - 70px);
	}
	*/
	.main .sec:not(.sec01) {
		padding:120px 0px;
	}
}
@media (max-width:1024px) {
	.main .sec:not(.sec01) {
		padding:100px 0px;
	}

	.sec-tit {
		font-size:2.4rem;
	}

	.sec-txt {
		font-size:1.6rem;
	}

	.sec-line {
		width:30px;
		height:3px;
	}

	.sec-line--left {
		margin:16px 0px 30px;
	}

	.sec-line--center {
		margin:16px auto 30px;
	}
}
@media (max-width:768px) {

}
@media (max-width:500px) {
	.main .sec:not(.sec01) {
		padding:80px 0px;
	}

	.sec-tit {
		font-size:1.8rem;
	}

	.sec-txt {
		font-size:1.4rem;
	}

	.sec-line {
		width:24px;
		height:2px;
	}

	.sec-line--left {
		margin:10px 0px 20px;
	}

	.sec-line--center {
		margin:10px auto 20px;
	}
}


/* Sec01 */
.main .sec01 {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:calc(var(--vh, 1vh) * 100);
	/* height:calc(var(--vh, 1vh) * 100); */
	overflow: hidden;
	z-index:-1;
}

.sec01 .banner {
	position: relative;
	width:100%;
	height:100%;
}

.sec01 .context {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width:1310px;
	width:100%;
	margin:0 auto;
	padding:0px 15px;
	z-index:2
}

.sec01 .context h5 {
	font-size: 8rem;
	animation: text-fade-up .8s .2s both;
}

.sec01 .background {
	width:100%;
	height:100%;
}

.main .sec01 .background::after {
	content: "";
	display: block;
	width:100%;
	height: 100%;
	/* background: url('../img/main/sec01_bak.jpg') no-repeat center / cover; */
	animation: image-zoom-in 1.6s ease-in-out both;
}

.sec01 .scroll-wheel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:2px;
	position: absolute;
	left:50%;
	bottom:60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.sec01 .scroll-wheel::after {
	content: "";
	display: block;
	width:18px;
	height:8px;
	background: url('../img/main/sec01_arr.png') no-repeat center;
}

.sec01 .scroll-wheel-icon {
	display: block;
	position: relative;
	width:28px;
	height:50px;
	background-color: transparent;
  border:2px solid #fff;
	border-radius:20px;
}

.sec01 .scroll-wheel-icon::after {
	content: "";
	display: block;
	position: absolute;
	top:8px;
	left:9px;
	width:6px;
  height:6px;
  background-color: #fff;
	border-radius:50%;
  animation:scroll-wheel 1.5s linear infinite;
}

@media (max-width:1200px) {
	.main .sec01 {
		top:70px;
		height: calc(100svh - 70px);
		/* height:calc((var(--vh, 1vh) * 100) - 70px); */
	}

	.sec01 .context h5 {
		font-size:5.2rem;
	}
}
@media (max-width:1024px) {
	.sec01 .scroll-wheel {
		bottom:40px;
	}

	.sec01 .scroll-wheel-icon {
		width:20px;
		height:36px;
	}

	.sec01 .scroll-wheel-icon::after {
		left:6px;
		width:4px;
		height:4px;
	}
}
@media (max-width:768px) {
	.sec01 .context h5 {
		font-size: 3.8rem;
	}
}
@media (max-width:500px) {
	.sec01 .context h5 {
		font-size:2.6rem;
	}

	.sec01 .scroll-wheel {
		bottom:30px;
	}

	.sec01 .scroll-wheel-icon {
		width:16px;
		height:28px;
	}

	.sec01 .scroll-wheel-icon::after {
		top:6px;
		left:4px;
	}

	.sec01 .scroll-wheel::after {
		width: 16px;
		background-size: 16px auto;
	}
}


/* Sec02 */
.sec02 {
	background-color: #fcfcfc;
}

@media (max-width:1200px) {

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

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

}
@media (max-width:500px) {

}


/* Sec03 */
.sec03 .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sec03 .img {
	position: relative;
	width:43%;
	border-radius:40px;
	overflow: hidden;
}

.sec03 .img::before {
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color: #fff;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}

.sec03 .img img {
	width: 100%;
}

.sec03 .item01 .cont {
	width:43%;
}

.sec03 .item02 .cont {
	width:48%;
}

.sec03 .img.aos-animate::before {
	height: 0;
}

@media (max-width:1200px) {

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

}
@media (max-width:768px) {
	.sec03 .item {
		flex-wrap: wrap;
		gap:40px;
	}

	.sec03 .img {
		width:100%;
		order: 1;
	}

	.sec03 .img img {
		width: 100%;
	}

	.sec03 .cont {
		order: 2;
	}

	.sec03 .item01 .cont {
		width:100%;
	}

	.sec03 .item02 .cont {
		width:100%;
	}


}
@media (max-width:500px) {
	.sec03 .item {
		gap:30px;
	}
}


/* Sec04 */
.sec04 {
	background: url('../img/main/sec04_bak.png') no-repeat center / cover;
}

.sec04 .swiper-container {
	height:100%;
}

.sec04 .swiper-wrapper {
	height:100%;
}

.sec04 .swiper-slide {
	overflow: hidden;
}

.sec04 .swiper-control {
	display: flex;
	align-items: center;
	position: relative;
	width:100%;
	margin-top:80px;
}

.sec04 .arrow {
	display: flex;
	align-items: center;
	gap:30px;
	width:220px;
}

.sec04 .prev,
.sec04 .next {
	display: flex;
	align-items:center;
	gap:16px;
	font-size:1.6rem;
	font-weight:600;
	cursor: pointer;
	opacity:.5;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.sec04 .prev::before {
	content: "";
	display: block;
	width:22px;
	height:14px;
	background: url('../img/main/sec04_btn_prev.png') no-repeat center;
}

.sec04 .next::after {
	content: "";
	display: block;
	width:22px;
	height:14px;
	background: url('../img/main/sec04_btn_next.png') no-repeat center;
}

.sec04 .prev:hover,
.sec04 .next:hover {
	opacity: 1;
}

.sec04 .pagination {
	position: relative;
	top:unset;
	left: unset;
	right: unset;
	bottom: unset;
	width:calc(100% - 220px);
	height: 4px;
	background-color: #fff;
}

.sec04 .pagination .swiper-pagination-progressbar-fill {
	background-color: #bfbfbf;
}

.sec04 .card {
	position: relative;
	width:100%;
	height:100%;
}

.sec04 .card a {
	display: block;
	width:100%;
	height:100%;
	padding:40px;
	background-color: #014099;
	border-radius:40px;
	overflow: hidden;
}

.sec04 .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height:80px;
	font-size:2.8rem;
	line-height:1.4;
	margin-bottom:30px;
}

.sec04 .detail {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2rem;
	height:72px;
	margin-bottom:80px;
}

.sec04 .data {
	font-size:1.8rem;
}

.sec04 .more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:40px;
}

.sec04 .more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap:20px;
	width:200px;
	height:56px;
	background-color: #014099;
	border-radius:30px;
	font-size:1.8rem;
	color:#fff;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.sec04 .more-btn::after {
	content: "";
	display: inline-block;
	width:6px;
	height:11px;
	background: url('../img/main/sec04_btn_view.png') no-repeat center;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

@media (min-width:1201px) {
	.sec04 .more-btn:hover {
		background-color: #063a84;
	}

	.sec04 .more-btn:hover::after {
		transform: translateX(10px);
	}
}
@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.sec04 .swiper-control {
		margin-top:60px;
	}

	.sec04 .prev, .sec04 .next {
		font-size:1.4rem;
	}

	.sec04 .arrow {
		width: 200px;
	}

	.sec04 .pagination {
		width:calc(100% - 200px);
		height:3px;
	}

	.sec04 .card a {
		padding:30px;
	}

	.sec04 .subject {
		height:58px;
		font-size:2rem;
		margin-bottom: 20px;
	}

	.sec04 .detail {
		height:62px;
		font-size:1.6rem;
		margin-bottom:60px;
	}

	.sec04 .data {
		font-size:1.5rem;
	}

	.sec04 .more {
		margin-top:30px;
	}

	.sec04 .more-btn {
		width:160px;
		height:46px;
		font-size:1.5rem;
	}
}
@media (max-width:768px) {
	.sec04 {
		background-position: right center;
	}

	.sec04 .swiper-control {
		margin-top:40px;
	}
}
@media (max-width:500px) {
	.sec04 .swiper-control {
		margin-top:30px;
	}

	.sec04 .arrow {
		display: none;
	}

	.sec04 .pagination {
		width:100%;
	}

	.sec04 .card a {
		padding:20px;
		border-radius:20px;
	}

	.sec04 .subject {
		height:46px;
		font-size:1.6rem;
		margin-bottom:16px;
	}

	.sec04 .detail {
		height:52px;
		font-size:1.4rem;
		margin-bottom:40px;
	}

	.sec04 .data {
		font-size:1.3rem;
	}

	.sec04 .more {
		margin-top:20px;
	}

	.sec04 .more-btn {
		gap:12px;
		width:140px;
		height:38px;
		font-size:1.3rem;
	}

	.sec04 .more-btn::after {
		height:9px;
		background-size:auto 9px;
	}
}


/* Sec05 */
.sec05 .pagination {
	display: none;
	justify-content: center;
	align-items: center;
	margin-top:40px;
}

.sec05 .swiper-pagination-bullet {
	background-color: #bfbfbf;
	opacity: 1;
}

.sec05 .swiper-pagination-bullet-active {
	background-color: #014099;
}

.sec05 .prev,
.sec05 .next {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:60px;
	height:60px;
	background-color: #fff;
	border-radius:50%;
	box-shadow: 3px 3px 5px rgba(0,0,0,.15);
	z-index:10;
	cursor: pointer;
}

.sec05 .prev {
	left: -120px;
}

.sec05 .next {
	right:-120px;
}

.sec05 .prev::before,
.sec05 .next::before {
	content:"";
	display: block;
	width:24px;
	height:20px;
	background-repeat: no-repeat;
	background-position: center;
}

.sec05 .prev::before {
	background-image: url('../img/main/sec05_btn_prev.png');
}

.sec05 .next::before {
	background-image: url('../img/main/sec05_btn_next.png');
}

.sec05 .item {
	display: flex;
	flex-wrap: wrap;
	margin:-10px;
}

.sec05 .item dd {
	flex:1 1 20%;
	max-width:20%;
	padding:10px;
}

.sec05 .item .img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(96/240*100%);
	/* display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:100%; */
	border:1px solid #dcdcdc;
	border-radius:10px;
	overflow: hidden;
}

.sec05 .item .img img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height: 100%;
}

@media (max-width:1536px) {
	.sec05 .prev {
		left: -80px;
	}

	.sec05 .next {
		right:-80px;
	}

}
@media (max-width:1366px) {
	.sec05 .prev {
		left: -30px;
	}

	.sec05 .next {
		right:-30px;
	}

}
@media (max-width:1200px) {
	.sec05 .pagination {
		display: flex;
	}

	.sec05 .prev, .sec05 .next {
		display: none;
	}
}
@media (max-width:1024px) {
	.sec05 .pagination {
		margin-top:30px;
	}

	.sec05 .item {
		margin:-6px;
	}

	.sec05 .item dd {
		padding:6px;
	}
}
@media (max-width:768px) {
	.sec05 .item {
		margin: -4px;
	}

	.sec05 .item dd {
		flex:1 0 33.33%;
		max-width:33.33%;
		padding:4px;
	}

	/* .sec05 .item img {
		max-width:80%;
	} */
}
@media (max-width:500px) {
	.sec05 .pagination {
		margin-top:20px;
	}

	.sec05 .swiper-pagination-bullet {
		width:6px;
		height:6px;
	}

	.sec05 .item {
		margin:-2px;
	}

	.sec05 .item dd {
		flex:1 0 50%;
		max-width:50%;
		padding:2px;
	}
}


/* Animation */
@keyframes text-fade-up {
	from {
		opacity: 0;
		transform: translateY(200px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes image-zoom-in {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

@keyframes scroll-wheel {
	from {
    opacity:1;
  }
  to {
    opacity:0;
    transform: translateY(26px);
  }
}

@media (max-width:1200px) {

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

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

}
@media (max-width:500px) {

}

/* Popup */
#popup {
	/* position: relative; */
  }

  .popup-layer {
	z-index: 10000;
	position: absolute;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
	animation: popup-fade .65s ease-in-out .35s forwards;
	opacity: 0;
	max-width:800px;
  }

  @keyframes popup-fade {
	0% { opacity: 0;
	  -webkit-transform: translateY(25px);
	  -ms-transform: translateY(25px);
	  transform: translateY(25px); }
	100% { opacity: 1;
	  -webkit-transform: translateY(0);
	  -ms-transform: translateY(0);
	  transform: translateY(0); }
  }
  .popup-layer__body {
	background: #fff;
  }

  .popup-layer__body img {
	display: block;
	margin: 0 auto;
	border: none;
	max-width: 100%;
  }

  .popup-layer__foot {
	background: #424242;
  }

  .popup-layer__foot ul {
	display:flex;
	flex-wrap: wrap;
  }

  .popup-layer__foot li {
	width:50%;
	padding:10px;
  }

  .popup-layer__foot li:first-child {
	padding-right:0;
  }

  .popup-layer__foot li:last-child {
	text-align: right;
  }

  .popup-layer__foot span {
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition:all 0.3s ease;
  }

  .popup-layer__foot label:hover span { opacity: .7; }

  /* .popup-layer-foot { background: #424242; }
  .popup-layer-foot span { font-size: 15px; color: #fff; }
  .popup-layer-foot label:hover span { opacity: .7; }
  .popup-layer-foot li:first-child { padding-right: 0; }
  .popup-layer-foot li:last-child { text-align: right; } */


  @media (max-width: 1024px){
	/* .popup-layer { z-index: 999; } */
	.popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
  }
  @media (max-width: 768px){

	.popup-layer {
	  width:calc(100% - 10px);
	}

	.popup-layer img {
	  max-width: none;
	  width:100%;
	  height: auto !important;
	}
	.popup-layer-foot span { font-size: 14px; }

  }
  @media (max-width: 375px){
	.popup-layer-foot li { width: 100%; }
	.popup-layer-foot li:last-child { text-align: left; }
  }











/* Util */
.util {
	margin-bottom:40px;
}

.util-inner {
	display: flex;
	justify-content: flex-end;
}

.util-sch {
	max-width:500px;
	width: 100%;
}

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

.util-sch .sch-select {
	width:220px;
	border:1px solid #d8d8d8;
	border-radius:50px;
}

.util-sch .sch-input {
	position: relative;
	width:calc(100% - 220px);
	padding-right:44px;
	border:1px solid #d8d8d8;
	border-radius:50px;
}

.util-sch .sch-input button {
	position: absolute;
	top:-1px;
	right:-1px;
	width:46px;
	height:46px;
	border-radius:50%;
	background: #014099 url('../img/bbs/util_search.png') no-repeat center;
}

.util-sch input {
	width:100%;
	height:44px;
	padding:0px 16px;
	font-size:1.6rem;
	background-color: transparent;
}

.util-sch select {
	width:100%;
	height:44px;
	padding:0px 16px;
	font-size:1.6rem;
	background-color: transparent;
	background-size: 14px auto;
	background-position: right 16px center;
	background-image: url('../img/bbs/util_select.png');
	color:#222;
}

.util-sch option {
  color:#111111;
}

.util-sch select:required:invalid {
	color: #a7a7a7;
}


@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.util {
		margin-bottom:30px;
	}

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

	.util-sch .sch-input {
		width: calc(100% - 180px);
	}

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

	.util-sch input {
		height:32px;
		font-size:1.4rem;
	}

	.util-sch select {
		height:32px;
		font-size:1.4rem;
		background-size:12px auto;
	}
}
@media (max-width:768px) {
	.util {
		margin-bottom:20px;
	}
}
@media (max-width:500px) {
	.util {
		margin-bottom:16px;
	}

	.util-sch .sch-inner {
		flex-wrap: wrap;
		gap:4px;
	}

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

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

	.util-sch .sch-input button {
		width:30px;
		height:30px;
		background-size: auto 12px;
	}

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

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


/* 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 1px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#fff;
	border-radius:10px;
  text-align: center;
  font-size:1.6rem;
	color:#515151;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

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

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

.pagination a.pagination__backward {
  background-image: url('../img/bbs/pg_backward.png');
}

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

.pagination a.pagination__forward {
  background-image: url('../img/bbs/pg_forward.png');
}

.pagination a.pagination__next {
  background-image: url('../img/bbs/pg_next.png');
}
@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.pagination {
		margin-top:30px;
	}

	.pagination a {
		width:30px;
		height:30px;
		border-radius: 6px;
		font-size:1.4rem;
	}
}
@media (max-width:768px) {
	.pagination {
		margin-top:20px;
	}
}
@media (max-width:500px) {
	.pagination {
		margin-top:16px;
	}

	.pagination a {
		width:26px;
		height:26px;
		font-size:1.2rem;
		background-size:auto 9px;
	}
}

/* Board List Common */
.table-scroll,
.view-scroll {
	position: relative;
}

.table-scroll-wrap,
.view-scroll-wrap {
	overflow-x: auto;
	position: relative;
	z-index: 2;
}

.list-guide-txt {
	font-size:1.6rem;
	font-weight:600;
	color:#014099;
	margin-top:16px;
}

.view-guide-txt {
	font-size:1.6rem;
	font-weight:600;
	color:#014099;
	margin-bottom:16px;
}

@media (max-width:1280px) {
	.table-scroll-inner,
	.view-scroll-inner {
		min-width:1280px;
	}

	.table-scroll:before,
	.view-scroll:before {
		content: "";
		z-index: 3;
		position: absolute;
		top: 0;
		right: 0;
		width: 15px;
		height: 100%;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
	}
}
@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.table-scroll-inner,
	.view-scroll-inner {
		min-width:1200px;
	}

	.list-guide-txt {
		font-size:1.4rem;
		margin-top:10px;
	}

	.view-guide-txt {
		font-size:1.4rem;
		margin-bottom:10px;
	}
}
@media (max-width:768px) {
	.list-guide-txt {
		margin-top:6px;
	}

	.view-guide-txt {
		margin-bottom:6px;
	}
}
@media (max-width:500px) {
	.table-scroll-inner,
	.view-scroll-inner {
		min-width:920px;
	}

	.list-guide-txt {
		font-size:1.2rem;
		margin-top:4px;
	}

	.view-guide-txt {
		font-size:1.2rem;
		margin-bottom:4px;
	}
}


/* Basic Table 01 */
.bbs-basic-table01 {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #014099;
}

.bbs-basic-table01 tr {
	border-bottom: 1px solid #b1b1b1;
}

.bbs-basic-table01 th,
.bbs-basic-table01 td {
	height:48px;
	font-size:1.6rem;
	padding:10px;
}

.bbs-basic-table01 th {
	background-color: #f7fdff;
}

.bbs-basic-table01 td {
	color:#313131;
}

.bbs-basic-table01 tr.notice {
	background-color: #f7f7f7;
}

.bbs-basic-table01 tr.message {
	text-align: center;
}

.bbs-basic-table01 td.message-textarea {
	padding:160px 0px;
}

.bbs-basic-table01.sm th, .bbs-basic-table01.sm td{
	font-size:1.25rem;
	height:auto;
}

@media (max-width:1200px) {
	.bbs-basic-table01 {
		display: block;
	}

	.bbs-basic-table01 thead {
		display: none;
	}

	.bbs-basic-table01 tbody {
		display: block;
	}

	.bbs-basic-table01 tr {
		display: flex;
		flex-wrap: wrap;
		padding:10px;
	}

	.bbs-basic-table01 td {
		position: relative;
		height: auto;
		padding:4px 6px;
	}

	.bbs-basic-table01 td.subject {
		order: 1;
		width: 100%;
	}

	.bbs-basic-table01 td.no {
		order: 2;
	}

	.bbs-basic-table01 td.writer {
		order: 3;
	}

	.bbs-basic-table01 td.data {
		order: 4;
	}

	.bbs-basic-table01 td.no::after,
	.bbs-basic-table01 td.writer::after {
		content: "";
		display: block;
		position: absolute;
		top:50%;
		right:0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 1px;
		height: 12px;
		background-color: #999;
  }
}
@media (max-width:1024px) {
	.bbs-basic-table01 tr {
		padding:6px;
	}

	.bbs-basic-table01 td {
		font-size:1.4rem;
		padding:4px;
	}

	.bbs-basic-table01 td.no {
		order:2;
	}

	.bbs-basic-table01 td.no::after,
	.bbs-basic-table01 td.writer::after {
		height:10px;
	}

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

}
@media (max-width:500px) {
	.bbs-basic-table01 tr {
		padding:6px;
	}

	.bbs-basic-table01 td {
		font-size:1.2rem;
		padding:2px 4px;
	}

	.bbs-basic-table01 td.no::after,
	.bbs-basic-table01 td.writer::after {
		height:8px;
	}
}


/* Basic View 01 */
.bbs-basic-view01 {
	border-top:1px solid #212121;
}

.bbs-basic-view01 .view-head {
	display: flex;
	align-items: center;
	position: relative;
	padding:20px 160px 20px 20px;
	background-color: #fafafa;
	border-bottom:1px solid #bfbfbf;
}

.bbs-basic-view01 .view-file {
	padding:20px;
	border-bottom:1px solid #bfbfbf;
}

.bbs-basic-view01 .view-area {
	min-height:480px;
	padding:20px;
	border-bottom:1px solid #212121;
}

.bbs-basic-view01 .view-btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:40px;
}

.bbs-basic-view01 .subject {
	font-size:2.4rem;
	font-weight:400;
	color:#434343;
	text-align:left;
}

.bbs-basic-view01 .data {
	display: block;
	position: absolute;
	top:50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:1.6rem;
	font-weight:500;
	color:#b9b9b9;
	text-align:left;
}

.bbs-basic-view01 .file {
	display: flex;
	align-items: center;
	gap:6px;
}

.bbs-basic-view01 .file dt {
	display: flex;
	align-items: center;
}

.bbs-basic-view01 .file dt img {
	display: block;
}

.bbs-basic-view01 .file dt span {
	display: block;
	font-size:2rem;
	font-weight:500;
	line-height:.8;
	margin-left:10px;
}

.bbs-basic-view01 .file dd {
	font-size:2rem;
}

.bbs-basic-view01 .textarea p {
	font-size:1.8rem;
	line-height:1.4;
}

.bbs-basic-view01 .btns-box {
	display: flex;
	gap:10px;
}

.bbs-basic-view01 .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:160px;
	height:56px;
	border-radius:10px;
	font-size:1.8rem;
	font-weight:500;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.bbs-basic-view01 .btn--prev,
.bbs-basic-view01 .btn--next {
	color:#fff;
	background-color: #919191;
}

.bbs-basic-view01 .btn--list {
	color:#fff;
	background-color: #014099;
}

@media (min-width:1201px) {
	.bbs-basic-view01 .btn--prev:hover,
	.bbs-basic-view01 .btn--next:hover {
		background-color: #6c6c6c;
	}

	.bbs-basic-view01 .btn--list:hover {
		background-color: #063a84;
	}
}
@media (max-width:1200px) {
	.bbs-basic-view01 .btn { width:120px; }

}
@media (max-width:1024px) {
	.bbs-basic-view01 .view-head {
		padding: 16px 120px 16px 16px;
	}

	.bbs-basic-view01 .view-area {
		padding:16px;
		min-height:320px;
	}

	.bbs-basic-view01 .view-btns {
		margin-top:30px;
		flex-flow:column;
		gap:10px;
	}

	.bbs-basic-view01 .view-file {
		padding: 16px;
	}

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

	.bbs-basic-view01 .data {
		right:16px;
		font-size:1.4rem;
	}

	.bbs-basic-view01 .file dt img {
		height:20px;
	}

	.bbs-basic-view01 .file dt span {
		font-size:1.6rem;
	}

	.bbs-basic-view01 .file dd {
		font-size:1.6rem;
	}

	.bbs-basic-view01 .textarea p {
		font-size:1.5rem;
	}

	.bbs-basic-view01 .btn {
		width:95px;
		height:46px;
		font-size:1.5rem;
	}

	.board_button .btn {
		width:95px;
		height:46px;
		font-size:1.5rem;
	}
}
@media (max-width:768px) {
	.bbs-basic-view01 .view-head {
		display: block;
		padding: 10px;
	}

	.bbs-basic-view01 .view-area {
		padding:10px;
		min-height:280px;
	}

	.bbs-basic-view01 .view-btns {
		margin-top:20px;
	}

	.bbs-basic-view01 .view-file {
		padding: 10px;
	}

	.bbs-basic-view01 .data {
		display: block;
		position: relative;
		top:unset;
		right: unset;
		-webkit-transform: none;
		transform: none;
		margin-top:6px;
	}

	.bbs-basic-view01 .btns-box {
		gap: 6px;
	}
}
@media (max-width:500px) {
	.bbs-basic-view01 .view-head {
		padding:8px;
	}

	.bbs-basic-view01 .view-file {
		padding:8px;
	}

	.bbs-basic-view01 .view-area {
		padding:8px;
		min-height:200px;
	}

	.bbs-basic-view01 .view-btns {
		margin-top:16px;
	}

	.bbs-basic-view01 .subject {
		font-size:1.5rem;
	}

	.bbs-basic-view01 .data {
		font-size:1.2rem;
		margin-top:4px;
	}

	.bbs-basic-view01 .file {
		gap: 4px;
	}

	.bbs-basic-view01 .file dt img {
		height:14px;
	}

	.bbs-basic-view01 .file dt span {
		font-size: 1.4rem;
		margin-left:6px;
	}

	.bbs-basic-view01 .file dd {
		font-size: 1.4rem;
	}

	.bbs-basic-view01 .textarea p {
		font-size:1.3rem;
	}

	.bbs-basic-view01 .btns-box {
		gap: 4px;
	}

	.bbs-basic-view01 .btn {
		width:70px;
		height:36px;
		font-size:1.3rem;
	}
	.board_button .btn {
		width:70px;
		height:36px;
		font-size:1.3rem;
	}
}


/* Basic Table 02 */
.bbs-basic-table02 {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #014099;
}

.bbs-basic-table02 tr {
	border-bottom: 1px solid #b1b1b1;
}

.bbs-basic-table02 th,
.bbs-basic-table02 td {
	height:60px;
	font-size:1.6rem;
	padding:10px;
}

.bbs-basic-table02 th {
	background-color: #f7fdff;
}

.bbs-basic-table02 td {
	color:#313131;
}

.bbs-basic-table02 td.state .box {
	color:#fff;
	background-color: #014099;
	border-radius:10px;
	padding:6px 10px;
}

.bbs-basic-table02 tr.message {
	text-align: center;
}

.bbs-basic-table02 td.message-textarea {
	padding:160px 0px;
}


@media (max-width:1200px) {
	.bbs-basic-table02 thead {
		display: none;
	}

	.bbs-basic-table02 {
		display: block;
	}

	.bbs-basic-table02 tbody {
		display: block;
	}

	.bbs-basic-table02 tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding:10px;
	}

	.bbs-basic-table02 td {
		display: block;
		width: 100%;
		height: auto;
		padding:6px 4px;
		text-align: left;
		order: 1;
	}

	.bbs-basic-table02 td.state {
		order:2;
	}

	.bbs-basic-table02 td.state .box {
		max-width:220px;
	}

	.bbs-basic-table02 td a {
		display: flex;
		align-items: center;
	}

	.bbs-basic-table02 td a::before {
		content: "";
		display: inline-block;
		width:160px;
		font-weight:700;
	}

	.bbs-basic-table02 td.subject span {
		width: calc(100% - 160px);
	}

	.bbs-basic-table02 td.no a::before {
		content: "No.";
	}

	.bbs-basic-table02 td.pn a::before {
		content: "Project Number";
	}

	.bbs-basic-table02 td.subject a::before {
		content: "Draft Title";
	}

	.bbs-basic-table02 td.cmt a::before {
		content: "Committee";
	}

	.bbs-basic-table02 td.state a::before {
		content: "Processing Stage";
	}

	.bbs-basic-table02 td.data a::before {
		content: "Processing Date";
	}

	.bbs-basic-table02 td.ipr a::before {
		content: "IPR";
	}
}
@media (max-width:1024px) {
	.bbs-basic-table02 th,
	.bbs-basic-table02 td {
		font-size:1.4rem;
	}
}
@media (max-width:768px) {

}
@media (max-width:500px) {
	.bbs-basic-table02 tr {
		padding:6px;
	}

	.bbs-basic-table02 th,
	.bbs-basic-table02 td {
		font-size:1.2rem;
		padding:4px 0px;
		/* padding:4px 2px; */
	}

	.bbs-basic-table02 td a {
		flex-wrap: wrap;
		gap:4px;
	}

	.bbs-basic-table02 td a::before {
		width:100%;
	}

	.bbs-basic-table02 td.subject span {
		width:100%;
	}

	.bbs-basic-table02 td.state .box {
		padding:4px 6px;
		border-radius:6px;
	}

/*
	.bbs-basic-table02 td a::before {
		width:120px;
	}

	.bbs-basic-table02 td.subject span {
		width: calc(100% - 120px);
	}

	.bbs-basic-table02 td.state .box {
		padding:4px 6px;
		border-radius:6px;
	} */
}


/* Basic View 02 */
.bbs-basic-view02 .view-info {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #014099;
}

.bbs-basic-view02 .view-info .row {
	flex:1 1 50%;
	max-width:50%;
	border-bottom:1px solid #c1c1c1;
}

.bbs-basic-view02 .view-info .row.w100 {
	flex:1 1 100%;
	max-width:100%;
}

.bbs-basic-view02 .view-info .row-inner {
	display: flex;
	align-items: center;
	width:100%;
	height: 100%;
}

.bbs-basic-view02 .view-info .th {
	display: inline-flex;
	align-items: center;
	width:320px;
	height:100%;
	padding:20px;
	background-color: #f7fdff;
	font-size:1.6rem;
	font-weight:500;
	color:#111111;
}

.bbs-basic-view02 .view-info .td {
	width: calc(100% - 320px);
	padding:20px;
	font-size:1.6rem;
}

.bbs-basic-view02 .view-table {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #014099;
}

.bbs-basic-view02 .view-table tr {
	border-bottom: 1px solid #b1b1b1;
}

.bbs-basic-view02 .view-table th,
.bbs-basic-view02 .view-table td {
	height:60px;
	font-size:1.6rem;
	padding:10px;
}

.bbs-basic-view02 .view-table th {
	background-color: #f7fdff;
}

.bbs-basic-view02 .view-table td {
	color:#313131;
}

.bbs-basic-view02 .view-table td:nth-child(2n) {
	background-color: #fcfcfc;
}

.bbs-basic-view02 .view-table td.state {
	font-weight:500;
	color:#818181;
}

.bbs-basic-view02 .view-table td.state.on {
	font-weight:600;
	color:#014099;
}

.bbs-basic-view02 .view-btns {
	display: flex;
	justify-content: center;
	margin-top:40px;
}

.bbs-basic-view02 .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:160px;
	height:56px;
	border-radius:10px;
	font-size:1.8rem;
	font-weight:500;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.bbs-basic-view02 .btn--list {
	color:#fff;
	background-color: #014099;
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.bbs-basic-view02 .view-info .th {
		width:280px;
		padding:18px 16px;
		font-size:1.4rem;
	}

	.bbs-basic-view02 .view-info .td {
		width: calc(100% - 280px);
		padding:18px 16px;
		font-size:1.4rem;
	}

	.bbs-basic-view02 .view-table th,
	.bbs-basic-view02 .view-table td {
		height:50px;
		font-size:1.4rem;
	}

	.bbs-basic-view02 .view-btns {
		margin-top:30px;
	}

	.bbs-basic-view02 .btn {
		width:120px;
		height:46px;
		font-size:1.5rem;
	}
}
@media (max-width:768px) {
	.bbs-basic-view02 .view-btns {
		margin-top:20px;
	}
}
@media (max-width:500px) {
	.bbs-basic-view02 .view-info .th {
		width:240px;
		padding:14px 10px;
		font-size:1.2rem;
	}

	.bbs-basic-view02 .view-info .td {
		width: calc(100% - 240px);
		padding:14px 10px;
		font-size:1.2rem;
	}

	.bbs-basic-view02 .view-table th,
	.bbs-basic-view02 .view-table td {
		height:44px;
		padding:6px;
		font-size:1.2rem;
	}

	.bbs-basic-view02 .view-btns {
		margin-top:16px;
	}

	.bbs-basic-view02 .btn {
		width:100px;
		height:36px;
		font-size:1.3rem;
	}
}

/* Basic Table 03 */
.bbs-basic-table03 {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #014099;
}

.bbs-basic-table03 tr {
	border-bottom: 1px solid #b1b1b1;
}

.bbs-basic-table03 th,
.bbs-basic-table03 td {
	height:60px;
	font-size:1.6rem;
	padding:10px;
}

.bbs-basic-table03 th {
	background-color: #f7fdff;
}

.bbs-basic-table03 td {
	color:#313131;
}

.bbs-basic-table03 tr.message {
	text-align: center;
}

.bbs-basic-table03 td.message-textarea {
	padding:160px 0px;
}


@media (max-width:1200px) {
	.bbs-basic-table03 thead {
		display: none;
	}

	.bbs-basic-table03 {
		display: block;
	}

	.bbs-basic-table03 tbody {
		display: block;
	}

	.bbs-basic-table03 tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding:10px;
	}

	.bbs-basic-table03 td {
		display: block;
		width: 100%;
		height: auto;
		padding:6px 4px;
		text-align: left;
		order: 1;
	}

	.bbs-basic-table03 td a {
		display: flex;
		align-items: center;
	}

	.bbs-basic-table03 td a::before {
		content: "";
		display: inline-block;
		width:240px;
		font-weight:700;
	}

	.bbs-basic-table03 td.subject span {
		width: calc(100% - 240px);
	}

	.bbs-basic-table03 td.no a::before {
		content: "No.";
	}

	.bbs-basic-table03 td.pn a::before {
		content: "Project Number";
	}

	.bbs-basic-table03 td.subject a::before {
		content: "Title of Public Consultation";
	}

	.bbs-basic-table03 td.cmt a::before {
		content: "Committee";
	}

	.bbs-basic-table03 td.period a::before {
		content: "Consultation Period";
	}

	.bbs-basic-table03 td.data a::before {
		content: "Processing Date";
	}

	.bbs-basic-table03 td.rn a::before {
		content: "Related Document Number";
	}
}
@media (max-width:1024px) {
	.bbs-basic-table03 th,
	.bbs-basic-table03 td {
		font-size:1.4rem;
	}


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

}
@media (max-width:500px) {
	.bbs-basic-table03 tr {
		padding: 6px;
	}

	.bbs-basic-table03 th,
	.bbs-basic-table03 td {
		font-size:1.2rem;
		padding:4px 0px;
	}

	.bbs-basic-table03 td a {
		flex-wrap: wrap;
		gap:4px;
	}

	.bbs-basic-table03 td a::before {
		width: 100%;
	}

	.bbs-basic-table03 td.subject span {
		width: 100%;
	}

	/* .bbs-basic-table03 td a::before {
		width:160px;
	}

	.bbs-basic-table03 td.subject span {
		width: calc(100% - 160px);
	} */
}


/* Basic View 03 */
.bbs-basic-view03 .view-table {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #014099;
}

.bbs-basic-view03 .view-table tr {
	border-bottom: 1px solid #b1b1b1;
}

.bbs-basic-view03 .view-table th,
.bbs-basic-view03 .view-table td {
	height:60px;
	font-size:1.6rem;
	padding:10px;
}

.bbs-basic-view03 .view-table th {
	background-color: #f7fdff;
}

.bbs-basic-view03 .view-table td {
	color:#313131;
}

.bbs-basic-view03 .view-table td.file .icon {
	display: block;
	width:28px;
	height:36px;
	background: url('../img/icon/ico_file.png') no-repeat center;
	font-size: 0px;
}

.bbs-basic-view03 .view-btns {
	display: flex;
	justify-content: center;
	margin-top:40px;
}

.bbs-basic-view03 .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:160px;
	height:56px;
	border-radius:10px;
	font-size:1.8rem;
	font-weight:500;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.bbs-basic-view03 .btn--list {
	color:#fff;
	background-color: #014099;
}

@media (max-width:1200px) {

}
@media (max-width:1024px) {
	.bbs-basic-view03 .view-table th,
	.bbs-basic-view03 .view-table td {
		height:50px;
		font-size:1.4rem;
	}

	.bbs-basic-view03 .view-table td.file .icon {
		height:26px;
		background-size:auto 26px;
	}

	.bbs-basic-view03 .view-btns {
		margin-top:30px;
	}

	.bbs-basic-view03 .btn {
		width:120px;
		height:46px;
		font-size:1.5rem;
	}
}
@media (max-width:768px) {
	.bbs-basic-view03 .view-btns {
		margin-top:20px;
	}
}
@media (max-width:500px) {
	.bbs-basic-view03 .view-table th,
	.bbs-basic-view03 .view-table td {
		height:44px;
		font-size:1.2rem;
		padding:6px;
	}

	.bbs-basic-view03 .view-table td.file .icon {
		height:20px;
		background-size:auto 20px;
	}

	.bbs-basic-view03 .view-btns {
		margin-top:16px;
	}

	.bbs-basic-view03 .btn {
		width:100px;
		height:36px;
		font-size:1.3rem;
	}
}


/* ------------ 7000 ------------  */
.tCenter { text-align:center !important;}
.tLeft { text-align:left !important;}
.tRight { text-align:right !important;}

.fcRed { color:#fa1212 !important;}
.fcBlue { color:#203ff0 !important;}

.bullet {
	font-size: 1.15rem;
    background-color: #ffffff;
    border-radius: 1.0rem;
    padding: 0.25rem 0.55rem;
    color: #ff0000;
    margin-left: 5px;
}

.cursor-pointer { cursor:pointer; }

/* popup_draggable*/
#popup_draggable{
	display:none;
	position: fixed;
	/* cursor:all-scroll;*/
	z-index:55;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border:1px solid #13141C;
	overflow:hidden;
	background-color:#FFFFFF;
	box-sizing:border-box;
	/*
	box-shadow:3px 3px #7A7B80;
		-moz-box-shadow:3px 3px #7A7B80;
		-webkit-box-shadow:3px 3px #7A7B80;
	*/
}

#popup_draggable #popup_top_cont{
	position:relative;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	background-color:#2c447a;
	color:#FFFFFF;
	box-sizing:border-box;
	overflow:hidden;
}
#popup_draggable #popup_top_cont ol{
}
#popup_draggable #popup_top_cont ol li{
	display:inline-block;
	vertical-align:middle;
	padding:2px;
}
#popup_draggable #popup_top_cont ol li:nth-child(1){
	width:calc(100% - 24px);
}

#popup_draggable #popup_top_cont_title{
	color:#fff;
	font-weight: bold;
}
#popup_draggable #popup_body_cont{
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	padding:0.75rem 1rem;
	max-height: 720px;
	overflow-y: auto;
}

/* community board*/
	.write_wrap{
        width:100%;
        overflow: hidden;
    }
    .write_wrap .flLeft{
        width:55%;
        padding-right:0.95rem;
        float:left;
    }
    .write_wrap .flRight{
        width:45%;
        padding-left:0.95rem;
        float:right;
    }
    .write_wrap input:not([type='hidden'],[type='radio'],[type='checkbox']), .write_wrap textarea, .write_wrap select {
        border:1px solid #d8d8d8;
        padding: 0.55rem;
        width:100%;
        border-radius: 0.35rem;
        line-height: 1.5;
        appearance: auto;
           -webkit-appearance: auto;
           -moz-appearance: auto;
    }
    .write_wrap .list-members{
        width:100%;
		font-size:1.35rem;
    }
    .write_wrap .list-members li{
        padding:0.75rem;
        border-bottom: 1px solid #dddddd;
    }
    .write_wrap .list-members li:last-child{
        border-bottom: none;
    }

	.write_wrap .meeting-member-ul{
		margin-top:1.0rem;
		font-size:1.25rem;
		border: 1px solid #a1d0d1;
    	background-color: #defeff;
	}
	.write_wrap .meeting-member-ul li span.date{
		display: inline-block;
		width:20%;
	}
	.write_wrap .meeting-member-ul li span.data{
		display: inline-block;
		width:25%;
	}

	.write_wrap a {
		font-size:1.35rem;
		color:#003bb9;
	}


    .write_wrap .vote_button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding:0.55rem 1.75rem;
        border-radius: 0.35rem;
        background-color:#d5d5d5;
    }
    .write_wrap .vote_button.reject {
        background-color: #f11414;
        color:#ffffff;
    }
	.write_wrap .vote_button.pass {
        background-color: #2a08ec;
        color:#ffffff;
    }
    .write_wrap .vote_button.txt {
		border-radius: 1.5rem;
		padding: 0.35rem 1.25rem;
		margin-left: 1rem;
		font-size: 1.25rem;
    }
	.write_wrap .vote_button.vote {
        background-color: #014099;
        color:#ffffff;
    }
    .write_wrap .vote_button.comment {
        background-color: #014099;
		border:1px solid #0074dd;
        color:#ffffff;
		font-weight:bold;
    }
    .write_wrap .vote_button.lg {
        padding:1.25rem 2.25rem;
		margin-bottom:2rem;
    }

	.write_wrap .comment_box{
		white-space: pre-line;
		padding:1rem;
		background-color:#f5f5f5;
		border:1px solid #ebebeb;
		font-size: 1.25rem;
		margin:0.55rem 0rem;
	}
	.write_wrap .comment_box2{
		white-space: pre-line;
		padding:1rem;
		background-color:#ffffff;
		font-size: 1.35rem;
	}

	.badge_comment{
		background-color:#2f4cf1;
		color:#ffffff;
		border-radius: 1.0rem;
		padding:2px 8px;
		margin-left:0.5rem;

	}

	.comment_area {
		border:1px solid #d1e4ff;
		margin-bottom:1.25rem;
	}
	.comment_area .comment_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #4d87d9;
		padding:6px 10px;
		color:#ffffff;
	}
	.comment_area_reply{
		border-top:1px dotted #578dd8;
		padding: 6px;
	}
	.comment_header_reply{
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #d4e6ff;
		padding:4px 8px;
		color:#4f4f4f;
	}
	.comment_header_answer{
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #0ec597;
		padding:4px 8px;
		color:#ffffff;
	}

	.bbs-basic-table01.red{
		border-top: 2px solid #c70811;
	}
	.bbs-basic-table01.red th{
		background-color: #fff2f2;
	}

	.btn-area {
		margin:5.5rem 2.5rem;
		padding:1.5rem;
		text-align: center;
	}
	.btn-area .btn {
		margin:0.25rem 0.15rem;
		padding: 1.25rem 2.55rem;
		font-size: 1.75rem;
		border: 1px solid #efefef;
		border-radius: 0.55rem;
		color: #333333;
	}
	.btn-area .btn.btn-blue {
		background-color: #007bff;
		color: #ffffff;
		border: #007bff;
	}
	.btn-area .btn.btn-green {
		background-color: #28a745;
		color: #ffffff;
		border: #28a745;
	}
	.btn-area .btn.btn-red {
		background-color: #dc3545;
		color: #ffffff;
		border: #dc3545;
	}
	.btn-area .btn.btn-gray {
		background-color: #6c757d;
		color: #ffffff;
		border: #6c757d;
	}
	.btn-area .bi {
		margin-right:0.75rem;
	}

/* ------------ 7000 ------------  */




/* 250627 이지원 */
.ww_flex { display:flex; gap:1rem; }
.ww_flex .flLeft { float:none; padding-right:0; }
.ww_flex .flRight { float:none; padding-left:0; }

/* 250902 윤은경 */
:root {
      --mtype: #0071D9; /* CSS 전역 변수 선언 */
    }
.start_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 50px; grid-row-gap: 30px; }
.start_list > li { position:relative; border:1px solid var(--mtype); border-radius:15px; padding:50px; overflow:hidden; box-shadow:0px 0px 30px -5px rgb(187 224 255 / 50%); }
.start_list > li::before { content:''; position:absolute; left:0; top:0; width:100%; height:5px; background-color:var(--mtype); }
.sl_icon { text-align:center; margin-bottom:30px; }
.sl_tit { color:#000000; font-size:28px; font-weight: 700; text-align:center; margin-bottom:10px; }
.month_price { display:flex; align-items:center; justify-content:center; gap:7px; }
.m_pri { color:var(--mtype); font-size:32px; font-weight:700; margin-bottom:0; }
.m_month { color:#666666; font-weight:300;  margin:8px 0 0; }
.sl_list { margin-top:25px; padding-top:25px; border-top:1px solid #ddd; min-height:182px; }
.sl_list li { position:relative; font-size:16px; color:#666666; font-weight:300; margin-bottom:12px; word-break:keep-all; }
.sl_list li:last-child { margin-bottom:0; }
.sl_list li.f_red { color:#FF2727; }
.sl_btn { width:100%; border:1px solid var(--mtype); display:block; padding:10px 0; text-align:center; border-radius:10px; margin-top:50px; font-weight:500; color:var(--mtype); }
.sl_btn:hover { color:var(--mtype); }
.sl_btn.blue { background-color:var(--mtype); color:#fff; border-color:var(--mtype); }
.sl_btn.blue:hover { color:#fff; }
.sl_btn.deepblue { background-color:#014099; color:#fff; border-color:#014099; }
.sl_btn.deepblue:hover { color:#fff; }