/* Util */
.util .search {
	max-width:620px;
	width: 100%;
}

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

.util .sch-select {
	width: 32%;
	height:64px;
	border:1px solid #bababa;
	border-radius: 30px;
	overflow: hidden;
}

.util .sch-input {
	position: relative;
	width: calc(100% - 32%);
	height:64px;
	padding-right:70px;
	border:1px solid #bababa;
	border-radius: 30px;
	overflow: hidden;
}

.util select {
	width: 100%;
	height:100%;
	padding:0px 24px;
	font-size:1.8rem;
	background-repeat: no-repeat;
	background-position: right 24px center;
	background-image:url('../img/sub/board/util_select.png');
}

.util input {
	width: 100%;
	height:100%;
	padding:0px 24px;
	font-size:1.8rem;
}

.util button {
	display: block;
	position: absolute;
	top:10px;
	right:10px;
	width:44px;
	height:44px;
	background: #555555 url('../img/sub/board/util_search.png') no-repeat center;
	border-radius:50%;
}

.util .write-btn {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	right:0;
	max-width:320px;
	width: 100%;
	height:64px;
	background-color: #555555;
	border-radius:30px;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

@media screen and (max-width:1024px) {
	.util .search {
		max-width:500px;
	}

	.util .sch-select {
		height:54px;
	}
	
	.util .sch-input {
		height:54px;
		padding-right:50px;
	}

	.util select {
		padding:0px 20px;
		font-size:1.6rem;
		background-position: right 20px center;
	}
	
	.util input {
		padding:0px 20px;
		font-size:1.6rem;
	}
	
	.util button {
		top:8px;
		right:8px;
		width:38px;
		height:38px;
	}

	.util .write-btn {
		max-width:220px;
		height:54px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.util .search {
		max-width:400px;
	}

	.util .sch-select {
		height:48px;
	}
	
	.util .sch-input {
		height:48px;
	}

	.util select {
		font-size:1.5rem;
		background-size: auto 6px;
	}
	
	.util input {
		font-size:1.5rem;
	}
	
	.util button {
		top:6px;
		right:6px;
		width:34px;
		height:34px;
	}

	.util .write-btn {
		max-width:160px;
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.util .search {
		max-width: 100%;
	}

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

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

	.util select {
		font-size:1.4rem;
		padding:0px 16px;
	}
	
	.util input {
		font-size:1.4rem;
		padding:0px 16px;
	}

	.util button {
		top:5px;
		right:5px;
		width:30px;
		height:30px;
		background-size: auto 12px;
	}

	.util .write-btn {
		position: relative;
		top:unset;
		right: unset;
		max-width:100%;
		height:42px;
		margin-top:4px;
		font-size:1.5rem;
	}
}


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

.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:32px;
  height:32px;
	margin:0px 3px;
	border-radius:50%;
  background-repeat:no-repeat;
  background-position:center;
  background-color:transparent;
  text-align: center;
	font-family: 'Pretendard', sans-serif;
  font-size:1.8rem;
	font-weight:600;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
}

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

.pagination a.current {
	color:#fff;
	border-radius: 50%;
  background-color: #555555;
  box-shadow: 0.643px 0.766px 5px 0px rgba(0, 0, 0, 0.1);
}

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

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

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

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

@media screen and (max-width:1024px) {
	.pagination a {
		width:30px;
		height:30px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:768px) {
	.pagination a {
		width:28px;
		height:28px;
		font-size:1.5rem;
	}

	.pagination a.pagination-prev {
		margin-right:4px;
	}
	
	.pagination a.pagination-next {
		margin-left:4px;
	}
}
@media screen and (max-width:576px) {
	.pagination a {
		width:24px;
		height:24px;
		margin:0px 2px;
		background-size: auto 10px;
		font-size:1.4rem;
	}
}


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

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

.bbs-quote .table th,
.bbs-quote .table td {
	height:60px;
	padding:10px;
	font-size:2rem;
}

.bbs-quote .table td {
	font-weight:500;
	color:#333;
}

.bbs-quote .table td.answer span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:140px;
	width: 100%;
	height:40px;
	border-radius:50px;
	font-weight:600;
	color:#fff;
}

.bbs-quote .table td.answer span.off {
	background-color: #cccccc;
}

.bbs-quote .table td.answer span.on {
	background-color: #333333;
}

.bbs-quote .table td.subject a {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
	padding-left:30px;
	
}

.bbs-quote .table td.subject a::before {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:20px;
	height:24px;
	background-repeat: no-repeat;
	background-position: center;
}

.bbs-quote .table td.subject a.off::before {
	background-image: url('../img/sub/board/secret_off.png');
}

.bbs-quote .table td.subject a.on::before {
	background-image: url('../img/sub/board/secret_on.png');
}

.bbs-quote .table tr.tr-message td {
	padding:160px 40px;
}

@media screen and (max-width:1024px) {
	.bbs-quote .table {
		display: block;
	}

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

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

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

	.bbs-quote .table th, 
	.bbs-quote .table td {
		position: relative;
		height: auto;
		padding:6px 10px;
		font-size:1.8rem;
	}

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

	.bbs-quote .table td.answer {
		order:1;
	}

	.bbs-quote .table td.answer span {
		max-width:none;
		width: 100px;
		height:34px;
		font-size:1.6rem;
	}

	.bbs-quote .table td.subject {
		order: 2;
		width: 100%;
	}

	.bbs-quote .table td.subject a {
		padding-left:24px;
	}

	.bbs-quote .table td.subject a::before {
		height: 18px;
		background-size:auto 18px;
	}

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

	.bbs-quote .table td.data {
		order: 5;
	}

	.bbs-quote .table td:not(.answer):not(.subject):not(.data):not(.message)::before {
    content: "";
    display:block;
    position: absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:1px;
    height:14px;
    background-color: #999999;
  }

	.bbs-quote .table tr.tr-message td {
		width: 100%;
		padding:120px 30px;
	}
}
@media screen and (max-width:768px) {
	.bbs-quote .table th, 
	.bbs-quote .table td {
		font-size:1.6rem;
	}

	.bbs-quote .table td.answer span {
		height:28px;
		font-size:1.4rem;
	}

	.bbs-quote .table td.subject a::before {
		width:14px;
		height: 15px;
		background-size:auto 15px;
	}
}
@media screen and (max-width:576px) {
	.bbs-quote .table th, 
	.bbs-quote .table td {
		padding:4px 8px;
		font-size:1.5rem;
	}

	.bbs-quote .table td.answer span {
		width:70px;
		height: 22px;
		font-size:1.2rem;
	}

	.bbs-quote .table td.subject a {
		padding-left:16px;
	}

	.bbs-quote .table td.subject a::before {
		width:11px;
		height: 13px;
		background-size:auto 13px;
	}

	.bbs-quote .table tr.tr-message td {
		padding:100px 20px;
	}
}


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

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

.bbs-notice .table th,
.bbs-notice .table td {
	height:60px;
	padding:10px;
	font-size:2rem;
}

.bbs-notice .table td {
	font-weight:500;
	color:#333;
}

.bbs-notice .table a {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bbs-notice .table tr.tr-no .no {
	font-weight:700;
	color:#f26521;
}

.bbs-notice .table tr.tr-no .subject {
	font-weight:700;
}

.bbs-notice .table tr.tr-message td {
	padding:160px 40px;
}

@media screen and (min-width:1025px) {
	.bbs-notice .table td.subject {
		padding:10px 30px;
	}
}
@media screen and (max-width:1024px) {
	.bbs-notice .table {
		display: block;
	}

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

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

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

	.bbs-notice .table th, 
	.bbs-notice .table td {
		position: relative;
		height: auto;
		padding:6px 10px;
		font-size:1.8rem;
	}

	.bbs-notice .table td.no {
		order: 2;
	}

	.bbs-notice .table td.subject {
		order:1;
		width: 100%;
	}

	.bbs-notice .table td.writer {
		order: 3;
	}

	.bbs-notice .table td.data {
		order: 4;
	}

	.bbs-notice .table td:not(.subject):not(.data):not(.message)::before {
    content: "";
    display:block;
    position: absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:1px;
    height:14px;
    background-color: #999999;
  }

	.bbs-notice .table tr.tr-message td {
		width: 100%;
		padding:120px 30px;
	}
}
@media screen and (max-width:768px) {
	.bbs-notice .table th, 
	.bbs-notice .table td {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-notice .table th, 
	.bbs-notice .table td {
		padding:4px 8px;
		font-size:1.5rem;
	}

	.bbs-notice .table td:not(.subject):not(.data):not(.message)::before {
    height:12px;
  }

	.bbs-notice .table tr.tr-message td {
		padding:100px 20px;
	}
}


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

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

.bbs-news .list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(320/450*100%);
	overflow: hidden;
	background-color: #fff;
}

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

.bbs-news .list .con {
	min-height:126px;
	padding:30px;
	border:1px solid #7a7a7a;
	border-top:0px;
}

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

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

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

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

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

}
@media screen and (max-width:1024px) {
	.bbs-news .list {
		margin:-10px;
	}
	
	.bbs-news .list li {
		padding:10px;
	}

	.bbs-news .list .con {
		min-height:101px;
		padding:20px;
	}
	
	.bbs-news .list .subject {
		font-size:2.2rem;
	}
	
}
@media screen and (max-width:768px) {
	.bbs-news .list {
		margin:-6px;
	}
	
	.bbs-news .list li {
		flex:1 0 50%;
		max-width:50%;
		padding:6px;
	}

	.bbs-news .list .con {
		min-height:95px;
	}

	.bbs-news .list .subject {
		font-size:2rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-news .list {
		margin:-4px;
	}
	
	.bbs-news .list li {
		padding:4px;
	}

	.bbs-news .list .con {
		min-height:82px;
		padding:16px;
	}

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


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

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

.bbs-media .list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(320/450*100%);
	overflow: hidden;
	background-color: #fff;
}

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

.bbs-media .list .con {
	min-height:126px;
	padding:30px;
	border:1px solid #7a7a7a;
	border-top:0px;
}

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

@media screen and (max-width:1024px) {
	.bbs-media .list {
		margin:-10px;
	}
	
	.bbs-media .list li {
		padding:10px;
	}

	.bbs-media .list .con {
		min-height:101px;
		padding:20px;
	}
	
	.bbs-media .list .subject {
		font-size:2.2rem;
	}
	
}
@media screen and (max-width:768px) {
	.bbs-media .list {
		margin:-6px;
	}
	
	.bbs-media .list li {
		flex:1 0 50%;
		max-width:50%;
		padding:6px;
	}

	.bbs-media .list .con {
		min-height:95px;
	}

	.bbs-media .list .subject {
		font-size:2rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-media .list {
		margin:-4px;
	}
	
	.bbs-media .list li {
		padding:4px;
	}

	.bbs-media .list .con {
		min-height:82px;
		padding:16px;
	}

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


/* Board View Basic */
.bbs-view-basic {
	border-top: 1px solid #000;
}

.bbs-view-basic .bbs-view-head .block01 {
	padding:40px;
	border-bottom: 1px solid #000;
}

.bbs-view-basic .bbs-view-head .block02 {
	padding:20px 40px;
	border-bottom: 1px solid #000;
}

.bbs-view-basic .bbs-view-area {
	padding:40px;
	border-bottom: 1px solid #000;
}

.bbs-view-basic .bbs-view-btns {
	display: flex;
	justify-content: space-between;
	gap:10px;
}

.bbs-view-basic .bbs-view-btns .btns-nav {
	display: flex;
	gap:20px;
	font-size:0px;
}

.bbs-view-basic .bbs-view-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:170px;
	height:64px;
	border-radius: 50px;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

.bbs-view-basic .bbs-view-btns .btn01 {
	background-color: #4a4a4a;
}

.bbs-view-basic .bbs-view-btns .btn02 {
	background-color: #7a7a7a;
}

.bbs-view-basic .subject {
	font-size: 2.8rem;
	margin-bottom:40px;
}

.bbs-view-basic .util {
	display: flex;
	margin:0px -30px;
}

.bbs-view-basic .util dd {
	position: relative;
	font-size:2rem;
	padding:0px 30px;
}

.bbs-view-basic .util dd:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:2px;
	height:18px;
	background-color: #acacac;
}

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

.bbs-view-basic .file dt {
	position: relative;
	width:130px;
	padding-left:30px;
	font-size:2rem;
}

.bbs-view-basic .file dt::before {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	left:0;
	transform: translateY(-50%);
	width:14px;
	height:20px;
	background: url('../img/sub/board/file_b.png') no-repeat center;
}

.bbs-view-basic .file dd {
	width: calc(100% - 130px);
	font-size:2rem;
}

.bbs-view-basic .file dd a {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: underline;
	text-underline-offset:4px;
}

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

@media screen and (max-width:1024px) {
	.bbs-view-basic .bbs-view-head .block01 {
		padding:30px;
	}
	
	.bbs-view-basic .bbs-view-head .block02 {
		padding:16px 30px;
	}

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

	.bbs-view-basic .bbs-view-btns {
		gap:6px;
	}

	.bbs-view-basic .bbs-view-btns .btns-nav {
		gap:12px;
	}

	.bbs-view-basic .bbs-view-btns .btn {
		width:150px;
		height:54px;
		font-size:1.8rem;
	}	

	.bbs-view-basic .subject {
		font-size: 2.6rem;
		margin-bottom:30px;
	}

	.bbs-view-basic .util {
		margin:0px -20px;
	}
	
	.bbs-view-basic .util dd {
		font-size:1.8rem;
		padding:0px 20px;
	}

	.bbs-view-basic .util dd:not(:last-child)::after {
		height:14px;
	}

	.bbs-view-basic .file dt {
		font-size:1.8rem;
		padding-left:20px;
	}

	.bbs-view-basic .file dt::before {
		height:16px;
		background-size:auto 16px;
	}

	.bbs-view-basic .file dd {
		font-size:1.8rem;
	}

	.bbs-view-basic .textarea p {
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.bbs-view-basic .bbs-view-btns .btn {
		width:140px;
		height:48px;
		font-size:1.6rem;
	}	

	.bbs-view-basic .subject {
		font-size: 2.4rem;
	}
	
	.bbs-view-basic .util dd {
		font-size:1.6rem;
	}

	.bbs-view-basic .util dd:not(:last-child)::after {
		height:12px;
	}

	.bbs-view-basic .file dt {
		width:100px;
		font-size:1.6rem;
	}

	.bbs-view-basic .file dt::before {
		width:11px;
		height:14px;
		background-size:auto 14px;
	}

	.bbs-view-basic .file dd {
		width: calc(100% - 100px);
		font-size:1.6rem;
	}

	.bbs-view-basic .textarea p {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-view-basic .bbs-view-head .block01 {
		padding: 20px;
	}

	.bbs-view-basic .bbs-view-head .block02 {
		padding:10px 20px;
	}

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

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

	.bbs-view-basic .bbs-view-btns .btns-nav {
		gap:4px;
	}

	.bbs-view-basic .bbs-view-btns .btn {
		width:100px;
		height:42px;
		font-size:1.5rem;
	}	

	.bbs-view-basic .subject {
		font-size: 2rem;
		margin-bottom:16px;
	}

	.bbs-view-basic .util {
		margin:0px -10px;
	}
	
	.bbs-view-basic .util dd {
		font-size:1.5rem;
		padding:0px 10px;
	}

	.bbs-view-basic .util dd:not(:last-child)::after {
		height:10px;
	}

	.bbs-view-basic .file dt {
		width:80px;
		padding-left:16px;
		font-size:1.5rem;
	}

	.bbs-view-basic .file dd {
		width: calc(100% - 80px);
		font-size:1.5rem;
	}

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


/* Board View Quote */
.bbs-view-quote {
	border-top: 1px solid #000;
}

.bbs-view-quote .bbs-view-head .block01 {
	padding:40px;
	border-bottom: 1px solid #000;
}

.bbs-view-quote .bbs-view-head .block02 {
	padding:20px 40px;
	border-bottom: 1px solid #000;
}

.bbs-view-quote .bbs-view-area {
	padding:40px 0px;
	border-bottom: 1px solid #000;
}

.bbs-view-quote .bbs-view-btns {
	display: flex;
	justify-content: center;
}

.bbs-view-quote .bbs-view-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:320px;
	height:64px;
	border-radius: 50px;
	background-color: #7a7a7a;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

.bbs-view-quote .subject {
	font-size: 2.8rem;
	margin-bottom:40px;
}

.bbs-view-quote .util {
	display: flex;
	margin:0px -30px;
}

.bbs-view-quote .util dd {
	position: relative;
	font-size:2rem;
	padding:0px 30px;
}

.bbs-view-quote .util dd:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	width:2px;
	height:18px;
	background-color: #acacac;
}

.bbs-view-quote .form-table {
	display: flex;
	flex-wrap: wrap;
	gap:20px 80px;
}

.bbs-view-quote .form-table .row {
	display: flex;
	flex:1 0 calc(50% - 80px);
	max-width:50%;
}

.bbs-view-quote .form-table .row-100 {
	flex:1 1 calc(100% - 80px);
	max-width:100%;
}

.bbs-view-quote .form-table .th {
	width:160px;
	font-size:2rem;
	font-weight:600;
	line-height: 1;
	padding:18px 0px;
}

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

.bbs-view-quote .form-table input {
	width: 100%;
	height:56px;
	padding:0px 24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
}

.bbs-view-quote .form-table select {
	width: 100%;
	height:56px;
	padding:0px 24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
	background: url('../img/sub/board/form_select.png') no-repeat right 24px center;
}

.bbs-view-quote .form-table textarea {
	resize: none;
	display:block;
	width:100%;
	height:320px;
	padding:24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
}

.bbs-view-quote .form-table input:disabled,
.bbs-view-quote .form-table select:disabled,
.bbs-view-quote .form-table textarea:disabled {
	color:#000;
	background-color: #ededed;
	opacity:1;
}

.bbs-view-quote .form-agree .check {
	display: inline-flex;
	align-items: center;
	gap:16px;
	position: relative;
	cursor: pointer;
}

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

.bbs-view-quote .form-agree .check i {
	width:20px;
	height:20px;
	background: url('../img/sub/board/check_off.png') no-repeat center;
}

.bbs-view-quote .form-agree .check span {
	font-size:1.8rem;
}

.bbs-view-quote .form-agree .check input:checked + i {
  background-image: url('../img/sub/board/check_on.png');
}

@media screen and (max-width:1024px) {
	.bbs-view-quote .bbs-view-head .block01 {
		padding:30px;
	}
	
	.bbs-view-quote .bbs-view-head .block02 {
		padding:16px 30px;
	}

	.bbs-view-quote .bbs-view-area {
		padding:30px 0px;
	}
	
	.bbs-view-quote .subject {
		font-size:2.6rem;
		margin-bottom:30px;
	}
	
	.bbs-view-quote .util {
		margin:0px -20px;
	}

	.bbs-view-quote .util dd {
		font-size:1.8rem;
		padding:0px 20px;
	}

	.bbs-view-quote .util dd:not(:last-child)::after {
		height:14px;
	}

	.bbs-view-quote .form-table {
		gap:16px;
	}

	.bbs-view-quote .form-table .row {
		display: block;
		flex:1 1 100%;
		max-width:100%;
	}
	
	.bbs-view-quote .form-table .row-100 {
		flex:1 1 100%;
		max-width:100%;
	}

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

	.bbs-view-quote .form-table .th {
		width: 100%;
		font-size:1.8rem;
		padding:0px 0px 16px;
	}

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

	.bbs-view-quote .form-table input {
		height: 50px;
		padding:0px 20px;
		font-size:1.8rem;
	}

	.bbs-view-quote .form-table select {
		height:50px;
		padding:0px 20px;
		background-position: right 20px center;
		font-size:1.8rem;
	}

	.bbs-view-quote .form-table textarea {
		height:260px;
		padding:20px;
		font-size:1.8rem;
	}

	.bbs-view-quote .form-agree .check {
		gap:10px;
	}

	.bbs-view-quote .form-agree .check i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.bbs-view-quote .form-agree .check span {
		font-size:1.6rem;
	}	

	.bbs-view-quote .bbs-view-btns .btn {
		width:260px;
		height:54px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.bbs-view-quote .subject {
		font-size:2.4rem;
	}

	.bbs-view-quote .util dd {
		font-size:1.6rem;
	}

	.bbs-view-quote .util dd:not(:last-child)::after {
		height:12px;
	}

	.bbs-view-quote .form-table .th {
		font-size:1.6rem;
	}

	.bbs-view-quote .form-table input {
		height: 44px;
		font-size:1.6rem;
	}

	.bbs-view-quote .form-table select {
		height:44px;
		background-size: auto 8px;
		font-size:1.6rem;
	}

	.bbs-view-quote .form-table textarea {
		height:200px;
		font-size:1.6rem;
	}

	.bbs-view-quote .form-agree .check i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}

	.bbs-view-quote .form-agree .check span {
		font-size:1.5rem;
	}	

	.bbs-view-quote .bbs-view-btns .btn {
		width:200px;
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-view-quote .bbs-view-head .block01 {
		padding:20px;
	}
	
	.bbs-view-quote .bbs-view-head .block02 {
		padding:10px 20px;
	}

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

	.bbs-view-quote .subject {
		font-size:2rem;
		margin-bottom:16px;
	}

	.bbs-view-quote .util {
		margin:0px -10px;
	}
	
	.bbs-view-quote .util dd {
		font-size:1.5rem;
		padding:0px 10px;
	}

	.bbs-view-quote .util dd:not(:last-child)::after {
		height:10px;
	}

	.bbs-view-quote .form-table {
		gap:12px;
	}

	.bbs-view-quote .form-table .th {
		font-size:1.5rem;
		padding:0px 0px 10px;
	}

	.bbs-view-quote .form-table input {
		height: 38px;
		padding:0px 16px;
		font-size:1.5rem;
	}

	.bbs-view-quote .form-table select {
		height:38px;
		padding:0px 16px;
		background-size: auto 6px;
		background-position: right 16px center;
		font-size:1.5rem;
	}

	.bbs-view-quote .form-table textarea {
		height:160px;
		padding:16px;
		font-size:1.5rem;
	}

	.bbs-view-quote .form-agree .check {
		gap:6px;
	}
	
	.bbs-view-quote .form-agree .check span {
		font-size:1.4rem;
	}	

	.bbs-view-quote .bbs-view-btns .btn {
		width:120px;
		height:40px;
		font-size:1.5rem;
	}
}


/* Board Write Quote */
.bbs-write-quote .form-table {
	display: flex;
	flex-wrap: wrap;
	gap:20px 80px;
}

.bbs-write-quote .form-table .row {
	display: flex;
	flex:1 0 calc(50% - 80px);
	max-width:50%;
}

.bbs-write-quote .form-table .row-100 {
	flex:1 1 calc(100% - 80px);
	max-width:100%;
}

.bbs-write-quote .form-table .th {
	width:160px;
	font-size:2rem;
	font-weight:600;
	line-height: 1;
	padding:18px 0px;
}

.bbs-write-quote .form-table .td {
	width: calc(100% - 160px);
}

.bbs-write-quote .form-table input {
	width: 100%;
	height:56px;
	padding:0px 24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
}

.bbs-write-quote .form-table select {
	width: 100%;
	height:56px;
	padding:0px 24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
	background: url('../img/sub/board/form_select.png') no-repeat right 24px center;
}

.bbs-write-quote .form-table textarea {
	resize: none;
	display:block;
	width:100%;
	height:320px;
	padding:24px;
	background-color: #fff;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#000;
}

.bbs-write-quote .form-table input:disabled,
.bbs-write-quote .form-table select:disabled,
.bbs-write-quote .form-table textarea:disabled {
	color:#000;
	background-color: #ededed;
}

.bbs-write-quote .file-upload {
	position: relative;
	width: 100%;
	height:56px;
	padding:4px;
	border:1px solid #bababa;
	border-radius:5px;
}

.bbs-write-quote .file-upload label {
	display: flex;
	align-items: center;
	width: 100%;
	height:100%;
}

.bbs-write-quote .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-write-quote .file-upload span.placeholder {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	width: calc(100% - 160px);
	padding:0px 20px;
	font-size:2rem;
	font-weight:500;
	color:#bbbbbb;
}

.bbs-write-quote .file-upload span.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:30px;
	width: 160px;
	height:48px;
	padding:0px 20px;
	background-color: #333;
	border-radius: 5px;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.bbs-write-quote .file-upload span.btn::before {
	content: "";
	display: inline-block;
	width: 14px;
	height:20px;
	background: url('../img/sub/board/file_w.png') no-repeat center;
}

.bbs-write-quote .form-agree {
	border-top: 1px solid #000000;
}

.bbs-write-quote .form-agree .textarea {
	width: 100%;
	height:200px;
	border:1px solid #bababa;
	border-radius:5px;
	overflow-y: auto;
}

.bbs-write-quote .form-agree .textarea div {
	padding:24px;
}

.bbs-write-quote .form-agree .textarea p {
	font-size:1.8rem;
	line-height:1.6;
}

.bbs-write-quote .form-agree .check {
	display: inline-flex;
	align-items: center;
	gap:16px;
	position: relative;
	cursor: pointer;
}

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

.bbs-write-quote .form-agree .check i {
	width:20px;
	height:20px;
	background: url('../img/sub/board/check_off.png') no-repeat center;
}

.bbs-write-quote .form-agree .check span {
	font-size:1.8rem;
}

.bbs-write-quote .form-agree .check input:checked + i {
  background-image: url('../img/sub/board/check_on.png');
}

.bbs-write-quote .form-btns {
	display: flex;
	justify-content: center;
	gap:40px;
}

.bbs-write-quote .form-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:320px;
	width: 100%;
	height:64px;
	border-radius: 50px;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

.bbs-write-quote .form-btns .btn01 {
	background-color: #7a7a7a;
}

.bbs-write-quote .form-btns .btn02 {
	background-color: #555;
}

@media screen and (max-width:1024px) {
	.bbs-write-quote .form-table {
		gap:30px;
	}

	.bbs-write-quote .form-table .row {
		display: block;
		flex:1 1 100%;
		max-width:100%;
	}
	
	.bbs-write-quote .form-table .row-100 {
		flex:1 1 100%;
		max-width:100%;
	}

	.bbs-write-quote .form-table .row-hidden {
		display: none;
	}

	.bbs-write-quote .form-table .th {
		width: 100%;
		font-size:1.8rem;
		padding:0px 0px 16px;
	}

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

	.bbs-write-quote .form-table input {
		height: 50px;
		padding:0px 20px;
		font-size:1.8rem;
	}

	.bbs-write-quote .form-table select {
		height:50px;
		padding:0px 20px;
		font-size:1.8rem;
	}

	.bbs-write-quote .form-table textarea {
		height:260px;
		padding:20px;
		font-size:1.8rem;
	}

	.bbs-write-quote .file-upload {
		height:50px;
	}

	.bbs-write-quote .file-upload span.placeholder {
		width: calc(100% - 120px);
		padding:0px 16px;
		font-size:1.8rem;
	}

	.bbs-write-quote .file-upload span.btn {
		gap:10px;
		width:120px;
		height:40px;
		padding:0px 16px;
		font-size:1.8rem;
	}

	.bbs-write-quote .file-upload span.btn::before {
		height:18px;
		background-size:auto 18px;
	}

	.bbs-write-quote .form-agree .textarea {
		height:160px;
	}
	
	.bbs-write-quote .form-agree .textarea div {
		padding:20px;
	}
	
	.bbs-write-quote .form-agree .textarea p {
		font-size:1.6rem;
	}

	.bbs-write-quote .form-agree .check {
		gap:10px;
	}

	.bbs-write-quote .form-agree .check i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.bbs-write-quote .form-agree .check span {
		font-size:1.6rem;
	}	

	.bbs-write-quote .form-btns {
		gap:20px;
	}
	
	.bbs-write-quote .form-btns .btn {
		max-width:260px;
		height:54px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.bbs-write-quote .form-table .th {
		font-size:1.6rem;
	}

	.bbs-write-quote .form-table input {
		height: 44px;
		font-size:1.6rem;
	}

	.bbs-write-quote .form-table select {
		height:44px;
		background-size: auto 8px;
		font-size:1.6rem;
	}

	.bbs-write-quote .form-table textarea {
		height:200px;
		font-size:1.6rem;
	}

	.bbs-write-quote .file-upload {
		height:44px;
		padding:2px;
	}

	.bbs-write-quote .file-upload span.placeholder {
		width: calc(100% - 100px);
		font-size:1.6rem;
	}

	.bbs-write-quote .file-upload span.btn {
		gap:6px;
		width:100px;
		height:36px;
		padding:0px 10px;
		font-size:1.6rem;
	}

	.bbs-write-quote .file-upload span.btn::before {
		height: 16px;
		background-size:auto 16px;
	}

	.bbs-write-quote .form-agree .textarea {
		height:120px;
	}
	
	.bbs-write-quote .form-agree .textarea p {
		font-size:1.5rem;
	}

	.bbs-write-quote .form-agree .check i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}

	.bbs-write-quote .form-agree .check span {
		font-size:1.5rem;
	}	

	.bbs-write-quote .form-btns {
		gap:12px;
	}
	
	.bbs-write-quote .form-btns .btn {
		max-width:200px;
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-write-quote .form-table {
		gap:20px;
	}

	.bbs-write-quote .form-table .th {
		font-size:1.5rem;
		padding:0px 0px 10px;
	}

	.bbs-write-quote .form-table input {
		height: 38px;
		padding:0px 16px;
		font-size:1.5rem;
	}

	.bbs-write-quote .form-table select {
		height:38px;
		padding:0px 16px;
		background-size: auto 6px;
		background-position: right 16px center;
		font-size:1.5rem;
	}

	.bbs-write-quote .form-table textarea {
		height:180px;
		padding:16px;
		font-size:1.5rem;
	}

	.bbs-write-quote .file-upload {
		height: auto;
	}

	.bbs-write-quote .file-upload span.placeholder {
		padding:0px 14px;
		font-size:1.5rem;
	}

	.bbs-write-quote .file-upload span.btn {
		height:32px;
		font-size:1.5rem;
	}

	.bbs-write-quote .file-upload span.btn::before {
		height: 14px;
		background-size:auto 14px;
	}
	
	.bbs-write-quote .form-agree .textarea div {
		padding:16px;
	}
	
	.bbs-write-quote .form-agree .textarea p {
		font-size:1.4rem;
	}
	
	.bbs-write-quote .form-agree .check {
		gap:6px;
	}
	
	.bbs-write-quote .form-agree .check span {
		font-size:1.4rem;
	}	

	.bbs-write-quote .form-btns {
		gap:6px;
	}
	
	.bbs-write-quote .form-btns .btn {
		max-width:120px;
		height:40px;
		font-size:1.5rem;
	}
}


/* Board FAQ */
.bbs-faq .list {
	border-top: 2px solid #555;
}

.bbs-faq .list li {
	position: relative;
	border-bottom: 1px solid #a8a8a8;
	cursor: pointer;
}

.bbs-faq .list .question {
	padding:10px 30px;
}

.bbs-faq .list .question p {
	display: flex;
	align-items: center;
	position: relative;
	gap:40px;
}

.bbs-faq .list .question p::after {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	right:0;
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
	width:20px;
	height:12px;
	background: url('../img/sub/board/arr.png') no-repeat center;
	transition:all .3s ease;
}

.bbs-faq .list .question span {
	display: block;
	width: calc(100% - 40px);
	font-size:2rem;
	font-weight:600;
}

.bbs-faq .list .question span.dot {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color: #555555;
	color:#fff;
}

.bbs-faq .list .answer {
	max-height: 0;
  overflow: hidden;
  transition: max-height .6s ease-in-out;
}

.bbs-faq .list .answer-content {
	max-height:320px;
	padding:20px 30px 40px;
	background-color: #eeeeee;
	overflow-y: auto;
}

.bbs-faq .list .answer-content p {
	display: flex;
	gap:40px;
}

.bbs-faq .list .answer-content span {
	display: block;
	width: calc(100% - 40px);
	font-size:2rem;
	line-height:1.6;
}

.bbs-faq .list .answer-content span.dot {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:40px;
	height:40px;
	border-radius:50%;
	background-color: #000000;
	font-weight: 600;
	color:#fff;
}

.bbs-faq .list li.open .answer {
	max-height:400px;
}

.bbs-faq .list li.open .question p::after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}

@media screen and (max-width:1024px) {
	.bbs-faq .list .question {
		padding:10px 20px;
	}

	.bbs-faq .list .question p {
		gap:20px;
	}

	.bbs-faq .list .question p::after {
		height:10px;
		background-size:auto 10px;
	}

	.bbs-faq .list .question span {
		width: calc(100% - 36px);
		font-size:1.8rem;
	}

	.bbs-faq .list .question span.dot {
		width: 36px;
		height:36px;
	}

	.bbs-faq .list .answer-content {
		padding:16px 20px 30px;
	}

	.bbs-faq .list .answer-content p {
		gap:20px;
	}

	.bbs-faq .list .answer-content span {
		width: calc(100% - 36px);
		font-size:1.8rem;
	}

	.bbs-faq .list .answer-content span.dot {
		width: 36px;
		height:36px;
	}
}
@media screen and (max-width:768px) {
	.bbs-faq .list .question p {
		gap:12px;
	}

	.bbs-faq .list .question span {
		font-size:1.6rem;
		width: calc(100% - 30px);
	}

	.bbs-faq .list .question span.dot {
		width: 30px;
		height:30px;
	}

	.bbs-faq .list .answer-content p {
		gap:12px;
	}

	.bbs-faq .list .answer-content span {
		width: calc(100% - 30px);
		font-size:1.6rem;
	}

	.bbs-faq .list .answer-content span.dot {
		width: 30px;
		height:30px;
	}
}
@media screen and (max-width:576px) {
	.bbs-faq .list .question {
		padding:10px 12px;
	}

	.bbs-faq .list .question p {
		gap:6px;
	}

	.bbs-faq .list .question p::after {
		width:14px;
		height:8px;
		background-size:auto 8px;
	}

	.bbs-faq .list .question span  {
		width: calc(100% - 26px);
		font-size:1.5rem;
	}

	.bbs-faq .list .question span.dot {
		width: 26px;
		height:26px;
	}

	.bbs-faq .list .answer-content {
		padding:10px 12px 20px;
	}

	.bbs-faq .list .answer-content p {
		gap:6px;
	}

	.bbs-faq .list .answer-content span {
		width: calc(100% - 26px);
		font-size:1.5rem;
	}

	.bbs-faq .list .answer-content span.dot {
		width: 26px;
		height:26px;
	}
}


/* Board List Product */
.bbs-product .tit h4 {
	display: inline-block;
	position: relative;
	font-size:4.4rem;
}

.bbs-product .tit h4::before {
	content: "";
	display: inline-block;
	position: absolute;
	right: -5px;
	bottom: -6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width:1px;
	height:60px;
	background-color: #f26521;
	z-index: 2;
}

.bbs-product .tit h4::after {
	content: "";
	display: inline-block;
	position: absolute;
	right:-30px;
	bottom:0;
	border-bottom: 25px solid #fff;
  border-top: 25px solid transparent;
  border-left: 25px solid transparent;
  border-right: 25px solid #fff;
}

.bbs-product .banner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:360px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

.bbs-product .banner-container {
	max-width:1440px;
	width:95%;
	margin:0 auto;
	text-align: center;
}

.bbs-product .banner-title {
	font-size:4rem;
	font-weight:700;
	line-height: 1;
	color:#fff;
}

.bbs-product .banner-path {
	font-size:2rem;
	font-weight:500;
	color:#cccccc;
}

.bbs-product .product-dis {
	width:100%;
	margin:0 auto;
}

.bbs-product .product-dis ul {
	display: flex;
	gap:12px;
}

.bbs-product .product-dis li {
	flex:1 1;
}

.bbs-product .product-dis a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:56px;
	font-size:2.4rem;
	font-weight:600;
	color:#555555;
	border:1px solid #555555;
	border-radius:50px;
	background-color: #f6f6f6;
}

.bbs-product .product-dis li.on a {
	color:#fff;
	background-color: #555555;
}

/* .bbs-product .product-dis-three {
	max-width:720px;
} */

.bbs-product .product-list {
	display: flex;
	flex-wrap: wrap;
	margin:-20px -30px;
}

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

.bbs-product .product-list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(440/440*100%);
	background-color: #fff;
	border:1px solid #e6e6e6;
	border-radius:10px;
	overflow: hidden;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.bbs-product .product-list .img img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	-webkit-transition:all .4s ease;
	transition:all .4s ease;
}

.bbs-product .product-list .con {
	text-align: center;
	margin-top:20px;
}

.bbs-product .product-list .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width:180px;
	height:32px;
	border:1px solid #555555;
	border-radius:5px;
	font-size:1.6rem;
	font-weight:600;
	line-height:1;
}

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

/* 2025.04.17 카테고리 추가 퍼블리싱 */
.bbs-product .product-category-sub {
	display: flex;
	justify-content: center;
}

.bbs-product .product-category-sub .category-sub-title {
	display: none;
	cursor: pointer;
}

.bbs-product .product-category-sub .category-sub-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:10px 20px;
	max-width:600px;
	width: 100%;
}

.bbs-product .product-category-sub .category-sub-menu a {
	font-size:1.8rem;
}

@media screen and (min-width:1025px) {
	.bbs-product .product-category-sub .category-sub-menu li.on a {
		text-decoration: underline;
		text-underline-offset: 6px;
		font-weight:700;
		color:#f26521;
	}
}


@media screen and (min-width:1201px) {
	.bbs-product .brand-list li:hover .hover {
		opacity: 1;
		visibility: visible;
	}

	.bbs-product .product-list li:hover .img {
		border-color: #555555;
		box-shadow: 1.928px 2.298px 5px 0px rgba(0, 0, 0, 0.15);
	}

	.bbs-product .product-list li:hover .img img {
		transform: scale(1.05);
	}
}
@media screen and (max-width:1200px) {
	.bbs-product .product-list {
		margin:-12px;
	}
	
	.bbs-product .product-list li {
		padding:12px;
	}
}
@media screen and (max-width:1024px) {
	.bbs-product .banner {
		height:280px;
	}

	.bbs-product .banner-title {
		font-size:3.6rem;
	}

	.bbs-product .tit h4 {
		font-size:4rem;
	}

	.bbs-product .tit h4::before {
		height:50px;
	}
	
	.bbs-product .tit h4::after {
		right:-25px;
		border-bottom: 20px solid #fff;
		border-top: 20px solid transparent;
		border-left: 20px solid transparent;
		border-right: 20px solid #fff;
	}

	.bbs-product .product-dis ul {
		gap:8px;
	}

	.bbs-product .product-dis a {
		height:50px;
		font-size:2.2rem;
	}

	.bbs-product .product-dis-three {
		max-width:620px;
	}	

	.bbs-product .product-list .con {
		margin-top:16px;
	}

	.bbs-product .product-list .category {
		width:160px;
		height:28px;
		font-size:1.5rem;
	}
	
	.bbs-product .product-list .subject {
		font-size:1.8rem;
	}

		/* 2025.04.17 카테고리 추가 퍼블리싱 */
		.bbs-product .product-category-sub {
			position: relative;
			flex-direction: column;
			align-items: center;
		}
	
		.bbs-product .product-category-sub .category-sub-title {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height:40px;
			background-color: #f26521;
			font-size:1.4rem;
			color:#fff;
		}
	
		.bbs-product .product-category-sub .category-sub-title::before {
		content:'';
		position: absolute;
		top:14px;
		right:20px;
		display: block;
		width: 8px;
		height: 8px;
		border-left:2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
			z-index:10;
	  }
	
		.bbs-product .product-category-sub .category-sub-menu {
			display: none;
			gap:0px;
			position: absolute;
			left: 0;
			top:40px;
			max-width:100%;
			background-color: #f6f6f6;
			z-index:10;
		}
	
		.bbs-product .product-category-sub .category-sub-menu li {
			flex:1 1 100%;
			max-width: 100%;
		}
		
		.bbs-product .product-category-sub .category-sub-menu a {
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			font-size:1.4rem;
			height:40px;
		}	
	
		.bbs-product .product-category-sub.on .category-sub-menu {
			display: block;
		}
	
		.bbs-product .product-category-sub.on .category-sub-title::before {
		top:16px;
		transform: rotate(-225deg);
	  }
}
@media screen and (max-width:768px) {
	.bbs-product .banner-title {
		font-size:3.2rem;
	}

	.bbs-product .tit h4 {
		font-size:3.6rem;
	}

	.bbs-product .tit h4::before {
		right:0;
		height:40px;
	}

	.bbs-product .product-dis a {
		height:44px;
		font-size:2rem;
	}

	.bbs-product .product-dis-three {
		max-width:520px;
	}	

	.bbs-product .product-list {
		margin:-12px -8px;
	}

	.bbs-product .product-list li {
		flex:1 0 50%;
		max-width:50%;
		padding:12px 8px;
	}

	.bbs-product .product-list .category {
		width:120px;
		height:26px;
		font-size:1.4rem;
	}

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

	.bbs-product .product-category-sub a {
		font-size:1.3rem;
	}	

	/* 2025.04.17 카테고리 추가 퍼블리싱 */
	.bbs-product .product-category-sub .category-sub-title {
		font-size:1.3rem;
	}
	
	.bbs-product .product-category-sub .category-sub-menu a {
		font-size:1.3rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-product .banner {
		height:220px;
	}

	.bbs-product .banner-title {
		font-size:2.6rem;
	}

	.bbs-product .tit h4 {
		font-size:3rem;
	}

	.bbs-product .tit h4::before {
		right:-3px;
		bottom:-4px;
		height:34px;
	}

	.bbs-product .tit h4::after {
		border-bottom: 18px solid #fff;
		border-top: 18px solid transparent;
		border-left: 18px solid transparent;
		border-right: 18px solid #fff;
	}
	
	.bbs-product .product-dis ul {
		gap:4px;
	}

	.bbs-product .product-dis a {
		height:38px;
		font-size:1.8rem;
	}

	.bbs-product .product-dis-three {
		max-width:420px;
	}	

	.bbs-product .product-list {
		margin:-8px -4px;
	}

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

	.bbs-product .product-list .con {
		margin-top:10px;
	}

	.bbs-product .product-list .category {
		width:100px;
		height:24px;
		font-size:1.3rem;
	}

	.bbs-product .product-list .subject {
		font-size:1.5rem;
	}

	.bbs-product .product-category-sub {
		flex-wrap: wrap;
	}

	.bbs-product .product-category-sub li {
		padding:2px 4px;
	}
	
	.bbs-product .product-category-sub a {
		font-size:1.2rem;
	}	

	/* 2025.04.17 카테고리 추가 퍼블리싱 */
	.bbs-product .product-category-sub .category-sub-title {
		height:36px;
		font-size:1.2rem;
	}

	.bbs-product .product-category-sub .category-sub-title::before {
    top:12px;
    right:16px;
  }

	.bbs-product .product-category-sub .category-sub-menu {
		top:36px;
	}

	.bbs-product .product-category-sub .category-sub-menu a {
		height:36px;
		font-size:1.2rem;
	}	

	.bbs-product .product-category-sub.on .category-sub-title::before {
    top:15px;
  }
}


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

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

.bbs-technical .table th,
.bbs-technical .table td {
	height:60px;
	padding:10px;
	font-size:2rem;
}

.bbs-technical .table td {
	font-weight:500;
	color:#333;
}

.bbs-technical .table a {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bbs-technical .table .down-icon {
	display: block;
	width:20px;
	height:20px;
	background: url('../img/sub/board/download.png') no-repeat center;
}

.bbs-technical .table tr.tr-message td {
	padding:160px 40px;
}

@media screen and (min-width:1025px) {
	.bbs-technical .table td.subject {
		padding:10px 30px;
	}
}
@media screen and (max-width:1024px) {
	.bbs-technical .table {
		display: block;
	}

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

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

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

	.bbs-technical .table th, 
	.bbs-technical .table td {
		position: relative;
		height: auto;
		padding:6px 10px;
		font-size:1.8rem;
	}

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

	.bbs-technical .table td.subject {
		order:1;
		width: 100%;
	}

	.bbs-technical .table td.down {
		order: 2;
	}

	.bbs-technical .table td.data {
		order: 4;
	}

	.bbs-technical .table td:not(.subject):not(.data):not(.message)::before {
    content: "";
    display:block;
    position: absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:1px;
    height:14px;
    background-color: #999999;
  }

	.bbs-technical .table .down-icon {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}

	.bbs-technical .table tr.tr-message td {
		width: 100%;
		padding:120px 30px;
	}
}
@media screen and (max-width:768px) {
	.bbs-technical .table th, 
	.bbs-technical .table td {
		font-size:1.6rem;
	}

	.bbs-technical .table .down-icon {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}
}
@media screen and (max-width:576px) {
	.bbs-technical .table th, 
	.bbs-technical .table td {
		padding:4px 8px;
		font-size:1.5rem;
	}

	.bbs-technical .table td:not(.subject):not(.data):not(.message)::before {
    height:12px;
  }

	.bbs-technical .table .down-icon {
		width:12px;
		height:12px;
		background-size:auto 12px;
	}

	.bbs-technical .table tr.tr-message td {
		padding:100px 20px;
	}
}


/* Board View Product */
.bbs-view-product .bbs-view-head {
	display: flex;
	gap:80px;
}

.bbs-view-product .view-head-image,
.bbs-view-product .view-head-context {
	flex:1 1;
}

.bbs-view-product .view-head-image {
	border:1px solid #e6e6e6;
	border-radius:5px;
	overflow: hidden;
}

.bbs-view-product .view-head-image .swiper {
	position: relative;
}

.bbs-view-product .view-head-image .prev,
.bbs-view-product .view-head-image .next {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width:64px;
	height:64px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 10;
}

.bbs-view-product .view-head-image .prev.swiper-button-disabled,
.bbs-view-product .view-head-image .next.swiper-button-disabled {
	opacity:.6;
}

.bbs-view-product .view-head-image .prev {
	left:0;
	background-image: url('../img/sub/board/prd_prev.png');
}

.bbs-view-product .view-head-image .next {
	right:0;
	background-image: url('../img/sub/board/prd_next.png');
}

.bbs-view-product .view-head-image .pagination {
	display: flex;
	gap:8px;
	position: absolute;
	left:50%;
	bottom: 40px;
	transform: translateX(-50%);
	z-index:10;
}

.bbs-view-product .view-head-image .swiper-pagination-bullet {
	width:40px;
	height:4px;
	margin:0px;
	background-color: #d8d8d8;
	border-radius: 0px;
	opacity:1;
}

.bbs-view-product .view-head-image .swiper-pagination-bullet-active {
	background-color: #555555;
}

.bbs-view-product .view-head-image .img {
	position: relative;
	width: 100%;
	height:0;
	padding-top: calc(680/680*100%);
	overflow: hidden;
}

.bbs-view-product .view-head-image .img img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100%;
}

.bbs-view-product .view-head-context {
	position: relative;
	padding-top:40px;
}

.bbs-view-product .view-head-context .category {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:180px;
	width: 100%;
	height: 32px;
	border:1px solid #555555;
	border-radius:5px;
	font-size:1.6rem;
	font-weight:600;
	line-height:1;
}

.bbs-view-product .view-head-context .subject {
	font-size:4.8rem;
	font-weight:600;
}

.bbs-view-product .view-head-context .position {
	font-size: 2rem;
	font-weight:500;
	margin:30px 0px 60px;
}

.bbs-view-product .view-head-context .info dd:not(:last-child) {
	margin-bottom:30px;
}

.bbs-view-product .view-head-context .info span {
	font-size:2rem;
	font-weight:500;
}

.bbs-view-product .view-head-context .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	position: absolute;
	left:0;
	bottom:0;	
	width: 100%;
	height: 64px;
	background-color: #7f7f7f;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.bbs-view-product .view-head-context .btn::after {
	content: "";
	display: inline-block;
	width:20px;
	height:20px;
	background: url('../img/sub/board/prd_write.png') no-repeat center;
}

.bbs-view-product .view-area .tit {
	font-size:4rem;
	font-weight:600;
}

.bbs-view-product .view-area .downloads .list {
	display: flex;
	margin:-20px;
}

.bbs-view-product .view-area .downloads .list li {
	flex:1 0 25%;
	max-width: 25%;
	padding:20px;
}

.bbs-view-product .view-area .downloads .list .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	width: 100%;
	height:64px;
	border:1px solid #dcdee6;
	border-radius:10px;
	font-size: 2rem;
	font-weight:500;
}

.bbs-view-product .view-area .downloads .list .btn::after  {
	content: "";
	display: inline-block;
	width: 20px;
	height:20px;
	background: url('../img/sub/board/prd_download.png') no-repeat center;
}

.bbs-view-product .view-area .detail .detail-wrap {
	padding:40px;
	background-color: #fafafa;
}

.bbs-view-product .view-area .detail .detail-wrap p {
	font-size:2rem;
	line-height: 2;
}

.bbs-view-product .view-area .relevant .list {
	display: flex;
	margin:-20px;
}

.bbs-view-product .view-area .relevant .list li {
	flex:1 0 25%;
	max-width:25%;
	padding:20px;
}

.bbs-view-product .view-area .relevant .list .img {
	position: relative;
	width:100%;
	height:0;
	padding-top: calc(330/330*100%);
	border:1px solid #e6e6e6;
	border-radius: 10px;
	overflow: hidden;	
}

.bbs-view-product .view-area .relevant .list .img img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100%;
}

.bbs-view-product .view-area .relevant .list .con {
	text-align: center;
	margin-top:20px;	
}

.bbs-view-product .view-area .relevant .list .subject {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size:2rem;
	font-weight:600;
}

@media screen and (max-width:1200px) {
	.bbs-view-product .bbs-view-head {
		gap:40px;
	}

	.bbs-view-product .view-head-context {
		padding-top:0px;
	}

	.bbs-view-product .view-area .downloads .list {
		margin:-12px;
	}
	
	.bbs-view-product .view-area .downloads .list li {
		padding:12px;
	}

	.bbs-view-product .view-area .relevant .list {
		margin:-12px;
	}
	
	.bbs-view-product .view-area .relevant .list li {
		padding:12px;
	}
}
@media screen and (max-width:1024px) {
	.bbs-view-product .bbs-view-head {
		flex-wrap: wrap;
		gap:30px;
	}
	

	.bbs-view-product .view-head-image,
	.bbs-view-product .view-head-context {
		flex:1 1 100%;
		max-width: 100%;
	}

	.bbs-view-product .view-head-image .prev,
	.bbs-view-product .view-head-image .next {
		width:54px;
		height:54px;
		background-size:auto 54px;
	}

	.bbs-view-product .view-head-image .pagination {
		bottom:30px;
	}

	.bbs-view-product .view-head-context .btn {
		position: relative;
		left: unset;
		bottom:unset;
	}
	
	.bbs-view-product .view-head-context .category {
		max-width:160px;
		height: 28px;
		font-size:1.5rem;
	}

	.bbs-view-product .view-head-context .subject {
		font-size:4.4rem;
	}

	.bbs-view-product .view-head-context .position {
		font-size:1.8rem;
		margin:20px 0px 40px;
	}
	
	.bbs-view-product .view-head-context .info dd:not(:last-child) {
		margin-bottom:20px;
	}
	
	.bbs-view-product .view-head-context .info span {
		font-size:1.8rem;
	}

	.bbs-view-product .view-head-context .btn {
		gap:12px;
		height:54px;
		margin-top:60px;
		font-size:1.8rem;
	}

	.bbs-view-product .view-head-context .btn::after {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}

	.bbs-view-product .view-area .tit {
		font-size: 3.6rem;
	}

	.bbs-view-product .view-area .downloads .list .btn {
		gap:12px;
		height:54px;
		font-size:1.8rem;
	}

	.bbs-view-product .view-area .downloads .list .btn::after {
		width: 16px;
		height:16px;
		background-size:auto 16px;
	}

	.bbs-view-product .view-area .detail .detail-wrap {
		padding:30px;
	}
	
	.bbs-view-product .view-area .detail .detail-wrap p {
		font-size:1.8rem;
	}

	.bbs-view-product .view-area .relevant .list .con {
		margin-top:16px;
	}
	
	.bbs-view-product .view-area .relevant .list .subject {
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.bbs-view-product .view-head-image .prev,
	.bbs-view-product .view-head-image .next {
		width:48px;
		height:48px;
		background-size:auto 48px;
	}

	.bbs-view-product .view-head-image .swiper-pagination-bullet {
		width: 30px;
	}

	.bbs-view-product .view-head-context .category {
		max-width:120px;
		height: 26px;
		font-size:1.4rem;
	}

	.bbs-view-product .view-head-context .subject {
		font-size:4rem;
	}

	.bbs-view-product .view-head-context .position {
		font-size:1.6rem;
	}
	
	.bbs-view-product .view-head-context .info span {
		font-size:1.6rem;
	}

	.bbs-view-product .view-head-context .btn {
		height:48px;
		font-size:1.6rem;
	}

	.bbs-view-product .view-area .tit {
		font-size: 3.2rem;
	}

	.bbs-view-product .view-area .downloads .list {
		flex-wrap: wrap;
		margin:-8px;
	}

	.bbs-view-product .view-area .downloads .list li {
		flex:1 0 50%;
		max-width:50%;
		padding:8px;
	}

	.bbs-view-product .view-area .downloads .list .btn {
		height:48px;
		font-size:1.6rem;
	}

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

	.bbs-view-product .view-area .relevant .list {
		flex-wrap: wrap;
		margin:-8px;
	}
	
	.bbs-view-product .view-area .relevant .list li {
		flex:1 0 50%;
		max-width:50%;
		padding:8px;
	}

	.bbs-view-product .view-area .relevant .list .subject {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-view-product .bbs-view-head {
		gap:20px;
	}

	.bbs-view-product .view-head-image .prev,
	.bbs-view-product .view-head-image .next {
		width:40px;
		height:40px;
		background-size:auto 40px;
	}

	.bbs-view-product .view-head-image .pagination {
		gap:4px;
		bottom:20px;
	}

	.bbs-view-product .view-head-image .swiper-pagination-bullet {
		width:24px;
	}

	.bbs-view-product .view-head-context .category {
		max-width:100px;
		height: 24px;
		font-size:1.3rem;
	}

	.bbs-view-product .view-head-context .subject {
		font-size:3.6rem;
	}

	.bbs-view-product .view-head-context .position {
		font-size:1.5rem;
		margin:16px 0px 30px;
	}
	
	.bbs-view-product .view-head-context .info dd:not(:last-child) {
		margin-bottom:10px;
	}
	
	.bbs-view-product .view-head-context .info span {
		font-size:1.5rem;
	}

	.bbs-view-product .view-head-context .btn {
		gap:8px;
		height: 40px;
		margin-top:40px;
		font-size:1.5rem;
	}

	.bbs-view-product .view-head-context .btn::after {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}

	.bbs-view-product .view-area .tit {
		font-size: 2.6rem;
	}

	.bbs-view-product .view-area .downloads .list {
		margin:-4px;
	}

	.bbs-view-product .view-area .downloads .list li {
		padding:4px;
	}

	.bbs-view-product .view-area .downloads .list .btn {
		gap:8px;
		height:40px;
		font-size:1.5rem;
	}

	.bbs-view-product .view-area .downloads .list .btn::after {
		width:14px;
		height:14px;
		background-size: auto 14px;
	}

	.bbs-view-product .view-area .detail .detail-wrap {
		padding:20px;
	}
	
	.bbs-view-product .view-area .detail .detail-wrap p {
		font-size:1.5rem;
	}

	.bbs-view-product .view-area .relevant .list .con {
		margin-top:10px;
	}

	.bbs-view-product .view-area .relevant .list .subject {
		font-size:1.5rem;
	}
}


/* Modal */
.modal {
	display: none;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100vh;
	padding:10px;
	z-index: 99999;
}

.modal.open {
	display: block;
}

.modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:640px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:0px auto;
	z-index:99;
}

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

.modal .modal-inner {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
}

.modal .modal-content {
	position: relative;
}

.modal .modal-close {
	display: block;
	position: absolute;
	top:40px;
	right:40px;
	width:32px;
	height:32px;
	background: url('../img/sub/board/modal_close.png') no-repeat center;
}

@media screen and (max-width:1024px) {
	.modal .modal-close {
		top:30px;
		right:30px;
		width:26px;
		height:26px;
		background-size:auto 26px;
	}
}
@media screen and (max-width:768px) {
	.modal .modal-close {
		width:22px;
		height:22px;
		background-size:auto 22px;
	}
}
@media screen and (max-width:576px) {
	.modal .modal-close {
		top:20px;
		right:20px;
		width:18px;
		height:18px;
		background-size:auto 18px;
	}
}


/* Modal Quote */
.modal-quote-secret .modal-content {
	padding:120px 20px;
}

.modal-quote-secret .tit {
	font-size:2.8rem;
}

.modal-quote-secret .txt {
	font-size:2rem;
	line-height:1.6;
}

.modal-quote-secret form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
}

.modal-quote-secret form input {
	display: block;
	max-width: 360px;
	width: 100%;
	height:56px;
	padding:0px 24px;
	border:1px solid #bababa;
	border-radius:5px;
	font-size:2rem;
	font-weight:500;
}

.modal-quote-secret form button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:360px;
	width: 100%;
	height:64px;
	border-radius:50px;
	background-color: #555;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

.modal-complete-quote .modal-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:80px 20px;
}

.modal-complete-quote .icon {
	display: block;
	width: 180px;
	height:178px;
	background:url('../img/sub/board/modal_dot.png') no-repeat center;
}

.modal-complete-quote .tit {
	font-size: 2.8rem;
}

.modal-complete-quote .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:360px;
	width: 100%;
	height:64px;
	border-radius:50px;
	background-color: #f26521;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

@media screen and (max-width:1024px) {
	.modal-quote-secret .modal-content {
		padding:100px 16px;
	}
	
	.modal-quote-secret .tit {
		font-size:2.6rem;
	}
	
	.modal-quote-secret .txt {
		font-size:1.8rem;
	}

	.modal-quote-secret form {
		gap:16px;
	}
	
	.modal-quote-secret form input {
		height: 50px;
		padding:0px 20px;
		font-size: 1.8rem;
	}

	.modal-quote-secret form button {
		height:54px;
		font-size:1.8rem;
	}

	.modal-complete-quote .modal-content {
		padding:60px 16px;
	}

	.modal-complete-quote .icon {
		height:138px;
		background-size:auto 138px;
	}
	
	.modal-complete-quote .tit {
		font-size: 2.6rem;
	}
	
	.modal-complete-quote .btn {
		height:54px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.modal-quote-secret .tit {
		font-size:2.4rem;
	}
	
	.modal-quote-secret .txt {
		font-size:1.6rem;
	}
	
	.modal-quote-secret form input {
		height: 44px;
		font-size: 1.6rem;
	}

	.modal-quote-secret form button {
		height:48px;
		font-size:1.6rem;
	}

	.modal-complete-quote .icon {
		height:108px;
		background-size:auto 108px;
	}
	
	.modal-complete-quote .tit {
		font-size: 2.4rem;
	}
	
	.modal-complete-quote .btn {
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.modal-quote-secret .modal-content {
		padding:80px 10px;
	}
	
	.modal-quote-secret .tit {
		font-size:2rem;
	}
	
	.modal-quote-secret .txt {
		font-size:1.5rem;
	}

	.modal-quote-secret form {
		gap:10px;
	}
	
	.modal-quote-secret form input {
		max-width:260px;
		height: 38px;
		font-size: 1.5rem;
	}

	.modal-quote-secret form button {
		max-width:260px;
		height:40px;
		font-size:1.5rem;
	}

	.modal-complete-quote .icon {
		height:78px;
		background-size:auto 78px;
	}
	
	.modal-complete-quote .tit {
		font-size: 2rem;
	}
	
	.modal-complete-quote .btn {
		max-width:260px;
		height:40px;
		font-size:1.5rem;
	}
}


/* 추가 퍼블리싱 (2025.05.28 - 문의하기 답변) */
.bbs-view-comment {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.bbs-view-comment .comment-top {
	position: relative;
	padding:20px 100px 20px 0px;
	border-bottom:1px solid #000;
}

.bbs-view-comment .comment-top p {
	font-size: 2rem;
	font-weight:600;
}

.bbs-view-comment .comment-top span {
	display: block;
	position: absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	font-size:2rem;
}

.bbs-view-comment .comment-btm {
	padding:40px 0px;
}

.bbs-view-comment .comment-btm p {
	font-size:2rem;
}

@media screen and (max-width:1024px) {
	.bbs-view-comment .comment-top {
		padding:16px 80px 16px 0px;
	}

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

	.bbs-view-comment .comment-top span {
		font-size:1.8rem;
	}

	.bbs-view-comment .comment-btm {
		padding:30px 0px;
	}

	.bbs-view-comment .comment-btm p {
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.bbs-view-comment .comment-top p {
		font-size: 1.6rem;
	}

	.bbs-view-comment .comment-top span {
		font-size:1.6rem;
	}

	.bbs-view-comment .comment-btm p {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.bbs-view-comment .comment-top {
		padding:12px 80px 12px 0px;
	}

	.bbs-view-comment .comment-top p {
		font-size: 1.5rem;
	}

	.bbs-view-comment .comment-top span {
		font-size:1.5rem;
	}

	.bbs-view-comment .comment-btm {
		padding: 24px 0px;
	}

	.bbs-view-comment .comment-btm p {
		font-size:1.5rem;
	}
}