@charset "utf-8";

.board_category {margin:0}
.board_category li {float:left}
.board_category li a {display:block;width:113px;line-height:43px;text-align:center;background:#f6f6f6;color:#3e3e3e;font-weight:bold;position:relative;font-size:16px;border:1px solid #dbdbdb;border-left:0;border-right:0; letter-spacing:-1.3px;}
.board_category li.nth-child-6 a {idth:164px}
.board_category li a i,
.board_category li a em {position:absolute;right:0;top:0px;width:1px;height:43px;background:#ddd}
.board_category li a em {display:none}
.board_category li a.on {background:#3bb2f2;border:1px solid #3bb2f2;border-left:0;border-right:0;color:#fff !important}
.board_category li a.onPrev em {left:0;display:block}
.board_category li a:hover, .board_category li a:focus {color:#e03138;text-decoration:none}
.board_category:after {display:block;content:'';clear:both}



.board-list {border-collapse:collapse;width:100%}
#contents-wrap .board-wrap .board-list thead tr th {border-top:3px solid #000;text-align:center}
.board-list .th1 {width:100px}
.board-list .th3 {width:100px}
.board-list .th4 {width:200px}
.board-list .th5 {width:100px}

.board-list thead tr th,
.board-list tbody tr td {border-bottom:1px solid #ccc;padding:15px 0;text-align:left;}
.board-list tbody tr td a {display:block;padding:30px 40px 30px 300px;position:relative;line-height:1.8em;min-height:200px}
.board-list tbody tr td a strong {font-size:1.6em;}
.board-list tbody tr td a .more {position:absolute;right:30px;bottom:30px}
.board-list tbody tr td a p {font-size:1.1em;margin-top:10px}
.board-list tbody tr td img {position:absolute;left:35px;margin-top:-10px}
.board-list .subject {text-align:left}
.board-list .subject a {white-space:nowrap}
.board-list .ico_ready,
.board-list .ico_end {display:inline-block;background:#acafb8;color:#fff;font-weight:bold;width:60px;margin:0 auto;padding:0px 0;line-height:2em}
.board-list .ico_end {background:#0081d9}
.board-list .empty {text-align:center;padding:30px 0}

@media (max-width:768px) {
    .board-list .th1,
    .board-list .th4,
    .board-list .th5 {display:none}

    .board-list tbody tr td a {padding:15px}
    .board-list tbody tr td a strong {font-size:1em}
    .board-list tbody tr td a p {font-size:1em}
    .board-list tbody tr td a img {position:static;width:100%;display:block;margin-bottom:10px}
    .board-list tbody tr td a .more {bottom:20px}
}


.board-write { width: 100%; border-collapse: collapse}
.board-write th, .board-write td { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #dbdbdb; padding: 8px 0; background: #fff }
.board-write th { background: #eef0f4; font-weight: normal; text-align: center }
.board-write td { padding-left: 10px }
.board-write .end th,.board-write .end td {border-bottom:2px solid #484546;border-left:0;border-right:0}
.board-write .first th, .board-write .first td {border-top:2px solid #232021}

@media (min-width:768px) {
	.board-write th {width:15%;vertical-align:middle}
	.board-write td {width:85%}
}

@media (max-width:768px) {
	.board-write {table-layout:fixed}
	.board-write th {width:30%;vertical-align:middle}
	.board-write td {width:70%;overflow:hidden}
}

.board-write #wr_3 {
}


.board-view { width: 100%; border-collapse: collapse; margin-top:50px}
.board-view th, .board-view td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 13px 0}
.board-view tr.first th,
.board-view tr.first td {border-top:3px solid #000}
.board-view th { background: #e0e0e0; font-weight: bold; text-align: center}
.board-view td { padding-left: 10px }
.board-view td {}
.board-view .viewContentTD {padding:40px 50px}
#writeContents,
#writeContents td {color:#3e3e3e}
#commentContents td {border:0}
.attach-file {width:100%;margin-bottom:20px}
.attach-file td {border:1px solid #cdcdcd}


.comment_view { width: 100%; border-collapse: collapse }


#contents-wrap {background:#f7f7f7}
.board-wrap {margin-top:75px;padding-bottom:110px;}
.board_search {margin-bottom:20px}