.boardWrap, .wrapper-bbs, .boardMove, .viewPaging, .noticeReplyArea, .centerBtn		{--fontSize20: 2rem; --mainColor2: #222; --mainColor3: #333; --pointColor: #e44600;}

@media all and (max-width: 1440px) {
	.boardWrap, .wrapper-bbs, .boardMove, .viewPaging, .noticeReplyArea {--fontSize20: 1.8rem;}
}

.listTop						{ height:6.5rem; display: flex; justify-content: space-between; align-items: center; }
.listTop .listTotal				{ display: flex; align-items: center; gap:1.6rem; height: 4.8rem;}
.listTop .listTotal .total		{ font-size: var(--fontSize20); font-weight: var(--fontBold); color:var(--mainColor2); }
.listTop .listTotal .total span	{ font-size: var(--fontSize20); font-weight: var(--fontBold); color:var(--pointColor); }
.listTop .listSort				{ display: flex; align-items: center; gap:1.6rem; }
.listTop .listSort span			{ font-size: var(--fontSize20); font-weight: var(--fontBold); color:var(--mainColor2); }
.listTop .listSort select		{ border: 0; outline:0; font-size: var(--fontSize20); font-weight: var(--fontRegular); color:var(--mainColor2); background-color: transparent; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b8ada7' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center right 1rem; background-size: 12px 8px; padding: 0 3.2rem 0 1rem; }
.listTop .recruitList__search	{ display: flex; align-items: center; gap:1rem; }
.listTop .recruitList__search select	{ width:14.8rem; height:4.8rem; border:1px solid #6b5f59; border-radius: 6px; font-size: 1.8rem; font-weight: var(--fontRegular); color:var(--mainColor2); background-color: transparent; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b8ada7' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center right 1rem; background-size: 12px 8px; padding:0 3.2rem 0 1.5rem; }
.listTop .searchBox				{ width:25.8rem; height:4.8rem; border:1px solid #6b5f59; border-radius: 6px; background-color: transparent; padding:0 3.2rem 0 1.5rem; display: flex; align-items: center; position: relative; }
.listTop .searchBox input		{ width:100%; height:100%; padding: 0; border:0; outline:0; font-size: 1.8rem; font-weight: var(--fontRegular); color:var(--mainColor2); background-color: #fff; padding-top:.2rem; }
.listTop .searchBox button		{ background: url(../img/listSearchIcon.png) no-repeat center center; width:1.9rem; height:1.9rem; padding:1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); }

@media all and (max-width: 960px) {
	.listTop							 { height: auto; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 1rem; }
	.listTop .listTotal					 { gap: 1rem; order: 2;}
	.listTop .listSort					 { gap: 1rem; }
	.listTop .recruitList__search		 { gap: 1rem; flex-direction: column; width: 100%; }
	.listTop .recruitList__search select { width: 100%; }
	.listTop .searchBox					 { width: 100%; }
}

/* 공지사항, faq, qna : s */
.listBoard				{ width:100%; }
.listBoard table.list	{ width:100%; border-top:1px solid #777777; table-layout: fixed; }
.listBoard table.list thead tr th	{ text-align:center; height:5.2rem; border-bottom:1px solid #d1d1d1; background-color: #fafaf9; font-size: 1.8rem; color:var(--mainColor3); font-weight: var(--fontRegular); }
.listBoard table.list tbody tr		{ border-bottom:1px solid #e0e0e0; }
.listBoard table.list tbody tr td	{ height:8rem; text-align:center; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontRegular); }
.listBoard table.list tbody tr td.boardTit a	{ display:flex; align-items: center; text-align: left; white-space: nowrap; }
.listBoard table.list tbody tr td.boardTit a span	{ display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontSemiBold); position: relative; max-width: 100%; line-height:3rem; }
.listBoard table.list tbody tr td.boardTit a .new		{ flex-shrink: 0; display: inline-block; width:3rem; height:3rem; background:url(../img/icon_new.png) no-repeat center center; margin-left:.4rem; }
.listBoard table.list tbody tr td.boardTit a .rock		{ flex-shrink: 0; display: inline-block; width:2.6rem; height:3rem; background:url(../img/icon_rock.png) no-repeat center center; margin-left:.4rem; }
.listBoard table.list tbody tr td.boardTit a .reply		{ flex-shrink: 0; display: inline-block; width:2.6rem; height:3rem; background:url(../img/icon_reply.png) no-repeat center center; margin-left:.4rem; }
.listBoard table.list tbody tr td.boardTit a .rep		{ flex-shrink: 0; display: inline-block; width:5.6rem; height:3rem; background:url(../img/replyIcon.png) no-repeat left .4rem center; margin-left:.4rem; position: relative; }
.listBoard table.list tbody tr td.boardTit a .rep em    { position: absolute; top:50%; left:3.2rem; transform: translateY(-50%); font-size: 1.6rem; color:#e55819; font-weight: var(--fontMedium); }
.listBoard table.list tbody tr td.boardTit a.new		{ max-width: calc(100% - 3rem); }
.listBoard table.list tbody tr td.boardTit a.rock		{ max-width: calc(100% - 2.6rem); }
.listBoard table.list tbody tr td.boardTit a.reply		{ max-width: calc(100% - 6rem); }
.listBoard table.list tbody tr td.boardTit a.new.rock	{ max-width: calc(100% - 5.6rem); }
.listBoard table.list tbody tr td.boardTit a.new.reply	{ max-width: calc(100% - 9.4rem); }
.listBoard table.list tbody tr td a.file	{ display:inline-block; vertical-align: middle; width:3rem; height:3rem; background:url(../img/icon_file.png) no-repeat center center; }
.listBoard table.list tbody tr td.qnaState span			{ display:inline-flex; align-items: center; justify-content: center; width: 9rem; height:3.8rem; color:#fff; border-radius: 1.9rem; font-size: 1.8rem; font-weight: var(--fontSemiBold); }
.listBoard table.list tbody tr td.qnaState span.ing		{ background-color: #5a514c; }
.listBoard table.list tbody tr td.qnaState span.answer	{ background-color: #cc5621; }
.listBoard .BoardNoData {padding: 10em 0; border-bottom: 1px solid #e0e0e0; text-align: center; font-size: var(--fontSize20);}

/* 공지사항, faq, qna : e */
@media all and (max-width: 1440px) {
	.listBoard table.list tbody tr td.qnaState span	{font-size: 1.7rem; width: 9rem;}
}
@media all and (max-width: 960px) {
	.listBoard table.list,
	.listBoard table.list tbody					{ display:block }
	.listBoard table.list thead,
	.listBoard table.list tbody tr td.mobHidden { display: none; }
	.listBoard table.list tbody tr				{ display:block; overflow: hidden; padding: 1.6rem 1rem; }
	.listBoard table.list tbody tr td			{ text-align: left; float:left; }
	.listBoard table.list tbody tr td.boardTit	{ height:auto; display:flex; width:100%; }
	.listBoard table.list tbody tr td.boardTit a		{ height:3rem; width:100%; }
	.listBoard table.list tbody tr td.boardTit a span	{ line-height:3rem; }
	.listBoard table.list tbody tr td.boardTit a .new		{ width:1.8rem; height:3rem; margin-left:.4rem; background-size: 1.8rem auto; }
	.listBoard table.list tbody tr td.boardTit a .rock		{ width:1.4rem; height:3rem; margin-left:.4rem; background-size: 1.4rem auto; }
	.listBoard table.list tbody tr td.boardWriter,
	.listBoard table.list tbody tr td.boardDate,
	.listBoard table.list tbody tr td.qnaState,
	.listBoard table.list tbody tr td.boardFile 		{ height:3rem; line-height:3rem; display: flex; align-items: center; }
	.listBoard table.list tbody tr td.boardWriter 		{ /*width: 35%;*/padding-right:1rem; }
	.listBoard table.list tbody tr td.boardDate 		{ /*width: 35%;*/padding-right:.5rem; }
	/* .listBoard table.list tbody tr td.qnaState 			{ width: 30%; justify-content: right; } */
	.listBoard table.list tbody tr td.boardFile 		{ /*width: 30%;*/ justify-content: right; }
	.listBoard table.list tbody tr td.boardFile a.file	{ width:2.4rem; height:2.4rem; background-size: 1.4rem; padding:.5rem; }
	.listBoard table.list tbody tr td.boardTit a.new,
	.listBoard table.list tbody tr td.boardTit a.reply,
	.listBoard table.list tbody tr td.boardTit a.new.reply 	{ max-width: 100%; }
	.listBoard table.list tbody tr td.qnaState span		{ width:7rem; height:2.6rem; border-radius: 50px; font-size: 1.5rem; }
}
@media all and (max-width: 768px) {
	.listBoard table.list tbody tr td			{ font-size: 1.6rem; }
	.listBoard table.list tbody tr td.boardTit a .reply {background-size: 1.6rem; background-position: left center; width: 1.6rem; height: 1.6rem; margin-left: 0; margin-right: .4rem;}
}

/* gallery */
.galleryBoard {width: 100%;}
.galleryBoard .adm-checkall {width: 100%; height: auto; margin-bottom: 1rem;}
.galleryBoard ul.list {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.6rem;}
.galleryBoard ul.list .gallery-item {border: 1px solid #e0e0e0; border-radius: 2rem; overflow: hidden; position: relative;}
.galleryBoard ul.list .gallery-item .adm-check {position: absolute; top: 1rem; left: 1rem; z-index: 1;}
.galleryBoard ul.list .gallery-item a {display: block; outline: none;}
.galleryBoard ul.list .gallery-item .img-wrap a {position: relative; height: 0; padding-bottom: 75%; overflow: hidden;}
.galleryBoard ul.list .gallery-item .img-wrap img {max-width: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.galleryBoard ul.list .gallery-item .info {border-top: 1px solid #e0e0e0; position: relative;}
.galleryBoard ul.list .gallery-item .info .boardTit {padding: 0 2rem; font-size: var(--fontSize20); font-weight: var(--fontSemiBold); color:var(--mainColor2); max-width: 80%; line-height: 7rem; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.galleryBoard ul.list .gallery-item .info .ico-more {position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); color: #919191;}
.galleryBoard ul.list .gallery-item:hover {box-shadow: 0 .5rem .8rem 0 rgba(125, 125, 125, .16);}
.galleryBoard ul.list .gallery-item:hover .ico-more {color: var(--pointColor);}

@media all and (max-width: 1440px) {
	.galleryBoard ul.list .gallery-item .info .boardTit {line-height: 6rem; font-size: 1.8rem;}
}
@media all and (max-width: 1024px) {
	.galleryBoard ul.list {grid-template-columns: repeat(3, 1fr); gap: 2.6rem 1.6rem;}
}
@media all and (max-width: 768px) {
	.galleryBoard ul.list {grid-template-columns: repeat(2, 1fr); gap: 2rem 1rem;}
	.galleryBoard ul.list .gallery-item {border-radius: 1.6rem;}
	.galleryBoard ul.list .gallery-item .info .boardTit {padding: 0 1.2rem; max-width: 100%; line-height: 5rem; }
	.galleryBoard ul.list .gallery-item .info .ico-more {position: static; display: block; padding: 0 1rem; width: 100%; height: 2.4rem; text-align: right;}
	.galleryBoard ul.list .gallery-item .info .ico-more svg {transform: scale(.8);}
}

/* move */
.boardMove {display: flex; justify-content: flex-end; gap: 0 .5rem; margin-bottom: 1rem;} 
.boardMove button			{ padding: 0 1rem; height: 4.8rem; border: 1px solid #5a514c; display: flex; align-items: center; justify-content: center; color:var(--mainColor3); font-weight: var(--fontMedium); border-radius: .6rem; background-color: #5a514c; color:#fff;}

/* view */
.boardView                  	{ border-top:1px solid #777; }
.boardView_top_qna              { display:flex; flex-direction: column; gap:1.2rem; width:100%; padding:4rem; border-bottom: 1px solid #d1d1d1; }
.boardView_top_qna .boardView_top_tit				{ width:100%; position: relative; padding-left:5rem;}
.boardView_top_qna .boardView_top_tit::before		{ content: 'Q.'; position: absolute; top:-.2rem; left:0; font-size: 3.4rem; color:#cc5621; font-weight: var(--fontBold); }
.boardView_top_qna .boardView_top_tit h4    		{ font-size: 3.4rem; color:var(--mainColor2); font-weight: var(--fontBold); }
.boardView_top_qna .boardView_top_tit .rock			{ flex-shrink: 0; display: inline-block; width:2.6rem; height:2.6rem; background:url(../img/icon_rock.png) no-repeat center center; margin-left:.8rem; }
.boardView_top_qna .boardView_top_info				{ width:100%; overflow: hidden; display: flex; gap:1.2rem; }
.boardView_top_qna .boardView_top_info .qnaState				{ width:10rem; overflow: hidden; display: flex; flex-wrap: wrap; gap: 1.2rem; }
.boardView_top_qna .boardView_top_info .qnaState em				{ display:flex; align-items: center; justify-content: center; width:10rem; height:3.8rem; border-radius: 1.9rem; font-size: var(--fontSize20); color:#fff; font-weight: var(--fontSemiBold); }
.boardView_top_qna .boardView_top_info .qnaState em.ing			{ background-color: #5a514c; }
.boardView_top_qna .boardView_top_info .qnaState em.answer		{ background-color: #cc5621; }
.boardView_top_qna .boardView_top_info p			{ display: flex; flex-wrap: wrap; gap: 1.2rem; width:calc(100% - 10rem); }
.boardView_top_qna .boardView_top_info p span		{ line-height: 3.8rem; color:var(--mainColor3);font-size: var(--fontSize20); font-weight: var(--fontRegular); }
.boardView_top_qna .boardView_top_info p span + span			{ padding-left:4.3rem; position: relative; }
.boardView_top_qna .boardView_top_info p span + span::before	{ content:""; position: absolute; top:50%; transform: translateY(-50%); left:2.2rem; width:1px; height:1.8rem; background-color: #e6e8ea; }
.boardView_top_qna .boardView_top_info p span strong			{ font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontBold); padding-right:2rem; }

.boardView_top_notice		{ display:flex; flex-direction: column; gap:1.2rem; width:100%; padding:4rem; border-bottom: 1px solid #d1d1d1; }
.boardView_top_notice .boardView_top_tit		{ width:100%; position: relative; }
.boardView_top_notice .boardView_top_tit h4		{ font-size: 3.4rem; color:var(--mainColor2); font-weight: var(--fontBold); }
.boardView_top_notice .boardView_top_info		{ width:100%; overflow: hidden; display: flex; gap:1.2rem; }
.boardView_top_notice .boardView_top_info p							{ display: flex; flex-wrap: wrap; gap: 1.2rem; width:calc(100% - 10rem); }
.boardView_top_notice .boardView_top_info p span					{ line-height: 3.8rem; color:var(--mainColor3);font-size: var(--fontSize20); font-weight: var(--fontRegular); }
.boardView_top_notice .boardView_top_info p span + span				{ padding-left:4.3rem; position: relative; }
.boardView_top_notice .boardView_top_info p span + span::before		{ content:""; position: absolute; top:50%; transform: translateY(-50%); left:2.2rem; width:1px; height:1.8rem; background-color: #e6e8ea; }
.boardView_top_notice .boardView_top_info p span strong				{ font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontBold); padding-right:2rem; }

.boardView_content			{ padding:4.6rem 4rem; }
.boardView_content .boardView_content_txt		{ font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontRegular); line-height:1.6; }

.viewFile					{ border-radius: .5rem; background-color: #f7f7f7; padding:3.6rem 3.6rem 4rem; }
.viewFile strong			{ font-size: 2.6rem; color:#1e2124; font-weight: var(--fontBold); display: block; padding-bottom: 1.5rem; }
.viewFile ul				{ width:100%; display: flex; flex-direction: column; gap: 2rem; }
.viewFile ul li				{ width:100%; }
.viewFile ul li a			{ display: flex; align-items: center; justify-content: space-between; width:100%; border-radius: .6rem; background-color: #fff; border:1px solid #cac5c3; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontSemiBold); padding:1.7rem 3.5rem; text-decoration: none; }
.viewFile ul li a .fileName		{ font-size: var(--fontSize20); font-weight: var(--fontRegular); color:var(--mainColor3); }
.viewFile ul li a .fileName em	{ font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontBold); margin-right:1rem; }
.viewFile ul li a .download		{ width:11.4rem; height:3.6rem; font-size: var(--fontSize20); color:#333638; font-weight: var(--fontRegular); border-radius: .5rem; display: flex; align-items: center; padding-left:1.2rem; background: url(../img/ico_viewDownOff.png) no-repeat right 1rem top .9rem; }
.viewFile ul li a:hover .fileName em,
.viewFile ul li a:focus .fileName em	{ color:#000; text-decoration: underline; }
.viewFile ul li a:hover .download,
.viewFile ul li a:focus .download		{ background-color:#fef5eb; color:#000; background-image: url(../img/ico_viewDownOn.png); }

.rightBtn 					{ display: flex; width:100%; justify-content: flex-end; margin-top:2rem; gap:.8rem; }
.rightBtn button			{ width:10.6rem; height:4.8rem; border: 1px solid #777; display: flex; align-items: center; justify-content: center; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontMedium); border-radius: .6rem; }

.boardView_answer			{ background-color: #fef9f3; margin-top:4rem; }
.boardView_top_answer       { display:flex; flex-direction: column; gap:1.2rem; width:100%; padding:4rem; border-bottom: 1px solid #d1d1d1; }
.boardView_top_answer .boardView_top_tit				{ width:100%; position: relative; padding-left:7.5rem; }
.boardView_top_answer .boardView_top_tit::before		{ content: 'A'; width:5.6rem; height:5.6rem; display: flex; align-items: center; justify-content: center; background-color: #cc5621; color:#fff; position: absolute; top:-.8rem; left:0; font-size: 3.4rem; font-weight: var(--fontBold); border-radius: 50%; }
.boardView_top_answer .boardView_top_tit h4				{ font-size: 3.4rem; color:var(--mainColor2); font-weight: var(--fontBold); }
.boardView_top_answer .boardView_top_info				{ width:calc(100% - 7.5rem); overflow: hidden; display: flex; gap:1.2rem; margin-left:7.5rem; }
.boardView_top_answer .boardView_top_info p				{ display: flex; flex-wrap: wrap; gap: 1.2rem; }
.boardView_top_answer .boardView_top_info p span		{ line-height: 3.8rem; color:var(--mainColor3);font-size: var(--fontSize20); font-weight: var(--fontRegular); }
.boardView_top_answer .boardView_top_info p span + span			{ padding-left:4.3rem; position: relative; }
.boardView_top_answer .boardView_top_info p span + span::before	{ content:""; position: absolute; top:50%; transform: translateY(-50%); left:2.2rem; width:1px; height:1.8rem; background-color: #e6e8ea; }
.boardView_top_answer .boardView_top_info p span strong			{ font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontBold); padding-right:2rem; }

.boardView_answer .boardView_content			{ padding:4.6rem 5.6rem; }
.boardView_answer .viewFile						{ border-radius:0; background: none; border-top:1px solid #e5ded7; padding:3.6rem 3.6rem 4rem; }

.viewPaging					{ border-top:1px solid #d1d1d1; display:flex; flex-direction: column; margin-top:4rem; }
.viewPaging button			{ height:8.1rem; border-bottom:1px solid #d1d1d1; display:flex; align-items: center; text-align: left; width: 100%; }
.viewPaging button span		{ display: inline-flex; align-items: center; justify-content: center; width:16rem; font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontBold); }
.viewPaging button span i				{ width:2.8rem; height:8rem; position: relative; }
.viewPaging button span i::before		{ content:""; position: absolute; top:48%; left:0; width:0; height:0; width: 10px; height: 10px; border-left: 2px solid #2d2a2a; border-top: 2px solid #2d2a2a; transform: rotate(45deg); }
.viewPaging button.next span i::before	{ transform: rotate(225deg); top:40%; }
.viewPaging button strong	{ padding:0 4.6rem; display:inline-block; line-height:8rem; height:8rem; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontRegular); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width:calc(100% - 16rem); }
.viewPaging button:hover strong,
.viewPaging button:focus strong			{ text-decoration: underline; }
.viewPaging button .rock			{ flex-shrink: 0; display: inline-block; width:2.6rem; height:2.6rem; background:url(../img/icon_rock.png) no-repeat center center; }

.centerBtn 					{ display: flex; width:100%; justify-content: center; margin-top:4rem; gap:.8rem; }
.centerBtn button			{ width:21.5rem; height:6rem; border: 1px solid #777; display: flex; align-items: center; justify-content: center; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontMedium); border-radius: .6rem; }
.centerBtn button.cancel,
.centerBtn button.list		{ background-color: #5a514c; color:#fff; border-color: #5a514c; }
.centerBtn button.register,
.centerBtn button.apply		{ background-color: #cc5621; color:#fff; border-color: #cc5621; }

@media all and (max-width: 1440px) {
	.boardView_top_notice .boardView_top_tit h4,
	.boardView_top_qna .boardView_top_tit h4    {font-size: 3rem;}
}
@media all and (max-width: 960px) {
	.boardView						{ position: relative; }
	.boardView_top_qna              { padding: 3rem 1.6rem; }
	.boardView_top_qna .boardView_top_tit		{ padding-left: 3.6rem; }
	.boardView_top_qna .boardView_top_tit::before		{ font-size: 3rem; }
	.boardView_top_qna .boardView_top_tit .rock { width: 1.6rem; height: 3rem; background-size: 1.6rem auto; }

	.boardView_top_notice              { padding: 3rem 1.6rem; }
	.boardView_top_notice .boardView_top_tit h4    	{ font-size: 2.5rem; }

	.boardView_content			{ padding: 3rem 1.6rem; }

	.viewFile					{ padding:2rem 1.5rem 3rem; }
	.viewFile strong			{ padding-bottom: 1rem; font-size: 2rem;}
	.viewFile ul				{ gap: 1.2rem; }
	.viewFile ul li a			{ padding:1.5rem 1.2rem 6rem; flex-direction: column; position: relative; }
	.viewFile ul li a .fileName		{ display: flex; justify-content: flex-start; width: 100%; }
	.viewFile ul li a .fileName em	{ margin-right:.5rem; }
	.viewFile ul li a .download		{ position: absolute; bottom:1.5rem; right:1.2rem; width:11rem; padding-left:1.2rem; font-size: 1.6rem; }

	.rightBtn 					{ margin-top:1.2rem; gap:.8rem; }
	.rightBtn button			{ width:7.2rem; height:3.2rem; font-size: 1.6rem; border-radius: .6rem; }

	.boardView_answer			{ margin-top:3rem; }
	.boardView_top_answer       { width:100%; padding:1.5rem 1rem; }
	.boardView_top_answer .boardView_top_tit		{ padding-left:4.5rem; }
	.boardView_top_answer .boardView_top_tit::before		{ width:3.6rem; height:3.6rem; top:-.4rem; left:0; font-size: var(--fontSize20); }
	.boardView_top_answer .boardView_top_tit h4		{ font-size: 2.2rem; }
	.boardView_top_answer .boardView_top_info		{ gap:.4rem; margin-left:4.5rem; }
	.boardView_top_answer .boardView_top_info p				{ flex-direction: column; flex-wrap: nowrap; gap: .4rem; }
	.boardView_top_answer .boardView_top_info p span		{ line-height: 2.8rem; font-size: 1.8rem; }
	.boardView_top_answer .boardView_top_info p span + span			{ padding-left:0; }
	.boardView_top_answer .boardView_top_info p span + span::before	{ content:none; }
	.boardView_top_answer .boardView_top_info p span strong			{ font-size: 1.8rem; padding-right:0; min-width: 8rem; display: inline-block; }

	.boardView_answer .boardView_content			{ padding:2.2rem 1rem; }
	.boardView_answer .viewFile						{ margin:0; padding:2rem 1.5rem 3rem; }

	.viewPaging					{  margin-top:4rem; }
	.viewPaging button			{ height:6.1rem; }
	.viewPaging button span		{ width:9.6rem; font-size: 1.8rem; }
	.viewPaging button span i		{ width:2.8rem; height:6rem; }
	.viewPaging button span i::before		{ top:48%; width: 8px; height: 8px; border-left: 1px solid #2d2a2a; border-top: 1px solid #2d2a2a; }
	.viewPaging button.next span i::before	{ top:40%; }
	.viewPaging button strong	{ padding:0 .6rem; line-height:6.4rem; height:6rem; font-size: 1.8rem; max-width:calc(100% - 9.6rem); }
	.viewPaging button .rock	{ width: 1.4rem; height: 3rem; background-size: 1.4rem auto; }

	.centerBtn 					{ flex-wrap: wrap; margin-top:3rem; gap:.8rem; }
	.centerBtn button			{ width:calc(50% - .4rem); height:5rem; font-size: 1.8rem; }
}
@media all and (max-width: 768px) {

	.boardView_top_qna              { padding: 1.6rem; }
	.boardView_top_qna .boardView_top_tit		{ padding-left: 3rem; }
	.boardView_top_qna .boardView_top_tit::before		{ font-size: 2.4rem; }
	.boardView_top_qna .boardView_top_tit h4 {font-size: 2rem;}
	.boardView_top_qna .boardView_top_info		{ gap:.4rem; flex-direction: column; }
	.boardView_top_qna .boardView_top_info .qnaState				{ width: 8rem;}
	.boardView_top_qna .boardView_top_info .qnaState em				{ width: 8rem; height: 3rem; border-radius: 50px; font-size: 1.6rem;}
	.boardView_top_qna .boardView_top_info p			{ flex-direction: column; flex-wrap: nowrap; width:100%; gap: .2rem; }
	.boardView_top_qna .boardView_top_info p span		{ line-height: 2.8rem; font-size: 1.8rem; }
	.boardView_top_qna .boardView_top_info p span + span			{ padding-left:0; }
	.boardView_top_qna .boardView_top_info p span + span::before	{ content:none; }
	.boardView_top_qna .boardView_top_info p span strong			{ font-size: 1.8rem; padding-right:0; min-width:8rem; display: inline-block; }

	.boardView_top_notice              { padding: 1.6rem; }
	.boardView_top_notice .boardView_top_tit		{ padding-left:0; }
	.boardView_top_notice .boardView_top_tit::before	{ font-size: 2.4rem; }
	.boardView_top_notice .boardView_top_tit h4    	{ font-size: 2rem; }
	.boardView_top_notice .boardView_top_info		{ gap:.4rem; flex-direction: column; }
	.boardView_top_notice .boardView_top_info p			{ flex-direction: column; flex-wrap: nowrap; width:100%; gap: .2rem; }
	.boardView_top_notice .boardView_top_info p span	{ line-height: 2.8rem; font-size: 1.6rem; }
	.boardView_top_notice .boardView_top_info p span + span			{ padding-left:0; }
	.boardView_top_notice .boardView_top_info p span + span::before	{ content:none; }
	.boardView_top_notice .boardView_top_info p span strong			{ padding-right:0; font-size: 1.6rem; min-width:8rem; display: inline-block; }
}


/* write */
.boardWrite					{  }
.boardWrite .pageTit 		{ font-size: 3.6rem; line-height: 6rem; font-weight: var(--fontBold); color:var(--mainColor2); margin-top:6rem; margin-bottom: 1rem; }
.boardWrite table.write		{ width:100%; border-top:1px solid #777; }
.boardWrite table.write tr	{ border-bottom:1px solid #e0e0e0; }
.boardWrite table.write tr.pc		{ display: table-row; }
.boardWrite table.write tr.mobile	{ display: none; }
.boardWrite table.write th	{ width:22rem; font-size: 1.8rem; color:var(--mainColor2); font-weight: var(--fontSemiBold); background-color: #fef9f3; min-height:7rem; }
.boardWrite table.write td	{ font-size: 1.8rem; color:var(--mainColor2); font-weight: var(--fontRegular); padding:1rem; }
.boardWrite table.write input[type="text"]		{ height:4.8rem; border: 1px solid #6b5f59; border-radius: .6rem; padding:0 1rem; width:100%; font-size: 1.8rem; font-weight: var(--fontRegular); color:var(--mainColor3); }
.boardWrite table.write input[type="text"]:read-only { background-color: #ebebeb; color:var(--mainColor2); }
.boardWrite table.write .mw470 { max-width:47rem; }
.boardWrite table.write textarea				{ height:36.4rem; border: 1px solid #6b5f59; border-radius: .6rem; padding:1rem; width:100%; font-size: 1.8rem; font-weight: var(--fontRegular); color:var(--mainColor3); }
.boardWrite table.write .fileSection			{ padding-right:24rem; position: relative; }
.boardWrite table.write .fileSection + .fileSection		{ margin-top:1.2rem; }
.boardWrite table.write .fileSection input[type="file"]	{ height:4.8rem; border: 1px solid #6b5f59; border-radius: .6rem; padding:0 1rem; width:100%; font-size: 1.8rem; font-weight: var(--fontRegular); color:var(--mainColor3); }
.boardWrite table.write .fileSection p					{ position: absolute; top:50%; transform: translateY(-50%); right:0; display: flex; gap:1rem; }
.boardWrite table.write .fileSection label				{ color:var(--mainColor2); font-size: 1.8rem; font-weight: var(--fontMedium); border-radius: .6rem; display:inline-block; text-align: center; line-height: 4.8rem; height:4.8rem; width:11.2rem; border: 1px solid #666; background-color: #fff; cursor: pointer; }
.boardWrite table.write .fileSection label.fileSearch	{ background-color: #666; color:#fff; }
.boardWrite table.write .fileSection button				{ color:var(--mainColor2); font-size: 1.8rem; font-weight: var(--fontMedium); border-radius: .6rem; display:inline-block; text-align: center; line-height: 4.8rem; height:4.8rem; width:11.2rem; border: 1px solid #666; background-color: #fff; }
.boardWrite table.write .fileSection button.fileAdd i,
.boardWrite table.write .fileSection button.fileDelete i		{ position: relative; width:1.3rem; height:1.3rem; display:inline-block; margin-right:.5rem; }
.boardWrite table.write .fileSection button.fileAdd i:after		{ content:""; display:block; width:1.3rem; height:1px; background-color: #888; position: absolute; top:50%; transform: translateY(-50%); }
.boardWrite table.write .fileSection button.fileAdd i:before	{ content:""; display:block; width:1.3rem; height:1px; background-color: #888; position: absolute; top:50%; transform: translateY(-50%) rotate(90deg); }
.boardWrite table.write .fileSection button.fileDelete i:after	{ content:""; display:block; width:1.3rem; height:1px; background-color: #888; position: absolute; top:50%; transform: translateY(-50%); }

.boardWrite table.write input[type="radio"]				{ display: none; }
.boardWrite table.write .radioLabel						{ display: inline-block; height:2.8rem; padding-left:3.5rem; position: relative; font-size: 1.8rem; color: var(--mainColor2); font-weight: var(--fontRegular); margin-left:3rem; line-height: 2.8rem; cursor: pointer; }
.boardWrite table.write input[type="radio"]:first-child + .radioLabel			{ margin:0; }
.boardWrite table.write .radioLabel i					{ position: absolute; top:0; left:0; width:2.8rem; height:2.8rem; border-radius: 50%; background-color: #fff; border:1px solid #6e635d; }
.boardWrite table.write input[type="radio"]:checked + .radioLabel i				{ border-color: #ae4110; }
.boardWrite table.write input[type="radio"]:checked + .radioLabel i:after		{ content:""; background-color: #cc5621; width:1.8rem; height:1.8rem; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 50%; }

.boardWrite table.write input[type="text"]::placeholder,
.boardWrite table.write textarea::placeholder	{ color:#666; }
.fileCaution					{ font-size: 1.6rem; color:#666; font-weight: var(--fontRegular); display: block; margin-top:1rem; }
.fileCaution em					{ color:#fe0000; font-weight: var(--fontRegular); font-size: 1.6rem; }

@media all and (max-width: 768px) {
	.boardWrite .pageTit {font-size: var(--fontSize20); line-height: 1; margin-top: 4rem;}
	.boardWrite table.write tr.pc		{ display: none; }
	.boardWrite table.write tr.mobile	{ display: table-row; }
	.boardWrite table.write th	{ min-width:4.8rem; width:16%; font-size: 1.6rem; min-height:5rem; word-break: keep-all; }
	.boardWrite table.write td	{ font-size: 1.6rem; padding:.5rem 1rem; }
	.boardWrite table.write input[type="text"]		{ height:3rem; font-size: 1.6rem; }
	.boardWrite table.write .mw470 { max-width:100%; }
	.boardWrite table.write textarea				{ height:20rem; font-size: 1.6rem; }
	.boardWrite table.write .fileSection			{ padding-right:7.6rem; }
	.boardWrite table.write .fileSection + .fileSection		{ margin-top:.6rem; }
	.boardWrite table.write .fileSection input[type="file"]	{ height:3rem; font-size: 1.6rem; }
	.boardWrite table.write .fileSection p					{ gap:.6rem; }
	.boardWrite table.write .fileSection label				{ display: none; }
	.boardWrite table.write .fileSection button				{ font-size: 1.4rem; line-height: 3rem; height:3rem; width:7rem; }
	.boardWrite table.write .fileSection button.fileAdd i,
	.boardWrite table.write .fileSection button.fileDelete i		{ display:none; }
	.boardWrite table.write .fileSection button.fileAdd i:after,
	.boardWrite table.write .fileSection button.fileAdd i:before,
	.boardWrite table.write .fileSection button.fileDelete i:after	{ content:none; }

	.boardWrite table.write .radioLabel						{ height:2rem; padding-left:3rem; font-size: 1.6rem; margin-left:2rem; line-height: 2rem; }
	.boardWrite table.write .radioLabel i					{ width:2rem; height:2rem; }
	.boardWrite table.write input[type="radio"]:checked + .radioLabel i:after		{ width:1.2rem; height:1.2rem; }

	.fileCaution					{ font-size: 1.4rem; margin-top:.5rem; }
	.fileCaution em					{ font-size: 1.2rem; }
}

/* FAQ */
.faqTab                     { padding:4rem; background-color: #fef9f3; border-radius: 1rem; margin-bottom:1.2rem; }
.faqTab ul                  { width:100%; display: flex; flex-wrap: wrap; gap: 1.2rem; }
.faqTab ul li               {  }
.faqTab ul li button        { display: inline-flex; align-items: center; justify-content: center; padding:0 4rem; height:5rem; border-radius: .6rem; background-color: #fff; border:1px solid #cac5c3; font-size: var(--fontSize20); color:var(--mainColor3); font-weight: var(--fontSemiBold); }
.faqTab ul li button.all    { border-color: #cc5621; background-color: #cc5621; color:#fff; }
.faqTab ul li button.all:hover,
.faqTab ul li button.all:focus      { text-decoration: none; border-color: #cc5621; background-color: #cc5621; }
.faqTab ul li button:hover,
.faqTab ul li button:focus,
.faqTab ul li button.active { border-color: #813612; background-color: #813612; color:#fff; text-decoration: underline; }

.faqArea                    { border-top:1px solid #777; }
.faqArea ul.faq             { display: flex; flex-direction: column; }
.faqArea ul.faq li          { position: relative; }
.faqArea ul.faq li + li     { border-top:1px solid #e0e0e0; }
.faqArea ul.faq li .q       { position: relative; }
.faqArea ul.faq li .q::after		{ content:""; position: absolute; top:40%; transform: translateY(-40%); right:2.5rem; width:0; height:0; width: 12px; height: 12px; border-left: 2px solid #888; border-top: 2px solid #888; transform: rotate(225deg); }

.faqArea ul.faq li.show .q::after   { transform: rotate(45deg); top:50%; }

.faqArea ul.faq li .q a        		{ min-height:8rem; display:flex; align-items: center; padding:2.8rem 8rem; text-decoration: none; position: relative; }
.faqArea ul.faq li .q a .icon		{ width:4.2rem; height:4.2rem; font-size: 3rem; color:#cc5621; font-weight: var(--fontSemiBold); position: absolute; top:1.8rem; left:2.6rem; display: flex; align-items: center; justify-content: center; }
.faqArea ul.faq li .q a .faq_text	{ font-size: var(--fontSize20); color:var(--mainColor2); font-weight: var(--fontSemiBold); }
.faqArea ul.faq li .a       { position: relative; border-top:1px solid #e0e0e0; }
.faqArea ul.faq li .a .tit  { width:4.2rem; height:4.2rem; font-size: 2.6rem; background-color:#cc5621; color:#fff; font-weight: var(--fontSemiBold); border-radius: 50%; position: absolute; top: 2rem; left: 2.6rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0;}
.faqArea ul.faq li .a .aContent		{ /*margin:2rem 0;*/ min-height:8.2rem; background-color: #fef9f3; padding:3rem 8rem; padding-right: 3rem; font-size: var(--fontSize20); font-weight: var(--fontRegular); color: var(--mainColor3); }
.faqArea ul.faq li:last-child { border-bottom: 1px solid #e0e0e0; }

@media all and (max-width: 1440px) {
	.faqTab ul li button,
	.faqArea ul.faq li .q a .faq_text,
	.faqArea ul.faq li .a .aContent {font-size: 1.8rem;}

	.faqTab                     { padding: 2rem; }
    .faqTab ul                  { gap: 1rem; }
	
}
@media all and (max-width: 960px) {
	.faqTab                     { padding:1.5rem; }
    .faqTab ul                  { gap: .6rem; }
	.faqTab ul li button 		{ padding: 0 2rem; height: 4rem; font-size: 1.6rem;}
	
	.faqArea ul.faq li .q a {min-height:5rem; padding: 2rem 5.5rem; }
	.faqArea ul.faq li .q a .icon	{ width:3rem; height:3rem; font-size: 2.6rem; top:1.4rem; left:1.5rem; }
	.faqArea ul.faq li .a .tit			{ width:3rem; height:3rem; font-size: var(--fontSize20); top: 1.5rem; left: 1.5rem; }
	.faqArea ul.faq li .a .aContent		{ min-height:6rem; padding: 2rem 5.5rem; padding-right: 2rem;}
}
@media all and (max-width: 768px) {
    .faqArea ul.faq li .q::after	{ right:1.5rem; width: 10px; height: 10px; border-left: 1px solid #888; border-top: 1px solid #888; top: 35%; }
    .faqArea ul.faq li .q a			{ min-height:5rem; padding: 2rem 4.4rem; }
    .faqArea ul.faq li .q a .icon	{ width:3rem; height:3rem; font-size: 2.4rem; top: 1.5rem; left: 1rem; }
    .faqArea ul.faq li .q a .faq_text	{ font-size: 1.7rem; }
    .faqArea ul.faq li .a .tit			{ width:3rem; height:3rem; font-size: 2.2rem; top: 1.5rem; left: 1.5rem; }
    .faqArea ul.faq li .a .aContent		{ font-size: 1.7rem; }
}

.boardBoxTop,
.boardBoxBot                        { width:100%; min-height:20rem; border: 1px solid #d1d1d1; border-radius: 1rem; }

.boardBoxTop                        { margin:2rem 0 1rem; }
.boardBoxBot                        { margin:2rem 0 1rem; }

.noticeReplyArea                    { margin-top:5rem; }
.noticeReplyArea .replyTop          { display: flex; flex-direction: column; gap: 1rem; }
.noticeReplyArea .replyTop .top         { display: flex; align-items: center; background: url(../img/replyIcon.png) left .4rem center no-repeat; padding-left: 3.6rem; }
.noticeReplyArea .replyTop .top strong  { font-size: var(--fontSize20); font-weight: var(--fontMedium); color: var(--mainColor2); }
.noticeReplyArea .replyTop .top span    { font-size: var(--fontSize20); font-weight: var(--fontMedium); color: #e55819; padding-left:.4rem; }
.noticeReplyArea .replyTop .replyWrite          { display: flex; align-items: center; gap: 1rem; }
.noticeReplyArea .replyTop .replyWrite textarea { width:calc(100% - 12.2rem); border:1px solid #6b5f59; border-radius: .6rem; height: 10rem; padding: 2rem; font-size: var(--fontSize20); font-weight: var(--fontRegular); color: var(--mainColor3); }
.noticeReplyArea .replyTop .replyWrite textarea::placeholder { color:#959595; }
.noticeReplyArea .replyTop .replyWrite button   { width:11.2rem; height:10rem; background-color: #5a514c; color:#fff; font-size: var(--fontSize20); font-weight: var(--fontSemiBold); display: flex; align-items: center; justify-content: center; border-radius: .6rem; cursor: pointer; }

.replyList                          { border:1px solid #eae7e3 ; background-color: #fefbf6; border-radius: .6rem; overflow: hidden; margin-top:2rem; }
.replyList>li                       { padding:3rem 0; }
.replyList>li .replyInner			{ padding:0 4rem; display: flex; flex-direction: column; justify-content: center; gap:1rem; }
.replyList>li + li                  { border-top:1px dashed #eae7e3; }
.replyList>li.reply_0               { padding-left:0; }
.replyList>li.reply_1               { padding-left:4rem; }
.replyList>li.reply_2               { padding-left:8rem; }
.replyList>li.reply_3               { padding-left:12rem; }
.replyList>li.reply_4               { padding-left:16rem; }
.replyList>li.reply_5               { padding-left:20rem; }
.replyList>li:not(.reply_0) .replyInner			{ background: url(../img/replyArr.png) top .6rem left 1.5rem no-repeat; }

.replyList>li .infoArea					{ display: flex; align-items: center; justify-content: space-between; }
.replyList>li .infoArea button			{ width:6.2rem; height:3.2rem; font-size: 1.6rem; font-weight: var(--fontMedium); color:var(--mainColor3); background-color: #fff; border: 1px solid #777; border-radius: .6rem; }
.replyList>li .infoArea .info			{ display: flex; gap: 1rem; align-items: center; }
.replyList>li .infoArea .info strong	{ font-size: var(--fontSize20); font-weight: var(--fontBold); color:var(--mainColor3); }
.replyList>li .infoArea .info span		{ font-size: 1.6rem; color:#555; }
.replyList>li .infoArea .btArea			{ display: flex; align-items: center; gap: .6rem; }
.replyList>li .replyText				{ font-size: var(--fontSize20); color:var(--mainColor3); line-height: 1.5; }
.replyList>li .replyWrite				{ display: flex; align-items: center; gap: 1rem; }
.replyList>li .replyWrite textarea		{ width:calc(100% - 12.2rem); border:1px solid #6b5f59; border-radius: .6rem; height: 6rem; padding: 1rem; font-size: var(--fontSize20); font-weight: var(--fontRegular); color: var(--mainColor3); }
.replyList>li .replyWrite textarea::placeholder { color:#959595; }
.replyList>li .replyWrite button		{ width:11.2rem; height:6rem; background-color: #5a514c; color:#fff; font-size: var(--fontSize20); font-weight: var(--fontSemiBold); display: flex; align-items: center; justify-content: center; border-radius: .6rem; cursor: pointer; }

@media all and (max-width: 768px) {
	.noticeReplyArea                    { margin-top:3rem; }
	.noticeReplyArea .replyTop .replyWrite textarea { width:calc(100% - 9.2rem); /*height: 5rem;*/ padding: 1rem; font-size: 1.6rem; }
	.noticeReplyArea .replyTop .replyWrite button   { width:8.2rem; /*height:5rem;*/ font-size: 1.6rem; }

	.replyList                          { margin-top:1rem; }
	.replyList>li                       { padding:1.5rem 0; }
	.replyList>li .replyInner			{ padding:0 2rem; gap:.6rem; }
	.replyList>li.reply_0               { padding-left:0; }
	.replyList>li.reply_1               { padding-left:2rem; }
	.replyList>li.reply_2               { padding-left:4rem; }
	.replyList>li.reply_3               { padding-left:6rem; }
	.replyList>li.reply_4               { padding-left:8rem; }
	.replyList>li.reply_5               { padding-left:10rem; }
	.replyList>li:not(.reply_0) .replyInner			{ background: url(../img/replyArr.png) top .3rem left .7rem no-repeat; background-size: 1rem; }

	.replyList>li .infoArea button			{ width:4rem; height:2.4rem; font-size: 1.4rem; }
	.replyList>li .infoArea					{ flex-direction: column; gap: .6rem; align-items: flex-start; }
	.replyList>li .infoArea .info			{ gap: .5rem; flex-direction: column; align-items: flex-start; position: relative; width: 100%; }
	.replyList>li .infoArea .info strong	{ font-size: 1.6rem; }
	.replyList>li .infoArea .info span		{ font-size: 1.4rem; }
	.replyList>li .infoArea .info button	{ position: absolute; top:0; right:0; }
	.replyList>li .infoArea .btArea			{ display: flex; align-items: center; gap: .6rem; justify-content: flex-end; width:100%; }
	.replyList>li .replyText				{ font-size: 1.6rem; }
	.replyList>li .replyWrite				{ gap: .6rem; }
	.replyList>li .replyWrite textarea		{ width:calc(100% - 7.8rem); height: 5rem; padding:.6rem; font-size: 1.4rem; }
	.replyList>li .replyWrite button		{ width:7.2rem; height:5rem; font-size: 1.4rem; }
}
@media all and (max-width: 568px) {
	.noticeReplyArea .replyTop .replyWrite {flex-direction: column;}
	.noticeReplyArea .replyTop .replyWrite textarea {width: 100%; height: 10rem;}
	.noticeReplyArea .replyTop .replyWrite button {width: 100%; height: 4.8rem;}
}

/* listPaging */
.listPaging {padding:5rem 0; height:4rem; display:flex; align-items: center; justify-content: center; gap:1rem;}
.listPaging ul {display:flex; align-items: center; gap:1.2rem;}
.listPaging ul li a { display: flex; width: 4rem; height: 4rem; border-radius: 5px; align-items: center; justify-content: center; font-size: var(--fontSize20); color: var(--mainColor3); font-weight: var(--fontRegular); }
.listPaging ul li a.active { background-color: #615048; color:#fff; }
.listPaging ul li a:hover { text-decoration: underline; }
.listPaging ul li a.active:hover { text-decoration: none; }
.listPaging button { width:4rem; height:4rem; border: 1px solid #d1d1d1; border-radius: 5px; display: flex; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat;}
.listPaging button.prev span, .listPaging button.next span {display: none;}
.listPaging button:disabled {background-color: #efefef;}

.listPaging button.first { background-image: url(../img/btn_start.svg); }
.listPaging button.prev { margin-right:3rem; background-image: url(../img/btn_prev.svg); }
.listPaging button.next { margin-left:3rem; background-image: url(../img/btn_next.svg); }
.listPaging button.last { background-image: url(../img/btn_end.svg); }
/* disable */
.listPaging button.first:disabled { background-image: url(../img/btn_start_disable.svg); }
.listPaging button.prev:disabled { background-image: url(../img/btn_prev_disable.svg);}
.listPaging button.next:disabled { background-image: url(../img/btn_next_disable.svg);}
.listPaging button.last:disabled { background-image: url(../img/btn_end_disable.svg);}

@media all and (max-width: 1440px) {
	.listPaging ul li a {width: 3.6rem; height: 3.6rem; font-size: 1.8rem;}
	.listPaging button { width:3.6rem; height:3.6rem; }
	.listPaging button.prev {margin-right: 1rem;}
	.listPaging button.next {margin-left: 1rem;}
}
@media all and (max-width: 960px) {
	.listPaging { padding:7rem 0 2rem; height:4rem; position: relative; }
	.listPaging ul {gap: 1rem;}
	.listPaging button.first, .listPaging button.last {display: none;}
	.listPaging button.prev span, .listPaging button.next span {display: block; font-size: 1.8rem;}
	.listPaging button {width: auto; border-radius: 0; border: 0; position: absolute; top: 1rem;}
	.listPaging button.prev {padding-left: 3rem; background-position: left center; left: 50%; transform: translateX(-7.5rem);}
	.listPaging button.next {padding-right: 3rem; background-position: right center; right: 50%; transform: translateX(7.5rem);}
	.listPaging button:disabled {background-color: transparent; color: #777;}
}
@media all and (max-width: 568px) {
	.listPaging ul {gap: .2rem;}
	.listPaging ul li a {width: 3rem; height: 3rem; font-size: 1.6rem;}
}
/* listPaging */






/* Modal - board password */
#board-password .modal-cont > p {text-align: center; font-size: 1.8rem;}
#board-password .modal-cont #passwordForm {width:100%; border-radius: 1rem; background-color: #fef9f3; border:1px solid #eddfd9; padding: 3rem; margin-top: 1.8rem;}
#board-password .modal-cont #passwordForm fieldset {border: 0;}
#board-password .modal-cont #passwordForm legend {border: 0;}
#board-password .modal-cont #passwordForm .frm-cont {width:100%; display: flex; align-items: center; gap: .8rem; }
#board-password .modal-cont #passwordForm .frm-cont input {width: calc(100% - 7.2rem); height: 4.8rem; padding: 0 1.6rem; font-size: 1.8rem; border: 1px solid #6b5f59; border-radius: 6px;}
#board-password .modal-cont #passwordForm .frm-cont .bt-confirm {flex-shrink: 0; width: 7.2rem; height: 4.8rem; background-color: #5a514c; color:#fff; border-radius: .6rem; cursor: pointer; font-size: 1.8rem;}
#board-password .modal-cont #passwordForm .check-field {display: block; font-weight: 500; font-size: 15px; margin: 5px 0 0 5px; padding-left: 2.2rem; background-repeat: no-repeat; background-size: 2rem;}
#board-password .modal-cont #passwordForm .check-field.success { color: #007b00; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23007b00' d='M128 24a104 104 0 1 0 104 104A104 104 0 0 0 128 24m45.7 85.7-56 56a8 8 0 0 1-11.4 0l-24-24a8 8 0 0 1 11.4-11.4l18.3 18.4 50.3-50.4a8 8 0 0 1 11.4 11.4'/%3E%3C/svg%3E");}
#board-password .modal-cont #passwordForm .check-field.error { color: #df0a0b; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23df0a0b' d='M128 24a104 104 0 1 0 104 104A104 104 0 0 0 128 24m-8 56a8 8 0 0 1 16 0v56a8 8 0 0 1-16 0Zm8 104a12 12 0 1 1 12-12 12 12 0 0 1-12 12'/%3E%3C/svg%3E");}
#board-password .modal-cont #passwordForm .check-field i {font-size: 1.8rem;}
@media all and (max-width: 768px) {
	#board-password {min-width: 32rem;}
	#board-password .modal-cont > p {font-size: 1.6rem;}
	#board-password .modal-cont #passwordForm {padding: 2rem;}
	#board-password .modal-cont #passwordForm .frm-cont {flex-direction: column;}
	#board-password .modal-cont #passwordForm .frm-cont input, 
	#board-password .modal-cont #passwordForm .frm-cont .bt-confirm {width: 100%; font-size: 1.6rem;}
}
/* Modal - board password */