/* qnaBoard.css - skin:basic 
 * @latest 2020.04.03 OSY - 30번째 줄 .board001 .list_tit {width:96%; padding:15px 2%;} 가로 값 추가, padding 좌우 2%로 변경
*/

.allbox #bbs_area {margin-bottom:50px;}
.basic-table01 {width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-collapse:collapse; margin:10px 0 50px;}
.basic-table01 thead tr th, .basic-table01 tbody tr td{text-align:center;padding: 15px 0;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700;font-size: 14px;color:#707070;}
.basic-table01 thead tr {background:#f7f7f7; border-bottom:1px solid #e4e4e4;}

.basic-table01 tbody tr th{font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;}
.basic-table01 tbody tr {border-bottom:1px solid #f1f1f1;}
.basic-table01 tbody tr td {background:#fff;color:#5c5c5c; font-size:13px;padding:20px 0;}
.basic-table01 tbody tr td a{border-radius:3px;color: #5c5c5c;padding:3px 10px;font-size: 13px; line-height:14px;}
.basic-table01 tbody tr td.txt-l a{ padding:3px 0px;}
.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;}

/*목록(간단)*/
.simpleWrt{background:#f5f5f5;border:1px solid #d1d1d1;padding:6px; margin:10px 0 20px 0; float:left; width:99%;}
.simpleWrt + .ctr-box{margin:0 0 20px 0; clear:both;}
.simpleWrt .wrtTxt{border:1px solid #d1d1d1;position:relative; float:left; width:100%;}
.simpleWrt .wrtTxt textarea{width:100%; border:none;height:200px; line-height:15px; float:left; padding:5px; font-size:12px;}
.simpleWrt .wrtTxt .wrtFtbtn{float:left; width:100%;}

/*자료실*/
.basic-table01 ~ .board001 {margin-top:50px;}
.board001 {border:1px solid #fff; overflow:hidden; position:relative;}
.board001 .list_tit {width:96%; border-top:1px solid #dfdfdf; border-bottom:1px solid #ececec; padding:15px 2%; overflow:hidden; background:#fcfcfc;}
.board001 .list_tit h3{float:left; font-weight:600; margin:10px 0 0 10px; font-size:15px;}
.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 {float:right; line-height:30px; vertical-align:middle; font-size:12px;}
.board001 .list_tit p.list_date span.com_bar {/*margin-left:5px;*/}
.board001 .list_tit p.list_date span.com_bar > a{font-size:11px; color:#8e8e8e; margin:0 3px; }
.board001 .list_tit p.list_date span.com_bar > a:last-of-type{font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;}
.board001 .list_content{clear:both; position:relative;}
.board001 .list_content .conTop {overflow:hidden;}
.board001 .list_content .conTop h4 {display:inline-block; line-height:25px; font-size:13px; font-weight:400; width:70%; padding:5px 10px; box-sizing:border-box;}
.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 {clear:both; padding-left:0; float:left; padding:5px 10px; box-sizing:border-box;}
.board001 .list_content .conTop ul li{background:url("/images/wzwg/site/mngr/download.png")no-repeat 77px 3px; background-position:right 3px;}
.board001 .list_content .conTop>ul>li> a {padding-right:15px; font-weight:600;}
.board001 .list_content .conTop ul li a span{font-weight:900; color:#fa5058; padding:0 2px;}
.board001 .list_content .conTop ul + div,
.board001 .list_content .conTop #atchFile_div {float:left; margin-left:20px; display:inline !important;}
.board001 .list_content .conTop #atchFile_div ul li {line-height:20px;}
.board001 .list_content .conTop #atchFile_div ul li:hover {text-decoration:underline;}
.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 10px;line-height:17px; width:100%; float:left; box-sizing:border-box;}
.board001 .conMiddle div.conM_txt > p {/*margin-bottom:80px;*/}
.board001 .conMiddle ul{float:left;padding:15px 0;}
.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:599px){
 	.board001 .list_tit p.list_date {display:block; float:left; text-align:left; margin-top:10px;}
 	.board001 .list_tit h3 > span.sub_title {display:none;}
 	.board001 .conMiddle ul.snsListul {padding:0;}
 }


#bbs_area > .board001 .list_tit:before {font-size:25px; float:left; line-height:30px; font-weight:600;}
#bbs_area > .board001:nth-of-type(2) .list_tit:before {content:"Q.";}
#bbs_area > .board001:nth-of-type(3) .list_tit:before {content:"A.";}
#bbs_area > .board001:nth-of-type(3) {background:#f0f0f0;}
#bbs_area > .board001:nth-of-type(3) .list_tit {background:transparent;}
#bbs_area > .board001 .list_content {padding-left:35px;}
#bbs_area > .board001:nth-of-type(3) .list_content .conTop {position:absolute; top:-50px; width:100%;}
#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;}



/* 181214 게시판 댓글,등록일,조회수 리스트 */
.board001 .conMiddle div.conM_txt div.midListbt{width:100%; float:left; margin-top:80px;}
.board001 .conMiddle div.conM_txt div.midListbt ul.snsListul a{float:left;}
.board001 .conMiddle div.conM_txt div.midListbt ul.snsListul a img{vertical-align:top; float:left;}
.board001 .conMiddle div.conM_txt div.midListbt ul.snsListul + div ul {line-height:24px;}
.board001 .conMiddle div.conM_txt div.midListbt ul.snsListul + div ul li a{padding-right:8px; margin-right:8px; border-right:1px solid #c9c9c9; display:inline-block; line-height:10px;}
.board001 .conMiddle div.conM_txt div.midListbt ul.snsListul + div ul li:last-child a{border-right:none;}

.board001 .conBottom div.answer ul {width:100%; height:auto; line-height:auto; padding:0; float:left;}
.board001 .conBottom div.answer ul li{width:100%; padding:15px 0 10px 10px !important; float:left;}
.board001 .conBottom div.answer ul li p.comm_cont{padding:5px 2px !important;}
.board001 .conBottom div.answer ul + table thead td {padding:10px 0 10px 6px;}

/** 2018.07.17 SNS 공유 추가 */
.board001 .conMiddle ul.snsListul{float:right; clear:both; padding-bottom:0;} 
.board001 .conMiddle ul.snsListul li {float:left !important;}
.board001 .conMiddle ul.snsListul a{margin-right:0; padding-right:0; border-right:0;} 

.board001 .conBottom{clear:both;}
.board001 .conBottom div.cmtbg {background:#f9f9f9; border:1px solid #dfdfdf; border-radius:3px; padding:10px; font-size:13px;}
.board001 .conBottom div.cmtbg ul li{border-bottom:1px dotted #ccc;padding:25px 0 15px 10px;position:relative;}
.board001 .conBottom div.cmtbg ul li p.comm_cont{padding:7px 2px;}
.board001 .conBottom div.cmtbg ul li ul{position:absolute; top:0; right:0;}
.board001 .conBottom div.cmtbg ul li ul li{float:left; border:none; padding-left:5px;}
.board001 .conBottom div.cmtbg ul li ul li a{border-right:1px solid #ccc; padding-right:5px; color:#666; font-size:11px;}
.board001 .conBottom div.cmtbg ul li ul li:last-child a{border-right:0;}

/*자료실-댓글쓰기*/
.board001 table{width:100%;}
.board001 table thead td{font-weight:bold; font-size:12px; padding:10px 0 2px 6px;color:#252525; }
.board001 table tbody tr > td {line-height:12px;}
.board001 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;}
.board001 table tbody tr td > div {margin-top:10px;}
.board001 table tbody tr td textarea.txtBox{height:70px; width:100%;border:1px solid #e5e5e5;outline:none; padding:8px 10px; line-height:17px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.board001 table tbody tr td input.txtBtn{height:70px; width:100%; font-size:12px; border:1px solid #e5e5e5;background:#ffffff;cursor:pointer;min-width:50px;outline:none;text-align:center;}
.board001 span.gray{color:#b5b5b5; margin:0 5px;}
.board001 div > textarea.txtBox {color:#333; font-size:12px; line-height:14px; padding:5px;}

/*묻고답하기*/
.board001 .conBottom div.answer {width:100%; float:left; background:#f7f7f7; border:1px solid #ececec; border-radius:3px; padding:10px; box-sizing:border-box; margin-bottom:30px;}
.board001 .conBottom div.answer ul {}
.board001 .conBottom div.answer ul li{border-bottom:1px dotted #ccc;padding:10px 0 15px 10px;position:relative;}
.board001 .conBottom div.answer ul li:last-child{border-bottom:none;}
/*.board001 .conBottom div.answer ul li p.com_cont{background:url("/images/wzwg/site/mngr/a.png")no-repeat; padding:10px 36px;}*/
.board001 .conBottom div.answer ul li p.comm_cont{padding:7px 2px;}
.board001 .conBottom div.answer ul li ul{position:absolute; top:0; right:0px; width:auto;}
.board001 .conBottom div.answer ul li ul li{float:left;border:none;width:auto;padding: 8px 0 0 7px !important;}
.board001 .conBottom div.answer ul li ul li a{display:inline-block; border-right:1px solid #ccc; padding-right:7px; color:#666; font-size:11px; margin:0 !important;}
.board001 .conBottom div.answer ul li ul li a > img{vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px;}
.board001 .conBottom div.answer ul li ul li:last-child a{border-right:0;}
.board001 .conBottom > div.ctr-box {margin:10px 0 0 0;}


/*목록(블로그형)댓글*/
.conBottom02{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px;clear:both;}
.conBottom02 ul{padding:0;}
.conBottom02 ul li{border-bottom:1px dotted #ccc;padding:15px 0 15px 25px;position:relative; list-style:none;}
.conBottom02 ul li.reply{padding:15px 0 15px 10px;}
.conBottom02 ul li table{width:100%;}
.conBottom02 ul li table td.modify{padding:0px 2px 3px 6px;color:red;float:right;}
.conBottom02 ul li table td.modify a{color:red; font-weight:normal;}
.conBottom02 ul li table td.modify a:hover{text-decoration:underline;}
.conBottom02 ul li p.com_cont{margin-bottom:0;}
.conBottom02 ul li p.com_cont span.com_bar > a{font-size:11px; color:#8e8e8e; }
.conBottom02 ul li p.com_cont span.com_bar > a:last-of-type{font-size:11px; border-left:1px solid #c1c1c1; padding-left:5px; color:#8e8e8e;}
.conBottom02 ul li p.com_cont a{vertical-align:0px; margin:0 2px; font-size:12px;}
.conBottom02 ul li p.com_cont a:hover{color:#ff0000;}
.conBottom02 ul li img.user{position:absolute;top:12px; left:0;}
.conBottom02 ul li img.reply01{position:absolute;top:24px; left:15px;}
.conBottom02 ul li img.user01{position:absolute;top:12px; left:35px;}
.conBottom02 ul li p.com_cont01{padding-left:10px;margin:3px 0px 10px 0px;}
.conBottom02 ul li p.com_cont01 a{text-decoration:none;color:#333;vertical-align:0px;}
.conBottom02 ul li a{text-decoration:none; vertical-align:-2px;}
.conBottom02 ul li p.comm_cont{ margin:0; font-size:12px; color:#333;}

/* 하단 탭메뉴 */
div.step1{float:left; border-bottom:1px solid #ddd; margin:20px 0 10px; width:100%;}
div.step1 > ul.tapMenu {clear:both;padding-left:5px; float:left; padding:0; margin:0; list-style:none; height:35px;}
div.step1 > ul.tapMenu li {float:left; background:#fff; margin-right:2px;}
div.step1 > ul.tapMenu li a {border:1px solid #ddd; border-bottom:none; background:#f7f7f7; text-decoration:none; color:#333; min-width:120px; text-align:center;
							height:35px; font-size:13px; float:left; box-sizing:border-box; line-height:35px; padding:2px 10px;}
div.step1 > ul.tapMenu li a.on {background:#fff; border-top:2px solid #777; padding:2px 10px 0; height:36px;}
div.step1 > ul.tapMenu li a.on img{vertical-align:middle;margin:0 0 2px 4px;}
div.step1 > ul.tapMenu li a span.ico {font-size:10px; margin-right:5px;}
#detailFrm div.step1 > ul.tapMenu li:first-child a {background:#fff; border-top:2px solid #777; padding:2px 10px 0; height:36px;}

/*등록(수정)*/
.register-box {margin:10px 0;}
.register-box table {width:100%;border-collapse:collapse;text-align:left;}
.register-box table td {width:44%; padding:15px 0px !important;	font-size:13px;}
.register-box table tr{border-bottom:1px solid #ddd;}
.register-box table tr:first-child{border-top:2px solid #dfdfdf;}
.register-box table td .jectBoard{width:150px; }
.register-box div.subject table .subTit{font-weight:900; color:#444 ;text-align:center; font-size:12px; 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:12px; line-height:15px;}
.register-box div.subject table td ul.setlist li > span{margin:0 2px; /* vertical-align:7px; */}
.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:30px; margin-right:5px; font-size:12px;}
.register-box div.ftBtn{display:table;margin-left:auto;margin-right:auto;}
.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{padding-left:5px;color:#333;text-decoration:none; font-size:12px;}
.register-box a.save:hover{text-decoration:underline;}
.register-box span.red{color:#ff0000; font-weight:bold;padding-left:3px;}
.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; border:1px solid #c2c2c2;}
.register-box a.btn-s{line-height:12px; vertical-align:0;}
.register-box div.ftBtn{padding:30px 0;}
.register-box div.tool{width:100%; border:1px solid #ccc; height:500px; font-size:12px;}

	@media (max-width:599px){
		.register-box div.subject table .subTit {width:25% !important;}
		.register-box input.uploadTit {width:50% !important;}
	}


#ntt_reply_div {width:100%; float:left; margin-bottom:30px;}
#ntt_reply_div .board001 {background:#f9f9f9; border:1px solid #f0f0f0; width:100%; padding:10px; box-sizing:border-box;
						 width:calc(100% - 15px); float:left; margin-left:15px; overflow:visible; margin-bottom:20px;}
#ntt_reply_div .board001:before {content:" "; position:absolute; right:100%; top:17px; box-sizing:border-box; 
				  border-right:15px solid #f0f0f0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:0px solid transparent;}
#ntt_reply_div .board001:after {content:" "; position:absolute; right:100%; top:18px; box-sizing:border-box; 
				  border-right:14px solid #f9f9f9; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:0px solid transparent;}				  
#ntt_reply_div .board001 .list_tit {border:none; padding:0; background:transparent;}
#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:20px 0;}
#ntt_reply_div .board001 .list_content .conTop p {padding:15px 0;}
#ntt_reply_div .board001 .conMiddle ul {padding-bottom:5px; width:100%; clear:both;}
#ntt_reply_div .board001 .conBottom div.answer {background:white;}

#ntt_reply_regist_div {margin-top:50px;}


/*******************************************************************************************
********************************************************************************************
********************************************************************************************
***************************************** 공통 **********************************************
********************************************************************************************
********************************************************************************************
********************************************************************************************/


/*vertical-align*/
.va6 {vertical-align:6px;}

/*목록-검색*/
#nttSearch {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;}
#nttSearch input[type="text"] {width:40%; max-width:300px;}

/*넘버링*/
ul.num {display:table; margin:0 auto; float:none !important; padding-left:0;}
ul.num li {float:left; width:auto !important; padding:0 !important; list-style:none;}
ul.num li:last-child {margin-right:0;}
ul.num li a {padding:6px 8px 5px; display:inline-block; font-size:11px; color:#333;}
ul.num li a.on {background:#f0f0f0; border:1px solid #e8e8e8; border-radius:3px; font-weight:600; box-sizing:border-box; padding:5px 8px;}
ul.num li a.pd3 {padding:3px 9px 3px 0;}
ul.num li a:hover,
ul.num li a:focus {font-weight:600; text-decoration:underline;}
ul.num li a > img {width:20px; height:20px;}

/*190107*/
.ctr-box a.btn-s{font-size:14px; padding:7px 15px; border-radius:0;}



/* 말머리 */
	.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;}
	}
	

/* share popup/QR code */
.board001 .list_content .conTop p {display:none;}
.board001 .conMiddle ul.snsListul {display:none;}

#cnrs_btn {float:right; width:30%; border-bottom:1px solid #f6f6f6; padding:15px 10px; box-sizing:border-box; text-align:right; line-height:25px;}
#cnrs_btn>img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;}
#cnrs_btn>img:hover {opacity:1;}