@charset "UTF-8"; 

/********************************
 board set
 *******************************/

label, input, select, textarea {font-size:1.5rem; color:#444;}
label {display:inline-block; margin:2px 5px;}
select.bd_select {padding:5px; width:100%; height:38px; line-height:38px; border:1px solid #ddd;}
input.bd_input {display:block; width:100%; height:38px; line-height:38px; border:1px solid #ddd;}
input.bd_input.bdi_text {padding-left:5px;}
input.bd_input.bdi_ckbox,
input.bd_input.bdi_radio {width:auto; display:inline-block; margin-right:3px;}
input.bd_input.bdi_file {width:auto; display:inline-block; margin:2px 5px; line-height:inherit; border:none;}
textarea.bd_txtarea {resize:none; width:100%; border:1px solid #ddd;}
textarea.bd_txtarea.re_size {resize:both;}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}
@media screen and (max-width:767px) {
	label, input, select, textarea {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/********************************
 게시판 상단
 *******************************/
.board_topbox {position:relative; padding:3px; background-color:#e9e9e9;}
.board_topbox:before {content:''; width:100%; height:50px; position:absolute; top:0; left:0; background-color:#005a98; z-index:1;}
.boardtop_txtinner {position:relative; padding:20px 50px 30px 180px; min-height:112px; background-color:#fff; z-index:2;}
.boardtop_txtinner .t_txt {display:block; min-height:102px; vertical-align:middle;}
.boardtop_txtinner .t_txt h3 {margin-top:0; color:#005a98;}
.boardtop_txtinner:before {content:''; display:inline-block; position:absolute; top:50%; left:35px; margin-top:-56px; width:112px; height:112px; background-image:url(../../../storyCms/economy/images/sub_ir.png); background-repeat:no-repeat;}

.boardtop_txtinner.t_icon.t_icon01:before {background-position:0 -201px;} /*문서작성*/
.boardtop_txtinner.t_icon.t_icon02:before {background-position:-113px -201px;} /*목록*/
.boardtop_txtinner.t_icon.t_icon03:before {background-position:-226px -201px;} /*나의민원*/
.boardtop_txtinner.t_icon.t_icon04:before {background-position:-339px -201px;} /*개념*/
.boardtop_txtinner.t_icon.t_icon05:before {background-position:0 -314px;} /*기준*/
.boardtop_txtinner.t_icon.t_icon06:before {background-position:-113px -314px;} /*평가*/
.boardtop_txtinner.t_icon.t_icon07:before {background-position:-226px -314px;} /*제안*/
.boardtop_txtinner.t_icon.t_icon08:before {background-position:-339px -314px;} /*신고제보*/
.boardtop_txtinner.t_icon.t_icon09:before {background-position:-452px -201px;} /*검색*/
 
.board_total {padding-top:18px;}
.board_total strong {color:#d52604;}
.search_ctbox {position:relative; margin-bottom:10px;}
.search_ctbox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox .src_list {padding-left:10px; float:left;}
.search_ctbox .src_list:first-child {padding-left:0;}
.search_ctbox.col_list4 .src_list {width:25%;}
.search_ctbox.col_list3 .src_list {width:33.33%;}
.search_ctbox.col_list2 .src_list {width:50%;}
.search_ctbox.col_list1 {margin-bottom:0;}
.search_ctbox.col_list1 .src_list {width:100%; margin-bottom:10px; padding-left:0;}
.search_ctbox .src_list select {display:block; padding:5px 10px; width:100%; height:40px; line-height:40px; border:1px solid #ddd;}
.search_tbox {position:relative; padding:0 90px 0 160px;}
.search_listbox {position:absolute; left:0; top:0; width:150px;}
.search_listbox select {padding:5px 10px; width:100%; height:40px; line-height:40px; border:1px solid #ddd;}
.search_txtbox {border:1px solid #ddd; height:40px; background-color:#fff;}
.search_txtbox input {display:block; width:100%; height:40px; line-height:40px; border:none;}
.search_btnbox {position:absolute; right:0; top:0; width:80px;}
.search_btnbox button {width:100%; height:40px; font-size:0; background:#333 url(../../../storyCms/bbs/images/icon_board_search.png) center center no-repeat; cursor:pointer;}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#0054a2; transition: background-color 0.2s linear;}

@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
	.boardtop_txtinner {position:relative; padding:20px 30px 20px 170px;}
	.boardtop_txtinner:before {left:30px;}
}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
	.boardtop_txtinner {position:relative; padding:20px 20px 20px 160px;} /*상단 텍스트박스*/
	.boardtop_txtinner:before {left:20px;}
}

@media screen and (max-width:767px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;}
	.search_ctbox.col_list4 .src_list {width:50%;}
	.search_ctbox.col_list4 .src_list:nth-child(1),
	.search_ctbox.col_list4 .src_list:nth-child(2) {margin-bottom:10px;}
	.search_ctbox.col_list4 .src_list:nth-child(3) {padding-left:0;}
	.search_ctbox.col_list1 {margin-bottom:10px; padding-bottom:0;}
	.search_ctbox.col_list1 .src_list {padding-bottom:0;}
	.board_topbox:before {height:30px;}
	.boardtop_txtinner {position:relative; padding:20px; min-height:auto;}
	.boardtop_txtinner:before {display:none;}
	.boardtop_txtinner .t_txt {display:block; min-height:auto;}
	
	.board_total {padding-top:0;}
	.search_tbox {position:relative; padding:0 70px 0 140px;}
	.search_listbox {width:130px;}
	.search_btnbox {width:60px;}
}
@media screen and (max-width:640px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:5px;}
	.search_ctbox .src_list {padding-left:0; margin-bottom:5px;}
	.search_ctbox.col_list4 .src_list {width:100%; margin-bottom:5px !important;}
	.search_ctbox.col_list3 .src_list,
	.search_ctbox.col_list2 .src_list {width:100%;}
	.search_ctbox.col_list1 {margin-bottom:5px;}
	.search_ctbox.col_list1 .src_list {margin-bottom:5px;}
	.boardtop_txtinner {padding:10px;}
	.search_tbox {position:relative; padding:0 60px 0 110px;}
	.search_listbox {width:105px;}
	.search_btnbox {width:55px;}
}
@media screen and (max-width:480px) {
}

/********************************
 테이블
 *******************************/
/*반응형 구간처리*/
.re_blind10 {}
.re_blind9 {}
.re_blind7 {}
.re_blind6 {}
.re_blind4 {}
 
/*table-list*/
.tbl_bd_list {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 0 0 0; border-top-color:#333;}
.tbl_bd_list thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#e8eef2;}

.tbl_bd_list tbody th, .tbl_bd_list tbody td,
.tbl_bd_list tfoot th, .tbl_bd_list tfoot td {padding:10px 5px 10px;}

.tbl_bd_list tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_bd_list tbody td {border-bottom:1px solid #ddd; background-color:#fff;}

.tbl_bd_list tfoot th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_list tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}

/*table-view*/
.tbl_bd_view {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 0 0 0; border-top-color:#333;}
.tbl_bd_view thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#e8eef2;}

.tbl_bd_view tbody th, .tbl_bd_view tbody td,
.tbl_bd_view tfoot th, .tbl_bd_view tfoot td {padding:10px;}

.tbl_bd_view tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_bd_view tbody td {border-bottom:1px solid #ddd; background-color:#fff;}

.tbl_bd_view tfoot th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_view tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}


@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.re_blind10 {display:none !important;}
}
@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
	.re_blind9 {display:none !important;}
}
@media screen and (max-width:767px) {
	.re_blind7 {display:none !important;}
}
@media screen and (max-width:640px) {
	.re_blind6 {display:none !important;}
}
@media screen and (max-width:480px) {
	.re_blind4 {display:none !important;}
}


/********************************
 board-btn
 *******************************/
.bd_btnbox {position:relative;}
.bd_btnbox.ta_l {text-align:left;}
.bd_btnbox.ta_c {text-align:center;}
.bd_btnbox.ta_r {text-align:right;}

.bd_btnbox.ta_l .bd_btn {margin-right:2px; margin-bottom:2px;}
.bd_btnbox.ta_c .bd_btn {margin-right:1px; margin-right:1px; margin-bottom:2px;}
.bd_btnbox.ta_r .bd_btn {margin-left:2px; margin-bottom:2px;}

.bd_btn {display:inline-block; padding:0 20px; line-height:40px; color:#333; border:1px solid #ddd; border-radius:5px;}
.bd_btn_xs {padding:0 6px;}
.bd_btn:hover,
.bd_btn:active,
.bd_btn:focus {transition:background-color 0.2s linear;}
.bd_btn.btn_list, .bd_btn.btn_submit {color:#fff; border:none; background-color:#006f7a;}
.bd_btn.btn_print {color:#fff; border:none; background-color:#232528;}
.bd_btn.btn_config {color:#fff; border:none; background-color:#006cbd;}
.bd_btn.btn_del {color:#fff; border:none; background-color:#d52604;}
.bd_btn.btn_preview {color:#fff; border:none; background-color:#fc6630;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}


/* 게시판 페이징 */
#paginateDiv {text-align:center;}

.pagination {display:inline-block; margin: 20px 0;}
.pagination > li {display:inline-block; min-width:40px; margin:2px;}

.pagination > li > a,
.pagination > li > span {display:block; float:none !important; position:relative; margin:0; padding:0; line-height:40px; color:#555; border-radius:0; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}

.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:active, .pagination > li > span:active,
.pagination > li > a:focus,
.pagination > li > span:focus {color:#0065aa; text-decoration:underline; border-color:#0065aa; border-radius:0; background-color:#fff; transition:border-color 0.2s linear;}

.pagination > li:first-child > a,
.pagination > li:first-child > span {border-top-left-radius:0; border-bottom-left-radius:0}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius:0; border-bottom-right-radius:0}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:active,
.pagination > .active > span:active,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; cursor:default; border-color:#0065aa; background-color: #0065aa; }

.pagination > li > .btn {}
.pagination > li > .btn:active {box-shadow:none;}
.pagination > li > .btn.first,
.pagination > li > .btn.prev,
.pagination > li > .btn.next,
.pagination > li > .btn.last {text-indent:-9999px;}
.pagination > li > .btn:before {content:''; display:none; position:absolute; left:10px; top:9px; width:20px; height:20px; background-image:url(../../../storyCms/bbs/images/icon_paging_ir.png); background-repeat:no-repeat;}

.pagination > li > .btn.first:before {display:block; background-position:0 0;}
.pagination > li > .btn.prev:before {display:block; background-position:0 -21px;}
.pagination > li > .btn.next:before {display:block; background-position:0 -42px;}
.pagination > li > .btn.last:before {display:block; background-position:0 -63px;}

.pagination > li > .btn.first:hover:before,
.pagination > li > .btn.first:active:before,
.pagination > li > .btn.first:focus:before {display:block; background-position:-42px 0;}
.pagination > li > .btn.prev:hover:before,
.pagination > li > .btn.prev:active:before,
.pagination > li > .btn.prev:focus:before {display:block; background-position:-42px -21px;}
.pagination > li > .btn.next:hover:before,
.pagination > li > .btn.next:active:before,
.pagination > li > .btn.next:focus:before {display:block; background-position:-42px -42px;}
.pagination > li > .btn.last:hover:before,
.pagination > li > .btn.last:active:before,
.pagination > li > .btn.last:focus:before {display:block; background-position:-42px -63px;}


.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size: 18px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;	font-size: 12px;}

.pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
.pager li {display: inline;}
.pager li > a, .pager li > span {display: inline-block;	padding: 5px 14px; background-color: #fff; border: 1px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #eee;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #777; cursor: not-allowed; background-color: #fff;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.pagination > li {min-width:36px;}
	.pagination > li > a,
	.pagination > li > span {line-height:36px; font-size:1.3rem}
	.pagination > li > .btn:before {left:8px; top:8px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.pagination > li {min-width:30px;}
	.pagination > li > a,
	.pagination > li > span {line-height:30px; font-size:1.2rem}
	.pagination > li > .btn:before {left:5px; top:4px;}
}

/** 카드뉴스 첨부파일 */
.file-box {position:relative; margin-top:1.000em;}
.file-box.no-gap {margin-top:0;}
.file-choice {position:relative; padding:2px 1.125em; width:100%; height:3.125em; border:1px solid #c9c9c9; -webkit-border-radius:5px; border-radius:5px; background-color:#f9f9f9;}
.file-choice label {display:block; line-height:3.000em; font-weight:500;}
.file-choice label span {position:relative; display:inline-block; padding-right:2.500em;}
.file-choice label span::after {width:18px;height:16px;display:inline-block; position:absolute; right:0; top:14px; content:''; background:url(../../../storyCms/bbs/images/icon/icon_folder.png) no-repeat left center;}
.file-box input[type="file"] {position:absolute; top:0; left:-9999px;}
.file-retxt {position:relative; margin-top:0.250em; padding:0 1.125em 0 5.625em; width:100%; height:3.125em; border:1px solid #c9c9c9; -webkit-border-radius:5px; border-radius:5px;}
.file-retxt label {position:absolute; left:1.125em; top:0; display:inline-block; margin-right:0.625em; line-height:3.000em; font-weight:500;}
.file-retxt .file-retxtbox {display:block;}
.file-retxt .file-retxtbox input {width:100%; height:3.000em; line-height:3.000em;}

/** 카드뉴스 slick 슬라이더 오버라이딩 */
#cardNewsList {height:inherit;}
#cardNewsList .slick-list,
#cardNewsList .sty-portf-wrap, 
#cardNewsList .slick-track {height:100% !important;}
#cardNewsList .slick-prev,
#cardNewsList .sty-portf-wrap,
#cardNewsList .slick-next {width:inherit; height:inherit; z-index:100;}
#cardNewsList .slick-prev {left:0px;}
#cardNewsList .slick-next {right:0px;}
#cardNewsList .slick-prev:before,
#cardNewsList .slick-next:before {color:#6A6A6A;}
#cardNewsList .slick-dots {bottom:-35px;}
#cardNewsList .slick-prev:before { font-family:'xeicon' !important; font-size:70px;}
#cardNewsList .slick-next:before { font-family:'xeicon' !important; font-size:70px;}
#cardNewsList .slick-dots li.slick-active button:before {color:#ffcc00; opacity:1.0;}
#cardNewsList .slick-dots li button:before {color:#6A6A6A;}
#cardNewsList .slick-dots li button:hover, 
#cardNewsList .sty-portf-wrap, 
#cardNewsList .slick-dots li button:focus {color:#ffcc00;}

/********************************
산학연 클러스터 입주기업
 *******************************/
.cluster_box {}
.cluster_box li {display:table; position:relative; margin-top:10px; padding:2%; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.cluster_box li.cluster_btnset {padding-right:120px; min-height:120px;}
.cluster_box .cluster_tit {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.cluster_box .cluster_tit span,
.cluster_box .cluster_txt .tit {position:relative; display:inline-block; margin-left:14px; padding-left:8px; font-weight:400;}
.cluster_box .cluster_tit span:before,
 .cluster_box .cluster_txt .tit:before {content:''; position:absolute; left:0; top:10px; display:block; width:3px; height:3px; background-color:#555;}
.cluster_box .cluster_tit span b,
.cluster_box .cluster_txt .tit b {color:#121212;}

.cluster_box .cluster_txt {}
.cluster_btnset .cluster_bt a {position:absolute; right:20px; top:30%; width:80px; height:30px; text-align:center; line-height:2; border:1px solid #ddd; border-radius:5px;}
.cluster_btnset .cluster_bt.bt_link a:hover,
.cluster_btnset .cluster_bt.bt_link a:focus,
.cluster_btnset .cluster_bt.bt_link a:active {background-color:#0070bd; color:#fff;}
.cluster_btnset .cluster_bt.bt_show a:hover,
.cluster_btnset .cluster_bt.bt_show a:focus,
.cluster_btnset .cluster_bt.bt_show a:active {background-color:#d11054; color:#fff;}

.cluster_btnset .cluster_bt.cluster_bt2 a {top:20%;}
.cluster_btnset .cluster_bt.cluster_bt3 a {top:50%;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.line_bk7 {display:block !important;}
}
@media screen and (max-width:640px) {
	.line_bk6 {display:block !important;}
}
@media screen and (max-width:480px) {
	.cluster_box li.cluster_btnset {padding-right:3%;}

	.cluster_btnset .cluster_bt a {position:inherit; display:block; margin-top:10px; width:100%;}
}

/*카드뉴스추가*/
.slick-dots li button:before {
    content: '•' !important;
    font-size: 35px !important;
}
#cardNewsList .slick-dots li button:before {color: #393939;}
#cardNewsList .slick-dots li.slick-active button:before{    color: #0664a4;}