@charset "utf-8";
/* @latest 2021.03.30 YHY */
/* @latest 2021.04.20 YHY */
/* @latest 2022.12.15 OSY */

/*******************************************************************************************
********************************************************************************************
********************************************************************************************
***************************************** 내용 **********************************************
********************************************************************************************
********************************************************************************************
********************************************************************************************/

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

/*자료실*/
.board001{border:1px solid #f0f0f0; background:#f9f9f9; padding:10px 20px; /*overflow:hidden;*/ margin-left:25px; position:relative; border-radius:1px; margin-bottom:20px !important;}
.board001:before {content:" "; position:absolute; right:100%; top:17px; box-sizing:border-box;
				  border-right:20px solid #f0f0f0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:0px solid transparent;}
.board001:after {content:" "; position:absolute; right:100%; top:18px; box-sizing:border-box;
				  border-right:19px solid #f9f9f9; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:0px solid transparent;}
.board001:nth-of-type(odd) {background:#f0f0f0;}
.board001:nth-of-type(odd):after {border-right-color:#f0f0f0;}

.board001 .list_tit{width: 100%; border-bottom:1px solid #ddd; box-sizing: border-box; padding:15px 0 10px; overflow:hidden;}
.board001 .list_tit h3{float:left; font-weight:600; font-size:16px; margin:0; line-height:27px;}
.board001 .list_tit h3 > img{vertical-align:-10px; margin-right:5px;}
.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; }
.board001 .list_tit h3 > span.qna{background:url("/images/wzwg/module/ntt/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 p.list_date{float:right;color:#868686; font-size:12px; margin:0;}
.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:#868686; 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:#868686;}
.board001 .list_content{clear:both; position:relative;}
.board001 .list_content .conTop {overflow:hidden; position:absolute; top:-30px; line-height:20px;}
.board001 .list_content .conTop h4{display:inline-block; font-size:13px;}
.board001 .list_content .conTop p{float:right; font-size:11px; margin:0; line-height:12px; padding:0; display:none;}
.board001 .list_content .conTop p a{margin-left:2px; padding:2px 6px; font-size:11px; color:#fff; background:#ccc; border-radius:2px;}
.board001 .list_content .conTop div.fileBox{margin-top:10px; float:right; width:100%;}
.board001 .list_content .conTop ul {float:right; clear:both; margin-top:0px; padding:0; line-height:10px; }
.board001 .list_content .conTop ul li{background:url("/images/wzwg/module/ntt/download.png")no-repeat 68px 1px; margin-top:7px; list-style:none;}
.board001 .list_content .conTop ul li a{padding-right:20px; font-size:12px;}
.board001 .list_content .conTop ul li a span{font-weight:900; color:#fa5058; padding:0 2px;}
.board001 .conMiddle {clear:both;}
.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{font-size:12px; padding:20px 0 ;line-height:18px;}
.board001 .conMiddle ul{float:left;padding:15px 0; margin:0;}
.board001 .conMiddle ul li{font-size:12px; float:left; list-style:none; margin-right:8px; padding-left:8px; border-left:1px solid #e1e1e1; line-height:10px;}
.board001 .conMiddle ul li:first-child{border-left:none; padding-left:0;}
.board001 .conMiddle ul li a:hover{color:#333;}
.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 .conBottom{clear:both;}
.board001 .conBottom div.cmtbg{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px;}
.board001 .conBottom div.cmtbg ul{padding:0; margin:0; list-style:none;}
.board001 .conBottom div.cmtbg ul li{border-bottom:1px dotted #ccc;padding-bottom:10px;position:relative; font-size:12px;}
.board001 .conBottom div.cmtbg ul li p.com_cont{padding:0; margin:0;}
.board001 .conBottom div.cmtbg ul li p.com_cont > img{vertical-align:2px;}
.board001 .conBottom div.cmtbg ul li p.comm_cont{padding:0; margin:0; padding-left:5px;}
.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 td.comn_tit {font-weight:bold; font-size:12px; padding:5px 0 10px;color:#252525; }
.board001 table tbody tr > td {line-height:18px;}
.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; line-height:18px; -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 .conBottom div.answer{background:#f9f9f9; border:1px solid #f0f0f0; border-radius:3px; padding:10px;}
.board001 .conBottom div.answer ul {}
.board001 .conBottom div.answer ul li{border-bottom:1px solid #ddd; position:relative; margin-bottom:10px;}
.board001 .conBottom div.answer ul li:last-child{border-bottom:none;}
.board001 .conBottom div.answer ul li p.comm_cont{padding:7px 2px;}
.board001 .conBottom div.answer ul li p.comm_cont + div{line-height:18px;}
.board001 .conBottom div.answer ul li ul{position:absolute; top:0; right:0px;}
.board001 .conBottom div.answer ul li ul li{float:left; border:none; padding-left:5px;}
.board001 .conBottom div.answer ul li ul li a{border-right:1px solid #ccc; padding-right:5px; color:#868686; font-size:11px;}
.board001 .conBottom div.answer ul li ul li a > img{vertical-align:2px; margin-right:4px;}
.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:#868686; }
.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:#868686;}
.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;}