@charset "utf-8";

/*표*/

/*게시판상단*/
.list_tit{padding: 0 0 15px 0;}
.list_tit:after{content: ""; display: block; clear: both}
.list_tit h3{color: #333;background: url(../images/board/comment.png)no-repeat; padding-left: 22px; float: left;line-height: 1em;font-size: 15px;font-weight: normal}
.board_btn{float: right; margin-top: -15px}
.board_btn a{display: inline-block; padding:0 20px; line-height: 28px; font-size: 13px; border: 1px solid #d7d7d7; background: #f5f5f5;}

/*게시판 리스트 및 모든 표 스타일*/
.board				{width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-bottom: 10px}
.board tbody th 		{padding:15px 10px; margin:0; background:#f5f5f5; color:#000;  font-weight:500; border-bottom:#d7d7d7 1px solid; text-align: center; line-height: 1.3em; letter-spacing: -0.5px}
.board tbody td 		{padding:12px 10px; background:#fff; border-bottom:#d7d7d7 1px solid; line-height:170%;font-weight: 300;text-align: center;color: #444}
.board tbody .point td 		{background: #f4fbff}
.board tbody td a{display: block;text-align: left;color: #444}
.board tbody td a:hover{color: #000}
.secret{display: inline-block;text-indent: -9999px;background: url(../images/board/secret.png)no-repeat center;width: 13px}

/*게시판 쓰기*/
.board.write tbody td{text-align: left;padding: 12px 15px;}
.board.write tbody td input:not([type=checkbox]):not([type=radio]){height: 34px; padding-left: 15px;box-sizing: border-box;border: 1px solid #ccc;width: 230px}
.board.write tbody td select{height: 34px; padding-left: 15px;box-sizing: border-box;border: 1px solid #ccc;width: 230px}
.board.write tbody td textarea{width: 100%;height: 170px;border: 1px solid #ccc;}
.board.write tbody td .file{position: relative;display: inline-block;margin-bottom: 5px}
.board.write tbody td .post{margin-bottom: 7px}
.board.write tbody td .file .upload{position: absolute;top: 0; right: 0; text-indent: -9999px; display: block;width: 32px;height: 32px; background: url(../images/board/addfile.png)no-repeat center #ccc;border: 1px solid #bbb}
.board.write tbody td .file.post a{background-image: url(../images/board/searchIcon2.png)}
.board.write tbody td .addfile{display: inline-block;margin-left: 8px}
.board.write tbody td .addfile a{display: inline-block;line-height: 34px; vertical-align: top; text-indent: -9999px;width: 14px; background-repeat: no-repeat;background-position: center}
.board.write tbody td .addfile a.add{background-image: url(../images/board/add.png)}
.board.write tbody td .addfile a.del{background-image: url(../images/board/del.png)}
.board.write tbody td input[type=radio]{margin-top: 5px;margin-right: 5px}
.board.write tbody td input[type=checkbox]{margin-top: 5px;margin-right: 5px}
.board.write tbody td label{margin-right: 15px}
.board.write tbody td span{line-height: 34px;font-size: 13px;display: inline-block;padding: 0 8px}
.must{color: #003cff; line-height: 1em !important}

/*페이징*/
.paging{text-align: center; padding: 20px 0 30px 0}
.paging .pagingBox {display: inline-block;}
.paging .pagingBox span.prev {display: inline-block; vertical-align: middle; margin-right: 10px}
.paging .pagingBox span.next {display: inline-block; vertical-align: middle; margin-left: 10px}
.paging .pagingBox span.prev a{width: 15px;display: inline-block; text-indent: -9999px;}
.paging .pagingBox span.next a{width: 15px;display: inline-block; text-indent: -9999px}
.paging .pagingBox span.prev a:first-child{background: url(../images/board/arrow6_2.png)no-repeat 50%; margin: 0;}
.paging .pagingBox span.prev a:last-child{background: url(../images/board/arrow6.png)no-repeat 50%; margin: 0;}
.paging .pagingBox span.next a:first-child{background: url(../images/board/arrow7.png)no-repeat 50%; margin: 0;}
.paging .pagingBox span.next a:last-child{background: url(../images/board/arrow7_2.png)no-repeat 50%; margin: 0;}
.paging .pagingBox img {display: none;}
.paging .pagingBox .pageNum a{color: #666; padding: 0 3px; font-size: 13px}
.paging .pagingBox .pageNum a span{color: #333}

/*게시판 검색*/
.search{background: #f7f7f7;text-align: center;padding: 30px;}
.searchBox{display: inline-block;background: #fff; border: 1px solid #d7d7d7;}
.searchBox input{background: none;border: 0;font-size: 13px; line-height: 29px;padding-left: 15px}
.searchBox a{display: inline-block;padding: 2px 7px 7px 7px}

/*게시판 보기*/
.board_view				{width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:2px solid #001aac; margin-bottom: 10px}
.board_view tbody th 		{padding:30px; margin:0; background:#f9f9f9; border-bottom:#d7d7d7 1px solid; font-size: 13px; text-align: left;}
.board_view tbody th h2{font-size: 18px; margin-bottom: 10px;line-height: 1em;}
.board_view tbody th p{font-size: 13px; font-weight: normal}
.board_view tbody th ul{margin-top: 20px;background: #eaeaea;padding: 15px 25px;font-weight: normal;border-radius: 2px}
.board_view tbody th ul li a{color: #0045ff;line-height: 1.4em}
.board_view tbody th ul li a:hover{text-decoration: underline}
.board_view tbody td 		{padding:50px 30px; background:#fff; border-bottom:#ccc 1px solid;font-size: 14px;line-height: 1.5em}

/*댓글*/
.comment{background: #f5f5f5; padding: 15px 30px 25px 30px}
.comment ul{margin-bottom: 20px}
.comment li{padding: 25px 0 25px 5px; border-bottom: 1px dotted #c8c8d3;}
.comment li.rere{padding-left: 30px; background: url(../images/board/rere.png)no-repeat 5px 25px}
.comment .co_head{margin-bottom: 10px;}
.comment .co_head:after{display: block; clear: both; content: ""}
.comment .co_head h4{color: #333; float: left;font-size: 15px}
.comment .co_head h4 span{color: #777; font-size: 13px; font-weight: 300; margin-left: 10px; padding-left: 10px;border-left: 1px solid #ccc}
.comment .co_head .c_btn{float: right; font-size: 13px;}
.comment .co_head .c_btn a{margin-left: 5px}
.comment .co_body{line-height: 1.3em;}
.comment .cw_body{display: table;width: 100%}
.comment .cw_body .cwform{display: table-cell;vertical-align: top}
.comment .cw_body .cwbtn{display: table-cell;width: 10%; padding-left: 1%;vertical-align: top}
.comment .cw_body textarea{height: 82px; box-sizing: border-box;width: 100%;padding: 15px;border: 1px solid #ccc}
.comment .cw_body a{display: block; line-height: 80px; text-align: center; background: #fff; box-sizing: border-box; border: 1px solid #ccc;font-weight: 500}

/*버튼*/
.button{display: inline-block !important; padding:0 22px; line-height: 30px; border: 1px solid #d7d7d7; background: #f5f5f5;}
.button2{display: inline-block !important; padding:0 22px; line-height: 30px;}

/*게시판 비밀번호*/
.password{width: 800px;margin: 100px auto;text-align: center}
.password h3{text-align: left}

/*게시판 색*/
.board{border-top:2px solid #650cf2;}
.board_btn a.point{border-color: #650cf2; color: #fff;background: #650cf2}
a.button2{background: #650cf2; color: #fff;border: 1px solid #650cf2;}
/*게시판 끝*/



@media screen and (max-width:1000px){
    .password{width: 100%}
    
    .comment{background: #f5f5f5; padding: 0 20px 25px 20px}
    .comment .cw_body .cwbtn{width: 100px}
}


@media screen and (max-width:640px){
    .comment .cw_body .cwbtn{width: 60px}
    .board.write tbody td select{width: 100%}
    .board.write tbody td input:not([type=checkbox]):not([type=radio]){width: 100%}
    .board.write tbody td .file{width: 80%}
    .board.write tbody td .addfile{margin-left: 3px}
    .board.write tbody td .addfile a{margin-left: 0}
    .comment .co_head h4 span{display: block;margin: 0; padding: 0; border: 0;font-size: 12px}
    .comment .co_head .c_btn{font-size: 12px;}
    .comment .co_head .c_btn a{margin-left: 1px}
}