@charset "utf-8";


/* ****************** default css ****************** */

/* common css */
@import url("../common/common.css");



/* ****************** default css ****************** */
.container { height: 100%; }
.body-container { min-height: calc(100% - 400px); }

.banner-wrap { height: 450px; }
.banner-wrap .banner-text { display: block; table-layout: auto; text-align: center; height: auto; }
.banner-wrap .banner-text .text-area { display: block; width: 100%; margin-top: 230px; }
.banner-wrap .banner-text .text-area h1 { font-size: 45px; line-height: 45px; }
.banner-wrap .banner-text .text-area h3 { font-size: 22px; line-height: 22px; }

.section { position: relative; width: 1200px; margin: 0 auto; height: 100%; padding: 60px 0; }



/* ****************** board css ****************** */
.board-table { width: 100%; position: relative; }
.board-table table { width: 100%; border-top: 1px solid #000; table-layout: fixed;}
.board-table table tr { border-bottom: 1px solid #dee3eb; }
.board-table table tbody tr:hover { background: #f5f5f5; }
.board-table table thead tr th { font-weight: 600; }
.board-table table thead tr th,
.board-table table tbody tr td { height: 45px; text-align: center; }
.board-table table tbody tr td.tit { text-align: left; }
.board-table table tbody tr td.tit a { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.board-detail { position: relative; width: 100%; }
.board-detail .head { padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #dee3eb; }
.board-detail .head h3 { font-size: 20px; padding-bottom: 15px; }
.board-detail .head ul li { position: relative; padding-right: 22px; font-size: 13px; color: #999; display: inline-block; }
.board-detail .head ul li:after { content: ''; position: absolute; top: 5px; right: 10px; width: 1px; height: 10px; background: #aaa; }
.board-detail .head ul li:last-child { padding: 0; }
.board-detail .head ul li:last-child:after { display: none; }
.board-detail .cont { font-size: 14px; line-height: 1.5; padding: 30px 0; border-bottom: 1px solid #dee3eb; }
.board-detail .btn-wrap { text-align: center; margin-top: 20px;}
.board-detail .btn-wrap a.btn { display: inline-block; line-height: 40px; width: 120px; background: #000; color: #fff; font-weight: 500; font-size: 14px; }


/* 페이징 */
.paging { margin-top: 20px;}
.paging ul { text-align: center; }
.paging ul li { height: 30px; display: inline-block; line-height: 30px; width:30px; text-align: center; margin:0 2px; }
.paging ul li:hover a { background:#eee; }
.paging ul li.select:hover a,
.paging ul li.select a { background:#0e205b; color:#fff; }
.paging ul li a { display: block; width: 100%; height: 100%; }
.paging ul li img { height: 9px; vertical-align: middle; position: relative; top: -2px; }
.paging ul li.rote img { transform: rotate(180deg); }


/* file-area */
.file-area {border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; padding-top:15px;}
.file-area a img{width:15px; margin-right:5px; position: relative; top:2px}
.file-area a:hover { text-decoration: underline; }