@charset "utf-8";
/* CSS Document */


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

.sec-board .ViewLayout .Viewboard .ViewCon img{height:auto !important;}



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


/*�˻�*/
.search{margin:0 auto; padding:16px 0; text-align:right; clear:both; overflow:hidden;}
.search .nType{ width:243px; height:33px; line-height:33px; font-size:14px; color:#aaa; border:0; border-bottom:1px solid #5c5c5c; padding:0 0 0 4px;}
.search .btn{line-height:32px;}
.search input{vertical-align:middle;}
@media screen and (max-width:667px){
  .search .nType{ width:223px; height:30px; line-height:30px; font-size:13px;}
}
@media screen and (max-width:467px){
  .search .nType{ width:203px; height:28px; line-height:28px; font-size:12px;}
}

/*******************************************************************************************************
********************************************************************************************************/
/*����Ʈ*/
.listboard{margin:0 auto; padding:0; width:100%; clear:both;}
.listboard .listboardStyle{ width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; word-creak:break-all; text-align:center}
.listboard .listboardStyle thead th{  background:#3392df; height:55px;}
.listboard .listboardStyle thead th span{color:#fff; font-weight:400; line-height:1.2;font-size:17px;}

.listboard .listboardStyle tbody{}
.listboard .listboardStyle tbody td{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:16px 0; word-break:keep-all;font-size:17px;}
.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;}
.listboard .listboardStyle tbody td.title img{vertical-align:middle;margin-top:-6px;margin-left:6px;}
.listboard .listboardStyle tbody td.title a{text-decoration:none;line-height:140%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}/*
.listboard .listboardStyle tbody td *{display:inline-block;}*/
.listboard .listboardStyle tbody td.date span{text-align:left;}
.listboard .listboardStyle tbody tr.not{background:#ebebeb}
@media screen and (max-width:1500px){
.listboard .listboardStyle .date{width:10% !important;}
}
@media screen and (max-width:1100px){
.listboard .listboardStyle .date{width:13% !important;}
}
@media screen and (max-width:867px){
.listboard .listboardStyle thead th span{font-size:15px;}
.listboard .listboardStyle tbody td{font-size:15px;}
.listboard .listboardStyle tbody td.title a{font-size:15px;}
}
@media screen and (max-width:768px){
  .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%;}
  
.listboard .listboardStyle .num{width:10% !important}
.listboard .listboardStyle .title{width:70% !important;}
.listboard .listboardStyle .date{width:20% !important;}
  
}
@media screen and (max-width:500px){
.listboard .listboardStyle,
.listboard .listboardStyle thead,
.listboard .listboardStyle tbody,
.listboard .listboardStyle tr,
.listboard .listboardStyle th,
.listboard .listboardStyle td{width:100% !important;display:block !important;text-align:left !important;}

.listboard .listboardStyle thead{height:2px;overflow:hidden;background:#3392df;}
.listboard .listboardStyle tbody .num{width:100% !important;border:none;padding-bottom:6px;padding-left:10px;}
.listboard .listboardStyle tbody .num span{background:#3392df;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;color:#fff;}
.listboard .listboardStyle tbody .title{width:100% !important;border:none;padding-bottom:0 !important;padding-top:0 !important;padding-left:10px !important;}
.listboard .listboardStyle tbody .date{width:100% !important;border-top:none;padding-left:10px;padding-top:0 !important;}
.listboard .listboardStyle tbody .date *{color:#999;}
.listboard .listboardStyle tbody .Mno{display:none !important;}
}






/*�۾��� ��ư*/
.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:13px 0 10px 0; background-color:#999999; color:#fff; margin:0 auto; width:230px; border:1px solid #808080; font-weight:500;font-size:17px;}
.writeBut a.write:hover{background-color:#1b63c4; border:1px solid #1b63c4}
.writeBut a.list{display: inline-block; padding:13px 0 10px 0; background-color:#fff; margin:0 auto; width:230px; border:1px solid #ddd; font-weight:500;font-size:17px;}
.writeBut a.list:hover{background-color: #333333; border:1px solid #808080; color:#fff}

/*����¡*/
.PageBox{border:none; padding:40px 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; font-size:16px; color:#000; text-decoration:none; border-top:1px #ddd solid; border-bottom:2px #000 solid; background:#fff; font-weight:400; vertical-align:top}
.allPage a{display:inline-block; width:38px; height:39px; line-height:38px; font-size:16px; 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:867px){
.writeBut a.write{font-size:15px;}
.writeBut a.list{font-size:15px;}
}
@media screen and (max-width:667px){
  /*����¡*/
  .PageBox{padding:20px 0;}
  .allPage strong{width:28px; height:29px; line-height:28px; font-size:14px;}
  .allPage a{width:28px; height:29px; line-height:28px; font-size:14px;}
  .allPage img, .allPage a{max-width:28px;}
  
}




/*******************************************************************************************************
********************************************************************************************************/
/* view */
.ViewLayout{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%;}


.ViewLayout span{display:inline-block !important;}
.ViewLayout font{display:inline-block !important;}



.Viewboard{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%; border:1px solid #ddd;border-top:solid 2px #3079ca;border-left:none;border-right:none;}
/*���*/
.ViewTop{margin:0 auto; padding:0; width:100%; clear:both; background-color:#fafafa; border-bottom:1px solid #ddd; overflow:hidden}

.ViewName, .ViewDate, .ViewHit{ float:left; margin:0; padding:0; line-height:70px;font-size:17px;}
.ViewTitle{width:100%; font-size:120%; color:#333333; font-weight:500; padding:25px 20px; margin:0 auto; float:none; overflow:hidden; border-bottom:1px solid #ddd}
.ViewName, .ViewDate, .ViewHit{width:33.33%; text-align:center; border-left:1px solid #ddd; font-weight:300; height:100%;}
.ViewName strong, .ViewDate strong, .ViewHit strong{ color: #666666; padding-right:8px; font-weight:500;font-size:17px;}
.ViewName{border-left:none;}
@media screen and (max-width:767px){
  .ViewTitle{padding:20px 15px;}
}
/*����*/
.ViewCon{margin:0; padding:2%; clear:both; overflow:hidden; width:100%; min-height:450px;}
.ViewCon *{word-wrap:break-word;word-break:keep-all;line-height:170% !important;}

@media screen and (max-width:1100px){
.ViewCon p{margin-left:0 !important;}
}
/*÷������*/

/*���*/
.ViewComment{border-top:1px solid #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:1px solid #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: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 #1b63c4; background-color:#1b63c4; 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:1px solid #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: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 #1b63c4; background-color:#1b63c4; 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;}
.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;font-size:17px;}

.ViewLayout .viewBut{padding:2%; margin:0; clear:both; overflow:hidden; background-color:#F6F6F6;}
.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;font-size:17px;}
.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{font-size:17px;}
.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;}
.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; margin-left:-1px}
.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; margin-left:-1px}
@media screen and (max-width:867px){
  .ViewName strong, .ViewDate strong, .ViewHit strong{padding-right:0px; display:block}
  .ViewTitle{float:none; width:100%;line-height:120%; border-bottom:1px solid #ddd}
  .ViewName, .ViewDate, .ViewHit{ float:left; margin:0; padding:2% 0; line-height:120%; width:33.33%}
  .ViewName{border-left:none;}
  
  .ViewCon{min-height: inherit;}
  
.BottNePr ul li a{font-size:15px;}

.ViewLayout .viewBut a.list{font-size:15px;}
.ViewLayout .viewBut .viewBut_R a{font-size:15px;}
}



.ViewTInfo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 20px;background:#fff;}
.ViewTInfo *{font-size:100%;}

.attach{width:calc(100% - 180px);display:flex;flex-wrap:wrap;}
.attach a{position:relative;background:url(/img/down.png) no-repeat left center;padding-left:22px;margin:0 10px 10px 10px;display:block;}
.attach a:last-child{margin-bottom:0;}
.attach img{margin:0 10px;}

.ViewTInfo .dreBox{display:flex;align-items:center;justify-content:flex-end;}
.ViewTInfo .dreBox i{background:#999;margin:0 11px;width:1px;height:9px;display:inline-block;}
@media screen and (max-width:767px){
.ViewTInfo{padding:15px 15px;}

.attach a{padding-left:20px;}
}
@media screen and (max-width:500px){
.attach{width:100%;}

.ViewTInfo .dreBox{width:100%;justify-content:flex-start;margin-top:10px;}
}







/*******************************************************************************************************
********************************************************************************************************/
/*�۾���*/
.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:1px solid #ddd;}
.writeLayout .writeboard .wrTop {padding:1% 2%; background:#fafafa; border-bottom:1px solid #ddd;}
.writeLayout .writeboard .wrTop .title {font-size:110%; color:#333; font-weight:500;  padding:0; overflow:hidden; display:inline-block}
.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%}
.writeLayout .writeboard .wrTop .writeH input[type='password']{height:32px; line-height:32px; border:1px solid #ddd; padding:0 5% 0 2%; width:28%}
.writeLayout .writeboard .wrTop .writeH input[type='file']{height:32px; line-height:32px; padding:0; width:98%}
.writeLayout .writeboard .wrTop .writeH select{width: auto;}
.writeLayout .writeboard .wrTop.upfile {border-bottom:none;border-top:1px solid #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:1px solid #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:1px solid #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:1px solid #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:#1b63c4; border:1px solid #1b63c4}
.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;}
}


/*******************************************************************************************************
                                          *������ �Խ���*
********************************************************************************************************/
.GalleryLayout{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.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:400px;}/*
.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){
}
@media all and (max-width:1180px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:360px;}
}
@media all and (max-width:1050px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:330px;}
}

@media all and (max-width:967px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:300px;}
}
@media all and (max-width:867px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:270px;}
}
@media all and (max-width:767px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:350px;}
}
@media all and (max-width:640px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:320px;}
}
@media all and (max-width:567px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:290px;}
}
@media all and (max-width:467px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:260px;}
}
@media all and (max-width:380px){
.GalleryLayout .photoList.length ul li a .inbox .imgArea img{height:auto;}
  
 } 
  
  



/*******************************************************************************************************
                                          * 영상스킨 *
********************************************************************************************************/

.GalleryLayout-1{margin:0 auto; padding:0; width:98%; clear:both; overflow:hidden;}
.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%;}
}