@charset "UTF-8"; 

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

label, input, select, textarea {font-size:1rem; 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:auto;}

/********************************
 테이블
 *******************************/
	/*스크롤*/
.scrl_info {display:none; margin-bottom:4px;}
.scrl_info p {position:relative; display:table-cell; padding-left:45px; height:42px; vertical-align:middle;}
.scrl_info p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:42px; height:42px; background:url(/u/storyCms/mayor/images/sub_ir.png) -232px 0 no-repeat;}
.scrl_box {}

	/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

	/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#333;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:700; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#e8eef2;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.add_line {border-right-width:1px;}

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

.tbl_base tbody th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.add_line {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.add_line {border-right-width:1px;}

	/*테이블-내부컨텐츠용*/
a.t_open_n {display:inline-block;}
a.t_open_n span {padding-right:20px !important; background:url(/u/storyCms/mayor/images/icon_openwin.png) right 1px no-repeat;}

#bbsAreaDiv .tit_h2 {display:none; position:relative; padding-left:28px; margin-bottom:10px; font-size:2.6rem; font-weight:400; color:#121212; text-align:left !important;}
#bbsAreaDiv .tit_h2:before {content:''; display:block; position:absolute; top:8px; left:0; margin:0; width:20px; height:20px; background:url(/u/storyCms/mayor/images/sub_ir.png) 0 0 no-repeat;}

@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	#bbsAreaDiv .tit_h2 {font-size:2.4rem;}
	#bbsAreaDiv .tit_h2:before {top:6px;}
}
@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}
@media screen and (max-width:767px) {
/* label, input, select, textarea {font-size:1.4rem;} */
	
	#bbsAreaDiv .tit_h2 {padding-left:26px;/* font-size:2.0rem; */}
	#bbsAreaDiv .tit_h2:before {top:3px;}
}
@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 30px 30px; 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:#0b717b;}

.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 {position:relative; width:100%; height:40px; font-size:0; background:#333;}
.search_btnbox button:after {content:'\e97a'; display:block; color:#fff; font-size:1.5rem; font-family:'xeicon';}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#0054a2; transition: background-color 0.2s linear;}

#bbsAreaDiv:first-child .board_topbox {margin-top:60px;}

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

}
@media screen and (max-width:1024px) {
	#bbsAreaDiv:first-child .board_topbox {margin-top:40px;}
	
	.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) {
	#bbsAreaDiv:first-child .board_topbox {margin-top:25px;}
	
	.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:acitve,
.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:#f05219;}


/********************************
 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(/u/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(/u/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 슬라이더 오버라이딩 */
#mainImgSlide {height:inherit;}
#mainImgSlide .slick-list,
#mainImgSlide .sty-portf-wrap, 
#mainImgSlide .slick-track {height:100% !important;}
#mainImgSlide .slick-prev,
#mainImgSlide .sty-portf-wrap,
#mainImgSlide .slick-next {width:inherit; height:inherit; z-index:100;}
#mainImgSlide .slick-prev {left:0px;}
#mainImgSlide .slick-next {right:0px;}
#mainImgSlide .slick-prev:before,
#mainImgSlide .slick-next:before {color:#6A6A6A;}
#mainImgSlide .slick-dots {bottom:-35px;}
#mainImgSlide .slick-prev:before {content:'\e93d'; font-family:'xeicon' !important; font-size:70px;}
#mainImgSlide .slick-next:before {content:'\e940'; font-family:'xeicon' !important; font-size:70px;}
#mainImgSlide .slick-dots li.slick-active button:before {color:#ffcc00; opacity:1.0;}
#mainImgSlide .slick-dots li button:before {color:#6A6A6A;}
#mainImgSlide .slick-dots li button:hover, 
#mainImgSlide .sty-portf-wrap, 
#mainImgSlide .slick-dots li button:focus {color:#ffcc00;}
#mainImgSlide .item img {width:100%;}
#subImgSlideList {height:inherit;width:80%;margin:50px auto 20px auto;}
#subImgSlideList .slick-list,
#subImgSlideList .sty-portf-wrap, 
#subImgSlideList .slick-track {height:100% !important;}
#subImgSlideList .slick-prev,
#subImgSlideList .sty-portf-wrap,
#subImgSlideList .slick-next {width:inherit; height:inherit; z-index:100;}
#subImgSlideList .slick-prev {left:0px;}
#subImgSlideList .slick-next {right:0px;}
#subImgSlideList .slick-prev:before,
#subImgSlideList .slick-next:before {color:#6A6A6A;}
#subImgSlideList .slick-dots {bottom:-35px;}
#subImgSlideList .slick-prev:before {content:'\e93d'; font-family:'xeicon' !important; font-size:70px;}
#subImgSlideList .slick-next:before {content:'\e940'; font-family:'xeicon' !important; font-size:70px;}
#subImgSlideList .slick-dots li.slick-active button:before {color:#ffcc00; opacity:1.0;}
#subImgSlideList .slick-dots li button:before {color:#6A6A6A;}
#subImgSlideList .slick-dots li button:hover, 
#subImgSlideList .sty-portf-wrap, 
#subImgSlideList .slick-dots li button:focus {color:#ffcc00;}
#subImgSlideList .item {margin:5px;}
#subImgSlideList .item img {width:100%;height:150px;}


/********************************
 공개일정 (캘린더)
 *******************************/
.calendar_box {}
.calendar_box:after {content:''; display:block; visibility:hidden; clear:both;}

.calendar_box .cal_ctrlbox {position:relative; margin-top:60px; margin-bottom:30px;}
.cal_ctrlbox .cal_year {font-family:'GSK'; font-size:3.4rem; font-weight:400; line-height:1.2; color:#121212; text-align:center;}
.cal_ctrlbox .cal_btnset {position:absolute; top:50%; margin-top:-24px;}
.cal_ctrlbox .cal_btnset button {display:block; width:40px; height:40px; background-image:url(/u/storyCms/bbs/images/img_calbtn_ir.png); background-repeat:no-repeat;}
.cal_ctrlbox .cal_btnset.cal_btn_pre {left:0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button {background-position:0 0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:active,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:focus {background-position:0 -40px;}
.cal_ctrlbox .cal_btnset.cal_btn_next {right:0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button{background-position:-40px 0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_next button:active,
.cal_ctrlbox .cal_btnset.cal_btn_next button:focus {background-position:-40px -40px;}

.calendar_box .cal_cont {}
.calendar_box .cal_cont:after {content:''; display:block; visibility:hidden; clear:both;}

.cal_viewbox {}
.cal_viewbox:after {content:''; display:block; visibility:hidden; clear:both;}
.cal_view_tit {margin:40px 0 10px; padding:10px 0 5px; text-align:center; background-color:#0054a2;}
.cal_view_tit h3 {margin:0; font-family:'GSK'; font-size:2.4rem; font-weight:400; color:#fff;}

.cal_viewlist {}
.cal_viewlist > li {display:table; margin-top:10px; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.cal_viewlist > li .cal_viewinner {position:relative; display:table-cell; padding:2% 100px 2% 2%; width:100%; height:100px; vertical-align:middle;}
.cal_viewlist > li .cal_viewinner.no_schedule {padding:2%;text-align:center;}
.cal_viewlist > li .cal_viewinner.no_schedule .tit {border:none; padding:0; margin:0;}
.cal_viewlist > li .cal_viewinner .cal_state {position:absolute; right:20px; top:50%; margin-top:-40px; padding-top:63px; width:60px; height:80px; text-align:center; line-height:1.2;}
.cal_viewlist > li .cal_viewinner .cal_state:after {content:''; display:block; position:absolute; left:0; top:0; width:60px; height:60px; border-radius:50%; background-image:url(/u/storyCms/bbs/images/img_cal_state.png); background-repeat:no-repeat;}
.cal_viewlist > li .cal_viewinner .cal_state.ought:after {background-color:#e8f1f9; background-position:0 0;}
.cal_viewlist > li .cal_viewinner .cal_state.compl:after {background-color:#ddd; background-position:0 -60px;}
.cal_viewlist > li .cal_viewinner .tit {display:block; padding-left:10px; padding-bottom:5px; margin-bottom:5px; font-size:2.0rem; font-weight:400; color:#333; border-bottom:1px dashed #e2e2e2;}
.cal_viewlist > li .cal_viewinner p {margin:0;}
.cal_viewlist > li .cal_viewinner .item {position:relative; display:inline-block; margin-left:14px; padding-left:8px; font-weight:400; color:#666;}
.cal_viewlist > li .cal_viewinner .item:before {content:''; position:absolute; left:0; top:13px; display:block; width:3px; height:3px; background-color:#555;}
.cal_viewlist > li .cal_viewinner .item b {position:relative; display:inline-block; font-weight:400;}
.cal_viewlist > li .cal_viewinner .item b.time {color:#0058bb;}

/*calendar-list*/
.tbl_cal_list {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-width:3px 0 0 0; border-color:#ddd; border-top-color:#0054a2;}
.tbl_cal_list thead th {padding:2.2% 0 1.8%; font-family:'GSK'; font-size:1.8rem; font-weight:400; color:#121212; text-align:center; border-bottom:1px solid #d5d5d5;}

.tbl_cal_list tbody td {height:120px; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:1.4rem; vertical-align:top; background-color:#fff;}
.tbl_cal_list tbody td:first-child {border-left:1px solid #d5d5d5;}

.tbl_cal_list tbody td .day {position:relative; display:block; height:100%;}
.tbl_cal_list tbody td .day b {position:absolute; right:5%; top:5%; font-size:1.7rem; color:#333;}
.tbl_cal_list tbody td .day.sun b,
.tbl_cal_list tbody td .day.holiday b{color:#ed1d1d;}
.tbl_cal_list tbody td .day.sat b {color:#0073e9;}
.tbl_cal_list tbody td .no_day {position:relative; display:block; height:100%; background-color:#fbfbfb;}
.tbl_cal_list tbody td .no_day b {position:absolute; right:5%; top:5%; font-size:1.7rem; color:#666;}

.tbl_cal_list tbody td .day:hover,
.tbl_cal_list tbody td .day:active,
.tbl_cal_list tbody td .day:focus {background-color:#f7fbff;}
.tbl_cal_list tbody td .day:hover:after,
.tbl_cal_list tbody td .day:active:after,
.tbl_cal_list tbody td .day:focus:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0054a2; box-sizing:border-box;}

.tbl_cal_list tbody td .day .day_schedule_box {padding:50px 5% 0;}
.tbl_cal_list tbody td .day .day_schedule_box li {overflow:hidden; display:inline-block; width:98%; line-height:1.2; white-space: nowrap; color:#666; text-overflow: ellipsis;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.calendar_box .cal_ctrlbox {margin-top:40px; margin-bottom:20px;}
	.cal_ctrlbox .cal_year {font-size:2.6rem;}
	
	.cla_view_tit h3 {font-size:2.2rem;}
	
	.tbl_cal_list thead th {font-size:1.6rem;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {font-size:1.6rem;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.calendar_box .cal_ctrlbox {margin-top:25px; margin-bottom:15px;}
	.cal_ctrlbox .cal_year {font-size:2.2rem;}
	
	.cal_view_tit h3 {font-size:1.8rem;}
	.cal_viewlist > li .cal_viewinner {padding-right:90px;}
	.cal_viewlist > li .cal_viewinner .cal_state {right:15px;}
	.cal_viewlist > li .cal_viewinner .tit {font-size:1.8rem;}
	.cal_viewlist > li .cal_viewinner {padding:3% 100px 3% 3%;}
	.cal_viewlist > li .cal_viewinner .item:before {top:11px;}
	
	.tbl_cal_list thead th {padding:2.8% 0 2.0%; font-size:1.5rem;}
	.tbl_cal_list thead th .blind_ck {overflow:hidden; display:block; position:absolute; left:-9999px;}
	
	.tbl_cal_list tbody td {font-size:1.2rem;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {font-size:1.4rem;}
}
@media screen and (max-width:640px) {
	.tbl_cal_list thead th {font-size:1.4rem;}
}
@media screen and (max-width:480px) {
	.cal_ctrlbox .cal_year {font-size:2.0rem;}
	
	.cal_view_tit h3 {font-size:1.6rem;}
	.cal_viewlist > li .cal_viewinner .tit {font-size:1.6rem;}
	.cal_viewlist > li .cal_viewinner .item {display:block;}
	
	.tbl_cal_list thead th {font-size:1.3rem;}
	.tbl_cal_list tbody td {font-size:1.0rem;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {right:7%; font-size:1.2rem;}
}


/********************************
 일하는 시장 > 활동사진
 *******************************/
.active_picbox {}
.active_picbox:after {content:''; display:block; visibility:hidden; clear:both;}
.active_picbox .acive_tit {margin:50px 2% 0; padding:0 0 2%; text-align:center;}
.active_picbox .acive_tit h3 {margin:0; font-family:'GSK'; font-size:3.0rem; line-height:1.4; font-weight:400; color:#121212; letter-spacing:-1px;}

.act_picinner {position:relative;}
.act_picont {position:relative; z-index:1;}
.act_picbtn {position:absolute; right:3%; bottom:3.4%; z-index:2;}
.act_picbtn a {position:relative; display:inline-block; padding:4px 20px 4px 30px; color:#dedede; text-decoration:none; border:1px solid #000; border-radius:4px; background-color:rgba(0,0,0,0.7); box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.act_picbtn a:before {content:''; display:block; position:absolute; left:10px; top:50%; margin-top:-8px; width:16px; height:16px; background-image:url(/u/storyCms/mayor/images/sub_ir.png); background-position:-22px -70px; background-repeat:no-repeat;} 
.act_picbtn a:hover,
.act_picbtn a:active,
.act_picbtn a:focus {color:#fff;}
.act_picbtn a:hover:before,
.act_picbtn a:active:before,
.act_picbtn a:focus:before {background-position:-39px -70px;}

.actpic_listarea {margin-top:50px;}
.actpic_searchbox {position:relative; padding:2% 1%; border-color:#d5d5d5; border-style:solid; border-width:1px 0; background-color:#f5f5f5;}
.actpic_searchbox:after {content:''; display:block; visibility:hidden; clear:both;}
.act_colset {position:relative; float:left; padding:0 5px; width:35%;}
.act_colset.set01 {z-index:3;}
.act_colset.set01:after {content:''; display:block; visibility:hidden; clear:both;}
.act_optionbox {position:relative; float:left; width:50%;}
.act_optionbox.set01 {padding-right:5px;}
.act_optionbox.set02 {padding-left:5px;}
.act_optionbox .act_optioninner {position:relative;}
.act_optionbox button {position:relative; display:block; width:100%; line-height:40px; font-size:1.8rem; border:1px solid #ddd; background-color:#fff;}
.act_optionbox button span {padding-right:5px; color:#333;}
.act_optionbox button:after {content:''; position:absolute; right:10px; top:50%; display:block; margin-top:-3px; width:11px; height:7px; background-image:url(/u/storyCms/mayor/images/sub_ir.png); background-position:-466px 0; background-repeat:no-repeat;}
.act_optionbox button.open:after {background-position:-466px -8px;;}
.act_optionlist {display:none; position:absolute; left:0; top:41px; padding:3%; width:100%; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.act_optionlist > li {padding:2px 0;}
.act_optionlist > li a {display:block;}
.act_optionlist > li a:hover,
.act_optionlist > li a:active, 
.act_optionlist > li a:focus {color:#333; background-color:#f2f2f2;} 
.act_colset.set02 {z-index:2;}
.act_colset.set02 .search_btnbox {right:5px;}
.act_colset.set02 .search_btnbox button:hover,
.act_colset.set02 .search_btnbox button:active,
.act_colset.set02 .search_btnbox button:focus {background-color:#0054a2;}
.act_colset.set03 {width:30%; text-align:right; z-index:1;}
.act_numtxt {margin:0; vertical-align:top;}
.act_numtxt strong {display:inline-block; padding:0 4px; font-size:2.4rem; font-weight:700; color:#ea320a;}

.actpic_listbox {margin-top:10px;}
.actpic_list_inner {}
.actpic_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.actpic_list {margin-left:-20px;}
.actpic_list > li {float:left; width:33.3333%; padding:10px 0 10px 20px;}
.actpic_list > li a {position:relative; display:block; overflow:hidden;}


.actpic_img {position:relative; height:240px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656;background-image:url(/u/storyCms/bbs/images/img_noimage.png);}
.actpic_dec {position:absolute; left:0; bottom:-100%; padding:5% 3% 3%; width:100%; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}
.actpic_dec dl {color:#fff;}
.actpic_dec dl:after {content:''; display:block; visibility:hidden; clear:both;}
.actpic_dec dl dt {font-size:2.2rem; line-height:1.2;}
.actpic_dec dl dt span {overflow:hidden; display:inline-block; width:98%; white-space:nowrap; text-overflow: ellipsis;}
.actpic_dec dl dd {display:inline-block; font-size:1.5rem; margin-right:5px;}
.actpic_dec dl dd .actpic_icon {position:relative; display:block; padding-left:20px;}
.actpic_dec dl dd .actpic_icon:before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-8px; width:18px; height:18px; background-image:url(/u/storyCms/bbs/images/icon_actpic_ir.png); background-repeat:no-repeat;}
.actpic_dec dl dd .actpic_icon.set01:before {background-position:0 0;}
.actpic_dec dl dd .actpic_icon.set02:before {background-position:0 -19px;}
.actpic_dec dl dd .actpic_icon.set03:before {background-position:0 -38px;}

.actpic_list > li a:hover .actpic_dec {bottom:0; transition:bottom 0.2s linear;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.active_picbox .acive_tit {margin-top:30px;}
	.active_picbox .acive_tit h3 {font-size:2.6rem;}
	
	.actpic_listarea {margin-top:30px;}
	.act_colset.set01 {float:none; margin-bottom:10px; width:inherit;}	
	.act_colset.set02 {width:60%;}
	.act_colset.set03 {width:40%;}
	
	.act_numtxt strong {font-size:2.2rem;}
	
	.actpic_list > li {width:50%;}
	.actpic_img {height:260px;}
	.actpic_dec dl dt {font-size:2.0rem;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.active_picbox .acive_tit {margin-top:25px;}
	.active_picbox .acive_tit h3 {font-size:2.2rem;}
	
	.actpic_listarea {margin-top:25px;}
	.act_colset.set02 {float:none; width:inherit;}
	.act_colset.set03 {float:none; width:inherit;}
	
	.act_optionbox button {font-size:1.6rem;}
	.act_numtxt strong {font-size:2.0rem;}
	
	.actpic_img {height:240px;}
	.actpic_dec dl dt {font-size:1.8rem;}
	.actpic_dec dl dd {font-size:1.3rem;}
}
@media screen and (max-width:640px) {
	.actpic_searchbox {padding:3% 1%;}
	
	.actpic_list > li {float:none; width:inherit;}
	.actpic_img {height:220px;}
}
@media screen and (max-width:480px) {
	.active_picbox .acive_tit h3 {font-size:2.0rem;}
	
	.actpic_dec dl dt {font-size:1.6rem;}
	.actpic_dec dl dd {font-size:1.2rem;}
}


/********************************
 일하는 시장 > 동영상소식
 *******************************/
.active_mvbox {margin-top:60px;}
.active_mvbox:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_infobox {padding:3% 0; text-align:center;}
.actmv_infobox li {display:inline-block; color:#333; margin:0 2%;}
.actmv_infobox li .subtit {display:inline-block; margin-right:3px; padding:5px 0; min-width:100px; text-align:center; border-radius:20px; background-color:#d1effb;}

.actmv_listarea {}
.actmv_searchbox {position:relative; padding:2% 1%; border-color:#d5d5d5; border-style:solid; border-width:1px 0; background-color:#f5f5f5;}
.actmv_searchbox:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_colset {position:relative; float:left; padding:0 5px; width:35%;}
.actmv_colset.set01 {width:65%;}
.actmv_colset.set01 .search_btnbox {right:5px;}
.actmv_colset.set01 .search_btnbox button:hover,
.actmv_colset.set01 .search_btnbox button:active,
.actmv_colset.set01 .search_btnbox button:focus {background-color:#0054a2;}
.actmv_colset.set02 {width:35%; text-align:right;}
.actmv_numtxt {margin:0; vertical-align:top;}
.actmv_numtxt strong {display:inline-block; padding:0 4px; font-size:2.4rem; font-weight:700; color:#ea320a;}

.actmv_listbox {margin-top:10px;}
.actmv_list_inner {}
.actmv_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_list {margin-left:-20px;}
.actmv_list > li {float:left; width:33.3333%; padding:10px 0 10px 20px;}
.actmv_list > li a {position:relative; display:block; overflow:hidden;}

.actmv_img {position:relative;height:240px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656;background-image:url(/u/storyCms/bbs/images/img_noimage.png);}
.actmv_dec {position:relative; padding:4% 3% 3%; border-bottom:1px solid #ddd;}
.actmv_dec dl {}
.actmv_dec dl:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_dec dl dt {font-size:2.2rem; line-height:1.2; color:#333;}
.actmv_dec dl dt span {overflow:hidden; display:inline-block; width:98%; white-space:nowrap; text-overflow: ellipsis;}
.actmv_dec dl dd {display:inline-block; font-size:1.5rem; margin-right:5px;}
.actmv_dec dl dd .actmv_icon {position:relative; display:block; padding-left:20px;}
.actmv_dec dl dd .actmv_icon:before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-8px; width:18px; height:18px; background-image:url(/u/storyCms/bbs/images/icon_actpic_ir.png); background-repeat:no-repeat;}
.actmv_dec dl dd .actmv_icon.set01:before {background-position:-38px 0;}
.actmv_dec dl dd .actmv_icon.set02:before {background-position:-38px -19px;}
.actmv_dec dl dd .actmv_icon.set03:before {background-position:-38px -38px;}

.actmv_list > li a:hover dt span {color:#1140b7}
.actmv_list > li a:hover:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:3px solid #1140b7; box-sizing:border-box; z-index:3;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.active_mvbox {margin-top:40px;}
	
	.actmv_numtxt strong {font-size:2.2rem;}
	
	.actmv_list > li {width:50%;}
	.actmv_dec dl dt {font-size:2.0rem;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
	.active_mvbox {margin-top:25px;}
	
	.actmv_colset.set01,
	.actmv_colset.set02 {float:none; width:inherit;}
	
	.actmv_numtxt strong {font-size:2.0rem;}
	
	.actmv_dec dl dt {font-size:1.8rem;}
	.actmv_dec dl dd {font-size:1.3rem;}
}
@media screen and (max-width:640px) {
	.actmv_searchbox {padding:3% 1%;}
	
	.actmv_list > li {float:none; width:inherit;}
	
	.actmv_dec {background-color:#f6f6f6;}
}
@media screen and (max-width:480px) {
	.actmv_infobox li .subtit {padding:3px 0; min-width:80px;}

	.actmv_infobox {padding:2% 0; text-align:left;}
	.actmv_infobox li {display:block; margin:5px;}
	
	.actmv_dec dl dt {font-size:1.6rem;}
	.actmv_dec dl dd {font-size:1.2rem;}
}


/********************************
 기업애로사항
 *******************************/
.agree_sel{margin: 0 0 20px;padding: 5px 5px 5px 0;text-align: right;background-color: #f1f1f1;}
.agree_sel label{margin-left:15px}
.agree_sel label:first-child{margin-left:0}
.agree_sel .agree_check{}
.agree_sel .agree_check input[type="checkbox"]{width:18px;height:18px;vertical-align:-3px;margin-right:5px}
.agree_sel .agree_check input[type="checkbox"]:focus{outline:1px dotted #000}

.agr_pt .ul_dot.prb_agr {margin-bottom:10px;}

/********************************
 UFEZ 저널
 *******************************/
 .newsletter {position:relative;}
.newsletter:after {content:''; display:block; visibility:hidden; clear:both;}

.newsletter_list {}
.newsletter_list:after {content:''; display:block; visibility:hidden; clear:both;}
.newsletter_list li {position:relative; float:left; display:inline-block; width:25%; margin-top:10px; margin-bottom:20px; text-align:center;}
.newsletter_list li .cv_img {position:relative; display:inline-block; margin-bottom:14px; border:1px solid #cecece; transition:all 0.2s ease; z-index:0;}
.newsletter_list li .cv_img:after {content:''; position:absolute; right:-7px; bottom:-7px; width:100%; height:100%; background-color:rgba(0,0,0,0.1); z-index:-1;}
.newsletter_list li a {display:inline-block;}
.newsletter_list li a.nl_viewbtn {display:block;}
.newsletter_list li a:hover .cv_img,
.newsletter_list li a:active .cv_img,
.newsletter_list li a:focus .cv_img {transform:translateY(-5px);}
.newsletter_list li a:hover .cv_img:after,
.newsletter_list li a:active .cv_img:after,
.newsletter_list li a:focus .cv_img:after {background-color:#108ad3;}

.newsletter_list li .cv_tit {display:block; margin-bottom:5px; color:#333; font-size:18px; font-weight:600;}
.newsletter_list li .btn_down {display:inline-block; color:#fff;}
.newsletter_list li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.newsletter_list li a:hover .btn_down span,
.newsletter_list li a:active .btn_down span,
.newsletter_list li a:focus .btn_down span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.newsletter_list li {width:33.33%;}
	.newsletter_list li .cv_img {width:90%;}
}
@media screen and (max-width:767px) {
	.newsletter_list li .cv_img {width:85%;}
	.newsletter_list li .cv_img img {height:170px !important;}
	.newsletter_list li .cv_tit {font-size:15px;}
}
@media screen and (max-width:640px) {
	.newsletter_list li .cv_img {width:75%;}
	.newsletter_list li {width:50%;}
}
@media screen and (max-width:480px) {
	.newsletter_list li .cv_img {width:70%;}
}


/********************************
 주요인사 예방
 *******************************/
.photo_box {position:relative;}
.photo_box:after {content:''; display:block; visibility:hidden; clear:both;}

.photoList {margin-left:-20px;}
.photoList:after {content:''; display:block; visibility:hidden; clear:both;}
.photoList li {position:relative; float:left; display:inline-block; padding-left:20px; width:33.3333%; margin-top:10px; margin-bottom:20px; text-align:center;}
.photoList li .cv_img {position:relative; display:inline-block; margin-bottom:14px; border:1px solid #cecece; transition:all 0.2s ease; z-index:0;}
.photoList li .cv_img img {width:312px; height:220px !important;}
.photoList li a {display:inline-block;}
.photoList li a.nl_viewbtn {display:block;}

.photoList li .cv_tit {display:block; min-height:54px; color:#333; font-size:18px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.photoList li .btn_down {display:inline-block; color:#fff;}
.photoList li .btn_down span {display:inline-block; padding:3px 10px; font-size:13px; color:#09646d; border-radius:30px; border:2px solid #17909c; background-color:#fff;}
.photoList li a:hover .btn_down span,
.photoList li a:active .btn_down span,
.photoList li a:focus .btn_down span {color:#fff; border-color:#09646d; background-color:#09646d; transition: all 0.1s linear;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.photoList li .cv_tit {min-height:45px; font-size:15px;}
	.photoList li .cv_img img {height:201px !important;}
}
@media screen and (max-width:640px) {
	.photoList li {width:50%;}
}
@media screen and (max-width:480px) {
	.photoList {margin-left:0;}
	.photoList li {margin-top:0; padding-left:0; width:100%;}
  	.photoList li .cv_tit {min-height:unset;}
  	.photoList li a {display:block;}
  	.photoList li .cv_img {width:100%;}
	.photoList li .cv_img img {width:100% !important; height:unset !important;}
}