@charset "UTF-8";

:root {
--bt-default1: #2c3e50;    /* var(--bt-default1) */fec20c
--bt-default2: #59738e; 
--bt-default3: #eee;          /* #97b3cf;  */
--bt-default4: #0155aa;
}

.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width:100%;
}


/*-------------------------------------
게시판 
----------------------------------------*/
table.table-board { border-bottom:1px solid #ddd; }
table.table-board tr th { background:var(--bt-default1); color:#fff; font-weight:400; border-top:0px solid #333; }

table.table-board-view { }
table.table-board-view tr th { background:#f7f7f7;color:#111; font-weight:500;}
table.table-board-view tr:first-child th:first-child { font-weight:700; }

@media screen and (max-width:980px) {
	table.table-board { border-bottom:0px solid #ddd; }
}

table.table-write{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

table.table-write th{vertical-align:middle;font-weight:500;background:#f7f7f7;}
table.table-write2 th{vertical-align:middle;font-weight:500;background:#f7f7f7;}

table.table-write tbody tr th:nth-child(1) {width:140px;}
table.table-write tbody tr td:nth-child(2) {width:calc(100% - 140px);}

table.table-write2 tbody tr th:nth-child(1) {width:160px;}
table.table-write2 tbody tr td:nth-child(2) {width:calc(100% - 160px);}

@media screen and (max-width:736px) {
	table.table-write {}
	table.table-write tr,
	table.table-write th,
	table.table-write td {display:block; border:none; border-bottom:1px solid #ddd;}
	table.table-write tr:last-child {border-bottom:none;}
	table.table-write td:last-child {border-bottom:none;}
	table.table-write tbody tr th:nth-child(1) {width:100%;}
	table.table-write tbody tr td:nth-child(2) {width:100%;}

	table.table-write2 {}
	table.table-write2 tr,
	table.table-write2 th,
	table.table-write2 td {display:block; border:none; border-bottom:1px solid #ddd;}
	table.table-write2 tr:last-child {border-bottom:none;}
	table.table-write2 td:last-child {border-bottom:none;}
	table.table-write2 tbody tr th:nth-child(1) {width:100%;}
	table.table-write2 tbody tr td:nth-child(2) {width:100%;}
}

/*-------------------------------------
게시판 최신글
----------------------------------------*/
.j-bbs-latest ul {margin:0; padding:0;}
.j-bbs-latest ul li {clear:both; list-style:none; border-bottom:1px solid #eee; padding:5px 0 0; }
.j-bbs-latest ul li a {display:inline-block; width:calc(100% - 70px);margin:0; height:33px;overflow:hidden; font-weight:400;padding:3px 0; }
.j-bbs-latest ul li em {display:inline-block; font-size:0.875em; width:67px;margin:0; overflow:hidden;color:#fb571e; text-align:right}
.j-bbs-latest ul li a img {vertical-align:middle;}
.j-bbs-latest ul li a:hover {text-decoration:none;}
.j-bbs-latest ul li.no-data {margin:0; padding:64px 0; text-align:center; color:#aaa; background:none;}

.post-block{
	position:relative;
}
.j-bbs-more {
	position:absolute;
	right:18px;
	top:18px;
}

@media screen and (max-width:980px) {
	.j-bbs-latest {clear:both; width:calc(100% - 10px); margin:5px 5px;}
}

/*-------------------------------------
페이징
----------------------------------------*/
.j-sub-paging{clear:both;position:relative;margin:15px 0;padding:0;overflow:hidden;z-index:1}
.j-sub-paging ul{clear:both;float:right;position:relative;left:-50%;margin:0;padding:0;z-index:2}
.j-sub-paging ul li{float:left;list-style:none;position:relative;left:50%;z-index:3}
.j-sub-paging ul li strong,
.j-sub-paging ul li span,
.j-sub-paging ul li a{display:block;font:normal 12px dotum,tahoma,verdana,sans-serif;margin:0 0 0 -1px;padding:6px 10px 5px;border:1px solid #ccc;overflow:hidden}
.j-sub-paging ul li strong{font-weight:bold;color:#ffaa28;background:#333;border-color:#333}
.j-sub-paging ul li span{font-weight:normal;color:#ccc}
.j-sub-paging ul li a:hover{color:#ff8800;background:#f5f5f5}
.j-sub-paging .j-pg-prev-first,
.j-sub-paging .j-pg-prev-block,
.j-sub-paging .j-pg-prev,
.j-sub-paging .j-pg-next,
.j-sub-paging .j-pg-next-block,
.j-sub-paging .j-pg-next-last,
.j-sub-paging .j-pg-prev-first:hover,
.j-sub-paging .j-pg-prev-block:hover,
.j-sub-paging .j-pg-prev:hover,
.j-sub-paging .j-pg-next:hover,
.j-sub-paging .j-pg-next-block:hover,
.j-sub-paging .j-pg-next-last:hover{text-indent:-999em;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff}
.j-sub-paging .j-pg-prev-first{background-image:url('/_skin/board/default/images/j_pg_first.gif')}
.j-sub-paging .j-pg-prev-block{background-image:url('/_skin/board/default/images/j_pg_pblock.gif')}
.j-sub-paging .j-pg-prev{background-image:url('/_skin/board/default/images/j_pg_prev.gif')}
.j-sub-paging .j-pg-next{background-image:url('/_skin/board/default/images/j_pg_next.gif')}
.j-sub-paging .j-pg-next-block{background-image:url('/_skin/board/default/images/j_pg_nblock.gif')}
.j-sub-paging .j-pg-next-last{background-image:url('/_skin/board/default/images/j_pg_last.gif')}
.j-sub-paging a.j-pg-prev-first:hover{background-image:url('/_skin/board/default/images/j_pg_first_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev-block:hover{background-image:url('/_skin/board/default/images/j_pg_pblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev:hover{background-image:url('/_skin/board/default/images/j_pg_prev_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next:hover{background-image:url('/_skin/board/default/images/j_pg_next_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-block:hover{background-image:url('/_skin/board/default/images/j_pg_nblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-last:hover{background-image:url('/_skin/board/default/images/j_pg_last_on.gif');background-color:#eee}

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { padding: 8px 14px; margin:2px 0; font-size: 0.9em; font-weight: 400; letter-spacing: 1px; line-height: 1.42857143; text-align: center; border: none; text-transform: uppercase; border-radius: 3px; }
.btn-default { color: #fff !important; background-color: var(--bt-default1); }
.btn-default:hover { color: #fff; background-color: var(--bt-default4); border-color: var(--bt-default4); }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: var(--bt-default4); border-color: var(--bt-default4); }
.btn-primary { background-color: #474747; color: #fff; }
.btn-primary:hover { background-color: #333; color: #fff; }
.btn-primary.focus, .btn-primary:focus { }
.btn-white { color: var(--bt-default1); background-color: #fff; border: 1px solid #fff; }
.btn-white:hover { background-color: #019852; border-color: #019852; color: #fff; }
.btn-white.focus, .btn-white:focus { background-color: #019852; border-color: #019852; color: #fff; }
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; padding-bottom: 2px; }
.btn-link:hover { color: var(--bt-default1); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--bt-default1); }
.btn-lg { font-size: 1.2em; padding: 10px 30px; }
.btn-sm { font-size: 0.875em;line-height:1em; padding: 7px 10px; }
.btn-sm2 { font-size: 0.875em;line-height:1em; padding: 5px 5px; }
.btn-xs { font-size: 0.9em; padding: 5px 7px; }



#ej-Button ul li input{vertical-align:top;}
#ej-Button ul li a{vertical-align:top;}