@charset "utf-8";

.boardTable td.textLeft { text-align: left; padding-left: 10px; }
.boardTable td span.boardDate { font-size: 11px; }
.boardTable td img { vertical-align: middle; }
.boardTable td a.boardTit:hover { text-decoration: underline; }
.boardTable td a.boardTit span { color: #ffcc00; }
.boardTable td a.delMessage{background: url('../images/btn_delete.png') no-repeat; width:70px; height: 27px; display: inline-block; }
.boardTable td.detailAnswerTd { padding: 0; height: auto !important; text-align: left;}
.boardTable td.detailAnswerTd div.customerDetailW { box-sizing: border-box; width: 100%; padding: 30px 0 30px 90px; background: #1f1d2c; }
.boardTable td.detailAnswerTd div.customerWaitW { box-sizing: border-box; width: 100%; padding: 30px 0 30px 0; background: #1f1d2c; text-align:center; }
.boardTable td.detailAnswerTd div.marginB { margin-bottom: 1px; }
.boardTable tr.bettBtnTR td { border-bottom: 0 !important; padding-bottom: 0; }

/*쪽지 읽음*/
.boardTable td.readM a{color:#999;}
/*글쓰기 table 공통 Start*/
.writeTable{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
.writeTable tr { border-top: 1px solid #000; }
.writeTable tr:first-child { border-top: none; }
.writeTable th{background: #271d3e; padding: 5px 0; color: #ddd;}
.writeTable tr td{ height: 28px; padding: 5px 10px; text-align:left; background: #312f40;}
.writeTable tr td input[type=text] { box-sizing: border-box; width: 100%; height: 30px; line-height: 30px; padding: 0 10px; border:none; }
.writeTable tr td input[type=radio] {margin: 0 3px 0 0; vertical-align: middle;}
.writeTable tr td label { margin-right: 8px; cursor:pointer; }
.writeTable tr td select { height: 30px; line-height: 30px; padding: 0 10px; border:none; }
.writeTable tr td textarea { box-sizing: border-box; width: 100%; height: 300px; padding: 10px 10px; border:none; overflow-y:auto; }
/*글쓰기 table 공통 End*/

/*게시물 상세 view start*/
.articleTitW { box-sizing: border-box; width: 100%; overflow: hidden; background: #312f40; padding: 0; }
.articleTitW .articleTit { width: 570px; color: #fff; float: left; padding: 15px 0 15px 15px; margin: 0; font-size: 14px; }
.articleTitW .writerInfo { overflow: hidden; width: 230px; height: 31px; padding: 8px 15px 8px 0; float: right; text-align: right; }
.articleTitW .writerInfo .nicName { display: inline-block; text-align: right; height: 30px; line-height: 30px; padding-right: 20px; }
.articleTitW .writerInfo p { display: inline-block; text-align: right; height: 30px; line-height: 30px; }
.articleTitW .writerInfo .nicName img { vertical-align: middle; margin: 0; }
.articleC { box-sizing: border-box; width: 100%;  padding: 20px 20px; background: #1f1d2c; }
.articleC p { padding-top: 20px; }
.articleC .photo_wrap { width: 100%; }
.articleC .photo_wrap img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*게시물 상세 view end*/

/* 댓글영역 start */
.commentW { box-sizing: border-box; width: 100%; overflow: hidden; background: #1f1d2c; padding: 20px; border-bottom: 1px solid #343146; }
.commentW div.nicName { float: left; width: 15%;  }
.commentW div.nicName p { height: 22px; line-height: 22px; }
.commentW div.nicName p img { vertical-align: middle; margin-right: 5px; }
.commentW div.comment { width: 85%; float: left; overflow: hidden; position: relative; }
.commentW div.comment textarea {box-sizing: border-box; background: #312f40; color: #ddd; display: block; float: left; width: 100%; height: 54px; line-height: 17px; padding: 10px 90px 10px 10px; border:none; overflow-y:auto; }
.commentW div.comment a.commentS {position: absolute; top: 0; right: 0; display: block; width: 80px; height: 54px; text-align: center; line-height: 54px; color: #fff; background: #336eff; }
.commentW div.comment a.commentS:hover { background: #4478fc; }

.commentList { box-sizing: border-box; width: 100%; }
.commentList li { box-sizing: border-box; width: 100%; background:#312f40; margin-bottom: 1px; overflow: hidden; padding: 10px 20px; }
.commentList li div.nicName { float: left; width: 15%; line-height: 20px; }
.commentList li p { float: left; width: 75%; line-height: 20px; color: #999; }
.commentList li div.commentInfo { display: block; float: left; width: 10%; text-align: right; line-height: 20px; }
.commentList li div.commentInfo span { color: #777; display: inline-block; margin-right: 5px; }
.commentList li div.commentInfo a { display: inline-block; width: 11px; height: 11px; background: url('../images/board/ico_editdel_reply.png') repeat; }
.commentList li div.commentInfo a.commentEdit { background-position: 0 0; }
.commentList li div.commentInfo a.commentDelete { background-position: -17px 0; }
/* 댓글영역 end */

/*테이블 상, 하단 버튼영역*/
.searchSection { box-sizing: border-box; padding: 0; width: 100%; margin: 10px 0; overflow: hidden; }
.btnSection_02 { box-sizing: border-box; padding: 0; width: 100%; text-align: right; margin: 10px 0 0 0; }
.btnSection_03 { box-sizing: border-box; padding: 0; width: 100%; margin: 0; overflow: hidden; margin: 10px 0 10px 0; }
.searchSection select { vertical-align: top; display:inline-block; width: 100px; height: 30px; line-height: 30px; border:none; color: #000; font-size: 12px; padding: 0 0 0 5px; }
.searchSection input { vertical-align: top; display:inline-block; width: 140px; height: 30px; line-height: 30px; border:none; color: #000; font-size: 12px; padding: 0 5px;  }
.searchSection a, .btnSection_02 a { display:inline-block; }
.searchSection a img, .btnSection_02 a img { vertical-align: middle; }
.btnSection_03 input[type=checkbox] { float:left; width: 16px; height: 16px; line-height: 16px; margin: 0 5px 0 0; cursor:pointer;}
.btnSection_03 span.bettingSum{cursor: pointer;}
.btnSection_03 span { float:left; display: inline-block; height: 16px; line-height: 16px; }
/*테이블 상, 하단 버튼영역*/

/* 페이징 */
.paging { clear:both; display:block; width:100%; height:16px; margin:20px auto; text-align:center; overflow:hidden; }
.paging strong { display:inline-block; height:16px; padding:0 2px; color:#ffc600; font-size:12px; font-weight:bold; text-decoration:none; line-height:16px; }
.paging a { display:inline-block; height:16px; padding:0 4px; font-size:12px; text-decoration:none; vertical-align:top; line-height:16px; color: #fff; font-weight: bold; }
.paging a:hover { text-decoration: underline; }
.paging a.prev, .paging a.next { width:19px; height:16px; padding:0; border:none; }
.paging a.prev { margin:0 2px 0 0; }
.paging a.next { margin:0 0 0 2px; }
.paging a img { margin-top: 1px; }
/* 페이징 */

/*쪽지 뷰*/
.boardVeiwM{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin-bottom:20px;}
.boardVeiwM tr td:first-child { text-align:right; color:#ffc600; background: url('../images/board/bg_articleTitW.png') repeat #1f1d2c; padding-right:10px;}
.boardVeiwM tr td {height: 33px; padding-left:20px;vertical-align: top; line-height: 25px;padding:10px 0 10px 10px; background-color: #1f1d2c;}
.boardVeiwM tr.topDateM td{ background-color: #1f1d2c; border-bottom: 1px solid #575757; vertical-align: middle;}
/*쪽지 뷰*/

/* 내정보 테이블 */
table.info_table { margin-bottom: 20px; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table.info_table th, table.info_table td { height: 30px; border-top: 1px solid #514e6c; }
table.info_table tr:first-child th, table.info_table tr:first-child td { border-top: none; }
table.info_table th { background: #271d3e; border-right: 1px solid #514e6c; color: #777; }
table.info_table td { background: #1f1d2c; padding: 5px 0 5px 20px; }
table.info_table td input { border: none; height: 26px; vertical-align: middle; margin-right: 15px; }
table.info_table td input[type=radio] { margin:0 5px 0 0; vertical-align: middle; }
table.info_table td label { margin-right: 10px; cursor:pointer; }
table.info_table td p { line-height: 25px; }
table.info_table td div.level_guide { margin-top: 10px; width: 588px; padding: 15px; border: 1px solid #514e6c; background: #0a0416; }
table.info_table td div.level_guide p { font-size: 11px; line-height: 20px; color: #aaa; }
/* 내정보 테이블 */

/* 공지사항 내 테이블 */
table.notice_table { margin-bottom: 20px; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table.notice_table th, table.notice_table td { height: 30px; border: 1px solid #514e6c; }
table.notice_table th { background: #111; }
table.notice_table td { padding: 5px 0 5px 10px; font-size: 11px; }
table.notice_table td.notice_td { background: #222; padding: 0; text-align: center; }
/* 공지사항 내 테이블 */

/* 자유게시판 카테고리 탭 */
ul.board_category { width: 100%; height: 30px; background: #44415c; overflow: hidden; }
ul.board_category li { float: left; display: inline-block; line-height: 30px; text-align:center; border-right:1px solid #2f2f2f;  }
ul.board_category li label { display: inline-block;; padding: 0 15px; margin: 0; color: #ddd; }
ul.board_category li:hover { background: #534f6d; }
ul.board_category li:hover label { color: #fff; }
ul.board_category li.active { background: #ffcc00;  }
ul.board_category li.active label { margin: 0; color: #000; }
/* 자유게시판 카테고리 탭 */

/*19금 게시판*/
.list_photo_wrap { width: 100%; overflow: hidden; }
ul.list_photo { margin: -5px; padding-top: 20px; overflow: hidden; }
ul.list_photo li { box-sizing: border-box; position: relative;  padding: 5px; width: 25%; padding: 5px; float: left; }
ul.list_photo li a { background: #514e6c; padding: 15px; display: block; text-align: center; }
ul.list_photo li a:hover { background: #3f3f3f; }
ul.list_photo li a .thumb_photo { background: #222; position: relative; padding-top: 100%;  /* 1:1 ratio */ overflow: hidden; margin-bottom: 10px; }
ul.list_photo li a .thumb_photo .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
ul.list_photo li a .thumb_photo .centered img { position: absolute; top: 0; left: 0; width: auto; height: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
ul.list_photo li a h3 { text-align: left; margin-bottom: 10px; }
ul.list_photo li a p { text-align: left; font-size: 11px; }
ul.list_photo li a p span strong { color: #fff; }
ul.list_photo li a p span:before { content: ' | ';}
ul.list_photo li a p span:first-child:before { content: '';}
/*19금 게시판*/