@charset "utf-8";
/*목록*/
.board-wrap .list .body .row { position: relative; }
.board-wrap .list .head .th.title,
.board-wrap .list .body .row .td.title { width: -webkit-calc(100% - 720px); width: calc(100% - 720px); }
.board-wrap .list .head .th.period,
.board-wrap .list .body .row .td.period,
.board-wrap .list .head .th.register,
.board-wrap .list .body .row .td.register { width: 190px; }
.board-wrap .list .body .row .td .m-tit { display: none; }
.board-wrap .list .head .th.status { width: 80px; }
.board-wrap .list .body .row .td.status { width: 80px; padding: 13px 0;}
.board-wrap .list .body .row .td.status span { text-align: center !important; border-radius: 3px; display: inline-block; background: #00ce84; color: #fff; padding: 3px 10px 3px; margin-top: 3px; font-size: 1.3rem;}
.board-wrap .list .body .row .td.status.end span { background: #9d9d9d; }

/*상세*/
.board-detail .period-area > div { margin-bottom: 1px; padding: 10px 15px; background: #ebf1f6; }
.board-detail .period-area > div .tit { margin-right: 20px; }
.board-detail .title-area h3 span { display: inline-block; font-weight: 500; font-size: 1.4rem; background: #00ce84; color: #fff; padding: 3px 10px 3px; text-align: center; width: 60px; border-radius: 3px; margin-right: 5px;  }
.board-detail .title-area h3 span.end { background: #9d9d9d; }

@media all and (max-width: 1024px) {
	.board-wrap .list .head,
	.board-wrap .list .body .row .td.num { display: none; }
	.board-wrap .list .body .row { padding: 20px 0; }
	.board-wrap .list .body .row .td { font-size: 1.2rem; width: 100% !important; text-align: left !important; padding: 0; }
	.board-wrap .list .body .row .td:after { display: none; }
	.board-wrap .list .body .row .td .m-tit { display: inline-block; margin-right: 5px; }
	.board-wrap .list .body .row .td.title { margin-bottom: 10px; width: 100%; font-size: 1.6rem; background: none; font-weight: 600; padding-left: 65px; }
	.board-wrap .list .body .row .td.status { padding: 0; position: absolute !important; top: 16px; left: 0; }
	.board-wrap .list .body .row .td.status span { width: 60px;}
	.board-wrap .list .body .row .td.date,
	.board-wrap .list .body .row .td.view { display: inline-block; width: auto !important; margin-top: 10px; font-size: 1.2rem; color: #a2a2a2; padding-right: 20px; position: relative; }
	.board-wrap .list .body .row .td.date:after { content: ''; display: block; width: 1px; height: 10px; background: #d3d3d3; position: absolute; top: 1px; right: 10px; }
	.board-wrap .list .body .row .td.period, 
	.board-wrap .list .body .row .td.register { font-size: 1.3rem; margin-top: 7px; color: #0a2944; }
	.board-wrap .list .body .row .td.period .m-tit, 
	.board-wrap .list .body .row .td.register .m-tit { padding-right: 5px;}
}
@media all and (max-width: 600px) 
{
	.board-wrap .list .body .row.fix .td.num { display: none; }
}