@charset "utf-8";



/**************************************************************
* common *
**************************************************************/
.sec-board span,
.sec-board font,
.board span,
.board font{display:inline-block !important;}

table th,
table td{vertical-align:middle;}





/* 버튼 */
.BottBut{margin:5% auto 0 auto;background:#f6f6f6;}
.writeBut{text-align:center;padding:24px 0;}
.writeBut a.write{width:230px;margin:0 auto;padding:13px 0 10px 0;display:inline-block;background-color:#999;color:#fff;border:1px solid #808080;font-weight:500;font-size:17px;}
.writeBut a.write:hover{background:#6c5648;border:1px solid #6c5648;}
.writeBut a.list{width:230px;margin:0 auto;padding:13px 0 10px 0;display:inline-block;background-color:#fff;border:solid 1px #ddd;font-weight:500;font-size:17px;}
.writeBut a.list:hover{background:#333333;border:1px solid #808080;color:#fff;}
@media screen and (max-width:767px){
.writeBut a.write{font-size:15px;}
.writeBut a.list{font-size:15px;}
}




/* 페이징 */
.PageBox{padding:40px 0;text-align:center;}
.allPage{display:flex;align-items:center;justify-content:center;}
.allPage *{width:32px;height:32px;line-height:32px;margin:0 5px;font-size:15px;color:#333;font-weight:400;text-align:center;display:block;}
.allPage strong{background:#6c5648;color:#fff;border-radius:50%;}
.allPage img{width:6px;height:10px;margin:0 10px;}
@media screen and (max-width:767px){
.allPage *{width:30px;height:30px;line-height:30px;margin:0 3px;font-size:13px;}
.allPage img{width:5px;height:9px;margin:0 5px;}  
}






/**************************************************************
* list *
**************************************************************/
.listboard{width:100%;}



.listboard .csBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-bottom:10px;}
.listboard.GalleryLayout .csBox{padding-left:10px;padding-right:10px;}
.listboard .csBox .count{font-size:18px;}
.listboard .csBox .count.pc{display:block !important;}
.listboard .csBox .count.mobile{display:none !important;}
.listboard .csBox .count b{color:#6c5648;}

.search{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.search select{width:100px;height:50px;line-height:50px;margin-right:2px;padding:0 10px;font-size:17px;border:solid 1px #ddd;background:url(/ebom/app/design/skin/board/img/select_arrow.png) no-repeat right 10px center #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.search select::-ms-expand{display:none;}
.search input{height:50px;line-height:50px;font-size:17px;vertical-align:middle;}
.search input[type=text]{width:250px;padding-left:14px;margin-right:2px;color:#aaa;border:solid 1px #ddd;}
.search input[type=submit]{width:100px;padding:0 20px;text-align:right;color:#fff;background:url(/ebom/app/design/skin/board/img/search.png) no-repeat left 20px center #6c5648;}

@media screen and (max-width:1100px){
.listboard .csBox .count{font-size:17px;}
.search select{width:80px;height:45px;line-height:45px;font-size:16px;}
.search input{height:45px;line-height:45px;font-size:16px;}
.search input[type=submit]{width:90px;padding:0 15px;background-position:left 15px center;background-size:22px;}
}
@media screen and (max-width:767px){
.listboard .csBox .count{font-size:16px;}
.search select{width:75px;height:40px;line-height:40px;font-size:15px;}
.search input{height:40px;line-height:40px;font-size:15px;}
.search input[type=text]{width:180px;}
.search input[type=submit]{width:80px;background-size:20px;}
}
@media screen and (max-width:640px){
.listboard.GalleryLayout .csBox{padding-left:5px;padding-right:5px;}
.listboard .csBox .count{width:100%;font-size:15px;}
.listboard .csBox .count.pc{display:none !important;}
.listboard .csBox .count.mobile{display:block !important;}
.listboard .csBox form{width:100%;}
.search{width:100%;margin-bottom:20px;padding:10px;border:solid 1px #f1f1f1;background:#fafafa;}
.search select{width:20%;font-size:14px;background-position:right 10px center;}
.search input{font-size:14px;}
.search input[type=text]{width:calc(80% - 74px);background:#fff;}
.search input[type=submit]{width:70px;padding:0 10px;background-position:left 10px center;background-size:18px;}
}
@media screen and (max-width:500px){
.listboard.GalleryLayout .csBox{padding-left:0;padding-right:0;}
.search select{width:25%;}
.search input[type=text]{width:calc(75% - 74px);}
}



.listboard .listboardStyle{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-creak:break-all;}
.listboard .listboardStyle thead th{padding:20px 0;border-top:solid 3px #6c5648;border-bottom:solid 1px #ddd;background:#f6f6f6}
.listboard .listboardStyle thead th span{color:#000;font-weight:400;line-height:150%;font-size:18px;text-align:center;}

.listboard .listboardStyle tbody{}
.listboard .listboardStyle tbody td{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;padding:18px 0;word-break:keep-all;font-size:18px;}
.listboard .listboardStyle tbody td span{width:100%;color:#000;font-weight:400;line-height:150%;text-align:center;}
.listboard .listboardStyle tbody td.title{text-align:left;padding:16px 3%;word-break:normal;}
.listboard .listboardStyle tbody td.title img{vertical-align:middle;margin-left:6px;}
.listboard .listboardStyle tbody td.title a{text-decoration:none;line-height:140%;}

@media screen and (max-width:1100px){
.listboard .listboardStyle thead th span{font-size:17px;}
.listboard .listboardStyle tbody td{font-size:17px;}
}
@media screen and (max-width:980px){
.listboard .listboardStyle thead th span{font-size:16px;}
.listboard .listboardStyle tbody td{font-size:16px;}
}
@media screen and (max-width:890px){
.listboard .listboardStyle thead{display:none;}
.listboard .listboardStyle tbody{border-top:solid 1px #8a8a8a;}
.listboard .listboardStyle tbody td{font-size:15px;}
.listboard .listboardStyle tbody td span,
.listboard .listboardStyle tbody td a{color:#666;}
.listboard .listboardStyle tbody td.title a{font-size:18px;color:#000;}
.listboard .listboardStyle tbody td span font{display:inline-block;padding-right:5px;}

.listboard .listboardStyle,
.listboard .listboardStyle tbody,
.listboard .listboardStyle tbody tr{width:100%;display:flex;flex-wrap:wrap;}
.listboard .listboardStyle tbody tr{border-bottom:1px solid #f0f0f0;}
.listboard .listboardStyle tbody td{display:block;border-bottom:none;border-top:none;}
.listboard .listboardStyle tbody td:nth-child(1){width:40px;padding-bottom:5px;}
.listboard .listboardStyle tbody td:nth-child(2){width:calc(100% - 40px);padding-bottom:5px;padding-left:0;}
.listboard .listboardStyle tbody td:nth-child(3){width:auto;padding-top:0;padding-left:40px;padding-right:14px;text-align:left;}
.listboard .listboardStyle tbody td:nth-child(4){width:auto;padding-top:0;padding-right:14px;text-align:left;}
.listboard .listboardStyle tbody td:nth-child(5){width:auto;padding-top:0;padding-right:14px;text-align:left;}

.listboard .listboardStyle tbody td.noData{width:100% !important;padding-bottom:15px;}
}
@media screen and (max-width:640px){
.listboard .listboardStyle tbody td{font-size:14px;padding:15px 0;}
.listboard .listboardStyle tbody td.title{padding-top:14px;}
.listboard .listboardStyle tbody td.title a{font-size:17px;}

.listboard .listboardStyle tbody td:nth-child(1){width:35px;}
.listboard .listboardStyle tbody td:nth-child(2){width:calc(100% - 35px);}
.listboard .listboardStyle tbody td:nth-child(3){padding-left:35px;}
}









/**************************************************************
* view *
**************************************************************/
.ViewLayout{width:100%;}
.Viewboard{width:100%;}



/* 뷰타이틀 */
.ViewTop{width:100%;border-top:solid 1px #000;}
.ViewTop span.tit{width:180px;text-align:center;background-color:#f9f9f9;}
.ViewTop span.con{width:calc(100% - 180px);padding-left:20px;text-align:left;}
.ViewTop span.tit,
.ViewTop span.con{font-size:17px;padding-top:20px;padding-bottom:20px;color:#333;font-weight:500;line-height:140%;word-wrap:break-word;display:block;word-break:keep-all;}
.ViewTop .ViewTitle,
.ViewTop .viewInto{border-bottom:solid 1px #e8e8e8;display:flex;flex-wrap:wrap;}
.ViewTop .vTinfo{display:flex;flex-wrap:wrap;position:relative;}
.ViewTop .vTinfo:after{width:100%;height:1px;background:#e8e8e8;position:absolute;bottom:0;left:0;display:block;content:"";}
.ViewTop .vTinfo .viewInto{width:50%;}
@media screen and (max-width:1100px){
.ViewTop span.tit{width:160px;}
.ViewTop span.con{width:calc(100% - 160px);padding-left:18px;}
.ViewTop span.tit,
.ViewTop span.con{font-size:16px;padding-top:18px;padding-bottom:18px;}
}
@media screen and (max-width:960px){
.ViewTop span.tit{width:140px;}
.ViewTop span.con{width:calc(100% - 140px);padding-left:16px;}
.ViewTop span.tit,
.ViewTop span.con{font-size:15px;padding-top:16px;padding-bottom:16px;}
}
@media screen and (max-width:767px){
.ViewTop span.tit{width:120px;}
.ViewTop span.con{width:calc(100% - 120px);padding-left:14px;padding-right:14px;}
.ViewTop span.tit,
.ViewTop span.con{padding-top:14px;padding-bottom:14px;}
.ViewTop .vTinfo .viewInto{width:100%;}
}
@media screen and (max-width:640px){
.ViewTop span.tit{width:100px;}
.ViewTop span.con{width:calc(100% - 100px);}
}
@media screen and (max-width:500px){
.ViewTop span.tit{width:80px;}
.ViewTop span.con{width:calc(100% - 80px);padding-left:12px;padding-right:12px;}
}
@media screen and (max-width:400px){
.ViewTop span.tit{width:60px;}
.ViewTop span.con{width:calc(100% - 60px);padding-left:10px;padding-right:10px;}
}




/* 뷰컨텐츠 */
.ViewCon{margin:0;padding:2%;clear:both;overflow:hidden;width:100%;min-height:450px;}
@media screen and (max-width:960px){
.ViewCon{min-height:inherit;padding:20px 0;}
}




/* 첨부파일 */
.attach a{position:relative;padding-left:30px;width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;color:#666;}
.attach a:hover{color:#000;}
.attach a:after{width:15px;height:13px;background:url(/ebom/img/down.png) no-repeat center center;background-size:100% auto;position:absolute;top:calc(50% - 7px);left:0;display:block;content:"";}
@media screen and (max-width:960px){
.attach a{padding-left:25px;}
.attach a:after{width:13px;}
}



/* 이전다음글 */
.ViewTop .viewInto .con.next a,
.ViewTop .viewInto .con.prev a{position:relative;padding-left:30px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ViewTop .viewInto .con.next a:after,
.ViewTop .viewInto .con.prev a:after{width:13px;height:8px;background:url(/ebom/img/arr.png) no-repeat center center;background-size:100% auto;position:absolute;top:calc(50% - 4px);left:0;display:block;content:"";}
.ViewTop .viewInto .con.prev a:after{transform:rotate(180deg);}
@media screen and (max-width:960px){
.ViewTop .viewInto .con.next a,
.ViewTop .viewInto .con.prev a{padding-left:25px;}
.ViewTop .viewInto .con.next a:after,
.ViewTop .viewInto .con.prev a:after{width:11px;}
}






/* 버튼모음 */
.ViewLayout .viewBut{padding:2%;margin-top:40px;background-color:#F6F6F6;clear:both;overflow:hidden;}
.ViewLayout .viewBut a.list{display:block;padding:1.5% 0;background-color:#fff;margin:0 auto;width:20%;border:solid 1px #ddd;font-weight:500;float:left;text-align:center;font-size:17px;}
.ViewLayout .viewBut a.list:hover{background-color:#999;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{font-size:17px;display:inline-block;padding:1.5% 0;background-color:#fff;margin:0 auto;width:25%;border:solid 1px #ddd;font-weight:500;text-align:center}
.ViewLayout .viewBut .viewBut_R a.modify{}
.ViewLayout .viewBut .viewBut_R a.re{margin-left:-1px;}
.ViewLayout .viewBut .viewBut_R a.delete{margin-left:-1px;}
@media screen and (max-width:1100px){
.ViewLayout .viewBut a.list{font-size:16px;}
.ViewLayout .viewBut .viewBut_R a{font-size:16px;}
}
@media screen and (max-width:960px){
.ViewLayout .viewBut a.list{font-size:15px;}
.ViewLayout .viewBut .viewBut_R a{font-size:15px;}
}







/*���*/
.ViewComment{border-top:solid 1px #ddd;background-color:#fafafa;width:100%;clear:both;overflow:hidden;}
.ViewComment .ViewComment_box{border:5px solid #fff;margin:0;padding:2%;clear:both;overflow:hidden;position:relative}
.ViewComment .ViewComment_box .ComT{background:url(/ebom/img/com_bg.png) left 4px center no-repeat;padding:0 0 0 40px;margin:0;font-weight:500;color:#666666;clear:both}
.ViewComment .ViewComment_box .ComBut{margin:;padding:0;clear:both;overflow:hidden;width:100%;}
.ViewComment .ViewComment_box .ComBut li{margin-top:2%;width:20%;text-align:center;border:solid 1px #ddd;float:right;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:last-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;}
.ViewComment .ViewComment_box .modifyBox .F1{margin:0;padding:0 0 1.5% 0;clear:both;overflow:hidden;width:100%;}
.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;font-size:100%;background-color:#fafafa}
.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%;}
.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;font-size:100%;background-color:#fafafa}
.ViewComment .ViewComment_box .modifyBox .F2 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .modifyBox .comment_txt{border:solid 1px #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 #6c5648;background-color:#6c5648;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;}
.ViewComment .ViewComment_box .deleteBox ul{margin:0;padding:0 0 1.5% 0;clear:both;overflow:hidden;width:100%;}
.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;font-size:100%;background-color:#fafafa}
.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}


/*��۸���Ʈ*/
.ViewComment .ViewComment_box .VClistBox{margin:0;padding:2% 0 0 0;width:100%;clear:both;overflow:hidden;border-bottom:solid 1px #ddd}
.ViewComment .ViewComment_box .VClistBox .VClist{margin:0;padding:0 0 2% 0;clear:both;overflow:hidden;width:100%;}
.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;font-size:110%;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}

/*��� �Է���*/
.ViewComment .ViewComment_box .Comtextarea{margin:0;padding:2% 0;width:100%;clear:both;overflow:hidden;}
.ViewComment .ViewComment_box .Comtextarea .F1{margin:0;padding:0 0 1.5% 0;clear:both;overflow:hidden;width:100%;}
.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;font-size:100%;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%;}
.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;font-size:100%;background-color:#e0e0e0;text-indent:10px}
.ViewComment .ViewComment_box .Comtextarea .F2 li:first-child input{width:95%;}
.ViewComment .ViewComment_box .Comtextarea .comment_txt{border:solid 1px #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 #6c5648;background-color:#6c5648;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}









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

.writeLayout .writeboard .wrCon{margin:0;padding:2%;width:100%;clear:both;overflow:hidden;}
.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:solid 1px #ddd;background:#FFF url('/ebom/img/pen.png') left 15px center no-repeat;padding:0 25px 0 45px;height:47px;line-height:120%;font-size:100%;color:#aaa;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:solid 1px #ddd;background:#FFF url('/ebom/img/pen.png') left 15px top 18px no-repeat;padding:20px 45px 15px 45px; line-height:150%;font-size:100%;color:#aaa;box-sizing:border-box;}

@media all and (max-width:967px){
.writeLayout .writeboard .wrTop .writeH input[type='text']{width:70%}
.writeLayout .writeboard .wrTop .writeH input[type='password']{width:70%}
}
@media all and (max-width:767px){
.writeLayout .writeBut a.list, .writeLayout .writeBut a.write{width:180px;}
}
@media all and (max-width:667px){
.writeLayout .writeboard .wrTop .wTit{width:100%;}
.writeLayout .writeboard .wrTop .writeH{display:block;width:100%;}


.writeLayout .writeboard .wrTop .writeH input[type='text']{width:100%}
.writeLayout .writeboard .wrTop .writeH input[type='password']{width:100%}


.writeLayout .writeBut a.list, .writeLayout .writeBut a.write{width:160px;}
.writeLayout .writeBut a.list, .writeLayout .writeBut a.write{height:36px;line-height:14px;}
}
@media all and (max-width:467px){
.writeLayout .writeBut a.list, .writeLayout .writeBut a.write{width:130px;}
.writeLayout .writeBut a.list, .writeLayout .writeBut a.write{height:34px;line-height:12px;}
}



.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;}
.deleteLayout .deleteboard .deCon .tt{width:100%;margin:0;padding:0;clear:both;overflow:hidden;}
.deleteLayout .deleteboard .deCon .tt input[type='password']{width:100%;border:solid 1px #ddd;background:#FFF url('/ebom/img/pen.png') left 15px center no-repeat;padding:0 25px 0 45px;height:47px;line-height:120%;font-size:100%;color:#aaa;box-sizing:border-box;}
.deleteLayout .Ddelete{display:inline-block;background-color:#999999;color:#fff;margin:0 auto;width:230px;border:1px solid #808080;font-weight:500}
.deleteLayout .Ddelete:hover{background-color:#6c5648;border:1px solid #6c5648}
.deleteLayout .Ddelete{height:39px;margin-top:-2px;}
.deleteLayout .writeBut a.list{height:40px;}
@media all and (max-width:767px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:180px;}
  
}
@media all and (max-width:667px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:160px;}
  .deleteLayout .Ddelete{padding:7px 0;margin-top:-3px}
  .deleteLayout .Ddelete{height:35px;}
  .deleteLayout .writeBut a.list{height:36px;}
}
@media all and (max-width:567px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:140px;}
  
}
@media all and (max-width:467px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:120px;}
}
@media all and (max-width:367px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:110px;}
}










/**************************************************************
* gallery *
**************************************************************/
.GalleryLayout{width:100%;}
.GalleryLayout .photoList{border:0;}
.GalleryLayout .photoList ul.gall_list{margin:0;padding:0;overflow:hidden;}

.GalleryLayout .photoList ul li{float:left;width:25%;border:0;margin:0;padding:0;left: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%;overflow:hidden;position:relative}
.GalleryLayout .photoList ul li a .inbox .imgArea .absolute{margin:0;padding:0;position:absolute;left:20%;top:40%;z-index:33}
.GalleryLayout .photoList ul li a .inbox .imgArea .absolute img{max-width:60%;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{width:100%;height:230px;}
.GalleryLayout .photoList ul li a .inbox .txtArea{width:100%;overflow:hidden;}
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:17px;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{font-size:15px;color:#333;display:inline-block;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day{font-size:15px;color:#777;font-weight:300;display:inline-block;}


@media all and (max-width:1299px){
.GalleryLayout .photoList ul li{width:33.33%;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{width:100%;height:280px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:16px;}
}
@media all and (max-width:1180px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:220px;}
}

@media all and (max-width:967px){
.GalleryLayout .photoList ul li a .inbox .txtArea .info .name{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:190px;}
}
@media all and (max-width:867px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:160px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:15px;}
}
@media all and (max-width:767px){
.GalleryLayout .photoList ul li a .inbox .txtArea .info .name{font-size:13px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day{font-size:13px;}
.GalleryLayout .photoList ul li{width:50%;margin-bottom:10px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{width:100%;height:240px;}
}
@media all and (max-width:640px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:190px;}
}
@media all and (max-width:567px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:170px;}
}
@media all and (max-width:467px){
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:140px;}
}
@media all and (max-width:380px){
.GalleryLayout .photoList ul li{width:100%;margin-bottom:5px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:200px;}
}






.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:440px;}

@media all and (max-width:1500px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:auto !important;}
.GalleryLayout .photoList.length ul li a .inbox .imgArea{position:relative !important;}
.GalleryLayout .photoList.length ul li a .inbox .imgArea:after{padding-bottom:50%;position:absolute;top:0;left:0;display:block;content:"";}

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

@media all and (max-width:967px){
.GalleryLayout .photoList ul li a .inbox .txtArea .info .name{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:190px;}
}
@media all and (max-width:867px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:160px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:15px;}
}
@media all and (max-width:767px){
.GalleryLayout .photoList ul li a .inbox .txtArea .info .name{font-size:13px;}
.GalleryLayout .photoList ul li a .inbox .txtArea .info .day{font-size:13px;}
.GalleryLayout .photoList ul li{width:50%;margin-bottom:10px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{width:100%;height:240px;}
}
@media all and (max-width:640px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:190px;}
}
@media all and (max-width:567px){
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:170px;}
}
@media all and (max-width:467px){
.GalleryLayout .photoList ul li a .inbox .txtArea .tt{font-size:14px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:140px;}
}
@media all and (max-width:380px){
.GalleryLayout .photoList ul li{width:100%;margin-bottom:5px;}
.GalleryLayout .photoList ul li a .inbox .imgArea img{height:200px;}

} 









/**************************************************************
* video gallery *
**************************************************************/
.GalleryLayout-1{width:100%;}
.GalleryLayout-1 .photoList{border:0;}
.GalleryLayout-1 .photoList ul.gall_list{margin:0;padding:0;overflow:hidden;}

.GalleryLayout-1 .photoList ul li{float:left;width:25%;border:0;margin:0;padding:0;left:0;}
.GalleryLayout-1 .photoList ul li .inbox{position:relative;left:0;top:0;border:1px #ddd solid;box-sizing:border-box;margin:5px;width:auto;height:100%;display:block;padding:5%;}
.GalleryLayout-1 .photoList ul li .inbox:after{content:"";display:block;clear:both;}

.GalleryLayout-1 .photoList ul li .inbox .imgArea{width:100%;overflow:hidden;position:relative;}
.GalleryLayout-1 .photoList ul li .inbox .imgArea .absolute{margin:0;padding:0;position:absolute;left:20%;top:40%;z-index:33}
.GalleryLayout-1 .photoList ul li .inbox .imgArea .absolute img{max-width:60%;}
.GalleryLayout-1 .photoList ul li .inbox .imgArea a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999}
.GalleryLayout-1 .photoList ul li .inbox .imgArea a img{width:100%;height:100%;}

.GalleryLayout-1 .photoList ul li .inbox .txtArea{width:100%;overflow:hidden;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .tt{font-size:140%;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-1 .photoList ul li .inbox .txtArea .info{width:100%;overflow:hidden;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span{padding:0 24px 0 0;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info .name{font-size:140%;color:#333;display:inline-block;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info .day{font-size:140%;color:#777;font-weight:300;display:inline-block;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span.add{margin-top:10px !important;}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span.add,
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span.tel{display:block;margin:0;padding:0;clear:both;overflow:hidden;color:#999999}
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span.add img,
.GalleryLayout-1 .photoList ul li .inbox .txtArea .info span.tel img{vertical-align:middle;margin-right:5px;max-height:20px;}

@media all and (max-width:1299px){
.GalleryLayout-1 .photoList ul li{width:33.33%;}
.GalleryLayout-1 .photoList ul li .inbox .imgArea img{width:100%;}
}
@media all and (max-width:767px){
.GalleryLayout-1 .photoList ul li .inbox .imgArea{max-height:inherit;}
.GalleryLayout-1 .photoList ul li{width:50%;margin-bottom:10px;}
.GalleryLayout-1 .photoList ul li .inbox .imgArea img{width:100%;max-height:inherit;min-height:inherit;}
}
@media all and (max-width:467px){
.GalleryLayout-1 .photoList ul li{width:100%;}
}