@charset "utf-8";


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




/**************************************************************
* list *
**************************************************************/
/** search **/
.search{padding-bottom:20px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;}
.search select{height:44px;line-height:44px;font-size:17px;vertical-align:middle;margin-right:4px;border:solid 1px #ddd;padding:0 20px 0 14px;background:url(/ebom/app/design/skin/board/img/select_arrow.png) no-repeat right 14px center #fff;background-size:10px auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.search select:last-child{margin-right:0;}
.search select::-ms-expand{display:none;}

.search input{height:44px;line-height:44px;font-size:17px;vertical-align:middle;}
.search input[type=text]{width:243px;padding-left:14px;margin-right:2px;color:#aaa;border:solid 1px #ddd;}
.search input[type=submit]{width:60px;color:#fff;background:#333;}

@media screen and (max-width:1100px){
.search select{height:40px;line-height:40px;font-size:16px;}
.search input{height:40px;line-height:40px;font-size:16px;}
.search input[type=text]{width:200px;}
.search input[type=submit]{width:55px;}
}
@media screen and (max-width:767px){
.search select{height:37px;line-height:37px;font-size:15px;}
.search input{height:37px;line-height:37px;font-size:15px;}
.search input[type=text]{width:180px;}
.search input[type=submit]{width:50px;}
}
@media screen and (max-width:640px){
.search select{height:35px;line-height:35px;font-size:14px;padding:0 16px 0 10px;background-position:right 10px center;}
.search input{height:35px;line-height:35px;font-size:14px;}
.search input[type=text]{width:160px;}
.search input[type=submit]{width:48px;}
}
@media screen and (max-width:500px){
.search input[type=text]{width:120px;}
}





/** 데이터수 **/
.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.point{color:#1a4399;}

@media screen and (max-width:1100px){
.listboard .csBox .count{font-size:17px;}
}
@media screen and (max-width:767px){
.listboard .csBox .count{font-size:16px;}
}
@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%;}
}
@media screen and (max-width:500px){
.listboard.GalleryLayout .csBox{padding-left:0;padding-right:0;}
}




/** list **/
.listboard{width:100%;margin-top:50px;}

.listboard .listboardStyle{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-creak:break-all;}
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:18px 0;border-bottom:solid 1px #ddd;font-size:18px;line-height:150%;font-weight:400;color:#000;text-align:center;vertical-align:middle;}
.listboard .listboardStyle thead th{border-top:solid 1px #000;background:#fafafa;}
.listboard .listboardStyle tbody td{word-break:keep-all;}

.listboard .listboardStyle tbody td.title{text-align:left;padding:16px 3%;word-break:normal;}
.listboard .listboardStyle tbody td.title font{margin-right:6px;}
.listboard .listboardStyle tbody td.title img{margin-left:6px;}

@media screen and (max-width:1100px){
.listboard{margin-top:40px;}

.listboard .listboardStyle th,
.listboard .listboardStyle td{font-size:17px;}
}
@media screen and (max-width:980px){
.listboard .listboardStyle th,
.listboard .listboardStyle 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,
.listboard .listboardStyle tbody td a{color:#666;}
.listboard .listboardStyle tbody td.title a{color:#000;}
.listboard .listboardStyle tbody td 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{margin-top:30px;}

.listboard .listboardStyle tbody td{font-size:14px;padding:15px 0;}
.listboard .listboardStyle tbody td.title{padding-top:14px;}

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




/** 페이징 **/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{width:36px;height:36px;line-height:36px;margin:0 4px;padding:0;font-size:15px;color:#333;font-weight:400;text-align:center;border-radius:50%;display:block;}
.PageBox b{background:#0563c2;color:#fff;}
.PageBox a:hover{background:#0563c2;color:#fff;}
.PageBox .arr{width:36px;height:36px;border:solid 1px #ddd;border-radius:50%;font-size:0;display:block;position:relative;}
.PageBox .arr:after{width:7px;height:7px;border:solid #555;border-width:0 0 1px 1px;position:absolute;top:50%;left:50%;display:block;content:"";transform:translate(-50%, -50%) rotate(45deg);}
.PageBox .arr.next:after{border-width:1px 1px 0 0;}
.PageBox .arr:hover{background:#000;border-color:#000;}
.PageBox .arr:hover:after{border-color:#fff;}

@media screen and (max-width:1100px){
.PageBox{margin-top:50px;}
.PageBox *{width:30px;height:30px;line-height:30px;margin:0 2px;font-size:13px;}
.PageBox .arr{width:30px;height:30px;}
.PageBox .arr:after{width:6px;height:6px;}
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}
.PageBox *{width:27px;height:27px;line-height:27px;margin:0 1px;font-size:12px;}
.PageBox .arr{width:27px;height:27px;}
.PageBox .arr:after{width:5px;height:5px;}
}
@media screen and (max-width:400px){
.PageBox{margin-top:30px;}
.PageBox *{width:22px;height:22px;line-height:22px;}
.PageBox .arr{width:22px;height:22px;}
}







/** 버튼[리스트,글쓰기] **/
.BottBut{margin:5% auto 0 auto;background:#f6f6f6;}
.writeBut{text-align:center;padding:24px 0;}
.writeBut a.write,
.writeBut a.list{width:250px;margin:0 auto;padding:15px 0;display:inline-block;font-weight:500;font-size:16px;}

.writeBut a.write{background-color:#999;color:#fff;border:1px solid #808080;}
.writeBut a.list{background-color:#fff;color:#000;border:1px solid #ddd;}
.writeBut a.write:hover,
.writeBut a.list:hover{background:#0563c2;border:1px solid #0563c2;color:#fff;}

@media screen and (max-width:960px){
.writeBut a.write,
.writeBut a.list{width:230px;padding:13px 0;font-size:15px;}
}
@media screen and (max-width:640px){
.writeBut a.write,
.writeBut a.list{width:200px;padding:11px 0;font-size:14px;}
}





/**************************************************************
* faq *
**************************************************************/
.faqList .listboardStyle{border-top:solid 1px #000;}
.faqList .listboardStyle tr.faq_q td.red_txt{color:#ff0000;}
.faqList .listboardStyle tr.qnacontents{background-color:#f6f6f6;}
.faqList .listboardStyle td{display:flex !important;flex-wrap:wrap;}
.faqList .listboardStyle p{width:calc(100% - 30px);padding-left:30px;}
.faqList .listboardStyle .tit{line-height:30px;}
.faqList .listboardStyle .qimg,
.faqList .listboardStyle .aimg{width:30px;height:30px;padding-left:0;border-radius:50%;color:#fff;display:block;text-align:center;line-height:30px;font-size:16px;font-weight:bold;}
.faqList .listboardStyle .qimg{background:#777;}
.faqList .listboardStyle .aimg{background:#0563c2;}

@media screen and (max-width:1100px) {
.faqList .listboardStyle p{padding-left:25px;}
.faqList .listboardStyle .qimg,
.faqList .listboardStyle .aimg{font-size:15px;}
}
@media screen and (max-width:890px){
.listboard.faqList .listboardStyle tbody td{width:100%;padding-bottom:16px;}
}
@media screen and (max-width:767px) {
.faqList .listboardStyle p{width:calc(100% - 25px);padding-left:20px;}
.faqList .listboardStyle .tit{line-height:25px;}
.faqList .listboardStyle .qimg,
.faqList .listboardStyle .aimg{width:25px;height:25px;line-height:25px;font-size:14px;}
}
@media screen and (max-width:640px) {
.faqList .listboardStyle p{width:calc(100% - 20px);padding-left:13px;}
.faqList .listboardStyle .tit{line-height:20px;}
.faqList .listboardStyle .qimg,
.faqList .listboardStyle .aimg{width:20px;height:20px;line-height:20px;font-size:13px;}
}
@media screen and (max-width:460px) {
.faqList .listboardStyle p{padding-left:10px;}
}
@media screen and (max-width:400px) {
.faqList .listboardStyle p{padding-left:6px;}
.faqList .listboardStyle .qimg,
.faqList .listboardStyle .aimg{font-size:12px;}
}





/**************************************************************
* view *
**************************************************************/
.ViewLayout{width:100%;margin-top:50px;}
.Viewboard{width:100%;}



/** 뷰타이틀 **/
.ViewTop{width:100%;border-top:solid 1px #000;}

.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 span.tit{width:180px;text-align:center;background-color:#f9f9f9;}
.ViewTop span.con{width:calc(100% - 180px);padding-left:20px;text-align:left;}

.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){
.ViewLayout{margin-top:40px;}

.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){
.ViewLayout{margin-top:30px;}

.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:65px;}
.ViewTop span.con{width:calc(100% - 65px);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:#0563c2;border:1px solid #0563c2;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:hover{background-color:#999;border:1px solid #808080;color:#fff;}
.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 #0563c2;background-color:#0563c2;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 #0563c2;background-color:#0563c2;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{width:100%;margin-top:50px;}
.writeLayout .writeboard{width:100%;border:solid 1px #ddd;}

.writeLayout .writeboard .wrTop{background:#fafafa;border-bottom:solid 1px #ddd;display:flex;flex-wrap:wrap;}
.writeLayout .writeboard .wrTop .wTit,
.writeLayout .writeboard .wrTop .writeH{padding:18px 0;font-size:18px;line-height:150%;font-weight:400;color:#000;display:block;text-align:left;}

.writeLayout .writeboard .wrTop .wTit{width:150px;padding-left:30px;}
.writeLayout .writeboard .wrTop .writeH{width:calc(100% - 150px);padding-left:50px;padding-right:25px;}
.writeLayout .writeboard .wrTop .writeH *{font-size:18px;}
.writeLayout .writeboard .wrTop .writeH input[type='text'],
.writeLayout .writeboard .wrTop .writeH input[type='password'],
.writeLayout .writeboard .wrTop .writeH input[type='file'],
.writeLayout .writeboard .wrTop .writeH select{width:28%;height:32px;line-height:32px;padding:0 16px;border:solid 1px #ddd;}
.writeLayout .writeboard .wrTop .writeH input[type='file']{padding:0 !important;width:auto !important;}
.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 20px;display:inline-block;}
.writeLayout .writeboard .wrTop .writeH input[type=radio]:first-child{margin-left:0 !important;}
.writeLayout .writeboard .wrTop .writeH select{min-width:10%;padding:0 20px 0 14px;background:url(/ebom/app/design/skin/board/img/select_arrow.png) no-repeat right 14px center #fafafa;background-size:10px auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.writeLayout .writeboard .wrTop .writeH select::-ms-expand{display:none;}

.writeLayout .writeboard .wrTop:first-child .writeH input[type='text']{width:100% !important;}
.writeLayout .writeboard .wrTop .writeH .sizeRes{width:28% !important;max-width:100px;}

.writeLayout .writeboard .wrTop.upfile{border-bottom:none;border-top:solid 1px #ddd;}

.writeLayout .writeboard .wrCon{width:100%;padding:2%;}
.writeLayout .writeboard .wrCon .txtBox{width:100%;}
.writeLayout .writeboard .wrCon .txtBox 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 screen and (max-width:1100px){
.writeLayout{margin-top:40px;}

.writeLayout .writeboard .wrTop .wTit,
.writeLayout .writeboard .wrTop .writeH{padding:17px 0;font-size:17px;}

.writeLayout .writeboard .wrTop .wTit{width:130px;padding-left:25px;}
.writeLayout .writeboard .wrTop .writeH{width:calc(100% - 130px);padding-left:40px;padding-right:20px;}
.writeLayout .writeboard .wrTop .writeH *{font-size:17px;}

.writeLayout .writeboard .wrTop .writeH input[type='text'],
.writeLayout .writeboard .wrTop .writeH input[type='password'],
.writeLayout .writeboard .wrTop .writeH input[type='file'],
.writeLayout .writeboard .wrTop .writeH select{height:30px;line-height:30px;padding:0 14px;}
.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 18px;}
}
@media screen and (max-width:960px){
.writeLayout .writeboard .wrTop .wTit,
.writeLayout .writeboard .wrTop .writeH{padding:16px 0;font-size:16px;}

.writeLayout .writeboard .wrTop .wTit{width:120px;padding-left:20px;}
.writeLayout .writeboard .wrTop .writeH{width:calc(100% - 120px);padding-left:35px;padding-right:15px;}
.writeLayout .writeboard .wrTop .writeH *{font-size:16px;}

.writeLayout .writeboard .wrTop .writeH input[type='text'],
.writeLayout .writeboard .wrTop .writeH input[type='password'],
.writeLayout .writeboard .wrTop .writeH input[type='file'],
.writeLayout .writeboard .wrTop .writeH select{padding:0 12px;}
.writeLayout .writeboard .wrTop .writeH select{padding:0 18px 0 12px;}
}
@media screen and (max-width:767px){
.writeLayout .writeboard .wrTop .wTit{width:100px;}
.writeLayout .writeboard .wrTop .writeH{width:calc(100% - 100px);}
.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 14px;}
}
@media screen and (max-width:640px){
.writeLayout{margin-top:30px;}

.writeLayout .writeboard .wrTop .wTit,
.writeLayout .writeboard .wrTop .writeH{padding:14px 0;font-size:15px;}
.writeLayout .writeboard .wrTop .wTit{width:100%;padding:10px;padding-bottom:5px !important;}
.writeLayout .writeboard .wrTop .writeH{width:100%;padding:10px;padding-top:0 !important;}
.writeLayout .writeboard .wrTop .writeH *{font-size:15px;}
.writeLayout .writeboard .wrTop .writeH input[type='text'],
.writeLayout .writeboard .wrTop .writeH input[type='password'],
.writeLayout .writeboard .wrTop .writeH input[type='file'],
.writeLayout .writeboard .wrTop .writeH select{padding:0 10px;}
.writeLayout .writeboard .wrTop .writeH input[type='text'],
.writeLayout .writeboard .wrTop .writeH input[type='password']{width:100%;}
.writeLayout .writeboard .wrTop .writeH input[type=radio]{margin:0 4px 0 10px;}
.writeLayout .writeboard .wrTop .writeH select{padding:0 15px 0 10px;}
}







/*******************************************************************************************************
                                          *����*
********************************************************************************************************/
.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:#0563c2;border:1px solid #0563c2}
.deleteLayout .Ddelete{height:39px;margin-top:-2px;}
.deleteLayout .writeBut a.list{height:40px;}

@media screen and (max-width:767px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:180px;}
  
}
@media screen 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 screen and (max-width:567px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:140px;}
  
}
@media screen and (max-width:467px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:120px;}
}
@media screen and (max-width:367px){
  .deleteLayout .Ddelete, .deleteLayout .writeBut a.list{width:110px;}
}






/**************************************************************
* gallery *
**************************************************************/
.GalleryLayout{width:100%;}
.GalleryLayout .photoList{width:100%;position:relative;}
.GalleryLayout .photoList ul{width:100%;clear:both;overflow:hidden;}
.GalleryLayout .photoList ul li{float:left;width:calc(100%/3 - 20px);margin:10px;border:1px #ddd solid;}
.GalleryLayout .photoList ul li a{width:100%;padding:15px;display:block;}

.GalleryLayout .photoList ul li a .imgArea{width:100%;padding-top:65%;display:block;overflow:hidden;position:relative;}
.GalleryLayout .photoList ul li a .imgArea img{width:100%;min-height:100%;position:absolute;top:0;left:0;display:block;}

.GalleryLayout.technology .photoList ul li{width:calc(100%/4 - 20px);}
.GalleryLayout.technology .photoList ul li a .imgArea{padding-top:140%;}


.GalleryLayout .photoList ul li a .txtArea{width:100%;padding:15px 10px;padding-bottom:0 !important;display:block;}
.GalleryLayout .photoList ul li a .txtArea .tt{width:100%;padding-bottom:10px;font-size:17px;color:#333;font-weight:500;line-height:120%;overflow:hidden;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.GalleryLayout .photoList ul li a .txtArea .info{width:100%;overflow:hidden;}
.GalleryLayout .photoList ul li a .txtArea .info span{padding-right:20px;font-size:15px;line-height:120%;font-weight:300;display:inline-block;}
.GalleryLayout .photoList ul li a .txtArea .info .name{color:#333;}
.GalleryLayout .photoList ul li a .txtArea .info .day{color:#777;}

@media screen and (max-width:1100px){
.GalleryLayout .photoList ul li{width:calc(100%/2 - 10px);margin:5px;}
.GalleryLayout .photoList ul li a{padding:10px;}

.GalleryLayout.technology .photoList ul li{width:calc(100%/3 - 10px);}

.GalleryLayout .photoList ul li a .txtArea{padding:15px 5px;}
.GalleryLayout .photoList ul li a .txtArea .tt{font-size:16px;}
.GalleryLayout .photoList ul li a .txtArea .info span{padding-right:15px;font-size:14px;}
}
@media screen and (max-width:767px){
.GalleryLayout.technology .photoList ul li{width:calc(100%/2 - 10px);}
}
@media screen and (max-width:640px){
.GalleryLayout .photoList ul li{width:calc(100%/2 - 6px);margin:3px;}

.GalleryLayout .photoList ul li a .txtArea{padding:15px 0;}
.GalleryLayout .photoList ul li a .txtArea .tt{padding-bottom:8px;font-size:15px;}
.GalleryLayout .photoList ul li a .txtArea .info span{padding-right:12px;font-size:13px;}


.GalleryLayout.technology .photoList ul li a .txtArea .info span{width:100%;display:block !important;padding-right:0;}
}
@media screen and (max-width:460px){
.GalleryLayout .photoList ul li a{padding:6px;}

.GalleryLayout .photoList ul li a .txtArea{padding:10px 0;}
.GalleryLayout .photoList ul li a .txtArea .tt{padding-bottom:6px;}
}
@media screen and (max-width:420px){
.GalleryLayout.technology .photoList ul li{width:100%;margin:3px 0;}
}





/**************************************************************
* video gallery *
**************************************************************/
.GalleryLayout-1{width:100%;}
.GalleryLayout-1 .photoList{position:relative;}
.GalleryLayout-1 .photoList ul{clear:both;overflow:hidden;}
.GalleryLayout-1 .photoList ul li{float:left;width:calc(100%/3 - 20px);margin:10px;border:1px #ddd solid;}
.GalleryLayout-1 .photoList ul li a{width:100%;padding:15px;display:block;}

.GalleryLayout-1 .photoList ul li a .imgArea{width:100%;padding-bottom:65%;display:block;overflow:hidden;position:relative;}
.GalleryLayout-1 .photoList ul li a .imgArea img,
.GalleryLayout-1 .photoList ul li a .imgArea iframe{width:100%;min-height:100%;position:absolute;top:0;left:0;display:block;}

.GalleryLayout-1 .photoList ul li a .txtArea{width:100%;padding:15px 10px;padding-bottom:0 !important;display:block;}
.GalleryLayout-1 .photoList ul li a .txtArea .tt{width:100%;padding-bottom:10px;font-size:17px;color:#333;font-weight:500;line-height:120%;overflow:hidden;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.GalleryLayout-1 .photoList ul li a .txtArea .info{width:100%;overflow:hidden;}
.GalleryLayout-1 .photoList ul li a .txtArea .info span{padding-right:20px;font-size:15px;line-height:120%;font-weight:300;display:inline-block;}
.GalleryLayout-1 .photoList ul li a .txtArea .info .name{color:#333;}
.GalleryLayout-1 .photoList ul li a .txtArea .info .day{color:#777;}

@media screen and (max-width:1100px){
.GalleryLayout-1 .photoList ul li{width:calc(100%/2 - 10px);margin:5px;}
.GalleryLayout-1 .photoList ul li a{padding:10px;}

.GalleryLayout-1 .photoList ul li a .txtArea{padding:15px 5px;}
.GalleryLayout-1 .photoList ul li a .txtArea .tt{font-size:16px;}
.GalleryLayout-1 .photoList ul li a .txtArea .info span{padding-right:15px;font-size:14px;}
}
@media screen and (max-width:640px){
.GalleryLayout-1 .photoList ul li{width:calc(100%/2 - 6px);margin:3px;}

.GalleryLayout-1 .photoList ul li a .txtArea{padding:15px 0;}
.GalleryLayout-1 .photoList ul li a .txtArea .tt{padding-bottom:8px;font-size:15px;}
.GalleryLayout-1 .photoList ul li a .txtArea .info span{padding-right:12px;font-size:13px;}
}
@media screen and (max-width:460px){
.GalleryLayout-1 .photoList ul li a{padding:6px;}

.GalleryLayout-1 .photoList ul li a .txtArea{padding:10px 0;}
.GalleryLayout-1 .photoList ul li a .txtArea .tt{padding-bottom:6px;}
}