@charset "utf-8";
/* CSS Document */
.sub-banner {background: url("../../../img/sub/community/banner_bg.png")no-repeat center;}
.sub-banner .sub-menu ul li {width: 14.2%;}

.search-wrap {float: right;margin-bottom: 20px;}
.search-wrap input[type="text"].text-input { float: left; border-right: 0;}
.search-wrap .btn-wrap {float: left; margin:0; }
.search-wrap .btn-wrap button {height: 35px; min-width: 100px;}

/* 피씨 게시판 리스트 */
table.normal-table tbody tr.fixed td a {font-weight: 600;}
table.normal-table tbody tr.fixed td span { display: inline-block; font-size: 1.2rem; padding: 1px 10px; background: #5496ff; border-radius: 3px; color: #fff;}
table.normal-table tbody tr td {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
table.normal-table tbody tr td.txt-left {text-align: left;}
table.normal-table tbody tr td a:hover {text-decoration: underline;}
table.normal-table tbody tr:hover {background: #fafafa;}
table.normal-table tbody tr td img {width: 13px; position: relative; top: 3px; cursor: pointer;}

/* 모바일 게시판 리스트 */
.table-mo {display: none;}
.normal-table-mo {width: 100%; border-top: 1px solid #666;}
.normal-table-mo .box {position: relative; width: 100%; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.normal-table-mo .box .title a {font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.normal-table-mo .box.fixed .title a { font-weight: 500;}
.normal-table-mo .box.fixed .title a span {display: inline-block; font-size: 1.2rem; padding: 1px 10px; background: #5496ff; border-radius: 3px; color: #fff; margin-right: 7px;}
.normal-table-mo .box ul {margin-top: 7px;}
.normal-table-mo .box ul li {float: left; padding-right: 15px; font-size:1.2rem; color:#999;}
.normal-table-mo .box ul li:last-child {padding-right: 0;}
.normal-table-mo .box ul li img { width: 10px; position: relative; top: 3px;}

/* 게시판 디테일 */
.board-detail {position: relative; width: 100%;}
table.detail-table {width: 100%; position: relative;} 
table.detail-table tbody tr.head td { padding: 20px;} 
table.detail-table tbody tr.head td.bul {width: 100px; background: #24252e; text-align: center; color: #fff; font-size: 1.5rem; font-weight: 600; } 
table.detail-table tbody tr.head td.title {background: #f2f2f2; }
table.detail-table tbody tr.head td.title h3 {font-size: 2rem; }
table.detail-table tbody tr.head td.title ul {margin-top: 7px;}
table.detail-table tbody tr.head td.title ul li {float: left; padding-right: 15px; font-size:1.2rem; color:#777;}
table.detail-table tbody tr.cont td {padding: 50px 0; font-size: 1.4rem; color: #666; line-height: 1.8; border-bottom: 1px solid #dee3eb;}
table.detail-table tbody tr.file td {padding: 10px 15px; font-size: 1.3rem; font-weight: 500; border-bottom: 1px solid #dee3eb; background: #f8f8f8; }
table.detail-table tbody tr.file td a {color: #555;}
table.detail-table tbody tr.file td a:hover {text-decoration: underline;}
table.detail-table tbody tr.file td img {width: 12px; margin-right: 10px; position: relative; top: 2px}
table.detail-table tbody tr.url td {padding:10px 15px; font-size: 1.3rem; font-weight: 500; border-bottom:1px solid #dee3eb; border-top: 1px solid #dee3eb; color: #7b7d80;}
input[type="text"].text-input.email-input {display: block; margin: 3px 0;}

.custom-form table.vertic-table {margin-top: 0;}

@media all and (max-width: 768px) {
	.search-wrap {width: 100%; float: none;}
	.search-wrap input[type="text"].text-input {width: calc(100% - 250px) !important;}
	.select-box {width: 150px !important;}
}
@media all and (max-width: 650px) {
	.table-pc {display: none;}
	.table-mo {display: block;}
	table.detail-table tbody tr.cont td {font-size: 1.3rem;}
	table.detail-table tbody tr.head td.bul {width: 70px;}
	table.detail-table tbody tr.head td.title h3 {font-size: 1.6rem;}
}
@media all and (max-width: 480px) {
	.search-wrap input[type="text"].text-input {width: calc(100% - 180px) !important;}
	.select-box {width: 100px !important;}
	.search-wrap .btn-wrap button {min-width: 80px;}
	table.detail-table tbody tr.head td { padding: 10px;}
	table.detail-table tbody tr.head td.title h3 {font-size: 1.5rem;}
	table.detail-table tbody tr.head td.title ul {margin-top: 5px;}
	table.detail-table tbody tr.head td.bul {font-size: 1.4rem; width: 55px;}
	table.detail-table tbody tr.head td.bul.bul-data {font-size: 1.25rem;}
}