/* Util */
.total {
	font-size: 1.6rem;
}

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

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

.search .sch-select {
	width:150px;
}

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

.search 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('../../asset/img/bbs/sch_select.png');
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.8rem;
}

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

.search button {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0px;
	right:0px;
	width:100px;
	height:50px;
	background-color: #191919;
	border-radius:10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	font-size:1.8rem;
	color:#fff;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.total {
		font-size: 1.4rem;
	}
	
	.search select {
		font-size:1.6rem;
	}
	
	.search input {
		font-size:1.6rem;
	}

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

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

	.search .sch-select {
		width: 120px;
	}

	.search .sch-input {
		width: calc(100% - 120px);
		padding-right:80px;
	}

	.search select {
		height:44px;
		padding:0px 16px;
		background-position: right 16px center;
	}
	
	.search input {
		height:44px;
		padding:0px 16px;
	}
	
	.search button {
		width:80px;
		height:44px;
	}
}
@media (max-width:768px) {
	.total {
		font-size: 1.3rem;
	}

	.search {
		max-width:420px;
	}
	
	.search select {
		font-size:1.4rem;
	}
	
	.search input {
		font-size:1.4rem;
	}

	.search button {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.total {
		order: 2;
		font-size:1.2rem;
	}

	.search {
		order: 1;
		max-width:100%;
		margin-bottom:12px;
	}

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

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

	.search .sch-input {
		width: 100%;
		padding-right:60px;
	}

	.search select {
		height:36px;
		padding:0px 12px;
		background-position: right 12px center;
		background-size:auto 6px;
		font-size:1.3rem;
	}

	.search input {
		height:36px;
		padding:0px 12px;
		font-size:1.3rem;
	}
	
	.search button {
		width:60px;
		height:36px;
		font-size:1.3rem;
	}
}


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

.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:32px;
  height:32px;
	margin:0px 4px;
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  text-align: center;
  font-size:1.8rem;
	color:#b5b5b5;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

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

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

.pagination a.pagination__prev,
.pagination a.pagination__next,
.pagination a.pagination__backward,
.pagination a.pagination__forward {
	width:20px;
}

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

.pagination a.pagination__next {
	margin-left:16px;
  background-image: url('../../asset/img/bbs/pg_next.png');
}

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

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

@media (min-width:1201px) {

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

	.pagination a {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.pagination a {
		width:26px;
		height:26px;
	}

	.pagination a.pagination__prev {
		margin-right:10px;
	}
	
	.pagination a.pagination__next {
		margin-left:10px;
	}
}
@media (max-width:768px) {
	.pagination a {
		font-size:1.4rem;
		background-size:auto 12px;
	}
}
@media (max-width:576px) {
	.pagination {
		margin-top:30px;
	}

	.pagination a {
		width:24px;
		height:24px;
		margin:0px 2px;
		font-size:1.3rem;
		background-size:auto 10px;
	}

	.pagination a.pagination__prev {
		margin-right:6px;
	}
	
	.pagination a.pagination__next {
		margin-left:6px;
	}
}


/* Year tab */
.year-tab-menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap:10px;
}

.year-tab-menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:100px;
	height:40px;
	border-radius:50px;
	background-color: #f5f5f5;
	font-size:2rem;
	line-height: 40px;
	color:#959595;
}

.year-tab-menu li.on a {
	font-weight:700;
	color:#fff;
	background-color: #191919;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.year-tab-menu a {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.year-tab-menu {
		gap: 6px;
	}

	.year-tab-menu a {
		width:80px;
		height: 32px;
		line-height: 32px;
	}
}
@media (max-width:768px) {
	.year-tab-menu a {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.year-tab-menu {
		gap:4px;
	}

	.year-tab-menu a {
		width:60px;
		height:26px;
		font-size:1.4rem;
		line-height:26px;
	}
}

/* Expert tab */
.expert-category-tab .category-tab-menu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap:10px;
}

.expert-category-tab .category-tab-menu a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:100px;
	height:40px;
	border-radius:50px;
	background-color: #f5f5f5;
	font-size:2rem;
	line-height: 40px;
	color:#959595;
}

.expert-category-tab .category-tab-menu li.on a {
	font-weight:700;
	color:#fff;
	background-color: #191919;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.expert-category-tab .category-tab-menu a {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.expert-category-tab .category-tab-menu {
		gap: 6px;
	}

	.expert-category-tab .category-tab-menu a {
		width:80px;
		height: 32px;
		line-height: 32px;
	}
}
@media (max-width:768px) {
	.expert-category-tab .category-tab-menu a {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.expert-category-tab .category-tab-menu {
		gap:4px;
	}

	.expert-category-tab .category-tab-menu a {
		width:60px;
		height:26px;
		font-size:1.4rem;
		line-height:26px;
	}
}



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

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

.bbs-table .table thead tr {
	border-color:#a0a0a0;
}

.bbs-table .table tr.tr-no {
	background-color: #f5f5f5;
}

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

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

.bbs-table .table tr.table-message td {
	height:auto;
	padding:200px 20px;
}

.bbs-table td.step.in {
	color:#00652b;
}

.bbs-table td.step.end {
	color:#dd010e;
}

.bbs-table td.file.off img {
	display: none;
}

.bbs-table td.file.on img {
	display: block;
}

.bbs-table .write-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:260px;
	height:60px;
	background-color: #191919;
	border-radius:10px;
	font-size:1.8rem;
	line-height:1;
	color:#fff;
	transition: all .3s ease;
}

@media (min-width:1201px) {

}
@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;
	}

	.bbs-table .table tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding:4px 0px;
	}

	.bbs-table .table th,
	.bbs-table .table td {
		position: relative;
		height: auto;
		padding:4px 10px;
	}	

	.bbs-table .table td:not(.no):not(.year):not(.step):not(.subject):not(.dept):not(.epe):not(.take)::before {
    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.no {
		order: 3;
	}

	.bbs-table .table td.year,
	.bbs-table .table td.step {
		order: 1;
	}

	.bbs-table .table td.year {
		font-weight:700;
	}

	.bbs-table .table td.dept {
		display: none;
		width: 100%;
		text-align: left;
	}

	.bbs-table .table td.die {
		display: flex;
		align-items: center;
		gap:2px;
		order:6;
	}

	.bbs-table .table td.die::after {
		content: "마감일";
		display: block;
		order: 1;
	}

	.bbs-table .table td.die a {
		order: 2;
	}

	.bbs-table .table td.epe {
		display: none;
		width: 100%;
		text-align: left;
	}

	.bbs-table .table td.take {
		display: none;
		width: 100%;
		text-align: left;
	}

	.bbs-table .table td.subject {
		order:2;
		width: 100%;
		text-align: left;
	}

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

	.bbs-table .table td.pia {
		order:5;
	}

	.bbs-table .table td.data {
		order: 6;
	}

	.bbs-table .table td.file {
		display: flex;
		align-items: center;
		order: 7;
	}

	.bbs-table .table td.file img {
		width:20px;
	}

	/* 국가연구개발사업 */
	.nation .bbs-table .table td.data {
		display: none;
	}

	.auth .bbs-table .table td.year {
		order: 1;
	}

	.auth .bbs-table .table td.det {
		order: 2;
	}

	.auth .bbs-table .table td.write {
		order: 3;
	}

	.auth .bbs-table .table td.step {
		order: 4;
	}

	.auth .bbs-table .table td.subject {
		order: 5;
	}

	.auth .bbs-table .table td.no {
		order: 6;
	}

	.auth .bbs-table .table td.pia {
		order: 7;
	}

	.auth .bbs-table .table td.data {
		order: 8;
	}

	.auth .bbs-table .table td.step::before {
    content: "";
    display:block;
    position: absolute;
    top:52%;
    left:0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:1px;
    height:12px;
    background-color: #aaa;
  }
}
@media (max-width:768px) {
	.bbs-table .table th,
	.bbs-table .table td {
		font-size:1.4rem;
	}

	.bbs-table .table td::before {
    height:10px;
  }

	.bbs-table .table td.file img {
		width:16px;
	}
}
@media (max-width:576px) {
	.bbs-table .table tr {
		padding:2px 0px;
	}

	.bbs-table .table th,
	.bbs-table .table td {
		font-size:1.3rem;
		padding:2px 6px;
	}

	.bbs-table .table td.file img {
		width:14px;
	}
}


/* Board View */
.bbs-view:not(.bbs-view--inquiry) {
	border-top: 2px solid #a0a0a0;
}

.bbs-view-head .block {
	border-bottom: 1px solid #dcdcdc;
}

.bbs-view-head .hiz {
	display: flex;
	align-items: center;
	gap:20px;
}

.bbs-view-head .hiz .line {
	display: block;
	width:1px;
	height:13px;
	background-color: #626262;
}

.bbs-view-head .remain {
	margin-top:30px;
	padding:20px 24px;
	border-radius:5px;
	background-color: #eeeeee;
}

.bbs-view-head .remain dl {
	display: flex;
	align-items: center;
	margin:0px -24px;
}

.bbs-view-head .remain dd {
	/* display: flex;
	align-items: center; */
	position: relative;
	/* gap:10px; */
	flex:1 1;
	padding:0px 24px;
	font-size:1.8rem;
	color:#3b3b3b;
}

.bbs-view-head .remain dd::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:2px;
	height:100%;
	background-color: #bfbfbf;
}

.bbs-view-head .remain dd:last-child::after {
	display: none;
}

.bbs-view-head .remain dd b,
.bbs-view-head .remain dd span {
	display: inline-block;
}

.bbs-view-head .urls,
.bbs-view-head .write,
.bbs-view-head .token {
	margin-top:10px;
	padding:20px 24px;
	border-radius:5px;
	background-color: #eeeeee;
}

.bbs-view-head .urls dd,
.bbs-view-head .write dd,
.bbs-view-head .token dd {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size:1.8rem;
	color:#3b3b3b;
}

.bbs-view-head .urls dd b,
.bbs-view-head .urls dd a,
.bbs-view-head .write dd b,
.bbs-view-head .write dd a, 
.bbs-view-head .token dd b,
.bbs-view-head .token dd a{
	display: block;
}

.bbs-view-head .urls dd b,
.bbs-view-head .write dd b,
.bbs-view-head .token dd b {
	width: 90px;
}

.bbs-view-head .urls dd a,
.bbs-view-head .write dd a,
.bbs-view-head .token dd a {
	width: calc(100% - 90px);
	color:#0052b8;
}

.bbs-view-head .token {
	margin:0px !important;
	/* height: 200px; */
}

.bbs-view-head .step {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:4px 15px 6px;
	border-radius:50px;
	font-size: 1.6rem;
	line-height:1;
	color:#fff;
}

.bbs-view-head .step.in {
	background-color: #00652b;
}

.bbs-view-head .step.end {
	background-color: #dd010e;
}

.bbs-view-head .year {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:4px 15px 6px;
	border-radius:50px;
	background-color: #191919;
	font-size: 1.6rem;
	line-height:1;
	color:#fff;
}

.bbs-view-head .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:4px 15px 6px;
	border-radius:50px;
	background-color: #191919;
	font-size: 1.6rem;
	line-height:1;
	color:#fff;
}

.bbs-view-head .no {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:4px 15px 6px;
	border-radius:50px;
	background-color: #191919;
	font-size: 1.6rem;
	line-height:1;
	color:#fff;
}

.bbs-view-head .subject {
	font-size:3rem;
	margin-bottom:10px;
}

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

.bbs-view-head .name {
	display: flex;
	align-items: center;
	gap:10px;
	font-size:1.8rem;
}

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

.bbs-view-head .file a {
	width: calc(100% - 34px);
	font-size:1.8rem;
	color:#3b3b3b;
}

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

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

.bbs-view-area .video {
	position: relative;
	max-width:920px;
	width:100%;
	height:0;
	padding-top: calc(519/1400*100%);
	overflow: hidden;
}

.bbs-view-area .video > div,
.bbs-view-area .video iframe,
.bbs-view-area .video img {
	display: block;
	position: absolute !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	width:100% !important;
	height:100% !important;
	object-fit: cover !important;
}

.bbs-view-area .learn-tab-menu {
	display: flex;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.bbs-view-area .learn-tab-menu > li {
	position: relative;
	max-width:350px;
	width: 100%;
	height: 60px;
}

.bbs-view-area .learn-tab-menu > li::after {
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:3px;
	background-color: #0052b8;
	opacity:0;
	visibility: hidden;
}

.bbs-view-area .learn-tab-menu > li button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	font-size:1.8rem;
	line-height:1;
}

.bbs-view-area .learn-tab-menu > li.on::after {
	opacity: 1;
	visibility: visible;
}

.bbs-view-area .learn-tab-menu > li.on button {
	font-weight:700;
	color:#0052b8;
}

.bbs-view-area .learn-tab-con {
	position: relative;
}

.bbs-view-area .learn-tab-con > li {
	display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.bbs-view-area .learn-tab-con > li.on {
  display: block;
  height:auto;
  position:relative;
  animation: contents-on ease-in-out .5s forwards;
}

.bbs-view-area .learn-tab-con .file dd {
	display:flex;
	align-items: center;
	position: relative;
	max-width:330px;
	width:100%;
	padding:20px;
	border-radius:10px;
	background-color: #f5f5f5;
}

.bbs-view-area .learn-tab-con .file a {
	width:calc(100% - 40px);
	font-size:1.8rem;
}


.bbs-view-area .learn-tab-con .file img {
	position: absolute;
	top:50%;
	right:20px;
	transform: translateY(-50%);
}

.bbs-view-navi {
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
}

.bbs-view-navi .navi-btn {
	font-size:1.8rem;
	line-height: 1;
	color:#3b3b3b;
}

.bbs-view-navi .navi-btn dt {
	position: relative;
	width:120px;
	padding-left:30px;
}

.bbs-view-navi .navi-btn dt::before {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:13px;
	height:7px;
	background-repeat: no-repeat;
	background-position: center;
}

.bbs-view-navi .navi-btn dt::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:1px;
	height:17px;
	background-color: #a0a0a0;
}

.bbs-view-navi .navi-btn dd {
	width: calc(100% - 120px);
	padding-left:40px;
}

.bbs-view-navi .navi-btn--prev,
.bbs-view-navi .navi-btn--next {
	display: flex;
	align-items: center;
	padding:20px 12px;
}

.bbs-view-navi .navi-btn--prev {
	border-bottom: 1px solid #dcdcdc;
}

.bbs-view-navi .navi-btn--prev dt::before {
	background-image: url('../../asset/img/bbs/navi_prev.png');
}

.bbs-view-navi .navi-btn--next dt::before {
	background-image: url('../../asset/img/bbs/navi_next.png');
}

.bbs-view-btns {
	display: flex;
	justify-content: center;
	gap:10px;
	margin-top:60px;
}

.bbs-view-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:260px;
	height:60px;
	border-radius:10px;
	font-size:1.8rem;
	line-height:1;
	transition: all .3s ease;
}

.bbs-view-btns .btn01 {
	color:#fff;
	background-color: #191919;
}

@media (max-width:1280px) {
	.bbs-view-head .remain dl {
		margin:0px -20px;
	}
	
	.bbs-view-head .remain dd {
		padding:0px 20px;
		font-size:1.7rem;
	}

	.bbs-view-head .urls dd,
	.bbs-view-head .write dd,
	.bbs-view-head .token dd {
		font-size:1.7rem;
	}
}
@media (max-width:1200px) {	
	.bbs-view-head .remain {
		padding:20px;
	}

	.bbs-view-head .remain dl {
		flex-wrap: wrap;
		gap:10px;
		margin:0px -20px;
	}
	
	.bbs-view-head .remain dd {
		flex:1 1 calc(50% - 10px);
		font-size:1.6rem;
		padding:0px 20px;
	}

	.bbs-view-head .remain dd.die::after {
		display: none;
	}

	.bbs-view-head .urls dd,
	.bbs-view-head .write dd,
	.bbs-view-head .token dd {
		font-size:1.6rem;
	}

	.bbs-view-head .urls dd b,
	.bbs-view-head .write dd b,
	.bbs-view-head .token dd b {
		width: 80px;
	}
	
	.bbs-view-head .urls dd a,
	.bbs-view-head .write dd a,
	.bbs-view-head .token dd a {
		width: calc(100% - 80px);
	}

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

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

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

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

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

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

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

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

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

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

	.bbs-view-area .learn-tab-menu > li button {
		font-size:1.6rem;
	}

	.bbs-view-area .learn-tab-con .file a {
		font-size:1.6rem;
	}

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

	.bbs-view-navi .navi-btn dt::after {
		height:15px;
	}

	.bbs-view-btns .btn {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-view-head .hiz {
		gap:12px;
	}

	.bbs-view-head .remain {
		margin-top:20px;
		padding:16px;
	}

	.bbs-view-head .remain dd::after {
		height:16px;
	}

	.bbs-view-head .remain dd img {
		width:18px;
	}

	.bbs-view-head .urls,
	.bbs-view-head .write,
	.bbs-view-head .token {
		margin-top:6px;
		padding:16px;
	}

	.bbs-view-head .token {
		height: 160px;
	}

	.bbs-view-head .step  {
		padding: 3px 10px 5px;
	}

	.bbs-view-head .no {
		padding: 3px 10px 5px;
	}

	.bbs-view-head .year {
		padding: 3px 10px 5px;
	}

	.bbs-view-head .category {
		padding: 3px 10px 5px;
	}

	.bbs-view-head .subject  {
		margin-bottom:6px;
	}

	.bbs-view-head .name {
		gap:6px;
	}

	.bbs-view-head .name img {
		width: 13px;
	}

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

	.bbs-view-head .file img {
		width:20px;
	}

	.bbs-view-head .file a {
		width: calc(100% - 26px);
	}

	.bbs-view-area .learn-tab-menu > li {
		max-width:280px;
		height:48px;
	}

	.bbs-view-area .learn-tab-con .file dd {
		padding:12px 16px;
	}

	.bbs-view-area .learn-tab-con .file img {
		width:16px;
		right:16px;
	}

	.bbs-view-navi .navi-btn--prev,
	.bbs-view-navi .navi-btn--next {
		padding:16px 12px;
	}

	.bbs-view-navi .navi-btn dt {
		width:100px;
		padding-left:20px;
	}

	.bbs-view-navi .navi-btn dt::before {
		width:10px;
		height:6px;
		background-size:auto 6px;
	}

	.bbs-view-navi .navi-btn dd {
		width: calc(100% - 100px);
		padding-left:30px;
	}

	.bbs-view-btns {
		margin-top:40px;
	}
	
	.bbs-view-btns .btn {
		width:200px;
		height:48px;
	}
}
@media (max-width:768px) {
	.bbs-view-head .hiz .line {
		height:11px;
	}

	.bbs-view-head .remain dl {
		gap:6px;
		margin:0px -12px;
	}

	.bbs-view-head .remain dd {
		font-size:1.4rem;
		padding:0px 12px;
	}

	.bbs-view-head .remain dd img {
		width:16px;
	}

	.bbs-view-head .urls dd,
	.bbs-view-head .write dd,
	.bbs-view-head .token dd {
		font-size:1.4rem;
	}

	.bbs-view-head .urls dd b,
	.bbs-view-head .write dd b,
	.bbs-view-head .token dd b {
		width: 70px;
	}
	
	.bbs-view-head .urls dd a,
	.bbs-view-head .write dd a,
	.bbs-view-head .token dd a {
		width: calc(100% - 70px);
	}

	.bbs-view-head .token {
		height: 120px;
	}

	.bbs-view-head .no {
		font-size: 1.3rem;
	}

	.bbs-view-head .step  {
		font-size: 1.3rem;
	}

	.bbs-view-head .year {
		font-size: 1.3rem;
	}

	.bbs-view-head .category {
		font-size: 1.3rem;
	}

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

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

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

	.bbs-view-head .name img {
		width:12px;
	}

	.bbs-view-head .file img {
		width:16px;
	}

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

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

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

	.bbs-view-area .video {
		max-width:100%;
		padding-top:calc(768/1400*100%);
	}

	.bbs-view-area .learn-tab-menu > li {
		max-width: none;
		width:50%;
	}

	.bbs-view-area .learn-tab-menu > li button {
		font-size:1.4rem;
	}

	.bbs-view-area .learn-tab-con .file dd {
		max-width:100%;
	}

	.bbs-view-area .learn-tab-con .file a {
		font-size:1.4rem;
	}

	.bbs-view-area .learn-tab-con .file img {
		width:14px;
	}

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

	.bbs-view-navi .navi-btn dt {
		width:80px;
	}

	.bbs-view-navi .navi-btn dt::after {
		height:13px;
	}

	.bbs-view-navi .navi-btn dd {
		width: calc(100% - 80px);
		padding-left:20px;
	}

	.bbs-view-btns .btn {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-view-head .hiz {
		gap:8px;
	}

	.bbs-view-head .hiz .line {
		height:10px;
	}

	.bbs-view-head .remain {
		margin-top: 12px;
		padding:10px;
	}

	.bbs-view-head .remain dl {
		gap:4px;
	}

	.bbs-view-head .remain dd {
		flex:1 1 calc(100% - 6px);
		gap:4px;
		font-size:1.3rem;
	}

	.bbs-view-head .remain dd::after {
		display: none;
	}

	.bbs-view-head .remain dd img {
		width: 12px;
	}

	.bbs-view-head .urls,
	.bbs-view-head .write,
	.bbs-view-head .token {
		margin-top:4px;
		padding:10px;
	}

	.bbs-view-head .urls dd b,
	.bbs-view-head .write dd b,
	.bbs-view-head .token dd b {
		width: 65px;
	}
	
	.bbs-view-head .urls dd a,
	.bbs-view-head .write dd a,
	.bbs-view-head .token dd a {
		width: calc(100% - 65px);
	}

	.bbs-view-head .urls dd,
	.bbs-view-head .write dd,
	.bbs-view-head .token dd {
		font-size:1.3rem;
	}

	.bbs-view-head .token {
		height: 100px;
	}

	.bbs-view-head .no {
		font-size: 1.2rem;
		padding:2px 10px 3px;
	}

	.bbs-view-head .step  {
		font-size: 1.2rem;
		padding:2px 10px 3px;
	}

	.bbs-view-head .year {
		font-size: 1.2rem;
		padding:2px 10px 3px;
	}

	.bbs-view-head .category {
		font-size: 1.2rem;
		padding:2px 10px 3px;
	}

	.bbs-view-head .subject {
		font-size:1.8rem;
		margin-bottom:4px;
	}

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

	.bbs-view-head .name {
		font-size:1.3rem;
	}

	.bbs-view-head .name img {
		width:10px;
	}

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

	.bbs-view-head .file img {
		width:14px;
	}

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

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

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

	.bbs-view-area .learn-tab-menu > li {
		height:40px;
	}

	.bbs-view-area .learn-tab-menu > li button {
		font-size:1.3rem;
	}

	.bbs-view-area .learn-tab-con .file dd {
		padding:8px 12px;
	}

	.bbs-view-area .learn-tab-con .file a {
		font-size:1.3rem;
	}

	.bbs-view-area .learn-tab-con .file img {
		right:12px;
		width: 12px;
	}

	.bbs-view-navi .navi-btn {
		font-size:1.3rem;
	}

	.bbs-view-navi .navi-btn--prev,
	.bbs-view-navi .navi-btn--next {
		padding:10px 6px;
	}

	.bbs-view-navi .navi-btn dt {
		width:60px;
		padding-left:12px;
	}

	.bbs-view-navi .navi-btn dt::before {
		width:7px;
		height:4px;
		background-size:auto 4px;
	}

	.bbs-view-navi .navi-btn dt::after {
		height:11px;
	}

	.bbs-view-navi .navi-btn dd {
		width: calc(100% - 60px);
		padding-left:12px;
	}	

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

	.bbs-view-btns .btn {
		width:160px;
		height:40px;
		font-size:1.3rem;
	}
}


/* Board Field */
.bbs-field .list {
	display: flex;
	flex-wrap: wrap;
	margin:-30px -15px;
}

.bbs-field .list li {
	flex:1 0 33.33%;
	max-width:33.33%;
	padding:30px 15px;
	cursor: pointer;
}

.bbs-field .list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top:calc(438/448*100%);
	overflow: hidden;
	border:1px solid #a0a0a0;
}

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

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

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-field .list p {
		font-size:2rem;
	}
}
@media (max-width:1024px) {
	.bbs-field .list {
		margin:-20px -8px;
	}
	
	.bbs-field .list li {
		padding:20px 8px;
	}
}
@media (max-width:768px) {
	.bbs-field .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-field .list p {
		font-size:1.8rem;
	}
}
@media (max-width:576px) {
	.bbs-field .list {
		margin:-12px -4px;
	}
	
	.bbs-field .list li {
		padding:12px 4px;
	}

	.bbs-field .list p {
		font-size:1.6rem;
	}
}


/* Board Clip */
.bbs-clip .list {
	display: flex;
	flex-wrap: wrap;
	margin:-15px;
}

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

.bbs-clip .list li.list-message {
	text-align: center;
	flex:1 1 100%;
	max-width:100%;
}

.bbs-clip .list li.list-message div {
	height:auto;
	padding:200px 20px;
}

.bbs-clip .list li.list-message p {
	font-size:1.8rem;
}

.bbs-clip .card {
	height:100%;
	background-color: #f5f5f5;
}

.bbs-clip .cont {
	padding:30px;
}

.bbs-clip .thumb {
	position: relative;
	width: 100%;
	height:0;
	padding-top: calc(298/448*100%);
	overflow: hidden;
}

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

.bbs-clip .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:20px;
	right:20px;
	width:70px;
	padding: 3px 0px 5px;
	border-radius:50px;
	background-color: #191919;
	font-size:1.6rem;
	color:#fff;
	line-height: 1;
	z-index:1;
	overflow: hidden;
}
.bbs-clip .category.none{
	display: none;
}

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

.bbs-clip .name {
	display: flex;
	align-items: center;
	gap:10px;
	margin: 20px 0px 30px;
	font-size:1.6rem;
	line-height:1;
}

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

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-clip .category {
		font-size:1.4rem;
	}

	.bbs-clip .subject {
		font-size:2rem;
	}
	
	.bbs-clip .name {
		font-size:1.4rem;
	}
	
	.bbs-clip .data {
		font-size:1.4rem;
	}
}
@media (max-width:1024px) {
	.bbs-clip .list {
		margin:-8px;
	}
	
	.bbs-clip .list li {
		padding: 8px;
	}

	.bbs-clip .cont {
		padding:20px;
	}

	.bbs-clip .category {
		width:60px;
		top:16px;
		right:16px;
	}

	.bbs-clip .name {
		gap:6px;
		margin:12px 0px 20px;
	}

	.bbs-clip .name img {
		width:13px;
	}
}
@media (max-width:768px) {
	.bbs-clip .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-clip .category {
		font-size:1.3rem;
		padding:2px 0px 4px;
	}

	.bbs-clip .subject {
		font-size:1.8rem;
	}
	
	.bbs-clip .name {
		font-size:1.3rem;
	}

	.bbs-clip .name img {
		width: 12px;
	}
	
	.bbs-clip .data {
		font-size:1.3rem;
	}
}
@media (max-width:576px) {
	.bbs-clip .list {
		margin:-4px;
	}
	
	.bbs-clip .list li {
		padding: 4px;
	}

	.bbs-clip .cont {
		padding:12px 12px 16px;
	}

	.bbs-clip .category {
		top:10px;
		right:10px;
		width:54px;
		font-size:1.2rem;
	}

	.bbs-clip .subject {
		font-size:1.6rem;
	}
	
	.bbs-clip .name {
		gap:4px;
		margin:6px 0px 12px;
		font-size:1.2rem;
	}

	.bbs-clip .name img {
		width:10px;
	}
	
	.bbs-clip .data {
		font-size:1.2rem;
	}
}
@media (max-width:500px){
	.bbs-clip .list li {
		flex:1 0 100%;
		max-width:100%;
	}
}


/* Board Produce */
.bbs-produce .list {
	display: flex;
	flex-wrap: wrap;
	margin:-25px -15px;
}

.bbs-produce .list li {
	flex:1 0 33.33%;
	max-width: 33.33%;
	padding:25px 15px;
}

.bbs-produce .list li.list-message {
	text-align: center;
	flex:1 1 100%;
	max-width:100%;
}

.bbs-produce .list li.list-message div {
	height:auto;
	padding:200px 20px;
}

.bbs-produce .list li.list-message p {
	font-size:1.8rem;
}

.bbs-produce .card {
	height:100%;
}

.bbs-produce .thumb {
	position: relative;
	width: 100%;
	height:0;
	padding-top: calc(298/448*100%);
	overflow: hidden;
	border-radius:20px;
}

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

.bbs-produce .cont {
	padding:30px 0px 0px;
}

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

.bbs-produce .price {
	font-size:2rem;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-produce .category {
		font-size:1.4rem;
	}

	.bbs-produce .subject {
		font-size:2rem;
	}
	
	.bbs-produce .price {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.bbs-produce .list {
		margin:-12px -8px;
	}
	
	.bbs-produce .list li {
		padding:12px 8px;
	}

	.bbs-produce .cont {
		padding:20px 0px 0px;
	}
}
@media (max-width:768px) {
	.bbs-produce .list li {
		flex:1 0 50%;
		max-width:50%;
	}
	
	.bbs-produce .subject {
		font-size:1.8rem;
	}
	
	.bbs-produce .price {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.bbs-produce .list {
		margin:-12px -4px;
	}
	
	.bbs-produce .list li {
		padding:12px 4px;
	}

	.bbs-produce .cont {
		padding:12px 0px 0px;
	}

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

	.bbs-produce .price {
		font-size:1.4rem;
	}
}
@media (max-width:500px){
	.bbs-produce .list li {
		flex:1 0 100%;
		max-width:100%;
	}
}


/* Board Produce View */
.view-produce-head .lt {
	width: 567px;
}

.view-produce-head .rt {
	width: 50%;
}

.view-produce-head .subject {
	font-size:3.6rem;
}

.view-produce-head .price {
	font-size: 2.8rem;
}

.view-produce-head .guide {
	padding:30px 0px;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}

.view-produce-head .guide p {
	font-size:1.6rem;
}

.view-produce-head .produce-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width:250px;
	width: 100%;
	height:60px;
	border-radius:10px;
	background-color: #191919;
	font-size:1.8rem;
	color:#fff;
}

.view-produce-area {
	border:1px solid #a0a0a0;
	border-top: 2px solid #e5e5e5;
}

.view-produce-area .tit {
	padding:20px;
	background-color: #f5f5f5;
	text-align: center;
}

.view-produce-area .tit p {
	font-size: 1.8rem;
}

.view-produce-area .textarea {
	min-height:200px;
	padding:30px;
}

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

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.view-produce-head .subject {
		font-size:3rem;
	}
	
	.view-produce-head .price {
		font-size: 2.4rem;
	}
	
	.view-produce-head .guide p {
		font-size:1.4rem;
	}

	.view-produce-head .produce-btn {
		font-size:1.6rem;
	}

	.view-produce-area .tit p {
		font-size:1.6rem;
	}

	.view-produce-area .textarea p {
		font-size:1.4rem;
	}
}
@media (max-width:1024px) {
	.view-produce-head {
		justify-content: center;
		text-align: center;
	}

	.view-produce-head .lt {
		width: 57%;
	}

	.view-produce-head .rt {
		width: 100%;
	}

	.view-produce-head .guide {
		padding:20px 0px;
	}

	.view-produce-head .produce-btn {
		max-width:200px;
		height:48px;
	}

	.view-produce-area .tit {
		padding:16px 0px;
	}

	.view-produce-area .textarea {
		padding:20px;
	}
}
@media (max-width:768px) {
	.view-produce-head .subject {
		font-size:2.4rem;
	}
	
	.view-produce-head .price {
		font-size: 2rem;
	}
	
	.view-produce-head .guide p {
		font-size:1.3rem;
	}

	.view-produce-head .produce-btn {
		font-size:1.4rem;
	}

	.view-produce-area .tit p {
		font-size:1.4rem;
	}

	.view-produce-area .textarea p {
		font-size:1.3rem;
	}
}
@media (max-width:576px) {
	.view-produce-head .lt {
		width: 100%;
	}

	.view-produce-head .subject {
		font-size:2rem;
	}
	
	.view-produce-head .price {
		font-size:1.8rem;
	}

	.view-produce-head .guide {
		padding: 12px 0px;
	}
	
	.view-produce-head .guide p {
		font-size:1.2rem;
	}

	.view-produce-head .produce-btn {
		max-width:160px;
		height:44px;
		font-size:1.3rem;
	}

	.view-produce-area .tit {
		padding: 12px 0px;
	}

	.view-produce-area .tit p {
		font-size:1.3rem;
	}

	.view-produce-area .textarea {
		padding: 16px;
	}

	.view-produce-area .textarea p {
		font-size:1.2rem;
	}
}
@media (max-width:500px){

}


/* Board Produce Order */
.bbs-produce-order .row-group {
	gap: 10px;
}

.bbs-produce-order .row-w50 {
	width: 50%;
}

.bbs-produce-order .th {
	font-size:1.8rem;
}

.bbs-produce-order .td input[type = "text"] {
	width: 100%;
	height:50px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius: 10px;
	font-size:1.6rem;
}

.bbs-produce-order .radio-wrap ul {
	display: flex;
	gap:30px;
}

.bbs-produce-order .radio-wrap label {
	display: flex;
	align-items: center;
	position: relative;
	gap:10px;
	cursor: pointer;
}

.bbs-produce-order .radio-wrap input {
	position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bbs-produce-order .radio-wrap i {
	display: block;
	width:18px;
	height:18px;
	background: url('../../asset/img/bbs/prd_radio_off.png') no-repeat center;
}

.bbs-produce-order .radio-wrap span {
	display: block;
	font-size:1.8rem;
	font-weight:500;
}

.bbs-produce-order .radio-wrap input:checked + i {
  background-image: url('../../asset/img/bbs/prd_radio_on.png');
}

.bbs-produce-order .type-wrap {
	position: relative;
}

.bbs-produce-order .type-wrap .box {
	display: none;
	position: absolute;
	top:0;
	left:0;
}

.bbs-produce-order .type-wrap .box.on {
	display: block;
  position:relative;
	height:auto;
}

.bbs-produce-order .pw-wrap input {
	max-width:80px;
}

.bbs-produce-order .order-notice p {
	font-size:1.8rem;
	border-bottom: 1px solid #a0a0a0;
}

.bbs-produce-order .order-notice dd {
	display: flex;
	gap:6px;
	font-size:1.6rem;
	line-height: 1.6;
}

.bbs-produce-order .order-agree .agree-tit {
	border-bottom: 1px solid #a0a0a0;
}

.bbs-produce-order .order-agree .agree-chk {
	display: flex;
	justify-content: space-between;
	gap:20px;
}

.bbs-produce-order .order-agree label {
	display: flex;
	position: relative;
	gap:10px;
	cursor: pointer;
	width: calc(100% - 55px);
}

.bbs-produce-order .order-agree input {
	position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bbs-produce-order .order-agree i {
	display: block;
	width:20px;
	height:20px;
	background: url('../../asset/img/member/card_chk_off.png') no-repeat center;
	margin-top:2px;
}

.bbs-produce-order .order-agree input:checked + i {
  background-image: url('../../asset/img/member/card_chk_on.png');
}

.bbs-produce-order .order-agree .label-txt {
	display: block;
	width:calc(100% - 30px);
	font-size:1.6rem;
}

.bbs-produce-order .order-agree .textarea-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap:4px;
	width:55px;
	height:25px;
	border:1px solid #a0a0a0;
	border-radius: 5px;
	font-size:1.4rem;
}

.bbs-produce-order .order-agree .textarea-btn::after {
	content: "";
	display: inline-block;
	width:9px;
	height:5px;
	background: url('../../asset/img/member/card_view_btn.png') no-repeat center;
	transition:all .3s ease;
}

.bbs-produce-order .order-agree .textarea-btn.on::after {
	transform: rotate(180deg);
}

.bbs-produce-order .order-agree .agree-textarea {
	display: none;
	height:150px;
	padding:20px;
	overflow-y:auto;
	background-color: #f5f5f5;
}

.bbs-produce-order .order-agree .agree-textarea p {
	font-size:1.4rem;
}

.bbs-produce-order .order-agree .agree-textarea.on {
	display: block;
}

.bbs-produce-order .order-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:60px;
	border-radius:10px;
	font-size:1.8rem;
}

.bbs-produce-order .order-btns .btn01 {
	border:1px solid #191919;
}

.bbs-produce-order .order-btns .btn02 {
	color:#fff;
	background-color: #191919;
}

.bbs-produce-order .business-guide {
	margin-top:10px;
}

.bbs-produce-order .business-guide dd {
	font-size:1.2rem;
	padding-bottom:2px;
}

.bbs-produce-order .business-guide dd:last-child {
	padding-bottom:0px;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-produce-order .th {
		font-size:1.6rem;
	}

	.bbs-produce-order .td {
		font-size:1.4rem;
	}

	.bbs-produce-order .td input[type = "text"] {
		font-size:1.4rem;
	}

	.bbs-produce-order .radio-wrap span {
		font-size:1.6rem;
	}

	.bbs-produce-order .order-notice p {
		font-size:1.6rem;
	}

	.bbs-produce-order .order-notice dd {
		font-size:1.4rem;
	}

	.bbs-produce-order .order-agree .label-txt {
		font-size:1.4rem;
	}

	.bbs-produce-order .order-agree .textarea-btn {
		font-size: 1.3rem;
	}

	.bbs-produce-order .order-btns .btn {
		font-size:1.6rem;
	}

	.bbs-produce-order .business-guide dd {
		font-size:1.1rem;
	}
}
@media (max-width:1024px) {
	.bbs-produce-order .row-group {
		gap: 6px;
	}

	.bbs-produce-order .td input[type = "text"] {
		height:44px;
		padding:0px 16px;
	}

	.bbs-produce-order .radio-wrap ul {
		gap:20px;
	}

	.bbs-produce-order .radio-wrap label {
		gap: 6px;
	}

	.bbs-produce-order .radio-wrap i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}

	.bbs-produce-order .order-notice dd {
		gap:4px;
	}

	.bbs-produce-order .order-agree .agree-chk {
		gap:16px;
	}

	.bbs-produce-order .order-agree label {
		gap:6px;
	}

	.bbs-produce-order .order-agree i {
		width:18px;
		height:18px;
		background-size:auto 18px;
	}

	.bbs-produce-order .order-agree .label-txt {
		width: calc(100% - 24px);
	}
	
	.bbs-produce-order .order-agree .textarea-btn {
		width:50px;
		height:22px;
	}
	
	.bbs-produce-order .order-agree .textarea-btn::after {
		height:3px;
		background-size:auto 3px;
	}

	.bbs-produce-order .order-btns .btn {
		height:48px;
	}

	.bbs-produce-order .business-guide {
		margin-top:6px;
	}
}
@media (max-width:768px) {
	.bbs-produce-order .th {
		font-size:1.4rem;
	}

	.bbs-produce-order .td {
		font-size:1.3rem;
	}

	.bbs-produce-order .td input[type = "text"] {
		font-size:1.3rem;
	}

	.bbs-produce-order .radio-wrap i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}

	.bbs-produce-order .radio-wrap span {
		font-size:1.4rem;
	}

	.bbs-produce-order .order-notice p {
		font-size:1.4rem;
	}

	.bbs-produce-order .order-notice dd {
		font-size:1.3rem;
	}

	.bbs-produce-order .order-agree i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.bbs-produce-order .order-agree .label-txt {
		width: calc(100% - 22px);
		font-size:1.3rem;
	}

	.bbs-produce-order .order-agree .textarea-btn {
		font-size: 1.2rem;
	}

	.bbs-produce-order .order-btns .btn {
		font-size:1.4rem;
	}

	.bbs-produce-order .business-guide dd {
		font-size:1rem;
	}
}
@media (max-width:576px) {
	.bbs-produce-order .row-group {
		flex-wrap: wrap;
		gap:12px;
	}

	.bbs-produce-order .row-w50 {
		width:100%;
	}

	.bbs-produce-order .th {
		font-size:1.3rem;
	}

	.bbs-produce-order .td {
		font-size:1.2rem;
	}

	.bbs-produce-order .td input[type = "text"] {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
	}

	.bbs-produce-order .radio-wrap i {
		width:12px;
		height:12px;
		background-size:auto 12px;
	}

	.bbs-produce-order .radio-wrap span {
		font-size:1.3rem;
	}

	.bbs-produce-order .order-notice p {
		font-size:1.3rem;
	}

	.bbs-produce-order .order-notice dd {
		gap:2px;
		font-size:1.2rem;
	}

	.bbs-produce-order .order-agree .agree-chk {
		gap:12px;
	}

	.bbs-produce-order .order-agree label {
		width: calc(100% - 56px);
		gap:4px;
	}

	.bbs-produce-order .order-agree i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}
	
	.bbs-produce-order .order-agree .label-txt {
		width: calc(100% - 18px);
		font-size:1.2rem;
	}

	.bbs-produce-order .order-agree .textarea-btn {
		width:40px;
		height:19px;
		gap:2px;
		font-size: 1.1rem;
	}

	.bbs-produce-order .order-btns .btn {
		height:40px;
		font-size:1.3rem;
	}

	.bbs-produce-order .business-guide {
		margin-top:4px;
	}

	.bbs-produce-order .business-guide dd {
		padding-bottom:2px;
	}
}

/* Board Complete */
.bbs-complete .info {
	padding:30px;
	border:1px solid #a0a0a0;
	border-radius:10px;
}

.bbs-complete .info dd {
	font-size: 1.6rem;
	line-height:2;
}

.bbs-complete .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:60px;
	border-radius:10px;
	font-size:1.8rem;
}

.bbs-complete .btns .btn01 {
	border:1px solid #191919;
}

.bbs-complete .btns .btn02 {
	color:#fff;
	background-color: #191919;
}


@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-complete .info dd {
		font-size: 1.4rem;
	}
	
	.bbs-complete .btns .btn {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-complete .info {
		padding:20px;
	}

	.bbs-complete .btns .btn {
		height:48px;
	}
}
@media (max-width:768px) {
	.bbs-complete .info dd {
		font-size: 1.3rem;
	}
	
	.bbs-complete .btns .btn {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-complete .info {
		padding:12px 16px;
	}

	.bbs-complete .info dd {
		font-size: 1.2rem;
	}
	
	.bbs-complete .btns .btn {
		height:40px;
		font-size:1.3rem;
	}
}




/* Board Expert */
.bbs-expert .list {
	display: flex;
	flex-wrap: wrap;
	margin:-15px;
}

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

.bbs-expert .list .card {
	position: relative;
}

.bbs-expert .list .thumb {
	position: relative;
	width:100%;
	height:0;
	padding-top: 100%;
	overflow: hidden;
}

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

.bbs-expert .list .cont {
	display: flex;
	align-items: flex-end;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100%;
	padding:20px;	
}

.bbs-expert .list .cont-wrap {
	position: relative;
	width: 100%;
	padding:20px;
	border-radius: 20px;
	background-color: #ffffff;
	transition:all .4s ease-out;
}

.bbs-expert .list .cont-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.bbs-expert .list .cont-inner .lt {
	width: 180px;
}

.bbs-expert .list .cont-inner .rt {
	width: 32px;
}

.bbs-expert .list .category {
	font-size: 1.6rem;
}

.bbs-expert .list .agency {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 2rem;
}

.bbs-expert .list .name {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 2rem;
}

@media (min-width:1201px) {	
	.bbs-expert .list li:hover .cont-wrap {
		background-color: #191919;
		transform: translateY(-10px);
	}

	.bbs-expert .list li:hover .category {
		color:#fff;
	}
	
	.bbs-expert .list li:hover .agency {
		color:#fff;
	}
	
	.bbs-expert .list li:hover .name {
		color:#fff;
	}

	.bbs-expert .list li:hover .arr {
		content: url('../../asset/img/bbs/expert_arr_on.png');
	}
}
@media (max-width:1200px) {
	.bbs-expert .list .cont {
		padding:12px;
	}

	.bbs-expert .list .cont-wrap {
		padding: 16px;
	}

	.bbs-expert .list .cont-inner .rt {
		width:24px;
	}
	
	.bbs-expert .list .category {
		font-size:1.4rem;
	}

	.bbs-expert .list .agency {
		font-size: 1.8rem;
	}
	
	.bbs-expert .list .name {
		font-size: 1.8rem;
	}
}
@media (max-width:1024px) {
	.bbs-expert .list {
		margin:-8px;
	}
	
	.bbs-expert .list li {
		flex:1 0 33.33%;
		max-width:33.33%;
		padding: 8px;
	}

	.bbs-expert .list .cont-inner .rt {
		width:20px;
	}
}
@media (max-width:768px) {
	.bbs-expert .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-expert .list .cont-inner .lt {
		width: 100%;
	}

	.bbs-expert .list .cont-inner .rt {
		display: none;
	}

	.bbs-expert .list .category {
		font-size:1.3rem;
	}

	.bbs-expert .list .agency {
		font-size: 1.6rem;
	}
	
	.bbs-expert .list .name {
		font-size: 1.6rem;
	}
}
@media (max-width:576px) {
	.bbs-expert .list {
		margin:-4px;
	}
	
	.bbs-expert .list li {
		padding:4px;
	}

	.bbs-expert .list .cont {
		padding:6px;
	}

	.bbs-expert .list .cont-wrap {
		padding:12px;
	}

	.bbs-expert .list .category {
		font-size:1.2rem;
	}

	.bbs-expert .list .agency {
		font-size: 1.4rem;
	}
	
	.bbs-expert .list .name {
		font-size: 1.4rem;
	}
}


/* Board Expert View */
.bbs-view-expert .lt {
	width:595px;
	/* width: 42%; */
}

.bbs-view-expert .rt {
	width: 42%;
}

.bbs-view-expert .thumb {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(744/595*100%);
	overflow: hidden;
}

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

.bbs-view-expert .thumb a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:20px 40px;
	background-color: #191919;	
	font-size:2.4rem;
	z-index:2;
}

.bbs-view-expert .thumb a span {
	display: flex;
	align-items: center;
	gap:20px;
}

.bbs-view-expert .thumb a span::before {
	content: "";
	display: block;
	width:30px;
	height:29px;
	background: url('../../asset/img/bbs/counsel_ico.png') no-repeat center;
}

.bbs-view-expert .thumb a i {
	display: block;
	width:46px;
	height:20px;
	background: url('../../asset/img/bbs/counsel_arr.png') no-repeat center;
	transition:all .5s ease;
}

.bbs-view-expert .counsel-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width:200px;
	width:100%;
	height:44px;
	border-radius:10px;
	background-color: #191919;	
	font-size:1.6rem;
	z-index:2;
	margin-top:16px;
}

.bbs-view-expert .counsel-btn span {
	display: flex;
	align-items: center;
	gap:10px;
	line-height: 1;
}

.bbs-view-expert .counsel-btn span::before {
	content: "";
	display: block;
	width:22px;
	height:21px;
	background: url('../../asset/img/bbs/counsel_ico.png') no-repeat center / auto 21px;
}

.bbs-view-expert .view-expert-head::after {
	content: "";
	display: block;
	width:170px;
	height:0px;
	/* background-color: #c9c9c9 ; */
	margin:30px 0px 50px;
}

.bbs-view-expert .category {
	font-size:2rem;
}

.bbs-view-expert .name {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:3.6rem;
}

.bbs-view-expert .tit {
	display: flex;
	align-items: center;
	gap:10px;
	font-size:2.4rem;
}

.bbs-view-expert .profile {
	position: relative;
	width: 100%;
	height:0;
	padding-top: calc(480/595*100%);
	border:1px solid #dcdcdc;
	border-radius:20px;
	overflow: hidden;
}

.bbs-view-expert .textarea {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	padding:40px;
	overflow-y: auto;
}

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

.bbs-view-expert .textarea::-webkit-scrollbar {
	width: 15px;
	padding:2px;
	border-left:1px solid #dcdcdc;
}

.modal-area::-webkit-scrollbar-track {
	background-color: #ffff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.bbs-view-expert .textarea::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #e5e5e5; 
  background-clip: padding-box;
  border: 3px solid transparent;
}

@media (min-width:1201px) {
	.bbs-view-expert .thumb a:hover i {
		transform: translateX(10px);
	}
}
@media (max-width:1200px) {	
	.bbs-view-expert .lt {
		width:545px;
	}

	.bbs-view-expert .thumb a {
		font-size:2rem;
	}

	.bbs-view-expert .category {
		font-size:1.8rem;
	}
	
	.bbs-view-expert .name {
		font-size:3rem;
	}

	.bbs-view-expert .tit {
		font-size:2rem;
	}

	.bbs-view-expert .counsel-btn  {
		max-width:180px;
		font-size:1.4rem;
	}

	.bbs-view-expert .textarea p {
		font-size:1.8rem;
	}
}
@media (max-width:1024px) {
	.bbs-view-expert .lt {
		width:50%;
		margin:0 auto;
	}

	.bbs-view-expert .rt {
		width: 100%;
	}

	.bbs-view-expert .thumb a {
		padding:16px 20px;
	}

	.bbs-view-expert .thumb a span {
		gap:12px;
	}

	.bbs-view-expert .thumb a span::before {
		width:26px;
		height:25px;
		background-size:auto 25px;
	}

	.bbs-view-expert .thumb a i {
		width:36px;
		height:16px;
		background-size: auto 16px;
	}

	.bbs-view-expert .view-expert-head::after {
		width:130px;
		margin:20px 0px 40px;
	}

	.bbs-view-expert .tit {
		gap:6px;
	}

	.bbs-view-expert .tit img {
		width:19px;
	}

	.bbs-view-expert .counsel-btn {
		height:40px;
	}

	.bbs-view-expert .counsel-btn span {
		gap:6px;
	}

	.bbs-view-expert .counsel-btn span::before {
		width:20px;
		height:19px;
		background-size:auto 19px;
	}

	.bbs-view-expert .profile {
		height:400px;
		padding-top:0px;
	}

	.bbs-view-expert .textarea {
		padding:30px;
	}
}
@media (max-width:768px) {
	.bbs-view-expert .thumb a {
		font-size:1.8rem;
	}

	.bbs-view-expert .category {
		font-size:1.6rem;
	}
	
	.bbs-view-expert .name {
		font-size:2.4rem;
	}

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

	.bbs-view-expert .counsel-btn {
		max-width: 160px;
		font-size:1.3rem;
	}

	.bbs-view-expert .textarea p {
		font-size:1.6rem;
	}
}
@media (max-width:576px) {
	.bbs-view-expert .lt {
		width:100%;
	}

	.bbs-view-expert .thumb a {
		padding: 12px 16px;
		font-size:1.6rem;
	}

	.bbs-view-expert .thumb a span {
		gap:8px;
	}

	.bbs-view-expert .thumb a span::before {
		width:22px;
		height:21px;
		background-size:auto 21px;
	}

	.bbs-view-expert .thumb a i {
		width:26px;
		height:12px;
		background-size: auto 12px;
	}

	.bbs-view-expert .view-expert-head::after {
		width:90px;
		margin:12px 0px 30px;
	}

	.bbs-view-expert .category {
		font-size:1.4rem;
	}
	
	.bbs-view-expert .name {
		font-size:2rem;
	}

	.bbs-view-expert .tit {
		gap:4px;
		font-size:1.6rem;
	}

	.bbs-view-expert .tit img {
		width:15px;
	}

	.bbs-view-expert .counsel-btn {
		max-width: 140px;
		height:36px;
		font-size:1.2rem;
	}

	.bbs-view-expert .counsel-btn span {
		gap:4px;
	}

	.bbs-view-expert .counsel-btn span::before {
		width:16px;
		height:15px;
		background-size:auto 15px;
	}

	.bbs-view-expert .profile {
		height:300px;
	}

	.bbs-view-expert .textarea {
		padding:20px;
	}

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



/* Expert Form */
.bbs-form-expert .form-table {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
}

.bbs-form-expert .form-table .row {
	display: flex;
	width:50%;
}

.bbs-form-expert .form-table .row-100 {
	width:100%;
}

.bbs-form-expert .form-table .th {
	display: inline-flex;
	align-items: center;
	gap:6px;
	width:200px;
	padding:12px 20px;
	font-size:1.8rem;
	font-weight:700;
}

.bbs-form-expert .form-table .td {
	width: calc(100% - 200px);
	padding:12px 20px;
}

.bbs-form-expert .form-table .border-bottom {
	border-bottom: 1px solid #dcdcdc;
}

.bbs-form-expert .form-table .border-start {
	border-left: 1px solid #dcdcdc;
}

.bbs-form-expert .form-table .border-end {
	border-right: 1px solid #dcdcdc;
}

.bbs-form-expert .form-table input {
	width:100%;
	height:45px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	line-height:45px;
}

.bbs-form-expert .form-table select {
	max-width:280px;
	width:100%;
	height:45px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	background-position: right 20px center;
	background-image: url('../../asset/img/bbs/sch_select.png');
	font-size:1.6rem;
	line-height:40px;
}

.bbs-form-expert .form-table textarea {
	display: block;
	width:100%;
	height:400px;
	padding:20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	line-height: 1.2;
}

.bbs-form-expert .form-table .file-upload {
	position: relative;
	max-width:460px;
	width:100%;
	height:45px;
}

.bbs-form-expert .form-table .file-upload label {
	display: flex;
	align-items: center;
	position: relative;
	width:100%;
	height:100%;
	background-color: #fff;
	border:1px solid #a0a0a0;
	border-radius:10px;
	overflow: hidden;
}

.bbs-form-expert .form-table .file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	padding: 0px;
	border: 0px;
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.bbs-form-expert .form-table .file-upload .placeholder {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: calc(100% - 120px);
	padding:0px 20px;
	font-size:1.6rem;
	line-height:45px;
	color:#b5b5b5;
}

.bbs-form-expert .form-table .file-upload .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0px;
	right:0px;
	width:120px;
	height:100%;
	background-color: #d9d9d9;
	border-left:1px solid #a0a0a0;
	font-size:1.6rem;
	line-height:45px;
}

.bbs-form-expert .form-table .file-notice {
	font-size:1.4rem;
}

.bbs-form-expert .form-agree .tit {
	font-size:2.4rem;
}

.bbs-form-expert .form-agree .textarea {
	width:100%;
	height:200px;
	padding:30px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	overflow-y: auto;
}

.bbs-form-expert .form-agree .textarea p {
	font-size:1.6rem;
}

.bbs-form-expert .form-agree .chk label {
	display: inline-flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.bbs-form-expert .form-agree .chk input {
	position: absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  visibility: hidden;
}

.bbs-form-expert .form-agree .chk i {
	display: inline-block;
  width:18px;
  height:18px;
  background: url('../../asset/img/form/agree_chk_off.png') no-repeat center;
  margin-right:10px;
}

.bbs-form-expert .form-agree .chk b {
	display: inline-block;
  font-size:1.8rem;
	line-height: 1;
}

.bbs-form-expert .form-agree .chk input:checked + i {
  background-image: url('../../asset/img/form/agree_chk_on.png');
}

.bbs-form-expert .form-btns {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bbs-form-expert .form-btns button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:260px;
	height:60px;
	border-radius:10px;
	background-color: #191919;
	font-size:1.8rem;
	color:#fff;
	line-height:1;
	transition: all .3s ease;
}

.bbs-form-expert .conduct-notice {
	font-size: 1.8rem;
}

@media (max-width:1200px) {	
	.bbs-form-expert .form-table .th {
		font-size:1.6rem;
	}
	
	.bbs-form-expert .form-table input {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-table select {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-table textarea {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-table .file-upload .placeholder {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-table .file-upload .btn {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-table .file-notice {
		font-size:1.3rem;
	}

	.bbs-form-expert .conduct-notice {
		font-size:1.6rem;
	}

	.bbs-form-expert .form-agree .tit {
		font-size:2rem;
	}

	.bbs-form-expert .form-agree .textarea p {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-agree .chk b {
		font-size:1.6rem;
	}

	.bbs-form-expert .form-btns button {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-form-expert .form-table .row {
		width: 100%;
	}

	.bbs-form-expert .form-table .row-non {
		display: none;
	}

	.bbs-form-expert .form-table .border-start,
	.bbs-form-expert .form-table .border-end {
		border:0px;
	}

	.bbs-form-expert .form-table .th {
		gap:4px;
		width:160px;
		padding:12px;
		border-right:1px solid #dcdcdc;
	}

	.bbs-form-expert .form-table .td {
		width: calc(100% - 160px);
		padding:12px;
	}

	.bbs-form-expert .form-table input {
		height:40px;
		padding:0px 16px;
	}

	.bbs-form-expert .form-table select {
		height:40px;
		padding:0px 16px;
		background-position: right 16px center;
		line-height:36px;
	}

	.bbs-form-expert .form-table textarea {
		height:300px;
		padding:16px;
	}

	.bbs-form-expert .form-table .file-upload {
		max-width: 100%;
		height:40px;
	}

	.bbs-form-expert .form-table .file-upload .placeholder {
		width: calc(100% - 100px);
		padding:0px 12px;
	}

	.bbs-form-expert .form-table .file-upload .btn {
		width:100px;
	}

	.bbs-form-expert .form-agree .textarea {
		height:160px;
		padding:20px;
	}

	.bbs-form-expert .form-agree .chk i {
		width:16px;
		height:16px;
		background-size:auto 16px;
		margin-right:6px;
	}	

	.bbs-form-expert .form-btns button {
		width: 200px;
		height:48px;
	}
}
@media (max-width:768px) {
	.bbs-form-expert .form-table .row {
		flex-wrap: wrap;
	}

	.bbs-form-expert .form-table .th {
		width: 100%;
		border-right:0px;
		border-bottom:1px solid #dcdcdc;
		font-size: 1.4rem;
	}

	.bbs-form-expert .form-table .td {
		width: 100%;
	}

	.bbs-form-expert .form-table input {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-table select {
		max-width:100%;
		font-size:1.3rem;
	}

	.bbs-form-expert .form-table textarea {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-table .file-upload .placeholder {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-table .file-upload .btn {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-table .file-notice {
		font-size:1.2rem;
	}

	.bbs-form-expert .conduct-notice {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-agree .tit {
		font-size:1.8rem;
	}

	.bbs-form-expert .form-agree .textarea p {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-agree .chk b {
		font-size:1.4rem;
	}

	.bbs-form-expert .form-btns button {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-form-expert .form-table .th {
		gap:2px;
		padding:8px;
		font-size: 1.3rem;
	}

	.bbs-form-expert .form-table .td {
		padding:8px;
	}

	.bbs-form-expert .form-table input {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
	}

	.bbs-form-expert .form-table select {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
		line-height:30px;
		background-position:right 12px center;
	}

	.bbs-form-expert .form-table textarea {
		height:200px;
		padding:12px;
		font-size:1.2rem;
	}

	.bbs-form-expert .form-table .file-upload {
		height:36px;
	}

	.bbs-form-expert .form-table .file-upload .placeholder {
		width: calc(100% - 80px);
		font-size:1.2rem;
	}

	.bbs-form-expert .form-table .file-upload .btn {
		width:80px;
		font-size:1.2rem;
	}

	.bbs-form-expert .form-table .file-notice {
		font-size:1.1rem;
	}

	.bbs-form-expert .conduct-notice {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-agree .tit {
		font-size:1.6rem;
	}

	.bbs-form-expert .form-agree .textarea {
		height:120px;
		padding:16px;
	}

	.bbs-form-expert .form-agree .textarea p {
		font-size:1.2rem;
	}

	.bbs-form-expert .form-agree .chk i {
		width:13px;
		height:13px;
		background-size:auto 13px;
		margin-right:4px;
	}

	.bbs-form-expert .form-agree .chk b {
		font-size:1.3rem;
	}

	.bbs-form-expert .form-btns button {
		width:160px;
		height:40px;
		font-size:1.3rem;
	}
}


/* Board Inquiry */
.bbs-inquiry .table {
	table-layout: fixed;
	width:100%;
	border-collapse: collapse;
	border-top: 2px solid #a0a0a0;
}

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

.bbs-inquiry .table thead tr {
	border-color:#a0a0a0;
}

.bbs-inquiry .table tr.tr-no {
	background-color: #f5f5f5;
}

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

.bbs-inquiry .table tr.table-message {
	text-align: center;
}

.bbs-inquiry .table tr.table-message td {
	height:auto;
	padding:200px 20px;
}

.bbs-inquiry .write-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:200px;
	height:56px;
	background-color: #191919;
	border-radius:10px;
	font-size:1.8rem;
	line-height:1;
	color:#fff;
	transition: all .3s ease;
}

@media (min-width:1201px) {

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

	.bbs-inquiry .write-btn  {
		width:160px;
		height:48px;
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-inquiry .table {
		display: block;
	}

	.bbs-inquiry .table thead {
		display: none;
	}

	.bbs-inquiry .table tbody {
		display: block;
	}

	.bbs-inquiry .table tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding:4px 0px;
	}

	.bbs-inquiry .table th,
	.bbs-inquiry .table td {
		position: relative;
		height: auto;
		padding:4px 10px;
	}	

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

	.bbs-inquiry .table td.no {
		order: 3;
	}

	.bbs-inquiry .table td.subject {
		order:2;
		width: 100%;
		text-align: left;
	}

	.bbs-inquiry .table td.writer {
		order: 4;
	}

	.bbs-inquiry .table td.data {
		order: 6;
	}

	.bbs-inquiry .table td.state {
		order: 1;
	}
}
@media (max-width:768px) {
	.bbs-inquiry .table th,
	.bbs-inquiry .table td {
		font-size:1.4rem;
	}

	.bbs-inquiry .table td::before {
    height:10px;
  }

	.bbs-inquiry .write-btn  {
		width:140px;
		height:42px;
		font-size:1.5rem;
	}
}
@media (max-width:576px) {
	.bbs-inquiry .table tr {
		padding:2px 0px;
	}

	.bbs-inquiry .table th,
	.bbs-inquiry .table td {
		font-size:1.3rem;
		padding:2px 6px;
	}

	.bbs-inquiry .table td.file img {
		width:14px;
	}

	.bbs-inquiry .write-btn  {
		width:120px;
		height:34px;
		font-size:1.4rem;
	}
}


/* Board Inquiry View */
.bbs-view-form .form-table {
	display: flex;
	flex-wrap: wrap;
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
}

.bbs-view-form .form-table .row {
	display: flex;
	width:50%;
}

.bbs-view-form .form-table .row-100 {
	width:100%;
}

.bbs-view-form .form-table .th {
	display: inline-flex;
	align-items: center;
	gap:6px;
	width:200px;
	padding:12px 20px;
	font-size:1.8rem;
	font-weight:700;
}

.bbs-view-form .form-table .td {
	width: calc(100% - 200px);
	padding:12px 20px;
}

.bbs-view-form .form-table .border-bottom {
	border-bottom: 1px solid #dcdcdc;
}

.bbs-view-form .form-table .border-start {
	border-left: 1px solid #dcdcdc;
}

.bbs-view-form .form-table .border-end {
	border-right: 1px solid #dcdcdc;
}

.bbs-view-form .form-table input {
	width:100%;
	height:45px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	line-height:45px;
}

.bbs-view-form .form-table textarea {
	display: block;
	width:100%;
	height:400px;
	padding:20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	line-height: 1.2;
}

.bbs-view-form .form-table input[readonly], 
.bbs-view-form .form-table textarea[readonly] {
	pointer-events: none;
	background-color:#f5f5f5;
}

.bbs-view-form .form-table label[readonly] {
	pointer-events: none !important;
	background-color:#f5f5f5 !important;
}

.bbs-view-form .form-table .file-upload {
	position: relative;
	max-width:460px;
	width:100%;
	height:45px;
}

.bbs-view-form .form-table .file-upload label {
	display: flex;
	align-items: center;
	position: relative;
	width:100%;
	height:100%;
	background-color: #fff;
	border:1px solid #a0a0a0;
	border-radius:10px;
	overflow: hidden;
}

.bbs-view-form .form-table .file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	padding: 0px;
	border: 0px;
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.bbs-view-form .form-table .file-upload .placeholder {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: calc(100% - 120px);
	padding:0px 20px;
	font-size:1.6rem;
	line-height:45px;
	color:#b5b5b5;
}

.bbs-view-form .form-table .file-upload .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0px;
	right:0px;
	width:120px;
	height:100%;
	background-color: #d9d9d9;
	border-left:1px solid #a0a0a0;
	font-size:1.6rem;
	line-height:45px;
}

.bbs-view-form .form-table .file-notice {
	font-size:1.4rem;
}

.bbs-view-form .form-table .radio-list {
	display: flex;
	align-items: center;
	gap:20px;
	height: 45px;
}

.bbs-view-form .form-table .radio-list label {
  display: flex;
  align-items: center;
	gap:10px;
  position: relative;
  cursor: pointer;
}

.bbs-view-form .form-table .radio-list input {
  position: absolute;
	top:0;
	left:0;
	width:100%;
  height: 100%;
	opacity:0;
  cursor: pointer;
}

.bbs-view-form .form-table .radio-list i {
  display: block;
  width:18px;
  height:18px;
  background: url('../../asset/img/member/btn_check_off.png') no-repeat center;
}

.bbs-view-form .form-table .radio-list input:checked + i {
  background-image: url('../../asset/img/member/btn_check_on.png');
}

.bbs-view-form .form-table .radio-list span {
	font-size: 1.8rem;
}

.bbs-view-form .form-agree .tit {
	font-size:2.4rem;
}

.bbs-view-form .form-agree .textarea {
	width:100%;
	height:200px;
	padding:30px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	overflow-y: auto;
}

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

.bbs-view-form .form-agree .chk label {
	display: inline-flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.bbs-view-form .form-agree .chk input {
	position: absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  visibility: hidden;
}

.bbs-view-form .form-agree .chk i {
	display: inline-block;
  width:18px;
  height:18px;
  background: url('../../asset/img/form/agree_chk_off.png') no-repeat center;
  margin-right:10px;
}

.bbs-view-form .form-agree .chk b {
	display: inline-block;
  font-size:1.8rem;
	line-height: 1;
}

.bbs-view-form .form-agree .chk input:checked + i {
  background-image: url('../../asset/img/form/agree_chk_on.png');
}

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

.bbs-view-form .form-btns button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:260px;
	height:60px;
	border-radius:10px;
	background-color: #191919;
	font-size:1.8rem;
	color:#fff;
	line-height:1;
	transition: all .3s ease;
}

.bbs-view-form .conduct-notice {
	font-size: 1.8rem;
}

.bbs-view-comment {
	border-top: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
}

.bbs-view-comment .view-comment-head {
	padding: 20px;
	border-bottom: 1px solid #dcdcdc;
}

.bbs-view-comment .view-comment-head p {
	font-size:1.8rem;
	font-weight:700;
}

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

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


@media (max-width:1200px) {	
	.bbs-view-form .form-table .th {
		font-size:1.6rem;
	}
	
	.bbs-view-form .form-table input {
		font-size:1.4rem;
	}

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

	.bbs-view-form .form-table .file-upload .placeholder {
		font-size:1.4rem;
	}

	.bbs-view-form .form-table .file-upload .btn {
		font-size:1.4rem;
	}

	.bbs-view-form .form-table .file-notice {
		font-size:1.3rem;
	}

	.bbs-view-form .conduct-notice {
		font-size:1.6rem;
	}

	.bbs-view-form .form-table .radio-list span {
		font-size: 1.6rem;
	}

	.bbs-view-form .form-agree .tit {
		font-size:2rem;
	}

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

	.bbs-view-form .form-agree .chk b {
		font-size:1.6rem;
	}

	.bbs-view-form .form-btns button {
		font-size:1.6rem;
	}

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

	.bbs-view-comment .view-comment-area p {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-view-form .form-table .row {
		width: 100%;
	}

	.bbs-view-form .form-table .row-non {
		display: none;
	}

	.bbs-view-form .form-table .border-start,
	.bbs-view-form .form-table .border-end {
		border:0px;
	}

	.bbs-view-form .form-table .th {
		gap:4px;
		width:160px;
		padding:12px;
		border-right:1px solid #dcdcdc;
	}

	.bbs-view-form .form-table .td {
		width: calc(100% - 160px);
		padding:12px;
	}

	.bbs-view-form .form-table input {
		height:40px;
		padding:0px 16px;
	}

	.bbs-view-form .form-table textarea {
		height:300px;
		padding:16px;
	}

	.bbs-view-form .form-table .file-upload {
		max-width: 100%;
		height:40px;
	}

	.bbs-view-form .form-table .file-upload .placeholder {
		width: calc(100% - 100px);
		padding:0px 12px;
	}

	.bbs-view-form .form-table .file-upload .btn {
		width:100px;
	}

	.bbs-view-form .form-table .radio-list {
		height: 40px;
	}

	.bbs-view-form .form-table .radio-list label {
		gap:6px;
	}

	.bbs-view-form .form-agree .textarea {
		height:160px;
		padding:20px;
	}

	.bbs-view-form .form-agree .chk i {
		width:16px;
		height:16px;
		background-size:auto 16px;
		margin-right:6px;
	}	

	.bbs-view-form .form-btns button {
		width: 200px;
		height:48px;
	}

	.bbs-view-comment .view-comment-head {
		padding:12px;
	}

	.bbs-view-comment .view-comment-area {
		padding:12px;
	}
}
@media (max-width:768px) {
	.bbs-view-form .form-table .row {
		flex-wrap: wrap;
	}

	.bbs-view-form .form-table .th {
		width: 100%;
		border-right:0px;
		border-bottom:1px solid #dcdcdc;
		font-size: 1.4rem;
	}

	.bbs-view-form .form-table .td {
		width: 100%;
	}

	.bbs-view-form .form-table input {
		font-size:1.3rem;
	}

	.bbs-view-form .form-table textarea {
		font-size:1.3rem;
	}

	.bbs-view-form .form-table .file-upload .placeholder {
		font-size:1.3rem;
	}

	.bbs-view-form .form-table .file-upload .btn {
		font-size:1.3rem;
	}

	.bbs-view-form .form-table .file-notice {
		font-size:1.2rem;
	}

	.bbs-view-form .conduct-notice {
		font-size:1.4rem;
	}

	.bbs-view-form .form-table .radio-list {
		height: 30px;
	}

	.bbs-view-form .form-table .radio-list i {
		width: 14px;
		height: 14px;
		background-size: auto 14px;
	}

	.bbs-view-form .form-table .radio-list span {
		font-size: 1.4rem;
	}

	.bbs-view-form .form-agree .tit {
		font-size:1.8rem;
	}

	.bbs-view-form .form-agree .textarea p {
		font-size:1.3rem;
	}

	.bbs-view-form .form-agree .chk b {
		font-size:1.4rem;
	}

	.bbs-view-form .form-btns button {
		font-size:1.4rem;
	}

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

	.bbs-view-comment .view-comment-area p {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-view-form .form-table .th {
		gap:2px;
		padding:8px;
		font-size: 1.3rem;
	}

	.bbs-view-form .form-table .td {
		padding:8px;
	}

	.bbs-view-form .form-table input {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
	}

	.bbs-view-form .form-table textarea {
		height:200px;
		padding:12px;
		font-size:1.2rem;
	}

	.bbs-view-form .form-table .file-upload {
		height:36px;
	}

	.bbs-view-form .form-table .file-upload .placeholder {
		width: calc(100% - 80px);
		font-size:1.2rem;
	}

	.bbs-view-form .form-table .file-upload .btn {
		width:80px;
		font-size:1.2rem;
	}

	.bbs-view-form .form-table .file-notice {
		font-size:1.1rem;
	}

	.bbs-view-form .form-table .radio-list label {
		gap:4px;
	}

	.bbs-view-form .form-table .radio-list i {
		width: 12px;
		height: 12px;
		background-size: auto 12px;
	}

	.bbs-view-form .form-table .radio-list span {
		font-size: 1.3rem;
	}

	.bbs-view-form .conduct-notice {
		font-size:1.3rem;
	}

	.bbs-view-form .form-agree .tit {
		font-size:1.6rem;
	}

	.bbs-view-form .form-agree .textarea {
		height:120px;
		padding:16px;
	}

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

	.bbs-view-form .form-agree .chk i {
		width:13px;
		height:13px;
		background-size:auto 13px;
		margin-right:4px;
	}

	.bbs-view-form .form-agree .chk b {
		font-size:1.3rem;
	}

	.bbs-view-form .form-btns button {
		width:160px;
		height:40px;
		font-size:1.3rem;
	}

	.bbs-view-comment .view-comment-head {
		padding:8px;
	}

	.bbs-view-comment .view-comment-head p {
		font-size:1.3rem;
	}

	.bbs-view-comment .view-comment-area {
		padding:8px;
	}

	.bbs-view-comment .view-comment-area p {
		font-size:1.3rem;
	}
}


/* Inquiry Modal */
.inquiry-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	place-items: center;
	z-index: 9999999;
}

.inquiry-modal.open {
	display: block;
}

.inquiry-modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:500px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:10px auto;
}

.inquiry-modal .modal-background {
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

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

.inquiry-modal .modal-area {
	position: relative;
	padding:90px 40px 30px;
	background-color: #fff;
	border-radius: 10px;
}

.inquiry-modal .modal-close {
	display: block;
	position: absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	background:url('../../asset/img/form/modal_close.png') no-repeat center;
}

.inquiry-modal .txt .t01 {
	font-size:2rem;
}

.inquiry-modal input {
	width:100%;
	height:45px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	line-height:45px;
}

.inquiry-modal .btns {
	display: flex;
	justify-content: center;
	gap:20px;
	margin-top:40px;
}

.inquiry-modal .btns button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:200px;
	width:100%;
	height: 50px;
	border-radius:10px;
	background-color:#000;
	font-size:1.8rem;
	line-height: 50px;
	color:#fff;
}

@media (max-width:1200px) {	
	.inquiry-modal .txt .t01 {
		font-size:1.8rem;
	}

	.inquiry-modal .btns button {
		max-width:160px;
		height: 44px;
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.inquiry-modal .modal-area {
		padding:70px 30px 20px;
	}

	.inquiry-modal .btns {
		gap:16px;
		margin-top:30px;
	}
}
@media (max-width:768px) {
	.inquiry-modal .txt .t01 {
		font-size:1.6rem;
	}

	.inquiry-modal .btns button {
		max-width:140px;
		height: 40px;
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.inquiry-modal .txt .t01 {
		font-size:1.5rem;
	}

	.inquiry-modal .btns {
		gap:8px;
		margin-top:20px;
	}

	.inquiry-modal .btns button {
		max-width:120px;
		height: 36px;
		font-size:1.3rem;
	}
}


/* field Modal */
.field-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	place-items: center;
	z-index: 9999999;
}

.field-modal.open {
	display: block;
}

.field-modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:500px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:10px auto;
}

.field-modal .modal-background {
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

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

.field-modal .modal-area {
	position: relative;
	overflow: hidden;
}

@media (min-width:1201px) {

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

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

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

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

}

.bbs-table .bbs-write-wrap,
.bbs-paper .bbs-write-wrap,
.bbs-expert .bbs-write-wrap,
.bbs-clip .bbs-write-wrap {
	display: flex;
	justify-content:flex-end;
	margin-top: 20px;
}

.bbs-table .bbs-write-wrap .btn,
.bbs-paper .bbs-write-wrap .btn,
.bbs-expert .bbs-write-wrap .btn,
.bbs-clip .bbs-write-wrap .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:260px;
	height:60px;
	border-radius:10px;
	background-color: #191919;
	font-size:1.8rem;
	color:#fff;
	line-height:1;
	transition: all .3s ease;
}

.bbs-view-head .block {
	position: relative;
}

.bbs-view-head .share-btn {
	position: absolute;
	right:20px;
	bottom: 30px;
	width: 120px;
	height: 39px;
    color: #fff;
    background-color: #191919;
    font-size: 1.8rem;
    border-radius: 10px;
	/* background: url('../../asset/img/bbs/bbs_share.png') no-repeat center; */
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-table .bbs-write-wrap .btn,
	.bbs-paper .bbs-write-wrap .btn,
	.bbs-expert .bbs-write-wrap .btn,
	.bbs-clip .bbs-write-wrap .btn {
		font-size: 1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-table .bbs-write-wrap,
	.bbs-paper .bbs-write-wrap,
	.bbs-expert .bbs-write-wrap,
	.bbs-clip .bbs-write-wrap {
		margin-top: 16px;
	}

	.bbs-table .bbs-write-wrap .btn,
	.bbs-paper .bbs-write-wrap .btn,
	.bbs-expert .bbs-write-wrap .btn,
	.bbs-clip .bbs-write-wrap .btn {
		width:200px;
		height:48px;
	}

	.bbs-view-head .share-btn {
		bottom: 20px;
		width: 80px;
		height:30px;
		/* background-size: auto 20px; */
		color: #fff;
        background-color: #191919;
        font-size: 1.6rem;
        border-radius: 10px;
	}

}
@media (max-width:768px) {
	.bbs-table .bbs-write-wrap .btn,
	.bbs-paper .bbs-write-wrap .btn,
	.bbs-expert .bbs-write-wrap .btn,
	.bbs-clip .bbs-write-wrap .btn {
		font-size: 1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-table .bbs-write-wrap,
	.bbs-paper .bbs-write-wrap,
	.bbs-expert .bbs-write-wrap,
	.bbs-clip .bbs-write-wrap {
		margin-top: 10px;
	}

	.bbs-table .bbs-write-wrap .btn,
	.bbs-paper .bbs-write-wrap .btn,
	.bbs-expert .bbs-write-wrap .btn,
	.bbs-clip .bbs-write-wrap .btn {
		width:160px;
		height:40px;
		font-size:1.3rem;
	}

	.bbs-view-head .share-btn {
		right: 12px;
		bottom: 12px;
		width: 63px;
		height:23px;
		/* background-size: auto 16px; */
		color: #fff;
        background-color: #191919;
        font-size: 1.4rem;
        border-radius: 10px;
	}
}


/* Board Paper */
.bbs-paper .list {
	display: flex;
	flex-wrap: wrap;
	margin:-30px -15px;
}

.bbs-paper .list li {
	flex:1 0 33.33%;
	max-width:33.33%;
	padding:30px 15px;
	cursor: pointer;
}

.bbs-paper .list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top:calc(298/448*100%);
	overflow: hidden;
	border:1px solid #a0a0a0;
}

.bbs-paper .list .img img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height: 100%;
	/* height:auto; */
}

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

.bbs-paper .list span {
	display: block;
	font-size: 1.8rem;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.bbs-paper .list p {
		font-size:2rem;
	}

	.bbs-paper .list span {
		font-size: 1.6rem;
	}
}
@media (max-width:1024px) {
	.bbs-paper .list {
		margin:-20px -8px;
	}
	
	.bbs-paper .list li {
		padding:20px 8px;
	}
}
@media (max-width:768px) {
	.bbs-paper .list li {
		flex:1 0 50%;
		max-width:50%;
	}

	.bbs-paper .list p {
		font-size:1.8rem;
	}

	.bbs-paper .list span {
		font-size: 1.4rem;
	}
}
@media (max-width:576px) {
	.bbs-paper .list {
		margin:-12px -4px;
	}
	
	.bbs-paper .list li {
		padding:12px 4px;
	}

	.bbs-paper .list p {
		font-size:1.6rem;
	}

	.bbs-paper .list span {
		font-size: 1.2rem;
	}
}

/* Pro Modal */
.paper-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	place-items: center;
	z-index: 9999999;
}

.paper-modal.open {
	display: block;
}

.paper-modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:500px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:10px auto;
}

.paper-modal .modal-background {
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

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

.paper-modal .modal-area {
	position: relative;
	overflow: hidden;
}

@media (min-width:1201px) {

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

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

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

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

}


/* 20250519 프린트용 CSS */
@media print {
	/* 기본 용지 설정 */
	@page {size:21cm 29.7cm; margin:1.3cm 1.3cm;}
	@page:first {margin:0 1.3cm;}

	html {
		margin:1.3cm 0;
		-webkit-print-color-adjust: exact;
    print-color-adjust: exact;
	}

	body {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	html, body {
		-webkit-print-color-adjust:exact;
		width: 210mm; height: 297mm;
	}

	.bbs-view-head .year {
		font-size:12px;
	}

	.bbs-view-head .subject {
		font-size:20px;
	}

	.bbs-view-head .data {
		font-size:14px;
	}

	.bbs-view-head .remain dl {
		display: block;
		margin:-4px -24px;
	}

	.bbs-view-head .remain dd {
		width: 100%;
		font-size:14px;
		padding:4px 24px;
	}

	.bbs-view-head .remain dd::after {
		display: none;
	}

	.bbs-view-head .urls dd, .bbs-view-head .atd dd {
		font-size:14px;
	}

	.bbs-view-area p {
		page-break-inside:avoid;
		page-break-after:auto;
		font-size: 14px;
	}
}



/* Keyframes */
@keyframes contents-on {
  from { opacity: 0; }
  to { opacity: 1; }
}

.editor * {
	margin: revert;
	list-style: unset;
	font-style: revert;
}