@charset "UTF-8";

/* Hidden */
.hidden {position: absolute; top: -9999px; left: -9999px;}

/* List */
.scroll-table {position: relative;}

.board-table col.item1 {width: 6%;}
.board-table col.item2 {width: 20%;}
.board-table col.item3 {width: auto;}
.board-table col.item4 {width: 16%;}
.board-table col.item5 {width: 16%;}
.board-table col.item6 {width: 16%;}
.board-table thead th {padding: 7px 0; background: #fff; border-bottom: 1px solid #cfcfd1; border-top: 2px solid #006276; font-size: 18px; font-family: 'Dream Medium'; font-weight: normal; color: #111;}
.board-table thead th.no-line {background: #fafafa; border-top: 1px solid #cfcfd1;}
.board-table tbody tr.notice {background: #f0f5f6;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; background: url('../images/ico-notice.png') no-repeat center center;}
.board-table tbody tr:hover {background: #f0f5f6;}
.board-table tbody td {text-align: center; font-size: 16px; font-family: 'Dream Regular'; padding: 11px 10px; border-bottom: 1px solid #cfcfd1; line-height: 1.4; color: #666;}
.board-table tbody td.td-subject {text-align: left; padding-left: 40px; font-weight: normal;}
.board-table tbody td.td-subject a {color: #666;}
.board-table tbody td.td-subject strong {display: inline-block; overflow: hidden; max-width: 80%; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.board-table tbody td.td-subject .new {position: relative; top: 0; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.board-table tbody td.td-subject .secret {position: relative; top: 0; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/ico-secret.png') no-repeat center center; margin-left: 7px; vertical-align: middle;}
.board-table tbody td.td-subject .comment {margin-left: 7px; color: #fd9100;}
.board-table tbody tr.trash td.td-subject {text-decoration: line-through;}
.board-table tbody td.td-file {text-indent: -9999px;}
.board-table tbody td.td-file.file {background: url('../images/ico-file.png') no-repeat center center;}
.board-table tbody td.td-ing .btn-ing {width: 75px; border-radius: 50px; background-color: #828282; color: white; font-family: 'Dream Regular'; font-size: 15px; display: inline-block;}
.board-table tbody td.td-ing .btn-ok {width: 75px; border-radius: 50px; background-color: #1e5ba8; color: white; font-family: 'Dream Regular'; font-size: 15px; display: inline-block;}
.board-table tbody td.no-data {padding: 83px 0;}
.board-table .reply {display: inline-block; font-family: 'Dream Regular'; font-size: 16px; color: #ff5a00; vertical-align: middle;}
.board-table .dot {overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis;}
.board-table .align-l {text-align: left;}

/* Category */
.board-cate .cate-now{margin-bottom:20px;overflow:hidden; border:1px solid #cfcfcf; border-bottom: 1px solid #23778b;}
.board-cate .cate-now li{ float:left;}
.board-cate .cate-now li.all-list a{font-family: 'Dream Regular'; font-size: 16px; color:#1d335a; background:url(../images/bul-cate.png) 20px 31px no-repeat; padding-right:40px; padding-left:40px;}
.board-cate .cate-now li.all-list + li {margin-left: -18px;}
.board-cate .cate-now li.all-list + li a {padding-right: 30px;}
.board-cate .cate-now li.all-list + li ~ li a {font-family: 'Dream Regular';}
.board-cate .cate-now li.all-list + li ~ li:hover a {color: #0f1b2f;}
.board-cate .cate-now li.all-list ~ li span {position: relative;}
.board-cate .cate-now li.all-list ~ li span:after {content: ''; position: absolute; left: 0; bottom: -23px; width: 0%; height: 4px; background: #004ea2; transition: .4s;}
.board-cate .cate-now li.all-list ~ li:hover span:after {width: 100%;}
.board-cate .cate-now li.all-list.active + li {margin-left: 0px;}
.board-cate .cate-now li.all-list.active + li {background: url('../images/line-cate.png') left center no-repeat; }
.board-cate .cate-now li.all-list.active + li a {color: #666;}
.board-cate .cate-now li.all-list.active + li a {padding-right: 15px;}
.board-cate .cate-now li.all-list.active + li + li {padding-left: 0;}
.board-cate .cate-now li a{color:#666; padding:19px 27px 19px 18px; display:block; font-family:'Dream Regular';}
.board-cate .cate-now li.no-cate{padding-top: 19px; padding-left:15px; padding-bottom: 19px; font-weight: 500; color: #999;}
.board-cate .cate-now li + li + li {background:url('../images/line-cate.png') left center no-repeat;}

@media only screen and (max-width:900px){
    .board-cate .cate-now {text-align: center;}
    .board-cate .cate-now li.all-list {width: 100%; background: #07988d;}
    .board-cate .cate-now li.all-list a {padding: 10px; background: none; color: #fff;}
    .board-cate .cate-now li {float: none; display: inline-block;}
    .board-cate .cate-now li a {padding: 5px 15px;}
}

@media only screen and (max-width:600px){
	.board .cate-now{border:none;}
	.board .cate-now li.all-list{width:100%;  margin-bottom:2px;}
	.board .cate-now li.all-list a{border:1px solid #0060a6;}
	.board .cate-now li{width:calc(100% / 2 - 2px); margin-bottom:2px;}
    .board .cate-now li a{border:1px solid #cfcfcf; text-align:center; padding:12px 15px;}
    .board .cate-now li.all-list a {background-image:none;}
    .board .cate-now li:nth-child(2) a {background-image:none; color:#666;}
    .board .cate-now li:nth-child(2) {background-image:none;}
}

/* Tab */
.board-tab ul {display: inline-block; width: 100%; margin-bottom: 30px; padding-left: 20px; border: 1px solid #cfcfcf; border-bottom: 1px solid #0068b7;}
.board-tab ul li {position: relative; float: left; margin-left: 10px; padding: 19px 0; padding-left: 20px;}
.board-tab ul li::after {content: ''; position: absolute; left: 0; top: 30px; width: 8px; height: 8px; border-radius: 100%; background: #ccd0d7;}
.board-tab ul li:first-child {margin-left: 0; padding-left: 0;}
.board-tab ul li:first-child::after {display: none;}
.board-tab ul li input {background: transparent; font-family: 'Dream Regular'; font-size: 16px; color: #666; cursor: pointer;}
.board-tab ul li input:hover {color: #111;}
.board-tab ul li:first-child input,
.board-tab ul li.on input {font-family: 'Dream Medium'; color: #111;}

@media all and (max-width: 800px) {
    .board-tab ul {padding-top: 10px; padding-bottom: 10px;}
    .board-tab ul li {padding: 0; padding-left: 15px;}
    .board-tab ul li::after {top: 11px;}
}

/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 41px;}
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Dream Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; vertical-align: middle; color: #004d5d;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Dream Regular'; color: #9d9d9d; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.board-search .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Dream Regular'; font-size: 16px; text-indent: 10px; color: #9d9d9d;}
.board-search .box-search input::placeholder {color: #9d9d9d;}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.board-search .util-search {margin-bottom: 20px; font-family: 'Dream Regular'; font-size: 16px; color: #666;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong {font-family: 'Dream Regular'; font-size: 16px; color: #333;}

@media all and (max-width:780px) {
    .board-search .box-title {display: none;}
    .board-search .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .board-search .util-search {display: none;}
    .board-search .box-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .board-search .box-sel select {min-width: auto; width: 100%;}
    .board-search .box-search {display: table-cell;}
}

/* RSS */
.board-rss {display: inline-block; width: 100%; margin-bottom: 20px;}
.board-rss .util-search {font-family: 'Dream Regular'; font-size: 16px; color: #666;}
.board-rss .util-search a {display: inline-block; width: 25px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; background-size: contain; margin-right:10px; vertical-align: middle;}
.board-rss .util-search strong {font-family: 'Dream Regular'; font-size: 16px; color: #333;}
.board-rss .util-search .count-txt {position: relative; top: -1px; display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: -0.5px; color: #333333; font-family: "Dream Regular";}
.board-rss .util-search .count-txt strong {font-family: "Dream Regular"; font-weight: 300;}
.board-rss .util-search .count-txt .current {color: #1e5ba8; font-family: "Dream Regular";}

/* Paging */
._paging {padding: 40px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:35px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../images/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}