@charset "utf-8";
/* linkboard skin
 * @latest 2022.04.15 SSJ
 * @latest 2022.05.09 SSJ
 * @latest 2023.02.09 OSY
*/

.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:30px; line-height:30px; min-width:100px;}
#listFrm .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;}

.basic-table01 {width:100%; float:left; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-collapse:collapse; margin:10px 0;}
.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 a.btn-s{color:#fff;}
/*.basic-table01 tbody tr td a:focus, a:hover {color:#fff}*/

/*자료실*/
.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 {border-top:1px solid #dfdfdf; border-bottom:1px solid #ececec; padding:20px 10px; overflow:hidden; background:#fcfcfc;}
.board001 .list_tit h3{float:left; font-weight:600;}
.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 {float:right; line-height:18px; vertical-align:middle;}
.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:14px; font-weight:400; width:70%; padding:15px 10px; border-bottom:1px solid #f6f6f6; box-sizing:border-box;}
.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; padding:15px 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;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:100%; float:left; padding:20px 10px;line-height:180%; margin-bottom:30px;}
.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 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;}

.board001 .conMiddle ul {float:left;padding:15px 10px 15px 30px; clear:both; padding-left:0; list-style:none;}
.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;}
.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;}

/** 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{background:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px 20px;}
.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:2px;}
.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:12px; 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:100%; border:1px solid #e5e5e5;outline:none; padding:10px; 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:13px; 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:12px; color:#333; }

/*묻고답하기*/
.board001 .conBottom div.answer{width:100%; float:left; background:#f7f7f7; border:1px solid #ececec; border-radius:5px; padding:10px; box-sizing:border-box;}
.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.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;}

/* 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 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;}


/* write page (글작성) 210422 수정  */
.register-box {margin:10px 0 40px;}
.register-box table {width:100%; border-collapse:collapse; text-align:left;}
.register-box table td {width:44%; padding: 20px 10px !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;}
.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 {width:15%; font-weight: 600; color: #333; text-align: left; font-size: 15px; padding: 20px 25px; background: #f9f9f9; border-bottom: 1px solid #eee;}
.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:empty {display:none;}
.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 {padding-left:5px; color:#333; text-decoration:none; font-size:12px;}
.register-box a.save:hover {text-decoration:underline;}
.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; margin-right:5px;}
.register-box input.uploadTit:focus {border:2px solid #333;}
.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;}
	}



/***** 가이드 예시화면(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 {top:25px; left:auto; margin-left:-150px; width:200px;}}
	@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;}}





/* 목록-검색 search area */
#nttSearch {margin-top:50px; text-align:center;}
#nttSearc select, select#searchCondition {border:none; font-size:16px; margin-right:10px; /*border-right:1px solid #ddd; */}
#nttSearch select:focus, select#searchCondition:focus {outline-style:dotted;}

#nttSearch:not(.wzAdmMainSrchbox) 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:not(.wzAdmMainSrchbox) input[type="text"]:focus,
select#searchCondition + input[type="text"]:focus {outline-style:dotted;}


#bbs_area div:not(.wzAdmMainSrchbox) .btn-srch {width:40px; height:45px; font-size:1px; border:none; padding:0;
    					background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position:-173px 13px; text-indent: -9999px;}
#bbs_area div:not(.wzAdmMainSrchbox) .btn-srch:before {display:none;}
#bbs_area div:not(.wzAdmMainSrchbox) .btn-srch:hover,
#bbs_area div:not(.wzAdmMainSrchbox) .btn-srch:focus {background-color:#ececec;}


/* type01 : event board */
.basic-table01 ~ .event-box {}
.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 15px; box-sizing:border-box; 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; text-align:center; background:#f7f7f7; vertical-align:middle; display:inline-block;}
.event-box .event-img .imgbox {float:left; width:100%; height:150px; line-height:150px; overflow:hidden; box-sizing:border-box;}
.event-box .event-img .imgbox > a:focus {border: 2px solid #333; float: left; width: 100%; height: 150px; box-sizing: border-box; overflow: hidden;}
.event-box .event-img .imgbox > a:focus img {float: left;}
.event-box .event-img .imgbox > a img {width: auto; max-width: 100%;vertical-align:middle;  transition:transform 1s; max-height: 100%;}
.event-box .event-txt {width: 70%;/* height: 150px; *//* float:left; */padding:5px 20px;box-sizing:border-box;position:relative;vertical-align:middle;display:inline-block;position: relative;}
.event-box .event-ipt + .event-txt {width: 90.2%;padding-left: 0;}
.event-box .event-ipt + .event-txt .list_date .com_bar {bottom:0;}
.event-box .event-txt>span:not(.lock):first-of-type {display:block; font-size: 14px;letter-spacing: -0.5px;padding: 5px;background: #f5f5f5;border-radius: 3px;max-width: 30%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
.event-box .event-txt>img {vertical-align:middle;}
.event-box .event-txt>img + h3 {width: 94%;display: inline-block;vertical-align:  middle;}
.event-box .event-txt .eventPosTit {font-size:19px;font-weight: 600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: block;vertical-align: middle;}
.event-box .event-txt .postrestInfo {color:#838383;  font-size:14px;margin-top: 10px;}
.event-box .event-txt .eventPosTit a {color:#333;}
.event-box .event-txt .eventPosTit 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: 59px;word-break: keep-all;margin-top: 15px;}
.event-box .event-txt div.comM_txt>a {width:100%; height: 40px; display:-webkit-box; /* margin-top:0; */ overflow:hidden; vertical-align:top; font-size:15px; line-height: 140% !important;
									color:#777; text-overflow:ellipsis; word-break: break-all; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.event-box .event-txt div.comM_txt * {font-family: 'NanumSquareR' !important;color:#777 !important;font-weight: 400 !important;font-size: 15px !important;margin-top: 0 !important;padding-left: 0 !important;margin-bottom: 0 !important; word-break:break-all !important;}
.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%;list-style: none !important;}
.event-box .event-txt div.comM_txt a {/* width:100%; *//* float: left; */}
.event-box .event-txt div.comM_txt a:focus {border: 1px dashed #ccc;box-sizing: border-box; max-height: 57px;float: left;overflow: hidden;background: #f9f9f9;}
.event-box .event-txt div.comM_txt a *: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 .event-txt .list_date {margin-top: 10px;font-size: 15.5px;color: #333;}
.event-box .event-txt .list_date .com_bar {position: absolute;right: -50px;bottom: -15px;}
.event-box .event-txt .list_date .com_bar .btn-del {display:none;}
.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);}

	@media (max-width:799px) {
		.event-box .event-img {width:28%;}
		.event-box .event-txt {width:65%;padding-right: 5px;}
		.event-box .event-txt .eventPosTit {font-size: 17px;font-weight:600;}
		.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,
		.event-box .event-txt div.comM_txt>a {font-size:14px !important;height:57px;}
	}
	@media (max-width:599px) {
		.event-box .event-txt .eventPosTit + p {left:20px;}
		.event-box .event-img .imgbox {max-height:130px; line-height:130px;}
		.event-box>li {padding-right:0;}
	}


/* type02 : list board */
table.link_list thead tr th, .basic-table01 tbody tr td {text-align:center; padding:20px 0; position:relative;}
table.link_list thead tr th,
table.link_list thead tr th a {font-weight:700; font-size:18px; color:#333;}
table.link_list thead tr th a:focus {}
table.link_list thead tr th a:focus span {display:block !important; position:absolute; top: 1px; padding: 19px 0; width:100%; text-align:center; outline-style:solid; box-sizing: border-box;}
table.link_list thead tr th a:first-child:focus + a {opacity:0;}
table.link_list thead tr th {border-bottom:1px solid rgba(0,0,0,0.3);}
table.link_list thead tr th:nth-last-child(3) {width: 5%;}
table.link_list thead tr td {border-bottom:1px solid #ddd;}
table.link_list tbody tr td {background:#fff;color:#333;font-size: 16.5px;padding: 29px 0;border-bottom:1px solid #ececec;position: relative;box-sizing: border-box;text-align: center;}
table.link_list tbody tr td.txt-l {padding-right: 70px;}
table.link_list tbody tr td a {color:#333; padding:3px 10px;}

table.link_list {width:100%;float:left;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-collapse:collapse;margin: 10px 0 50px;}
table.link_list colgroup {display:none;}
table.link_list tbody tr td:last-child {text-align:center;}
table.link_list tbody tr td.txt-l>a>p {display: inline-block;}
table.link_list tbody tr td.txt-l .comM_txt {display: none !important;font-size:15px; line-height:20px; height:40px; overflow: hidden; word-break:keep-all;
   											 -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
table.link_list tbody tr td.txt-l .comM_txt:hover {text-decoration:underline;}
table.link_list tbody tr td.txt-l .btnbox {display: inline-block;float: right;position: absolute;right: 0;margin-top: -7px;}

	@media (max-width:799px){
		table.link_list tbody tr td.imgtd img {width:80px;}
		table.link_list tbody tr td.txt-l>a>p {font-size:14px; -webkit-line-clamp:2; height:42px; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal;}
		table.link_list td .wzbtn-table + .wzbtn-table {margin-top:0;}
		table.link_list tbody tr td:last-child {display:none;}
	}



.ctr-box a.btn-s {font-size:14px; padding:7px 15px; border-radius:0;}


/* type03 : album board */
  .basic-table01 ~ ul.album {margin:50px 0;}
  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; margin-right:2%; margin-bottom: 10px; box-sizing:border-box; position:relative; vertical-align:middle; margin-bottom:30px; z-index:0;
  				box-shadow:0 0 1px rgba(0, 0, 0, 0); overflow:hidden; padding:5px;}
  ul.album > li:before {content:""; position:absolute; z-index: 0; left:0; right:0; top:0; opacity: 0;bottom:0;
  					    border-color: transparent; border-style:solid; border-width:0;
  					    -webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;transition: border .3s;}
  ul.album > li:hover:before {border: 5px solid #333;z-index: -1;opacity: 1;}
  ul.album > li:first-child {width:100%;}
  ul.album > li:nth-child(4n) {margin-right:0;} ul.album.nth4 > li:nth-child(4n+1) {clear:both;}

  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 > p {width:100%; float:left; padding-top:15px; -webkit-transition:padding-top 1.5s;transition:padding-top 1.5s;font-size: 17px;}
  ul.album > li div.alBox > p input[type="checkbox"] {position:absolute; left:7px; top:8px; line-height:0;}
  ul.album > li div.alBox > p a {font-size:18px;max-width: 85%; 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 + img {margin-left:3px;}
  ul.album > li div.alBox > p a:hover {text-decoration:underline; font-weight:600;}
  ul.album > li div.alBox > p>span:not(.lock):first-of-type {display: inline-block;font-size: 14px;letter-spacing: -0.5px;padding: 5px;background: #f5f5f5;border-radius: 3px;margin-right: 3px;max-width: 50%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
  ul.album > li div.alBox span.imgBox {width:100%; height:250px; 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;
  									-webkit-transition:margin-top 1.5s; transition:margin-top 1.5s;}
  ul.album > li div.alBox span.imgBox > img {max-width: 170%; height:auto; display:inline-block; vertical-align:middle; margin:auto;
  										   transition:transform 1.5s; -webkit-transition:opacity 1.5s; transition:opacity 1.5s; min-height: 100%; min-width: 100%;
  										   position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px;}
  ul.album > li div.alBox div.inquiry{float:left;padding: 10px 0 20px;width:100%;box-sizing: border-box;color:#797979;text-align: center;font-size: 16px;}
  ul.album > li div.alBox div.inquiry ul {float:none !important; display:flex !important; flex-flow:row wrap; justify-content:space-between; list-style:none; padding:0;}
  ul.album > li div.alBox div.inquiry ul li {width:auto !important; line-height: 130%; vertical-align:middle; display: inline-block;}
  ul.album > li div.alBox div.inquiry span {line-height: 130%; text-align: left;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;vertical-align: middle;}
  ul.album > li div.alBox div.inquiry .com_bar {text-align:right;}

  ul.album > li div.alBox > p .reflyTxt {display:inline-block;vertical-align:middle;position: relative;padding: 0 7px 5px 3px !important;background: transparent !important;}
  ul.album > li div.alBox > p .reflyTxt i.fa {font-size: 18px;}
  ul.album > li div.alBox > p .reflyTxt .blind {}
  ul.album > li div.alBox > p .reflyTxt .rfno {position: absolute; background: #838383; color: #fff; font-size: 11px; width: 17px; height: 17px; text-align: center; line-height: 18px; border-radius: 100%; bottom: 0; right: 0;}

  ul.album > li div.alBox span.lock {display: inline-block; vertical-align: middle;}
  ul.album > li div.alBox span.lock span {width:1px;height:1px;font-size:1px;line-height:0;text-indent:-9999px;overflow:hidden;display: inline-block;}

  .album_read_viewport {width:50% !important;margin-top:20px !important;margin-bottom: 20px !important;}
  .album_read_viewport .bx-wrapper, .album_read_viewport .bx-viewport {width:100% !important;max-width: 100% !important;text-align: center;}
  .album_read_viewport ul li > span {border:none !important;}
  .album_read_viewport ul li > span.thumbnail {line-height:65px;}
  .album_read_viewport ul li > span.thumbnail img {width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle;}
  .album_read_viewport ul li > a {padding:5px 10px;border-radius:2px;border:1px solid #ddd;font-size: 14px;}
  .album_read_viewport .bx-viewport ul {padding-left:30px;text-align:center;}
  .album_read_viewport .bx-viewport ul li {float:none !important;display: inline-block;}

	@media (min-width:991px){
		ul.album > li {min-height:360px;}
	}
  	@media (min-width:700px) and (max-width:990px){
  		ul.album > li div.alBox span.imgBox {height:120px;}
  	}
  	@media (min-width:700px){
  		ul.album > li {width:23.5%;}
  	}
  	@media (max-width:699px){
  		ul.album > li {width:100%; min-height:220px;}
  		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: 100px;}
  		ul.album > li div.alBox div.inquiry {font-size: 14px;}
		ul.album > li div.alBox span.imgBox > img {max-width: 150%;}

		ul.album > li div.alBox div.inquiry ul {width:100%;}
		ul.album > li div.alBox div.inquiry ul li {width:100%;}
  	}







/* 말머리 */
	.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 {text-align:right;}
.selectBbsSubospec .main-menu-bar {/* width:100%; */ padding:0 !important;}
.board.wztab .wztab-list .wztab-item.active {border-top-color:#333;}
.selectBbsSubospec .main-menu-bar + div {/* right:0; */ margin-bottom:2px;float: none !important;/* width: 40%; */display: inline-block;margin-top: 25px;}	

	@media (max-width:599px) {
		.board.wztab {z-index:1 !important;}
		.selectBbsSubospec {/* border-bottom:1px solid #d9d9d9; *//* height:46px; */box-sizing: border-box;position: relative;/* padding-bottom: 5px; */margin-bottom: 4px;}
		.selectBbsSubospec .main-menu-bar {width:50%; overflow:visible !important;}
		.selectBbsSubospec .main-menu-bar:only-child {width:100%;}
	     #listCount {margin-top:0;margin-bottom: 0; width:auto!important;}
	     #listCount + .wzbtn-table {padding: 9px 9px;font-size: 15px;}
         #bbs_area .main-menu-bar select {width:50%;}
	}

/* 하단 버튼 정렬 */
.rt-box > .wzbtn + .wzbtn {margin-left:5px;}
