/* board.css 보드 전체에 쓰이는 css */

.job_wrap { width:100%; box-sizing:border-box; color:#172033; margin-top:50px; text-align:left; }
.job_head { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.job_head_left h2 { margin:0 0 8px; padding:0; font-size:32px; font-weight:700;}
.job_head_text { color:#222; font-size:13px; line-height:1.5em; }
.job_write_btn { display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 22px; border-radius:4px; background:#075ccc; color:#fff; font-size:16px; font-weight:700; text-decoration:none; box-sizing:border-box; }
.job_search_box { width:100%; padding:24px; border:1px solid #dfe4ea; border-radius:8px; background:#fff; box-sizing:border-box; }
.job_search_top { display:flex; gap:28px; width:100%; margin-bottom:22px; }
.job_search_item { 
	flex:1; min-width:0; 
	font-family:'NanumSquareNeoVariable'; font-size:13px; 
}
.job_search_item label, .job_keyword label { display:block; margin-bottom:9px; color:#344054; font-size:12px; font-weight:700; }
.job_search_item select { width:100%; height:42px; padding:0 12px; border:1px solid #dfe4ea; border-radius:4px; background:#fff; color:#222; box-sizing:border-box; outline:none; }
.job_search_bottom { display:flex; align-items:flex-end; gap:28px; width:100%; }
.job_keyword { flex:1; min-width:0; }
.job_keyword label span { float:right; color:#98a2b3; font-weight:400; }
.job_keyword_input { display:flex; width:100%; height:42px; }
.job_keyword_input input { flex:1; min-width:0; padding:0 13px; border:1px solid #dfe4ea; border-radius:4px; outline:none; box-sizing:border-box; }
.job_check { display:flex; flex-direction:column; justify-content:center; gap:9px; width:180px; height:42px; color:#344054; font-size:12px; }
.job_check label { white-space:nowrap; }
.job_check input { margin:0 7px 0 0; vertical-align:middle; }
.job_buttons { display:flex; gap:12px; }
.job_reset, .job_submit { height:42px; padding:0 18px; border-radius:4px; font-size:12px; font-weight:700; cursor:pointer; }
.job_reset { border:1px solid #d0d5dd; background:#fff; color:#344054; }
.job_submit { border:1px solid #075ccc; background:#075ccc; color:#fff; }
.job_write_btn, .job_submit { transition:transform .2s ease; }
.job_write_btn:hover, .job_submit:hover { transform:scale(1.05); }
.tech_share_search_select { margin-right:10px; width:100%; height:42px; padding:0 12px; border:1px solid #dfe4ea; border-radius:4px; background:#fff; color:#222; box-sizing:border-box; outline:none }


/* bbs_alarm.php s */
#bo_btn_top {
    position:relative; margin:10px 10px 0px 10px; 
}

.bo_alarm_first {
    position:relative;
    min-height:40px;
}

.bbs_alarm_wrap {
    position:absolute;
    right:0;
    top:50%;
    display:flex;
    align-items:center;
    gap:10px;
    width:auto;
    transform:translateY(-50%);
}

.bbs_alarm_item {
    display:flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    color:#666;
    white-space:nowrap;
}

.bbs_alarm_switch {
    position:relative;
    display:inline-block;
    width:32px;
    height:18px;
    border-radius:9px;
    background:#d9dde3;
    vertical-align:middle;
    transition:background .2s ease;
    cursor:pointer;
}

.bbs_alarm_switch:before {
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    transition:left .2s ease;
}

.bbs_alarm_switch.on {
    background:#ef4b4b;
}

.bbs_alarm_switch.on:before {
    left:17px;
}

.bbs_alarm_detail {
    font-size:11px;
    color:#2878e8;
    text-decoration:none;
    white-space:nowrap;
}

.bo_alarm_admin {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    width:100%;
    clear:both;
}

.bo_alarm_admin .all_chk {
    position:relative;
    float:none;
    width:auto;
    margin:0;
}

.bo_alarm_admin .btn_bo_user {
    position:relative;
    float:none;
    display:flex;
    align-items:center;
    gap:5px;
    margin:0;
    padding:0;
}

.bo_alarm_admin .btn_bo_user > li {
    float:none;
    margin:0;
}
/* bbs_alarm.php e */


@media(max-width:700px) {

	#bo_btn_top {
		position:relative; margin:10px 15px 0px 15px; 
	}

	.job_wrap { width:calc(100% - 20px) !important; margin:112px 10px 0 10px !important; box-sizing:border-box !important; }
	.job_head { display:block; margin-bottom:20px; }
	.job_head_left { width:100%; }
	.job_head_left h2 {display:none;}
	.job_head_text { font-size:12px;  }
	.job_head_right { width:100%; margin-top:15px; }
	.job_write_btn { width:100%; height:38px; padding:0 13px; font-size:15px; box-sizing:border-box; }
	.job_search_box { padding:16px; }
	.job_search_top { flex-wrap:wrap; gap:14px; margin-bottom:16px; }
	.job_search_item { flex:0 0 calc(50% - 7px); }
	.job_search_item { flex:0 0 calc(50% - 7px); }
	.job_search_bottom { flex-wrap:wrap; gap:14px; }
	.job_keyword { flex:0 0 100%; }
	.job_check { width:100%; height:auto; flex-direction:row; justify-content:flex-start; gap:20px; }
	.job_buttons { width:100%; }
	.job_reset, .job_submit { flex:1; padding:0; height:36px; }
	.job_wrap select, .job_wrap input {  height:36px; font-family:'NanumSquareNeoVariable'; font-size:13px;  }
    .job_keyword_input { height:36px; }
	.job_wrap label { display:none; }

	/* 공사·보수 바로의뢰 */
    .direct_work_keyword .job_keyword_input {
        height:auto !important;
        flex-wrap:wrap !important;
        gap:10px;
    }
    .direct_work_keyword #tech_share_wr7,
    .direct_work_keyword #tech_share_wr8 {
        flex:0 0 calc(50% - 5px) !important;
        width:calc(50% - 5px) !important;
        min-width:0 !important;
        margin:0 !important;
    }
    .direct_work_keyword #tech_share_wr10 {
        flex:0 0 100% !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }
	
	/* 공사비 견적 미리받기 + 급한 작업 요청 100% */
	.cost_estimate_search .job_search_item {
		flex:0 0 100% !important;
		width:100% !important;
	}

}

/* list_gisulon_basic */
.job_category_item { flex:1; min-width:0; font-family:'NanumSquareNeoVariable'; font-size:13px; }
.job_category_item label { display:block; margin-bottom:9px; color:#344054; font-size:12px; font-weight:700; }
.job_category_item select { width:100%; height:42px; padding:0 12px; border:1px solid #dfe4ea; border-radius:4px; background:#fff; color:#222; box-sizing:border-box; outline:none; }
.job_search_box > .job_search_top label, .job_search_box > .job_search_bottom label {display:none;}

#bo_v_title .bo_v_tit {
	display:inline !important;font-size:1.7em !important;
	word-break:break-all !important;vertical-align:middle !important;
}

/* 중고장터 검색 */
.market_list_search {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}
.market_list_search_item select,.market_list_search_item input {width:100%;height:42px;padding:0 12px;border:1px solid #d0d3db;border-radius:7px;background:#fff;box-sizing:border-box}
.market_list_keyword {grid-column:1/-1}
.market_search_buttons {display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}
.market_search_btn,.market_reset_btn {height:42px;padding:0 28px;border:0;border-radius:7px;font-family:'NanumSquareNeo700';cursor:pointer}
.market_search_btn {background:#1261c9;color:#fff}
.market_reset_btn {background:#eef1f4;color:#555}


#bo_v_con h2, #bo_v_con h3 { margin-bottom:10px; font-family:'NanumSquareNeo800'; }
#bo_v_con h2 { font-size:24px; }
#bo_v_con h3 { font-size:20px; }

@media (max-width:1299px){
	.market_list_search {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.market_list_price {grid-column:1/-1}
	.market_list_keyword {grid-column:1/-1}
	.market_search_buttons {grid-column:1/-1}
	
	.job_category_item { flex:0 0 100%; width:100%; }
	#bo_v_title .bo_v_tit { font-size:1.3em !important; }
    .tech_job_meta {line-height:1.5em !important}
	.tech_job_meta span+span:before {display:none !important;}
}