h3.sub-title{
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}
h4.view-title{
	font-size: 30px;
	color: #1d1d1d;
	font-weight: bold;
}
div.contents-area{
	border-top: 1px solid #c6c6c6;
	padding: 50px 0;
}
@media (min-width: 992px) {
	.position-relative-lg {
		position: relative;
	}
	.position-absolute-lg {
		position: relative;
	}
}

.pc-only{
	display: none;
}
.m-only{
	display: block;
}
@media (min-width: 992px) {
	.pc-only{
		display: block;
	}
	.m-only{
		display: none;
	}
}
@media (min-width: 1200px) {
	.layout-container {
		padding: 45px 0 100px;
	}
}
.manage-top-wrap{
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0;
	border-radius: 20px;
}
.manage-top-wrap span{
	font-size: 24px;
	color: #1d1d1d;
	font-weight: bold;
}
.manage-top-wrap span.num{
	font-size: 40px;
	color: #0ba370;
	padding-left: 30px;
}
.manage-box-wrap{
	margin-top: 50px;
}
.manage-box-wrap .manage-list{
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 40px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 991px) {
	.manage-box-wrap .manage-list{
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
		gap: 50px;
	}
}
.manage-box-wrap .manage-list:hover{
	border: 2px solid #0ba370;
	padding: 39px;
}
.manage-box-wrap .manage-list .tit{
	font-size: 19px;
	font-weight: bold;
	color: #1d1d1d;
}
.manage-box-wrap .manage-list .label{
	padding-right: 15px;
	position: relative;
	margin-right: 15px;
}
.manage-box-wrap .manage-list .label:after{
	content: '';
	position: absolute;
	top: 8px;
	right: -6px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #dddddd;
}
.manage-box-wrap .manage-list .btn-group{
	display: flex;
	gap:10px;
}
.manage-box-wrap .manage-list .btn-group > a{
	padding: 12px 30px;
	font-size: 15px;
	border-radius: 24px;
}
.manage-box-wrap .manage-list .btn-group > a:nth-child(1){
	border: 1px solid #c6c6c6;
	color: #1d1d1d;
}
.manage-box-wrap .manage-list .btn-group > a:nth-child(2){
	border: 1px solid #0ba370;
	color: #0ba370;
}
/*modal*/
.applymodal.modal .btn-close{
	position: absolute;
	top: 20px;
	right: 20px;
}
/*@media (min-width: 992px) {*/
/*	.modal .modal-content {*/
/*		width: 600px;*/
/*	}*/
/*}*/
.applymodal.modal .modal-header{
	border-bottom: none;
	padding: 50px 50px 40px;
}
@media (max-width: 991px) {
	.applymodal.modal .modal-header{
		padding: 20px 20px 10px;
	}
}
.applymodal.modal .modal-header .modal-title{
	font-family: "Paperozi";
	font-weight: bold;
	font-size: 30px;
	color: #1d1d1d;
}
@media (max-width: 991px) {
	.applymodal.modal .modal-header .modal-title {
		font-size: 20px;
	}
}
.applymodal.modal .modal-body{
	padding: 0px 50px 0px;
}
@media (max-width: 991px) {
	.applymodal.modal .modal-body{
		padding: 0px 20px 0px;
	}
}

.applymodal.modal .modal-body .modal-info-box{
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 20px;
}
@media (max-width: 991px) {
	.applymodal.modal .modal-body .modal-info-box{
		padding: 16px;
	}
}
.applymodal.modal .modal-body .modal-info-box .tit {
	font-size: 19px;
	font-weight: bold;
	color: #1d1d1d;
}
@media (max-width: 991px) {
	.applymodal.modal .modal-body .modal-info-box .tit {
		font-size: 15px;
	}
}
.applymodal.modal .modal-body .modal-info-box .label{
	padding-right: 15px;
	position: relative;
	margin-right: 15px;
}
.applymodal.modal .modal-body .modal-info-box .label:after{
	content: '';
	position: absolute;
	top: 8px;
	right: -6px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #dddddd;
}
.applymodal.modal .modal-footer{
	border-top: none;
	justify-content: center
}
.applymodal.modal .modal-footer .btn-secondary{
	border: 1px solid #c6c6c6;
	background-color: #ffff;
	color: #1d1d1d;
	padding: 15px 35px;
}
.applymodal.modal .modal-footer .btn-primary{
	background-color: #0ba370;
	color: #fff;
	border:none;
	padding: 15px 35px;
}

/*form-group*/
.form-group-wrap{
	border-top: 1px solid #1d1d1d;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #1d1d1d;
}
.form-group-wrap.modal-form{
	border-bottom: none;
}
.form-group-wrap .form-group{
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
	padding-bottom: 20px;
}
@media (max-width: 991px) {
	.form-group-wrap .form-group{
		padding-bottom: 0;
	}
}
.form-group-wrap.modal-form .form-group{
	border-bottom: 1px solid #ddd ;
}
.form-group-wrap .form-group.colm{
	flex-direction: column;

}
.form-group-wrap .form-group > div.colm{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
@media (max-width: 991px) {
	.form-group-wrap .form-group > div.colm{
		flex-direction: column;
		align-items: flex-start;
	}
	.form-group-wrap.modal-form .form-group > div.colm{
		flex-direction: row;
		align-items: center;
	}

}
.form-group-wrap .form-group > div.colm:last-child{
	margin-bottom: 0;
}
/*.form-group-wrap.modal-form .form-group > div.colm:last-child{*/
/*	margin-bottom: 20px;*/
/*}*/
.form-group-wrap .form-group > div.colm.js-team-input{
	background-color: #f5f5f5;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}
.form-group-wrap .form-group > div.colm.team-name {
	border-radius: 10px 10px 0 0 ;
	margin-top: 10px;
	padding-top: 20px;
}
.form-group-wrap .form-group > div.colm.js-team-input.per-name {
	border-radius: 0px 0px 10px 10px ;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
.form-group-wrap .form-group .tit {
	width: 16%;
	font-weight: bold;
}
.form-group-wrap .form-group .txt {
	width: calc(100% - 10%);
}
@media (max-width: 991px) {
	.form-group-wrap .form-group .txt {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.form-group-wrap .form-group .txt.w-lg-25 {
		width: 25%;
	}
}

.form-group-wrap.modal-form .form-group .txt {
	width: calc(100% - 25%);
}
.form-group-wrap .form-group .txt input,
.form-group-wrap .form-group .txt select {
	width: 100%;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
	padding-left: 15px;
	height: 49px;
}
.form-group-wrap .form-group .txt input[type="file"]{
	border: none;
	height: auto;
	padding-left: 0;
	border-radius: 0;
}
.form-group-wrap .form-group .txt input[type="radio"] {
	display: none;
}

.form-group-wrap .form-group .txt label {
	padding-left: 32px;
	cursor: pointer;
	background: url("../images/sub/radio.svg") no-repeat left center;
	background-size: 20px 20px;
	line-height: 20px;
}
.form-group-wrap .form-group .txt input[type="radio"]:checked + label {
	background-image: url("../images/sub/radio_on.svg");
}

.form-group-wrap .form-group .txt textarea{
	width: 100%;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
	height: 150px;
}


/*테이블-리스트*/
.table-list{
	border-top: 2px solid #555;
	width: 100%;
	margin-bottom: 50px;
}
@media (min-width: 992px){
	.table-list{
		width: 100%;
	}
}
.table-list thead th{
	padding: 15px;
	text-align: center;
}
.table-list tbody td{
	text-align: center;
	color: #555;
	vertical-align: middle;
}
.table-list tbody td.text-left{
	text-align:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.table-list tbody td a{
	color: #555;
}
.table-list tbody td button{
	border-radius: 20px;
	border: 1px solid #c6c6c6;
}
/*.table-list tbody td span{*/
/*	background-color: #f2faf7;*/
/*	color: #08846c;*/
/*}*/

.list-toolbar{
	background-color: #f5f5f5;
	padding: 10px 30px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 991px) {
	.list-toolbar{
		padding: 10px 20px;
		gap: 10px;
		align-items: flex-start;
		flex-direction: column;
	}
}

.list-toolbar .list-toolbar-summary span{
	font-weight: bold;
}
.list-toolbar .list-toolbar-controls{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 6px;
}
.list-toolbar .list-toolbar-controls .date-range{
	background-color: #fff;
	padding: 15px;
	display: flex;
	gap: 30px;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
}
@media (max-width: 991px) {
	.list-toolbar .list-toolbar-controls .date-range{
		gap: inherit;
	}
}
.list-toolbar .list-toolbar-controls .date-range input[type="date"]{
	border: none;
}
.list-toolbar .list-toolbar-controls .btn-search{
	border: 1px solid #0ba370;
	background: #f2faf7;
	padding: 10px 20px;
}

 .market-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
 .market-wrap .market-list{
	width: calc(25% - 23px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	padding: 30px 30px 40px;
	border-radius: 20px;
	gap: 50px;
	min-height: 345px;
	 border: 1px solid #ddd;
}
@media (max-width: 991px) {
	.market-wrap .market-list {
		width: 100%;
		height: auto;
	}
}
.market-wrap .market-list:hover{
	border: 2px solid #0ba370;
	padding : 29px 29px 39px;
}
 .market-wrap .market-list .label{
	padding: 5px 20px;
	font-size: 15px;
	border-radius: 20px;
	margin-bottom: 20px;
	display: inline-block;
	 font-weight: 400;
}
 .market-wrap .market-list .label.red{
	background-color: #ffeded;
	color: #dd3333;
}
 .market-wrap .market-list .label.green{
	background-color: #f2faf7;
	color: #08846c;
}
 .market-wrap .market-list .label.purp{
	background-color: #f0f3fd;
	color: #6c65d3;
}
 .market-wrap .market-list .label.yell{
	background-color: #fefbe8;
	color: #a45c04;
}
 .market-wrap .market-list .label.blue{
	background-color: #eef8ff;
	color: #0c75e0;
}
 .market-wrap .market-list .label.gray{
	background-color: #f5f5f5;
	color: #555555;
}
 .market-wrap .market-list .per-info{
	display: flex;
	gap:15px;
	color: #757575;
	margin-bottom: 15px;
}
 .market-wrap .market-list .tit a{
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	 color: #1d1d1d;
}
 .market-wrap .market-list .like-wrap{
	display: flex;
	gap: 30px;
	margin-bottom: 15px;
}
 .market-wrap .market-list .like-wrap i{
	margin-right: 5px;
}
 .market-wrap .market-list .like-wrap .like i{
	color: #16b37b;
}
 .market-wrap .market-list .like-wrap .comment i{
	color: #757575;
}
 .market-wrap .market-list .bar-wrap{
	width: 100%;
	height: 5px;
	background-color: #ddd;
	position: relative;
}
 .market-wrap .market-list .bar-wrap .bar{
	background-color: #39ce94;
	width: 80%;
	height: 5px;
	position: absolute;
}
 .market-wrap .market-list .bar-wrap .bar:after{
	content:'';
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #39ce94;
	position: absolute;
	top: -3px;
	right: 0;
}
.market-wrap + .btn-success{
	margin: 50px auto;
	display: block;
	border: 1px solid #0ba370;
	padding: 20px 40px;
}
.bg-danger-subtle{
	background-color: #ffeded !important;
	padding: 5px 20px;
	font-weight: 400;
}
.text-danger{
	color: #dd3333 !important;
}
.btn-wrap {
	display: flex;
	margin: 0 auto;
	width: 100%;
	justify-content: center;
	gap: 10px;
}
.btn-wrap .btn{
	padding: 15px 30px;
}
@media (max-width: 991px) {
	.btn-wrap .btn{
		padding: 10px 20px;
	}
}

.btn-wrap .btn-outline-dark{
	border: 1px solid #c6c6c6;
}
.btn-wrap .btn-outline-dark i{
	color: #16b37b;
}
.btn-wrap .btn-success{
	border: none;
}

/*댓글*/
.comment-section .comment-summary{
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 20px 30px;
}
.comment-section .comment-summary > span{
	display: inline-block;
	margin-right: 25px;
}
.comment-section .comment-summary > span.comment-like i{
	color: #16b37b;
}
.comment-section .comment-summary > span.comment-count i{
	color: #757575;
}
.comment-section .comment-form {
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 20px 30px;
	margin: 20px 0;
	gap: 10px;
}
.comment-section .comment-form strong{
	margin-right: 20px;
}
.comment-section .comment-form input[type="text"]{
	height: 50px;
	border: 1px solid #c6c6c6;
	border-radius: 6px;
}
.comment-section .comment-form button{
	height: 50px;
	border:1px solid #0ba370;
	background-color: #f2faf7;
	color: #08846c;
	border-radius: 6px;
	padding: 0 20px;
}

@media (min-width: 992px) {
	.comment-card-side .comment-actions.border-top {
		border-top: none !important;
	}
}

.text-top-wrap{
	border: 2px solid #0ba370;
	border-radius: 20px;
	padding: 40px;
}
.text-top-wrap .tit{
	font-size: 21px;
}
.contents-container ul.list li{
	position: relative;
	padding-left: 14px;
	margin-bottom: 8px;
}
.contents-container ul.list li:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	left: 0;
	top: 9px;
	background-color: #0ba370;
}

.agree-wrap .agree-info{
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 40px;
}
.agree-wrap .agree-info .text-box >div{
	background-color: #f5f5f5;
	width: 32%;
	border-radius: 10px;
	padding: 60px 0;
}
@media (max-width: 991px) {
	.agree-wrap .agree-info .text-box >div{
		width: 100%;
		margin-bottom: 10px;
	}
}

.agree-form-wrap{
	background-color: #f5f5f5;
	border-radius: 10px;
}

.agree-list input[type="radio"] {
	display: none;
}

.agree-list label {
	padding-left: 32px;
	cursor: pointer;
	background: url("../images/sub/radio.svg") no-repeat left center;
	background-size: 20px 20px;
	line-height: 20px;
}
.agree-list input[type="radio"]:checked + label {
	background-image: url("../images/sub/radio_on.svg");
}


@media (min-width: 992px) {
	.job-card-side .job-actions.border-top{
		border-top:  none !important;
	}
}
.job-card:hover{
		border: 2px solid #0ba370 !important; ;
}

.table-break tbody span.badge{
	padding: 10px 20px;
	background-color: #f2faf7 !important;
	color: #08846c !important;
}
.table-break tbody a.btn{
	border: 1px solid #c6c6c6 !important;
	padding: 6px 20px;
}
.table-break tbody span.tit{
	text-align: left;
	display: inline-block;
}
@media (max-width: 991px) {
	.table-break tbody span.tit a{
		font-weight: bold;
		color: #1d1d1d;
	}
}
/*검색*/
.search-wrap{
	max-width: 600px;
	margin: 0 auto;
}
@media (max-width: 991px) {
	.search-wrap{
		max-width: 100%;
	}
}
.search-wrap .search-area{
	display: flex;
}
@media (max-width: 991px) {
	.search-wrap .search-area{
		flex-flow: column;
		gap: 10px;
	}
}
.search-wrap .search-area .select-group{
	border: 1px solid #333;
	border-radius: 40px 0 0 40px;
	border-right: none;
}
@media (max-width: 991px) {
	.search-wrap .search-area .select-group{
		border-radius:40px;
		border-right: 1px solid #333;
	}
}
.search-wrap .search-area .select-group select{
	border: none !important;
	border-radius: 40px 0 0 40px;
	height: 60px;
	width: 100px;
}
@media (max-width: 991px) {
	.search-wrap .search-area .select-group select{
		width: 100%;
		border-radius: 40px;
	}
}
.search-wrap .search-area .input-group{
	border: 1px solid #333;
	border-radius: 0px 40px 40px 0px;
	border-left: none;
}
@media (max-width: 991px) {
	.search-wrap .search-area .input-group{
		border-radius:40px;
		border-left: 1px solid #333;
	}
}
.search-wrap .search-area .input-group input{
	border: none;
	width: calc(100% - 130px);
	border-radius:0px 40px 40px 0px;
}
@media (max-width: 991px) {
	.search-wrap .search-area .input-group input{
		border-radius:40px;
	}
}
.search-wrap .search-area .input-group button{
	 border-radius: 50%;
	width: 60px;
	height: 60px;
}
/* page */


/*btn*/
.board-list-btns .btn-primary{
	background-color: #0ba370;
	border: none;
}

.map-inbox strong{
	font-weight: bold;
}
.map-inbox .more-btn{
	text-align: right;
	width: 100%;
	display: inline-block;
	color: #555;

}


