@charset "UTF-8";
/* global.css reset */
.boardHead {margin-bottom: 0;}
.boardView .form-data-content dd {padding: 50px; box-sizing: border-box;}
.boardView .form-data-content.type02 {background-color: #fff;}
.boardView .form-data-content.type02 dd {text-align: center;}
.boardView .form-data-content.type03 {background-color: #fff;}
.boardView .form-data-content.type03 dd {text-align: left;}

@media screen and (max-width: 768px) {
	.boardView .form-data-content dd {padding: 30px;}
}


/* 보도자료 게시판 리스트 */
.boardTextGallery {border-top:2px solid #000; padding: 0; border-bottom:1px solid #ccc;}
.boardTextGallery ul li {padding: 40px 0 40px 0; border-bottom:1px solid #ccc; position:relative;}
.boardTextGallery ul li:last-child {border-bottom:0;}
.boardTextGallery ul li .item {
	display:block;
	padding:0;
}
.boardTextGallery ul li .item:after {content:""; clear:both; display:block;}
.boardTextGallery ul li .item .tgImg {
    overflow: hidden;
    float: left;
    width: 300px;
    height: 160px;
    margin-right: 20px;
    margin-bottom: 0px;
	}
.boardTextGallery ul li .item .tgImg img {width:100%;}
.boardTextGallery ul li .item .tgCont {
    box-sizing: border-box;}
.boardTextGallery ul li .item .tgCont .bTitle {font-size:24px; 
font-weight:800; line-height:1.2; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-bottom:10px;}
.boardTextGallery ul li .item .tgCont .tgTxt {line-height:1.5;}
.tgTxt.sbTit{
	padding-left:16px;
	position:relative;
}
.tgTxt.sbTit::before{
	display:block;
	content:'';
	height:100%;
	width:3px;
	background-color:#e60047;
	position:absolute;
	top:0;
	left:0;
}
.boardTextGallery ul li .item .tgCont .tgTxt .writer { font-size:16px; margin-bottom:15px; color:#666;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span {font-weight:bold;}
.boardTextGallery ul li .item .tgCont .tgTxt .writer span:after {content:""; display:inline-block; width:1px; height:14px; margin:0 15px; background:#999; vertical-align: middle;}
.boardTextGallery ul li .inkBtn {position:absolute; right:20px; bottom:20px;}
.boardTextGallery ul li.noData {text-align:center;}
.boardSearchForm .rowTable .cellHeader{
	background:#fff;
}
@media all and (max-width: 948px) {
	.boardSearchForm .rowTable .cell input.date{
	width:100px;}
}

@media all and (max-width: 768px) {
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption{
		width:auto;
	}

	.boardTextGallery ul li .item .tgImg {float: none; width: 100%; height: 200px; margin-right: 0; margin-bottom: 20px;}
}

/* Board List */
.boardListTxt {margin: 0.714em 0; color:#666;}
.boardListTxt b {color:#333;}
.boardListTxtR {margin:0 0 0.714em; text-align:right;}
.boardList {width:100%; border:0; border-spacing:0; border-collapse:separate; border-top:2px solid #333;}
.boardList caption {position:absolute; z-index:-10; top:0; left:0; width:1px; height:1px; overflow:hidden;}
.boardList th, .boardList td {padding:14px 5px; border-bottom:1px solid #d7d7d7;}
.boardList thead th {background:#f5f5f5; border-bottom:1px solid #333;}
.boardList tbody {background:#fff;}
.boardList tbody td {text-align:center; font-size:1em; font-weight: 700;}
.boardList td {color:#666; border-bottom:1px solid #ddd;}
.boardList td.title {text-align:left ;color:#333;}
.boardList td.grade {color:#26569f; font-size:1.25em; font-weight:bold;}
.boardList td img {vertical-align:middle;}
.boardList td .tagNew {display:inline-block; border-radius:5px; background:#3374d7; color:#fff; font-size:0.85em; padding:3px 6px; margin-right:5px; font-weight:bold;}
/* .boardList td .tagNotice {display:inline-block; border-radius:5px; background:#df2424; color:#fff; font-size:0.85em; padding:3px 6px; margin-right:5px; font-weight:bold;} */
.boardList td .tagNotice {display:inline-block; padding:3px 18px; text-indent: -9999px; background: url('/humanframe/theme/busan/assets/img/content/ico_notice.png') no-repeat center center; background-size: 70%;}
.boardList tr:hover td, .boardList tr:focus td {background:#fafafb;}

/* 2024-08-21 */
/* 홍보영상 게시판 수정 */
.thumbListType1 > li {width: 25%;}
.thumbListType1 > li > a.item {border: 1px solid #eee; box-sizing: border-box;}
.thumbListType1 > li .titBar {background-color: #fff;}

@media screen and (max-width: 768px) {
    .thumbListType1>li {width: 100%;}
}