@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%; line-height:38px; border:1px solid #ddd;height:40px;}
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;}

input.bd_input.two_box {display:inline-block; width:100px;}

/*첨부파일 추가버튼리스트*/
.file_addbox {margin-bottom:10px;}
.file_addbox li input {float:left; padding:6px 5px 5px; border:1px solid #ddd;}

.bd_btn.last_btn {width:150px;}
.bd_btn.last_btn1 {width:250px;}



@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
	input.bd_input.two_box {width:60px;}
}
@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) {
	.file_addbox li input {display:block; width:100%; margin-right:0; margin-bottom:5px;}
  	.file_addbox li a {width:88%; text-align:center;}
  	.bd_btn.file_addbtn {width:88%; text-align:center;}
  
  	.bd_btn.last_btn {display:block; width:100%; margin-bottom:5px !important;}
	.bd_btn.last_btn1 {display:block; width:100%;}
	.bd_btn.last_btn2 {display:block; width:100%;}
}


/********************************
 게시판 상단
 *******************************/
.board_topbox {position:relative; border:1px dashed #ddd;}
.boardtop_txtinner {position:relative; padding:20px 25px 30px; 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;}

.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:39px; border:1px solid #ddd; background:url(../images/select_arrow.png) 93% center no-repeat;}
.search_txtbox {border:1px solid #ddd; height:40px; background-color:#fff;}
.search_txtbox input {display:block;width:100%;height: 38px;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) {
}

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

@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) {
}

/********************************
 게시판 상단_최신1건 썸네일 목록
 *******************************/

.border_topimglist {padding:10px 0; border-top:2px solid #333;}
.border_topimglist:after {content:''; display:block; visibility:hidden; clear:both;}
.bdt_left {display:inline-block; float:left; width:30%;}
.bdt_left a {display:block;}
.bdt_left img {width:100%;}
.bdt_right {display:inline-block; float:left; width:70%; padding:20px 0 20px 20px;}
.bdt_right .bdt_pagetit a {font-family:'GSK'; font-size:2.0rem; font-weight:500; color:#333;}
.bdt_right .bdt_pagetit p {margin-bottom:0;}

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

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

@media screen and (max-width:920px) {
	.bdt_right .bdt_pagetit a {line-height:1.3;}
}
@media screen and (max-width:767px) {
	.bdt_right .bdt_pagetit a {font-size:1.8rem;}
}
@media screen and (max-width:640px) {
	.bdt_left {display:block; float:none; width:100%;}
	.bdt_right {display:block; float:none; width:100%; padding:10px;}
}
@media screen and (max-width:480px) {
	.bdt_right .bdt_pagetit a {font-size:1.6rem;}
}


/********************************
 테이블
 *******************************/
/*반응형 구간처리*/
.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; word-break:break-all;}
.tbl_bd_list thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#e9e9e9;}

.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 tbody td .answer1 {padding:2px 5px; border:1px solid #ddd; border-radius:5px;}
.tbl_bd_list tbody td .answer2 {padding:2px 5px; border:1px solid #fc6630; border-radius:5px; color:#fff; background-color:#fc6630;}

.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; word-break:break-all;}

.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; word-break:break-all;}
.tbl_bd_view tbody th label {word-break:break-all;}
.tbl_bd_view tbody th .essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.tbl_bd_view tbody th .essent:before {content:'*';position:absolute;left:0;top:3px;line-height:1;font-size:2.0rem;color: #f20061 !important;}
.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; word-break:break-all;}
.tbl_bd_view tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_view input {margin-right:3px;}

/*주소검색*/
input.bd_input.add_write {display:inline-block; width:80%;}

/*파일 전체선택_다운로드*/
.tbl_bd_view tbody td.file_choice {position:relative; padding:15px 5px}
.tbl_bd_view tbody td.file_choice div.file_downbtn {position:absolute; right:5px; top:50%; margin-top:-20px;}


@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;}
  
 	 input.bd_input.add_write {display:block; width:100%; margin-bottom:5px;}
	.bd_btn.add_searchbtn {width:100%}
}
@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.self_writebtn {text-align:center;}

.bd_btnbox.ta_l .bd_btn {margin-right:2px; margin-bottom:2px;}
.bd_btnbox.ta_c .bd_btn {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;}
.bd_btn.btn_down {color:#fff; border:none; background-color:#197a99;}


/********************************
 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) {
	.bd_btnbox.self_writebtn {text-align:right;}
}


/* 게시판 페이징 */
#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;}
}


/********************************
 03일자리지원
 *******************************/
/*03일자리지원 > 02일자리통계 및 동향*/
.job_statsbox {position:relative;}
.job_statsbox ul {overflow:hidden; display:block; margin-top:40px; padding:15px; border:1px solid #ddd; border-radius:5px;}
.job_statsbox li {}
.job_statsbox li img {width:100%; height:100%;}

.jsctrl_box {position:absolute; right:0; top:35px;}
.jsctrl_box > dl {}
.jsctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px;}
.jsctrl_box > dl dd:nth-child(2) {margin-left:0;}
.jsctrl_box > dl dd a {position:relative; display:block; width:30px; height:30px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px;}
.jsctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:22px; height:22px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; }
.jsctrl_box > dl dd a.ctrl_prev:before {background-position:-127px 0;}
.jsctrl_box > dl dd a.ctrl_stop:before {background-position:-150px 0;}
.jsctrl_box > dl dd a.ctrl_play:before {background-position:-196px 0;}
.jsctrl_box > dl dd a.ctrl_next:before {background-position:-173px 0;}

/*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) {
  	.jsctrl_box {right:50%; margin-right:-50px;}
}