@charset "UTF-8"; 

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

label, input, select, textarea {color:#444;}
select.bd_select {padding:0 30px 0 12px; width:100%; height:45px; line-height:45px; border:1px solid #ddd; background:#fff url(../images/select_arrow.png) right 11px center no-repeat; border-radius:8px;}
input.bd_input {display:block; width:100%; line-height:45px; border:1px solid #ddd;}
input.bd_input[type="text"] {border-radius:8px;}
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; font-size:1.4rem;}
textarea.bd_txtarea {resize:none; width:100%; border:1px solid #ddd; border-radius:8px;}
textarea.bd_txtarea.re_size {resize:auto;}

input.dateCal {background:#fbfbfb url(../images/icon_cal.svg) right 11px center no-repeat;}

.essent {position:absolute; display:inline-block; margin-left:3px; line-height:0; font-size:0;}
.essent:before {content:'*'; position:absolute; left:0; top:3px; line-height:1; font-size:1.4rem; color:#f24331 !important;}

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





/********************************
 게시판 상단
 *******************************/
.board_topbox {position:relative; border:1px solid #e5e5e5; border-radius:10px; background-color:#f7f7fc;}
.boardtop_txtinner {position:relative; padding:25px 30px;}
.boardtop_txtinner .t_txt {display:block; vertical-align:middle;}
.boardtop_txtinner .t_txt h4 {margin-top:0; color:#0b717b;}

.boardtop_txtinner.design2 {margin:0 auto; width:70%;}


/*카테고리 1개일때*/
.boardtop_txtinner.design1 {margin:0 auto; width:80%;}
.search_ctbox.oneCtgr {position:absolute; left:30px; z-index:1;}
.search_ctbox.oneCtgr .src_list {width:150px;} /*자주묻는질문*/
.search_tbox.oneCtgr_tbox {padding:0 90px 0 320px;}
.search_listbox.one {left:160px;}


/*검색만 있는 경우*/
.boardtop_txtinner.design2.onlySC .search_tbox {padding:0 90px 0 0;}

.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 {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../images/select_arrow.png) right 11px center no-repeat; border-radius:5px;}
.search_tbox {position:relative; padding:0 90px 0 160px;}
.search_listbox {position:absolute; left:0; top:0; width:150px;}

.search_listbox select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../images/select_arrow.png) right 11px center no-repeat; border-radius:5px;}
.search_txtbox {background-color:#fff; border-radius: 5px;}
.search_txtbox input {display:block; width:100%; background-color:#fff; border-radius:5px;}
.search_btnbox {position:absolute; right:0; top:0; width:80px;}
.search_btnbox button {width:100%; height:45px; font-size:0; background:#333 url(../images/icon_board_search.png) center center no-repeat; cursor:pointer; border-radius:5px;}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#3c62c0; transition:background-color 0.2s linear;}

.search_ctbox.sech_list {border:none; margin-bottom:0; padding-bottom:0; padding-right:90px;}


.search_ctbox.sech_list .date_boxlist {display:flex; align-items:center; float:unset;}
.search_ctbox.sech_list .date_boxlist .lable {margin-right:20px; font-weight:500;}
.search_ctbox.sech_list .date_boxlist .dash {padding:0 20px;}

.search_ctbox.sech_list .date_boxlist.amrBox select.secSelect {margin-left:5px; width:auto;}

.boardtop_txtinner.src_industry .t_txt.energy {display:flex; flex-direction:column;}
.t_txt.energy .search_ctbox.col_list1 .src_list {display:flex; align-items:center;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date_label {margin-right:10px; width:64px; font-weight:500;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {display:flex; align-items:center; width:calc(100% - 64px);}
.t_txt.energy .search_ctbox.col_list1 .src_list .date {display:flex; align-items:center; width:50%;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date select {margin-left:10px;}
.t_txt.energy .search_ctbox.col_list1 .src_list .date select:first-child {margin-left:0;}
.t_txt.energy .search_ctbox.col_list1 .src_list .dash {padding:0 10px;}

.t_txt.energy .search_tbox.selectBox {padding:0 90px 0 0;}
.t_txt.energy .search_tbox.selectBox dl {display:flex; gap:10px;}
.t_txt.energy .search_tbox.selectBox .search_txtbox {display:flex; align-items:center; width:50%; background:unset;}
.t_txt.energy .search_tbox.selectBox .search_txtbox label {margin-right:10px; font-weight:500;}
.t_txt.energy .search_tbox.selectBox .search_txtbox select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../images/select_arrow.png) right 11px center no-repeat; border-radius:5px;}


@media screen and (max-width:1200px) {
	.boardtop_txtinner.design2 {width:80%;}
	
	/*카테고리 1개일때*/
	.boardtop_txtinner.design1 {width:90%;}

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

@media screen and (max-width:920px) {
	.boardtop_txtinner.design2 {width:100%;}
	
	/*카테고리 1개일때*/
	.boardtop_txtinner.design1 {width:100%;}
}

@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;}
	
	.search_ctbox.sech_list {padding-right:70px;}
	
	/*카테고리 1개일때*/
	.search_tbox.oneCtgr_tbox {padding:0 70px 0 280px;}
	.search_ctbox.oneCtgr {left:20px; margin-bottom:0; padding-bottom:0; border-bottom:none;}
	.search_ctbox.oneCtgr .src_list {width:130px;}
	.search_listbox.one {left:140px;}

	/*검색만 있는 경우*/
	.boardtop_txtinner.design2.onlySC .search_tbox {padding:0 70px 0 0;}

	.t_txt.energy .search_tbox.selectBox {padding:0 70px 0 0;}
	
	.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:12px;}
	.search_tbox {position:relative; padding:0 60px 0 110px;}
	.search_listbox {width:105px;}
	.search_btnbox {width:55px;}
	
	.search_ctbox.sech_list {display:flex; flex-wrap:wrap; padding-right:0;}
	
	/*카테고리 1개일때*/
	.search_tbox.oneCtgr_tbox {padding:0 60px 0 110px;}
	.search_ctbox.oneCtgr {position:relative; left:unset; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dashed #ddd;}
	.search_ctbox.oneCtgr .src_list {width:100%;}
	.search_listbox.one {left:0;}
	
	.search_ctbox.sech_list .search_btnbox {display:block; position:relative; width:100%;}
	
	.search_ctbox.sech_list .date_boxlist.amrBox {flex-direction:column; align-items:flex-start; width:100%;}
	.search_ctbox.sech_list .date_boxlist.amrBox select.secSelect {margin-left:0; margin-top:5px; width:100%;}
	.search_ctbox.sech_list .date_boxlist.amrBox .dash {padding:5px 0; margin:0 auto;}
	
	.t_txt.energy .search_ctbox.col_list1 .src_list {align-items:flex-start; flex-direction:column;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_label {margin-right:0; width:100%;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {width:100%;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date select {margin-left:5px;}
	
	.t_txt.energy .search_tbox.selectBox {padding:0;}
	.t_txt.energy .search_tbox.selectBox dl {flex-direction:column; gap:5px;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox {margin-top:0; padding:0; width:100%;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox label {width:57px;}
	.t_txt.energy .search_tbox.selectBox .search_txtbox select {width:calc(100% - 57px);}
	.t_txt.energy .search_tbox.selectBox .search_btnbox {display:block; position:relative; width:100%;}
}
@media screen and (max-width:480px) {
	.search_listbox {width:100%;position: relative;}
	.search_tbox {padding:0;}
	.search_txtbox {position:relative; width:100%; margin-top:10px; padding-right:65px; background:none;}
	.search_btnbox {bottom:0;top: unset;}
	
	/*카테고리 1개일때*/
	.search_tbox.oneCtgr_tbox {padding:0;}
	
	/*검색만 있는 경우*/
	.boardtop_txtinner.design2.onlySC .search_tbox {padding:0;}
	
	.search_ctbox.sech_list .date_boxlist {flex-direction:column; align-items:flex-start; width:100%;}
	.search_ctbox.sech_list .date_boxlist .lable {margin-right:0; margin-bottom:10px;}
	.search_ctbox.sech_list .date_boxlist .dash {padding:5px 0; margin:0 auto;}
	
	.t_txt.energy .search_ctbox.col_list1 .src_list .date_select {flex-direction:column;}
	.t_txt.energy .search_ctbox.col_list1 .src_list .date {width:100%;}
}


/********************************
포토갤러리게시판 썸네일
*******************************/
/*body*/
.gallery_bodybox ul {display:flex; flex-wrap:wrap; gap:40px; margin-top:30px;}
.gallery_bodybox li {width:calc(33.3333% - 27px);}
.gallery_bodybox li y {text-align:left;}

.gallery_bodybox li a {display:block; border:1px solid #ddd; border-radius:10px; text-decoration:none;}
.gallery_bodybox li a:hover,
.gallery_bodybox li a:active,
.gallery_bodybox li a:focus {border-color:#222;}
.gallery_bodybox li a .glr_img {overflow:hidden; display:block; width:100%; height:280px; background-color:#ebebeb; border-top-left-radius:10px; border-top-right-radius:10px;}
.gallery_bodybox li a .glr_img img {width:100%; height:100%; border-top-left-radius:10px; border-top-right-radius:10px; transition:.3s; object-fit:cover;}
.gallery_bodybox li a:hover .glr_img img {transform: scale(1.1);}

.gallery_bodybox li a .img_tbox {padding:20px;}
.gallery_bodybox li a .glr_tit {position:relative; display:block; margin-bottom:4px; color:#121212; font-size:2.0rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:500;}
.gallery_bodybox li a:hover .glr_tit,
.gallery_bodybox li a:active .glr_tit,
.gallery_bodybox li a:focus .glr_tit {color:#3c62c0;} 
.gallery_bodybox li a .glr_tit .newIcon {position:relative; display:inline-block; width:20px; margin-right:6px; text-indent:-9999px;}
.gallery_bodybox li a .glr_tit .newIcon:before {content:''; display:block; position:absolute; left:0; top:8px; width:20px; height:20px; background:url(/cylib/storyCms/bbs/images/icon/new/Icon_new.png) 0 0 no-repeat;}
.gallery_bodybox li a .glr_date {position:relative; display:block; margin-left:2px; padding-left:20px;}
.gallery_bodybox li a .glr_date:before {content:''; position:absolute; left:0; top:7px; width:15px; height:15px; background:url(/cylib/storyCms/bbs/images/icon/icon_cld.png) 0 0 no-repeat;}


/** slick 슬라이더 오버라이딩 */
#cardNewsList {position:relative; margin:0 auto; height:inherit; max-width:90%; text-align:center;}
#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:-70px;}
#cardNewsList .slick-next {right:-70px;}
#cardNewsList .slick-prev:before,
#cardNewsList .slick-next:before {color:#6A6A6A;}
#cardNewsList .slick-dots {/*bottom:-35px;*/ /*padding:50px 0;*/}
#cardNewsList .slick-prev:before {content:'\e93d'; font-family:'xeicon' !important; font-size:70px;}
#cardNewsList .slick-next:before {content:'\e940'; font-family:'xeicon' !important; font-size:70px;}
#cardNewsList .slick-dots li.slick-active button:before {color:#23508b; 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:#23508b;}


/* media query */
@media screen and (max-width:1340px) {
	.gallery_bodybox ul {gap:30px;}
	.gallery_bodybox li {width:calc(33.3333% - 20px);}
	
	.gallery_bodybox li a .glr_img {height:230px;}
	
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.gallery_bodybox li a .img_tbox {padding:15px 20px;}
	.gallery_bodybox li a .glr_img {height:210px;}
	
	
	#cardNewsList .slick-prev,
	#cardNewsList .sty-portf-wrap,
	#cardNewsList .slick-next {width:50px; height:50px;}
	#cardNewsList .slick-prev:before,
	#cardNewsList .slick-next:before {font-size:50px;}
	#cardNewsList .slick-prev {left:-50px;}
	#cardNewsList .slick-next {right:-50px;}
}
@media screen and (max-width:920px) {
	.gallery_bodybox li {width:calc(50% - 15px);}
	.gallery_bodybox li a .glr_img {height:250px;}
}

@media screen and (max-width:767px) {
	.gallery_bodybox li a .glr_tit {font-size:1.8rem;}
	.gallery_bodybox li a .glr_tit .newIcon:before {top:5px;}
	
	#cardNewsList {max-width:85%;}
}

@media screen and (max-width:640px) {
	.gallery_bodybox ul {gap:20px; margin-top:0;}
	.gallery_bodybox li {width:100%;}
	.gallery_bodybox li a .glr_img {height:280px;}
	
	#cardNewsList .slick-prev,
	#cardNewsList .sty-portf-wrap,
	#cardNewsList .slick-next {width:40px; height:40px;}
	#cardNewsList .slick-prev:before,
	#cardNewsList .slick-next:before {font-size:40px;}
	#cardNewsList .slick-prev {left:-40px;}
	#cardNewsList .slick-next {right:-40px;}
}


@media screen and (max-width:480px) {
	.gallery_bodybox li a .glr_img {height:250px;}
	
	#cardNewsList {max-width:80%;}
}





/********************************
 테이블
*********************************/

/*table-list 목록*/
.tbl_bd_list {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:1px 0 0 0; border-top-color:#555;}
.tbl_bd_list thead th {padding:14px 5px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#f7f7fc;}

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

.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.board tbody td .icon_noti {display:inline-block; position:relative; width:30px; height:30px; margin:0; padding:0; color:transparent; font-size:0; vertical-align:middle;}
.tbl_bd_list.board tbody td .icon_noti:before {content: ''; position:absolute; top:50%; left:50%; background:#444 url('../images/icon_noti.png') no-repeat; width:30px; height:30px; border-radius:350%; transform:translate(-50%, -50%);}
.tbl_bd_list.board tbody td a img.secret {margin-top:-3px; margin-right:5px;}
.tbl_bd_list.board tbody td a img.new,
.tbl_bd_list.board tbody td img.new {margin-top:-9px; margin-left:5px;}

.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;}

/*답변글상태*/
.reply {display:inline-block; width:95px; padding:5px 15px; font-size:1.4rem; border-radius:20px; color:#fff; text-align:center;}
.replyWaitting {background-color:#555;} /*답변대기*/
.replyIng {background-color:#1F695C;} /*답변중*/
.replyComplet {background-color:#246BB9;} /*답변완료*/


/*반응형*/
.tbl_bd_list.board tbody .m_head {display:none;}

/*게시글 없을때*/
.empty_txt {margin-bottom:15px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd;}
.empty_txt.box {padding:50px 0; border:1px solid #ddd; border-radius:20px; background:#f7f7fc;}


/*상태*/
.approve_stb {color:#065e26; font-weight:500;}/*승인대기*/
.approve_ok {color:#006cbd; font-weight:500;}/*승인완료*/
.approve_prc {color:#065e26; font-weight:500;}/*납본완료*/
.approve_no {color:#d52604; font-weight:500;}/*반려*/



/*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) {
	/*게시판 목록*/
	.tbl_bd_list.board colgroup,
	.tbl_bd_list.board thead {display:none;}
	.tbl_bd_list.board tbody tr {display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid #ddd;}
	.tbl_bd_list.board tbody tr:nth-child(even) {background-color:#f8f8f8;}
	.tbl_bd_list.board tbody td {position:relative; display:table; padding:1px 0px !important; width:100%; border-bottom:0;}
	.tbl_bd_list.board tbody tr:nth-child(even) td {background-color:unset;}
	.tbl_bd_list.board tbody td .m_head {display:table-cell; padding:2px 10px; width:90px; height:100%; text-align:right;}
	.tbl_bd_list.board tbody td .m_td {display:table-cell; padding:2px 10px; width:calc(100% - 90px); text-align:left;}
	.tbl_bd_list.board tbody td .icon_noti {padding:4px 10px; font-size:1.3rem;}
	.tbl_bd_list.board tbody td a.m_td:hover,
	.tbl_bd_list.board tbody td a.m_td:active,
	.tbl_bd_list.board tbody td a.m_td:focus {color:#3c62c0;}
		
	.tbl_bd_list.board span.ctgr {display:unset; margin:unset; width:auto; padding:4px 10px; font-size:1.3rem;}
	
}
@media screen and (max-width:640px) {
	.tbl_bd_list {font-size:1.5rem;} 
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:380px) {
	/*게시판 목록*/
	.tbl_bd_list.board tbody td .m_head {padding:2px 5px; width:70px;}
	.tbl_bd_list.board tbody td .m_td {padding:2px 5px; width:calc(100% - 70px);}
}



/*table-view 상세*/
.tbl_bd_view {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:14px 5px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#f1f5f5;}
.tbl_bd_view thead th label {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:12px 10px;}

.tbl_bd_view tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f7f7fc; word-break:break-all;}
.tbl_bd_view tbody th label {font-size:1.7rem; word-break:break-all;}
.tbl_bd_view tbody td {border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_bd_view tbody td label {font-size:1.7rem;}

.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;}

/*테이블 - 체크/라디오박스*/
.tbl_bd_view tbody td .lib_check .input_keep {top:5px;}
.tbl_bd_view tbody td .lib_check .keep_text:before {top:2px;}
.tbl_bd_view tbody td .radio_check .input_keep {top:5px;}
.tbl_bd_view tbody td .radio_check .keep_text:before {top:2px;}



/*게시판 상세보기*/
.tbl_bd_view.board .w_pct20 {width:100px !important;}
.tbl_bd_view.board tbody th, 
.tbl_bd_view.board tbody td,
.tbl_bd_view.board tfoot th, 
.tbl_bd_view.board tfoot td {padding:15px 10px;}

.tbl_bd_view.board tbody th {font-weight:500;}
.tbl_bd_view.board tbody td.tbv_tit {padding:20px 0; font-size:2.4rem; font-weight:600; line-height:29px; text-align:center;}


.tbl_bd_view.board tbody td p {margin-bottom:0;}
.tbl_bd_view.board tbody td a {word-break:break-all;}

.tbl_bd_view.board tbody td.filebox ul li {margin-top:5px;}
.tbl_bd_view.board tbody td.filebox ul li:first-child {margin-top:0;}
.tbl_bd_view.board tbody td.filebox ul li button.btn {vertical-align:unset; color:#333;}
.tbl_bd_view.board tbody td.filebox ul li button.btn:hover {color:#fff;}


/*작성자,작성일자,조회수*/
.tbl_bd_view.board tbody td.tbv_info {background-color:#f8f8f8;}
.tbl_bd_view.board tbody td.tbv_info ul {display:flex; justify-content:center; flex-wrap:wrap;}
.tbl_bd_view.board tbody td.tbv_info ul li {position:relative; padding:0 15px; font-size:1.6rem;}
.tbl_bd_view.board tbody td.tbv_info ul li:before {content:''; position:absolute; left:0; top:6px; width:1px; height:10px; background-color:#ddd;}
.tbl_bd_view.board tbody td.tbv_info ul li:first-child:before {display:none;}
.tbl_bd_view.board tbody td.tbv_info ul li .dt {position:relative;}
.tbl_bd_view.board tbody td.tbv_info ul li .dt:after {content:':'; margin-left:3px;}

.tbl_bd_view.board tbody td dt,
.tbl_bd_view.board tbody td .help-block span {word-break:break-all;}

/*첨부파일 확장자*/
#fileExtList {word-break:break-all;}



/********************************
 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) {
	.tbl_bd_view.board .w_pct20 {width:80px !important;}
	
	.tbl_bd_view.board tbody td.tbv_tit {font-size:2.2rem;}
	.tbl_bd_view.board tbody td.tbv_info ul li {font-size:1.5rem;}
}
@media screen and (max-width:640px) {
	.tbl_bd_view colgroup,
	.tbl_bd_view thead {display:none;}
	.tbl_bd_view tbody th,
	.tbl_bd_view tbody td {display:block;}
	.tbl_bd_view tbody td {padding:14px 10px;}
	
	
	.tbl_bd_view.board tbody th {padding:15px 10px 5px; background-color:unset; text-align:left; border-bottom:0;}
	.tbl_bd_view.board tbody td.filebox {padding-top:0;}
	
	

}
@media screen and (max-width:480px) {
	.tbl_bd_view.board tbody td.tbv_tit {padding:10px 0; font-size:1.9rem;}
	.tbl_bd_view.board tbody td.tbv_tit span.ctgr {padding:2px 10px; font-size:1.4rem; line-height:1.6;}
	
	.tbl_bd_view.board tbody td.tbv_info ul li {padding:0 10px;}
	.tbl_bd_view.board tbody td.tbv_info ul li.tbv_user .dt,
	.tbl_bd_view.board tbody td.tbv_info ul li.tbv_date .dt {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
}
@media screen and (max-width:380px) {
}


/********************************
 반응형 테이블 목록
 *******************************/
.tbl_bd_list.rspTbl tbody td .th {display:none;}
.tbl_bd_list.rspTbl tbody td .bd_btn {padding:5px 10px; font-size:1.5rem; line-height:inherit; word-break:break-all;}
.tbl_bd_list.rspTbl tbody td .bd_btn.btn_bigdata {font-size:1.6rem;}

/*버튼두개*/
.tbl_bd_list.rspTbl tbody td .bd_btn.two_btn {width:100%;}
.tbl_bd_list.rspTbl tbody td .bd_btn.two_btn + button {margin-top:10px;}



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

@media screen and (max-width:920px){
	.tbl_bd_list.rspTbl {text-align:left;}
	.tbl_bd_list.rspTbl colgroup,
	.tbl_bd_list.rspTbl thead {display:none;}
	.tbl_bd_list.rspTbl tbody tr {display:flex; flex-wrap:wrap; margin-bottom:20px; border-top:2px solid #446db5;}
	.tbl_bd_list.rspTbl tbody tr:first-child {border-top:none;}
	.tbl_bd_list.rspTbl tbody td {position:relative; padding-left:130px; width:100%; min-height:20px; line-height:1.2;}
	.tbl_bd_list.rspTbl tbody td .th {display:block; position:absolute; left:0; top:0; padding:13px 10px 5px; width:110px; height:100%; background-color:#f7f7fc; border-right:1px solid #ddd;}
	.tbl_bd_list.rspTbl tbody td .th:after {content:''; display:inline-block; height:100%; vertical-align:middle;}
	
	
	/*버튼두개*/
	.tbl_bd_list.rspTbl tbody td .bd_btn.two_btn {width:auto;}
	.tbl_bd_list.rspTbl tbody td .bd_btn.two_btn + button {margin-top:0; margin-left:10px;}
}
@media screen and (max-width:767px){
	.tbl_bd_list.rspTbl tbody td {padding-left:110px;}
	.tbl_bd_list.rspTbl tbody td .th {width:95px;}
}

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

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






/********************************
 반응형 테이블 상세
 *******************************/
.viewTable {}
.viewTable .btn_cdt {display:inline-block; padding:0 10px; text-align:center; border:1px solid; border-radius:5px; font-size:1.5rem;}
.viewTable .btn_cdt.cdt01 {border-color:#444; background-color:#fff; color:#444;} /*접수대기*/
.viewTable .btn_cdt.cdt02 {border-color:#3c62c0; background-color:#3c62c0; color:#fff;} /*접수중*/
.viewTable .btn_cdt.cdt03 {border-color:#444; background-color:#444; color:#fff;} /*접수마감*/

.viewTable .view_title {margin:5px 0; font-size:2.8rem; font-weight:600;}

.viewTable .view_info {display:flex; flex-wrap:wrap; border-top:2px solid #333;}
.viewTable .view_info div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.viewTable .view_info div label, input, select, textarea {font-size:1.6rem;}

.viewTable .view_info div dl {display:flex; align-items:stretch; width:100%;}
.viewTable .view_info div dt {padding:12px 10px; width:140px; min-width:140px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7fc; color:#333; text-align:center; font-size:1.6rem;}
.viewTable .view_info div dt span.t_small {font-size:1.4rem; font-weight:400;}

.viewTable .view_info div dd {padding:12px 10px; width:calc(100% - 140px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.viewTable .view_info div dd .dash {padding:0 10px;}

.viewTable .view_info div dd textarea {min-height:120px; border-radius:8px;}
.viewTable .view_info div dd .minT {font-size:1.5rem;}
.viewTable .view_info div dd .minT input,
.viewTable .view_info div dd .minT select {margin-right:5px;}


.viewTable .view_info div dd select {position:relative; padding:0 30px 0 12px; min-width:160px; background:#fbfbfb url(../images/select_arrow.png) right 11px center no-repeat; border-radius:8px;}
.viewTable .view_info div dd select.dateSlt {background:#fbfbfb url(../images/icon_cal.svg) right 11px center no-repeat;}
.viewTable .view_info div dd select.half {width:50%;}

.viewTable .view_info div dd input {border-radius:8px; background-color:#fbfbfb;}
.viewTable .view_info div dd input.half {width:50%;}
.viewTable .view_info div dd input[type="file"] {margin-bottom:5px; border-radius:0;}
.viewTable .view_info div dd.addr_tbox {justify-content:space-between;}
.viewTable .view_info div dd.addr_tbox input {width:calc(100% - 110px);}

.viewTable .view_info div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.viewTable .view_info div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.viewTable .view_info div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.viewTable .view_info div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.viewTable .view_info div dd.addr_tbox2 span.ip_box2 input {width:100%;}

.viewTable .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:calc(50% - 10px);}

.viewTable .view_info div dd.inbox_col3 {gap:10px;}
.viewTable .view_info div dd.inbox_col3 > input {width:calc(33.3333% - 10px);}
.viewTable .view_info div dd.inbox_col3 p {display:flex; gap:15px; margin-right:15px;}
.viewTable .view_info div dd.inbox_col3 p select.monSlt {min-width:unset;}
.viewTable .view_info div dd.inbox_col3 p input.mon_txt {display:inline-block; width:unset;}
.viewTable .view_info div dd.inbox_col3 p .minT.front {min-width:96px;}


.view_txtarea {padding:30px 20px; border-bottom:1px solid #ddd;}

.view_btnbox .btn_config {min-width:25%;}



/* 라디오 버튼 나열 */
.viewTable .view_info div dd.radio_list {gap:5px;}
.viewTable .view_info div dd.check_list {gap:5px;}


/* 라디오+인풋 */
.viewTable .view_info div dd.checkInput p {display: flex; flex-wrap:wrap; align-items:center;}
.viewTable .view_info div dd.checkInput p:nth-child(odd) {margin-right:10px;}

/*라디오/체크 위치
.viewTable .view_info div dd .radio_check .input_keep {top:9px;}
.viewTable .view_info div dd .radio_check .keep_text:before {top:6px;}
.viewTable .view_info div dd .lib_check .input_keep {top:9px;}
.viewTable .view_info div dd .lib_check .keep_text:before {top:6px;}
*/



/* 셀렉트 ~ 셀렉트 */
.viewTable .view_info div dd.two_select  select {width:44%; min-width:unset;}

/* 인풋 ~ 인풋 */
.viewTable .view_info div dd.two_input input {margin-right:5px; max-width:65px;}


/* 인풋 - 연락처 박스 3개 */
.viewTable .view_info div dd.Phone_input input {max-width:27%;}
.viewTable .view_info div dd.Phone_input select {min-width:27%;}


/* 이메일 */
.viewTable .view_info div dd.email_input input {max-width:27%;}
.viewTable .view_info div dd.email_input select {min-width:60%;}
.viewTable .view_info div dd.email_input input.emailInput {max-width:20%;}
.viewTable .view_info div dd.email_input select.emailSelect {margin-left:10px; min-width:50%;}



/* .view_info div안에 dl리스트 여러개일때 */
.viewTable .view_info div.more_info > dl > dd {padding:0;}
.viewTable .view_info div.more_info dt {padding:0; font-size:1.7rem;}
.viewTable .view_info div.more_info dd ul {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.viewTable .view_info div.more_info dd ul li {width:50%; border-top:1px solid #ddd;}
.viewTable .view_info div.more_info dd ul li:nth-child(-n+2) {border-top:0;}
.viewTable .view_info div.more_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb;}
.viewTable .view_info div.more_info dd ul li dd {width:calc(100% - 100px);}
.viewTable .view_info div.more_info .more_del {display:block;line-height:inherit; padding:2px 10px;}

/*선택 달력*/
select.dateSlt {background:#fbfbfb url(../images/icon_cal.svg) right 11px center no-repeat;}


  /* media query */
@media screen and (max-width:1200px) {
	.viewTable .view_info div dt {width:110px; min-width:110px;}
 	.viewTable .view_info div dd {width:calc(100% - 110px);}
	
	.viewTable .view_info div dd .dash {padding:0 7px;}
}

@media screen and (max-width:1024px) {
	.viewTable .view_info div dd.inbox_col3 p {gap:10px; margin-right:0;}
}

@media screen and (max-width:920px) {
	.viewTable .view_title {font-size:2.4rem;}
	
	.viewTable .view_info div {width:100%;}
	
	.viewTable .view_info div.more_info dt {line-height:1.1;}
	.viewTable .view_info div.more_info > dl {display:block; width:100%;}
	.viewTable .view_info div.more_info > dl > dt {width:100%; padding:10px; min-width:unset; border-bottom:1px dashed #ddd;}
	.viewTable .view_info div.more_info > dl > dd {width:100%;}
	.viewTable .view_info div.more_info .more_del {display:unset; margin-left:10px;}
	
	.view_btnbox .btn_config {min-width:30%;}
	
	/* 라디오+인풋 */
	.viewTable .view_info div dd.checkInput p label {width:40px;}

}

@media screen and (max-width:767px) {
	.viewTable .view_info div label, input, select, textarea {font-size:1.5rem;}
	.viewTable .view_info div dt {font-size:1.6rem;}
	.viewTable .view_info div dd input.half {width:100%;}
	.viewTable .view_info div dd select.half {width:100%;}
	
	/* 이메일 */
	.viewTable .view_info div dd.email_input input.emailInput {max-width:44%;}
	.viewTable .view_info div dd.email_input select.emailSelect {margin-left:0; margin-top:10px; min-width:100%;}
	
	
	/*라디오/체크 위치*/
	.viewTable .view_info div dd .radio_check .input_keep {top:6px;}
	.viewTable .view_info div dd .radio_check .keep_text:before {top:4px;}
	.viewTable .view_info div dd .lib_check .input_keep {top:6px;}
	.viewTable .view_info div dd .lib_check .keep_text:before {top:4px;}
}

@media screen and (max-width:640px) {
	.viewTable .view_info div dd.addr_tbox2 span.ip_box2.box2 input {width:100%;}
	
	.viewTable .view_info div dd.inbox_col3 input {width:100%;}
	.viewTable .view_info div dd.inbox_col3 p input.mon_txt {width:87%;}

}

@media screen and (max-width:530px) {
	.viewTable .view_info div {border-bottom-color:#aaa;}
	.viewTable .view_info div dl {flex-direction:column;}
	.viewTable .view_info div dt {width:100%; min-width:100%; border-bottom:1px dashed #ddd; font-weight:600;}
 	.viewTable .view_info div dd {width:100%; padding:15px 10px;}
	
	
	.viewTable .view_info div dd.addr_tbox2 span.ip_box1 input {width:calc(100% - 105px);}
	
	.viewTable .view_info div.more_info dd ul {flex-direction:column;}
	.viewTable .view_info div.more_info dd ul li {width:100%; border-top:0;}
	.viewTable .view_info div.more_info dd ul li:nth-child(-n+2) {border-bottom:1px dashed #ddd;}
	.viewTable .view_info div.more_info dd ul li dl {flex-direction:unset;}
	.viewTable .view_info div.more_info dd ul li dt {border-bottom:0;}
}

@media screen and (max-width:480px) {
	.viewTable .view_title {font-size:2.2rem;}

 	.view_btnbox .btn_config {min-width:50%;}

 	.viewTable .view_info div dt {padding:7px;}
	.viewTable .view_info div dd select {min-width:100%;}
	
 	.viewTable .view_info div dd.addr_tbox2 span {justify-content:center;}
	.viewTable .view_info div dd.addr_tbox2 span.ip_box1 input,
	.viewTable .view_info div dd.addr_tbox2 span.ip_box1 select {width:100%;} 
	.viewTable .view_info div dd.addr_tbox2 span.ip_box1 button {width:100%; text-align:center;}
	
	.viewTable .view_info div dd.inbox_col3 p {gap:10px;}
	
	/*.viewTable .view_info div dd.two_input input {margin-right:3px; max-width:48px;}*/
	.viewTable .view_info div dd.two_select {justify-content:center;}
	
	.viewTable .view_info div.more_info dd ul li {width:100%;}
	
	
	/* 라디오+인풋 */
	.viewTable .view_info div dd.checkInput p:nth-child(odd) {margin-right:0;}
}



/********************************
 체크박스, 라디오버튼
 *******************************/

/*체크박스*/
.lib_check .keep_text:before, 
.lib_check input:checked+.keep_text:before {background-image: url(../images/checkIr.png); background-position:3px 5px;}
.lib_check {position:relative; display:inline-block; padding-left:22px; padding-right:10px;}
.lib_check .input_keep {position:absolute; top:7px; left:3px; width:15px; height:15px;}
.lib_check .keep_text {display:inline-block; margin-left:5px;}
.lib_check input {-webkit-appearance: none; -moz-appearance: none;}
.lib_check .keep_text:before {content: ''; position: absolute; top:5px; left:0; background-repeat: no-repeat; width:20px; height:20px; background-repeat: no-repeat; background-color:#fff; border:1px solid #9ba1a3; border-radius:5px; box-sizing:border-box;}
.lib_check input:checked+.keep_text:before {background-position:-12px 5px; background-color:#246BB9; border-color:#246BB9;}

.lib_check input:disabled ~ .keep_text:before {background-image:none; border-color:#c6c6c6; background-color:#e4e4e4;}
.lib_check input:checked:disabled ~ .keep_text:before {background-image: url(../images/checkIr.png); background-position:-27px 5px;}

/* 라디오버튼 */ 
.radio_check .keep_text:before, 
.radio_check input:checked+.keep_text:before {background-image: url(../images/checkIr.png); background-position:3px 5px;}
.radio_check {position:relative; display:inline-block; padding-left:22px; padding-right:10px;}
.radio_check .input_keep {position:absolute; top:8px; left:3px; width:15px; height:15px;}
.radio_check .keep_text {display:inline-block; margin-left:5px;}
.radio_check input {-webkit-appearance: none; -moz-appearance: none;}
.radio_check .keep_text:before {content: ''; position: absolute; top:5px; left:0; background-repeat: no-repeat; width:20px; height:20px; background-repeat: no-repeat; background-color:#fff; border:1px solid #9ba1a3; border-radius:50%; box-sizing:border-box;}
.radio_check input:checked+.keep_text:before {background-position:-12px 5px; background-color:#246BB9; border-color:#246BB9;}

.radio_check input:disabled ~ .keep_text:before {background-image:none; border-color:#c6c6c6; background-color:#e4e4e4;}
.radio_check input:checked:disabled ~ .keep_text:before {background-image: url(../images/checkIr.png); background-position:-27px 5px;}


/* 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){
	/*체크박스*/
	.lib_check .keep_text {margin-left:2px;}
	.lib_check .keep_text:before {top:4px; width:18px; height:18px;}
	.lib_check .keep_text:before, .lib_check input:checked+.keep_text:before {background-position:2px 4px;}
	.lib_check .input_keep {top:5px; left:2px;}
	.lib_check {padding-left:20px;}
	.lib_check input:checked+.keep_text:before {background-position:-13px 4px;}
	.lib_check input:checked:disabled ~ .keep_text:before {background-position:-28px 4px;}
	
	/*라디오버튼*/
	.radio_check .keep_text {margin-left:2px;}
	.radio_check .keep_text:before {top:2px; width:18px; height:18px;}
	.radio_check .keep_text:before, .radio_check input:checked+.keep_text:before {background-position:2px 4px;}
	.radio_check .input_keep {top:4px; left:2px;}
	.radio_check {padding-left:20px;}
	.radio_check input:checked+.keep_text:before {background-position:-13px 4px;}
	.radio_check input:checked:disabled ~ .keep_text:before {background-position:-28px 4px;}
}

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

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


/********************************
 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:43px; color:#333; border:1px solid #ddd; border-radius:5px;}
.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-color:#138719; background-color:#138719;}
.bd_btn.btn_print {color:#fff; border-color:#232528; background-color:#232528;}
.bd_btn.btn_config {color:#fff; border-color:#3c62c0; background-color:#3c62c0;}
.bd_btn.btn_blue {color:#3c62c0; border-color:#3c62c0; background-color:#fff;}
.bd_btn.btn_del {color:#fff; border-color:#d52604; background-color:#d52604;}
.bd_btn.btn_del2 {color:#d52604; border-color:#d52604; background-color:#fff;}
.bd_btn.btn_del.write_del {margin-left:5px; padding:0 10px; line-height:30px; font-size:1.4rem;} /*게시판 write 첨부파일 삭제 버튼*/
.bd_btn.btn_big {width:20%;}



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

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

}

@media screen and (max-width:920px) {
	.bd_btn.btn_big {width:30%;}
}

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

@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.bd_btn.btn_big {width:50%;}
}


/********************************
 FAQ 게시판
 *******************************/
/* 질문 */
.qnalist {margin-top:10px;}
.qnalist:first-child {margin-top:0;}

.question {position:relative; display:flex; justify-content:flex-start; align-items:center; padding:20px 55px 20px 20px; width:100%; border-radius:10px; border:1px solid #e5e5e5; color:#333; font-weight:500; text-align:left; text-decoration:none; box-sizing:border-box;}
.question:hover,
.question:active,
.question:focus {text-decoration:none;}
.question:before {content:''; position:absolute; right:20px; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../images/arrow_off.svg) 51% 50% no-repeat; border-radius:50%; border:1px solid #ddd; transform:rotate(90deg); transition:transform 0.2s linear;}
.question.on {margin-bottom:0; border-radius:10px 10px 0 0; border-bottom:1px dashed #aaa;}
.question.on:before {transform:rotate(270deg);}
.question .icon {display:block; position:relative;  margin-right:10px; width:30px; height:30px; background:#023793; border-radius:50%;}
.question .icon:before {content:'Q'; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; text-align:center; font-size:1.7rem;}
.question .q_tit {display:flex; align-items:center; width:100%;}
.question .q_tbox {width:calc(100% - 40px); line-height:1.4;} 
.question .q_tbox .ctgr {margin-bottom:4px; font-size:1.5rem; font-weight:400; color:#555;}

.qna_none {margin-bottom:20px; padding:25px; border:1px solid #ddd; border-radius:15px; text-align:center;}

/* 답변 */
.answer {overflow:hidden; display:flex; align-items:flex-start; margin-bottom:10px; padding:15px 20px 20px; background:#F8F8FC; border-radius:0 0 10px 10px; border-width:0px 1px 1px 1px; border-color:#e5e5e5; border-style:solid;}
.answer .answer_inner {display:flex;}
.answer .answer_inner > span {display:block; position:relative; margin-right:10px; width:30px; height:30px; background-color:#d52604; border-radius:50%; flex-shrink:0;}
.answer .answer_inner > span:before {content:'A'; display: block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; text-align:center; font-size:1.7rem;}
.answer .answer_inner .answer_txt p {margin-bottom:0;}
.answer .answer_inner .answer_txt > *,
.answer .answer_inner .answer_txt > * span {background-color:unset !important; font-family:'SCD', 맑은고딕,'Malgun Gothic', 돋움, Dotum,sans-serif !important; font-size:1.6rem;}
.answer .answer_inner .answer_txt a {position:relative; display:inline-block; margin:5px 0 0 5px; padding:8px 40px 8px 10px; border:1px solid #ddd; border-radius:5px; font-size:1.5rem; background-color:#fff;}
.answer .answer_inner .answer_txt a:before {content:''; position:absolute; top:50%; margin-top:-13px; right:10px; width:23px; height:23px; background:url(../images/minicon_ir.png) -24px 0 no-repeat;} 
.answer .answer_inner .answer_txt a:first-child {margin:0;}
.answer .answer_inner .answer_txt a:hover,
.answer .answer_inner .answer_txt a:focus,
.answer .answer_inner .answer_txt a:active {border-color:#0065aa; color:#0065aa;}

.answer .answer_inner .answer_txt a span {padding:0 !important; font-size:1.5rem !important;}
.answer .answer_inner .answer_txt a:hover span,
.answer .answer_inner .answer_txt a:focus span,
.answer .answer_inner .answer_txt a:active span {color:#0065aa !important; text-decoration:underline;}


/* 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) {
	.question {padding:15px 45px 15px 15px; font-size:1.6rem;}
	.question:before {right:15px; width:20px; height:20px; background-size:25%;}
	.question .icon,
	.answer .answer_inner > span {width:25px; height:25px;}
	.question .icon:before,
	.answer .answer_inner > span:before {font-size:1.4rem;}
	
	.question .q_tbox {width:calc(100% - 35px);} 
	.question .q_tbox .ctgr {font-size:1.3rem;}
	
	.answer {padding:15px 15px 20px;}
	.answer .answer_inner .answer_txt > *,
	.answer .answer_inner .answer_txt > * span {font-size:1.4rem;}
	
	
	.answer_txt .scrl_box table {width:768px;}
}

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

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


/*상세보기 게시판 카테고리 2개 정렬*/
.tbl_bd_view.board tbody tr.ctgr_50 {font-size:1.6rem;}

.tbl_bd_view.board tbody td[title="내용"] * {font-family:'SCD', 맑은고딕,'Malgun Gothic', 돋움, Dotum,sans-serif !important;}
.tbl_bd_view.board tbody td[title="내용"] pre {unicode-bidi:unset !important; white-space:unset !important;}
.tbl_bd_view.board tbody td[title="내용"] a {position:relative; display:inline-block; margin:5px 0 0 5px; padding:8px 40px 8px 10px; border:1px solid #ddd; border-radius:5px; font-size:1.5rem !important;}
.tbl_bd_view.board tbody td[title="내용"] a:before {content:''; position:absolute; top:50%; margin-top:-13px; right:10px; width:23px; height:23px; background:url(../images/minicon_ir.png) -24px 0 no-repeat;}
.tbl_bd_view.board tbody td[title="내용"] a * {font-size:1.5rem !important; padding:0 !important;}
.tbl_bd_view.board tbody td[title="내용"] a:first-child {margin:0;}
.tbl_bd_view.board tbody td[title="내용"] a:hover,
.tbl_bd_view.board tbody td[title="내용"] a:focus,
.tbl_bd_view.board tbody td[title="내용"] a:active {border-color:#0065aa; color:#0065aa;}
.tbl_bd_view.board tbody td[title="내용"] img {width:50% !important;}

/*테이블*/
.answer_txt table {table-layout:fixed !important; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#446db5 !important;}
.answer_txt table thead th {padding:7px 2px 5px !important; font-weight:700; color:#333; text-align:center; border-right:1px solid #ddd !important; border-bottom:1px solid #bbb !important; background-color:#f6faff !important; vertical-align:middle; word-break:break-all;}
.answer_txt table thead th:last-child {border-right-width:0;}

.answer_txt table tbody th, .answer_txt table tbody td,
.answer_txt table tfoot th, .answer_txt table tfoot td {padding:14px 8px 12px !important; word-break:break-all;}
.answer_txt table tbody td {vertical-align:middle; background-color:#fff;}




/* media query */
@media screen and (max-width:1200px) {
	/*상세보기 게시판 카테고리 2개 정렬*/
	.tbl_bd_view.board tbody td[title="내용"] img {width:100% !important;}
}
 
@media screen and (max-width:1024px) {
}

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

@media screen and (max-width:767px) {
	.question {padding:15px 45px 15px 15px; font-size:1.6rem;}
	.question:before {right:15px; width:20px; height:20px; background-size:25%;}
	.question .icon,
	.answer .answer_inner > span {width:25px; height:25px;}
	.question .icon:before,
	.answer .answer_inner > span:before {font-size:1.4rem;}
	
	.question .q_tbox {width:calc(100% - 35px);} 
	.question .q_tbox .ctgr {font-size:1.3rem;}
	
	
	.answer_txt .scrl_box table {width:768px;}
}

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

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



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

.pageingDiv {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:8px; 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:8px; background-color:#fff; transition:border-color 0.2s linear;}

.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(../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;}
}



/********************************
01자료검색 > 06연속간행물
*******************************/

.publication_box {}
.publication_box ul.pub_list {display:flex; flex-wrap:wrap; gap:20px;}
.pub_list .item {padding:35px 30px 30px ; width:100%; transition:all 0.3s; border:1px solid #ddd; border-radius:15px;}
.pub_list .item:hover,
.pub_list .item:focus,
.pub_list .item:active {border-color:#222; box-shadow:0 1px 10px 0 rgba(0,50,128,0.1);}

.pub_list .item .area {display:flex; flex-wrap:wrap;}
.pub_list .item .area:hover,
.pub_list .item .area:focus,
.pub_list .item .area:active {text-decoration:none;}

.pub_list .item .pub_img {width:180px; height:266px;}
.pub_list .item .pub_img img {width:100%; height:100%; border:1px solid #ddd;}

.pub_list .item .info_box {display:flex; flex-direction:column; gap:10px; padding:10px 0 10px 30px; width:calc(100% - 180px); }

.pub_list .item .info_box .pub_title {}
.pub_list .item .info_box .pub_title a {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:5px; font-size:2.4rem; font-weight:500; color:#222; line-height:1.2;}

.pub_list .item .info_box .pub_data {margin-top:20px;}
.pub_list .item .info_box .pub_data ul {display:flex; flex-wrap:wrap; gap:5px;}
.pub_list .item .info_box .pub_data li:nth-child(odd) {width:calc(45% - 3px);}
.pub_list .item .info_box .pub_data li:nth-child(even) {width:calc(55% - 3px);}
.pub_list .item .info_box .pub_data li dl {display:flex; flex-wrap:wrap; align-items:flex-start;}
.pub_list .item .info_box .pub_data li dt {font-size:1.5rem; padding:1px 10px; min-width:90px; text-align:center; border:1px solid #aaa; border-radius:15px;}
.pub_list .item .info_box .pub_data li dd {padding-left:8px; width:calc(100% - 92px);  word-break:break-all;}

.pub_list .item .info_box .checkBtn {margin-top:20px;}/*관심도서버튼*/


 /* media query */
@media screen and (max-width:1400px){
}

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

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

@media screen and (max-width:920px){
	.pub_list .item {padding:30px 25px 25px;}
	.pub_list .item .area .pub_img {width:160px; height:237px;}

	.pub_list .item .info_box {padding:10px 0 10px 20px; width:calc(100% - 160px);}
	.pub_list .item .info_box .pub_data li dd {font-size:1.6rem;}
}

@media screen and (max-width:767px){
	.pub_list .item .area {flex-direction:column;}

	.pub_list .item .pub_img {margin:0 auto; width:200px; height:296px;}

	.pub_list .item .info_box {padding:10px 0; width:100%;}
	.pub_list .item .info_box .pub_title a {font-size:2.2rem;}
	.pub_list .item .info_box .pub_data {margin-top:0;}

	.pub_list .item .info_box .checkBtn {text-align:right;}
}

@media screen and (max-width:640px){
	.pub_list .item {padding:20px;}
	.pub_list .item .info_box .pub_title a {font-size:2.0rem;}

	.pub_list .item .info_box .pub_data li:nth-child(odd),
	.pub_list .item .info_box .pub_data li:nth-child(even) {width:100%;}
	.pub_list .item .info_box .pub_data li dt {font-size:1.4rem;}
	
	
	.pub_list .item .info_box .checkBtn {text-align:left;}
}

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






/********************************
04참여마당 > 06도서관소식지 > 01도서관 소식지
*******************************/
.newsletter {position:relative;}
.newsletter:after {content:''; display:block; visibility:hidden; clear:both;}

.newsletter_list {display:flex; flex-wrap:wrap; gap:30px;}
.newsletter_list:after {content:''; display:block; visibility:hidden; clear:both;}
.newsletter_list li {position:relative; padding-bottom:60px; width:calc(25% - 23px); text-align:center; background-color:#f7f7fc; border-radius:20px;}
.newsletter_list li .img_tbox {display:block; padding:40px 10px 25px;}
.newsletter_list li .img_tbox:hover {text-decoration:none;}
.newsletter_list li .img_tbox .cv_img {display:block; margin:0 auto; width:200px; height:253px;}
.newsletter_list li .img_tbox .cv_img img {width:100%; height:100%; box-shadow:1px 5px 9px 3px rgba(0, 50, 128, 0.1);}
.newsletter_list li .img_tbox .cv_tit {display:block; margin-top:20px; color:#333; line-height:1.2;}


.newsletter_list li a.nl_viewbtn {display:block; position:absolute; left:0; bottom:0; padding:15px 0; width:100%; border-radius:0 0 20px 20px; background-color:#333; color:#fff;}
.newsletter_list li a.nl_viewbtn:hover,
.newsletter_list li a.nl_viewbtn:active,
.newsletter_list li a.nl_viewbtn:focus {background-color:#246BB9;}







	/*media query*/
@media screen and (max-width:1540px) {
	.newsletter_list li .img_tbox {padding:30px 10px 20px;}
	.newsletter_list li .img_tbox .cv_img {width:160px; height:203px;}
}
@media screen and (max-width:1240px) {
	.newsletter_list li {width:calc(33.3333% - 20px);}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.newsletter_list li {padding-bottom:55px; width:calc(50% - 15px);}
	.newsletter_list li .img_tbox .cv_img {width:200px; height:253px;}
}
@media screen and (max-width:640px) {
	.newsletter_list li .img_tbox .cv_img {width:160px; height:203px;}
}
@media screen and (max-width:480px) {
	.newsletter_list li {width:100%;}
	.newsletter_list li .img_tbox .cv_img {width:200px; height:253px;}
}