@charset "utf-8";

/*글작성 페이지*/
.writeTable { font-size: 12px; font-size: 1.2rem; width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
.writeTable tr { border-top: 1px solid #191919; }
.writeTable tr:first-child { border-top: none; }
.writeTable th { text-align: right; width: 15%; background: #000; padding: 10px 20px; color: #ddd;}
.writeTable td { background: rgba(0, 0, 0, 0.5); width: 85%; padding: 10px; text-align:left; }
.writeTable tr td input[type=text] { border: 0.05rem solid rgba(143, 135, 170, 0.5); outline: none; background: transparent; color: #fff; box-sizing: border-box; width: 100%; height: 44px; line-height: 44px; padding: 0 10px;}
.writeTable tr td input[type=text]:focus { border: 0.05rem solid rgba(143, 135, 170, 1); background: #000; }
.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 { margin-bottom: 10px; width: 30%; color: #fff; background: #555; height: 44px; line-height: 44px; padding: 0 10px; border: 0.05rem solid rgba(143, 135, 170, 0.5); }
.writeTable tr td textarea { background: transparent; color: #fff; box-sizing: border-box; width: 100%; height: 300px; padding: 10px 10px; border: 0.05rem solid rgba(143, 135, 170, 0.5); overflow-y:auto; }
.writeTable tr td textarea:focus { background: #000; }

/* 자유게시판 카테고리 탭 */
ul.board_category { width: 100%; border: 0.05rem solid rgba(143, 135, 170, 0.5); 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: rgba(255, 255, 255, 0.2); }
ul.board_category li:hover label { color: #fff; }
ul.board_category li.active { background: rgba(129, 1, 133, 0.5);  }
ul.board_category li.active label { margin: 0; }
/* 자유게시판 카테고리 탭 */

@media all and (max-width:1030px){
    .writeTable tr { border-top: none; }
    .writeTable th { font-size: 14px; font-size: 1.4rem; padding: 20px 10px; text-align: left; display: block; width: 100%; }
    .writeTable td { background: #222; padding: 0 10px; display: block; width: 100%; }

    /* 자유게시판 카테고리 탭 */
    ul.board_category li { border-bottom:1px solid #2f2f2f; width: 33.33%; box-sizing: border-box;}
    ul.board_category li:nth-child(3n+3) { border-right: none; }
}
@media all and (max-width:640px){
    .writeTable tr td select { width: 100%; }
}

/* 게시판 리스트 */
.board_list { width: 100%; }
.board_list dt { background: #101010; }
.board_list dt, .board_list dd { width: 100%; overflow: hidden; }
.board_list dd { border-bottom: 0.05rem solid #482547; }
.board_list dd.notice { background: rgba(18, 30, 39, 0.7); line-height: 56px; }
.board_list dd.null { text-align: center; line-height: 100px; font-size: 16px; font-size: 1.6rem; }
.board_list h3 { text-align: center; padding: 0 10px; font-size: 12px; font-size: 1.2rem; font-weight: 500; display: block; float: left; }
.board_list h3:first-child { border-left: none; }
.board_list p { padding: 0 10px; text-align: center; color: #aaa; font-size: 11px; font-size: 1.1rem; font-weight: 500; display: block; float: left; }
.board_list article { font-size: 14px; font-size: 1.4rem; font-weight: 500; display: block; float: left; }


/*자유게시판 칼럼*/
.free_board { line-height: 36px; }
.free_board.board_list dd.notice .col_02 { width: 93%; overflow: hidden; position: relative; }
.free_board.board_list dd.notice .col_02 a {
    font-size: 20px; font-size: 2.0rem; padding: 0 10px;
}
.free_board.board_list dd.notice .col_02 a.move_notice { position: relative; left: 100%; }
.free_board.board_list dd.notice .col_02 a i { vertical-align: middle; display: inline-block; padding-right: 5px; font-size: 16px; font-size: 1.6rem; color: #ffcc00; }
.free_board.board_list dd.notice .col_02 a span { display: inline-block; }
.free_board .col_01 { width: 7%; }
.free_board .col_02 { width: 58%; }
.free_board .col_03 { width: 15%; }
.free_board .col_04 { width: 13%; }
.free_board .col_05 { width: 7%; }
.free_board .col_05 i { display: none; padding-right: 5px; }
.free_board .col_03 span { display: block; text-align: left; color: #fff; font-size: 14px; font-size: 1.4rem; }
.free_board a.subject { position: relative; font-weight: normal; display: inline-block; max-width: 100%; padding: 0 55px 0 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.free_board a.subject:hover { text-decoration: underline; }
.free_board a.subject .comment { display: inline-block; height: 36px; position: absolute; top: 0; right: 30px; }
.free_board a.subject .icon_bet { display: inline-block; width: 26px; height: 11px; position: absolute; top: 13px; right: 0; }

@media all and (max-width:1030px){
    .free_board { line-height: 24px; }
    .free_board.board_list dd.notice .col_02 { width: 100%; }
    .free_board dt, .free_board .col_01 { display: none; }
    .free_board dd { padding: 10px 0; }
    .free_board .col_02 { width: 100%; }
    .free_board .col_02 a { font-size: 14px; font-size: 1.4rem;}
    .free_board .col_03 { position: relative; float: none; clear: both; display: inline-block; width: auto; }
    .free_board .col_04 { position: relative; float: none; clear: both; display: inline-block;  width: auto; }
    .free_board .col_03:after, .free_board .col_04:after { color: #333; content: '|'; position: absolute; top: 0; right: -3px; }
    .free_board .col_05 { float: none; clear: both; display: inline-block;  width: auto; }
    .free_board .col_05 i { display: inline-block; }
    .free_board a.subject { padding: 0 60px 0 10px; }
    .free_board a.subject .comment { right: 35px; }
    .free_board a.subject .icon_bet { top: 6px; right: 10px; }
}

/* 고객센터 테이블 */
.cs_board { line-height: 36px; }
.cs_board.board_list dd.notice .col_02 { width: 93%; }
.cs_board.board_list dd.notice .col_02 a { padding: 0 10px; }
.cs_board.board_list dd.notice .col_02 a i { vertical-align: middle; display: inline-block; padding-right: 5px; font-size: 16px; font-size: 1.6rem; color: #ffcc00; }
.cs_board.board_list dd.answer { width: 100%; padding: 0; }
.cs_board.board_list dd.answer .detail_answer { width: 100%; padding: 0; }
.cs_board .col_01 { padding: 5px 0; width: 7%; }
.cs_board .col_02 { padding: 5px 0; width: 60%; }
.cs_board .col_03 { padding: 5px 0; width: 13%; }
.cs_board .col_04 { padding: 5px 0; width: 13%; }
.cs_board .col_05 { padding: 5px 0; width: 7%; }
.cs_board .col_05 i { display: none; padding-right: 5px; }
.cs_board .col_03 span { display: block; text-align: left; font-size: 12px; font-size: 1.2rem; }
.cs_board a.subject { position: relative; font-weight: normal; display: inline-block; max-width: 100%; padding: 0 50px 0 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.cs_board a.subject:hover { text-decoration: underline; }
.cs_board a.subject .comment { display: inline-block; height: 36px; position: absolute; top: 0; right: 25px; }
.cs_board a.subject .icon_bet { display: inline-block; width: 22px; height: 11px; position: absolute; top: 13px; right: 0; }

div.customerDetailW { border-top: 0.05rem solid rgba(143, 135, 170, 0.5); box-sizing: border-box; width: 100%; padding: 15px 20px 15px 7%; background: rgba(0, 0, 0, 0.5); }
.detail_answer > div.customerDetailW:first-child { border-top: none; }

@media all and (max-width:1030px){
    .cs_board { line-height: 24px; }
    .cs_board.board_list dd.notice .col_02 { width: 100%; }
    .cs_board dt, .cs_board .col_01 { display: none; }
    .cs_board dd { position: relative; padding: 10px 70px 10px 0; }
    .cs_board .col_02 { width: 100%; }
    .cs_board .col_02 a { font-size: 14px; font-size: 1.4rem;}
    .cs_board .col_03 { padding-left: 10px; position: relative; float: none; clear: both; display: inline-block; width: auto; }
    .cs_board .col_04 { position: relative; float: none; clear: both; display: inline-block;  width: auto; }
    .cs_board .col_03:after, .cs_board .col_04:after { color: #333; content: '|'; position: absolute; top: 0; right: -3px; }
    .cs_board .col_05 { position: absolute; top: 50%; right: 10px; margin-top: -23px; display: inline-block;  width: auto; }
    .cs_board .col_05 i { display: inline-block; }
    .cs_board a.subject { padding: 0 60px 0 10px; }
    .cs_board a.subject .comment { right: 35px; }
    .cs_board a.subject .icon_bet { top: 6px; right: 10px; }
    div.customerDetailW { padding: 15px; }
}
/* 고객센터 테이블 */


/* 쪽지함 */
.message-table { width: 100%; text-align: center; color: #999; }
.message-table.table-dl > dd > div { padding: 5px 0; line-height: 36px; border-bottom: 1px solid #333; }
.message-table .col-1 { width: 5%; }
.message-table .col-2 { width: 60%; }
.message-table .col-3 { width: 15%; }
.message-table .col-4 { width: 15%; }
.message-table > dd > .col-2 { text-align: left; }
.message-table .col-2 a.read { color: #999; }

.message-view { margin-bottom: 20px; width: 100%; padding: 40px; background: rgba(0, 0, 0, 0.5); }
.message-content { font-size: 16px; font-size: 1.6rem; color: #999; }
.message-date { margin-top: 30px; padding-top: 30px; border-top: 1px solid #484848; text-align: right; color: #999; font-size: 12px; font-size: 1.2rem; }

@media all and (max-width:640px){
    .message-table,
    .message-table > dd,
    .message-table > dd > div { display: block; }
    .message-table > dt { display: none; }
    .message-table > dd { position: relative; border-bottom: 1px solid #333; width: 100%; padding: 28px 15px 15px; }
    .message-table > dd:after { content: ''; display: block; clear: both; visibility: hidden; }
    .message-table.table-dl > dd > div { border: none; }
    .message-table .col-1.no { display: none; }
    .message-table .col-1 { position: absolute; top: 9px; left: 15px; width: auto; }
    .message-table .col-3 { padding: 0; width: auto; position: absolute; top: 0; right: 15px;}
    .message-table.table-dl .col-2 { width: 100%; }
    .message-table.table-dl .col-2 a {min-width: 280px; font-size: 14px; font-size: 1.4rem; }
    .message-table .col-4 { padding: 0; text-align: right; width: 100%; }



    .message-view { padding: 20px; }
    .message-content { font-size: 14px; font-size: 1.4rem; }
    .message-date { margin-top: 20px; padding-top: 20px; }
}
/* 쪽지함 */



/*게시물 상세 view start*/
.articleTitW { width: 100%; overflow: hidden; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); padding: 0; }
.articleTitW .articleTit { word-break: break-all; width: 75%; font-size: 18px; font-size: 1.8rem; font-family: 'NanumSquare'; color: #fff; line-height: 30px; float: left; padding: 15px; margin: 0; }
.articleTitW .writerInfo { font-size: 12px; font-size: 1.2rem; color: #999; width: 25%; overflow: hidden; padding: 15px; 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 { word-break: break-all; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); box-sizing: border-box; width: 100%; min-height: 200px; padding: 30px 15px; color: #ccc; font-size: 14px; font-size: 1.4rem; background-color: rgba(30, 30, 40, 0.5); }

/* 댓글영역 start */
.commentW { margin-top: 30px; font-size: 12px; font-size: 1.2rem; box-sizing: border-box; width: 100%; overflow: hidden; padding: 20px; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); border-top: 0.05rem solid rgba(143, 135, 170, 0.5); }
.commentW div.nicName { float: left; width: 15%;  }
.commentW div.nicName p { height: 62px; line-height: 62px; }
.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 { border: 0.05rem solid rgba(143, 135, 170, 0.5); box-sizing: border-box; background: rgba(0, 0, 0, 0.5); color: #ddd; display: block; width: 100%; height: 62px; line-height: 1.5; padding: 10px 90px 10px 10px; overflow-y:auto; }
.commentW div.comment textarea:focus { background: #000; color: #fff; }
.commentW div.comment a.commentS {position: absolute; top: 0; right: 0; display: block; width: 80px; height: 62px; text-align: center; line-height: 62px; color: #fff; background: #810185; }
.commentW div.comment a.commentS:hover { background: #6a016d; }
.commentList { font-size: 12px; font-size: 1.2rem; box-sizing: border-box; width: 100%; }
.commentList li { box-sizing: border-box; width: 100%; border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); overflow: hidden; padding: 10px 20px; }
.commentList li div.nicName { padding-right: 20px; text-align: right; float: left; width: 10%; line-height: 20px; }
.commentList li p { padding-left: 10px; float: left; width: 80%; line-height: 20px; color: #999; }
.commentList li div.commentInfo { display: block; float: right; 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: 12px; height: 12px;}

/* 댓글영역 end */

@media all and (max-width:1030px){
    .articleTitW .articleTit { padding: 10px 15px; width: 100%; }
    .articleTitW .writerInfo { padding: 5px 15px; width: 100%; }

    .commentW { padding: 20px 10px; }
    .commentW div.nicName { width: 100%; }
    .commentW div.nicName p { height: 30px; line-height: 30px; }
    .commentW div.comment { width: 100%; }

    .commentW div.comment a.commentS { margin-top: 5px; position: relative; top: auto; right: auto; width: 100%; height: 40px; line-height: 40px; }

    .commentList li { padding: 10px; }
    .commentList li div.nicName { text-align: left; padding: 0; width: 50%; }
    .commentList li p { padding: 0; width: 100%; }
    .commentList li div.commentInfo { width: 50%; }
}










.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: #ff5400; }
.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 tr.bettBtnTR td { border-bottom: 0 !important; padding-bottom: 0; }

.boardTable td img.img_dim { -moz-opacity: 0.30; opacity: 0.30; filter: alpha(opacity = 30); }
/*쪽지 읽음*/
.boardTable td.readM a{color:#999;}






/*테이블 상, 하단 버튼영역*/
.searchSection { width: 100%; margin: 0 0 10px 0; overflow: hidden; }
.btnSection_02 { width: 100%; text-align: right; margin: 10px 0 0 0; }
.btnSection_03 { 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; padding-right:10px;}
.boardVeiwM tr td {height: 33px; padding-left:20px;vertical-align: top; line-height: 25px;padding:10px 0 10px 10px;}
.boardVeiwM tr.topDateM td{ 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 #333; }
table.info_table tr:first-child th, table.info_table tr:first-child td { border-top: none; }
table.info_table th { background: #1d1d1d; border-right: 1px solid #333; color: #777; }
table.info_table td { background: #222; 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.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 #333; }
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; }
/* 공지사항 내 테이블 */