@charset "utf-8"; 
/* qnaBoard.css - skin:basic 
 * @latest 2020.07.16 ssj
 * @latest 2021.04.21 ssj
*/

.allbox #bbs_area {margin-bottom:50px;}
.allbox #bbs_area .rt-box,
.allbox #bbs_area .mb30,
.allbox #bbs_area .mt30 {max-width:1300px; margin-right:auto; margin-left:auto;}
.allbox #bbs_area>.mb30 + a, .allbox #bbs_area>.mb30 + a + a {display:none;}
.subCon > div {max-width:100%;}

/* list 및 기본테이블 세팅. */
#listFrm {max-width:1300px; margin-right:auto; margin-left:auto;}
.basic-table01 {width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:collapse;margin: -3px 0 50px;}
.basic-table01 thead tr th, .basic-table01 tbody tr td {text-align:center; padding:20px 0; position:relative;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700; font-size:18px; color:#333;}
.basic-table01 thead tr th a:focus {width:100%; float:left;}
.basic-table01 thead tr th a:focus span {display:block !important; position:absolute; top:3px; padding:20px 0; width:100%; text-align:center; 
										background:#fff; outline-style:dotted;}
.basic-table01 thead tr th:last-child,
.basic-table01 tbody tr td:last-child {display:none;} /*조회수 숨김*/
.basic-table01 thead tr th {border-bottom:1px solid rgba(0,0,0,0.3);}
.basic-table01 tbody tr th {font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;}
.basic-table01 tbody tr th, .basic-table01 tbody tr td {border-bottom:1px solid #ddd;}
.basic-table01 tbody tr td {background:#fff; color:#333; font-size:17px; padding:25px 0;}
.basic-table01 tbody tr td a {color:#333; padding:3px 10px;}
.basic-table01 tbody tr td.txt-l a {padding:0;}
.basic-table01 tbody tr td.txt-l a:hover {text-decoration:underline;}
.basic-table01 tbody tr td.txt-l a + span.colorRed {font-weight:600; color:#333;}
.basic-table01 tbody tr td a.btn-s {color:#fff;}
.basic-table01 tbody tr td .circle_badge {font-size:14px; padding:7px 5px; text-align:center; margin:0 3px; color:#333; cursor:default; border-radius:0; 
										  background:linear-gradient(#f8f8f8, #ececec); border:1px solid #ccc; line-height:normal; width:77px; box-sizing:border-box;}
.basic-table01 tbody tr td .circle_badge.bg-red-strong {color:white; background:linear-gradient(#a0a0a0, #8c8c8c) !important; border:1px solid #8c8c8c;}
.board001 .conBottom > div.ctr-box {margin:10px 0 0 0;}

	@media (max-width:799px) {
		.basic-table01 thead tr th, .basic-table01 thead tr th a {font-size:15px; word-break:keep-all;}
		.basic-table01 thead tr th:nth-child(5) a, .basic-table01 thead tr th:nth-child(6) a,.basic-table01 thead tr th:nth-child(7) a {font-size:13px;}
		.basic-table01 tbody tr td {font-size:14px; padding:20px 3px;}
		.basic-table01 tbody tr td .circle_badge {width:auto; word-break:keep-all; padding:7px 0; font-size:13px; font-weight:600;}
	}




/* 메인 탭 메뉴 
리스트p :전체질문답변 / 자주하는질문  */
.step1{/* float:left; */margin: 20px auto 0;width: 50%;width: 100%;max-width: 1300px;margin-bottom: -2px;display: inline-block;box-sizing: border-box;}
.step1 > ul.tapMenu {clear:both;padding:0;margin:0;list-style:none;width:100%;}
.step1 > ul.tapMenu li {float:left;width: 50%;}
.step1 > ul.tapMenu li a {width: 100%; border-bottom:none; border: 1px solid #ececec; background:#f7f7f7; box-sizing:border-box; padding: 15px 10px;
						 font-size: 18px; text-decoration:none; color:#333; text-align:center; float:left; line-height:35px;}
.step1 > ul.tapMenu li a.on {background:#fff;border: 2px solid #333;border-bottom: none;font-weight: 600;}
.step1 > ul.tapMenu li a.on img{vertical-align:middle;margin:0 0 2px 4px;}
.step1 > ul.tapMenu li a span.ico {font-size:10px; margin-right:5px;}

	@media (max-width:799px) {.step1 > ul.tapMenu li a {font-size:16px; padding:5px;}}


/* 상세p :답변 / 등록일 */
.mg_t20 {background: #fcfcfc;background: #f3f4f5;text-align: center;padding-bottom: 50px;}
#detailFrm .step1 {
    padding: 0 15px;
}
#detailFrm .step1 > ul.tapMenu {max-width: 1300px; margin: 0 auto;}
#detailFrm .step1 > ul.tapMenu li {width: auto;}
#detailFrm .step1 > ul.tapMenu li  a {background: transparent;border: none;padding: 0 0 15px;}
#detailFrm .step1 > ul.tapMenu li:first-child {}
#detailFrm .step1 > ul.tapMenu li:last-child {float: right;}
#detailFrm .step1 > ul.tapMenu li:first-child a {text-align: left; font-weight: 600;}
#detailFrm .step1 > ul.tapMenu li:first-child a span.ico_on, 
#detailFrm .step1 > ul.tapMenu li:first-child a span.ico_off {display: none !important;}
#detailFrm .step1 > ul.tapMenu li:first-child a span.red {margin-left: 10px; font-size: 20px;}
#detailFrm .step1 > ul.tapMenu li:last-child a {text-align: right; font-size: 15px;}
#detailFrm .step1 > ul.tapMenu li a.on {}
#detailFrm .step1 > ul.tapMenu li a.on img {}
#detailFrm .step1 > ul.tapMenu li a span.ico {}
	@media (max-width:1330px) {
		#detailFrm .step1 {padding:0 15px; box-sizing:border-box;}
		#ntt_reply_div {padding:0 15px;}
	}



/* view (상세페이지) */
.basic-table01 ~ .board001 {margin-top:50px;}
.board001 {overflow:hidden;position:relative;max-width: 1300px;margin-left: auto;margin-right: auto;}
.board001 .list_tit {width:100%;overflow:hidden;border-top:2px solid #333;box-sizing:border-box;position:relative;}
.board001 .list_tit h3 {width:100%; position:relative; padding:21px 15px 21px 65px; display:inline-block;
						font-size:22px; font-weight:600; line-height:150%; box-sizing:border-box; border-bottom: 1px solid #ececec;}
.board001 .list_tit h3 > img{vertical-align:-10px; margin-right:5px; display:none;}
.board001 .list_tit h3 > span.sub_title {font-size:12px; border-left:1px solid #c1c1c1; padding-left:7px; vertical-align:1px; line-height:18px; height:18px; display:inline-block; 
										margin-left:5px; font-weight:400; display:none; }
.board001 .list_tit h3 > span.qna{background:url("/images/wzwg/site/mngr/q.png")no-repeat; padding:7px 5px 7px 34px;}
.board001 .list_tit h3 span.bt{color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:2px; display:inline-block;}
.board001 .list_tit h3 span.mg_r10 {display:none;}
.board001 .list_tit p.list_date {width:50%;float:left;box-sizing:border-box;font-size:15px;line-height:150%;margin-bottom:-1px;border-bottom:1px solid #ececec;}
.board001 .list_tit p.list_date strong {content:"작성일시";}
.board001 .list_content .conTop h4 strong {content:"작성자";}
.board001 .list_tit p.list_date strong,
.board001 .list_content .conTop h4 strong {width:30%; display:inline-block;  padding:12px 15px; border-bottom:none; background:#fcfcfc; margin-right:15px;
										  font-size:16px; font-weight:600; color:#333; text-align:right; box-sizing:border-box;}
.board001 .list_tit p.list_date span.com_bar {float:right;padding:12px 15px;position:absolute;right:0;z-index:1;}
.board001 .list_tit p.list_date span.com_bar > a {font-size:14px; color:#333; margin:0 3px;}
.board001 .list_tit p.list_date span.com_bar > a:last-of-type {font-size:14px; border-left:1px solid #c1c1c1; padding-left:10px; color:#333;}
.board001 .list_content {width:100%; clear:both; position:relative;}
.board001 .list_content .conTop {overflow:hidden;}
.board001 .list_content .conTop h4 {display:inline-block;font-weight:400;width:50%;box-sizing:border-box;font-size:15px;line-height:150%;position:absolute;top:-46px;right:0;padding-right:100px;}
.board001 .list_content .conTop p {float:right; line-height:25px; width:30%; text-align:right; padding:5px 10px; box-sizing:border-box;}
.board001 .list_content .conTop p a {padding:6px 10px; font-size:12px; background:#ccc; border-radius:2px;}
.board001 .list_content .conTop div.fileBox{margin-top:10px; float:right; width:100%;}
.board001 .list_content .conTop>ul {width:15%; float:left; clear:both; padding-left:0; display:inline-block; border-bottom:none; padding:10px 15px;
									font-size:16px; color:#333; font-weight:600; text-align:right; box-sizing:border-box; background: #fcfcfc;}
.board001 .list_content .conTop ul li{background:url("/images/wzwg/site/mngr/download.png")no-repeat 77px 3px;background-position: right 6px; padding-right:15px;}
.board001 .list_content .conTop>ul>li> a {font-weight:600; color:#333;}
.board001 .list_content .conTop>ul>li> a span{font-weight: 600;color: #dc0000;padding:0 2px;font-size: 13px;}
.board001 .list_content .conTop ul + div,
.board001 .list_content .conTop #atchFile_div {width:85%; float:left; display:inline !important;}
.board001 .list_content .conTop #atchFile_div ul {padding: 8px 50px 8px 20px !important;}
.board001 .list_content .conTop #atchFile_div ul li {line-height:20px; padding:5px 0 0 !important;}
.board001 .list_content .conTop #atchFile_div ul li:hover {text-decoration:underline;}
.board001 .list_content .conTop #atchFile_div ul li>span {font-size:15px !important;}
.board001 .list_content .conTop #atchFile_div ul li>a {font-size:14.5px; color:#777; text-decoration:underline; margin-left:10px;}
.board001 .list_content .conMiddle {border-top:1px solid #ececec;}
.board001 .conMiddle{clear:both; width:100%; float:left;}
.board001 .conMiddle div.conM_ytb{width:100%;;height:auto;margin:0;}
.board001 .conMiddle div.conM_ytb iframe{width:100%;height:350px;vertical-align:top;}
.board001 .conMiddle div.conM_ytxt{border-radius:30px; margin-top:10px; padding:10px;}
.board001 .conMiddle div.conM_ytxt > span{display:block; padding:10px 0; font-size:16px; font-weight:bold;}
.board001 .conMiddle div.conM_ytxt > div{height:80px; display:block; margin:0 auto; background:#f9f9f9; padding:10px; overflow-y:scroll;}
.board001 .conMiddle div.conM_txt{padding:20px 15px 70px;width:100%;float:left;box-sizing:border-box;word-break:keep-all;font-size:15px;line-height:150%;}
.board001 .conMiddle ul li{float:left; list-style:none;}
.board001 .conMiddle ul li a{border-right:1px solid #999; padding-right:10px; margin-right:10px; float:left;}
.board001 .conMiddle ul li:last-child a{border-right:none}
.board001 .conMiddle ul li span{margin-left:2px;}
.board001 .conMiddle ul li a.lu img{width:10px; height:11px;}
.board001 .conMiddle ul li a.lu b{vertical-align:2px; margin-left:5px;}
.board001 .conMiddle div.conM_txt ul {list-style:disc; padding-left:30px;}
.board001 .conMiddle div.conM_txt ul li {list-style:disc; float:none;}
.board001 .conMiddle div.conM_txt ol {list-style:decimal; padding-left:30px;}
.board001 .conMiddle div.conM_txt ol li {list-style:decimal;}

 @media (max-width:799px){
 	.board001 .list_tit p.list_date {width:100%; margin-bottom: 0;}
 	.board001 .list_content .conTop h4 {width:100%; top:0;position: relative;padding-right: 0; border-bottom:1px solid #ececec; left:0 !important; margin-top:0 !important;}
 	.board001 .list_tit p.list_date strong, .board001 .list_content .conTop h4 strong,.board001 .list_content .conTop>ul {width:25%; padding-left:5px; font-size:15px;}
 	.board001 .list_content .conTop ul + div, .board001 .list_content .conTop #atchFile_div {width:75%;}
 	.board001 .list_content .conTop ul li {background:none; padding-right:0;}
 }	
 @media (max-width:599px){
 	.board001 .list_tit h3 {font-size:18px; padding:15px 15px 15px 55px;}
 	.board001 .list_tit h3 > span.sub_title {display:none;}
 	.board001 .list_tit p.list_date {display:block;float:left;text-align:left; }
 	.board001 .conMiddle ul.snsListul {padding:0;}
 }


/* 채택된 답변 */
#bbs_area > .board001:nth-of-type(3) {border:2px solid #333;margin-bottom:70px;}
#bbs_area > .board001:nth-of-type(3) .list_tit {border-top:none;margin-right:0; padding-bottom: 20px;border-bottom: 1px solid #ececec;}
#bbs_area > .board001:nth-of-type(2) .list_tit:before {content:"Q";top:18px;}
#bbs_area > .board001:nth-of-type(2) .list_tit:before, #bbs_area > .board001:nth-of-type(3) .list_tit h3:before {font-size:25px;line-height:30px;font-weight:600;
											display:inline-block;position:absolute;left:15px;top:21px;
											line-height:150%;width:37px;height:37px;border-radius:100%;background:#333;color:#fff;text-align:center;}
#bbs_area > .board001:nth-of-type(3) .list_tit h3:before {content:"A";z-index:1;margin-top: 5px;}
#bbs_area > .board001:nth-of-type(3) .list_tit h3 {/* display:none; */border-bottom: none;padding-bottom: 5px;line-height: normal;min-height: auto;}
#bbs_area > .board001:nth-of-type(3) .list_tit h3:after {/*content:"채택된 답변";*/}
#bbs_area > .board001:nth-of-type(3) .list_tit p.list_date {width: auto;font-size: 14px;color: #555;border-bottom: none;}
#bbs_area > .board001:nth-of-type(3) .list_tit p.list_date strong {padding: 0 15px 0 65px;}
#bbs_area > .board001:nth-of-type(3) .list_content .conTop h4 strong {padding: 0 15px; border-left:none;}
#bbs_area > .board001:nth-of-type(3) .list_tit p.list_date strong,
#bbs_area > .board001:nth-of-type(3) .list_content .conTop h4 strong {width: auto;font-weight:400;margin-right: 0;font-size: 15px;}
#bbs_area > .board001:nth-of-type(3) .list_content {float:left;}
#bbs_area > .board001:nth-of-type(3) .list_content .conTop {}
#bbs_area > .board001:nth-of-type(3) .list_content .conMiddle {border-top:none;}
#bbs_area > .board001:nth-of-type(3) .list_content .conMiddle div.conM_txt > p {/*display:none;*/} /* 질문작성자 인사 */
#bbs_area > .board001:nth-of-type(3) .list_content .conMiddle div.conM_txt > p>span:first-child {display: block; font-weight: 600; width: 100%; padding: 10px 10px 5px; 
																								box-sizing: border-box; border: 1px solid #ececec; border-bottom: none;}
#bbs_area > .board001:nth-of-type(3) .list_content .conMiddle div.conM_txt > p>span:nth-child(2) {width: 100%; padding: 1px 10px 10px 15px; box-sizing: border-box; border: 1px solid #ececec; 
																								border-top: none; float: left; margin-bottom: 20px; font-size: 14px; text-indent: -7px;}
#bbs_area > .board001:nth-of-type(3) .conMiddle div.conM_txt {padding: 20px 15px 70px 15px;}
#bbs_area > .board001:nth-of-type(3) .list_content .conTop h4 {top:0;border-bottom:none; left: 290px; width: auto;float: left;margin-top: -40px;color: #555;font-size: 14px;padding-right: 0;right: auto;}

 @media (max-width:599px){ 
 	#bbs_area > .board001:nth-of-type(3) .list_tit {padding-bottom:0;border-bottom: none;}
 	#bbs_area > .board001:nth-of-type(3) .list_tit p.list_date {padding-left:55px;}
 	#bbs_area > .board001:nth-of-type(3) .list_tit p.list_date strong,
 	#bbs_area > .board001:nth-of-type(3) .list_content .conTop h4 strong {padding-left:55px;display: none;}
 	#bbs_area > .board001:nth-of-type(3) .conMiddle div.conM_txt {padding:20px 15px;border-top: 1px solid #ececec;margin-top: 15px;padding-bottom: 30px;}
 	#bbs_area > .board001:nth-of-type(2) .list_tit:before, 
 	#bbs_area > .board001:nth-of-type(3) .list_tit h3:before {font-size:19px !important; font-weight:400 !important; top:13px !important;
 															  width:30px !important; height:30px !important; line-height:30px !important;}
    #bbs_area > .board001:nth-of-type(3) .list_content .conTop {margin-top: -22px; margin-left: 190px;}
 }


/* 댓글,등록일,조회수 리스트 */
.board001 .conMiddle div.conM_txt + div ul,
.board001 .conBottom>div>ul {list-style:none !important;padding-left:0px;float:left;width:100%;padding:15px;padding:0;box-sizing:border-box;background:#fcfcfc;
							background:#fff;margin-bottom:20px;text-align:right;}
.board001 .conMiddle div.conM_txt + div ul li,
.board001 .conBottom>div>ul li {list-style:none !important;float:none;display:inline-block;}
.board001 .conMiddle div.conM_txt + div ul li:not(:last-child) a, 
.board001 .conBottom>div>ul li:not(:last-child) a {font-size:16px; margin-right:15px; border-right:1px solid #ececec; padding-right:15px;}
.board001 .conMiddle div.conM_txt + div ul li:last-child a,
.board001 .conBottom>div>ul li:last-child a {font-size:15px;}
.board001  #answer_ctrl_btn,  #answer_ordr_btn {display:none;} /* 댓글보는버튼, 댓글정렬버튼 숨김. */


/* 댓글 / 묻고답하기(?) */
.answer {display: none !important;width:100%;float:left;border:1px solid #ececec;padding:5px 15px 20px;box-sizing:border-box;margin-bottom:20px;}
.answer table {width:100%;}
.answer ul {width:100%;height:auto;line-height:normal;padding:0;float:left;padding-left:0 !important;}
.answer ul li {width:100%; float:left; border-bottom:1px solid #ececec; padding:10px 0 15px 0; position:relative;font-size:15.5px;box-sizing:border-box;}
.answer ul li:last-child {border-bottom:none;}
.answer ul li p.comm_cont {padding:5px 2px;}
.answer ul li ul {position:absolute; top:0; right:0px; width:auto;}
.answer ul li ul li {float:left;border:none;width:auto;padding-left:0;}
.answer ul li ul li a {display:inline-block;border-left:1px solid #ececec; color:#666; font-size:15px; padding-left:10px;margin-left:10px;}
.answer ul li ul li:first-child a {border-left:none;}
.answer ul li ul li a > img {vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px; display:none;}
.answer ul li ul li:last-child a {border-right:0;}
.answer ul li p.comm_cont + div {padding-right:150px;box-sizing:border-box; font-size:14px;}
.answer ul + table thead td {padding:15px 0; font-weight:bold; font-size:15px; color:#252525;}
.answer ul + table tbody tr > td {line-height:12px;}
.answer ul + table tbody tr td div.txtBox {width:100%; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:15px; color:#333;}
.answer ul + table tbody tr td > div {margin-top:10px;}
.answer ul + table tbody tr td textarea.txtBox {height:70px; width:99.5%; border:1px solid #bbb; padding:15px;  line-height:150%;
											box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.answer ul + table tbody tr td input.txtBtn {height:70px; width:100%; font-size:15px; font-weight:600; border:1px solid #e5e5e5; background:#fff; cursor:pointer; min-width:50px; text-align:center;}
.answer .com_cont {font-weight:600;}
	@media (max-width:699px) {
		.answer ul li p.comm_cont + div {padding-right:0;margin-top:10px;font-size:15px;}
	}



/** SNS 공유 추가 */ 
/* share popup/QR code */
.board001 .list_content .conTop p {display:none;} /*주소복사 버튼*/
.board001 .conMiddle div.midListbt {width:100%; float:left; margin-top:80px;}
ul.snsListul {display:none; float:left;padding:20px 15px !important;clear:both;padding-left:0;list-style:none;background:#fcfcfc;width:100%; box-sizing:border-box;text-align:right;}
ul.snsListul a {float:left; margin-right:0; padding-right:0; border-right:0;}
ul.snsListul a img {vertical-align:top; float:left;}
ul.snsListul + div ul {line-height:24px;}
ul.snsListul + div ul li a {padding-right:8px; margin-right:8px; border-right:1px solid #c9c9c9; display:inline-block; line-height:10px;}
ul.snsListul + div ul li:last-child a {border-right:none;}
ul.snsListul li {list-style:none; display:inline-block;}
ul.snsListul li a {border-right:1px solid #ececec;line-height:10px;display:inline-block;padding-right:10px;margin-right:10px;font-size:16px;}
ul.snsListul li:last-child a {border-right:none;margin-right:0;padding-right:0;}
ul.snsListul li span {margin-left:2px; font-size:15px;}



/* 좋아요 목록 */
.like #like_list_div {border: 1px solid #ececec; width: 100%; padding: 5px 15px 20px; box-sizing: border-box; float: left; margin-bottom: 30px;}
.like #like_list_div>div>p {font-size: 15px; font-weight: 600; padding: 15px 0; color: #252525; border-bottom: 1px solid #ececec; margin-bottom: 20px;}
.like #like_list_div ul {padding-left: 0;}
.like #like_list_div ul li {width: 32.666%; float: left; margin-right: 1%;}
.like #like_list_div ul li:nth-child(3n) {margin-right:0;}
.like #like_list_div ul li:nth-child(3n+1) {clear:both;}
.like #like_list_div ul li p {background: #f9f9f9; width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 10px; font-size: 15px; float:left;}
.like #like_list_div ul li p:hover {font-weight:600;}
.like #like_list_div ul li p:before {content:"\f007"; font-family:'FontAwesome'; display: inline-block; vertical-align: middle; font-weight:400;}
.like #like_list_div ul li img {display: none;}
.like #like_list_div ul li span {float: right; font-size: 13px;}
	@media (max-width:599px) {
		.like #like_list_div ul li {width:100%; margin-right:0;}
	}




/* write page (글작성)  */
#regFrm, #modifyFrm {max-width:1300px; margin-right:auto; margin-left:auto;}
.register-box {margin:10px 0 40px;}
.register-box table {width:100%; border-collapse:collapse; text-align:left;}
.register-box table td {width:44%; padding:15px 0px !important; font-size:15px;}
.register-box table td select,
.register-box table td input[type="text"] {font-size:15px;height:40px;min-width:300px !important;margin-right:5px;}
.register-box table td textarea {padding:30px; box-sizing:border-box; line-height:150%; font-size:15px;}
.register-box table tr th, .register-box table tr td {border-bottom:1px solid #ececec;}
.register-box table tr:first-child {border-top:2px solid #333;}
.register-box table td .jectBoard {width:150px;}
.register-box div.subject table .subTit {font-weight:600; color:#333 ; text-align:center; font-size:16px; border-bottom:none; background:#fff; padding:0;}
.register-box div.subject table td ul.setlist {padding:0; margin:0;}
.register-box div.subject table td ul.setlist li {float:left; list-style:none; margin-right:5px; font-size:15px;}
.register-box div.subject table td ul.setlist li > span {margin:0 2px;}
.register-box div.subject table td ul.fileplus {list-style:none; padding:0; margin:0;}
.register-box div.subject table td ul.fileplus li {width:100%; height:auto; float:left; margin-bottom:3px;}
.register-box div.subject table td ul.fileplus li span {float:left; line-height:40px; margin-right:5px; font-size:15px;}
.register-box div.subject table td ul.fileplus #atch_file_div {width:100%; float:left;}
.register-box div.subject table td ul.fileplus #atch_file_div > div {width:100%; clear:both;}
.register-box div.ftBtn {display:table; margin-left:auto; margin-right:auto; padding:30px 0;}
.register-box div.ftBtn a {background:#656a77; border:1px solid #575f6a; padding:6px 10px; border-radius:3px; color:#fff; text-decoration:none; margin:0 2px;}
.register-box div.ftBtn a.two {background:#fbfbfb; border:1px solid #ccc; padding:6px 10px; border-radius:3px; color:#555; text-decoration:none;}
.register-box a.save {text-decoration:none; font-size:15px; border:1px solid #ddd; color:#757575; height:40px; display:inline-block; line-height:40px; padding:0 10px;
					 border-radius:3px; -webkit-transition:background 1s; transition:background 1s; box-sizing:border-box; margin-left:5px;}
.register-box a.save span.red {font-size:12px;}
.register-box a.save:hover {background:#f9f9f9;color:#757575;}
.register-box span.red {color:#ff0000;font-weight:bold;padding-left:3px; display:inline-block;}
.register-box input.serchBtn01 {width:80px; height:20px; margin-left:6px; border:1px solid #d4d9de;}
.register-box input.serchBtn02 {height:20px; margin-left:6px;}
.register-box input.uploadTit {width:100%;float:left;}
.register-box input.uploadTit + a {height:40px; padding:0 20px; line-height:40px; margin-left:5px;}
.register-box div.tool {width:100%; border:1px solid #ccc; height:500px; font-size:12px;}
.register-box select.headId {width:150px; height:40px; border:1px solid #dfdfdf; border-radius:3px;}

.register-box table td div {border-radius:3px;/*min-height:30px;*/float:left;}
.register-box table td div + div {float:left !important; border:none !important; padding:0 !important;}
.register-box table td#codeAnswerView div {border:none !important;}
.register-box table td#codeAnswerView div .btn-c {height:27px !important; border-radius:3px; font-size:11px !important;}
.register-box table #answerPermAt + tr td {text-align:center; padding:20px 0 !important;}

.attatch_file_box .attatchfile ~ a {height:40px; padding:0 10px; line-height:40px; margin-top:0;}

	@media (max-width:990px) { 
		.register-box {margin:0;}
		.register-box div.subject table .subTit {width:20%; padding-right:20px;}
		.register-box input.uploadTit {width:40% !important;}
		#smart_editor2 {min-width:100% !important;}
	}
	@media (max-width:599px) {
		.register-box table td select, 
		.register-box table td input[type="text"] {width:100% !important;float:left;margin-right:0;min-width:auto !important;}
		.register-box div.subject table .subTit {width:25% !important;}
		.register-box table td input.uploadTit {width:50% !important; margin-right:3px;}
		.register-box div.subject table td ul.fileplus span.red {width:100%; float:left; font-size:14px;}
	}



/* answer list (답변 리스트) */
#ntt_reply_regist_div {margin-top:50px;}
#ntt_reply_regist_div>div:first-child>div:first-child {background:#fff;}
#ntt_reply_regist_div>.board001>div {padding:15px;box-sizing:border-box;width:100%;font-size:15px;background: #f3f4f5 !important;} /*질문자 본인은 답글을 작성할 수 없습니다.*/
#smart_editor2 {background:#fff;}

#ntt_reply_div {width:100%;max-width: 1300px; margin: 0 auto;display: inline-block; box-sizing: border-box;}
#ntt_reply_div .board001 {background: #fff;border:1px solid #f0f0f0;width:100%;padding:15px;box-sizing:border-box;float:left;overflow:visible;margin-bottom:20px;}			  
#ntt_reply_div .board001 .list_tit {border:none;padding:0;background:transparent;line-height:150%;padding:5px 0;opacity:0.8; margin-right:0;}
#ntt_reply_div .board001 .list_tit h3 {display:none;}
#ntt_reply_div .board001 .list_tit p.list_date {border-bottom:none;text-align:right;width:100%;font-size:13px;}
#ntt_reply_div .board001 .list_tit p.list_date span:first-child:not(.com_bar) {margin-right:10px;}
#ntt_reply_div .board001 .list_tit p.list_date strong {display:none;}
#ntt_reply_div .board001 .list_tit p.list_date span.com_bar {padding:0;margin-left:10px;float:none;position:relative;}
#ntt_reply_div .board001 .list_content .conTop {}
#ntt_reply_div .board001 .list_content .conTop h4 {position:absolute; top:0; left:0; margin-top:-20px; padding:0;}
#ntt_reply_div .board001 .list_content .conMiddle {border-top:none; padding-top:0;}
#ntt_reply_div .board001 .list_content .conMiddle div.conM_txt {padding:15px 0;font-size:14.5px;line-height:150%;color:#555;text-align: left;}
#ntt_reply_div .board001 .list_content .conTop p {padding:15px 0;}
#ntt_reply_div .board001 .conMiddle>ul {display:none; width:100%; clear:both; list-style:none !important; padding-left:0px; float:left;
										padding:15px; background:#f7f7f7; margin-top:20px; margin-bottom:10px; box-sizing:border-box;}
#ntt_reply_div .board001 .conMiddle>ul li {list-style:none !important; float:left;}
#ntt_reply_div .board001 .conMiddle>ul li:not(:last-child) a {font-size:16px; margin-right:15px; border-right:1px solid #ececec; padding-right:15px;}
#ntt_reply_div .board001 .conMiddle>ul li:last-child a {font-size:15px;}

#ntt_reply_div .board001 .conBottom div.answer {background:white;}









/* 목록-검색 search area */
#nttSearch {margin-top:50px; text-align:center;}
#nttSearc select, select#searchCondition {border:none; font-size:16px; margin-right:10px;}
#nttSearch select:focus, select#searchCondition:focus {outline-style:dotted;}

#nttSearch input[type="text"],
select#searchCondition + input[type="text"] {width:40%; max-width:300px; height:45px; font-size:16px; border:none; border-bottom:2px solid #ccc;}
#nttSearch input[type="text"]:focus,
select#searchCondition + input[type="text"]:focus {outline-style:dotted;}

#bbs_area .btn-srch {width:40px; height:45px; font-size:0; border:none; padding:0; 
    					background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position:-173px 13px;}
#bbs_area .btn-srch:before {display:none;}
#bbs_area .btn-srch:hover,
#bbs_area .btn-srch:focus {background-color:#ececec;}




/* 말머리 부분(목록형/탭형) */
#bbs_area .main-menu-bar {margin-bottom:1px;}
#bbs_area .main-menu-bar select {margin-bottom:10px;}
#bbs_area .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;}

.bbs_tab {padding:8px 35px; border:1px solid #e1e1e1;}
ul.tabMenu {width:100%; float:left; margin-bottom:20px; list-style:none !important; padding-left:0 !important;}
ul.tabMenu li {display:inline-block; height:33px; line-height:33px; margin-right:2px; list-style:none !important;}
ul.tabMenu li:first-child > a {background:#4b6067; color:#fff;}
ul.tabMenu li+br {display:none;}
ul.tabMenu li a {background:linear-gradient(#fdfdfd, #f8f8f8);}
	@media (max-width:990px) {
		ul.tabMenu li {width:19.8%; margin-right:0.2%; height:auto;}
		ul.tabMenu li > a {width:100%; display:block; box-sizing:border-box; text-align:center; padding:0;}
	}

.selectBbsSubospec .main-menu-bar {width:100%; padding:0 !important;}
.board.wztab .wztab-list .wztab-item.active {border-top-color:#333;}
	@media (min-width:600px) {
		.selectBbsSubospec .main-menu-bar + div {right:0; margin-top:0;}
	}
	@media (max-width:599px) {
		.board.wztab {z-index:1 !important;}
		.selectBbsSubospec {border-bottom:1px solid #d9d9d9;height:46px;box-sizing:border-box;position:relative;}
		.selectBbsSubospec .main-menu-bar {width:80%;  overflow:visible !important;}
		.selectBbsSubospec .main-menu-bar + div {width:20%;box-sizing:border-box;float:none !important;position:absolute;right:0;}
		#listCount {margin-top:0;margin-bottom:0; width:100% !important;}
	}
	



#cnrs_btn {float:right;width:50px;padding: 8px 15px;box-sizing:border-box;text-align:right;line-height:25px;/* position:absolute; *//* top:0; *//* right:0; */line-height:150%;}
#cnrs_btn>img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;}
#cnrs_btn>img:hover {opacity:1;}



#downloaderContainer {width:100%; float:left;}

/* 2020.12.22 namo editor SSJ */
.register-box table td div#editor_nttCn {width:100%;}
.register-box table td div.ce-resize-bar {margin-top:0;}
.register-box table td div.ce-resize-bar, .register-box table td div.ce-resize-bar div {min-height:auto;}


/* 2020.12.22 file uploader SSJ */
.register-box * {min-height:auto !important;}
.register-box table td div#uploaderContainer {width: 100%;}
.register-box table td div#uploaderContainer > div {width: 100% !important;/* height: 150px !important; */float: left;clear: both;position: relative;}
.register-box table td div#uploaderContainer > div > div {width:100% !important;margin-left: 0 !important;margin: 10px 0;}

/*파일선택부분*/
.register-box table td div#uploaderContainer > div > div:first-child {height:auto !important;margin-bottom: 0;}
.register-box table td div#uploaderContainer > div > div:first-child input[type="button"] {height: 30px !important;font-size: 15px !important;padding: 0 15px !important;width: auto !important;line-height: 30px !important;margin-top: 0 !important;margin-left: 20px !important;}
.register-box table td div#uploaderContainer > div > div:first-child input[type="button"]:hover {background:#4072CB !important; color:#fff; cursor:pointer;}

/* 로딩바 부분*/
.register-box table td div#uploaderContainer > div > div:nth-child(2) {min-height:1px;}

/*업로드부분*/
.register-box table td div#uploaderContainer > div > div:nth-child(3) {padding: 10px 15px;box-sizing: border-box;margin: 0 !important;height: auto !important;}

.register-box table td div#uploaderContainer .slick-header-columns {left: auto !important; width: 100% !important;}
.register-box table td div#uploaderContainer .slick-header-column {left:auto !important;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(2) {width: 60% !important;height: 24px;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(3) {width: 15% !important;height: 24px;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(4) {width: 15% !important;height: 24px;}

.register-box table td div#uploaderContainer .grid-canvas {width:100% !important;}
.register-box table td div#uploaderContainer .r0,
.register-box table td div#uploaderContainer .r1,
.register-box table td div#uploaderContainer .r2,
.register-box table td div#uploaderContainer .r3 {left: auto !important;}
.register-box table td div#uploaderContainer .l0,
.register-box table td div#uploaderContainer .l1,
.register-box table td div#uploaderContainer .l2,
.register-box table td div#uploaderContainer .l3 {right: auto !important;}

.register-box table td div#uploaderContainer .slick-viewport .slick-cell {position: relative !important;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:first-child {width: 21px; text-align: center;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(2) {width: 60%;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(3) {width: 15%; }
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(4) {width: 15% !important;}

/*삭제버튼 부분*/
.register-box table td div#uploaderContainer > div > div:last-child {margin:0 !important;}
.register-box table td div#uploaderContainer > div > div:last-child input[type="button"] {line-height:20px;}

.slick-viewport {height: 160px !important;}