@charset "utf-8";
/* CSS Document */
/*
table th, table td{vertical-align:middle;}
*/
select{background: url(/zzAppModule/bskin__collect/img/bg_next_view.png) no-repeat 90% 50%; 
	height: 34px;
	border: 1px solid #ddd;
	background-color:#fff;
	padding-top:0px;
	padding:0 4% 0 1%;
	-webkit-appearance: none;  
	-moz-appearance: none;
	 appearance: none;
	 color:#404040;
	 vertical-align:middle;}
select::-ms-expand { 
  display: none;
}

/*검색*/
.search{margin:0 auto; padding:16px 0; text-align:right; clear:both; overflow:hidden;}
.search .nType{ width:243px; height:32px; line-height:32px; color:#aaa; border:0; border-bottom:1px solid #5c5c5c; padding:0 0 0 4px;}
.search .btn{border-bottom:1px solid #5c5c5c; line-height:32px;}
.search input{vertical-align:middle;}
.printer{margin:0 0 10px 0; padding:0; clear:both; overflow:hidden; text-align:right;}
/*******************************************************************************************************
********************************************************************************************************/
/*리스트*/
.listboard{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden;}
.listboard img,.listboard span,.listboard font{display:inline-block;margin:0 2px;}
.listboard .listboardStyle{ width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-creak:break-all; text-align:center}
.listboard .listboardStyle thead th{ border:1px solid #ddd; background:#fafafa; height:51px;}
.listboard .listboardStyle thead th span{ color:#777; font-weight:400; line-height:1.2;}
.listboard .listboardStyle tbody{border-left:1px solid #ddd; border-right:1px solid #ddd;}
.listboard .listboardStyle tbody td{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:16px 0; word-break:keep-all;}
.listboard .listboardStyle tbody td span{ color:#777; font-weight:400; line-height:1.4;}
.listboard .listboardStyle tbody td.title{ text-align:left; padding:16px 3%; word-break:normal; color:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listboard .listboardStyle tbody td.title img{vertical-align:middle;}
.listboard .listboardStyle tbody td.title a{text-decoration:none}
.listboard .listboardStyle tbody tr.not{background:#ebebeb}



@media screen and (max-width:533px){
select{background-image:none;}	 
.Mno{display:none;}
.listboard .listboardStyle thead th:first-child{width:30%;}
.listboard .listboardStyle thead th:nth-child(2){width:90%;}
.listboard .listboardStyle thead th{height:41px;}
.listboard .listboardStyle tbody td{ padding:10px 0;}
.listboard .listboardStyle tbody td.title{padding:10px 3%;}

}
/*글쓰기 버튼*/
.BottBut{margin:5% auto 0 auto; padding:0; clear:both; overflow:hidden; background-color:#F6F6F6; }
.writeBut{text-align:center; padding:24px 0;}
.writeBut a.write{display: inline-block; padding:10px 0; background-color:#999999; color:#fff; margin:0 auto; width:230px; border:1px solid #808080; font-weight:500}
.writeBut a.write:hover{background-color:#cf5c00; border:1px solid #cf5c00}
.writeBut a.list{display: inline-block; padding:10px 0; background-color:#fff; margin:0 auto; width:230px; border:1px solid #ddd; font-weight:500}
.writeBut a.list:hover{background-color: #333333; border:1px solid #808080; color:#fff}

/*페이징*/
.PageBox{border:none; padding:59px 0; text-align:center; margin:0 auto; clear:both; overflow:hidden;}
.allPage{line-height:0; font-size:0px; margin:0; padding:0;}
.allPage strong{display:inline-block; width:38px; height:39px; line-height:38px;  color:#cf5c00; text-decoration:none; border-top:1px #ddd solid; border-bottom:2px #cf5c00 solid; background:#fff; font-weight:400; vertical-align:top}
.allPage a{display:inline-block; width:38px; height:39px; line-height:38px;  color:#aaa; font-weight:400; text-decoration:none; border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#fff;}
.allPage a.n{vertical-align:top; border-bottom:none; border-top:none;}
.allPage img, .allPage a{vertical-align:top;}

@media screen and (max-width:576px){
/*페이징*/
.PageBox{border:none; padding:39px 0; text-align:center; margin:0 auto; clear:both; overflow:hidden;}
.allPage{line-height:0; font-size:0px; margin:0; padding:0;}
.allPage strong{display:inline-block; width:28px; height:29px; line-height:28px;  color:#cf5c00; text-decoration:none; border-top:1px #ddd solid; border-bottom:2px #cf5c00 solid; background:#fff; font-weight:400; vertical-align:top}
.allPage a{display:inline-block; width:28px; height:29px; line-height:28px;  color:#aaa; font-weight:400; text-decoration:none; border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#fff;}
.allPage a.n{vertical-align:top; border-bottom:none; border-top:none;}
.allPage img, .allPage a{vertical-align:top; max-width:29px;}

}


.zz_new_list.pageing{margin:0; padding:0; clear:both; overflow:hidden; text-align:center; border:none; padding:59px 0;display:flex;align-items:center;justify-content:center; }
.zz_new_list.pageing .prev{float:left;}
.zz_new_list.pageing  ul{float:left; margin:0 20px 0 20px; padding:0;}
.zz_new_list.pageing  ul li{float:left; width:26px; height:26px; vertical-align:middle; text-align:center;  overflow:hidden; display:block; list-style:none; line-height:26px; margin:0 0 0 2px; padding:0; color:#b5b5b5;}
.zz_new_list.pageing  ul li:first-child{margin:0;}
.zz_new_list.pageing  ul li.on{background-color:#707070; color:#FFFFFF;}
.zz_new_list.pageing .next{float: right;}


/*******************************************************************************************************
********************************************************************************************************/
/* view */
.ViewLayout{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%;}
.Viewboard{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%; border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
/*상단*/
.ViewTop{width:100%;background-color:#fafafa; border-bottom:1px solid #ddd;}
.ViewTitle{width:100%; padding:22px 3%; color:#333333; font-weight:500;line-height:30px;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
@media screen and (max-width:640px){
.ViewTitle{padding:16px 3%;}
}

.ViewInfo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.ViewInfo span{width:20%;height:100%;line-height:70px;text-align:center;border-left:1px solid #ddd;font-weight:300; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewInfo span:first-child{border:none !important;}
.ViewInfo span strong{ color: #666666; padding-right:8px; font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

@media screen and (max-width:1100px) {
.ViewInfo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.ViewInfo span{width:100%;height:auto;padding-left:3.2%;line-height:50px;text-align:left;border-left:none;border-top:1px solid #ddd;}
.ViewInfo span strong{width:100px;display:inline-block;}
}

/*내용*/
.ViewCon{margin:0; padding:2%; clear:both; overflow:hidden; width:100%; min-height:450px;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewCon img{max-width:1000px;margin-left:auto;margin-right:auto;}

@media screen and (max-width:767px) {
.ViewCon img{width:100%;}
}

@media screen and (max-width:640px){
.ViewCon{min-height: inherit;}
}




/*첨부파일*/
.attach{margin:0; padding:1.5% 3%; width:100%; clear:both; overflow:hidden; border-top:1px solid #ddd; text-align:right; -webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.attach span{padding:0 2.5%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

/*댓글*/
.ViewComment{border-top:1px solid #ddd; background-color:#fafafa; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box{border:5px solid #fff; margin:0; padding:2%; clear:both; overflow:hidden; position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .ComT{background:url(/zzAppModule/bskin__collect/img/com_bg.png) left 4px center no-repeat; padding:0 0 0 40px; margin:0; font-weight:500; color:#666666; clear:both;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .ComBut{ margin:0; padding:0; right:2%; top:2%; position:absolute; width:20%}
.ViewComment .ViewComment_box .ComBut li{width:49.5%; text-align:center; border:1px solid #ddd; float:left; display:block; background-color:#FFFFFF;
                                         box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ViewComment .ViewComment_box .ComBut li:first-child{margin-right:1%;}
.ViewComment .ViewComment_box .ComBut li a{display:block;}

/*수정폼*/
.ViewComment .ViewComment_box .modifyBox{margin:0; padding:2% 0; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .F1{margin:0; padding:0 0 1.5% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .F1 li{float:left; margin:0; padding:0; width:50%;}
.ViewComment .ViewComment_box .modifyBox .F1 li input{border:none; border-bottom:1px solid #000; width:100%; height:32px;  background-color:#fafaf;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .F1 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .modifyBox .F2{margin:0; padding:0 0 1.5% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .F2 li{float:left; margin:0; padding:0; width:42%; text-align:right; vertical-align:middle; line-height:32px;}
.ViewComment .ViewComment_box .modifyBox .F2 li:first-child{width:58%; text-align:left}
.ViewComment .ViewComment_box .modifyBox .F2 li input[type='text']{border:none; border-bottom:1px solid #000; width:100%; height:32px;  background-color:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .F2 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .modifyBox .comment_txt{border:1px solid #ddd; width:80%; height:80px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ViewComment .ViewComment_box .modifyBox .modify_ok{float:right; margin:0; padding:0; width:19%; border:1px solid #cf5c00; background-color:#cf5c00; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; color:#fff; line-height:80px; height:80px; text-align:center}

/*삭제폼*/
.ViewComment .ViewComment_box .deleteBox{margin:0; padding:2% 0; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .deleteBox ul{margin:0; padding:0 0 1.5% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .deleteBox ul li{float:right; margin:0; padding:0; width:19%; text-align:right}
.ViewComment .ViewComment_box .deleteBox ul li:first-child{ width:80%; float:left}
.ViewComment .ViewComment_box .deleteBox ul li input{border:none; border-bottom:1px solid #000; width:50%; height:32px;  background-color:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .deleteBox ul li a.comment_del{width:100%; border:1px solid #3a3a39; background-color:#5b5b5b; display:block; height:36px; line-height:33px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; color:#FFFFFF;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}


/*댓글리스트*/
.ViewComment .ViewComment_box .VClistBox{margin:0; padding:2% 0 0 0; width:100%; clear:both; overflow:hidden; border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .VClistBox .VClist{margin:0; padding:0 0 2% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .VClistBox .VClist ul{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.ViewComment .ViewComment_box .VClistBox .VClist ul li.tt{float:left; margin:0; padding:0; width:60%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;  color:#333333; font-weight:500}
.ViewComment .ViewComment_box .VClistBox .VClist ul li.name{float:right; margin:0; padding:0; width:40%; text-align:right; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ViewComment .ViewComment_box .VClistBox .VClist ul li.name span{padding:0 2%;}
.ViewComment .ViewComment_box .VClistBox .VClist .VClist_txt{margin:1% 0 0 0; padding:2%; width:100%; clear:both; overflow:hidden; background-color:#e0e0e0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

/*댓글 입력폼*/
.ViewComment .ViewComment_box .Comtextarea{margin:0; padding:2% 0; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .Comtextarea .F1{margin:0; padding:0 0 1.5% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .Comtextarea .F1 li{float:left; margin:0; padding:0; width:50%;}
.ViewComment .ViewComment_box .Comtextarea .F1 li input{border:none; border:none; width:100%; height:32px;  background-color:#e0e0e0; text-indent:10px}
.ViewComment .ViewComment_box .Comtextarea .F1 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .Comtextarea .F2{margin:0; padding:0 0 1.5% 0; clear:both; overflow:hidden; width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewComment .ViewComment_box .Comtextarea .F2 li{float:left; margin:0; padding:0; width:42%; text-align:right; vertical-align:middle; line-height:32px;}
.ViewComment .ViewComment_box .Comtextarea .F2 li:first-child{width:58%; text-align:left}
.ViewComment .ViewComment_box .Comtextarea .F2 li input[type='text']{border:none; border:none; width:100%; height:32px;  background-color:#e0e0e0; text-indent:10px}
.ViewComment .ViewComment_box .Comtextarea .F2 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .Comtextarea .comment_txt{border:1px solid #ddd; width:80%; height:80px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ViewComment .ViewComment_box .Comtextarea .comment_ok{float:right; margin:0; padding:0; width:19%; border:1px solid #cf5c00; background-color:#cf5c00; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; color:#fff; line-height:80px; height:80px; text-align:center}



/*이전 다음글*/
.BottNePr{margin:0 auto; padding:2% 0; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.BottNePr ul{margin:0; padding:0; width:100%; clear:both; box-sizing:border-box;}
.BottNePr ul li{float:left; margin:0; padding:0; width:50%; text-align:right}
.BottNePr ul li:first-child{text-align:left;}
.BottNePr ul li a{display:inline-block; margin:0; padding:1.5%; border:1px solid #ddd;  box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

.ViewLayout .viewBut{padding:2%; margin:0; clear:both; overflow:hidden; background-color:#F6F6F6;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewLayout .viewBut a.list{display:block; padding:1.5% 0; background-color:#fff; margin:0 auto; width:20%; border:1px solid #ddd; font-weight:500; float:left; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewLayout .viewBut a.list:hover{background-color:#999999; border:1px solid #808080; color:#fff}
.ViewLayout .viewBut .viewBut_R{float:right; margin:0; padding:0; width:75%; text-align:right}
.ViewLayout .viewBut .viewBut_R a.modify{display: inline-block; padding:1.5% 0; background-color:#fff; margin:0 auto; width:25%; border:1px solid #ddd; font-weight:500; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewLayout .viewBut .viewBut_R a.re{display: inline-block; padding:1.5% 0; background-color:#fff; margin:0 auto; width:25%; border:1px solid #ddd; font-weight:500; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.ViewLayout .viewBut .viewBut_R a.delete{display: inline-block; padding:1.5% 0; background-color:#fff; margin:0 auto; width:25%; border:1px solid #ddd; font-weight:500; text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}





/*******************************************************************************************************
********************************************************************************************************/
/*글쓰기*/
.writeLayout{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.writeLayout select{background-color:#fafafa;}
.writeLayout .writeboard{margin:0; padding:0; width:100%; clear:both; overflow:hidden; border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop {padding:1% 2%; background:#fafafa; border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop .title { color:#333; font-weight:500;  padding:0; overflow:hidden; display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop .wTit{width:155px; padding-right:0;}
.writeLayout .writeboard .wrTop .writeH {display:inline-block; width:70%; vertical-align:top; padding:0;}
.writeLayout .writeboard .wrTop .writeH input[type='text']{height:32px; line-height:32px; border:1px solid #ddd; padding:0 5% 0 2%; width:28%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop .writeH input[type='password']{height:32px; line-height:32px; border:1px solid #ddd; padding:0 5% 0 2%; width:28%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop .writeH input[type='file']{height:32px; line-height:32px; padding:0; width:98%;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrTop .writeH select{width: auto;}

.writeLayout .writeboard .wrCon{ margin:0; padding:2%; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrCon .tt{width:100%; margin:0 0 2% 0; padding:0; clear:both; overflow:hidden;}
.writeLayout .writeboard .wrCon .tt input[type='text'] {width:100%; border:1px solid #ddd; background:#FFF url('/zzAppModule/bskin__collect/img/pen.png') left 15px center no-repeat; padding:0 25px 0 45px; height:47px; line-height:120%;  color:#aaa; box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.writeLayout .writeboard .wrCon .txt{width:100%; margin:0; padding:0; clear:both; overflow:hidden;}
.writeLayout .writeboard .wrCon .txt textarea{min-height:210px; width:100%; border:1px solid #ddd; background:#FFF url('/zzAppModule/bskin__collect/img/pen.png') left 15px top 18px no-repeat; padding:20px 45px 15px 45px;  line-height:150%;  color:#aaa; box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 24px;display:inline-block;}
.writeLayout .writeboard .wrTop .writeH input[type=radio]:first-child{margin-left:0;}
@media screen and (max-width:640px){
.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 14px;}
}




/*******************************************************************************************************
                                          *삭제*
********************************************************************************************************/

.deleteLayout{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.deleteLayout .deleteboard{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.deleteLayout .deleteboard .deCon{ margin:0; padding:2%; width:100%; clear:both; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.deleteLayout .deleteboard .deCon .tt{width:100%; margin:0; padding:0; clear:both; overflow:hidden;}
.deleteLayout .deleteboard .deCon .tt input[type='password'] {width:100%; border:1px solid #ddd; background:#FFF url('/zzAppModule/bskin__collect/img/pen.png') left 15px center no-repeat; padding:0 25px 0 45px; height:47px; line-height:120%;  color:#aaa; box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.deleteLayout .Ddelete{display: inline-block; padding:10px 0; background-color:#999999; color:#fff; margin:0 auto; width:230px; border:1px solid #808080; font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.deleteLayout .Ddelete:hover{background-color:#cf5c00; border:1px solid #cf5c00;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}





.WebLayout{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.WebLayout .webList{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.WebLayout .webList>li{float:none; margin:0; padding:2% 0; width:100%; border-bottom:1px dotted #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.WebLayout .webList>li p.web_img{margin:0; padding:0; display:inline-block;  box-shadow: 4px 3px 4px rgba(0, 0, 0, .3); font-size:0px; line-height:0px;}
.WebLayout .webList>li ul.web_txt{margin:0 0 0 2%; padding:0; display:inline-block; vertical-align:top}
.WebLayout .webList>li ul.web_txt li{float:none; margin:0; padding:0;}
.WebLayout .webList>li ul.web_txt li.title{margin:0 0 10px 0; }
.WebLayout .webList>li ul.web_txt li.title a{color:#5a8e57}



/*******************************************************************************************************
                                          *갤러리 게시판*
********************************************************************************************************/
.GalleryLayout{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.GalleryLayout .photoList {border:0;}
.GalleryLayout .photoList ul {margin:0;}
.GalleryLayout .photoList ul li {float:left; width:25%; border:0; margin:0; padding:0;}
.GalleryLayout .photoList ul li a {position:relative; left:0; top:0;border:1px #ddd solid; box-sizing:border-box; margin:5px; width:auto; height:100%; display:block;}

.GalleryLayout .photoList ul li a .inbox {padding:5%;}
.GalleryLayout .photoList ul li a .inbox:after {content:""; display:block; clear:both;}
.GalleryLayout .photoList ul li a .inbox .imgArea {width:100%;height:120px; overflow:hidden;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {width:100%;height:auto;min-height:120px;}
.GalleryLayout .photoList ul li a .inbox .txtArea {width:100%; overflow:hidden;}
.GalleryLayout .photoList ul li a .inbox .txtArea .tt { color:#333; font-weight:500; line-height:1.2; padding:18px 0 8px 0; overflow:hidden;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.GalleryLayout .photoList ul li a .inbox .txtArea .info {width:100%; overflow:hidden;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info span {padding:0 24px 0 0;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .name { color:#333;display:inline-block;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day { color:#777; font-weight:300;display:inline-block;}

.GalleryLayout.video .photoList ul li {width:33.33333%;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:180px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:180px;}


@media all and (max-width:1300px){
.GalleryLayout .photoList ul li a .inbox .imgArea {height:220px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:220px;}

.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:220px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:220px;}
}
@media all and (max-width:1200px){
	.GalleryLayout .photoList ul li {width:25%;}
	
.GalleryLayout .photoList ul li a .inbox .imgArea {height:200px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:200px;}

}
@media all and (max-width:1100px){
.GalleryLayout .photoList ul li a .inbox .imgArea {height:180px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:180px;}

.GalleryLayout.video .photoList ul li {width:50%;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:250px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:250px;}
}

@media all and (max-width:960px){
	.GalleryLayout .photoList ul li {width:33.33%;}
	
.GalleryLayout .photoList ul li a .inbox .imgArea {height:180px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:180px;}

.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:220px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:220px;}
}

@media all and (max-width:767px){
	.GalleryLayout .photoList ul li {width:50%;}
.GalleryLayout .photoList ul li a .inbox .imgArea {height:220px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:220px;}

.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:200px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:200px;}
}
@media all and (max-width:597px){

.WebLayout .webList>li p.web_img{display:block; text-align:center; box-shadow: none; margin-bottom:10px}
.WebLayout .webList>li ul.web_txt{margin:0; display:block; text-align:center}
	
.GalleryLayout .photoList ul li a .inbox .imgArea {height:160px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:160px;}

.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:160px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:160px;}
}
@media all and (max-width:460px){
.GalleryLayout .photoList ul li a .inbox .imgArea {height:120px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img {min-height:120px;}

.GalleryLayout.video .photoList ul li a .inbox .imgArea {height:120px;}
.GalleryLayout.video .photoList ul li a .inbox .imgArea img {min-height:120px;}
}

@media screen and (max-width:1107px) {
input.btn{height:31px;}
}







.gallerySlides ul{width:100%;}
.galleryList,.galleryArea{width:100%;}

.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;/* Prevent artifacts in Mozilla Firefox:*/-moz-backface-visibility:hidden;}
.blueimp-gallery>.slides>.slide>.slide-content{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;opacity:1;}
.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0, 0, 0, 0.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none;}
.blueimp-gallery-carousel{margin:1em auto;padding-bottom:56.25%;position:relative;z-index:auto;/* Set the carousel width/height ratio to 16/9:*/box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y;}
.blueimp-gallery-display{display:block;opacity:1;}
.blueimp-gallery>.slides{height:100%;position:relative;overflow:hidden;}
.blueimp-gallery-carousel>.slides{position:absolute;}
.blueimp-gallery>.slides>.slide{height:100%;position:relative;float:left;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);   transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity 0.5s linear;-moz-transition:opacity 0.5s linear;-ms-transition:opacity 0.5s linear;-o-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
.blueimp-gallery>.slides>.slide-loading{background:url(/js/blueimp/img/loading.gif) center no-repeat;background-size:64px 64px;}
.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0;}
.blueimp-gallery>.slides>.slide-error{background:url(/js/blueimp/img/error.png) center no-repeat;}
.blueimp-gallery>.slides>.slide-error>.slide-content{display:none;}
.blueimp-gallery>.prev,.blueimp-gallery>.next{width:26px;height:46px;margin-top:-23px;position:absolute;top:50%;left:15px;font-size:0;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;opacity:0.5;cursor:pointer;display:none;background:url(/zzAppModule/bskin__collect/img/btn_next.png) no-repeat 0 0;background-size:cover;}
.blueimp-gallery>.next{left:auto;right:15px;}
.blueimp-gallery>.prev,.blueimp-gallery>.prev{width:26px;height:46px;margin-top:-23px;position:absolute;top:50%;left:15px;font-size:0;text-align:center;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;opacity:0.5;cursor:pointer;display:none;background:url(/zzAppModule/bskin__collect/img/btn_prev.png) no-repeat 0 0;background-size:cover;}

.blueimp-gallery>.title{width:100%;margin:0 40px 0 0;position:absolute;top:15px;left:2%;line-height:60px;color:#fff;text-align:center;text-shadow:0 0 2px #000;display:none;}


.blueimp-gallery>.close{width:60px;height:60px;background:#fff;position:fixed;right:10px;top:10px;z-index:999;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;}
.blueimp-gallery>.close span{font-size:0;}
.blueimp-gallery>.close:before{width:3px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#3e4d6d;content:'';transform:rotate(45deg);transition:transform .2s ease;}
.blueimp-gallery>.close span:before{width:3px;height:30px;margin-top:-15px;position:absolute;left:50%;top:50%;background-color:#3e4d6d;content:'';transform:rotate(-45deg);transition:transform .2s ease;}
.blueimp-gallery>.close:hover:before{transform:rotate(225deg);}
.blueimp-gallery>.close:hover span:before{transform:rotate(135deg);}





.blueimp-gallery>.play-pause{width:15px;height:15px;position:absolute;right:15px;bottom:15px;background:url(/zzAppModule/bskin__collect/img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:0.5;display:none;}
.blueimp-gallery-playing>.play-pause{background-position:-15px 0;}
.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1;}
.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;/* Fix z-index issues (controls behind slide element) on Android:*/-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}
.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none;}
.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(/js/blueimp/img/error.svg);}
body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(/img/play-pause.svg);}
body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0;}

/* IE7 fixes */
*+html .blueimp-gallery>.slides>.slide{min-height:300px;}
*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative;}
.blueimp-gallery >.slides >.slide >.slide-content{/*max-width:98%;max-height:98%;*/cursor:pointer;}
.blueimp-gallery>.title,.blueimp-gallery>.close{z-index:10;}
.blueimp-gallery>.titleBg{width:100%;height:85px;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);text-align:right;display:none;z-index:2;}
.blueimp-gallery-controls>.titleBg{display:block;/* Fix z-index issues (controls behind slide element) on Android:*/-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}

@media screen and (max-width:1280px) {
.gallerySlides ul li{width:33.33% !important;margin-bottom:14px;}
}

@media screen and (max-width:960px) {
.gallerySlides ul li{width:50% !important;margin-bottom:12px;}
}

@media screen and (max-width:640px) {
.gallerySlides ul li{width:50% !important;margin-bottom:10px;}
}


/*******************************************************************
                       * write *
********************************************************************/
.zz_new_write{margin:0 auto 40px auto; padding:0; clear:both; overflow:hidden; width:100%; }

/* 내용 */
.zz_new_write.contenter{margin:15PX 0 0 0; padding:3%; clear:both; overflow:hidden; border:2PX solid #333; width:93.5%;}
.zz_new_write.contenter .zz_write_table{margin:0; padding:0; clear:both; overflow:hidden;}
.zz_new_write.contenter .zz_write_table th, .zz_new_write.contenter .zz_write_table td{padding:13px; text-align:left}
.zz_new_write.contenter .zz_write_table input{border:1px solid #ccc; overflow:hidden; height:28px; font-size:13px; !important; z-index:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.zz_new_write.contenter .zz_write_table .stxt{font-size:12px; color:#999999; padding:3px 0 0 0; overflow:hidden; margin:0;}
.zz_new_write.contenter .zz_write_table input[type='file']{width:80%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* 버튼 */
.zz_new_write.but{margin:0 auto; padding:20px 0 40px; text-align:center; clear:both; overflow:hidden; width:100%;}
.zz_new_write.but a.list{width:120px; font-size:13px; color:#666666; display: inline-block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; margin:0 15px 0 0;}
.zz_new_write.but a.list:hover{background-color:#666666; color:#FFFFFF; display:inline-block; text-decoration:none;}
.zz_new_write.but a.ok{width:120px; font-size:13px; color:#666666; display:inline-block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; margin:0 auto}
.zz_new_write.but a.ok:hover{background-color:#666666; color:#FFFFFF; display:inline-block; text-decoration:none}







/*******************************************************************
                       * view *
********************************************************************/
.zz_new_view{margin:0 auto 40px auto; padding:0; clear:both; overflow:hidden; width:100%; }
/* 상단 */
.zz_new_view_header{margin:0; padding:25px 0 0 0; clear:both; overflow:hidden; width:100%; border-top:2PX solid #333;}
.zz_new_view_header .zz_view_title{font-size:20px; clear:both; margin:0; padding:0 0 20px 0;}
.zz_new_view .date{ float:right; overflow:hidden; margin:0; padding:0; }
.zz_new_view .date li{float: left; margin:0 0 0 20px; padding:0; font-size:12px; line-height:17px; list-style:none; color:#999999}
.zz_new_view_header .file{margin:0; padding:8px 0; clear:both; overflow:hidden; width:100%;}
.zz_new_view_header .file ul{margin:0; padding:0 0 3px 0; clear:both; width:100%; overflow:hidden}
.zz_new_view_header .file ul li{float:left; margin:0; padding:10px 2%; overflow:hidden; list-style:none;  background-color:#f5f5f5; display: inline-block; overflow:hidden; width:82%}
.zz_new_view_header .file ul li:first-child{width:9.7%; margin:0 0.3% 0 0; text-align:center}

/* 내용 */
.zz_new_view.contenter{margin:10PX 0 0 0; padding:3%; clear:both; overflow:hidden; border:2PX solid #333; width:100%; min-height:350px;}

/* 버튼 */
.zz_new_view.but{margin:20px 0 35px 0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.but a.list{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; float:left}
.zz_new_view.but a.list:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}

.zz_new_view.but ul{margin:0; padding:0; float:right; overflow:hidden;}
.zz_new_view.but ul li{float:left; margin:0 0 0 5px; padding:0; overflow:hidden;}
.zz_new_view.but ul li:first-child{margin:0;}
.zz_new_view.but a.modify{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.modify:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.but a.re{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.re:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.but a.delete{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px;}
.zz_new_view.but a.delete:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}

@media screen and (max-width:640px){
.zz_new_view.but a.list{margin-bottom:10px;}
.zz_new_view.but ul{width:100%;}
.zz_new_view.but ul li a{width:100px !important;}
}

/* 댓글 */
.zz_new_view.comment .comment.con{margin:15px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden; border-bottom:1px dashed #333;}
.zz_new_view.comment .comment.con_txt{margin:0; padding:1.5%; width:97%; overflow:hidden; background-color:#fff;}
.zz_new_view.comment .comment.con_txt li{float: right; margin:0; padding:0;}
.zz_new_view.comment .comment.con_txt li:first-child{float:left;}
.zz_new_view.comment .CC_txt{margin:0; padding:2%; width:96%; clear:both; overflow:hidden; font-size:13px;}
.zz_new_view.comment .comment_but{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .comment_but ul{float:right; margin:0; padding:0 0 5px 0;}
.zz_new_view.comment .comment_but ul li{float:left; margin:0 0 0 5px; padding:0; overflow:hidden;}
.zz_new_view.comment .comment_but ul li:first-child{margin:0;}
.zz_new_view.comment .Cdelete_box{margin:0; padding:0; clear:both; overflow:hidden;}
.zz_new_view.comment .Cdelete_box p.left, .zz_new_view.comment .Cdelete_box p.right{float:left; padding:0; margin:0;}
.zz_new_view.comment a.Cmodify{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment a.Cmodify:hover{background-color:#8a8a8a; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.comment a.Cdelete{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment a.Cdelete:hover{background-color:#8a8a8a; color:#FFFFFF; display:block; text-decoration:none}
.zz_new_view.comment .Cdelete_box{margin:0 0 5px 0; padding:1.5%; clear:both; overflow:hidden; background-color:#b6b6b6; color:#FFFFFF; width:97%; font-size:13px; text-align:right;}
.zz_new_view.comment .Cdelete_box p.left{float: right; margin:0 10px 0 0; line-height:25px;}
.zz_new_view.comment .Cdelete_box p.left input{border:1px solid #ccc; overflow:hidden; height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:200px}
.zz_new_view.comment .Cdelete_box p.right{float: right;}
.zz_new_view.comment .Cdelete_box p.right a.Cdelete_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}

.zz_new_view.comment .Cmodify_box{margin:0 0 5px 0; padding:1.5%; clear:both; overflow:hidden; background-color:#b6b6b6; color:#FFFFFF; width:97%; text-align:right;}
.zz_new_view.comment .Cmodify_box p.left{float: right; margin:0 10px 10px 0; line-height:22px;}
.zz_new_view.comment .Cmodify_box p.left input{border:1px solid #ccc; overflow:hidden; height:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:200px}
.zz_new_view.comment .Cmodify_box p.right{float: right;  line-height:22px; margin:0 0 10px 1px;}
.zz_new_view.comment .Cmodify_box p.right a.Cdelete_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}
.zz_new_view.comment .Cmodify_box p.right a.Cmodify_ok{width:80px; color:#666666; display:block; height:22px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:22px; background-color:#FFFFFF}

.zz_new_view.comment{margin:15px 0 0 0; padding:2%; width:95.8%; clear:both; overflow:hidden; background-color:#f8f8f8; border:1PX solid #333;}
.zz_new_view.comment .com_tt{margin:20px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .com_tt li{float:left; margin:0; padding:0; width:50%;  list-style:none;}
.zz_new_view.comment .com_tt li p.left, .zz_new_view.comment .com_tt li p.right{float:left; padding:0; margin:0;}
.zz_new_view.comment .com_tt li p.right{width:80%;}
.zz_new_view.comment .com_tt li p.right input{border:1px solid #ccc; overflow:hidden; height:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:90%}
.zz_new_view.comment .com_tt li p.left{margin:0 20px 0 0; padding:0; line-height:25px; }
.zz_new_view.comment .comment_box{margin:10px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_view.comment .comment_txt{width:85%; height:100px; float:left; margin:0; padding:0;}
.zz_new_view.comment a.comment_ok{float:right; width:13%; height:100px; background-color:#666666; color:#FFFFFF; display:block; text-decoration:none; border:1px solid #ccc; font-size:15px; font-weight:bold; text-align:center; line-height:100px;}

/* 하단 */
.zz_new_view.bottom{margin:10px 0 0 0; padding:0; clear:both; overflow:hidden; width:100%; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.zz_new_view.bottom ul{margin:0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.bottom ul li{float:none; margin:0; padding:0; list-style:none; line-height:40px; overflow:hidden}
.zz_new_view.bottom ul li:first-child{border-bottom:1px solid #eaeaea;}
.zz_new_view.bottom ul li:first-child p.left{float:left; margin:0 25px 0 0; padding:0 0 0 35px; background:url(../img/bg_prev_view.png) left top no-repeat; background-position:5px 13px;}
.zz_new_view.bottom ul li p.left{float:left; margin:0 25px 0 0; padding:0 0 0 35px; background:url(../img/bg_next_view.png) left top no-repeat; background-position:5px 15px;}
.zz_new_view.bottom ul li p.right{float:left; margin:0; padding:0;}

.zz_new_view.bottom2{margin:10px 0 0 0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.bottom2 ul{margin:0; padding:0; clear:both; overflow:hidden; width:100%;}
.zz_new_view.bottom2 ul li{float:none; margin:0; padding:0; list-style:none; line-height:40px; overflow:hidden;border:none;}
.zz_new_view.bottom2 ul li p.left{float:left; margin:0 25px 0 0; padding:0 0 0 35px; background:url(../img/bg_file_view.png) left top no-repeat; background-position:7px 13px;}
.zz_new_view.bottom2 ul li p.right{float:left; margin:0; padding:0;}
.zz_new_view.bottom2 ul li p.right a{color:#e1150e;font-weight:bold;}


/*******************************************************************
                       * port *
********************************************************************/
.zz_new_port.contenter{margin:0; padding:15px 0 0 0; width:100%; clear:both; overflow:hidden; z-index:1; position:relative; border-bottom:1px solid #eaeaea; border-top:2px solid #333;}
.zz_new_port_list{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_port_list li{float:none; margin:0; padding:25px 0; width:100%; overflow:hidden; border-bottom:1px dashed #333}
.zz_new_port_list li p.zz_port_img{margin:0; padding:0; width:30%; float:left; height:200px}
.zz_new_port_list li p.zz_port_img img{width:100%; height:100%;}
.zz_new_port_list li ul.zz_port_txt{margin:0; padding:0; float:right; width:68%;}
.zz_new_port_list li ul.zz_port_txt li{float:none; margin:0; padding:0; line-height:22px; width:100%; border-bottom:none;}




/*******************************************************************
                       * web *
********************************************************************/
.zz_new_web.contenter{margin:0; padding:15px 0 0 0; width:100%; clear:both; overflow:hidden; z-index:1; position:relative; border-bottom:1px solid #eaeaea; border-top:2px solid #333;}
.zz_new_web_list{margin:0 auto; padding:0; width:100%; clear:both; overflow:hidden;}
.zz_new_web_list li{float:none; margin:0; padding:25px 0; width:100%; overflow:hidden; border-bottom:1px dashed #333; position:relative}
.zz_new_web_list li p.web_img{margin:0; padding:0; width:30%; float:left; height:200px}
.zz_new_web_list li p.web_img img{width:100%; height:100%;}
.zz_new_web_list li ul.web_txt{margin:0; padding:0; float:right; width:68%;}
.zz_new_web_list li ul.web_txt li{float:none; margin:0; padding:0; line-height:22px; width:100%; border-bottom:none;}
.zz_new_web_list li ul.web_txt li.title{font-size:15px; font-weight:bold;}
.zz_new_web_list li ul.web_txt li span{margin:0 25px 0 0;}
.zz_new_web_list li ul.web_txt li.txt{position:absolute; bottom:25px;}



/*******************************************************************
                       * qna *
********************************************************************/
.zz_new_d.table p.flag_but{margin:0; padding:4px 15px; background-color:#666666; color:#FFFFFF; font-size:12px; font-weight:bold; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:22px; line-height:23px;}
.zz_new_d.table p.flag_but1{margin:0; padding:4px 15px; background-color:#f15907; color:#FFFFFF; font-size:12px; font-weight:bold; overflow:hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:22px; line-height:23px;}




/*******************************************************************
                       * faq *
********************************************************************/
.zz_new_d.table td.red_txt{border-right:1px solid #eaeaea;  }
.zz_new_d.table tr.faq_q td.red_txt{color:#f15907;}
.zz_new_d.table tr.qnacontents{background-color:#f6f6f6;}



/*******************************************************************
                       * delete *
********************************************************************/
.zz_new_delete{margin:0 auto; padding:0; clear:both;  width:100%; position:relative; border-top:2PX solid #333; border-bottom:1PX solid #333;} 
.zz_new_delete input.Ddelete{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/Ddelete_off.gif);}
.zz_new_delete input.Ddelete:hover{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/Ddelete_on.gif);}
.zz_new_delete input.auth_ok{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/ok_off.gif);}
.zz_new_delete input.auth_ok:hover{display:block; width:122px; height:30px; overflow:hidden; background:url(../img/ok_on.gif);}


.zz_new_delete_inp{margin:0 auto; padding:2%; width:50%; clear:both;}
.zz_new_delete_inp li{float:none; margin:0; padding:0; line-height:25px; text-align:center;}
.zz_new_delete_inp li input[type='password']{ width:100%; border:1px solid #ccc; overflow:hidden; height:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.zz_new_delete_but a.cancle{width:120px; color:#666666; display:block; height:28px; border:1px solid #ccc; text-align:center; text-decoration:none; line-height:28px; background-color:#FFFFFF}
.zz_new_delete_but a.cancle:hover{background-color:#666666; color:#FFFFFF; display:block; text-decoration:none}

.zz_new_delete_but{margin:0 auto; padding:15px 0 30px 0; width:250px; clear:both; overflow:hidden}
.zz_new_delete_but li{float:left; margin:0 0 0 5px; padding:0;}
.zz_new_delete_but li:first-child{margin:0;}