@charset "utf-8";


/*리스트*/
.btn_wrap.gray{padding:0;}

.board_list_basic{  width:101%; padding:80px 0 0 0;  }
.board_list_basic table{ border-collapse:collapse; margin-left:0%; }
.board_list_basic td{font:normal 12px 'NanumGothic', 'Malgun Gothic', verdana; padding:0 0 20px 1%;box-sizing:border-box;float:left }
.board_list_basic td div{ overflow:hidden; margin:0 }
.board_list_basic .titleField{font-weight:bold; font-size:14px; text-align:center; display:block; padding:20px 15px;}
.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; color:#999;  }
.board_list_basic .infoArea span{ overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.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 .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%;}

.board_list_basic .col1 .imgField{ height:400px; }
.board_list_basic .col2 .imgField{ height:300px; }
.board_list_basic .col3 .imgField{ height:200px; }
.board_list_basic .col4 .imgField{ height:150px; }


/* 예문 리스트 스타일 */
.sample_box{ position:relative; overflow:hidden; display:block; border:solid 1px #ddd; border-radius:3px; box-sizing:border-box; cursor:pointer }
.sample_box:after{ content:""; display:block; clear:both; }
.sample_box dt{ height:150px; overflow:hidden; display:none; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.sample_box dt img{ width:100%; }
.sample_box dd{ padding:10px 5% 30px 5%; color:#777; height:250px; overflow-y:auto; word-break:keep-all; box-sizing:border-box}
.sample_box dd .title{ text-align:center; color:#a56441; font:600 14px/20px 'NanumGothic', 'Malgun Gothic'; padding:10px 0; border-bottom:dotted 2px #ddd; margin-bottom:10px  }
.sample_box:hover{ border-color:#c7ab9c; background:#fff9f5  }
.sample_box:hover:after{ content:"자세히보기";  position:absolute; bottom:0; display:block; width:100%; font:400 14px/30px 'NanumGothic', 'Malgun Gothic'; background:#a18271; color:#fff; text-align:center;  }

/*리스트 검색*/
.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:#343434 }
.cs_search_wrap .select{border:1px solid #ccc; height:31px;}

/*뷰*/
.board_view_basic{ 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; text-align:center }
.board_view_basic .titleField:before{content:''; font:normal 16px "FontAwesome"; padding-right:5px; color:#ed3135; 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; background:#fafafa; border-bottom:1px solid #eee}
.board_view_basic .fileField li a:before{content:''; font:normal 12px "FontAwesome"; padding-right:5px; color:#555;}

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

/*이전글 다음글*/
.board_view_basic{border-collapse:collapse;}
.board_view_basic .listField{border-collapse:collapse; }
.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 13px '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:80px;}
.board_view_basic .listField th strong{display:block; background:#fff; border:1px solid #ddd; border-radius:100em; padding:5px 10px; color:#e94d4e; text-align:center; font-size:14px;}

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

/*코멘트*/
.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 .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}