div[data-widget=bbits-job_openings][data-templet=default] {}
div[data-widget=bbits-job_openings][data-templet=default] ul.list {display: flex; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li {padding: 16px; width: calc((100% - 60px) / 4); border-radius: 8px; border: 1px solid #01467F; background-color: #fff; box-sizing: border-box;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a {box-sizing: border-box;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title {display: flex; align-items: center; justify-content: space-between;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > p.tit {width: 170px; color: #333; font-size: 1.29rem; font-weight: 700; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > span.label {display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; border-radius: 6px; background: #01467F; color: #FFF; font-size: 1.14rem; font-weight: 500; line-height: normal; box-sizing: border-box;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.info > p.detail {margin-top: 10px; margin-bottom: 21px; padding-right: 24px; color: #666; font-size: 1.14rem; font-weight: 400; line-height: 28px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.info > p.date {display: flex; align-items: center; justify-content: flex-start; gap: 6px;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.info > p.date > span {display: flex; align-items: center; gap: 6px; color: #999; font-size: 1.00rem; font-weight: 400; line-height: normal;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li.empty {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 190px; border-color: #D8E3F0;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li.empty > p {color: #666; font-size: 1.07rem; font-weight: 400; text-align: center;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > span.label.is-open {background: #01467F;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > span.label.is-ing {background: #2E6BC7;}
div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > span.label.is-closed {background: #999999;}

@media screen and (max-width:991px) {
	div[data-widget=bbits-job_openings][data-templet=default] ul.list {flex-direction: column; gap: 10px;}
	div[data-widget=bbits-job_openings][data-templet=default] ul.list > li {width: 100%;}
	div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > p.tit {width: 100%;}
	div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.info > p.detail {margin-bottom: 10px; font-size: 1.00rem;}
}

@media screen and (max-width:460px) {
	div[data-widget=bbits-job_openings][data-templet=default] ul.list {height: 190px;}
	div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title {flex-wrap: wrap;}
	div[data-widget=bbits-job_openings][data-templet=default] ul.list > li > a > div.title > p.tit {width: 100%;}
}