@charset "utf-8";
/* brochure Board
- latest 2019.10.04 ssj
- latest 2023.05.02 ssj */


.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 #fff; */overflow:hidden;position:relative;}
.board001 .list_tit {border-top:2px solid #333;/* border-bottom:1px solid #ddd; *//* padding:15px 10px; */overflow:hidden;/* background:#fcfcfc; *//* padding-top: 59px; */}
.board001 .list_tit h3 {line-height: 150%; width: 100%;
					    box-sizing: border-box; float: left; font-weight: 600; padding: 15px 10px; border-bottom: 1px solid #ddd;
					    font-size: 18px; background: #fcfcfc;}
.board001 .list_tit h3:before {/* content:"\f007"; */font-family:FontAwesome;margin-right:7px;vertical-align: middle;opacity: 0.6;}
.board001 .list_tit h3 > img{vertical-align:-10px; margin-right:5px; display:none;}
.board001 .list_tit h3 > span.sub_title {font-size:12px; border-left:1px solid #c1c1c1; padding-left:7px; vertical-align:1px; line-height:18px; height:18px; display:inline-block; margin-left:5px; font-weight:400; display:none; }
.board001 .list_tit h3 > span.qna{background:url("/images/wzwg/site/mngr/q.png")no-repeat; padding:7px 5px 7px 34px;}
.board001 .list_tit h3 span.bt{color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:2px; display:inline-block;}
.board001 .list_tit h3 span.mg_r10 {display:none;}
.board001 .list_tit p.list_date {width:100%;float:left;/* margin-top:15px; */padding: 15px 10px 5px;font-size: 14px;box-sizing: border-box;/* border-bottom: 1px solid #ddd; */}
.board001 .list_tit p.list_date:before {content:"\f017";font-family:FontAwesome; margin-right: 3px;vertical-align: middle;opacity: 0.6;}
.board001 .list_tit p.list_date span.com_bar {/*margin-left:5px;*/float:right;}
.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;}
.board001 .list_content .conTop h4 {line-height:150%; font-weight:400;background: #fcfcfc;box-sizing: border-box;
									width: 100%; float: left; padding: 5px 10px 15px; font-size: 14px; box-sizing: border-box;border-bottom: 1px solid #ddd;}
.board001 .list_content .conTop h4:before {content:"\f007"; font-family:FontAwesome; margin-right:7px;  vertical-align: middle; opacity: 0.6;}
.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 #ddd;}
.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; font-size:15px; line-height:160%;width:100%;float:left;box-sizing:border-box;word-break:keep-all;}
.board001 .conMiddle div.conM_txt > p {/*margin-bottom:80px;*/}
.board001 .conMiddle div.conM_txt + div ul {float:right;} /* 조회수 */
.board001 .conMiddle ul{float:left;padding:15px 10px;}
.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; font-size:15px;}
.board001 .conMiddle ul li:last-child a{border-right:none; padding-right:0; margin-right:0;}
.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;}
 	.board001 .list_tit h3 > span.sub_title {display:none;}
 	.board001 .conMiddle ul.snsListul {padding:0;}
 }

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

/* 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;}

/*등록(수정)*/
.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;width: 80% !important;height:40px;float: left;}
.register-box table td input[type="text"] + span {
    width: 100%;
    float: left;
    margin-top: 10px;
} /* guide text */
.register-box table td input[type="text"] + span:before {
													    content:"info";
													    background: #acc30f !important;
													    font-size: 11px;
													    width: 16px;
													    float: left;
													    box-sizing: border-box;
													    border-radius: 100%;
													    padding: 1px 0 1px 7px;
													    line-height: 14px;
													    display: inline-block;
													    text-align: center;
													    overflow: hidden;
													    margin: 0 3px;
													    color: #fff;
													    font-weight: 400;
													    cursor: default;
													    letter-spacing: 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; font-size:15px;}
.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;}


/***** 가이드 예시화면(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 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 {/*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;}
}


/*목록-검색*/
select#searchCondition {border:none; font-size:16px; margin-right:10px; /*border-right:1px solid #ddd;*/}
select#searchCondition + input[type="text"] {width:40%;max-width:300px;height:45px;font-size:16px;border:none;border-bottom:2px solid #ccc;}
select#searchCondition ~ 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;}
select#searchCondition ~ a.btn-srch:hover {background-color:#ececec;}


/*넘버링*/
ul.num {display:table; margin:30px 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; */}
/*hover 추가 20231010*/
ul.num li a.on:hover {background:#ED7322;color:#fff;border:1px solid #000;font-weight:600;box-sizing:border-box;}
ul.num li a.on:focus {background:#ED7322;color:#fff;border:1px solid #000;font-weight:600;box-sizing:border-box;}
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 #ED7322;}
ul.num li a > img {width:20px; height:20px;}

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

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


/* list */
form#listFrm {}
form#listFrm #sub_area {width:100%; float:left;}
.basic-table01 ~ ul.album {margin-top:60px;}
ul.album ~ ul.album {margin-top:20px;}
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; box-sizing:border-box;margin-bottom: 50px;}
ul.album > li div.alBox {float:left;width:100%;/* margin: 0; */border-top: 2px solid #333;padding-top: 10px;/* padding-right: 20px; */box-sizing: border-box;}
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:20px;/* padding-left: 20px; */box-sizing: border-box;}
ul.album > li div.alBox > p a {font-size: 18px;width: 100%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;text-align: center;}
ul.album > li div.alBox > p a .comM_txt {display: none;}
ul.album > li:hover div.alBox > p a {font-weight:600;}
/*20241024 웹접근성 관련 개선*/
ul.album > li:hover div.alBox > p a:hover {background: #d97400;color: #ffffff;}
ul.album > li:hover div.alBox > p a:focus {background: #d97400;color: #ffffff;}
/*20241024 웹접근성 관련 개선*/
ul.album > li:hover div.alBox > p a .comM_txt {font-weight:400; text-decoration:underline;}

ul.album > li div.alBox span.imgBox {border:1px solid #ececec;width:100%;height: 400px;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;}
ul.album > li div.alBox span.imgBox > img {height:auto;transition:transform 1s;transition:transform 1s;display:inline-block;vertical-align:middle;}
ul.album > li div.alBox div.inquiry{float:left;margin-top:15px;width: 100%;color: #333;/* padding-left: 20px; */box-sizing: border-box;border-top: 1px solid #ddd;padding-top: 15px;}
ul.album > li div.alBox div.inquiry ul {width: 100%;float:left;list-style:none;text-align: left;padding: 0;}
ul.album > li div.alBox div.inquiry ul li {font-size: 0;}
ul.album > li div.alBox div.inquiry ul li span.com_bar {float: left;width: 100%;margin-bottom: 10px;}
ul.album > li div.alBox div.inquiry ul li span.com_bar a {width: 50%;/* margin-right:2%; */float:left;border: none;font-size: 15px;padding: 0;border-right: 1px solid #ddd;}
ul.album > li div.alBox div.inquiry ul li span.com_bar a:last-child {/* margin-right:0; */border-right: none;}
ul.album > li div.alBox div.inquiry > span {display: none;}

/*ul.album > li div.alBox div.inquiry > span + a {width: 49%;margin-right: 2%;float: left;font-size: 16px;border-radius: 0;background: #d97400;color: #fff;padding: 10px 5px;border-color: #d97400;}*/
/*20241024 웹접근성 관련 개선*/
ul.album > li div.alBox div.inquiry > span + a {width: 49%;margin-right: 2%;float: left;font-size: 16px;border-radius: 0;background: #ffffff;color: #000000;padding: 10px 5px;border-color: #000000;}
ul.album > li div.alBox div.inquiry > span + a:hover {width: 49%;margin-right: 2%;float: left;font-size: 16px;border-radius: 0;background: #d97400;color: #ffffff;padding: 10px 5px;border-color: #d97400; border-style:dotted;}
ul.album > li div.alBox div.inquiry > span + a:focus {width: 49%;margin-right: 2%;float: left;font-size: 16px;border-radius: 0;background: #d97400;color: #ffffff;padding: 10px 5px;border-color: #d97400; border-style:dotted;}
/*20241024 웹접근성 관련 개선*/
ul.album > li div.alBox div.inquiry > span + a:before {content: "\f02d";font-family: 'fontAwesome';margin-right: 7px;}
ul.album > li div.alBox div.inquiry > span + a + a {width: 49%;float: right;border-radius: 0;padding: 10px 5px;font-size: 16px;}
ul.album > li div.alBox div.inquiry > span + a + a:before {content: "\f019";font-family: 'fontAwesome';margin-right: 7px;}

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

.album_read_viewport {width:50% !important;height: 155px !important;margin: 30px auto !important;}
.album_read_viewport .bx-wrapper, .album_read_viewport .bx-viewport {height:100% !important;}
.album_read_viewport ul li > span {border:none !important;}
.album_read_viewport ul li > a {padding:9px 10px;border:1px solid #000;background:#333;color:#fff;font-size:16px;margin-top: 15px;}
.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 .disabled {background:transparent !important;}
.album_thumbnail_box li {height: auto !important;/* background: #f9f9f9; */}
.album_thumbnail_box .thumbnail {height: 100px !important;}
.album_thumbnail_box .thumbnail img {width: 100% !important; height: auto !important;}

	@media (min-width:600px){ 
		ul.album > li {width: 23.5%;margin-right: 2%;}
		ul.album > li:nth-child(4n) {margin-right:0;}
	}
	@media (min-width:991px){ 
		ul.album > li {margin-bottom:90px;}
		ul.album > li div.alBox span.imgBox > img {width:100%;min-height:100%;}
	}
	@media (max-width:990px){ 
		ul.album > li div.alBox > a + div > ul {width:auto;}
		ul.album > li div.alBox > a + div > ul + a {width:75%;}

		ul.album > li div.alBox span.imgBox {height:0;padding-bottom: 120%;position:relative;}
		ul.album > li div.alBox span.imgBox > img {position:absolute;top: -999px;bottom: -999px;left:-999px;right: -999px;margin:auto;width: 100%;max-height:135%;}
		ul.album > li div.alBox div.inquiry > span + a, ul.album > li div.alBox div.inquiry > span + a + a {width:100%; margin-right:0; margin-bottom:10px;}
	}
	@media (max-width:799px){
		ul.album > li {width:49%; margin-right:2%;}
		ul.album > li:nth-child(2n) { margin-right:0; }
		ul.album > li:nth-child(2n+1) {clear:both;}
		ul.album > li div.alBox > p a {font-size:16px;}
	}
	@media (max-width:599px){ 
		ul.album > li {/* width:100%; *//* min-height:220px; *//* margin-right:0; */}
		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 > a {/* width:50%; *//* padding-right: 15px; *//* box-sizing: border-box; */}
		ul.album > li div.alBox > p {/* width:50%; *//* text-align: left; */}
		ul.album > li div.alBox div.inquiry {/* width:50%; */}
		ul.album > li div.alBox span.imgBox {padding-bottom: 90%;}
	}


/* list- selectbox(말머리) */
.selectBbsSubospec {display: block; padding: 40px 10px 30px; text-align: center; box-sizing: border-box; background: #f9f9f9; margin: 50px 0 30px !important;}
.selectBbsSubospec > span {font-size: 17px; line-height: 150%; vertical-align: middle;}
.selectBbsSubospec > select {width: 30% !important; height: 40px; font-size: 16px; margin-left: 10px; background-color: #fff;}

	@media (max-width:799px){
	}



/* 게시판 테마 탭 스타일 */
.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; */padding: 20px 10px;}
	.selectBbsSubospec .main-menu-bar {width:80%;  overflow:visible !important;}
	.board.wztab {/*margin-top:10px;*/}
	.selectBbsSubospec .main-menu-bar + div {width:20%;}
}


/* list- 대표 이미지(first-post box) */
form#listFrm > ul.album:first-of-type {width:100%; float:left;}
form#listFrm > ul.album:first-of-type>li {padding: 0;margin-bottom:0;width: 100%;text-align: center;}
form#listFrm > ul.album:first-of-type li div.alBox {border-top: none;padding-top: 0;width: 71%;float: none;display: inline-block;}
form#listFrm > ul.album:first-of-type li div.alBox>a {width: 40%;}
form#listFrm > ul.album:first-of-type li div.alBox span.imgBox {
    background: none;
    border: none;
}
form#listFrm > ul.album:first-of-type li div.alBox span.imgBox img {max-height:100%;width: auto;max-width: 100%;}
form#listFrm > ul.album:first-of-type li div.alBox > p {width: 60%;padding-left: 30px;}
form#listFrm > ul.album:first-of-type li div.alBox > p a {text-align: left;font-size: 22px;white-space: normal;line-height: 150%;text-overflow: initial;}
form#listFrm > ul.album:first-of-type li div.alBox div.inquiry {text-align: left;font-size: 15px;width: 60%;padding-left: 30px;border-top: none;}
form#listFrm > ul.album:first-of-type li div.alBox div.inquiry ul li {font-size: 17px;margin-bottom: 10px;}
form#listFrm > ul.album:first-of-type li div.alBox div.inquiry > span {font-size: 15px;}

	@media (max-width:799px){
		form#listFrm > ul.album:first-of-type li div.alBox {width:95%;}
		form#listFrm > ul.album:first-of-type li div.alBox > p {margin-top:5px; padding-left:15px;}
		form#listFrm > ul.album:first-of-type li div.alBox > p a {font-size:19px;}
		form#listFrm > ul.album:first-of-type li div.alBox div.inquiry {padding-left:15px; padding-top:0;}

	}