@charset "utf-8";
/* unityboard.css - skin:basic
 * @latest 2020.06.23 SSJ
*/


.subCon p {width:auto; /* float:left; */}
.allbox #bbs_area > div.mb30 { margin-bottom:10px;}
.allbox #bbs_area > div.mb30 ul {list-style:disc; padding-left:30px;}
.allbox #bbs_area > div.mb30 ul li {list-style:disc;}
.allbox #bbs_area > div.mb30 ol {list-style:decimal; padding-left:30px;}
.allbox #bbs_area > div.mb30 ol li {list-style:decimal;}

.allbox #bbs_area {margin-bottom:50px;}
#listFrm .main-menu-bar {padding:0 10px 5px; overflow:hidden;}
#listFrm .main-menu-bar select {height: 50px;line-height: 50px;min-width:100px;font-size: 17px;}
#listFrm .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;}

.basic-table01 {width:100%; border-top:2px solid #333; border-bottom:1px solid #ccc; border-collapse:collapse; margin:10px 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 {/* background:#f7f7f7; */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 {border-bottom:1px solid #ddd;}
.basic-table01 tbody tr td {background:#fff;color:#333;font-size: 17.5px;padding:25px 0;}
.basic-table01 tbody tr td a{/* border-radius:3px; */color:#333; padding:3px 10px; /* font-size:13px; *//* line-height:14px; */}
.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;}

	@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 0;}
		.basic-table01 tbody tr td .circle_badge {width:auto; word-break:keep-all; padding:7px 0; font-size:13px; font-weight:600;}
	}

/* view (상세페이지) */
.basic-table01 ~ .board001 {margin-top:50px;}
.board001 ~ .board001 {border-top:2px solid #dfdfdf; margin-top:30px;}
.board001 {/* border:1px solid #dfdfdf; *//* border-width:1px 0; *//* padding:0 0 10px; */overflow:hidden;clear:both;}
.board001 .list_tit {width:100%; overflow:hidden; border-top:2px solid #333;}
.board001 .list_tit h3{float:left;font-weight:600;width:100%;text-align:center;padding:21px 10px;border-bottom:1px solid #ccc;font-size:22px;line-height:150%;box-sizing:border-box;}
.board001 .list_tit h3 span.mg_r10 {font-size: 0.7em !important;font-weight: 400; display: inline-block; vertical-align: middle;}
.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; 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 p.list_date {width:100%; float:left; /* margin-top:15px; *//* padding:18px 10px 5px; */font-size:14px; box-sizing:border-box;
								/* padding:15px; */font-size:15px; line-height:150%; border-bottom:1px solid rgba(51,51,51,0.1);}
.board001 .list_tit p.list_date strong {display:inline-block; font-weight:600; color:#333; font-size:16px; border-bottom:none;
										background:#fcfcfc; padding:20px 15px; text-align:right; width:15%; box-sizing:border-box; margin-right:15px;}
.board001 .list_tit p.list_date span.com_bar {float:right; padding:20px 15px;}
.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 {clear:both; position:relative;}
.board001 .list_content .conTop {overflow:hidden;position: relative;}
.board001 .list_content .conTop h4 {display:inline-block; font-weight:400; width:100%; box-sizing:border-box; font-size:15px; line-height:150%; border-bottom:1px solid rgba(51,51,51,0.1);}
.board001 .list_content .conTop h4 strong {display:inline-block; font-weight:600; color:#333; font-size:16px; border-bottom:none; background:#fcfcfc; padding:20px 15px; text-align:right; width:15%; box-sizing:border-box; margin-right:15px;}
.board001 .list_content .conTop p {float:right; line-height:25px; width:30%; text-align:right; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #f6f6f6;}
.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;display: inline-block;font-weight: 600;color: #333;font-size: 16px;border-bottom: none;padding: 20px 15px;text-align: right;width: 15%;box-sizing: border-box;/* margin-right: 15px; */}
.board001 .list_content .conTop ul li{background: url("/images/wzwg/site/mngr/download.png")no-repeat;background-position: right 7px;}
.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;font-size: 0.9em;}
.board001 .list_content .conTop ul + div,
.board001 .list_content .conTop #atchFile_div {width: 85%;float:left;/* margin-left:20px; */display:inline !important;}
.board001 .list_content .conTop #atchFile_div ul {padding: 20px 5px 20px 20px; /* border-bottom: 1px solid rgba(51,51,51,0.1); */}
.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 {width:100%;border-top:1px solid #ececec;float:left;}
.board001 .conMiddle{clear:both; padding-top:30px;}
.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 {width:98%;float:left;padding:20px 15px;font-size:15px;line-height:180%;margin-bottom: 50px;word-break:keep-all;}
.board001 .conMiddle div.conM_txt p {word-break:keep-all;}
.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;}
	}

/* 181214 게시판 댓글,등록일,조회수 리스트 */
.board001 .conMiddle div.midListbt{width:100%; float:left; margin-top:80px;}
.board001 .conMiddle div.midListbt ul.snsListul a{float:left;}
.board001 .conMiddle div.midListbt ul.snsListul a img{vertical-align:top; float:left;}
.board001 .conMiddle div.midListbt ul.snsListul + div ul {line-height:24px;}
.board001 .conMiddle 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.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 !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: 15px 0;}

.board001 .conMiddle ul {float:left;padding: 20px 15px !important;clear:both;padding-left:0;list-style:none;background: #fcfcfc;width: 100%;margin-bottom: 10px;}
.board001 .conMiddle ul li {float:left; list-style:none;}
.board001 .conMiddle ul li a{border-right:1px solid #c9c9c9;line-height:10px;display:inline-block;padding-right:10px;margin-right:10px;font-size: 16px;}
.board001 .conMiddle ul li:last-child a{border-right:none}
.board001 .conMiddle ul li span{margin-left:2px;font-size: 15px;}
.board001 .conMiddle ul li a.lu img{width:10px; height:11px;}
.board001 .conMiddle ul li a.lu b{vertical-align:2px; margin-left:5px;}

/** 2018.07.17 SNS 공유 추가 */
.board001 .conMiddle ul.snsListul{float:right; position:absolute; bottom:10px; right:0; padding-bottom:0;}
.board001 .conMiddle ul.snsListul li {float:left !important; list-style:none !important;}
.board001 .conMiddle ul.snsListul a{margin-right:0; padding-right:0; border-right:0;}

.board001 .conBottom{clear:both;}
/*.board001 .conBottom div.cmtbg{border:1px solid #ccc;}*/
.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 .conBottom div#module_inc_11 ul{height:auto; line-height:auto;}
.board001 .conBottom ul{float:left; padding:15px 10px; height:auto;}
.board001 .conBottom ul li{float:left;}
.board001 .conBottom ul li a{border-right:1px solid #bfb9b9; padding-right:10px; margin-right:10px; display:block;}
.board001 .conBottom ul li:last-child a{border-right:none}
.board001 .conBottom ul li span{margin-left: 10px;font-size: 0.85em;}
.board001 .conBottom ul li a.lu img{width:10px; height:11px;}
.board001 .conBottom ul li a.lu b{vertical-align:2px; margin-left:5px;}

/*자료실-댓글쓰기*/
.board001 table{width:100%;}
.board001 table thead td{font-weight:bold;font-size: 15px;padding:10px 0 2px 6px;color:#252525;}
.board001 table tbody tr > td{/* padding-left:3px; */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: 99.5%;border: 2px solid #bbb;/*outline:none; */padding: 15px;
											line-height:20px;-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: 15px;font-weight: 600;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 .txtBox{font-size: 15px;color:#333;}

/*묻고답하기*/
.board001 .conBottom div.answer{width:100%;float:left;border:1px solid #ececec;padding: 5px 15px 20px;box-sizing:border-box;margin-bottom: 20px;}
.board001 .conBottom div.answer ul {}
.board001 .conBottom div.answer ul li{border-bottom: 1px solid #ececec;padding:10px 0 15px 10px;position:relative;font-size: 15.5px;}
.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 #ddd;padding-right:7px;color:#666;font-size: 14px;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;display: none;}
.board001 .conBottom div.answer ul li ul li:last-child a{border-right:0;}
.board001 .conBottom div.answer ul li p {}
.board001 .conBottom div.answer ul li p.com_cont {}
.board001 .conBottom div.answer ul li p.comm_cont {}
.board001 .conBottom div.answer ul li p.comm_cont + div {}
.board001 .conBottom > div.ctr-box {margin:10px 0 0 0;}

/* list(blog)댓글*/
.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 p.com_cont > a:first-of-type{padding-left:5px;}*/
.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;}


/*웹진형 webzine */
.basic-table01 ~ .webzine {margin-top:50px;}
.webzine {padding:10px 0;}
.webzine > ul {list-style:none; padding:0; margin:0; padding-left:0 !important;}
.webzine .list_box {width:100%; float:left; border-top:2px solid #dfdfdf; margin-bottom:70px; box-sizing:border-box;}
.webzine .list_tit {width:100%; border-bottom:1px solid #f0f0f0; background:#f7f7f7; float:left;
					padding:15px 10px; box-sizing:border-box;}
.webzine .list_tit h3 {float:left; font-size:15px;}
.webzine .list_tit h3 > span.tit_bar{border-left:1px solid #ccc; padding-left:5px; margin-left:5px;}
.webzine p.list_date {display:inline-block; font-size:12px; line-height:10px; border-left:1px solid #ccc; padding:0 7px; margin:7px; color:#aaa;}
.webzine .list_content {clear:both; position:relative; padding-top:70px; width:100%; float:left;}
.webzine .list_content .conTop {position:absolute; top:0; left:0; padding:5px; clear:both; overflow:hidden;}
.webzine .list_content .conTop h4 {font-size:12px; color:#666666; float:left; line-height:30px; font-weight:400;}
.webzine .list_content .conTop h4 img {margin-right:5px; vertical-align:-3px;}
.webzine .list_content .conTop h4 a{display:inline-block;}
.webzine .list_content .conTop h4 a img{vertical-align:middle; margin-bottom:4px; margin-right:0;}
.webzine .list_content .conTop ul{float:right;}
.webzine .list_content .conTop ul li{float:left; margin-right:5px;}
.webzine .list_content .conTop ul li span{font-weight:600; margin-left:2px;}
.webzine .list_content .conTop a.lineRight{position:absolute; top:40px; right:3px; text-decoration:none; color:#333;}
.webzine .list_content .conTop a.lineRight:hover{text-decoration:underline;}
.webzine .list_content .conTop a.lineRight img{vertical-align:middle; margin:0 0 3px 3px;}
.webzine .conMiddle{clear:both;}
.webzine .conMiddle p.conM_txt {padding:15px 5px 40px; line-height:150%; font-size:13px; color:#666; width:100%; float:left;}
.webzine .conMiddle ul {margin-bottom:10px; padding-right:3px;}
.webzine .conMiddle ul li{float:left; margin-right:2px; clear:both;}

/*등록(수정)*/
.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:15px;}
.register-box table td select,
.register-box table td input[type="text"] {font-size:15px; height:40px;}
.register-box table td textarea {padding:30px; box-sizing:border-box; line-height:150%; font-size:15px;}
.register-box table tr{border-bottom:1px solid #ddd;}
.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; /* 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: 40px;margin-right:5px;font-size: 15px;}
.register-box div.subject table td ul.fileplus li .wzbtn-table.btn-basic{height: 40px; line-height: 32px;}
.register-box div.subject table td ul.fileplus li .wzbtn-table.btn-del{height: 40px; line-height: 32px;}
.register-box div.subject table td ul.fileplus li input + .btn-basic{margin-left:5px;}
.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;}
	}

/***** 가이드 예시화면(0129 add) *****/
.register-box div.subject table td ul.fileplus li span > .menu_help{float:none; clear:both; border:none !important; line-height:21px; margin-right:5px; font-size:12px;}
.register-box div.subject table td ul.fileplus li span > .menu_help {margin-bottom:-4px; cursor:pointer; display:inline; position:relative;}
.register-box div.subject table td ul.fileplus li span > .menu_help > img{vertical-align:middle; width:16px; height:16px}
.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{display:none; position:absolute; width:250px; top:0px; left:25px; line-height:18px; z-index:2; background:#f5f5f5; color:black; border:1px solid #dedede; font-size:12px; padding:10px;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop {display:block;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop > img {max-width:800px;}

@media (max-width:1520px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px; left:0; margin-left:-125px}
}
@media (max-width:1150px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px; left:0; margin-left:-180px}
}
@media (max-width:990px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px; left:0; margin-left:-125px}
}
@media (max-width:580px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px; left:0; margin-left:-170px}
}
@media (max-width:479px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{width:200px; top:25px; left:auto; margin-left:-150px}
}
@media (max-width:360px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px; left:0; margin-left:-200px}
}





.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;}
.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 select.headId {width:150px; height:40px; border:1px solid #dfdfdf; border-radius:3px;}
.register-box a.btn-s{line-height:12px; vertical-align:0;}
.register-box input{/*border:1px solid #dfdfdf; border-width:thin; height:30px; padding-left:5px; border-radius:3px; overflow:hidden*//* overflow:hidden => 0129*/}
.register-box div.ftBtn{padding:30px 0;}
.register-box div.tool{width:100%; border:1px solid #ccc; height:500px; font-size:12px;}
.register-box table td select {width:300px !important; border:1px solid #dfdfdf; border-radius:3px; height:30px;}
.register-box table td div {width:100%; max-width:650px;/*border:1px solid #dfdfdf !important; */ border-radius:3px; min-height:30px; /*padding:5px; */ 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;}
.ctr-box {margin-bottom:30px;}

@media (max-width:990px){
	.register-box {margin:0;}
	.register-box div.subject table .subTit {width:20%; padding-right:20px;}
	#smart_editor2 {min-width:100% !important;}
	.register-box input.uploadTit {width:40% !important;}
}

/* 첨부파일 간격 제어 */
@media (max-width: 599px) {
.register-box div.subject table td ul.fileplus li .wzbtn-table + .wzbtn-table {margin-top:0;}
}


/*목록-검색*/
#nttSearch {margin-top:50px;}
#nttSearch select {border:none; font-size:16px; margin-right:10px; /*border-right:1px solid #ddd; */}
#nttSearch select:focus {outline-style:dotted;}
#nttSearch 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 {outline-style:dotted;}
#nttSearch a.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;}
#nttSearch a.btn-srch:before {display:none;}
#nttSearch a.btn-srch:hover,
#nttSearch a.btn-srch:focus {background-color:#ececec;}

/*넘버링*/
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; line-height:normal !important; margin:0 2px;}
ul.num li:last-child {margin-right:0;}
ul.num li a {width:40px; height:40px; line-height:40px; display:inline-block; font-size:13px; color:#333; box-sizing:border-box;}
ul.num li a.on {background:#272d3d; color:#fff; border:1px solid #000; 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; */border:1px solid #ddd;}
ul.num li a > img {width:20px; height:20px;}

	@media (max-width:799px){
		ul.num li a {width:25px; height:25px; line-height:25px;}
	}


/*event board*/
.basic-table01 ~ .event-box {/* margin-top:30px; */}
.event-box {width:100%;
			border-bottom:1px solid #e4e4e4;
			border-top: 2px solid #333;
			margin:10px 0 30px;
			float:left;
			box-sizing:border-box;
			list-style:none !important;
			padding-left:0 !important;
			}
.event-box>li{width:100%;float:left;border-bottom: 1px solid #e2e2e2;padding:20px 0px;box-sizing:border-box;/*display:table; */list-style:none !important;}
.event-box li:last-child{border-bottom:none;}
.event-box li:nth-child(even) {background:rgba(247,247,247,0.5);}
.event-box .event-ipt{/*display:table-cell; */ vertical-align:middle; width:5%; float:left;}
.event-box .event-ipt > input{margin:0 auto; display:block;}
.event-box .event-img {width:20%;/*display:table-cell; */vertical-align:middle;/* float:left; */text-align:center;background:#f7f7f7;vertical-align: middle;display: inline-block;}
.event-box .event-img .imgbox {float:left;width:100%;max-height:150px;line-height:150px;overflow:hidden;/* border:1px solid #f0f0f0; */box-sizing:border-box;}
.event-box .event-img .imgbox > a img {width:100%; vertical-align:middle; transition:transform 1s; transition:transform 1s;}
.event-box .event-txt {width: 70%;height:135px;/* float:left; */padding:5px 20px;box-sizing:border-box;position:relative;vertical-align: middle;display: inline-block;}
.event-box .event-txt h3 {font-size: 19px;font-weight:500;width:100%;padding-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.event-box .event-txt h3 + p {color:#838383;position:absolute;left:20px;bottom:0;font-size: 14px;}
.event-box .event-txt h3 a {color:#333;}
.event-box .event-txt h3 a span {font-size: 0.8em;}
.event-box .event-txt p br {display:none;}
.event-box .event-txt div.comM_txt {width:100%; overflow:hidden; max-height:60px;}
.event-box .event-txt img {display:none;}
.event-box .event-txt div.comM_txt p {
									 font-size: 15px;
									 margin-top:0;
									 color: #777;
									 width:100%;
									 height:60px;
									 display:-webkit-box;
									 line-height: 140%;
									 overflow:hidden;
									 vertical-align:top;
									 text-overflow:ellipsis;
									 word-break:keep-all;
									 -webkit-box-orient:vertical;
									 -webkit-line-clamp:3;
									 }
.event-box .event-txt div.comM_txt ol,
.event-box .event-txt div.comM_txt ul {}
.event-box .event-txt div.comM_txt li,
.event-box .event-txt div.comM_txt li b,
.event-box .event-txt div.comM_txt li span {font-family: 'NanumSquareR' !important;font-size: 15px !important;font-weight: 400;color: #777;line-height: 140%;}
.event-box .event-txt div.comM_txt a {width:100%;}
.event-box .event-txt div.comM_txt a p:empty {display:none;}
.event-box .event-txt div.comM_txt a br {display:none;}
.event-box .event-txt div.comM_txt ol,
.event-box .event-txt div.comM_txt ul {padding-left:0;}

.event-box li:hover .event-txt h3 {font-weight:600;}
.event-box li:hover .event-txt div.comM_txt p {text-decoration:underline;}
.event-box li:hover  .imgbox > a img {transform:scale(1.1);}

.event-box + .ctr-box + .ctr-box {background:#f7f7f7; border:1px solid #ececec; padding:20px 0; border-radius:3px;}
.event-box + .ctr-box + .ctr-box input[type="text"] {width:40%; max-width:300px;}

	@media (max-width:799px){
		.event-box .event-img {width:30%;}
		.event-box .event-txt {width:65%;}
		.event-box .event-txt h3 {font-size:15px;}
	}
	@media (max-width:599px){
		.event-box .event-txt {padding-left:10px;}
		.event-box .event-txt h3 + p {left:10px;}
		.event-box .event-img .imgbox {max-height:130px; line-height:130px;}

	}



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

/* album */
.basic-table01 ~ ul.album {/* margin-top:60px; */}
ul.album ~ ul.album {margin-top:30px;}
ul.album ~ ul.album + .ctr-box {margin-top:50px; float:left; width:100%;}
ul.album{float:left; width:100%; margin-bottom:30px; list-style:none; margin:0; padding:0; padding-left:0 !important;}
ul.album > li {
				float:left;
				width:23.5%;
				margin-right:2%;
				margin-bottom: 30px;
				/* padding:0 4px; */
				box-sizing:border-box;
				/* border:1px solid #ddd; */
				/* padding:15px 15px 30px; */
				position:relative;
				vertical-align:middle;
				box-shadow:0 0 1px rgba(0, 0, 0, 0);
				overflow:hidden;
				-webkit-transform:perspective(1px) translateZ(0);
				transform:perspective(1px) translateZ(0);
				}
ul.album > li:before {
					    content:"";
					    position:absolute;
					    z-index:-1;
					    left:0;
					    right:0;
					    top:0;
					    bottom:0;
					    border-color:#212121;
					    border-style:solid;
					    border-width:0;
					    -webkit-transition-property:border-width;
					    transition-property:border-width;
					    -webkit-transition-duration:0.1s;
					    transition-duration:0.1s;
					    -webkit-transition-timing-function:ease-out;
					    transition-timing-function:ease-out;
					    }
ul.album > li:hover:before,
ul.album > li:focus:before {/* -webkit-transform:translateY(0); *//* transform:translateY(0); *//* border-width:3px; */}
ul.album > li:hover div.alBox span.imgBox > img {transform:scale(1.1);}
ul.album > li:nth-child(4n) {margin-right:0;}
ul.album > li div.alBox {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin:0;}
ul.album > li div.alBox > a{float:left; width:100%;}
ul.album > li div.alBox > a + div{float:left; width:100%; background:#fff;}
ul.album > li div.alBox > a + div > ul{float:left; padding:5px 0; width:auto; box-sizing:border-box;}
ul.album > li div.alBox > a + div > ul li{float:left;}
ul.album > li div.alBox > a + div > ul li:first-child{padding:0 2px 0 5px; box-sizing:border-box;}
ul.album > li div.alBox > a + div > ul li:last-child > img{padding-left:5px; vertical-align:top; box-sizing:border-box; text-align:center; display:block; margin:0 auto;}
ul.album > li div.alBox > a + div > ul + a{padding:5px 0 5px 5px; float:left; vertical-align:top; text-overflow:ellipsis;
											overflow:hidden; white-space:nowrap; width:80%; box-sizing:border-box; line-height:16px; font-size:14px; color:#5c5c5c;}
ul.album > li div.alBox > p {width:100%;float:left;margin-top:15px;text-align: center;}
ul.album > li div.alBox > p input[type="checkbox"] {position:absolute; left:7px; top:0; line-height:0;}
ul.album > li div.alBox > p a {
							    font-size: 18px;
							    width: 85%;
							    text-align:center;
							    line-height:150%;
							    word-break:keep-all;
							    white-space:nowrap;
							    overflow:hidden;
							    text-overflow:ellipsis;
							    display:inline-block;
							    vertical-align:middle;
							    display: inline-block;
							    }
ul.album > li div.alBox > p a + a {width: auto;}
ul.album > li div.alBox > p a:hover {text-decoration:underline; font-weight:600;}
ul.album > li div.alBox span.imgBox {/* border:1px solid #ececec; */
									width:100%;
									height: 200px;
									line-height:160px;
									overflow:hidden;
									background:#f7f7f7;
									display:inline-block;
									box-sizing:border-box;
									-moz-box-sizing:border-box;
									-webkit-box-sizing:border-box;
									text-align:center;
									overflow: hidden;
									position: relative;
									}
ul.album > li div.alBox span.imgBox > img {width: 140%;height:auto;transition:transform 1s;transition:transform 1s;display:inline-block;vertical-align:middle;position: absolute;margin: auto;top: -999px;bottom: -999px;right: -999px;left: -999px;}
ul.album > li div.alBox div.inquiry{float:left; margin-top:15px; width:100%; box-sizing:border-box; color:#797979;}
ul.album > li div.alBox div.inquiry ul {width:100%; float:left; list-style:none; padding:0; text-align:right;}
ul.album > li div.alBox div.inquiry ul li {font-size:16px; line-height:150%; text-align:center;}
ul.album > li div.alBox div.inquiry ul li:first-child {display:none; border-right:1px solid #ccc; line-height:13px; padding-right:5px; margin-right:5px;
													   font-size:13px; vertical-align:middle;}
ul.album > li div.alBox div.inquiry span {display:none; float:right; font-size:13px; line-height:13px;}

	/* album Board - search box */
	ul.album + .ctr-box + .ctr-box select {border:none; font-size:16px; margin-right:10px;}
	ul.album + .ctr-box + .ctr-box select:focus {outline-style:dotted;}
	ul.album + .ctr-box + .ctr-box input[type="text"] {width:40%; max-width:300px; height:45px; font-size:16px; border:none; border-bottom:2px solid #ccc;}
	ul.album + .ctr-box + .ctr-box input[type="text"]:focus {outline-style:dotted;}
	ul.album + .ctr-box + .ctr-box a.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;}
	ul.album + .ctr-box + .ctr-box a.btn-srch:before {display:none;}
	ul.album + .ctr-box + .ctr-box a.btn-srch:hover,
	ul.album + .ctr-box + .ctr-box a.btn-srch:focus {background-color:#ececec;}


.album_read_viewport {width:50% !important; margin-top:20px !important;}
.album_read_viewport ul li > span {border:none !important;}
.album_read_viewport ul li > a {padding:5px 10px; border-radius:2px; border:1px solid #ddd; font-size:12px;}
.album_read_viewport .bx-viewport ul {padding-left:30px;}
#zoom_img>div>img {width:auto !important; max-width:100%;}
#zoom_img + .conMiddle {border-top:none;}
.album_read_viewport a.disabled {background:transparent !important;}

	@media (min-width:700px) and (max-width:990px){
		ul.album > li div.alBox span.imgBox {height:120px;}
	}
	@media (max-width:699px){
		ul.album > li {width:49%; min-height:220px;}
		ul.album > li:nth-child(2n) {margin-right:0;}
		ul.album > li:nth-child(odd) {clear:both;}
		ul.album > li div.alBox > a + div > ul{width:auto;}
		ul.album > li div.alBox > a + div > ul + a {width:80%;}
		ul.album > li div.alBox span.imgBox {height:150px;}
	}



/* 말머리 */
	.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;}
.selectBbsSubospec .main-menu-bar + div {margin-top:10px;}
.board.wztab .wztab-list .wztab-item.active {border-top-color:#333;}


@media (min-width:600px){
	.selectBbsSubospec .main-menu-bar + div {/*position:absolute; */ right:0; margin-top:0;}
}
@media (max-width:599px){
	.selectBbsSubospec {/*border-bottom:1px solid #d9d9d9;*/ height:46px;}
	.selectBbsSubospec .main-menu-bar {width:80%;  overflow:visible !important;}
	.board.wztab {/* margin-top:10px; */}
	.selectBbsSubospec .main-menu-bar + div {width:20%;}
}

/* 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;position: absolute;top: 0;right: 0;}
#cnrs_btn>img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;}
#cnrs_btn>img:hover {opacity:1;}






.step1 {width: 100%; float: left;}
.step1 .tapMenu {padding: 20px 20px 10px; float: left; width: 100%;}
.step1 .tapMenu li {font-size: 16px; float: left; margin-right: 20px;}
.step1 .tapMenu li a {font-weight: 600;}
.step1 .tapMenu li a span {}
.step1 .tapMenu li a span.ico_on {}
.step1 .tapMenu li a span.ico_off {}
.step1 .tapMenu li a span#ntt_reply_cnt_txt {margin-left: 5px; font-size: 0.9em;}



#ntt_reply_div .board001 .list_tit h3 {display:none;}