@charset "utf-8";

*리스트*/
.btn_wrap.gray{padding:0;}
.board_list_basic{/* border-top:2px solid #6b6b6b;  */width:100%;}
.board_list_basic table{ border-collapse:collapse; margin-left:0%; }
.board_list_basic td{font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana; padding:0 1% 20px 1%;  float:left; box-sizing:border-box }
.board_list_basic td div{/* border:1px solid #ddd;  */overflow:hidden; margin:0 }
.board_list_basic .titleField{font-weight:bold; font-size:16px; text-align:center; display:block; padding:10px 0;}
.board_list_basic .titleField{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.board_list_basic .titleField > img{ vertical-align:-1px; }
.board_list_basic .titleField a{color:#444;}
.board_list_basic .titleField span{font-weight:100; font-size:12px;}
.board_list_basic .infoArea{border-top:1px dashed #ddd; text-align:center; overflow:hidden; background:#fafafa}
.board_list_basic .infoArea span{font-size:12px; font-weight:100; display:inline-block; float:left; width:39.7%; padding:15px 5%; background:#fafafa; }
.board_list_basic .infoArea span{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; color:#999; }
.board_list_basic .infoArea span:first-child{border-right:1px dashed #ddd;}
.board_list_basic .icon_comment{font-size:13px; color:red;}
.board_list_basic .imgField{width:100%; height:300px !important; overflow:hidden; /* border-bottom:1px solid #eee;  *//* background:url(/img/no_image.jpg) no-repeat center;  */background-size:auto 100% !important; text-align:center; }
.board_list_basic .imgField a{ height:100%; width:100%; /* display:table-cell; */ display:block; vertical-align:middle; text-align:center; background:#fff; }
.board_list_basic .imgField a img{ /* width:100%;  *//* max-width:100%;  */height:auto; width:100%; }
.board_list_basic .imgField .noimg{background:#eeeeee; text-align:center; vertical-align:middle; width:100%; display:block; position:relative;}
.board_list_basic .imgField .noimg i{position:absolute; top:50%; left:50%; margin-left:-32.5px; margin-top:-21px;}
.board_list_basic .imgField .noimg i:before{content:''; font:normal 25px "FontAwesome"; color:#c9c9c9;}
.board_list_basic .imgField .noimg i:after{content:'no image'; display:block; font:bold 13px 'NanumGothic', 'Malgun Gothic', verdana; color:#c9c9c9; margin-top:5px; text-transform:uppercase;}
.board_list_basic .col1{width:100%; }
.board_list_basic .col2{width:50%;  }
.board_list_basic .col3{width:33.3%;}
.board_list_basic .col4{width:25%;}
.board_list_basic .col5{width:20%;}
.board_list_basic .col6{width:16.6%;}

/*리스트 검색*/
.cs_search_wrap{padding:0; margin-bottom:20px}
.cs_search_wrap input[type=text]{border:1px solid #ccc; height:25px;}
.cs_search_wrap input[type=submit]{line-height:31px; min-width:80px; background:#a6a191 }
.cs_search_wrap .select{border:1px solid #ccc; height:31px;}

/*뷰*/
.board_view_basic{/* border-top:1px solid #eee; */ font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;}
.board_view_basic > div{padding:10px 5px;}
.board_view_basic .titleField{font-size:20px; font-weight:bold; padding:20px 10px; border-bottom:2px solid #222; margin-bottom:1px;}
.board_view_basic .titleField:before{content:''; font:normal 16px "FontAwesome"; padding-right:5px; color:#8498e7; vertical-align:2px;}
.board_view_basic .infoField {overflow:hidden; background:#fafafa; border-bottom:1px solid #eee; padding:13px 20px;}
.board_view_basic .infoField ul{float:left; width:50%;}

.board_view_basic .infoField li{display:inline-block; font-size:13px; color:#777;}
.board_view_basic .infoField li i{padding-right:5px;}
.board_view_basic .infoField ul:first-child li{padding-right:20px;}
.board_view_basic .infoField ul:last-child{float:right; text-align:right;}
.board_view_basic .infoField ul:last-child li{padding-left:20px;}
.board_view_basic .fileField{font-size:13px; margin:0; padding:0;}
.board_view_basic .fileField li a{display:block;  padding:13px 20px; }
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}

.board_view_basic .contentField{padding:30px 30px 70px; border-bottom:1px solid #ddd; min-height:150px;}

/*이전글 다음글*/
.board_view_basic{border-collapse:collapse;}
.board_view_basic .listField{border-collapse:collapse; background:#fafafa}
.board_view_basic .listField th, .board_view_basic .listField td{border-bottom:1px dotted #ccc; border-width:0 0 1px 0; padding:10px 5px; font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana; text-align:left;}
.board_view_basic .listField tr:last-child th,  .board_view_basic .listField tr:last-child td{border-bottom:1px solid #ddd;}
.board_view_basic .listField th{width:120px;}
.board_view_basic .listField th strong{display:block; background:#fff; border:1px solid #becaec; border-radius:100em; padding:5px 10px; color:#7a94df; text-align:center; font-size:14px;}

/* view페이지 이미지 */
.board_view_basic .contentField img{ width:auto; max-width:900px; }

/*코멘트*/
.comment_title{font:400 18px/20px "Jeju Gothic",Malgun Gothic; text-align:left; padding:0 0 5px 1%; margin-top:30px;}
.comment_title:before{ content:" "; display:inline-block; font:normal 14px "FontAwesome",Arial;  color:#2f4d90; padding:0 5px 0 0 }
.commentArea{background:#fafafa; padding:30px; border:1px solid #eee; font:normal 13px 'NanumGothic', 'Malgun Gothic', verdana}
.commentArea > ul{border-bottom:1px dashed #ddd; padding:5px 0 20px; margin-bottom:20px; overflow:hidden;}
.commentArea > ul li{width:50%; float:left;}
.commentArea > ul .infoArea{text-align:right; color:#888; font-size:12px;}
.commentArea > ul .infoArea i{color:#999;}
.commentArea > ul .infoArea a{border:1px solid #ddd; padding:3px 5px; background:#fff; margin-left:5px;}
.commentArea > ul .infoArea a span{margin-left:3px;}
.commentArea > ul .commentField{width:100%; float:none; font-size:15px; clear:both; padding-top:10px;}
.commentArea > ul .ipField{font-size:12px; color: #888; padding-left:10px;}

/* .paging_btn{padding-top:0;} */

.comment_write_title{font:400 16px/20px "Jeju Gothic",Malgun Gothic; text-align:left; padding:0 0 5px 0;}
.comment_write{background:#fff; border:1px solid #ddd; padding:30px;}
.comment_write .infoField i{margin-right:3px; color:#777;}
.comment_write input[type=text], .comment_write .infoField input[type=password]{border:1px solid #aaa; height:25px; margin:0 20px 0 5px;} 
.comment_write .btn_comment{background:#2f4d90; width:50px; height:30px; border:none; font:700 14px/20px Malgun Gothic; color:#fff; border-radius:3px;}
.comment_write .commentField{width:100%; margin:10px 0;}
.comment_write .commentField textarea{margin:0;}
.comment_write .commentField td{vertical-align:bottom;}
.comment_write .commentField td:first-child{width:95%; padding-right:1%;}


/**************************************
글쓰기 write
***************************************/
.board_write_basic .table_input{border-collapse:collapse; width:100%; border-top:2px solid #6b6b6b; }
.board_write_basic .table_input tr > th, .board_write_basic .table_input tr > td{height:53px; font:normal 15px 'NanumGothic', 'Malgun Gothic', verdana;  border-bottom:1px solid #ddd; padding:0 10px;}
.board_write_basic .table_input tr > th{background:#f4f4f4; font-weight:bold; text-align:center; color:#757d97;  }
.board_write_basic .table_input input[type=text], .board_write_basic .table_input input[type=password]{height:28px; border:1px solid #ddd; margin-left:5px; background:#f9f9f9; padding-left:5px;}
.board_write_basic .table_input input[type=text]:hover, .board_write_basic .table_input input[type=password]:hover,
.board_write_basic .table_input input[type=text]:focus, .board_write_basic .table_input input[type=password]:focus{ border-color:#888; background:#f9fdff; }
.board_write_basic .table_input .infoTxt{font-size:13px; color:#555;}
.board_write_basic .table_input .infoArea{padding:10px 0; font-size:12px; }
.board_write_basic .table_input input[type=text].input.long{ width:90%; }

/***************************************
비밀글 삭제등 
***************************************/
.board_passwd_basic{ padding-top:100px; text-align:center;}
.board_passwd_basic .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#2f4d90;}
.board_passwd_basic dt{font:400 16px/20px "NanumGothic",Malgun Gothic; margin-top:40px; color:#777; margin-bottom:20px;}
.board_passwd_basic .inputField{margin-bottom:20px; font:400 18px/20px "NanumGothic",Malgun Gothic;}
.board_passwd_basic .inputField input[type=password]{height:28px; border:1px solid #ddd; width:30%; font:normal 14px/28px Malgun Gothic; padding-left:5px; }
.board_passwd_basic .btnField{margin-top:20px;} 
.board_passwd_basic .button{min-width:100px; padding:10px 20px; border:1px solid #ddd; font:bold 15px 'Malgun Gothic', verdana; margin:0 5px;}
.board_passwd_basic .btn_ok{background:#595757; color:#fff; border-color:#595757;}


/****아이콘***/
.board_list_basic td .fa-lock, .board_list_basic td .fa-floppy-o{vertical-align:-2px; margin:0 5px;}
.board_list_basic td .fa-lock{color:#444;}
.board_list_basic td .fa-level-up{color:#777;  vertical-align:2px; margin:0 5px;}
.board_list_basic td span.icon_new{font:bold 10px Dotum; color:#fff; background:#7b1820; padding:2px; border-radius:2px; text-transform:uppercase}