.ui-datepicker-month, .ui-datepicker-year {height:25px;vertical-align:middle;}

/* sorting */
.sorting-wrap {margin-bottom:10px; *zoom:1;}
.sorting-wrap:after {content:''; display:block; clear:both;}
.sorting-wrap .title{float:left; margin:10px 0 0 0;}
.sorting-wrap .title span{ font-family:"nanumB"; color:#1b64b3;}
.sorting-wrap > .left {float:left;}
.sorting-wrap > .right {float:right;}
.sorting-wrap > div > * {display:inline-block; *display:inline; vertical-align:middle;}
.sorting-wrap > div > * + * {margin-left:10px;}
select.select{display:block; float:left; margin:2px 5px 2px 0; *margin:-2px 5px 0 -2px; height:30px; line-height:30px; border:1px solid #cecece; font-size:12px;}
select.select2{margin:2px 5px 2px 0; *margin:-2px 5px 0 -2px; height:30px; line-height:30px; border:1px solid #cecece; font-size:12px;}

/* search */
.search-input {display:inline-block; border:1px solid #cecece; margin:2px 0 0 0; font-size:12px;}
.search-input input[type='text'] {border:0 none; height:24px; line-height:24px; padding-left:10px; font-family:"nanum";}
.search-input input[type='submit'] {display:inline-block; width:24px; height:24px; font:0/0 a; background:url('/img/forms.png') 0 -5px no-repeat; border:0 none; margin:0; padding:0; font-family:"nanum";}

/*
 * board
 */
[class|='board'] > table {width:100%; border-top:2px solid #00428d; border-bottom:1px solid #d9d9d9;}
[class|='board'] > table th,
[class|='board'] > table td {padding:10px; vertical-align:middle;}
[class|='board'] > table th:after,
[class|='board'] > table td:after {content:''; display:inline-block; height:24px; vertical-align:middle;}
[class|='board'] > table .desc {text-indent:7px; margin-top:7px;}
[class|='board'] > table tbody tr td.rows {padding:0 !important;}
[class|='board'] > table tbody tr td.rows .list {padding:8px; border-top:1px solid #ccc;}
[class|='board'] > table tbody tr td.rows .list:first-child {border-top-width:0;}
[class|='board'] > table .hsect {margin-left:30px;}
[class|='board'] > table .hsect:first-child {margin-left:0;}
[class|='board'] > table .vsect {margin-top:5px;}
[class|='board'] > table .vsect:first-child {margin-top:0;}

/* board-list */
.board-list > table {table-layout:fixed;}
.board-list > table  caption{font-size:0; line-height:0; position:absolute;}
.board-list > table th, .board-list > table td {text-align:center; color:#555;}
.board-list > table th {background:url('/bbsbb/images/board_bar.png') 0 50% no-repeat; letter-spacing:-1px;  font-family:"nanumB";}
.board-list > table th,
.board-list > table td.point {font-size:1.0em; font-weight:700; color:#333; font-family:"nanumB";}
.board-list > table th,
.board-list > table .point {font-weight:700; color:#333; font-family:"nanumB";}
.board-list > table th:first-child {background-image:none;}
.board-list > table tr:first-child th {border-top:1px solid #00428d;}/*4cc1d7*/
.board-list > table td {border-top:1px dotted #777; padding:8px 10px;}
.board-list > table tr:first-child td {border-top:1px solid #00428d;}
.board-list > table tr.notice td {background-color:#f7f7f7; border-top:1px solid #d9d9d9;}
.board-list > table tr.notice + tr td {border-top:1px solid #d9d9d9;}
.board-list > table td.subject {text-align:left;}
.board-list > table td.subject a {display:inline-block; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:90%;}

/* board-view */
.board-view > table  caption{font-size:0; line-height:0; position:absolute;}
.board-view > table * > tr > th,
.board-view > table * > tr > td {border-top:1px solid #ccc; padding-left:0; padding-right:0;}
.board-view > table > thead th:after {content:''; display:inline-block; height:24px; vertical-align:middle;}
.board-view > table > thead th {font-size:16px; color:#222; border-top:1px solid #00428d; letter-spacing:-1px; text-align:left; font-family:"nanumB"; padding-left:10px;}
.board-view > table > thead th .date {float:right; margin:5px 10px 0 0; font-size:12px; font-weight:normal; letter-spacing:0; color:#767676;}

.board-view > table > tbody > tr > th {color:#222; text-align:center; background:url('/bbsbb/images/board_bar.png') 100% 50% no-repeat;  width:100px;}
.board-view > table > tbody > tr th + td {padding-left:10px;}
.board-view > table * > tr >  td.content{padding:15px 20px; }
.board-view > table * > tr >  td.content img {max-width:100%;}
.board-view > table > tbody > tr.files th:after,
.board-view > table > tbody > tr.files td:after {display:none;}
.board-view > table > tbody > tr.files td p {padding-top:7px;}
.board-view > table > tbody > tr.files td p:first-child {padding-top:0;}
.board-view > table > tbody > tr.files th:before {content:''; display:inline-block; width:13px; height:12px; background:url('/bbsbb/images/attach.png') 0 0 no-repeat; margin:0 5px 0 -10px; vertical-align:middle;}
h5.rep {padding-top:18px; background-position:0 20px;font-size:15px; color:#333; padding:20px 24px 15px; text-align:left; background:url(../img/bullet_h5.png) 0 22px no-repeat;}
 h6 {font-size:15px; color:#00428d; padding:0 0 10px 0;}

/* board-write */
.board-write > table  caption{font-size:0; line-height:0; position:absolute;}
.board-write > table th{border-bottom:1px solid #d9d9d9;}
.board-write > table td {background:url('/bbsbb/images/board_bar.png') 0 50% no-repeat; letter-spacing:-1px;  font-family:"nanumB"; border-bottom:1px solid #d9d9d9;}
.board-write input{border:1px solid #cecece; height:28px; line-height:28px; padding-left:10px; font-family:"nanum";}
.board-write textarea{border:1px solid #cecece; height:180px; padding-left:10px; width:500px; font-family:"nanum";}
.board-write .check_input{width:15px; height:15px; margin:0 10px; border:0px; font-family:"nanum";vertical-align:middle;}

/* paging */
.paging {position:relative; text-align:center; min-height:28px; margin-top:40px; padding-top:5px;}
.paging > a,
.paging .page a {display:inline-block; min-width:24px; height:24px; border:1px solid #ddd; color:#333; margin-left:2px; text-align:center; line-height:24px; text-decoration:none; vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;}
.paging > a {background-image:url('/bbsbb/images/paging_board.png'); background-repeat:no-repeat; font:0/0 a;}
.paging > a.first {background-position:0 0;}
.paging > a.prev {background-position:0 -24px;}
.paging > a.last {background-position:-24px 0;}
.paging > a.next {background-position:-24px -24px;}
.paging > a.first:hover {background-color:#696969; background-position:0 -48px;}
.paging > a.prev:hover {background-color:#696969; background-position:0 -72px;}
.paging > a.last:hover {background-color:#696969; background-position:-24px -48px;}
.paging > a.next:hover {background-color:#696969; background-position:-24px -72px;}

.paging .page {padding:0 5px 0 5px;}
.paging .page a {padding:0 5px;}
.paging .page a:first-child {background:none;}
.paging .page a:hover, .paging .page a.active {border:1px solid #696969; background-color:#696969; color:#fff;}
.paging .button-left {position:absolute; top:0; left:0;}
.paging .button-right {position:absolute; top:0; right:0;}
.paging + .sorting-wrap {margin-top:50px;}
.paging + [class|='tab'] {margin-top:30px;}
.paging .disabled {display:none;}

/* list-paging */
.list-paging {position:relative; overflow:hidden; margin-top:30px; border:1px solid #ccc; text-align:left; }
.list-paging ul{float:left; width:100%;}
.list-paging ul li{float:left; }
.list-paging ul li.page {height:40px; line-height:40px; display:block; width:12%; color:#222; font-size:1.083em; background-color:#f7f7f7; solid #c6c6c6;  text-align:center;}
.list-paging ul li.conts {line-height:40px; display:block; width:85%; overflow:hidden; text-align:left; padding-left:3%;}
.list-paging ul.line{border-top:1px solid #ccc;}

a.btn_small {display:inline-block; padding:0 10px; height:24px; line-height:24px; color:#fff; font-size:12px; background:#00428d; border-radius:2px;}
a.btn_base {display:inline-block; padding:0 20px; height:36px; line-height:36px; color:#fff; font-size:14px; background:#00428d; border-radius:2px;}
.btn_area.center {text-align:center;}

.loin_input{background:#f7f7f7; border:1px solid #e4eaec; width:320px; height:46px; line-height:46px;}
.login_logo{width:500px; text-align:left; margin:100px 0 20px 0;}
.login_txt{width:500px; text-align:left; margin-top:10px; color:#00428d}